.bordo-rosso {
	border-color: red;
}

.nascondi{
  display: none;
}

.semaforo{
	width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
    float: right;
	border: 1px solid #666;
}

.dataTables_length select{
	height: 35px;
}

.pointer {
	cursor: pointer !important;
}

label{
	font-weight: normal;
}

.giorno{
	margin-right: 10px;
}

.settimana{
	display: none; 
	margin-top: 0px; 
	background-color: white;
	padding-top: 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.etichetta {
	margin-top: 8px;
}

.spazioTraRighe{
	margin-bottom: 10px;
}

.altezza-minima{
	min-height: 32px;
}

.cella_dati{
	/*white-space: nowrap;*/
}

.colore{
	height: 15px; 
	width: 15px;  
	display: inline-block; 
	margin-right: 10px;   
	position: relative;
    top: 2px;
	border: 1px solid #666;
}

@media screen and false /*not (-ms-high-contrast: active), not (-ms-high-contrast: none) */{  
/* INPUT */
input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width:74px;
  height:34px;
  border:1px solid #aaa;
  border-radius:4px;
  background:#ebebeb;
  position:relative;
  display:inline-block;
  overflow:hidden;
  vertical-align:middle;
  transition: background 0.3s;
  box-sizing:border-box;
  margin-top: 0;
}
input[type="checkbox"]:after{
  content:'';
  position:absolute;
  top:-1px;
  left:-1px;
  width:34px;
  height:34px;
  background:white;
  border:1px solid #aaa;
  border-radius:4px;
  transition: left 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
input[type="checkbox"]:checked{
  background:#a6c7ff;
  border-color:#8daee5;
}
input[type="checkbox"]:checked:after{
  left:39px;
  border-color:#8daee5;
}

input[type="checkbox"]:hover:not(:checked):not(:disabled):after,
input[type="checkbox"]:focus:not(:checked):not(:disabled):after{
  left:0px;
}

input[type="checkbox"]:hover:checked:not(:disabled):after,
input[type="checkbox"]:focus:checked:not(:disabled):after{
  left:38px;
}

input[type="checkbox"]:disabled{
  opacity:0.5;
}

input[type="checkbox"] + span:after{
	content: "NO";
    position: relative;
    left: -32px;
    top: 1px;
}

input[type="checkbox"]:checked + span:after{
	content: "SI";
    position: relative;
    left: -61px;
    top: 1px;
}
  
  
}

.label{
	display: inline-block;
	margin-bottom: 0;
}

.label__checkbox {
  display: none;
}

.label__check {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid rgba(136,136,136);
  background: white;
  vertical-align: middle;
  margin-right: 20px;
  width: 2em;
  height: 2em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border .3s ease;
  
  i.icon {
    opacity: 0.2;
    font-size: ~'calc(1rem + 1vw)';
    color: transparent;
    transition: opacity .3s .1s ease;
    -webkit-text-stroke: 3px rgba(0,0,0,.5);
  }
  
  &:hover {
    border: 5px solid rgba(0,0,0,0.2);
  }
}

.label__checkbox:checked + .label__text .label__check {
  animation: check .5s cubic-bezier(0.895, 0.030, 0.685, 0.220) forwards;
  
  .icon {
    opacity: 1;
    transform: scale(0);
    color: white;
    -webkit-text-stroke: 0;
    animation: icon .3s cubic-bezier(1.000, 0.008, 0.565, 1.650) .1s 1 forwards;
  }
}

.center {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
}

.file {
  border-bottom: #5088c6 solid 1px;
}

@keyframes icon {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes check {
  0% {
    width: 1.5em;
    height: 1.5em;
    border-width: 5px;
  }
  10% {
    width: 1.5em;
    height: 1.5em;
    opacity: 0.1;
    background: rgba(0,0,0,0.2);
    border-width: 15px;
  }
  12% {
    width: 1.5em;
    height: 1.5em;
    opacity: 0.4;
    background: rgba(0,0,0,0.1);
    border-width: 0;
  }
  50% {
    width: 2em;
    height: 2em;
    background: #337ab7;
    border: 0;
    opacity: 0.6;
  }
  100% {
    width: 2em;
    height: 2em;
    background: #337ab7;
    border: 0;
    opacity: 1;
  }
}

span.select2.select2-container.select2-container{
  width: 100% !important;
}

.no-padding{
    padding: 0px !important;
}

.no-margin-r{
    margin-right: 0px !important;
}

.contain-classe{
  display: inline-flex;
  margin-right: 10px;
}

.conferema-ml {
  margin-left: 10px;
  position: relative;
}

.conferma-etichetta {
  width: 100%;
}

.conferma-etichetta span{
  position: absolute;
    top: 1px;
    margin-left: 8px;
}

.bool-value {
  height: 34px;
  width: 35px;
  padding-top: 9px;
  font-size: 14px;
  border: 1px solid #d2d6de;
  font-weight: 400;
  border-radius: 0;
}

.centered-icon-and-text {
  display: flex;
  justify-content: center;
  align-items: center;
}