.login-background {
  background-image: url(../media/logos/login-page.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000000;
}

.loader {
  font-size: 50px;
}

#daterange {
  position: relative;
  background-color: #323248;
  color: #6d6d80;
  font-size: 0.925rem;
  font-weight: 800;
  text-align: center;
  border: none;
  top: 22%;
  height: 60%;
  border-radius: 5px;
  outline: 0;
}

.typical-daterange {
  position: relative;
  background-color: #323248;
  color: #6d6d80;
  font-size: 0.925rem;
  font-weight: 800;
  text-align: center;
  border: none;
  top: 5%;
  height: 85%;
  border-radius: 5px;
  outline: 0;
  /* width: 160px; */
}

.normal-daterange:hover,
.typical-daterange:hover {
  cursor: pointer;
}

.ml-10 {
  margin-left: 10px;
}

.left-sidenav .main-icon-menu {
  background-color: #d36e00;
}

.left-sidenav .main-icon-menu svg.nav-svg {
  background-color: #d36e00;
}

.left-sidenav .main-icon-menu svg .svg-primary {
  background-color: #d36e00;
}

.link-primary,
a {
  color: #436f94;
}

.link-primary:focus,
.link-primary:hover {
  color: #d36e00;
}

.text-hover-primary:hover {
  color: #d36e00 !important;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  color: #436f94;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  color: #436f94;
}

/* .aside.aside-dark .aside-logo{
    background-color: #1e1e2d;
} */

.header.align-items-stretch {
  background-color: #d36e00;
}

.aside-dark .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  background-color: #436f94;
}

.aside-dark .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
  color: #ffffff;
}

.aside-dark
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here)
  .menu-icon
  .svg-icon
  svg
  [fill]:not(.permanent):not(g),
.aside-dark
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-icon
  .svg-icon
  svg
  [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #ffffff;
}

.daterangepicker .ranges li.active {
  background-color: #436f94;
}

.daterangepicker .ranges li:hover:not(.active) {
  color: #436f94;
}

.daterangepicker .drp-calendar td.active {
  background-color: #436f94 !important;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
  color: #436f94 !important;
  background-color: #323248 !important;
}

.daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active {
  color: #436f94 !important;
  background-color: #323248 !important;
}

.daterangepicker .drp-calendar td.available:not(.off):hover,
.daterangepicker .drp-calendar th.available:not(.off):hover {
  color: #436f94;
  background-color: #323248;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active {
  border-color: #436f94;
  background-color: #436f94;
}

.btn.btn-light-primary,
.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn.btn-light-primary:active,
.btn.btn-light-primary.active {
  color: #436f94;
}

.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
  border-color: #2c4c67;
  background-color: #2c4c67 !important;
}

.btn-check:active + .btn.btn-active-color-primary,
.btn-check:checked + .btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show > .btn.btn-active-color-primary {
  color: #436f94;
}

.btn-check:active + .btn.btn-light-primary,
.btn-check:checked + .btn.btn-light-primary,
.btn.btn-light-primary.active,
.btn.btn-light-primary.show,
.btn.btn-light-primary:active:not(.btn-active),
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary:hover:not(.btn-active),
.show > .btn.btn-light-primary {
  border-color: #474761;
  background-color: #474761 !important;
}

.aside.aside-dark .btn-custom.active,
.aside.aside-dark .btn-custom.show,
.aside.aside-dark .btn-custom:active:not(.btn-active),
.aside.aside-dark .btn-custom:focus:not(.btn-active),
.aside.aside-dark .btn-custom:hover:not(.btn-active),
.btn-check:active + .aside.aside-dark .btn-custom,
.btn-check:checked + .aside.aside-dark .btn-custom,
.show > .aside.aside-dark .btn-custom {
  color: #436f94;
}

.aside.aside-dark .btn-custom .btn-icon svg:hover [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
}

.svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #323248;
}

.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g) {
  fill: #436f94;
  background-color: #436f94;
}

.form-check.form-check-solid .form-check-input:checked {
  background-color: #436f94;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
  background-color: #436f94;
}

.select2-container--bootstrap5
  .select2-dropdown
  .select2-results__option.select2-results__option--highlighted:not(.select2-results__option--selected) {
  color: #436f94;
}

.page-item.active .page-link {
  background-color: #d36e00;
}

.page-item:not(.active) .page-link:hover {
  background-color: rgba(211, 110, 0, 0.25);
  color: white;
}

.iot-dash {
  height: 100%;
  width: 100%;
  background-image: url("../media/logos/elidz-logo-full.png");
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 50%;
}

.bg-general-orange {
  border-bottom-right-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  background-color: #d36e00;
  color: white !important;
}

.btn-outline-primary {
  color: #d36e00;
  border-color: #d36e00;
}

.btn-outline-primary:hover {
  color: white;
  background-color: #d36e00;
  border-color: #d36e00;
}

.circle {
  position: absolute;
  text-align: center;
  width: 51px;
  height: 51px;
  font-size: 100%;
  font-weight: 800;
  padding-top: 15px;
  border: 1px solid black;
  border-radius: 100%;
}

.form-check-input:checked {
  background-color: #151521;
  border-color: #151521;
}

.form-check .form-check-input {
  float: none !important;
}

.checkbox-sm {
  top: 0.8rem;
  scale: 0.8;
  margin-right: 0.7rem;
}

.pdfobject-container {
  height: 58rem;
}

.orange-text {
  color: #d36e00;
}

.inline-daterange {
  top: 0% !important;
  height: 100% !important;
  background-color: #1b1b29 !important;
}