:root {
    /* monysoft styles */
    --monysoft-font-family: "Source Sans Pro", sans-serif;
    --monysoft-color-primary: #0068ac;
    --monysoft-color-dark: #005e9d;
    --monysoft-color-secondary: #9dcbe4;
    --monysoft-color-tble-row: #f4f6f8;
    --monysoft-color-hover: #0081d5;
    --monysoft-color-accent: #ff5431;
    --monysoft-color-text: #181818;
    --monysoft-body-font-size: 16px;
}
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');


/* body text style*/
body,
li,
p {
    font-family: var(--monysoft-font-family);
    color: var(--monysoft-color-text);
    font-size: var(--monysoft-body-font-size);
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
    color: var(--monysoft-color-text);
    font-family: var(--monysoft-font-family) !important;
}

/*====================================== HEADER COLORS ======================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--monysoft-color-dark) !important;
    font-family: var(--monysoft-font-family) !important;
}

/*====================================== LINK COLORS ======================================*/
a,
.breadcrumb > li a {
    color: var(--monysoft-color-primary);
}

    a:hover,
    .breadcrumb > li a:hover {
        color: var(--monysoft-color-hover);
    }

/*====================================== BUTTON COLORS ======================================*/
button,
.btn.btn-primary,
.btn.btn-primary.button,
.btn-default,
.submit-btn,
#submit-redeem-invitation,
.input-group-btn:last-child > .btn {
    background-color: var(--monysoft-color-primary);
    color: var(--bs-white);
    border: none;
    padding: 9px 14px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgb(104 192 249 / 20%);
}

    button:active,
    button:hover,
    button:focus,
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn.btn-primary:focus,
    .btn.btn-primary:hover,
    .btn.btn-primary:active,
    .btn.btn-primary.button:focus,
    .btn.btn-primary.button:hover,
    .btn.btn-primary.button:active,
    .submit-btn:hover,
    .submit-btn:active,
    .submit-btn:focus,
    #submit-redeem-invitation:hover,
    #submit-redeem-invitation:active,
    #submit-redeem-invitation:focus,
    .input-group-btn:last-child > .btn:focus,
    .input-group-btn:last-child > .btn:hover,
    .input-group-btn:last-child > .btn:active {
        background-color: var(--monysoft-color-hover);
        color: var(--bs-white);
    }

#btnCancel,
.previous-btn,
#btnInfoClose,
#btnClose,
#cleardocuments,
.cancel.btn.btn-default,
.btn[disabled] {
    background-color: var(--bs-gray-100);
    color: var(--monysoft-color-text);
    border-color: var(--bs-gray-400);
}

    #btnCancel:hover,
    #btnCancel:focus,
    .previous-btn:hover,
    .previous-btn:focus,
    #btnInfoClose:hover,
    #btnInfoClose:focus,
    #btnClose:hover,
    #btnClose:focus,
    #cleardocuments:hover,
    #cleardocuments:focus,
    .cancel.btn.btn-default:hover,
    .cancel.btn.btn-default:focus {
        background-color: var(--bs-gray-300);
        color: var(--bs-black);
        border-color: var(--bs-gray-300);
    }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    background-color: var(--bs-gray-700);
    color: var(--bs-white);
    border-color: var(--bs-gray-800);
}

    .btn-primary.disabled:hover,
    .btn-primary.disabled:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled]:hover,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary.focus,
    .btn[disabled]:focus,
    .btn[disabled]:hover {
        background-color: var(--bs-gray-600);
        color: var(--bs-white);
        border-color: var(--bs-gray-700);
    }

input::file-selector-button {
    background-color: #e7e7e7;
}

    input::file-selector-button:hover {
        background-color: #dde0e3;
    }

/*====================================== PROGRESS BAR COLORS ======================================*/
.progress.list-group.left {
    border: 1px solid var(--bs-gray-300);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: var(--monysoft-color-primary);
    color: var(--bs-white);
    border-color: var(--monysoft-color-primary);
}

ol.progress li.incomplete {
    background-color: var(--bs-gray-100);
    color: var(--monysoft-color-text);
}

/*====================================== NAVBAR COLORS ======================================*/

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: var(--monysoft-color-hover);
    color: white !important;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav .open .dropdown-menu,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-toggle {
    background-color: var(--monysoft-color-primary);
    color: white;
}

    .navbar-inverse .navbar-toggle:hover {
        background-color: var(--monysoft-color-hover);
        color: white;
    }

    .navbar-inverse .navbar-toggle:focus {
        background-color: var(--monysoft-color-primary);
        color: white;
    }

.weblink a.active {
    background-color: #dcf3ff;
    color: var(--monysoft-color-dark) !important;
    font-weight: bold !important;
}

/*====================================== TABLE COLORS ======================================*/
table[data-name="section_operationalhours"] th,
.ui-timepicker th {
    color: black;
}

table[role="grid"] tbody > tr:nth-child(odd) {
    background-color: var(--monysoft-color-tble-row);
}

    table[role="grid"] tbody > tr:nth-child(odd):hover {
        background-color: #f2f2f2;
    }

/* no header color for provider and service details tables on forms */
.form-provider-details-tbl thead,
.form-service-details-tbl thead {
    background-color: white;
}

.form-provider-details-tbl th,
.form-provider-details-tbl th a,
.form-service-details-tbl th,
.form-service-details-tbl th a {
    color: white;
}

.pagination > .active > a,
.pagination > .active > span {
    background-color: var(--monysoft-color-primary) !important;
    color: var(--bs-white);
}

    .pagination a:hover,
    .pagination a:focus,
    .pagination span:hover,
    .pagination span:focus,
    .pagination > .active > a:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:hover,
    .pagination > .active > span:focus {
        background-color: var(--monysoft-color-hover) !important;
        color: var(--bs-white) !important;
    }

a.selected-view.dropdown-toggle:hover,
a.selected-view.dropdown-toggle:focus {
    background-color: var(--bs-gray-200);
    color: var(--monysoft-color-primary);
}

.nav .open .dropdown-menu > li > a:hover,
.nav .open .dropdown-menu > .active > a:hover {
    background-color: var(--monysoft-color-hover);
    color: var(--bs-white);
}

.nav .open .dropdown-menu > li > a:focus,
.nav .open .dropdown-menu > .active > a {
    background-color: var(--monysoft-color-dark);
    color: var(--bs-white);
}

/* 

#Subgrid_applicationcontact
  > div
  > div.view-grid.table-responsive
  > table
  > thead
  > tr
  > th:nth-child(2)
  > a {
  color: red;
} */
/*====================================== FOOTER COLORS ======================================*/

footer .footer-bottom {
    background-color: #2f4f4f !important;
    padding: 0px !important;
    min-height:25px !important;
}

    footer .footer-bottom p {
        color: white;
        font-size: 14px;
    }

.nav > li > a:hover {
    background-color: var(--monysoft-color-hover);
}

.nav > li > a:focus {
    background-color: var(--monysoft-color-primary);
}

footer .footer-bottom a {
    color: white;
}

/*====================================== Highlighted Text ======================================*/

.form-helper-text-highlighted {
    color: #8a6d3b;
    background-color: #f7f7f7;
    border-color: #faebcc;
    border-left: solid 5px #fbd27c !important;
}

.helper-text-highlighted {
    color: #8a6d3b;
    background-color: #f7f7f7;
    border-color: #faebcc;
    border-left: solid 5px #fbd27c !important;
}

.errorFont {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.errorFont {
    padding: 15px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-radius: 4px;
}

/*====================================== Tile ======================================*/

/*.tile {
    background: blanchedalmond;
}*/

.tile-icon {
    color: var(--bs-gray-700);
}

.tile-label {
    color: var(--monysoft-color-primary);
}

.tile-sub-label {
    color: var(--bs-gray-600);
}

.tile-overflow a {
    color: var(--bs-gray-600) !important;
}

/*====================================== JUMBOTRON ======================================*/
.jumbotron {
    background-color: var(--monysoft-color-primary);
    color: white;
}

/*====================================== BS SELECT PICKER ======================================*/

.dropdown-menu > .active > a {
    background-color: var(--monysoft-color-primary);
}

    .dropdown-menu > .active > a:hover,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        background-color: var(--monysoft-color-hover);
        color: white;
    }

.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active {
    color: black !important;
    background-color: white !important;
}

.dropdown-item:hover .text-muted,
.dropdown-item.active.selected .text-muted,
.dropdown-item.active .text-muted {
    color: white !important;
}

.open > .btn-default.dropdown-toggle {
    color: white !important;
    background-color: var(--monysoft-color-dark) !important;
    border-color: var(--monysoft-color-dark) !important;
}