@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
* {font-family: 'Segoe UI', Poppins, 'sans-serif';}
.main { background: rgb(255, 255, 255); }
.content { background: transparent; }
a, .btn-link {color: #295ab7;}
.btn-primary { color: #ffffff; background-color: #0F1637; border-color: #0F1637; }
.invalid { outline-color: red; }
.validation-message { color: red; }
#blazor-error-ui { background: #cecece; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px; }
.blade {background: white;color: #434343;border-left:none;height: calc(100vh - 3rem);display: flex;margin-top: 3rem;box-shadow: -5px -1px 11px 0px #2d2d2d40;}
.blade-header {background: #ffffff;color: black;}
.blade-footer {color: white;}
.blade th { width: 35%; color: #000000; }
.blade td {/* color: #000000; */}
.blade h4 { padding-left: 0; color: rgb(134 132 132); background: #ffffff; }
.bottom-toolbar { background: #414141; }
.preloader {background: rgb(255 255 255 / 68%);z-index: 1;display: flex;align-items: center;flex-direction: column-reverse;justify-content: center;}
.loader { border-width: 3px; border-style: solid; border-color: #c6d337 transparent transparent; }
.loader::after { border-color: #1a3f7d transparent transparent; }
.loader::before { border-color: #6aa8b4 transparent transparent; }
.loading-message { color: #2c2c2c; }
.nav-group, .nav-link {color: white;}
.grid-loader { background: #ffffffc9; }
.nav-link .nav-label {color: #545454;}
.nav-group .nav-link, .nav-link { border: none; }
.nav-group .nav-link:last-child, .nav-link:last-child {}
.nav-group .nav-link.sub-link:last-child { border-radius:0; }
.nav-group .nav-link.sub-link {background: transparent;}
.nav-link.sub-link.active i.fa, .nav-link.active i.fa {color: #565656;}
.sub-link > i.fa, .nav-group i.fa {color: #747474;}
.drop-down-nav-selector:hover {background: #e0e0e0;}
.drop-down-nav-selector {height: 2.65rem;margin-top: -1px;line-height: 2.7rem;}
.nav-link:hover, .nav-group .nav-link:hover {background: #e0e0e0;font-weight: bold;}
.nav-link.active, .nav-group .nav-link.active, .nav-link.active .nav-label {/* background: #efefef; */font-weight: bold;color: #565656;/* border-radius: 5rem; */}
.nav > .nav-link:first-child { border-top-color: transparent }
.navbar-brand { font-size: 1rem !important; }
.table-sm td, .table-sm th {color: #040404;/* border-color: #e6e6e6; */border-right: none;border-left: none;}
.table-sm th { background: #f4f4f4; }
.dxbs-pager { background: #f4f4f4; }
td.table-active.bg-primary { background: #9dceff !important; color: black !important; border-color: #b1d6fb }
.dx-pager .page-item.page-number .page-link {background: #b8b8b8;color: #000000;}
.dx-pager .page-item.page-number.active .page-link {background: #20407d;color: #ffffff;/* border-color: #dee2e6; */}
.dx-pager .page-item.page-number .page-link:hover, .dx-pager .page-item.page-number .page-link:focus { background: #d5d5d5; }
.toolbar {background: none;border: none;border-bottom: .1px solid #ededed;}
.dxbl-grid .dxbl-grid-table tr th.dxbl-grid-header {background: #fafafa!important;}
.toolbar-button:hover { background: #b3b3b3; }
.toolbar-button { color: #000000; background: #cacaca; border-color: transparent; }
.wizard-step-number {background: #ffffff;color: #000000;font-size: .8rem;}
.wizard-step.selected > .wizard-step-number {background-color: #1568bb;color: #ffffff; }
.wizard-container.wizard-vertical .wizard-step.selected > .wizard-step-number {background-color: #1568bb;color:#1568bb;border-color:#1568bb;font-size: .8rem;}
.wizard-footer { background: #e6e6e6; }
.wizard-header:before { border-bottom: 3px solid #e6e6e6; }
.wizard-header { border-bottom: 1px solid #b4b4b4; }
.wizard-step:hover > .wizard-step-number {background: #9b9b9b;color: #ffffff;}
.blade-header-close {color: #6f6f6f;border-radius: .2rem;}
.blade-header-close:hover {background: #00000012;}

.sidebar {background: linear-gradient(355deg, rgb(255 255 255), rgb(238 238 238));background: #eaeaea;}
.top-row { background: #091343; color: white; }
.dxbs-gridview > .card > .card-body {background: #f4f4f4;}
.modal-header { background: #0F1637; background: linear-gradient(71deg,#193466,#295ab7); }
.modal-header-close {background: #3064c6;line-height: 3.5rem!important;font-size: 1rem;}
.modal-body {/* background: transparent; */}
.box-content {flex-grow: 2;box-shadow: #28377936 0 0 1rem;overflow: auto;background: #fafafa;color: #091343;}
.box .box-description { filter: opacity(60%); }
.tile { color: white; position: relative; }
.tile .tile-icon { color: white; background: rgb(66 66 118 / 11%); }
.tile .tile-highlight { color: white; position: absolute; text-align: center; }
.console-container::-webkit-scrollbar { background: #ffffff; }
.console-container::-webkit-scrollbar-corner { background: #ffffff; }
.console-container::-webkit-scrollbar-thumb { background-color: #b8b8b8; }
.console { background: #ffffff; color: #636363; }
.console td { color: black; }
.console td:before { color: #8a8a8a; }
.console-dark { background: #1b1b1b; border-radius: .3rem; padding: .5rem; }
.console-dark .console-container::-webkit-scrollbar { background: #1b1b1b; }
.console-dark .console-container::-webkit-scrollbar-corner { background: #1b1b1b; }
.console-dark .console-container::-webkit-scrollbar-thumb { background-color: #5f5f5f; }
.console-dark .console { background: #1b1b1b; color: #636363; }
.console-dark .console td { color: black; }
.console-dark .console td:before { color: #bcbcbc; }
.col-form-label { background: none; border-color: #f7f7f7; }
*::-webkit-scrollbar { background: transparent; }
*::-webkit-scrollbar-corner { background: #ffffff; }
*::-webkit-scrollbar-thumb { background-color: #dbdbdb; }
.dxbs-gridview .card { background: unset; }
.btn-primary.disabled, .btn-primary:disabled { color: #cdcdcd; background-color: #444444; border-color: #3c3c3c; }
.dxbs-dropdown-body ::-webkit-scrollbar { background: #d8d8d8; }
.dxbs-dropdown-body ::-webkit-scrollbar-corner { background: transparent; }
.dxbs-dropdown-body ::-webkit-scrollbar-thumb { background-color: #888888; }

.dxbs-combobox ::-webkit-scrollbar { background: #f1f1f1; }
.dxbs-combobox ::-webkit-scrollbar-corner { background: transparent; }
.dxbs-combobox ::-webkit-scrollbar-thumb { background-color: #888888; }

.dxbs-gridview ::-webkit-scrollbar { background: #6f6f6f00; }
.dxbs-gridview ::-webkit-scrollbar-corner { background: transparent; }
.dxbs-gridview ::-webkit-scrollbar-thumb { background-color: #e0e0e0; }
.box ::-webkit-scrollbar { background: #6f6f6f00; }
.box ::-webkit-scrollbar-corner { background: transparent; }
.box ::-webkit-scrollbar-thumb { background-color: #5d5d5d; }
.scrollbox ::-webkit-scrollbar { background: #6f6f6f00; }
.scrollbox ::-webkit-scrollbar-corner { background: transparent; }
.scrollbox ::-webkit-scrollbar-thumb { background-color: #e0e0e0; }
.lds-dual-ring:after {border: .2rem solid;border-color: #093973 transparent #89b540 transparent;}
.btn-default {background: #ffffff;border: 1px solid #e9e9e9;}
.btn-default:hover { background: #d5d5d5; }
a.navbar-brand {color: white;font-weight: 500;}
.image-uploader { background: #ffffff; }
.image-uploader { border: 1px solid #e2e2e2; }
.image-nodata { color: #e2e2e2; }
.form-control:disabled, .form-control[readonly] {background-color: #ededed;opacity: 1;}
.dxbs-editor-input-container .form-control[readonly] {background-color: #ffffff;opacity: 1;}
div.dxbs-btn-group.dxbs-input-group-append .btn-sm { background: white; color: black; border: 1px solid #f1f1f1; }
.topbar-button {background: #32292900;color: white;height: 3rem;}
.topbar-button:hover {background: rgb(47, 85, 155);}
.menu-separator { border-bottom: 1px solid rgb(243, 243, 243); }
.menu-item { color: rgb(39, 39, 39); }
.menu-item:hover { background: rgb(244, 244, 244); color: rgb(32, 64, 125); }
.user-popup { box-shadow: rgba(44, 44, 44, 0.77) 0 0 1rem; }
.user-popup .user-header {background: linear-gradient(250deg, rgb(176, 191, 80), rgb(20, 101, 160));}
.user-body { background: white; }
.user-details {color: white;}
.user-top-bar.visible {background: rgb(47, 85, 155);}
.user-top-bar:hover, .user-top-bar-icons:hover {background: rgb(47, 85, 155);}
.user-top-bar-organization {color: rgb(213, 235, 0);}
.header-highlight { background: linear-gradient(250deg, rgb(176, 191, 80), rgb(20, 101, 160)); border-top: 1px solid #1c386d; color: white; }
.help-head {background: linear-gradient(250deg, rgb(176, 191, 80), rgb(20, 101, 160));color: white;}
.help-bottom { background: rgb(246, 246, 246); color: rgb(86, 86, 86); }
.help-menu-item { background-color: white; border-bottom: 1px solid rgb(233, 233, 233); }
.help-menu-item:hover { background: rgb(244, 244, 244); color: rgb(32, 64, 125); }
.help-popup { box-shadow: rgba(44, 44, 44, 0.77) 0 0 1rem;}
.help-menu-item i.fa { color: rgb(81, 81, 81); }
.help-menu-item a, .help-menu-item a:hover { color: black!important; }
.help-menu-item .help-link-description { color: rgb(122, 122, 122); }
.app-image {position: absolute;left: 1.2rem;top: 1.2rem;width: 3rem;height: 3rem;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.scrollbox-content .tab-content { padding-top: 1.5rem; }
.scrollbox-content .tab { margin-right:1rem!important; }
.scrollbox-content .tab-title { font-size: 1rem; }
.scrollbox-content .tab { margin-left: 0.2rem; border-radius: 5rem; border: none !important; background:#e8e8e8; }
.scrollbox-content .tab.selected { background: linear-gradient(71deg, rgb(25, 52, 102), rgb(41, 90, 183)); color: white; }
.scrollbox-content .tab.selected .tab-title, .scrollbox-content .tab:hover .tab-title { color: white; }
.scrollbox-content .tab:hover { background: #8e8e8e; color: black; border: none !important; }
.scrollbox-content .tab-title { padding: 0.5rem 1rem 0.3rem; }
.top-row {background: rgb(32, 64, 125);color: black;}
.document-overlay { background: #00000057; }
.blade-body {background: #ffffff;}
.custom-accordion {background: #dddddd;border-color: #d7d7d7;cursor:pointer; }
.custom-accordion.active { font-weight:bold; }
.accordion-content { background:#efefef; border-color:#dddddd; }
.custom-accordion:hover{ background:#d7d7d7 }
.blade-header-preview {background: transparent;box-shadow: none;}
.blade .blade .blade-header {background: #ededed;}
.wizard-container.wizard-vertical .wizard-header {border-right-color:#dddddd;background: #f3f3f3;}
.wizard-container.wizard-vertical .wizard-step:before { background: #a4a4a4; }
.wizard-container.wizard-vertical .wizard-step > .wizard-step-number {border-color: #9b9b9b;}
.wizard-inner-title {color: #000000;}
.validation-summary {background: #ffeaea;border-radius: .5rem;}
.submenu { border: .15rem solid #e7e7e7; background: #f4f4f4; }
.submenu-item:hover { background: #cacaca; }
span.user-top-bar-plant { color:white; background:#071b42;}
span.user-plant { background:#000c2354; }
.submenu-item {background: #e2e2e2;color: black;}
.dx-anchor-trackable { background:#efefef; }
.dxbs-dropdown-area { background:#ffffff; }
.error .modal-header {  background:#bb2c2c; }
.error .modal-content { box-shadow: #444444 0 0 1rem; }
.error .modal-header-close { background: #ac0303; }
.top-bar-badge {color:white; line-height:1rem; }
.top-bar-badge span {font-size:.8rem; }
.form-control:focus { color: #212529; background-color: #fff; border-color: #6ca0ff; -webkit-box-shadow: 0 0 0 0.25rem rgb(8 28 100 / 25%); box-shadow: 0 0 0 0.25rem rgba(8 28 100,.25); }
.dxbl-listbox div.dxbl-listbox-item-selected::before, .dxbl-listbox tr.dxbl-listbox-item-selected>td::before { background-color: #254b92; }
.dxbl-text-edit.valid.modified:not([type=checkbox]) { --dxbl-text-edit-focus-shadow-color: rgb(57 94 163 / 25%); --dxbl-text-edit-focus-border-color: #2386e2;--dxbl-text-edit-border-color: #2386e2;--dxbl-text-edit-focus-border-color: #2386e2;}
.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before,.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item)>td::before,.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before,.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item)>td::before {background-color: #152a52;}
.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: rgb(172 172 172 / 0%);
    --dxbl-text-edit-focus-border-color: #2386e2;
}
.btn-primary:hover {
    color: #fff;
    background-color: #25498e;
    border-color: #274680;
}
.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #25498e;
    --dxbl-checkbox-switch-checked-bg: #25498e;
    --dxbl-checkbox-radio-checked-border-color: #25498e;
    --dxbl-checkbox-radio-check-bg: #25498e;
    --dxbl-checkbox-check-element-checked-hover-bg: #274680;
    --dxbl-checkbox-switch-checked-hover-bg: #274680;
    --dxbl-checkbox-radio-checked-hover-bg: #274680;
    --dxbl-checkbox-radio-checked-hover-border-color: #274680;
    --dxbl-checkbox-checked-focus-shadow-color: rgb(54 97 141 / 50%);
    --dxbl-checkbox-unchecked-focus-shadow-color: rgb(54 97 141 / 50%);
}

.dxbl-pager {
    --dxbl-pager-active-page-btn-bg: #25498e;
}

.dxbl-grid .dxbl-grid-table>tbody>tr:hover,
.dxbl-grid .dxbl-grid-table>tfoot>tr:hover,
.dxbl-grid .dxbl-grid-table>thead>tr:hover {
    background: inherit;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-header-row {
}