body {
    font-family: "Inter UI", "Roboto", sans-serif !important;
}

.sch-main, .sch-container-left, .sch-container-right {
    background: #242C67 !important;
}

.sch-header-logo.sch-header-component > img {
    content:url("/proscient/resources/images/proscient-core/sphera_logo_reverse_rgb.svg");
}

.k-form-error {
    color: #D51923;
    margin-top: 4px;
    display: flex;
    font-size: 12px;
    font-style: italic;
}

.k-text-start{
    justify-content: flex-start;
}

.k-tabstrip-items .k-item {
    margin-bottom: 5px !important;
}
.k-tabstrip-items .k-state-active {
    border-width: 0 !important;
    border-bottom-width: 2px !important;
    border-bottom-color: #009bde !important;
    background-color: transparent !important;
    margin-bottom: 3px !important;
}

.k-link.k-state-focused {
    box-shadow: inset 0 0 0 1px #73bcdf !important;
}

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

.k-panelbar .k-state-expanded .k-link.k-header {
    background-color: #ebedf0 !important;
    color: #2b2d42 !important;
}

.k-panelbar .k-link.k-header {
    background-color: #fff !important;
}

.k-panelbar .k-link.k-header:hover {
    background-color: #e5f0f5 !important;
    color: #2b2d42 !important;
}

.k-panelbar .k-link.k-header.k-state-focused {
    background-color: #d0e5ee !important;
    color: #2b2d42 !important;
}

.k-panelbar .k-item .k-link {
    color: #2b2d42 !important;
}

.k-button {
    min-width: 34px;
}

.k-icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.k-icon.k-i-qr-code {
    background-image: url("/proscient/resources/img/spheraSVGIcons/QRCode.svg");
}
.k-icon.k-i-nfc-tag {
    background-image: url("/proscient/resources/img/spheraSVGIcons/NFCSvg.svg");
}
.k-icon.k-i-close-white {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Close_White.svg");
}
.k-icon.k-i-close-white::before {
    display: none;
}
.k-icon.k-i-edit-white {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Edit_White.svg");
}
.k-icon.k-i-edit-white::before {
    display: none;
}
.k-icon.k-i-plus {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Add.svg");
}
.k-icon.k-i-plus::before {
    display: none;
}
.k-icon.k-i-arrow-n {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Caret up.svg");
}
.k-icon.k-i-arrow-n::before {
    display: none;
}
.k-icon.k-i-arrow-s {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Caret down.svg");
}
.k-icon.k-i-arrow-chevron-left-custom {
    background-image: url("/proscient/resources/img/spheraSVGIcons/ArrowChevronLeftCustom.svg");
}
.k-icon.k-i-arrow-chevron-left-custom::before {
    display: none;
}
.k-icon.k-i-arrow-chevron-right-custom {
    background-image: url("/proscient/resources/img/spheraSVGIcons/ArrowChevronRightCustom.svg");
}
.k-icon.k-i-arrow-chevron-right-custom::before {
    display: none;
}
.k-icon.k-i-arrow-s::before {
    display: none;
}
.k-icon.k-i-arrow-chevron-up {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Chevron up.svg");
}
.k-icon.k-i-arrow-chevron-up::before {
    display: none;
}
.k-icon.k-i-arrow-chevron-down {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Chevron down.svg");
}
.k-icon.k-i-arrow-chevron-down::before {
    display: none;
}
.k-icon.k-i-arrow-chevron-right {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Chevron right.svg");
}
.k-icon.k-i-arrow-chevron-right::before {
    display: none;
}
.k-icon.k-i-arrow-chevron-left {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Chevron left.svg");
}
.k-icon.k-i-arrow-chevron-left::before {
    display: none;
}
.k-icon.k-i-close {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Close.svg");
}
.k-icon.k-i-close::before {
    display: none;
}
.k-icon.k-i-window-maximize {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Expand.svg");
}
.k-icon.k-i-window-maximize::before {
    display: none;
}
.k-icon.k-i-window-minimize {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Contract.svg");
}
.k-icon.k-i-window-minimize::before {
    display: none;
}
.k-icon.k-i-edit {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Edit.svg");
}
.k-icon.k-i-edit::before {
    display: none;
}
.k-icon.k-i-attachment,
.k-icon.k-i-clipt {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Attachment.svg");
}
.k-icon.k-i-attachment::before,
.k-icon.k-i-clipt::before {
    display: none;
}
.k-icon.k-i-check,
.k-icon.k-i-checkmark {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Check.svg");
}
.k-icon.k-i-check::before,
.k-icon.k-i-checkmark::before {
    display: none;
}
.k-icon.k-i-question,
.k-icon.k-i-help {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Help.svg");
}
.k-icon.k-i-question::before,
.k-icon.k-i-help::before {
    display: none;
}
.k-grid tr.k-state-selected > td {
    background-color: #d0e5ee;
}
.k-icon.k-i-undo {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Undo.svg");
}
.k-icon.k-i-undo::before {
    display: none;
}
.k-icon.k-i-warning {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Warning.svg");
}
.k-icon.k-i-warning::before {
    display: none;
}
.k-icon.k-i-red-warning {
    background-image: url("/proscient/resources/img/spheraSVGIcons/RedWarning.svg");
}
.k-icon.k-i-red-warning::before {
    display: none;
}
.k-icon.k-i-add-blue {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Add_Blue.svg");
}
.k-icon.k-i-add-blue::before {
    display: none;
}
.k-icon.k-i-download {
    background-image: url("/proscient/resources/img/spheraSVGIcons/Download.svg");
}

.k-icon.k-i-diary {
    background-image: url("/proscient/resources/img/spheraPNGIcons/Diary.png");
}

.k-icon.k-i-dashboard {
    background-image: url("/proscient/resources/img/spheraPNGIcons/Dashboard.png");
}

.k-icon.k-i-filter {
    background-image: url("/proscient/resources/img/spheraPNGIcons/Filter.png");
}

.k-icon.k-i-planning {
    background-image: url("/proscient/resources/img/spheraPNGIcons/Planning.png");
}

.k-icon.k-i-reports {
    background-image: url("/proscient/resources/img/spheraPNGIcons/Reports.png");
}

.k-icon.k-i-isolation {
    background-image: url("/proscient/resources/img/spheraPNGIcons/Isolation.png");
}

.k-icon.k-i-report-control {
    background-image: url("/proscient/resources/img/spheraPNGIcons/ReportingControlPanel.png");
}

.k-icon.k-i-admin-console {
    background-image: url("/proscient/resources/img/spheraPNGIcons/AdminConsole.png");
}

.k-icon.k-i-local-admin {
    background-image: url("/proscient/resources/img/spheraPNGIcons/LocalAdmin.png");
}

.k-icon.k-i-pid {
    background-image: url("/proscient/resources/img/spheraPNGIcons/PID.png");
}

.k-icon.k-i-hierarchy {
    background-image: url("/proscient/resources/img/spheraPNGIcons/Hierarchy.svg");
}

.k-popup,
.k-menu-group {
    background-color: white;
}

.k-animation-container.k-animation-container-fixed.k-animation-container-shown {
    z-index: 99999 !important;
}

/*
 * Fixes issue with Date(Time)Picker's Popup inside Modal/Dialog.
 * To apply: <DatePicker popupSettings={{ popupClass: "date-picker-inside-dialog" }} />
 */
.date-picker-inside-dialog {
    z-index: 10004 !important;
}