* {
    --red: #e0022a;
    --bs-danger-active: #B60223;
    --darkred: #B60223;
    --green: #12A26E;
    --bs-success-active: #0E8157;
    --darkgreen: #0E8157;
    --blue: #00239D;
    --amber: #FF6400;
    --bs-primary: #00239D;
    --bs-primary: #00239D;
    --bs-text-primary: #00239D;
    --bs-nav-link-color: #00239D;
    --bs-scrolltop-bg-color: #00239D;
    --bs-dropdown-link-hover-color: #00239D;
    --bs-pagination-focus-color: #00239D;
    --bs-pagination-hover-color: #00239D;
    --bs-menu-link-color-active: #00239D;
    --bs-primary-active: #00239D;
    --lightblue: #133bcd;
    --bs-primary-active: #133bcd;
    --darkblue: #001B7A;
    --bs-nav-link-hover-color: #001B7A;
    --lightgray: #f5f8fa;
    --gray: #D7E3EA;
    --gray2: #C2D2DB;
    --gray3: #6C7F89;
    --gray4: #515F67;
    --gray5: #323A3F;
    --gray6: #22282B;
    --gray7: #1A1F21;
    --black: #121517;
    --yellow: #e8e800;
    --darkyellow: #e4ae30;
    --bs-body-font-family: "Open Sans", Helvetica, "sans-serif"; /* Overrides framework 13.3.0 change */
    --bs-btn-font-size: 0.8125rem;
    --bs-btn-line-height: 1.33rem;
    --bs-app-sidebar-light-bg-color: var(--bs-bg-primary-color);
}
[data-bs-theme="dark"] * {
    --blue: #4a66c9;
    --bs-primary: #4a66c9;
    --lightblue: #6E84D4;
    --darkblue: #3957C0;
    --red: #BE233F;
    --darkred: #931B31;
    --lightred: #DA3453;
    --green: #2E8565;
    --darkgreen: #266950;
    --lightgreen: #359C76;
    --kt-body-bg: var(--gray6);
    --kt-text-info: var(--blue);
    --bs-dropdown-link-hover-bg: var(--gray6);
    --bs-dropdown-link-disabled-color: var(--gray3);
    --tooltip-bg: var(--gray4);
    --kt-headings-color: var(--gray2);
    --bs-dropdown-link-hover-color: var(--lightgray);
}

.dropdown-menu i {
    padding-right: .6em; /* Used in action menu lists */
}

.green-color {
    color: var(--green);
}

.red-color {
    color: var(--red);
}

.yellow-color {
    color: var(--yellow);
}

.gray-color {
    color: var(--gray);
}

.amber-color {
    color: var(--amber);
}

body {
    overflow-x: hidden;
    font-family: "Open Sans", Helvetica, "sans-serif";
    font-size:14px!important;
}
svg {
    fill: var(--gray2);
}
.fa, .fa-solid {
    font-family: 'Font Awesome 6 Free'!important;
}
.la, i[class*=" la-"] {
    font-family: 'Line Awesome Free',"Line Awesome Brands"  !important;
    color: inherit;
}
i.bi {
    color:inherit;
}
.big-page-title {
    font-size: 2em;
    margin-right: 1em;
    line-height: var(--bs-app-header-height);
    overflow: clip;
}
.page-description {
    font-size: 1.2em;
    line-height: var(--bs-app-header-height);
    color: var(--gray4);
    overflow: clip;
}
.main-title-container {
    display:flex;
}
.app-sidebar {
    background-color: var(--gray)!important;
}

[data-kt-app-sidebar-minimize="on"] .header-brand-logo-default {
    width: 0;
}
[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"] #kt_app_sidebar:hover .header-brand-logo-default {
    width: auto;
}

.app-header {
    background-color: var(--gray2) !important;
}
.app-main {
    background-color:var(--lightgray)!important;
}
.app-main .app-container {
    padding: 1em 1em 0 1em !important;
}
.app-container {
    max-width: unset !important;
    width: unset;
    margin: 0;
}
.app-content {
    padding-bottom:0!important;
}
.app-footer {
    display: block;
    height: unset;
    background-color: var(--bs-app-sidebar-light-bg-color) !important;
}
#kt_footer {
    background-color: var(--bs-app-sidebar-light-bg-color) !important;
}
.app-sidebar-toggle {
    padding-left: 5em;
}
.app-sidebar-toggle .svg-icon {
    color: var(--blue);
}
/* Minimize search bar when menu is minimized */
[data-kt-app-sidebar-minimize="on"] .searchMenuContainerSelect2 .select2-container {
    width:50px!important;
}
[data-kt-app-sidebar-minimize="on"] .searchMenuContainerSelect2 .select2-selection__placeholder {
    display: none;
}
[data-kt-app-sidebar-minimize="on"] .searchMenuDropDownSelect2 {
    width: 230px !important;
}
[data-kt-app-sidebar-minimize="on"] .searchMenuContainerSelect2 span.select2-selection.select2-selection--single::before {
    left: 10px;
}
/* ... but not when it is hovered and expanded */
[data-kt-app-sidebar-hoverable="true"] #kt_app_sidebar:hover .searchMenuContainerSelect2 .select2-container {
    width: 230px !important;
}
[data-kt-app-sidebar-hoverable="true"] #kt_app_sidebar:hover .searchMenuContainerSelect2 .select2-selection__placeholder {
    display: inline;
}

[data-kt-app-sidebar-hoverable="true"] #kt_app_sidebar:hover .searchMenuContainerSelect2 span.select2-selection.select2-selection--single::before {
    left: 20px;
}
#chat_is_connecting_icon button {
    background-color: var(--gray2);
}
.menu-sub-indention .menu-item .menu-item .menu-link.active {
    margin-right: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:var(--gray4);
}
.menu-icon {
    color:inherit!important;
}
.menu-icon img { /* Dashboard icons */
    height: 1.25rem;
    width: 1.25rem;
}
.menu-link {
    color: var(--gray4);
}
.menu-title {
    font-weight: 500!important;
}
.menu-link:hover {
    color:var(--blue);
}
.menu-link.active {
    background-color: var(--lightgray)!important;
    color:var(--blue);
}
.menu-active-bg .menu-item .menu-link.active .menu-title {
    color: var(--blue);
}
i {
    color:inherit;
}
.user-password .fas {
    color:var(--blue);
}
.svg-icon-1 {
    color:var(--blue);
}
[data-bs-theme="light"] .alert-warning {
    color: #665000; /* Overrides theme color */
}
[data-bs-theme="light"] .alert-white, [data-bs-theme="light"] .alert-light {
    background-color: white;
    border-color: var(--blue);
    color: var(--gray4);
}
.nav-link {
    line-height: 2em;
    padding: 0 .5em;
}
.nav-pills {
    margin:0;
}
.nav-pills .nav-link {
    border-color: var(--blue)!important;
    padding: 0 .5em;
    margin:0;
}
.nav-pills .nav-link:hover {
    background-color: var(--lightgray);
}
.nav-pills .nav-link.active {
    background-color:var(--blue);
    color: white;
}
.nav-pills .nav-link.active:hover {
    background-color: var(--darkblue);
}
.nav-tabs .nav-link {
    border-radius:0;
}
.nav-tabs .nav-link.active {
    border-color:transparent;
    border-bottom-color:var(--blue);
    border-bottom-width:2px;
    font-weight:700;
}
.nav-tabs .nav-link:not(.active):hover {
    border-color: transparent;
    box-shadow: 0 2px 0 0 var(--gray2);
}
.badge-success {
    background-color: var(--green);
}
.badge-warning, .badge-danger {
    background-color: var(--darkred);
}
.scrolltop {
    bottom: 20px;
}
.unread-notifications {
    color: white;
    font-weight:bold;
    font-size:.8em;
    border:2px solid white;
    padding: 0 .5em;
    margin-left:1em;
    border-radius:5px;
}
.notification-scroll {
    height: 300px;
    background-color: white;
    overflow: hidden;
}
.swal2-styled.swal2-confirm {
    background-color:var(--blue);
}

.key-value-items-list {
    background-color: var(--lightgray);
}
.searchMenuContainerSelect2 { /* Search in side menu */
    margin:0;
    padding: 0 .5rem;
    width:100%;
}
.searchMenuContainerSelect2 .select2-container {
    width:100%!important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color:var(--blue);
}
.custom-option.selected {
    background-color:var(--blue);
    color:white;
}
.border-box {
    border: 1px solid var(--blue);
    padding: .5em;
    display: inline-block;
    border-radius: 6px;
    margin:.3em;
}
.bg-primary {
    background-color:var(--blue)!important;
}
.searchMenuDropDownSelect2 input:focus-visible {
    outline: none !important;
}
.tooltip {
    font-family: "Open Sans", Helvetica, "sans-serif";
}
.alert-text {
    line-break: anywhere;
}
.dropdown-menu li a {
    cursor:pointer;
}
#openIdConnectClaimsMappings-list > * {
    padding:0 0 0.5em;
    display: flex;
    align-items:center;
    justify-content:space-between;
    gap:1em;
}

.pulse {
    animation: pulse-animation 2s infinite;
    border-radius: 10px;
}

.pulse2 {
    animation: enlarge-animation 1s infinite;
}
.disabledlink {
    pointer-events:none;
}
.disabledlink.dropdown-item, .dropdown-menu > li.disabled {
    background-color: var(--gray);
    color: var(--gray3)!important;
    cursor: not-allowed;
    pointer-events:none;
}
.dropdown-menu > li.disabled .dropdown-item {
    color: var(--gray3) !important;
}
.modal-header .resize-toggle {
    position: absolute;
    right: 5em;
}
.ui-resizable-handle {
    background-color: var(--gray);
}
.ui-resizable-se {
    background: transparent!important;
}
    body > .blockOverlay {
    position:fixed!important;
}
body > .spinner {
    position:fixed!important;
}
@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px var(--gray4);
    }

    100% {
        box-shadow: 0 0 0 20px transparent;
    }
}

@keyframes enlarge-animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@media screen and (max-width: 410px) {
    /* Notifications modal */
    .dropdown-menu-lg {
        min-width: 100vw!important;
    }
}
@media screen and (max-width: 700px) {
    .page-description {
        display:none;
    }
    .big-page-title {
        font-size:1.5em;
    }
}
/* ------------ Agent status circle ------------- */

.count-container {
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.count-container.green-color {
    background-color: var(--green);
    color: white;
}

.count-container.amber-color {
    background-color: var(--amber);
    color: black;
}

.count-container.red-color {
    background-color: var(--red);
    color: white;
}

.count-container.gray-color {
    background-color: var(--gray2);
    color: black;
}
/* ------------ jsTree ----------- */

.vakata-context, .vakata-context ul {
    padding: 0;
    font-family: "Open Sans", Helvetica, "sans-serif";
}

.vakata-contextmenu-disabled {
    pointer-events: none;
}

.vakata-context li > a .vakata-contextmenu-sep {
    margin: 0 !important;
}

.vakata-context li a {
    padding: 0 1.2rem 0 0 !important;
}
.vakata-context li a i, .vakata-context ul li a i {
    display:inline-block;
    margin:0;
}
.assignedStream {
    background-color: var(--gray2) !important;
}
.jstree-default .jstree-last {
    background: 0 0 !important;
}
[data-bs-theme="dark"] .jstree-default .jstree-themeicon.jstree-icon {
    background-image:none;
}
[data-bs-theme="dark"] *:not(.selected) > .jstree-wholerow-hovered, [data-bs-theme="dark"] *:not(.selected) > .jstree-hovered {
    background-color: var(--gray6) !important;
}

[data-bs-theme="dark"] .jstree-default .jstree-wholerow-clicked {
    background-color: var(--gray5);
    color: var(--lightgray);
}

[data-bs-theme="dark"] .jstree-default .jstree-context {
    background-color: initial!important;
}

[data-bs-theme="dark"] .vakata-context, [data-bs-theme="dark"] .vakata-context ul {
    background-color: var(--gray5);
    box-shadow: none;
    border: 1px solid var(--gray4);
}

[data-bs-theme="dark"] .vakata-context li i {
    color: var(--lightgray);
}

[data-bs-theme="dark"] .vakata-context li > a {
    text-shadow: none;
    color: var(--lightgray);
}

[data-bs-theme="dark"] .vakata-context li a:hover {
    background-color: var(--gray6);
    color: var(--lightgray);
}

[data-bs-theme="dark"] .vakata-context li > a .vakata-contextmenu-sep {
    background: transparent;
}

[data-bs-theme="dark"] .vakata-contextmenu-disabled {
    background-color: var(--gray6);
}

[data-bs-theme="dark"] .vakata-contextmenu-disabled a {
    color: var(--gray3) !important;
}
[data-bs-theme="dark"] .jstree-loading > .jstree-ocl {
    background-image: url("../images/throbber-dark.gif") !important;
}
[data-bs-theme="dark"] .assignedStream {
    background-color: var(--blue) !important;
}

[data-bs-theme="dark"] .assignedStream .jstree-icon, [data-bs-theme="dark"] .assignedStream .text-dark {
    color: var(--lightgray) !important;
}


/* ------- Dark theme ----------- */
[data-bs-theme="dark"] {
    color: var(--gray2);
}
[data-bs-theme="dark"] .app-sidebar{
    background-color: var(--gray6)!important;
}
[data-bs-theme="dark"] .app-sidebar-toggle {
    background-color:transparent!important;
}
[data-bs-theme="dark"] .app-main {
    background-color: var(--black) !important;
}
[data-bs-theme="dark"] .app-header{
    background-color: var(--black)!important;
    border-bottom:1px solid var(--gray4);
}
[data-bs-theme="dark"] #chat_is_connecting_icon button {
    background-color:transparent;
}
[data-bs-theme="dark"] .page-description {
    color: var(--gray3);
}
[data-bs-theme="dark"] #kt_footer {
    background-color: var(--black) !important;
}
[data-bs-theme="dark"] .card, [data-bs-theme="dark"] .modal-content {
    background-color: var(--gray7) !important;
    border: 1px solid var(--gray4);
    color: var(--gray);
}
[data-bs-theme="dark"] .menu-title, [data-bs-theme="dark"] .menu-link, [data-bs-theme="dark"] .menu-arrow {
    color: var(--gray2) !important;
}
[data-bs-theme="dark"] .menu-link:hover .menu-title, [data-bs-theme="dark"] .menu-link:hover, [data-bs-theme="dark"] .menu-link:hover .menu-arrow {
    color: var(--lightgray) !important;
}
[data-bs-theme="dark"] .menu-item .menu-link.active {
    background-color: var(--gray5)!important;
}
[data-bs-theme="dark"] .text-dark, [data-bs-theme="dark"] .text-muted {
    color: var(--gray2) !important;
}
[data-bs-theme="dark"] .select2-selection__placeholder {
    color: var(--gray3)!important;
}
[data-bs-theme="dark"] .select2-selection__choice {
    background-color:var(--gray5)!important;
    border-color:var(--gray4)!important;
}
[data-bs-theme="dark"] .select__trigger, [data-bs-theme="dark"] .custom-options, [data-bs-theme="dark"] .custom-option {
    background-color: var(--gray5);
    color: var(--gray);
}
[data-bs-theme="dark"] .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--gray5);
}
[data-bs-theme="dark"] .select2-results__option--selected {
    background-color: var(--gray4);
}
[data-bs-theme="dark"] .arrow::before, [data-bs-theme="dark"] .arrow::after {
    background-color: var(--gray);
}
[data-bs-theme="dark"] .badge-dark {
    background-color: var(--gray4);
    color:var(--lightgray);
}
[data-bs-theme="dark"] .select {
    border-color: transparent;
}
[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--gray5);
    box-shadow: none;
    color: var(--lightgray);
}
[data-bs-theme="dark"] .nav-item {
    color: var(--gray);
    border: none !important;
}
[data-bs-theme="dark"] .nav-link {
    color:var(--gray2);
}
[data-bs-theme="dark"] .nav-link.active {
    color: var(--lightgray) !important;
}
[data-bs-theme="dark"].nav-tabs .nav-link.active {
    background-color:var(--gray5)!important;
}
[data-bs-theme="dark"] .nav-link:hover, [data-bs-theme="dark"] .nav-link:focus {
    color: white;
}
[data-bs-theme="dark"] .scrolltop {
    background-color:var(--blue);
}
[data-bs-theme="dark"] .swal2-popup .swal2-title {
    color: white;
}
[data-bs-theme="dark"] .swal2-popup, [data-bs-theme="dark"] .swal2-html-container {
    background-color: var(--gray5);
    color: var(--lightgray) !important;
}
[data-bs-theme="dark"] .border-box {
    background-color: var(--black);
}
[data-bs-theme="dark"] .menu-sub-dropdown, [data-bs-theme="dark"] .notification-scroll {
    background-color: var(--gray5) !important;
}
[data-bs-theme="dark"] .menu-link:hover .svg-icon {
    color:var(--lightgray)!important;
}
[data-bs-theme="dark"] .tooltip-inner {
    box-shadow: none;
}
[data-bs-theme="dark"] .toast {
    box-shadow: none!important;
}
[data-bs-theme="dark"] .alert-light {
    color: var(--gray2);
    border-color: var(--gray2);
}
[data-bs-theme="dark"] .nav-pills .nav-link:hover {
    background-color: var(--gray5);
    box-shadow:none;
}
[data-bs-theme="dark"] .key-value-items-list {
    background-color:var(--black);
}

[data-bs-theme="dark"] .disabledlink.dropdown-item, [data-bs-theme="dark"] .dropdown-menu > li.disabled {
    background-color: var(--gray4);
    color: var(--gray3);
}
[data-bs-theme="dark"] .gray-color {
    color: var(--gray4);
}