@import url('google-font.css');

html {
    position: relative;
    min-height: 100%;
    font-size: 16px
}

body {
    font-family: 'DM Sans',Tahoma,Arial,Sans-Serif !important;
    background: #fcfcfd;
    color: #282828;
    font-size: 16px;
    margin-bottom: 60px;
    padding-top: 55px
}

a {
    color: #0a1f8f
}

    a.navbar-brand {
        font-size: 18px;
        white-space: normal;
        word-break: break-all;
        text-align: center;
        color: #fff !important;
        padding-top: 0.18rem !important
    }

.navbar {
    background: #0a1f8f
}

.navbar-toggler {
    display: inline-block !important;
    color: #d2e8f8 !important;
    border: none;
    padding-left: 0 !important;
    padding-right: 0;
    text-align: left;
    margin: 0 0.9rem 0 0
}

    .navbar-toggler:focus {
        outline: none
    }

.navbar-nav > li > a {
    color: #d2e8f8 !important
}

    .navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > li > a:focus {
        color: #1e8adc !important
    }

    .navbar-nav > li > a i {
        font-size: 20px !important
    }

.navbar-nav li.dropdown > .dropdown-toggle::after {
    vertical-align: .125em !important
}

.navbar-nav li.dropdown.show > .dropdown-toggle {
    color: #1e8adc !important;
    background: #0a1f8f !important;
    border-radius: 0 !important
}

.navbar-nav li.dropdown .dropdown-menu {
    border-radius: 0 !important
}

    .navbar-nav li.dropdown .dropdown-menu .dropdown-header {
        color: #282828 !important;
        font-weight: 600;
        line-height: 1.5;
        font-size: 0.9em !important;
        text-transform: lowercase !important
    }

        .navbar-nav li.dropdown .dropdown-menu .dropdown-header::first-letter {
            text-transform: uppercase
        }

        .navbar-nav li.dropdown .dropdown-menu .dropdown-header span {
            color: #337ca8 !important;
            font-weight: 400
        }

    .navbar-nav li.dropdown .dropdown-menu .dropdown-item:hover, .navbar-nav li.dropdown .dropdown-menu .dropdown-item:active, .navbar-nav li.dropdown .dropdown-menu .dropdown-item:focus {
        background: none;
        text-decoration: underline
    }

    .navbar-nav li.dropdown .dropdown-menu .dropdown-item.logout::before {
        content: "\f08b";
        font-family: "Font Awesome 5 Pro";
        color: #282828;
        padding: 0 5px 0 0
    }

    .navbar-nav li.dropdown .dropdown-menu .dropdown-item.logout:hover::before, .navbar-nav li.dropdown .dropdown-menu .dropdown-item.logout:active::before, .navbar-nav li.dropdown .dropdown-menu .dropdown-item.logout:focus::before {
        color: #0a1f8f !important
    }

    .navbar-nav li.dropdown .dropdown-menu > a:hover, .navbar-nav li.dropdown .dropdown-menu > a:active, .navbar-nav li.dropdown .dropdown-menu > a:focus {
        background: none !important;
        color: #0a1f8f !important;
        text-decoration: underline
    }

.navbar-nav .nav-link {
    color: #d2e8f8 !important
}

    .navbar-nav .nav-link.environment-badge {
        background: #d2e8f8 !important;
        padding: 5px 8px !important;
        border-radius: 5px;
        color: #0a1f8f !important;
        margin-right: 25px !important
    }

.navbar-brand {
    font-family: 'DM Serif Display','Times New Roman', serif !important
}

.nav-link {
    cursor: pointer
}

.sidebar {
    background: #f6f6f6;
    position: fixed;
    top: 55px;
    right: 0;
    left: 0;
    width: 90px;
    height: 100vh;
    z-index: 1000;
    border-right: 1px solid #d4d4d4;
    box-sizing: border-box
}

    .sidebar .nav {
        padding: 10px 0 !important
    }

        .sidebar .nav .nav-item {
            text-align: center;
            font-size: 12px;
            margin: 0;
            border-bottom: none;
            border-left: 4px solid transparent
        }

            .sidebar .nav .nav-item .nav-link {
                background: #f6f6f6;
                color: #282828;
                padding: 0.8rem 0.2rem 0.4rem 0
            }

                .sidebar .nav .nav-item .nav-link i.fa, .sidebar .nav .nav-item .nav-link i.fal, .sidebar .nav .nav-item .nav-link i.far, .sidebar .nav .nav-item .nav-link i.fas {
                    display: block;
                    text-align: center;
                    width: 100%;
                    font-size: 20px;
                    margin-bottom: 3px
                }

            .sidebar .nav .nav-item:hover, .sidebar .nav .nav-item:active, .sidebar .nav .nav-item:focus, .sidebar .nav .nav-item.active {
                border-color: #1e8adc
            }

                .sidebar .nav .nav-item:hover .nav-link, .sidebar .nav .nav-item:active .nav-link, .sidebar .nav .nav-item:focus .nav-link, .sidebar .nav .nav-item.active .nav-link {
                    background: #e1f0fb
                }

    .sidebar .nav-item {
        cursor: pointer
    }

.intro-main {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 24px 15px;
    margin: 0 0 10px 0
}

    .intro-main h1 {
        margin-top: 0 !important;
        margin-bottom: 5px !important
    }

.footer {
    background: #484848 !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    color: #fff;
    z-index: 9999
}

    .footer ul {
        margin: 0
    }

        .footer ul > li {
            color: #fff !important
        }

            .footer ul > li > a {
                padding-top: 0;
                padding-bottom: 0
            }

    .footer p, .footer a {
        color: #fff
    }

    .footer p {
        margin: 0
    }

    .footer a {
        text-decoration: none;
        transition-property: color,background-color,border-color;
        transition-duration: .2s;
        transition-timing-function: linear
    }

        .footer a:hover, .footer a:active, .footer a:focus {
            color: #74bfec
        }

.nav.nav-pills .nav-link, .nav.nav-tabs .nav-link {
    border: none;
    border-radius: 2px !important;
    color: #0a0a0a;
    padding: 0.25rem 0.5rem
}

    .nav.nav-pills .nav-link:hover, .nav.nav-pills .nav-link:active, .nav.nav-pills .nav-link:focus, .nav.nav-pills .nav-link.active, .nav.nav-tabs .nav-link:hover, .nav.nav-tabs .nav-link:active, .nav.nav-tabs .nav-link:focus, .nav.nav-tabs .nav-link.active {
        background: none !important;
        color: #0a0a0a;
        border-color: #1e8adc
    }

    .nav.nav-pills .nav-link.active, .nav.nav-tabs .nav-link.active {
        font-weight: 600
    }

.nav.nav-pills .nav-link {
    font-size: 14px;
    border-left: 3px solid transparent
}

.nav.nav-tabs {
    border-bottom: none
}

    .nav.nav-tabs .nav-link {
        border-bottom: 3px solid transparent
    }

.card {
    border-radius: 2px;
    border-width: 1px;
    border-color: #e0e0e0
}

    .card .card-body .card-title {
        font-size: 16px !important;
        font-weight: 400
    }

.card-link {
    cursor: pointer;
    text-decoration: none
}

    .card-link label {
        cursor: pointer
    }

    .card-link:hover, .card-link:active, .card-link:focus {
        text-decoration: none
    }

.card-clickable:hover, .card-clickable:active, .card-clickable:focus {
    border-color: #1e8adc
}

.btn {
    font-weight: 500;
    text-decoration: none !important;
    border-radius: 2px !important;
    background: #fff;
    border: none;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important
}

    .btn:hover, .btn:active, .btn:focus {
        background: #e1f0fb;
        border: none;
        color: #282828
    }

    .btn i {
        padding-top: 3px
    }

    .btn:disabled {
        cursor: not-allowed !important
    }

.btn-primary, .btn-secondary, .btn-light, .btn-outline-primary, .btn-outline-secondary {
    background: none;
    color: #0a0a0a;
    border: 1px solid #e0e0e0
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active, .btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light.active, .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary.active, .btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary.active {
        background: #f6f6f6;
        border: 1px solid #e0e0e0
    }

    .btn-primary:disabled, .btn-primary.disabled, .btn-secondary:disabled, .btn-secondary.disabled, .btn-light:disabled, .btn-light.disabled, .btn-outline-primary:disabled, .btn-outline-primary.disabled, .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
        background: none;
        color: #0a0a0a;
        border: 1px solid #e0e0e0;
        cursor: not-allowed !important;
        pointer-events: all !important
    }

    .btn-primary i, .btn-secondary i, .btn-light i, .btn-outline-primary i, .btn-outline-secondary i {
        color: #1e8adc
    }

.btn-outline-primary, .btn-secondary {
    font-weight: 400
}

    .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary.active, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active {
        background: #e1f0fb;
        color: #282828
    }

    .btn-outline-primary:disabled:hover, .btn-outline-primary:disabled:active, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.active, .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:active, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.active, .btn-secondary:disabled:hover, .btn-secondary:disabled:active, .btn-secondary:disabled:focus, .btn-secondary:disabled.active, .btn-secondary.disabled:hover, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled.active {
        background: none
    }

.btn-primary-back {
    background: #0a1f8f;
    color: #fff;
    border: 1px solid #0a1f8f;
    border-radius: 2px !important
}

    .btn-primary-back:hover, .btn-primary-back:active, .btn-primary-back:focus, .btn-primary-back.active {
        background: #071564;
        border: 1px solid #071564;
        color: #fff
    }

    .btn-primary-back:disabled, .btn-primary-back.disabled {
        cursor: not-allowed !important;
        pointer-events: all !important
    }

.btn-danger, .btn-outline-danger, .btn-warning, .btn-outline-warning, .btn-success, .btn-outline-success {
    color: #282828 !important;
    background: none;
    border: 1px solid #e0e0e0;
    font-weight: 400
}

    .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus, .btn-danger:not(.disabled):not(:disabled).active, .btn-outline-danger:not(.disabled):not(:disabled):hover, .btn-outline-danger:not(.disabled):not(:disabled):active, .btn-outline-danger:not(.disabled):not(:disabled):focus, .btn-outline-danger:not(.disabled):not(:disabled).active, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active, .btn-warning:not(.disabled):not(:disabled):focus, .btn-warning:not(.disabled):not(:disabled).active, .btn-outline-warning:not(.disabled):not(:disabled):hover, .btn-outline-warning:not(.disabled):not(:disabled):active, .btn-outline-warning:not(.disabled):not(:disabled):focus, .btn-outline-warning:not(.disabled):not(:disabled).active, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active, .btn-success:not(.disabled):not(:disabled):focus, .btn-success:not(.disabled):not(:disabled).active, .btn-outline-success:not(.disabled):not(:disabled):hover, .btn-outline-success:not(.disabled):not(:disabled):active, .btn-outline-success:not(.disabled):not(:disabled):focus, .btn-outline-success:not(.disabled):not(:disabled).active {
        background: #e1f0fb;
        border: 1px solid #e0e0e0 !important;
        color: #282828
    }

        .btn-danger:not(.disabled):not(:disabled):hover:focus, .btn-danger:not(.disabled):not(:disabled):active:focus, .btn-danger:not(.disabled):not(:disabled):focus:focus, .btn-danger:not(.disabled):not(:disabled).active:focus, .btn-outline-danger:not(.disabled):not(:disabled):hover:focus, .btn-outline-danger:not(.disabled):not(:disabled):active:focus, .btn-outline-danger:not(.disabled):not(:disabled):focus:focus, .btn-outline-danger:not(.disabled):not(:disabled).active:focus, .btn-warning:not(.disabled):not(:disabled):hover:focus, .btn-warning:not(.disabled):not(:disabled):active:focus, .btn-warning:not(.disabled):not(:disabled):focus:focus, .btn-warning:not(.disabled):not(:disabled).active:focus, .btn-outline-warning:not(.disabled):not(:disabled):hover:focus, .btn-outline-warning:not(.disabled):not(:disabled):active:focus, .btn-outline-warning:not(.disabled):not(:disabled):focus:focus, .btn-outline-warning:not(.disabled):not(:disabled).active:focus, .btn-success:not(.disabled):not(:disabled):hover:focus, .btn-success:not(.disabled):not(:disabled):active:focus, .btn-success:not(.disabled):not(:disabled):focus:focus, .btn-success:not(.disabled):not(:disabled).active:focus, .btn-outline-success:not(.disabled):not(:disabled):hover:focus, .btn-outline-success:not(.disabled):not(:disabled):active:focus, .btn-outline-success:not(.disabled):not(:disabled):focus:focus, .btn-outline-success:not(.disabled):not(:disabled).active:focus {
            background: #e1f0fb;
            border: 1px solid #e0e0e0 !important;
            color: #282828
        }

    .btn-danger:not(.disabled):hover, .btn-danger:not(.disabled):active, .btn-danger:not(.disabled):focus, .btn-danger:not(.disabled).active, .btn-outline-danger:not(.disabled):hover, .btn-outline-danger:not(.disabled):active, .btn-outline-danger:not(.disabled):focus, .btn-outline-danger:not(.disabled).active, .btn-warning:not(.disabled):hover, .btn-warning:not(.disabled):active, .btn-warning:not(.disabled):focus, .btn-warning:not(.disabled).active, .btn-outline-warning:not(.disabled):hover, .btn-outline-warning:not(.disabled):active, .btn-outline-warning:not(.disabled):focus, .btn-outline-warning:not(.disabled).active, .btn-success:not(.disabled):hover, .btn-success:not(.disabled):active, .btn-success:not(.disabled):focus, .btn-success:not(.disabled).active, .btn-outline-success:not(.disabled):hover, .btn-outline-success:not(.disabled):active, .btn-outline-success:not(.disabled):focus, .btn-outline-success:not(.disabled).active {
        background: #e1f0fb;
        border: 1px solid #e0e0e0;
        color: #282828
    }

    .btn-danger:disabled, .btn-danger.disabled, .btn-outline-danger:disabled, .btn-outline-danger.disabled, .btn-warning:disabled, .btn-warning.disabled, .btn-outline-warning:disabled, .btn-outline-warning.disabled, .btn-success:disabled, .btn-success.disabled, .btn-outline-success:disabled, .btn-outline-success.disabled {
        background: none !important;
        border: 1px solid #e0e0e0;
        color: #0a0a0a !important;
        cursor: not-allowed !important;
        pointer-events: all !important
    }

    .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger.active, .btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger.active, .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning.active, .btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning.active, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.active, .btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success.active {
        background: #e1f0fb;
        border: 1px solid #e0e0e0;
        color: #282828
    }

    .btn-danger i, .btn-outline-danger i {
        color: #c00
    }

    .btn-warning i, .btn-outline-warning i {
        color: #856404
    }

    .btn-success i, .btn-outline-success i {
        color: #27855d
    }

.btn-info {
    background-color: #0070d2 !important;
    color: #fff !important
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit
}

.k-action-buttons .k-button {
    font-weight: 400;
    background: none;
    color: #0a0a0a;
    border: 1px solid #c2c2c2;
    border-radius: 2px !important
}

    .k-action-buttons .k-button:hover, .k-action-buttons .k-button:active, .k-action-buttons .k-button:focus, .k-action-buttons .k-button.active {
        background: #f6f6f6;
        border: 1px solid #c2c2c2
    }

    .k-action-buttons .k-button.k-primary {
        background: #0a1f8f;
        color: #fff;
        border: 1px solid #0a1f8f
    }

        .k-action-buttons .k-button.k-primary:hover, .k-action-buttons .k-button.k-primary:active, .k-action-buttons .k-button.k-primary:focus, .k-action-buttons .k-button.k-primary.active {
            background: #071564;
            border-color: 1px solid #071564;
            color: #fff
        }

i.far, i.fas {
    font-weight: 300 !important
}

.badge.badge-primary {
    color: #0a0a0a;
    border: 1px solid #c2c2c2;
    background: #fff
}

h1.serif-font, h2.serif-font, h3.serif-font, h4.serif-font, h5.serif-font {
    font-family: 'DM Serif Display','Times New Roman', serif !important;
    color: #0a1f8f
}

    h1.serif-font span, h2.serif-font span, h3.serif-font span, h4.serif-font span, h5.serif-font span {
        color: #484848
    }

h1.title-case-first-only, h2.title-case-first-only, h3.title-case-first-only, h4.title-case-first-only, h5.title-case-first-only {
    text-transform: lowercase
}

    h1.title-case-first-only::first-letter, h2.title-case-first-only::first-letter, h3.title-case-first-only::first-letter, h4.title-case-first-only::first-letter, h5.title-case-first-only::first-letter {
        text-transform: uppercase
    }

h1, h2, h3 {
    color: #0a0a0a
}

h1 {
    font-weight: 600;
    font-size: 20px;
    margin: 1rem 0 15px 0 !important
}

    h1.serif-font {
        font-size: 55px
    }

h2 {
    font-size: 18px;
    font-weight: 500
}

    h2 i {
        color: #282828;
        font-size: 20px !important
    }

    h2[aria-expanded=true] .fa-caret-right {
        display: none
    }

    h2[aria-expanded=false] .fa-caret-down {
        display: none
    }

h3, h4, h5 {
    font-size: 16px;
    font-weight: 500 !important
}

.collapsible-panels .panel-header {
    color: #0a0a0a;
    font-size: 18px !important
}

    .collapsible-panels .panel-header .fal, .collapsible-panels .panel-header .far, .collapsible-panels .panel-header .fas {
        color: #282828
    }

    .collapsible-panels .panel-header:hover, .collapsible-panels .panel-header:active, .collapsible-panels .panel-header:focus {
        cursor: pointer
    }

.collapsible-panels-side-nav {
    z-index: 1
}

    .collapsible-panels-side-nav .list-group {
        list-style: none
    }

        .collapsible-panels-side-nav .list-group .nav-item .nav-link {
            font-size: 14px;
            border-left: 3px solid transparent;
            border-radius: 2px;
            color: #0a0a0a;
            text-decoration: none !important;
            padding: 0.25rem 0.5rem
        }

            .collapsible-panels-side-nav .list-group .nav-item .nav-link:hover, .collapsible-panels-side-nav .list-group .nav-item .nav-link:active, .collapsible-panels-side-nav .list-group .nav-item .nav-link:focus, .collapsible-panels-side-nav .list-group .nav-item .nav-link.active {
                background: none;
                color: #0a0a0a;
                border-color: #1e8adc
            }

            .collapsible-panels-side-nav .list-group .nav-item .nav-link.active {
                font-weight: 600
            }

.alert {
    border-radius: 2px
}

    .alert ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .alert ul li {
            margin: 0;
            padding: 0
        }

    .alert.alert-primary, .alert.alert-secondary, .alert.alert-info {
        background: #e1f0fb !important;
        border-color: #0a1faf26;
        border-left: 3px solid #0a1f8f;
        color: #282828 !important
    }

        .alert.alert-primary .btn, .alert.alert-secondary .btn, .alert.alert-info .btn {
            border-color: #0a1faf26 !important
        }

            .alert.alert-primary .btn:hover, .alert.alert-primary .btn:active, .alert.alert-primary .btn:focus, .alert.alert-primary .btn.active, .alert.alert-secondary .btn:hover, .alert.alert-secondary .btn:active, .alert.alert-secondary .btn:focus, .alert.alert-secondary .btn.active, .alert.alert-info .btn:hover, .alert.alert-info .btn:active, .alert.alert-info .btn:focus, .alert.alert-info .btn.active {
                border-color: #0a1faf26 !important
            }

    .alert.alert-success {
        background: #20aa500f !important;
        border-color: #20aa5026;
        border-left: 3px solid #20aa50;
        color: #282828 !important
    }

        .alert.alert-success .btn {
            border-color: #20aa5026 !important
        }

            .alert.alert-success .btn:hover, .alert.alert-success .btn:active, .alert.alert-success .btn:focus, .alert.alert-success .btn.active {
                border-color: #20aa5026 !important
            }

    .alert.alert-danger {
        background: #df0a0a0f !important;
        border-color: #df0a0a26;
        border-left: 3px solid #df0a0a;
        color: #282828 !important
    }

        .alert.alert-danger .btn {
            border-color: #df0a0a26 !important
        }

            .alert.alert-danger .btn:hover, .alert.alert-danger .btn:active, .alert.alert-danger .btn:focus, .alert.alert-danger .btn.active {
                border-color: #df0a0a26 !important
            }

    .alert.alert-warning {
        background: #e8cc150f !important;
        border-color: #db762f26;
        border-left: 3px solid #db762f;
        color: #282828 !important
    }

        .alert.alert-warning .btn {
            border-color: #db762f26 !important
        }

            .alert.alert-warning .btn:hover, .alert.alert-warning .btn:active, .alert.alert-warning .btn:focus, .alert.alert-warning .btn.active {
                border-color: #db762f26 !important
            }

.val-summary ul {
    list-style-type: none;
    padding-left: 0
}

table {
    font-family: 'DM Sans',Tahoma,Arial,Sans-Serif !important;
    font-size: 14px !important
}

    table.table {
        border-color: #f6f6f6 !important;
        color: #0a0a0a !important
    }

        table.table tr th, table.table tr td {
            border-color: #f6f6f6 !important
        }

        table.table tr th {
            color: #484848 !important
        }

.editable-cell {
    background-color: #fff;
    border: 0.1px solid #f6f6f6;
    border-width: 0 0 0.5px 1px !important
}

.non-editable-cell {
    background-color: #f6f6f6;
    border: 0.1px solid #f6f6f6;
    border-width: 0 0 0.5px 1px !important
}

.popover {
    font-size: 1em
}

.popover-body {
    color: #0a1f8f !important
}

.k-dialog .k-dialog-buttongroup .k-button {
    font-weight: 500;
    border-radius: 2px !important
}

    .k-dialog .k-dialog-buttongroup .k-button:first-child {
        background: #0a1f8f;
        color: #fff;
        border: 1px solid #0a1f8f
    }

        .k-dialog .k-dialog-buttongroup .k-button:first-child:hover, .k-dialog .k-dialog-buttongroup .k-button:first-child:active, .k-dialog .k-dialog-buttongroup .k-button:first-child:focus, .k-dialog .k-dialog-buttongroup .k-button:first-child.active {
            background: #071564;
            border-color: 1px solid #071564;
            color: #fff
        }

.w-5 {
    width: 5% !important
}

.w-10 {
    width: 10% !important
}

.w-15 {
    width: 15% !important
}

.w-20 {
    width: 20% !important
}

.w-30 {
    width: 30% !important
}

.w-35 {
    width: 35% !important
}

.w-40 {
    width: 40% !important
}

.w-45 {
    width: 45% !important
}

.w-55 {
    width: 55% !important
}

.w-60 {
    width: 60% !important
}

.w-65 {
    width: 65% !important
}

.w-70 {
    width: 70% !important
}

.w-80 {
    width: 80% !important
}

.w-85 {
    width: 85% !important
}

.w-90 {
    width: 90% !important
}

.w-95 {
    width: 95% !important
}

.fa-x0-9 {
    font-size: 90% !important
}

.fa-x1-3 {
    font-size: 130% !important
}

.fa-x2 {
    font-size: 2em !important
}

.fa-x3 {
    font-size: 3em !important
}

.fa-black {
    color: #000 !important
}

.fa-burnt-orange {
    color: #cd6629 !important
}

.fa-green {
    color: #27855d !important
}

.fa-red {
    color: #c00 !important
}

.fa-yellow {
    color: #db7630 !important
}

.k-button, .k-calendar, .k-grid, .k-input, .k-item, .k-listview, .k-pager-wrap, .k-textarea, .k-tooltip, .k-widget, .k-textbox, .k-maskedtextbox {
    font-family: 'DM Sans',Tahoma,Arial,Sans-Serif !important
}

.k-grid {
    border: none !important
}

    .k-grid .k-grid-content {
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        border-top: none;
        border-bottom: none
    }

        .k-grid .k-grid-content i.fa, .k-grid .k-grid-content i.fal, .k-grid .k-grid-content i.far, .k-grid .k-grid-content i.fas {
            color: #282828
        }

    .k-grid .k-pager-numbers-wrap {
        margin-left: 10px;
        margin-right: 10px
    }

        .k-grid .k-pager-numbers-wrap .k-dropdown {
            display: none !important
        }

        .k-grid .k-pager-numbers-wrap .k-pager-numbers {
            display: block !important
        }

    .k-grid .k-pager-info, .k-grid .k-pager-sizes {
        display: block !important
    }

    .k-grid .k-alt {
        background: #fff !important
    }

    .k-grid tr:hover, .k-grid tr:active, .k-grid tr:focus {
        background: none !important;
        color: #282828 !important
    }

    .k-grid th {
        background-color: #f6f6f6 !important
    }

    .k-grid td {
        border-color: #e0e0e0 !important;
        border-bottom: 1px solid #e0e0e0 !important
    }

.k-grid-header {
    background: #fcfcfd !important
}

    .k-grid-header table {
        border: 1px solid #e0e0e0;
        border-bottom: none
    }

    .k-grid-header .k-header {
        font-weight: 500
    }

        .k-grid-header .k-header .k-grid-filter {
            color: #282828
        }

.k-grid-norecords {
    color: #0a1f8f;
    font-size: 1.2em;
    justify-content: center;
    padding-top: 200px;
    padding-bottom: 200px
}

.k-icon {
    color: #000 !important
}

.k-pager-numbers .k-link {
    color: #0a1f8f
}

.k-listview {
    border-style: none !important
}

.k-grid-pager {
    background: #fcfcfd !important;
    border: none !important
}

.k-pager-numbers .k-link {
    color: #0a0a0a;
    background: none;
    border: none;
    border-bottom: 3px solid transparent
}

    .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link:active, .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-selected {
        background: none;
        color: #0a0a0a;
        border-color: #1e8adc;
        border-left: none;
        border-right: none;
        border-top: none
    }

    .k-pager-numbers .k-link.k-state-selected {
        font-weight: 600
    }

    .k-pager-numbers .k-link:disabled, .k-pager-numbers .k-link.disabled {
        cursor: not-allowed;
        pointer-events: all !important
    }

.k-treeview .k-checkbox-wrapper {
    float: right;
    margin-top: 5px
}

.k-treeview .k-item div {
    display: block
}

.k-treeview .k-in.k-state-hover, .k-treeview .k-in.k-state-focused, .k-treeview .k-in.k-state-selected {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    box-shadow: none !important
}

.k-treeview > ul > li > div {
    color: #0a0a0a;
    background-color: none;
    border-left: 3px solid #0a1f8f;
    border-radius: 2px !important;
    margin-bottom: 5px;
    margin-top: 5px
}

.k-dropdown .k-dropdown-wrap {
    background: #fff
}

    .k-dropdown .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap:active, .k-dropdown .k-dropdown-wrap:focus, .k-dropdown .k-dropdown-wrap.active {
        background: #fff
    }

.tree-node {
    border-radius: 9px;
    margin-bottom: 3px;
    margin-top: 3px;
    border-color: #f6f6f6;
    border-style: solid;
    border-width: 0.5px
}

.bg-primary {
    background: #0a1f8f !important
}
.bg-debug {
    background: #0A8F37 !important;
}

.bg-beta {
    background: #8F7A0A !important;
}

.bg-test {
    background: #8F0A62 !important;
}

.border-top {
    border-top: 1px solid #f6f6f6
}

.border-bottom {
    border-bottom: 1px solid #f6f6f6
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.05)
}

.command-icon, .pointer {
    cursor: pointer
}

.icon-danger {
    color: #c00
}

.icon-success {
    color: #27855d
}

.icon-warning {
    color: #ffc107
}

.invisible {
    display: none !important
}

.main-padding-left {
    padding-left: 90px
}

.main-padding-left-hidden {
    padding-left: 0
}

.no-border {
    border-width: 0
}

.no-wrap {
    white-space: nowrap !important
}

.text-body {
    color: #000 !important
}

.text-danger {
    color: #c00 !important
}

.text-info {
    color: #0070d2 !important
}

.text-muted {
    color: #484848 !important
}

.text-primary {
    color: #0a1f8f !important
}

.text-success {
    color: #27855d !important
}

.text-theme {
    color: #0a1f8f !important
}

.white-link {
    color: #fff
}

    .white-link:hover, .white-link:active, .white-link:focus {
        color: #fff
    }

.mt-50px {
    margin-top: 50px
}

.mt-100px {
    margin-top: 100px
}

.mt-150px {
    margin-top: 150px
}

.mt-200px {
    margin-top: 200px
}

.max-w-50px {
    max-width: 50px
}

.max-w-75px {
    max-width: 75px
}

.max-w-100px {
    max-width: 100px
}

.max-w-125px {
    max-width: 125px
}

.max-w-150px {
    max-width: 150px
}

.max-w-175px {
    max-width: 175px
}

.max-w-200px {
    max-width: 200px
}

.max-w-225px {
    max-width: 225px
}

.max-w-250px {
    max-width: 250px
}

.max-w-275px {
    max-width: 275px
}

.max-w-300px {
    max-width: 300px
}

.max-w-325px {
    max-width: 325px
}

.max-w-350px {
    max-width: 350px
}

.max-w-375px {
    max-width: 375px
}

.max-w-400px {
    max-width: 400px
}

.max-w-425px {
    max-width: 425px
}

.max-w-450px {
    max-width: 450px
}

.max-w-475px {
    max-width: 475px
}

.max-w-500px {
    max-width: 500px
}

.max-w-525px {
    max-width: 525px
}

.max-w-550px {
    max-width: 550px
}

.max-w-575px {
    max-width: 575px
}

.max-w-600px {
    max-width: 600px
}

.max-w-625px {
    max-width: 625px
}

.max-w-650px {
    max-width: 650px
}

.max-w-675px {
    max-width: 675px
}

.max-w-700px {
    max-width: 700px
}

.max-w-725px {
    max-width: 725px
}

.max-w-750px {
    max-width: 750px
}

.max-w-775px {
    max-width: 775px
}

.max-w-800px {
    max-width: 800px
}

.max-h-50px {
    max-height: 50px
}

.max-h-75px {
    max-height: 75px
}

.max-h-100px {
    max-height: 100px
}

.max-h-125px {
    max-height: 125px
}

.max-h-150px {
    max-height: 150px
}

.max-h-175px {
    max-height: 175px
}

.max-h-200px {
    max-height: 200px
}

.max-h-225px {
    max-height: 225px
}

.max-h-250px {
    max-height: 250px
}

.max-h-275px {
    max-height: 275px
}

.max-h-300px {
    max-height: 300px
}

.max-h-325px {
    max-height: 325px
}

.max-h-350px {
    max-height: 350px
}

.max-h-375px {
    max-height: 375px
}

.max-h-400px {
    max-height: 400px
}

.max-h-425px {
    max-height: 425px
}

.max-h-450px {
    max-height: 450px
}

.max-h-475px {
    max-height: 475px
}

.max-h-500px {
    max-height: 500px
}

.max-h-525px {
    max-height: 525px
}

.max-h-550px {
    max-height: 550px
}

.max-h-575px {
    max-height: 575px
}

.max-h-600px {
    max-height: 600px
}

.max-h-625px {
    max-height: 625px
}

.max-h-650px {
    max-height: 650px
}

.max-h-675px {
    max-height: 675px
}

.max-h-700px {
    max-height: 700px
}

.max-h-725px {
    max-height: 725px
}

.max-h-750px {
    max-height: 750px
}

.max-h-775px {
    max-height: 775px
}

.max-h-800px {
    max-height: 800px
}

.min-w-50px {
    min-width: 50px
}

.min-w-75px {
    min-width: 75px
}

.min-w-100px {
    min-width: 100px
}

.min-w-125px {
    min-width: 125px
}

.min-w-150px {
    min-width: 150px
}

.min-w-175px {
    min-width: 175px
}

.min-w-200px {
    min-width: 200px
}

.min-w-225px {
    min-width: 225px
}

.min-w-250px {
    min-width: 250px
}

.min-w-275px {
    min-width: 275px
}

.min-w-300px {
    min-width: 300px
}

.min-w-325px {
    min-width: 325px
}

.min-w-350px {
    min-width: 350px
}

.min-w-375px {
    min-width: 375px
}

.min-w-400px {
    min-width: 400px
}

.min-w-425px {
    min-width: 425px
}

.min-w-450px {
    min-width: 450px
}

.min-w-475px {
    min-width: 475px
}

.min-w-500px {
    min-width: 500px
}

.min-w-525px {
    min-width: 525px
}

.min-w-550px {
    min-width: 550px
}

.min-w-575px {
    min-width: 575px
}

.min-w-600px {
    min-width: 600px
}

.min-w-625px {
    min-width: 625px
}

.min-w-650px {
    min-width: 650px
}

.min-w-675px {
    min-width: 675px
}

.min-w-700px {
    min-width: 700px
}

.min-w-725px {
    min-width: 725px
}

.min-w-750px {
    min-width: 750px
}

.min-w-775px {
    min-width: 775px
}

.min-w-800px {
    min-width: 800px
}

.min-h-50px {
    min-height: 50px
}

.min-h-75px {
    min-height: 75px
}

.min-h-100px {
    min-height: 100px
}

.min-h-125px {
    min-height: 125px
}

.min-h-150px {
    min-height: 150px
}

.min-h-175px {
    min-height: 175px
}

.min-h-200px {
    min-height: 200px
}

.min-h-225px {
    min-height: 225px
}

.min-h-250px {
    min-height: 250px
}

.min-h-275px {
    min-height: 275px
}

.min-h-300px {
    min-height: 300px
}

.min-h-325px {
    min-height: 325px
}

.min-h-350px {
    min-height: 350px
}

.min-h-375px {
    min-height: 375px
}

.min-h-400px {
    min-height: 400px
}

.min-h-425px {
    min-height: 425px
}

.min-h-450px {
    min-height: 450px
}

.min-h-475px {
    min-height: 475px
}

.min-h-500px {
    min-height: 500px
}

.min-h-525px {
    min-height: 525px
}

.min-h-550px {
    min-height: 550px
}

.min-h-575px {
    min-height: 575px
}

.min-h-600px {
    min-height: 600px
}

.min-h-625px {
    min-height: 625px
}

.min-h-650px {
    min-height: 650px
}

.min-h-675px {
    min-height: 675px
}

.min-h-700px {
    min-height: 700px
}

.min-h-725px {
    min-height: 725px
}

.min-h-750px {
    min-height: 750px
}

.min-h-775px {
    min-height: 775px
}

.min-h-800px {
    min-height: 800px
}

body.logged-out {
    background: url("../images/login-back.jpg") top left no-repeat;
    background-size: cover
}

    body.logged-out h1 {
        font-weight: 500 !important
    }

.login .form-login, .register .form-login {
    background: #fff;
    width: 100%
}

.login h1, .register h1 {
    font-family: 'DM Serif Display','Times New Roman', serif !important;
    color: #0a1f8f;
    font-size: 36px
}

    .login h1.non-serif, .register h1.non-serif {
        font-family: 'DM Sans',Tahoma,Arial,Sans-Serif !important;
        color: #282828;
        font-size: 28px;
        font-weight: 500
    }

.login h2, .register h2 {
    color: #282828;
    font-size: 18px;
    font-weight: normal
}

.login h3, .register h3 {
    color: #282828;
    font-size: 28px;
    font-weight: 500
}

.login label.form-label, .register label.form-label {
    margin-bottom: 5px
}

.login .form-login {
    max-width: 415px
}

.register .form-login {
    max-width: 700px
}

.dashboard .card {
    min-height: 150px
}

    .dashboard .card .card-body {
        padding: 30px 15px
    }

        .dashboard .card .card-body .card-title {
            margin: 0;
            padding: 0
        }

            .dashboard .card .card-body .card-title::before {
                display: block;
                text-align: center;
                padding: 0 0 10px 0;
                color: #1e8adc;
                font-family: "Font Awesome 5 Pro";
                font-weight: 300;
                font-size: 36px
            }

    .dashboard .card.application-link .card-body .card-title::before {
        content: ""
    }

    .dashboard .card.my-profile .card-body .card-title::before {
        content: ""
    }

    .dashboard .card.user-management .card-body .card-title::before {
        content: ""
    }

    .dashboard .card.invite-new-users .card-body .card-title::before {
        content: ""
    }

    .dashboard .card.system-configuration .card-body .card-title::before {
        content: ""
    }

    .dashboard .card.system-roles .card-body .card-title::before {
        content: ""
    }

    .dashboard .card.system-permissions .card-body .card-title::before {
        content: ""
    }