#cover{
	
	/*background-image: url("../reservas/img/cover.png");*/
	background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.3)), url("../reservas/img/cover.jpg")
  
}

#confirmationPaymentText{
    background-color: lightgoldenrodyellow;
    font-weight: bold;
	border-radius: 15px;
    padding: 10px;
}

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

#errorMessage{
	white-space: pre-wrap;
}

.btn-container{
	padding-left: 3em;
}

#termsText {
  height:250px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* TIME TABLE */

#ttimes{
	max-width: 600px;
	border: #6c757d;
}

.header-2 th{
	padding-top: 0px;
	padding-bottom: 0px;
}

#ttimes td{
	padding-top: 0px;
	padding-bottom: 0px;
}

.visibilityDependent{
	display: none;
}

/* Time status */

.time-my-booked{
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
	background-color: gray !Important;
}

.time-available {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.time-closed {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #f8f9fa;
    border-color: var(--bs-table-border-color);
}

.time-hide {
    /*--bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #f8f9fa;
    border-color: var(--bs-table-border-color);*/
	visibility: hidden;
    border: none;
}

.time-booked {
    --bs-table-color: #000;
    /*--bs-table-bg: #e2e3e5;*/
	--bs-table-bg: #bbbdc0;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.time-booked-recurrence {
    --bs-table-color: #000;
    /*--bs-table-bg: #bbbdc0;*/
	/*--bs-table-bg: #e2e3e5;*/	
	--bs-table-bg: #a8aaad;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.time-available:hover{
    background-color: green;
	cursor: pointer;
}

.time-selected{
    --bs-table-bg: green;
	cursor: pointer;
}

/* DRAWING */

.site{
	position: absolute;
	opacity: 0.75;
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}

.selected{
	
	background: #ffcc00;
    opacity: 0.8;
	border: 4px solid;
    border-color: #ff9900;
}

.siteAvailable{
	
	background: lightcoral;
    opacity: 0.5;
}

/*
.time-open{
	
	/*background-color: #d1e7dd;
}



.time-closed{
	background-color: #e2e3e5;
	
}*/