/******** STILE MODULO CONVENZIONE *****/
.cornice {background: #FAFAFA;padding: 30px 50px 30px 30px;margin: 20px auto;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);border-radius: 10px;border: 6px solid #305A72;}
.titolo {text-align: center;color: #305A72 !important;font-weight: 700 !important;}
.inputstyle {border: 1px solid #B0CFE0;padding: 10px;}
.inputstyle:focus {box-shadow: 0 0 5px #39A5E0; border:1px solid #39A5E0;}
hr.sfuma {border: 0;height: 1px;background: #333;background-image: none;background-image: none;background-image: linear-gradient(to right, #ccc, #333, #ccc);margin: 15px 0px;}
.w95 {width: 95%;}
.msg {background-color:red; color:white;border-radius:5px;padding:3px 0px 3px 6px;margin-top:5px;display: block;}

/**** STILE RADIO BUTTON ****/
.radio_conv {padding-left: 35px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin:5px 20px;}
.radio_conv input {position: absolute;opacity: 0;cursor: pointer;}/* Hide the browser's default radio button */
.checkmark_conv {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #bababa;border-radius: 50%;} /* Create a custom radio button */
.radio_conv:hover input ~ .checkmark_conv {background-color: #97e6ff;} /* On mouse-over, add a grey background color */
.radio_conv input:checked ~ .checkmark_conv {background-color: #2196F3;} /* When the radio button is checked, add a blue background */
.checkmark_conv:after {content: "";position: absolute;display: none;} /* Create the indicator (the dot/circle - hidden when not checked) */
.radio_conv input:checked ~ .checkmark_conv:after {display: block;} /* Show the indicator (dot/circle) when checked */
.radio_conv .checkmark_conv:after {top: 5px;left: 5px;width: 10px;height: 10px;border-radius: 50%;background: white;}  /* Style the indicator (dot/circle) */

/**** Bottone Convalida modulo form ****/
.bottone {-moz-box-shadow: inset 0px 1px 0px 0px #3985B1;-webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;box-shadow: inset 0px 1px 0px 0px #3985B1;background-color: #216288;border: 1px solid #17445E;display: inline-block;cursor: pointer;color: #FFFFFF;padding: 8px 18px;text-decoration: none;font: 12px Arial, Helvetica, sans-serif;}
.bottone:hover { background: linear-gradient(to bottom, #2D77A2 15%, #337DA8 80%);background-color: #1f95da;}
.bottone:disabled { background: linear-gradient(to bottom, #8E8E8E 15%, #B7B4B4 100%);background-color: #8E8E8E;cursor: not-allowed;}
.tasto_confirm_conv_green {background: green;color: #FFF;border: double;padding: 5px 15px;border-radius: 8px;text-decoration: none;}
.tasto_confirm_conv_green:hover {background: #006100;}

/**** stile TABBELLA fatture ***/
#tb_fatt { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%;font-size:14px;}
#tb_fatt td, #tb_fatt th {border: 1px solid #ddd;padding: 3px;}
#tb_fatt tr:nth-child(even){background-color: #f2f2f2;}
#tb_fatt tr:hover {background-color: #ddd;}
#tb_fatt th { padding:4px; text-align: left;background-color: #008fc0;color: white;}

@media (max-width:1102px) {
.ScadDoc {width:100%!important; margin-bottom:7px!important;}
.w95 { width: 100%}
}
@media screen and (min-width: 1101px) {
	.colconv:first-child { margin-left: 0px!important; } 
	.colconv { display: block; float: left; margin-left: 1.4%; }
	.colconv77 {width: 76.7%; }
	.colconv48 {width: 47.5%;}
	.colconv38 {width: 38.5%; }
	.colconv34 {width: 34%; }
	.colconv31 {width: 31%; }
	.colconv26 {width: 26%; }
	.colconv23 {width: 23%; }
	.colconv20 {width: 20.5%; }

	.lg50 { width: 49%; }
	.lg37 { width:37%;}
	.ScadDoc {width:100px;}
 }