:root {
  --radius: 16px;
}
html, body{
  width: 100%;
  height: 100%;
}
body {
  background: #f4f6f9 !important;
  font-family: 'Manrope';
  font-size: 14px;
}
.boardroom-theme {
  /* padding: 7px 12px 0; */
  position: fixed;
  top: 15px;
  right: 15px;
  left: auto;
  z-index: 9999;
  min-width: 40px;
  max-width: 40px;
  max-height: 40px;
}
.boardroom-theme #switch-mode {
  opacity: 0;
  position: fixed;
  width: 45px;
  height: 25px;
  z-index: 9999;
  cursor: pointer;
}
.boardroom-theme .label {
  background-color: #e4e4e4;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  position: relative;
  height: 24px;
  width: 47px;
  margin: 0;
}
.boardroom-theme .label .ball {
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  height: 20px;
  width: 20px;
  transform: translateX(0px);
  transition: transform 0.2s linear;
}
.boardroom-theme #switch-mode:checked + .label {
  background: #000;
}
.boardroom-theme #switch-mode:checked + .label .ball {
  transform: translateX(24px);
}
.boardroom-theme .fa-moon, .boardroom-theme .fa-sun {
  color: #f1c40f;
}
body.dark-mode {
  background: #464d55!important;
}
body.dark-mode #dashboard-data .datacard {
  background-color: #2b3035!important;
  color: white!important;
}
.dark-mode .link-black, .dark-mode .link-dark, .dark-mode .text-black, .dark-mode .text-dark {
  color:#ced4da!important
}
body.dark-mode input, body.dark-mode #preloader, body.dark-mode .iti__dropdown-content, body.dark-mode #subject-header #subject-title, body.dark-mode .datacard p, body.dark-mode .dataTable tr, body.dark-mode .dataTables_length .custom-select, body.dark-mode .page-link {
  color: white!important;
}
body.dark-mode .multilabel, body.dark-mode .dataTable .form-control.form-control-sm, body.dark-mode .dataTables_filter .form-control, body.dark-mode .dataTables_length .custom-select {
  background: #454d55!important;
}
body.dark-mode .dataTable .form-control.form-control-sm, body.dark-mode .dataTables_filter .form-control, body.dark-mode .dataTables_length .custom-select {
  border-color: #6c757d;
}
body.dark-mode .datacard .multilabel > div {
  border-top: 1px solid #2b3035 !important;
  border-bottom: 1px solid #2b3035 !important;
}
body.dark-mode .multilabel > .odd {
  background: #5f6265!important;
}
body.dark-mode .dataTable tbody tr:hover { background: #3d3f40; }
.dark-mode .page-item.disabled .page-link, .dark-mode .page-item.disabled a, .dark-mode .page-item:not(.active) .page-link {
  background-color: #3a4047!important;
  border-color: #6c757d!important;
}