@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v34/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

/* Tolgo side effect nell'header di Divi */
nav#top-menu-nav {background-color: #fff; -webkit-box-shadow:none; box-shadow:none; line-height: 1; height:auto;}
nav#top-menu-nav ul li{float:none;}
nav#top-menu-nav ul li a {padding:0;}
nav#top-menu-nav ul li a:hover {background:none;}
/*
@media (min-width: 768px) {
	#main-header {z-index:7 !important;}
}
*/
/* /Tolgo side effect nell'header di Divi */

.btn, .btn-large {background-color:#0399b1;}
.triangle .teal.darken-1 {background-color:#0399b1 !important;}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


.triangle .step {
    position: relative;
	margin-bottom:30px;
}

.triangle .step > .s {
    border-radius: 50%;
    color: #fff;
    background: #0399b1;
    font-size: 26px;
    padding: 0 15px 2px;
    line-height: 1em;
    border: 2px solid #fff;
    margin-left: 0;
    width: 44px;
    height: 44px;
    line-height: 40px;
    text-align: center;
    padding: 0 1px 0 0;
    position: absolute;
    top: -6px;
}

.triangle .step h3 {
    background: #005088;
    color: #fff;
    padding: 5px;
    font-size: 21px;
    letter-spacing: 0.03em;
    margin-bottom: 10px;
    padding-left: 40px;
	margin-left: 20px;
}


.triangle .picker__table tr td {padding: 0 !important; border-top:0; text-align:center;}
.triangle .picker__table tr th {padding: 15px 5px .25em; 5px !important; text-align:center;} 
.triangle .smallText {text-align:left;}
.triangle .smallText span{font-size:85%; line-height:1.2em;}
.triangle .select-wrapper ul.select-dropdown {padding:0;}
.triangle .select-wrapper ul.select-dropdown li > span{font-size:13px; line-height:15px;}
.triangle [type="checkbox"]+label:before, .triangle [type="checkbox"]:not(.filled-in)+label:after {top:-11px;}

.triangle .minivalue .select-wrapper input.select-dropdown {font-size:0.80rem;}

.triangle label.error {top:45px; font-size:80%;}

.triangle input:-webkit-autofill, .triangle textarea:-webkit-autofill, .triangle select:-webkit-autofill {
    background-color: transparent !important;
}
.triangle #privacy-error {padding:8px; border:1px solid red; margin:20px 0;}
.triangle #privacy-error2 {padding:8px; border:1px solid red; margin:20px 0;}


.triangle #registrationnumber:valid { text-transform: uppercase; }
.triangle #labelPrivacy{font-size:12px; line-height:19px; min-height:120px; height:120px; overflow-y:scroll; font-weight:300; border:1px solid #ddd; padding:4px 8px;}
#triangleW #labelPrivacy{font-size:12px; line-height:19px; min-height:120px; height:120px; overflow-y:scroll; font-weight:300; border:1px solid #ddd; padding:4px 8px;}

#triangleW #logged {font-weight:500; font-size:20px; margin-left:1rem; margin-bottom:1rem;}

.downlaodbutton {text-align:center; }
.downlaodbutton > a {font-size:22px !important;}

.line {width:100%; border-bottom:2px solid #ddd; margin-bottom:16px;}

.triangle label.error#photo-error {top: 60px; color: red;}


.triangle #messageSuccess {margin-bottom:40px; border:3px solid green; padding:40px; font-size:18px; color:#101010;}

#contaierTable {width:100%; max-width:100%; overflow:scroll;}
@media (min-width: 768px) {
}

@media (max-width: 767px) {
	.triangle .row .col.s2 { width: 100% !important; }
	.triangle .row .col.s3 { width: 100% !important; }
	.triangle .row .col.s4 { width: 100% !important; }
	.triangle .row .col.s5 { width: 100% !important; }
	.triangle .row .col.s6 { width: 100% !important; }
	.triangle .row .col.s7 { width: 100% !important; }
	.triangle .row .col.s8 { width: 100% !important; }
	.triangle .row .col.s9 { width: 100% !important; }
	.triangle .row .col.s10 { width: 100% !important; }
	
	.triangle .select-wrapper ul.select-dropdown li > span {padding:14px 4px;}
	.triangle .select-wrapper ul.select-dropdown li > span{font-size:11px; line-height:13px;}
}

.input-field label {font-size:0.8rem;}
@media (min-width: 968px) and (max-width: 1200px) {
	.input-field label {font-size:0.9vw;}
}
@media (min-width: 768px) and (max-width: 967px) {
	.input-field label {font-size:0.82vw;}
}