ul.node-list {
    list-style: none;
    padding: 0;
}

li.node-item {
    list-style: none;
    padding-left: 1.3em;
    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: rgba(230, 229, 229, 1);
    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.app-section-valid:before {
    color: green;
    content: "\E013" !important;
    font-family: 'Glyphicons Halflings' !important;
    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;
}


li.app-section-invalid:before {
    color: orange;
    content: "\E101";
    font-family: 'Glyphicons Halflings' !important;
    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;
}

li.app-section-locked:before {
    color: #333333;
    content: "\E033" !important;
    font-family: 'Glyphicons Halflings' !important;
    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;
    -webkit-box-decoration-break: clone;
}


/* 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%;
    word-break: break-word;
}

    .tombstone-container td {
        padding: 10px;
    }

        .tombstone-container td.column-title {
            width: 15%;
        }

        .tombstone-container td.field-value {
            width: 35%;
        }

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

html:lang(fr-FR) .crmEntityFormView .cell div.info.required label:after {
    content: ' (obligatoire)' !important;
}

html:lang(en-US) .crmEntityFormView .cell div.info.required label:after {
    content: ' (required)' !important;
}

html:lang(fr-FR) .crmEntityFormView .cell div.info.optional label:after {
    color: #A94442;
    content: ' (optionnelle)' !important;
}

html:lang(en-US) .crmEntityFormView .cell div.info.optional label:after {
    color: #A94442;
    content: ' (optional)' !important;
}

html:lang(fr-FR) div.form-group label.control-label label.required label:before {
    content: ' (obligatoire)' !important;
}

html:lang(en-US) div.form-group label.control-label label.required label:before {
    content: ' (required)' !important;
}

html:lang(en-US) label.control-label.required:after {
    content: ' (required)' !important;
    color: #a94442;
}

html:lang(fr-FR) label.control-label.required:after {
    content: ' (obligatoire)' !important;
    color: #a94442;
}

label.control-label.required:before {
    content: '';
}

.crmEntityFormView .cell div.info div.validators {
    display: none;
}

html:lang(en-US) .crmEntityFormView .cell span.required:after {
    color: #A94442;
    content: ' (required)' !important;
}

html:lang(fr-FR) .crmEntityFormView .cell span.required:after {
    color: #A94442;
    content: ' (obligatoire)' !important;
}

html:lang(en-US) .crmEntityFormView .cell span.optional:after {
    color: #A94442;
    content: ' (optional)' !important;
}

html:lang(fr-FR) .crmEntityFormView .cell span.optional:after {
    color: #A94442;
    content: ' (optionnelle)' !important;
}

/* style applies to an section with the name begging with (^=) */
table[data-name^="section_dates"] tr {
    display: block;
    min-width: 720px;
}

/* style applies to an section with the name begging with (^=) */
table[data-name^="section_dates"] td.cell.form-control-cell {
    display: inline-block;
}

    /* style applies to an section with the name begging with (^=) */
    table[data-name^="section_dates"] td.cell.form-control-cell:not(:first-child) {
        padding-top: 21px;
        padding-left: 5px;
    }

    /* style applies to an section with the name begging with (^=) */
    table[data-name^="section_dates"] td.cell.form-control-cell:first-child {
        width: 5em;
    }

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;
}
/* All Tables with an data-name that ends with _hidden_section
	To use this add a section to the form, and ensure it's name ends in "_hidden_section"
    Use for when something will not be displayed in the portal.
    If something is meant to be hidden initially then displayed. Use the "_hideshow_section" data-name.
 */
table[data-name$="_hidden_section"] {
    display: none !important;
}

/*
    Use this to hide sections that will be shown. The above _hidden_section should only be used when something will not 
    be shown as the show() jquery method call cannot display something that is hidden with the important tag.
    If something is hidden permanently use the "_hidden_section" data-name.
*/
table[data-name$="_hideshow_section"] {
    display: none !important;
}

table.app-section-finalization > tbody > tr > td {
    padding: 2px;
}

td.app-section-invalid:before {
    color: orange;
    content: "\E101";
    font-family: 'Glyphicons Halflings' !important;
    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 */

td[data-attribute*=rp_allocatedstage] {
    white-space: pre-wrap;
}

.view-select {
    display: none;
}

/* update stlying for the side navigation within the Profile that uses panel-headings. */
div .nav-profile .panel-heading {
    background-color: #335075 !important;
    color: #fff !important;
}

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;
}

#application-sections a {
    color: #666;
}
/*Begin Change language dropdown to just the other language */
#wb-lng .dropdown-menu > li > a:focus {
    /* Override the focus to be transparent */
    background-color: transparent !important;
}

#wb-lng .dropdown-menu > li > a {
    color: #36f;
    padding-left: 0px;
    padding-right: 0px;
    float: right;
    text-decoration: inherit;
}

    #wb-lng .dropdown-menu > li > a:hover {
        color: #36f;
        text-decoration: underline;
        background-color: inherit;
        padding-top: 3px !important;
    }

#wb-lng a.dropdown-toggle {
    display: none;
}

#wb-lng ul.dropdown-menu {
    min-width: auto;
    background-color: inherit;
    border: none;
    box-shadow: none;
}

#wb-lng div.dropdown > ul.dropdown-menu {
    position: relative;
    display: block;
    float: right;
}
/*END Change language dropdown to just the other language */
#wb-info {
    background: #e1e4e7;
    position: relative;
    z-index: 5;
}

    #wb-info a {
        font-size: .875em;
        text-decoration: none;
    }

        #wb-info a.wb-navcurr {
            font-weight: 800;
        }

    #wb-info .brand {
        background: #f8f8f8;
        border-top: 4px solid #335175;
        line-height: 30px;
    }

        #wb-info .brand object,
        #wb-info .brand img {
            height: 40px;
            margin-bottom: 10px;
            margin-top: 20px;
            width: auto;
        }

    #wb-info .ftr-urlt-lnk ul {
        margin: 0;
        padding: 0;
    }

    #wb-info .ftr-urlt-lnk li:before {
        content: "\2022";
        margin-right: 0.7em;
    }

@media screen and (min-width: 992px) {
    /*
  WET-BOEW
  @title: Medium view and over (screen only)
 */
    /*
 Social Media Icons Medium View and over
*/
    /*
  WET-BOEW
  @title: Search medium view and over (screen only)
 */
    #wb-info .ftr-urlt-lnk li {
        display: inline-block;
        float: left;
        margin-right: 0.7em;
    }

        #wb-info .ftr-urlt-lnk li:first-child:before {
            content: none;
        }

    [dir=rtl] #wb-info .ftr-urlt-lnk li {
        float: right;
    }
}

/*
  WET-BOEW
  @title: Search medium view and over (screen only)
 */
#wb-info .ftr-urlt-lnk li {
    display: inline-block;
    float: left;
    margin-right: 0.7em;
}

    #wb-info .ftr-urlt-lnk li:first-child:before {
        content: none;
    }

[dir=rtl] #wb-info .ftr-urlt-lnk li {
    float: right;
}


/*
 * Site information (extra-extra-small view)
 */
#wb-info .ftr-urlt-lnk ul {
    -webkit-column-count: 1;
    column-count: 1;
}

#wb-info .brand object,
#wb-info .brand img {
    height: 25px;
    margin-top: 15px;
    max-width: 100%;
    padding-right: 10px;
}

#wb-info .tofpg {
    line-height: 60px;
}


#wb-info .tofpg {
    line-height: 90px;
}

    #wb-info .tofpg a {
        color: #000;
    }

        #wb-info .tofpg a span {
            margin-left: 25px;
        }

        #wb-info .tofpg a:hover {
            text-decoration: none;
        }

#wb-info nav {
    padding-bottom: 2em;
    padding-top: 2em;
    position: relative;
}

    #wb-info nav li {
        margin-bottom: .75em;
    }


/* Small view and over */
@media screen and (min-width: 768px) {
    /*
  WET-BOEW
  @title: Small view and over (screen only)
 */
    .col-sm-auto {
        width: auto;
    }
    /*
  WET-BOEW
  @title: Proximity CSS - Small view and over
 */
    .colcount-sm-2 {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .colcount-sm-3 {
        -webkit-column-count: 3;
        column-count: 3;
    }

    .colcount-sm-4 {
        -webkit-column-count: 4;
        column-count: 4;
    }

    .pstn-lft-sm {
        position: absolute;
        left: 0;
        right: auto;
    }

    .pstn-rght-sm {
        position: absolute;
        right: 0;
        left: auto;
    }

    .pstn-tp-sm {
        position: absolute;
        top: 0;
        bottom: auto;
    }

    .pstn-bttm-sm {
        position: absolute;
        bottom: 0;
        top: auto;
    }
}

/* Medium view and over */
@media screen and (min-width: 992px) {
    /*
  WET-BOEW
  @title: Medium view and over (screen only)
 */
    [dir=rtl] main.col-md-push-3 {
        left: auto;
    }

    [dir=rtl] #wb-sec.col-md-pull-9 {
        right: auto;
    }

    .col-md-auto {
        width: auto;
    }
    /*
  WET-BOEW
  @title: Proximity CSS - Medium view and over
 */
    .colcount-md-2 {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .colcount-md-3 {
        -webkit-column-count: 3;
        column-count: 3;
    }

    .colcount-md-4 {
        -webkit-column-count: 4;
        column-count: 4;
    }

    .pstn-lft-md {
        position: absolute;
        left: 0;
        right: auto;
    }

    .pstn-rght-md {
        position: absolute;
        right: 0;
        left: auto;
    }

    .pstn-tp-md {
        position: absolute;
        top: 0;
        bottom: auto;
    }

    .pstn-bttm-md {
        position: absolute;
        bottom: 0;
        top: auto;
    }
    /*
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
 */
    #details-flickr,
    #details-youtube {
        padding-left: 0;
        padding-right: 0;
    }
    /*
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
 */
    .wb-tabs > details, .wb-tabs > .tabpanels > details {
        border-color: #ccc;
        border-style: solid;
        border-width: 1px;
        display: none;
    }

        .wb-tabs > details[open], .wb-tabs > .tabpanels > details[open] {
            display: block;
        }

            .wb-tabs > details[open] > summary, .wb-tabs > .tabpanels > details[open] > summary {
                display: none !important;
            }

    .wb-tabs {
        /* Only for backwards compatibility. Should be removed in v4.1. */
    }

        .wb-tabs.carousel-s2.show-thumbs [role="tablist"] li.active a {
            border-color: #666;
            border-style: solid;
            border-width: 10px;
            margin-bottom: 1px;
            padding: 0;
        }

            .wb-tabs.carousel-s2.show-thumbs [role="tablist"] li.active a:focus::before {
                content: "";
                height: calc(100% - 6px);
                left: 0;
                margin: 2px;
                outline: inherit;
                outline-color: #FFF;
                position: absolute;
                top: 0;
                width: calc(100% - 4px);
            }

        .wb-tabs.carousel-s2.show-thumbs [role="tablist"] li[role="presentation"] {
            display: inline-block;
        }

            .wb-tabs.carousel-s2.show-thumbs [role="tablist"] li[role="presentation"] img {
                opacity: .5;
                width: 140px;
            }

        .wb-tabs.carousel-s2.show-thumbs [role="tablist"] li[class="active"] img {
            opacity: 1;
        }

        .wb-tabs.carousel-s2.show-thumbs [role="tablist"] li.prv, .wb-tabs.carousel-s2.show-thumbs [role="tablist"] li.tab-count, .wb-tabs.carousel-s2.show-thumbs [role="tablist"] li.nxt {
            display: none;
        }
}

#wb-info .ftr-urlt-lnk ul {
    margin: 0;
    padding: 0;
}

#wb-info .ftr-urlt-lnk li:before {
    content: "\2022";
    margin-right: 0.7em;
}

/*
  WET-BOEW
  @title: Small view and under (screen only)
 */
#wb-info .ftr-urlt-lnk ul {
    -webkit-column-count: 1;
    column-count: 1;
}

#wb-info .ftr-urlt-lnk li {
    display: block;
    margin-bottom: .2em;
}


/*
  WET-BOEW
  @title: Search medium view and over (screen only)
 */
#wb-info .ftr-urlt-lnk li {
    display: inline-block;
    float: left;
    margin-right: 0.7em;
}

    #wb-info .ftr-urlt-lnk li:first-child:before {
        content: none;
    }

[dir=rtl] #wb-info .ftr-urlt-lnk li {
    float: right;
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    /*
  WET-BOEW
  @title: Medium view (screen only)
 */
    /*
 * Equal Heights overrides (medium view)
 */
    .sect-lnks {
        margin-right: 15px;
        width: 48.1%;
    }

    main.col-md-9 .sect-lnks {
        width: 47.5%;
    }

    .lt-ie9 .sect-lnks {
        width: 47%;
    }

    .lt-ie9 main.col-md-9 .sect-lnks {
        width: 46%;
    }
}

#wb-info a {
    color: #284162
}

    #wb-info a:visited {
        color: #7834bc
    }

/* (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-toggle='dropdown'],
.entity-grid table div.dropdown.action > a[data-toggle='dropdown'],
.entitylist table div.dropdown.action > button[data-toggle='dropdown'],
.entity-grid table div.dropdown.action > button[data-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 ul.dropdown-menu > li:not(:last-child):after{
    content: "\a"
}*/

.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;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

/* hide language specific grids 
   when viewing in english, hide french (1036) grid and vice versa
*/
html:lang(en-US) div[id^=grid_][id$=_1036] {
    display: none !important;
}

html:lang(fr-FR) div[id^=grid_][id$=_1033] {
    display: none !important;
}

.workflow-spinner {
    margin-left: 5px;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    padding: 3px 0px !important;
    border: 0px solid rgba(0,0,0,.15) !important;
}

.dropdown-menu > li:first-of-type > a:focus,
.dropdown-menu > li:first-of-type > a:hover {
    padding-top: 0px !important;
}

.navbar-right > ul > li > ul > li > a:hover {
    padding: 3px 20px !important;
}

.dropdown-menu {
    z-index: 999;
}

/* enrolment flow > affiliations step > hide action item icons */
div[id*=grid_affiliations_common_103] div.entity-grid.subgrid ul.dropdown-menu li a[role=menuitem] > span.fa {
    display: none;
}

/*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;
    }
}

/* Primary Icon */
.primary-icon:before {
    color: green;
    content: "\E013" !important;
    font-family: 'Glyphicons Halflings' !important;
    width: 1.3em; /* same as padding-left set on li */
    position: relative;
    top: 5px;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
}


/* Map Glyphicon  */

td[data-attribute="rp_isprimary"] {
    padding: 20px;
}

    td[data-attribute="rp_isprimary"] > i {
        font-size: 1.5em;
    }

td[data-attribute="rp_primary"] {
    padding: 20px;
}

    td[data-attribute="rp_primary"] > i {
        font-size: 1.5em;
    }

/* Hide the yes/no values */
td[data-attribute*='rp_budget2018'] {
    font-size: 0px;
}

    /* Logo for Budget 2018 column */
    td[data-attribute*='rp_budget2018'][data-value*='true'] {
        content: "";
        background-image: url("data:image/svg+xml,<svg class='bi bi-bootstrap' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 1H4a3 3 0 00-3 3v8a3 3 0 003 3h8a3 3 0 003-3V4a3 3 0 00-3-3zM4 0a4 4 0 00-4 4v8a4 4 0 004 4h8a4 4 0 004-4V4a4 4 0 00-4-4H4z' clip-rule='evenodd'/><path fill-rule='evenodd' d='M8.537 12H5.062V3.545h3.399c1.587 0 2.543.809 2.543 2.11 0 .884-.65 1.675-1.483 1.816v.1c1.143.117 1.904.931 1.904 2.033 0 1.488-1.084 2.396-2.888 2.396zM6.375 4.658v2.467h1.558c1.16 0 1.764-.428 1.764-1.23 0-.78-.569-1.237-1.541-1.237H6.375zm1.898 6.229H6.375V8.162h1.822c1.236 0 1.887.463 1.887 1.348 0 .896-.627 1.377-1.811 1.377z' clip-rule='evenodd'/></svg>");
        background-repeat: no-repeat;
        background-size: 3rem 3rem;
        background-position: center;
    }

/* 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;
    }

/* app content project */
/* priority area checkboxes (have ids that start with rp_priorityarea_), remove bolding on labels */
label[id^=rp_priorityarea_] {
    font-weight: normal;
}

/* app content project */
/* format width of currency fields */
input#rp_ipgamount, input#rp_rsamount, input#rp_estimatedadditionalfunds, input#rp_totalfundsallocated {
    width: 8em;
}

/* app content project */
/* format width of currency symbol in french */
html:lang(fr-FR) table[data-name='section_allprojects_funding'] span.input-group-addon {
    float: left;
    height: 35px;
    width: auto;
}

/* Start Helpbox css */
.helpBox {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 5px;
}

#helpBox > div {
    padding: 30px;
}

.assideTitle {
    font-size: 24px;
    font-weight: 700;
}
/* End Helpbox css */

/*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%
    }
}

/* label-info */
/* this got updated with the move to the cloud, reverting back to the original color here */
.label-info {
    background-color: #31708f;
}

/* 
    as part of app section config refactor
    hide update button on socioeconomic objectives form 
*/
#EntityFormPanel:has(div[data-ref-rel=rp_new_application_rp_selectedsocioeconomico]) #UpdateButton {
    display: none;
}

/*
hide update button on suggested viewer update button
*/
#EntityFormPanel:has(div[data-ref-rel=new_new_application_new_appsuggestedreviewer]) #UpdateButton {
    display: none;
}

/* alert-info */
/* Overriding colour of Alert Boxes to maintain hyperlink visibility */
.alert-info {
    background-color: #d6f8ff !important;
}

    /* alert-info - underline hyperlinks to make them stand out */
    .alert-info a {
        text-decoration: underline;
    }

/* used in basic forms (e.g. reviews) to style character counter text to be normal (and not bold) */
div.counter {
    font-weight: normal;
}

/* AUTO-COMPLETE 
   text font
*/
ul.ui-autocomplete {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
    /* AUTO-COMPLETE 
   no border around text itself
*/
    ul.ui-autocomplete > li.ui-menu-item > a {
        border-width: 0px !important;
        border-style: none !important;
    }
    /* AUTO-COMPLETE 
   left padding before address
    no border around text itself 
*/
    ul.ui-autocomplete > li.ui-menu-item > span.ui-menu-item-wrapper {
        padding: 10px;
        border-width: 0px !important;
        border-style: none !important;
    }

.ag-theme-alpine {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
}

/* CVC entity form (modals) > with date section text > reduce font size */
div.entity-form:has(span[data-form-layout*='rp_cvc']) legend.section-title h3 div {
    font-size: medium !important;
}
/* CVC entity form (modals) > date fields (mm and dd) > remove padding 
*/
div.entity-form:has(span[data-form-layout*='rp_cvc']) table[data-name=section_dates] div.info {
    padding-bottom: 0px;
}

/* ORCID related start */

/* Used to show the ORCID logo on the profile page next to the URI */
img.orcid-id-logo {
    content: url(assets/images/orcid-logo.png);
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

#orcid-id-icon {
    background-image: url(assets/images/orcid-logo.png);
    display: block;
    margin: 0 .5em 0 0;
    padding: 0;
    float: left;
}


/* cvc validation column status values - hide */
td[data-attribute=rp_validationstatus][data-value] {
    color: transparent !important; /* make the text invisible */
    user-select: none !important; /* prevent selection of the text */
}
    /* cvc validation column status values - replace with icons */
    td[data-attribute=rp_validationstatus][data-value]:before {
        font-family: 'Glyphicons Halflings' !important;
        width: 1.3em; /* same as padding-left set on li */
        margin-left: 1em; /*same as padding-left set on li */
        position: relative;
        top: 1px;
        display: inline;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
/* cvc validation column status values - valid - replace with invalid icon */
td[data-attribute=rp_validationstatus][data-value*='123450001']:before {
    color: orange;
    content: "\E101";
}
/* header alignment */
#orcid-import-modal .ag-header-cell-label {
    justify-content: left;
}
/* ORCID related end */

/* hide cv subgrid delete links by default. js to show as required */
div.entity-grid > div.view-grid > table > tbody > tr[data-entity^="rp_cvc"] a.delete-link {
    display: none;
}

/* hide applications(new_app_participant) documents link by default. js to show as required */
div.entity-grid > div.view-grid > table > tbody > tr[data-entity^="new_app_participant"] a[title="Documents" i] {
    display: none;
}

/* hide applications(new_app_participant) PDF View link by default. js to show as required */
div.entity-grid > div.view-grid > table > tbody > tr[data-entity^="new_app_participant"] a[title*="PDF" i] {
    display: none;
}

/* hide awards(new_award_participant) documents link by default. js to show as required */
div.entity-grid > div.view-grid > table > tbody > tr[data-entity^="new_award_participant"] a[title="Documents" i] {
    display: none;
}

/* hide Research Admin Applications(new_application) documents link by default. js to show as required */
div.entity-grid > div.view-grid > table > tbody > tr[data-entity^="new_application"] a[title="Documents" i] {
    display: none;
}

/* hide Research Admin Applications(new_app_participant) PDF View link by default. js to show as required */
div.entity-grid > div.view-grid > table > tbody > tr[data-entity^="new_application"] a[title*="PDF" i] {
    display: none;
}

/* hide Research Admin Awards(new_award) documents link by default. js to show as required */
div.entity-grid > div.view-grid > table > tbody > tr[data-entity^="new_award"] a[title="Documents" i] {
    display: none;
}