/*
    Search and Replace:
    #196f79 -> background color (also rgba(25, 111, 121, 0.05))
    #e6eaeb -> grey/white Top bar 
    #eaf9fb -> nth even child
    #219bab -> Selected 
    Dont Forget to minify!
        Add Theme Name (Filename) to select in Manage/Index
*/

.sticky {
    background: white;
}

.mvc-grid::-webkit-scrollbar-track {
    background: rgba(25, 111, 121, 0.05);
    border-radius: 5px;
}

.mvc-grid::-webkit-scrollbar-thumb {
    background: #196f79; 
    border-radius: 5px;
    border: 2px solid rgba(25, 111, 121, 0.05);
    background-clip: padding-box;
}


::-webkit-scrollbar {
    background: rgba(25, 111, 121, 0.05) !important;
    border-radius: 20px;
}

::-webkit-scrollbar-thumb {
    background: #196f79 !important;
    border-radius: 20px;
}

.borderResources {
    border: 1px solid rgba(0, 0, 0, 0.1);
}


.ui-state-default a, .ui-state-default a:link {
    color: #196f79 !important;
}

.ui-state-over {
    background: unset !important;
    color: #196f79 !important;
}

.ui-tab:hover, .ui-state-hover {
    color: #196f79 !important;
}


.progress {
    background-color: #e6eaeb !important;
}

.progress-bar {
    background-color: #196f79;
}

.ui-widget-header {
    border: 1px solid #196f79;
    background: #196f79;
    color: #e6eaeb;
}

.AppBackground {
    background-color: #196f79;
    color: #e6eaeb; 
}


.navbarSite {
    background-color: #e6eaeb;
    border-color: #e6eaeb;
}


.navbar-brand {
    background-color: #e6eaeb;
    color: #196f79 !important;
}

navbar-inverse a {
    color: #e6eaeb !important;
}

.navbar-inverse .navbar-nav > .open > a {
    color: #818181 !important;
    background-color: #196f79 !important;
    border-color: #196f79 !important;
}

.navbar-inverse a:hover {
    color: #818181 !important;
/*    border-color: #196f79 !important;*/
}


.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #818181 !important;
    border-color: #196f79 !important;
}

.sideNavOpenButton {
    background-color: #196f79;
    color: #e6eaeb; 
}

.Widgetsborder div {
    border-color: #196f79;
}

.Widgets body {
    background-color: #196f79 !important;
}

.Widgets li a svg:hover {
    fill: #818181 !important;
    color: #818181 !important;
}

.h2 {
    color: #196f79;
}

h2 {
    color: #196f79;
}
hr {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.aStyled {
    color: #212529;
    font-size: 1rem;
}

.aStyledTop {
    color: #196f79;
    font-size: 1rem;
}

.sidenav {
    background-color: #196f79!important;
}

.profile {

    background-color: #196f79 !important;
}


.sidenav a {
    color: #e6eaeb;
}

.sidenav a:hover, .offcanvas a:focus, .sidenav label:hover {
    color: #818181;
    cursor: pointer;
}

.sidenav li, .AppForeground {
    color: #404040;
}

    .sidenav li:hover, .offcanvas li:focus {
        color: #818181;
    }

    .sidenav ul {
        color: #404040;
    }

.subMenu {
    background-color: #196f79;
}

.dropdown-menu {
    background-color: #196f79;
    color: #404040;
}

.sideNavOpenButton:hover {
    color: #b8b8b8;
}


.sideNavSmall li a {
    color: #e6eaeb;

}

.profile li a {
    color: #e6eaeb;
    padding: 8px 8px 8px 8px;
    text-decoration:none;
    height:43px;
    display:block;
}

.selectClient:hover {
    background-color: #196f79;
    color: #b8b8b8;
}

.selectClient {
    font-weight: bold;
}

.clientToggle:active, .clientToggle:focus {
    box-shadow: none !important;
}

.sitePanel {
    background: -webkit-linear-gradient(left, rgba(25, 111, 121, 0), rgba(25, 111, 121, 1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(25, 111, 121, 0), rgba(25, 111, 121, 1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(25, 111, 121, 0), rgba(25, 111, 121, 1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(25, 111, 121, 0), rgba(25, 111, 121, 1), rgba(25, 111, 121, 1), rgba(25, 111, 121, 1), rgba(25, 111, 121, 1), rgba(25, 111, 121, 1), rgba(25, 111, 121, 1), rgba(25, 111, 121, 0)); /* Standard syntax (must be last) */
}

.mvc-grid-pager .active,
.mvc-grid-pager button:focus,
.mvc-grid-pager button:hover {
    background-color: rgba(25, 111, 121, 0.05) !important;
}

.mvc-grid tr:nth-child(odd) th {
    background-color: white;
}

.mvc-grid tr:nth-child(odd), .alternateRowColor li:nth-child(odd) {
    background-color: rgba(25, 111, 121, 0.05);
}

.selected td {
    background-color: #219bab !important;
    color: white !important;
}

.transparentBG span:hover {
    color: #818181;
}

.transparentBG svg {
    fill: #e6eaeb !important;
}

    .transparentBG svg:hover path {
        fill: #818181 !important;
    }


.form-container {
    border: 3px solid #196f79;
    border-radius: 10px;
    background: white;
    padding: 20px;
}

.iconBtn {
    background-color: white;
    color: black;
    border-color: #b8b8b8;
}

    .iconBtn:hover {
        background-color: #b8b8b8;
        color: black;
        border-color: #b8b8b8;
    }

.WidgetsButtons svg {
    color: #196f79;
}

.sidenav label {
    color: #e6eaeb;
}

.nav-menuButton {
    background-color: #196f79;
}
.puzzleDark {
    stop-color: #196f79;
}

.puzzleLight {
    stop-color: #32a1ad;
}

.arrowMedium {
    stop-color: #1b1b1c;
}

.arrowLight {
    stop-color: #2d2d2e;
}

.arrowDark {
    stop-color: #09090a;
}

.navbar-brand:hover {
    color: #196f79!important;
}

.fc-col-header-cell-cushion, .fc-daygrid-day-number {
    color: #196f79;
    text-decoration: unset;
}

.fc-col-header-cell-cushion:hover {
    color: #196f79;
}

.rowsStyle div:nth-child(odd) {
    background-color: #eaf9fb;
}
.ui-tabs-active {
    background-color: #eaf9fb !important;
}

.table-hover tbody tr:hover {
    background-color: #e6e8e8;
}

.fc-button-active {
    border-color: #86b7fe !important;
    background-color: #eaf9fb !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}