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

html, body {
	width: 100%;
    height:100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Poppins', sans-serif; /*400 500 700*/
}
p { margin: 0px }
.flex-fill {
    flex:1;
}
.no-opacity{
	opacity: 0;
}
a { text-decoration: none !important }


:root {
	--color_main: #8E3031;
	--color_mainchiaro: #F4E7E7;
	--color_mainscuro: #340304;
	--color_grigio: #D9DADC;
	--color_grigiochiaro: #F5F5F5;
	--color_grigioscuro: #5F5F5F;
	--color_action: #30B0D6;
	--color_actionh: #006D8E;
	--color_action1: #E1F1F6;
	--color_action2: #A8D8E6;
	--color_action3: #147493;
	--color_action4: #0B4254;
	--color_rosso: #D9534F;
	--color_rossoscuro: #921512;
	--color_verde: #5CB85C;
	--color_verdescuro: #3F773F;
	--color_giallo: #EEAC09;
	--color_gialloscuro: #AC7A00;
	
	--color_adm_importata: #D9695D;
	--color_adm_importatascura: #C12B1B;
	--color_adm_assegnata: #F0B66B;
	--color_adm_assegnatascura: #D68317;
	--color_adm_programmata: #9EC7DE;
	--color_adm_programmatascura: #5FA8D1;
	--color_adm_ultimatanoall: #5D8FD0;
	--color_adm_ultimatanoallscura: #8BB3E6;
	--color_adm_ultimata: #2C5488;
	--color_adm_ultimatascura: #5C82B4;
	--color_adm_collaudata: #000000;
	--color_adm_collaudatascura: #494949;
	
	
	--height_barratop: 67px;
	--width_columnsx: 222px;
}

.d-flex { display: flex; }
.d-flex-col { display: flex; flex-direction: column }

.w-100 { width: 100% }

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

.c-red { color: var(--color_rosso); font-weight: 700; }
.c-gialloscuro { color: var(--color_gialloscuro) !important }
.c-white { color: white !important }

#ajaxloader {
	position:fixed; 
	width:100%; 
	height:100%; 
	background-color:rgba(0,0,0,0.81); 
	z-index:300; 
	background-image: url("images/preloader_02.svg");
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
	display:none;
}

#main_container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#barra_top {
	display: flex;
	height: var(--height_barratop);
	
}
#barra_top_mobile {
	display: none;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	/*height: 60px;*/
	background-color: var(--color_main);
}
#mobile_menu {
	width: 60px;
	height: 60px;
	display: flex;
}
#mobile_menu ion-icon {
	color: white;
	font-size: 38px;
	margin: auto;
}
#logo_mobile {
	position: relative;
	width: 176px;
	height: 39px;
	background-image: url("images/logo_mobile_01.svg");
	background-size: cover;
}
#logo_ver_mobile {
	position: absolute;
   	top: 25px;
    left: 42px;
    font-size: 11px;
    font-weight: 700;
    color: var(--color_grigio);
}
#logo {
	position: relative;
	width: var(--width_columnsx);
	height: var(--height_barratop);
	background-color: white;
	background-image: url("images/logo_01.svg");
	background-size: cover;
}
#logo_ver {
	position: absolute;
    top: 38px;
    left: 63px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color_grigio);
}
#barra_top_dx {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: flex-end;
	background-color: var(--color_grigio);
	padding: 0 15px;
}
#barra_top_user {
	display: flex;
	align-items: center;
	text-decoration: none;
}
#barra_top_user ion-icon {
	width: 35px;
	height: 35px;
	color: var(--color_grigioscuro);
	margin: 0 8px 0 0;
}
#barra_top_user_nome {
	display: flex;
	flex-direction: column;
	color: var(--color_grigioscuro);
}
.text_user_nome {
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 12px;
    padding: 5px 0 0 0;
}
.text_user_role {
	font-size: 12px;
	font-style: italic;
}

#content_main {
	display: flex;
	flex-grow: 1;
}

#nav_sx {
	display: flex;
	flex-direction: column;
	width: var(--width_columnsx);
	min-width: var(--width_columnsx);
	background-color: var(--color_main);
	padding: 40px 0 0 0;
}
.nav_sx_link {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: white;
	text-decoration: none;
	margin: 0 0 0 14px;
	padding: 3px 5px;
}
.nav_sx_link ion-icon {
	width: 35px;
    height: 35px;
	margin: 0 5px 0 0;
}
.nav_sx_link.current,
.nav_sx_link:hover {
	text-decoration: none;
	background-color: white;
	color: var(--color_main);
}
.menu_alert {
	background-color: red;
    padding: 1px 7px;
    border-radius: 11px;
    margin: 0 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    color: white;
}

.content-container {
	width: 100%;
	padding: 40px;
}
.tplt_content {
	display: flex;
	flex-wrap: wrap;
}
.action_container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-end;
}


/*###### GENERALI ######*/

.hide { display: none !important }
.m-0 { margin: 0px !important }
.mb-60 {margin: 0 0 60px 0 !important }
.mb-15 {margin: 0 0 15px 0 !important }
.mt-15 {margin-top: 15px !important }

.importata, .archivio { background-color: var(--color_adm_importata) }
.importata_scura, .archivio_scura { background-color: var(--color_adm_importatascura) }
.assegnata { background-color: var(--color_adm_assegnata) }
.assegnata_scura { background-color: var(--color_adm_assegnatascura) }
.programmata { background-color: var(--color_adm_programmata) }
.programmata_scura, .adm_tab.programmata:hover { background-color: var(--color_adm_programmatascura) }
.ultimata-noall { background-color: var(--color_adm_ultimatanoall) }
.ultimata-noall_scura, .adm_tab.ultimata-noall:hover { background-color: var(--color_adm_ultimatanoallscura) }
.ultimata { background-color: var(--color_adm_ultimata) }
.ultimata_scura, .adm_tab.ultimata:hover { background-color: var(--color_adm_ultimatascura) }
.collaudata { background-color: var(--color_adm_collaudata) }
.collaudata_scura, .adm_tab.collaudata:hover { background-color: var(--color_adm_collaudatascura) }

.action { background-color: var(--color_action); color: white; }
.action:hover { background-color: var(--color_action3); }
.verde { background-color: var(--color_verde); color: white; }
.verde:hover { background-color: var(--color_verdescuro); }
.rosso { background-color: var(--color_rosso); color: white; }
.rosso:hover { background-color: var(--color_rossoscuro); }
.giallo { background-color: var(--color_giallo); color: white; }
.giallo:hover { background-color: var(--color_gialloscuro); }

.brdr-0 { border-radius: 0px !important }

.pad-0 { padding: 0px !important }

.btn {
	display: inline-flex;
    align-items: center;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	border: 0px;
	border-radius: 4px;
	padding: 6px 12px;
	color: white;
	margin: 0 0 0 15px;
	cursor: pointer;
}
.btn.small {
	padding: 5px 10px 3px;
    display: inline-flex;
    font-size: 13px;
}
.btn2 {
	font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: 0px;
    border-radius: 4px;
    padding: 2px 13px 0;
    cursor: pointer;
}
.btn.sx {
	border-radius: 4px 0 0 4px;
}
.btn.dx {
	border-radius: 0 4px 4px 0;
	margin: 0 0 0 2px;
}
.btn.center {
	border-radius: 0px;
	margin: 0 0 0 1px;
}
.btn.action { background-color: var(--color_action); }
.btn.action3 { background-color: var(--color_action3); }
.btn.action:hover { background-color: var(--color_actionh); }
.btn.rosso { background-color: var(--color_rosso); }
.btn.rosso:hover { background-color: var(--color_rossoscuro); }
.btn.verde { background-color: var(--color_verde); }
.btn.verde:hover { background-color: var(--color_verdescuro); }
.btn2.grigio { background-color: var(--color_grigioscuro); color: white }

.alert_container {
	width: 100%;
}
.alert {
	display: flex;
	font-size: 15px;
	font-weight: 500;
	padding: 15px;
	margin: 0 0 20px 0;
}
.alert.verde {
	background-color: var(--color_verde);
	border-left: 4px solid var(--color_verdescuro);
	color: white;
}
.alert.grigio {
	background-color: var(--color_grigio);
	border-left: 4px solid var(--color_grigioscuro);
	color: var(--color_grigioscuro);
}
.alert.rosso {
	background-color: var(--color_rosso);
	border-left: 4px solid var(--color_rossoscuro);
	color: white;
}
.alert.action3 {
	background-color: var(--color_action3);
	border-left: 4px solid var(--color_action4);
	color: white;
}

.modulo_container {
	z-index: 99;
	position: fixed;
	overflow-y: scroll;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: rgba(0,0,0,0.95);
	display: flex;
	flex-direction: column;
	/*align-items: center;
	justify-content: center;*/
}
.modulo_content {
	width: calc(100% - 60px);
	max-width: 600px;
	padding: 15px;
	background-color: var(--color_action2);
	margin: auto;
}

.form_form {
	display: flex;
	flex-direction: column;
}
.form_input_container {
	display: flex;
	flex-direction: column;
}
.form_input {
	/*max-width: 400px;*/
	border: 0px;
	padding: 10px 15px;
	background-color: white;
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: 400;
	color: var(--color_girgioscuro);
}
.form_input option:first-child {
	color: var(--color_girgioscuro);
}
.form_input_label {
	font-size: 12px;
	font-weight: 700;
	color: var(--color_action3);
}
.form_submit_container {
	display: flex;
	justify-content: center;
	padding: 15px;
}


/*###### DASHBOARD ######*/

.dash_item {
	display: flex;
	flex-direction: column;
	margin: 0 15px 15px 0;
}
.dash_item_main {
	width: 222px;
	height: 222px;
	background-color: var(--color_grigio);
}
.dash_item_main ion-icon {
	width: 222px;
	height: 222px;
	color: rgba(255,255,255,0.50);
}
.dash_item_btn {
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 6px 0;
	margin: 4px 0 0 0;
}
.dash_item_btn.link1 {
	background-color: var(--color_action);
}
.dash_item_btn.link1:hover {
	background-color: var(--color_actionh);
}
.dash_item_btn.link2 {
	background-color: var(--color_action2);
}

/*###### ADM ELENCO ######*/

.filtri_chiuso {
	display: flex;
	color: var(--color_main);
	font-size: 14px;
	font-weight: 500;
}
.filtri_chiuso_mobile {
	display: none;
	width: 100%;
	height: 60px;
	background-color: rgba(142,48,49,0.1);
	color: var(--color_main);
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
}
.filtri_btn {
	background-color: var(--color_action);
}
.filtri_btn ion-icon {
	width: 25px;
	height: 25px;
	color: white;
	padding: 6px 13px 0px;
}
.filtri_btn:hover {
	cursor: pointer;
	background-color: var(--color_actionh);
}
.filtri_num {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 40px;
	font-size: 18px;
	font-weight: 500;
	background-color: var(--color_mainchiaro);
	padding: 0 5px;
	margin: 0 0 0 1px;
}
.filtri_label {
	display: flex;
	align-items: center;
}
.filtri_aperto {
	display: none;
	width: 100%;
	position: relative;
	background-color: var(--color_action2);
	padding: 50px 15px 15px;
	margin: 0 0 60px 0;
	box-sizing: border-box;
}
.filtri_icon {
	position: absolute;
	top: 10px;
	left: 10px;
}
.filtri_icon ion-icon,
.filtri_close ion-icon {
	width: 30px;
	height: 30px;
	color: white;
}
.filtri_close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.filtri_form_container {
	display: flex;
	width: 100%;
}
.filtri_form_col {
	display: flex;
	flex-direction: column;
	/*flex-grow: 1;*/
	width: 100%;
}
.filtri_form_col:first-child {
	margin: 0 15px 0 0;
}
.filtri_form input,
.filtri_form select,
.form_input_container select {
	border: none;
	padding: 10px;
	background-color: white;
	margin: 0 0 10px 0;
	font-size: 15px;
	color: var(--color_grigioscuro);
}
.filtri_get {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.filtro {
	background-color: var(--color_main);
    color: white;
    font-size: 12px;
    padding: 1px 10px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    text-transform: uppercase;
	margin: 0 0 0 1px;
    /* border-radius: 10px; */
    /* margin: 0 0 0 10px; */
}


/*###### ADM ######*/

.adm_header_pi {
	display: flex;
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
    margin: -40px 0 0 0;
	background-image: url("images/alert_01@2x.png");
	background-repeat: repeat-x;
}
.adm_header_pi_txt {
	padding: 0 20px;
	background-color: black;
	line-height: 40px;
    color: white;
}
.adm_header_container {
	display: flex;
	width: 100%;
	flex-direction: column;
	margin: -40px 0 20px 0;
}
.adm_header_container.pi {
	margin: 0 0 20px 0;
}
.adm_title {
	font-size: 30px;
	font-weight: 700;
	color: white;
	margin: 30px 0 10px 40px;
}
.adm_riepilogo {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px 40px;
}
.adm_riepilogo_item {
	margin: 0 15px 0 0;
}
.adm_riepilogo_item.pi {
	display: flex;
	align-items: center;
	background-color: var(--color_rossoscuro);
	padding: 5px;
	color: white;
}
.adm_riepilogo_item_title {
	font-size: 12px;
	font-weight: 700;
	color: rgba(255,255,255,0.50);
}
.adm_riepilogo_item_data {
	font-size: 14px;
	font-weight: 500;
	color: white;
}
.adm_tabs {
	display: flex;
}
.adm_tab {
	font-size: 16px;
	font-weight: 500;
	color: white;
	padding: 10px 20px;
	text-decoration: none;
}
.section {
	width: 100%;
	background-color: var(--color_grigiochiaro);
	padding: 15px;
	margin: 20px 0 0 0;
}
.section_item_title {
	font-size: 12px;
	font-weight: 700;
	color: #A0A0A0;
	line-height: 15px;
}
.section_item_data {
	font-size: 16px;
	font-weight: 700;
	color: var(--color_grigioscuro);
    margin: 0 0 6px 0;
}
.section_data {
	display: flex;
	max-width: 400px;
    justify-content: space-between;
	border-radius: 10px;
	margin: 10px 0 0 0;
}
.section_data.white { background-color: white }
.section_data.action { background-color: var(--color_action2) }
.section_data.action .section_item_title { color: white }
.section_data.action .section_item_data { color: var(--color_action3) }
.section_data.verde { background-color: var(--color_verde) }
.section_data.verde .section_item_title, 
.section_data.verde .section_item_data { color: white }
.section_data.rosso { background-color: var(--color_rosso) }
.section_data.rosso .section_item_title, 
.section_data.rosso .section_item_data { color: white }
.section_data_divide {
	width: 4px;
	background-color: var(--color_grigiochiaro);
}
.section_data_content {
	padding: 10px 15px 3px; 
}
.section_data_content.dx {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/*###### RAPPORTINO ######*/

.rapp_chiuso {
	display: flex;
	justify-content: space-between;
	align-items: center;
    width: 100%;
	background-color: var(--color_grigio);
    color: var(--color_grigiochiaro);
    padding: 15px;
    margin: 20px 0 -17px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}
.varitem_section_container {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
}
.varitem_section_title {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	color: var(--color_grigioscuro);
	margin: 30px 0 15px 0;
}
.varitem_section {
	display: flex;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
}
.varitem_group {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.varitem_container {
	display: flex;
	max-width: 300px;
	flex-direction: column;
	position: relative;
	background-color: var(--color_grigiochiaro);
	padding: 10px;
	margin: 0 15px 15px 0; 
}
.varitem_container.prin {
	background-color: var(--color_giallo);
}
.varitem_container.prin .varitem_title {
	color: var(--color_gialloscuro);
}
.varitem_container.prin .varitem_data {
	color: white;		
}
.varitem_container.lis {
	background-color: var(--color_grigioscuro);
}
.varitem_container.lis .varitem_title {
	color: var(--color_grigio);
}
.varitem_container.lis .varitem_data {
	color: white;		
}
.varitem_container.tot {
	background-color: #F0B66B;
}
.varitem_container.tot .varitem_title {
	color: var(--color_main);
}
.varitem_container.tot .varitem_data {
	color: white;		
}
.varitem_overlay {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	cursor: pointer;
}
.varitem_overlay:hover {
	opacity: 1;
}
.varitem_action {
	display: flex;
	width: 35px;
	height: 35px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.varitem_action ion-icon {
	width: 25px;
	height: 25px;
}
.varitem_action.sx { margin: 0 4px 0 0; }
.varitem_action.add { margin: 0 0 15px 0; }
.varitem_action.action { background-color: var(--color_action); color: white; }
.varitem_action.action:hover { background-color: var(--color_actionh); color: white; }
.varitem_action.cancel { background-color: var(--color_rosso); color: white; }
.varitem_action.cancel:hover { background-color: var(--color_rossoscuro); color: white; }
.varitem_title {
	font-size: 12px;
    font-weight: 700;
    color: #A0A0A0;
    line-height: 15px;
}
.varitem_data {
	font-size: 14px;
    font-weight: 500;
    color: var(--color_grigioscuro);
    margin: 0 0 8px 0;
}
.varitem_ore {
	display: flex;
}
.varitem_orainizio {
	margin: 0 10px 0 0;
}

/*###### CONTABILE ######*/

.res_container {
	display: flex;
	flex-direction: column;
	cursor: pointer;
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: var(--color_action);
	color: white;
}
.res_container:hover {
	background-color: var(--color_action3);
}
.res_cod {
	font-size: 15px;
	font-weight: 700;
}
.res_desc {
	font-size: 14px;
}
.cont_container {
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
}
.costi_container {
	display: flex;
	padding: 10px 20px;
	background-color: var(--color_action2);
	margin: 0 0 15px 0;
	box-sizing: border-box;
}
.costi_container.tot {
	width: 100%;
	/*background-color: var(--color_main);*/
	margin: 15px 0 0 0;
}
.costi_container.tot .varitem_data {
	font-size: 30px;
}
.costi_container .varitem_title {
	color: white;
}
.costi_container .varitem_data {
	color: var(--color_action4);
	margin: 0px;
    font-weight: 700;
}
.costi_content:not(:last-child) {
	padding: 0 20px 0 0;
	border-right: 1px solid white;
	margin: 0 20px 0 0;
}




/*###### PRESENZE ######*/

.subc_container {
	display: flex;
	flex-direction: column;
	margin: 0 15px 15px 0;
}
.subc_content {
	width: 235px;
	padding: 15px;
	background-color: var(--color_grigio);
	color: var(--grigioscuro);
}
.subc_container .btn {
	border-radius: 0px;
	margin: 2px 0 0 0;
}

.subc_title {
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 15px 0;
}
.subc_title2 {
	font-size: 13px;
    margin: 10px 0 0 0;
    font-weight: 500;
}
.subc_sconto {
	font-size: 13px;
	font-weight: 400;
	color: var(--color_grigioscuro);
	margin: -10px 0 15px 0;
}
.subc_sconto .sc {
	color: var(--color_main);
	font-weight: 700;
}
.subc_subtitle {
	font-size: 13px;
	font-weight: 400;
	color: var(--color_grigioscuro);
}
.subc_u {
	font-size: 12px;
}

/*###### UTENTI ######*/

.u_item_container {
	display: flex;
	flex-direction: column;
	margin: 0 15px 15px 0;
}
.u_item_container .btn {
	margin: 1px 0 0 0;
	border-radius: 0px;
	justify-content: center;
}
.u_item {
	min-width: 222px;
	padding: 15px;
	font-size: 12px;
}
.u_item.grigio { background-color: var(--color_grigio); color: var(--color_grigioscuro) }
.u_item_titolo {
	font-size: 20px;
	font-weight: 700;
}
.u_item_role {
	font-size: 11px;
	font-weight: 700;
	font-style: italic;
	color: #D9534F;
	margin: 0 0 10px 0;
}
.u_item_contact a {
	text-decoration: none;
	color: var(--color_grigioscuro);
}
.u_item_contact a:hover {
	text-decoration: underline;
}


/*###### LISTINI ######*/

.l_item_container {
	display: flex;
	flex-direction: column;
	margin: 0 15px 15px 0;
}
.l_item_container .btn {
	border-radius: 0px;
	margin: 2px 0 0 0;
}
.l_item {
	min-width: 222px;
	min-height: 150px;
	padding: 15px;
	font-size: 12px;
	text-decoration: none;
}
.l_item_subtitle {
	font-size: 16px;
	font-weight: 700;
	color: white;
}
.l_item_title {
	font-size: 30px;
	font-weight: 700;
	color: white;
}
.btn_datatable_container {
	/*display: none;*/
	display: flex;
	justify-content: flex-end;
	opacity: 0;
	z-index: 100;
}
.btn_datatable {
	display: flex;
	min-width: 43px;
	height: 43px;
	align-items: center;
	/*padding: 2px 10px;*/
	font-size: 12px;
	cursor: pointer;
}
.btn_datatable ion-icon {
	width: 18px;
	height: 18px;
	/*padding: 3px 0 5px;*/
	margin: auto;
}
.btn_datatable.sx {
	margin: 0 2px 0 0;
}
.datatable_tr:hover td {
	background-color: var(--color_action1) !important;
	color: var(--color_action4);
}
.datatable_tr:hover td .btn_datatable_container {
	/*display: flex;*/
	opacity: 1;
}
.datatable_tr td .btn_datatable_container span {
	padding: 0 5px;
}



/*###### PRESENZE ######*/

.filtri_elenco {
	display: flex;
	align-items: center;
	background-color: var(--color_main);
	color: white;
	text-transform: uppercase;
	width: 100%;
	border-left: 1px solid white;
}
.filtri_elenco_item {
	display: flex;
    align-items: center;
	border-right: 1px solid white;
    height: 100%;
	padding: 0 15px;
}
.pres_giorni_container {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
}
.pres_tot {
	display: flex;
	flex-direction: column;
	background-color: #F0B66B;
	padding: 15px 0 10px 15px;
	margin: 0 0 15px 0;
}
.pres_tot_item {
	margin: 0 15px 0 0;
}
.pres_tot_label {
	font-size: 12px;
	font-weight: 700;
	color: var(--color_main);
}
.pres_tot_data {
	font-size: 18px;
	font-weight: 700;
	color: white;
}
.pres_tot_data_small {
	font-size: 14px;
}
.pres_tot_r1 {
	display: flex;
	align-items: center;
}
.pres_tot_r1 ion-icon {
	width: 80px;
	height: 80px;
	color: var(--color_main);
}
.pres_tot_r2 {
	display: flex;
}
.pres_giorno_container {
	display: flex;
	flex-direction: row-reverse;
    justify-content: flex-end;
}
.pres_giorno {
	display: flex;
	flex-direction: column;
	/*background-color: var(--color_grigiochiaro);*/
	padding: 15px;
	margin: 0 15px 15px 0;
	font-size: 14px;
    font-weight: 500;
	color: white;
	min-width: 90px;
}
.pres_txt1 {
	font-size: 15px;
    font-weight: 700;
	margin: 0px;
	/*color: #A0A0A0;*/
	color: white;
}
.pres_txt2 {
	font-size: 40px;
	font-weight: 700;
	color: var(--color_main);
	margin: -10px 0 0 0;
}
.pres_txt3 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: white;
	margin: -10px 0 0 0;
}
.pres_giorno_spazio {
	margin: 20px 0 0 0;
	border-top: 1px solid white;
	height: 20px;
}
.pres_label {
	font-size: 12px;
	font-weight: 700;
	color: var(--color_main);
}
.pres_giorno_pres_container {
	display: flex;
	flex-wrap: wrap;
}


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

#main_footer {
	display: flex;
	align-items: center;
	background-color: var(--color_mainscuro);
	color: var(--color_grigio);
	font-size: 12px;
	padding: 15px;
}



/* ################################## DATATABLE ###################################### */

.datatable_container {
	display: contents;
}
.dataTables_wrapper {
	width: 100%;
	margin: 30px 0;
}
.dataTables_length { display: none; }
.datatable_container label,
#datatable_adm_elenco_filter label,
#datatable_listino_elenco_filter label,
#datatable_logs_filter label {
	/*position: absolute;
	top: -68px;
	right: 0;*/
	display: block;
	margin: 0 0 15px 0;
}
.datatable_container label input,
#datatable_adm_elenco_filter label input,
#datatable_listino_elenco_filter label input,
#datatable_logs_filter label input {
	background-color: var(--color_action1) !important;
    border: none !important;
	border-radius: 0px !important;
    height: 37px !important;
    padding: 0 10px !important;
    color: var(--color_action3) !important;
    font-size: 16px !important;
}
.gest_table_header {
	background-color: var(--color_grigiochiaro);
}
table.dataTable thead th {
	padding: 0px !important;
    border-bottom: 2px solid white !important; 
} 
table.dataTable thead td {
    padding: 0px !important;
    border-bottom: 0px !important; 
}
table.dataTable thead th {
	height: 50px;
	font-size: 16px;
	font-weight: 500;
	text-align: left !important;
	color: #3A3A3A;
	padding: 0 10px !important;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc { 
	background-image: none !important 
}

table.dataTable.display tbody tr,
table.dataTable.display tbody td {
	height: 41px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	border-bottom: 2px solid white !important;
	border-top: 0px !important;
	/*background-color: #f1f1f1;*/
	background-color: #fafafa;
	color: var(--color_grigioscuro);
}
table.dataTable.no-footer {
	border-bottom: 0px !important;
}
.datatable_tr.ajax-link:hover {
	cursor: pointer;
	background-color: var(--color_grigiochiaro) !important;
}
table.dataTable.display tbody tr.odd { background-color: #FFFFFF !important; }
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even { background-color: #FFFFFF !important; }
table.dataTable.display tbody td {
	padding: 0 10px;
}
table.dataTable.display tbody td .pi {
	display: flex;
	height: 41px;
	justify-content: center;
	align-items: center;
}
table.dataTable.display tbody td .pi ion-icon {
	width: 20px;
	height: 20px;
	color: white;
}
.dataTables_wrapper .dataTables_info { font-size: 13px }
a.paginate_button {
	padding: 5px 15px 3px !important;
	border: none !important;
	background: var(--color_action2) !important;
	border-radius: 0px !important;
	color: #FFFFFF !important;
	font-size: 14px;
}
a.paginate_button.current { background: var(--color_action) !important; }
a.paginate_button:hover { background: var(--color_action3) !important; }

tr.group td {
    background-color: var(--color_mainchiaro) !important;
	color: var(--color_mainscuro) !important;
	font-style: italic;
}

.table_link {
	color: var(--color_main);
}


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

body#login_body {
	display: flex;
	/*height: 100%;*/
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	/*background-color: #f5f5f5;*/
	background-image: url("images/sfondo_login_01.svg");
	background-size: cover;
	background-position: bottom;
}
.LoginRegisterPro {
	margin: auto;
	text-align: center !important;
	max-width: 500px;
	width: calc(100% - 20px);
}
.LoginForm h2 {
	display: none;
}
.LoginForm.InputfieldForm,
.InputfieldPassword input {
	width: 100% !important;
	/*max-width: 330px;*/
	/*padding: 15px;*/
	/*margin: auto;*/
}
.LoginRegisterPro .Inputfield:not(.InputfieldSubmit) {
    margin: 0 !important;
    padding: 0 !important; 
    border: none !important;
    background: none !important;
}
#Inputfield_login_submit {
	background-color: var(--color_action);
	border: none !important;
}
#Inputfield_login_submit:hover {
	background-color: var(--color_action3);
}
.btn.btn-sm.btn-outline-secondary {
	background-color: var(--color_action2);
	border: none !important;
	margin: 0px !important;
	color: white !important;
}
.InputfieldMaxWidth,
.InputfieldContent input {
	border: 1px solid #ced4da !important;
	border-radius: .25rem !important;
	background-color: white !important;
	width: 100% !important;
    margin: 6px 0px !important;
   	font-size: 17px !important;
	font-weight: 400 !important;
    padding: 12px 16px !important;
    height: auto !important;
}
#Inputfield_login_submit,
#submit_forgot,
#register_submit {
	border-radius: 4px; 
	margin: 6px 0px 25px;
}
.LoginRegisterLinks {
	list-style: none;
    margin: 0 0 5px;
    padding: 0px;
    width: 100%;
    text-align: left;
}
.InputfieldContent p.description {
	font-size: 14px;
	color: #8F8F8F;
}
.Inputfield_register_pass div.InputfieldContent {
	display: block;
    text-align: left;
	position: relative;
    /*border-bottom: 1px solid #A2A2A2;*/
    /*padding: 15px 0;*/
}
.Inputfield_register_pass div.InputfieldContent p.description {
	position: absolute;
    top: 60px;
    font-style: italic;
    font-size: 12px;
}
.pass-scores {
	display: block;
    text-align: left;
	margin: 20px 0px 0px 0px;
}
.Inputfield_profile_recaptcha div.InputfieldContent {
	display: inline-flex;
    align-content: center;
    margin: 0 0 20px 0;
}



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

.ProfileForm {
	text-align: left;
    background-color: white;
    padding: 30px;
}
#profile_submit {
	margin: 20px 0 10px;
}
.LoginRegisterMessage {
	background-color: green !important;
	color: white !important;
}
#profilo_btn {
	text-align: left;
	background-color: white;
	padding: 0 30px 30px;
}
#profilo_btn .btn {
	margin: 0px;
	color: white;
}