@charset "UTF-8" !important;

header {
	background-color: #000;
	padding-bottom: 10px
}

#top_line img {
	width: 18px;
	margin-top: -5px
}

pre {
	width: 100%;
	text-wrap: wrap;
}

.homeMenu button {
	display: none
}

.modal {
	z-index: 99999
}
.jqueryAlert
{
	width:100%;
	display: block;
}
.material-icons {
	font-size: 20px
}

.showTravellers {
	display: block !important;
	padding: 10px 10px !important;
	border: 1px solid #e4e4e4 !important;
	width: 90% !important;
	float: left !important;
	position: absolute !important;
	background-color: #fff !important;
	z-index: 9999999999 !important;
	height: 215px !important;
	overflow: auto !important;
	color: #000
}

span.action {
	width: 30% !important;
	float: left !important;
	border: 1px solid #ddd !important;
	padding: 6px 3px !important;
	text-align: center !important;
	cursor: pointer !important
}

input.value {
	width: 40% !important;
	float: left !important;
	height: 34px !important;
	text-align: center !important;
	border-radius: 0 !important
}

.showTravellers .control-label {
	width: 50% !important;
	float: left !important;
	padding: 0 !important;
	margin-bottom: 2px !important
}

.actionSide {
	width: 50% !important;
	float: right !important
}

.showTravellers .form-group {
	width: 100% !important;
	float: left !important;
	margin-bottom: 10px !important
}

.roomList {
	border-bottom: 1px dotted #ddd !important;
	width: 100% !important;
	float: left !important
}

.roomList small {
	display: block;
	margin-top: -5px;
	color: #ff5722
}

.roomCount {
	width: 100% !important;
	float: left !important;
	margin-bottom: 5px !important;
	font-size: 12px !important;
	margin-top: 5px !important
}

.amenities span {
	width: calc(100% - 20px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.addRoom {
	width: 100% !important;
	float: left !important;
	font-size: 12px !important;
	padding: 2px !important;
	text-align: left !important;
	margin-left: -8px !important;
	cursor: pointer !important
}

.roomItems {
	width: 100% !important;
	float: left !important;
	border-bottom: 1px dotted #ddd !important
}

.removeItem {
	cursor: pointer !important;
	font-weight: 500 !important;
	margin-left: 10px !important;
	color: red !important;
	font-size: small;
}

.closeBtn {
	float: right !important;
	margin-top: -20px !important;
	cursor: pointer !important;
	background-color: red !important;
	padding: 0 10px !important;
	border-radius: 10px !important;
	color: #fff !important;
	font-size: 12px !important;
	z-index: 99999 !important
}

.select2-container .select2-selection--single {
	height: 40px !important
}

.select2-container--default .select2-selection--single {
	border-radius: 2px !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px !important;
	right: 6px !important
}

.items {
	width: 100% !important;
	float: left !important
}

.googleLogin {
	width: 100%;
	height: 100vh;
	background-color: #000;
	display: block;
	position: fixed;
	top: 0;
	z-index: 99999
}

.googleLogin h1 {
	color: #fff;
	font-size: 50px
}

.g_arrow {
	width: 130px;
	transform: rotate(180deg);
	margin-top: 40vh;
	float: right;
	margin-right: 45%
}

#credential_picker_container {
	z-index: 999999 !important;
	height: 100vh !important
}

.datepicker td,
.datepicker th {
	height: 28px !important
}

.clevel {
	margin-right: 5px
}

input[type=number] {
	-moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.wildtrailsHome {
	position: fixed;
	top: 45px;
	right: 5%;
	z-index: 9999999
}

.quickContact {
	position: fixed;
	top: 80px;
	z-index: 9999;
	width: 150px;
	border: 1px solid #ddd;
	padding: 10px;
	right: 60px;
	display: none;
	background-color: #0009
}

.quickContact a {
	width: 100%;
	float: left
}

.wildtrailsHome .fa {
	color: #ffc108 !important
}

.wildtrailsHome:hover+.quickContact {
	display: block !important
}

.quickContact:hover {
	display: block !important
}

@media (max-width:600px) {
	.wildtrailsHome {
		top: 50px
	}

	.wildtrailsHome.top {
		top: 8px
	}

	.quickContact {
		top: 90px;
		right: 20px
	}

	.feedback {
		display: block !important
	}

	#header_menu {
		padding: 10px !important
	}

	#credential_picker_iframe {
		z-index: 9999999 !important;
		top: auto !important;
		padding-bottom: 0 !important
	}

	.lists h3 {
		font-size: 18px !important
	}

	.lists h5 {
		font-size: 16px !important
	}
}
.hide-scroll{
    overflow-y:hidden;
}
.loading {
    width: 100%;
    float: left;
    position: fixed;
    top: 0px;
    background-color: #ffffffdb;
    height: 100vh;
    z-index: 99999;
    margin: auto;
    text-align: center;
    padding-top: 40vh;
}
 .smartItn h1{
    font-size: medium;
 }
.smartItn h2{
    font-size: medium;
}.smartItn h3{
    font-size: medium;
}.smartItn h4{
    font-size: medium;
}
.smartItn h5{
    font-size: medium;
}
.new-loading
{
	width: 100%;
    float: left;
    position: fixed;
    top: 0px;
    background-color: #f7f5f57a;
    height: 100vh;
    z-index: 99999;
    margin: auto;
    text-align: center;
    padding-top: 40vh;
}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.preload-img{
	width: 11% !important;
	margin-top: 16% !important;
	border-radius: 50% !important;
}
@media (max-width: 575px) 
{
	.preload-img{
		width: 24% !important;
        margin-top: 54% !important;
	}
}
@media (min-width:576px) and (max-width: 991px) 
{
	.preload-img{
		width: 17% !important;
        margin-top: 32% !important;
	}
	.menu-right{
		text-align: left !important;
	}
}