.pre-h1 {text-align: center}
.pre-h1 h2 {text-align: center; font-size: 1.2em}

input[type="text"], input[type="email"], input[type="date"], input[type="file"], textarea, select {border: #d5d5d5 1px solid; border-radius: 0 !important}
input[type="text"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="file"]:focus, textarea:focus, select:focus {border: #707070 1px solid !important; border-radius: 0}

.ucf {font-size:0.9em; color: #707070; text-transform:capitalize;}

#blocco0 .col-12, #blocco1 .col-12 , #blocco2 .col-12, #blocco3 .col-12, #blocco4 .col-12, #blocco5 .col-12, #blocco6 .col-12 {padding-bottom: 16px;}
#domanda-ammissione a:link, #domanda-ammissione a:visited, #domanda-ammissione a:hover {color:var(--coldark); text-decoration: underline !important;}

.errore{border:#ff0000 1px solid !important;}
#box-errore{min-height: 30px; margin-bottom: 16px}
#msg-errore{text-align: center; color: #ff0000; text-transform: uppercase; font-size: 1em; font-weight: 500; display: none}

.btn-sp{border-radius:0; border: var(--coldark) 1px solid; text-transform: uppercase; background-color: var(--coldark); color:#fff; padding:4px; min-width: 118px}
.btn-sp:hover{border: var(--coldark) 1px solid; background-color: #fff; color: var(--coldark)}

.sezione{text-align: center; font-size: 1.2em; font-weight: 500; margin-top: 60px}

.steps{display:flex; align-items: center; justify-content: center;}
.step{width: 30px; height: 30px; border-radius: 0; border:var(--coldark) 1px solid; text-align: center; color:var(--coldark);  line-height: 1.4em; font-size: 1.3em; font-weight: 500}
.step-active{background-color:var(--coldark); color:#fff}
.divider{min-width: 22px; min-height: 1px; background: url('../imgs/dot-dark.svg') repeat-x; background-size: 1px 1px; background-position: center; margin-left:2px; margin-right:2px}
.commissione-box {padding: 20px}
.commissione-box {max-width: 400px}
.commissione-box p {font-size: 1.2em; text-align: center}

.regolamento a {color:#000; text-decoration: underline !important;}
.strumenti h4 {color: var(--coldark); font-size: 1.3em}
.scheda {font-size: 1.2em; border: var(--coldark) 1px solid; padding: 8px; font-weight: 500}
.strumenti a:link, .strumenti a:visited { color:#666; }
.strumenti a:hover { color:#000; }
.a1categoria{max-width: 300px !important}
.candidati{margin-left: auto; margin-right: auto}
.candidati td:first-child{font-weight: 500}
/* ---------------------------  MEDIA 991 ----------------------------------- */
@media (max-width: 991px) {
	.commissione-box {max-width: 300px}
}

/* ---------------------------  MEDIA 767 ----------------------------------- */
@media (max-width: 767px) {
	.pre-h1 h2 { font-size: 1em}
	.commissione-box {max-width: 240px}
	.commissione-box p {font-size: 1em;}
}
/* ---------------------------  MEDIA 576 ----------------------------------- */
@media (max-width: 576px) {
	.step{width: 24px; height: 24px; border-radius: 0; border:var(--coldark) 1px solid; text-align: center; color:var(--coldark);  line-height: 1.4em; font-size: 1em; font-weight: 500}
	.step-active{background-color:var(--coldark); color:#fff}
	.divider{min-width: 16px; min-height: 1px; background: url('../imgs/dot-dark.svg') repeat-x; background-size: 1px 1px; background-position: center; margin-left:2px; margin-right:2px}
	.btn-sp{padding:4px; min-width: 100px; font-size: 0.8em}
	.commissione-box {max-width: 400px}

}