/*==== ResCalTheme1 ====*/

.rb-wrapper {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #b9947054;
	BOX-SHADOW: 0 10px 10px 2px rgb(0 0 0 / 10%);
}

.rb-main-container {
	background-color: #fff;
}

.rb-col input[type="text"],
.rb-col select {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	border-radius: 20px;

}

.rb-col.submit button {
	background-color: #b99470;
	border: 1px solid #b99470;
	color: #fff;
	width: 100%;
	border-radius: 20px;
}

.rb-col.submit button:hover,
.rb-col.submit button:focus {
	background-color: #3498db;
	border: 1px solid #3498db;
	color: #fff;
}

.rb-col input.calender {
	background-image: url('../img/calendar.png');
}

.rb-col select {
	background-image: url('../img/downarrow.png');
}

.rb-col input:hover,
.rb-col input:focus,
.rb-col input:active,
.rb-col select:hover,
.rb-col select:focus,
.rb-col select:active,
.rb-col input::placeholder {
	color: #000;
}

.rb-col input:-ms-input-placeholder {
	color: #000;
}

.rb-col input::-ms-input-placeholder {
	color: #000;
}

.rb-col.error-required input,
.rb-col.error-required select {
	border: 1px solid red !important;
}

/*==== DATEPICKER ====*/

.res-datepicker {
	top: 0;
	left: 0;
	background-color: #ffffff;
	border: 1px solid #000;
	border-radius: 10px;
}



.res-datepicker thead tr:first-child th {
	background-color: #b99470;
}

.res-datepicker thead tr:first-child th:hover {
	background-color: #4b9fd8;
}

.res-datepicker th.dow {
	color: #ffffff;
	background-color: #3498db;
	font-weight: normal;
}

.res-datepicker td.day:hover {
	background: #eeeeee;
	cursor: pointer;
	border-radius: 50%;
}

.res-datepicker td.active.active,
.res-datepicker td.active:hover.active {
	background-color: #b99470;
	border-radius: 50%;
}

.res-datepicker td span.active.active {
	background-color: #b99470;
}

.res-datepicker td {
	border: 0;
}

.res-datepicker td.day.disabled {
	color: #ddd;
	cursor: not-allowed;
	border-radius: 50%;
}