/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(40,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(44,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(70,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(74,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(104,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(129,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(250,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(254,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(296,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(297,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(306,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(416,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(603,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(609,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(618,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(647,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(655,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(703,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(761,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1262,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1345,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1351,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1352,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1357,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1358,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1362,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1372,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1374,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1378,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1383,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1389,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1390,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1541,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1542,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1579,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1591,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1938,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1939,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(1954,30): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(2357,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2358,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2738,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(2804,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(2862,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(2918,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(2978,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(2999,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(3050,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3057,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3066,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(3070,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3115,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3155,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3156,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3168,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3174,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3179,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3195,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3206,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3219,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3230,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3245,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3280,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3311,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3323,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3329,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3340,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3346,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3353,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3359,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3404,12): run-time error CSS1030: Expected identifier, found '.'
(3404,31): run-time error CSS1031: Expected selector, found ')'
(3404,31): run-time error CSS1025: Expected comma or open brace, found ')'
(3409,16): run-time error CSS1030: Expected identifier, found '.'
(3409,35): run-time error CSS1031: Expected selector, found ')'
(3409,35): run-time error CSS1025: Expected comma or open brace, found ')'
(3413,20): run-time error CSS1030: Expected identifier, found '.'
(3413,39): run-time error CSS1031: Expected selector, found ')'
(3413,39): run-time error CSS1025: Expected comma or open brace, found ')'
(3419,24): run-time error CSS1030: Expected identifier, found '.'
(3419,43): run-time error CSS1031: Expected selector, found ')'
(3419,43): run-time error CSS1025: Expected comma or open brace, found ')'
(3435,39): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3452,25): run-time error CSS1030: Expected identifier, found '>'
(3452,41): run-time error CSS1031: Expected selector, found ')'
(3452,41): run-time error CSS1025: Expected comma or open brace, found ')'
(3456,30): run-time error CSS1030: Expected identifier, found '>'
(3456,32): run-time error CSS1030: Expected identifier, found '.'
(3456,46): run-time error CSS1031: Expected selector, found ')'
(3456,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3464,64): run-time error CSS1030: Expected identifier, found '.'
(3464,65): run-time error CSS1030: Expected identifier, found 'k-complete'
(3464,75): run-time error CSS1031: Expected selector, found ')'
(3464,75): run-time error CSS1025: Expected comma or open brace, found ')'
(3471,63): run-time error CSS1030: Expected identifier, found '.'
(3471,74): run-time error CSS1031: Expected selector, found ')'
(3471,74): run-time error CSS1025: Expected comma or open brace, found ')'
(3506,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3512,19): run-time error CSS1030: Expected identifier, found '.'
(3512,26): run-time error CSS1031: Expected selector, found ')'
(3512,26): run-time error CSS1025: Expected comma or open brace, found ')'
(3518,22): run-time error CSS1030: Expected identifier, found '['
(3518,25): run-time error CSS1031: Expected selector, found '^='
(3518,25): run-time error CSS1025: Expected comma or open brace, found '^='
(3522,19): run-time error CSS1030: Expected identifier, found '.'
(3522,48): run-time error CSS1031: Expected selector, found ')'
(3522,48): run-time error CSS1025: Expected comma or open brace, found ')'
(3526,19): run-time error CSS1030: Expected identifier, found '.'
(3526,45): run-time error CSS1031: Expected selector, found ')'
(3526,45): run-time error CSS1025: Expected comma or open brace, found ')'
(3530,24): run-time error CSS1030: Expected identifier, found '.'
(3530,25): run-time error CSS1030: Expected identifier, found 'k-grid'
(3530,31): run-time error CSS1031: Expected selector, found ')'
(3530,31): run-time error CSS1025: Expected comma or open brace, found ')'
(3540,23): run-time error CSS1030: Expected identifier, found '.'
(3540,30): run-time error CSS1031: Expected selector, found ')'
(3540,30): run-time error CSS1025: Expected comma or open brace, found ')'
(3546,26): run-time error CSS1030: Expected identifier, found '['
(3546,29): run-time error CSS1031: Expected selector, found '^='
(3546,29): run-time error CSS1025: Expected comma or open brace, found '^='
(3550,23): run-time error CSS1030: Expected identifier, found '.'
(3550,52): run-time error CSS1031: Expected selector, found ')'
(3550,52): run-time error CSS1025: Expected comma or open brace, found ')'
(3554,23): run-time error CSS1030: Expected identifier, found '.'
(3554,49): run-time error CSS1031: Expected selector, found ')'
(3554,49): run-time error CSS1025: Expected comma or open brace, found ')'
(3558,28): run-time error CSS1030: Expected identifier, found '.'
(3558,29): run-time error CSS1030: Expected identifier, found 'k-grid'
(3558,35): run-time error CSS1031: Expected selector, found ')'
(3558,35): run-time error CSS1025: Expected comma or open brace, found ')'
(3591,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3646,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3656,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3661,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3662,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3666,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3668,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3722,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3723,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3730,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3738,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3744,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3766,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3786,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3787,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3803,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3829,16): run-time error CSS1030: Expected identifier, found '.'
(3829,39): run-time error CSS1031: Expected selector, found ')'
(3829,39): run-time error CSS1025: Expected comma or open brace, found ')'
(3833,20): run-time error CSS1030: Expected identifier, found '.'
(3833,43): run-time error CSS1031: Expected selector, found ')'
(3833,43): run-time error CSS1025: Expected comma or open brace, found ')'
(3861,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3870,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3876,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3878,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3886,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3928,35): run-time error CSS1030: Expected identifier, found '>'
(3928,57): run-time error CSS1031: Expected selector, found ')'
(3928,57): run-time error CSS1025: Expected comma or open brace, found ')'
(3968,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3970,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3975,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3977,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(3988,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(4181,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(4187,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(4211,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(4243,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-color'
(4294,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
:root {
    --primary-color: #0071ce;
    --background-color: #F7F9FA;
    --neutral-color: #464645;
}

html, body {
    height: 100%;
    height: 100vh;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    background: #fff;
    font-family: "Roboto", Arial, Verdana, serif;
    color: var(--neutral-color);
    letter-spacing: normal;
}

* {
    letter-spacing: normal !important;
}

.material-symbols-outlined {
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

a:not(.btn) {
    color: var(--neutral-color);
}

    a:not(.btn):hover, a:not(.btn):focus {
        color: var(--neutral-color);
    }

h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
}

label {
    font-weight: normal;
}

nav {
    font-size: 12px;
}

    nav .dropdown-menu {
        font-size: 11.5px;
    }

.panel.panel-search {
    background: #fff;
}

.panel-search .form-control-label {
    color: var(--neutral-color);
}

.panel .remark {
    color: var(--neutral-color) !important;
    font-size: 16px !important;
}

.panel .k-edit-buttons {
    display: flex;
    justify-content: end;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-right: -8px !important;
    flex-wrap: wrap;
}

    .panel .k-edit-buttons a, .panel .k-edit-buttons button, .panel .k-edit-buttons input {
        margin-top: 10px;
        height: fit-content;
    }

.k-grid-header th.k-header {
    background: #1286ad;
    background-image: none;
    background-position: inherit;
    background-color: #333f48;
}

.k-grid-header th.k-header:first-child {
    min-width: 40px;
}

    .k-grid-header th.k-header > .k-link, .k-grid-header th.k-header, .k-grid-header .k-header-column-menu {
        color: var(--neutral-color);
        font-size: 16px !important;
        font-weight: 500 !important;
    }

.k-header-column-menu.k-state-active {
    background-color: inherit;
}

.k-filter-menu {
    background: #1286ad;
    color: #fff;
}

.k-grid-filter.k-state-active {
    background-color: #066180;
}

.k-grid-filter.k-state-active:hover {
    color: inherit;
}

.header-button .k-icon, .header-button .la {
    margin-top: 1px;
    font-size: 14px;
    color: var(--neutral-color);
}

.k-grid-toolbar {
    display: flex;
    justify-content: end;
}

.full-height {
    height: 100% !important;
}

.full-width {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.no-padding {
    padding: 0 !important;
}

.content-header {
    background: #ffffff;
    padding: 0 15px;
    margin: 0 0 15px;
    height: 0;
    z-index: 10;
    display: flex;
}

.content-header > *, .content-header > .header-title {
    display: none;
}

.content-header .notification-container {
    display: block;
    bottom: 70px;
    right: 66px;
    z-index: 2;
}

.navbar-open .content-header .notification-container {
    display: none;
}

.content-header-mobile {
    display: block;
    padding: 10px 20px 0;
}

.header-title {
    margin-top: 10px;
    padding: 2px 12px 0;
    display: inline-block;
}

.content-header .header-title {
    width: 50%;
    width: calc(100% - 360px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-header .header-title {
    margin: 0 0 0 4px;
    padding-top: 12px;
}

.navbar-header .header-title span {
    color: #1384ac;
    font-weight: 600;
    font-size: 22px;
}

.header-text {
    margin-top: 18px;
    padding: 0 12px;
}

.header-button {
    height: 46px;
    background-color: transparent;
    border: 0;
    padding: 25px 16px;
    display: block;
}

.animated .header-button {
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

.header-container {
    height: 48px;
    background-color: transparent;
    border: 0;
    padding: 0;
    position: relative;
}

.navbar-fixed-side {
    margin-bottom: 0;
    border-width: 0;
}

    .navbar-fixed-side .navbar-header {
        /*border-bottom: 1px solid #364150;*/
        background: #fff;
        padding: 0px 0 10px 0;
        box-shadow: 0 4px 4px 0px rgba(0,0,0,0.25) !important;
        -webkit-box-shadow: 0 4px 4px 0px rgba(0,0,0,0.25) !important;
    }

.new-logo-img {
    width: 172px;
    padding: 22px 0px 0px 10px;
}
a:not(.btn) {
    color: var(--neutral-color);
}

    a:not(.btn):hover, a:not(.btn):focus {
        color: var(--neutral-color);
    }

h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
}

.full-height {
    height: 100%;
}

.no-height {
    height: 0 !important;
}

.full-width {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hidden {
    display: none !important;
}

.no-padding {
    padding: 0;
}

.cursor-default {
    cursor: default;
}

.m-state-disabled, .m-state-disabled.dropzone * {
    cursor: not-allowed !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background-color: #0061b0;
        border-color: #0061b0;
    }

.form-control.focus, .form-control:focus {
    border-color: var(--primary-color);
}

.risq-logo {
    height: 40px;
    width: 100%;
    max-width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 4px 0;
    background-image: url('./Images/FA-logo.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.navbar-fixed-side .risq-logo {
    height: 42px;
}

.navbar-fixed-side .navbar-nav {
    margin-top: 15px;
    margin-bottom: 0;
    overflow: hidden;
}

.navbar-fixed-side .navbar-collapse {
    border-top-width: 0;
}

.navbar-fixed-side .navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
}

.navbar-fixed-side .navbar-nav .dropdown-toggle .caret {
    position: absolute;
    top: 16px;
    right: 16px;
    border-width: 5px;
}

.navbar-fixed-side .navbar-nav .dropdown-menu > li > a, .navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header {
    padding: 10px 15px 10px 25px;
}

.navbar-fixed-side .navbar-nav .dropdown-menu > li > a {
    padding-left: 50px;
}

.navbar-fixed-side .navbar-nav .dropdown-menu > li .dropdown-menu > li > a {
    padding-left: 70px;
}

.navbar-toggle-button.header-button {
    width: 46px;
}

.navbar-header {
    text-align: center;
}

.navbar-header .header-button {
    display: none;
}

.navbar-header .header-container {
    display: none;
}

.navbar-header .header-title {
    float: none !important;
}

.navbar-default {
    background: white;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #1286ad;
}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #364150;
}

.navbar-container {
    z-index: 1;
}

    .navbar-container li > a > i {
        margin-left: 1px;
        margin-right: 8px;
    }

.animated .navbar-container li > a > i {
    -webkit-transition: margin 0.4s ease-out;
    transition: margin 0.4s ease-out;
}

.navbar-container li > a > i {
    font-size: 18px;
}

.user-control-header {
    text-align: center;
    font-weight: 600 !important;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    color: var(--neutral-color);
    font-size: 14px;
}

.user-control-panel {
    position: absolute;
    left: auto;
    right: 0;
    width: 200px;
    z-index: 50;
}

.user-control-panel > .user-control {
    padding: 10px 12px 10px 40px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
}

.user-control-panel > .user-control > .user-control-text {
}

.user-control-panel > .user-control > .k-icon, .user-control-panel > .user-control > .la {
    font-size: 15px;
    position: absolute;
    left: 16px;
}

.user-control-panel > .user-control > .la {
    font-size: 17px;
    font-weight: 600;
    left: 14px;
}

.notification-panel {
    position: absolute;
    left: auto;
    right: 0;
    width: 280px;
    z-index: 49;
}

.notification-badge {
    display: block;
    position: absolute;
    top: 12px;
    left: 26px;
    padding: 2px 4px;
    overflow: hidden;
    font-size: 10px;
    line-height: 10px;
    height: 14px;
    border-radius: 6px;
}

.notification-button.active .notification-badge {
    display: none;
}

.notification-list {
    height: 300px;
    overflow: auto;
}

.no-notification-header {
    text-align: center;
    height: 100%;
    padding-top: 35%;
    color: #aaa;
    border-width: 0 !important;
}

.new-notification-header, .old-notification-header {
    padding: 5px 10px;
    background-color: #333F48;
    color: #fff;
    font-size: 13px;
}

.no-notification-header .k-icon, .no-notification-header .la {
    font-size: 42px;
    margin-bottom: 8px;
}

.notification-list .notification {
    min-height: 60px;
}

.notification-list .notification a {
    padding: 8px 12px 10px;
}

.notification .notification-title {
    font-weight: 600;
    font-size: 13px;
}

.notification .notification-message {
    font-size: 12px;
}

.notification .notification-timestamp {
    font-size: 11px;
    font-style: italic;
    padding-top: 3px;
}

.notification-panel .notification-load-more, .notification-panel .notification-view-all {
    padding: 10px;
    text-align: center;
}

.error-detail {
    padding: 15px 0;
    white-space: pre;
    overflow: scroll;
    height: 400px;
}

.unauthorized-detail {
    padding: 15px 0;
    /*white-space: pre;
    overflow: scroll;*/
    height: 400px;
}

.base-page .m-page, .base-page .body-container > .m-wrapper, .base-page .body-container > .m-wrapper > .m-content, .base-page .body-container > .m-wrapper > .m-content > .container {
    height: 100%;
}

.base-page header, .base-page .m-subheader {
    display: none;
}

.base-page .m-body .m-wrapper {
    overflow: auto;
}

.base-page .m-content {
    padding: 0;
}

.base-page .body-container {
    overflow: auto;
    padding: 0;
}

.base-page .base-form {
    position: relative;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-color: #fff;
}

.base-page .body-container .base-form-container {
    margin: 0 auto;
    padding: 20px;
    max-width: 696px;
}

    .base-page .body-container .base-form-container.change-password-container {
        max-width: 1100px !important;
    }

.base-page .body-container .change-password-container {
}

.base-page .body-container .base-form-container > .row {
    height: 100%;
    overflow: auto;
}

.base-page .risq-logo {
    margin: 20px auto;
}

.base-page .base-form .login-btn-group {
    padding: 20px 0;
}

.base-page .login-text-group {
    padding-bottom: 20px;
}

.base-page .base-form .base-input {
    padding: 15px !important;
    margin: 5px auto;
    border: 1px solid var(--neutral-color);
    font-size: 16px;
    font-weight: 400;
    outline: none;
    background: #fff;
    border-radius: 10px;
    color: var(--neutral-color);
}

    .base-page .base-form .base-input::-webkit-input-placeholder {
        font-family: LineAwesome, "Poppins";
        color: #fff;
    }

.base-page .base-form .btn {
    background: var(--primary-color);
    border-radius: 10px;
    padding: 10px 15px;
    border: 0;
    font-size: 18px;
    font-weight: 500;
}

    .base-page .base-form .btn:hover:after {
        right: 0;
    }

.base-page .base-form button .glyphicon {
    padding: 2px 12px;
    float: right;
}

.base-page .base-form .left-panel {
    background: transparent;
}

.base-page .right-panel {
    border-top: 1px solid #868686;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.base-page {
    background-color: var(--background-color);
}
.base-page .left-panel {
    background: #fff;
    padding: 10px 50px 30px;
}

.label-text-field {
    color: var(--neutral-color);
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 -4px 10px;
}

.base-page .single-login-panel {
    min-height: 100px;
    background: rgba(255,255,255,0.7);
    padding: 0 50px 30px;
}

@media (min-width: 768px) {
    .base-page .body-container .base-form-container.single-panel {
        max-width: 400px;
        height: initial;
        overflow: visible;
    }

        .base-page .body-container .base-form-container.single-panel .left-panel {
            min-height: initial;
        }

    .base-page .right-panel {
        border-top-width: 0;
        margin-top: 0;
    }

    .base-page .body-container > .base-form-container, .base-page .body-container .base-form-container > .row {
        height: initial;
    }

    .text-md-align-right {
        text-align: right;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-pull-6 {
        left: -50%;
    }
}

.login-title {
    font-size: 28px;
    font-weight: 400;
    color: var(--neutral-color);
    letter-spacing: normal;
    line-height: 36px;
}

.login-ip-address {
    margin-top: 15px;
}

.change-password-modal {
    width: 100%;
    max-width: 600px;
}

    .change-password-modal h2 {
        font-weight: 400;
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 36px;
        margin-top: 30px;
    }

.change-password-modal .k-edit-form-container {
    width: 100% !important;
}

.change-password-modal .k-edit-label {
    width: 10%;
    padding: .4em 0 .1em;
}

.change-password-modal .security-question-answer .k-edit-label {
    padding-top: 1.6em;
}

.change-password-modal .security-question {
    margin-bottom: 20px;
}

.change-password-modal .k-edit-field {
    width: 80%;
    padding: .4em 0 .1em;
}

    .change-password-modal .k-textbox, .change-password-modal .k-textbox:hover {
        height: auto;
        margin: 5px auto;
        outline: none;
        width: 100%;
        padding: 10px 12px !important;
    }

.change-password-modal .k-edit-buttons {
    bottom: 0;
    padding-top: 0;
}

    .change-password-modal .k-edit-buttons .button-submit.k-button {
        background: var(--primary-color);
        padding: 10px 25px;
        font-weight: 600;
        font-size: 16px;
        color: #fff;
        border: 10px;
        width: 100%;
        margin-bottom: 10px;
    }

.change-password-modal .label-required-icon {
    display: none;
}

    .change-password-modal .security-question .k-edit-label {
        display: none;
    }
    .change-password-modal .security-question > .k-edit-row {
        margin-bottom: 5px !important;
    }

    .change-password-modal .security-question-answer .k-edit-label {
        display: none;
    }

.help-page {
    background: #f5f5f5;
}

.help-page .body-container {
    position: relative;
    padding-top: 88px;
    flex: 1;
    background: url('./Images/bg-policy.jpg');
    background-size: cover;
    margin-top: 0 !important;
}

.help-page .container {
    max-width: 900px;
    display: flex;
}

.help-page .help-header {
    background: #fff;
    color: #464645;
    padding: 14px 0;
    border-radius: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.help-page .risq-logo {
    width: 200px;
    height: 60px;
    background-position: left center;
    margin: 0 40px 0 0;
}

.help-page .help-header-content {
    line-height: 32px;
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.help-page .help-bg {
    width: 100%;
    display: flex;
    justify-content: center;
}

.help-page .help-content {
    overflow: auto;
    width: 100%;
}

.help-page .help-footer {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 144px;
    display: flex;
    align-items: center;
}

.help-page .help-footer .container {
    justify-content: center;
}

.footer-list {
    padding-left: 0;
    margin-bottom: 0;
}

.footer-list li {
    display: inline-block;
}

.footer-list li + li {
    margin-left: 15px;
}

.footer-list li a, .footer-list li a:hover {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #464645;
    outline: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
    letter-spacing: 0.025em;
}

.help-page .help-content-container {
    background-color: #fff;
    border-radius: 0 0 10px 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    margin: 40px 20px 80px 20px;
    padding: 40px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #464645;
    font-weight: 400;
    letter-spacing: 0.01em;
    display: flex;
    justify-content: center;
}

.help-page .help-content-container h2,  .help-page .help-content-container h1{
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0;
}

.help-page .help-content .title{
    font-size: 34px;
    line-height: 44px;
    letter-spacing: -0.025em;
}

.help-content table{
    width: 100%;
}

.help-page .help-content-container a {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #0071CE;
}

.help-page .help-content-container a:hover {
    color: #0071CE;
}

.help-page .help-content-container a:visited {
    color: #0071CE;
}

.help-page .help-content-container .help-content p{
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .navbar-fixed-side .risq-logo {
        background-position-x: left;
        margin: 4px auto 5px 15px;
        width: 40px;
        background-size: cover;
    }

    .navbar-fixed-side li > a {
        white-space: pre-wrap;
    }

    .body-container {
        height: 100%;
        width: 100%;
    }

    body.animated > .container-fluid > .row {
        -webkit-transition: padding-left 0.4s ease-out;
        transition: padding-left 0.4s ease-out;
    }

    .navbar-container {
        position: absolute;
        width: 46px;
        overflow: hidden;
        left: 0;
        -webkit-box-shadow: 4px 0 6px rgba(0,0,0,.2), 4px 0 3px rgba(0,0,0,.05);
        box-shadow: 4px 1px 6px rgba(0,0,0,.2), 4px 1px 3px rgba(0,0,0,.05);
    }

    .animated .navbar-container {
        -webkit-transition: width 0.4s ease-out;
        transition: width 0.4s ease-out;
    }

    .navbar-container li > a {
        white-space: nowrap;
        overflow: hidden;
    }

    .navbar-fixed-side .navbar-nav .dropdown-menu > li > a {
        padding-left: 40px;
    }

    .navbar-fixed-side .navbar-nav .dropdown-menu > li .dropdown-menu > li > a {
        padding-left: 55px;
    }

    .navbar-fixed-side .risq-logo {
        margin-left: 10px;
    }

    .navbar-fixed-side .dropdown-menu {
        max-height: 2000px;
    }

    .navbar-closed .navbar-fixed-side .dropdown-menu {
        max-height: 800px;
    }

    .animated .navbar-fixed-side .dropdown-menu {
        -webkit-transition: max-height 0.2s ease-out;
        transition: max-height 0.2s ease-out;
    }

    .navbar-header {
        text-align: left;
    }

        .navbar-header .header-container {
            display: block;
        }

        .navbar-header .header-button {
            display: block;
        }

    .navbar-container li > a > i {
        margin-right: 20px;
    }

    .navbar-open .navbar-container li > a > i {
        margin-right: 8px;
        font-size: 20px;
        vertical-align: middle;
    }

    .navbar-closed .navbar-fixed-side .navbar-nav .dropdown-toggle .caret {
        top: 8px;
        right: 6px;
        border-width: 3px;
    }

    .navbar-closed .navbar-fixed-side .dropdown-menu {
        border: 0 !important;
        padding: 0;
        max-height: 0;
        overflow: hidden;
    }

    .navbar-open .navbar-fixed-side .risq-logo {
        margin-left: 15px;
    }

    body.navbar-closed > .container-fluid > .row {
        padding-left: 46px;
    }

    body.navbar-open > .container-fluid > .row {
        padding-left: 240px;
    }

    .navbar-open .navbar-container {
        width: 240px;
    }

        .navbar-open .navbar-container li > a {
            width: 100%;
        }

    .navbar-fixed-side .navbar-collapse.collapsing {
        overflow: visible !important;
    }

    .navbar-fixed-side > .container-fluid {
        height: 100%;
        padding-top: 75px;
        position: relative;
        overflow: hidden;
    }

    .navbar-fixed-side .navbar-header {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 240px;
        height: 75px;
        border-bottom: none;
        background: #fff;
        box-shadow: 0 10px 30px #a0a0a0;
        -webkit-box-shadow: 0 10px 30px #a0a0a0;
    }

    .navbar-fixed-side .navbar-collapse {
        max-height: 100%;
        overflow: auto !important;
    }

    .navbar-fixed-side {
        overflow-x: visible;
    }

    .content-header {
        height: 75px;
    }

        .content-header > * {
            display: block;
        }

        .content-header > .header-title {
            display: inline-block;
        }

    .content-header-mobile {
        display: none;
    }

    .content-header .notification-container {
        bottom: 0;
        right: 0;
    }

    .navbar-open .content-header .notification-container {
        display: block;
    }

    .error-page .panel-group, .unauthorized-page .panel-group {
        margin-top: 20px;
    }

    .help-page .help-content {
        padding: 20px 56px;
    }

    .help-page .help-content-container {
        margin-bottom: 80px;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
    }

    .content-header {
        position: absolute;
        width: 100%;
        top: 0;
        margin: 0;
    }

    .body-container > .panel-group {
        height: 100%;
        overflow-y: auto;
        margin: 0;
    }

    .panel-body .k-edit-form-container .k-maskedtextbox, .panel-body .k-edit-form-container .k-password-box, .panel-body .k-edit-form-container .k-multiselect, .panel-body .k-edit-form-container .k-autocomplete, .panel-body .k-edit-form-container .k-colorpicker, .panel-body .k-edit-form-container .k-combobox, .panel-body .k-edit-form-container .k-datepicker, .panel-body .k-edit-form-container .k-datetimepicker, .panel-body .k-edit-form-container .k-dropdown, .panel-body .k-edit-form-container .k-listbox, .panel-body .k-edit-form-container .k-numerictextbox, .panel-body .k-edit-form-container .k-selectbox, .panel-body .k-edit-form-container .k-textbox, .panel-body .k-edit-form-container .k-timepicker, .panel-body .k-edit-form-container .k-toolbar .k-split-button {
        max-width: 24em;
    }

    .panel-body .remark {
        color: white;
        font-size: 14px;
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .content-header .header-title {
        width: 55%;
        width: calc(100% - 360px);
    }
}

@media (min-width: 1200px) {
    .content-header .header-title {
        width: 65%;
        width: calc(100% - 360px);
    }
}

.form-group label {
    padding-top: 12px;
}

.form-group label.k-checkbox-label, .form-group label.k-radio-label {
    padding-top: 0;
}

#questionnaireView label {
    white-space: pre;
    white-space: pre-line;
}

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

.edit-wrapper {
    /*float: left;*/
    clear: both;
    width: 100%;
}

.k-edit-field > h4 {
    padding-top: 15px;
    padding-bottom: 10px;
}

.k-edit-field .k-checkbox-label {
    margin-top: 5px;
    margin-left: 2px;
    margin-bottom: 5px;
}

.field-validation-error {
    display: inline-block;
    padding: 4px 4px 2px;
    color: #d20b5e;
    font-size: 14px;
    letter-spacing: normal;
}

.alert > .validation-summary-errors > ul {
    margin-bottom: 0px;
}

.page-account-button {
    margin-top: 10px;
}

.page-account-button .k-button {
    -webkit-box-shadow: none;
    background-color: transparent;
    box-shadow: none;
    border: 0;
}

.animated .page-account-button .k-button {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.page-account-button .k-button:hover, .page-account-button.open .k-button {
    color: #fff;
    border-color: #5c6bc0;
    background-color: #5c6bc0;
}

.page-back-button, .page-back-button:focus:not(.k-state-disabled):not([disabled]) {
    white-space: nowrap;
    margin-right: -6px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 44px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.animated .page-back-button {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.page-back-button:hover, .page-back-button:hover:not(.k-state-disabled):not([disabled]) {
    margin-right: 12px;
    color: #fff;
    border-color: #5c6bc0;
    width: 88px;
}

.page-back-text {
    padding-left: 6px;
    display: none;
    position: absolute;
    color: var(--neutral-color) !important;
}

.page-back-button:hover .page-back-text {
    display: inline-block;
}

.mobile-page-back-button {
    color: #1286ad;
    position: relative;
    float: left;
    padding: 5px 10px;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.mobile-page-back-button .k-icon, .mobile-page-back-button .la {
    font-size: 22px;
}

.mobile-page-back-button:focus, .mobile-page-back-button:hover {
    background-color: #ddd;
}

/*.mobile-page-back-button:focus .k-icon, .mobile-page-back-button:hover .k-icon, .mobile-page-back-button:focus .la, .mobile-page-back-button:hover .la {
    color: #1286ad;
}*/

.k-loading-mask {
    z-index: 10000;
}

.advanced-search-panel.k-panelbar, .advanced-search-panel.k-panelbar > .k-item, .advanced-search-panel.k-panelbar > .k-item > .k-content {
    border: 0;
    background: none;
}

.advanced-search-panel.k-panelbar .row > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panel-actions {
    text-align: right;
    padding-bottom: 12px;
}

.panel-body .k-edit-form-container {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-edit-form-container > .k-edit-buttons {
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    border-width: 0;
    bottom: -0.5em;
}

.k-state-default > .k-select {
    border-color: #ceced2;
    background: #ccc;
    color: #777;
    border-radius: 0 3px 3px 0;
}

.k-edit-form-container .k-edit-buttons .k-button,
.k-grid .k-button {
    padding: 5px 15px;
    font-size: 18px;
    border-radius: 10px;
    background-image: none;
}

.k-edit-buttons .button-search.k-button {
    background: var(--primary-color);
    color: #fff;
}

.k-edit-buttons .button-advancedsearch.k-button {
    background: #fff;
    color: var(--neutral-color);
    border: 1px solid var(--neutral-color);
}

.k-edit-buttons .cancel.button-clear.k-button {
    background: #fff;
    color: var(--neutral-color);
    border: 1px solid var(--neutral-color);
}

.k-edit-buttons .button-save.k-button {
    background: var(--primary-color);
    color: #fff;
}

.k-edit-buttons .button-add.k-button {
    background: #2dcc70;
    color: #fff;
}

.k-edit-buttons .button-create.k-button, .k-edit-buttons .button-custom.k-button {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color)
}

.k-edit-buttons .button-delete.k-button {
    background: var(--primary-color);
    color: #fff;
}

.k-edit-buttons .button-submit.k-button {
    background: var(--primary-color);
    color: #fff;
}

.k-edit-buttons .button-cancel.k-button {
    background: #fff;
    color: var(--neutral-color);
    border-color: var(--neutral-color);
}

.k-edit-form-container .k-button .k-icon,
.k-grid .k-button .k-icon,
.panel-actions .k-button .k-icon,
.k-edit-form-container .k-button .la,
.k-grid .k-button .la,
.panel-actions .k-button .la {
    font-size: 14px;
    margin: 0 4px 0 0;
}

.k-edit-buttons.manage-dashboard-buttons {
    padding: 1em;
    bottom: 0.5em;
}

.k-grid .k-button.btn-grid-action-icon {
    width: 34px;
    height: 34px;
    min-width: 26px;
    /*background: none;*/
    background-size: contain;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 50%;
    padding: 2px;
}

.k-grid .k-button.btn-grid-action-update {
    background-image: url('Images/Action/edit.svg');
    background-color: transparent !important;
    background-size: 24px !important;
}

.k-grid .k-button.btn-grid-action-view {
    background-image: url('Images/Action/visibility.svg');
    background-color: transparent !important;
    background-size: 24px !important;
}

.k-grid .k-button.btn-grid-action-delete {
    background-image: url('Images/Action/delete.svg');
    background-color: transparent !important;
    background-size: 24px !important;
}

.k-grid .k-button.btn-grid-action-cancel {
    background-image: url('Images/Action/cancel.svg');
    background-color: transparent !important;
    background-size: 24px !important;
}

.k-grid .k-button.btn-grid-action-download {
    background-image: url('Images/Action/download.svg');
    background-color: transparent !important;
    background-size: 24px !important;
}

.input-group .input-group-btn .k-button {
    font-size: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -2px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-tabstrip form {
    padding: 1px 4px;
}

.k-tabstrip > .k-content > form {
    padding-top: 15px;
}

form .alert {
    margin: 20px 0 0;
}

.k-tabstrip .k-content {
    min-height: 100px;
}

/*.k-grid table {
    display: block;
    overflow: auto;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.k-grid .table-wrapper {
    overflow: auto;
    width: 100% !important;
}

.k-grid .grid-column-auto-width {
    min-width: 100px;
}

.k-grid .grid-column-nowrap {
    width: 1% !important;
    white-space: pre !important;
}

.k-grid .k-grouping-header {
    padding-left: 8px;
}

.k-grid-norecords-template {
    margin-top: 30px;
    margin-bottom: 30px;
}

.k-filter-menu input.k-textbox {
    background-color: #fff;
}

.k-window-content.k-content {
    padding: 15px;
    min-height: 85px;
    min-width: 120px;
}

.k-window .k-edit-form-container {
    width: 330px;
    box-sizing: border-box;
}

    .k-window .k-edit-form-container.form-lg {
        width: 500px;
        max-width: 100%;
    }

    .k-window .k-edit-form-container.full {
        width: 100%;
    }

.k-edit-form-container .k-maskedtextbox, .k-edit-form-container .input-group,
.k-edit-form-container .k-multiselect, .k-edit-form-container .k-autocomplete, .k-edit-form-container .k-colorpicker, .k-edit-form-container .k-combobox, .k-edit-form-container .k-datepicker, .k-edit-form-container .k-datetimepicker, .k-edit-form-container .k-dropdown, .k-edit-form-container .k-listbox, .k-edit-form-container .k-numerictextbox, .k-edit-form-container .k-selectbox, .k-edit-form-container .k-textbox, .k-edit-form-container .k-timepicker, .k-edit-form-container .k-toolbar .k-split-button {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-edit-form-container.create-case-form .k-edit-buttons .button-custom.k-button {
    background-color: #fff;
    color: var(--neutral-color) !important;
    border-color: var(--neutral-color) !important;
}

.k-edit-form-container.create-case-form .create-case-buttons {
    position: fixed;
    top: 130px;
    border: 0;
    right: 50px;
    height: fit-content;
}

.k-edit-form-container.create-case-form .create-case-buttons button {
    width: 100%;
}

.k-edit-form-container .k-autocomplete, .k-edit-form-container .k-dropdown-wrap, .k-edit-form-container .k-multiselect.k-header, .k-edit-form-container .k-numeric-wrap, .k-edit-form-container .k-picker-wrap,
.k-edit-form-container .k-autocomplete.k-state-focused, .k-edit-form-container .k-dropdown-wrap.k-state-focused, .k-edit-form-container .k-multiselect.k-header.k-state-focused, .k-edit-form-container .k-numeric-wrap.k-state-focused, .k-edit-form-container .k-picker-wrap.k-state-focused,
.k-edit-form-container .k-autocomplete.k-state-hover, .k-edit-form-container .k-dropdown-wrap.k-state-hover, .k-edit-form-container .k-multiselect.k-header.k-state-hover, .k-edit-form-container .k-numeric-wrap.k-state-hover, .k-edit-form-container .k-picker-wrap.k-state-hover {
    background-image: none;
    background: #f5f5f5;
}

.panel-body .k-edit-form-container .input-group .k-textbox, .form-lg.k-edit-form-container .input-group .k-textbox {
    width: 100%;
}

.k-edit-label, .k-edit-field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-sm.k-edit-form-container .k-edit-label, .form-sm.k-edit-form-container .k-edit-field {
    width: 45%;
}

.label-required-icon {
    color: var(--neutral-color);
    font-size: large;
    margin-left: 4px;
    line-height: 1px !important;
}

.label-instruction {
    margin-left: 4px;
    cursor: pointer;
}

.checkbox-label + label, .checkbox-label:disabled + label {
    color: var(--neutral-color);
    color: transparent;
}

@media (max-width: 767px) {

    .k-edit-field {
        padding-bottom: 15px;
    }

    .form-lg.k-edit-form-container .k-maskedtextbox, .k-edit-form-container .k-maskedtextbox,
    .form-lg.k-edit-form-container .input-group, .k-edit-form-container .input-group,
    .k-edit-form-container .k-multiselect, .k-edit-form-container .k-autocomplete, .k-edit-form-container .k-colorpicker, .k-edit-form-container .k-combobox, .k-edit-form-container .k-datepicker, .k-edit-form-container .k-datetimepicker, .k-edit-form-container .k-dropdown, .k-edit-form-container .k-listbox, .k-edit-form-container .k-numerictextbox, .k-edit-form-container .k-selectbox, .k-edit-form-container .k-textbox, .k-edit-form-container .k-timepicker, .k-edit-form-container .k-toolbar .k-split-button,
    .form-lg.k-edit-form-container .k-multiselect, .form-lg.k-edit-form-container .k-autocomplete, .form-lg.k-edit-form-container .k-colorpicker, .form-lg.k-edit-form-container .k-combobox, .form-lg.k-edit-form-container .k-datepicker, .form-lg.k-edit-form-container .k-datetimepicker, .form-lg.k-edit-form-container .k-dropdown, .form-lg.k-edit-form-container .k-listbox, .form-lg.k-edit-form-container .k-numerictextbox, .form-lg.k-edit-form-container .k-selectbox, .form-lg.k-edit-form-container .k-textbox, .form-lg.k-edit-form-container .k-timepicker, .form-lg.k-edit-form-container .k-toolbar .k-split-button {
        width: 100%;
    }

    .k-edit-form-container {
        width: 100%;
    }

    .k-edit-field .k-checkbox-label {
        margin-top: 0;
    }

    .k-window .k-edit-form-container.form-lg {
        width: 280px;
    }

    .k-window {
        margin-bottom: 40px;
    }
}

@media (max-width: 480px) {
    .form-lg.k-edit-form-container .k-multiselect, .form-lg.k-edit-form-container .k-autocomplete, .form-lg.k-edit-form-container .k-colorpicker, .form-lg.k-edit-form-container .k-combobox, .form-lg.k-edit-form-container .k-datepicker, .form-lg.k-edit-form-container .k-datetimepicker, .form-lg.k-edit-form-container .k-dropdown, .form-lg.k-edit-form-container .k-listbox, .form-lg.k-edit-form-container .k-numerictextbox, .form-lg.k-edit-form-container .k-selectbox, .form-lg.k-edit-form-container .k-textbox, .form-lg.k-edit-form-container .k-timepicker, .form-lg.k-edit-form-container .k-toolbar .k-split-button,
    .panel-body .k-edit-form-container .k-multiselect, .panel-body .k-edit-form-container .k-autocomplete, .panel-body .k-edit-form-container .k-colorpicker, .panel-body .k-edit-form-container .k-combobox, .panel-body .k-edit-form-container .k-datepicker, .panel-body .k-edit-form-container .k-datetimepicker, .panel-body .k-edit-form-container .k-dropdown, .panel-body .k-edit-form-container .k-listbox, .panel-body .k-edit-form-container .k-numerictextbox, .panel-body .k-edit-form-container .k-selectbox, .panel-body .k-edit-form-container .k-textbox, .panel-body .k-edit-form-container .k-timepicker, .panel-body .k-edit-form-container .k-toolbar .k-split-button {
        width: 100%;
    }

    .k-window .k-edit-form-container.form-lg {
        width: 100%;
    }

    .k-window {
        width: 90%;
    }
}

.k-editor-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    z-index: 1;
}

.k-window .k-editor-dialog .k-edit-form-container, .k-window .k-edit-form-container.file-preview-container {
    width: auto;
}

.file-preview-container {
    height: 100%;
    padding-bottom: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .file-preview-container .file-preview {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

        .file-preview-container .file-preview #treeview-file {
            font-size: 13px;
        }

            .file-preview-container .file-preview #treeview-file .k-sprite {
                background-image: url('./Images/file-preview-icons-sprite.png');
                background-position: -16px -16px;
            }

            .file-preview-container .file-preview #treeview-file .folder {
                background-position: -80px 0;
            }

            .file-preview-container .file-preview #treeview-file .folder-empty {
                background-position: -80px -16px;
            }

            .file-preview-container .file-preview #treeview-file .doc, .file-preview-container .file-preview #treeview-file .docx {
                background-position: 0 0;
            }

            .file-preview-container .file-preview #treeview-file .xls, .file-preview-container .file-preview #treeview-file .xlsx, .file-preview-container .file-preview #treeview-file .csv {
                background-position: -16px 0;
            }

            .file-preview-container .file-preview #treeview-file .ppt, .file-preview-container .file-preview #treeview-file .pptx {
                background-position: -32px 0;
            }

            .file-preview-container .file-preview #treeview-file .pdf {
                background-position: -48px 0;
            }

            .file-preview-container .file-preview #treeview-file .html {
                background-position: 0 -16px;
            }

            .file-preview-container .file-preview #treeview-file .jpg,
            .file-preview-container .file-preview #treeview-file .jpeg,
            .file-preview-container .file-preview #treeview-file .gif,
            .file-preview-container .file-preview #treeview-file .bmp,
            .file-preview-container .file-preview #treeview-file .tif,
            .file-preview-container .file-preview #treeview-file .tiff {
                background-position: -48px -16px;
            }

            .file-preview-container .file-preview #treeview-file .png {
                background-position: -64px -16px;
            }

            .file-preview-container .file-preview #treeview-file .zip, .file-preview-container .file-preview #treeview-file .rar {
                background-position: -64px 0;
            }

.k-window .k-editor-dialog .k-edit-form-container > .k-edit-buttons {
    margin: 0;
}

.k-window .k-editor-dialog .k-filebrowser .k-listview {
    height: 200px;
}

.condition-display-container {
    padding: .8em 0;
}

.condition-button {
    margin-bottom: 1em;
}

.condition-editor-container {
    width: 650px;
    max-width: 100%;
}

    .condition-editor-container .subConditionTitleWrapper {
        width: 100%;
        text-align: center;
    }

    .condition-editor-container .condition-editor-wrapper {
        height: 240px;
        overflow-y: auto;
    }

        .condition-editor-container .condition-editor-wrapper > ol {
            padding-left: 25px;
        }

li.condition-display {
    padding: 0 6px 15px;
}

.condition-picker-container {
    width: 500px;
    max-width: 100%;
}

.date-filter-separator {
    padding: 8px 14px;
}

.k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
    background-color: #f5f5f6;
    color: #515967;
}

[readonly]:not(.editable), [disabled], .k-state-disabled, [disabled] + .k-checkbox-label, .k-state-disabled .k-button, .k-state-disabled .k-icon, .k-state-disabled .la {
    cursor: not-allowed !important;
    opacity: 1 !important;
}

    .k-state-disabled .k-input,
    .k-state-disabled .k-multiselect-wrap,
    .k-state-disabled .k-textbox > input,
    input.k-state-disabled.k-textbox,
    input.k-state-disabled.k-textbox:hover,
    textarea.k-state-disabled.k-textbox,
    textarea.k-state-disabled.k-textbox:hover,
    .k-state-disabled.k-multiselect .k-button {
        color: #a2a2a2;
    }

    .k-state-disabled.k-multiselect .k-i-close {
        display: none;
    }

    .k-state-disabled.k-multiselect li {
        padding-right: .4em;
    }

[data-risq-toggle] {
    cursor: pointer;
}


/*.k-edit-form-container .row {
    margin: 0;
}

.k-edit-form-container .col-lg-1, .k-edit-form-container .col-lg-10, .k-edit-form-container .col-lg-11, .k-edit-form-container .col-lg-12, .k-edit-form-container .col-lg-2, .k-edit-form-container .col-lg-3, .k-edit-form-container .col-lg-4, .k-edit-form-container .col-lg-5, .k-edit-form-container .col-lg-6, .k-edit-form-container .col-lg-7, .k-edit-form-container .col-lg-8, .k-edit-form-container .col-lg-9, .k-edit-form-container .col-md-1, .k-edit-form-container .col-md-10, .k-edit-form-container .col-md-11, .k-edit-form-container .col-md-12, .k-edit-form-container .col-md-2, .k-edit-form-container .col-md-3, .k-edit-form-container .col-md-4, .k-edit-form-container .col-md-5, .k-edit-form-container .col-md-6, .k-edit-form-container .col-md-7, .k-edit-form-container .col-md-8, .k-edit-form-container .col-md-9, .k-edit-form-container .col-sm-1, .k-edit-form-container .col-sm-10, .k-edit-form-container .col-sm-11, .k-edit-form-container .col-sm-12, .k-edit-form-container .col-sm-2, .k-edit-form-container .col-sm-3, .k-edit-form-container .col-sm-4, .k-edit-form-container .col-sm-5, .k-edit-form-container .col-sm-6, .k-edit-form-container .col-sm-7, .k-edit-form-container .col-sm-8, .k-edit-form-container .col-sm-9, .k-edit-form-container .col-xs-1, .k-edit-form-container .col-xs-10, .k-edit-form-container .col-xs-11, .k-edit-form-container .col-xs-12, .k-edit-form-container .col-xs-2, .k-edit-form-container .col-xs-3, .k-edit-form-container .col-xs-4, .k-edit-form-container .col-xs-5, .k-edit-form-container .col-xs-6, .k-edit-form-container .col-xs-7, .k-edit-form-container .col-xs-8, .k-edit-form-container .col-xs-9 {
    padding: 0;
}*/

.k-edit-form-container .row, .k-edit-form-container .row > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.k-notification.k-popup {
    border: 0;
    padding-bottom: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.popup {
    width: 260px;
    padding: 20px;
    padding-left: 52px;
    font-size: 18px;
    max-width: 80%;
    position: relative;
}

    .popup .glyphicon, .popup .k-icon, .popup .la {
        font-size: 22px;
        float: left;
        position: absolute;
        left: 16px;
        top: 50%;
        margin-top: -12px;
        display: block;
        height: 24px;
        width: 24px;
    }

.popup-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.popup-message {
    font-size: 14px;
    line-height: 18px;
}

.popup.has-action {
    cursor: pointer;
}

a.popup-link {
    width: 100%;
    height: 100%;
}

.k-tooltip.navbar-popup .k-tooltip-content {
    padding: 6px 8px;
}

.k-tooltip.navbar-popup .k-callout {
    display: none;
}

.navbar-open .k-tooltip.navbar-popup {
    display: none !important;
}

@media (max-width: 767px) {
    .navbar-popup-container {
        display: none !important;
    }

    .k-notification.k-popup {
        max-width: 90%;
    }
}

.dashboard {
    padding: 10px;
    overflow-x: auto;
    width: 100%;
}

.dashboard-grid {
    position: relative;
}

    .dashboard-grid .grid-item {
        position: absolute;
        padding: 4px;
        box-sizing: border-box;
    }

        .dashboard-grid .grid-item .grid-content {
            position: relative;
            background: #f5f5f5;
            overflow: auto;
            width: 100%;
            height: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            /*padding: 3px;*/
            -webkit-box-shadow: 1px 1px 2px rgba(100,100,100,.3);
            box-shadow: 1px 1px 2px rgba(100,100,100,.3);
        }

            .dashboard-grid .grid-item .grid-content .grid-content-full {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                overflow: hidden;
            }

        .dashboard-grid .grid-item.position-highlight .grid-content {
            background: #ddd;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dashboard-grid .grid-item .grid-item-refresh {
            position: absolute;
            display: none;
            top: 6px;
            right: 6px;
            z-index: 100;
            border: 2px solid var(--neutral-color);
            color: var(--neutral-color);
            padding: 3px;
            font-size: 14px;
            line-height: 14px;
            border-radius: 3px;
            cursor: pointer;
            -webkit-transition: background 0.3s;
            transition: background 0.3s;
        }

        .dashboard-grid .grid-item:hover .grid-item-refresh {
            display: block;
        }

        .dashboard-grid .grid-item .grid-item-refresh:hover {
            background: var(--neutral-color);
            color: #fff;
        }

.dashboard.preview {
    padding: 0;
}

    .dashboard.preview .grid-content-preview {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .dashboard.preview .grid-content-overlay {
        position: absolute;
        opacity: 1;
        cursor: move;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .dashboard.preview .grid-content-overlay.grid-edit {
            cursor: pointer;
        }

    .dashboard.preview .grid-content:hover .grid-content-overlay {
        /*opacity: 1;*/
    }

    .dashboard.preview .grid-content-overlay .grid-content-title {
        display: block;
        padding: 10px 22px;
        background: rgba(75, 75, 75, 0.9);
        color: #dedede;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        bottom: -80px;
        right: 0;
        left: 0;
        width: 100%;
        max-height: 60px;
        box-sizing: border-box;
        position: absolute;
        -webkit-transition: bottom 0.2s;
        transition: bottom 0.2s;
    }

    .dashboard.preview .grid-content-overlay:hover .grid-content-title {
        bottom: 0px;
    }

    .dashboard.preview .grid-content-overlay span.removeDashboardButton {
        display: block;
        position: absolute;
        top: 6px;
        right: 6px;
        background: #c72f2f;
        color: #ddd;
        padding: 3px;
        font-size: 18px;
        line-height: 18px;
        border-radius: 50%;
        cursor: pointer;
        /*-webkit-transition: background 0.3s;
    transition: background 0.3s;*/
    }

        .dashboard.preview .grid-content-overlay span.removeDashboardButton:hover {
            background: #ec2222;
        }

    .dashboard.preview .grid-content-overlay span.refreshDashboardButton {
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        background: #13a751;
        color: #eee;
        padding: 3px;
        font-size: 18px;
        line-height: 18px;
        border-radius: 50%;
        cursor: pointer;
        /*-webkit-transition: background 0.3s;
    transition: background 0.3s;*/
    }

        .dashboard.preview .grid-content-overlay span.refreshDashboardButton:hover {
            background: #2dcc70;
        }

    .dashboard.preview .grid-item {
        -webkit-transition: top 0.3s, left 0.3s, width 0.2s, height 0.2s;
        transition: top 0.3s, left 0.3s, width 0.2s, height 0.2s;
    }

        .dashboard.preview .grid-item.ui-draggable-dragging, .dashboard.preview .grid-item.position-highlight {
            -webkit-transition: none;
            transition: none;
        }

.dashboard-selector .height-resize {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px 0 0;
}

    .dashboard-selector .height-resize .la {
        display: block;
        margin: 2px 0 4px;
    }

.dashboard-selector .width-resize {
    padding: 6px 0 0 26px;
}

    .dashboard-selector .width-resize .la {
        margin: 0 2px;
        display: inline-block;
    }

    .dashboard-selector .height-resize .la, .dashboard-selector .width-resize .la {
        cursor: pointer;
        padding: 3px;
        font-weight: 600;
        background: #333F48;
        color: #fff;
    }

.dashboard-selector .dashboard-size-editor {
    display: inline-block;
    border: 1px solid #aaa;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
}

.dashboard-selector .dashboard-size-editor-row, .dashboard-size-editor-col {
    height: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

.dashboard-selector .dashboard-size-editor-row {
    -webkit-transition: height .2s;
    transition: height .2s;
}

    .dashboard-selector .dashboard-size-editor-row.collapsed {
        height: 0;
    }

.dashboard-selector .dashboard-size-editor-col {
    -webkit-transition: width .2s;
    transition: width .2s;
}

    .dashboard-selector .dashboard-size-editor-col.collapsed {
        width: 0;
    }

.dashboard-selector .dashboard-size-editor-col {
    width: 20px;
    border: 1px dotted #ccc;
    display: inline-block;
    -webkit-transition: width .2s;
    transition: width .2s;
}

.dashboard-selector .dashboard-size-editor-row:first-child .dashboard-size-editor-col {
    border-top: 0;
}

.dashboard-selector .dashboard-size-editor-row .dashboard-size-editor-col:first-child {
    border-left: 0;
}

.dashboard-selector .dashboard-size-editor-row:last-child .dashboard-size-editor-col {
    border-bottom: 0;
}

.dashboard-selector .dashboard-size-editor-row .dashboard-size-editor-col:last-child {
    border-right: 0;
}

.grid-tile {
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
}

    .grid-tile .grid-tile-body {
        height: 100%;
        background: #000;
        color: white;
        font-weight: 300;
    }

        .grid-tile .grid-tile-body > div {
            box-sizing: border-box;
            padding: 0 5px;
            height: 100%;
            border-right: 1px solid #fff;
        }

            .grid-tile .grid-tile-body > div:last-child {
                border-right: 0;
            }

    .grid-tile .grid-tile-number {
        font-size: 280%;
        padding: 1% 0 0;
        font-weight: 600;
    }

    .grid-tile .grid-tile-text {
        font-size: 110%;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: pre-wrap;
    }

    .grid-tile .grid-tile-footer {
        color: #000;
        background: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30%;
        max-height: 60px;
        display: table;
    }

        .grid-tile .grid-tile-footer > div {
            font-weight: 500;
            display: table-cell;
            vertical-align: middle;
        }

.grid-tile-1 .grid-tile-body {
    background: #34bfa3;
}

.grid-tile-1 .grid-tile-footer {
    color: #34bfa3;
}

.grid-tile-2 .grid-tile-body {
    background: linear-gradient(to bottom right, #609931, #87bc27);
}

.grid-tile-2 .grid-tile-footer {
    color: #609931;
}

.grid-tile-3 .grid-tile-body {
    background: linear-gradient(to bottom right, #1f6abb, #4f9cf2);
}

.grid-tile-3 .grid-tile-footer {
    color: #1f6abb;
}

.grid-actions {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
}

    .grid-actions > div {
        display: table-row;
    }

        .grid-actions > div > * {
            display: table-cell;
            border-right: 1px solid #e9e9e9;
            vertical-align: middle;
            text-align: center;
        }

    .grid-actions a, .grid-actions a:hover, .grid-actions a:hover {
        text-decoration: none;
        color: #333f48;
    }

        .grid-actions a:hover {
            background: #f3f3f3;
        }

    .grid-actions .grid-actions-icon {
        text-align: center;
        font-size: 35px;
    }

    .grid-actions .grid-actions-text {
        display: block;
        line-height: 1;
        text-align: center;
        margin: 10px 0 0 0;
        font-size: 1rem;
        font-weight: 500;
    }

.dashboard-table {
    height: 100%;
    box-sizing: border-box;
    font-weight: 600;
}

    .dashboard-table .k-grid-header th.k-header {
        font-weight: 600;
    }

    .dashboard-table tbody td:first-child {
        background-color: #1286ad;
        color: #fff;
        border-top-width: 1px;
        text-align: left;
    }

    .dashboard-table tbody tr:first-child td:first-child {
        border-top-width: 0;
    }

    .dashboard-table table {
        height: 100%;
    }

.k-chart, .k-stockchart {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.link-button {
    align-items: normal;
    background-color: rgba(0,0,0,0);
    border-color: rgb(0, 0, 238);
    border-style: none;
    box-sizing: content-box;
    color: #337ab7;
    cursor: pointer;
    display: inline;
    font: inherit;
    height: auto;
    padding: 0;
    perspective-origin: 0 0;
    text-align: start;
    transform-origin: 0 0;
    width: auto;
    outline: 1 solid red;
    -moz-appearance: none;
    -webkit-logical-height: 1em;
    -webkit-logical-width: auto;
}

    .link-button:hover {
        text-decoration: underline;
    }

div.form-control p {
    margin: 0;
}

.change-language-container {
    padding: 0 15px;
}

    .change-language-container .language-item-container {
        margin-bottom: 20px;
    }

    .change-language-container .language-item {
        cursor: pointer;
        border: 1px solid #464645;
        border-radius: 10px;
        padding: 15px 15px;
        margin-left: -5px;
        margin-right: -5px;
        text-align: center;
        color: #464645;
        font-size: 18px;
        font-weight: 500;
        background-color: #fff;
        align-content: center;
        height: 100%;
    }

        .change-language-container .language-item:hover {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: #fff;
        }

.fab {
    border: 0px !important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 5px;
    background: #e0e1e2;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-align: center;
    padding: 1px 6px;
    line-height: 1.15;
    box-sizing: border-box;
}

    .fab:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .fab i {
        font-size: 24px;
        margin: 0px;
    }

        .fab i.la {
            padding-top: 40%;
        }

    .fab:hover {
        background: #cacbcd;
        text-decoration: none;
    }

.fabContainer {
    position: fixed;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}

    .fabContainer.default, .fabContainer.top-left {
        left: 10px;
        top: 10px;
    }

    .fabContainer.top-right {
        right: 10px;
        top: 10px;
    }

    .fabContainer.bottom-left {
        left: 10px;
        bottom: 10px;
        display: flex;
        flex-direction: column;
    }

    .fabContainer.bottom-right {
        right: 10px;
        bottom: 10px;
        display: flex;
        flex-direction: column;
    }

    .fabContainer > dl {
        transition: .5s;
        margin: 0px;
        display: flex;
        flex-direction: column;
        visibility: hidden;
        opacity: 0;
        max-height: 0;
    }

        .fabContainer > dl.visible {
            visibility: visible;
            opacity: 1;
            max-height: 600px;
        }

    .fabContainer.bottom-left.vertical, .fabContainer.bottom-left.vertical > dl,
    .fabContainer.bottom-right.vertical, .fabContainer.bottom-right.vertical > dl {
        flex-direction: column;
    }

    .fabContainer.top-left.horizontal, .fabContainer.top-left.horizontal > dl,
    .fabContainer.bottom-left.horizontal, .fabContainer.bottom-left.horizontal > dl {
        flex-direction: row-reverse;
    }

    .fabContainer.top-right.horizontal, .fabContainer.top-right.horizontal > dl,
    .fabContainer.bottom-right.horizontal, .fabContainer.bottom-right.horizontal > dl {
        flex-direction: row;
    }

    .fabContainer > dl > dt > * {
        transition: .5s;
        transform: scale(.4) translateY(-40px) translateX(0px);
    }

    .fabContainer.bottom-left > dl > dt > *, .fabContainer.bottom-right > dl > dt > * {
        transform: scale(.4) translateY(40px) translateX(0px);
    }

    .fabContainer.top-left.horizontal > dl > dt > *, .fabContainer.bottom-left.horizontal > dl > dt > * {
        transform: scale(.4) translateY(0px) translateX(-40px);
    }

    .fabContainer.top-right.horizontal > dl > dt > *, .fabContainer.bottom-right.horizontal > dl > dt > * {
        transform: scale(.4) translateY(0px) translateX(40px);
    }

    .fabContainer > dl.visible > dt > * {
        transform: scale(1) translateY(0px) translateX(0px) !important;
    }

.fab.fab-80 {
    width: 80px;
    height: 80px;
}

    .fab.fab-80 i {
        font-size: 28px;
    }

.fab.fab-70 {
    width: 70px;
    height: 70px;
}

    .fab.fab-70 i {
        font-size: 23px;
    }

.fab.fab-60 {
    width: 60px;
    height: 60px;
}

    .fab.fab-60 i {
        font-size: 20px;
    }

.fab.fab-50 {
    width: 50px;
    height: 50px;
}

    .fab.fab-50 i {
        font-size: 17px;
    }

.fab.fab-40 {
    width: 40px;
    height: 40px;
}

    .fab.fab-40 i {
        font-size: 13px;
    }

.fab.fab-30 {
    width: 30px;
    height: 30px;
}

    .fab.fab-30 i {
        font-size: 11px;
    }
/*Colors*/
.fab.red {
    background-color: #db2828;
    color: #fff;
}

    .fab.red:hover {
        background-color: #d01919;
    }

.fab.yellow {
    background-color: #eaae00;
    color: white;
}

    .fab.yellow:hover {
        background-color: #fbbd08;
    }

.fab.orange {
    background-color: #f2711c;
    color: white;
}

    .fab.orange:hover {
        background-color: #f26202;
    }

.fab.olive {
    background-color: #b5cc18;
    color: white;
}

    .fab.olive:hover {
        background-color: #a7bd0d;
    }

.fab.green {
    background-color: #21ba45;
    color: white;
}

    .fab.green:hover {
        background-color: #16ab39;
    }

.fab.teal {
    background-color: #00b5ad;
    color: white;
}

    .fab.teal:hover {
        background-color: #009c95;
    }

.fab.blue {
    background-color: #2185d0;
    color: white;
}

    .fab.blue:hover {
        background-color: #1678c2;
    }

.fab.brown {
    background-color: #a5673f;
    color: white;
}

    .fab.brown:hover {
        background-color: #975b33;
    }

.fab.gray {
    background-color: #e0e1e2;
    color: rgba(0,0,0,.8);
}

    .fab.gray:hover {
        background-color: #cacbcd;
    }

.fab.black {
    background-color: #1b1c1d;
    color: white;
}

    .fab.black:hover {
        background-color: #27292a;
    }

.fab.pink {
    background-color: #e03997;
    color: white;
}

    .fab.pink:hover {
        background-color: #e61a8d;
    }

.fab.purple {
    background-color: #6435c9;
    color: white;
}

    .fab.purple:hover {
        background-color: #5829bb;
    }

.fab.transparent {
    border-radius: 0;
    background-color: transparent;
}

    .fab.transparent:hover {
        background-color: transparent;
    }

.fab.icon {
    background-size: 60%;
    background-position: center center;
    background-repeat: no-repeat;
}

.fab.icon.transparent {
    background-size: contain;
}

.fab.icon.help-icon {
    background-image: url('./Images/help.png');
    /*border: 1px solid #00b5ad !important;*/
    border-radius: 50%;
    background-size: 80%;
}

.fab.icon.chat-icon {
    background-image: url('./Images/chat.png');
}

.pes-id-button {
    float: left;
    margin-left: 38px;
    padding-bottom: 1.6em;
    margin-top: -5px;
}

.filter-font-color {
    color: white;
}

.demyst-k-edit-form-container {
    width: 700px;
    box-sizing: border-box;
    background-color: #fcfcfc;
}

.demyst-k-edit-form-container.form-lg {
    width: 500px;
    max-width: 100%;
}

.demyst-output-wrapper {
    max-height: 500px;
    overflow-y: scroll;
}

.demyst-result-field-name {
    display: inline-block;
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    font-weight: bold;
    margin: 5px;
}

.demyst-result-field-value {
    display: inline-block;
    width: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    margin: 5px;
}

.demyst-list-field-name {
    font-weight: bold;
    margin: 5px;
}

.demyst-position-fields {
    margin-left: 40px;
}

.demyst-submit-button-center-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.demyst-submit-button {
    background: var(--neutral-color);
    color: #fff;
    padding: 5px 25px;
    font-size: 13px;
    border: none;
    border-radius: 25px;
    margin: 10px;
}

.demyst-checkbox {
    float: left;
    margin: 5px 5px 0px 0px;
}

.demyst-checkbox-rca-article {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.demyst-selectall-checkbox-div {
    margin: 5px 5px 0px 0px;
    font-weight: bold;
}

.demyst-selectall-checkbox-text {
    padding-left: 5px;
}

.demyst-panelbar {
    overflow: auto;
}

.vital4-output-wrapper {
    max-height: 500px;
    overflow-y: scroll;
}

.vital4-k-edit-form-container {
    visibility: hidden;
    width: 700px;
    box-sizing: border-box;
    background-color: #fcfcfc;
}

.vital4-checkbox {
    float: left;
    margin: 5px 5px 0px 0px;
}

.vital4-selectall-checkbox-div {
    margin: 5px 5px 0px 0px;
    font-weight: bold;
}

.vital4-selectall-checkbox-text {
    padding-left: 5px;
}

.vital4-submit-button-center-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vital4-submit-button {
    background: var(--neutral-color);
    color: #fff;
    padding: 5px 25px;
    font-size: 13px;
    border: none;
    border-radius: 25px;
    margin: 10px;
}

.vital4-title {
    font-weight: bold;
}

.vital4-panelbar {
    overflow: auto;
}

.vital4-result-field-name {
    display: inline-block;
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    font-weight: bold;
    margin: 5px;
}

.vital4-result-field-value {
    display: inline-block;
    width: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    margin: 5px;
    word-wrap: break-word;
}

.k-state-selected {
    background-color: #ceced2;
}

.download-div-main {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 430px;
    padding: 15px !important;
    border-color: #ef4c00 !important;
    background-color: #fcced6 !important;
    text-align: left !important;
}

.btn-error-download {
    margin-left: 55px;
    margin-top: 10px;
}

.download-sample-btn-color, .download-sample-btn-color:hover {
    background-color: var(--neutral-color);
    color: #fff;
}

.err-color {
    font-weight: 600;
    color: #e03535;
}

.bulkupload-file-input > div:first-child {
    width: 295px;
    float: left;
}

.download-file-link {
    position: relative;
    top: 15px;
    left: 14px;
    text-decoration: underline;
}

.excel-upload-note p {
    font-size: 10px;
    margin: 0px;
    color: #333f48;
}

.excel-upload-note strong {
    font-weight: 600;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    .closebtn:hover {
        color: black;
    }

.bulkupload-flex-container {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

    .bulkupload-flex-container > div:nth-child(2) {
        flex: 2;
        line-height: 20px;
        font-size: 15px;
        background-color: var(--neutral-color);
        padding: 10px;
        border-radius: 5px;
    }

    .bulkupload-flex-container > div:first-child, .bulkupload-flex-container > div:last-child {
        flex: 1;
    }
    
.bulkupdateallocation-error{
    padding: 15px !important;
    border-color: #ef4c00 !important;
    background-color: #fcced6 !important;
}

.demyst-rca-seachdata {
    font-weight: bold;
}

.authenticator-page .auth-level {
    background: rgba(255,255,255,0.85);
    padding: 0px 40px 40px ;
}

.logo-img {
    width: 230px;
    padding: 10px 0 20px 0;
}
.auth-container {
    margin-top: -67px !important ;
}
.auth-margin{
    margin-top: 20px;
}
.auth-width{
    max-width: 870px !important;
}

.case-export-form {
    padding-top: 0px !important;
}

.case-export-button {
    padding-top: 0px !important;
    text-align: left !important;
    width: fit-content;
}

    .case-export-button .disabled {
        pointer-events: none;
    }


/* Rebranding changes */

.footer-container {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--neutral-color);
    padding-bottom: 24px
}

.footer-registration {
    margin-bottom: 16px
}

.footer-links {
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    justify-content: center
}

.footer-links-item {
    margin-right: 16px;
}

.footer-container.m-footer-login {
    background-color: var(--background-color);
}

.footer-container.m-footer-authenticated {
    background-color: #fff;
}

input.k-textbox {
    height: initial !important;
    text-indent: initial !important;
    line-height: initial !important;
}

input {
    box-shadow: none !important;
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: none !important;
    }


.login-text-link, .login-text-link a {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
}

.login-footer-disclaimer {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.text-decoration-underline {
    text-decoration: underline;
}

.content-header-container {
    padding: 0 !important;
}

.session-parent-container {
    align-content: center;
    width: 350px;
}

.session-container tr td:first-child {
    font-weight: 500;
    font-size: 14px;
    vertical-align: top;
    color: var(--neutral-color);
}

.session-container tr td:nth-child(2) {
    padding-left: 10px;
    font-size: 14px;
    vertical-align: top;
    color: var(--neutral-color);
}


.body-container {
    position: relative;
    padding: 76px 0 0;
    height: 100vh;
    margin-top: 0;
    background: var(--background-color);
}

.material-symbols-outlined.menu {
    color: var(--neutral-color);
}

.collapse.navbar-collapse.in {
    background-color: #fff;
}

    .collapse.navbar-collapse.in .dropdown-menu {
        background-color: #F7F9FA;
        border: 1px solid #E8E8E8;
        box-shadow: none;
    }


.navbar-fixed-side .navbar-nav .dropdown-menu, .navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-menu {
    background-color: #F7F9FA !important;
    border: 1px solid #E8E8E8 !important;
    box-shadow: none !important;
    border-bottom: none !important;
}


.panel-group {
    padding: 15px;
}

.panel {
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.panel-body {
    box-shadow: none !important;
    padding: 20px;
}

.form-control-label {
    font-size: 14px;
}

.k-textbox {
    background: #fff !important;
    padding: 10px 8px !important;
    border-radius: 10px !important;
    border-color: var(--neutral-color) !important;
}

.k-button {
    box-shadow: none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    background-color: #fff;
    border-radius: 10px !important;
    padding: 5px 15px 5px 15px !important;
}

    .k-button:not(.k-button-icontext) {
        background-image: none !important;
    }

    .k-button .la {
        font-size: 18px !important;
        margin: 0 10px 0 0 !important;
    }

/*    .k-button:hover {
        background-color: initial !important;
        border-color: initial !important;
        color: inherit !important;
    }

    .k-button:focus {
        background-color: initial;
        border-color: initial;
        color: inherit;
    }

    .k-button:active {
        background-color: initial;
        border-color: initial;
        color: inherit;
    }*/

.button-custom {
    border-color: var(--neutral-color);
    color: var(--neutral-color);
    background-color: #fff;
}

.k-dropdown {
    background-color: #fff !important;
}

.k-dropdown-wrap, .k-dropdown-wrap.k-state-default {
    background: #fff !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
    border-color: var(--neutral-color) !important;
}

    .k-dropdown-wrap .k-input {
        padding: 0px !important;
        font-weight: 400 !important;
        color: var(--neutral-color) !important;
    }

    .k-dropdown-wrap .k-select {
        background: none !important;
        border-left: 1px solid var(--neutral-color) !important;
        line-height: 40px;
    }

    .k-dropdown-wrap:focus {
        box-shadow: none !important;
    }

.k-numerictextbox {
    background: none !important;
}

.k-numeric-wrap {
    background: #fff !important;
    padding: 4px 8px !important;
    border-radius: 10px !important;
    border-color: var(--neutral-color) !important;
}

    .k-numeric-wrap .k-input {
        background: #fff !important;
        padding: 0px !important;
        height: 30px !important;
    }

    .k-numeric-wrap .k-select {
        background: none !important;
        border-left: 1px solid var(--neutral-color) !important;
        line-height: 37px;
    }


.k-datepicker {
    background: none !important;
}

.k-picker-wrap {
    background: #fff !important;
    padding: 4px 8px !important;
    border-radius: 10px !important;
    border-color: var(--neutral-color) !important;
}

    .k-picker-wrap .k-input {
        background: #fff !important;
        padding: 0px !important;
        height: 30px !important;
    }

    .k-picker-wrap .k-select {
        background: none !important;
        border-left: 1px solid var(--neutral-color) !important;
        line-height: 37px;
    }

.k-multiselect {
    background: none !important;
    border: none;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.k-multiselect-wrap {
    background: #fff !important;
    padding: 4px 8px !important;
    border-radius: 10px !important;
    border: 1px solid var(--neutral-color) !important;
}

    .k-multiselect-wrap .k-input {
        background: #fff !important;
        padding: 0px !important;
    }

    .k-multiselect-wrap .k-select {
        background: none !important;
        border-left: none;
        line-height: 30px;
        position: relative !important;
    }

.k-multiselect.k-state-disabled .k-multiselect-wrap .k-select {
    border-left: none !important;
}

.k-multiselect .k-button {
    font-size: 14px !important;
    margin-bottom: 4px !important;
}

.k-autocomplete {
    background: none !important;
    border: none;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.k-autocomplete input {
    background: #fff !important;
    padding: 20px 8px !important;
    border-radius: 10px !important;
    border: 1px solid var(--neutral-color) !important;
}

.k-grid {
    border: none;
}

    .k-grid .k-grid-toolbar {
        background: #fff;
        border: none !important;
        border-bottom: 1px solid #ceced2 !important;
        padding: 10px 0px 10px 0px !important;
    }

    .k-grid .k-grouping-header {
        background: #fff;
        border: none;
        margin-bottom: 15px;
    }
    .k-grid thead {
        background: #fff !important;
    }

    .k-grid th {
        background: #fff !important;
        border: none !important;
        border-bottom: 1px solid #ceced2 !important;
        padding: 10px !important;
    }

    .k-grid th a {
        color: var(--neutral-color) !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .k-grid td {
        border: none !important;
        border-bottom: 1px solid #ceced2 !important;
        padding: 10px !important;
    }

    .k-grid td, .k-grid td a {
        color: var(--neutral-color) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

        .k-grid td a:hover {
            color: var(--neutral-color) !important;
            font-size: 16px !important;
            font-weight: 400 !important;
            background-color: #fff;
        }

    .k-grid .k-grid-pager {
        background: #fff;
    }

.nav.navbar-nav a span {
    color: var(--neutral-color) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

.nav.navbar-nav a i {
    color: var(--neutral-color) !important;
    font-size: 16px !important;
    margin-top: -4px !important;
}


.nav.navbar-nav li.active a span {
    color: var(--primary-color) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

.nav.navbar-nav li.active a i {
    color: var(--primary-color) !important;
    font-size: 16px !important;
    margin-top: -4px !important;
}

.k-window {
    border-radius: 10px !important;
}

.k-list-scroller ul {
    background: white !important;
}

.k-window-content, .k-window-titlebar {
    background: none !important;
}

.k-tabstrip, .k-tabstrip .k-content {
    border-radius: 10px !important;
}

.user-control-panel {
    border-radius: 10px !important;
}

.user-control-header {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    padding: 20px !important;
}

.user-control-panel a,
.user-control-panel div {
    font-size: 16px !important;
    font-weight: normal !important;
}

.notification-panel {
    border-radius: 10px !important;
}

.k-edit-form-container .editor-label, .k-edit-label {
    padding: 0px !important;
}

.panel:has(.k-tabstrip-wrapper) {
    border: none;
    box-shadow: none;
}

    .panel:has(.k-tabstrip-wrapper) .panel-actions {
        text-align: left !important;
    }

        .panel:has(.k-tabstrip-wrapper) .panel-actions a,
        .panel:has(.k-tabstrip-wrapper) .panel-actions input {
            margin-right: 5px !important;
            margin-top: 10px !important;
        }

            .panel:has(.k-tabstrip-wrapper) .panel-actions a:hover,
            .panel:has(.k-tabstrip-wrapper) .panel-actions input:hover {
                background-color: white !important;
                border-color: var(--neutral-color) !important;
            }

.k-tabstrip {
    background: white;
    padding: 20px;
}

.k-tabstrip > .k-content {
    border: none !important;
}

    .k-tabstrip > .k-tabstrip-items {
        border-bottom: 1px solid var(--neutral-color);
    }

    .k-tabstrip > .k-tabstrip-items > .k-item {
        background: white;
        border: none !important;
    }

    .k-tabstrip > .k-tabstrip-items > .k-item > .k-link {
        background: white;
        font-size: 18px; 
    }

    .k-tabstrip > .k-tabstrip-items > .k-item > .k-loading {
        display: none;
    }

        .panel-body:has(> .panel-actions) .k-tabstrip > .k-tabstrip-items > .k-state-active:has(.k-complete) {
            border-bottom: 1.5px solid var(--primary-color) !important;
        }

        .panel-body:not(:has(> .panel-actions)) .k-tabstrip > .k-tabstrip-items > .k-state-active:has(.k-complete) {
            border-bottom: 1.5px solid var(--primary-color) !important;
        }

        .panel-body .k-tabstrip-top .k-tabstrip-items .k-state-active {
            margin-bottom: 0px !important;
        }

    .k-tabstrip > .k-tabstrip-items > .k-state-active:not(:has(.k-complete)) > .k-link {
        color: var(--primary-color) !important;
        position: relative;
        display: inline-block;
        padding-bottom: 8px;
    }

        .k-tabstrip > .k-tabstrip-items > .k-state-active:has(.k-complete) > .k-link {
            color: var(--primary-color) !important;
/*            text-decoration: underline;
            text-underline-offset: 0.65em;*/
        }

/*    .k-tabstrip > .k-tabstrip-items > .k-state-active:not(:has(.k-complete)) > .k-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 30%;
        height: 2px;
        background: var(--primary-color);
        animation: tabstrip-klink-animation 1s ease-in-out infinite alternate;
    }

@keyframes tabstrip-klink-animation {
    0% {left: 0}
    100% {left: 100%}
}*/

.k-tabstrip .panel {
    border: none !important;
    box-shadow: none !important;
}

.k-tabstrip > .k-button.k-bare {
    top: 1.27em !important;
}
.k-link.k-link-increase {
    padding-top: 5px !important;
}

.k-edit-field .k-icon {
    color: var(--neutral-color) !important;
}

.k-window {
    min-width: 40% !important;
}
    .k-window:has(.k-grid),
    .k-window:has(.k-editor),
    .k-window:has(.k-window-iframecontent) {
        min-width: 80% !important;
    }

    .k-window:has(div[id^="grid-select-snippet-"]) {
        min-width: 60% !important;
    }

    .k-window:has(.vital4-k-edit-form-container) {
        min-width: 60% !important;
    }

    .k-window:has(.change-language-container) {
        min-width: 60% !important;
    }

    .k-window:not(:has(.k-grid)):not(:has(.k-editor)):not(:has(.change-language-container)) .k-edit-field * {
        max-width: 100% !important
    }

@media (max-width: 767px) {

    .k-window {
        min-width: 90% !important;
    }

        .k-window:has(.k-grid),
        .k-window:has(.k-editor),
        .k-window:has(.k-window-iframecontent) {
            min-width: 90% !important;
        }

        .k-window:has(div[id^="grid-select-snippet-"]) {
            min-width: 90% !important;
        }

        .k-window:has(.vital4-k-edit-form-container) {
            min-width: 90% !important;
        }

        .k-window:has(.change-language-container) {
            min-width: 90% !important;
        }

        .k-window:not(:has(.k-grid)):not(:has(.k-editor)):not(:has(.change-language-container)) .k-edit-field * {
            max-width: 90% !important
        }
}

.k-window .panel {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
    .k-window .panel-group {
        padding: 0 !important;
    }

    .k-window > .k-window-content {
        max-height: 80vh;
        padding: 0px 40px 20px 40px !important;
    }

        .k-window > .k-window-content .k-edit-form-container {
            width: 100% !important;
        }

.k-window .k-edit-buttons{
    display: flex !important;
    justify-content: end !important;
}

.k-window-titlebar {
    border-bottom: none !important;
}

.k-checkbox:checked + .k-checkbox-label:before {
    color: var(--primary-color) !important;
}

.k-edit-form-container .editor-label, .k-edit-label {
    float: none;
    clear: none;
    width: 100% !important;
    padding: .4em 0 1em;
    margin-left: 0 !important;
    text-align: left !important;
}

.k-edit-field, .k-edit-form-container .editor-field {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

.k-edit-row {
    margin-bottom: 10px;
}

.k-edit-row-checkbox {
    display: flex !important;
}
    .k-edit-row-checkbox .k-edit-field {
        width: min-content !important;
    }
    .k-edit-row-checkbox .k-edit-label {
        line-height: 1.5 !important;
    }

.k-edit-row-checkbox .edit-wrapper {
    display: flex;
}
    .k-edit-row-checkbox .edit-wrapper-hidden {
        display: none;
    }

    .k-edit-row-checkbox .edit-wrapper .k-edit-field {
        width: min-content !important;
    }

    .k-edit-row-checkbox .edit-wrapper .k-edit-label {
        line-height: 1.5 !important;
    } 
    
.k-edit-row-password input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
} 

.k-edit-row-password .input-group-btn {
    border: 1px solid var(--neutral-color) !important;
    border-left: 0px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    padding-left: 5px;
    padding-right: 5px;
} 

.password-eye {
    cursor: pointer;
    color: var(--neutral-color) !important;
}

.k-primary-button {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.k-secondary-button {
    color: var(--neutral-color) !important;
    background-color: #fff !important;
    border-color: var(--neutral-color) !important;
}

.k-button.k-button-icon {
    padding: 0px !important;
}

.k-button.k-button-icon .k-icon {
    padding: 0px !important;
    margin: 0px !important;
}

.k-editor-dropdown > .k-editor-widget {
    width: 150px !important;
}

table.k-editor {
    border-radius: 10px !important;
    border-spacing: 10px;
    background: white !important;
}

.popup.popup-success {
    color: #464645;
    background-color: #dcfaee;
    border-radius: 10px !important;
}
    .popup.popup-success > .k-icon {
        color: #308f6a;
    } 

.popup.popup-error {
    color: #464645;
    background-color: #fdecf1;
    border-radius: 10px !important;
}

    .popup.popup-error > .k-icon {
        color: #de2f78;
    } 

    .float-none {
        float: none !important;
    }

.base-page .body-container .base-form-container.change-password-container {
    max-width: 1100px !important;
}

.base-page .body-container .base-form-container.change-password-container input {
    padding: 15px !important;
}

.authenticator-verify-wrapper button {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.authentication-page .login-input, .authentication-page .login-input:focus {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--neutral-color) !important;
    outline: none;
    box-shadow: none;
}

.k-menu .k-state-hover > .k-link {
    background-image: none !important;
    background-color: inherit !important;
    color: var(--neutral-color) !important;
}

.k-menu .k-state-selected > .k-link {
    background-image: none !important;
    background-color: inherit !important;
    color: var(--neutral-color) !important;
}

.k-link input[type=checkbox], input[type=radio] {
    margin: 3px 6px 0 !important;
}

.k-group.k-menu-group {
    border-radius: 10px;
    background: #fff !important;
}

    .k-group.k-menu-group form {
        border-radius: 10px !important;
        background: #fff !important;
    }

    .k-group.k-menu-group .k-filterable.k-content {
        border-radius: 10px !important;
    }

    .k-group.k-menu-group .k-filter-help-text {
        color: var(--neutral-color) !important;
        font-weight: 400 !important;
        margin-bottom: 5px;
    }

    .k-column-menu.k-popup.k-group, .k-column-menu.k-popup.k-group > ul {
        border-radius: 10px !important;
    }
        .k-column-menu.k-popup.k-group, .k-column-menu.k-popup.k-group > ul > li:first-child,
        .k-column-menu.k-popup.k-group, .k-column-menu.k-popup.k-group > ul > li:first-child > .k-link {
            border-top-left-radius: 10px !important;
            border-top-right-radius: 10px !important;
        }
            .k-column-menu.k-popup.k-group, .k-column-menu.k-popup.k-group > ul > li:last-child,
            .k-column-menu.k-popup.k-group, .k-column-menu.k-popup.k-group > ul > li:last-child > .k-link {
                border-bottom-left-radius: 10px !important;
                border-bottom-right-radius: 10px !important;
            }

.k-button.k-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

#InterimReportFields h4 {
    margin-left: 15px !important;
}

#searchFilterClient, #searchClient,
#searchFilterUser, #searchUser,
#searchFilterTeam, #searchTeam,
#searchFilterCountry, #searchCountry,
#searchAssignedElementInput, #searchAvailableElementInput {
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid var(--neutral-color) !important;
    outline: none !important;
}

#searchFilterClient,
#searchFilterUser,
#searchFilterTeam,
#searchFilterCountry {
    width: 83% !important;
}

#searchClient,
#searchUser,
#searchTeam,
#searchCountry {
    width: 94% !important;
}

#searchAssignedElementInput {
    width: 90% !important;
}

#searchAvailableElementInput {
    width: 90% !important;
}

.k-content:has(.group-update-container) {
    overflow: hidden !important;
}

    .k-content:has(.group-update-container) .k-list-scroller,
    .k-content-full:has(.group-update-container) .k-list-scroller {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

.group-update-info {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
}


.k-group.k-filter-menu {
    border-radius: 10px;
    background: #fff !important;
}

    .k-group.k-filter-menu form {
        border-radius: 10px !important;
        background: #fff !important;
    }

.k-group.k-filter-menu .k-filterable.k-content {
    border-radius: 10px !important;
}

    .k-group.k-filter-menu .k-filter-help-text {
        color: var(--neutral-color) !important;
        font-weight: 400 !important;
        margin-bottom: 5px;
    }

.billingItemYearFilter {
    outline: none;
    border-radius: 10px;
    background-color: #f5f5f5;
    border-color: var(--neutral-color);
    padding: 10px;
    width: 100%;
}

a[data-risq-action="SaveReportReorder"] {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
    padding: 10px 15px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.sortable-handlers .handler:hover {
    background-color: var(--primary-color) !important;
}

.jpmc-report-input-container {
    padding-left: 15px;
    padding-right: 15px;
}

.k-edit-form-container .k-edit-buttons {
    border-style: hidden !important;
}

.k-edit-form-container.single-column .k-edit-buttons {
    max-width: 24em;
    padding: 0.3em !important;
}

.k-edit-form-container.single-column .alert {
    max-width: 22em;
}

.k-button > .la,
.button-add > .k-icon,
.button-advancedsearch > .k-icon,
.button-cancel > .k-icon,
.button-clear > .k-icon,
.button-create > .k-icon,
.button-custom > .k-icon,
.button-delete > .k-icon,
.button-save > .k-icon,
.button-search > .k-icon,
.button-submit > .k-icon,
.button-export > .k-icon,
.k-button-icontext > .k-icon {
    display: none;
}

.panel-row {
    display: flex !important;
    flex-wrap: wrap !important;
}

    .panel-row > div.col-sm-6:has(> div.k-edit-row > div):not(:has(> :not(div.k-edit-row))):not(:has(> div.k-edit-row > :not(div[style*="display: none"], div.edit-wrapper-hidden))) {
        display: none !important;
    }


/*.k-edit-label {
    max-height: 23px;
}*/

/*.k-edit-field:has(> .k-dropdown):not(:has(.field-validation-error)),
.k-edit-field:has(> .k-password-box):not(:has(.field-validation-error)),
.k-edit-field:has(> input.k-textbox):not(:has(.field-validation-error)),
.k-edit-field:has(> .k-datepicker):not(:has(.field-validation-error)),
.k-edit-field:has(> .k-numerictextbox):not(:has(.field-validation-error)) {
    max-height: 40px;
}*/

/*.k-edit-field:has(> .k-dropdown) > span > span,
.k-edit-field:has(> .k-password-box) > input,
.k-edit-field:has(> input.k-textbox) > input,
.k-edit-field:has(> .k-datepicker) > input,
.k-edit-field:has(> .k-numerictextbox) > span > span {
    min-height: 30px !important;
    max-height: 30px !important;
}*/

/*.k-edit-row:has(.field-validation-error) {
    margin-bottom: 20px;
}*/

/*div:has(> .k-edit-row > .k-edit-field .password-eye),
div:has(> .k-edit-row > .k-edit-field > .k-textbox) {
    height: 74px;
}*/

#caseItem-allocation-grid > .k-grid-toolbar {
    flex-direction: row-reverse;
}

    #caseItem-allocation-grid > .k-grid-toolbar > .k-grid-cancel-changes {
        color: var(--neutral-color) !important;
        background-color: #fff !important;
        border-color: var(--neutral-color) !important;
    }


.k-grid-excel-import {
    color: var(--neutral-color) !important;
    background-color: #fff !important;
    border-color: var(--neutral-color) !important;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.k-edit-label > label {
    font-size: 14px;
    color: var(--neutral-color);
}

.create-case-form-container {
    display: flex;
    width: 100%;
}

.create-case-form-container-left {
    flex: 0 0 80%;
}

.create-case-form-container-right {
    flex: 0 0 20%;
}

.tab-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

    .tab-loading-overlay.active {
        display: flex;
    }

.k-tabstrip {
    position: relative;
}

    .k-tabstrip > .k-content {
        position: relative;
        min-height: 200px;
    }

.tabstrip-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .tabstrip-loading-overlay.active {
        display: flex;
    }

.k-window div[id^="grid-select-snippet-"] colgroup > col {
    width: auto !important;
}

.reference-document-files {
    margin-bottom: 10px;
}

.reference-document-file {
    margin-left: 15px;
}


    
/*
    Comment format: (Control Type)   -  (Item)
                    Navbar              Item, Dropdown Item
                    Tabstrip            Item Bar, Item
                    Grid                Toolbar, Grouping Bar
                    Window              Control Bar
                    Input               TextBox, NumericTextBox, MultiSelect, DatePicker, DateTimePicker
                    Button
*/


/*
    background: #1C2331
    primary color: #0099CC
    accent: #33b5e5
*/

/*internet explorer scrollbalken*/
body {
    scrollbar-base-color: #bbbbbb;
    scrollbar-base-color: #bbbbbb;
    scrollbar-3dlight-color: #bbbbbb;
    scrollbar-highlight-color: #bbbbbb;
    scrollbar-track-color: #d4d7dc;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #bbbbbb;
    scrollbar-dark-shadow-color: #bbbbbb;
}
/*mozilla scrolbalken*/
scrollbar {
    -moz-appearance: none !important;
    background: #d4d7dc !important;
}

thumb, scrollbarbutton {
    -moz-appearance: none !important;
    background-color: #bbbbbb !important;
}

scrollcorner {
    -moz-appearance: none !important;
    resize: both;
}

thumb:hover, scrollbarbutton:hover {
    -moz-appearance: none !important;
    background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
    display: none !important;
}

scrollbar[orient="vertical"] {
    min-width: 10px !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: rgba(222,222,222,0.8);
    border-radius: 5px;
}

    ::-webkit-scrollbar:hover {
        background: rgba(255,255,255,0.8);
    }

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border: 0;
    border-radius: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(80,80,80,0.8);
    }

/* Navbar - Item */
.navbar-default {
    color: #fff;
}

@media (min-width:768px) {
    .navbar-header {
        background-color: transparent;
    }

        .navbar-header .risq-logo {
            background-color: #fff;
            border-radius: 50%;
            background-position: 2px 2px;
        }
}

.navbar-fixed-side .navbar-nav > li > a,
.navbar-fixed-side .navbar-nav .dropdown-menu > li > a,
.navbar-fixed-side .dropdown > a:hover, .navbar-fixed-side .dropdown > a:focus {
    border-color: #b4bcc8;
}

    .navbar-fixed-side .navbar-nav li > a,
    .navbar-fixed-side .navbar-nav li > a:focus,
    .navbar-fixed-side .navbar-nav .dropdown-menu > li > a,
    .navbar-fixed-side .navbar-nav .dropdown-menu > li > a:focus,
    .navbar-fixed-side .navbar-nav .open > a,
    .navbar-fixed-side .navbar-nav .open > a:focus {
        color: #333F48;
        background-color: transparent;
        font-weight: 600;
        font-size: 14px;
    }

.navbar-fixed-side .navbar-nav .dropdown-menu > li > a {
    color: #333F48;
}

    .navbar-fixed-side .navbar-nav li > a:hover,
    .navbar-fixed-side .navbar-nav .dropdown-menu > li > a:hover {
        background-color: inherit;
        color: var(--neutral-color);
    }

.navbar-fixed-side .navbar-nav .dropdown-menu > .active > a,
.navbar-fixed-side .navbar-nav > .active > a {
    background-color: inherit !important;
    color: var(--neutral-color) !important;
}

.navbar-fixed-side .navbar-nav .dropdown-menu,
.navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-menu {
    border-width: 0;
    background-color: #ededed;
    width: 100% !important;
    box-shadow: #333F48 1px 1px 15px inset;
}

.navbar-fixed-side .navbar-nav > li > a,
.navbar-fixed-side .navbar-nav .dropdown-menu {
    border-bottom: none;
}

.content-header {
    background-color: #ffffff;
    color: #fff;
    box-shadow: 0px 7.5px 4px -3px rgba(0, 0, 0, 0.25);
    margin-left: -4px;
}

.header-title {
    color: var(--neutral-color);
    font-weight: 500;
    letter-spacing: normal;
    padding: 10px 0 10px 25px;
    font-size: 24px;
}

.action-button, .action-button:hover, .action-button:focus {
    color: inherit;
    text-decoration: none;
    outline: 0;
    display: block;
}

a.header-button:hover, a.header-button:focus, button.header-button:hover, button.header-button:focus, .header-button.open {
    background-color: rgba(255,255,255,0.4);
}

.user-control-panel > .user-control:hover {
    background-color: #ddd;
}

.notification-panel, .user-control-panel {
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3), 0 2px 5px rgba(0,0,0,.4);
    box-shadow: 0 3px 10px rgba(0,0,0,.3), 0 2px 5px rgba(0,0,0,.4);
}

.notification-container .notification-button .notification-badge {
    color: #fff;
    background-color: var(--neutral-color);
}

.notification-header {
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

.notification-panel > .action-button {
    border-top: 1px solid #ccc;
}

.notification-list .notification a, .notification-panel .notification-load-more {
    color: #333;
}

.notification-list .notification.unread {
    background: #eee;
}

.notification-list .notification a:hover, .notification-panel > .action-button:hover {
    background: #ddd;
}

/* Tabstrip - Item Bar */
.k-tabstrip.k-header {
    /*background-color: #3343a4;*/
}

/* Tabstrip - Item */
.k-tabstrip-items .k-item {
    /*background-color: #3343a4;*/
}

    .k-tabstrip-items .k-item.k-state-hover {
        /*background-color: #3343a4;
    border-color: #3343a4;*/
    }

    .k-tabstrip-items .k-item.k-state-active {
        /*background-color: #33b5e5;
    border-color: #3343a4;*/
    }

/* Grid - Toolbar */
.k-grid-toolbar.k-header {
    /*background-color: #3343a4;
    border-color: #3343a4;*/
}

.k-header.k-grid-toolbar.k-grid-top > a.k-button.k-button-icontext, .k-header.k-grid-toolbar.k-grid-top > button.k-button.k-button-icontext {
    background: var(--primary-color);
    color: #fff
}

/* Grid - Grouping Bar */
.k-grid .k-grouping-header {
    /*background-color: #3343a4;
    color: #eee;*/
}

/* Window - Control Bar */
.k-window-titlebar.k-header {
    /*background-color: #3343a4;
    border-color: #3343a4;*/
}

/*
     Input - TextBox - Default - Border
     Input - MultiSelect - Default - Border
     Input - NumericTextBox - Default - Border
     Input - DatePicker - Default - Border
     Input - DateTimePicker - Default - Border
*/
.k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, input.k-textbox:active, input.k-textbox:focus,
textarea.k-textbox, textarea.k-textbox:hover, textarea.k-textbox:active, textarea.k-textbox:focus,
.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default,
.k-multiselect.k-header, .k-multiselect.k-header:hover {
    border-color: #c5c5c5;
}

    /*
     Input - TextBox - Invalid - Border
     Input - MultiSelect - Invalid - Border
     Input - NumericTextBox - Invalid - Border
     Input - DatePicker - Invalid - Border
     Input - DateTimePicker - Invalid - Border
*/
    .k-input.k-state-invalid, .k-multiselect-wrap.k-state-invalid, .k-textbox.k-state-invalid > input, input.k-textbox.k-state-invalid, input.k-textbox.k-state-invalid:hover, input.k-textbox.k-state-invalid:active, input.k-textbox.k-state-invalid:focus,
    textarea.k-textbox.k-state-invalid, textarea.k-textbox.k-state-invalid:hover, textarea.k-textbox.k-state-invalid:active, textarea.k-textbox.k-state-invalid:focus,
    .k-autocomplete.k-state-invalid, .k-dropdown-wrap.k-state-invalid, .k-numeric-wrap.k-state-invalid, .k-picker-wrap.k-state-invalid,
    .k-multiselect.k-header.k-state-invalid, .k-multiselect.k-header.k-state-invalid:hover {
        border-color: #d92800;
    }

.k-state-invalid, .k-state-invalid:hover, .k-state-invalid:active, .k-state-invalid:focus,
.k-state-invalid .k-input, .k-state-invalid:hover .k-input, .k-state-invalid:active .k-input .k-state-invalid:focus .k-input {
    color: #d92800;
}

/*
     Input - TextBox - Active - Shadow
     Input - MultiSelect - Active - Shadow
     Input - NumericTextBox - Active - Shadow
     Input - DatePicker - Active - Shadow
     Input - DateTimePicker - Active - Shadow
*/
.panel-body,
.k-edit-form-container .k-button, .k-edit-form-container .k-primary:active, /*.k-popup .k-button, .k-popup .k-primary:active, .k-popup .k-primary:active:hover,*/
.k-textbox:active, .k-textbox:focus,
.k-multiselect.k-header:hover, .k-multiselect.k-header:active,
.k-widget.k-tabstrip {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}

.k-tabstrip .panel-body {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Buttons */
.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    /*background-color: #3343a4;
    border-color: #3343a4;*/
}

    .k-gantt .k-gantt-toolbar .k-button:hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, .km-pane-wrapper .k-header .k-button:hover {
        /*background-color: #3343a4;
    border-color: #3343a4;*/
    }

.popup {
    border: 0;
    color: #fff;
}

.popup-info {
    background-color: #333F48;
}

.popup-error {
    background-color: #bd362f;
}

.popup-success {
    background-color: #FF4700;
}

.k-tooltip.navbar-popup {
    background-image: none;
    background-color: #364150;
    color: #fff;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(../../fonts/Poppins/v9/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(../../fonts/Poppins/v9/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(../../fonts/Poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(../../fonts/Poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/Roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/Roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/Roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/Roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/Roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/Roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/Roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/Roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/MaterialSymbolsOutlined/v266/MrImHCIJIZrDCvHOej.woff2) format('woff2');
}