html {

}

body {
    font-family: 'Helvetica Neue';
    margin: 0;
    background-color: #f4f8ff;
    color: #000000;
}

/* MESSAGGI SISTEMA */
.messaggi-sistema-contenitore {
    display: none;
    /*background-color: rgba(74, 76, 79, 0.75);*/
    width: 290px;
    /*height: 100%;*/
    position: fixed;
    bottom: 110px;
    right: 110px;
    z-index: 12;
}

.messaggi-sistema-contenitore .messaggi-sistema {
    width: 100%;
    /*margin: 75px auto 0;*/
    background-color: #34c792;
    color: #fff;
    /*border-radius: 5px;*/
    text-align: center;
    padding: 5px 10px 20px;
    /*box-shadow: 0px 0px 4px 2px #4a4c4f;*/
}

.messaggi-sistema-contenitore .messaggi-sistema.errore {
    background-color: #e0525e;
}

.messaggi-sistema-contenitore .messaggi-sistema .chiudi {
    cursor: pointer;
    text-align: right;
}

.messaggi-sistema-contenitore .messaggi-sistema .messaggio {

}

.messaggi-sistema-contenitore .messaggi-sistema a {
    color: #fff;
    font-weight: 500;
}

/* MENU TOP / MENU UTENTE*/
.menu-contenitore {
    background-color: #f4f8ff;
    position: fixed;
    right: -450px;
    top: 96px;
    width: 450px;
    height: 100%;
    /*border-left: 1px solid #fff;*/
    z-index: 3;
}

.menu-contenitore .menu-contenuto {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: url('/css/images/bg-menu.png') no-repeat top right transparent;
    background-size: contain;
    border-left: 1px solid #e8e8e8;
}

.menu-contenitore .menu-contenuto .chiudi-menu {
    width: 100%;
    float: right;
    text-align: right;
    cursor: pointer;
    color: #1165fb;
    /*font-weight: 800;*/
    font-size: 30px;
    margin: 50px 0;
    position: relative;
    z-index: 1;
}

.menu-contenitore .menu-contenuto .chiudi-menu > img {
    margin-right: 30px;
}

.menu-contenitore .menu-contenuto .menu {
    text-align: right;
    margin-bottom: 25px;
    margin-right: 30px !important;
    font-size: 30px;
}

.menu-contenitore .menu-contenuto .menu-cerca.menu {
    margin: 15px 0 0;
}

.menu-contenitore .menu-contenuto .menu-utente.menu {

}

.menu-contenitore .menu-contenuto .menu-info.menu {

}

.menu-contenitore .menu-contenuto .menu-policies.menu {

}

.menu-contenitore .menu-contenuto .menu-sistema.menu {

}

.menu-contenitore .menu-contenuto .menu > ul {
    margin: 0;
    padding-left: 7px;
    list-style: none;
}

.menu-contenitore .menu-contenuto .menu > ul > li {
    position: relative;
    margin-bottom: 50px;
}

.menu-contenitore .menu-contenuto .menu > ul > li.logout a {
    color: #e0525e;
}

.menu-contenitore .menu-contenuto .menu > ul > li > a {
    color: #1165fb;;
}

.menu-contenitore .menu-contenuto .menu > ul > li > a > span {
    display: block;
    float: left;
    width: 18px;
    text-align: center;
}

.menu-contenitore .menu-contenuto .menu > ul > li > a > .nuovi-messaggi {
    position: absolute;
    top: -7px;
    left: 100px;
    border: 2px solid #fff;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    background-color: #d90000;
    color: #fff;
    font-size: 12px;
}

.menu-contenitore .menu-contenuto .menu > ul > li.active {

}

.menu-contenitore .menu-contenuto .menu > ul > li.active > a {

}

/* HEADER */
.header-contenitore {
    position: fixed;
    width: 100%;
    background-color: #f4f8ff;
    border-bottom: 1px solid #e8e8e8;
    z-index: 10;
}

.header-contenitore .header {
    width: 1100px;
    height: 95px;
    margin: 0 auto;
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.header-contenitore .header .sx {

}

.header-contenitore .header .logo {
    margin-top: 5px;
}

.header-contenitore .header .logo img {
    width: 125px;
}

.header-contenitore .header .dx {
    display: grid;
    margin: 0;
    position: relative;
    grid-template-columns: 93% 7%;
    align-items: center;
    justify-items: right;
}

.header-contenitore .header .dx .nuovi-messaggi {
    position: absolute;
    top: 0px;
    left: 65px;
    border: 2px solid #fff;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    background-color: #d90000;
    color: #fff;
    font-size: 12px;
}

.header-contenitore .header .dx > div {

}

.header-contenitore .header .dx .menu-utente {
    width: 40px;
    margin-right: 20px;
}

.header-contenitore .header .dx .menu-utente img {
    max-width: 100%;
    display: block;
    border-radius: 50%;
}

.header-contenitore .header .iscriviti-accedi {

}

.header-contenitore .header .iscriviti-accedi > a {
    color: #fff;
    padding: 14px 32px;
    font-size: 12px;
    border-radius: 3px;
}

.header-contenitore .header .iscriviti-accedi a.iscriviti {
    background-color: #1165fb;
}

.header-contenitore .header .iscriviti-accedi a.accedi {
    background-color: #1165fb;
}

/* INFO UTENTE */
.header-contenitore .header .info-utente {
    position: absolute;
    top: 40px;
    right: 0;
    font-size: 14px;
    color: #f4f8ff;
    font-weight: 500;
}

.header-contenitore .header .info-utente img {
    vertical-align: middle;
    width: 20px;
    cursor: pointer;
}

/* HAMBURGER */
.header-contenitore .header .hamburger {
    cursor: pointer;
}

.header-contenitore .header .hamburger .etichetta {
    color: #fff;
}

.header-contenitore .header .hamburger .riga {
    width: 30px;
    height: 4px;
    background-color: #1165fb;
    margin: 5px auto;
}

.header-contenitore .header .hamburger .riga.top {
    margin-bottom: 10px;
}

.header-contenitore .header .hamburger .riga.middle {

}

.header-contenitore .header .hamburger .riga.bottom {
    margin-top: 10px;
}

/* MENU SOCIAL */
.menu-social {
    position: absolute;
    right: 68px;
    top: 5px;
}

.menu-social > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-social > ul > li {
    display: inline;
    margin: 0 5px;
}

.menu-social > ul > li > a {

}

.menu-social > ul > li > a > img {

}

/* LOGIN POPUP */
.login-form-contenitore:before {
    content: '';
    background: url('/css/images/bg-popup.webp') no-repeat top left transparent;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.login-form-contenitore {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.login-form-contenitore .login-form {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 640px;
    height: 640px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 5px 10px 20px;
}

.login-form-contenitore .login-form .immagine {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
}

.login-form-contenitore .login-form .immagine img {
    max-width: 100%;
    display: block;
}

.login-form-contenitore .login-form .chiudi {
    cursor: pointer;
    text-align: right;
    font-size: 20px;
    color: #1165fb;
}

.login-form-contenitore .login-form .login-loader {
    display: none;
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 80%;
    z-index: 30;
}

.login-form-contenitore .login-form .login-loader img {
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
}

.login-form-contenitore .login-form .messaggio-login {
    font-size: 14px;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.login-form-contenitore .login-form .messaggio {
    font-size: 14px;
    margin-top: 10px;
}

.login-form-contenitore .login-form .messaggio.errore {
    color: #e80012;
    font-size: 12px;
    font-weight: 600;
}

.login-form-contenitore .login-form .login-box {
    padding: 100px 150px;
    z-index: 10;
    position: relative;
}

.login-form-contenitore .login-form .login-box h5 {
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    margin: 0 auto 50px;
    color: #1165fb;
}

.login-form-contenitore .login-form .login-box .campo {
    position: relative;
}

.login-form-contenitore .login-form .login-box .campo .label {
    position: absolute;
    top: -8px;
    left: 8px;
    background-color: #fff;
    width: fit-content;
    font-size: 12px;
}

.login-form-contenitore .login-form .login-box .campo input {
    display: block;
    width: calc(100% - 10px);
    margin-top: 15px;
    border: 1px solid #e8e8e8;
    font-size: 18px;
    padding: 5px;
    border-radius: 4px;
}

.login-form-contenitore .login-form .login-box > * {
    margin-bottom: 5px;
}

.login-form-contenitore .login-form .login-box .btn {
    background-color: #1165fb;
    margin: 10px 0 20px;
    display: inline-block;
    width: calc(100% - 64px);
}

.login-form-contenitore .login-form .login-box .recupera-password {
    color: #1165fb;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: left;
}

.login-form-contenitore .login-form .login-box .non-iscritto {
    font-size: 14px;
    font-weight: 300;
    margin-top: 80px;
}

.login-form-contenitore .login-form .login-box .non-iscritto a {

}

.login-form-contenitore .login-form .login-box .non-iscritto a .btn {
    background-color: transparent;
    border: 1px solid #1165fb;
    color: #1165fb;
    font-weight: 300;
    letter-spacing: 1px;
}

/* RECUPERO PASSWORD POPUP */


/* COMMON */
a {
    color: #1165fb;
    text-decoration: none;
}

.separatore {
    width: 100%;
    float: left;
    margin-top: 96px;
}

.nascosto {
    display: none !important;
}

.visibile {
    display: block !important;
}

.loader {
    position: fixed;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    height: 100%;
    z-index: 20;
}

.loader img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.testata-contenitore {
    width: 100%;
    float: left;
}

.testata-contenitore .testata {
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0 0;
}

.testata-contenitore .testata h1.titolo {
    color: #4d4d4d;;
    font-weight: 800;
    font-size: 35px;
    margin: 20px 0 0;
}

.testata-contenitore .testata .num-iscritti {
    color: #fff;
}

.testata-contenitore .testata .num-iscritti span {
    font-size: 25px;
}

.testata-contenitore .testata h2.sottotitolo {
    margin: 10px 0 0;
}

.testata-contenitore .testata h2.sottotitolo a {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    cursor: pointer;
}

.testata-contenitore .testata .sottotitolo img {
    vertical-align: middle;
    margin-bottom: 8px;
}

.testata-contenitore .testata .immagine {
    position: relative;
}

.testata-contenitore .testata .immagine img {
    display: block;
    margin: 0 auto;
    height: 160px;
}

body.home .testata-contenitore .testata .immagine img {
    max-width: 100%;
    height: auto;
}

.contenuto-contenitore {
    width: 100%;
    float: left;
    /*min-height: calc(100vh - 395px);*/
}

body.cerca .contenuto-contenitore {
    min-height: calc(100vh - 227px);
}

.contenuto-contenitore .contenuto,
body.cerca .contenuto-contenitore.contenitore-form .contenuto {
    max-width: 1200px;
    padding: 0 0px;
    margin: 0 auto;
    text-align: justify;
}

.contenuto-contenitore .contenuto h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 45px;
    color: #1165fb;
    margin: 20px 0;
}

.contenuto-contenitore .contenuto h1 span.sesso {
    color: #4a4c4f;
}

.piede-contenitore {
    width: 100%;
    float: left;
    margin: 50px 0 30px;
}

.piede-contenitore .piede {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.piede-contenitore .piede .immagine {

}

.piede-contenitore .piede .immagine img {
    max-width: 100%;
}

.btn {
    cursor: pointer;
    color: #fff;
    background-color: #1165fb;
    font-weight: 600;
    padding: 14px 30px;
    text-align: center;
    border-radius: 3px;
    width: 150px;
    height: 15px;
    font-size: 12px;
    width: fit-content;
}

.elenco-contenitore {
    position: relative;
}

.elenco-contenitore .elenco-valori {
    position: absolute;
    top: 35px;
    left: 2px;
    background-color: #fff;
    color: #646464;
    padding: 5px;
    width: calc(100% - 14px);
    box-shadow: 0 0 3px 1px rgba(100, 100, 100, 0.5);
    display: none;
    z-index: 3;
}

.elenco-contenitore .elenco-valori .valore {
    font-size: 14px;
    margin: 5px 0;
    padding: 3px;
    cursor: pointer;
}

.elenco-contenitore .elenco-valori .valore.odd {
    background-color: #f3f2f2;
}

.elenco-contenitore .elenco-valori .valore:hover {
    background-color: #1165fb;
    color: #fff;
}


/* HOME */
.blocchi-contenitore {
    width: 100%;
    float: left;
}

.blocchi-contenitore .blocco {
    width: 1200px;
    min-height: 444px;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 10px;
    display: grid;
}

.blocchi-contenitore .blocco.dx {
    grid-template-columns: 60% 40%;
}

.blocchi-contenitore .blocco.sx {
    grid-template-columns: 40% 60%;
}

.blocchi-contenitore .blocco .titolo-contenitore {
    background-size: 100%;
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 50px;
    border-radius: 10px;
}

.blocchi-contenitore .blocco.dx .titolo-contenitore {
    background: url('images/bg-blocco-1.jpg') no-repeat center center transparent;
}

.blocchi-contenitore .blocco.sx .titolo-contenitore {
    background: url('images/bg-blocco-2.jpg') no-repeat center center transparent;
}

.blocchi-contenitore .blocco .testo-contenitore {
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center !important;
    font-size: 14px;
    padding: 70px;
}

.presentazione-contenitore {
    float: left;
    width: 100%;
}

.presentazione-contenitore .presentazione {
    max-width: 768px;
    margin: 0 auto;
    text-align: center;
    color: #4d4d4d;
}

.presentazione-contenitore .presentazione h2 {
    font-weight: 400;
    font-size: 38px;
    margin-bottom: 15px;
}

.presentazione-contenitore .presentazione .testo {
    font-weight: 600;
    font-size: 17px;
}

.presentazione-contenitore .presentazione .testo a.continua {
    font-weight: 300;
}

.presentazione-contenitore .presentazione .immagine {
    margin-top: 20px;
}

.presentazione-contenitore .presentazione .immagine img {

}

.cerca-categorie-contenitore {
    width: 100%;
    float: left;
    background-color: #f4f8ff;
}

.cerca-categorie-contenitore .cerca-categorie {
    display: grid;
    grid-template-columns: 50% 50%;
    max-width: 768px;
    margin: 0 auto;
}

.cerca-categorie-contenitore .cerca-categorie > div {
    padding-top: 10px;
}

.cerca-categorie-contenitore .cerca-categorie > div .titolo {
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
}

.cerca-categorie-contenitore .cerca-categorie > div .sottotitolo {
    font-weight: 600;
}

.cerca-categorie-contenitore .cerca-categorie .cerca {
    border-right: 2px solid #fff;
    position: relative;
}

.cerca-categorie-contenitore .cerca-categorie .cerca .cerca-competenza {
    position: relative;
    margin: 10px 0;
}

.cerca-categorie-contenitore .cerca-categorie .cerca .cerca-competenza .lista-competenze {
    top: 28px;
}

.cerca-categorie-contenitore .cerca-categorie .cerca input {
    margin: 0 2px 0 0;
    padding: 5px 8px;
    color: #4d4d4d;
    width: 75%;
    border: 1px solid #4d4d4d;
    float: left;
}

.cerca-categorie-contenitore .cerca-categorie .cerca span > svg {
    background-color: #1165fb;
    color: #fff;
    padding: 5px;
}

.cerca-categorie-contenitore .cerca-categorie .cerca .lista-competenze {
    position: absolute;
    left: 0;
    background-color: #dddfe2;
    box-shadow: 0 0 10px 4px #aaa;
    width: 290px;
    z-index: 2;
    max-height: 300px;
    overflow-y: scroll;
    display: none;
}

.cerca-categorie-contenitore .cerca-categorie .cerca .lista-competenze .elemento {
    cursor: pointer;
    padding: 5px;
}

.cerca-categorie-contenitore .cerca-categorie .cerca .lista-competenze .elemento.dispari {
    background-color: #ebebeb;
}

.cerca-categorie-contenitore .cerca-categorie .cerca .lista-competenze .elemento:hover {
    background-color: #b4b4b4;
}

.cerca-categorie-contenitore .cerca-categorie .cerca .lista-competenze .elemento span {
    font-style: italic;
    font-size: 12px;
    padding-left: 10px;
    background-color: inherit;
    color: inherit;
}

.cerca-categorie-contenitore .cerca-categorie .categorie {
    border-left: 2px solid #fff;
    padding-left: 57px;
    margin-top: -10px;
}

.cerca-categorie-contenitore .cerca-categorie .categorie span > svg {
    background-color: #1165fb;
    color: #fff;
    padding: 5px;
    margin: 5px 0 10px;
    vertical-align: middle;
}

.immagini-contenitore {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.immagini-contenitore .immagini {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 5px));
    grid-gap: 10px;
    margin: 0 auto;
    max-width: 960px;
}

.immagini-contenitore .immagini .immagine img {
    max-width: 100%;
}

.macro-aree-contenitore {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.macro-aree-contenitore h2 {
    text-align: center;
    padding: 20px 0;
}

.macro-aree-contenitore .macro-aree {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, calc(100% / 4 - 8px));
    grid-gap: 10px;
}

.macro-aree-contenitore .macro-aree a {
    color: #4a4c4f;
}

.macro-aree-contenitore .macro-aree a .area-box {
    /*height: 300px;*/
    background-size: contain !important;
    position: relative;
}

.macro-aree-contenitore .macro-aree a .area-box img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
}

.macro-aree-contenitore .macro-aree a .area-box img.bottom {
    opacity: 0;
}

.macro-aree-contenitore .macro-aree a .area-box img.vuota {
    position: relative;
}

.macro-aree-contenitore .macro-aree a .info {
    text-align: center;
    font-weight: 600;
    font-size: 25px;
}

.categorie-evidenza-contenitore {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.categorie-evidenza-contenitore h2 {
    text-align: center;
    padding: 20px 0;
}

.categorie-evidenza-contenitore .categorie-evidenza {
    max-width: 768px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
    position: relative;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore {
    position: relative;
    display: table;
    width: 100%;
    height: 240px;
    box-sizing: border-box;
    border: 5px solid #fff;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore.box-1 {
    background-color: #30ab7a;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore.box-2 {
    background-color: #da3878;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore.box-3 {
    background-color: #36397e;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore.box-4 {
    background-color: #89275a;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore.box-5 {
    background-color: #37a1cc;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore.box-6 {
    background-color: #4a321e;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore .titolo {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding: 0 15px;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore .titolo a {
    color: #fff;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore .link {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore .link a {

}

.categorie-evidenza-contenitore .categorie-evidenza .categoria-contenitore .link a img {

}

.categorie-evidenza-contenitore .link-interno {
    text-align: center;
    margin: 40px auto 0;
    max-width: 320px;
    background-color: #f4f8ff;
    padding: 5px 0;
}

.categorie-evidenza-contenitore .link-interno a span {
    color: #fff;
    background-color: #1165fb;
    padding: 5px;
    margin: 5px 0 5px 5px;
}

.articoli-contenitore {
    width: 100%;
    float: left;
}

.articoli-contenitore h2 {
    text-align: center;
    color: #1165fb;
    padding: 20px 0;
    margin: 50px 0 20px;
    font-size: 40px;
}

.articoli-contenitore .articoli {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, calc((100% / 3) - 8px));
    grid-gap: 12px;
}

.articoli-contenitore .articoli .top {
    display: grid;
    grid-template-columns: 100%;
}

.articoli-contenitore .articoli .box-articolo {
    border-radius: 10px;
}

.articoli-contenitore .articoli .box-articolo .top .immagine {

}

.articoli-contenitore .articoli .box-articolo .top .immagine img {
    max-width: 100%;
    display: block;
    border-radius: 10px 10px 0 0;
}

.articoli-contenitore .articoli .box-articolo .top .info {
    padding: 15px;
    background-color: #fff;
    min-height: 20px;
    display: grid;
    align-items: center;
}

.articoli-contenitore .articoli .box-articolo .top .info h3 {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    /*text-align: center;*/
}

.articoli-contenitore .articoli .box-articolo .top .info h3 a {
    color: #1165fb;
}

.articoli-contenitore .articoli .box-articolo .top .info .data-creazione {
    /*text-align: right;*/
    font-style: italic;
    font-size: 14px;
}

.articoli-contenitore .articoli .box-articolo .bottom {
    padding: 0 15px 15px 15px;
    background-color: #fff;
    display: block;
    float: left;
    border-radius: 0 0 10px 10px;
}

.articoli-contenitore .articoli .box-articolo .bottom .introduzione {
    font-size: 12px;
    font-weight: 300;
    min-height: 50px;
    display: grid;
    align-items: start;
}

.articoli-contenitore .articoli .box-articolo .bottom .leggi-tutto {
    text-align: right;
    font-size: 14px;
}

.articoli-contenitore .link-interno {
    margin: 40px auto;
    max-width: 310px;
    background-color: #f4f8ff;
    padding: 15px 0 15px 15px;
    position: relative;
}

.articoli-contenitore .btn {
    margin: 50px auto;
}

/* PAGINAZIONE */
.paginazione-contenitore {
    width: calc(100% - 20px);
    float: left;
    padding: 0 10px;
}

.paginazione-contenitore .paginazione {
    margin: 30px auto;
    text-align: center;
}

.paginazione-contenitore .paginazione .btn {
    background-color: transparent;
    display: inline-block;
    font-size: 12px;
    cursor: default;
    padding: 0;
    height: unset;
    border: 1px solid #1165fb;
}

.paginazione-contenitore .paginazione .btn.puntini {
    padding: 5px 20px;
}

.paginazione-contenitore .paginazione .btn.pag {
    background-color: transparent;
    font-size: 14px;
}

.paginazione-contenitore .paginazione .btn.pag.active {
    background-color: #1165fb;
}

.paginazione-contenitore .paginazione .btn a {
    color: #fff;
    display: block;
    padding: 5px 20px;
}

.easycontest-contenitore {
    width: 100%;
    float: left;
}

.easycontest-contenitore h2 {
    text-align: center;
    background-color: #f4f8ff;
    padding: 20px 0;
    margin: 50px 0;
}

.easycontest-contenitore .easycontest {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.easycontest-contenitore .easycontest img {
    max-width: 250px;
}

.easycontest-contenitore .easycontest h3 {
    font-size: 30px;
    margin: 20px 0 0 0;
}

.easycontest-contenitore .easycontest p {
    font-weight: 500;
}

.come-funziona-contenitore {
    width: 100%;
    float: left;
}


.come-funziona-contenitore .come-funziona {
    max-width: 1200px;
    margin: 0 auto 50px;
}

.come-funziona-contenitore .come-funziona h2 {
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    color: #1165fb;
    padding: 20px 0;
    margin: 50px 0;
}

.come-funziona-contenitore .come-funziona .info {
    width: 960px;
    text-align: center;
    margin: 0 auto 150px;
}

.come-funziona-contenitore .come-funziona .step-contenitore {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    width: 960px;
    margin: 0 auto;
}

.come-funziona-contenitore .come-funziona .step {
    text-align: center;
}

.come-funziona-contenitore .come-funziona .step .immagine {
    position: relative;
}

.come-funziona-contenitore .come-funziona .step .immagine:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    width: 105px;
    height: 1px;
    background-color: #1165fb;
}

.come-funziona-contenitore .come-funziona .step:last-child .immagine:after {
    display: none;
}

.come-funziona-contenitore .come-funziona .step .immagine:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 105px;
    height: 1px;
    background-color: #1165fb;
}

.come-funziona-contenitore .come-funziona .step:first-child .immagine:before {
    display: none;
}

.come-funziona-contenitore .come-funziona .step .immagine img {
    max-width: 90px;
    width: 90px;
    height: 90px;
    z-index: 1;
    position: relative;
}

.come-funziona-contenitore .btn {
    margin: 150px auto;
}

/*.come-funziona-contenitore .come-funziona .step .numero {*/
/*    font-weight: 600;*/
/*    font-size: 40px;*/
/*}*/

.come-funziona-contenitore .come-funziona .step .titolo {
    font-weight: 400;
    font-size: 16px;
    color: #1165fb;
    margin: 30px 0 10px;
}

.come-funziona-contenitore .come-funziona .step .descrizione {
    margin: 0 auto;
}

.info-servizi-contenitore {
    width: 100%;;
    float: left;
}

.info-servizi-contenitore .info-servizi {
    width: 1200px;
    margin: 50px auto;
    position: relative;
}

.info-servizi-contenitore .info-servizi .immagine img {
    max-width: 100%;
}

.info-servizi-contenitore .info-servizi .popup {
    position: absolute;
    background-color: #fff;
    width: 350px;
    display: grid;
    grid-template-columns: 20% 80%;
    color: #1165fb;
}

.info-servizi-contenitore .info-servizi .popup.top {
    top: 225px;
    right: -15px;
    border-radius: 10px 10px 10px 0;
}

.info-servizi-contenitore .info-servizi .popup.bottom {
    bottom: 265px;
    left: 70px;
    border-radius: 10px 0 10px 10px;
}

.info-servizi-contenitore .info-servizi .popup .numero {
    font-size: 40px;
    font-weight: 800;
    align-self: center;
    justify-self: center;
}

.info-servizi-contenitore .info-servizi .popup .testo {
    align-self: center;
    justify-self: left;
    padding: 20px;
}

.info-servizi-contenitore .info-servizi .btn {
    margin: -40px auto 50px;
}


.info-ricerca-contenitore {
    width: 100%;
    float: left;
}

.info-ricerca-contenitore .info-ricerca {
    width: 1200px;
    margin: 50px auto;
    display: grid;
    grid-template-columns: 40% 60%;
    background-color: #fff;
    border-radius: 10px;
}

.info-ricerca-contenitore .info-ricerca .immagine img {
    max-width: 100%;
    display: block;
}

.info-ricerca-contenitore .info-ricerca .info {
    display: grid;
    justify-items: center;
    grid-template-rows: 50% 10% 20% 20%;
}

.info-ricerca-contenitore .info-ricerca .info .tessere {
    text-align: center;
    align-self: end;
}

.info-ricerca-contenitore .info-ricerca .info .tessere img {
    max-width: 60%;
}

.info-ricerca-contenitore .info-ricerca .info h3 {
    font-size: 30px;
    color: #1165fb;
    margin: 0;
    align-self: start;
}

.info-ricerca-contenitore .info-ricerca .info .testo {
    text-align: center;
    align-self: start;
    padding: 0 5px;
}

.info-ricerca-contenitore .info-ricerca .info a {
    align-self: start;
}

.inizia-ora-contenitore {
    width: 100%;
    float: left;
}

.inizia-ora-contenitore .inizia-ora {
    width: 1200px;
    margin: 0 auto 20px;
    position: relative;
}

.inizia-ora-contenitore .inizia-ora .immagine img {
    max-width: 100%;
    border-radius: 10px;
}

.inizia-ora-contenitore .inizia-ora .btn {
    position: absolute;
    left: 65px;
    bottom: 140px;
    background-color: #fff;
    color: #1165fb;
}


/* CONTATTI */
.contatti-contenitore {
    width: 100%;
    float: left;
}

.contatti-contenitore .contatti {
    width: 1200px;
    margin: 0 auto;
}

.contatti-contenitore .contatti h1 {
    color: #1165fb;
    text-align: center;
    margin: 100px auto 0;
}

.contatti-contenitore .contatti .box-contenitore {
    width: 960px;
    height: 200px;
    margin: 100px auto;
    background-color: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 40% 40%;
    grid-gap: 20%;
    align-items: center;
    justify-items: center;
}

.contatti-contenitore .contatti .box-contenitore .box {
    display: grid;
    grid-template-columns: 15% 80%;
    grid-gap: 5%;
    align-items: center;
}

.contatti-contenitore .contatti .box-contenitore .box.telefono {
    justify-self: right;
}

.contatti-contenitore .contatti .box-contenitore .box.email {
    justify-self: left;
}

.contatti-contenitore .contatti .box-contenitore .box .immagine {
    align-self: start;
    padding-top: 5px;
}

.contatti-contenitore .contatti .box-contenitore .box .immagine img {
    max-width: 80%;
    display: block;
}

.contatti-contenitore .contatti .box-contenitore .box .testo {
    font-size: 30px;
}

.contatti-contenitore .contatti .box-contenitore .box .testo .contatto {

}

.contatti-contenitore .contatti .box-contenitore .box .testo .contatto a {
    font-size: 20px;
}

/* CERCA */
body.cerca .filtri-totale-contenitore {
    width: 600px;
    height: calc(100% - 96px);
    position: fixed;
    left: -600px;
    top: 96px;
    background-color: #fff;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: auto;
}

body.cerca .filtri-totale-contenitore .chiudi {
    cursor: pointer;
    margin: 50px 50px 0 0;
    text-align: right;
}

body.cerca .filtri-totale-contenitore .chiudi img {
    width: 20px;
}

body.cerca .filtri-contenitore {
    margin: 50px 100px;
}

body.cerca .filtri-contenitore .tab-nav {
    height: 40px;
    display: grid;
    grid-template-columns: repeat(3, calc(100% / 3));
    border: 1px solid #1165fb;
    border-radius: 4px;
    font-size: 14px;
}

body.cerca .filtri-contenitore .tab-nav.public {
    grid-template-columns: repeat(2, calc(100% / 2));
}

body.cerca .filtri-contenitore .tab-nav .tab {
    width: 100%;
    height: 100%;
    color: #1165fb;
    display: grid;
    align-content: center;
    justify-content: center;
    cursor: pointer;
}

body.cerca .filtri-contenitore .tab-nav .tab.active {
    color: #fff;
    background-color: #1165fb;
}

body.cerca .filtri-contenitore .tab-nav .tab.tab-centrale {
    border-left: 1px solid #1165fb;
    border-right: 1px solid #1165fb;
}

body.cerca .filtri-contenitore h3 {
    font-size: 20px;
    color: #1165fb;
}

body.cerca .filtri-contenitore .warning {
    font-weight: 300;
}

body.cerca .filtri-contenitore .warning.red {
    color: #e0525e;
}

body.cerca .filtri-contenitore .filtri {
    margin: 50px 0;
    font-weight: 300;
}

body.cerca .filtri-contenitore .filtri .campo {
    margin-bottom: 30px;
}

body.cerca .filtri-contenitore .filtri .campo input,
body.cerca .filtri-contenitore .filtri .campo select {
    font-weight: 300;
}

body.cerca .filtri-contenitore .filtri .azioni {
    display: grid;
    justify-items: center;
    margin: 50px 0;
}

body.cerca .filtri-contenitore .filtri .azioni .btn {
    width: calc(100% - 64px);
}

body.cerca .filtri-contenitore .filtri .azioni .btn.reset {
    color: #1165fb;
    border: none;
    background-color: transparent;
    margin: 20px 0;
    font-weight: 400;
    letter-spacing: 1px;
}

body.cerca .filtri-contenitore .filtri .azioni .btn.lista {
    background-color: transparent;
    border: 1px solid #1165fb;
    color: #1165fb;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

body.cerca .filtri-contenitore .filtri .azioni .btn.lista.disabled {
    border-color: #e3eeef;
    color: #e3eeef;
}

body.cerca .filtri-contenitore .filtri .filtro-box {

}

body.cerca .filtri-contenitore .filtri .filtro-box h4 {

}

body.cerca .filtri-contenitore .filtri .filtro {
    padding: 3px;
}

body.cerca .filtri-contenitore .filtri .filtro > input {
    box-sizing: border-box;
    padding: 5px 2px;
    width: 100%;
    font-size: 14px;
}

body.cerca .filtri-contenitore .filtri .filtro > input::placeholder {
    color: #4a4c4f;
    opacity: 1;
}

body.cerca .filtri-contenitore .filtri .filtro > input::-ms-input-placeholder {
    color: #4a4c4f;
}

body.cerca .filtri-contenitore .filtri .filtro.data {

}

body.cerca .filtri-contenitore .filtri .filtro > .sel {
    box-sizing: border-box;
    padding: 5px 2px;
    border: 1px solid #ccc;
    width: 284px;
    height: 30px;
    font-size: 14px;
    color: #4a4c4f;
}

body.cerca .filtri-contenitore .competenze {
    float: left;
    display: grid;
    grid-template-columns: 100%;
    margin-bottom: 5px;
}

body.cerca .filtri-contenitore .competenze .competenza-box {
    margin: 0 3px 3px 3px;
    display: block;
    border: 2px solid #fff;
    position: relative;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza {
    padding: 3px;
    position: relative;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza input {
    border: 1px solid #bbb;
    box-sizing: border-box;
    padding: 5px 2px;
    width: 100%;
    font-size: 14px;
    color: #f14e25;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza input::placeholder {
    color: #4a4c4f;
    opacity: 1;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza input::-ms-input-placeholder {
    color: #4a4c4f;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza .lista-competenze {
    position: absolute;
    left: 0;
    top: 32px;
    background-color: #dddfe2;
    box-shadow: 0 0 10px 4px #aaa;
    width: 310px;
    z-index: 2;
    max-height: 300px;
    overflow-y: scroll;
    display: none;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza .lista-competenze .elemento {
    cursor: pointer;
    margin-bottom: 5px;
    padding: 0 5px;
    font-size: 14px;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza .lista-competenze .elemento.dispari {
    background-color: #ebebeb;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza .lista-competenze .elemento:hover {
    background-color: #b4b4b4;
}

body.cerca .filtri-contenitore .competenze .competenza-box .competenza .lista-competenze .elemento span {
    font-style: italic;
    font-size: 12px;
    padding-left: 10px;
    background-color: inherit;
    color: inherit;
}

body.cerca .filtri-contenitore .competenze .competenza-box .livello {
    padding: 3px;
}

body.cerca .filtri-contenitore .competenze .competenza-box .livello .sel {
    border: 1px solid #bbb;
    box-sizing: border-box;
    padding: 5px 2px;
    font-size: 14px;
    width: 284px;
}

body.cerca .filtri-contenitore .competenze .competenza-box .elimina {
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: right;
    padding-right: 5px;
}

body.cerca .filtri-totale-contenitore .filtri-testata {
    position: fixed;
    width: 302px;
    z-index: 100;
    background-color: #ececec;
    padding: 5px 0;
    box-shadow: 0px 4px 2px -3px #4a4c4b;
}

body.cerca .filtri-totale-contenitore .btn-cerca-contenitore {
    width: 250px;
    text-align: center;
    float: left;
}

body.cerca .filtri-totale-contenitore .btn-cerca-contenitore .btn-cerca {
    cursor: pointer;
    line-height: 35px;
    color: #fff;
    background-color: #1165fb;
    font-weight: 500;
    display: inline-block;
    width: calc(100% - 25px);
    text-align: center;
    margin: 3px;
    float: left;
}

body.cerca .filtri-totale-contenitore .btn-cerca-contenitore .btn-cerca span {
    margin-right: 10px;
}

body.cerca .cerca-totale-contenitore {
    float: right;
    width: 100%;
    margin-top: 5px;
}

body.cerca .cerca-totale-contenitore .cerca-totale {
    padding: 0 5px;
}

body.cerca .contenuto-contenitore .contenuto .btn-azioni {
    border: 1px solid #4a4c4f;
    padding: 3px 5px;
}

body.cerca .contenuto-contenitore .contenuto .btn-azioni:hover {
    background-color: #4a4c4f;
    color: #fff;
}

body.cerca .contenuto-contenitore .contenuto .apri-filtri {
    background-color: transparent;
    border: 1px solid #1165fb;
    color: #1165fb;
    letter-spacing: 1px;
    margin: 10px 0;
}

body.cerca .contenuto-contenitore .contenuto .apri-chiudi-cerca {
    margin-top: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    float: right;
}

body.cerca .contenuto-contenitore .contenuto .apri-chiudi-cerca.visualizza-tutto {
    margin-right: 5px;
}

body.cerca .contenuto-contenitore .contenuto .res-contenitore.no-result {
    display: grid;
    justify-content: center;
    text-align: center;
    margin-top: 100px;
}

body.cerca .contenuto-contenitore .contenuto .res-contenitore.no-result > * {
    height: fit-content;
    margin: 20px 0;
}

body.cerca .contenuto-contenitore .contenuto .res-contenitore.no-result .immagine {

}

body.cerca .contenuto-contenitore .contenuto .res-contenitore.no-result .immagine img {
    width: 60px;
}

body.cerca .contenuto-contenitore .contenuto .res-contenitore.no-result .warning {
    color: #1165fb;
    font-size: 25px;
}

body.cerca .contenuto-contenitore .contenuto .res-contenitore.no-result .info {

}

body.cerca .contenuto-contenitore .contenuto .elenco-schede {

}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team {
    height: 80px;
    display: grid;
    grid-template-columns: auto 15% 5%;
    align-content: center;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team .team {
    justify-self: left;
    align-self: center;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team .team .nome {
    color: #1165fb;
    font-size: 20px;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team .team .num-partecipanti {
    color: #646464;
    font-size: 14px;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team .stato-team {
    justify-self: center;
    align-self: center;
    font-size: 12px;
    border-radius: 3px;
    height: fit-content;
    padding: 5px 8px;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team .stato-team.chiuso {
    background-color: #1165fb;
    color: #fff;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team .stato-team.aperto {
    background-color: #fff;
    color: #1165fb;
    border: 1px solid #1165fb;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team .azione {
    justify-self: center;
    align-self: center;
    width: 100%;
    cursor: pointer;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-team .azione.visualizza-team img {
    width: 24px;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-membro {
    height: fit-content;
    display: grid;
    grid-template-columns: 10% auto 5%;
    align-content: center;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px 0;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-membro .avatar-small {
    justify-self: center;
    align-self: center;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-membro .avatar-small img {
    width: 50px;
    border-radius: 50%;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-membro .info-utente {
    justify-self: left;
    align-self: center;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-membro .info-utente .nome {
    color: #1165fb;
    font-size: 20px;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-membro .info-utente .eta {
    color: #646464;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-membro .azione {
    justify-self: center;
    align-self: center;
    width: 100%;
}

body.cerca .contenuto-contenitore .contenuto .elenco-schede .box-membro .azione.visualizza img {
    width: 24px;
}


.contenuto-contenitore .contenuto .elenco-schede {
    display: grid;
    grid-template-columns: 100%;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
    float: left;
    position: relative;
}

.contenuto-contenitore .contenuto .elenco-schede > a {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 60px;
    right: 26px;
}

.contenuto-contenitore .contenuto .elenco-schede img {
    max-width: 100%;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda {
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ef633b;
    position: relative;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .avatar {
    position: relative;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .avatar img {
    width: 250px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .avatar .video-presentazione-link {
    position: absolute;
    bottom: 10px;
    left: 5px;
    font-size: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0 7px;
    cursor: pointer;
    color: #1165fb;
    border-radius: 2px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .video-box-presentazione {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 15px);
    background-color: rgba(0, 0, 0, 0.92);
    margin-top: -15px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .video-box-presentazione .chiudi-video {
    position: absolute;
    top: 0;
    right: 5px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .video-box-presentazione > .iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 517px !important;
    height: 250px !important;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente {
    padding: 0 10px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente a {
    font-size: 20px;
    font-weight: 500;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente a span.peso-ricerca {
    display: none;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .eta {

}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .sesso {
    font-size: 20px;
    margin-left: 5px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .num_contatti {
    font-size: 16px;
    color: #1165fb;
    font-style: italic;
    padding: 5px;
    border-radius: 10px;
    width: auto;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .num_contatti span {
    font-size: 20px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze {
    margin: 5px 0;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .competenza-livello {
    height: 28px;
    line-height: 29px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze img.ico {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .competenza {
    font-size: 16px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .competenza.evidenza {
    color: #f4f8ff;
    font-weight: 500;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .livello {
    font-size: 14px;
    font-style: italic;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .livello.evidenza {
    color: #f4f8ff;
    font-weight: 500;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .luoghi {
    margin: 15px 0;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .luoghi .luogo {
    font-size: 16px;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .luoghi .luogo .regione {

}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .luoghi .luogo .regione.evidenza {
    color: #f4f8ff;
    font-weight: 500;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .luoghi .luogo .provincia {
    font-size: 14px;
    font-style: italic;
}

.contenuto-contenitore .contenuto .elenco-schede .scheda .utente .luoghi .luogo .provincia.evidenza {
    color: #f4f8ff;
    font-weight: 500;
}

/* CONTENITORE FORM */
.contenuto-contenitore.contenitore-form .contenuto {
    max-width: 960px;
    padding: 0 10px;
}

body.iscriviti .iscriviti-contenitore.contenitore-form {
    background: url('/css/images/bg-iscriviti.webp') no-repeat top left transparent;
    background-size: cover;
    width: 100%;
    float: left;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti {
    background-color: #fff;
    width: 640px;
    margin: 100px auto;
    border-radius: 10px;
    position: relative;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .immagine {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .immagine img {
    max-width: 100%;
    display: block;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account {
    padding: 100px 150px;
    z-index: 10;
    position: relative;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account h1 {
    color: #1165fb;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .inline {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 2%;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .campo {
    position: relative;
    height: 50px;
    margin: 10px 0;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .campo .label {
    position: absolute;
    top: -8px;
    left: 8px;
    background-color: #fff;
    width: fit-content;
    font-size: 12px;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .campo select {
    display: block;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #e8e8e8;
    font-size: 18px;
    padding: 5px;
    border-radius: 4px;
    background-color: #fff;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .campo input {
    display: block;
    width: calc(100% - 10px);
    margin-top: 15px;
    border: 1px solid #e8e8e8;
    font-size: 18px;
    padding: 5px;
    border-radius: 4px;
    background-color: #fff;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .campo .errore {
    color: #e0525e;
    font-size: 12px;
    margin-top: 1px;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .btn {
    background-color: #1165fb;
    margin: 10px 0 20px;
    display: inline-block;
    width: calc(100% - 64px);
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .iscritto {
    margin-top: 50px;
    font-weight: 300;
    text-align: center;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .dati-account .iscritto .btn {
    background-color: transparent;
    border: 1px solid #1165fb;
    color: #1165fb;
    font-weight: 300;
    letter-spacing: 1px;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .privacy-policy {
    height: 80px !important;
    margin-top: 10px;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .privacy-policy .prosegui-iscrizione {
    font-weight: 600;
    font-size: 18px;
    color: #1165fb;
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .privacy-policy .box-termini {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 20px calc(100% - 20px);
}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .privacy-policy .box-termini input {

}

body.iscriviti .iscriviti-contenitore.contenitore-form .iscriviti .privacy-policy .box-termini span {
    margin-left: 5px;
    font-size: 12px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione {
    position: relative;
    width: 100%;
    float: left;
    margin: 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #1165fb;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione h1 {
    text-align: left;
    font-size: 35px;
    float: left;
    line-height: 30px;
    margin-top: 0;
    width: 100%;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione h1 > span {
    font-size: 25px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione h1 > span > span {
    font-size: 18px;
    font-style: italic;
    color: #aaa;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .num_contatti {
    font-size: 16px;
    color: #1165fb;
    font-style: italic;
    float: left;
    padding: 5px;
    border-radius: 10px;
    width: auto;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .num_contatti span {
    font-size: 20px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione h3 {
    margin: 0;
    padding-bottom: 10px;
    cursor: pointer;
    color: #1165fb;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione h3 span.ico-sezione {
    float: left;
    color: #f4f8ff;
    margin-right: 5px;
    font-size: 25px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione h3 span {
    float: right;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto {
    display: none;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto,
body.scheda .contenuto-contenitore.contenitore-form .contenuto,
body.centro .contenuto-contenitore.contenitore-form .contenuto {
    margin: 100px auto;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .utente,
body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente,
body.centro .contenuto-contenitore.contenitore-form .contenuto .utente {
    display: grid;
    grid-template-columns: 130px auto 75px;
    align-items: start;
    border: none;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .utente .immagine img,
body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .immagine img,
body.centro .contenuto-contenitore.contenitore-form .contenuto .utente .immagine img {
    width: 130px;
    display: block;
    border-radius: 50%;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .utente .info,
body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .info,
body.centro .contenuto-contenitore.contenitore-form .contenuto .utente .info {
    padding: 20px 0 0 20px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .utente .info .nome,
body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .info .nome,
body.centro .contenuto-contenitore.contenitore-form .contenuto .utente .info .nome {
    color: #1165fb;
    font-size: 25px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .utente .info .comune {
    font-weight: 300;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .info .eta {

}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .info .sesso {

}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .utente .info .sesso img,
body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .info .sesso img {
    width: 20px;
    display: block;
    margin-top: 10px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .utente .link-social,
body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .link-social {
    padding-top: 20px;
    display: flex;
    gap: 25px;
    justify-self: right;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .link-social .social-box {

}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .social-box img,
body.scheda .contenuto-contenitore.contenitore-form .contenuto .utente .link-social .social-box img {
    width: 24px;
    /*height: 100%;*/
    display: block;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .social-box img {
    margin-right: 10px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .supervisione {
    border: none;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .supervisione .box-richiedi-supervisione {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 50px;
    display: grid;
    grid-template-rows: 30px auto 45px;
    justify-items: center;
    align-items: center;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .supervisione .box-richiedi-supervisione .titolo {
    color: #1165fb;
    font-size: 20px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .supervisione .box-richiedi-supervisione .testo {
    width: 70%;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 50px 0;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .supervisione .box-richiedi-supervisione .btn {
    background-color: transparent;
    border: 1px solid #1165fb;
    color: #1165fb;
    letter-spacing: 1px;
    font-weight: 300;
    width: 90px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .supervisione .box-logout {
    display: grid;
    justify-content: center;
}

body.profilo-utente .contenuto-contenitore.contenitore-form .contenuto .supervisione .box-logout .btn {
    background-color: #e0525e;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 300;
    width: 70px;
    margin-top: 50px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tab-nav {
    display: grid;
    grid-template-columns: 130px 100px 100px auto;
    grid-gap: 20px;
    color: #1165fb;
    margin: 50px 0;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tab-nav .tab {
    width: fit-content;
    cursor: pointer;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tab-nav .tab:hover {
    border-bottom: 1px solid #1165fb;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tab-nav .tab.active {
    border-bottom: 1px solid #1165fb;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenitore .tab-contenuto {
    min-height: 300px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-gap: 4%;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .luogo-contenitore {
    display: grid;
    grid-template-columns: 30px auto;
    grid-gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .luogo-contenitore .immagine img {
    width: 30px;
    display: block;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .luogo-contenitore .luogo {
    font-weight: 600;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .luogo-contenitore .luogo span {
    font-weight: 300;
    letter-spacing: 1px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .mappa {
    width: 100%;
    height: 100%;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .mappa .user-map {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti {
    width: 100%;
    margin-top: 54px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto {
    background-color: #fff;
    display: grid;
    grid-template-columns: 40px auto 24px;
    align-items: center;
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0;
    font-weight: 300;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto .immagine img {
    max-width: 100%;
    display: block;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto.email .immagine img,
body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto.telefono .immagine img {
    max-width: 24px;
    display: block;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto .contatto {
    padding: 0 10px;
    text-align: left;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team {
    position: relative;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti {
    margin-top: 10px;
    align-self: center;
    justify-self: right;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .team-box {
    display: grid;
    grid-template-columns: 60% 40%;
    margin: 50px 0;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .team-box .info-team {

}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .team-box .info-team .nome {
    color: #1165fb;
    font-size: 25px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .team-box .info-team .num-componenti {
    color: #646464;
    font-size: 14px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .team-box .azioni-team {
    align-self: center;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .team-box .azioni-team .azione-box {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    justify-content: right;
    font-size: 14px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .team-box .azioni-team .azione-box .info {
    color: #646464;
    align-self: center;
    justify-self: right;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti .box-componente {
    height: 80px;
    display: grid;
    grid-template-columns: 10% auto 20% 5%;
    align-content: center;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti .box-componente .avatar-small {
    justify-self: center;
    align-self: center;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti .box-componente .avatar-small img {
    width: 50px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti .box-componente .nome {
    justify-self: left;
    align-self: center;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti .box-componente .azione {
    justify-self: center;
    align-self: center;
    width: 100%;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti .box-componente .azione.elimina .team-leader {
    color: #1165fb;
    text-align: right;
    padding-right: 10px;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti .box-componente .azione.elimina .btn.rosso {
    background-color: transparent;
    border: 1px solid #e0525e;
    color: #e0525e;
    font-size: 10px;
    font-weight: 400;
    margin: 0;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team .lista-componenti .box-componente .azione.visualizza img {
    width: 24px;
}


body.centro .contenuto-contenitore.contenitore-form .contenuto .tab-nav {
    display: grid;
    grid-template-columns: 100px 150px auto;
    grid-gap: 20px;
    color: #1165fb;
    margin: 50px 0;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tab-nav .tab {
    width: fit-content;
    cursor: pointer;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tab-nav .tab:hover {
    border-bottom: 1px solid #1165fb;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tab-nav .tab.active {
    border-bottom: 1px solid #1165fb;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-gap: 4%;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .luogo-contenitore {
    display: grid;
    grid-template-columns: 30px auto;
    grid-gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .luogo-contenitore .immagine img {
    width: 30px;
    display: block;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .luogo-contenitore .luogo {
    font-weight: 600;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .luogo-contenitore .luogo span {
    font-weight: 300;
    letter-spacing: 1px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .mappa {
    width: 100%;
    height: 100%;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .mappa-contenitore .mappa .centro-map {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti {
    width: 100%;
    margin-top: 54px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto {
    background-color: #fff;
    display: grid;
    grid-template-columns: 40px auto 24px;
    align-items: center;
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0;
    font-weight: 300;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto .immagine img {
    max-width: 100%;
    display: block;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto.email .immagine img,
body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto.telefono .immagine img,
body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto.sito-web .immagine img {
    max-width: 24px;
    display: block;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.mappa .contatti-contenitore .contatti .box-contatto .contatto {
    padding: 0 10px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto .info-centro {
    font-weight: 300;
    color: #646464;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto .lista-membri {
    margin-top: 10px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto .lista-membri .box-membro {
    height: 80px;
    display: grid;
    grid-template-columns: 10% auto 5%;
    align-content: center;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto .lista-membri .box-membro .avatar-small {
    justify-self: center;
    align-self: center;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto .lista-membri .box-membro .avatar-small img {
    width: 50px;
    border-radius: 50%;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto .lista-membri .box-membro .nome {
    justify-self: left;
    align-self: center;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto .lista-membri .box-membro .azione {
    justify-self: center;
    align-self: center;
    width: 100%;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto .lista-membri .box-membro .azione.visualizza img {
    width: 24px;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team {
    position: relative;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team #richiedi {
    position: absolute;
    top: 12px;
    right: 4px;
    width: 130px;
    height: 30px;
    /*background-color: #aaa8;*/
    cursor: pointer;
}

body.centro .contenuto-contenitore.contenitore-form .contenuto .tabs-contenitore .tab-contenuto.team img {
    max-width: 100%;
}

body .img-invia-richiesta {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    height: 100vh;
    background-color: rgba(40, 38, 36, .5);
}

body .img-invia-richiesta .immagine {
    position: absolute;
    max-width: 640px;
    max-height: 261px;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

body .img-invia-richiesta img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
}

body.scheda .img-invia-richiesta #invia {
    position: absolute;
    bottom: 40px;
    right: 184px;
    width: 130px;
    height: 30px;
    /*background-color: #aaa8;*/
    cursor: pointer;
}

body.scheda .img-invia-richiesta #annulla {
    position: absolute;
    bottom: 40px;
    left: 184px;
    width: 130px;
    height: 30px;
    /*background-color: #aaa8;*/
    cursor: pointer;
}

body.richiesta-supervisione-inviata .supervisori-contenitore {
    position: relative;
}

body.richiesta-supervisione-inviata .immagine.sfondo {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

body.richiesta-supervisione-inviata .immagine.sfondo img {
    max-width: 100%;
}

body.richiesta-supervisione-inviata .immagine.sfondo .testo {
    position: absolute;
    top: 30vh;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 62%;
    text-align: center;
}

body.richiesta-supervisione-inviata .immagine.supervisore {
    max-width: 500px;
    max-height: 260px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 90px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

body.richiesta-supervisione-inviata .immagine.supervisore img {
    max-width: 100%;
    border-radius: 10px;
}

body.richiesta-supervisione-inviata .supervisori-contenitore .btn {
    width: 150px;
    margin: 180px auto 0;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .info-sezione {
    border-left: 3px solid #1165fb;
    padding-left: 5px;
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    color: #1165fb;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .info-max-competenze {
    margin-top: 15px;
    color: #f00;
    text-align: left;
    font-size: 14px;
    border-left: 3px solid;
    padding-left: 5px;
    font-weight: 500;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto h5 {
    margin-bottom: 5px;
    font-size: 16px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto h5 span.contatore-caratteri {
    font-size: 12px;
    float: right;
    color: #888;
    margin-top: 16px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .info {
    font-size: 14px;
}

/* PROFILO SOCIAL */
.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .social-box {
    display: flex;
    margin: 30px 0;
    position: relative;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .social-box:first-child {
    margin-top: 15px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .social-box:last-child {
    margin-bottom: 5px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .social-box span {
    display: block;
    font-size: 20px;
    margin: 5px 10px 0 0;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .social-box input {
    margin: 0 !important;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .social-box .errore {
    position: absolute;
    left: 30px;
    top: 35px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sezione-contenuto .luogo-contenitore {
    margin: 10px 0 10px 5px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .avatar {
    position: relative;
    float: right;
    width: 130px;
    height: 130px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .avatar form input {
    width: 0;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .avatar img {
    width: 130px;
    border-radius: 50%;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .apri-chiudi {
    float: right;
    clear: both;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .btn {
    margin: 20px 0 50px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione h4 {
    font-size: 14px;
    font-style: italic;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .lista-competenze {
    position: absolute;
    top: 34px;
    left: 0;
    background-color: #dddfe2;
    box-shadow: 0 0 10px 4px #aaa;
    width: calc(100% - 13px);
    padding: 5px;
    z-index: 2;
    max-height: 300px;
    overflow-y: scroll;
    display: none;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .lista-competenze .elemento {
    cursor: pointer;
    padding: 5px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .lista-competenze .elemento.dispari {
    background-color: #ebebeb;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .lista-competenze .elemento:hover {
    background-color: #b4b4b4;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .lista-competenze .elemento span {
    font-style: italic;
    font-size: 12px;
    padding-left: 10px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .competenza span.far {

}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .competenza span.apri-chiudi {
    font-size: 23px;
    padding-left: 20px;
    cursor: pointer;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienze-contenitore {
    float: left;
    width: 100%;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienze-contenitore {
    display: none;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienza-contenitore {
    margin-top: 10px;
    background-color: #ebebeb;
    padding: 5px 10px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienza-contenitore .titolo {
    font-weight: 600;
    cursor: pointer;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienza-contenitore .titolo span {
    float: right;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienza-contenitore .esperienza-contenuto {
    display: none;
    margin-top: 10px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienza-contenitore .esperienza-contenuto .elemento {

}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienza-contenitore .esperienza-contenuto .elemento span {
    font-weight: 500;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienza-contenitore .esperienza-contenuto .elemento.azioni {
    text-align: right;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .esperienza-contenitore .esperienza-contenuto .elemento.azioni span.far {
    color: #1165fb;
    cursor: pointer;
    font-size: 20px;
    margin-left: 5px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .competenza-contenitore .btn {
    background-color: #1165fb;
    float: left;
    font-size: 12px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box-contenitore {
    display: grid;
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    grid-gap: 0 10px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione.video-presentazione .video-box-presentazione {
    height: 300px !important;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box-presentazione,
.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box {
    margin: 10px 0;
    padding: 0;
    position: relative;
    background-color: #dddfe2;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box-presentazione iframe,
.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box iframe {
    display: block;
    width: 100% !important;
    background-color: #000 !important;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box-presentazione a.video-url,
.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box a.video-url {
    display: flex;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box-presentazione img,
.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box img {
    width: 300px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box-presentazione .titolo,
.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .video-box .titolo {
    text-align: center;
    padding: 0 2%;
    width: 90%;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    bottom: 5px;
    right: 3%;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .gallery-box-contenitore {
    display: grid;
    grid-template-columns: calc(33.333333% - 6px) calc(33.333333% - 6px) calc(33.333333% - 6px);
    grid-gap: 0 9px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .gallery-box {
    margin: 10px 0;
    padding: 10px 15px;
    position: relative;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    height: 150px;
    background-size: cover;
    background-position: center center;
    background-color: #dddfe2;
    background-repeat: no-repeat;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .gallery-box.vuoto {

}

.contenuto-contenitore.contenitore-form .contenuto .sezione .sottosezione .gallery-box img {
    max-width: 100%;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .impegno-contenitore {
    margin-top: 10px;
    background-color: #ebebeb;
    padding: 5px 10px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .impegno-contenitore .titolo {
    font-weight: 600;
    cursor: pointer;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .impegno-contenitore .titolo span.far {
    float: right;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .impegno-contenitore .impegno-contenuto {
    display: none;
    margin-top: 10px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .impegno-contenitore .impegno-contenuto .elemento {

}

.contenuto-contenitore.contenitore-form .contenuto .sezione .impegno-contenitore .impegno-contenuto .elemento span {
    font-weight: 500;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .impegno-contenitore .impegno-contenuto .elemento.azioni {
    text-align: right;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .impegno-contenitore .impegno-contenuto .elemento.azioni span.far {
    color: #1165fb;
    cursor: pointer;
    font-size: 20px;
    margin-left: 5px;
}

.contenuto-contenitore.contenitore-form .contenuto .nuova-esperienza-contenitore:before {
    content: '';
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.contenuto-contenitore.contenitore-form .contenuto .nuova-esperienza-contenitore {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.contenuto-contenitore.contenitore-form .contenuto .nuova-esperienza-contenitore .nuova-esperienza {
    width: 290px;
    margin: 25px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 2px #dddfe2;
}

.contenuto-contenitore.contenitore-form .contenuto .nuova-esperienza-contenitore .nuova-esperienza .chiudi {
    float: right;
    cursor: pointer;
}

.contenuto-contenitore.contenitore-form .contenuto .nuova-esperienza-contenitore .nuova-esperienza h4 {
    margin: 0;
}

.contenuto-contenitore.contenitore-form .contenuto .nuova-esperienza-contenitore .nuova-esperienza .btn {
    float: none;
    margin-top: 10px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .btn-small {
    cursor: pointer;
    color: #fff;
    background-color: #1165fb;
    width: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 21px;
    border-radius: 4px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .btn-small.modifica {
    position: absolute;
    bottom: 0;
    right: 40px;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione .btn-small.elimina {
    position: absolute;
    bottom: 0;
    right: 0;
}

.contenuto-contenitore.contenitore-form .contenuto .sezione form#video-presentazione .btn-small.elimina {
    top: 0;
    bottom: unset;
}

.contenuto-contenitore.contenitore-form form .errore {
    font-size: 12px;
    font-weight: 600;
    color: #e80012;
}

.contenuto-contenitore.contenitore-form form .inline {
    display: grid;
    grid-template-columns: 45% 45% 6%;
    grid-gap: 2%;
}

.contenuto-contenitore.contenitore-form form .inline.col_2 {
    grid-template-columns: 92% 6%;
}

.contenuto-contenitore.contenitore-form form .campo {
    position: relative;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .campo {
    width: 100%;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .campo.aggiungi {
    width: auto;
    justify-self: center;
    align-self: end;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .inserimento-box {

}

body.profilo-utente .contenuto-contenitore.contenitore-form form .inserimento-box .competenza-contenitore {

}

body.profilo-utente .contenuto-contenitore.contenitore-form form .inserimento-box .competenza-contenitore .competenza {
    display: grid;
    grid-template-columns: calc(100% - 50px) 50px;
    align-content: center;
    height: 40px;
    border-bottom: 1px solid #dbd9d7;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .inserimento-box .competenza-contenitore .competenza .titolo {
    color: #646464;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .inserimento-box .competenza-contenitore .competenza .titolo span {
    font-style: italic;
    font-size: 14px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .inserimento-box .competenza-contenitore .competenza .azioni {
    width: 50px;
    display: grid;
    grid-template-columns: 100%;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .inserimento-box .competenza-contenitore .competenza .azioni .azione {
    width: 20px;
    justify-self: center;
    cursor: pointer;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .inserimento-box .competenza-contenitore .competenza .azioni .azione span {
    color: #1165fb;
}

.contenuto-contenitore.contenitore-form form .label {
    position: absolute;
    top: -10px;
    left: 8px;
    background-color: #fff;
    width: fit-content;
    font-size: 12px;
    z-index: 2;
}

.contenuto-contenitore.contenitore-form form .inline .label {
    top: 5px;
}

.contenuto-contenitore.contenitore-form form .inline #gplaces .label {
    top: -10px;
}

.contenuto-contenitore.contenitore-form form .contatore-caratteri {
    text-align: right;
    font-style: italic;
    font-size: 12px;
}

.contenuto-contenitore.contenitore-form form input.txt {
    display: block;
    width: calc(100% - 14px);
    margin-top: 15px;
    border: 1px solid #e8e8e8;
    font-size: 16px;
    padding: 7px;
    border-radius: 4px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form input.txt {
    border: 1px solid #1165fb;
    color: #646464;
    font-size: 14px;
}

.contenuto-contenitore.contenitore-form form input.txt.visibility {
    border-left: 3px solid #1165fb !important;
}

.contenuto-contenitore.contenitore-form form input.txt.azione {
    width: calc(100% - 45px);
    margin-top: 0;
    border-right: 3px solid #fff;
}

.contenuto-contenitore.contenitore-form form input.txt.azione.small {
    width: calc(62% - 29px);
}

.contenuto-contenitore.contenitore-form form select.sel {
    display: block;
    width: 100%;
    background-color: #fff;
    margin-top: 15px;
    border: 1px solid #e8e8e8;
    font-size: 16px;
    padding: 7px;
    border-radius: 4px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form select.sel {
    border: 1px solid #1165fb;
    color: #646464;
    font-size: 14px;
}

.contenuto-contenitore.contenitore-form form select.sel.visibility {
    border-left: 3px solid #1165fb !important;
}

.contenuto-contenitore.contenitore-form form select.sel.azione.small {
    width: calc(40% - 29px);
    height: 32px;
    margin-top: 0;
    border-right: 3px solid #fff;
}

.contenuto-contenitore.contenitore-form form textarea.txt-area {
    display: block;
    width: calc(100% - 20px);
    min-height: 150px;
    margin-top: 15px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    font-size: 18px;
    padding: 10px;
    border-radius: 4px;
    resize: vertical;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form textarea.txt-area {
    border: 1px solid #1165fb;
    color: #646464;
    font-size: 14px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .menu-btn {
    display: grid;
    grid-auto-flow: column;
    justify-content: right;
    grid-column-gap: 10px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .menu-btn .btn.rosso {
    background-color: transparent;
    border: 1px solid #e0525e;
    color: #e0525e;
    font-weight: 400;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .menu-azioni .azione.checkbox {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    align-content: center;
    justify-content: left;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .menu-azioni .azione.checkbox {
    font-size: 14px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .menu-azioni .azione.checkbox .info {
    font-style: italic;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .menu-azioni .azione.checkbox .fas {
    font-size: 25px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .menu-azioni .azione.checkbox .fas.fa-toggle-on {
    color: #1165fb;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .menu-azioni .azione.checkbox .fas.fa-toggle-off {
    color: #dbd9d7;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .info-team {
    font-size: 26px;
    margin-bottom: 30px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .sottotitolo {
    color: #646464;
    font-weight: 300;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti {
    margin-top: 10px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente {
    height: 80px;
    display: grid;
    grid-template-columns: 90px auto 350px 48px;
    align-content: center;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .avatar-small {
    justify-self: center;
    align-self: center;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .avatar-small img {
    width: 50px;
    border-radius: 50%;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .nome {
    justify-self: left;
    align-self: center;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .azione {
    justify-self: center;
    align-self: center;
    width: 100%;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .azione.elimina .team-leader {
    color: #1165fb;
    text-align: right;
    padding-right: 10px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .azione.elimina .menu-btn {
    margin-right: 20px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .azione.elimina .menu-btn .btn {
    margin: 0;
    font-size: 10px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .azione.elimina .btn.rosso {
    background-color: transparent;
    border: 1px solid #e0525e;
    color: #e0525e;
    font-weight: 400;
    margin: 0;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .azione.elimina .menu-btn .info {
    color: #646464;
    font-size: 12px;
    align-self: center;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .lista-componenti .box-componente .azione.visualizza img {
    width: 24px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .scheda-team,
body.profilo-utente .contenuto-contenitore.contenitore-form form .scheda-richieste {
    margin-top: 50px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .scheda-richieste .lista-richieste {

}

body.profilo-utente .contenuto-contenitore.contenitore-form form .scheda-richieste .lista-richieste .box-richiesta {
    display: grid;
    grid-template-columns: 5% 45% 50%;
    align-content: center;
    height: 50px;
    font-size: 14px;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .scheda-richieste .lista-richieste .box-richiesta span {
    color: #646464;
    font-weight: 300;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .scheda-richieste .lista-richieste .box-richiesta .num_richiesta {
    justify-self: left;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .scheda-richieste .lista-richieste .box-richiesta .data {
    justify-self: center;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .scheda-richieste .lista-richieste .box-richiesta .nome {
    justify-self: center;
}

body.team .team-box {
    display: grid;
    grid-template-columns: 60% 40%;
    margin: 50px 0;
}

body.team .team-box .info-team {

}

body.team .team-box .info-team .nome {
    color: #1165fb;
    font-size: 25px;
}

body.team .team-box .info-team .num-componenti {
    color: #646464;
    font-size: 14px;
}

body.team .team-box .azioni-team {
    align-self: center;
}

body.team .team-box .azioni-team .azione-box {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    justify-content: right;
    font-size: 14px;
}

body.team .team-box .azioni-team .azione-box .info {
    color: #646464;
    align-self: center;
    justify-self: right;
}

body.team .contenuto-contenitore .lista-componenti {
    margin-top: 10px;
    align-self: center;
    justify-self: right;
}

body.team .contenuto-contenitore .lista-componenti .box-componente {
    height: 80px;
    display: grid;
    grid-template-columns: 10% auto 20% 5%;
    align-content: center;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

body.team .contenuto-contenitore .lista-componenti .box-componente .avatar-small {
    justify-self: center;
    align-self: center;
}

body.team .contenuto-contenitore .lista-componenti .box-componente .avatar-small img {
    width: 50px;
}

body.team .contenuto-contenitore .lista-componenti .box-componente .nome {
    justify-self: left;
    align-self: center;
}

body.team .contenuto-contenitore .lista-componenti .box-componente .azione {
    justify-self: center;
    align-self: center;
    width: 100%;
}

body.team .contenuto-contenitore .lista-componenti .box-componente .azione.elimina .team-leader {
    color: #1165fb;
    text-align: right;
    padding-right: 10px;
}

body.team .contenuto-contenitore .lista-componenti .box-componente .azione.elimina .btn.rosso {
    background-color: transparent;
    border: 1px solid #e0525e;
    color: #e0525e;
    font-size: 10px;
    font-weight: 400;
    margin: 0;
}

body.team .contenuto-contenitore .lista-componenti .box-componente .azione.visualizza img {
    width: 24px;
}


.contenuto-contenitore.contenitore-form form > .box-termini {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 15px 0 0;
}

.contenuto-contenitore.contenitore-form form > .box-termini > input.check {

}

.contenuto-contenitore.contenitore-form form > .box-termini > a {

}

.contenuto-contenitore.contenitore-form form .btn {
    width: fit-content;
    background-color: #1165fb;
    margin: 0 auto;
}

/* PROFILO UTENTE */
body.profilo-utente .testata-contenitore .testata .immagine {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

body.profilo-utente .testata-contenitore .testata .immagine .peso-utente {
    position: absolute;
}

body.profilo-utente .cerca-competenza {
    width: 60%;
    position: relative;
}

body.profilo-utente .cerca-competenza > span {
    position: absolute;
    right: 9px;
    top: 9px;
    cursor: pointer;
}

body.profilo-utente .contenuto-contenitore.contenitore-form form input.txt.azione {
    width: calc(100% - 13px);
}

body.profilo-utente .contenuto-contenitore.contenitore-form form .checkbox {
    margin: 10px 0;
}

/* SCHEDA UTENTE */
body.scheda .testata-contenitore .testata .immagine {
    display: inline-block;
}

body.scheda .testata-contenitore .testata .immagine img {
    border-radius: 50%;
}

body.scheda .contenuto-contenitore.contenitore-form .contenuto .sezione h1 {
    text-align: center;
}

.scrivi-messaggio {
    background-color: #f4f8ff;
    color: #fff;
    width: 175px;
    float: left;
    cursor: pointer;
    clear: both;
    margin-bottom: 10px;
    padding: 5px;
}

body.scheda .scrivi-messaggio {
    margin-top: 5px;
}

.scrivi-messaggio span {
    margin: 0 5px;
}

body.scheda .segnala-abuso {
    color: #f4f8ff;
    cursor: pointer;
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 50px;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore:before {
    content: '';
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: -1;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio {
    width: 290px;
    margin: 25px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 2px #dddfe2;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .chiudi {
    float: right;
    cursor: pointer;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio h4 {
    margin: 0 0 10px 0;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .destinatario {

}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .destinatario span {
    color: #f4f8ff;
    font-weight: 500;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .originale.small {
    font-size: 14px;
    font-style: italic;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .originale.corpo {
    height: 100px;
    overflow-y: scroll;
    font-size: 14px;
}

body.scheda .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .btn {
    float: none;
    margin-top: 10px;
}

/* MESSAGGI UTENTE */
body.messaggi-utente .contenuto-contenitore .contenuto {
    width: calc(100% - 20px);
}

body.messaggi-utente .contenuto-contenitore .tab-contenitore {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

body.messaggi-utente .contenuto-contenitore .tab {
    width: calc(50% - 10px);
    float: left;
    position: relative;
    cursor: pointer;
    padding: 0 5px;
    box-shadow: 0 0 5px 0 #ebebeb;
    opacity: 0.5;
    background-color: #dddfe2;
}

body.messaggi-utente .contenuto-contenitore .tab h3 {
    margin: 10px 0;
}

body.messaggi-utente .contenuto-contenitore .tab.attivo {
    opacity: 1;
    color: #1165fb;
}

body.messaggi-utente .contenuto-contenitore .tab:hover {
    opacity: 1;
}

body.messaggi-utente .contenuto-contenitore .nuovi-messaggi {
    position: absolute;
    top: 5px;
    left: 115px;
    border: 2px solid #fff;
    border-radius: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    background-color: #d90000;
    color: #fff;
}

body.messaggi-utente .contenuto-contenitore .elenchi-contenitore {
    width: 100%;
    float: left;
    position: relative;
}

body.messaggi-utente .contenuto-contenitore .elenco {
    width: 100%;
    float: left;
    display: none;
}

body.messaggi-utente .contenuto-contenitore .elenco.attivo {
    display: block;
}

body.messaggi-utente .contenuto-contenitore .riga {
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

body.messaggi-utente .contenuto-contenitore .riga.titoli {
    font-weight: 600;
}

body.messaggi-utente .contenuto-contenitore .riga.messaggio {

}

body.messaggi-utente .contenuto-contenitore .riga.messaggio:nth-child(odd) {
    background-color: rgba(247, 178, 52, 0.3);
}

body.messaggi-utente .contenuto-contenitore .riga.messaggio:nth-child(even) {
    background-color: rgba(235, 235, 235, 0.3);
}

body.messaggi-utente .contenuto-contenitore .riga .dati-messaggio {
    display: grid;
    grid-template-columns: calc(30% - 10px) calc(70% - 210px) 135px 75px;
}

body.messaggi-utente .contenuto-contenitore .riga.messaggio .dati-messaggio {
    min-height: 50px;
    line-height: 50px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

body.messaggi-utente .contenuto-contenitore .riga.messaggio .dati-messaggio.non-letto {
    font-weight: 600;
}

body.messaggi-utente .contenuto-contenitore .dati-messaggio .colonna {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}

body.messaggi-utente .contenuto-contenitore .dati-messaggio .colonna:first-child {
    cursor: pointer;
}

body.messaggi-utente .contenuto-contenitore .dati-messaggio .colonna:nth-child(2) {
}

body.messaggi-utente .contenuto-contenitore .dati-messaggio .colonna:nth-child(3) {
    color: #aaa;
}

body.messaggi-utente .contenuto-contenitore .dati-messaggio .colonna:nth-child(3) span.data {
    color: #4a4c4f;
}

body.messaggi-utente .contenuto-contenitore .dati-messaggio .colonna:nth-child(3) span.ora {
    font-style: italic;
    font-size: 14px;
}

body.messaggi-utente .contenuto-contenitore .dati-messaggio .colonna.azioni {
    text-align: right;
}

body.messaggi-utente .contenuto-contenitore .dati-messaggio .colonna.azioni span {
    cursor: pointer;
}

body.messaggi-utente .contenuto-contenitore .dettaglio-messaggio-contenitore {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 10;
}

body.messaggi-utente .contenuto-contenitore .dettaglio-messaggio-contenitore .dettaglio-messaggio {
    max-width: 620px;
    margin: 75px auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 2px #dddfe2;
}

body.messaggi-utente .contenuto-contenitore .dettaglio-messaggio-contenitore .dettaglio-messaggio .chiudi {
    float: right;
    cursor: pointer;
}

body.messaggi-utente .contenuto-contenitore .dettaglio-messaggio-contenitore .dettaglio-messaggio h4 {
    margin: 0 0 10px 0;
}

body.messaggi-utente .contenuto-contenitore .dettaglio-messaggio-contenitore .dettaglio-messaggio .corpo {
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
}

body.messaggi-utente .contenuto-contenitore .dettaglio-messaggio-contenitore .dettaglio-messaggio .corpo.azioni {
    text-align: right;
    cursor: pointer;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore:before {
    content: '';
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: -1;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio {
    width: 290px;
    margin: 25px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 2px #dddfe2;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .chiudi {
    float: right;
    cursor: pointer;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio h4 {
    margin: 0 0 10px 0;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .originale {
    /*height: 22px;*/
    padding: 5px;
    font-size: 18px;
    width: 100%;
    float: left;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .originale.small {
    font-size: 14px;
    font-style: italic;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .originale.corpo {
    min-height: 10px;
    height: auto;
    overflow-y: scroll;
    font-size: 14px;
    margin-bottom: 10px;
}

body.messaggi-utente .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .btn {
    float: none;
    margin-top: 10px;
}

/* PREFERITI */
body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente {
    padding: 0 10px;
    position: relative;
    width: calc(100% - 20px);
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente a {
    font-size: 20px;
    font-weight: 500;
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .eta {

}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .sesso {
    font-size: 20px;
    margin-left: 5px;
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze {
    margin: 5px 0;
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .competenza {
    font-size: 16px;
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .competenza.evidenza {
    background-color: #ff0;
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .livello {
    font-size: 14px;
    font-style: italic;
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .competenze .livello.evidenza {
    background-color: #ff0;
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .azioni {
    display: flex;
}

body.preferiti .contenuto-contenitore .contenuto .elenco-schede .scheda .utente .azioni .scrivi-messaggio {
    width: auto;
    margin-right: 3px;
}

body.preferiti .contenuto-contenitore .nuovo-messaggio-contenitore:before {
    content: '';
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: -1;
}

body.preferiti .contenuto-contenitore .nuovo-messaggio-contenitore {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

body.preferiti .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio {
    width: 290px;
    margin: 25px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 2px #dddfe2;
}

body.preferiti .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .chiudi {
    float: right;
    cursor: pointer;
}

body.preferiti .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio h4 {
    margin: 0 0 10px 0;
}

body.preferiti .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .destinatario {

}

body.preferiti .contenuto-contenitore .nuovo-messaggio-contenitore .nuovo-messaggio .destinatario span {
    color: #f4f8ff;
    font-weight: 500;
}

body.preferiti .contenuto-contenitore form input.txt {
    display: block;
    width: calc(100% - 10px);
    margin-top: 15px;
    border: none;
    background-color: #dddfe2;
    font-size: 18px;
    padding: 5px;
}

body.preferiti .contenuto-contenitore form input.txt.azione {
    width: calc(100% - 45px);
    margin-top: 0;
    border-right: 3px solid #fff;
}

body.preferiti .contenuto-contenitore form input.txt.azione.small {
    width: calc(62% - 29px);
}

body.preferiti .contenuto-contenitore form textarea.txt-area {
    display: block;
    width: calc(100% - 10px);
    min-height: 150px;
    margin-top: 15px;
    border: none;
    background-color: #dddfe2;
    font-size: 18px;
    padding: 5px;
    resize: vertical;
}

body.preferiti .contenuto-contenitore form .btn {
    float: none;
    margin-top: 10px;
    background-color: #1165fb;
}

/* PARTECIPA CONTEST */
body.partecipa .testata-contenitore {
    background-color: #fff;
    border-bottom: 10px solid #f4f8ff;
}

body.partecipa .testata-contenitore .testata {
    padding: 8px 0;
}

body.partecipa .privacy-policy {
    margin: 15px auto;
}

body.partecipa .privacy-policy .box-termini {
    margin: 5px auto;
}

body.partecipa .privacy-policy .box-termini span {
    padding-left: 10px;
}

/* PAGINE STATICHE */
body.pagine-statiche.area-competenze .contenuto-contenitore .contenuto {
    max-width: 768px;
}

body.pagine-statiche.easy-contest .testata-contenitore {
    background-color: #fff;
    border-bottom: 10px solid #f4f8ff;
}

body.pagine-statiche.easy-contest .testata-contenitore .testata {
    padding: 8px 0;
}

body.pagine-statiche.easy-contest .partecipa {
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    margin: 0 10px 0 auto;
    display: table;
}

body.pagine-statiche.easy-contest .partecipa > * {
    display: table-cell;
    vertical-align: middle;
}

body.pagine-statiche.easy-contest .partecipa span {
    background-color: #1165fb;
    color: #fff;
    padding: 5px;
    margin: 5px 0 5px 10px;
}

body.pagine-statiche.easy-contest .documenti {
    text-align: left;
    margin-left: 5px;
}

body.pagine-statiche.easy-contest .documenti .documento {
    margin: 10px 0;
}

body.pagine-statiche .contenuto-contenitore .contenuto h1 {
    color: #4a4c4f;
    font-weight: 300;
    text-transform: none;
    margin: 40px 0;
}

body.pagine-statiche .contenuto-contenitore .contenuto .introduzione {
    padding: 0 10px;
}

body.pagine-statiche .contenuto-contenitore .contenuto .introduzione p {
    line-height: 25px;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo {
    padding: 0 10px;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo h2 {
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 0;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo h3 {
    text-align: center;
    font-weight: 500;
    margin: 50px 0;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo p {
    line-height: 25px;
    margin-top: 5px;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo p.contenitore-immagini {
    width: calc(100% - 20px);
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 20px;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo img {
    width: 100%;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo img.immagine-1 {

}

body.pagine-statiche .contenuto-contenitore .contenuto .testo img.immagine-2 {

}

body.pagine-statiche .contenuto-contenitore .contenuto .testo ul {
    line-height: 25px;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo ul li {

}

body.pagine-statiche .contenuto-contenitore .contenuto .testo .iscriviti {
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
    text-align: right;
}

body.pagine-statiche .contenuto-contenitore .contenuto .testo .iscriviti span {
    background-color: #1165fb;
    color: #fff;
    padding: 5px;
    margin: 5px 0 5px 10px;
}

/* ARTICOLI */
body.elenco-articoli .contenuto-contenitore {
    margin-top: 20px;
}

body.elenco-articoli .contenuto-contenitore .contenuto {
    max-width: 960px;
}

body.elenco-articoli .contenuto-contenitore .box-articolo {
    display: grid;
    grid-template-columns: 50% 50%;
    margin-bottom: 15px;
    border-bottom: 2px dashed #ebebeb;
}

body.elenco-articoli .contenuto-contenitore .box-articolo > div {
    padding: 10px;
}

body.elenco-articoli .contenuto-contenitore .box-articolo .immagine {
    padding: 20px 60px;
}

body.elenco-articoli .contenuto-contenitore .box-articolo:nth-child(odd) .immagine {

}

body.elenco-articoli .contenuto-contenitore .box-articolo:nth-child(even) .immagine {
    grid-area: 1 / 2;
}

body.elenco-articoli .contenuto-contenitore .box-articolo .immagine img {
    max-width: 100%;
    display: block;
}

body.elenco-articoli .contenuto-contenitore .box-articolo .testo {
    align-self: center;
    position: relative;
}

body.elenco-articoli .contenuto-contenitore .box-articolo:nth-child(odd) .testo {

}

body.elenco-articoli .contenuto-contenitore .box-articolo:nth-child(even) .testo {
    grid-area: 1 / 1;
}

body.elenco-articoli .contenuto-contenitore .box-articolo .testo h1 {
    line-height: 22px;
    text-align: left;
}

body.elenco-articoli .contenuto-contenitore .box-articolo .testo h1 a {
    font-size: 24px;
}

body.elenco-articoli .contenuto-contenitore .box-articolo .data-creazione {
    position: absolute;
    right: 10px;
    top: 0;
    font-style: italic;
    font-size: 14px;
}

body.elenco-articoli .contenuto-contenitore .box-articolo .introduzione {

}

body.elenco-articoli .contenuto-contenitore .box-articolo .leggi-tutto {
    margin-top: 5px;
    text-align: right;
}

body.elenco-articoli .contenuto-contenitore .box-articolo .leggi-tutto a {

}

/* ARTICOLO SINGOLO */
body.articolo .testata-contenitore {
    background: none;
}

body.articolo .testata-contenitore .testata {
    max-width: 1200px;
}

body.articolo .testata-contenitore .testata .immagine {

}

body.articolo .testata-contenitore .testata .immagine img {
    height: auto;
    display: block;
    width: 100%;
    border-radius: 10px;
}

body.articolo .contenuto-contenitore {
    margin-top: 20px;
}

body.articolo .contenuto-contenitore .contenuto {
    max-width: 960px;
    position: relative;
    padding: 25px 10px 0;
}

body.articolo .contenuto-contenitore .contenuto h1 {
    font-size: 24px;
    line-height: 22px;
    margin: 50px 0;
    color: #1165fb;
}

body.articolo .contenuto-contenitore .contenuto .data-creazione {
    position: absolute;
    right: 10px;
    top: 0;
    font-style: italic;
    font-size: 14px;
}

body.articolo .contenuto-contenitore .contenuto .testo {
    line-height: 25px;
}

body.articolo .contenuto-contenitore .pulsanti {
    width: 960px;
    margin: 100px auto;
}

body.articolo .contenuto-contenitore .btn {
    display: inline-block;
}

body.articolo .contenuto-contenitore .btn.bianco {
    background-color: transparent;
    color: #1165fb;
    border: 1px solid #1165fb;
    width: fit-content;
}

/* SERVIZI */
.servizi-contenitore {
    width: 100%;
    float: left;
}

.servizi-contenitore h2 {
    color: #1165fb;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin: 50px 0;
}

.servizi-contenitore .introduzione {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}


.servizi-contenitore .cosa-contenitore {
    width: 100%;
    float: left;
}

.servizi-contenitore .cosa-contenitore .cosa {
    width: 1200px;
    margin: 50px auto 100px;
    display: grid;
    grid-template-columns: 48% 48%;
    grid-gap: 4%;
}

.servizi-contenitore .cosa-contenitore .cosa .box-cosa {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 50px;
    display: grid;
    grid-template-rows: 30px auto 45px;
    justify-items: center;
    align-items: center;
}

.servizi-contenitore .cosa-contenitore .cosa .box-cosa .titolo {
    color: #1165fb;
    font-size: 20px;
}

.servizi-contenitore .cosa-contenitore .cosa .box-cosa .testo {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 50px 0;
}

.servizi-contenitore .cosa-contenitore .cosa .box-cosa .btn {
    background-color: transparent;
    border: 1px solid #1165fb;
    color: #1165fb;
    letter-spacing: 1px;
    font-weight: 300;
    width: 70px;
}

.supervisori-contenitore {
    width: 100%;
    float: left;
}

.supervisori-contenitore .supervisori {
    width: 1200px;
    margin: 100px auto;
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 2%;
    align-items: center;
}

.supervisori-contenitore .supervisori .supervisore.bohus {
    justify-self: right;
}

.supervisori-contenitore .supervisori .supervisore.swenson {
    justify-self: left;
}

.supervisori-contenitore .supervisori .supervisore img {
    border-radius: 10px;
    max-width: 100%;
    display: block;
    opacity: 30%;
}

.supervisori-contenitore .supervisori .supervisore.active img {
    opacity: 100%;
}

.supervisori-contenitore .supervisori .supervisore .radio {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 10px 0;
}

.supervisori-contenitore .supervisori .supervisore .radio span {
    color: #c2bfbc;
}

.supervisori-contenitore .btn {
    width: 200px;
    margin: 0 auto 100px;
}

.servizi-contenitore .servizi {
    width: 1200px;
    margin: 0 auto;
}

.servizi-contenitore .servizi .servizio {
    background-color: #fff;
    border-radius: 10px;
    display: grid;
    align-items: center;
    margin: 10px 0;
}

.servizi-contenitore .servizi .servizio.dx {
    grid-template-columns: 67% 33%;
}

.servizi-contenitore .servizi .servizio.sx {
    grid-template-columns: 33% 67%;
}

.servizi-contenitore .servizi .servizio .testo {
    padding: 0 100px;
}

.servizi-contenitore .servizi .servizio .testo .titolo {
    color: #1165fb;
    font-size: 20px;
}

.servizi-contenitore .servizi .servizio .testo .introduzione {
    width: 100%;
    text-align: left;
}

.servizi-contenitore .servizi .servizio .immagine {

}

.servizi-contenitore .servizi .servizio .immagine img {
    max-width: 100%;
    display: block;
}

.connessione-contenitore {
    width: 100%;
    float: left;
}

.connessione-contenitore .connessione {
    width: 1200px;
    margin: 100px auto 50px;
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: center;
    justify-items: center;
}

.connessione-contenitore .connessione .immagine img {
    max-width: 100%;
    display: block;
}

.connessione-contenitore .connessione .testo {
    color: #1165fb;
}

.cresci-condividi-contenitore {
    width: 100%;
    float: left;
}

.cresci-condividi-contenitore .cresci-condividi {
    width: 1200px;
    margin: 0 auto 20px;
    position: relative;
}

.cresci-condividi-contenitore .cresci-condividi .immagine img {
    max-width: 100%;
    display: block;
    border-radius: 10px;
}

.cresci-condividi-contenitore .cresci-condividi .btn {
    position: absolute;
    top: 90px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    color: #1165fb;
}

/* EVENTI */
.elenco-eventi-contenitore {
    width: 100%;
    float: left;
}

.elenco-eventi-contenitore h2 {
    font-size: 30px;
    color: #1165fb;
    text-align: center;
    margin: 50px auto;
}

.elenco-eventi-contenitore .elenco-eventi {
    width: 1200px;
    margin: 0 auto;
}

.elenco-eventi-contenitore .elenco-eventi .evento {
    background-color: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 40% 60%;
    margin: 10px 0;
}

.elenco-eventi-contenitore .elenco-eventi .evento .immagine {
    align-self: center;
}

.elenco-eventi-contenitore .elenco-eventi .evento .immagine img {
    max-width: 100%;
    display: block;
    border-radius: 10px;
}

.elenco-eventi-contenitore .elenco-eventi .evento .testo {
    padding: 30px;
}

.elenco-eventi-contenitore .elenco-eventi .evento .testo .titolo {

}

.elenco-eventi-contenitore .elenco-eventi .evento .testo .titolo a {
    color: #1165fb;
    font-size: 22px;
}

.elenco-eventi-contenitore .elenco-eventi .evento .testo .introduzione {
    font-size: 16px;
}

.elenco-eventi-contenitore .elenco-eventi .evento .testo .btn {
    background-color: #fff;
    border: 1px solid #1165fb;
    color: #1165fb;
}

/* CONFERMA ISCRIZIONE */
body.conferma-iscrizione .contenuto-contenitore .contenuto .testo {
    text-align: center;
    font-size: 25px;
}

body.conferma-iscrizione .contenuto-contenitore .contenuto .testo a {
    cursor: pointer;
}

body.conferma-iscrizione .contenuto-contenitore .contenuto .testo .iscriviti {
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
}

body.conferma-iscrizione .contenuto-contenitore .contenuto .testo .iscriviti span {
    background-color: #1165fb;
    color: #fff;
    padding: 5px;
    margin: 5px 0;
}

/* 404 */
body.pagina-404 .contenuto-contenitore .contenuto {
    max-width: 768px;
    margin: 0 auto;
    text-align: center;
}

body.pagina-404 .contenuto-contenitore .contenuto h1 {

}

body.pagina-404 .contenuto-contenitore .contenuto .introduzione {

}

body.pagina-404 .contenuto-contenitore .contenuto .testo {

}

/* CONTATTI */
body.contatti .contenuto-contenitore .contenuto .testo {
    text-align: center;
    font-size: 18px;
}

/* PARTNER*/
.partner-contenitore {
    float: left;
    width: 100%;
    margin-top: 15px;
    display: none;
}

body.home .partner-contenitore {
    display: block;
}


.partner-contenitore .partner {
    text-align: center;
}


.partner-contenitore .partner h2 {
    text-align: center;
    background-color: #1165fb;
    padding: 20px 0;
    color: #fff;

}


.partner-contenitore .partner .lista-partner {
    display: inline-block;
}

.partner-contenitore .partner .lista-partner .singolo-partner {
    width: 320px;
}

.partner-contenitore .partner .lista-partner .singolo-partner img {
}


.partner-contenitore .partner .lista-partner .singolo-partner span {
}


/* FOOTER */
.footer-contenitore {
    float: left;
    width: 100%;
    background-color: #fff;
}

.footer-contenitore .footer {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.footer-contenitore .footer .footer-top {
    padding: 50px;
}

.footer-contenitore .footer .footer-top .logo {
    width: 150px;
}

.footer-contenitore .footer .footer-top .logo img {
    max-width: 100%;
}

.footer-contenitore .footer .footer-top .loghi-collaboratori {

}

.footer-contenitore .footer .footer-top .loghi-collaboratori .testo {
    font-size: 12px;
    padding: 50px 0 20px;
}

.footer-contenitore .footer .footer-top .loghi-collaboratori .loghi {
    display: flex;
    gap: 50px;
}

.footer-contenitore .footer .footer-top .loghi-collaboratori .loghi .logo {
    height: 55px;
    width: fit-content;
}

.footer-contenitore .footer .footer-top .loghi-collaboratori .loghi .logo img {
    max-height: 100%;
}

.footer-contenitore .footer .footer-bottom {
    border-top: 1px solid #c2bfbc;
    padding: 50px;
    font-size: 12px;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.footer-contenitore .footer .footer-bottom .copy {
    justify-self: left;
}

.footer-contenitore .footer .footer-bottom .menu-policy {
    justify-self: right;
    display: flex;
    gap: 30px;
}

.footer-contenitore .footer .footer-bottom .menu-policy a {
    color: #000;
    font-weight: 600;
}

/* GDPR */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    /*box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.25);*/
    margin-left: 30px;
    font-family: system-ui;
}

#gdpr-cookie-message h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

#gdpr-cookie-message h5 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

#gdpr-cookie-message p,
#gdpr-cookie-message ul {
    font-size: 15px;
    line-height: 1.5em;
}

#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}

#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}

#gdpr-cookie-message a {
    display: block;
    width: fit-content;
    color: #1165fb;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
    transition: all 0.3s ease-in;
}

#gdpr-cookie-message a:hover {
    color: #1165fb;
    border-bottom-color: #1165fb;
    transition: all 0.3s ease-in;
}

#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background-color: #1165fb;
    color: #fff;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

#gdpr-cookie-message button:hover {
    background-color: #1165fb;
    color: #fff;
    transition: all 0.3s ease-in;
}

button#gdpr-cookie-accept {
    width: 180px;
}

button#gdpr-cookie-advanced {
    background-color: white;
    border: 1px solid #1165fb;
    color: #1165fb;
    font-weight: 300;
    letter-spacing: 1px;
    margin-left: 10px;
}

#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}

#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

/* GOOGLE MAPS */
.gm-ui-hover-effect {
    height: 30px !important;
}

.gm-ui-hover-effect span {
    width: 20px !important;
    height: 20px !important;
    margin: 0 30px !important;
}