@charset "utf-8";
/* CSS Document  opacity:.7;*/

body {background-color:#E8E8E8; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #434343;
}
.fz11 {font-size: 11px; line-height: 13px;}

header { opacity:1; }
a, a:hover {color:#434343;}
.container {background-color: #fff;}

h1 {font-size:50px; font-weight: 200; line-height: 35px; color: #be4369;}
h2 {font-size:40px; font-weight: bold; line-height: 35px; }
h3 {font-weight: 200; line-height: 30px; font-size: 30px;}
.green {color: #2a7730; }
h4 {font-weight: bold; font-size: 20px; color: #be4369;}

ul {padding-left: 20px;}
ul {
    list-style-type: none;
    padding-left: 0; 
  }
  
  ul li.questionario {
    position: relative;
    padding-left: 25px; 
  }
  
  ul li.questionario::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-image: url(../../public/img/icona.png); 
    background-size: contain; 
    background-repeat: no-repeat;
  }
.href-questionario {
    width: 100%;
  display: block;
  text-align: right;
}
footer {font-size: 10px !important;}
hr {background-color: #be4369; margin-top: .5rem; margin-bottom: .5rem;}

input[type="email"], input[type="password"] {border-radius: 0px !important;}

.form-control {border-radius: 0px; font-size: 12px;}
.form-control::placeolder {font-size: 10px;}

a.btnShapeRight {color: #fff;}
a:hover.btnShapeRight {color: #fff;}
.btnShapeRight {color: #fff; background-color: #be4369; font-weight: bold; border: none;}
.login {background-image: url( "../img/fondo.jpg"); background-position: center top;}

.bordo {color: #be4369;}
.fondino {background-color: #edced7;}
label {margin-bottom: 0px;}

.fz9 {font-size: 9px;}

button.disabled {opacity: .5 !important;}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da !important;
    border-radius: 0px !important;
	height: calc(1.5em + .75rem + 2px) !important;
   
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
	border-radius: 0px;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn-primary {
    color: #fff;
    background-color: #be4369 !important;
    border-color: #be4369 !important;
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.5);
}


.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #be4369 !important;
    border-color: #be4369 !important;
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.5);
}

.btn-primary:hover, .btn-primary:selected {
    color: #fff;
    background-color: #be4369 !important;
    border-color: #be4369 !important;
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.5);
}

.form-check {padding-bottom: 1rem; padding-top: 1rem;}

.btn-danger {background-color: #333;}
.btn-danger:hover {
    color: #fff;
    background-color: #333 !important;
    border-color: #333 !important;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #be4369;
    border-color: #be4369;
}
.btn-success {background-color: #be4369;}

.btn-success:hover {
    color: #fff;
    background-color: #be4369 !important;
    border-color: #be4369 !important;
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.fz50 {font-size: 50px;}

input {
    accent-color:#be4369;
}


 #nonSuperato .modal-dialog, #superatoTest .modal-dialog, #superatoCorso .modal-dialog  {
	height: 80%;
	max-width: 80%;
	display: flex;
	align-items: center; 
	justify-content: center; 
  }
  
 #nonSuperato .modal-content, #superatoTest .modal-content, #superatoCorso .modal-content  {
	height: 100%;
	border-radius: 0;
	display: flex;
	flex-direction: column;
  }
  
 #nonSuperato .modal-body ,#superatoTest .modal-body,#superatoCorso .modal-body {
	flex: 1;
	overflow-y: auto;
  }
  
  #nonSuperato .modal-footer, #superatoTest .modal-footer, #superatoCorso .modal-footer {
	margin-top: auto;
  }
  #nonSuperato .modal-body, #superatoTest .modal-body, #superatoCorso .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    height: 100%; 
    overflow-y: auto; 
  }
.modal-header { 
  border-bottom:unset!important;
}

#superatoCorso .fz50 {
  font-size:65px!important;
}

#superatoCorso .modal-footer {
  font-size:14px!important;
}
.modal-footer {
    border-top:unset!important;
}
button.close {
    font-size:48px!important;
}

div div.alert-danger-ile {
	font-weight: bold !important;
    color: #222 !important;
    background-color: rgba(252,249,249,0.24) !important;
    border: 1px solid #222 !important;
}
div div.alert-ile {padding: .7rem !important;}

@media screen and (max-width: 992px)
{
	
	
h1 {font-size:30px; font-weight: 200; line-height: 35px; color: #be4369;}
h2 {font-size:20px; font-weight: bold; line-height: 25px; }
h3 {font-weight: 200; line-height: 30px; font-size: 25px;}
}