@media (max-width: 768px) { 
	html .form-control, html body input[type=text], html body input[type=password], html body input[type=number], html body input[type=tel], html body input[type=email], html body input.ui-autocomplete-input, html body select,
	input[type=button], input[type=submit], .submit, button {
		height: auto !important;
		padding: .8rem 0.6rem !important;
	}
	html body .ui-autocomplete li a, 
	html body .ui-autocomplete.ui-widget-content li .ui-state-focus {
	    padding: 10px !important;
	}
	html .ui-datepicker {
	    width: auto;
	    font-size: 1.2rem;
	}
	html .ui-datepicker td span, 
	html .ui-datepicker td a {
	    padding: 0.7em;
	    font-size: 1.2rem;
	}
	html .ui-datepicker .ui-datepicker-prev, 
	html .ui-datepicker .ui-datepicker-next {
	    width: 2.8em;
	    height: 3.8em;
	}
	html body .intl-number-input input {
		padding-left: 48px !important;
	}
	.mobile-filter {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99999;
		background-color: #fff;
		overflow: auto;
	}
}
html .datepicker-inline {
    width: auto;
}
html input[type='checkbox'] {
	 -webkit-appearance:none;
	 width:16px;
	 height:16px;
	 padding: 4px;
	 margin: 0 3px 0 0;
	 border-radius:5px;
	 outline:none;
	 fill: red;
	 vertical-align:text-bottom;
}
html input[type='checkbox']:checked:before {
	content: "";
	display:block;
	background-repeat: no-repeat;
	width:100%;
	height:16px;
}
html input[type='radio'] {
	-webkit-appearance:none;
	width:16px;
	height:16px;
	padding: 2px;
	margin: 0 3px 0 0;
	border-radius:50%;
	outline:none;
	vertical-align:text-bottom;
}
html input[type='radio']:before {
	content:'';
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;    
}

/** AGENT CUSTOM STYLES **/

@media (min-width: 1200px) { 
	.flight-page .container {
    	max-width: 100%;
	}
	.jui .d3container-wrapper {
    	padding: 0 15px;
	}
}
body{
	background:url(/images/theme/rnmore/bg.jpg) no-repeat top center;
	background-size:cover;
	background-attachment:fixed;
	min-height:100vh;
}

#main #header{
	padding:0;
	background-color:transparent;
	box-shadow:none;
}
#header .header{
	padding:8px 36px;
	margin-bottom:48px;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	box-shadow:0 2px 10px rgba(1,1,1,.2);
}
.header .left{
	display:flex;
	align-items:flex-end;
}
html .header .main-nav a{
	margin-left:16px;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
html .header .btn-nav .menu-svg{
	display: none;
}
.header .logo-item{
	margin-right:48px;
	padding-top: 10px;
	padding-bottom: 5px;
}
html img.logo,
html #logo img{
	max-height:40px;
}
html #wrapper{
	max-width:inherit;
	width:calc(100% + 60px);
	margin-left:-30px;
	margin-right:-30px;
	margin-top:0;
}
html .ui-menu .ui-menu-item a{
	padding:8px;
	border-bottom:1px solid #eee;
	display:block;
}
html .ui-autocomplete {
    z-index: 2000;
}
html .guests .guest-select,
html .guests .guest-select:hover,
html .guests .guest-select:focus{
	font-size:12px;
	border-radius:0;
	height:35px;
	background-color:#fff;
	border-width:2px;
	color:inherit;
}
html .guests .guest-select b{
	margin-right:2px;
}
html .guests .dropdown-menu *{
	font-size:12px;
}
html .guests .dropdown-menu .row > .col-md-2 > label{
	font-size:8px;
	white-space:nowrap;
}
html .guests .dropdown-menu .row > .col-md-2 > input{
	padding:8px;
}
.roomName i.icon-info:before{
	display:none;
}
html h4 {
    font-size: 12px;
}
#rnmoreSlider{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.workspace #rnmoreSlider{
	z-index:-1;
}
#rnmoreSlider img{
	opacity:.5;
    object-fit: cover;
    height: 100vh;
}

/** DASHBOARD **/

.content-box{
	border-radius:1.5em;
	box-shadow:0 2px 10px rgba(1,1,1,.3);
	display:flex;
	flex-direction:column;
}
.content-box-header{
	padding:16px 16px 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.content-box-header .sectionHeader{
	text-transform:capitalize;
	font-style:italic;
}
.content-box-header .sectionHeader .nav-text{
	font-size:14px;
	margin-left:36px;
	text-transform:initial;
}
@media (max-width: 576px) { 
	html .content-box-header .sectionHeader .nav-text{
		display:none;
	}
}
.content-box-header .agent-info{
	font-style:italic;
}
.content-box-header .agentId{
	border-radius:8px 8px 0 0;
	padding:4px 16px;
	margin-left:32px;
	display:inline-block;
}
@media (max-width: 1024px) { 
	html .dashboard-icons{
		margin:16px 32px;
	}
	html .dashboard-icons .icon-bg{
		height:48px;
		width:48px;
		border-radius:.6em;
	}
	html .dashboard-icons img{
		max-height:30px;
	}
}
.dashboard-icons{
	margin:32px 64px;
}
.dashboard-icons .row{
	margin-bottom:12px;
}
.dashboard-icons h6{
	margin-bottom: 0;
    font-size: 80%;
    padding: 3px 6px;
    position: relative;
    display: inline-block;
    top: -15px;
}
.dashboard-icons .col-6{
	text-transform:uppercase;
	padding-top:16px;
	padding-bottom:16px;
	display:flex;
	align-items:center;
	flex-direction:column;
}

.dashboard-icons .icon-bg{
	height:64px;
	width:64px;
	padding:8px;
	margin-bottom:5px;
	border-radius:1em;
	display:flex;
	justify-content:center;
	align-items:center;
}
.dashboard-icons img{
	max-height:36px;
	max-width:100%;
}
.dashboard-icons .nav-title{
	text-align:center;
	margin:0;
}
.cro .row.xweb{
	display:flex;
	justify-content:center;
}

/** END DASHBOARD **/

/** LOGIN PAGE **/
html #loginForm #main #content{
	height:100vh;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0 0;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
html #loginForm #header,
html #loginForm .half,
html #loginForm #innerContent{
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
}
html #loginForm #main #innerContent{
	min-height:initial;
}
#loginForm #main #header{
	width:100%;
	padding:0;
	margin-top:5%;
	background-color:transparent;
	box-shadow:none;
	min-height: auto;
}
html #loginForm #header .full img{
	max-height:80px;
}
html .loginbanner,
html #loginForm .spacerbig{
	display:none;
}
html #loginForm .half {
    font-style:italic;
}
html #loginForm .half .register-link a:hover{
	text-decoration:none;
	border-color: transparent;
}
html .login-section-wrapper > .login-section-inner {
	display:flex;
    justify-content: center;
	box-shadow:none;
    padding: 0;
    margin: 0;
}
.login-section-wrapper .loginform {
    padding: 20px;
    background-color: transparent;
    box-shadow:none;
}
html .loginform ul li input {
    padding: 8px;
    height:auto;
    border-radius:8px;
}
html .loginform ul li input.submit {
    padding: 8px 36px;
    border-radius:8px;
}
#loginForm .footer{
	width:100%;
}
.footer-contact-title {
	display: none;
	text-align: center;
    padding: 2rem;
    font-size: 2rem;
    font-weight: 600;
}
.login-page .footer-rnmore {
	display: none;
}
.footer-rnmore .login-logo {
	display: none;
}
/** END LOGIN PAGE **/

/** REGISTER PAGE **/

.register-page #header .row{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	padding:16px;
}
.register-page #header .col-xs-6{
	width:50%;
}
.register-page #header .sectionHeader{
	text-align:right;
}
.register-page #registerationForm{
	max-width:970px;
	margin-left:auto;
	margin-right:auto;
}

/** END REGISTER PAGE **/

html .footer{
	padding:8px;
	font-size:12px;
	text-align:center;
}
.footer-call-center{
	margin:36px 0;
	font-style:italic;
	font-weight:300;
}
.footer-call-center .cc-text2{
	font-weight:700;
}
.footer-contact h2{
	font-size:24px;
	margin-bottom:24px;
	font-style:italic;
	display:inline-block;
	border-bottom:1px solid #6a6a6a;
}
.footer-contact .form-control,
.footer-contact .btn.submit {
    height: 38px;
}
.footer-contact textarea{
	min-height:200px;
}
.footer-rnmore{
	padding:64px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.footer-rnmore a{
	font-size:24px;
	margin-right:10px;
}

html #flight ul.find-flight li label {
    margin-bottom: 0;
}
html body .departureResults .fullcollapsed,
html body #returnResults .fullcollapsed,
html body #departureResultsFree .fullcollapsed{
	background-color:transparent;
}
html .d-results h3 span{
	color:inherit !important;
}
html .info-aircraft .is-flight{
    background-position: center -716px;
}
html .fullcollapsed .info-aircraft i{
    width:initial;
    height:initial;
    background:none;
    margin-left:5px;
}
html a.btn{
	line-height:inherit;
}
input[type=button], input[type=submit], .submit, button {
    line-height: normal;
}
html input.close{
	float: none;
	opacity: 1;
	font-size: inherit;
}
html .cc-banner h4 {
    margin-bottom:0;
}
html body .campaign-dialog ul{
	display: flex;
	flex-wrap:wrap;
	padding:10px;
	border:1px solid #eee;
}
html body .campaign-dialog ul li{
	display: flex;
	align-items: center;
	float:none;
	width:50%;
	margin:0;
	padding:10px;
}
html .campaign-dialog ul li{
	border:0;
}
html .campaign-dialog .camp-list-num{
	border-radius:50%;
	width:50px;
	height:50px;
	line-height:50px;
	text-shadow:none;
	font-size:24px;
}
/** LOADING **/
.new-loading {
	display: none;
}
.new-loading-box {
	width: 450px;
	padding: 48px 24px;
	border-radius: 10px;
	min-height: 150px;
	background-color: #fff;
	border: 0;
	box-shadow:0 10px 20px rgba(1,1,1,.16);
	position: absolute;
	left: 50%;
	margin-left: -225px;
	top: 150px;
	text-align: center;
	color: #aaa;
	font-weight: bold;
	font-size: 14px;
	z-index: 999;
}
.new-loading .loading-overlay{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:rgba(1,1,1,.4);
	z-index:998;
}
.sliding-icons-wrapper {
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
	height: 24px;
	margin-bottom:50px;
}
.sliding-icons {
	display: inline-flex;
	flex-direction: column;
	position: relative;
	top: 0;
	animation: slide-icon 10s linear infinite;
}
@keyframes slide-icon {
  0%, 10% {
	top: 0;
  }
  11%, 30% {
	top: -100%;
  }
  31%, 50% {
	top: -200%;
  }
  51%, 70% {
	top: -300%;
  }
  71%, 90% {
	top: -400%;
  }
  91%, 100% {
	top: -500%;
  }
}
/** END LOADING **/
.old-loader {
	background-color: #fff;
	width: 450px;
	border: solid 1px #D8D6D6;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 150px;
	position: absolute;
	left: 50%;
	margin-left: -225px;
	top: 150px;
	display: none;
	text-align: center;
	color: #dadada;
	font-weight: bold;
	font-size: 14px;
	padding-top: 50px;
	z-index:99;
}

/*** RENTAL HOUSE ***/
#countryHousesMap > .fullcollapsed td{
	padding: 10px;
}

/*** HOTEL ***/
html body .order-window-wrapper > .table-responsive > .fullcollapsed .rowitem,
html body .order-window-wrapper > .table-responsive > .fullcollapsed td{border: 0;}
	
@media (max-width: 700px) { 
	html #content3,
	html #content4 {
	    width: 100%;
	}
	table.countryCityDistrictHotel td table {
	    width: 100%;
	}
	table.countryCityDistrictHotel td {
	    width: 100%;
	    display: block;
	    float: left;
	}
	table.countryCityDistrictHotel thead {
	    display: none;
	}
	table.countryCityDistrictHotel select {
	    max-width: initial;
	    margin-bottom: 10px;
	}
	html body .searchResult {
	    padding: 8px;
	}
	html #hotelResults .hotelTop td,
	html #hotelResults .roomPriceTd {
	    display: block !important;
	    width: 100% !important;
	    padding: 0;
	}
	.searchResult tr.hotelTop .hotel-photo img {
	    display: block;
	    width: 100%;
	    max-height: fit-content;
	    object-fit: cover;
	    margin-left: 0;
	    border-radius: 5px;
	}
	#hotelResults .roomPriceTd .roomPriceTable tr td:last-child,
	#hotelResults .roomPriceTable td.room-price,
	#hotelResults .roomListTd .roomPriceTable tr td,
	#hotelResults .roomListTd .roomPriceTable tr th {
	    width: 100%;
	    display: block;
	    border: 0;
	}
	#hotelResults .roomPriceTable td {
	    white-space: wrap;
	}
	#hotelResults .roomPriceTable td.room-price {
	    white-space: nowrap;
	}
	#hotelResults .roomPriceTable th.roomPension {
	    word-break: break-word;
	}
	#hotelResults .hotel-price-td .submit {
	    margin-block: 20px;
	    width: 100%;
	}
	#hotelResults .roomListTd .roomName > a {
	    font-size: 1.5rem;
	}
	#hotelResults .room-photo img {
	    max-width: 100%;
	    max-height: 250px;
	    margin: 0;
	    width: 100%;
	    object-fit: cover;
	}
	.searchfilter .aside-map .aside-map-title {
	    padding: 20px;
	}
	html .hotelDetails ul.info-list li {
	    width: 50%;
	}
}