/**********
 Navbar
***********/
/**********
 Forms
***********/
.k-button.k-button-solid-primary {
    color: white;
    background-color: #E5A70D;
    border-color: transparent;
}

    .k-button.k-button-solid-primary:hover,
    .k-button.k-button-solid-primary:focus,
    .k-button.k-button-solid-primary:active,
    .k-button.k-button-solid-primary.active,
    .open > .k-button.k-button-solid-primary.dropdown-toggle {
        color: white;
        background-color: #b5840a;
        border-color: rgba(0, 0, 0, 0);
    }

    .k-button.k-button-solid-primary:active,
    .k-button.k-button-solid-primary.active,
    .open > .k-button.k-button-solid-primary.dropdown-toggle {
        background-image: none;
    }

    .k-button.k-button-solid-primary.disabled,
    .k-button.k-button-solid-primary.disabled:hover,
    .k-button.k-button-solid-primary.disabled:focus,
    .k-button.k-button-solid-primary.disabled:active,
    .k-button.k-button-solid-primary.disabled.active,
    .k-button.k-button-solid-primary[disabled],
    .k-button.k-button-solid-primary[disabled]:hover,
    .k-button.k-button-solid-primary[disabled]:focus,
    .k-button.k-button-solid-primary[disabled]:active,
    .k-button.k-button-solid-primary[disabled].active,
    fieldset[disabled] .k-button.k-button-solid-primary,
    fieldset[disabled] .k-button.k-button-solid-primary:hover,
    fieldset[disabled] .k-button.k-button-solid-primary:focus,
    fieldset[disabled] .k-button.k-button-solid-primary:active,
    fieldset[disabled] .k-button.k-button-solid-primary.active {
        background-color: #E5A70D;
        border-color: transparent;
    }

    .k-button.k-button-solid-primary .badge {
        color: #E5A70D;
        background-color: white;
    }

.k-button.k-button-solid-secondary {
    color: white;
    background-color: #02262e;
    border-color: transparent;
}

    .k-button.k-button-solid-secondary:hover,
    .k-button.k-button-solid-secondary:focus,
    .k-button.k-button-solid-secondary:active,
    .k-button.k-button-solid-secondary.active,
    .open > .k-button.k-button-solid-secondary.dropdown-toggle {
        color: white;
        background-color: #b5840a;
        border-color: rgba(0, 0, 0, 0);
    }

    .k-button.k-button-solid-secondary:active,
    .k-button.k-button-solid-secondary.active,
    .open > .k-button.k-button-solid-secondary.dropdown-toggle {
        background-image: none;
    }

    .k-button.k-button-solid-secondary.disabled,
    .k-button.k-button-solid-secondary.disabled:hover,
    .k-button.k-button-solid-secondary.disabled:focus,
    .k-button.k-button-solid-secondary.disabled:active,
    .k-button.k-button-solid-secondary.disabled.active,
    .k-button.k-button-solid-secondary[disabled],
    .k-button.k-button-solid-secondary[disabled]:hover,
    .k-button.k-button-solid-secondary[disabled]:focus,
    .k-button.k-button-solid-secondary[disabled]:active,
    .k-button.k-button-solid-secondary[disabled].active,
    fieldset[disabled] .k-button.k-button-solid-secondary,
    fieldset[disabled] .k-button.k-button-solid-secondary:hover,
    fieldset[disabled] .k-button.k-button-solid-secondary:focus,
    fieldset[disabled] .k-button.k-button-solid-secondary:active,
    fieldset[disabled] .k-button.k-button-solid-secondary.active {
        background-color: #02262e;
        border-color: transparent;
    }

    .k-button.k-button-solid-secondary .badge {
        color: #02262e;
        background-color: white;
    }

#UpdateReportButton {
    font-size: 16px;
}

input.login.loginmodal-submit {
    color: white;
    background-color: #E5A70D;
    border-color: transparent;
}

    input.login.loginmodal-submit:hover, input.login.loginmodal-submit:focus, input.login.loginmodal-submit:active, input.login.loginmodal-submit.active,
    .open > input.login.loginmodal-submit.dropdown-toggle {
        color: white;
        background-color: #b5840a;
        border-color: rgba(0, 0, 0, 0);
    }

    input.login.loginmodal-submit:active, input.login.loginmodal-submit.active,
    .open > input.login.loginmodal-submit.dropdown-toggle {
        background-image: none;
    }

    input.login.loginmodal-submit.disabled, input.login.loginmodal-submit.disabled:hover, input.login.loginmodal-submit.disabled:focus, input.login.loginmodal-submit.disabled:active, input.login.loginmodal-submit.disabled.active, input.login.loginmodal-submit[disabled], input.login.loginmodal-submit[disabled]:hover, input.login.loginmodal-submit[disabled]:focus, input.login.loginmodal-submit[disabled]:active, input.login.loginmodal-submit[disabled].active,
    fieldset[disabled] input.login.loginmodal-submit,
    fieldset[disabled] input.login.loginmodal-submit:hover,
    fieldset[disabled] input.login.loginmodal-submit:focus,
    fieldset[disabled] input.login.loginmodal-submit:active,
    fieldset[disabled] input.login.loginmodal-submit.active {
        background-color: #E5A70D;
        border-color: transparent;
    }

    input.login.loginmodal-submit .badge {
        color: #E5A70D;
        background-color: white;
    }

body {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body #wrapper #sectionBody {
    overflow-y: scroll;

    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
body #wrapper #sectionBody::-webkit-scrollbar {
    display: none;
}


body hr {
    border-top: 0.25rem solid #E5A70D;
}

/**********
 Navbar
***********/
/**********
 Forms
***********/
nav.navbar {
    background-color: #EFF0F0;
}

    nav.navbar a.navbar-brand {
        margin-right: 1.75rem;
    }

        nav.navbar a.navbar-brand img {
            height: 25px;
            margin-left: 10px;
            margin-right: 10px;
        }

    nav.navbar div.navbar-collapse {
        align-self: stretch;
    }

            nav.navbar div.navbar-collapse ul.navbar-nav > li {
                display: flex;
                align-items: center;
                padding-left: 1.1rem;
                padding-right: 1.1rem;
                height: 64px;
            }

                nav.navbar div.navbar-collapse ul.navbar-nav > li > a {
                    background-color: transparent !important;
                }

                    nav.navbar div.navbar-collapse ul.navbar-nav > li > a .glyphicon {
                        color: #000;
                        font-size: 13px;
                        margin-right: 3px;
                        top: 1px !important;
                    }

                nav.navbar div.navbar-collapse ul.navbar-nav > li img {
                    position: relative;
                    top: -1px;
                    height: 13px;
                    width: 13px;
                    -webkit-filter: brightness(0);
                    filter: brightness(0);
                }

                nav.navbar div.navbar-collapse ul.navbar-nav > li.active {
                    background-color: white;
                }

                    nav.navbar div.navbar-collapse ul.navbar-nav > li.active a {
                        color: #3F5756;
                    }

                nav.navbar div.navbar-collapse ul.navbar-nav > li:not(.active) {
                    border-right: 1px solid #DEDEDE;
                }

                    nav.navbar div.navbar-collapse ul.navbar-nav > li:not(.active) a {
                        color: #000;
                    }

            nav.navbar div.navbar-collapse ul.navbar-nav.navbar-right {
                margin-right: -30px;
                margin-left: auto;
            }

                nav.navbar div.navbar-collapse ul.navbar-nav.navbar-right > li a {
                    color: #3F5756;
                }

#searchbar {
    display: none;
}

    #sidebar-wrapper-right .sidebar-nav-right {
        width: 100%;
        float: none;
    }

    #sidebar-wrapper-right li a {
        background-color: #D8DFDF;
    }

        #sidebar-wrapper-right li a .glyphicon {
            color: #435D62;
        }

    #sidebar-wrapper-right li #menu-toggle-right {
        text-align: left;
        width: 100%;
        display: block;
        float: none;
    }

        #sidebar-wrapper-right li #menu-toggle-right .glyphicon {
            margin-right: 15px;
            top: -1px;
        }

    #sidebar-wrapper-right #actionBarDiv {
        margin-right: 20px;
    }

        #sidebar-wrapper-right #actionBarDiv .btn {
            width: calc(100% - 10px) !important;
        }

        #sidebar-wrapper-right #actionBarDiv #linkGraphsButton {
            /*line-height: 29px;*/
            background-color: #FFF;
            /*height: calc(100% - 65px);*/
        }

            #sidebar-wrapper-right #actionBarDiv #linkGraphsButton .bi {
                color: #E5A70D;
            }

        #sidebar-wrapper-right #actionBarDiv button[data-bs-target="#advanced"] {
            background-color: #E5A70D;
            border: 1px solid #E5A70D;
            color: white;
            line-height: 30px;
        }

#btnBackGraph {
    width: 35%;
}

#btnNextGraph {
    width: 35%;
}

#graphingGrid > li,
#detailGrid > div {
    border: none;
}

    #graphingGrid > li.withborder > div,
    #detailGrid > #flowDiff.withborder > div,
    #detailGrid > #USM_perc.withborder > div,
    #detailGrid > #USM_prof.withborder > div,
    #detailGrid > #USM_Sos.withborder > div {
        border: 1px solid gray;
        background-color: #fcebc2;
    }

    #graphingGrid > li > div,
    #detailGrid > #flowDiff > div,
    #detailGrid > #USM_perc > div,
    #detailGrid > #USM_prof > div,
    #detailGrid > #USM_Sos > div {
        background-color: white;
        border-radius: 10px;
        box-shadow: 1px 1px 3px #CCC;
    }

        #graphingGrid > li > div svg,
        #detailGrid > #flowDiff > div svg,
        #detailGrid > #USM_perc > div svg,
        #detailGrid > #USM_prof > div svg,
        #detailGrid > #USM_Sos > div svg {
            cursor: pointer;
        }

            #graphingGrid > li > div svg path[fill='#b8ddff'],
            #detailGrid > #flowDiff > div svg path[fill='#b8ddff'],
            #detailGrid > #USM_perc > div svg path[fill='#b8ddff'],
            #detailGrid > #USM_prof > div svg path[fill='#b8ddff'],
            #detailGrid > #USM_Sos > div svg path[fill='#b8ddff'] {
                fill: none;
                stroke: none;
            }

/**********
 Navbar
***********/
/**********
 Forms
***********/
#wrapper {
    background-color: #EFF0F0;
}

    #wrapper #sidebar-wrapper {
        background-color: #3F5756;
        margin-left: 0;
        left: -170px;
    }


        #wrapper #sidebar-wrapper.expand {
            left: 0;
        }

        #wrapper #sidebar-wrapper-right.expand {
            margin-right: 0;
        }

        #wrapper #sidebar-wrapper ul.sidebar-nav {
            width: 250px;
            margin-top: 0;
        }

            #wrapper #sidebar-wrapper ul.sidebar-nav li {
                margin-top: 10px;
                position: relative;
            }

                #wrapper #sidebar-wrapper ul.sidebar-nav li.sidebar-brand {
                    height: 50px;
                    line-height: 50px;
                }

                    #wrapper #sidebar-wrapper ul.sidebar-nav li.sidebar-brand a {
                        background-color: #3F5756;
                    }

                    #wrapper #sidebar-wrapper ul.sidebar-nav li.sidebar-brand #main_icon {
                        padding-top: 0;
                    }

                #wrapper #sidebar-wrapper ul.sidebar-nav li .glyphicon {
                    color: rgba(255, 255, 255, 0.5);
                }

                #wrapper #sidebar-wrapper ul.sidebar-nav li:after {
                    content: '';
                    position: absolute;
                    height: 2px;
                    background-color: rgba(255, 255, 255, 0.05);
                    bottom: -5px;
                    left: 10px;
                    right: 10px;
                }

                #wrapper #sidebar-wrapper ul.sidebar-nav li a {
                    font-family: 'Roboto', sans-serif;
                    font-weight: 400;
                    font-size: 16px;
                    color: #D8DFDF;
                    text-transform: none;
                    padding-left: 3rem;
                    width: 100%;
                    padding-right: 20px;
                    line-height: 50px;
                    background: transparent;
                    border: none;
                    float: none;
                    opacity: 0.7;
                    -webkit-transition: opacity 0.4s;
                    transition: opacity 0.4s;
                    display: -webkit-box;
                    display: flex;
                    -webkit-box-pack: justify;
                    justify-content: space-between;
                    -webkit-box-align: center;
                    align-items: center;
                }

                    #wrapper #sidebar-wrapper ul.sidebar-nav li a#menu-toggle {
                        border: none;
                    }

                    #wrapper #sidebar-wrapper ul.sidebar-nav li a span {
                        padding-top: 0;
                        top: -3px;
                    }

                #wrapper #sidebar-wrapper ul.sidebar-nav li:hover a {
                    opacity: 1;
                }

                #wrapper #sidebar-wrapper ul.sidebar-nav li.active a {
                    font-weight: 500;
                }

/**********
 Navbar
***********/
/**********
 Forms
***********/
.k-datepicker {
    font-size: 16px;
}

    .k-datepicker .k-state-focused {
        border-color: #f7d37a;
    }

.k-calendar .k-state-selected,
.k-calendar .k-state-selected.k-state-focused,
.k-calendar .k-state-selected.k-state-hover,
.k-calendar .k-state-selected:hover {
    box-shadow: none;
    background-color: #E5A70D;
    border-color: #E5A70D;
}

    .k-calendar .k-state-selected .k-link,
    .k-calendar .k-state-selected.k-state-focused .k-link,
    .k-calendar .k-state-selected.k-state-hover .k-link,
    .k-calendar .k-state-selected:hover .k-link {
        box-shadow: none;
        background-color: #E5A70D;
        border-color: #E5A70D;
    }

.k-calendar .k-calendar-header .k-today,
.k-calendar .k-footer .k-nav-today {
    color: #E5A70D;
}

    .k-calendar .k-calendar-header .k-today:hover,
    .k-calendar .k-footer .k-nav-today:hover {
        color: #6c4f06;
    }

.k-grid {
    overflow: hidden;
    padding: 0;
}

    .k-grid .k-grouping-header a {
        color: white;
    }

    .k-grid .k-grid-header .k-header {
        font-weight: normal !important;
        font-size: 16px;
    }

    .k-grid .k-header.k-grid-toolbar {
        margin: 0;
        padding: 16px 10px 15px;
    }

        .k-grid .k-header.k-grid-toolbar a,
        .k-grid .k-grid-toolbar .k-button {
            font-size: 16px !important;
            line-height: 24px;
            color: white;
            background-color: #E5A70D;
            border-color: transparent;
        }

            .k-grid .k-header.k-grid-toolbar a:hover, .k-grid .k-header.k-grid-toolbar a:focus, .k-grid .k-header.k-grid-toolbar a:active, .k-grid .k-header.k-grid-toolbar a.active,
            .open > .k-grid .k-header.k-grid-toolbar a.dropdown-toggle {
                color: white;
                background-color: #b5840a;
                border-color: rgba(0, 0, 0, 0);
            }

            .k-grid .k-header.k-grid-toolbar a:active, .k-grid .k-header.k-grid-toolbar a.active,
            .open > .k-grid .k-header.k-grid-toolbar a.dropdown-toggle {
                background-image: none;
            }

            .k-grid .k-header.k-grid-toolbar a.disabled, .k-grid .k-header.k-grid-toolbar a.disabled:hover, .k-grid .k-header.k-grid-toolbar a.disabled:focus, .k-grid .k-header.k-grid-toolbar a.disabled:active, .k-grid .k-header.k-grid-toolbar a.disabled.active, .k-grid .k-header.k-grid-toolbar a[disabled], .k-grid .k-header.k-grid-toolbar a[disabled]:hover, .k-grid .k-header.k-grid-toolbar a[disabled]:focus, .k-grid .k-header.k-grid-toolbar a[disabled]:active, .k-grid .k-header.k-grid-toolbar a[disabled].active,
            fieldset[disabled] .k-grid .k-header.k-grid-toolbar a,
            fieldset[disabled] .k-grid .k-header.k-grid-toolbar a:hover,
            fieldset[disabled] .k-grid .k-header.k-grid-toolbar a:focus,
            fieldset[disabled] .k-grid .k-header.k-grid-toolbar a:active,
            fieldset[disabled] .k-grid .k-header.k-grid-toolbar a.active {
                background-color: #E5A70D;
                border-color: transparent;
            }

            .k-grid .k-header.k-grid-toolbar a .badge {
                color: #E5A70D;
                background-color: white;
            }

    .k-grid .k-grid-content {
        background: white;
    }

    .k-grid .k-grid-header .k-i-sort-asc-sm,
    .k-grid .k-grid-header .k-i-sort-desc-sm,
    .k-grid .k-grid-header .k-sort-order {
        color: #E5A70D;
    }

    .k-grid .k-grouping-header .k-group-indicator {
        font-size: 16px !important;
        line-height: 24px;
        color: white;
        background-color: #E5A70D;
        border-color: transparent;
    }

        .k-grid .k-grouping-header .k-group-indicator:hover, .k-grid .k-grouping-header .k-group-indicator:focus, .k-grid .k-grouping-header .k-group-indicator:active, .k-grid .k-grouping-header .k-group-indicator.active,
        .open > .k-grid .k-grouping-header .k-group-indicator.dropdown-toggle {
            color: white;
            background-color: #b5840a;
            border-color: rgba(0, 0, 0, 0);
        }

        .k-grid .k-grouping-header .k-group-indicator:active, .k-grid .k-grouping-header .k-group-indicator.active,
        .open > .k-grid .k-grouping-header .k-group-indicator.dropdown-toggle {
            background-image: none;
        }

        .k-grid .k-grouping-header .k-group-indicator.disabled, .k-grid .k-grouping-header .k-group-indicator.disabled:hover, .k-grid .k-grouping-header .k-group-indicator.disabled:focus, .k-grid .k-grouping-header .k-group-indicator.disabled:active, .k-grid .k-grouping-header .k-group-indicator.disabled.active, .k-grid .k-grouping-header .k-group-indicator[disabled], .k-grid .k-grouping-header .k-group-indicator[disabled]:hover, .k-grid .k-grouping-header .k-group-indicator[disabled]:focus, .k-grid .k-grouping-header .k-group-indicator[disabled]:active, .k-grid .k-grouping-header .k-group-indicator[disabled].active,
        fieldset[disabled] .k-grid .k-grouping-header .k-group-indicator,
        fieldset[disabled] .k-grid .k-grouping-header .k-group-indicator:hover,
        fieldset[disabled] .k-grid .k-grouping-header .k-group-indicator:focus,
        fieldset[disabled] .k-grid .k-grouping-header .k-group-indicator:active,
        fieldset[disabled] .k-grid .k-grouping-header .k-group-indicator.active {
            background-color: #E5A70D;
            border-color: transparent;
        }

        .k-grid .k-grouping-header .k-group-indicator .badge {
            color: #E5A70D;
            background-color: white;
        }

    .k-grid table tr.k-state-selected th, .k-grid table tr.k-state-selected td {
        background-color: #fcebc2;
        color: black;
    }

    .k-grid table tr th, .k-grid table tr td {
        font-size: 16px;
        padding: 5px 10px;
        cursor: pointer;
    }

    .k-grid .k-pager-wrap .k-link {
        color: #E5A70D;
    }

    .k-grid .k-pager-numbers .k-state-selected,
    .k-grid .k-pager-numbers .k-state-selected:hover {
        background-color: #E5A70D;
        border-color: #E5A70D;
    }

.k-drag-clue {
    background-color: #E5A70D;
    border-color: #E5A70D;
}
/*
.k-tabstrip {
    font-size: 16px;
}*/

    .k-tabstrip .k-tabstrip:focus {
        box-shadow: none;
    }

    .k-tabstrip .k-tabstrip-items-wrapper {
        margin-bottom: 10px;
        border: 0;
    }

        .k-tabstrip .k-tabstrip-items li.k-item.k-active {
            background-color: #3F5756;
            border-color: transparent;
            border-radius: 5px;
        }

            .k-tabstrip .k-tabstrip-items li.k-item.k-active .k-link {
                color: white;
            }

        .k-tabstrip .k-tabstrip-items li.k-item .k-link {
            color: #3F5756;
        }

    .k-tabstrip-content.k-active, .k-tabstrip > .k-content.k-active {
        padding: 0;
        border-color: transparent;
        border-radius: 5px;
        box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
    }

.k-multiselect {
    padding: 5px;
}

.k-multiselect .k-chip,
.k-grid .k-chip {
    background-color: #E5A70D;
    border-color: #E5A70D;
    color: #FFF;
}

.k-multiselect .k-chip:hover,
.k-grid .k-chip:hover {
    background-color: #cd950c;
    border-color: #cd950c;
}

.k-chip-label {
    white-space: normal !important; 
}

/**********
 Navbar
***********/
/**********
 Forms
***********/
.k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md {
    max-width: 500px;
    border-color: transparent;
    background-color: #FFF;
    outline: none;
}

.k-list-container {
    background-color: #EDEDED;
    box-shadow: 0rem 1rem 0.9rem rgba(0, 0, 0, 0.15);
    border-color: transparent;
}

    .k-list-container .k-list-filter .k-textbox {
        background-color: #DEDEDE;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 8px 10px;
    }

        .k-list-container .k-list-filter .k-textbox::-webkit-input-placeholder {
            color: #000;
        }

        .k-list-container .k-list-filter .k-textbox::-moz-placeholder {
            color: #000;
        }

        .k-list-container .k-list-filter .k-textbox::-ms-input-placeholder {
            color: #000;
        }

        .k-list-container .k-list-filter .k-textbox::placeholder {
            color: #000;
        }

        .k-list-container .k-list-filter .k-textbox:after {
            content: '\f002';
            font-family: 'Font Awesome 5 Pro';
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 0.8em;
        }

    .k-list-container .k-list-scroller .k-list {
        padding: 5px;
    }

        .k-list-container .k-list-scroller .k-list li.k-item {
            border-top: 1px solid #DEDEDE;
            padding: 10px;
        }

            .k-list-container .k-list-scroller .k-list li.k-item.k-state-selected {
                background-color: #DEDEDE;
                color: #000;
            }

#QuickViewGrid td {
    background-color: #fae3aa !important;
}

#QuickViewGrid .k-alt td {
    background-color: #fdf3db !important;
}

/**********
 Navbar
***********/
/**********
 Forms
***********/
/* Report Page Specific Styles */
#reportTabstrip .k-content.k-state-active:not(#reportTabstrip-1) {
    background: transparent;
}

#reportTabstrip #reportTabstrip-1 {
    padding: 20px;
}

    #reportTabstrip #reportTabstrip-1 div.row {
        display: -webkit-box;
        display: flex;
    }

@media (max-width: 1100px) {
    #reportTabstrip #reportTabstrip-1 div.row {
        flex-wrap: wrap;
    }
}

#reportTabstrip #reportTabstrip-1 div.row div.column {
    margin: 0;
    width: auto;
    float: none;
    -webkit-box-flex: 1;
    flex: 1;
}

@media (max-width: 1100px) {
    #reportTabstrip #reportTabstrip-1 div.row div.column {
        width: 100%;
        -webkit-box-flex: 0;
        flex: none;
        margin-bottom: 10px;
    }

        #reportTabstrip #reportTabstrip-1 div.row div.column .k-grid {
            height: auto !important;
        }
}

.k-widget.k-datepicker.k-header {
    width: 200px !important;
    margin-right: 15px;
}

.k-dropdown {
    margin-right: 15px;
}

    .k-dropdown .k-dropdown-wrap {
        background-color: white;
        border: 1px solid #CCC;
        font-size: 16px;
    }

/*# sourceMappingURL=site.css.map */
#detailGrid .k-chart-overlay,
#graphingGrid .k-chart-overlay {
    z-index: 0;
}