#loader {
overflow-x: hidden;
overflow-y: hidden;
vertical-align: middle;
background-color: #fbfbfb;
opacity: .5;
position:fixed;
display: table;
width: 100%;
top:0;
height: 100%;
min-height: 100%;
z-index:99999;
}
.loader-container {
position: relative;
display: table-cell;
vertical-align: middle;
z-index: 12;
text-align:center;
}
.loader-back-logo {
margin-top:-10px;
font-size:26px;
}
.loader {
margin-top:-20px;
margin-left: 0px
}


.noresize {resize:none;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background:#fff!important;}

.colorpicker,
.daterangepicker {
margin-top:0px;
border-radius:0px;
}


p.p_checkbox_minimal {margin-top:-10px}

p:not(#foo) > input[type='checkbox'].checkbox_minimal, /* Nasconde checkbox e radio button */
p:not(#foo) > input[type='radio'].radio_minimal {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}

p:not(#foo) > input[type='checkbox'].checkbox_minimal+ label, 
p:not(#foo) > input[type='radio'].radio_minimal + label {
cursor: pointer; /* Imposta il cursore per le label */
padding: 0 0 0 15px; /* Padding a sinistra per rendere il controllo cliccabile */
margin: 0 0 0 5px;
position: relative;
}

p:not(#foo) > input[type='checkbox'].checkbox_minimal+ label:before { /* Contenuto generato per le label associate ai checkbox */
content: ""; 
width: 15px; 
height: 15px;
border: solid 1px #ccc;
background: #fff;
cursor: pointer;
position: absolute;
top: -1px;
left: -5px;
box-shadow: 0 1px 2px rgba(0,0,0,0.20), inset 0px -15px 10px -12px rgba(0,0,0,0.20); 
}

p:not(#foo) > input[type='checkbox'].checkbox_minimal:checked + label:after { /* Segno di spunta dei checkbox e suo colore */
content: "\2714";
display: block;
position: absolute;
top: 1px;
left: 0;
margin: 0 auto;
color: #222;
font-size: 11px;
}

p:not(#foo) > input[type='radio'].radio_minimal + label:before { /* Contenuto generato per le label associate ai radio button */
content: "";
width: 15px; 
height: 15px; 
border: solid 1px #ccc;
-webkit-border-radius: 7.5px; 
border-radius: 7.5px;
background: #fff;
cursor: pointer;
position: absolute;
top: -1px;
left: -5px;
box-shadow: 0 1px 2px rgba(0,0,0,0.20), inset 0px -15px 10px -12px rgba(0,0,0,0.20);
}

p:not(#foo) > input[type='radio'].radio_minimal:checked + label:after { /* Segno di spunta dei radio button e suo colore */
content: "";
display: block;
width: 8px; 
height: 8px;
-webkit-border-radius: 4px; 
border-radius: 4px; 
position: absolute;
top: 3px;
left: 0;
margin: 0 auto;
background-color: #222;
}


.alias_imput {
border-radius: 0!important;
box-shadow: none!important;
display: block;
width: 100%;
min-height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-top-color: rgb(204, 204, 204);
border-right-color: rgb(204, 204, 204);
border-bottom-color: rgb(204, 204, 204);
border-left-color: rgb(204, 204, 204);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.titolo_sezione_anagrafica {
background-color:#f7f7f7;
font-size: 18px;
text-align: center;
padding: 7px 10px;
margin-top: 0;
}


.searchbox{color:#000;float:left;list-style:none;margin-top:-3px;padding:0;position:absolute;z-index:10;min-width:94%;width:auto;max-width:100%;height:200px;overflow-x:auto;}
.searchbox li{padding:10px;background:#c7bfbf;border-bottom:#bbb9b9 1px solid;}
.searchbox li:nth-child(even) {padding:10px;background: #ccc!important;border-bottom:#bbb9b9 1px solid;}
.searchbox li:hover{background:#ece3d2!important;cursor:pointer;}

.searchbox li.badge-warning { background-color: #c67605!important;color:#fff!important;}
.searchbox li.badge-danger { background-color: #b94a48!important;color:#fff!important; }


.form-control.bg-gray-important {background-color:#d2d6de!important; color: #000!important;}

.border-warning {border: 1px solid #c67605;}
.border-success {border: 1px solid #468847;}
.border-danger {border: 1px solid #b94a48;}

.badge-info { background-color: #3a87ad; }
.badge-default { background-color: #999999; }
.badge-warning { background-color: #c67605; }
.badge-success { background-color: #468847; }
.badge-danger { background-color: #b94a48; }
.badge-primary { background-color: #f39c12; }

.hidden { display:none!important; }

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{cursor:pointer!important;}

.search_user {position: absolute;z-index: 5;padding: 0;margin: -6px 0 0 -8px;text-align: center;}
.load_result, .load_result_1, .load_result_2, .load_result_cognome, .load_result_nome {position: absolute;z-index: 5;}
#response_user ul, #response_campo_1 ul, #response_campo_2 ul, #response_cognome ul, #response_nome ul{padding:0px;}
#response_user, #response_campo_1, #response_campo_2, #response_cognome, #response_nome {
list-style: none;
padding: 0px;
width: 100%;
position: absolute;
margin: 0;
z-index: 9999;
padding: 0 30px 0 0;
}
#response_user li, #response_campo_1 li, #response_campo_2 li, #response_cognome li, #response_nome li{
background: #000;
color: #fff;
padding: 6px 12px;
margin-bottom: 1px;
}
#response_user li:nth-child(even), #response_campo_1 li:nth-child(even), #response_campo_2 li:nth-child(even), #response_cognome li:nth-child(even), #response_nome li:nth-child(even){background: #999; color: #fff;}
#response_user li:hover, #response_campo_1 li:hover, #response_campo_2 li:hover, #response_cognome li:hover, #response_nome li:hover{background-color: #ababab; color:#fff; cursor: pointer;}

#response_user li a, #response_campo_1 li a, #response_campo_2 li a, #response_cognome li a, #response_nome li a{ color: #fff!important; }



.modal {overflow-y:auto!important;padding:0!important}
.skin-black-light{padding-right: 0px!important;} /*<<---- questa riga mi risolve il bug all'apertura del modale che si creava uno spazio di 17px a destra*/


#risposta_prenotazioni {
    border: 0;
    padding: 0;
    float: left;
    width: 1px;
    height: 1px;
}

.riga_a {background: #fff;min-height:30px;padding-top:5px;}
.riga_b {background: #f5f0f0;min-height:30px;padding-top:5px;}


.tbl_scheda_dettagli table th,.tbl_scheda_dettagli table td {vertical-align: middle!important;text-align: center!important;}
.tbl_scheda_dettagli table th small {font-weight: normal;}


.box_evidenziato {
float:left;
border-radius: 0!important;
box-shadow: none!important;
display: block;
min-height: 34px;
padding: 5px;
margin-bottom: 5px;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-color: rgb(204, 204, 204);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


table.cash th.l {
position: sticky;
left: 0;
z-index: 10;
overflow: hidden;
text-overflow: ellipsis;
}



/* CLASS CHE MI FA LAMPAEGGIARE UN TESTO */
.textblink {
  animation:1s blinker linear 10;
  -webkit-animation:1s blinker linear 10;
  -moz-animation:1s blinker linear 10;
  color: red;
}
.blink {
  animation:1s blinker linear infinite;
  -webkit-animation:1s blinker linear infinite;
  -moz-animation:1s blinker linear infinite;
  color: red;
}
@-moz-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}