:root {
    --bs-dark-rgb: 1, 30, 59;
    --bs-body-font-size: 11px;
    --bs-light-rgb: 1, 30, 59;
    --grid-filter-bg-color: #fff;
    --grid-header-bg-color: #FAFAFA;
    --grid-toolbar-bg-color: #90B6E5;
    --grid-bg-color: #fff;
    --grid-alt-bg-color: #FAFCFF;
    --grid-pager-bg-color: #fff;
    --grid-border-color: #EBEBEB;
    --grid-alt-border-color: #D0E7FF;
    --input-border-color: #D0E7FF;
    --dropdown-border-color: #D0E7FF;
    --scroller-border-color: #D0E7FF;
    --validation-error-bg-color: #ffb8de;
    --grid-highlight-bg-color: #FFFF92;
    --grid-alt-highlight-bg-color: #fcfbb2;
    --bs-body-font-family: 'Coda-Regular', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    --bs-body-font-size: .7rem;
    --bs-body-line-height: 0.9;
}

@font-face {
    font-family: 'Coda-Regular';
    src: url('font/Coda-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('font/Coda-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: 'Coda-ExtraBold';
    src: url('font/Coda-ExtraBold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('font/Coda-ExtraBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: 'Museo-500';
    src: url('font/museo-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

html {
    position: relative;
    min-height: 100%;
}

.validation-summary-errors {
    background-color: var(--validation-error-bg-color);
}

    .validation-summary-errors ul {
        padding-left: .75rem;
    }

        .validation-summary-errors ul li {
            list-style-type: none; /* Remove bullets */
            padding: 0; /* Remove padding */
            margin: 0; /* Remove margins */
        }

.k-form-inline {
    padding: 0;
}

body {
    font-family: 'Coda-Regular', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: var(--bs-body-font-size,.7rem);
    margin-bottom: 60px;
}

.navbar {
    padding-bottom: 0;
}

    .navbar .k-label {
        color: #fff;
    }

    .navbar .k-menu-link-text {
        color: #fff;
    }

.k-item .k-menu-item {
    background-color: #011E3B;
    color: #fff;
}

    .k-item .k-menu-item > .k-link:hover {
        background-color: #90B6E5;
        color: #fff;
    }

.navbar-no-top-pad {
    padding-top: 0;
}

.k-input-inner {
    font-size: .75rem;
}

.navbar-brand {
    padding-left: 1.5rem
}

.container-fluid-no-pad {
    width: 100%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid-nav {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    padding-top: 0;
    padding-bottom: 0;
    margin-right: auto;
    margin-left: auto;
}

.wwx-gridfilter {
    background-color: var(--grid-filter-bg-color);
    display: block;
    list-style-type: none;
    margin: 0;
}

ul.wwx-gridfilter {
    margin: 0 !important;
    padding: .2rem 0 !important;
}

.wwx-gridfilter label {
    color: #212529;
    font-size: 11px !important;
    line-height: 1.0 !important;
}

.wwx-gridfilter li {
    display: inline;
    padding: .5rem;
}

.k-grid a {
    color: #001e3b;
}

    .k-grid a:hover {
        color: #212529;
        text-decoration: underline;
    }

.wwxtable {
}

    .wwxtable tr {
        color: #212529 !important;
        font-size: 11px !important;
        line-height: 1.0 !important;
    }

        .wwxtable tr.wwx-alt-row {
            color: #212529 !important;
            background-color: var(--grid-alt-bg-color) !important;
            font-size: 11px !important;
            line-height: 1.0 !important;
        }

        .wwxtable tr.wwx-highlight-row {
            color: #212529 !important;
            background-color: var(--grid-highlight-bg-color) !important;
            font-size: 11px !important;
            line-height: 1.0 !important;
        }

        .wwxtable tr.wwx-alt-highlight-row {
            color: #212529 !important;
            background-color: var(--grid-alt-highlight-bg-color) !important;
            font-size: 11px !important;
            line-height: 1.0 !important;
        }

    .wwxtable th.gridHead {
        border-color: var(--grid-border-color) !important;
        padding: .5rem .5rem;
        border-width: 0 0 1px 1px;
        white-space: nowrap;
        font-weight: inherit;
        background-color: var(--grid-header-bg-color) !important;
        color: #212529 !important;
        font-size: 11px !important;
        line-height: 1.0 !important;
        text-transform: uppercase;
    }

    .wwxtable td {
        padding: .5rem !important;
        border-color: var(--grid-border-color) !important;
        border-width: 1 !important;
        vertical-align: middle;
        padding: .75rem .75rem;
        border-style: solid;
        border-color: inherit;
        outline: 0;
        font-weight: inherit;
        text-align: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .wwxtable td label {
            margin: 0;
        }

/* #region Footer styles */
.footer {
    font-family: 'Coda-Regular', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: .75rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}
/* #endregion */

/* #region custom Kendo UI styles */
h1 {
    font-family: 'Museo-500', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: 2.0rem;
    font-weight: lighter;
    color: #fff;
    margin: 0;
}

h2 {
    font-family: 'Museo-500', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: lighter;
    color: #001E3B;
}

h3 {
    font-family: 'Museo-500', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: lighter;
    color: #001E3B;
}

h4 {
    font-family: 'Museo-500', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: 1.0rem;
    font-weight: lighter;
    font-weight: lighter;
    color: #001E3B;
}

h3.wwx-title3 {
    font-family: 'Museo-500', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: lighter;
    color: #001E3B;
    margin-top: 0;
    margin-bottom: 0;
}

h4.wwx-title4 {
    font-family: 'Museo-500', Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: 1.0rem;
    font-weight: lighter;
    color: #001E3B;
    margin-left: 0px;
    margin-top: 6px;
    margin-bottom: 0;
}

hr.wwx-title3 {
    border-color: #001E3B;
    color: #001E3B;
    margin-top: 0;
}

hr.wwx-title4 {
    color: #001E3B;
    margin-top: 6px;
    margin-bottom: 6px;
}

.container-fluid {
    padding-top: .5rem;
}

.placeholders {
    margin: 30px auto;
}

.placeholder img {
    display: inline-block;
}

p .k-button {
    margin: 0 15px 0 0;
}

#configure {
    display: none;
}

p .k-button {
    margin: 0 15px 0 0;
}

#responsive-panel {
    padding: 0;
}

    #responsive-panel .k-menu {
        padding: .5rem;
    }
/* #endregion */

@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        padding: 0 1rem;
    }

    .k-rpanel-expanded {
        padding: .5rem 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    /*    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }*/

    .k-menu .k-link {
        box-sizing: border-box;
    }
}