a {
  color: #378fcd;
}

.bg-label-warning {
  background-color: #fff1ab !important;
  color: #020202 !important;
}
.text-info {
  color: #378fcd !important;
}
.border-info {
  border-color: #378fcd !important;
}
.bg-info {
  background-color: #378fcd !important;
}
.btn-info {
  color: #fff;
  background-color: #378fcd;
  border-color: #378fcd;
}
.btn-info:hover {
  background-color: #46b3ff !important;
  border-color: #46b3ff !important;
}
.btn-label-info {
  color: #378fcd;
  border-color: transparent;
  background: #cbeaff;
}
.btn-label-info:hover {
  border-color: transparent !important;
  background: #cbeaff !important;
  color: #378fcd !important;
}
.btn-label-info:active,
.btn-label-info.active,
.btn-label-info.show.dropdown-toggle,
.show > .btn-label-info.dropdown-toggle {
  border-color: transparent !important;
  background: #cbeaff !important;
  color: #378fcd !important;
}

.btn-label-info:focus,
.btn-label-info.focus {
  color: #00cfe8;
  background: #c2f3f9;
  box-shadow: none !important;
}
.layout-menu-collapsed .layout-menu-toggle .menu-toggle-icon::before {
  content: "\ea65";
}
.layout-menu-toggle .menu-toggle-icon::before {
  content: "\ea64";
}
.bg-label-info {
  background-color: #cbeaff !important;
}
.sem-giallo {
  background-color: yellow !important;

  box-shadow: inset 0 0 10px #b97a04;
}
.sem-rosso {
  background-color: red !important;
  box-shadow: inset 0 0 10px #8a1111;
}

.sem-verde {
  background-color: #00ec00 !important;
  box-shadow: inset 0 0 15px #005024;
}

#traffic-light {
  /* position: absolute; */
  display: block;
  /* left: 50%; */
  top: 50%;
  /* margin-left: -60px; */
  /* margin-top: -160px; */
  background-color: #242745;
  width: 36px;
  height: 100px;
  border-radius: 5px;
  z-index: 20000000;
}
#traffic-light input {
  appearance: none;
  position: relative;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: 2px;
  margin-left: -15px;
  background-color: grey;
  vertical-align: middle;
  border-radius: 100%;
  display: block;
}
#traffic-light input#color1 {
  background-color: #6e0000;
}
#traffic-light input#color1:hover {
  animation: blink1 1.1s step-end infinite;
}
#traffic-light input#color1:checked {
  background-color: #ff0000;
  box-shadow: 0 0 6em #ff3333;
  animation: blink1 0.5s step-end infinite;
}
#traffic-light input#color2 {
  background-color: #505000;
}
#traffic-light input#color2:hover {
  animation: blink2 1s step-end infinite;
}
#traffic-light input#color2:checked {
  background-color: #ffff00;
  box-shadow: 0 0 6em #ffff33;
  animation: blink2 1.1s step-end infinite;
}
#traffic-light input#color3 {
  background-color: #005024;
}
#traffic-light input#color3:hover {
  animation: blink3 1s step-end infinite;
}
#traffic-light input#color3:checked {
  background-color: #00ec00;
  box-shadow: 0 0 6em #33ff33;
}
@keyframes blink1 {
  0% {
    background-color: #ff0000;
    box-shadow: 0 0 6em #ff3333;
  }
  50% {
    background-color: #6e0000;
    box-shadow: 0 0 0em transparent;
  }
}
@keyframes blink2 {
  0% {
    background-color: #ffff00;
    box-shadow: 0 0 6em #ffff33;
  }
  50% {
    background-color: #505000;
    box-shadow: 0 0 0em transparent;
  }
}
@keyframes blink3 {
  0% {
    background-color: #00ec00;
    box-shadow: 0 0 6em #33ff33;
  }
  50% {
    background-color: #005024;
    box-shadow: 0 0 0em transparent;
  }
}
* {
  /*user-select: none;*/
  outline: none;
}
.layout-menu-collapsed .semaforo-sidebar .card-body .card-title {
  display: none;
}
.layout-menu-hover .semaforo-sidebar .card-body .card-title {
  display: block;
}

@media (max-width: 1199.98px) {
  .layout-menu-collapsed .semaforo-sidebar .card-body .card-title {
    display: block;
  }
}
.navbar.bg-white {
  background-color: rgba(255, 255, 255, 1) !important;
  color: #6f6b7d;
}
@media (min-width: 992px) {
  .layout-navbar-full:not(.layout-horizontal) .menu-inner {
    margin-top: 0;
  }
}

/*orologio*/
@font-face {
  font-family: "Digital-7";
  src: url("fonts/digital-7.ttf") format("woff2"), b, g, mdrx url("digital-7.woff") format("woff");
}
.clockdate-wrapper {
  width: 100%;
  text-align: center;
  border-radius: 5px;
  margin: 15px auto 25px auto;
}
#clock {
  font-size: 40px;
  text-shadow: 0px 0px 1px #fff;
  color: #fff;
}
#clock span {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 1px #333;
  font-size: 50px;
  position: relative;
  top: -5px;
  left: 10px;
  display: none;
}
#date {
  font-size: 14px;
  font-family: arial, sans-serif;
  color: #fff;
}

.targa {
  font-weight: bold !important;
  font-family: monospace !important;
  letter-spacing: 1px !important;
  padding-left: 10px !important;
  font-size: 21px !important;
  height: 36px;
}

.authentication-wrapper.authentication-basic .authentication-inner:after,
.authentication-wrapper.authentication-basic .authentication-inner:after {
  background-image: none;
}

@media (max-width: 1999px) {
  .app-brand .app-brand-link img {
    max-width: 200px !important;
  }
}

@media (min-width: 1200px) {
  .app-brand .app-brand-link img {
    max-width: 40% !important;
  }
}