.external-scroll{
	width: 300px;
	overflow-x: scroll;
	overflow-y:hidden;
}
.scroll-element_outer {
	width: 2000px;
	height: 20px;
}

.external-scroll {
    border: solid 1px #9999fc;
    cursor: pointer;
    display: block;
    height: 15px;
    right: 0;
    top: 110px;
    width: 100%;
    position: fixed;
    max-width: calc(100% - 29%);
    z-index: 999;
    background: #fff;
}
.external-scroll div{
    /*height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;*/
}
.external-scroll .scroll-bar{
    background: #9999fc;
    z-index: 12;
	width: 100px;
}
.cus-scroll::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.cus-scroll{
	margin-top: 17px;
}
@media (max-width:1024px){
	.cus-scroll{
		margin-top: 0px;
	}
	.external-scroll {
		/*display:none;*/
	}
}

input.gn-search{
	background-color: #ffffff;
	border-radius: 0;
}
.appointments-page .apppad .right-sidebar .col-md-12 .alert{
	margin-top: 40px;
}
.popupContainer .popupHeader .row{
	display: block;
}
.main-menu-toggle{
	position: fixed;
	z-index: 999999;
	top: 19px !important;
	padding: 5px !important;
}
.apppad{
	display: inline-block;
    width: 100%;
}
.appointments-page .apppad{
	padding-left: 0px;
	margin-top:0px !important;
}
.appointment-inner .apppad{
	
}
.cus-data-table .form-inline table.dataTable{
	display: inline-table;
}
.cus-appcl-header{
	/*margin-left: -27px;*/
	margin-left: 0px;
}
.cus-sidemenu .header-nav-primary li:hover, .cus-sidemenu .header-nav-primary li.active a{
	border:none;
}
.cus-sidemenu #drop-list .card-body{
	margin-bottom:0px;
}
.cus-sidemenu #drop-list .nav{
	padding-left:0px;
}
.content-admin-main-inner {
	padding:0px;
}
.navbar-nav .nav-link{
	border-radius:0px !important;
	font-size: 14px;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #000;
    background: #eee;
}
.left-sidebar-bottom .inner-nav-section {
	display: block;
}
 .left-sidebar-bottom .navbar ul li{
	 width:100%;
 }
 .left-sidebar-bottom .navbar ul li a,
 .left-sidebar-bottom .navbar ul .active a{
	padding:10px 20px;
 }
.pdleftnone .left-sidebar {
	
}
.right-sidebar-top{
	position: relative;
	width:100%;
	display: inline-block;
}
.padplus a svg{
	color:#ffffff;
	fill:#ffffff;
}
.appointment-inner .apppad{
	background:#ffffff;
}
.appointment-inner .left-sidebar{
	padding-right: 0;
	padding-left: 0;
	border: none;
}

.cus-calnder-col-9{
	padding-left:0px;
}
.mfb-component__list > li{
	text-align:center;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li svg, .mfb-component--br.mfb-zoomin .mfb-component__list li svg{
	top:18px;
	left:20px;
}
@media screen and (min-width: 1025px){
	
}

@media screen and (max-width: 991px){
	.header-logo{
		margin-left:43px;
	}
	.left-sidebar .left-sidebar-bottom{
		width:100%;
	}
	.cus-calnder-col-9{
		padding-right:0px;
	}
}
.footer{
	display:none !important;
}

.cus-thead-sec{
	margin-top:15px;
	padding-right: 20px;
}
.cus-thead-sec .custpad.TimeHead{
	float:left;
	margin-right: 15px;
	/*width:84px;*/
	width:75px;
}
.cus-appcl-header {
    background-color: #6766ab;
    position: fixed;
    display: flex;
    overflow: hidden;
    z-index: 999;
    top: 62px;
    width: calc(100% - 25%);
    align-items: center;
}
.cus-tday .custpad.TimeHead{
	display:none;
}
.PanHeading {

}
.custpad .PanOuter .PanHeading a {
    color: #333333;
    display: -webkit-box;
    max-height: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
}
.PanHeading a:focus + div.ajax-data-hover,
.PanHeading a:hover + div.ajax-data-hover {
	display: block;
	opacity: 1;
	z-index: 99;
}

div.ajax-data-hover p {
	font-size: 13px;
	color: #333333;
	font-weight: normal;
}

td.table-days span {
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

div.ajax-data-hover table tr th,
div.ajax-data-hover table tr td {
	font-size: 13px;
	color: #333333;
	font-weight: normal;
}

div.ajax-data-hover table tr th {
	font-weight: bold;
	background: #fafafa;
}
.cus-scroll{
	direction: ltr;
	display: -webkit-box;
	display: block;
}

.cus-scroll, .cus-scroll .cs-Content	{
	transform:rotateX(180deg);
	-ms-transform:rotateX(180deg); /* IE 9 */
	-webkit-transform:rotateX(180deg); /* Safari and Chrome */
}
.cus-scroll .cs-Content{
	direction: ltr;
	display: inline-block;
}

#closedday .ui-widget.ui-widget-content{
	padding: 0px 0px 10px;
	border: none;
	margin-top: 0;
}
.ui-datepicker table{
	background:none;
}
.popupBody .form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.popupBody .dropdown-menu li a{
	font-size:14px !important;
}

@media screen and ( max-width: 1024px ) {
	.cus-res-hide{
		display:none;
	}
	.cus-res-height{
		height: 38px;
	}
	
}
.cus-tday{
	padding-right:0px;
}
.cus-scroll{
	padding-right: 0px;
	white-space: nowrap;
	/*overflow-x: auto;*/
	overflow-x: scroll;
	/* text-overflow: ellipsis; */ 
	max-width: 100%;
	overflow-y: hidden;
}
.cus-dscroll{
	overflow: initial;
	/* text-overflow: ellipsis; */
	max-width: 100%;
	/* overflow-y: hidden; */
	width: 100%;
}
.cus-dscroll .cs-Content{
	width: 100%;
}
.cus-dscroll .custpad{
	width: 100%;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background-color: rgba(0,0,0,.07);
    background-image: none;
    border: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	height: 24px;
    width: 24px;
}
.ui-widget.ui-widget-content{
	background:#ffffff;
	padding: 15px 20px 15px 20px;
	margin: 8px 0;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    outline: 0;
}
.ui-datepicker .ui-datepicker-header{
	background: #ffffff !important;
    border: none;
}
.ui-datepicker td{
	padding:0px;
	border: none !important;
}

.ui-datepicker-current-day .ui-state-active, .ui-datepicker-today .ui-state-active{
    font-weight: 500;
    /*-webkit-border-radius: 50%;
    border-radius: 50%;*/
}
.ui-datepicker-calendar thead{
	background: none !important;
}
.bootstrap-timepicker-widget table td input{
	width: 35px;
    border: 1px solid #dedede;
    height: 35px;
}
.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input{
	border-radius: 2px;
}
.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: rgba(0,0,0,.07);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 2px;
    border:none;
}
.ui-datepicker-calendar .ui-state-disabled{
	background-color: rgba(0,0,0,.05) !important;
}
.ui-widget-header {
	background: rgba(232, 232, 232, 1) none repeat scroll 0 0 !important;
}

.ui-widget-content {
	background-color: transparent;
}

.ui-datepicker table {
	width: 97%;
	margin: 0px 4px .4em;
	background-color: #FFF;
}

.ui-datepicker-calendar thead {
	background-color: #e2e0e0;
}

.ui-datepicker-calendar .ui-state-disabled {
	background-color: #c5c5c5;
}
.ui-widget-header{
	font-weight:normal !important;
}
.ui-widget.ui-widget-content {
	border: none;
	/*width: 100%;*/
	z-index: 999999 !important;
}
.left-sidebar-top .ui-widget.ui-widget-content{
	width: 100%;
	margin-bottom:0px;
	margin-top: 0px;
}
.ui-widget-content {
	box-shadow: none;
}
.left-sidebar-top .ui-widget.ui-widget-content {
    border: none !important;
    box-shadow: none !important;
}
.custpad {
	padding: 0px 5px;
	width: 224px;
	display: inline-block;
	float: none;
}
.excsstimehead {
    /* margin-top: 15px; */
    margin-top: 15px;
    padding-right: 20px;
    width: 100%;
}
.col-md-1.custpad {
    background: #fff !important;
    border-right: 1px solid #dedede !important;
    padding: 0 !important;
}
.col-md-1.custpad {
    float: left !important;
    margin-right: 15px !important;
    z-index: 99;
    width: 75px !important;
}
.w500 {
	width: 448px !important;
}

.side-nav.dropdown .dropdown-menu{
	display:none;
}
.prnt-table tr th, .prnt-table tr td {
	border: 1px solid #dddddd !important;
}
.TimeHead .headCell:nth-child(2n+1) h3{
	font-size: 14px;
	text-align: right;
}
@media print {
	html {
		margin: 0px;
	}

	@page {
		size: auto;   /* auto is the initial value */
		margin: 0mm;  /* this affects the margin in the printer settings */
	}

	.print-btn, .cust-btns {
		display: none;
	}

	body * {
		visibility: hidden;
	}

	#resrv-popup-customer, #resrv-popup-customer * {
		visibility: visible;
	}

	#resrv-popup-customer {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		bottom: 0px;
	}

	.print-div .col-md-4 {
		width: 48%;
		float: left;
	}

	.prni-left {
		text-align: left !important;
		width: 100%;
	}

	#popup {
		width: 95% !important;
		left: 2% !important;
	}

	.popupHeader,
	.footer {
		display: none !important;
	}

	.resrv-popup-customer .panel {
		box-shadow: none !important;
		border: none !important;
	}

	.resrv-popup-customer .panel .dropdown-toggle {
		border: none !important;
		padding-left: 0px;
	}

	.resrv-popup-customer .panel .dropdown-toggle span {
		padding-left: 0px !important;
	}

	.resrv-popup-customer .panel .dropdown-toggle span.caret {
		display: none !important;
	}

}
#booking_form {
	padding: 20px;
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	width: 100%;
	position: relative;
}

.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.stepwizard-step .btn{
	padding: 8px 3px;
}
.stepwizard-step a i {
    font-size: 16px;
}

.stepwizard-row:before {
	top: 20px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-order: 0;
}
.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

#booking_form div.form-control {
	padding: 0;
	border: none;
	height: auto;
}

.has-error input[type="text"]:focus, .has-error input[type="password"]:focus, .has-error input[type="tel"]:focus, .has-error input[type="date"]:focus, .has-error input[type="email"]:focus, .has-error input[type="number"]:focus, .has-error textarea:focus, .has-error select:focus {
	border: 2px solid #cc0000;
}

.btn-circle {
	width: 40px;
	height: 37px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}

.popupBody .customer-form .no-texttra .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.popupBody .customer-form .no-texttra .bootstrap-select.btn-group .dropdown-menu li a span.text,
.popupBody .customer-form .no-texttra .bootstrap-select.btn-group .dropdown-menu li a {
	text-transform: initial;
}

.cus-select {

}
.bootstrap-select.btn-group .dropdown-menu{
	max-width: 100%;
}

.btn.dropdown-toggle .caret {
	padding: 0px;
}

.textarea-resize {
	margin-top: -25px;
}

.customer-form .col-md-6,
.customer-form .col-md-3 {
	margin-top: 15px;
}
.customer-form .col-md-6{
	margin-top: 0px;
}
.navbar-brand{
  height:auto;
}
.appointments-page{
  display:inline-block;
  width:100%;
  /*padding-left:55px;*/
  padding-left:0px;
  /*padding-top: 60px;*/
}
.pdleftnone .left-sidebar{
	width: 25%;
	top: 62px;
}
.left-sidebar-top h4 {
    background-color: #969698;
    margin: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
@media (min-width: 769px){
	.pdleftnone {
		height: 100vh;
		padding-right: 0;
	}
	.pdleftnone .left-sidebar {
		border-right: 1px solid #dedede !important;
		height: 100vh;
	}
}
.navbar-expand-lg .navbar-nav.side-nav{flex-direction: column;}
.card{margin-bottom: 15px; border-radius:0; box-shadow: 0 3px 5px rgba(0,0,0,.1); }
.header-top{/*box-shadow: 0 3px 5px rgba(0,0,0,.1);*/border:none;border-radius:0px;background:#ffffff !important;margin-bottom: 0;padding-top: 0;padding-bottom: 0;}
.navbar-nav li a .shortmenu{display: none}
.card-title{ font-size: 28px}
@media(min-width:992px) {
.navbar-nav li a .shortmenu {
	float: right;
	/*display: block;*/
	display: none !important;
	opacity: 1; 
	width:18px;
	font-size: 18px;
    margin-right: 10px;
    line-height: 22px;
}
.navbar-nav.side-nav.open.navbar-nav li a .shortmenu {opacity: 0; display: none;}
.navbar-nav.side-nav{
	background: #585f66;
	box-shadow: 2px 1px 2px rgba(0,0,0,.1);
	/*position:fixed;*/
	position: absolute;
	top:63px;
	flex-direction: column!important;
	/*left:-180px;*/
	left:-230px;
	width:230px;
	bottom:0;
	padding-bottom:40px;
	z-index: 999999;
	height: 100vh;
}
}
.animate{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
/*.navbar-nav li a{
	font-size:14px;
}*/
.side-nav .dropdown a{
	font-size:14px;
}
.Xro3Db-nUpftc-EbqdBd{
	margin-top:29px;
}
.side-nav .dropdown .dropdown-menu a{
	border-bottom:1px solid #cccccc;
}
.side-nav .dropdown .dropdown-menu a strong{
	border-radius: 4px;
    padding: .6rem !important;
    background: #b19f6b;
	color:#ffffff;
}
.navbar-nav li a svg{font-size: 18px;float: left;margin: 0 10px 0 5px;}
.side-nav.open .navbar-nav li a svg{
	width:18px;
	font-size: 16px;
}
.navbar-nav li a svg:first-child{
	display: none;
}
.navbar-nav.side-nav.open.navbar-nav li a svg:first-child{
	display: inline-block;
}
.side-nav li { border-bottom: 1px solid #50575d;}
.side-nav .dropdown {position:initial;}
.side-nav .dropdown-menu {position:relative;opacity:0;left:120%;top:0;height:100%;border:0;padding:0;margin:0;border-radius:0;box-shadow:5px 0 5px rgba(0,0,0,.1);/*background:#eee;*/visibility: hidden;display:block;transition: .4s ease all;min-width: 180px;}
.side-nav .dropdown-menu.show {left:100%;opacity:1;visibility: visible;display:block;transition: .4s ease all;min-width: 180px;}


.side-nav .nav-item.open .dropdown-menu{
    left: 100%;
    opacity: 1;
    visibility: visible;
    display: block !important;
    transition: .4s ease all;
    min-width: 180px;
	background: #eeeeee;
}

.customnavbar .navbar-nav li a{font-size:14px;}
.header-nav-user .cus-toggle-main .dropdown-menu{
	/*display:none !important;*/
}
.header-nav-user .cus-toggle-main.show .dropdown-menu.show{
	/*display:block !important;*/
}

.navbar-dark .navbar-nav .nav-link.dropdown-toggle:after,
.cus-toggle-main .dropdown-menu{
	display:none;
}
.cus-toggle-main.open .dropdown-menu{
	display: block;
    position: absolute;
    width: 180px;
    right: 0;
    left: initial;
    max-width: 180px;
}
.navbar-nav .nav-item .nav-link.dropdown-toggle:after{
	display:inline-block;
	margin-left: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.cus-toggle-main .dropdown-menu li a{
	white-space: pre-line;
}
.header-content{
	
}
.header-nav-user .dropdown-menu{
	min-width: 180px;
    right: 0;
    left: initial
}
.header-action-inner {
	/*font-size: 16px;*/
	position:relative;	
}
.AddListing dt a{
	text-transform: initial !important;
}
.header-action-inner img{
	position: absolute;
    left: -22px;
    top: 0;
    height: auto;
    width: 100%;
    max-width: 32px;
    transform: rotate(10deg);
	/*display:none !important;*/
}
.header-action-inner span{
	line-height: 28px;
    margin: 0;
	width: 100%;
}
.rent-calculater{
	margin-right: 0;float: right;margin-bottom: 0px; margin-top: 20px;
}
.header-logo{
	padding: 10px 0px;
	margin: 0;
}
.header-content{
	/*width:65%;*/
	width:67%;
	/*padding: 20px 0px 15px;*/
	padding: 20px 0px;
}
span.header-nav-user-name{
	width: auto;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	max-width: 160px;
	vertical-align: middle;
	text-align: right;
}
.show-notifications.active ~ .notifications {
	opacity: 1;
	/* top: 55px; */
	top: 58px;
	right: 0;
}
.header-bottom .dropdown{
	margin-left: 20px;
	display: inline-block;
	float: right;
	/*margin-right: 20px;*/
}
.cus-toggle-main .cus-toggle{
	font-size:14px;
}
.popupBody .formMain .equal{
	position: initial !important;
	text-align: center;
}
.popupBody .formMain .greenBox {
	margin-top: 0;
	width:100%;
}
.rent-calculater {
	margin-top: 12px;
	padding: 7px 14px !important;
	font-size: 14px !important;
	font-weight: bold;
	background: #17164B;
	margin-bottom: 20px;
	color: #ffffff !important;
	border-radius: 4px;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}
.cus-appcl-header .col-md-3 a{
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}
.cus-appcl-header .col-md-3 a:last-child{
	margin-left:5px;
}
.inner-nav-section{
	padding-left: 45px;
}

.right-custom ..show-notifications.active,
.right-custom ..show-notifications:hover{
	background:none;
}
@media (max-width: 1199px){
	.header-nav-user-name {
		display: inline-block;
	}
}
@media screen and ( max-width: 1024px ) {
	.header-wrapper{
		display:none !important;
	}
	.appointment-inner{
		padding-top:0px !important;
	}
	.apppad{
		padding-top: 0px !important;
	}
	.AppCalender{width: 75.5%;}
	.cus-appcl-header,
	.pdleftnone .left-sidebar{
		position: initial;
		width: 100%;
	}
	.pdleftnone .left-sidebar{
		padding-top:0px;
	}
	.navbar-nav.side-nav{
		left:-235px;
		z-index:99999;
	}
	.navbar-nav.side-nav svg:last-child{
		display:none;
	}
	.navbar-nav.side-nav.open {
		left: 0;		
	}
	.appointments-page{
		padding-left:0px !important;
		padding-top:0px !important;
	}
	.cus-appcl-header .col-md-4,
	.cus-appcl-header .col-md-3{
		width:100%;
		text-align:center;
	}
	.cus-appcl-header .col-md-3 a{
		display:inline-block;
		float:none;
		margin-top:5px;
	}
	.cus-appcl-header{
		padding-top"
	}
	.pdleftnone{
		padding-right:0px;
	}
	.Xro3Db-nUpftc-EbqdBd{
		/*margin-top:16px;*/
		margin-top:0px;
	}
	.apppad{
		/*padding-top: 11px !important;*/
		padding-left:0px;
	}
	.customnavbar ul li a {
		padding: 10px 20px;
	}
	.addroom-inner,
	.addroom-inner .mtlr{
		padding-top:0px !important;
	}
	.addroom-inner .mtlr{
		padding-left:0px !important;
		margin-top:0px !important;
	}
	.AppCalender .pull-right{
		text-align:center;
		width: 100%;
	}
	
}
@media screen and ( max-width: 991px ) {
	.login-mobile {
		display: inline-block !important;
	}
	.cus-dash-headm{
		display:none !important;
	}
	.AppCalender{
		position: initial !important;
		margin-top: 0px !important;
		margin-bottom: 0;
	}
	.header-top{
		display:inline-block !important;
		width:100%;
	}
	.header-content{
		width:auto !important;
	}
	.timeHour{
		font-size: 14px;
	}
}
@media screen and ( max-width: 767px ) {
	ul.header-nav-primary{
		display:none !important;
	}
	.header-logo{
		margin-left:0px;
	}
	.customer-form .col-md-6 {
		margin-top: 0px;
	}
	.appointment-inner {
		padding-top: 0px !important;
	}
	.col-md-1.custpad{
		width: 64px !important;
		margin-right: 5px !important;
	}
	.excsstimehead{
		display:flex;
	}
}
@media screen and (max-width: 680px){
	.user_portfolio .rent-calculater{
		display: inline-block !important;
	}
}
@media screen and (max-width: 560px){
	.profile-icon-right{
		margin: 10px 0px 0px 10px;
	}
	.redcircle{
		width: 40px;
		height: 40px;
		font-size: 12px;
		line-height: 32px;
		padding: 0 5px;
	}
	.profile-icon{
		margin: 10px 10px 0px 0px;
	}
	.headCell{
		padding-left:4px;
		padding-right:4px;
	}
	.TimeHead{
		width: 55px !important;
		overflow: hidden;
		background: #ffffff;
		padding:0px 0px 0px 3px !important;
	}
	.TimeHead .headCell h3{
		font-size:13px;
	}
	.TimeHead.PanOuter .PanHeading{
		padding-top: 5px !important;
	}
}

@media screen and (max-width: 360px){
	.custpad{
		width: 255px;
	}
	.TimeHead {
		width: 65px !important;
	}
	.apppad .col-md-9 .right-sidebar .col-md-11{
		width: 86% !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.header-content {
		width: auto;
		text-align: center;
		float: right;
		/*margin-top: 25px;*/
	}
	.header-logo{
		float:none;
		display:inline-block;
		vertical-align:middle;
		width:auto;
	}

	.header-nav-primary.nav {
		width: auto;
		vertical-align: middle;
	}
	.customnavbar ul li a {
		padding: 10px 35px;
	}
	.header-nav-primary.nav li ul li{
		width:100%;
		text-align:left;
	}
	.rent-calculater{
		margin-right:10px;
		margin-top: 12px;
		padding: 6px 14px;
		font-size: 14px;
		font-weight: bold;
		background: #17164B;
		margin-bottom: 20px;
		color: #ffffff !important;
		border-radius: 4px;
		box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
	}
}
@media screen and (max-width: 1024px){
	.AppCalender{
		width:100% !important;
		display:inline-block;
		margin-left: 0px;
	}
	.appointment-inner .apppad{
		margin-top:0px;
	}
	.right-sidebar-top h4 a{
		float:left;
	}
	.header-logo{
		margin-top:7px;
	}
	.inner-nav-section {
		padding-left: 0px;
	}
	
}
@media screen and (max-width: 991px){
	.rent-calculater{
		padding: 6px 12px;
	}
	.appointment-inner .apppad {
		margin-top: 0px;
		padding-left: 0;
	}
	.cus-sidemenu #drop-list .card-body{
		padding-left: 20px;
		padding-right: 20px;
	}
	.inner-nav-section{
		padding-left: 0px;
	}
}

@media screen and (max-width: 920px){
	.header-content{
		padding-top: 7px;
	}
	.header-nav-user {
		margin-top: 10px;
	}
	.header-logo{
		padding-bottom: 0;
	}
	.header-logo img{
		width: auto !important;
	}
	
}
@media screen and (max-width: 896px){
	.header-logo img {
		max-width: 200px;
		height: auto;
	}
}
@media screen and (max-width: 870px){
	.header-logo{
		width: 200px;
	}
	.header-logo img{
		width:100%;
		height:auto;
		max-width: 170px;
	}
	.header-bottom .dropdown{
		margin-left: 5px;
	}
}
@media screen and (max-width: 820px){
	.header-logo{
		width: auto;
		margin-top: 0;
		padding: 0px 0 0 40px;
	}
	.right-custom ul{
		margin-bottom:0px;
	}
	.header-logo img {
		max-width: 220px;
	}
	.customnavbar ul li a{
		padding: 10px 20px;
	}
	.main-inner{
		/*padding-top: 0 !important;*/
	}
	.header-top{
		/*padding-top: 20px;
		padding-bottom: 20px;*/
		padding-top: 21px;
		padding-bottom: 10px;
	}
	.header-content {
		/*padding-top: 0px !important;*/
		padding: 0 !important;
	}
}
@media screen and (max-width: 767px){
	.header-logo img.login-mobile{
		display:inline-block !important;
		max-height: 150px;
	}
	.apppad .row{
		display: inline-block;
		display: block;
	}
	.header-content{		
		width: auto !important;
		text-align: center !important;
		padding-right: 10px;
		float: right;
	}
	.header-logo{
		text-align: center !important;
		padding-left: 0px !important;
		margin-right: 0px;
		margin-top: 5px;
		width: 100%;
	}
	.header-content .header-action{
		float:none;
	}
	.header-logo img{
		height:auto;
	}
	.customnavbar ul li a {
		padding: 10px 20px;
	}
	.header-nav-user {
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
	}
	.header-content .header-nav-secondary {
		text-align: center;
		margin-top: 0;
	}
	.header-top {
		display: inline-block;
		padding: 15px 0px 5px;
	}
	.header-bottom {
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
	}
	.header-bottom .dropdown{
		display: inline-block;
		float: right;
		vertical-align: middle;
	}
	.rent-calculater {
		margin-top: 8px;
	}
	.header-bottom .dropdown{
		right:20px;
		top:30px;
	}
}
@media screen and (max-width: 580px){
	.header-content {
		padding:0px;
	}
	.header-logo img{
		width: 180px !important;
		margin-right: 0;
	}	
	.KSxb4d{
		font-size: 18px;
		line-height: 20px;
	}
	.MmhHI {
		margin-left: 13px;
	}
	.qAeuG{
		line-height: 24px;
	}
}

@media screen and (max-width: 480px){
	.header-bottom .dropdown{
		margin-left:0px;
	}
	.rent-calculater {
		margin-top: 5px;
		display: inline-block;
		margin-right: 0;
		float:none;
	}
	.header-bottom .dropdown {
		top: 23px;
		top: 23px;
	}
	.main-menu-toggle{
		
	}
	.header-logo{
		margin-top:0px;
	}
}


/*=================================
		ROOM - PAGE
================================*/

.addroom-inner .mtlr{
	margin-top:0px;
	width: 100%;
	display: inline-block;
}
.form-inline label,
.cus-data-table .form-inline{
	display:inline-block;
	width:100%;
}
div.dataTables_wrapper div.dataTables_filter label{
	text-align: right !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
	display:inline-block;
}
@media screen and (max-width: 1024px) {
	.addroom-inner .add-rooms-background {
		padding-top: 0px !important;
	}
}

@media screen and (max-width: 830px) {
	.addroom-inner .add-rooms-background {
		padding-top: 135px !important;
	}
}

@media screen and (max-width: 767px) {
	.addroom-inner .add-rooms-background {
		padding-top: 0px !important;
	}
}

@media screen and (max-width: 680px) {
	.header-action, .rent-calculater {
		/*display: none !important;*/
	}
}

/*=================================
		ROOM - PAGE
================================*/



/*=================================
		ADD-ROOM - PAGE
================================*/


@media screen and (max-width: 1024px) {
	.addroom-inner .add-rooms-background{
		padding-top:0px !important;
	}
}
@media screen and (max-width: 992px) {
	.roomtd{
		text-align:center;
	}
	.roomtd .RoomCustom{
		text-align: left;
		width: 80px;
		display: inline-block;
	}
	.roomtd .RoomCustom label{
		display: block !important;
	}
}
@media screen and (max-width: 1024px) {
	.addroom-inner .add-rooms-background{
		/*padding-top:150px !important;*/
	}
}
.tmdurn .dropdown-menu{
	max-height:350px;
}
input#rdefault_times_title::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size:12px;
}
input#rdefault_times_title::-moz-placeholder { /* Firefox 19+ */
	font-size:12px;
}
input#rdefault_times_title:-ms-input-placeholder { /* IE 10+ */
	font-size:12px;
}
input#rdefault_times_title:-moz-placeholder { /* Firefox 18- */
	font-size:12px;
}

/*=================================
		ADD-ROOM - PAGE
================================*/


/*=================================
		SETTINGS - PAGE
================================*/


.cus-dropheight .dropdown-menu.open {
	max-height: 250px !important;
}

.cus-dropheight .dropdown-menu.open ul.dropdown-menu {
	max-height: 200px !important;
}


#closedday .ui-widget.ui-widget-content{
	width:100% !important;
}
#closedday .ui-datepicker-multi-3 .ui-datepicker-group,
#closedday .ui-datepicker-multi .ui-datepicker-group {
	width: 23% !important;
	margin: 1% !important;
	min-height: 250px;
}
#closedday .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
#closedday .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 1px !important;
}
#closedday .ui-datepicker-multi-3 .ui-datepicker-group, 
#closedday .ui-datepicker-multi .ui-datepicker-group {
    width: 24% !important;
    margin: 1% 0 0 1% !important;
    /*min-height: 250px;*/
    min-height: 300px;
    border: 1px solid #dedede;
}
#closedday .ui-datepicker-multi .ui-datepicker-group:first-child,
#closedday .ui-datepicker-multi .ui-datepicker-group:nth-child(5),
#closedday .ui-datepicker-multi .ui-datepicker-group:nth-child(9){
	margin-left: 5px !important;
}
.cus-sidemenu #drop-list .nav li a{
	display: inline-block !important;
}
@media screen and (max-width: 1024px){
	#closedday .ui-datepicker-multi-3 .ui-datepicker-group, #closedday .ui-datepicker-multi .ui-datepicker-group{
		width: 48% !important;
	}
}
@media screen and (max-width: 767px){
	#closedday .ui-datepicker-multi-3 .ui-datepicker-group, #closedday .ui-datepicker-multi .ui-datepicker-group{
		width: 98% !important;
	}
}
#exportStartDate, #exportEndDate{
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;background-color: #fff !important;border: 2px solid #e9e9e9 !important; height: 40px;
}

 .backrest-box {
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin-left: 3%;
	margin-right: 3%;
	background: #dfdfdf;
	border: 1px solid #cccccc;
	min-height: 100px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	text-align: center;
	min-height: 230px;
}

.backrest-box h4 {
	display: inline-block;
	width: 100%;
	float: none;
	margin-bottom: 10px;
}

.backrest-box i {
	font-size: 75px;
	color: #333333;
}

.format-choose,
.format-img {
	text-align: center;
	width: 100%;
	display: inline-block;
	float: none;
}

.format-img {
	margin-top: 20px;
	margin-bottom: 20px;
}

.upload-btn {

}

.upload-btn:hover {
	color: #ffffff;
}

.format-img img {
	display: inline-block;
	vertical-align: middle;
	float: none;
	width: auto;
	height: 40px;
}

.format-img a {
	margin-left: 5px;
	margin-right: 5px;
}

.format-choose p {
	color: #333333;
	text-transform: uppercase;
	font-size: 12px;
}
.cus-dropheight .bootstrap-select.btn-group .dropdown-menu{
	max-height:300px !important;
}
@media (max-width: 992px) {
	.backrest-box {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 15px;
	}
}
.ui-widget-header {
	background: rgba(232, 232, 232, 1) none repeat scroll 0 0 !important;
}

.ui-widget-content {
	background-color: transparent;
}

.ui-datepicker table {
	width: 97%;
	margin: 0px 4px .4em;
	background-color: #FFF;
}

.ui-datepicker-calendar thead {
	background-color: #e2e0e0;
}

.ui-datepicker-calendar .ui-state-disabled {
	background-color: #c5c5c5;
}

.ui-widget.ui-widget-content {
	border: none;
}

.ui-widget-content {
	box-shadow: none;
}

.ui-sortable-handle {
	cursor: pointer;
}

tr.ui-sortable-handle,
tr.ui-sortable-helper {
	width: 100% !important;
}

.ui-sortable-helper {
	display: table;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option,
.bootstrap-select.btn-group .dropdown-menu li a span.text,
.bootstrap-select.btn-group .dropdown-menu li a {
	text-transform: initial;
}
.bootstrap-select .dropdown-menu li a {
	font-size: 12px;
}
a.sort-icona i:before {
	line-height: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}

a.sort-icona.sec i:before {
	margin-top: -9px;
	margin-right: 0px;
	margin-left: 3px;
}

#apt input::-webkit-input-placeholder {
	font-size: 13px;
}

#apt input:-moz-placeholder {
	/* Firefox 18- */
	font-size: 13px;
}

#apt input::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 13px;
}

#apt input:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 13px;
}

#apt input::-ms-input-placeholder {
	/* Edge */
	font-size: 13px;
}

#apt input:placeholder-shown {
	/* Standard one last! */
	font-size: 13px;
}
@media screen and (max-width: 1024px){
	.apppad{
		padding-top: 10px !important;
	}
}
@media screen and (max-width: 830px){
	.apppad{
		/*padding-top: 165px !important;*/
	}
	
	.search-content {
		margin-top: 70px !important;
	}
	.search-content .col-md-12{
		width:100%;
	}
}
@media screen and (max-width: 767px){
	.apppad{
		padding-top: 0px !important;
	}
}
/*@media screen and (max-width: 580px){
	.popover.tour-tour .arrow{
	bottom: -16px !important;
	right: 50% !important;
	margin-top: 0 !important;
	top: initial !important;
	transform: rotate(90deg);
	}
	.popover.tour-tour{
		top: 630px !important;
	}
}*/


/*=================================
		SETTINGS - PAGE
================================*/


/*=================================
		PROFILE - PAGE
================================*/


.user-profile-smenu {
    width: 100%;
    float: left;
	margin-top: 25px;
}
.user-profile-smenu ul {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}
.user-profile-smenu ul li{
	width: 100%;
    float: left;
    margin-bottom: 0;
    border-bottom: 1px solid #dedede;
	transition: .2s ease-out !important;
}
.user-profile-smenu ul li a{
	width: 100%;
    float: left;
	padding-bottom: 10px;
    padding-top: 10px;
	transition: .2s ease-out !important;
}
.user-profile-smenu ul li a:hover{
	border-left: 5px solid #13123e;
    padding-left: 10px;
	transition: .2s ease-out !important;
}

.cus-pro-title span{
	
}

.cus-pro-title .pull-right span{
	font-size: 14px;
    width: auto;
    display: block;
	margin-top: 5px;
}

.pr-btn{
	display:inline-block;
	width:100%;
	max-width:180px;
	text-align:center;
	margin-bottom:2px !important;
	margin-top: 2px !important;
}
.widget .day {
	display: inline-block;
    vertical-align: middle;
    width: 100%;
	margin-top: 20px;
}
.day .header-nav-social.nav {
	display: block;
    margin-left: 0;
    text-align: center;
	width:100%;
}
.day .header-nav-social.nav li{
	display:inline-block;
	float:none;
	vertical-align:middle;
}
.day .header-nav-social.nav li:last-child{
	margin-right:0px;
}

.page-title span{
	margin-bottom: 10px;
    display: inline-block;
}
.liads{
	padding: 20px 10px 10px;
}
.adds-togl{
	padding: 10px 10px;
    text-align: center;
    font-size: 16px;
    color: #000000;
    background: #ffffff;
    box-shadow: 2px 7px 5px rgba(0,0,0,0.5);
}
.adds-togl strong {
    /*background: linear-gradient(60deg,#df1f1f 10%,#df5f1f 10%,#df5f1f 25%,#dfbf1f 25%,#dfbf1f 40%,#1fdf3f 40%,#1fdf3f 55%,#1f9fdf 55%,#1f9fdf 70%,#5f1fdf 70%,#5f1fdf 85%,#df1f1f 85%) !important;*/
    /*text-shadow: 0.5px -0.6vw #fff4;*/    
	font-weight:bold;
	font-size: 18px;
   /* -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    animation: 12s colore linear infinite,3s color ease alternate infinite;*/
}
@keyframes colore{100%{background-position:100vw 0}}@keyframes color{100%{transform:scale(1.1)}}

@media screen and (max-width: 991px) {
	.user-photo{
		max-width: 100%;
		text-align: center;
	}
	.user-photo #preview{
		max-width: 100px;
		display: inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
	.user-photo-action{
		position: initial;
	}
	.cus-rescol-8{
		margin-top: 40px;
	}
}

/*=================================
		PROFILE - PAGE
================================*/