input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

button {
	-webkit-appearance: none;
}

html,
body {
background:inherit;
}

.display-none {
display:none !important;
}

.el-highlighted:active,
.el-highlighted:hover {
background:#cce5ff;
color:#004085;
}


#el_calendarWrapper {
margin:0;padding:0;
}

#el_calendarWrapper * {
text-align:center;
}

#calendar-header {
background:#6c757d;
color:white;
letter-spacing:0.125rem;
}
#calendar-header .col {
padding:0;
}

.calendar-card-month:not(.active) {
display:none;
}

[el-type="calendar-cell"] {
padding:0.125rem;
}

[el-type="calendar-day"] {
height:3rem;
font-size:75%;font-weight:700;
}

[el-type="calendar-cell"].outofrange [el-type="calendar-day"] {
background:#e0e0e0;
cursor: not-allowed;
}
[el-type="calendar-cell"].disabled [el-type="calendar-day"] {
background:#e0e0e080;
color:rgba(0,0,0,.35);
font-weight:500;
cursor: not-allowed;
}

[el-type="calendar-cell"]:not(.disabled):not(.outofrange) {
cursor:pointer;
}

[el-type="calendar-cell"]:not(.disabled):not(.outofrange):hover .card,
[el-type="calendar-cell"]:not(.disabled):not(.outofrange):active .card {
background:#007bff;
color:white;
}

[el-type="calendar-cell-rate"] > div {
display:inline-block;
width:0.5rem;height:0.5rem;
border-radius:50%;
}

[id="el_teeTimesWrapper"] {
white-space:nowrap;
}

[id="el_teeTimesWrapper"] [el-name="amount"] {
font-weight:700;
text-align:right;
color:#007bff;
}

@media only screen and (min-width: 576px){
	.modal-dialog {
		max-width: 600px !important;
		margin: 1.75rem auto !important;
	}
	.col-12-modal-dialog{
		transform: translate(45%, -15%) !important;
	}
}

@media only screen and (orientation: landscape) {
	.font-2vw {
		font-size: 2vw;
	}
	.font-1dot6vw {
		font-size: 1.6vw;
	}
	.font-1dot2vw {
		font-size: 1.2vw;
	}
	.font-2dot1vw {
		font-size: 2.0vw;
	}
	.font-2dot3vw {
		font-size: 2.5vw;
	}	
	@media only screen and (max-width: 599px) {
		.logo-main{
		  width: 20%;
		}
		.logo-main2{
		  width: 50%;
		}
		.container-select{
			top: -120px;
			width: 90%;
		}
		.container-select-row{
			margin-bottom: -120px;
		}
	}
	@media only screen and (min-width: 600px) {
		.logo-main{
		  width: 20%;
		}
		.logo-main2{
		  width: 40%;
		}
		.button-select{
			font-size: 1.2rem;
		}
		.container-select{
			top: -160px;
			width: 90%;
		}
		.container-select-row{
			margin-bottom: -160px;
		}
	}
	@media only screen and (min-width: 768px) {
		.logo-main{
		  width: 15%;
		}
		.logo-main2{
		  width: 35%;
		}
		.container-select{
			top: -200px;
		}
		.container-select-row{
			margin-bottom: -200px;
		}
	}
	@media only screen and (min-width: 992px) {
		.logo-main{
		  width: 13%;
		}
		.logo-main2{
		  width: 30%;
		}
		.menu-navbar li{
			padding-right: 1vw;
		}
		.container-select{
			top: -250px;
		}
		.container-select-row{
			margin-bottom: -250px;
		}
		
	}
	@media only screen and (min-width: 1200px) {
		.logo-main{
		  width: 11%;
		}
		.logo-main2{
		  width: 25%;
		}
		.button-select{
			font-size: 1.5rem;
		}
		.container-select{
			top: -450px;
		}
		.btn-booknow{
			top: -130px;
			position: relative;
		}
		.container-select-row{
			margin-bottom: -300px;
		}
	}
}

@media only screen and (orientation: portrait) {
	.font-2vw {
		font-size: 5vw;
	}
	.font-2dot1vw {
		font-size: 5.5vw;
	}
	.font-1dot6vw {
		font-size: 5vw;
	}
	.font-1dot2vw {
		font-size: 4.4vw;
	}
	.font-2dot3vw {
		font-size: 7vw;
	}
	@media only screen and (max-width: 480px) {
		.logo-main{
		  width: 30%;
		}
		.logo-main2{
		  width: 80%;
		}
		.container-select{
			top: -50px;
			width: 90%;
		}
		.container-select-row{
			margin-bottom: -30px;
		}
		.button-select{
			font-size: .8rem;
		}
	}
	@media only screen and (min-width: 481px) {
		.logo-main{
		  width: 25%;
		}
		.logo-main2{
		  width: 45%;
		}
		.container-select{
			top: -60px;
			width: 90%;
		}
		.container-select-row{
			margin-bottom: -40px;
		}
		.button-select{
			font-size: .8rem;
		}
	}
	@media only screen and (min-width: 768px) {
		.logo-main{
		  width: 20%;
		}
		.logo-main2{
		  width: 40%;
		}
		.container-select{
			top: -100px;
		}
		.container-select-row{
			margin-bottom: -100px;
		}
	}
	@media only screen and (min-width: 992px) {
		.logo-main{
		  width: 30%;
		}
		.logo-main2{
		  width: 35%;
		}
	}
}

.pagination {
  display: inline-block !important;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #e98837;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.dropdown-item.active{
	background-color: #e2b28a !important;
}

.btn-sorting{
	color: white;
	background-color: #e98837;
	border-color: #e98837;
}

.input-icons span {
	position: absolute;
}
  
.input-icons {
	width: 100%;
	margin-bottom: 10px;
}
  
.icon {
	padding: 10px;
	min-width: 40px;
}
  
.input-field {
	width: 100%;
	padding: 10px;
	text-align: center;
}