@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

:root {
    --color_txt: #272727;
    --color_txta: #024470;
    --color_txt2: #024470;
    --color_lightblue4: #D0EBF9;
    --color_darkblue1: #024470;
    --color_darkblue2: #0578B6;
	--color_bg1: #b5d0ec;
	--color_bg2: #2D75B2;
    --color_bg3: #283D4F;
    --color_action: #2AC6B8;
	--color_actionh: #2AE6B8;
    --color_rosso: #D9534F;
	--color_rossoscuro: #921512;
	--color_rossochiaro: #F2C6C5;
	--color_verde: #5CB85C;
	--color_verdescuro: #3F773F;
	--color_giallo: #FFB500;
	--color_gialloscuro: #ff8104;

    --space: 15px;
    --corner: 10px;
}

.mt-15 { margin-top: 15px !important }

.si-900 { display: none; }

.w-100 { width: 100% !important; }
.txt-center { text-align: center; }

html, body {
	width: 100%;
    height:100%;
	margin: 0px;
	padding: 0px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 500;
    font-size: 100%;
    color: var(--color_txt);
    background-color: #FAFAFA;
}
*:focus { outline: none !important; } 
img { width: 100%; }
/* p { margin: 0px; } */
a { text-decoration: none; color: var(--color_txta); }

.hidden { display: none; }
.flex { display: flex; }
.block { display: block !important; }
.align-center { align-items: center; }

#super_container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-image: url(images/super_sfondo_opac.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

#main_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-grow: 2;
}
#barraleft_container {
    z-index: 2;
    width: 240px;
    flex: 0 0 240px;
    height: 100%;
    background-color: #F2F2F2;
    border-radius: 0 32px 32px 0;
}
#content_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* background-color: antiquewhite; */
    margin: 15px;
}
.content {
    display: flex;
}
#content_sx {
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    position: relative;
}
.content_dx {
    /* display: flex; */
    flex: 0 0 200px;
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
    border-left: 1px solid #D9D9D9;
}


.btn {
    display: inline-block;
    background-color: var(--color_action);
    border-radius: 6px;
    color: white;
    padding: 10px 20px;
    font-size: 1em;
    font-weight: 700;
    margin: 30px 0;
    border: none;
    cursor: pointer;
}
.btn.big {
    padding: 10px 40px;
    font-size: 1.3em;
}
.btn:hover {
    background-color: var(--color_actionh);
}
.btn.sx {
    border-radius: 6px 0 0 6px;
    margin: 30px 1px 30px 0;
}
.btn.dx {
    border-radius: 0 6px 6px 0;
    margin: 30px 0 30px 1px;
}
.btn.red {
    background-color: var(--color_rossochiaro);
    color: white;
}
.btn.red:hover {
    background-color: var(--color_rosso);
    color: white;
}
#ajaxloader {
	position:fixed; 
	width:100%; 
	height:100%; 
	background-color:rgba(0,0,0,0.81); 
	z-index:300; 
	background-image: url("images/loader01.svg");
	background-size: 70px 70px;
	background-position: center center;
	background-repeat: no-repeat;
	display:none;
}
#ajaxloader2 {
    position:absolute; 
	width:100%; 
	height:100%; 
	/* background-color:rgba(0,0,0,0.81);  */
	z-index:300; 
	background-image: url("images/loader01.svg");
	background-size: 70px 70px;
	background-position: center center;
	background-repeat: no-repeat;
	display:none;
}
.tag {
    display: inline-block;
    padding: 8px 13px;
    font-size: 0.7em;
    background-color: var(--color_lightblue4);
    color: var(--color_txta);
    margin: 0 10px 10px 0;
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* ########################## HOME ########################## */

.welcome_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
}
.welcome_logo {
    width: calc(100% - 30px);
    max-width: 500px;
    height: 23.2%;
    margin: 0 15px;
    max-height: 120px;
    background-image: url(images/toswim_logo_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
}
.welcome_title {
    font-weight: 700;
    font-size: 1.4em;
    color: white;
    margin: 20px 0;
}
.welcome_btn {
    font-size: 1em;
    bottom: 50px;
    margin: 0 auto;
    border-radius: 20px;
}

/* ########################## LOGIN/REGISTER ########################## */

.login_container {
    position: relative;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    height: 100%;
    background-image: url(images/login_sfondo_opac.svg);
    background-size: cover;
    background-position: center center;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.login_logo {
    background-image: url(images/toswim_logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 45px;
    margin: 20px 0;
}
.login_titolo {
    font-weight: 700;
    font-size: 1.3em;
    color: var(--color_txt2);
    margin: 20px;
}
.toswim-text{
    color: var(--color_txt2);
    font-size: 0.9rem;
    font-weight: bold;
}
.login_form {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.login_form.login {
    max-width: 300px;
    margin: 20px 0;
}
.login_form.register {
    max-width: 400px;
}
.login_form_title_container {
    margin: 0 0 20px 0;
}
.login_form_title {
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    font-weight: 700;
    color: var(--color_txt2);
}
.login_form_subtitle {
    width: 100%;
    text-align: left;
    font-size: 0.9em;
    font-weight: 500;
    color: var(--color_txt2);
}

/* .fb-login-button, .g_id_signin{
    box-shadow: 0 3px 6px rgb(0 0 0 / 14%);
    margin: 0 0 10px 0;
} */

.login_input_label {
    font-size: 0.7em;
    font-weight: 400;
    color: var(--color_txt2);
    text-align: left;
    margin: 0 0 2px 0;
}
select:invalid { color: grey; }
.login_input {
    width: 100%;
    border: none;
    padding: 10px 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14);
    margin: 0 0 10px 0;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 1em;
    color: var(--color_darkblue2) !important;
    appearance:none;
    -webkit-appearance:none;
}
.login_input_linksotto {
    align-self: flex-end;
    font-size: 0.7em;
}
.login_input_linksotto:hover {
    text-decoration: underline;
}
.login_indietro {
    font-size: 0.8em;
    color: var(--color_txt2);
}
#figli_data fieldset {
    border: none;
    /*border-bottom: 1px solid var(--color_bg2);*/
    padding: 0px;
    margin: 0 0 10px 0;
}
#btn_figlio_add,
.btn_figlio_rem {
    display: flex;
    align-items: center;
    font-size: 0.85em;
    cursor: pointer;
}
.btn_figlio_rem {
    justify-content: end;
}
#btn_figlio_add img,
.btn_figlio_rem img {
    height: 30px;
    width: 30px;
    margin: 0 3px 0 0;
}
#btn_figlio_add:hover {
    text-decoration: underline;
}
#ProcessForgotPassword {
    padding: 20px;
    max-width: 500px;
    margin: 0 auto;
}
#ProcessForgotPassword li {
    list-style: none;
}

/* ########################## BACHECA ########################## */

.content.bacheca {
    max-width: 930px;
}
.home_slideshow_container {
    /* width: calc(100% - 240px); */
    width: 100%;
    margin: 15px 0;
    border-radius: 20px;
    height: 400px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.slide_img {
    position: relative;
    /* width: 100%; */
    max-height: 400px;
    border-radius: 20px;
    background-size: cover;
    background-position: center center;
}
.slide_testi {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.slide_titolo {
    color: white;
    font-size: 1.8em;
    font-weight: 700;
}
.slide_link {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid white;
    border-radius: 20px;
    font-size: 1em;
    color: white;
    margin: 15px 0;
}
.slide_link:hover {
    background-color: white;
    color: var(--color_txt2);
}
.slick-dots {
    bottom: 15px !important;
}
.slick-dots li button:before {
    font-size: 10px !important;
    color: white !important;
}

/* ########################## BARRA LEFT ########################## */

.barraleft_hamburger {
    display: none;
}
#barraleft_logo {
    display: block;
    width: 115px;
    height: 26px;
    background-image: url(images/logo-toswim_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 40px 0 40px 20px;
}
.barraleft_hamburger {
    display: none;
    position: absolute;
    top: 46px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.barraleft_menu_header {
    font-size: 1em;
    font-weight: 700;
    margin: 20px 0 20px 20px;
    text-transform: uppercase;
    color: var(--color_darkblue2);
}
.barraleft_menu_link {
    display: flex;
    align-items: center;
    color: #024470;
    font-size: 1em;
    height: 40px;
    box-sizing: border-box;
    border-left: 5px solid #F2F2F2;
}
.barraleft_menu_link img {
    height: 14px;
    width: 14px;
    margin: 0 15px 0 20px;
}
.barraleft_menu_link_toread {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: red;
    font-size: 12px;
    color: white;
    border-radius: 12px;
    padding: 1px 6px;
    margin: 0 0 0 10px;
}
.barraleft_menu_link:hover,
.barraleft_menu_link.active {
    background-color: #FAFAFA;
    border-left: 5px solid #34B3E4;
}


/* ########################## CONTENT RIGHT ########################## */

.contentdx_section_titolo {
    font-weight: 700;
    font-size: 0.9em;
    text-transform: uppercase;
    color: var(--color_darkblue1);
    margin: 20px 0;
}

/* ########################## HEADER ########################## */

.header_container {
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0 30px 0;
    display: flex;
    align-items: center;
}
.header_titolo {
    flex-grow: 2;
    font-size: 1.3em;
    color: var(--color_txt2);
    font-weight: 700;
}
.btn_header {
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin: 0 0 0 10px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.btn_header_toread {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10px;
    right: -10px;
    background-color: red;
    font-size: 15px;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    padding: 0 2px;
}
.header_actions {
    display: flex;
    justify-content: center;
}
.btn_header.profilo {
    background-image: url(images/btn_profilo.svg);
}
.btn_header.profilo:hover {
    background-image: url(images/btn_profilo_h.svg);
}
.btn_header.com {
    background-image: url(images/btn_com.svg);
}
.btn_header.com:hover {
    background-image: url(images/btn_com_h.svg);
}
.btn_header.edit {
    background-image: url(images/btn_edit.svg);
}
.btn_header.edit:hover {
    background-image: url(images/btn_edit_h.svg);
}
#btn_header_cerca {
    border: none;
    background-color: #F2F2F2;
    border-left: 8px solid #2AC6B8;
    border-radius: 8px;
    height: 50px;
    padding: 0 0 0 15px;
    min-width: 200px;
    margin: 0 0 0 15px;
}

/* ########################## MODULI ########################## */

/* ########################## ELENCO 1 ########################## */

.items_elenco1_container {
    display: flex;
    flex-wrap: wrap;
}
.item_elenco1_container {
    display: flex;
    width: calc(50% - 5px);
    padding: 10px;
    box-sizing: border-box;
    background-color: white;
    border-radius: 14px;
    margin: 0 0 10px 0;
}
.item_elenco1_container:hover {
    background-color: var(--color_lightblue4);
}
.item_elenco1_container:nth-child(odd) {
    margin: 0 10px 10px 0;
}
.item_elenco1_img {
    flex: 0 0 100px;
    width: 100px;
    height: 75px;
    margin: 0 10px 0 0;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
}
.item_elenco1_img.societa {
    background-size: contain;
    background-color: white;
    background-repeat: no-repeat;
}
.item_elenco1_img img {
    max-width: 100px;
    max-height: 75px;
    border-radius: 10px;
}
.item_elenco1_testi {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.item_elenco1_titolo {
    font-weight: 700;
    font-size: 1em;
    color: var(--color_darkblue1);
}
.item_elenco1_indirizzo {
    font-weight: 700;
    font-size: 0.8em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_mappa.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 13px;
    padding: 0 0 0 20px;
    margin: 5px 0 0 0;
}
.item_elenco1_data {
    font-weight: 700;
    font-size: 0.8em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_data.svg);
    background-repeat: no-repeat;
    background-position: left;
    /* background-size: contain; */
    padding: 0 0 0 20px;
    margin: 5px 0 0 0;
}

/* ########################## ELENCO 2 ########################## */

.items_elenco2_container {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.item_elenco2_container {
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    background-color: white;
    border-radius: 14px;
    margin: 0 0 10px 0;
}
.item_elenco2_container:hover {
    background-color: var(--color_lightblue4);
}
.item_elenco2_img {
    flex: 0 0 140px;
    width: 140px;
    height: 140px;
    margin: 0 10px 0 0;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
}
.item_elenco2_img.little {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
}
.item_elenco2_img img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 10px;
}
.item_elenco2_testi {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.item_elenco2_tag {
    font-size: 0.7em;
    font-weight: 700;
    color: var(--color_action);
    text-transform: uppercase;
}
.item_elenco2_titolo {
    font-weight: 700;
    font-size: 1em;
    color: var(--color_darkblue1);
    margin: 20px 0;
}
.item_elenco2_titolo.little {
    margin: 10px 0;
}
.item_elenco2_data {
    font-weight: 700;
    font-size: 0.8em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_data.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 20px;
}
.item_elenco2_indirizzo {
    font-weight: 700;
    font-size: 0.8em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_mappa.svg);
    background-repeat: no-repeat;
    background-position: left;
    /* background-size: contain; */
    padding: 0 0 0 20px;
    margin: 0 0 6px 0;
}

/* ########################## ELENCO 3 ########################## */

.items_elenco3_container {
    display: flex;
    flex-wrap: wrap;
}
.item_elenco3_container {
    display: flex;
    flex-direction: column;
    width: calc(50% - 5px);
    padding: 10px;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}
.item_elenco3_container:hover .item_elenco3_titolo {
    text-decoration: underline;
}
.item_elenco3_container:nth-child(odd) {
    margin: 0 10px 10px 0;
}
.item_elenco3_img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    margin: 0 10px 0 0;
}
.item_elenco3_img_testi {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    font-weight: 700;
    margin: 0 0 20px 0;
}
.item_elenco3_img_testi_d {
    font-size: 2.5em;
}
.item_elenco3_img_testi_m {
    font-size: 1.5em;
}
.item_elenco3_testi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 15px 0 0 0;
    padding: 0 5px;
}
.item_elenco3_tag {
    font-size: 0.8em;
    font-weight: 700;
    color: var(--color_action);
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.item_elenco3_titolo {
    font-weight: 700;
    font-size: 1em;
    color: var(--color_darkblue1);
}
.item_elenco3_indirizzo {
    font-weight: 700;
    font-size: 0.8em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_mappa.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0;
    padding: 2px 0 0 20px;
    margin: 6px 0 0 0;
}



/* ########################## ELENCO DX 1 ########################## */

.items_elencodx1_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 0 20px 0;
}
.item_elencodx1_container {
    display: flex;
    align-items: center;
    padding: 0 10px 0 0;
    box-sizing: border-box;
    /* background-color: white; */
    border-radius: 10px;
    margin: 0 0 10px 0;
}
.item_elencodx1_container:hover {
    background-color: var(--color_lightblue4);
}
.item_elencodx1_img {
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    margin: 0 10px 0 0;
}
.item_elencodx1_testi {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.item_elencodx1_titolo {
    font-weight: 700;
    font-size: 0.7em;
    color: var(--color_darkblue1);
    margin: 0 0 10px 0;
}
.item_elencodx1_data {
    font-weight: 700;
    font-size: 0.6em;
    color: var(--color_darkblue1);
    opacity: 0.5;
}
.item_elencodx1_indirizzo {
    font-weight: 700;
    font-size: 0.6em;
    color: var(--color_darkblue1);
    opacity: 0.5;
}
.item_elencodx1_databig {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    background-color: #F1F1F1;
    border-radius: 10px;
    margin: 0 10px 0 0;
    color: #34B3E4;
    font-weight: 700;
}
.item_elencodx1_databig_d {
    font-size: 2em;
    line-height: 0.9em;
}
.item_elencodx1_databig_m {
    font-size: 0.9em;
    line-height: 0.9em;
}


/* ########################## ELENCO DX 2 ########################## */

.item_elencodx2_container {
    display: flex;
    padding: 5px;
    box-sizing: border-box;
    background-color: white;
    border-radius: 10px;
    margin: 0 0 10px 0;
}
.item_elencodx2_container:hover {
    background-color: var(--color_lightblue4);
}
.item_elencodx2_img {
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    margin: 0 10px 0 0;
}
.item_elencodx2_testi {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.item_elencodx2_titolo {
    font-weight: 700;
    font-size: 0.7em;
    color: var(--color_darkblue1);
    /* margin: 0 0 10px 0; */
}



.content_titolo_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content_titolo {
    color: var(--color_darkblue1);
    font-size: 1.2em;
    font-weight: 700;
    margin: 20px 0;
}
.content_titolo_btn {
    background-color: var(--color_action);
    color: white;
    padding: 6px 15px;
    font-size: 0.8em;
    border-radius: 6px;
    cursor: pointer;
}
.content_titolo_btn:hover {
    background-color: var(--color_actionh);
}
.modulo_container {
    display: flex;
    margin: 0 0 15px 0;
}
.modulo_sx {
    flex: 0 0 calc(50% - 10px);
    margin: 0 10px 0 0;
}
.modulo_dx {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.content_mostrafiltri {
    display: flex;
    align-items: center;
    background-color: var(--color_bg1);
    width: 100%;
    margin: 0 -15px;
    padding: 10px 15px;
    /* box-sizing: border-box; */
    color: var(--color_txt);
    font-size: 0.9em;
}
.content_mostrafiltri_filtro {
    background-color: var(--color_bg2);
    color: white;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 2px 10px;
    border-radius: 12px;
    margin: 0 10px 0 0;
}
.content_mostrafiltri_txt1 {
    margin: 0 10px 0 0;
}
.content_filtri_container {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color_lightblue4);
    margin: 0 0 0 -15px;
    padding: 15px;
    font-size: 0.8em;
    color: var(--color_txt2);
}
.filtri_container_title {
    font-size: 1.2em;
    margin: 20px 0;
}
.filtri_container_form {
    display: flex;
    flex-wrap: wrap;
}
.content_filtri_chiudi {
    position: absolute;
    top: 30px;
    right: 15px;
    width: 25px; height: 25px;
    background-image: url(images/btn_close.svg);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

/* ########################## MODULO EVIDENZA 1 ########################## */

.modulo_news_big {
    position: relative;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    height: 100%;
}
.modulo_news_big_content {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 15px;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.modulo_news_big_tag {
    font-size: 0.7em;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}
.modulo_news_big_titolo {
    font-size: 1.5em;
    font-weight: 700;
    color: white;
    margin: 10px 0;
}
.modulo_news_big_data {
    color: white;
    font-weight: 700;
    font-size: 0.8em;
    fill: white;
    background-image: url(images/icon_data_w.svg);
    background-repeat: no-repeat;
    background-position: left;
    /* background-size: contain; */
    padding: 2px 0 0 20px;
    margin: 5px 0 0 0;
}
.modulo_news_container {
    flex: 0 0 calc(50% - 15px);
    /* margin: 0 0 10px 0; */
}
.modulo_news_container.n2 { flex: 0 0 calc(50% - 5px); }
.modulo_news_container.n3 { flex: 0 0 calc(33% - 10px); }
.modulo_news_container:hover .modulo_news_titolo {
    text-decoration: underline;
}
.modulo_news_img {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    margin: 0 0 10px 0;
}
.modulo_news_tag {
    font-size: 0.7em;
    font-weight: 700;
    color: var(--color_action);
    text-transform: uppercase;
}
.modulo_news_titolo {
    font-size: 1em;
    font-weight: 700;
    color: var(--color_darkblue1);
}
.modulo_news_data {
    font-weight: 700;
    font-size: 0.8em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_data.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 20px;
    margin: 5px 0 0 0;
}

/* ########################## MODULO EVIDENZA 2 ########################## */

.modulo_evidenza2_supercontainer {
    display: flex;
}
.modulo_evidenza2_sx {
    flex: 0 0 calc(50% - 10px);
    margin: 0 10px 0 0;
}
.modulo_evidenza2_dx {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.modulo_evidenza2_big {
    position: relative;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    height: 100%;
}
.modulo_evidenza2_big_content {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 15px;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.modulo_evidenza2_big_tag {
    font-size: 0.7em;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}
.modulo_evidenza2_big_titolo {
    font-size: 1.5em;
    font-weight: 700;
    color: white;
    margin: 10px 0;
}
.modulo_evidenza2_big_data {
    color: white;
    font-weight: 700;
    font-size: 0.8em;
    fill: white;
    background-image: url(images/icon_data_w.svg);
    background-repeat: no-repeat;
    background-position: left;
    /* background-size: contain; */
    padding: 2px 0 0 20px;
    margin: 5px 0 0 0;
}
.modulo_evidenza2_container {
    flex: 0 0 calc(50% - 15px);
    flex-direction: column;
    /* margin: 0 0 10px 0; */
}
.modulo_evidenza2_container.n2 { flex: 0 0 calc(50% - 5px); }
.modulo_evidenza2_container.n3 { flex: 0 0 calc(33% - 10px); }
.modulo_evidenza2_container:hover .modulo_evidenza2_titolo {
    text-decoration: underline;
}
.modulo_evidenza2_img {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    margin: 0 0 10px 0;
}
.modulo_evidenza2_tag {
    font-size: 0.7em;
    font-weight: 700;
    color: var(--color_action);
    text-transform: uppercase;
}
.modulo_evidenza2_titolo {
    font-size: 1em;
    font-weight: 700;
    color: var(--color_darkblue1);
}
.modulo_evidenza2_data {
    font-weight: 700;
    font-size: 0.8em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_data.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 20px;
    margin: 5px 0 0 0;
}

/* ########################## ARTICOLO ########################## */

.articolo_img_principale {
    display: block;
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    margin: 20px 0;
}
.articolo_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.articolo_tag {
    font-size: 0.9em;
    font-weight: 700;
    color: var(--color_action);
    text-transform: uppercase;
}
.articolo_tag a {
    color: var(--color_action);
    /* margin: 0 15px 0 0; */
}
.articolo_tag a:hover {
    text-decoration: underline;
}
.articolo_share {
    display: flex;
    align-items: center;
}
.articolo_like {
    width: 20px;
    height: 20px;
    background-image: url(images/icon_like.svg);
    background-size: cover;
    cursor: pointer;
}
.articolo_like:hover,
.articolo_like.active {
    background-image: url(images/icon_like_active.svg);
}
.articolo_titolo {
    font-size: 1.6em;
    font-weight: 700;
    color: var(--color_darkblue1);
    margin: 12px 0 6px 0;
}
.articolo_data {
    font-size: 0.8em;
    font-weight: 400;
    opacity: 0.5;
    color: var(--color_darkblue1);
    margin: 0 0 20px 0;
}

/* ########################## EVENTO ########################## */

.evento_container {
    display: flex;
}
.evento_img {
    width: 50%;
    min-width: 30%;
    max-width: 50%;
    min-height: 350px;
    height: 100%;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    margin: 20px 20px 20px 0;
    box-sizing: border-box;
}
.evento_dx {
    max-width: 350px;
    display: flex;
    flex-direction: column;
    margin: 20px 0 0 0;
}
.evento_tag {
    font-size: 0.9em;
    font-weight: 700;
    color: var(--color_action);
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
a.evento_tag:hover {
    text-decoration: underline;
}
.evento_titolo {
    font-weight: 700;
    font-size: 1.5em;
    color: var(--color_darkblue1);
}
.evento_indirizzo {
    font-weight: 700;
    font-size: 0.9em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_mappa.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px;
    padding: 2px 0 0 25px;
    margin: 15px 0 0 0;
}
.evento_data {
    font-weight: 700;
    font-size: 0.9em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_data.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 2px 0 0 25px;
    margin: 5px 0 0 0;
}
.evento_ora {
    font-weight: 700;
    font-size: 0.9em;
    color: var(--color_darkblue1);
    opacity: 0.5;
    background-image: url(images/icon_orario.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 2px 0 0 25px;
    margin: 5px 0 0 0;
}
.evento_desc {
    font-weight: 400;
    font-size: 0.9em;
    color: var(--color_darkblue1);
    margin: 30px 0 0 0;
}
.evento_altro {
    margin: 40px 0 0 0;
}


/* ########################## PISCINA ########################## */

.piscine_img_principale,
.piscina_img_principale  {
    display: block;
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    margin: 20px 0;
}
.piscina_att_elenco_container {
    display: flex;
    flex-wrap: wrap;
}
.piscina_att_elenco_content {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc((100% - 30px) / 4);
    margin: 0 10px 10px 0;
    height: 150px;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 10px;
    cursor: pointer;
}
.piscina_att_elenco_content:nth-child(7) { /*devo raddoppiare perchè c'è anche il contenuto nascosto*/
     margin: 0 0 10px 0;
}
.piscina_att_elenco_content:hover {
    background-color: var(--color_bg1);
}
.piscina_att_elenco_content:hover .piscina_att_elenco_titolo {
    color: white;
}
.piscina_att_elenco_img {
    width: 80px;
}
.piscina_att_elenco_titolo {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    color: var(--color_action);
    text-align: center;
    padding: 0 20px;
}
.piscina_att_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color_lightblue4);
    margin: 0 0 0 -15px;
    padding: 15px;
}
.piscina_att_chiudi {
    position: absolute;
    top: 30px;
    right: 15px;
    width: 30px; height: 30px;
    background-image: url(images/btn_close.svg);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
.piscina_att_titolo {
    font-size: 1.2em;
    font-weight: 700;
    margin: 20px 0;
    color: var(--color_txt2);
}
.piscina_att_content {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    margin: 20px 0 0 0;
}
.piscina_att_content_titolo {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color_action);
    margin: 15px 0;
}
.piscina_att_content_desc {
    font-size: 0.9em;
    font-weight: 400;
    color: var(--color_txt);
    opacity: 0.5;
    margin: 15px 0;
}


/* ########################## SOCIETÀ ########################## */

.societa_elenco_img_principale  {
    display: block;
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    margin: 20px 0;
}
.societa_img_principale  {
    display: block;
    width: 100%;
    height: 250px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
    padding: 15px;
    background-origin: content-box;
    box-sizing: border-box;
    border-radius: 20px;
    margin: 20px 0;
}


/* ########################## APPUNTAMENTI ########################## */

.apps_title {
    font-size: 1.1em;
    font-weight: 700;
    color: var(--color_darkblue1);
    margin: 20px 0;
}
.apps_subtitle {
    font-size: 1em;
    color: var(--color_darkblue1);
    margin: 0 0 20px 0;
}
.apps_subtitle_giorno,
.appsview_daytime {
    font-size: 1em;
    font-weight: 700;
    color: var(--color_action);
    margin: 10px 0 15px 0;
}
.app_week_container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
#app_week_indietro {
    min-width: 20px;
    height: 60px;
    background-image: url(images/icon_indietro.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0 0 10px;
    cursor: pointer;
}
#app_week_avanti {
    min-width: 20px;
    height: 60px;
    background-image: url(images/icon_avanti.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.app_day_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.app_day_day {
    font-size: 0.8em;
    color: var(--color_darkblue1);
}
.app_day_num {
    background-color: #f1f1f1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6px 0 0 0;
    font-size: 1em;
    color: var(--color_darkblue2);
}
.app_day_container.active {
    cursor: pointer;
}
.app_day_container.active .app_day_num {
    background-color: var(--color_bg1);
    color: white;
}
.app_day_container.active:hover .app_day_num,
.app_day_num.active {
    background-color: var(--color_bg3) !important;
    color: white;
}
.app_day_container.oggi .app_day_num {
    background-color: var(--color_bg2);
    color: white;
}

.appsview_title {
    width: 100%;
    display: block;
    margin: 20px 0;
    text-align: center;
    font-size: 1em;
    color: var(--color_bg3);
    margin: 20px 0 0 0;
}
.appsview_title_spec {
    display: inline-block;
}
.appsview_daytime {
    width: 100%;

}
.appsview_container {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.appsview_content {
    display: flex;
    flex-direction: column;
    flex: 0 0 23.5%;
    height: 80px;
    border-radius: 10px;
    background-color: var(--color_lightblue4);
    align-items: center;
    justify-content: center;
}
.appsview_content.active {
    background-color: var(--color_bg1);
    cursor: pointer;
}
.appsview_content.active.occupato,
.appsview_content.active.occupato .appsview_orario,
.appsview_content.active.occupato:hover,
.appsview_content.active.occupato:hover .appsview_orario {
    background-color: #f1f1f1;
    color: var(--color_bg1);
    cursor: default;
}
.appsview_content.active:hover,
.appsview_content.active:hover .appsview_orario {
    background-color: var(--color_bg3);
    color: white;
}
.appsview_content.mio,
.appsview_content.mio .appsview_orario {
    background-color: var(--color_verde) !important;
    color: white !important;
    text-align: center;
    font-size: 0.95em;
}
.appsview_orario {
    white-space: nowrap;
    font-size: 0.8em;
    color: var(--color_bg3);
}
.appConfirm_container {
    background-color: white;
    max-width: 600px;
    min-width: 200px;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    font-size: 0.9em;
}
#appConfirm_indietro {
    width: 100%;
    color: var(--color_action);
    background-image: url(images/btn_indietro.svg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 0 0 25px;
    margin: 0 0 0 10px;
    cursor: pointer;
}
#appConfirm_indietro:hover {
    text-decoration: underline;
}
.appConfirm_dett_label {
    font-size: 1em;
    color: var(--color_darkblue2);
    margin: 0 0 20px 0;
}
.appConfirm_dett_str {
    font-size: 1em;
    color: var(--color_darkblue1);
}
.appConfirm_dett_day {
    font-size: 1.2em;
    font-weight: 700;
    color: var(--color_darkblue1);
    margin: 15px 0;
}
#appConfirm_conferma {
    background-color: var(--color_action);
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 0.9em;
    color: white;
    cursor: pointer;
    margin: 15px 0;
}
#appConfirm_conferma:hover {
    background-color: var(--color_actionh);
}
#appConfirm_confermato {
    font-size: 1.1em;
    color: var(--color_action);
    margin: 20px 0;
}


/* ########################## PROFILO ########################## */

.profilo_piscina_container {
    display: flex;
    margin: 0 0 20px 0;
}
.profilo_piscina_img {
    display: block;
    width: 50%;
    min-height: 250px;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    margin: 0 20px 0 0;
}
.profilo_piscina_testi_titolo {
    display: block;
    font-size: 1em;
    font-weight: 700;
    color: var(--color_txt2);
    margin: 15px 0;
}
a.profilo_piscina_testi_titolo:hover {
    text-decoration: underline;
}
.profilo_piscina_testi_testo {
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left;
    padding: 2px 0 0 25px;
    color: var(--color_txt2);
    opacity: 0.5;
    font-size: 0.9em;
    margin: 0 0 10px 0;
}
.profilo_piscina_testi_testo.indirizzo {
    background-image: url(images/icon_mappa.svg);
}
.profilo_piscina_testi_testo.email {
    background-image: url(images/icon_email.svg);
}
.profilo_piscina_testi_testo.tel {
    background-image: url(images/icon_tel.svg);
}
.profilo_att_elenco_content {
    display: flex;
    flex-direction: column;
    flex: 0 0 100px;
    margin: 0 10px 10px 0;
    height: 100px;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 10px;
}
.profilo_att_elenco_img {
    width: 60px;
}
.profilo_att_elenco_titolo {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 700;
    color: var(--color_action);
    text-align: center;
    padding: 0 20px;
}
.profilo_btn {
    display: block;
    padding: 15px;
    font-size: 0.8em;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    margin: 15px 15px 0 0;
    cursor: pointer;
}
.profilo_btn.barradx {
    margin: 15px 0 0 0;
}
.profilo_btn.action {
    background-color: var(--color_action);
    color: #F1F1F1;
}
.profilo_btn.action:hover {
    background-color: #F1F1F1;
    color: var(--color_action);
}
.profilo_btn.red {
    background-color: var(--color_rossochiaro);
    color: var(--color_rosso);
}
.profilo_btn.red:hover {
    background-color: var(--color_rosso);
    color: white;
}
.edit_form {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    width: 100%;
}
.edit_input {
    width: 100%;
    border: none;
    padding: 10px 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 14%);
    margin: 0 0 10px 0;
    box-sizing: border-box;
    border-radius: 2px;
}
.edit_input_container {
    width: 100%;
}
.edit_fieldset_container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
    padding: 15px 0 0 0;
    border-top: 1px solid var(--color_darkblue1);
    border-bottom: 1px solid var(--color_darkblue1);
}
.edit_input_container.sx {
    width: calc(50% - 5px);
    margin: 0 10px 10px 0;
}
.edit_input_container.dx {
    width: calc(50% - 5px);
}
.edit_input_container.actions {
    text-align: center;
}
.edit_input_label {
    font-size: 0.7em;
    font-weight: 400;
    color: var(--color_txt2);
    text-align: left;
    margin: 0 0 2px 0;
}
.profilo_alert_container {
    padding: 20px;
    background-color: var(--color_bg2);
    border-radius: 20px;
    margin: 15px 0 0 0;
    font-size: 1em;
    color: white;
    text-align: center;
}


/* ########################## COMUNICAZIONI ########################## */

.com_data {
    text-align: right;
    font-size: 0.8em;
    color: var(--color_txt2);
    margin: 15px 0 0 0;
}
.com_container {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 15px 0 0 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
.com_container.active {
    background-color: #D0EBF9;
}
.com_testi {
    flex-grow: 2;
}
.com_titolo {
    font-size: 0.9em;
    font-weight: 700;
    color: var(--color_txt2);
    margin: 0 0 5px 0;
}
.com_testo {
    font-size: 0.7em;
    opacity: 0.5;
    color: var(--color_txt2);
}
.com_link_pre {
    display: inline-block;
    font-size: 0.7em;
    opacity: 0.5;
    color: var(--color_txt2);
    margin: 0 10px 0 0;
}
.com_link {
    display: inline-block;
    background-color: var(--color_action);
    color: white;
    padding: 3px 10px;
    border-radius: 10px;
    margin: 10px 6px 0 0;
    font-size: 0.7em;
}
.com_link:hover {
    background-color: var(--color_actionh);
}
.com_star {
    width: 16px;
    height: 16px;
    background-image: url(images/icon_star.svg);
    background-size: cover;
    cursor: pointer;
}
.com_star:hover,
.com_star.active {
    background-image: url(images/icon_star_active.svg);
}


/* ########################## BARRA DX ########################## */

.itemdx_container {
    background-color: white;
    padding: 15px 5px 5px 15px;
    border-radius: 10px;
}
.itemdx_itemicon {
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left;
    padding: 2px 0 0 25px;
    color: var(--color_txt2);
    font-size: 0.7em;
    margin: 0 0 10px 0;
}
.itemdx_itemicon.indirizzo {
    background-image: url(images/icon_mappa.svg);
}
.itemdx_itemicon.email {
    background-image: url(images/icon_email.svg);
}
.itemdx_itemicon.tel {
    background-image: url(images/icon_tel.svg);
}
.itemdx_orario_container {
    display: flex;
    justify-content: space-between;
    font-size: 0.8em;
    color: var(--color_txt2);
    padding: 3px 0;
    border-bottom: 1px solid var(--color_bg1);
    margin: 0 10px 0 0; /*per compensare il container*/
}
.itemdx_orario_container:last-child {
    border-bottom: none;
    margin: 0 10px 10px 0; /*per compensare il container*/
}


/* ########################## ALERT ########################## */

.alert_container {
	width: 100%;
}
.alert_container.login {
    max-width: 400px;
    margin: 0 0 20px 0;
}
.alert {
	display: flex;
    align-items: center;
    justify-content: center;
	font-size: 15px;
	font-weight: 500;
	padding: 15px;
	/* margin: 0 0 20px 0; */
    border-radius: 10px;
}
.alert.verde {
	background-color: var(--color_verde);
	color: white;
}
.alert.rosso {
	background-color: var(--color_rosso);
	color: white;
}

/* ########################### FOOTER ########################## */

.footer_container {
    background-color: var(--color_bg3);
    font-size: 12px;
    color: var(--color_bg1);
    padding: 15px;
    line-height: 18px;
}
.footer_sx {
    flex-grow: 2;
}
.footer_container a { color: white; }
.footer_container a:hover { color: var(--color_bg2); }

/* ########################### CHEKBOX 1 ########################## */

.chekbox_container {
    display: block;
    position: relative;
    padding: 0 10px 0 26px;
    margin-top: 15px;
    cursor: pointer;
    text-transform: none;
    text-align: left;
    letter-spacing: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chekbox_container a {
    color: var(--color_actionh);
}
.chekbox_container input { /* Hide the browser's default checkbox */
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.chekbox_checkmark { /* Create a custom checkbox */
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background-color: white;
    border: 1px solid var(--color_bg2);
}
.chekbox_container:hover input ~ .chekbox_checkmark { /* On mouse-over, add a grey background color */
    background-color: var(--color_bg2);
}
.chekbox_container input:checked ~ .chekbox_checkmark { /* When the checkbox is checked, add a color background */
    background-color: var(--color_bg2);
}
.chekbox_checkmark:after { /* Create the checkmark/indicator (hidden when not checked) */
    content: "";
    position: absolute;
    display: none;
}
.chekbox_container input:checked ~ .chekbox_checkmark:after { /* Show the checkmark when checked */
    display: block;
}
.chekbox_container .chekbox_checkmark:after { /* Style the checkmark/indicator */
    left: 7px;
    top: 3px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ########################### CHEKBOX 2 ########################## */

.chekbox_buttons {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.chekbox_button {
    display: inline-block;
    padding: 6px 12px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    border-radius: 15px;
    font-weight: 400;
    font-size: 12px;
    background-color: var(--color_bg1);
    color: var(--color_bg3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chekbox_button_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.chekbox_button_container:hover input ~ .chekbox_button { 
    background-color: var(--color_bg3);
    color: white;
}
.chekbox_button_container input:checked ~ .chekbox_button { 
    background-color: var(--color_bg3);
    color: white;
}

/* ########################### SELECTIZE ########################## */

.selectize-input {
    border: none !important;
    padding: 10px 10px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14) !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}
.selectize-control.multi .selectize-input [data-value] {
    text-shadow: none !important;
    border-radius: 10px !important;
    background-color: var(--color_bg2) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
}
.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0 !important;
    padding: 2px 10px !important;
    background: var(--color_bg2) !important;
    color: #fff;
    border: none !important;
}


/* ########################### PAGINAZIONE ########################## */

.MarkupPagerNav {
	width: 100%;
    display: flex;
    justify-content: center;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}
.MarkupPagerNav li a,
.MarkupPagerNav li .loadTabledata,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 5px 15px;
	color: #fff;
	background: var(--color_action);
	margin: 0 0 0 3px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
    cursor: pointer;
    border-radius: 10px;
}
.MarkupPagerNav li.MarkupPagerNavOn .loadTabledata,
.MarkupPagerNav li .loadTabledata:hover,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: var(--color_actionh);
	text-decoration: none;
}




/* ########################### VALIDATOR ########################## */
/*input.error {
	background-color: #907FC0;
	color: white;
}*/
label.error {
	display: block;
	margin: -8px 0 10px 0;
	padding: 5px 10px;
	background-color: darkred;
	border-radius: 10px;
	font-size: 12px;
	color: white;
}

/* ########################### SPECIFICHE X PLUGIN ########################## */

/*Mediaboxes*/
.media-boxes-no-more-entries { display: none; }