body{
 background-color: #fff;   
 line-height: 1;
 padding-bottom: 70px;
}
*{
  font-family: 'Trebuchet MS', sans-serif;  
}
div h3 span{ color : #FFF; font-size:14px;}
div span { font-weight: 200;}
h1{ font-weight: 200;}
h3{ font-size: 1.5em}
a { color: #b1e96c; }
a:hover { color: #57b36c;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.input-group-text { color: #999; }
.table thead tr,.table thead th,.table.dataTable.no-footer{background-color: #fff;border-bottom: 1px solid #71b6f8 !important; width:99%;}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {vertical-align: middle;}
.table-responsive .form-control{     height: calc(2rem)!important;}
.table-bordered td, .table-bordered th {border:none}
.text-green{color:#b1e96c!important}
.text-blu{color:#81b5ec!important}
.text-violet{color:#b24b9c!important}
.text-brown{color:#ed6062!important}
.btn-success {
    background-color: #8fd040;
    border-color: #8fd040;
}
.btn-success:hover {    
    background-color: #1fad3f;
    border-color: #1fad3f;
}
.btn-warning:hover {    
    background-color: #ff9805;
    border-color: #ff9805;
}
.dataTables_wrapper{ margin-top:3px }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #b1e96c !important;
    border: 1px solid #b1e96c;
    background: #fff;
}
::placeholder {color: #aaa!important;opacity: 1;}
:-ms-input-placeholder {color:#aaa!important;}
::-ms-input-placeholder {color:#aaa!important;}
.nowrap{white-space:nowrap!important;}

.h_3, td.h_3{
		display: none;
 }
  .details{
/* 		visibility: hidden; */
/* 		height:0; */
/* 		position: absolute; */
/* 		left:-1000px */
 }

.footer {
    position: fixed;
    left:0;
    bottom: 0;
    width: 100%;
    height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #373737;
  z-index:10;
  margin-top:50px

}
.footer > .container,.footer .text-muted {
  text-align:center;
  color:#fff!important;  
}

.login_box{
	  color:#fff;
    position:absolute;
    top:5%;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.54);
		-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.54);
		box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.54);		
		border: 10px solid #f1f1f1;
    border-radius: 30px;		
}

.login_box .col-md-12:first-of-type{
		border-top-left-radius:20px;
		border-top-right-radius:20px;
}

.login_box .col-md-12{
    background: #71b6f8!important;    
    
}

.navbar {
	 background: url("../images/logo_barra.png") #71b6f8 no-repeat 0px -70px!important;
   height:80px;
}
.navbar-brand {
    padding-left: 220px;
    font-size:1.5em;
}

.image-circle{
    border-radius: 50%;
    width: 210px;
    height: 210px;
    border: 4px solid #fff;
    margin: 10px;
}

.col-md-12.login_control{
    background:#fff!important;
    padding:10px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
    
}
.control {
    color:#000;
/*     margin:10px; */
}
.control i.fas, .control i.far{
 		position:absolute;
 		padding: 15px 0 0 10px;
 		color:#65757d;
 		z-index:10
}

.dropdown input{
 	  height: 40px;
    padding: 0 0 0 20px!important;
    font-size: 20px!important;
    margin-bottom: -1px!important;
}
.but-register{
		transition: background-color 1s ease;
    background-color:#2d86e8;
    height: 80px;
    cursor:pointer;
    font-size:.9em;
}

.but-register:hover {
    background-color:#f1433b;
    height: 80px;
    cursor:pointer;
}
.but-register h3{
	padding-top:25px  
}

.label {
    color: #3f8ce0!important;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
}
label {
    margin-bottom: .1rem;
}
.tooltip{opacity:1!important;}
.tooltip-inner {
    background-color: #4d9ae5;        
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {    
    border-top-color: #4d9ae5;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #4d9ae5;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #4d9ae5!important;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #4d9ae5;
}
.form-control{
    color: #333!important;
}
.login_box .form-control,.form_box .form-control{	/*, .modal .form-control{*/
    font-size: 25px;
    border: none;
    padding: 15px;
    padding-left: 60px;
    border-bottom: 5px solid #f1f1f1;
    margin-bottom: 10px;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    transition: border-color 0.5s ease;
    border-radius: 0;
}
.form_box select.form-control {
    font-size: 20px!important;
    padding-top: 20px!important;
    padding-left: 50px!important;
    padding-bottom: 10px!important;
    height: 60px!important;
}
.select2-selection__choice__remove {
    display: none !important;
}
.login_box .form-control:focus,.form_box .form-control:focus{ /*, .modal .form-control:focus{*/
    border-radius: 0px;
    border-bottom: 5px solid #f1433b;
    margin-bottom: 10px;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.login_box .fa, .login_box .fas,.form_box .fa,.form_box .far, .form_box .fas, .modal .fa, .modal .fas {
    font-size: 2em;
}
.modal-title{
  font-size: 1.5em;
  color:#6c757d;
}

.modal-title .fa, .modal-title .fas, .modal-title .far {
    font-size: 1.5em;
    padding-right:10px
}

.modal-backdrop {
   background-color: #176ece;
}
.modal-content {
    border-radius: 1rem;
    border: 10px solid #f1f1f1;
}
/* .modal .label {
    color: #555!important;
     font-size: 1em;
} */

#modalRegister .label, #modalPassword .label {
    color: #555!important;
     font-size: 1em;
}

.card-header {
    padding: 0.6rem 1rem 0rem;
    color:#555;
}
.card-header h4 {
    font-size: 1.4rem;
}	    
table .fa, table .fas,table .fas {
    font-size: 1.8em;
}
.table-responsive {    
    overflow-y: hidden;

}
tr.even {
    background-color: #fff!important;
}
h5 .fa, .fas {
    font-size: 1em;
}
.box-icon{
	padding-left:0
}
.box-icon .fas {
	padding-left:10px
}

.btn-grey{
	  transition: background-color 0.5s ease;
    background-color: #333;
    border-radius: 0px;
    margin: 5px;
    padding: 5px;
    width: 150px;    
    font-weight: inherit;
    border-radius:10px;
    color:#fff;
}
.btn-grey:hover {
    background-color: #f1433b;
    border-radius: 0px;
    margin: 5px;
    padding: 5px; 
    font-weight: inherit;
    color:#FFF !important;
    border-radius:10px;
}
.line{
    border-bottom : 10px solid #2475ce;
    border-left: 2px solid #2475ce;    
    border-right: 2px solid #2475ce;   
}
.login_box .line:first-of-type{
	border-bottom : 2px solid #2475ce;
  border-left:none;
  border-right:none;
  margin-bottom: 5px;
}
.login_box .line:first-of-type h3{
    padding-top:5px
}
.outter{
    padding: 0px;
    border: 1px solid rgba(255, 255, 255, 0.29);
    border-radius: 50%;
    width: 233px;
    height: 233px;
    margin: 10px 0 15px;
}

.card-title .fas {
    font-size: 1.3em;
    padding-right:10px
}
.card-title i {    
	padding-right:10px;
	color:#888
}
.card-title a i {    
	color:#b1e96c!important
}
#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}
#radioBtn{
	display: contents !important;
}

.radioButton .notActive{
    color: #3276b1;
    background-color: #fff;
}
.radioButton{
	display: contents !important;
}

.mt-main{margin-top:7%}
.mt-30{margin-top:30px}
.mb-30{margin-bottom:30px}


.box-image{margin-top:3%;background:#fff;position:relative;border-radius:30px;-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.54);-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.54); box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.54);border: 10px solid #f1f1f1;}
.box-image{overflow:hidden}
.box-image{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box-image{background:#3c3c3c;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box-image:after,.box-image:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#71b6f8;border-left:10px solid #fff;border-right:10px solid #fff;opacity:.7;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer}
.box-image img,.box19 img{height:auto;width:100%}
.box-image:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box-image:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box-image:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box-image:hover:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box-image img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box-image:hover img{opacity:1;cursor:pointer	}
.box-image .box-content{position:absolute;top:50%;left:50%;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease; box-shadow:none!important;}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box-image:hover .box-content{cursor:pointer;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box-image .post,.box-image .title{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:10px solid #fff;color:#fff;padding:15px 20px;margin:0; border-radius:15px;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;}
.box-image .post,.box-image .title.green{background:#8fd040;}
.box-image .post,.box-image .title.orange{background:#e27d39;}
.box-image .post,.box-image .title span{background:#3c3c3c;}
.box-image .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box-image .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
@media only screen and (max-width:990px){.box-image{margin-bottom:30px}}

.box-image-start:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box-image-start:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box-image-start:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box-image-start:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box-image-start .box-content{position:absolute;top:50%;left:50%;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;opacity:1;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box-image-start .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box-image-start .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box-image-start .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}

.btn {
    font-size: 1.3rem;
    padding: 5px 30px;
}   

.modal .btn {
    font-size: 1.1rem;
}  

.cal-small td.day{font-size: 0.8rem; padding:3px!important;height: 15px;line-height: 15px;width: 15px;}  

.btn-primary,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #8fd040;
    border-color: #8fd040
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #4fc341!important;
    border-color: #4fc341;
}
#radioBtn .notActive {
    color: #4fc33b!important;
}
#radioBtn .notActive:hover {
    color: #fff!important;   
}

@media (min-width:1200px){
	.login_box {
    width: 50%!important;
    left: 27%!important;
    }		    
	.container.mt-main {
	    max-width: 90%;
	}
}
@media (min-width:1600px){
	.login_box {
    width: 35%!important;
    left: 32.5%!important;
    }

} 
@media (min-width:991px) and (max-width:1199px){
	.h_1{display:none}	
}
@media (min-width:991px){
	.login_box {
    width: 60%;
    left: 22.5%;
    }
}

@media (max-width:990px){
	.login_box {
    width: 80%;
    left: 12.5%;
    }
	.box-image{margin-bottom:30px}
	
}

@media (min-width:768px) and (max-width:989px){	
	.h_1{display:none}
		.container.mt-main {max-width: 95%;}
}

@media (max-width: 767px) {
		.navbar-nav{text-align:right; padding-top:10px}		 
		.navbar-nav .nav-link { padding: 0;}
		#no-more-tables table,#no-more-tables thead,#no-more-tables tbody,#no-more-tables th,#no-more-tables td,#no-more-tables tr{display:block!important;border:none;}
		#no-more-tables table{margin-bottom:10px!important}		 
		/* nasconde header*/
		#no-more-tables thead tr{position:absolute!important;top:-9999px!important;left:-9999px!important; }
		#no-more-tables tr{ background:#fff}		
		#no-more-tables td{/* comportamento simil-row */
		border:none;border-bottom:1px solid #eee;position:relative!important;padding-left:50%!important;white-space:normal!important;text-align:left!important;width:60%!important}		 
		#no-more-tables td:before{/* non come table header */
		position:absolute;/* Top/left  */top:6px;left:6px;width:60%!important;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold;}		
		/*Label*/
		#no-more-tables td:before{content:attr(data-title);}

/* 	 .h_2,.dataTables_length{display:none;} */
	 .h_3{display:inline!important; border:none!important;}
	  th.h_3{visibility:hidden;}
	 .table thead tr,.table thead th,.table.dataTable.no-footer{border-bottom: 1px solid #fff !important;}
	 .table thead tr,.table thead th{border-top: 1px solid #fff !important;}
	 .details{visibility:visible;position: relative;left:0px}
	.navbar {background: url("../images/logo_barra.png") #71b6f8 no-repeat 0px -80px!important;height:auto; }
	.navbar-brand {font-size:1em;}
	.mt-main{margin-top:100px}
	 h1{font-size: 25px;}
  .login_box{
        width:95%;
        height:80%;        
        top:10px;
        left:5%;     
		    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.54);
				-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.54);
				box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.54);
    }
    .login_control{
        -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.54);
				-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.54);
				box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.54);
    }
    .line{
  	  border-bottom : 2px solid #2475ce;
		}
		.but-register,.but-register:hover{
		    height: 70px;
		}		
		
		.box-image:after,.box-image:before{opacity:.2;background:#fff;}
		.box-image:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
		.box-image:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
		.box-image:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
		.box-image:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
		.box-image .box-content{position:absolute;top:50%;left:50%;opacity:1;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
		.box-image .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
		.box-image .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
		.box-image .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
    		
		
}
@media (min-width:577px) and (max-width:767px){
	.box-image .post,.box-image .title{border:2px solid #fff;}
}	

@media (max-width:576px){
			#box1{margin-top:50px;}
			#box2{margin-top:0px;}
		.h-sm{display:none}
}

tr.odd {
	background-color:rgba(0,0,0,.05) !important;
}
tr.even {
/* 	background-color:rgba(255,255,255,1) */
}

/* PROVA RESPONSIVE CELLULARE */

@media only screen and (max-width: 767px) {
    
    /* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid #ccc; }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
		white-space: normal;
		text-align:left;
	}

	.no-more-tables td.no-indent {
		padding-left: 0% !important; 
	}
	
	.no-more-tables td.no-indent-sub {
		padding-left: 8px !important; 
	}
	
	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.no-more-tables td:before { content: attr(data-title); }
	
	.no-more-tables td.to-right {
		text-align: right !important;
	}
	
	.no-more-tables td {
		border-color: #AAA !important; 
		border-width: 1px !important; 
		text-align: left !important; 
		min-height: 16px;
	}
	
}

.item-dettaglio{
	margin-bottom: 0.5em;
}

.attenzioneSoppressione{
	border-color: red !important;
}

.col:first-child{
	display: table-cell;
}

/* .checkbox { */
/*   padding-left: 20px; */
/* } */

/* .checkbox label { */
/*   display: inline-block; */
/*   position: relative; */
/*   padding-left: 5px; */
/* } */

/* .checkbox label::before { */
/*   content: ""; */
/*   display: inline-block; */
/*   position: absolute; */
/*   width: 17px; */
/*   height: 17px; */
/*   left: 0; */
/*   margin-left: -20px; */
/*   border: 1px solid #cccccc; */
/*   border-radius: 3px; */
/*   background-color: #fff; */
/*   -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; */
/*   -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; */
/*   transition: border 0.15s ease-in-out, color 0.15s ease-in-out; */
/* } */

/* .checkbox label::after { */
/*   display: inline-block; */
/*   position: absolute; */
/*   width: 16px; */
/*   height: 16px; */
/*   left: 0; */
/*   top: 0; */
/*   margin-left: -20px; */
/*   padding-left: 4px; */
/*   padding-top: 4px; */
/*   font-size: 11px; */
/*   color: #555555; */
/* } */

/* .checkbox input[type="checkbox"] { */
/*   opacity: 0; */
/* } */

/* .checkbox input[type="checkbox"]:focus+label::before { */
/*   outline: thin dotted; */
/*   outline: 5px auto -webkit-focus-ring-color; */
/*   outline-offset: -2px; */
/* } */

/* .checkbox input[type="checkbox"]:checked+label::after { */
/*   font-family: Font Awesome\ 5 Free; */
/*   content: "\f00c"; */
/*   font-weight: 900; */
/* } */

/* .checkbox.error-checkbox input[type="checkbox"]:checked+label::after { */
/*   content: "\f00d"; */
/*   font-weight: 900; */
/* } */

/* .checkbox input[type="checkbox"]:disabled+label { */
/*   opacity: 0.65; */
/* } */

/* .checkbox input[type="checkbox"]:disabled+label::before { */
/*   background-color: #eeeeee; */
/*   cursor: not-allowed; */
/* } */

/* .checkbox.checkbox-circle label::before { */
/*   border-radius: 50%; */
/* } */

/* .checkbox.checkbox-inline { */
/*   margin-top: 0; */
/* } */

/* SEZIONE ALERT CARTE */
.input-group-prepend.info {
    color: rgb(255, 255, 255);
    background-color: #71b6f8;
    border-color: #ced4da;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: #71b6f8;
    border-width: 0;
}
.custom-btn {
    width: 50%;
    padding-left:25px;
    padding-right:25px;
}
.custom-padding-left {
	padding: 5px 2px 5px 25px !important;
}
.custom-input-group {
	max-width: 280px;
}
.w-10 {
	width: 10%;
}