html, body {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
}

.startpage-body-control,
.loginpage-body-control,
.dbselpage-body-control,
.appselector-body-control,
.cambiopwdpage-body-control,
.resetpwdreqpage-body-control,
.resetpwdpage-body-control {
    position: absolute;
}

.startpage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("resources/Pallini.png");
    /*background: linear-gradient(rgba(232,240,248,0.5),rgba(232,240,248,0.5)), url("resources/Pallini.png");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    overflow: hidden;
}

.startpage-logoboxcontainer,
.loginpage-logoboxcontainer,
.dbselpage-logoboxcontainer,
.resetpwdreqpage-logoboxcontainer,
.resetpwdpage-logoboxcontainer {
    position: absolute;
    left: 161px;
    top: 171px;
}

.startpage-logobox,
.loginpage-logobox,
.dbselpage-logobox,
.resetpwdreqpage-logobox,
.resetpwdpage-logobox {
    background: url("resources/BabylonWeb_logo.png");
    width: 289px;
    height: 107px;
}

.startpage-introcontainer {
    position: absolute;
    left: 570px;
    top: 171px;
}
.startpage-introbox {
    width: 345px;
    height: 124px;
    color: #132358;
    font-size: 18px;
    line-height:18px;
    font-weight: 500;
    overflow: hidden;
}
.startpage-entercontainer {
    position: absolute;
    left: 570px;
    top: 378px;
    text-align: center;
}
.startpage-enterbutton,
.startpage-enterbutton-click {
    width: 345px;
    height: 42px;
    line-height: 42px;
    font-size: 21px;
    font-weight: 900;
    cursor: pointer;
}
.startpage-enterbutton {
    color: #132358;
    background-color: #D5E1F1;
}
.startpage-enterbutton-click {
    color: white;
    background-color: #132358;
}
.startpage-enterbutton:hover {
    color: #132358;
    background-color: white;
    border: 1px solid #555960;
}

.startpage-footercontainer,
.loginpage-footercontainer,
.dbselpage-footercontainer,
.appselector-footercontainer,
.cambiopwdpage-footercontainer,
.resetpwdreqpage-footercontainer,
.resetpwdpage-footercontainer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border: 1px solid white;
    text-align: center;
}

.startpage-footercontainer,
.loginpage-footercontainer,
.resetpwdreqpage-footercontainer,
.resetpwdpage-footercontainer {
    height: 60px;
    background-color: #D5E1F1;
}

.dbselpage-footercontainer,
.appselector-footercontainer,
.cambiopwdpage-footercontainer {
    height: 28px;
    background-color: white;
}

.startpage-footerlogobox,
.loginpage-footerlogobox,
.resetpwdreqpage-footerlogobox,
.resetpwdpage-footerlogobox,
.startpage-footerlogobox-click,
.loginpage-footerlogobox-click,
.resetpwdreqpage-footerlogobox-click,
.resetpwdpage-footerlogobox-click {
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 158px;
    height: 50px;
}
.startpage-footerlogobox-click,
.loginpage-footerlogobox-click,
.resetpwdreqpage-footerlogobox-click,
.resetpwdpage-footerlogobox-click {
    background-color: #132358;
}
.startpage-footerlogobox:hover,
.loginpage-footerlogobox:hover,
.resetpwdreqpage-footerlogobox:hover,
.resetpwdpage-footerlogobox:hover {
    background-color: white;
    cursor: pointer;
}

.startpage-footerlogo,
.loginpage-footerlogo,
.resetpwdreqpage-footerlogo,
.resetpwdpage-footerlogo,
.startpage-footerlogo-click,
.loginpage-footerlogo-click,
.resetpwdreqpage-footerlogo-click,
.resetpwdpage-footerlogo-click {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 95px;
    height: 31px;
    background: url("resources/GIES_logo.png");
}

.startpage-footerlogo-click,
.loginpage-footerlogo-click,
.resetpwdreqpage-footerlogo-click,
.resetpwdpage-footerlogo-click {
    background: url("resources/GIES_logonegativo.png");
}
.startpage-footerline,
.loginpage-footerline,
.resetpwdreqpage-footerline,
.resetpwdpage-footerline {
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /*border-left: 2px solid #F5667B;*/
    /*border-left: 2px solid #AD152C;*/
    border-left: 2px solid #555960;
    height: 50px;
}
.startpage-footercontatti,
.loginpage-footercontatti,
.resetpwdreqpage-footercontatti,
.resetpwdpage-footercontatti,
.startpage-footercontatti-click,
.loginpage-footercontatti-click,
.resetpwdreqpage-footercontatti-click,
.resetpwdpage-footercontatti-click {
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 136px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-weight: 800;
    /*color: #1236A1;*/
    /*color: #122459;*/
    color: #132358;
}
.startpage-footercontatti:hover,
.loginpage-footercontatti:hover,
.resetpwdreqpage-footercontatti:hover,
.resetpwdpage-footercontatti:hover {
    background-color: white;
    color: #132358;
    cursor: pointer;
}
.startpage-footercontatti-click,
.loginpage-footercontatti-click,
.resetpwdreqpage-footercontatti-click,
.resetpwdpage-footercontatti-click {
    background-color: #132358;
    color: white;
}
.startpage-footercertificazioni,
.loginpage-footercertificazioni,
.resetpwdreqpage-footercertificazioni,
.resetpwdpage-footercertificazioni,
.startpage-footercertificazioni-click,
.loginpage-footercertificazioni-click,
.resetpwdreqpage-footercertificazioni-click,
.resetpwdpage-footercertificazioni-click {
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 176px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-weight: 800;
    color: #132358;
}

.startpage-footercertificazioni:hover,
.loginpage-footercertificazioni:hover,
.resetpwdreqpage-footercertificazioni:hover,
.resetpwdpage-footercertificazioni:hover {
    background-color: white;
    color: #132358;
    cursor: pointer;
}

.startpage-footercertificazioni-click,
.loginpage-footercertificazioni-click,
.resetpwdreqpage-footercertificazioni-click,
.resetpwdpage-footercertificazioni-click {
    background-color: #132358;
    color: white;
}

.startpage-footerpassword,
.startpage-footerassistenza,
.loginpage-footerpassword,
.loginpage-footerassistenza,
.resetpwdreqpage-footerassistenza,
.resetpwdpage-footerassistenza,
.startpage-footerpassword-click,
.startpage-footerassistenza-click,
.loginpage-footerpassword-click,
.loginpage-footerassistenza-click,
.resetpwdreqpage-footerassistenza-click,
.resetpwdpage-footerassistenza-click {
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 246px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-weight: 800;
    color: #132358;
}


.startpage-footerpassword,
.loginpage-footerpassword,
.startpage-footerpassword-click,
.startpage-footerassistenza-click,
.loginpage-footerpassword-click {
    float: left;
}

.startpage-footerassistenza,
.loginpage-footerassistenza,
.resetpwdreqpage-footerassistenza,
.resetpwdpage-footerassistenza,
.startpage-footerassistenza-click,
.loginpage-footerassistenza-click,
.resetpwdreqpage-footerassistenza-click,
.resetpwdpage-footerassistenza-click {
    float: right;
}

.startpage-footerpassword:hover,
.startpage-footerassistenza:hover,
.loginpage-footerpassword:hover,
.loginpage-footerassistenza:hover,
.resetpwdreqpage-footerassistenza:hover,
.resetpwdpage-footerassistenza:hover {
    background-color: white;
    color: #132358;
    cursor: pointer;
}

.startpage-footerpassword-click,
.startpage-footerassistenza-click,
.loginpage-footerpassword-click,
.loginpage-footerassistenza-click,
.resetpwdreqpage-footerassistenza-click,
.resetpwdpage-footerassistenza-click {
    background-color: #132358;
    color: white;
}

/* PAGINA LOGIN */

.loginpage-control,
.dbselpage-control,
.appselector-control,
.cambiopwdpage-control,
.resetpwdreqpage-control {
    position: absolute;
    width: 100%;
    height: 100%;
}

.loginpage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("resources/Pallini.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    overflow: hidden;
}

.loginpage-centertextcontainer,
.dbselpage-centertextcontainer,
.cambiopwdpage-centertextcontainer,
.resetpwdreqpage-centertextcontainer,
.resetpwdpage-centertextcontainer {
    position: absolute;
    left: 570px;
    top: 194px;
    text-align: center;
}
.loginpage-centertext {
    width: 345px;
    font-size: 27px;
    font-weight: 900;
    color: #555960;
}
.loginpage-centercontainer,
.loginpage-centercontainer-sso {
    position: absolute;
    left: 570px;
    top: 234px;
    text-align: center;
    background-color: white;
    width: 345px;
    height: 281px;
    display: block;
}

.loginpage-centercontainer-sso {    
    left: 915px;
    background-color: #D5E1F1;
    box-shadow: 0 0 5px 0px #dbdbdb;
    -moz-box-shadow: 0 0 5px 0px #dbdbdb;
    -webkit-box-shadow: 0 0 5px 0px #dbdbdb;
}

.loginpage-loginbtncontainer {
    height: 90%;
    width: 50%;
    position: absolute;
    top: 5%;
    text-align: center;
}

.loginpage-usrlabelcontainer,
.startpage-codicelabelcontainer,
.startpage-codiceinfolabelcontainer {
    position: absolute;
}
.loginpage-usrlabelcontainer {
    top: 19px;
    left:0;
}
.startpage-codicelabelcontainer {
    top: 317px;
    left: 569px;
}
.startpage-codiceinfolabelcontainer {
    top: 352px;
    left: 585px;
}

.loginpage-usrlabel,
.startpage-codicelabel,
.startpage-codiceinfolabel {
    color: #132358;
    height: 21px;
    line-height: normal;
}
.loginpage-usrlabel {
    font-size: 18px;
    font-weight: 500;
}
.startpage-codicelabel {
    font-size: 14px;
    font-weight: 800;
    width: 103px;
}
.startpage-codiceinfolabel {
    font-size: 10px;
    font-weight: 800;
    width: 319px;
}
.loginpage-usrlabel {
    width: 345px;
}

.loginpage-usrcontainer,
.startpage-codicecontainer {
    position: absolute;
}

.loginpage-usrcontainer {
    top: 46px;
    width: 345px;
    left: 0;
}

.startpage-codicecontainer {
    top: 313px;
    left: 703px;
}

.loginpage-usr,
.startpage-codice {
    text-align: center;
    color: #132358;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    border: none;
    margin: 0 auto 0 auto;
}

.loginpage-usr {
    width: 250px;
    height: 24px;
    border-bottom: 2px solid #555960;
}

.startpage-codice {
    width: 212px;
    height: 24px;
}

.loginpage-pwdlabelcontainer {
    position: absolute;
    top: 110px;
    left: 0;
}

.loginpage-pwdlabel {
    color: #132358;
    width: 345px;
    height: 21px;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}

.loginpage-pwdcontainer {
    position: absolute;
    top: 137px;
    width: 345px;
    left: 0px ;
}

.loginpage-pwdcontainereye {
    position:relative;
    width: 250px;
    margin: 0 auto;
}

.loginpage-pwd {
    text-align: center;
    color: #132358;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    border: none;
    width: 250px;
    height: 24px;
    margin: 0 auto 0 auto;
    border-bottom: 2px solid #555960;
}

.loginpage-loginbtn,
.loginpage-loginbtn-click {
    width: 252px;
    height: 40px;
    line-height: 40px;
    color: #132358;
    background-color: #D5E1F1;
    font-size: 21px;
    font-weight: 900;
    cursor: pointer;
    position: absolute;
    top: 200px;
    left: 47px;
}

.loginpage-loginbtn-click {
    color: white;
    background-color: #132358;
    cursor: pointer;
}

.loginpage-loginbtn:hover {
    color: #132358;
    background-color: white;
    border: 1px solid #555960;
}

.loginpage-centerreimpostacontainer {
    position: absolute;
    left: 0px;
    top: 291px;
    width:345px;
    text-align: center;
}

.loginpage-centerreimposta {
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    color: #132358;
    cursor: pointer;
    margin: 0 auto;
}

.loginpage-centerreimposta:hover {
    border: 1px solid #555960;
}

.loginpage-centerreimposta-click {
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    color:white;
    background-color:#132358;
    cursor: pointer;
    margin: 0 auto;
}

/* PAGINA SELEZIONE DB */

.dbselpage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("resources/Pallini.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    overflow: hidden;
}

.dbselpage-centertext {
    width: 455px;
    font-size: 27px;
    font-weight: 900;
    color: #555960;
}

.dbselpage-centercontainer {
    position: absolute;
    left: 570px;
    top: 234px;
    text-align: center;
    background-color: white;
    width: 455px;
    height: 389px;
    display: block;
}

.dbselpage-dbsellabelcontainer {
    position: absolute;
    top: 19px;
    left: 0;
}

.dbselpage-dbsellabel {
    color: #132358;
    width: 455px;
    height: 21px;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}

.dbselpage-dbselcontainer {
    position: absolute;
    top: 59px;
    width: 455px;
    left: 0;
}

.dbselpage-dbselbtncontainer {
    position: absolute;
    left: 110px;
    top: 319px;
    text-align: center;
}

.dbselpage-dbselbtn {
    width: 235px;
    height: 40px;
    line-height: 40px;
    color: #132358;
    background-color: #D5E1F1;
    font-size: 21px;
    font-weight: 900;
    cursor: pointer;
}

.dbselpage-dbselbtn:hover {
    color: #132358;
    background-color: white;
    border: 1px solid #555960;
}

.dbselpage-dbselbtn-click {
    width: 235px;
    height: 40px;
    line-height: 40px;
    color: white;
    background-color: #132358;
    font-size: 21px;
    font-weight: 900;
    cursor: pointer;
}

.dbselpage-centerrow {
    position: absolute;
    left: 161px;
    top: 683px;
    /*top: 674px;*/
    /*width: 1155px;*/
    width: 1214px;
    border-bottom: 2px solid #132358;
}

.dbselpage-adminboxcontainer {
    position: absolute;
    /*left: 460px;*/
    left: 519px;
    /*top: 731px;*/
    top: 740px;
}

.dbselpage-adminbox {
    background: url("resources/Icona_Amministratore_01.svg");
    width: 180px;
    height: 86px;
}

.dbselpage-adminbox:hover {
    background: url("resources/Icona_Amministratore_02.svg");
    width: 180px;
    height: 86px;
}

.dbselpage-adminbox-click {
    background: url("resources/Icona_Amministratore_03.svg");
    width: 180px;
    height: 86px;
}

.dbselpage-esciboxcontainer {
    position: absolute;
    /*left: 937px;*/
    left: 996px;
    /*top: 742px;*/
    top: 751px;
}

.dbselpage-escibox {
    background: url("resources/Icona_Esci_01.svg");
    width: 79px;
    height: 64px;
}

.dbselpage-escibox:hover {
    background: url("resources/Icona_Esci_02.svg");
    width: 79px;
    height: 64px;
}

.dbselpage-escibox-click {
    background: url("resources/Icona_Esci_03.svg");
    width: 79px;
    height: 64px;
}

.dbselpage-footerusrlabel,
.dbselpage-footerdatelabel,
.appselector-footerusrlabel,
.appselector-footerdatelabel,
.appselector-footerdblabel,
.cambiopwdpage-footerusrlabel,
.cambiopwdpage-footerdatelabel,
.cambiopwdpage-footerdblabel {
    float: left;
    position: relative;
    top: 50%;
    margin-left: 52px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    color: #4F61A5;
}

.dbselpage-footerusr,
.dbselpage-footerdate,
.appselector-footerusr,
.appselector-footerdate,
.appselector-footerdb,
.cambiopwdpage-footerusr,
.cambiopwdpage-footerdate,
.cambiopwdpage-footerdb {
    float: left;
    position: relative;
    top: 50%;
    margin-left: 7px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 900;
    color: #142159;
}

/* PAGINA SELEZIONE APP */

.appselector {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("resources/Pallini.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    overflow: hidden;
}

.appselector-logobabyloncontainer {
    position: absolute;
    left: 90px;
    top: 30px;
}

.appselector-logobabylon {
    background: url("resources/Babylon_Inventario_Beni_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logobabylon:hover {
    background: url("resources/Babylon_Inventario_Beni_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logobabylon-click {
    background: url("resources/Babylon_Inventario_Beni_03.png");
    width: 196px;
    height: 143px;
}

.appselector-logogiscontainer {
    position: absolute;
    left: 391px;
    top: 30px;
}

.appselector-logogis {
    background: url("resources/Babylon_Geo_Analytics_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logogis:hover {
    background: url("resources/Babylon_Geo_Analytics_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logogis-click {
    background: url("resources/Babylon_Geo_Analytics_03.png");
    width: 196px;
    height: 143px;
}

.appselector-logoishtarcontainer {
    position: absolute;
    left: 692px;
    top: 30px;
}

.appselector-logoishtar {
    background: url("resources/Babylon_Locazioni_Concessioni_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logoishtar:hover {
    background: url("resources/Babylon_Locazioni_Concessioni_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logoishtar-click {
    background: url("resources/Babylon_Locazioni_Concessioni_03.png");
    width: 196px;
    height: 143px;
}


.appselector-logoiicextcontainer {
    position: absolute;
    left: 993px;
    top: 30px;
}

.appselector-logoiicext {
    /* background: url("resources/Babylon_Opere_Pubbliche_01.png"); */
    background: url("resources/Babylon_Inventario_Cantieri_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logoiicext:hover {
    /* background: url("resources/Babylon_Opere_Pubbliche_02.png"); */
    background: url("resources/Babylon_Inventario_Cantieri_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logoiicext-click {
    /* background: url("resources/Babylon_Opere_Pubbliche_03.png"); */
    background: url("resources/Babylon_Inventario_Cantieri_03.png");
    width: 196px;
    height: 143px;
}

.appselector-logosamashcontainer {
    position: absolute;
    left: 91px;
    top: 203px;
}

.appselector-logosamash {
    background: url("resources/Babylon_Patrimonio_Utenze_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logosamash:hover {
    background: url("resources/Babylon_Patrimonio_Utenze_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logosamash-click {
    background: url("resources/Babylon_Patrimonio_Utenze_03.png");
    width: 196px;
    height: 143px;
}

.appselector-logoeconomicacontainer {
    position: absolute;
    left: 398px;
    top: 203px;
}
.appselector-logoeconomica {
    background: url("resources/Babylon_Economica_Patrimoniale_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logoeconomica:hover {
    background: url("resources/Babylon_Economica_Patrimoniale_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logoeconomica-click {
    background: url("resources/Babylon_Economica_Patrimoniale_03.png");
    width: 196px;
    height: 143px;
}

.appselector-logoconsolidatocontainer {
    position: absolute;
    left: 695px;
    top: 203px;
}

.appselector-logoconsolidato {
    background: url("resources/Babylon_Bilancio_Consolidato_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logoconsolidato:hover {
    background: url("resources/Babylon_Bilancio_Consolidato_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logoconsolidato-click {
    background: url("resources/Babylon_Bilancio_Consolidato_03.png");
    width: 196px;
    height: 143px;
}

.appselector-logomagazzinocontainer {
    position: absolute;
    left: 997px;
    top: 203px;
}

.appselector-logomagazzino {
    background: url("resources/Babylon_Magazzino_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logomagazzino:hover {
    background: url("resources/Babylon_Magazzino_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logomagazzino-click {
    background: url("resources/Babylon_Magazzino_03.png");
    width: 196px;
    height: 143px;
}

.appselector-logopeepcontainer {
    position: absolute;
    left: 90px;
    top: 376px;
}

.appselector-logopeep {
    background: url("resources/DEF_Babylon_web_PEEP_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logopeep:hover {
    background: url("resources/DEF_Babylon_PEEP_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logopeep-click {
    background: url("resources/DEF_Babylon_web_PEEP_03.png");
    width: 196px;
    height: 143px;
}

.appselector-logoidscontainer {
    position: absolute;
    left: 398px;
    top: 376px;
}

.appselector-logoids {
    background: url("resources/Babylon_imposta_soggiorno_01.png");
    width: 196px;
    height: 143px;
}

.appselector-logoids:hover {
    background: url("resources/Babylon_imposta_soggiorno_02.png");
    width: 196px;
    height: 143px;
}

.appselector-logoids-click {
    background: url("resources/Babylon_imposta_soggiorno_03.png");
    width: 196px;
    height: 143px;
}
/**/
.appselector-centerrow {
    position: absolute;
    left: 90px;
    top: 551px;
    width: 1099px;
    border-bottom: 2px solid #132358;
}

.appselector-adminboxcontainer {
    position: absolute;
    left: 294px;
    top: 613px;
}

.appselector-adminbox {
    background: url("resources/Icona_Amministratore_01.svg");
    width: 180px;
    height: 86px;
}

.appselector-adminbox:hover {
    background: url("resources/Icona_Amministratore_02.svg");
    width: 180px;
    height: 86px;
}

.appselector-adminbox-click {
    background: url("resources/Icona_Amministratore_03.svg");
    width: 180px;
    height: 86px;
}

.appselector-cambiapwdboxcontainer {
    position: absolute;
    left: 630px;
    top: 612px;
}

.appselector-cambiapwdbox {
    background: url("resources/Icona_Password_01.svg");
    width: 109px;
    height: 73px;
}

.appselector-cambiapwdbox:hover {
    background: url("resources/Icona_Password_02.svg");
    width: 109px;
    height: 73px;
}

.appselector-cambiapwdbox-click {
    background: url("resources/Icona_Password_03.svg");
    width: 109px;
    height: 73px;
}

.appselector-esciboxcontainer {
    position: absolute;
    left: 946px;
    top: 614px;
}

.appselector-escibox {
    background: url("resources/Icona_Esci_01.svg");
    width: 79px;
    height: 64px;
}

.appselector-escibox:hover {
    background: url("resources/Icona_Esci_02.svg");
    width: 79px;
    height: 64px;
}

.appselector-escibox-click {
    background: url("resources/Icona_Esci_03.svg");
    width: 79px;
    height: 64px;
}

/* PAGINA CAMBIO PWD */
.cambiopwdpage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("resources/Pallini.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    overflow: hidden;
}

.cambiopwdpage-centertext {
    width: 345px;
    height: 42px;
    font-size: 27px;
    line-height:42px;
    font-weight: 900;
    color: white;
    background-color: #132358;
}

.cambiopwdpage-chiudicontainer {
    position: absolute;
    left: 309px;
    top: 8px;
}

.cambiopwdpage-chiudi {
    background: url("resources/icona_chiudi_02.svg");
    width: 26px;
    height: 26px;
}

.cambiopwdpage-chiudi:hover {
    background: url("resources/icona_chiudi_03.svg");
    width: 26px;
    height: 26px;
}

.cambiopwdpage-chiudi-click {
    background: url("resources/icona_chiudi_01.svg");
    width: 26px;
    height: 26px;
}

.cambiopwdpage-centercontainer {
    position: absolute;
    left: 570px;
    top: 229px;
    text-align: center;
    background-color: white;
    width: 345px;
    height: 381px;
    display: block;
}

.cambiopwdpage-oldpwdlabelcontainer {
    position: absolute;
    top: 30px;
    left: 0;
}

.cambiopwdpage-oldpwdlabel {
    color: #132358;
    width: 345px;
    height: 21px;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}

.cambiopwdpage-oldpwdcontainer {
    position: absolute;
    top: 61px;
    width: 345px;
    left: 0px;
}

.cambiopwdpage-oldpwdcontainereye {
    position: relative;
    width: 250px;
    margin: 0 auto;
}

.cambiopwdpage-oldpwd {
    text-align: center;
    color: #132358;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    border: none;
    width: 250px;
    height: 24px;
    margin: 0 auto 0 auto;
    border-bottom: 2px solid #555960;
}

.cambiopwdpage-newpwdlabelcontainer,
.resetpwdpage-newpwdlabelcontainer {
    position: absolute;
    top: 108px;
    left: 0;
    width: 100%;
}

.cambiopwdpage-newpwdlabel,
.resetpwdpage-newpwdlabel {
    color: #132358;
    width: 100%;
    height: 21px;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}

.cambiopwdpage-newpwdcontainer,
.resetpwdpage-newpwdcontainer {
    position: absolute;
    top: 135px;
    width: 100%;
    left: 0px;
}

.cambiopwdpage-newpwdcontainereye,
.resetpwdpage-newpwdcontainereye {
    position: relative;
    margin: 0 auto;
}
.cambiopwdpage-newpwdcontainereye,
.resetpwdpage-newpwdcontainereye {
    width: 250px;
}
.resetpwdpage-newpwdcontainereye {
    width: 484px;
}

.cambiopwdpage-newpwd,
.resetpwdpage-newpwd {
    text-align: center;
    color: #132358;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    border: none;
    height: 24px;
    margin: 0 auto 0 auto;
    border-bottom: 2px solid #555960;
}
.cambiopwdpage-newpwd {
    width: 250px;
}
.resetpwdpage-newpwd {
    width: 484px;
}

.cambiopwdpage-repeatpwdlabelcontainer,
.resetpwdpage-repeatpwdlabelcontainer {
    position: absolute;
    top: 197px;
    left: 0;
    width: 100%;
}

.cambiopwdpage-repeatpwdlabel,
.resetpwdpage-repeatpwdlabel {
    color: #132358;
    width: 100%;
    height: 21px;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}

.cambiopwdpage-repeatpwdcontainer,
.resetpwdpage-repeatpwdcontainer {
    position: absolute;
    top: 225px;
    width: 100%;
    left: 0px;
}

.cambiopwdpage-repeatpwdcontainereye,
.resetpwdpage-repeatpwdcontainereye {
    position: relative;
    margin: 0 auto;
}
.cambiopwdpage-repeatpwdcontainereye {
    width: 250px;
}
.resetpwdpage-repeatpwdcontainereye {
    width: 484px;
}

.cambiopwdpage-repeatpwd,
.resetpwdpage-repeatpwd {
    text-align: center;
    color: #132358;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    border: none;
    height: 24px;
    margin: 0 auto 0 auto;
    border-bottom: 2px solid #555960;
}

.cambiopwdpage-repeatpwd {
    width: 250px;
}

.resetpwdpage-repeatpwd {
    width: 484px;
}
.cambiopwdpage-cambiabtncontainer {
    position: absolute;
    left: 55px;
    top: 311px;
    text-align: center;
}

.cambiopwdpage-cambiabtn {
    width: 235px;
    height: 40px;
    line-height: 40px;
    color: #132358;
    background-color: #D5E1F1;
    font-size: 21px;
    font-weight: 900;
    cursor: pointer;
}

.cambiopwdpage-cambiabtn:hover {
    color: #132358;
    background-color: white;
    border: 1px solid #555960;
}

.cambiopwdpage-cambiabtn-click {
    width: 235px;
    height: 40px;
    line-height: 40px;
    color: white;
    background-color: #132358;
    font-size: 21px;
    font-weight: 900;
    cursor: pointer;
}

/* COMBOBOX*/
.dbsel-combobox {
    position: absolute;
}

.dbsel-combobox-control-selector,
.dbsel-combobox-control-selector-over,
.dbsel-combobox-control-selector-click {
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
}

.dbsel-combobox-control-selector {
    /*border: 1px solid #132358;*/
    border: 1px solid #555960;
    background-color: white;
}

.dbsel-combobox-control-selector-over {
    /*border: 1px solid #555960;*/
    border: 1px solid #12235A;
    background-color: white;
}

.dbsel-combobox-control-selector-click {
    /*border: 1px solid #132358;*/
    border: 1px solid #555960;
    color: #12235A;
    background-color: white;
}

.dbsel-combobox-itemlist {
    width: 100%;
}

.dbsel-combobox-control-text {
    text-align: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: absolute;
    left: 5px;
    right: 17px;
    line-height: 40px;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    color: #132358;
    width: calc(100% - 10px);
    border:none;
}

.dbsel-combobox-control-image {
    display: inline-block;
    position: absolute;
    background-image: url("resources/icona_freccia_basso_blu.svg");
    width: 12px;
    height: 6px;
    right: 1px;
    top: 17px;
    background-repeat:no-repeat;
}

.dbsel-combobox-control-image,
.dbsel-combobox-control-selector,
.dbsel-combobox-control-selector-over,
.dbsel-combobox-control-selector-click {
    cursor: pointer;
}

/* LISTBOX */
.dbsel-listbox-control-list {
    overflow: auto;
    overflow-x: hidden;
    outline: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}

.dbsel-listbox-control-up-list {
    overflow: auto;
    overflow-x: hidden;
    outline: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    bottom: calc(100% + 27px);
}

.dbsel-listbox-control-up-list-helper {
    /*border: 1px solid #132358;*/
    border: 1px solid #555960;
    background: white;
    height: 100%;
    padding: 2px;
    position: relative;
    bottom: calc(100% + 27px);
}

.dbsel-listbox-control-list-helper {
    /*border: 1px solid #132358;*/
    border: 1px solid #555960;
    background: white;
    height: 100%;
    padding: 2px;
    color:#12235A;
}

.dbsel-listbox-control-listitem-over,
.dbsel-listbox-control-listitem-selected,
.dbsel-listbox-control-listitem {
    list-style: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    list-style-image: url("data:image/gif;base64,r0lgodlhaqabaiaaaaaaap///yh5baeaaaaalaaaaaabaaeaaaibraa7");
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: none;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    /*color: #132358;*/
}

/*.dbsel-listbox-control-listitem-over,
.dbsel-listbox-control-listitem-selected,
.dbsel-listbox-control-up-listitem-over,
.dbsel-listbox-control-up-listitem-selected {
    height: 38px;
    line-height: 40px;
    padding-left: 2px;
    padding-right: 2px;
}*/

.dbsel-listbox-control-up-listitem-over,
.dbsel-listbox-control-listitem-over {
    /*border: 1px solid #555960;*/
    border-style: none;
    height: 40px;
    line-height: 40px;
    padding-left: 3px;
    padding-right: 3px;
    color: #555960;
}

.dbsel-listbox-control-listitem-selected,
.dbsel-listbox-control-up-listitem-selected {
    /*border: 1px solid #132358;
    color: white;
    background-color: #132358;*/
    border-style: none;
    height: 40px;
    line-height: 40px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #12235A;
    color: white;
}

.dbsel-listbox-control-listitem,
.dbsel-listbox-control-up-listitem {
    border-style: none;
    height: 40px;
    line-height: 40px;
    padding-left: 3px;
    padding-right: 3px;
}
/* TEXTBOX */
/*.dbsel-textbox {
    color: #132358;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    border: none;
    width:100%;
    height: 24px;
    margin: 0 auto 0 auto;
    border-bottom: 2px solid #555960;
}*/

.loginpage-horizontalline {
    position: absolute;
    height: 80%;
    width: 2px;
    background: #555960;
    background: linear-gradient(to bottom, transparent, #555960, transparent);
    top: 10%;
    left: 49%;
  }
  
.loginpage-loginssobtncontainer {
    position: absolute;
    left: 5%;
    top: 5%;
    height: 90%;
    width: 92%;
    overflow-y: auto;
} 

.loginpage-loginssobtn {
    width: 98%;
    height: 50px;
    line-height: 40px;
    color: #132358;
    background-color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    position: relative;
    border: 1px solid transparent;
}


.loginpage-loginssobtn-icon {
    height: 75%;
    width: auto;
    padding: 0px 10px 0px 5px;
}

.loginpage-loginssobtn:hover {
    color: #132358;
    background-color: white;
    border: 1px solid #555960;
}

.loginpage-loginssobtn-click {
    width: 235px;
    height: 40px;
    line-height: 40px;
    color: white;
    background-color: #132358;
    font-size: 21px;
    font-weight: 900;
    cursor: pointer;
}

.resetpwdreqpage-centertext,
.resetpwdpage-centertext {
    width: 600px;
    font-size: 27px;
    font-weight: 900;
    color: #555960;
}

.resetpwdreqpage-centercontainer,
.resetpwdpage-centercontainer {
    position: absolute;
    left: 570px;
    top: 234px;
    text-align: center;
    background-color: white;
    width: 600px;
    display: block;
}

.resetpwdreqpage-centercontainer {
    height: 187px;
}

.resetpwdpage-centercontainer {
    height: 376px;
}

.resetpwdreqpage-usr,
.resetpwdpage-codice {
    text-align: center;
    color: #132358;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    border: none;
    width: 484px;
    height: 24px;
    margin: 0 auto 0 auto;
    border-bottom: 2px solid #555960;
}
.resetpwdreqpage-usrlabelcontainer,
.resetpwdpage-codicelabelcontainer {
    position: absolute;
    top: 19px;
    left: 0;
    width: 100%;
}
.resetpwdreqpage-usrlabel,
.resetpwdpage-codicelabel {
    color: #132358;
    height: 21px;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}

.resetpwdreqpage-usrcontainer,
.resetpwdpage-codicecontainer {
    position: absolute;
    top: 46px;
    width: 100%;
    left: 0;
}

.resetpwdreqpage-sendbtn,
.resetpwdreqpage-sendbtn-click,
.resetpwdpage-sendbtn,
.resetpwdpage-sendbtn-click {
    width: 84%;
    height: 40px;
    line-height: 40px;
    color: #132358;
    background-color: #D5E1F1;
    font-size: 21px;
    font-weight: 900;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.resetpwdreqpage-sendbtn,
.resetpwdreqpage-sendbtn-click {
    top: 100px;
}

.resetpwdpage-sendbtn,
.resetpwdpage-sendbtn-click {
    top: 298px;
}

.resetpwdreqpage-sendbtn-click,
.resetpwdpage-sendbtn-click
 {
    color: white;
    background-color: #132358;
    cursor: pointer;
}
.resetpwdreqpage-sendbtn:hover,
.resetpwdpage-sendbtn:hover {
    color: #132358;
    background-color: white;
    border: 1px solid #555960;
}

.loginpage-forgotpassword {
    position: absolute;
    top: 168px;
    left: 175px;
    color: #132358;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    cursor: pointer;
    width: 125px;
}

.loginpage-forgotpassword:hover {
    color: #555960;
}

.resetpwdreqpage-goback,
.resetpwdpage-goback {
    position: absolute;
    left: 50%;
    color: #132358;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    cursor: pointer;
    width: 125px;
    transform: translate(-50%, 0%);
}
.resetpwdreqpage-goback {
    top: 152px;
}
.resetpwdpage-goback {
    top: 350px;
}

.resetpwdreqpage-goback:hover,
.resetpwdpage-goback:hover {
    color: #555960;
}