/* VARIABILI GENERALI */
:root {
    --blue: #1e90ff;
    --bianco: #fff;   /* #ffffff */
    --nero: #000;
    --rossoL: #eeeeee;
    --rossoL2: #fffeee;
    --rossoGen: #ff0000;
    --grigioScuro: #808080;
    --grigio: #BEBEBE;
	--giallo: #eed202;
	--giallino: lightyellow;
    --blu_sfondo: #337ab7;
    --blu_footer: #ADD8E6;
    --mobileTresh: 768px;
	--bs-tooltip-bg: var(--blu_sfondo);
    --bs-tooltip-color: var(--giallo);
	--input-padding-x: 0.50rem;
	--input-padding-y: 0.50rem;
	--inserito: #ffdd47;
	--compilato: #20c997;
	--confermato: #b3d9ff;
	--noshow: #999999;
	--checkin: #61d881;
	--checkout: #ff6666;
}

body, html {
	padding: 0px;
	margin: 0px;
	/*font-size: 12px;
	font-family: verdana;*/
	background-color: #ffffff;
	/* background-image: url("../../images/bg.png"); */
}

.content-wrapper {
	background-color: #ffffff;
}

.admin {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-family: verdana;
	/* background-color: #000000;
	background-image: url("../../images/admin_bg.png"); */
}

img { border-width: 0px; }

.modal-dialog	{	
	max-width:70vw!IMPORTANT;
}
.centered {
	width:550px;
	/* height:200px; */
	position:absolute;
	left:50%;
	top:20%;
	margin:0 0 0 -275px;
}

/*.shadow {
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
} */

.btn {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	border-radius: 5px !important;
	margin:0 0.1em 0 0.1em;
}

/*
.rounded-shadow {
	border: 1px solid #000;
	padding: 60px 0;
	text-align: center; width: 200px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #000 2px 2px 17px;
	-moz-box-shadow: #000 2px 2px 17px;
	box-shadow: #000 2px 2px 17px;
	behavior: url("lib/pie/PIE.htc");
}
*/

/*	menu SX sovrascrivo alcuni stili */
.menu-open	a {
	color: #004894!IMPORTANT;
}
.nav-link.active:not(.nav-tab){	
	color: #FFF!IMPORTANT;
}

/* definisco lo sfondo della sidebar nel mobile*/
.main-sidebar {
 background-color: #FFF;
}

/*allineo lo stile dei bototni nei manu a cascata aggiungendo alcune classi che aggiornano lo stile di adminlite*/
.dropdown-item	{	
	width:90%;
	margin: 0 auto;
	border-radius: 5px !important;
	margin-top:1px;
	}


/* 
allineamento altezze cards - va applicate agli oggetti di class card 
topcard definisce la spiaziatura dal menu superiore maincard gestisce l'altezza 
(in caso di pagine con card multiple utilizzare topcard per la prima ed eventualmente maincard su eventuali altre)
*/
.topcard	{	margin-top:0.5em;	}
.maincard	{	min-height:85vh; 	}

/*
* uniforno lo stile della select 2  
*/
.select2-container--default .select2-selection--single	{
	height: calc(2.25rem + 2px)!IMPORTANT;
	padding: .375rem .75rem!IMPORTANT;
	}
.select2-container--default .select2-selection--single .select2-selection__arrow	{
	height: 95%!IMPORTANT;
	border: 0px!IMPORTANT;
	}

.alert{ text-align: left; }

.btn-group{ text-align: left; }

.input2{ width: 400px; 	/* margin-top: 10px; */ }

input:invalid {
	/* border: 1px solid var(--rossoGen); */
	-webkit-box-shadow: 0 0 2px 2px var(--giallo) ;
    -moz-box-shadow: 	0 0 2px 2px var(--giallo) ;
    box-shadow: 		0 0 2px 2px var(--giallo) ;
}

span.spacer10{
	display: inline-block;
	width: 10px;
}

.cls{ clear: both; }

/* nuova prenotazione - checkin manager */
.jsgrid-cell.jsgrid-align-center select option:disabled {
    color: var(--grigio);
    font-weight: 100;
}

/* *** *** *** *** *** *** *** ***  	table  	*** *** *** *** *** *** *** ***  */
.table tbody tr:hover td, .table tbody tr:hover th { background-color: var(--rossoL); }
.table tbody tr, .table tbody td { background-color: #ffffff; }
.table thead tr, .table thead th { background-color: #ffffff; }
table.table td.rtitle{
	line-height: 30px;
	font-weight: bold;
	text-align: right;
}
div.breadcrumb{ margin: 0px 0px 20px; }
td.aright{ text-align: right;}
td.aleft{ text-align: left;}



/* *** *** *** *** *** *** *** *** 		sites page 	 *** *** *** *** *** *** *** *** */
#sites, #sites_new, #basedata, #system{
	margin: 50px 0px 0px;
	color: #000000;
	background-color: #ffffff;
	padding: 10px;
}

#sites table td{ text-align: center;}

#sites table thead th{ text-align: center;}

#sites_new, #basedata{ text-align: left;}

.controlbuttons {
	text-align: center;
	padding: 20px;
}

.mt10{ margin-top: 10px;}

.disclaimer{
	text-align: justify;
}

.red{ color: #ff0000; }

.bgc-red {
    background-color: #ff0000;
}

.row-fullwidth {
	width: 100%;
	margin: 0px;
}

.emptyTableMsg {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.emptyTableMsg > h4 {
	border-top: 1px solid var(--grigio);
	padding:1em;
}

.msgTabVuota{
	padding:3em; 
	color:gray;
	text-align: center;
}

/* .msgTabVuota:nth-child(odd){ border-top: 1px solid gray; } */

.customImgUpload{
    border: none; /* 1px solid #ccc; */
    display: inline-block;
    padding: 0 0 2em 0; /* 6px 12px; */
    cursor: cell;
	color:var(--grigioScuro);
}
.customImgUpload::-webkit-file-upload-button{
	border-radius: 0.5em;
	color: var(--bianco);
	background: var(--blu_sfondo);
	padding: 0.5em;
	margin-right: 2em;
	content: "up";
  }

/*test, andrebbe usata con un'altra classe che specifica la width */
/*
.hideTxtLungo{				
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
	max-width: 1em;	 
}*/
.TScol-10em{
	width: 19em;
}


/***********************  HEADER PAGINE **********************/
.heading-form { margin-bottom: 15px; }

/***********************  PLANNER DASHBOARD **********************/
@media only screen and (min-width: 3000px){		/* check consistenza */
	.panel-planner{
		margin: 0 auto;
		max-width: 60%;
		border:3px solid var(--giallo);
	}
}

/********************* TABELLE DASHBOARD *********************/
/*  	.table-arrivals td *, .table-departures td *, .table-next-arrivals td *{ line-height: 20px; } 	*/

.table-arrivals .text-warning, .table-departures .text-warning, .table-next-arrivals .text-warning{ color: #F0AD4E !important; }

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.tableSorter_mail_rows{ font-size: 2em; }

/************************* STILE CELLE CON SOLO BOTTONI *************************************/
.td-buttons .btn { margin: 0.1em; }

/* .td-buttons .btn:first-child{  margin-left: 0px;  }
.td-buttons .btn:last-child{  margin-right: 0px; } */

.btn_operz {
	padding: 0.5em 0 0 0;
	width: 2em;
	height: 2em;
	border:0;
}

/*** *** *** *** *** *** *** ***  TITOLO PAGINE *** *** *** *** *** *** *** *** *** ***/
.page-header {
	margin: 0px auto;
	margin-bottom: 15px;
}
.page-header > * {
	margin: 0px auto;
	font-size: 21px;
}


/*** ERRORI INPUT ***/
.help-block { margin-bottom: 0px; }



/*** TESTO LABEL ***/
.form-group label{ font-weight: normal; }



/*** FORM INLINE NON HA MARGINE SOTTO ***/
.form-inline { padding-bottom:15px; }



/*** FORM INLINE HORIZONTAL ***/
.form-group.form-horizontal  > * {
	padding-left: 0px;
	padding-right: 0px;
}
.form-group.form-horizontal  > .control-label { padding-right: 5px; }



/*** GESTIONE LINE BREAK FORM HORIZONTAL ***/
.form-horizontal .form-group { margin: 0px; }
/*.form-horizontal .form-group > label, */
/* .form-horizontal .form-group input,  .form-horizontal .form-group textarea, .form-horizontal .form-group select*/
.form-horizontal .form-group > * { margin-bottom: 15px; }
.form-horizontal .form-group > .control-label { margin-bottom: 0px; }



/*** CHECKBOX CON BOTTONE A DESTRA ***/
.checkbox.checkbox-inverted {
	margin: 0px;
	height: 34px;
	line-height: 34px;
}
.checkbox.checkbox-inverted input[type='checkbox'] {
	position: relative;
	margin: 0px;
}



/*** STILI CHECKBOX CUSTOM ***/
.btn-checkbox .tick { display: none; }
.btn-checkbox.ticked .tick { display: block; }
.btn-checkbox.ticked .empty-tick { display: none; }



/*** STILI PERSONALIZZATI SELECT2 ***/
.select2 {
	width: 100% !important;
	/* overflow: hidden; */
	display: block !important;
}
.select2 .select2-selection > ul {
	padding: 5px !important;
	padding-bottom: 0px !important;
}
.select2 .select2-selection > ul > li {
	margin: 0px !important;
	margin-right: 5px !important;
	margin-bottom: 5px !important;
}
.select2 .select2-search__field { margin:0px !important; }



/*** ALLINEAMENTO CONTENUTO AL CENTRO (VERTICALE) ***/
.va-middle { vertical-align: middle!important; }



/*** TITOLI PARAGRAFI FORM ***/
.from-subtitle  h4 {				/* 	.from-subtitle {}	 */
	font-weight: normal;
	margin: 5px auto;
	margin-bottom: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid var(--rossoL);
}

/*** FORM PERSONALIZZATO ***/
.form-custom .form-group{ text-align:left; }	/* 	.form-custom {}		*/



/*** CUSTO CHECKBOX ***/
.td-checkbox { position:relative; display:inline-block; vertical-align:middle; padding:5px; }
.td-checkbox input[type='checkbox'] { height:20px; width:20px; }



/* WIDGET */
.c-widget {
	width: 15%; 
    position: relative;
	display: inline-block;
}

.a-widget__gutter {
    background-color: #337ab7;
    border-color: #337ab7;
	border-radius: 10px;
}

.b-widget__gutter {
    background-color: #dc0c0c;
    border-color: #dc0c0c;
	border-radius: 10px;
}

.d-widget__gutter {
    background-color: #dca70c;
    border-color: #dca70c;
	border-radius: 10px;
}

.e-widget__gutter {
    background-color: #4313f9;
    border-color: #4313f9;
	border-radius: 10px;
}

.c-widget__gutter {
    background-color: #52bd71;
    border-color: #52bd71;
	border-radius: 10px;
}

.f-widget__gutter {
    background-color: #99cc00;
    border-color: #99cc00;
	border-radius: 10px;
}

.c-widget__content {
	color: #fff;
    height: 100%;
    padding: 0 1em;
    margin-bottom: 1.5em;
}

.c-widget__content > h4 { padding-top:0.5em; } 
.c-widget__content > h1 { padding-bottom:0.1em; } 

.c-widget__content .c-widget__link { border: 1px solid #e6e6e6; }

.c-widget__content .c-widget__link {
    margin: 0;
    padding: 0;
    font-size: 1.06667rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s;
}
.c-widget table, .c-widget table a, .c-widget ul {
    color: #fff;
	margin: 0 0 1.5em;
}

.c-widget__content ul {
    list-style: none;
    margin: 0 0 1.5em;
    font-size: 1.3913rem;
	text-align: left;
}



/* Definizione delle caratteristiche dei DIALOG MODAL usata nel login */
._modal-custom {
	width: 100%;
	height: 500px;
	background-color: white;
	position:absolute;
	left:50%;
	top:5%;
	margin:0 0 0 -275px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.container-modal{
	width: 500px;
	padding: 10px;
	position:absolute;
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

/* modal informativa sulle varie pagine utente */
#myInfoModal{ top:5em; }

.modal-xl {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

/* colori icone font awesome */
.blackiconcolor { color:var(--nero); }
.whiteiconcolor { color: var(--bianco); }
.giallo_iconcolor { color: var(--giallo); }
.grigio_iconcolor { color: rgba(0,0,0,.5); }
.rosso_iconcolor { color: #ff0000; }

/* tabella checkin_manager se vuota*/
.jsgrid-nodata-row{
	color:var(--grigioScuro);
	line-height: 4em;
}
/* .jsgrid-nodata-row:before{ content: "Non ci sono pagamenti inseriti"; } */

@media (orientation:portrait) and (max-device-width:700px) {
	.jsgrid-header-cell, .jsgrid-cell{ width: 10px !important; }
}

.menu-bottom-active {
	padding-top:0.5em;
	border-bottom: 3px solid #007bff;
}

/* TOOLTIPS */

.tooltip .arrow:before {
    border-top-color: #008ec3 !important;
}

.tooltip .tooltip-inner {
	color: white;
    background-color: #008ec3;
}

.selctDataDashBoard {
	padding-top:0.5em;
}

/* STATI PRENOTAZIONE
.blackiconcolor { color:var(--nero); }
.whiteiconcolor { color: var(--bianco); }
.giallo_iconcolor { color: var(--giallo); }
.grigio_iconcolor { color: rgba(0,0,0,.5); }
.rosso_iconcolor { color: #ff0000; }
*/

.viewborder { border: 1px solid #495057; }

.inserito{
	background-color:var(--inserito);
	color: white;
	padding:0.5em;
}
.confermato{
	background-color:var(--confermato);
	color: white;
	padding:0.5em;
}
.compilato{
	background-color:var(--compilato);
	color: white;
	padding:0.5em;
}
.noshow{
	background-color:var(--noshow);
	color: white;
	padding:0.5em;
}
.checkin{
	background-color:var(--checkin);
	color: white;
	padding:0.5em;
}
.checkout{
	background-color:var(--checkout);
	color: white;
	padding:0.5em;
}