.slidePhoto {
    min-height: 300px;
    background-image: url('/assets/img/img_tow_Swe4.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    transition: all .4s;
    -webkit-transition: all .4s;
/*
  -webkit-animation: fade 4s;
  -moz-animation: fade 4s;
  -o-animation: fade 4s;
  animation: fade 4s;
  */
}

.bg-mita {
	background-color: #007168;
	background-image: linear-gradient(to bottom, #007168 0%, #014811 100%);
}

/* Small devices (landscape phones, 576px and up)*/
.nsThumbnail {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

@media (min-width: 576px) {
	.nsThumbnail {
		position: relative;
		width: 100%;
		height: 50px;
		overflow: hidden;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.nsThumbnail {
		position: relative;
		width: 100%;
		height: 45px;
		overflow: hidden;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.nsThumbnail {
		position: relative;
		width: 100%;
		height: 66px;
		overflow: hidden;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.nsThumbnail {
		position: relative;
		width: 100%;
		height: 81px;
		overflow: hidden;
	}
}

/*XXL large devices (large desktops, 1536px and up)*/
@media (min-width: 1536px) {
	.nsThumbnail {
		position: relative;
		width: 100%;
		height: 110px;
		overflow: hidden;
	}
}



.nsThumbnail img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: auto;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.loadingGifPanelBig {
	display:none;
	position:fixed;top:0px;left:0px;
	width:100%;height:100%;z-index:99;align:center;text-align:center;
	vertical-align:bottom;border: 0px solid blue;background-color: rgba(140,140,140,0.2);
}
.loadingGifInner {position:relative;top:30%;left:40%;
	width:20%;vertical-align:bottom;align:center;text-align:center;color:rgb(100,100,100);
	/*background-color:rgba(255,255,255,0.7);border:5px solid grey;*/
}
.loadingGif {position:relative;top:30px;left:0px;z-index:100;}
.loadingGifText {position:relative;bottom:5px;padding-top:50px;}


.homeTab {margin-top: 15.0px; margin-bottom: 50.0px}

.extraTopMargin {margin-top: 10px !important;}
.extraBottomMargin {margin-bottom: 10px !important;}

.card-body-sm {
	padding-top: 0.75rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
}

.card-body-xs {
	padding-top: 0.75rem;
	padding-right: 0.25rem;
	padding-bottom: 0.5rem;
	padding-left: 0.25rem;
}

/*Stili per FOOTER -------------------------------------------------->>>*/
.whiteFooter {background-color: white; background-image: linear-gradient(to bottom, white 0%, white 100%);}
/*Stili per FOOTER --------------------------------------------------<<<*/

/*Stili per logo MITA home page-------------------------------------->>>*/
.homeLogo {position:fixed; top:60px; left:10px}
/*Stili per logo MITA home page-------------------------------------->>>*/

/*Stili per evidenziare WELL ---------------------------------------->>>*/
.whiteWell {background-color: white; background-image: linear-gradient(to bottom, white 0%, white 100%);}
.yellowWell {background-color: #fbfac8; background-image: linear-gradient(to bottom, #fbfac8 0%, #fbfac8 100%);}
.lightRedWell {background-color: #fbcec8; background-image: linear-gradient(to bottom, #fbcec8 0%, #fbcec8 100%);}
.lightBlueWell {background-color: #d3d9ff; background-image: linear-gradient(to bottom, #d3d9ff 0%, #77abfb 100%);}
.orangeWell {background-color: #f7bb85; background-image: linear-gradient(to bottom, #f7bb85 0%, #da8d00 100%);}
.lightBrownWell {background-color: #fdbb8c; background-image: linear-gradient(to bottom, #fdbb8c 0%, #d46e25 100%);}
.goldWell {background-color: #ffe071; background-image: linear-gradient(to bottom, #ffe071 0%, #b9971b 100%);}
.pinkWell {background-color: #f5d2e0; background-image: linear-gradient(to bottom, #f5d2e0 0%, #f1b4cd 100%);}
.lightVioletWell {background-color: #e5bafb; background-image: linear-gradient(to bottom, #e5bafb 0%, #c34dff 100%);}
.lightPurpleWell {background-color: #ef5889; background-image: linear-gradient(to bottom, #fbb7cd 0%, #ef5889 100%);}
.lightGreenWell {background-color: #71ffaa; background-image: linear-gradient(to bottom, #71ffaa 0%, #23e06f 100%);}

.wellBorderRed {border: 2px solid red;}
.wellBorderGreen {border: 2px solid green;}
.wellBorderOrange {border: 2px solid green;}

.childrenWell {margin-top:10px; margin-bottom:0px;}
.well-xs {padding:1px; border-radius: 3px; margin-bottom: 3px;}
/*Stili per evidenziare WELL ----------------------------------------<<<*/


.vbottom {display:flex;align-items:flex-end;}
.vcenter {display:flex;align-items:center;}

/*Stili finestre dialogo extLibrary/Bootstrap (xebootstrap_*)-------->>>*/
.bsDialog{
	min-width:300px;
	max-width:600px;
}

@media (min-width: 768px) {
	.bsDialog{
		min-width:600px;
	}
}
/*Stili finestre dialogo extLibrary/Bootstrap (xebootstrap_*)--------<<<*/


.labelRed {color:#C80000;font-weight:bold;}
.labelOrange {color:#e47706;font-weight:bold;}
.labelGreen {color:#009215;font-weight:bold;}

.linkGrey {color:#646464;text-decoration:none;}
.linkRed {color:#C80000;text-decoration:none;}
.linkRed:active {color:#C80000;text-decoration:none;}
.linkRed:visited {color:#C80000;text-decoration:none;}
.linkRed:hover {color:#C80000;text-decoration:underline;}


.textStikethrough {text-decoration:line-through !important;}


#zoneFormGroup, #dateFormGroup {
	background: rgba(100, 100, 100, 0.7);
	padding: 3px 0px 3px 0px;
}

#zoneSelectorLabel, #dateSelectorLabel {color:white;font-size:2em;text-align:right;padding-top: 1%;}

/*Footer------------------------------------------------------------------------>>>*/
.footer{
	width:99.9%;
	height:48px;
	position:fixed;
	bottom:0px;
	left:0px;
	background-color: rgb(248,248,248);
	border:1px solid rgb(248,248,248);
	margin:0 auto;
	z-index:100;
}
/*Footer------------------------------------------------------------------------<<<*/


/* TEST PER RIMPICCIOLIRE AUTOMATICAMENTE FONT BUTTON INTEGRATO IN CARD HEADER - LISTINO TORRI  */
/* Small devices (landscape phones, 544px and up) */
.btch {font-size: 0.5rem !important;}

@media (min-width: 544px) {
	.btch {font-size: 0.7rem !important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.btch {font-size: 0.6rem !important;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.btch {font-size: 0.8rem !important;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.btch {font-size: 1rem !important;}
}