/* COLORE PRIMARIO */

.gala-c1  					{ color: rgba(149, 17, 15) !important; }
.gala-Op-c1  				{ color: rgba(149, 17, 15, 0.2) !important; }
.gala-H-c1:hover  			{ color: rgba(149, 17, 15, 1) !important; }

.gala-bg-c1  				{ background: rgba(225, 229, 235) !important; }
.gala-Op-bg-c1  			{ background: rgba(6, 93, 38, 0.2) !important; }
.gala-Op5-bg-c1  			{ background: rgba(6, 93, 38, 0.5) !important; }
.gala-H-bg-c1:hover   		{ background: rgba(6, 93, 38, 1) !important; }

.gala-brd-c1 				{ border-color: rgba(6, 93, 38, 1) !important; }
.gala-Op-brd-c1  			{ border-color: rgba(6, 93, 38, 0.2) !important; }
.gala-H-brd-c1:hover 		{ border-color: rgba(235, 54, 51) !important; }



/* COLORE SECONDARIO */

.gala-c2  					{ color: rgba(166, 194, 150, 1) !important; }
.gala-Op-c2  				{ color: rgba(166, 194, 150, 0.2) !important; }
.gala-H-c2:hover  			{ color: rgba(166, 194, 150, 1) !important; }

.gala-bg-c2  				{ background: rgba(149, 17, 15) !important; }
.gala-Op-bg-c2  			{ background: rgba(166, 194, 150, 0.2) !important; }
.gala-Op5-bg-c2  			{ background: rgba(166, 194, 150, 0.5) !important; }
.gala-H-bg-c2:hover   		{ background: rgba(166, 194, 150, 1) !important; }

.gala-brd-c2 				{ border-color: rgba(166, 194, 150, 1) !important; }
.gala-Op-brd-c2  			{ border-color: rgba(166, 194, 150, 0.2) !important; }
.gala-H-brd-c2:hover 		{ border-color: rgba(166, 194, 150, 1) !important; }



/* COLORE TERZIARIO */

.gala-c3  					{ color: rgba(51, 51, 51, 1) !important; }
.gala-Op-c3  				{ color: rgba(51, 51, 51, 0.2) !important; }
.gala-H-c3:hover  			{ color: rgba(51, 51, 51, 1) !important; }

.gala-bg-c3  				{ background: rgba(51, 51, 51, 1) !important; }
.gala-Op-bg-c3  			{ background: rgba(51, 51, 51, 0.2) !important; }
.gala-Op5-bg-c3  			{ background: rgba(51, 51, 51, 0.5) !important; }
.gala-H-bg-c3:hover   		{ background: rgba(51, 51, 51, 1) !important; }

.gala-brd-c3 				{ border-color: rgba(51, 51, 51, 1) !important; }
.gala-Op-brd-c3  			{ border-color: rgba(51, 51, 51, 0.2) !important; }
.gala-H-brd-c3:hover 		{ border-color: rgba(51, 51, 51, 1) !important; }






/* SHOW PASSWORD ------*/
.revealPassword {
    position: absolute;
    top: 53%;
    right: 2rem;
    transform: translateY(-50%);
    cursor: pointer;
}
/*---------------------*/
/* STYLA PAGINA 404 */

.not-found {  text-align: center;  margin-top: 100px;  font-size: 24px;  animation: slideIn 1s ease-out;}.title {  font-size: 48px;  animation: bounce 2s infinite alternate;}@keyframes slideIn {  from {    opacity: 0;    transform: translateY(-50px);  }  to {    opacity: 1;    transform: translateY(0);  }}
.not-authorized {  text-align: center;  font-size: 24px;  animation: slideIn 1s ease-out;}.titleNot {  font-size: 48px;}@keyframes slideIn {  from {    opacity: 0;    transform: translateY(-50px);  }  to {    opacity: 1;    transform: translateY(0);  }}


.logo{
    width:100%;
    position:relative;
    
    top:-10px;
}

.logoSide{
    width:65%;
    position:relative;
    
    top:-5px;
}

.logo-light{

width:35px!important
}


.sidebar-wrapper{
    background:#B41412!important
}

.logo-wrapper{
    background-color:white!important;
    padding-bottom:12px!important
}

.logo-icon-wrapper{
    background-color:white!important;
     padding-bottom:22px!important;
       text-align:left!important;
   width:auto!important
}

.firstColumn   {border-top-left-radius: 15px;}
.lastColumn     {border-top-right-radius: 15px}



.testata thead {
  background-color: #374462; /* Cambia il colore dell'header */
  color: #ffff; /* Cambia il colore del testo nell'header */
 border:solid black 2px
 
}

    .loaderTable{
    display: block;
    position: relative;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border: 2px solid #2A3650;
    border-radius: 20px;
  }
  .loaderTable:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: green;
    animation: ballbns 2s ease-in-out infinite;
  }
  
  @keyframes ballbns {
    0% {  
        left: 0; 
        transform: translateX(0%); 
        box-shadow: 
        -5px 0 0 -1px rgba(255, 61, 0, 0.9),
        -10px 0 0 -2px rgba(255, 61, 0, 0.8),
        -15px 0 0 -4px rgba(255, 61, 0, 0.6),
        -20px 0 0 -6px rgba(255, 61, 0, 0.4),
        -25px 0 0 -8px rgba(255, 61, 0, 0.2);
    }
    49% {  
        left: 100%; 
        transform: translateX(-100%); 
        box-shadow: 
        -5px 0 0 -1px rgba(255, 61, 0, 0.9),
        -10px 0 0 -2px rgba(255, 61, 0, 0.8),
        -15px 0 0 -4px rgba(255, 61, 0, 0.6),
        -20px 0 0 -6px rgba(255, 61, 0, 0.4),
        -25px 0 0 -8px rgba(255, 61, 0, 0.2);
    }
    51% {  
        left: 100%; 
        transform: translateX(-100%); 
        box-shadow: 
        5px 0 0 -1px rgba(255, 61, 0, 0.9),
        10px 0 0 -2px rgba(255, 61, 0, 0.8),
        15px 0 0 -4px rgba(255, 61, 0, 0.6),
        20px 0 0 -6px rgba(255, 61, 0, 0.4),
        25px 0 0 -8px rgba(255, 61, 0, 0.2);
    }
    100% {  
        left: 0; 
        transform: translateX(0%); 
        box-shadow: 
        5px 0 0 -1px rgba(255, 61, 0, 0.9),
        10px 0 0 -2px rgba(255, 61, 0, 0.8),
        15px 0 0 -4px rgba(255, 61, 0, 0.6),
        20px 0 0 -6px rgba(255, 61, 0, 0.4),
        25px 0 0 -8px rgba(255, 61, 0, 0.2);
    }
  }  
  
  
  .green-row {
  background-color: lightgreen!important; 
}

  .my-toast {
  color: white!important; /* Cambia il colore del testo qui */
}   



.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after{
background-color:#FFFFFF00!important
}

.scrollable{
  overflow-x: scroll!important;
}

.colonna{
   white-space:nowrap!important;
   
}

.styleLinea{
    
   border: 10px solid green;
  border-radius: 5px;

}

/* RIALZAMENTO CON OMBRA */

.rialza{
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Transizione più morbida */
}

.rialza:hover{
  
        /* Stile quando il mouse è sopra il bottone */
        transform: translateY(-4px)!important;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)!important; /* Aggiunge un'ombra */
   
}