/* ----------------------------------- */

.productSelect {
    text-align: center;
}
.productPrice {
    text-align: center;
}

.productTitle {
    display: block;
}

.productDescription {
    font-size: 0.857em;
}

.productSelectorOffer{
    background-color: #D2FFD2 !important;
    text-align: center;
}

.centerInMiddle{
    margin: auto; 
    width:100%; 
    text-align:center
}

.blueButton
{
    color: white !important;
    background-color: #0074D9 !important;
    border: 1px solid #005BAE !important;
}

.greyButton
{
    color: black !important;
    background-color: rgb(204, 204, 204) !important;
    border: 1px solid rgb(204, 204, 204) !important;
}

.greenButton
{
    color: black !important;
    background-color: #D2FFD2 !important;
    border: 1px solid #D2FFD2 !important;
}


.busStop
{
    color: white !important;
	background-color: #013888 !important;
	text-align: center;
	margin: 3px;
	padding: 3px;
}

.busStopGreen
{
    color: white !important;
	background-color: #97BF0D !important;
	text-align: center;
	margin: 3px;
	padding: 3px;
}

.busStopBlack
{
    color: white !important;
	background-color: black !important;
	text-align: center;
	margin: 3px;
	padding: 3px;
}

.hideButton
{
    display:none;
}

/* ----------------------------------- */
#calendar
{
    table-layout: fixed ;
    width: 100% ;
}

#calendar th
{
    width: 14%;
    overflow: hidden;
    padding-right: 0px;
    padding-left: 0px;
}


#calendar td
{
    width: 14% ;
    overflow: hidden;
    text-align:center;
    padding-right: 0px;
    padding-left: 0px;
}

#calendar small
{
    font-size: xx-small;
}

.calendar-current-day
{
    color:red;
    border-style: solid;
    border-width: 5px;
    border-color: black;
}


.calendar-previous-days
{
    color:gray;
    background-color: lightgray;
}

.calendar-all-booked
{
    color:red;

}

.calendar-selected-day
{
    color:black;
    background-color: lightgreen !important;
    border-style: solid;
    border-width: 2px;
    border-color: green !important;
}




.bigSize{
    font-size: 25px;
    margin-top: 10px;
	margin-bottom: 10px;
	white-space: nowrap;
}

/* CSS below will force radio/checkbox size be same as font size */
label{
	position: relative;
	line-height: 1.4;
}

/*checkbox/*/
.bigSize input[type=checkbox]{
	width: 1em;
	font-size: inherit;
	margin: 0;
	transform: translateX(-9999px);
}
.bigSize input[type=checkbox] + label:before{
	position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border:none;
	border-radius: 10%;
	background-color: #bbbbbb;
}
.bigSize input[type=checkbox] + label:after{
	position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: white;
	border-radius: 10%;
	transform: scale(0.8);
}
/*checked*/
.bigSize input[type=checkbox]:checked + label:before{
	position:absolute;
	content:'';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: #3b88fd;
}
.bigSize input[type=checkbox]:checked + label:after{
	position: absolute;
	content: "\2713";
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: #3b88fd;
	border-radius: 10%;
	color: white;
	text-align: center;
	line-height: 1;
}
/*focused*/
.bigSize input[type=checkbox]:focus + label:before{
	border: 0.1em solid #8eb9fb;
	margin-top: -0.1em;
	margin-left: -0.1em;
	box-shadow: 0 0 0.2em #3b88fd;
}


/*---------------------*/

.some-page-wrapper {
    margin: auto; 
	width: 80%;
  }
  
  .row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
  }
  
  .column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
  }