html, body {
  min-height: 100vh; }

body {
  background: #DAE1EA; }
  body.panel {
    background: #FCFCFC; }

.vh-100 {
  min-height: 100vh; }

.login-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.head-main {
  min-height: 50px;
  background: #DAE1EA; }
  .head-main .row {
    min-height: 50px; }

.logout-btn {
  text-decoration: none;
  display: inline-block;
  color: #000; }
  .logout-btn svg {
    width: 25px;
    height: 25px; }

.status-btn {
  height: 70px;
  pointer-events: none;
  border-radius: 15px;
  background: #dedede;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .status-btn small {
    font-size: 0.7rem; }
  .status-btn.active {
    pointer-events: all;
    cursor: pointer; }
  .status-btn.free {
    background: #1da704;
    color: #fff; }
  .status-btn.work {
    background: #810b0b;
    color: #fff; }
  .status-btn.return {
    background: #e0a807; }

@media (prefers-color-scheme: dark) {
  html.dark .head-main {
    background: #000;
    color: #fff; }
    html.dark .head-main .logout-btn {
      color: #fff; }
  html.dark body {
    background: #494949;
    color: #fff; }
    html.dark body.panel {
      background: #4c4c4c; } }

/*# sourceMappingURL=style.css.map */