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

#mod_reservation {
}

/* RESERVATION */
	.hour {
		float: left;
		height: 30px;
		background-color: #CCCCCC;
		
		border-right: #666666 solid 1px;
			
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.activity_row_label {
		float: left;
		height: 30px;
		border: #CCCCCC solid 1px;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	a.reservation,
	div.occupied {
		display: block;
		height: 30px;
		float: left;
		
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	a.reservation { border: solid 1px #CCCCCC; }
	a.reservation:hover { background: #e16134!important; }
	
	div.occupied { background-color: #999999 }
	
	.LastInHour { border-right: #666666 solid 1px!important; }
	.RirstInHour { border-left: none!important; }
	.activityReservation { background-color: #CCCCCC }
	
	/*2024 mobile optimalizaton*/
			.activity_row_label2024 {
				width: 50%!important;
				margin-bottom: 5px;
			float: none;
			height: 30px;
			border: #CCCCCC solid 1px;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		 a.reservation2024,
		div.occupied2024 {
			box-sizing:border-box;
			display: block;
			height: 40px;
			line-height: 40px;
			width: 70px;
			margin: 2px;
			text-align:center;
			
			float: left;
			 border-radius: 5px;
			 color: #333333;
			
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		@media only screen and (max-width: 767px){ 
			a.reservation2024,
			div.occupied2024 {
				box-sizing: border-box;
				width: 18%!important;
			}
		}
		
		a.reservation2024 { border: solid 1px #CCCCCC; }
		a.reservation2024:hover { background: #e16134!important; color: #FFFFFF!important;  }
		.activityReservation { background-color: #e16134; color: #FFFFFF!important;  }
		
		div.occupied2024 { background-color: #999999 }

	/*2024 mobile optimalizaton*/
	
	.btn-orange,
	.btn-reservation {
		background-color: #e16134;
		color: #FFFFFF;
	}
	.btn-orange:hover,
	.btn-reservation:hover { color: #FFFFFF; text-decoration: none; background-color: #d15022 } 
	
	.btn-calendar-previous,
	.btn-calendar-next {
		margin-top: 0px;
	}
	.h3-calendar {
		display: inline-block;
		padding: 0px 15px 0 15px;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
	@media only screen and (max-width: 767px){ 
		.btn-calendar-previous,
		.btn-calendar-next {
			width: 50%
		}
		.h3-calendar {
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
		}
	}
	
	.col-centered{
		float: none;
		margin: 0 auto;
	}