/* style.css - Fleet Supporter */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
	  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.container {
    flex: 1;
}

.footer {
    margin-top: auto;
}
.status-dot {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

/* Colori stati manutentivi */
.status-verde {
    background-color: #28a745; /* Verde Bootstrap */
}

.status-giallo {
    background-color: #ffc107; /* Giallo Bootstrap */
}

.status-rosso {
    background-color: #dc3545; /* Rosso Bootstrap */
}

/* (Opzionale) Lampeggio per stato rosso */
@keyframes lampeggio-rosso {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.status-rosso-blink {
    background-color: #dc3545;
    animation: lampeggio-rosso 1s infinite;
}
.logosm{width:300px; margin: 0 auto}

.loginp{background:url('../assets/img/bgtrain.jpg') no-repeat; background-size:cover}
.shadow-sm{background-color:rgba(255,255,255,0.5);position:relative; top:45%}
.btn-log{border:1px solid #000; margin-top:15px} .btn-log:hover{background: #000; color: #fff}
.custom-1-7 {
  flex: 0 0 14.2857%;
  max-width: 14.2857%;
}
#statusInfoModal{z-index:100000}
.hide{display:none}
.listatohome{max-height:400px}
.tiposel{margin-top: 20px; margin-left:20px} .pad40{padding:40px}
.text-prewarning{color:#00caf5} .text-warning{color:#feb505}
.rosso i{color:#ff0000} .verde i{color:#28a745}
.btn-ritorno{font-weight: 800;
    border: 3px solid #000;
    color: #000;
	font-size: 14px; width:160px}
.btn-ritorno{width:auto;display:block; margin: 0 auto; margin-top:15px} table strong{font-weight:800} .pad10{margin-top:15px}