@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/*
<weight>: Use a value from 200 to 800
<uniquifier>: Use a unique and descriptive class name
*/


::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;background: #ccc;}
::selection{background-color:#6298d1;color:#fff}
::-moz-selection{background-color:#6298d1;color:#fff}

@media only screen and (min-width:0px) and (max-width:1199px) {

#form{display: none}
.aprifiltri{display: block; position: relative; width: 100%;box-shadow: #e6eaed 0px -1px 0px 0px inset; cursor: pointer;}
.aprifiltri i{margin-right: 10px;}
.aprifiltri:after{position: absolute; content: "\f078"; width: 40px; height: 45px; line-height: 45px; font-size: 1em; right: 0px; top: 0px; text-align: center; font-weight: 600; font-family:"Font Awesome 5 Pro"; color:#183b70;}
.filtri{width: 100%;  border-bottom: 1px solid #e6eaed;  height: auto; position: relative;}
.filtri form{display: flex; justify-content: flex-start; align-items: center; flex-direction: column; height: auto}
.filtri form .fa-filter{display: none;}
.filtri p{width: 100%;}
.unfiltro{width: 100%; height: 45px; box-shadow: #e6eaed 0px -1px 0px 0px inset}
.filtrodate{position: relative; width: 100%; box-shadow: #e6eaed 0px -1px 0px 0px inset}
.indicadata{position: absolute; left: 0px; top:  0px; font-size: 0.6em; line-height: 13px; font-weight: 500; padding: 0px 5px; -moz-border-radius: 0px 0px 4px 0px;-webkit-border-radius: 0px 0px 4px 0px;border-radius: 0px 0px 4px 0px;}
.filtri input{width: 100%; box-shadow: none; height: 45px; line-height: 45px; background-color: transparent; font-size: 0.9em;}
.filtri select{width: 100%; box-shadow: none; height: 45px; line-height: 45px; background-color: transparent; font-size: 0.9em;  background-position: right 15px top 20px}
.filtri select:focus, .filtri input[type="date"]:focus, .filtri input:focus{ outline:none;box-shadow: none !important;}
.filtri input[type="date"]{-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;  width:calc(100% - 30px);height:45px;line-height:45px; background-color:transparent;padding:0px 15px;box-shadow:none; margin: 0px;}
.filtri button{padding: 0px; margin: 0px; background-color: #6298d1; color: #fff; width: 100%; height: 45px; line-height: 45px; font-size: 1.2em;  border-radius: 0px;}
.filtri .fa-undo{padding: 0px; margin: 0px; width: 100%; height: 45px; line-height: 45px; text-align: center; box-shadow: #e6eaed 0px -1px 0px 0px inset; cursor: pointer; background-color: #e1e6e9;}
.filtrautenti{width: 100%; overflow: hidden;}
.formazione{width: 100%; overflow: hidden;}
.tastiutente{height: 45px; display: flex; justify-content: center; align-items: center; width: 100%; float: right;}
}

@media only screen and (min-width:1200px) {
.filtri{width: 100%;  border-bottom: 1px solid #e6eaed;  height: 45px; position: relative;}
.filtri form{display: flex; justify-content: flex-start; align-items: center; height: 100%;}
.aprifiltri{display: none}
.unfiltro{width: 20%; height: 100%; box-shadow: #e6eaed -1px 0px 0px 0px inset}
.filtrodate{position: relative; width: 12%; box-shadow: #e6eaed -1px 0px 0px 0px inset}
.indicadata{position: absolute; left: 0px; top:  0px; font-size: 0.6em; line-height: 13px; font-weight: 500; padding: 0px 5px; -moz-border-radius: 0px 0px 4px 0px;-webkit-border-radius: 0px 0px 4px 0px;border-radius: 0px 0px 4px 0px;}
.filtri input{width: 100%; box-shadow: none; height: 45px; line-height: 45px; background-color: transparent; font-size: 0.9em;}
.filtri select{width: 100%; box-shadow: none; height: 45px; line-height: 45px; background-color: transparent; font-size: 0.9em;  background-position: right 15px top 20px}
.filtri select:focus, .filtri input[type="date"]:focus, .filtri input:focus{ outline:none;box-shadow: none !important;}
.filtri input[type="date"]{-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;  width:calc(100% - 30px);height:45px;line-height:45px; background-color:transparent;padding:0px 15px;box-shadow:none; margin: 0px;}
.filtri button{padding: 0px; margin: 0px; background-color: #6298d1; color: #fff; width: 45px; height: 45px; line-height: 45px; font-size: 1.2em; border-radius: 0px;}
.filtri .fa-undo{padding: 0px; margin: 0px; width: 45px; height: 45px; line-height: 45px; text-align: center; box-shadow: #e6eaed -1px 0px 0px 0px inset; cursor: pointer; background-color: #e1e6e9;}
.filtrautenti{width: 100%; overflow: hidden;}
.filtrautenti form{width: calc(100% - 325px);float: left;}
.filtrautenti .unfiltro{width: 30%}
.formazione{width: 100%; overflow: hidden;}
.formazione .unfiltro{width: 20%}
.formazione form{width: calc(100% - 190px);float: left;}
.formazione .tastiutente{width: 180px;}
.tastiutente{height: 45px; display: flex; justify-content: flex-end; align-items: center; width: 325px; float: right;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
.quadrotti{justify-content:center !important;margin: 40px 0 !important;}
.quadrotto{width: 75% !important; }
}

@media only screen and (min-width:0px) and (max-width:1024px) {
#sei{width:100%;height:auto; padding: 15px 0px; text-align:center;font-size:1.1em;color:#fff; background-image: url(/public/image/banner/banner1.jpg); background-size: cover; background-attachment: fixed; background-position: center center;  margin: 87px 0px 20px 0px;  }
.contattaci{width:82%;height:auto;margin:0px auto 20px auto; box-shadow: #e6eaf1 0px 0px 0px 3px inset; padding: 10px 4%; overflow: hidden; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
.contattaci em:first-child{display: none;}
.contattaci em:nth-child(3){float: right; font-size: 6.0em; color: #f19a04; line-height: 110px }
.contattaci p{float: left; font-weight: 300; font-size: 1.3em; text-align: left; line-height: 25px; width: 80%}
.intro{width: 80%; margin: 30px auto; min-height: 100px; text-align: left;}
.TDCorpoNews {background-color:  #fff; width: 70%; margin: 0 auto 30px auto; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); color: #616161 !important;}
.TDCorpoNews div:first-child {width: 100%;}
.TDCorpoNews div:nth-child(2) {width: 90%; padding: 30px 5%; position: relative; font-size: 1.1em; line-height: 18px; min-height: 170px}
.TDCorpoNews h4 {margin: 10px 0px !important}
.page-content{margin-top: 50px; padding:30px 20px 20px 20px}
.corsi {background-color:  #fff; width: 90%; overflow: hidden; margin: 0 auto 30px auto; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); color: #616161 !important;}
.rigacorsi{height: 70px !important;}
.rigacorsi div:first-child{width: 25%; text-align: left;}
.rigacorsi div:nth-child(2), .rigacorsi div:nth-child(3), .rigacorsi div:nth-child(4){width: 25%; text-align: center; box-shadow: rgba(0,0,0,0.12) 1px 0px 0px 0px inset; font-size: 0.85em}
.rigacorsi i{font-size: 1em !important; color: #1c5e97; text-align: center; height: 30px; line-height: 30px; width: 20px; box-shadow: rgba(0,0,0,0.12) -1px 0px 0px 0px inset;}
.introdash{width: 80% !important}
h1, .titolo{color:#0e3d64;text-align:left; text-transform: uppercase; font-size:2.0em;font-weight:300;margin:0px 0px 25px 0px;line-height:35px; font-family: "Plus Jakarta Sans", sans-serif;clear:both;float:left;width:95%; padding: 0px 0px 0px 5%; box-shadow: #e6eaf1 4px 0px 0px 0px inset}
h2{font-size: 1.2em; text-transform: uppercase; line-height:30px; font-weight: 500; color: #6298d1; margin:  0px 0px 20px 0px; text-align: left;}
.accessopage{background-image: url(/template/bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; padding: 40px 0px;}
.logo{width: 285px; height: auto; margin:  0 auto; cursor: pointer;}
.boxlogin{width: calc(90% - 60px); overflow: hidden; margin: 50px auto; padding: 30px; background-color: rgba(13,61,100,0.15); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 30px 0px; position: relative; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; border: 1px solid rgba(255,255,255,0.5); }
.StyleIntestazione{width: calc(100% - 40px); padding: 0px 20px; height: 60px; background-color: rgba(255,255,255,0.85); border-bottom: 2px solid rgba(98,152,209,0.3); position: fixed; z-index: 10; top: 0px; left: 0px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.StyleIntestazione #logohead{width: 50px; float: left; height: 50px;overflow: hidden; margin-top: 5px; cursor: pointer}
.StyleIntestazione button{width:auto; height: 93%; background-color: transparent; padding: 0px 0px 0px 10px; margin: 0px; float: right;}
.StyleIntestazione #logohead img{width: auto; height: 100%;}
.cambio span{padding: 5px 10px !important; line-height: 24px;}
.benvenuto{width: calc(100% - 40px); padding: 20px; font-size: 1.5em; margin-top: 60px;}
.benvenuto strong{color: #0e3d64; font-weight: 400;}
.ContentPage{width: calc(100% - 40px); padding: 0px 20px; overflow: hidden;}
.dashdx{width: 100%; margin-bottom: 100px; float: left; clear: both; background-color: rgba(255,255,255,0.8); overflow: hidden; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 30px 0px;}
.dashsx{width: 100%; float: left}
.titolidash{ font-size: 0.85em !important; line-height: 17px !important}
#divmenu{position:fixed;z-index:900;top:0;right:-100%;width:100%;height:100%;}
.menuwithscroll{position:fixed;height:calc(100% - 62px);overflow-y:scroll;background-color: #fff;width:100%; }
#closemenu{height:62px;background-color: #fff;width:calc(100% - 50px); text-align: right; padding: 0px 25px; height: 62px; line-height: 62px; position: relative; margin: 0px 0px 0px 0px; font-size: 1.3em; color: #6b6b6b; cursor: pointer; }
.JQMenu{width: 90%; margin: 0 auto;}
#ControlMenu{width: auto;height: 60px;background-color: transparent;padding: 0px 0px 0px 10px;margin: 0px;float: right; display: flex; align-items: center;}
#ControlMenu i{cursor:pointer;width: 35px;height: 35px;line-height: 35px;background-color: #6298d1; color: #fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size: 0.8em; text-align: center;}
.righe{width: calc(100% - 40px); padding: 15px 20px; border-bottom: 1px solid #e6eaed;}
.bottoni{width: calc(100% - 80px); padding: 0px 40px 20px 40px; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; column-gap: 15px;}
.footer1{background-color: #0e3d64; width: calc(100% - 60px); padding: 70px 30px; text-align: center; color: #fff;}
.footer2{background-color: #002c43; width: calc(100% - 60px); padding: 15px 30px; text-align: center; color: #fff; font-size: 0.8em; line-height: 20px;}



.contentpopup{position:relative;width: calc(100% - 40px);  margin: 0 auto; padding: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden !important;background-color: #fff;box-shadow: rgba(0,0,0,0.2) 0px 0px 40px 0px;text-align: center;}
.accetta{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.accetta label:nth-child(2){width: calc(100% - 50px); line-height: 20px;}
.tabscroll{width: 100%; overflow-y: scroll; }
.tabscroll table{width: 900px; text-align: center; font-size: 0.9em; line-height: 20px; border-spacing: 0px; font-weight: 400;}
.quadrotti{justify-content:center !important}
.quadrotto{width: 44%; max-width: 200px; height: 180px; cursor: pointer; position: relative; padding: 20px; font-size: 1.1em; line-height: 22px; text-align: center;  -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; background-color: #76a4d5; color: #fff; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}

}

@media only screen and (min-width:1025px) {
#sei{width:100%;text-align:center;font-size:1.3em;color:#000; }
.intro{width: 860px; margin: 30px auto; min-height: 100px; text-align: left;}
.TDCorpoNews {background-color:  #fff; width: 860px; margin: 0 auto 30px auto; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); color: #616161 !important; display: flex}
.TDCorpoNews div:first-child {width: 20%;}
.TDCorpoNews div:nth-child(2) {width: 70%; padding: 30px 5%; position: relative; font-size: 1.1em; line-height: 18px;}
.TDCorpoNews h4 {margin: 0px 0px 10px 0px !important}
.corsi {background-color:  #fff; width: 450px; overflow: hidden; margin: 0 auto 30px auto; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); color: #616161 !important;}
.rigacorsi div:first-child{width: 25%; text-align: left;}
.rigacorsi div:nth-child(2), .rigacorsi div:nth-child(3), .rigacorsi div:nth-child(4){width: 25%; text-align: center; box-shadow: rgba(0,0,0,0.12) 1px 0px 0px 0px inset;}
.rigacorsi i{font-size: 1em !important; color: #1c5e97; text-align: center; height: 30px; line-height: 30px; width: 30px; box-shadow: rgba(0,0,0,0.12) -1px 0px 0px 0px inset;}
h1, .titolo{color:#0e3d64;text-align:left; text-transform: uppercase; font-size:2.5em;font-weight:300;margin:0px 0px 30px 0px;line-height:40px; font-family: "Plus Jakarta Sans", sans-serif;clear:both;float:left;width:95%; padding: 0px 0px 0px 5%; box-shadow: #e6eaf1 4px 0px 0px 0px inset}
h2{font-size: 1.3em; text-transform: uppercase; line-height:30px; font-weight: 500; color: #6298d1; margin:  0px 0px 20px 0px; text-align: left;}
.accessopage{
padding: 30px 0px;
        
        }
.logo{width: 285px; height: auto; margin:  0 auto; cursor: pointer;}
.boxlogin{
overflow: hidden;
        margin: 50px auto;
        position: relative;
        background: #fff;
        border: 1px solid #dce2ef;
        border-radius: 20px;
        padding: 40px;
        width: 100%;
        max-width: 400px;
        box-shadow: 0 8px 32px rgba(26, 46, 90, .1);
        }

.StyleIntestazione{width: calc(100% - 50px);
        padding: 0px 25px;
        height: 70px;
        background-color: #fff;
        z-index: 10;
        top: 0px;
        left: 0px;
        border-bottom: 1px solid rgba(98, 152, 209, 0.3);
        box-shadow: 0 1px 8px rgba(26, 46, 90, .06);
        position: sticky;}
.StyleIntestazione #logohead{width: 320px; float: left; height: 100%; display: flex; align-items: center; cursor: pointer;}
.StyleIntestazione button{width:auto; height: 93%; background-color: transparent; padding: 0px 0px 0px 10px; margin: 0px; float: right;}
.StyleIntestazione #logohead img{width: 100%; object-fit: contain;}
.benvenuto{width: calc(100% - 100px); padding: 50px; font-size: 1.5em; margin-top: 60px;}
.benvenuto strong{color: #0e3d64; font-weight: 400;}
.ContentPage{display: flex;align-items: stretch;height: 100%; }
.dashdx{width: calc(100% - 200px);overflow: hidden;padding-bottom: 100px;}
.dashsx{width: 200px; background-color: #111f3e;}
#ControlMenu, #closemenu {display: none !important;}
.righe{width: calc(100% - 80px); padding: 25px 40px; border-bottom: 1px solid #e6eaed;}
.affianca, .affiancadue{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.affianca div{width: 32%;}
.affiancadue div{width: 49%;}
.bottoni{width: calc(100% - 80px); padding: 0px 40px 20px 40px; overflow: hidden; display: flex; justify-content: flex-start; column-gap: 15px;}
.accetta{
width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 15px 0px 5px 0px;
position: relative;}

.tabscroll{width: 100%; }
.tabscroll table{width: 100%; text-align: center; font-size: 0.9em; line-height: 20px; border-spacing: 0px; font-weight: 400;box-shadow: 0 4px 20px rgba(26, 46, 90, .08);}
.footer1{background-color: #0e3d64; width: calc(100% - 60px); padding: 70px 30px; text-align: center; color: #fff;}
.footer2{background-color: #002c43; width: calc(100% - 60px); padding: 15px 30px; text-align: center; color: #fff; font-size: 0.8em; line-height: 20px;}
.boxlogin input[type="submit"], input[type="button"],  button{float: right;}



.quadrotto{width: 18%; max-width: 175px; height: 180px; cursor: pointer; position: relative; padding: 20px; font-size: 1.1em; line-height: 22px; text-align: center;  -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; background-color: #76a4d5; color: #fff; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}

.menuwithscroll{    margin-top: 30px;padding-bottom: 10px;}
#divmenu{
	position: sticky;
        top: 101px;
}
.JQMenu{width: 90%; margin: 30px auto;}






}


.ofuscamentopopup {
    position: fixed;
    z-index: 700;
    inset: 0; /* shortcut top/left/right/bottom */
    background: #1a2e5aba;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow-y: auto; /* 👈 scroll qui */
    padding: 40px 20px; /* margine sopra/sotto */
}

.contentpopup {
    width: 100%;
    max-width: 480px;
    padding: 25px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .18);
    position: relative;
    max-height: 90vh; /* 👈 limite altezza */
    overflow-y: auto; /* 👈 scroll interno */
}

.ofuscamentopagina{filter: blur(2px);}





/*mini e maxi testi per i font*/
.mintext{font-size: 12px;color: #7080a0;font-weight: 500;margin-bottom: 2px;}
.bigtext{font-size: 24px;font-weight: 800;color: #1a2e5a;letter-spacing: -.3px;padding-bottom: 5px;}
.midtext{font-size: 18px;font-weight: 800;color: #1a2e5a;letter-spacing: -.3px;padding-bottom: 5px;}

/*hero iniziale delle pagine*/
.hero{background: #fff;border-bottom: 1px solid #dce2ef;padding: 25px 35px;position: relative;overflow: hidden;line-height: 12px;min-height: 60px;display: flex;justify-content: space-between;}
.herosx{display: flex;flex-direction: column;justify-content: center;}   
.herodx{display: flex;}

/*box home sulla hero con i contatori*/
.hero-default{background: #fff;border: 1px solid #dce2ef;border-radius: 15px;padding: 10px 20px;text-align: center;min-width: 50px;min-height: 50px;display: flex;flex-direction: column;align-content: center;justify-content: center;margin: 0 10px;}     
.hero-default div:first-child{font-size: 22px;font-weight: 800;color: #1a2e5a;}
.hero-default div:nth-child(2){font-size: 10.5px;color: #7080a0;font-weight: 600;text-transform: uppercase;margin-top: 10px;}

.hero-scadenza{background: #fffcf5;border: 1px solid rgb(224 188 0);}
.hero-scadenza div:first-child{color: #e0bc00;}
.hero-scadenza div:nth-child(2){color: #e0bc00;}

.hero-scaduto{background: #fdf0ef;border: 1px solid rgba(192, 57, 43, .25);}
.hero-scaduto div:first-child{color: #c0392b;}
.hero-scaduto div:nth-child(2){color: #c0392b;}

.hero-attivo{background: #effdf1;border: 1px solid rgb(10 71 23 / 25%)}
.hero-attivo div:first-child{color: #0a6640;}
.hero-attivo div:nth-child(2){color: #0a6640;}

.hero-necessario{background: #fff8ee;border: 1px solid rgba(224, 123, 0, .3);}
.hero-necessario div:first-child{color: #e07b00;}
.hero-necessario div:nth-child(2){color: #e07b00;}

/*righetta di separazione del menu sinistro*/
.separatoreJQMenu{height: 1px;background: rgba(255, 255, 255, .08);width: 100%;}
.separatoreFiltri{height: 1px;background: #dce2ef;width: 100%;}

/*menu filtri prenotazione dei corsi*/
#menuFiltriTipologie{height: 300px;overflow-y: scroll;}
.menuFiltri li{width: calc(100% - 20px);display: flex;justify-content: space-between;align-items: center;padding: 5px 10px;cursor: pointer;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear font-size: 13.5px;font-weight: 500;color: rgb(17 31 62);font-size: 13.5px;background: #fff;border-radius: 10px;margin: 10px 0px;}
.menuFiltri li .count{font-size: 10px;font-weight: 700;border-radius: 50%;background: #eef0f7;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #7080a0;}
.menuFiltri li:hover{background-color: #eef0f7;}
.menuFiltriActive{background: #1a2e5a !important;color: #fff !important;}
.countActive{background: rgba(255, 255, 255, .15) !important;color: rgba(255, 255, 255, .8) !important;}
.boxFiltri{background: #fff;border: 1px solid #dce2ef;border-radius: 10px;padding: 15px 15px 5px 15px;margin: 0px 0px 20px 0px;overflow: hidden;}
.boxFiltriSearch{position:relative;margin: 0px 0px 20px 0px;}
.boxFiltriSearch span{position:absolute;top: 15px;right:15px;cursor: pointer;}
#searchElencoCorsi, #filtroPersonale{width: 100%;padding: 12px 14px;border: 1px solid #dce2ef;border-radius: 10px;font-size: 13px;box-sizing: border-box;box-shadow: inherit;margin: 0;}


/*usato nel filtro delle categorie dei corsi, un overflow che mostra la scrollbar solo dopo che sei entrato nell'area - funziona con porzione JS dentro i corsi*/
.scrollbox {overflow-y: auto;position: relative;scrollbar-gutter: stable;}
.scrollbox::-webkit-scrollbar {width: 8px;}
.scrollbox::-webkit-scrollbar-track {background: transparent;}
.scrollbox::-webkit-scrollbar-thumb {background: rgba(0,0,0,0);border-radius: 10px;transition: background 0.25s, opacity 0.25s;}
.scrollbox:hover::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.4);}
.scrollbox.scrolling::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.5);}
.scrollbox {scrollbar-width: thin;scrollbar-color: transparent transparent;}
.scrollbox:hover {scrollbar-color: rgba(0,0,0,0.4) transparent;}
.scrollbox.scrolling {scrollbar-color: rgba(0,0,0,0.5) transparent;}

/*struttura prenotacorsi*/
.contPrenotaCorsi{max-width: 100%;padding: 24px 28px;display: grid;grid-template-columns: 220px 1fr;gap: 40px;align-items: start;}
.contPrenotaCorsisx{width: 230px;}
.contPrenotaCorsidx{width: 100%}

.cambio{display: flex;
    align-items: center;
    gap: 8px;
    background: #7080a0;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 0px 15px !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px !important;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
    height: 35px;
}


.filtri .fa-filter{width: 45px; height: 45px; color: #0e3d64; background-color: #e1e6e9; text-align: center; line-height: 45px; font-size: 0.9em;}
.dashsx li{width: calc(100% - 10px); display: flex; margin-bottom: 5px;justify-content: flex-start; align-items: center; padding: 5px; cursor: pointer; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;font-size: 13.5px;font-weight: 500;color: rgba(255,255,255,.6);font-size: 13.5px;}
.dashsx li:not(.not):hover{background-color: rgba(255, 255, 255, .12);color: #fff !important;border-radius: 10px;}
.dashsx li i{color: rgba(255,255,255,.6); margin-right: 10px; width: 24px; text-align: center; font-size: 1.2em;}
.tastiutente p{height: 35px; width: auto; padding: 0px 10px; cursor: pointer; line-height: 35px; background-color: #6298d1; color: #fff; text-transform: uppercase; font-size: 0.8em; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; margin: 0px 5px 0px 0px; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
.tastiutente p:hover{background-color:#6eaae9}

.tastiutente i{margin-left: 5px;}
.tabscroll thead{background-color: #f1f1f1;}
.tabscroll table th{padding:  10px 15px; box-shadow: #dfe3e6 0px 0px 0px 0px;line-height: 15px;font-size: 0.8em;}
.tabscroll table td{padding:  10px 10px; box-shadow: #e6eaed 0px 1px 0px 0px;}
.tabscroll .fa-cloud-download-alt{font-size: 1.3em; color: #ccc;}
.tabscroll a .fa-cloud-download-alt{color: #6298d1;}
.tabscroll tr:not(.nohover):hover{
        background-color: #f7f7f7; box-shadow: #dfe3e6 0px -1px 0px 0px;
}

.tabscroll table th:not(.nohover):hover{
        background-color: #eef0f7;
}
.tabscroll table .spanstrong{
color: #fff;
    font-weight: 600;
    background: #7080a0;
    padding: 5px 10px;
    border-radius: 8px;}
.expandTr .spanstrong{background: #2252b8 !important;}
.expandTr .badge-avatar{color: rgb(27, 75, 108);background: #fff;}
.expandTr .badge-avatar + div div {color: #fff !important;}
.expandTr td i{margin: 0px 10px;}
.expandTr .numrecordbadge{background: #fff !important; color: #0e3d64 !important;font-weight: 600;}
.anteprimadash{margin: 24px 28px 0;}
.anteprimadash tr:hover{background-color: transparent !important; box-shadow: none !important;}
.titolidash{
width: calc(100% - 30px);
    background-color: #1a2e5a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px;
}

.titolidash p{width: calc(100% - 65px); padding-right: 10px;}



.quadrotti{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; padding: 0px; margin: 40px 2%}
.quadrotto{font-size: 1.0em !important;}
.quadrotto i{font-size: 3em; margin: 20px 0px 10px 0px; width: 100%; height: 80px; line-height: 80px;}
.quadrotto:nth-child(odd){background-color: #0e3d64;}
.quadrotto:hover{background-color: #6eaae9; transform: scale(0.98);}
.quadrotto:nth-child(odd):hover{background-color: #124d7e;}
.quadrotto p{position: absolute; width: auto; height: auto; padding: 5px 10px; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 0.7em; background-color: #1c5e97; -moz-border-radius: 5px 0px 0px 5px;-webkit-border-radius: 5px 0px 0px 5px;border-radius: 5px 0px 0px 5px; top: 10px; right: 0px;}
/*mini pulsante standard aggiunta*/
.aggiungi-mini{text-transform: uppercase;
    text-align: center;
    border-radius: 5px !important;
    margin: 0 auto;
    background: #eef0f7;
    position: relative;
    padding: 5px 8px 5px 6px;
    background-position: center;
    box-shadow: none;
    font-size: 0.8em;
    color: #7080a0;}
.aggiungi-mini i{color: #fff;margin: 0px 5px 0px 0px;}    


/*classi colore dello stato dei documenti aziendali*/   
.docaziendale1{background-color: #ffe4c2 !important;color: #e07b00 !important;font-weight: bold;} /*da fare*/
.docaziendale2{background-color: #bde9bf !important;color: #3da141 !important;font-weight: bold;} /*adeguato*/
.docaziendale3{background-color: #ffddda !important;color: #c0392b !important;font-weight: bold;} /*scaduto*/
.docaziendale4{background-color: #fff2cb !important;color: #d9ad2d !important;font-weight: bold;} /*in scadenza*/
.docaziendale5{background-color: #bbd4e1 !important;color: #607d8b !important;font-weight: bold;} /*archiviato*/
.docaziendale6{background-color: #ffddda !important;color: #c0392b !important;font-weight: bold;} /*programmato*/

/*classi colore dello stato dei corsi formazione/idoneita*/   
.docformazione0{background-color: #bde9bf !important;color: #3da141 !important;font-weight: bold;} /*adeguato*/ 
.docformazione1{background-color: #8de1f3 !important;color: #007c96 !important;font-weight: bold;} /*prentoato*/ 
.docformazione2{background-color: #ffe4c2 !important;color: #e07b00 !important;font-weight: bold;} /*da fare*/ 
.docformazione3{background-color: #bbd4e1 !important;color: #607d8b !important;font-weight: bold;} /*archiviato*/ 
.docformazione4{background-color: #dfdfdf !important;color: #7e828b !important;font-weight: bold;} /*annullato*/ 
.docformazione5{background-color: #fff2cb !important;color: #d9ad2d !important;font-weight: bold;} /*in scadenza*/ 
.docformazione6{background-color: #ffddda !important;color: #c0392b !important;font-weight: bold;} /*scaduto*/ 

/*colore dell'icona di ogni aggiungi-mini in base allo stato*/
.docformazione2 i, .docaziendale1 i{color: #e07b00 !important;} 
.docformazione5 i, .docaziendale4 i{color: #d9ad2d !important;} 
.docformazione6 i, .docaziendale3 i{color: #c0392b !important;} 
.docformazione3 i, .docaziendale5 i{color: #607d8b !important;} 
.docformazione0 i, .docaziendale2 i{color: #3da141 !important;} 
.docformazione1 i{color: #007c96 !important;} 
.docformazione4 i{color: #7e828b !important;} 
    

/*tabelle dashboard*/
.tabutenti{border-radius: 10px;overflow: hidden;border: 1px solid #dce2ef;background: #fff;margin-bottom: 10px;}
.tabutenti thead{color: #7080a0;background: #eef0f7;}
.tabutenti thead th{box-shadow: none;}

.tabutenti .tdutenticompact{padding: 0;}

.tabdocumenti{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;border: 1px solid #dce2ef;background: #fff;}
.tabdocumenti thead{color: #7080a0;background: #eef0f7;}
.tabdocumenti thead th{box-shadow: none;}




body{position:relative;text-align:left;color:#6b6b6b;font-family: "Plus Jakarta Sans", sans-serif;font-weight:300;font-size:15px;line-height:28px;background-color: #f7f8fc;}
html,body{margin:0;padding:0;height:100%;border:none}
p {margin:0px;padding:0px}
ul {margin:0px;padding:0px;list-style:none}
strong {font-weight:700;color: #1a2e5a;}
hr{height:1px;width:70px;border:none;margin:30px auto; position: relative; clear: both; background-color: #6298d1;}
a{color:#0e3d64;border:none;text-decoration:underline; -webkit-transition:color 0.5s linear;-moz-transition:color 0.5s linear;-ms-transition:color 0.5s linear;-o-transition:color 0.5s linear;transition:color 0.5s linear}
a:hover{text-decoration:none;border:none; color:#124d7e}


/*input {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; font-family: "Plus Jakarta Sans", sans-serif;margin:0px 0px 10px 0px;font-size:1.0em;width:calc(100% - 30px);height:45px;line-height:45px;border:none; background-color:#fff;padding:0px 15px;box-shadow:#e6eaed 0px 0px 0px 1px inset;color:#64686b;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}*/
input{    padding: 10px 14px;
    border: 1px solid #dce2ef;
    border-radius: 10px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    color: #1a2e5a;
    background: #fff;
    outline: none;
    transition: border-color .18s;
    width: 100%;}

input [type="text"]{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; font-family: "Plus Jakarta Sans", sans-serif;margin:0px 0px 10px 0px;font-size:1.0em;width:calc(100% - 30px);height:45px;line-height:45px;border:none; background-color:#fff;padding:0px 15px;box-shadow:#e6eaed 0px 0px 0px 1px inset;color:#64686b}
input:focus{ box-shadow:0 0 0 3px rgba(34,82,184,.1) !important;border: 1px solid #1a2e5a}
input[type="checkbox"]{ height:auto;background-color:#fff;margin:6px 6px 0px 0px;padding:0px !important;border:1px solid #e6eaed;width:auto;box-shadow:none;width:15px !important; height: 15px; float:left}
input[type="radio"]{box-shadow:none}
textarea{border-radius: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 0.9em;
    float: left;
    width: calc(100% - 22px);
    height: 100px;
    background-color: #fff;
    padding: 10px;
    color: #1a2e5a;
    margin: 0px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    border: 1px solid #dce2ef;}
textarea:focus{ outline:none;border: 1px solid #0e3d64;box-shadow:0 0 0 3px rgba(34,82,184,.1) !important;}
select{
    margin: 0px 0px 10px 0px;
    height: 45px;
    line-height: 20px;
    background-image: url(/template/arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px top 20px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    padding: 10px 14px;
    border: 1px solid #dce2ef;
    border-radius: 10px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #1a2e5a;
    background: #fff;
    outline: none;
    transition: border-color .18s;
    width: 100%;
    font-size: 13px;
    position: relative;
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
select:focus{ outline:none;border: 1px solid #0e3d64;box-shadow:0 0 0 3px rgba(34,82,184,.1) !important;}    
input[type="submit"]{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; font-family: "Plus Jakarta Sans", sans-serif;background-color:#6298d1;margin:0px;width:auto;font-weight:400;height:45px;line-height:45px;padding:0px 25px;border:none;box-shadow:none; text-transform:uppercase;font-size:1.1em;color:#fff;cursor:pointer;-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
input[type="submit"]:hover{background-color:#6eaae9}
input[type="button"],  button{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; position: relative; font-family: "Plus Jakarta Sans", sans-serif;background-color:#6298d1;margin:20px 0px 0px 0px;width:auto;font-weight:400;height:45px;line-height:45px;padding:0px 25px;border:none;box-shadow:none; text-transform:uppercase;font-size:1.1em;color:#fff;cursor:pointer;-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
input[type="button"]:hover, button:hover{background-color:#6eaae9}
input[type="date"]{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;font-family: "Plus Jakarta Sans", sans-serif;margin: 0px 0px 10px 0px;font-size: 13px;width: calc(100% - 30px);height: 43px;line-height: 43px;border: none;background-color: #fff;padding: 0px 15px;box-shadow: #e6eaed 0px 0px 0px 1px inset;color: #1a2e5a;}
input[type="date"]:focus {outline: none;border: 1px solid #0e3d64;box-shadow: 0 0 0 3px rgba(34, 82, 184, .1) !important;height: 41px;}    
.bottone {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; float: left; position: relative; font-family: "Plus Jakarta Sans", sans-serif;background-color:#bbc4c7;margin:20px 0px 0px 0px;width:auto;font-weight:400; padding:9px 25px;border:none;box-shadow:none; text-transform:uppercase;font-size:1.1em;color:#fff;cursor:pointer;-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
.bottone:hover{background-color:#a8b4b8; color: #fff;}
.bottone i{margin-left: 15px;}
input[type="button"]:focus, input[type="submit"]:focus{ box-shadow:none !important}
input::placeholder, textarea::placeholder{color: #b9b9b9; font-size: 0.9em; font-style: italic; text-transform: lowercase;}
label{text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #0e3d64;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;}
input:disabled {
    background-color: #f5f5f5;
    color: #999;
    cursor: not-allowed;
    height: 23px;
}  
.accetta label{
        text-transform: none; font-size: 0.9em;
font-weight: 600;}
.showPass i{position:absolute;top:0px;right:0px;cursor:pointer; color: #0e3d64;font-size: 0.9em; width: 45px; height: 45px; display: flex; justify-content: center;align-items: center; }
.boxlogin .fa-envelope{position:absolute;top:29px;right:0px;cursor:pointer; color: #0e3d64;font-size: 0.9em; width: 45px; height: 45px; display: flex; justify-content: center;align-items: center; background-color: #efefef;}

.boxlogin h3{text-transform: uppercase; font-size: 2em; margin-bottom: 20px; line-height: 36px;}
.boxlogin p{text-transform: uppercase; color: #0e3d64; font-size: 0.9em;}
.aggiusta{width: 100%; clear: both; margin: 10px 0px 0px 0px; overflow: hidden;}
.aggiusta button{float: left; margin: 0px;}
h3, h4, h5, h6{color: #0e3d64; margin: 0px; font-size: 1.3em; font-weight: 300;}
.passwordStrongTester{box-shadow: rgba(180,180,180,0.5) 0px 0px 0px 1px inset;padding: 5px;width: calc(100% - 10px);height: 10px; background-color: rgba(255,255,255,0.4);border-radius: 5px;}    
.passwordStrongTester #bar{border-radius: 3px;}




.StyleIntestazione .intsx{float: right;
    display: flex;
    margin: 18px 0px 0px 0px;gap: 10px}


.logo img{width: 100%; object-fit: contain;}
.footer1, .footer2{display: none !important;}

.footer1 a, .footer1 a:hover, .footer2 a, .footer2 a:hover{color: #fff !important;}
.footer1 strong{font-size: 1.3em;}
.footer1 p{font-size: 1.1em;}
.footer1 span{font-weight:700}
.introdash{width: 450px; margin: 30px auto; text-align: center;}
.separatore{background-color: rgba(0,0,0,0.05); width:100%; margin: 0px 0px 30px 0px; text-align: center; padding: 30px 0px; font-size: 2.0em; font-weight: 400; color: #1c5e97; clear: both;}
.separatore em{font-size: 3.0em; margin-bottom: 15px;}
.separatore a{color: #1c5e97 !important}
.TDCorpoNews div:first-child img{width: 100%; height: auto}
.TDCorpoNews h4 a{color: #616161 !important}
.TDCorpoNews div:nth-child(2) p{position: absolute; top: 10px; right: 15px; font-size: 0.9em; }
.segue{border-top: 1px solid rgba(0, 0, 0, 0.12);font-size: 0.9em; text-transform: uppercase; height: 40px; line-height: 40px; width: 88%; padding: 0px 6%; position: absolute; left: 0px; bottom: 0px}
.segue a{font-weight: 700 !important}
.corsi h4{text-align:left; font-size:1.3em;font-weight:400;text-transform:none;margin:0px; padding: 10px 2%; line-height:25px;color:#013766; width: 96%; background-color: rgba(0,0,0,0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.rigacorsi {clear: both; width: 100%; padding: 0px; border-top: 1px solid rgba(0, 0, 0, 0.12); display: flex; height: 30px; line-height: 30px }
.corsi p {text-align: left; width: 96%; padding: 10px 2%; line-height: 20px; margin-bottom: 0px }
blockquote{clear:both; position: relative; text-align: left; width:90%;height:auto;margin:20px auto; padding: 15px 5%; box-shadow: #f19a04 0px 0px 0px 3px inset; font-size: 1.2em; font-weight: 700 }
blockquote:after{position: absolute; content: "";bottom:-8px;right:18px;border-top:8px solid #f19a04;border-left:8px solid transparent;border-right:8px solid transparent; z-index: 81 }
#sei em{font-size:0.6em}
#FormSendMailToSite2{width:100%;overflow:hidden}
.formcontatti{width:100%;overflow:hidden;margin-top:30px;}
.formcontatti select{width:100%; height: 37px; padding: 5px}
.contattaci strong{color: #f19a04;}
.contattaci:hover{box-shadow: rgba(230,234,241, 0.4) 0px 0px 0px 100px inset;}
.contattaci:hover em:nth-child(3){-webkit-animation-name: wobble; animation-name: wobble; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.TabellaContenitoreNews h4{text-align:center;font-size:1.1em;line-height:20px}
.TabellaContenitoreNews h4 a{font-size:1.3em}
.TabellaContenitoreNews h4 em{font-size:1.3em;margin-bottom:10px}
.TabellaContenitoreNews img{width:auto;height:100%}
.TabellaContenitoreNews:hover{box-shadow:#ebebeb 0px 0px 13px 0px}
.F1C{overflow:hidden}
.F1C .Form1CellaSinistra{width:300px;float:left}
.F1C .Form1CellaDestra{width:500px;float:left}
.F1C select{width:200px;padding:5px}
.F1C .Form1CellaDestra input{width:65%;float:left}
.F1C .Form1CellaDestra input[type="checkbox"]{width:auto;float:left}
#div_check_email, #div_check_email2 {
clear: both;
    background: #f7f8fc;
    margin-left: 10px;
    padding: 0px 10px;
    font-size: 0.8em;
    font-weight: 600;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #1a2e5a;
    line-height: 25px;}
#div_check_login{color: #1a73e8;font-weight: bold;background: #ffffffc4;width: fit-content;padding: 0px 5px;border-radius: 5px;}
.formcap{overflow:hidden;text-align:left;margin-bottom:10px;clear:both;width:auto;float:left; clear: both;}
.formcap div{float:left;width:300px; overflow: hidden;}
.formcap div img{float:left; margin-right: 10px}
.formcap div input[type="text"]{width:99px;margin:0px;padding:0px 8px !important;height:32px; float: left;}
.formcap p{float:left; clear:both; margin: 5px 0px 0px 0px !important; text-transform: none; font-size: 0.9em; width: auto !important; color: #595959;}
#msg{display:none;position:absolute;z-index:1901;font-size:0.9em}
#msgcontent{display:block;background:#fff;border:1px solid #e0e0e0;padding:4px 10px 5px 4px;width:auto;color:#043882}
.MsgAlertLingua{cursor:pointer;position:absolute;z-index:9000;top:50px;padding:15px;background-color:#000;color:#FFF;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:2px solid #FFF}
#PopBlank{display:none;position:absolute;width:1000px;height:700px;z-index:1900;margin:0 auto;/* background-color:#000;filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;*/}
/*Paginatore*/
#Paginatore{margin:0px;overflow:hidden;clear:both;width:auto;float:right;}
/*next/prev*/
.PaginatoreNext{height:37px;width:37px;cursor:pointer;padding:0px;font-size:1.0em;float:left;margin:0px; display:flex;align-items:center;justify-content:center;background-color:#ebebeb;-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
.PaginatoreNext:hover{background-color:#e2e2e2}
.PaginatoreNext a{color:#018ac9}
.PaginatoreNext a:hover, .PaginatoreNext:hover a{color:#018ac9}
/*selezionato*/
.PaginatoreSel{height:37px;width:37px;cursor:pointer;padding:0px;float:left;margin:0px;display:flex;align-items:center;justify-content:center;background-color: #6298d1; }
.PaginatoreSel span{color:#fff;font-weight:400;font-size:1.2em}
/*link pagine*/
.PaginatoreLink{height:37px;width:37px;cursor:pointer;padding:0px;float:left;margin:0px; display:flex;align-items:center;justify-content:center;background-color:#fff; box-shadow: #e6eaed 1px 1px 0px 0px inset; -webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
.PaginatoreLink:hover{background-color:#f1f1f1}
.PaginatoreLink a{color:#0e3d64;font-weight:300;font-size:1.2em}
.PaginatoreLink a:hover, .PaginatoreLink:hover a{color:#124d7e}
.slick-prev:before, .slick-next:before{color:#6e6e6e !important}
/*Style spoiler accettazione cookie*/
#spoilerCookie{padding:5px 5px 5px 5px;background-color:#CCC;bottom:0;margin:0 auto;text-align:center;font-family:Verdana;font-size:12px;color:#333;line-height:18px;position:fixed;z-index:100;width:100%}
#spoilerCookie span:first-child{}
#spoilerCookie span:nth-child(2){margin-left:3px;cursor:pointer;text-decoration:underline}
#spoilerCookie span:nth-child(3){margin-left:10px;cursor:pointer;background:orange;padding:3px 5px 3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:bold}
.StyleBanner0 .fotorama__nav-wrap{position:absolute;top:0}
.fotorama__nav__frame.fotorama__active .fotorama__dot{width:12px !important;height:12px !important;border:none !important;background-color:rgba(0,138,201,0.8) !important;}
.fotorama__dot{width:12px !important;height:12px !important;border:none !important;background-color:rgba(200,200,200,0.8) !important}
}
article p{margin: 0px !important}
.dashsx p:hover{background-color: rgba(255, 255, 255, .12);}
.menusel, .menusel:hover{    background-color: rgba(255, 255, 255, .12);
    color: #fff !important;
    border-radius: 10px;}


/*TRASFORMA CHECKBOX IN SWITCH*/
.switch input {display:none;}

.switch {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    float: left;
    margin: 0px 8px 0px 0px;}
.slider {
position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eef0f7;
    box-shadow: #d8d8d8 0px 0px 0px 1px inset;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 8px;        
}
.slider:hover{background-color: #c1c6d5;}
.slider:before {
        position: absolute;
    content: "";
    height: 11px;
    width: 21px;
    left: 0px;
    bottom: 16px;
    -webkit-transition: .2s;
    transition: .2s;
    border-width: 0 5px 0px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(90deg);
}
input:checked + .slider {background-color: #fff}
input:checked + .slider:before {
height: 14px;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    border: solid #009688;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 8px;
    top: 1px;
    left: 7px;     
}



.check span{float: left; font-size: 0.8em; line-height: 20px; color: #424444;}
/*messaggi di errore*/
.errMsg2{position:absolute;z-index:100;cursor:pointer;height:40px;line-height:40px;padding:0px 10px 0px 10px !important;color:#9d9fa0 !important;left:0px;top:-80px;background-color:#ff0000 !important;box-shadow:#ccc 0px 0px 0px 1px inset !important;border: 1px solid #013766 !important;}
.errMsg{
position: absolute !important;
    z-index: 100 !important;
    padding: 0px 10px 0px 10px !important;
    background: #c0392b !important;
    top: -5px !important;
    border-radius: 10px;
    color: #fff;
    font-size: 0.8em;}
.errMsg:after{position: absolute;
    left: 20px;
    bottom: -7px !important;
    content: "";
    border-top: 7px solid #c0392b;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;}
.errInput{border:1.5px solid #c0392b !important}
.is-focused{position:relative;clear:both !important}
#div_status_captcha{float:right !important;width:10px !important;margin:0px !important}

/*OFUSCAMENTO LOADING USATO CARICAMENTO ESECUZIONE FORM CONTATTI*/
.ofuscamentoloading{position: absolute;z-index: 700;top: 15%;left: 5%;right: 5%;bottom: 15%} 
.ofuscamentohideloading{position: fixed;z-index: 700;left: 0;top: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 92%)}
.contentpopuploading{position: relative;margin: 0 auto;width: 100%;text-align: center;top: 50%;margin-top: -45px;}
.contentpopup h2{text-align: center;}
.contentpopup button{float: none;}

.numrecordbadge{
    background-color: #7080a0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 0.7em;
    float: right;        
}

#addsede{text-align: left;}
/*classe utilizzata dentro la formazione per colorare la riga quando viene aperta*/
.expandTr{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;        
}
.expandTr,.expandTr:hover{background-color: #0e3d64 !important;color: #fff !important}
.expandTr strong,.expandTr:hover strong{color: #fff !important}

/*classe usata quando non ci sono record nelle ricerche dash*/
.alertNoShow{
overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px solid #dce2ef;
    border-radius: 20px;
    padding: 40px;
    width: 100%;
    max-width: 80%;
    box-shadow: 0 8px 32px rgba(26, 46, 90, .1);
}
/*pulsantino per selezionare tutte le checkbox del dipendente nella formazione*/
.selAllFormIdo{    margin-left: 5px;
    background: #2252b8;
    color: #fff;
    border-radius: 50%;
    padding: 4px 5px;
    font-size: 1em;}
/*rating per valutare applicazione*/
.rating-icons{font-family:"Font Awesome 5 Pro";font-style: normal;font-size: 1.1em; letter-spacing: 5px; display: inline-block;word-wrap: normal;-moz-font-feature-settings: 'liga';-moz-osx-font-smoothing: grayscale;color:#dadada;cursor: pointer;font-weight: 600;}
.rating i{cursor : pointer}
.ratingOn{color: #ffc107}
.ratingOff{color: #dadada}
.closepopup{
position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 8px;
    border: 1px solid #dce2ef;
    background: #eef0f7;
    cursor: pointer;
    font-size: 1em;
    color: #7080a0;
    align-content: center;
    text-align: center;}
/*libreria PACE*/
.pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.pace-inactive {display: none;}
.pace .pace-progress {background: #0e3d64;background: linear-gradient(90deg, #0e3d64 41%, #6298d1 100%);position: fixed;z-index: 2000;top: 0;right: 100%;width: 100%;height: 3px;}	
#shareopinion{background: #FFEB3B;border: 2px solid #ff0000;padding: 0px 8px;width: fit-content;margin: 10px 0px;color: #ff0000;display: none;}
.badgecount{font-family: 'Poppins', sans-serif;text-align: center;-moz-border-radius: 5px !important;-webkit-border-radius: 5px !important;border-radius: 5px !important;margin: 0 auto;background: #e6eaed;padding: 5px;color: #0e3d64;margin-top: 5px;width: fit-content;min-width: 20px;font-weight: bold;line-height: 20px;}
/*risultato suggerimento codice fiscale*/
#resCF{
clear: both;
    padding: 0px 10px;
    color: #fff;
    width: fit-content;
    margin: 10px 0px;
    border-radius: 10px;
    background: #7080a0;
    font-weight: 500;
}    

/*preloader*/
.progressloaderCont{position: fixed;z-index: 9000;background: #2a2f50ba;width: 100%;height: 100%;top: 0;left: 0;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.progressloaderIco{--fa-primary-color: #acece6;--fa-secondary-color: #607d8b;z-index: 500;top: 50%;font-size: 10em;margin-top: -75px;position: absolute;left: 50%;}  







/*GRAFICA DEI CORSI E CARRELLO*/
.fullwidth{width: 100%;}
/*badge sconto*/
.badgescontoint{padding: 0px 10px;background: rgb(209, 250, 229);border-radius: 10px;font-size: 0.8em;height: 35px;display: flex;align-items: center;gap: 6px;}
.badgecartint{display: flex;align-items: center;gap: 8px;background: #243870;color: #fff;border: none;border-radius: 10px;padding: 0px 15px !important;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 13px !important;font-weight: 600;cursor: pointer;transition: all .18s;height: 35px;}
.badgecartint:hover{transform:translateY(-1px)}
.badgecartint #badge{background: #fff;padding: 3px 6px;border-radius: 50%;font-weight: bold;font-size: 0.8em;height: 13px;line-height: 12px;color: #243870;}
.logout{display: flex;align-items: center;gap: 6px;background: #7080a0;color: #fff;border: none;border-radius: 10px;padding: 0px 15px !important;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 13px !important;font-weight: 600;cursor: pointer;transition: all .18s;height: 35px; 	}    
.logout:hover{transform:translateY(-1px);background-color: #3f51b5;}
.rowaula{padding: 10px;border: 1px solid rgb(229, 231, 235);border-radius: 10px;margin-bottom: 8px;cursor: pointer;background: rgb(255, 255, 255);}
.rowaulaSel{border: 1px solid #1c5e97;background: #f7f8fc;}
.rowaulacheckbox{width: 20px;height: 20px;border-radius: 5px;border: 1px solid rgb(209, 213, 219);background: rgb(255, 255, 255);display: flex;align-items: center;justify-content: center;color: rgb(255, 255, 255);}
.rowaulacheckboxSel{background: #1c5e97}
.rowdipendente{display: flex; align-items: center; gap: 10px; padding: 10px;cursor: pointer; background: rgb(255, 255, 255);border: 1px solid rgb(229, 231, 235);border-radius: 10px;margin-bottom: 8px;position: relative;}
.rowdipendenteSel{border: 1px solid #1c5e97;background: #f7f8fc;}
.rowdipendentesquare{width: 20px;height: 20px;border-radius: 5px;border: 1px solid rgb(209, 213, 219);background: rgb(255, 255, 255);display: flex;align-items: center;justify-content: center;color: rgb(255, 255, 255);}
.rowdipendentesquareSel{background: #1c5e97}
.divstepcorsi{margin-bottom: 30px;display: flex;gap: 8px;background: #fff;border-bottom: 1px solid #dce2ef;padding: 20px 25%;justify-content: space-around;align-items: stretch;}
.divstepcorsiel{display: flex;justify-content: flex-start;gap: 10px;}
.divstepcorsiel div{width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center;font-weight: 600;border: 2px solid #dce2ef;background: #fff;color: #7080a0;}
.divstepcorsiel span{font-size: 12px;font-weight: 600;color: #7080a0;white-space: nowrap;padding: 5px 0px 0px 0px;}
.divstepcorsiel .stepDivSel{border-color: #2252b8;background: #2252b8;color: #fff;}
.divstepcorsiel .stepSpanSel{font-size: 12px; color: #1a2e5a;}
.step-line{ height: 2px;background: #dce2ef;width: 50px;margin: 20px 0px;}
.cartbntcont{display: flex;flex-direction: column;width: 100%;margin: 0 auto;}    
.cartbntnext{display: flex;align-items: center;gap: 8px;background: #243870;color: #fff;border: none;border-radius: 10px;padding: 0px 15px !important;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 16px !important;font-weight: 700;cursor: pointer;transition: all .18s;height: 45px;text-transform: inherit;justify-content: center;}
.cartbntnext:hover{background: #2252b8;transform: translateY(-1px);}



.cartbntprev{background: #00000000;color: #7080a0;border: 1px solid #dce2ef;border-radius: 10px;padding: 5px 10px;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 15px !important;cursor: pointer;transition: all .18s;text-transform: initial;height: 45px;line-height: 20px;margin: 10px 0px;display: flex;gap: 8px;justify-content: center;align-items: center;}
.cartbntprev:hover{transform: translateY(-1px);  border-color: #1a2e5a;color: #1a2e5a;background: #00000000;}
.cartbntdisable{opacity: 0.6;}
.bntmini{display: flex;align-items: center;gap: 5px;border-radius: 10px;padding: 0px 10px !important;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 0.9em;font-weight: 700;cursor: pointer;transition: all .18s;height: 30px;text-transform: inherit;justify-content: center;background-color: #eef0f7 !important;color: #1a2e5a;border: 1px solid #dce2ef;margin: 0;}
.bntmini i{font-size: 0.9em;}
.bntmini:hover{background: #2252b8;transform: translateY(-1px);}

.bntmini.red{background-color: #c0392b !important;color: #fff;border: 1px solid #c0392b !important;}
.bntmini.orange{background-color: #e07b00 !important;color: #fff;border: 1px solid #e07b00 !important;}
.bntmini.yellow{background-color: #d9ad2d !important;color: #fff;border: 1px solid #d9ad2d !important;}


/*bottoni usati nei filtri*/
.bntfiltri{display: flex;align-items: center;gap: 8px;background: #243870;color: #fff;border: none;border-radius: 8px;padding: 0px 15px !important;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 15px !important;font-weight: 700;cursor: pointer;transition: all .18s;height: 35px;text-transform: inherit;justify-content: center;width: 100%;margin: 10px 0px;}
.bntfiltri:hover{background: #2252b8;transform: translateY(-1px);}
.bntfiltriundo{background: #00000000;color: #7080a0;border: 1px solid #dce2ef;border-radius: 8px;padding: 5px 10px;width: 100%;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 12px;font-weight: 500;cursor: pointer;transition: all .18s;margin: 5px 0px;text-transform: initial;height: 35px;line-height: 20px;  width: 100%;}
.bntfiltriundo:hover{transform: translateY(-1px);  border-color: #1a2e5a;color: #1a2e5a;background: #00000000;}


.contentstep{display: flex;justify-content: space-evenly;flex-wrap: wrap;width: 1000px;margin: 0 auto;align-items: flex-start;}
.step0, .step1, .step2{width: 60%;background: #fff;border: 1px solid #dce2ef;border-radius: 15px;overflow: hidden;}
.intboxstep{padding: 15px;border-bottom: 1px solid #dce2ef;display: flex;align-items: center;gap: 10px;position: relative;}
.intboxstepico{width: 35px;height: 35px;background: #e8eef8;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.intboxstepdesc{line-height: 15px;display: flex;flex-direction: column;}
.stepbody{padding:20px;overflow: hidden;}
#badgenumdipendenti{padding: 0px 10px;background: rgb(34 82 184);color: rgb(255, 255, 255);border-radius: 10px;position: absolute;top: 10px;right: 10px;font-size: 0.8em;}
#badgenumdipendenti2{padding: 0px 10px;background: rgb(34 82 184);color: rgb(255, 255, 255);border-radius: 10px;position: absolute;top: 10px;right: 10px;font-size: 0.8em;gap: 5px;display: flex;}
#auladateSel,#auladateSel2{padding: 10px;border-radius: 10px;border: 1px solid #1c5e97;background: #f7f8fc;margin: 10px 0px;}
.riepilogoDipendentiCartRow{padding: 10px;border-radius: 10px;border: 1px solid #1c5e97;background: #f7f8fc;margin: 10px 0px;}
.riepilogoDipendentiCartCont{border: 1px solid #dce2ef;border-radius: 10px;margin-bottom: 16px;padding: 15px;overflow: hidden;}

/*card dei totali*/
.card-totale{width: 35%;background: #fff;border: 1px solid #dce2ef;border-radius: 15px;overflow: hidden}
.card-totale-int{background: #1a2e5a;padding: 15px;color: #fff;font-weight: bold;text-transform: uppercase;}
.card-totale-body{padding:15px}
.card-totale-row{display:flex;justify-content: space-between;font-size: 0.9em;}
.card-totale-row .scprice{padding: 0px 6px;color: #0a6640;border-radius: 5px;font-weight: 600;background: #effdf1;border: 1px solid rgb(10 71 23 / 25%);font-size: 0.9em;}
.card-totale-row .punitario{font-weight:bold;color: #1a2e5a;}
.card-totale-row #totcart{font-size: 22px; font-weight: 800; color: #2252b8}
.separatoreTotali{height: 1px;background: #dce2ef;width: 100%;margin: 10px 0px;}

/*card modulo pagamento*/
.boxpagamento{padding:0px 0px 20px 0px;display: flex;justify-content: space-between;flex-wrap: wrap;}  
.boxsceltapagamento{background: #f7f8fc;border-radius: 10px;margin-bottom: 16px;padding: 15px;overflow: hidden;}
.boxsceltapagamento button{width: 100%;}
.bntseltipopagamento{width: calc(50% - 30px);border: 1px solid #dce2ef;border-radius: 10px;padding: 10px;margin: 10px 0px;cursor: pointer;}
.bntseltipopagamentoSel{border-color: #1a2e5a;background: #e8eef8;}
.bntseltipopagamentoCont{display: flex;align-items: center;gap: 10px;position: relative;}
.bntseltipopagamentoContIco{width: 35px;height: 35px;background: #e8eef8;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.bntseltipopagamentoContDesc{line-height: 15px;}
.bntseltipopagamentoContDesc .midtext{font-size: 15px;}
.paymentconfirm{width: 60%;background: #fff;border: 1px solid #dce2ef;border-radius: 15px;overflow: hidden;}
.paymentconfirm .stepbody{text-align: center;}
.paymentconfirmIco{width: 72px;height: 72px;background: #ebf7f2;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;color: #368539;}

/*box pagina status*/
.box-status{background: #fff; border-radius: 15px;overflow: hidden;text-align: center;}
.statusIcoOk{width: 72px;height: 72px;background: #ebf7f2;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;color: #368539;}
.statusIcoKo{width: 72px;height: 72px;background: #e9bebe;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;color: #c0392b;}

/*pagina dei corsi*/
.corso-card {display: flex;overflow: hidden;margin-bottom: 20px;background: #fff;border: 1px solid #dce2ef;border-radius: 10px;padding: 20px;transition: all .18s;cursor: pointer;height: 230px;}
.corso-card:hover{transform:translateY(-2px) !important;box-shadow: 0 4px 20px rgba(26,46,90,.08)}
.corso-left {width: 90px;background: #1f3a5f;color: #fff;display: flex;align-items: center;justify-content: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.corso-right {width: 230px;align-items: center;border-left: 1px solid #dce2ef;padding: 0px;display: flex;justify-content: space-between;flex-direction: column;}
.corso-div-price{padding: 10px 0px 10px 0px;line-height: 20px;}
.corso-div-price .bigtext{font-size:34px;margin:10px 0px 5px 0px}
.corso-div-price .scprice{padding: 3px 6px;color: #0a6640;border-radius: 5px;font-size: 12px;font-weight: 600;background: #effdf1;border: 1px solid rgb(10 71 23 / 25%);margin: 5px;}
.data-main {text-align: center;}
.corso-body {flex: 1;padding: 0px 20px;position: relative;}

.corso-card .giorno {font-size: 28px;font-weight: 800;}
.corso-card .mese {font-size: 12px;}
.corso-card .anno {font-size: 10px;opacity: .6;}
.corso-body .badge-row-corsi {margin-bottom: 8px;}
.badge-corso {font-size: 11px;padding: 4px 8px;background: #eef2ff;border-radius: 6px;margin-right: 5px;color: #1a2e5a;}

.badge-corso.aula {    background: #ffe0c9;
    color: #896012;}
.badge-corso.rischio {background: #fee2e2;color: #b91c1c;}
.badge-corso.e-learning {    background: #ccecff;
    color: #2252b8;}
.badge-corso.durata {background: #dbe6ff;
    color: #3c5da5;}
.badge-corso.periodicita {    background: #d5f5d8;
    color: #18603d;}
.badge-corso.codice {}

.badge-avatar{width: 35px; height: 35px; background: rgb(27, 75, 108); border-radius: 20px; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-weight: 700; font-size: 13px;}
.badge-avatar.color6{background: #c0392b;}
.badge-avatar.color5{background: #d9ad2d;}
.badge-avatar.color2{background: #e07b00;}

/*classi nella dash che colorano le celle in base allo stato di scadenza - RIGHE*/    
.row-scadenza-col2{background: #fff8ee;border-bottom: 1px solid #dce2ef;}    
.row-scadenza-col5{background: #fffcf5;border-bottom: 1px solid #dce2ef;}    
.row-scadenza-col6{background: #fdf0ef;border-bottom: 1px solid #dce2ef;}    
/*classi nella dash che colorano le celle in base allo stato di scadenza - CELLA DEDICATA*/    
.row-cont-scadenza-col2{color: #e07b00;font-weight: bold;}    
.row-cont-scadenza-col5{color: #d9ad2d;font-weight: bold;}    
.row-cont-scadenza-col6{color: #c0392b;font-weight: bold;}   

.date-wrapper {display: flex;gap: 8px;}
.date-box {padding: 8px 10px;border-radius: 8px;border: 1px solid #e5e7eb;font-size: 12px;cursor: pointer;line-height: 20px;}
.date-box:hover{border-color: #2252b8;background: #e8eef8;}
.date-box.active {background: #1f3a5f;color: #fff;}
.date-box span {display: block;font-size: 10px;}  
.date-box.active strong{color: #fff;}  
.dpulse.yellow {background: #fbbf24;animation: animation-py 2s infinite;}
.dpulse.green {background: #4ade80;animation: animation-py 2s infinite;}
.dpulse {width: 6px;height: 6px;border-radius: 50%;margin: 20px auto auto auto;}    
.badd{background: #1a2e5a;color: #fff;border: none;border-radius: 10px;padding: 5px 10px;width: 100%;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 12px;font-weight: 700;cursor: pointer;transition: all .18s;margin: 5px 0px;text-transform: initial;height: 35px;line-height: 20px;   width: fit-content;}
.badd:hover{background: #2252b8;transform: translateY(-1px);}
.bdet{background: #00000000;color: #7080a0;border: 1px solid #dce2ef;border-radius: 10px;padding: 5px 10px;width: 100%;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 12px;font-weight: 500;cursor: pointer;transition: all .18s;margin: 5px 0px;text-transform: initial;height: 35px;line-height: 20px;  width: fit-content;}
.bdet:hover{transform: translateY(-1px);  border-color: #1a2e5a;color: #1a2e5a;background: #00000000;}
@keyframes animation-py{
0%   { box-shadow: 0 0 0 2px rgba(251, 191, 36, .3);}
50%  { box-shadow: 0 0 0 5px rgba(251, 191, 36, .1);}
100% { box-shadow: 0 0 0 2px rgba(251, 191, 36, .3); }
}
.div-ripopola-aule{position:absolute;bottom: 5px;}










/*ACCESSO*/
.flogin{
display: flex;
    justify-items: start;
    grid-auto-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;     
    margin: 30px 0px;   

}
.flogin .field{width: 100%;}
.flogin .field input{width: calc(100% - 30px);}

.login-tabs{display: flex;
    background: #eef0f7;
    border-radius: 10px;
    padding: 10px;
    gap: 10px;
}

.login-tab{flex: 1;
    padding: 5px;
    border-radius: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    border: none;
    transition: all .2s;
    cursor: pointer;
    text-align: center;    
}
.login-tab:hover,.login-tab.active{
    box-shadow: 0 2px 8px rgba(26,46,90,.1);
    background: #ffffff;


}




/*form edit dati azienda*/
.box-edit-utente-cart{background: rgb(249, 250, 251);position: relative;border: 1px solid #dce2ef;border-radius: 10px;margin-bottom: 16px;padding: 40px 15px 15px 15px;overflow: hidden;}
.bnt-edit-record-cart{position: absolute;top: 10px;left: 15px;font-size: 0.8em;}
.bnt-del-record-cart{position: absolute;top: 10px;right: 15px;font-size: 0.9em;}
.form-grid{display: flex;justify-items: start;grid-auto-flow: row;flex-wrap: wrap;justify-content: space-between;flex-direction: row;}    
.field{width: 48%;}
.field input{width: 85%;}
.req{color: #c0392b;margin-left: 2px;}
.opz{color: #7080a0;margin-left: 2px;font-weight: 500;}


.box-edit-corso-cart{background: rgb(255, 255, 255);position: relative;border: 1px solid #dce2ef;border-radius: 10px;margin-bottom: 16px;padding: 40px 15px 15px 15px;overflow: hidden;}
.box-edit-corso-cart .rowaula{border: 1px solid #1c5e97;background: #f7f8fc;margin: 10px 0px;}


/*box standard centrato e riga standard*/
.box-std{width: 60%;
background: #fff;
border: 1px solid #dce2ef;
border-radius: 15px;
overflow: hidden;
margin: 50px auto;
max-width: 600px;
}
.box-std:hover{
transform: translateY(-1px) !important;
box-shadow: 0 4px 20px rgba(26, 46, 90, .08);
}    
.row-std{
overflow: hidden;margin: 10px 0px;
}

/*form richiesta offerta documenti*/
.f-richiesta-offerta-modulo .field{width: 100%;}
.f-richiesta-offerta-chkcont{display: flex;
    justify-content: space-evenly;gap: 20px}
.f-richiesta-offerta-chkcont div{
border: 1px solid #dce2ef;
    border-radius: 10px;
    cursor: pointer;
    width: 30%;
    padding: 20px;
    align-content: center;
    display: inline;
    color: #1a2e5a;
    font-weight: bold;text-align: center;user-select: none;
        }
.f-richiesta-offerta-chkcont div i{margin: 0px 10px 0px 0px;}
.f-richiesta-offerta-chkcont div:hover{background: #eef2fb;}
.f-richiesta-offerta-chkcont input{display: none}
.f-richiesta-offerta-cheched{
border: 1px solid #1a2e5a !important;        
background: #eef2fb;
        }

/*pagina gestione dati aziendali ed account*/
.box-2col{display: flex;
    gap: 40px;
    margin: 24px 28px 0;
    width: calc(100% - 50px);
        align-items: flex-start;
}
.box-2col .box-std{
margin: 0;
    max-width: inherit;
    width: 100%;        
}
.box-2col .box-std .field input{width: 90%;}

.box-1row{
display: flex;
    gap: 40px;
    margin: 24px 28px 0;
    width: calc(100% - 50px);
    align-items: flex-start;     
}
.box-1row .box-std{
margin: 0;
    max-width: inherit;
    width: 100%;        
}


.form-grid-multi{
display: flex;
    justify-items: start;
    grid-auto-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    gap: 5px 20px;        
}
.form-grid-multi .field{
        width: 20%;

}
.box-1row .box-std .field input{width: 88%;}

/*SCROLLFIRE*/
[data-animate]{
  opacity:0;
  transition-property:opacity, transform;
  transition-duration:0.7s;
  transition-timing-function:cubic-bezier(.2,.6,.2,1);
  will-change:transform,opacity;
}
[data-animate].in-view{
  opacity:1;
  transform:none;
}
[data-animate="fade-up"]{ transform:translateY(40px); }
[data-animate="fade-down"]{ transform:translateY(-40px); }
[data-animate="fade-left"]{ transform:translateX(-40px); }
[data-animate="fade-right"]{ transform:translateX(40px); }
[data-animate="zoom"]{ transform:scale(.9); }
[data-animate="zoom-in"]{ transform:scale(.8); }
[data-animate="flip"]{ transform:rotateX(70deg); }
[data-animate="blur"]{transform:translateY(30px);filter:blur(6px);}
[data-animate].in-view[data-animate="blur"]{filter:blur(0);}
[data-animate="typewriter"]{overflow:hidden;white-space:nowrap;width:0;}
[data-animate="typewriter"].in-view{animation:typeLine var(--tw-duration,2000ms) steps(var(--tw-steps,30)) forwards;}
@keyframes typeLine{
  to{
    width:100%;
  }
}
[data-animate="typewriter-block"]{display:inline-block;overflow:hidden;clip-path:inset(0 100% 0 0);}
[data-animate="typewriter-block"].in-view{animation:typeBlock var(--tw-duration,2200ms) steps(var(--tw-steps,40)) forwards;}
@keyframes typeBlock{
  to{
    clip-path:inset(0 0 0 0);
  }
}
[data-animate="blur-in"]{
  opacity:0;
  transform:translateY(30px);
  filter:blur(8px);
}

[data-animate="blur-in"].in-view{
  opacity:1;
  transform:none;
  filter:blur(0);
}
[data-animate="rotate-3d"]{
  opacity:0;
  transform:perspective(800px) rotateX(35deg) translateY(40px);
  transform-origin:top;
}

[data-animate="rotate-3d"].in-view{
  opacity:1;
  transform:perspective(800px) rotateX(0) translateY(0);
}