.icons {
  width: 60%;
  height: auto;
	  font-weight: 900!important;
		color:black!important;
				margin-top:10px!important;
		margin-bottom:10px!important;
}
.label {
  color: white;
  padding: 8px;
	margin-top:5px!important;
  font-family: Arial;  
	 font-size: 18px!important;
}
.success {background-color: #4CAF50;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.blue {background-color: #1E90FF;} /* Orange */
.fucsia{background-color: f400a1;} /* Orange */

.danger {background-color: #f44336;} /* Red */ 
.dark {background-color: black;} /* Gray */
.orange2 {background-color: #ff4c00;} /* Gray */
.other {background-color: #e7e7e7; color: black;} /* Gray */
img {
  display: block; /*add this or set container's font-size to 0 */
}

.modal-open {
  padding-right: 0px !important;
  overflow-y: scroll;
  width: 100%;
  display: block;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  outline: 0;
  padding-right: 0 !important;
}
.modal-close {
  padding-right: 0px !important;
  overflow-y: scroll;
  width: 100%;
  display: block;
}
html, body{
    padding-right: 0px !important; 
    position: relative!important;
}


.centered {
  position: absolute;
  top: 55%;
  left: 25%!important;
  transform: translate(-50%, -50%);
  font-size: 18px!important;
	color:black;  
	width:200px!important;
	 font-weight: 900;
	   width: 150px;
  height: 50px;
  background-color: white;
  -ms-transform: rotate(-0deg); /* IE 9 */
  -webkit-transform: rotate(-0deg); /* Safari 3-8 */
  transform: rotate(-0deg);
}
.centered3 {
  position: absolute;
  top: 65%;

  left: 15%!important;
  transform: translate(-50%, -50%);
  font-size: 18px!important;
	color:white;  
	width:200px!important;
}
.centered2 {
  position: absolute;
  top: 50%;
  left: 1%!important;
  transform: translate(-50%, -50%);
  font-size: 18px!important;
	coloR:black!important;
}
.days{
    animation:blinkingText 2.8s infinite;
}
@keyframes blinkingText{
    0%{     color:black;    }
   }
}


	
	
 
.myTable { 
  width: 100%;
  text-align: left;
  background-color: lemonchiffon;
  border-collapse: collapse; 
  }
.myTable th { 
  background-color: goldenrod;
  color: white; 
  }
.myTable td, 
.myTable th { 
  padding: 10px;
  border: 1px solid goldenrod; 
  }
	.buttonclose {background-color:#555555!important; color: white!important; } /* Gray */ 
	.buttonpage {   
		display: inline-block!important;  
		border-radius: 5px!important; 
		 background-color: #f4511e!important; 
		  border: none!important;  
			color: #FFFFFF!important;  
			text-align: center!important;  
			font-size: 18px!important; 
	 padding: 5px!important; 
	 margin-left:50px!important;	
	  margin-right:50px!important;
margin:3px!important;
	width: 100%!important;
		min-width: 100%!important;
     max-width: 100%!important;

		}
		@media (min-width: 1000px) {
  .buttonpage {
		display: inline-block!important;  
		border-radius: 4px!important; 
		 background-color: #f4511e!important; 
		  border: none!important;  
			color: #FFFFFF!important;  
			text-align: center!important;  
			font-size: 18px!important; 
	 padding: 5px!important; 
margin:3x!important;
margin-left:13x!important;

  }
}
@media screen and (min-device-width: 967px) and (max-device-width: 1000px)  {
  .buttonpage {
	text-align:center!important;
	width: 270px!important;
   padding:2px 2px!important;
    font-size:80%!important;
    line-height: 2!important;
    border-radius:3px!important;
		margin-left:1px!important;		
		padding-left:10px!important;
				 line-height: 10px!important!important;  
		 display:inline-block!important;
		 			width: 130px!important;
min-width: 130px!important;
max-width: 150px!important;
  }
}

@media screen and (min-device-width: 769px) and (max-device-width: 966px)  {
  .buttonpage {
	text-align:center!important;
	width: 270px!important;
   padding:2px 2px!important;
    font-size:80%!important;
    line-height: 2!important;
    border-radius:3px!important;
		margin-left:1px!important;		
		padding-left:10px!important;
				 line-height: 10px!important!important;  
		 display:inline-block!important;
		 			width: 130px!important;
min-width: 130px!important;
max-width: 150px!important;
  }
}
	
	
.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ddd;
}

	.buttonclose {   
		display: inline-block!important;  
		border-radius: 5px!important; 
		 background-color: white!important; 
		  border: none!important;  
			color: black!important;  
			text-align: center!important;  
			font-size: 18px!important; 
	 padding: 5px!important; 
	 margin-left:50px!important;	
	  margin-right:50px!important;
margin:3px!important;
	width: 50%!important;
		min-width: 50%!important;
     max-width: 100%!important;

		}
		h5 {
font-size: 10px;
}

             
				
				labelgreen{
 border:1px solid #ccc;
 padding:10px;

  padding-top:5px!important;
 margin:0 0 10px;
 display:block; 
  background:green;
		color:white;
		font-weight: bold;
		 font-size: 20px;
		 width:100%


}
				labelblack{
 border:1px solid #ccc;
 padding:10px;

  padding-top:5px!important;
 margin:0 0 10px;
 display:block; 
  background:black;
		color:white;
		font-weight: bold;
		 font-size: 20px;
		 width:100%;
	

}
				.argomento{
 border:1px solid #ccc;
 padding:10px;

  padding-top:5px!important;
 margin:0 0 10px!important;
 display:block!important; 
  background:black!important;
		color:white!important;
		font-weight: bold!important;
		 font-size: 20px!important;
		 width:100%!important;

}
table.data {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 auto;
}
td {
    padding: 0 0 5px 0;
}
td:first-child {
    min-width: 100px;
    width: 17.5%;
}
tr:last-child td {
    padding-bottom: 0;
}
.inputbox{
    border: 1px solid #d4d4d4;
    border-bottom-right-radius: 2em;
    border-top-right-radius: 2em;
    box-shadow: inset 0px 2px 2px #ececec;
    display: block;
    width: 90%;
    padding: 8px;
    font-size: 100%;
    margin: 0;
}
labelbox{
 border:1px solid #ccc;
 padding:10px;
  padding-top:5px!important;
  padding-top:5px!important;
 margin:0 0 10px;
 display:block; 
  background:green!important;
		color:white;
		font-weight: bold;
		 font-size: 20px;
		 width:100%;
}
input[type="radio"] {
  margin-right: 20!important;
	  margin-left: 10!important;
		  margin-top: 10!important;

}