.bg-azzurro{
  background-color:#5CA2D8;
}
.text-azzurro{
  color:#5CA2D8;
}
.btn-azzurro{
  background-color:#5CA2D8;
  color:white;
}
.btn-azzurro:hover{
  color:white;
}
.btn-outline-azzurro{
  color: #5CA2D8;
  border-color: #5CA2D8;
}
.btn-outline-azzurro:hover{
  background-color: #5CA2D8;
  border-color: white;
  color:white;
}
.show-pwd{
	margin-left: -35px;
	cursor: pointer;
}



    .search-box{
        width: 600px;
        position: relative;
        display: inline-block;
        font-size: 16px;
    }
    .search-box input[type="text"]{
        height: 28px;
        padding: 5px 5px;
        border: 1px solid #CCCCCC;
        font-size: 16px;
    }
    .result{
        position: absolute;        
        z-index: 999;
        top: 100%;
        left: 0;
    }
    .search-box input[type="text"], .result{
        width: 100%;
        box-sizing: border-box;
    }
    /* Formatting result items */
    .result p{
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
        background: #ffffff;
		color: #1841A5;
        cursor: pointer;
    }
    .result p:hover{
        background: #f2f2f2;
    }

  .big-checkbox {
  width: 1.5rem; height: 1.5rem;top:0.5rem
  }
  .sidenav {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   background-color: #5CA2D8;
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 60px;
  }

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav ul{
  padding: 4px 4px 0px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  transition: 0.3s;
  list-style: none;
}
.sidenav ul.a{
  list-style: none;
  padding-left:32px;
  text-decoration: none;
  font-size: 10px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav ul.a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  background: lightblue;
}

  .card_trasp{
   background: ghostwhite;
  }

.drophere2{
  background: #C9E5EB;
}

.drophere{
  border-style: dashed;
  color: #9C9C9C;
  margin:10px;
  background: #C9E5EB;
  width:400px;
}
.drophere:hover{
 background-color:#9CCAD4;
  width:400px;
}

 /* Telefono */
@media (max-width: 700px){
 .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .main_phone{
   visibility: visible;
  }
  .menu_navigation_bar{
  display: none;
  }
  .referti-info{

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .referti-filtro{
	padding-left:2px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .referti-data{
	padding-left:2px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 99%;
  }
  .referti-calendario{

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 97%;
  }
  .prenotazione-data, .prenotazione-num, .prenotazione-referto, .prenotazione-stato{
   -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}
 /* Tablet */
@media only screen and (min-width: 701px) and (max-width: 1029px){

 .sidenav {padding-top: 15px;}
 .sidenav a {font-size: 18px;}
 .main_phone{
   visibility: visible;
  }
 .menu_navigation_bar{
  display: none;
  }

}

@media (min-width: 1030px) and  (ax-width: 2410px) {
 .div_ipad{	
   position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .div_anag{  
  min-width: fit-content;
  }
  .div_anag_box{
   min-width: fit-content;
   margin: 15px;
  }



}
 
 /* Computer */
@media only screen and (min-width: 1030px) {
 	
 .main_phone{
  display: none;
  }
  .menu_navigation_bar{
  visibility: visible;
  }
 .referti-info, .referti-filtro{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    align-self: center;
  }
 .referti-calendario{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .referti-data{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
    .prenotazione-data, .prenotazione-num, .prenotazione-stato{
   -webkit-box-flex: 0;
    -ms-flex: 0 0 11%;
    flex: 0 0 11%;
    max-width: 11%;
  }
  .prenotazione-referto{
   -webkit-box-flex: 0;
    -ms-flex: 0 0 8%;
    flex: 0 0 8%;
    max-width: 8%;
  }
  .referti-pl2{
  padding-left: 0.5rem !important;
 }

}