/* 
    Piedmont Color Scheme 
    dark blue:#5425
    light blue: #c2ddf0 
    yellow: #f6f11a

    foursite-red: #bb2d26;
    secondary: #8c9fb5;
    text-secondary: #757982;
    white: #ffffff;
*/

/* Top Navbar Styling */

.custom-toolbar {
    width: 100%;
    height: 5rem !important;
    background-color: #8c9fb5;
    line-height: 10px;
    border-bottom: inset;
    border-bottom-width: 1px;
    padding-top: 0.5rem;
    color: #ffffff;
    margin-left: 0px;
}

.k-drawer-expanded > .k-drawer {
    height: calc(100vh - 5rem);
    position: sticky;
}

.k-drawer-overlay .k-drawer {
    position: relative;
}

.navbar-responsive-logo {
    max-width: 8rem;
    height: 3.5rem;
}

.nav-menu-toggler {
    margin-top: 0.25rem;
    margin-left: 3rem;
}

.hamburger-icon {
    max-width: 3.5rem !important;
    height: 3rem !important;
    margin-top: -0.25rem;
}

.navbar-toggler {
    padding-top: 0.5rem;
}

/* Telerik Loader Styling */
.loading-panel-wrapper {
    width: 100%;
    height: 100%;
    min-height: 200px;
    position: absolute;
    z-index: 123456;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-panel-wrapper .loading-panel-overlay {
    background: gray;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.k-loader-segment:nth-child(odd) {
    color: #ffffff;
}

.k-loader-segment:nth-child(2) {
    color: #bb2d26;
}

.k-loader-segment:nth-child(4) {
    color: #8c9fb5;
}

/* Telerik Drawer Styling */
.k-drawer-content {
    min-height: calc(100vh - 5rem);
    max-width: 100%;
}

.k-drawer {
    display: none;
}

.k-drawer-expanded > .k-drawer{
    display: flex !important;
}

/* Radzen Loader Styling */
.rz-progressbar-indeterminate .rz-progressbar-value:after {
    background-color: #bb2d26;
}

.rz-progressbar-indeterminate .rz-progressbar-value:before {
    background-color: #8c9fb5;
}

@media (max-width: 950px) {
    .k-drawer {
        display: none;
    }

    .k-drawer-expanded > .k-drawer{
        display: flex !important;
    }
}

@media (max-width: 750px) {
    .nav-menu-toggler {
        margin-left: 0;
    }
}