.crmEntityFormView {
    border: none;
}

.btn, .btn-primary {
    font-size: 14px;
}

a:link {
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}

ul.node-list {
    list-style: none;
    padding: 0;
}

li.node-item {
    list-style: none;
    padding-left: 1.3em ;
    padding-bottom: 10px;
    padding-top: 10px;
    border-width: 0px;
    box-sizing: border-box;
    border-width: 1px  ;
    border-style: solid ;
    border-color: rgba(225, 225, 225, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

li.node-current {
    border-width: 0px;
    background: inherit;
    background-color: #327BB6;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(225, 225, 225, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
li.node-current a {
    color: #FFF;
}

li.app-section-valid:before {
    color: green;
    content: "\F00C" !important; 
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    width: 1.3em; /* same as padding-left set on li */
    margin-left: -0.9em; /*same as padding-left set on li */
    position: relative;
    top: 1px;
    display: inline;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 1.5px;
}


li.app-section-invalid:before {
    color: orange;
    content: "\F06A"; !important; 
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    width: 1.3em; /* same as padding-left set on li */
    margin-left: -0.9em; /*same as padding-left set on li */
    position: relative;
    top: 1px;
    display: inline;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.section-landing {
    background-repeat: repeat;
    background-position: center top;
    background-size: auto !important;
}

.section-navigation a {
    color: #666;
    margin-left: 10px !important;
}


/* used for the application section header elements:
    My Information and Shared Information
*/
.app-section-header {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: rgba(51, 80, 117, 1);
    border: 0px;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    color: #FFF;
}

/* node-item defines its own padding-left value,
    so we want to make sure it's overwritten here for the
    section header elements
*/
.node-item.app-section-header {
    padding-left: 8px;
}

/* Tombstone styling used within the External Report and Application templates*/
.tombstone {
    background-color: #e6e5e5;
    width: 300;
    height: 50;
}

.tombstone-container {
    width: 100%;
    font-size: 1.1em;
}

.tombstone-container td {
    padding: 10px;
}

.tombstone-container td.column-title {
    width: 15%;
}

.tombstone-container td.field-value {
    width: 35%;
    text-align: left;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

html[data-lang=en] label.required:after,  html[data-lang=en] div.required label:after {
    content: ' (required)' !important;
    color: #A94442;
}

html[data-lang=fr] label.required:after,  html[data-lang=fr] div.required label:after {
    content: ' (obligatoire)' !important;
    color: #A94442;
}

.crmEntityFormView .cell div.info div.validators {
    display: none;
}

/* style applies to an section with the name begging with (^=) */
table[data-name^="section_dates"] tr {
    display: block;
    min-width: 720px;
}




input.text.form-control.month, input.text.form-control.day {
    width: 3em;
}

input.text.integer.form-control.percent {
    width: 4em;
}

/* values used as headings e.g. readonly values */
input.strong-value {
    font-weight: bolder;
    font-size: medium;
}


table.app-section-finalization > tbody > tr > td {
    padding: 2px;
}

td.app-section-invalid:before {
    color: orange;
    content: "\F06A" !important; 
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    width: 1.3em; /* same as padding-left set on li */
    position: relative;
    top: 1px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Add line carriage to specific cell */

.view-select {
    display: none;
}


/* user profile > start-hand navigation -> heading
- bold, set font-colour, remove background colour, left align (via removing padding) */
div .nav-profile .panel-heading {
    color: #335075 !important;
    font-weight: bold;
    background-color: transparent !important;
    padding-left:0px;
}

/* user profile > start-hand navigation -> panel
- remove panel border */
.panel.panel-default.nav-profile {
    border-top-width:0px !important;
    border-left-width:0px !important;
    border-right-width:0px !important;
}

/* user profile > start-hand navigation -> items
- add left/right border */
.list-group.nav-profile > a.list-group-item{
    border-left-width:1px !important;
    border-right-width:1px !important;
}

/* user profile > start-hand navigation -> items -> exclamation icons
- color for accessible contrast */
.list-group.nav-profile > a.list-group-item .fa-exclamation-circle {
  color: #FFB200;
}

div.additional-grid-actions {
    border-top: 1px solid #EEEEEE;
    padding-top: 9px;
    border-bottom: 0px;
    margin-top: 9px;
}

/* WET Styles */
.grid-actions button.btn.action {
    margin-left: 10px;
}

div.progress {
    max-width: 180px;
}






/* (entity list filters) */
/*change styling on filters on entity list */
/* label and filter optionset on the same line (wrapped) */
#entitylist-filters > li.entitylist-filter-option-group > ul {
    display: inline-block;
    vertical-align: bottom;
}

#entitylist-filters > li.entitylist-filter-option-group > .entitylist-filter-option-group-label {
    font-size: 15px;
}
/* (entity list filters)*/
/* add padding between label and filter optionset
#entitylist-filters>li.entitylist-filter-option-group>label{
    padding-right: 10px;
} */
/* (entity list filters) */
/* remove border around filtering; remove all div panels under any entitylist */
.entitylist div.panel {
    border: 0px;
    margin-bottom: 0px;
}

/* (entity list filters) */
/* filter box size */
.entitylist-filter-option-text {
    width: 270px;
}

/*Begin Actions change from drop down menu to links */
.entitylist table div.dropdown.action > a[data-bs-toggle='dropdown'],
.entity-grid table div.dropdown.action > a[data-bs-toggle='dropdown'],
.entitylist table div.dropdown.action > button[data-bs-toggle='dropdown'],
.entity-grid table div.dropdown.action > button[data-bs-toggle='dropdown'] {
    display: none;
}

.entitylist table .dropdown-menu > li > a,
.entity-grid table .dropdown-menu > li > a {
    color: #36f;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: inherit;
}

.entitylist table .dropdown-menu > li > a:hover,
.entity-grid table .dropdown-menu > li > a:hover {
    color: #36f;
    text-decoration: underline;
    background-color: inherit;
}

.entitylist table ul.dropdown-menu > li,
.entity-grid table ul.dropdown-menu > li {
    display: block;
}

    .entitylist table ul.dropdown-menu > li:first-of-type > a,
    .entity-grid table ul.dropdown-menu > li:first-of-type > a {
        padding-top: 0px;
    }


.entitylist table div.dropdown > ul.dropdown-menu,
.entity-grid table div.dropdown > ul.dropdown-menu {
    position: relative !important;
    display: block;
    float: left;
    min-width: none;
    padding-top: 0px;
    margin-top: 0px;
    list-style: none;
    font-size: none;
    text-align: none;
    background-color: inherit;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: none;
}

/* hide items by default */
.defaulthidden {
    display: none;
}


.workflow-spinner {
    margin-left: 5px;
}

/*End Actions change from drop down menu to links */

/*Print Overrides */
@media print {
    footer {
        display: none !important;
    }

    header {
        display: none !important;
    }

    .no-print {
        display: none !important;
    }

    .page-break-before {
        page-break-before: always !important;
    }
}

/* Map Glyphicon  */


/* Add some space between tabs */

.nav-tabs > li > a {
    border-right-color: white;
    border-left-color: white;
    border-right-width: 2px;
    border-left-width: 2px;
}

.nav-tabs > li > a:hover {
    border-right-color: white;
    border-left-color: white;
    border-right-width: 2px;
    border-left-width: 2px;
}
.row.form-custom-actions{
    margin-left: inherit;
    margin-right: inherit;
}


/* CSS Styling for the tabs */
div#tab-container {
    border: 1px solid #ddd;
    border-top-color: transparent;
    margin-top: -1px;
    padding:15px;
}

li.nav-item.active{
   background-color: #EEE !important;
}
#nav-tabs li.nav-item {
   background-color: #DDD;
   margin: 1px;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
#nav-tabs a.nav-link {
    margin: 0px;
    color:#000;
    cursor: pointer;
}

.pdf-only{
    display:none;
}

/*For monitors/browser windows with a size greater than 1400px, set the container width and margin left to to center.*/
@media(min-width:1300px) {
    .container {
        width: 80%;
        //margin-left: 10%
    }
}

.crmEntityFormView .cell {
    padding: 0px 20px 20px 0px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.entitylist table tr:not([data-entity="mnp_application"]) > th:last-child,
.entitylist table tr:not([data-entity="mnp_application"]) > td:last-child {
    display: none;
}

/* entity form button: adjust padding to align left */
div.row.form-custom-actions > div:has(div.form-action-container-left) {
    padding-left: 0px;
}


@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding: 10px;
    }
}

.navbar-nav>li>a:hover {
    background-color: transparent !important
}
