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

.rb-wrapper {
	background-color: rgba(0, 0, 0, 0.2);
	padding: 20px;
}

.rb-main-container {
	background-color: transparent;
}

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

}

.rb-col.submit button {
	background-color: #e67e22;
	border: 0;
	border-bottom: 4px solid #333239;
	color: #fff;
}

.rb-col.submit button:hover,
.rb-col.submit button:focus {
	background-color: #333239;
	border: 0;
	border-bottom: 4px solid #e67e22;
	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: 0 !important;
	border-bottom: 2px solid red !important;
}

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

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

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

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

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

.res-datepicker td.active.active,
.res-datepicker td.active:hover.active {
	background-color: #333239;
}

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

.res-datepicker td {
	border: 0;
}

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