/* --------------------------------------- LAVORAZIONE CSS MODALE LOGIN -------------------------------------------*/

.modal-header{
    text-align: center;
    padding: 10px 9px 0 0;
}

.modal-header-white{
    text-align: right;
    padding: 10px 9px 0 0;
    background-color:#f7f7f7;
}

.modal-dialog {
    font-family: "dosisregular", Arial, sans-serif;
    width: 900px;
    height: 550px;
}

.div-footer-white{
    background-color: #ffffff;
    height: auto;
    min-height:120px;
}

.footer-text-top {
    color: #585e78;
    width: 100%;
    text-align: center;
    font-family: "dosisregular", Arial, sans-serif;
    font-size: 25px;
    padding: 0 0 5px;
}

.footer-center{
    color: #585e78;
    width: 100%;
    text-align: center;
    font-family: "dosisregular", Arial, sans-serif;
    font-size: 16px;
}

.footer-text-low{
    color: #585e78;
    cursor: pointer;
    padding: 0 1% 0 83%;
    text-align: right;
    text-decoration: none;
}

.col-login {
    text-align: center;
    width: 12.5%;
}

.col-login2{
    /*text-align: center;*/
    width: 30%;
}

.btn-block {
    width: 160px!important;
}

.text-white{
    background:none;
    color: #ffffff;
    text-align: center;
    padding-bottom: 6px;
}

.overlink-div {
    /*padding-left: 90px;*/
    padding-bottom: 17px;
    text-align: center;
}

.btn .go-to-archive_link {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #09b6eb;
    border-radius: 2em;
    color: #09b6eb;
    cursor: pointer;
    display: inline-block;
    font-family: "dosissemibold";
    font-size: 1em;
    letter-spacing: 0.01em;
    line-height: 1em;
    padding: 1em 1.7em;
    text-align: center;
    text-transform: uppercase;
}

/*.top-nav-wrapper li.register_link a {
   padding: 0.03em 1.1em;
}*/

li.register_link #user-login-form  a{ padding: 0.03em 1.1em;}

.btn .top-nav-wrapper li a {
    line-height: 39px;
}

/*li.register_link #user-login-form a:hover{
    background: #303647;
    color: #09b6eb;
}*/

/*.top-nav-wrapper li.register_link a:hover {
    background: #303647;
    color: #09b6eb;
}*/

li.register_link #user-login-form .overlink{
    background-color: transparent;
    color: #ffffff;
    text-align: center;
    padding-bottom: 3px;
    text-transform: none;
    font-size:16px;
}

li.register_link #user-login-form .overlink:hover{
    background-color: transparent;
    color: #ffffff;
    text-transform: none;
    font-size:16px;
}

.modal-body {
    position: relative;
}

#statoSito{
    display:none;
    text-align: center;
    font-size: 20px;
    margin-top: 25%;
}

.input__label .input__label--juro {
    margin-right: 0;
}

.input__label--juro::before {
    border-style: none;
}
/*
.page-home .input__label--juro.errorFields-label::before{
    border: 0;
    position: relative;
}
*/

.page-home .input__label--juro::before {
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    transition: border-width 0.3s ease 0s, border-color 0.3s ease 0s;
    width: 100%;
}

.input--filled .input__label--juro::before{
    border-style: solid;
}

.input .input--juro{
    max-width: 366px;
}

/* -------------------------------------------- FINE LAVORAZIONE CSS MODALE LOGIN ----------------------------------------------------------*/


.bkg_gradient {
    background: linear-gradient(20deg, #7358a8 1%, #3cc5f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
}

.modal-content {
    border: 0;
}

.modal .modal-header {
    border-bottom: 0 none;
}

.close{
    background-image: url("../img/close-modal-icon-white.png") !important;
    background-repeat: no-repeat !important;
    background-color: #ffffff;
    display: inline-block;
    height: 49px;
    margin-right: 0;
    margin-top: 0;
    opacity: 1;
    outline: medium none;
    text-indent: -10000px;
    width: 49px;
}

.close-white{
    background-image: url("../img/close-modal-icon-blue.png") !important;
    background-repeat: no-repeat !important;
    background-color: #f7f7f7;
    display: inline-block;
    height: 49px;
    opacity: 1;
    outline: medium none;
    text-indent: -10000px;
    width: 49px;
    border: 0.8px none;
}

.back-close{
    background-image: url("../img/back-white.png") !important;
    background-repeat: no-repeat !important;
    background-color: #f7f7f7;
    display: inline-block;
    height: 49px;
    opacity: 1;
    outline: medium none;
    text-indent: -10000px;
    width: 49px;
    border: 0.8px none;
}

.back-white{
    background-image: url("../img/back-blue.png") !important;
    background-repeat: no-repeat !important;
    background-color: #f7f7f7;
    display: inline-block;
    margin-right: 87%;
    height: 49px;
    opacity: 1;
    outline: medium none;
    text-indent: -10000px;
    width: 49px;
    border: 0.8px none;
}


.back-blue{
    background-image: url("../img/back-white.png") !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    display: inline-block;
    margin-right: 87%;
    height: 49px;
    opacity: 1;
    outline: medium none;
    text-indent: -10000px;
    width: 49px;
    border: 0.8px none;
}


.close-white:hover{
    background-color: #ececec;
}

.back-white:hover{
    background-color: #ececec;
}


.form-group-attached > div.row {
    display: table;
    width: 100%;
}

.form-group-attached > div.row > [class*="col-"] {
    /*display: table-cell;*/
    float: none;
    height: 100%;
    vertical-align: top;
    text-align: center;
    width: 100%;
}

.form-group-attached > div.row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
commentato perchè rovina pagina di sol_goal/public e altre pagine,dato che è caricato in tutte le pagine pubbliche
form .row [class*="col-"]:last-child {
    padding-right: 0;
}
*/

.titolo-login {
    text-align: center;
    font-size: 30px;
    text-transform: none;
}

.form-group-attached .row{
    margin-left: 0;
    margin-right: 0;
}

form .row [class*="col-"]:not(:first-child), form .row [class*="col-"]:not(:last-child) {
    padding-left: 7px;
    padding-right: 7px;
}

.form-group-attached .radio input[type="radio"],
.form-group-attached .radio-inline input[type="radio"],
.form-group-attached .checkbox input[type="checkbox"],
.form-group-attached .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: 0;
    margin-top: 4px \9;
}

.top-nav-wrapper #user-login-form{
    text-transform: none;
}

.top-nav-wrapper > div .col-login, .top-nav-wrapper > ul .col-login {
    font-size: 1.1em;
}

#user-login-form .btn-primary {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #ffffff;
    border-radius: 2em;
    color: #ffffff;
    font-size: 15px;
}

#user-login-form .separatore {
    background: none repeat scroll 0 0 #ffffff;
    display: inline-block;
    height: 1px;
    margin: 20px 0 5px 0;
    opacity: 0.3;
    width: 100%;
}

.div-footer-white .register_link a {
    background: none repeat scroll 0 0 #09b6eb;
    color: #fff;
    /*display: block;*/
    letter-spacing: 0.05em;
    padding: 0 2em;
    text-transform: uppercase;
}

.top-nav-wrapper .register_link a{
    display: inline-block;
}

.input, .sol_select {
    float: left;
    height: 60px;
    margin-bottom: 32px !important;
    margin-top: 0 !important;
    width: 370px !important;
}

.top-nav-wrapper .register_link {
    line-height: 1.5em;
}

.input {
    max-width: 370px;
}

.log-txt {
    font-size: 16px;
    font-weight: bold;
}

.log-img{
    background-color: #585e78;
    border-radius: 15px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 3;
    margin: 0 9px 11px 3px;
    padding: 3px 9px;
}

.input__field .input__field--juro .textarea {
    background: none repeat scroll 0 0 transparent;
}

#mylogin{
    overflow: hidden;
}

.domanda_segreta_div{
    text-align: center;
}

.recover-frame{
    background-color:transparent;
}

.reg-frame{
    background-color:transparent;
}

.modal-header .clearfix{
    background-image: url("../img/gradient-header-top.png");
}

.info-recover-data{
    font-size: 28px;
}

.headerRegNoGradient .modal-header-white{
	background-color: transparent;
}

.headerRegNoGradient .back-white{
	background-color: transparent;
    background-image: url("../img/back-white.png") !important;
    background-repeat: no-repeat !important;
    border: 0.8px none;
    display: inline-block;
    height: 49px;
    margin-right: 87%;
    opacity: 1;
    outline: medium none;
    text-indent: -10000px;
    width: 49px;
}

.headerRegNoGradient .close-white{
	background-color: transparent;
    background-image: url("../img/close-modal-icon-white.png") !important;
    background-repeat: no-repeat !important;
    display: inline-block;
    height: 49px;
    margin-right: 0;
    margin-top: 0;
    opacity: 1;
    outline: medium none;
    text-indent: -10000px;
    width: 49px;
}

.loader {
    margin: 6em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}


.loader-login {
    position:absolute;
	top:190px;
	left:400px;
	z-index:10000;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* OVERFLOW HIDDEN modale - iframe*/
.modal-open-iframe{
    overflow: hidden;
    padding-right: 0;
}

.error-message{
    color: red;
    text-align: left;
    padding: 5px 0 5px 15px;
    font-weight: bold;
    height: auto;
}

#msgStatoSito{
    color: red;
    text-align: left;
    padding: 5px 0 5px 15px;
    font-weight: bold;
    height: auto;
}

.error-field{
    border-color: red;
}

.errorFields-label{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: solid;
    border-width: 0 0 0 10px;
    color: red !important;
}

.errorFields-input-login{
    font-size: 14px;
    padding: 12px 0.1px 0.9px 0.5px;
}

#user-login-form.errorFields-input-login{
    padding: 0 0.1px 0.9px 0.5px;
}

#btn-to-reg{
    height: 45px;
    line-height: 11px;
    width: 165px;
    background: #09b6eb;
    color:white;
}

#btn-to-reg:hover{
    background: #ffffff;
    color:#09b6eb;
    border: 2px solid #09b6eb;
    border-radius: 2em;
}


#user-login-form .form-group{
    margin-bottom: 0;
}
.login-text-center{
    float: none;
}

.center{
    text-align: center;
}

.footer-low{
    color: #585e78;
    width: 100%;
    text-align: center;
    font-family: "dosisregular", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.1em;
    padding: 6px 0 0;
}

.footer-low p{
    text-align: center;
    line-height: 1.19em;
}


.divRinnova{
    background: white none repeat scroll 0 0;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 6px;
    border:solid #ff0000 3px;
}

#rinnovaLink{
    margin-right: 7px;
    background-color: transparent;
    color: #585e78;
    text-align: center;
    float: left;
    text-transform: none;
    font-size:16px;
    font-family: "dosisregular",Arial,sans-serif;
    padding-left: 27%;
    padding-top: 1.25px;
}

.buttonRinnova {
    color: #585e78 !important;
    font-size: 16px !important;
}

#second_step .footer-text-low {
    padding: 0 !important;
}



/*-----------------------------------INIZIO RESPONSIVE LOGIN SMARTPHONE ------------------------------------------------------*/


@media screen and (min-width: 1px) and (max-width: 680px) {

    .log-txt{
        font-size: 12px;
    }

    .log-img{
        padding: 1px 6px;
    }

    .assistenzaLogin{
        margin-left: -50px
    }

    .back-white {
        margin-right: 73%;
    }

    .headerRegNoGradient .back-white {
        margin-right: 73%;
    }

    .overlink-div{
        padding-left: 3%;
    }

    .titolo-login {
        font-size: 21px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .footer-text-top {
        font-size: 22px;
    }

    #btn-to-reg {
        height: 37px;
        width: 134px;
    }

    #buttonAvanti{
        margin-left: -25px;
    }

    .btn-primary {
        border: 1px solid #ffffff;
        font-size: 14px;
    }

    .btn-block {
        width: 130px !important;
    }

    .back-blue {
        background-image: url("../img/back-white-small.png") !important;
        height: 31px;
        width: 31px;
        margin-right: 77%;
    }

    .back-white {
        background-image: url("../img/back-blue-small.png") !important;
        height: 31px;
        width: 31px;
    }

    .close-white {
        background-image: url("../img/close-modal-icon-blue-small.png") !important;
        height: 31px;
        width: 31px;
    }

    .close {
        background-image: url("../img/close-modal-icon-white-small.png") !important;
        height: 31px;
        width: 31px;
    }

    button, a[role="button"], .btn {
        font-size: 11px;
    }

    #user-login-form .btn-primary {
        font-size: 13px;
        margin-left: 25px;
    }

    .headerRegNoGradient .back-white {
        background-color: transparent;
        background-image: url("../img/back-white-small.png") !important;
        height: 31px;
        width: 31px;
    }

    .headerRegNoGradient .close-white {
        background-image: url("../img/close-modal-icon-white-small.png") !important;
        height: 31px;
        width: 31px;
    }

    .mobile .form-group{
        height: 65px;
    }

    .input__label--juro {
        height: 90%;
    }

    .page-home .input__label--juro::before {
        height: 90%;
    }


    #user-login-form .form-group{
        margin-bottom: 0;
    }
    .login-text-center{
        float: none;
    }

    .center{
        text-align: center;
    }

    .footer-low{
        color: #585e78;
        width: 100%;
        text-align: center;
        font-family: "dosisregular", Arial, sans-serif;
        font-size: 14px;
        line-height: 1.1em;
        padding: 6px 0 0;
    }

    .footer-low p{
        font-size: 11px;
        text-align: center;
    }

    .header-area {
        height: 580px !important;
    }

    .header-area .button-container a {
        margin-bottom: 30px;
        padding: 0.8em;
    }

    #edit-search-keys{
        font-size: 19px;
    }

    .header-area .input-container {
        margin-bottom: 1px;
    }

    .header-area .search-form-gsa {
        margin-bottom: 1px;
        padding-bottom: 13px;
    }

    .item-detail{
        font-family: "dosisregular", Arial, sans-serif;
    }
}





/* -----------------------------------RESPONSIVE TABLET ----------------------------------------*/


@media screen and (min-width: 680px) and (max-width: 830px) {

    .headerRegNoGradient .back-white { margin-right:80%; }


    .back-blue {
        background-image: url("../img/back-white-small.png") !important;
        height: 31px;
        width: 31px;
        margin-right: 77%;
    }

    .back-white {
        background-image: url("../img/back-blue-small.png") !important;
        height: 31px;
        width: 31px;
    }

    .close-white {
        background-image: url("../img/close-modal-icon-blue-small.png") !important;
        height: 31px;
        width: 31px;
    }

    .close {
        background-image: url("../img/close-modal-icon-white-small.png") !important;
        height: 31px;
        width: 31px;
    }


    .footer-low p{
        text-align: center;
        font-size: 12px;
    }

    .header-area {
        height: 799px !important;
        background-position: center top;
    }

    .header-area .button-container a {
        margin-bottom: 0.9em;
        padding: 0.9em;
    }

    #edit-search-keys{
        font-size: 18px;
    }

    .header-area .input-container {
        margin-bottom: 1px;
    }

    .header-area .search-form-gsa {
        margin-bottom: 11px;
        padding-bottom: 18px;
    }


}


/*FINE MENU SERVIZI SOL*/

@media (max-width: 680px) {

    #user-login-form .form-group {
        margin-bottom: 15px;
    }
}

@media (max-width: 992px) {

    .modal-dialog {
        width: 95%;
    }
}


/*-----------------------------------FINE RESPONSIVE LOGIN ---------------------------------------------*/