.swiper-container {
			height: 200px;
		}

		.swiper-slide {
			width: 250px;
			height: 200px;
			border: 1px solid lightgray;
		}

		.swiper-slide-active {
			background-color: aliceblue;
		}

		.map_cnt {
			height: 500px;
			margin-top: 8px;
			margin-bottom: 8px;
		}

		#curr_month_div {
			text-transform: capitalize; position: relative; display: inline-block; width: 261px;
		}
		#next_month_div {
			text-transform: capitalize; position: relative; display: inline-block; width: 250px;
		}

		.foto_cnt img {
			width: 50px;
			margin: 5px;
		}

		.div_error {
			color: red;
			font-weight: bold;
		}

		.modal_calendar_btn {
			position:relative;
		}

		.bootstrap-datetimepicker-widget.dropdown-menu.bottom {
			top: 35px !important;
		}

		.txt_materiali {
			min-height: 100px;
		}

		.pac-container {
			z-index: 2000;
		}

		.address_actions {
			margin-top: 8px;
		}

		.sposta_data {
			min-width: 185px;
		}
		.sposta_orario {
			min-width: 83px;
		}
		.rifiuto_txt {
			min-height: 150px;
		}
		.qr_txt {
			text-align: center;
			width: 256px;
		}
		.form_tab {
			margin-top: 15px;
		}
		
html, body {
	height: 100%; font-family: 'Roboto', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}

a, a:hover, a:focus {
	text-decoration: none;
	color: #61AD8A;
	transition: all .3s ease;
	cursor: pointer;
}

.red {
	background-color: #b12424;
	color: #FFF;
	padding: 5px 5px; border-radius: 5px;
}

.bold {
	font-weight: bold;
}

.bg-dark {
	background-color: #61AD8A;
	color: white;
}

.nopad {
	padding: 0;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt10 {
	margin-top: 10px;
}

.pt10 {
	padding-top: 10px;
}

.pointer {
	cursor: pointer !important;
}

.header-row {
	display: flex;
	max-height: 100px;
	align-content: center;
	padding: 5px;
	height: 60px; 
}

	.header-row a {
		color: #FFF;
		display: flex; align-items: center;
	}
	.header-row a:before{content: ''; display: inline-block; width: 14px; height: 17px; background: url(https://junker.blob.core.windows.net/cruscotto/img/user.png) center no-repeat; background-size: cover; margin-right: 3px;}

.navigation {
	display: flex;
	flex-direction: column;
	width: 50px;
	position: absolute; left: 0; bottom: 0; top: 60px; overflow: hidden; transition: width .3s cubic-bezier(0.54, -0.01, 0.04, 1.35); z-index: 998;
	box-shadow: 0px 10px 10px #0000002e;
	top: 0; bottom: 0;
}

.navigation:hover{width: 300px;}

.header-right {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
}

.customer-container {
	display: flex;
	align-self: center;
}

.user-actions {
	display: flex;
	align-self: center;
	padding-right: 20px;
}

	.user-actions * {
	/*	margin-left: 20px; */
		align-self: center;
	}

.logo-zebra {
	height: 52px;
}

.logo-left {
	display: block;
	height: auto;
	width: 160px;
	margin: 0 10px;
}

.main-row {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	min-height: 100%;
	position: relative;
}

.navigation a {
	color: white;
	height: 45px;
	padding-left: 50px;
	width: 300px;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-size: 25px;
}



body.login{background-color: #596869;}
	#logo_login{width: 240px; margin: 20px auto;}
		#logo_login img{width: 100%;}

		body.login form{width: 340px; margin: 0 auto;}

		#btnLogin{background-color: #8CCCC5 !important; margin: 10px 0;}

		body.login p{color: #FFF;}
		body.login a{color: #8CCCC5;}
		

		.solo_admin{color: #FFF; text-align: center; margin-bottom: 20px;}





	.swiper-slide{display: flex; align-items: center; flex-wrap: wrap; border-radius: 5px; overflow-x: hidden; overflow-y: auto;}
		
		.swiper-slide.today .day_info:after{content: 'Oggi'; display: block; position: absolute; bottom: 10px; text-align: center; background: #8CCCC5; color: #FFF; padding: 5px; border-radius: 3px; font-size: 12px;}


		.day_info {
			width: 20%;
			text-align: center;
			padding: 0 10px;
			box-sizing: border-box;
			height: 100%;
			border-right: 1px solid #EDEDED;
			border-left: 4px solid #BFBFBF;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			position: sticky;
			top: 0;
			bottom: 0;
		}
		
		
		.today .day_info{border-left: 4px solid #8ccbc5;}
		
			.day_app_count{position: absolute; top: 10px; left: 10px; background: #596869; border-radius: 50%; width: 20px; height: 20px; display: block; text-align: center; color: #FFF;}
			.day_name{font-size: 15px; text-transform: capitalize; color: #596869;}
			.day_number{font-size: 22px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #596869;}
		
		.day_app_list{width: 80%; padding: 0 5px; box-sizing: border-box;}

			.single_app{display: flex; padding: 3px 0; border-bottom: 1px solid #EDEDED;}
				.app_orario{padding-right: 5px; box-sizing: border-box; font-weight: bold;}


	
	.marker_info_cnt{ padding: 20px; border: 1px solid #dfdfdf; border-radius: 10px; box-sizing: border-box; margin: 10px 0;}
		.marker_info_name{font-size: 18px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #596869;}
		
		.marker_info_tel, .marker_info_email{display: inline-block; vertical-align: middle;}
			.marker_info_email a{text-decoration: underline; margin-left: 5px;}

		
		.marker_info_desc{font-weight: bold; margin: 5px 0;}

		.sel_day{margin: 5px 0;}
			
			
			.marker_info_orario_cnt a{float: right; display: block; margin: 10px 0 0 5px; padding: 10px 20px; color: #FFF; background: #8CCCC5; border-radius: 5px; cursor: pointer;}
				.marker_info_orario_cnt:after{clear: both; height: 0; content: ''; display: block; font-size: 0; padding: 0; margin: 0;}
			
			.marker_info_app_cnt{text-align: center; margin: 10px 0; background: #EDEDED;}


			.day_past{padding: 3px; background: #ffb2b2;}
			
			.marker_info_orario_cnt a.btn_rifiuta{background: #d64242;}
			
	.modal-lg{width: 90%;}

		.modal-title{font-weight: bold; text-transform: capitalize;}

		.modal_count{
			background: #596869;
			height: 25px;
			width: 25px;
			border-radius: 50%;
			display: inline-block;
			text-align: center;
			color: #FFF;
			font-weight: normal;
		}
	
	
	
	.marker_info_rifiuto_cnt{margin: 10px 0;}
		.marker_info_rifiuto_cnt a{margin: 5px; float: right; text-decoration: underline; display: block;}
		
		.rifiuto_btn_conferma{color: #d64242;}
	
	.modal_app_annulla{padding: 7px 10px; background: #d64242; margin-left: 5px; border-radius: 5px;}
		.modal_app_annulla a{color: #FFF;}



		.modal_app_dati, .modal_app_azioni{display: flex; align-items: flex-end; padding: 5px 0; box-sizing: border-box;}


			.modal_app_nome, .modal_app_tel, .modal_app_email, .modal_app_materiali, .modal_app_indirizzo{padding-right: 40px; box-sizing: border-box;}

			.modal_app{padding: 20px; border-bottom: 1px solid #d2d2d2;}
			
			.modal_app_foto a{width: 90px; height: 120px; display: inline-block;}
			
			.modal_app_foto a img{width: 100%; height: 100%; object-fit: cover;}


			.modal_app_notifica{margin-left: 20px;}
			
			.modal_app_sposta{margin-left: auto; display: flex; width: 40%; justify-content: flex-end; flex-wrap: wrap;}
			
			.sposta_data{margin-right: 10px;}
			.sposta_azioni{flex: 0 0 100%; text-align: right;}
				.sposta_azioni a{display: inline-block; margin: 20px 0 20px 40px;}
				
				.action_annulla{color: #d20d0d;}
			
			
			.notifica_inviata{padding: 5px; background: #15b023; color: #FFF; text-align: center; font-size: 12px; border-radius: 5px;}
				

			.btn-group-xs>.btn, .btn-xs{padding: 5px;}

			.div_ricordati{color: #c51e1e; font-style: italic;}

			.modal_app_ritirato{
				background: url(https://junker.blob.core.windows.net/cruscotto/img/check_ritiro.svg) 15px center no-repeat;
				background-size: 15px 15px;
				padding-left: 16px;
				background-position: left;
				margin: 3px 10px;
				color: #15b023;
			}

			.app_ritirato{
				background: url(https://junker.blob.core.windows.net/cruscotto/img/check_ritiro.svg) 15px center no-repeat;
				background-size: 15px 15px;
				padding-left: 16px;
				background-position: center center;
				margin: 0 0 0 auto;
				color: #15b023;
			}
			
			.modal_app_mancato_ritiro {
				display: flex;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: center;
				width: 300px;
				color: #d10000;
				margin: 0 20px;
				border: 1px solid #eaeaea;
				padding: 10px;
				box-sizing: border-box;
				border-radius: 10px;
			}
				.modal_app_mancato_ritiro img{width: 90px; height: auto; margin-left: 10px;}
			
			.top_month_name{font-size: 22px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #596869; margin: 20px 0;}


			.swiper-slide-active{background-color: #EDFFF7;}
			
			
			.summary_cnt{display: flex; align-content: center; justify-content: space-around; background: #eaeaea; margin-top: 10px;}
			
			.summary_single{width: auto; margin: 10px 5px 10px 5px; text-align: center;}

			
			.punti_attenzione{padding: 20px; box-sizing: border-box; border: 1px solid #dfdfdf; border-radius: 10px; margin: 10px 0;}


			.close{font-size: 28px; opacity: .8;}
			
			
			.modal_app_ritiro_passato{margin: 0 5px;}
			
			

.navigation a:hover, .navigation a.active{background-color: #596869; box-shadow: inset 0px 0px 10px #0000001a;}

.tab_header, .tab_header:hover, .tab_header:focus{color: #61AD8A !important;}

.home {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/home.svg) 12px center no-repeat;
}

.stats {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/stats.svg) 12px center no-repeat;
}

.cal {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/cal.svg) 12px center no-repeat;
}

.msg {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/msg.svg) 12px center no-repeat;
}

.loc {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/loc.svg) 12px center no-repeat;
}

.amb {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/segn_ambient.svg) 12px center no-repeat;
}

.ambusr {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/utenti.svg) 12px center no-repeat;
}

.com {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/com.svg) 12px center no-repeat;
}

.monistreet {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/monistreet.svg) 12px center no-repeat;
}

.turistico {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/world.svg) 12px center no-repeat;
}

.didattico {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/graduation.svg) 12px center no-repeat;
}

.bac {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/bac.svg) 12px center no-repeat;
}
.ing {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/ing.svg) 12px center no-repeat;
}
.ecospedia {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/ecospedia.svg) 12px center no-repeat;
}

.compost_adm{background: url(https://junker.blob.core.windows.net/cruscotto/img/compost3.svg) 12px center no-repeat;}

.compost_op{background: url(https://junker.blob.core.windows.net/cruscotto/img/compost_op.svg) 12px center no-repeat;}

.junker_actions {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/junker_actions_white.png) 12px center no-repeat;
}

.docs_repo {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/docs_repo.png) 12px center no-repeat;
}

.cloak {
	display: none;
}

.verbali {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/verbali.svg) 12px center no-repeat;
}

.att {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/attrezzature.svg) 12px center no-repeat;
}

.ingombranti {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/ing.svg) 12px center no-repeat;
}


.ingombranti_raee {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/ingombranti_raee.svg) 12px center no-repeat;
}

.sfalci {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/sfalci.svg) 12px center no-repeat;
}

.servizi_richiesta {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/servizi_richiesta.svg) 12px center no-repeat;
}

.rs_abiti {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/abiti.svg) 12px center no-repeat;
}

.rs_ritiri {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/ritiri.svg) 12px center no-repeat;
}

.rs_natale {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/natale.png) 12px center no-repeat;
}

.rs_giocattoli {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/giocattoli.png) 12px center no-repeat;
}

.rs_legno {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/legno.png) 12px center no-repeat;
}

.rs_oli {
	background: url(https://junker.blob.core.windows.net/cruscotto/img/oli.png) 12px center no-repeat;
}


.active {
	background-color: #61AD8A;
}

.flexcol {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-height: 100%;
}

.main-content {
	padding: 20px 40px 80px 80px;
	width: 100%;
	position: relative;
}

.msg_errore{height: auto; position: fixed; bottom: 60px; right: 0; left: 0; color: #FFF; font-weight: bold; background: #9f1a1a; padding: 10px 0; display: flex; justify-content: center; align-items: center; z-index: 9999;}
#chiudi_mess_err {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	color: #FFF;
	background: none;
	border: none;
}

.footer-main{height: 50px; position: fixed; bottom: 0; right: 0; left: 0; background: #61AD8A; padding: 0 40px 0 80px; display: flex; justify-content: flex-start; align-items: center; z-index: 9999; flex-direction: row-reverse;}
	.footer-main .btn{margin-left: 10px;}

	.operazione_in_corso{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; background: rgba(0, 0, 0, 0.6); display: none; align-items: center; justify-content: center; color: #FFF;}
	.operazione_in_corso.ajax{display: flex}
	
	.dati_modificati{position: absolute; z-index: 99; right: 0; top: -40px; padding: 10px; background: #596869; border-radius: 5px 0 0 0; color: #FFF; height: 40px;}

.btn-primary:hover, .btn-primary:active {
	background-color: #001617;
	border: none;
}

.btn-primary, .btn-primary:focus, .btn-primary[disabled], .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:active, .btn-primary.disabled, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.disabled:active {
	background-color: #596869;
	border: none;
}



.btn{font-size: 15px; line-height: 1; display: inline-flex; align-items: center;}











@media (max-width: 768px) {
	.header-row, .header-right {

		max-height: initial;
	}

	.main-row {
		flex-direction: column;
	}

	.navigation-links {
		width: 100%;
		max-width: 100%;
	}

	.navigation a {
		height: 32px;
		max-height: 32px;
	}
}

h1.heading {
	color: #596869;
	margin-top: 0;
}

.spinner {
	width: 32px;
	height: 32px;
}

.spinner-sm {
	width: 16px;
	height: 16px;
}


button > span.glyphicon, a > span.glyphicon {
	margin-right: 5px;
}

table.highlight > tbody > tr:hover {
	background-color: #61AD8A;
	color: white;
	cursor: pointer;
}

.link a {
	display: block;
	margin: 10px;
	color: #000;
}

	.link a span {
		color: #61AD8A;
	}

.section_title {
	padding-left: 0px !important;
}

.preview_img {
	margin: 10px;
	margin-left: 0px;
}

	.preview_img img {
		border: solid 1px lightgray;
		width: 100%;
	}
.strillone {
	font-size: 110%;
}
.table_strillone {
	background-color: #efefef;
}
label.checkbox, label.radio {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
}