*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  background-color: #f5f5f5;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url('/public/img/admin/background-4-1920.jpg');
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: cover, cover;
  z-index: -1;
}
@supports (background-image: image-set(url('x') 1x)) {
  body::before {
    background-image: image-set(url('/public/img/admin/background-4-1280.jpg') type('image/jpeg') 1x, url('/public/img/admin/background-4-1920.jpg') type('image/jpeg') 1.5x, url('/public/img/admin/background-4-2560.jpg') type('image/jpeg') 2x, url('/public/img/admin/background-4-3840.jpg') type('image/jpeg') 3x);
  }
}
/*@media (max-width: 640px) {
    body {
        background-image: image-set(
            url('/public/img/admin/background-900x1600.jpg') type('image/jpeg') 1x,
            url('/public/img/admin/background-1200x2133.jpg') type('image/jpeg') 1.5x
        );
    }
}*/
@media (prefers-reduced-data: reduce) {
  body {
    background-image: none;
    background-color: #0b0d12;
  }
}
.logo {
  width: 70%;
  height: auto;
  object-fit: contain;
}
.input-group .form-control {
  background-color: #dee2e6 !important;
  background-clip: padding-box;
}
.input-group .input-group-text {
  background-color: #dee2e6 !important;
  border-color: #dee2e6 !important;
}
.input-group .btn {
  background-color: #dee2e6 !important;
  border-left: none;
  border-color: #dee2e6 !important;
  color: #000000;
}