.clear { clear: both;}
.IDregister { background: #8E8E8E!important; color: #fff!important; }
.IDforgotPw { margin: 0 auto 1em auto; display: block; width: max-content; }
.text-center { text-align: center; }
.gray { color: gray; }
.loginLogo { width: 60%; }
#txtEmail, #txtNewPassword, #txtRepeatPassword  { border: none; border-bottom: 1px solid grey; }
.IDforgotPw { cursor: pointer;}
.IDforgotPw:hover { text-decoration: underline; }
.registrationForm { }
.customOverlayWithButtons { display: none; position: fixed; top: 0; left: 0; background: rgba(171, 171, 171, 0.53); width: 100%; height: 100%; z-index: 9999; }
.customDialogWithButtons, .customDialog { position: absolute; background: #fff; border-radius: 4px; padding: 0 0 1em 0; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30%; text-align: center; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.customDialogWithButtons .customBtn  { cursor: pointer; padding: 0.4em; color: #fff; background: #03A9F4; width: 48%; text-align: center; border-radius: 2px; box-sizing: border-box; float: left; }
.customDialog .customBtn  { cursor: pointer; padding: 0.4em; color: #fff; background: #03A9F4; width: 48%; text-align: center; border-radius: 2px; box-sizing: border-box; margin: auto; }
.customDialogWithButtons .customBtn.IDno { margin-left: 4%; }
.customBtnContainerWithButtons { margin-top: 1em; width: 80%; margin: auto; padding: 1.5em 0;}
.customDialogWithButtons h4, .customDialog h4 { background: #03A9F4; margin-top: 0; padding: 0.6em; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #fff; }
.customDialogWithButtons h2, .customDialog h2 { margin: 0; }
.customDialogWithButtons p, .customDialog p { margin-top: 0; }
.ui-page-theme-a .ui-btn.ui-btn-raised.clr-primary { background-color: #fec10e;  }

.customDialogForgot .customBtnForgot { cursor: pointer; padding: 0.4em; color: #fff; background: #03A9F4; width: 35%; margin: auto; text-align: center; border-radius: 2px; }
.customOverlayForgot { display: none; position: fixed; top: 0; background: rgba(171, 171, 171, 0.53); width: 30%; height: 100%; z-index: 9999; left: 50%; margin-left: -15%; }
.customDialogForgot { position: absolute; background: #fff; border-radius: 4px; padding: 0 0 1em 0; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 95%; text-align: center; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.customDialogForgot .customBtn { cursor: pointer; padding: 0.4em; color: #fff; background: #03A9F4; width: 35%; margin: auto; text-align: center; border-radius: 2px; }
.customDialogForgot h4 { background: #03A9F4; margin-top: 0; padding: 0.4em; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #fff; }


.customDialog .customBtn,
.customDialog h4,
.customDialogWithButtons h4,
.customDialogWithButtons .customBtn { background-color: #fec10e; }
#txtEmail { width: 280px;}
.gestisciPrivacy { height: 100vh; }
div[data-role='nd2tab'] { height: 100vh; }

.privacyContainer { text-align: center; }
.privacyImg { background-image: linear-gradient(rgba(93, 93, 93, 0.3), rgba(71, 107, 189, 0.4)),url(../img/privacy.jpg); background-size: cover; display: block; padding: 2em 0; }
    .privacyImg h1 { font-size: 2.5em; color: #fff; font-weight: bold; }
.logo { width: 4em; }
.privacyImg h4 { font-size: 1.1em; color: #fff; margin-top: 1em; font-weight: 500; }
.privacyContentContainer { padding: 3em 0 5em 0; text-align: center; line-height: 1.5em; background: #565d80; color: #fff; min-height: 60vh; }
    .privacyContentContainer p { margin-top: 2em; padding: 0 1em; }
.agreeButtons { display: block; margin: auto; width: 85%; text-align: center; cursor: pointer; background: #2ecc71; border-radius: 4px; padding: 0.5em; margin-top: 1em; font-size: 1.2em; }
    .agreeButtons i { margin-right: 5px; }
.IDdontAcceptPrivacy { background: #c0392b; }
.privacyContentText { border-bottom: 4px solid #8A95B6; padding-bottom: 2em; margin-top: 3em; }
    .privacyContentText:first-child { border-bottom: 4px solid #8A95B6; padding-bottom: 2em; margin-top: 1em; }
    .privacyContentText h2 { font-size: 1.3em; color: #919fe6; }
    .privacyContentText h3 { font-size: 1em; color: #a4d1ec; padding-top: 0.5em; text-align: center; }
.contentText { height: 9em; overflow: hidden; margin-bottom: 1.3em; }
.readContent { color: #beb7b4; text-decoration: underline; }
.footer { background: #454a65; padding: 0.9em 0; color: #a8b0d6; }
    .footer h3 { font-size: 0.9em; margin-bottom: 3px; }
    .footer p { font-size: 0.6em; }
.hide { display: none; }
.agreeButtons.IDaccepted { background: #2ecc71; pointer-events: none; }
.agreeButtons.IDrejected { background: #c0392b; pointer-events: none; }
.agreeButtons.IDchangeAnswer { background: #4A5177; }

.IDacceptPrivacy.selected { border: 2px solid #72F6A9; color: #FFFFFF; background: #2ECC71; font-weight: bold; }
.IDacceptPrivacy.notSelected { background: #847E7D; color: #DDDDDD; }
.IDdontAcceptPrivacy.selected { border: 2px solid red; color: #FFFFFF; background: #c0392b; font-weight: bold; }
.IDdontAcceptPrivacy.notSelected { background: #847E7D; color: #DDDDDD; }

.privacyContainerInternal { padding: 2em; text-align: justify; background: #4c5375; overflow-y: scroll; height: 200px; margin-top: 1em; box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5); font-size: 0.8em; opacity: 0.8; }

.questionContainer { padding: 2em; font-size: 1em; }
    .questionContainer span.bold { font-weight: bold; }
    .questionContainer ul li i { font-weight: bold; text-decoration: underline; }

.arrow_box { position: relative; border-bottom: 4px solid #8A95B6; }
    .arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

    .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #8A95B6; border-width: 30px; margin-left: -30px; }
    .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #8A95B6; border-width: 36px; margin-left: -36px; }

.registrationForm .header { width: 100%; text-align: center; background: #03A9F4; padding: 0.9em 0; color: #4b4646; }
.registrationForm .header h3 {margin: 0.3em 0;}
.registrationForm .registrationContainer { padding: 5%; overflow-y: scroll; width: 100%; box-sizing: border-box; }
.registrationForm .regPrivacyContentContainer { background: #03a9f4; color: #4b4646; position:relative; font-size: 13px;}
.registrationForm .regPrivacyContentContainer::after { content: " "; position: absolute; top: -1.6em; right: -2.5em; width: 2em; height: 2em; border: 1em solid #03a9f4; background: #03a9f4; border-radius: 50%; }
    .registrationForm .regPrivacyContentContainer::before { content: " "; position: absolute; top: -3.6em; left: -3.6em; width: 3em; height: 3.6em; border: 1em solid #ffffff; background: #ffffff; border-radius: 50%; }
.regPrivacyContentContainer .regPrivacyInfo { padding: 1em 0.5em 0.5em; text-align: center; }
.regPrivacyContentContainer .regLink { text-decoration: underline; text-align: center; margin: 1em 0; padding: 0; }
.regPrivacyContentContainer .privacyItem { padding: 0.5em; margin: 1em 0; border-top: 2px solid white; }
.regPrivacyContentContainer .privacyQuestion { margin-bottom: 1em; }
.registrationForm .regButtonsContainer { padding: 5%; overflow-y: scroll; width: 100%; top: 170px; box-sizing: border-box; }
.regPrivacyContentContainer .switchContainer { }

.changePassTitle { text-align: center; }

.inputError { color: red !important; }
.changePasswordTab { margin: 5%; }

@media only screen and (min-width: 1025px) {
    .ui-mobile .ui-page { position: relative; width: 30%; display: block; margin: auto; float: none; }

    .ui-mobile, .ui-mobile body { margin: 0; }

    form[name="aspnetForm"] { background: #dbdbdb; }

    .ui-content { width: 80% !important; }
}

@media only screen and (min-width: 1350px) {
    .ui-mobile .ui-page { width: 25%; }

    .ui-content { width: 90% !important; }
}

@media only screen and (max-width: 768px) {
    .customDialogWithButtons, .customDialog { width: 95%;}
    .customOverlayForgot { left: 0;
                          margin-left: 0;
                          width: 100%;
    }
}