.calendar-container {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	hyphens: none;
	word-wrap: normal;
	white-space: nowrap;

}
.cal-month-paginator, .cal-week-paginator {
	display: flex;
	justify-content: space-between;
	border-radius: 10px;

	background-color: #ffe0b2;
	margin: 0.3em 20%;

}

.cal-month-name, .cal-week-name {
	text-align: center;
}

.cal-back-button, .cal-forward-button {
	width: 10%;
	text-align: center;
}
.cal-back-button a:hover, .cal-forward-button a:hover{
	cursor:pointer;
}
.cal-booking-free:hover {
	cursor: pointer;
	z-index: 5;
	outline: #ff9100 solid;
}

.cal-days-container {
	display: flex;
	justify-content: space-between;

	border-color: #9bc1bc;
}

.cal-past {
	background-color: #bbbfb6!important;
	cursor: default!important;
	outline: none!important;
}
.cal-booking-free {
	background-color: #fff3e0;
}
.cal-cell-highlight {
	background-color : #ffe0b2;
	outline: #ff9100 solid;
}
.cal-booking-pending {
	background-color : #ffe57f;
}
.cal-booking-confirmed {
	background-color: #ffab00;
}

.cal-day-column {
	display:flex;
	flex-direction: column;
	flex: 7 7 0px;
}

.cal-day-column-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;

	flex: 1 1 15%;
	
}

.timeguide-column-wrapper {
	flex: 1 1 7%;
}

.cal-header {
	text-align: center;
}

.cal-timeguide-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	text-align: right;
}
.cal-mobile-cellwrapper {
	display: flex;
}
.cal-timeguide-mobile {
	display: none;
}

.cal-cell {
	font-family: Tahoma;
	font-size: 70%;

	word-wrap: normal;
	white-space: normal;

	padding: 0.6em;
	margin: 0.1em;
}

a.cal-icon-button{
	display : inline-block;
	border-bottom: none;
}
.cal-toggle-day, .cal-icon-button, .cal-back-button a, .cal-forward-button a{
	color: black;
	border-bottom: none!important;
	box-shadow: none!important;
}


.cal-toggle-cell {
	margin-left: .5em;
}
.cal-icon-button {
	padding: 0.5em 1em 0 1em;
}

.cal-icon-button img{
	height: 1.25em;
	width: 1.25em;
}


.cal-timeslot {
	text-align: center;

	flex: 1 1 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.cal-timeslot[data-cal-duration="1"]{
	flex-wrap: nowrap;
	white-space: nowrap;
}
.cal-timeslot[data-cal-duration="1"] .cal-icon-button{
	padding: 0 0.2em;
}


.cal-region-name {
	align-self: center;
	flex: 1 1 100%;
}



.cal-mobile-cellwrapper[data-cal-ext="1"]{
	display:none;
}


/******************************************
		B O O K I N G   F O R M 
*******************************************/
.cal-button {
	margin: 1em 0;
}
.booking-container, .booking-button-container {
	display: flex;
	justify-content: center;
}

.booking-container {
	display: none;
}

.form-confirmation {
	background-color : #FFD54C;
	padding: 8px;
}

.form-confirmation:empty {
    display:none;
}

.form-notification {
	background-color : #FFD54C;
	padding: 8px;
}

.form-notification:empty {
    display:none;
}

.cal-mobile-days-bar {
	display: none;
}
/*
#wp-admin-bar-soot_calendar_page .ab-item:before {
	font-family: "FontAwesome";
    content: "\f00a";
}*/
#wp-admin-bar-soot_calendar_page .ab-icon::before {
	font-family: "FontAwesome";
    content: "\f00a";
}

#wpadminbar li#wp-admin-bar-soot_calendar_page {
	display:block;
}
.soot-buttons-container {
	text-align: center;
}
a.soot-save-button, a.soot-cancel-button {
    color: black;
    border: 1px solid black;

    padding: .5em;
    margin: .5em;
    
    width: auto;
	

	display: inline-block;
}

 a.soot-cancel-button {
 	background-color: #e65100;
 }

@media screen and (max-width: 560px) {
/* applies only if the screen is narrower than 560px */
	.cal-days-container, .cal-day-column-wrapper {
		display: inline;
	}

	.cal-day-column {
		width: 100%;
		display: inline;
		height: auto;
	}
	.cal-timeguide-mobile {
		text-align: center;
		display:inline;
		width: 20%;
	}
	.cal-header {
		background-color: #ffe0b2;
		padding: 1em;

	}
	.cal-timeguide-column {
		display:none;
	}
	.cal-header.timeguide-header {
		display:none;
	}
	.cal-cell {
		font-size: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;

		width: 70%;
	}
	.cal-timeslot {
		text-align: left;
	}
	/** Reset effects of special one-hour duration case */
	.cal-timeslot[data-cal-duration="1"] .cal-icon-button{
		padding: 0.5em 1em 0em 1em;
	}
	.cal-region-name {
		flex: 1 1 0px;
	}
	.cal-mobile-cellwrapper {
		display: flex;
		align-items: center;
	}

	.cal-mobile-days-bar {
		display: flex;
		justify-content: space-between;
	}
	.cal-mobile-day-shortcut {
		padding: 0.2em 1em;
		margin: 0.2em 0;
		background-color: #fff3e0;
	}

	.cal-month-paginator, .cal-week-paginator {
	margin: 1em 0;
	}

	.cal-button img{
		height: 2em;
		width: 2em;
	}

	.site {
		margin-bottom: 4em;
	}
	.booking-button-container {
		background-color: #ffb74d;
		width: 100%;
		height: 4em;
		left: 0;
		bottom: 0;
		position: fixed;
	}

	.soot-button-container, {
		position: inherit;
	}



}