/*--------------Colors--------------*/
/* Primary */
/* Secondary */
/* Success */
/* Info */
/* Warning */
/* Danger */
/* Light */
/* Dark */
/* Link */
/* Accent */
/* Indigo */
/*--------------Colors--------------*/
/*--------------Button--------------*/
/*--------------Button--------------*/
/*--------------Navbar--------------*/
/*--------------Navbar--------------*/
/*--------------Checkbox/Radio--------------*/
/*--------------Checkbox/Radio--------------*/
/*--------------Switch--------------*/
/*--------------Switch--------------*/
/*--------------Panel--------------*/
/*--------------Panel--------------*/
/*--------------Task--------------*/
/*--------------Task--------------*/
/*--------------Event--------------*/
/*--------------Event--------------*/
/*--------------Series--------------*/
/*--------------Series--------------*/
/*--------------Other--------------*/
/*--------------Other--------------*/
/*--------------Grid--------------*/
/*--------------Grid--------------*/
/*========================================================================*/
/*CUSTOM CSS FOR SAFOX-THEMED*/
/*========================================================================*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/* Navbar */
.navbar .navbar-nav .nav-link {
  color: #313045;
}

/* Navbar - Dark Version */
.navbar.navbar-dark {
  background-color: #313045;
  /*background-color: rgb(32, 32, 32);
  background-image: url("https://safox.tech/wp-content/uploads/2019/03/header-safox-main.jpg");
  background-blend-mode: color-dodge;
  -webkit-box-shadow: inset 0px -10px 5px 0px rgba(40, 40, 0, 1);
  box-shadow: inset 0px -3px 3px 0px rgba(40, 40, 0, 1);*/
}

/* ------------------------------------------------------------------------ */
/* Navbar Dropdowns */
.navbar .navbar-nav ul.dropdown-menu li a.nav-link {
  color: #313045;
}

/* Navbar Dropdowns - Dark Version */
.navbar.dropdowns-dark .navbar-nav ul.dropdown-menu {
  background-color: #313045;
}

/* ------------------------------------------------------------------------ */
/* Navbar Dropdowns Right */
.navbar .navbar-nav div.dropdown-menu a.dropdown-item {
  color: #313045;
}

/* Navbar Dropdowns Right - Dark Version */
.navbar.dropdowns-dark .navbar-nav div.dropdown-menu {
  background-color: #313045;
}

/* ------------------------------------------------------------------------ */
/* Extra's */
/* Dropdown Headers */
.navbar .navbar-nav div.dropdown-menu .dropdown-header {
  color: #313045;
}

/* User Image */
.navbar .navbar-nav .nav-link img.img-avatar {
  border: solid 2px rgba(49, 48, 69, 0.5);
}

.navbar .navbar-nav .nav-link img.img-avatar:hover {
  border: solid 2px rgba(49, 48, 69, 0.9);
}

.navbar .navbar-nav ul.dropdown-menu {
  background-color: rgba(245, 245, 245, 0.968627451);
  -webkit-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}

.navbar .navbar-nav ul.dropdown-menu li {
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}

/*------------------------------------------------------------------------*/
/* Sidebar */
.sidebar .sidebar-close {
  color: #313045;
}

.sidebar .sidebar-form .form-control {
  color: #313045;
}

.sidebar .nav-link, .sidebar .navbar .dropdown-toggle, .navbar .sidebar .dropdown-toggle {
  color: rgba(0, 0, 0, 0.7);
}

.sidebar .nav-link i, .sidebar .navbar .dropdown-toggle i, .navbar .sidebar .dropdown-toggle i {
  color: #313045;
}

.sidebar .nav-link.active, .sidebar .navbar .active.dropdown-toggle, .navbar .sidebar .active.dropdown-toggle {
  color: #313045 !important;
}

.sidebar .nav-link.active i, .sidebar .navbar .active.dropdown-toggle i, .navbar .sidebar .active.dropdown-toggle i {
  color: #313045 !important;
}

/*.sidebar .nav-dropdown.open .nav-link, .sidebar .nav-dropdown.open .navbar .dropdown-toggle, .navbar .sidebar .nav-dropdown.open .dropdown-toggle {
    color:  $primary;
}*/
.sidebar-minimized .sidebar .nav-item:hover > .nav-link i {
  color: #313045;
}

/*------------------------------------------------------------------------*/
/* Modals */
.modal-header {
  background: #313045;
}

/*------------------------------------------------------------------------*/
/* Page Headers */
.page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 {
  color: #b31e42;
}

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

/*------------------------------------------------------------------------*/
/* wizard */
.nav-pills .nav-item .nav-link.active {
  background-color: #313045;
}

/*========================================================================*/
.list-group-item.active {
  background-color: #b31e42;
  border-color: #9d1637;
}

.k-grid th.k-state-selected,
.k-grid td.k-state-selected,
.k-grid tr.k-state-selected > td {
  background: #b31e42 !important;
  color: #fff;
}

.k-tooltip {
  background: #fff !important;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
  font-size: 11px !important;
}

.k-tooltip-button {
  display: none;
}

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

.tooltip-primary {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

.tooltip-secondary {
  background-color: var(--secondary) !important;
  color: var(--white) !important;
}

.tooltip-success {
  background-color: var(--info-50) !important;
  color: var(--white) !important;
}

.tooltip-info {
  background-color: var(--info) !important;
  color: var(--white) !important;
}

.tooltip-warning {
  background-color: var(--warning) !important;
  color: var(--dark) !important;
}

.tooltip-danger {
  background-color: var(--danger) !important;
  color: var(--white) !important;
}

.tooltip-dark {
  background-color: var(--dark) !important;
  color: var(--white) !important;
}

.k-callout-n {
  border-bottom-color: #313045 !important;
}

.k-window {
  border: #313045;
}

.k-window-titlebar {
  background-color: #313045;
}

.active-quick-link {
  color: #fff !important;
  background-color: #313045 !important;
  border-color: #313045 !important;
}

.quicklinks .quick-link:hover {
  color: #313045;
  border-color: #313045;
}

/*HRM NAVIGATION*/
div#navigationMenuItems > ul > li > a, div#navigationMenuItems > ul > li > ul > li > a {
  color: #313045;
}

div#navigationMenuItems > ul > li > a.active,
div#navigationMenuItems > ul > li > ul > li > a.active {
  color: #000;
  background-color: #fff;
}

div#navigationMenuItems > ul > li > .nav-header {
  color: #313045;
}

/*CUSTOM THEMING*/
.bg-theme1 {
  background: #313045;
}

.bg-theme2 {
  background: #313045;
}

.bg-theme3 {
  background: #c8244c;
}

.bg-theme4 {
  background: #f9527a;
}

.bg-theme5 {
  background: #ffc107;
}

.sidebar .nav-link.themed {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  background: #313045;
  background: -moz-linear-gradient(-45deg, #b31e42 0%, #f3755d 100%);
  background: -webkit-linear-gradient(-45deg, #b31e42 0%, #c8244c 100%);
  background: linear-gradient(135deg, #b31e42 0%, #c8244c 100%);
}

.sidebar .nav-link.themed:hover {
  background: #fff;
}

.sidebar .nav-link.themed i {
  color: #fff;
}

.nav-pills.themed .nav-item .nav-link.active {
  color: #fff;
  background: -moz-linear-gradient(-45deg, #b31e42 0%, #c8244c 100%);
  background: -webkit-linear-gradient(-45deg, #b31e42 0%, #c8244c 100%);
  background: linear-gradient(135deg, #b31e42 0%, #c8244c 100%);
}

/*.nav-pills.nav-sq.themed .nav-item {
    background-color: rgba(0,0,0,0.03);
}*/
.nav-pills.themed .nav-item .nav-link,
.nav-pills.themed .nav-item .nav-link.disabled {
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.0196078431) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.0196078431) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.0196078431) 0%, rgba(0, 0, 0, 0) 100%);
}

/*.nav-pills.themed .nav-item .nav-link.disabled {
    background: -moz-linear-gradient(-45deg, #0000000d 0%, #00000000 100%);
    background: -webkit-linear-gradient(-45deg, #0000000d 0%,#00000000 100%);
    background: linear-gradient(135deg, #0000000d 0%,#00000000 100%);
}*/
/* ------------------------------------------------------------------------ */
/* Panels Themes*/
.panel.panel-theme-themed > .panel-heading,
.panel.panel-theme-themed > a > .panel-heading {
  color: #313045;
}

.panel.panel-theme-trans-themed > .panel-heading,
.panel.panel-theme-trans-themed > a > .panel-heading {
  background-color: transparent;
  color: #313045;
}

.panel.panel-theme-trans-themed > a > .panel-heading:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.panel.panel-theme-dark-themed > .panel-heading,
.panel.panel-theme-dark-themed > a > .panel-heading {
  background-color: #313045;
  color: white;
}

.panel.panel-theme-dark-themed > a > .panel-heading:hover {
  background-color: rgba(49, 48, 69, 0.85);
}

/* Treeview & Panelbar */
.k-treeview, .k-panelbar {
  font-size: 12px !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Banner*/
.banner-primary {
  color: #fff;
  border-left: 4px solid #313045;
  background-color: rgba(49, 48, 69, 0.85);
}

.banner-secondary {
  color: #000;
  border-left: 4px solid #e4e4e4;
  background-color: rgba(228, 228, 228, 0.85);
}

.banner-success {
  color: #fff;
  border-left: 4px solid #28a745;
  background-color: rgba(40, 167, 69, 0.85);
}

.banner-warning {
  color: #000;
  border-left: 4px solid #ffc107;
  background-color: rgba(255, 193, 7, 0.85);
}

.banner-danger {
  color: #000;
  border-left: 4px solid #dc3545;
  background-color: rgba(220, 53, 69, 0.85);
}

.banner-dark {
  color: #fff;
  border-left: 4px solid #212529;
  background-color: rgba(33, 37, 41, 0.85);
}

/* ===================================================================== */
/* ===================Switch====================== */
/*Primary*/
input:checked + .rm-switch-slider.primary {
  background-color: #313045 !important;
}

input:focus + .rm-switch-slider.primary {
  box-shadow: 0 0 1px #313045 !important;
}

input:checked:disabled + .rm-switch-slider.primary {
  background-color: rgba(49, 48, 69, 0.8) !important;
}

/*Secondary*/
input:checked + .rm-switch-slider.secondary {
  background-color: #e4e4e4 !important;
}

input:focus + .rm-switch-slider.secondary {
  box-shadow: 0 0 1px #e4e4e4 !important;
}

input:checked:disabled + .rm-switch-slider.secondary {
  background-color: rgba(228, 228, 228, 0.5) !important;
}

/*Success*/
input:checked + .rm-switch-slider.success {
  background-color: #28a745 !important;
}

input:focus + .rm-switch-slider.success {
  box-shadow: 0 0 1px #28a745 !important;
}

input:checked:disabled + .rm-switch-slider.success {
  background-color: rgba(40, 167, 69, 0.5) !important;
}

/*Warning*/
input:checked + .rm-switch-slider.warning {
  background-color: #ffc107 !important;
}

input:focus + .rm-switch-slider.warning {
  box-shadow: 0 0 1px #ffc107 !important;
}

input:checked:disabled + .rm-switch-slider.warning {
  background-color: rgba(255, 193, 7, 0.5) !important;
}

/*Danger*/
input:checked + .rm-switch-slider.danger {
  background-color: #dc3545 !important;
}

input:focus + .rm-switch-slider.danger {
  box-shadow: 0 0 1px #dc3545 !important;
}

input:checked:disabled + .rm-switch-slider.danger {
  background-color: rgba(220, 53, 69, 0.5) !important;
}

/*Info*/
input:checked + .rm-switch-slider.info {
  background-color: #17a2b8 !important;
}

input:focus + .rm-switch-slider.info {
  box-shadow: 0 0 1px #17a2b8 !important;
}

input:checked:disabled + .rm-switch-slider.info {
  background-color: rgba(23, 162, 184, 0.5) !important;
}

/*OnOff*/
input + .rm-switch-slider.on-off {
  background-color: #dc3545 !important;
}

input:disabled + .rm-switch-slider.on-off {
  background-color: rgba(220, 53, 69, 0.5) !important;
}

input:checked + .rm-switch-slider.on-off {
  background-color: #28a745 !important;
}

input:checked:disabled + .rm-switch-slider.on-off {
  background-color: rgba(40, 167, 69, 0.5) !important;
}

/* ===================Switch====================== */
/* Dark Version */
.navbar.navbar-dark {
  background-color: #313045; /* Theme Color */
}

.navbar.navbar-dark .navbar-nav .nav-link:hover {
  color: white !important;
}

.navbar.navbar-dark .navbar-nav .nav-link:active {
  color: white !important;
}

.navbar .navbar-nav ul.dropdown-menu {
  background-color: rgba(49, 48, 69, 0.9);
  -webkit-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}

.navbar .navbar-nav ul.dropdown-menu li a.nav-link {
  color: rgba(255, 255, 255, 0.95);
}

.navbar .navbar-nav ul.dropdown-menu li a.nav-link:hover {
  color: #fff !important;
  background-color: #313045;
}

.k-window-title, .k-window-actions {
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
}

.navbar .navbar-nav div.dropdown-menu .dropdown-header {
  display: block;
  white-space: nowrap;
  padding: 0 1.5rem;
  padding: 8px 20px;
  margin-bottom: 0;
  background-color: #413f5c;
  border-bottom: solid 1px rgba(0, 0, 0, 0.15);
  font-weight: bold;
  text-align: center;
  color: #fff;
}

div.dropdown-menu {
  padding-top: 0 !important;
  bottom: 0 !important;
}

.dropdown-item {
  color: white !important;
  background-color: #413f5c;
}

.dropdown-item:hover {
  color: #fff !important;
  background-color: #313045 !important;
}

.dropdown-item.txt-dark {
  color: black !important;
}

.dropdown-item.txt-dark :hover {
  color: black !important;
}

/* ===================Messages====================== */
.dropdown-menu #messages-content {
  background-color: #413f5c;
}

/* ===================Messages====================== */
/* ===================Messages====================== */
.form-group:has(.k-checkbox:disabled) label {
  color: #6c757d;
}

/* ===================Messages====================== */
/* ===================Extra Colors====================== */
.bg-blue {
  background-color: #007bff;
}

.bg-indigo {
  background-color: #6610f2;
}

.bg-purple {
  background-color: #6f42c1;
}

.bg-purple {
  background-color: #6f42c1;
}

.bg-purple {
  background-color: #6f42c1;
}

.bg-pink {
  background-color: #ef4f81;
}

.bg-red {
  background-color: #dc002e;
}

.bg-orange {
  background-color: #fd7e14;
}

.bg-yellow {
  background-color: #ffc107;
}

.bg-green {
  background-color: #28a745;
}

.bg-teal {
  background-color: #6fe78b;
}

.bg-cyan {
  background-color: #17a2b8;
}

.text-blue {
  color: #007bff;
}

.text-indigo {
  color: #6610f2;
}

.text-purple {
  color: #6f42c1;
}

.text-purple {
  color: #6f42c1;
}

.text-purple {
  color: #6f42c1;
}

.text-pink {
  color: #ef4f81;
}

.text-red {
  color: #dc002e;
}

.text-orange {
  color: #fd7e14;
}

.text-yellow {
  color: #ffc107;
}

.text-green {
  color: #28a745;
}

.text-teal {
  color: #6fe78b;
}

.text-cyan {
  color: #17a2b8;
}

.badge-blue {
  color: #fff;
  background-color: #007bff;
}

.badge-indigo {
  color: #fff;
  background-color: #6610f2;
}

.badge-purple {
  color: #fff;
  background-color: #6f42c1;
}

.badge-purple {
  color: #fff;
  background-color: #6f42c1;
}

.badge-purple {
  color: #fff;
  background-color: #6f42c1;
}

.badge-pink {
  color: #fff;
  background-color: #ef4f81;
}

.badge-red {
  color: #fff;
  background-color: #dc002e;
}

.badge-orange {
  color: #fff;
  background-color: #fd7e14;
}

.badge-yellow {
  color: #000;
  background-color: #ffc107;
}

.badge-green {
  color: #fff;
  background-color: #28a745;
}

.badge-teal {
  color: #000;
  background-color: #6fe78b;
}

.badge-cyan {
  color: #fff;
  background-color: #17a2b8;
}

/* ===================Extra Colors====================== */