:root {
    /* Color variables */
    --jumbotron-color: black;
    --jumbotron-bg-color: #DBDCDD;
    --loginbutton-color: #2B2B2B;
    --loginbutton-bg-color: #F6F6F6;
    --topbar-bg-color: white;
    --topbar-color: #093882;
    --navbar-color: white;
    --navbar-bg-color: #093882; /*Menu Bar*/
    --navbar-border-color: white; /* #080808; */
    --navbar-inverse-bg-color: white; /*selected navbar tab*/
    --navbar-inverse-color: black;
    --navbar-active-bg-color: #DADADA; /*active navbar tab*/
    --navbar-active-mobile-bg-color: white; /*active navbar tab for mobile side menu*/
    --navbar-active-color: black;
    --navbar-toggle-bg-color: transparent;
    --navbar-toggle-hover-bg-color: #2B2D51;
    --navbar-toggle-color: white;
    --navbar-dropdownmenu-bg-color: white; /*Nav dropdown items*/
    --navbar-dropdownmenu-bg-hover: #093882;
    --navbar-dropdownmenu-color: #333;
    --navbar-dropdownmenu-color-hover: white;
    --titlebar-bg-color: #2342B3; /*Header Bar*/
    --titlebar-color: white;
    --titlebar-secondary-bg-color: #BECBFD; /*Sub Head Bar*/
    --titlebar-secondary-color: black;
    --titlebar-message-color: black;
    --container-footer-color: #C5C5C5;
    --error-bg-color: #FEF1ED;
    --error-color: #CD0A0A;
    --btndefault-bg-color: #F6F6F6;
    --btnsearch-bg-color: #1E3069;
    --container-footer-bg-color: #093882;
    /* Other variables */
    --body-padding-top: 113px; /* amount needed to offset the topbar and navbar */
    --body-padding-top-mobile: 135px; /* mobile: amount needed to offset the topbar and navbar */
    --topbar-image: url('/images/statewidelogo.jpg'); /* left image shown in topbar*/
    --topbar-image-mobile: url('/images/statewidelogo.jpg'); /* left image shown in topbar*/
    --topbar-image-height: 60px;
    --topbar-image-width: 402px;
    --navbar-fixed-top: 60px;
    --navbar-mobileunder-fixed-top: 105px;
}


body {
    padding-top: var(--body-padding-top);
/*    font-family: Segoe UI, Arial, Helvetica, sans-serif;
*/    font-size: 13px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

label {
    font-weight: 600;
}

.datepicker {
    font-size: 13px;
}

@media (min-width: 768px) {
    body:not(body.md-break) {
        background-color: #DADADA;
    }

    section:not(.md-break *) {
        border-radius: 10px;
        background-color: white;
        box-shadow: 3px 3px 5px 0 #888888;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}
@media (min-width: 992px) {
    body {
        background-color: #DADADA;
    }

    section {
        border-radius: 10px;
        background-color: white;
        box-shadow: 3px 3px 5px 0 #888888;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}

.jumbotron {
    background-color: var(--jumbotron-bg-color);
    color: var(--jumbotron-color);
}

a {
    color: #2D0028;
    text-decoration: none;
}
    a:hover,
    a:focus {
        color: #000000;
        text-decoration: underline;
    }

.btn-primary {
    background-color: var(--navbar-bg-color);
}

/*********************** Login ***********************/
.login-link {
    font-size: 14px;
}

.login-button {
    font-size: 14px;
    height: 26px;
    padding-top: 4px;
    color: var(--loginbutton-color);
    background-color: var(--loginbutton-bg-color);
}

/*********************** Top Bar ***********************/
.topBar-wrapper {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 840;
    background-color: var(--topbar-bg-color);
}

.topBar-user {
    color: var(--topbar-color);
}

.topBar-tagline {
    text-align: center;
    width: 100%;
    margin-bottom: 3px;
    margin-top: 15px;
    font-size: 24px;
    font-weight: bold;
    color: var(--topbar-color);
}

    /* sm */
    @media (max-width: 767px) {
        .topBar-tagline {
            font-size: 18px;
            font-weight: normal;
        }
    }

.topBar-left {
    float: left;
    padding-top: 0;
    height: var(--topbar-image-height);
    width: var(--topbar-image-width);
    background-image: var(--topbar-image);
    background-repeat: no-repeat;
    margin-bottom: 3px;
    margin-top: 2px;
}
    @media (max-width: 575px) {
        .topBar-left {
            background-image: var(--topbar-image-mobile);
        }
    }

.topBar-right {
    float: right;
    padding-top: 0;
    text-align: right;
    font-size: 14px;
}

.topBar-datetime {
    color: var(--topbar-color);
    font-size: 11px;
    padding-top: 15px;
}

/*********************** Navbar ***********************/
.navbar-dark .navbar-toggler-icon {
    background-size: 25px;
}

.navbar {
    min-height: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 5px;
}

.navbar-login {
    margin-top: -4px;
}

.navbar.navbar-main {
    background-color: var(--navbar-bg-color);
    z-index: 845;
    border-bottom: none;
}

.navbar-fixed-top {
    top: var(--navbar-fixed-top);
    position: fixed;
}

.navbar-inverse,
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: var(--navbar-inverse-bg-color);
    color: var(--navbar-inverse-color);
}

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: var(--navbar-active-bg-color);
        color: var(--navbar-active-color);
    }

    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: var(--navbar-color);
        margin-top: 2px;
    }

    .navbar-nav > li:hover,
    .navbar-nav > li:focus,
    .navbar-inverse .navbar-nav > li:hover,
    .navbar-inverse .navbar-nav > li:focus
    .navbar-inverse .navbar-nav > li.active:hover,
    .navbar-inverse .navbar-nav > li.active:focus {
        background-color: var(--navbar-inverse-bg-color);
        color: var(--navbar-inverse-color);
        margin-top: 4px;
    }


.navbar-nav li a {
    padding-bottom: 10px;
    background-color: var(--navbar-bg-color);
    color: var(--navbar-color);
    font-size: 12pt;
    text-decoration-line: none;
}

.navbar-under-mobile {
    height: 30px;
    min-height: 12px;
    padding: 1px 5px;
    width: 100%;
    background-color: var(--titlebar-bg-color);
    color: var(--titlebar-color);
    top: var(--navbar-mobileunder-fixed-top);
}

@media (min-width: 992px) {
    .navbar-inverse,
    .navbar-inverse .navbar-nav > .active > a:hover {
        border-bottom: 1px solid var(--navbar-bg-color);
    }

        .navbar-nav > li > a:hover,
        .navbar-nav .dropdown-toggle.show, .navbar-nav .dropdown-toggle.show:focus, .navbar-nav .dropdown-toggle.show:hover,
        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li.active > a:hover {
            background-color: var(--navbar-inverse-bg-color) !important;
            color: var(--navbar-inverse-color);
            border-top: 1px solid var(--navbar-border-color);
            border-right: 1px solid var(--navbar-border-color);
            border-left: 1px solid var(--navbar-border-color);
            border-bottom: 1px solid var(--navbar-bg-color);
            padding-top: 6px;
        }

    .navbar-nav > li.active > a {
        border: 1px solid var(--navbar-bg-color);
        border-bottom: 1px solid var(--navbar-active-bg-color);
    }

    .navbar-nav > li > a {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        text-align: center;
        padding: 5px 20px 6px 20px;
        height: 100%;
        border: 1px solid var(--navbar-bg-color);
        border-bottom: none;
    }

    .navbar-nav > li {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        margin-top: 4px;
        border: none;
        padding-bottom: 0;
    }
/*
    .navbar-under-mobile {
        display: none;
    }
*/
    #collapse-admin-menu {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: left;
        height: 25px;
    }

        .navbar-under-mobile > .titlebar-title {
            font-size: 16px;
        }

    .navbar-nav .dropdown.open > a:focus {
        background-color: var(--navbar-bg-color);
        color: var(--navbar-color);
    }
}

#btn-open-nav {
    font-size: 24px;
    color: var(--navbar-color) !important;
    background-color: var(--navbar-bg-color);
    border: none;
    margin: 1px 15px 1px 15px;
    float: left;
}


/*********************** Navbar Dropdown Menu ***********************/
.dropdown-menu {
    background-color: var(--navbar-dropdownmenu-bg-color);
    width: max-content;
}
.top-dropdown-menu {
    direction: rtl;
}

.dropdown-menu > li > a {
    color: var(--navbar-dropdownmenu-color);
    background-color: var(--navbar-dropdownmenu-bg-color);
    font-size: 14px;
    width: 100%;
    padding: 5px 10px;
    display: inline-block;
}

.dropdown-menu > li > a:hover {
    background-color: var(--navbar-dropdownmenu-bg-hover);
    color: var(--navbar-dropdownmenu-color-hover);
}

.dropdown-submenu {
    position:relative;
}
    .dropdown-submenu > .dropdown-menu {
        top: unset;
        bottom: -10px;
        left: 100%;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
        padding-right: 5px;
    }
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/*********************** Sidenav ***********************/
.sidenav > .navbar-active > a:hover {
    color: #909090;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    background-color: var(--navbar-bg-color);
    color: var(--navbar-color);
    transition: 0.5s;
    padding-top: 45px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sidenav li.active > a {
    background-color: var(--navbar-active-bg-color);
    color: var(--navbar-active-color);
}

.sidenav li.active > a:hover {
    color: var(--navbar-active-color);
}

.sidenav a, .sidenav-login button {
    padding: 3px 5px 3px 10px;
    text-decoration: none;
    font-size: 16px;
    display: block;
    transition: 0.3s;
    white-space: nowrap;
    overflow: hidden;
    color: white;
    /*color: var(--navbar-color);*/
}

.sidenav .submenu {
    padding-left: 35px;
}

.sidenav li > a:hover, /*.sidenav li > a:focus,*/ .sidenav li.active > a:hover/*, .sidenav li.active > a:focus*/ {
    background-color: var(--navbar-inverse-bg-color);
    color: var(--navbar-inverse-color);
}

.sidenav li {
    color:  var(--navbar-color);
    list-style: none;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 30px;
    margin-left: 50px;
    cursor: pointer;
}

.sidenav .closebtn:hover, .sidenav .closebtn:focus {
    background-color: var(--navbar-bg-color);
    color: var(--navbar-color);
}


.sidenav-login {
    position: absolute;
    height: 32px;
    width: 100%;
    margin-top: 30px;
    bottom: 0;
    
}

.sidenav-login .btn-default,
.sidenav-login .btn-default:focus,
.sidenav-login .btn-default:hover {
    background-color: var(--titlebar-bg-color);
    color: var(--titlebar-color);
    border-radius: 0;
    text-align: left;
    border-top-color: white;
    border-bottom-color: var(--navbar-inverse-bg-color);
    border-left-color: var(--navbar-inverse-bg-color);
    border-right-color: var(--navbar-inverse-bg-color);
    width: 100%;
}

.sidenav-btn-dropdown {
    font-weight: 200; 
    font-size: 14px; 
    margin-top: 4px; 
    margin-left: 15px; 
    display: inline-block;
}

.mobile-navbar-dropdown {
    cursor: pointer;
    background-color: var(--navbar-bg-color);
}

.mobile-navbar-dropdown:hover > div,
.mobile-navbar-collapse a:hover,
a.mobile-navbar-dropdown.active:hover {
    color: var(--navbar-inverse-color);
}

a.mobile-navbar-dropdown.active {
    background-color: var(--navbar-active-mobile-bg-color);
    color: var(--navbar-active-color);
}

.mobile-navbar-dropdown:hover,
.mobile-navbar-collapse a:hover,
a.mobile-navbar-dropdown.active:hover {
    background-color: var(--navbar-inverse-bg-color);
}

.mobile-navbar-collapse a {
    width: 100%;
    padding-left: 25px;
}

@media (min-width: 992px) {
    .sidenav {
        display: none;
    }
}

/*********************** Titlebar ***********************/
.titlebar {
    margin-bottom: 8px;
    margin-top: 5px;
    padding: 0 6px 0 7px;
    width: 100%;
    background-color: var(--titlebar-bg-color);
    color: var(--titlebar-color);
    border: 1px solid #DDDDDD;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.titlebar-secondary {
    margin-bottom: 8px;
    margin-top: 5px;
    padding: 0 6px 0 7px;
    width: 100%;
    background-color: var(--titlebar-secondary-bg-color);
    color: var(--titlebar-secondary-color);
    border: 1px solid #DDDDDD;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    @media (max-width: 991.9px) { /* md- */
        .md-break .titlebar-secondary {
            border-radius: 3px;
        }
    }

    @media (max-width: 767px) { /* sm- */
        .titlebar-secondary {
            border-radius: 3px;
        }
    }

.titlebar-buttons {
    display: table;
    vertical-align: middle;
    overflow: hidden;
}

.titlebar-title {
    display: table-cell;
    vertical-align: middle;
    font-size: 19px;
    font-weight: 600;
}

.titlebar-buttons > .titlebar-title {
    float: left;
    margin-top: 2px;
}

.titlebar-buttons-buttoncontainer {
    float: right;
    margin: 3px 0;
    display: inline-block;
}

.titlebar-buttons-buttoncontainer .btn.btn-sm,
.titlebar-buttons-buttoncontainer .btn.btn-sm:hover,
.titlebar-buttons-buttoncontainer .btn.btn-sm:focus {
    border: 1px solid #CCCCCC;
    display: inline-block;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    margin-left: 3px;
}

.titlebar-message {
    margin: 0 auto;
    color: var(--titlebar-message-color);
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    float: right;
    padding-right: 10px;
    padding-top: 1px;
    vertical-align: top;
    display: inline-block;
}

/*********************** Section Title ***********************/
.section-title {
    width: 100%;
    height: 13px;
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}

.section-title-text {
    font-size: 16px;
    background-color: white;
    padding: 10px;
}

/*********************** Container Footer ***********************/
.container.body-content > footer {
    margin-top: 25px;
}

.container.body-content > footer > hr {
    border-top: 1px solid var(--container-footer-color);
}

/*********************** Bootstrap Dialogs ***********************/
.confirmDialog .fa {
    font-size: 20px;
    float: left;
}
.confirmDialog .modal-body {
    margin-left: 20px;
    min-height: 60px;
    overflow: auto;
}
.confirmDialog .modal-body-text {
    float: right;
    text-align: left;
    width: 88%;
    margin-top: 3px;
}

/*********************** Validation Messages ***********************/
.validation-summary-errors {
    color: var(--error-color);
    margin-bottom: 5px;
}

.validation-summary-errors li {
    list-style: none;
}

.error-message {
    color: var(--error-color);
    margin-bottom: 5px;
}

.text-danger {
    color: var(--error-color);
}

/*********************** Radio Buttons ***********************/
.btn-group-sm > .btn {
    font-size: 13px !important;
    box-shadow: none !important;
}

.radio-btn {
    padding: 6px 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    background-color: rgb(240,240,240) !important;
}

    .radio-btn.active, .radio-btn.active:hover, .radio-btn.focus {
        background-color: white !important;
        color: black !important;
        border-color: var(--navbar-bg-color) !important;
        border-width: 2px !important;
        padding-bottom: 5px;
        padding-top: 3px;
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    }

.radio-btn:hover {
    background-color: white !important;
    text-decoration: underline;
}
    .btn-group.radio-btn-disabled:hover, .radio-btn.radio-btn-disabled.radio-btn-readonly:hover, .radio-btn.radio-btn-disabled.radio-btn-readonly-active:hover {
        text-decoration: none;
        cursor: not-allowed !important;
    }

.radio-btn-readonly-active, .radio-btn-readonly-active:hover {
    opacity: 1 !important;
    background-color: white !important;
    color: black !important;
    border-color: var(--navbar-bg-color) !important;
    border-width: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%) !important;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%) !important;

}

.radio-btn-readonly, .radio-btn-readonly:hover, .radio-btn-readonly.active, .radio-btn-readonly.active:hover {
    opacity: 1 !important;
    padding: 6px 0;
    border-width: 1px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    background-color: rgb(240,240,240) !important;
    border-color: rgb(204,204,204) !important;
    box-shadow: none !important;
}

/******************************* Overrides *******************************/
    /* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
    .dl-horizontal dt, .ui-tooltip {
    white-space: normal;
}

.form-control:focus, .form-select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: none !important;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.ui-front {
    z-index: 1000;
}
ul.ui-autocomplete {
    z-index: 1100;
}

.form-control, .form-select-sm {
    height: 34px;
    padding: 6px 6px 6px 2px;
    font-size: 13px;
    line-height: 1.428571429;
}

.fieldlabel {
    text-align: right;
    padding-right: 0;
}

.searchText {
    width: 100%;
}

.searchcriteria {
    margin-top: 5px;
    margin-bottom: 5px;
}

.multiline-text {
    white-space: pre-line;
}

@media (max-width: 543px) {
    .hidden-xxs {
        visibility: hidden;
    }
}

.helper-text {
    font-style: italic;
    margin-left: 3px;
    margin-right: 3px;
}

.btn-default {
    background-color: var(--btndefault-bg-color);
}

.btn.disabled, .btn:disabled, input:disabled {
    pointer-events: initial !important;
    cursor: not-allowed;
}

/*autocomplete placeholder style*/
::placeholder {
    font-style: italic;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-style: italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-style: italic;
}
.nopadding {
    padding-left: 0;
    padding-right: 0;
}

/******************************* General Mobile Settings *******************************/
@media (max-width: 575px) { /* xs */
    .xs-left-align {
        text-align: left;
    }
}

@media (max-width: 767px) { /* sm */
    .sm-left-align {
        text-align: left;
    }

    body {
        padding-top: var(--body-padding-top-mobile);
    }

    .titlebar-title {
        font-size: 16px;
    }
}

.mobile-page-separator {
    height: 18px;
    width: 100%;
    background-color: var(--navbar-inverse-bg-color);
    position: relative;
    margin-bottom: 0;
    z-index: 9;
}
    .mobile-page-separator::after {
        content: " ";
        background-color: var(--navbar-bg-color);
        height: 6px;
        width: 100%;
        position: absolute;
        top: 12px;
        z-index: 9;
    }

@media (max-width: 991.9px) { /* md */
    .md-left-align {
        text-align: left;
    }
    body.md-break {
        padding-top: var(--body-padding-top-mobile);
    }
}

/******************************* General Desktop Settings *******************************/
@media (min-width: 1200px) { /* xl+ */
    .grid-xl-break.desktop-no-collapse.collapse {
        display: flex;
    }
}

@media (min-width: 992px) { /* lg+ */
    .grid-md-break.desktop-no-collapse.collapse:not(.xl-break *) {
        display: flex;
    }

    .navbar.navbar-expand-lg {
        min-height: 43px;
    }
}

@media (min-width: 768px) { /* md+ */
    .desktop-no-collapse.collapse:not(.md-break *):not(.xl-break *) {
        display: flex;
    }

    .form-horizontal input[type="checkbox"] {
        margin-top: 12px;
    }

    .form-horizontal .control-label {
        margin-top: 8px;
    }
}

@media (min-width: 576px) { /* sm+ */
    .xs-break.form-horizontal input[type="checkbox"] {
        margin-top: 12px;
    }

    .xs-break.form-horizontal .control-label {
        margin-top: 8px;
    }
}


.return-to-button {
    position: fixed;
    bottom: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.4);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 20000;
}

#return-to-top {
    right: 60px;
}

#return-to-bottom {
    right: 17px;
}

#return-to-top i {
    left: 11px;
    top: 9px;
}

#return-to-bottom i {
    left: 11.5px;
    top: 11px;
}

#return-to-top i, #return-to-bottom i {
    color: #fff;
    margin: 0;
    position: relative;
    font-size: 19px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover, #return-to-bottom:hover {
    background: rgba(74, 74, 74);
}

    #return-to-top:hover i {
        color: #fff;
        text-decoration: none;
        top: 4px;
    }

    #return-to-bottom:hover i {
        color: #fff;
        text-decoration: none;
        top: 16px;
    }

#return-to-top:hover, #return-to-bottom:hover {
    text-decoration: none;
}

.fa-exclamation-triangle {
    color: #FE9C01;
}

.btn-default.btn-search-active, .btn-default.btn-search-active:focus, .btn-default.btn-search-active:hover,
.btn-default.btn-add-relationship, .btn-default.btn-add-relationship:focus, .btn-default.btn-add-relationship:hover {
    background-color: var(--btnsearch-bg-color);
    color: white;
}

.container-fluid {
    max-width: 1600px;
}



.tooltip-sticky {
    color: #615f5c;
    background: #d9eefb;
    text-align: left;
    background: white;
    position: absolute;
    z-index: 1100;
    padding: 5px;
    font-size: 12px;
    border: 1px solid black; 
    margin-top: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip-sticky:after
    /*triangle decoration*/ {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #303030; 
        content: '';
        position: absolute;
        left: 50%;
        top: -10px;
        margin-left: -10px;
    }

    .tooltip-sticky.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid black; 
        top: -20px;
        bottom: auto;
    }

    .tooltip-sticky.left:after {
        left: 0;
        margin: 0;
    }

    .tooltip-sticky.right:after {
        right: 0;
        left: auto;
        margin: 0;
    }

.info-icon.btn-link,
.info-icon.btn-link:hover,
.info-icon.btn-link:focus,
.info-icon.btn-link:active {
    height: auto;
    width: auto;
    font-size: 12px;
    padding: 0;
    border: none;
    margin-top: -3px;
    outline: none;
    color: black;
    box-shadow: none;
}

.btn-link {
    background-color: transparent;
}
.btn-default {
    color: #333;
    border-color: #ccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
        text-decoration: none;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
        text-decoration: none;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
        text-decoration: none;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.input-row {
    margin-bottom: 12px;
}

textarea.form-control {
    height: auto;
}

.a-link {
    color: #428bca !important;
    text-decoration: underline;
}

/*Color picker*/
.color-picker-display {
    appearance: auto;
    inline-size: 50px;
    block-size: 27px;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    color: buttontext;
    border-width: 1px;
    border-style: solid;
    border-color: buttonborder;
    border-image: initial;
    padding: 1px 2px;
}

.credit-hold-redsquare {
    width: 12px;
    margin-top: -3px;
    margin-left: 3px;
}

.transfer-row {
    font-style: italic;
}