body{
     font-family: 'Dosis', sans-serif;
     color: #4a4a4a;
     overflow: hidden;
}
 .backgroundImage{
     background-image: url(/subsites/apps/esg/img/bg.jpg);
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center;
}
.singleQuestion.missing {
    border: 2px solid rgb(243 86 93 / 50%);
}
iframe#codice-etico{
    width: 100%;
    height: calc(100% - 113px);
}

.containerPdf{
	text-align: center;
}

.containerPdf button#codiceSubmit {
    margin-top: 16px;
}

#panel_codice p{
text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding: 8px;
    background-color: #f5f5f5;
    margin: 16px -16px;
}
#panel_codice p span{
	font-weight: 500;
}
 .containerSections{
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     min-height: 500px;
     overflow: auto;
}
 .innerContainerSections{
     background-color: #fff;
     padding: 16px;
     max-width: 800px;
     width: 100%;
     max-height: 800px;
     height: 100%;
     -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
             box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
}
 .header_esg{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
 .header_esg .containerHeroTop{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
 .titleStyle{
     background-color: #eeeeee;
     margin: 16px -16px;
     height: 52px;
     text-align: center;
     font-size: 24px;
     font-weight: 600;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
}
 .esg-panel{
     height: calc(100% - 64px);
	 position: relative;
}

#answerAlert{
	    font-weight: 700;
    position: absolute;
    width: 100%;
    min-width: 800px;
    background-color: #f3565d;
    top: 0;
    height: 52px;
    display: flex;
    margin: 0px -16px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    opacity: 0;
}

/*#answerAlert.visible{
	animation: seeMe 3s ease-in;
}

@keyframes seeMe {
  0% {
  	opacity: 0;
  }
  25%{
	opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75%{
	opacity: 1;
  }
  100% {
  	opacity: 1;
  }
}*/

#answerAlert.visible{
	opacity: 1;
}

 .containerHeroLogged{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
             justify-content: center;
}
 .containerHeroLogged span{
     font-weight: 700;
}
 .containerHeroLogged a{
     text-decoration: underline;
     color: #f3565d;
     cursor: pointer;
}
 .questions{
     -webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
             box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
     margin-bottom: 16px;
     height: calc(100% - 125px);
     overflow: auto;
     background-color: #f5f5f5;
}
 .questions img.minilogo{
     width: 30px;
     margin-right: 8px;
}
 .question_answer{
     margin-left: 38px;
     display: block;
}
 .containerQuestion {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
}
 .containerQuestion{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     margin-bottom: 8px;
}
 .singleQuestion{
     padding: 16px;
     border-bottom: 1px solid #eee;
     background-color: #ffffff;
}
 .panel_signin{
     height: calc(100% - 30px);
}
 .panel_signin_cont{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     gap: 15px;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 #openInfo{
     font-size: 32px;
     color: #4a4a4a;
     cursor: pointer;
         display: flex;
              display: -webkit-box;
     display: -ms-flexbox;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 #openInfo:hover{
     opacity: 0.7;
}
 .panel_signin_cont img{
     max-width: 75px;
}
 .panel_signin_cont p{
     text-align: center;
     font-size: 32px;
     font-weight: bold;
}
 .panel_signin_cont p span{
     font-weight: 500;
}
 .question_text{
     font-weight: 600;
}
 .panel_signin_cont input, .panel_signin_cont button{
     width: 100%;
     max-width: 300px;
}
 .panel_signin_cont input{
     border: none;
     border-bottom: 1px solid;
     padding: 6px 0px;
     font-size: 18px;
     border-radius: 0px;
}
 button{
     -webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
             box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
     border: none;
     background-color: #2e4227;
     color: #ffffff;
     padding: 6px 32px;
     border-radius: 2px;
     font-weight: bold;
     cursor: pointer;
     font-size: 18px;
}
 button#esgSubmit{
     background-color: #2e4227;
}
 select{
     padding: 6px 16px;
     border: none;
     -webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
             box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
     background-color: #ffffff;
     border-radius: 2px;
}
 button:hover{
     opacity: 0.8;
}
 .esg-panel{
     display: none;
}
 .esg-panel.active{
     display: block !important;
}
 .all_templates{
     display: none;
}
 .all_templates.active{
     display: block;
}
 .containerAnswere{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 8px;
}
 .containerAnswere span {
     padding: 16px;
     border-radius: 100px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     width: 42px;
     height: 42px;
     cursor: pointer;
     background-color: #f5f5f5;
     margin-right: 8px;
}
 .question_answer input {
     width: 100%;
     border: 1px solid #eee;
    /*box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
    */
     padding: 16px;
}
 .answer.active{
     background-color: #2e4227;
     color: #ffffff;
     font-weight: 600;
}
 img.bgSalad{
     max-width: 1000px;
     position: absolute;
     z-index: -1;
     margin: auto;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     -webkit-animation: getBig 0.89s ease-in;
}
 .containerButtons{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
 #template_0 .titleStyle {
     background-color: #2f4357;
     color: #fff;
}
 #template_0 .titleStyle span.category{
     text-transform: uppercase;
}
 #template_1 .titleStyle{
     background-color: #1bbc9b;
     color: #fff;
}
 #template_2 .titleStyle{
     background-color: #47929f;
     color: #fff;
}
 #template_3 .titleStyle{
     background-color: #63d3e0;
     color: #fff;
}
 @-webkit-keyframes getBig {
     from {
         -webkit-transform: scale(0.7);
                 transform: scale(0.7)
    }
     to {
        -webkit-transform: scale(1);
                transform: scale(1)
    }
}
 @keyframes getBig {
     from {
         -webkit-transform: scale(0.7);
                 transform: scale(0.7)
    }
     to {
        -webkit-transform: scale(1);
                transform: scale(1)
    }
}
 #footer_loading{
     position: fixed;
     bottom: 0;
     right: 0;
     padding: 8px 16px;
     background: #ffffff;
     font-weight: 600;
}
 .containerThanks{
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
 .containerThanks img{
     max-width: 75px;
}
 .containerThanks p {
     text-align: center;
     font-size: 32px;
     font-weight: bold;
}
 @media(max-width:768px){
     body{
         overflow: auto;
    }
     img.bgSalad{
         display: none;
    }
}
 @media(max-height:768px){
     img.bgSalad{
         display: none;
    }
}

#panel_template .eq-ui-select-wrapper{
	width: 100%;
}

.row-checkbox{
	margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 16px 10px;
}

div.row-answer > div.row-checkbox:nth-of-type(odd) {
    
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect{
	color:black
}

.remove-cert{
	float: right;
    margin-bottom: 10px;
}

.containerThanks b{
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 0;
    font-size: 28px;
}

a.uploaded {
    text-decoration: underline;
    font-weight: 600;
}

span.edit-uploaded {
    margin-left: 5px;
    color: red;
}

.list-select{
	max-height: calc(100vh - 250px);
    overflow-y: scroll;
    margin-bottom: 10px;
        box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
       width: 100%;
}
.list-select.blockscroll{
	overflow-y: hidden;
}
.template-option{
	cursor: pointer;
}
.template-option:hover{
	background-color: #f5f5f5;
}
.template-option.selected{
	background-color: #2e4227;
	color: #ffffff;
}
.template-option {
    padding: 8px 10px;
}
button{
	cursor: pointer;
}
#nacehelper{
	width: 100%;
	margin-bottom: 10px;
}
#nonaceresults{
	width: 100%;
	color: red;
	margin-bottom: 10px;
}