/*Home Index Dashboard page*/
.x-root {
    --alt-background-color: #F2F1ED !important;
}

a.dashboard-link {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.25;
    letter-spacing: -0.25px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    color: var(--uswds-theme-color-primary);
    text-decoration: none
}
    a.dashboard-link:after {
        content: "\203A";
        color: var(--uswds-theme-color-primary);
        font-size: 110%;
        padding-left: 3px;
        text-decoration: none;
    }
a.dashboard-link:hover:after {
    content: "\00BB";
}
.cursor-pointer .x-paneltitle {
    cursor: pointer !important;
}

.x-displayfield .x-input-el {
    font-size: 14px;
}


/*End Home Index Dashboard Page*/
/*Profile Pages*/
div.titleHeader .x-button .x-icon-el {
    color: inherit !important;
}
.contentcontainerbody {
    background: white;
    height: 100%;
    border: 8px solid var(--uswds-theme-color-secondary-lightest);
    border-top: none;
    border-radius: .25rem;
}
.borderBottom {
    border-bottom-width: 1px !important;
    border-bottom: solid !important;
    border-color: black !important;
}
/*End Profile Pages*/
/*tree component*/
.x-treelist-nav .x-treelist-item-text {
    margin-left: 8px;
    margin-right: 8px;
}
.x-treelist-nav span {
font-weight: 500;
}
.x-treelist-item-selected span {
    font-weight:600
}
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row {
    background: rgba(208, 137, 96, 0.2);
}
/*End tree component*/
/*Reference Profile*/
.font-bold-20 {
    font-size: 20px;
    font-weight: 700;
}

.fa-red {
    color: red !important;
}

div.titleHeader {   
    text-align: center;
    line-height: 1.3
}

.x-panelresizer.x-northeast.x-splitter, .x-panelresizer.x-east.x-splitter, .x-panelresizer.x-southeast.x-splitter, .x-panelresizer.x-southwest.x-splitter, .x-panelresizer.x-west.x-splitter, .x-panelresizer.x-northwest.x-splitter {
    width: 5px;
}

.underline {
    border-bottom-width: 1px !important;
    border-bottom: solid !important;
    border-color: black !important;
}

#doiAlertHeader {
    padding: 0 2px 1px;
    text-transform: none;
    font-size: 1.5em;
}

#profileLink {
    text-decoration: underline !important;
    color: dodgerblue;
}

#doiLink {
    text-decoration: underline !important;
    color: dodgerblue;
}

#doiLink1 {
    text-decoration: underline !important;
    color: dodgerblue;
}

.internalContentRed {
    color: #e60000;
    font-family: sans-serif;
    font-weight: bold;
}

.headerNoticeBoxText {
    font-size: 1em;
    border: 2px solid var(--dark-green);
}

.highlighted-row .x-grid-cell {
    font-family: sans-serif;
    font-weight: bold;
}

.force-display-contact-profile .x-form-display-field-default {
    /*margin-top: -2px !important;*/
    color: #000;
}

.Core-Fieldset .x-title {
    font-size: 16px;
    color: black;
    font-weight: bold;
    padding: 0;
}

.CoreInfoBody div.x-displayfield {
    border: solid 1px black;
    padding: 5px;
    margin: 5px;
}
/*End Reference Profile*/
/*End tree component*/

/*buttons*/

.borderButton.x-pressing .x-icon-el, .borderButton.x-pressed .x-icon-el {
    color: lightgrey !important
}
.borderButton.x-pressing .x-icon-el, .borderButton.x-pressed .x-arrow-el {
    color: lightgray !important
}
.borderButton .x-icon-el, .borderButton .x-arrow-el {
    color: black !important
}

.filterButton {
    background: linear-gradient(to right, #DEE6D0, #AAC47B);
    border-radius: 5px;
    border: 2px solid #4B6B09;  
}
    .filterButton .x-text-el {
        text-transform: none !important;
    }
/*End buttons*/

/*grids*/
.x-gridcell a {
    color: var(--link-color);
    text-decoration: underline;
    cursor: pointer;
}

.fa-green {
    color: darkgreen !important;
}
fa-orange {
    color: var(--accent-color)
}
.fa-yellow{
    color: darkgoldenrod !important;
}
.fa-red {
    color: darkred !important;
}

.x-gridcolumn .x-trigger-el {
    cursor: pointer;
    opacity: 1;
}

.x-gridcolumn > .x-header-el .x-trigger-el {
    border-width: 0px;
    color: var(--dark-green);
}
.count-bar .x-toolbar-body-el {
    min-height: 12px;
    padding:8px;
}
/*End grids*/
/* Filter bar */
.filter-grid-filters .x-operatortrigger .x-icon-el:before {
    color: var(--dark-green) !important;
    font-weight: 600;
}


.filter-grid-filters fieldset {
    border: 1px solid var(--dark-green);
    border-radius: 4px;
    min-inline-size: auto;
}

.filter-grid-filters.x-form-fieldset {
    min-inline-size: 0;
}
.filter-grid-filters fieldset legend.x-label-text-el {
    font-size: 14px;
    color: black;
}
/* End Filter Bar*/


/*Ref profile*/

.unit-geography-tab .x-panelheader {
    background-color: white;
    min-height: 0px !important;
}
    .unit-geography-tab .x-panelheader .x-text-el {
        color: black;
        font-size: 16px;
    }
.unit-geography-tab .x-panelheader-body-el {
    padding: 4px 8px 0px 8px;
    min-height: 12px;
}

.unit-geography-tab .x-titlebar {
    background-color: white;
    min-height: 0px !important;
}

    .unit-geography-tab .x-titlebar .x-title {
        color: black;
        font-size: 16px;
    }

.unit-geography-tab .x-titlebar-body-el {
    padding: 4px 8px 0px 8px;
    min-height: 12px;
}
/*End Ref profile*/

/*Form Panel*/
.narrow-header .x-titlebar.x-horizontal {
    min-height: 30px;
}

.narrow-header .x-panelheader .x-paneltitle .x-text-el {
    font-size: 16px;
    font-weight: 700;
}

.narrow-header .x-paneltitle .x-icon-el:before {
    font-size: 16px;
}

.narrow-header .x-button .x-text-el {
    text-transform: capitalize;
}
/*End Form Panel*/
.resizeButton {
    position: absolute;
    top: 5px;
    z-index: 1000;
    right: 0px;
}
.dash-nav-button.x-button-orange .x-inner-el {
    border-radius: 30px;
    background-color: transparent;
}
.dash-nav-button.x-hovered .nps-icon::before {
    color: var(--uswds-theme-color-secondary-dark);
}

.dash-nav-button.x-hovered .x-inner-el {
    background-color: var(--uswds-theme-color-secondary-lighter)
}
.dash-nav-button .nps-icon::before {
    font-size: 35px;
    color: black;
}
.dash-nav-button.x-button .x-icon-el {
    width: 100%;
    height: 100%;
}
.dash-nav-collapsible.x-container {
    overflow: visible;
}
    .dash-nav-collapsible.x-container .x-component-body-el {
        overflow: visible;
    }