/*Body*/
/*$border-color-dark: #1E2027;*/
/*Navbar*/
/*Sidebar*/
/*$sidebar-bg: #191919;
$sidebar-sub-bg: #2b2a2a;
$sidebar-sub-menu-bg: #323232;
$sidebar-color: rgba(255,255,255,.70);
$sidebar-color-hover: rgb(255,255,255);*/
/*Sidebar*/
/*Footer*/
body {
  background-color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #000046;
}

/* Custom elements same style as in page headers */
.underline,
.underline-clean,
.overline,
.overline-clean {
  border-color: #000046 !important;
}

.btn-primary, .btn-info, .k-button-solid-info, .btn-success {
  color: #fff !important;
}

/*Navbar*/
.header {
  background-color: #000046 !important;
  background-image: none !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.nav-sub-menu {
  background-color: rgba(0, 0, 70, 0.95) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.nav-sub-menu li a:hover, nav.menu ul li:hover {
  color: rgb(255, 255, 255) !important;
  cursor: pointer;
}

.header-right .open-menu-btn .line,
.header .menu .close-menu-btn::before,
.header .menu .close-menu-btn::after {
  background-color: rgb(255, 255, 255);
}

.dropdown-menu li a {
  color: rgba(255, 255, 255, 0.7) !important;
}

.dropdown-menu li a:hover {
  color: rgb(255, 255, 255) !important;
}

.navbar .navbar-nav ul.dropdown-menu li a.nav-link:hover,
.navbar .navbar-nav div.dropdown-menu a.dropdown-item:hover {
  background-color: #000046 !important;
  color: rgb(255, 255, 255) !important;
}

.dropdown-menu .dropdown-header {
  color: rgb(255, 255, 255) !important;
}

.dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.7) !important;
}

.dropdown-menu .dropdown-item:last-child {
  border-bottom-left-radius: var(--kendo-border-radius-md, 0.375rem) !important;
  border-bottom-right-radius: var(--kendo-border-radius-md, 0.375rem) !important;
}

@media (max-width: 1300px) {
  .header .menu {
    background-color: #000046;
  }
}
/*Sidebar*/
.sidebar {
  background-color: #fbfcff !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.sidebar nav {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar .sidebar-nav .nav {
  background-color: #fbfcff !important;
}

.sidebar .nav-link, .sidebar .navbar .dropdown-toggle,
.navbar .sidebar .dropdown-toggle,
.sidebar .nav-link i {
  color: rgba(0, 0, 0, 0.6) !important;
}

.sidebar .nav-link.active, .sidebar .navbar .active.dropdown-toggle,
.navbar .sidebar .active.dropdown-toggle,
.sidebar .nav-link:hover,
.sidebar .navbar .dropdown-toggle:hover, .navbar .sidebar .dropdown-toggle:hover {
  background-color: #fbfcff !important;
  color: rgb(0, 0, 0) !important;
}

.sidebar .nav-link.active i,
.sidebar .nav-link:hover i {
  color: rgb(0, 0, 0) !important;
}

.sidebar-minimizer {
  background-color: #191919 !important;
}

.sidebar .nav-dropdown-items .nav-item .nav-link {
  background-color: #fbfcff !important;
}

.sidebar-footer {
  background-color: #000046 !important;
}

.accordion-header {
  color: rgba(0, 0, 0, 0.6) !important;
}

/*Footer*/
footer.app-footer {
  background-color: #000046 !important;
  color: #fff;
}

.card, .k-card, .dashboard-header, .default-filters, .k-grid {
  background-color: #fbfbfb !important;
  border: 1px solid var(--kendo-color-border, #d1d1d6);
}

.card > .card-header {
  background-color: transparent !important;
  color: #000046 !important;
}

.k-dropdownlist, .k-textarea {
  border: 1px solid var(--kendo-color-border-alt) !important;
}

.sidebar.collapsed .toggle-sidebar, .toggle-sidebar:hover {
  color: #000046; /* Move toggle button to center of collapsed sidebar */
}

.sidebar-menu__input:checked + .sidebar-menu__label {
  color: rgb(0, 0, 0);
}

.sidebar-menu__label {
  color: rgba(0, 0, 0, 0.6);
}

.sidebar-menu__label:hover {
  color: rgb(0, 0, 0);
}

.sidebar-menu__sub--l1 .sidebar-menu__label:hover {
  color: rgb(0, 0, 0);
}

.sidebar-menu__item .menu-link {
  color: rgba(0, 0, 0, 0.6);
}

.sidebar-menu__item .menu-link:hover {
  color: rgb(0, 0, 0);
}

.menu-title {
  color: rgba(0, 0, 0, 0.6);
}

.menu-icon-collapsed {
  color: rgba(0, 0, 0, 0.6);
}

.sidebar-menu__item.active a {
  color: rgb(0, 0, 0);
}

.sidebar .sidebar-header,
.sidebar .sidebar-menu-list {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

/*div, main, ol, pre, span, ul {
    scrollbar-color: $primary transparant !important;
}*/
.k-master-row .k-grid-content-sticky .fa,
.k-master-row .k-grid-content-sticky .far,
.k-master-row .k-grid-content-sticky .fas,
.k-master-row .k-grid-content-sticky .fab {
  color: rgba(0, 0, 0, 0.7) !important;
}

.k-master-row:hover .k-grid-content-sticky .fa,
.k-master-row:hover .k-grid-content-sticky .far,
.k-master-row:hover .k-grid-content-sticky .fas,
.k-master-row:hover .k-grid-content-sticky .fab {
  color: rgba(255, 255, 255, 0.7) !important;
}

.k-master-row .k-grid-content-sticky .fa:hover,
.k-master-row .k-grid-content-sticky .far:hover,
.k-master-row .k-grid-content-sticky .fas:hover,
.k-master-row .k-grid-content-sticky .fab:hover {
  color: rgb(255, 255, 255) !important;
}

.cbx-tooltip {
  background-color: #fbfbfb !important;
  border: 1px solid #353592;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 0.5px;
  color: #000 !important;
}

.release-version a {
  color: #fff;
}

.k-window-titlebar {
  background-color: #000046 !important;
}

/*Grid*/
.k-table-tbody .k-table-row, .k-table-tbody .k-table-row .k-grid-content-sticky {
  background-color: var(--kendo-color-app-surface) !important;
}

.k-grid-toolbar,
.k-grid-pager,
.k-grid-header,
.k-table-thead,
.k-grid-footer-table,
.k-grid-footer,
.k-footer-template,
.k-footer-template .k-grid-footer-sticky,
.k-table-tfoot {
  background-color: #fbfbfb !important;
}

.k-grid-header .k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted, .k-table-thead .k-table-row {
  color: unset !important;
  background-color: #fbfbfb !important;
}

.dropdown-content, .dashboard-layout-header {
  background-color: #fbfbfb !important;
}

input::placeholder {
  opacity: 0.5 !important;
  color: black !important;
}

.form-floating input::placeholder {
  opacity: 0 !important;
  color: transparent !important;
}

.k-table-tbody .k-table-row.k-table-alt-row, .k-table-tbody .k-table-row.k-table-alt-row .k-grid-content-sticky {
  background-color: var(--kendo-color-base-subtle) !important;
}

.k-table-tbody .k-table-row:hover, .k-table-tbody .k-table-row:hover .k-grid-content-sticky {
  background-color: var(--kendo-color-primary) !important;
  color: var(--kendo-color-on-primary) !important;
}

.k-table-tbody .k-table-row.k-table-alt-row:hover, .k-table-tbody .k-table-row.k-table-alt-row:hover .k-grid-content-sticky {
  background-color: var(--kendo-color-primary) !important;
  color: var(--kendo-color-on-primary) !important;
}

.k-table-tbody .k-table-row:hover td a, .k-table-tbody .k-table-row:hover .k-grid-content-sticky td a {
  color: var(--kendo-color-on-primary) !important;
}

.k-table-tbody .k-table-row.k-table-alt-row:hover td a, .k-table-tbody .k-table-row.k-table-alt-row:hover .k-grid-content-sticky td a {
  color: var(--kendo-color-on-primary) !important;
}

.k-footer-template:hover, .k-footer-template:hover .k-grid-footer-sticky, .k-table-tbody .k-table-row.k-detail-row:hover, .k-table-thead .k-table-row:hover {
  background-color: unset !important;
  color: unset !important;
}

.k-grid-container, .k-grid-norecords {
  background-color: #ffffff !important;
}

.dropdown-menu {
  background-color: var(--kendo-color-surface-alt) !important;
  border-color: #353592 !important;
  color: var(--kendo-color-on-app-surface) !important;
}

.dropdown-menu .dropdown-item {
  color: var(--kendo-color-on-app-surface) !important;
}

.dropdown-menu .dropdown-item:hover {
  font-weight: 500 !important;
  color: var(--kendo-color-primary) !important;
}

.nav-container .dropdown-menu {
  background-color: #000046 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.nav-container .dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 12px !important;
}

.nav-container .dropdown-menu .dropdown-item:hover {
  color: rgb(255, 255, 255) !important;
  background-color: unset !important;
}

.bg-info, .banner-info {
  background-color: var(--kendo-color-info) !important;
  color: var(--kendo-color-on-info) !important;
}

.bg-success, .banner-success {
  background-color: var(--kendo-color-success) !important;
  color: var(--kendo-color-on-success) !important;
}

.bg-warning, .banner-warning {
  background-color: var(--kendo-color-warning) !important;
  color: var(--kendo-color-on-warning) !important;
}

.bg-error, .bg-danger, .banner-danger {
  background-color: var(--kendo-color-error) !important;
  color: var(--kendo-color-on-error) !important;
}

.bg-secondary, .banner-secondary {
  background-color: var(--kendo-color-secondary) !important;
  color: var(--kendo-color-on-secondary) !important;
}

.bg-primary, .banner-primary {
  background-color: var(--kendo-color-primary) !important;
  color: var(--kendo-color-on-primary) !important;
}

.bg-tertiary, .banner-tertiary {
  background-color: var(--kendo-color-tertiary) !important;
  color: var(--kendo-color-on-tertiary) !important;
}

.bg-light, .banner-light {
  background-color: var(--kendo-color-light) !important;
  color: var(--kendo-color-on-light) !important;
}

.bg-dark, .banner-dark {
  background-color: var(--kendo-color-dark) !important;
  color: var(--kendo-color-on-dark) !important;
}

/*BADGES - SUBTLE*/
.bg-subtle-info {
  background-color: var(--kendo-color-info-subtle) !important;
  color: var(--kendo-color-info-on-subtle) !important;
}

.bg-subtle-success {
  background-color: var(--kendo-color-success-subtle) !important;
  color: var(--kendo-color-success-on-subtle) !important;
}

.bg-subtle-warning {
  background-color: var(--kendo-color-warning-subtle) !important;
  color: var(--kendo-color-warning-on-subtle) !important;
}

.bg-subtle-error, .bg-subtle-danger {
  background-color: var(--kendo-color-error-subtle) !important;
  color: var(--kendo-color-error-on-subtle) !important;
}

.bg-subtle-secondary {
  background-color: var(--kendo-color-secondary-subtle) !important;
  color: var(--kendo-color-secondary-on-subtle) !important;
}

.bg-subtle-primary {
  background-color: var(--kendo-color-primary-subtle) !important;
  color: var(--kendo-color-primary-on-subtle) !important;
}

.bg-subtle-tertiary {
  background-color: var(--kendo-color-tertiary-subtle) !important;
  color: var(--kendo-color-tertiary-on-subtle) !important;
}

.bg-subtle-light {
  background-color: var(--kendo-color-light-subtle) !important;
  color: var(--kendo-color-light-on-subtle) !important;
}

.bg-subtle-dark {
  background-color: var(--kendo-color-dark-subtle) !important;
  color: var(--kendo-color-dark-on-subtle) !important;
}

/*BADGES - OUTLINE*/
.bg-outline-primary {
  background-color: transparent !important;
  color: var(--kendo-color-primary) !important;
  border: 1px solid var(--kendo-color-primary) !important;
}

.bg-outline-secondary {
  background-color: transparent !important;
  color: var(--kendo-color-secondary-emphasis) !important;
  border: 1px solid var(--kendo-color-secondary-emphasis) !important;
}

.bg-outline-success {
  background-color: transparent !important;
  color: var(--kendo-color-success) !important;
  border: 1px solid var(--kendo-color-success) !important;
}

.bg-outline-danger {
  background-color: transparent !important;
  color: var(--kendo-color-error) !important;
  border: 1px solid var(--kendo-color-error) !important;
}

.bg-outline-warning {
  background-color: transparent !important;
  color: var(--kendo-color-warning) !important;
  border: 1px solid var(--kendo-color-warning) !important;
}

.bg-outline-info {
  background-color: transparent !important;
  color: var(--kendo-color-info) !important;
  border: 1px solid var(--kendo-color-info) !important;
}

.bg-outline-light {
  background-color: transparent !important;
  color: var(--kendo-color-light) !important;
  border: 1px solid var(--kendo-color-light) !important;
}

.bg-outline-dark {
  background-color: transparent !important;
  color: var(--kendo-color-dark) !important;
  border: 1px solid var(--kendo-color-dark) !important;
}

.bg-outline-blue {
  background-color: transparent !important;
  color: var(--bs-blue) !important;
  border: 1px solid var(--bs-blue) !important;
}

.bg-outline-indigo {
  background-color: transparent !important;
  color: var(--bs-indigo) !important;
  border: 1px solid var(--bs-indigo) !important;
}

.bg-outline-purple {
  background-color: transparent !important;
  color: var(--bs-purple) !important;
  border: 1px solid var(--bs-purple) !important;
}

.bg-outline-pink {
  background-color: transparent !important;
  color: var(--bs-pink) !important;
  border: 1px solid var(--bs-pink) !important;
}

.bg-outline-red {
  background-color: transparent !important;
  color: var(--bs-red) !important;
  border: 1px solid var(--bs-red) !important;
}

.bg-outline-orange {
  background-color: transparent !important;
  color: var(--bs-orange) !important;
  border: 1px solid var(--bs-orange) !important;
}

.bg-outline-yellow {
  background-color: transparent !important;
  color: var(--bs-yellow) !important;
  border: 1px solid var(--bs-yellow) !important;
}

.bg-outline-green {
  background-color: transparent !important;
  color: var(--bs-green) !important;
  border: 1px solid var(--bs-green) !important;
}

.bg-outline-teal {
  background-color: transparent !important;
  color: var(--bs-teal) !important;
  border: 1px solid var(--bs-teal) !important;
}

.bg-outline-cyan {
  background-color: transparent !important;
  color: var(--bs-cyan) !important;
  border: 1px solid var(--bs-cyan) !important;
}

/*BADGES - LIGHT*/
.bg-light-primary {
  background-color: var(--kendo-color-primary-subtle) !important;
  color: var(--kendo-color-primary) !important;
}

.bg-light-secondary {
  background-color: var(--kendo-color-secondary-subtle) !important;
  color: var(--kendo-color-secondary) !important;
  color: var(--kendo-color-on-secondary) !important;
}

.bg-light-success {
  background-color: var(--kendo-color-success-subtle) !important;
  color: var(--kendo-color-success) !important;
}

.bg-light-danger {
  background-color: var(--kendo-color-error-subtle-hover) !important;
  color: var(--kendo-color-error) !important;
}

.bg-light-warning {
  background-color: var(--kendo-color-warning-subtle) !important;
  color: var(--kendo-color-warning) !important;
}

.bg-light-info {
  background-color: var(--kendo-color-info-on-subtle) !important;
  color: var(--kendo-color-info) !important;
}

.bg-light-light {
  background-color: var(--kendo-color-light-subtle) !important;
  color: var(--kendo-color-light) !important;
}

.bg-light-dark {
  background-color: var(--kendo-color-dark-emphasis) !important;
  color: var(--kendo-color-dark) !important;
}

.bg-light-blue {
  background-color: #9fc2f7 !important;
  color: var(--bs-blue) !important;
}

.bg-light-indigo {
  background-color: #c5a9f1 !important;
  color: var(--bs-indigo) !important;
}

.bg-light-purple {
  background-color: #c2b0e1 !important;
  color: var(--bs-purple) !important;
}

.bg-light-pink {
  background-color: #f3bdd8 !important;
  color: var(--bs-pink) !important;
}

.bg-light-red {
  background-color: #ffb0b7 !important;
  color: var(--bs-red) !important;
}

.bg-light-orange {
  background-color: #ffe3cb !important;
  color: var(--bs-orange) !important;
}

.bg-light-yellow {
  background-color: #fff5d4 !important;
  color: var(--bs-yellow) !important;
}

.bg-light-green {
  background-color: #c0fde1 !important;
  color: var(--bs-green) !important;
}

.bg-light-teal {
  background-color: #d7f9ef !important;
  color: var(--bs-teal) !important;
}

.bg-light-cyan {
  background-color: #e2faff !important;
  color: var(--bs-cyan) !important;
}

.k-table-tbody .k-table-row.k-table-alt-row.bg-primary, .k-table-tbody .k-table-row.k-table-alt-row.bg-primary .k-grid-content-sticky {
  background-color: var(--kendo-color-primary) !important;
  color: var(--kendo-color-on-primary) !important;
}

.k-table-tbody .k-table-row.bg-primary, .k-table-tbody .k-table-row.bg-primary .k-grid-content-sticky {
  background-color: var(--kendo-color-primary) !important;
  color: var(--kendo-color-on-primary) !important;
}

.btn-grid-command i:hover {
  color: white !important;
}

/*Calendar*/
.planning-calendar-container table thead tr {
  background: white;
}

.planning-calendar-container table thead th {
  background: white;
}

.planning-calendar-container table thead th.th-static {
  background: white;
}

.planning-calendar-container table td.td-static {
  background: white;
}

td.weekend {
  background-color: #e6e6e6 !important;
}

.planning-calendar-container {
  border: 1px solid #ccc;
}

/*Calendar*/