.accent-color {
  background-color: #0374b8;
}

.menu-color {
  /*background-color: $menu;*/
  background-color: #252222;
  border-bottom: 1px solid #ccc;
}

.dropdown .dropdown-menu.dropdown-default .dropdown-item {
  color: #f8f8ff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.dropdown .dropdown-menu.dropdown-default .dropdown-item:hover,
.dropdown .dropdown-menu.dropdown-default .dropdown-item:active,
.dropdown .dropdown-menu.dropdown-default .dropdown-item.active,
.dropup .dropdown-menu.dropdown-default .dropdown-item:hover,
.dropup .dropdown-menu.dropdown-default .dropdown-item:active,
.dropup .dropdown-menu.dropdown-default .dropdown-item.active,
.dropleft .dropdown-menu.dropdown-default .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-default .dropdown-item:active,
.dropleft .dropdown-menu.dropdown-default .dropdown-item.active, .dropright .dropdown-menu.dropdown-default .dropdown-item:hover,
.dropright .dropdown-menu.dropdown-default .dropdown-item:active, .dropright .dropdown-menu.dropdown-default .dropdown-item.active {
  background-color: #D2D2D4 !important;
  color: #333;
}

.navbar-light .navbar-nav .nav-link {
  color: #f8f8ff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9rem;
  letter-spacing: 0.015rem;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #f8f8ff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  background-color: #D2D2D4 !important;
  color: #333;
}

/*KENDO THEME */
.k-combobox .k-dropdown-wrap .k-clear-value {
  top: 8px;
}

.k-dropdowntree .k-multiselect-wrap .k-button {
  margin: 0px 1px 0px 0px;
}

/*MDB RESET STYLE*/
[type=checkbox]:not(:checked), [type=checkbox]:checked {
  opacity: 1;
  position: relative;
  text-align: center;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /*height: 100% !important;
  min-height: 100% !important;*/
}

/*.container-fluid {
    height: 100% !important;
    min-height: 100% !important;
    position: absolute;
}*/
/*.avatar-circle {
    width: 100px;
    height: 100px;
    background-color: $brand-special;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.initials {
    position: relative;
    top: 25px; 
    font-size: 50px; 
    line-height: 50px; 
    color: #fff;
    font-family: "Courier New", monospace;
    font-weight: bold;
}*/
.avatar-circle {
  width: 35px;
  height: 35px;
  background-color: red;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.avatar-circle .initials {
  position: relative;
  top: 7px;
  font-size: 17.5px;
  line-height: 17.5px;
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
}
.avatar-circle .initials-sm {
  position: relative;
  top: 5.25px;
  font-size: 17.5px;
  line-height: 17.5px;
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
}

.avatar-circle-sm {
  width: 30px;
  height: 30px;
  background-color: red;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.avatar-circle-sm .initials {
  position: relative;
  top: 6px;
  font-size: 15px;
  line-height: 15px;
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
}
.avatar-circle-sm .initials-sm {
  position: relative;
  top: 4.5px;
  font-size: 15px;
  line-height: 15px;
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
}

.avatar-circle-lg {
  width: 35px;
  height: 35px;
  background-color: red;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.avatar-circle-lg .initials {
  position: relative;
  top: 7px;
  font-size: 17.5px;
  line-height: 17.5px;
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
}
.avatar-circle-lg .initials-sm {
  position: relative;
  top: 5.25px;
  font-size: 17.5px;
  line-height: 17.5px;
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
}

.dirtyRow {
  background-color: #D2D2D4 !important;
}

.formEdit {
  background-color: #F4F4F4;
  /*height: 100%;
  position: absolute;*/
}

.k-tabstrip > .k-content {
  padding: 0px;
  /*border: 0px;*/
}

k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-active, .k-tabstrip-items .k-item.k-state-selected {
  border-color: rgba(0, 0, 0, 0.08);
  color: #132e32;
  /*background-color: #fff;*/
  background-color: #D2D2D4;
  font-weight: bold;
}

.k-header .k-grid-toolbar {
  color: #132e32;
  background-color: #D2D2D4;
}

.tabstrip-container {
  opacity: 1;
  background-color: #DCDCDC !important;
  border: 0px !important;
  height: 100% !important;
}

.sticky-top {
  z-index: 200;
}

.k-searchbox {
  height: 38px;
}

.k-i-search {
  height: 100%;
}

h4 {
  margin-bottom: 2px !important;
}

/* Xgroup ComboBox */
.buttonGroupLeft {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.buttonGroupCenter {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.buttonGroupRight {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.gridCellRed {
  background-color: #f59a8e;
}

.gridCellBlue {
  background-color: #47D1FF;
}

.gridCellGreen {
  background-color: #c5d5af;
}

.k-switch-label-on {
  display: flex;
  margin-left: 10px;
  color: white;
}

.k-switch-label-off {
  display: flex;
  margin-left: 30px;
  color: lightslategrey;
}