﻿body {
    background: #f3f3f3;
    font-family: 'Roboto', sans-serif !important;
}
a {
    color: #000000;
    text-decoration: none;
}

#header {
	background: #881735;
}
.navbar-right {
	float: right;
}
.nomargin {
    margin: 0 !important;
}
.mar-top-10{
	margin-top:10px;
}
.nopadding {
    padding: 0 !important;
}


.mrg-lft15 {
    margin-left: 15px !important;
}
.padd-lft-15 {
    padding-left: 15px !important;
}
#logo {
	border-bottom: 1px solid #881735;
	background: #fff;
	padding: 5px 0px;
}
#logo h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #881735;
	font-size: 20px;
	margin: 30px 0px;
	text-align: right;
}
#logo h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #881735;
	font-size: 25px;
	text-align: right;
	margin-top: 5px;
	margin-bottom:0px;
}
#logo .name {
	font-family: 'Roboto', sans-serif;
	color: #881735;
	font-size: 17px;
	float: right;
	cursor: pointer;
}
#logo p {
	font-family: 'Roboto', sans-serif;
	color: #881735;
	font-size: 12px;
	margin-bottom: 0px;
	text-align: right;
}

#maincontent h2 {
	color: #881735;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	margin: 30px 0px 15px;
}
#maincontent p {
	/*color:#585657;*/
    
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
#maincontent h3 {
	color: #1d1d1d;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	margin:12px 0px 15px;
	background: url(../images/rb.jpg) no-repeat left bottom;
	padding-bottom: 12px;
}
.detail .lh {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 20px;
}
.detail select {
	color: #676767;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	width: 100%;
	background: rgba(242, 242, 242, 0);
	border: 0px;
	border-bottom: 1px solid #B9C1CA;
    padding-right: 15px;
	
}
:focus {
	outline: none !important;
}
.mgtop {
	margin-top: 27px;
}
.nbg {
    background: none !important;
    margin-bottom: 10px !important;
	padding-bottom: 0px !important;
}
#maincontent a {
	text-decoration: none !important;
	color: #000;
}
.mg0 {
	margin-top: 0px;
}
.detail p {
	color: #929292;
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	  
}

.mgtop2 {
	margin-top: 12px;
}
.mgb0 {
	margin-bottom: 0px !important;
}
.mgt53 {
	margin-top: 47px;
}
.wbg {
	background: #fff;
	padding: 0px 25px 70px;
	box-shadow: -12px -11px 31px -3px #ccc
}
.mgtop25 {
	margin-top: 25px;
}
.tc {
	color: #881735 !important;
	background: none !important;
	font-size: 15px !important;
}
.gbg {
	background: #f0f0f0;
	padding-bottom: 2px;
	color: #000000 !important;
	line-height: 25px;
	padding: 30px 30px;
	height: 450px;
	overflow: auto;
}
.gbg p {
	color: #000000 !important;
}
.acc {
	background: #333334;
	text-align: center;
	min-width: 120px;
	border-radius: 5px;
	margin-bottom: 24px;
}
.acc a {
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: block;
	transition: 0.2s;
	padding: 12px;
}
.acc a:hover {
	background: #881735;
	border-radius: 5px;
}
.reg {
	background: #881735;
	text-align: center;
	width: 120px;
	border-radius: 5px;
	margin-top: 20px;
}
.reg a {
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: block;
	transition: 0.2s;
	padding: 12px 0px;
}
.reg a:hover {
	background: #333334;
	border-radius: 5px;
}
#maincontent {
    background: #f3f3f3;
		min-height:calc(100vh - 250px);
}
.ph {
	background: #f7e1e7;
	padding: 10px 15px;
	margin-top: 10px;
}
.ph.tooltip-hoshi-inner img {
    position: absolute;
    top: -6px;
}
.ph p {
	color: #929292;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 2px;
}
.mgb50 {
	margin-bottom: 50px;
}
footer {
	padding: 30px 0px;
	background: #fff;
    font-size: 13px;
}
footer p {
	color: #000000;
	font-size: 13px;
	margin-bottom: 0px;
	font-family: 'Roboto', sans-serif;
}
.right {
	float: right;
}
header .dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #881735;
}
header .dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	text-decoration: none;
	background-color: #881735;
}
header .dropdown-menu {
	padding: 0px;
}
header .dropdown-item {
	font-size: 14px;
	padding: 6px 12px;
	border-bottom: 1px solid#eaeaea;
	transition: 0.2s;
}
.whitebg {
    background: #fff;
       display: flex;
    padding: 30px 0px;
	/*margin:10px 0px;*/
	margin:0 0 15px 0;
	    box-shadow:0px 1px 7px 2px #ccc !important;
}
.whitebg.hsrd {
    margin-top: 10px !important;
}
.hc .card {
	border: 0px;
}
.hc .card-header {
	padding: 16px 0px 14px 0px;
	margin-bottom: 0;
	background-color: rgba(255, 255, 255, 0);
	border-bottom: 1px solid #ccc;
	line-height: 0px;
	margin-top: 0px;
}
.hc .card-header h5 {
	line-height: 0px;
}
.hc .card-header a {
	font-size: 14px;
	display: block;
}
.plus {
	background: #881735;
	font-size: 9px !important;
	color: #fff;
	padding: 3px 3px;
	border-radius: 4px;
	font-weight: 400 !important;
	position: absolute;
	right: 0;
}
.accordion {
	list-style-type: none;
	padding: 0;
	margin: 0 0 30px;
	border-top: none;
	border-left: none;
}/*
.accordion {
    list-style-type: none;
    padding: 0;
    margin: 0 -15px 30px 0px;
    border-top: none;
    border-left: none;
    border-right: 1px solid #ccc;
    display: inline-block;
    padding-right: 15px;
}*/
.accordion ul {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion li {
	background: rgba(51, 204, 255, 0);
	cursor: pointer;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion li.active>a {
	background: url('../images/minus.png') no-repeat center right;
}
.accordion li div {
	padding: 20px;
	/*background: #aef;*/
	display: block;
	clear: both;
	float: left;
	width: 100%;
}
.accordion a {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	padding:13px 10px;
	display: block;
	cursor: pointer;
	background: url('../images/plus.png') no-repeat center right;
}
/* Level 2 */
.accordion li ul li {
	background: rgba(51, 204, 255, 0);
	font-size: 0.9em;
}
.inner ul{
}
.inner ul li{
	list-style-type:none;
	background:none !important;
}
.inner ul li a{
	list-style-type:none;
	background:none !important;
}

.inner a{
list-style-type: none;
    background: none !important;
    border-bottom: 1px dashed #ccc;
    padding: 4px 10px;
}
.inner a:hover{
color:#881735 !important;	
}
.iconsize {
    font-size: 18px !important;
    margin-right: 5px !important;
}
#header .dropup, .dropdown {
    position: relative;
    float: right;
}

.options .panel-heading {
    color: #333;
    background-color: #fff !important;
    border-color: #ddd;
	border:0px;
	padding:0px;
}
.whitebg .panel {
    border: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.options .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: default;
  background-color: #881735;
  
}

.options .nav > li > a {
       margin-bottom: 0px;
	       padding: 9px 14px;
}
.options .panel-body {
    padding: 15px 0px 15px 0px;
}
.panel{
	box-shadow:0px !important;	
}

.options .lh {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 20px;
}
.mgt45 {
    margin-top: 45px;
}
.cal{
    border-bottom: 1px solid #b9c1ca !important;
    margin-top: 11px !important;
    color: #929292 !important;
}
.more .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	color: #fff !important;
    text-decoration: none;
    background-color: #881735;
    font-family: 'Roboto', sans-serif;
}
.more{
    float: right;
    font-family: 'Roboto', sans-serif;
    margin-top: 17px;
}
.more .dropdown-menu{
	padding:0px;
}
.more .dropdown-menu {
    position: absolute;
    top: 100%;
    left: inherit;
    right: 0;
}

.approval h3 {
    color: #881735 !important;
    font-size: 18px !important;
        font-family: 'Roboto', sans-serif !important;
    margin: 0px 0px 15px !important;
	background:none !important;
	font-weight:500;
    padding-bottom:4px !important;

}
.agency_detail{
	border-bottom:1px solid #d4d4d4;
	    padding:10px 0px;
}
.agency_detail p{
 font-family: 'Roboto', sans-serif !important;
 font-size:14px;
 color:#222222;
     margin: 0px;	
}
.agency_detail .fa{
	    width: 16px;
color:#881735;
margin-right:8px;	
}
.border2{
	border:1px solid #d4d4d4;	
	border-bottom:0px;
}

.approval .lh {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top:0px;
}
.approval select {
    color: #929292;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    width: 100%;
    background: rgba(242, 242, 242, 0);
    border: 0px;
    border-bottom: 1px solid #B9C1CA;
    padding-bottom: 5px;
}
.sf {
    color: #676767 !important;
    font-size: 15px !important;
    font-weight: normal !important;
}
.blackb{
	background:#222222;
	text-align:center;
	margin-top:15px;
	border-radius:4px;
	float:left;
}
.blackb a{  
     color: #fff !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px !important;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    display: block;
	transition:0.2s;
    padding: 10px;
}
.blackb a:hover{
	background:#881735;
		border-radius:4px;
}
.mgtop7 {
    margin-top: 7px;
}
.msg{
	background:#f0f0f0;
	border:0px;
	margin-top:10px;
}
.approval h4 {
    color: #222222;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
	font-weight:500;	
    margin-bottom: 5px;
    margin-top:0px;
}
.mgb30{
	margin-bottom:20px !important;
}
.mp{
	    font-size: 14px !important;
    color: #881735 !important;
	margin:30px 0px 20px !important;
}
.mgt20{
	margin-top:20px !important;
}
.mgt24{
   margin-top: 24px;
}

	background: none!important;
	margin-top: 0!important
	
}

.members-check {
	margin: 20px 0px;
}

.members-check input[type="checkbox"] {
	margin-left: 0px;
}

.members-check a {
	/*background-color: #881735;*/
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	transition: 0.2s;
	padding: 10px;
	border-radius: 4px;
}

.members-check a:hover {
	/*background-color: #333334!important;*/
}

.members-content .pagination {
	margin: 0;
}

.members-content .pagination ul{
	margin-left: 0!important;
}

.members-content .digits_pagi {
	text-align: right;
}


.members-content .digits_pagi ul {
	margin: 0;
	padding: 10px 0;
}



.members-content .digits_pagi ul li{
	padding: 0!important;
}

.members-content .pagination ul li {
	padding: 0!important;
}

.members-content .pagination ul li.active a {
	font-weight: bold;
	font-size: 22px;
	color: #881735!important;
}

.members-content .table {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.members-content .table thead {
	background: #f7e0e6;
}

.table > thead > tr > th {
	border-bottom: none;
}


/*
.member-action li a {
	color: #881735!important;
}
*/
.member-action li{
	color: #881735!important;
}

.members-content a.com-name {
	color: #881735!important;
	text-decoration: underline!important;
}


/******************** Members Details Page Style**********************/

.mem-det-title {
	background: none!important;
	margin-top: 0px!important;
}

.cre-st-txt {
	color: #000!important;
	margin: 10px 0px;
}

.rest-supplier {
    width: 100%;
    background-color: #f0f0f0;
    padding: 10px;
    margin: 20px 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
.rest-supplier input[type="checkbox"] {
	margin-left: 0px;
}

.prec-txt {
	color: #881735!important;
	margin: 10px 0px;
	
}

.markUp-txt {
	font-family: "Roboto",sans-serif;
	color: #881735!important;
	margin-top: 20px;
}

.browse-txt {
	color: #881735!important;
	margin: 5px 0;
	display: inline-block;
}

.mem-det-btn a {
	background-color: #881735;
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;




	text-decoration: none;
	display: inline-block;
	transition: 0.2s;
	padding: 10px 20px;
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.mem-det-btn a:hover {
	background-color: #333334;
}


.members-details .fileinput  {
	margin: 20px 0;
}



.members-details .table {
	border: 1px solid #ccc;
}

.members-details .table thead {
	background: #f7e0e6;
}

.table-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #881735!important;
    font-size: 20px;    
    margin-top: 0!important;
	margin-bottom: 10px!important;
}


/******************** Update Profile Page Style**********************/

.update-profile {
	padding: 0px;
	/*border-left: 1px solid #ccc;*/
}

.prfl-brows-title {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
	display: inline-block;
}

.up-prof-title {
	margin-top: 0!important;
}

.update-profile .table {
	border: 1px solid #ccc;
}

.update-profile .table thead {
	background: #f7e0e6;
}


.upt-prof-btn a {
	background-color: #881735;
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	transition: 0.2s;
	padding: 10px 20px;
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.upt-prof-btn a:hover {
	background-color: #222222;
}

.add-new-user a {
	background-color: #222222;
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	transition: 0.2s;
	padding: 10px 20px;
	border-radius: 4px;	
	margin-bottom: 20px;
}

.add-new-user a:hover {
	background-color: #881735;
}

.user-prfl-modal .modal-title small {
	font-size: 10px;
	color: #000;
}


.user-prfl-modal input[type="checkbox"] {
	margin-left: 0px!important;
}

.user-prfl-modal .modal-save-btn {
	background-color: #881735;
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	transition: 0.2s;
	padding: 10px 20px;
	border-radius: 4px;
}


.user-prfl-modal .modal-close-btn {
	background-color: #222222;
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	transition: 0.2s;
	padding: 10px 20px;
	border-radius: 4px;
	
}

.user-prfl-modal .modal-footer {
    padding: 15px 15px;
    border-top: 1px solid rgba(136, 23, 53, 0.40);
}

.user-prfl-modal .modal-dialog {
	max-width: 725px;
	height: 90vh;
	overflow: hidden;
}
div.modal-res {
    overflow: hidden !important;
}

.modal-content {
    max-height: 90vh;
    overflow-y: scroll;
    border-radius: 0;
}

.user-prfl-modal .modal-body, .user-prfl-modal .modal-header {
	padding: 15px 30px;
}
.modal-header {
    padding: 15px 30px;
    border-bottom: 1px solid rgba(136, 23, 53, 0.40);
}
.user-prfl-modal .user-txt {
	font-size: 16px;
	font-weight: 700;
}
.mgtop20 {
    margin-top: 20px;
}
/*------new style----*/
.float-input i.fa.fa-search {
    right: 20px;
    position: absolute;
    color: #000;
    font-size: 16px;
    top: 0;
}
/*
.select--hoshi {
    height: 40px;
    margin-top: 10px;



}*/

.file--hoshi{
	    margin-top: 20px !important;
    margin-bottom: 30px !important;

}
h4.modal-title {
    font-weight: 500;
    font-size: 22px;
}
p.offline-role {
    color: #222222;
}
.mgt0{
	margin-top:0 !important;
}


/*----dd----*/
.select-room {
    width: 100%;
}

.room-dd {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #B9C1CA;
    margin-top: 20px;
    margin-bottom: 17px;
   
    z-index: 10;
}
.room-dd.bg-dd {
    background: transparent url(../images/da.png) no-repeat right center;

}

.room-dd a{
	color:#929292 !important;
	display:block;
}
.roon-dd-menu {
    left: 0;
    right: 0;
    padding: 15px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	/*max-width: 300px;*/
}
.roomtitle p {
    margin: 0px;
    padding: 0px;
    font-size: 12px !important;
}


ul.adult_counter {
    list-style: none;
    float: left;
    padding-left: 0;
    margin-bottom: 0;
}

ul.adult_counter
 li a {
    display: inline-block;
    margin: 5px 0;
    padding: 0px 5px;
}

ul.adult_counter
 li.selected a {
    background: #881735;
    color: #fff !important;
    border-radius: 4px;
}
ul.adult_counter
 li a:hover {
    background: #881735;
    color: #fff !important;
    border-radius: 4px;
}
ul.adult_counter
 li {
    display: inline-block;
}
.roomtitle {
    margin-top: 5px;
}

button.btn.btn-default.marL5 {
    padding: 6px 8px;
    float: left;
    font-size: 12px;
    border: 1px solid #999;
    color: #666;
    margin-left: 10px;
}

a.close_pax {
    font-size: 12px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding: 0 0 2px;
    margin: 8px 12px 0 0;
}
.p-r-0{
	padding-right: 0;
}
.paxCounter {
    display: inline-block;
}
.acc1 label {
    font-weight: normal !important;
}
.sf {
    color: #676767 !important;
    font-size: 15px !important;
}
/*-------*/

@media (max-width:1199px){
	
	.options .nav > li > a {
    margin-bottom: 0px;
    padding: 5px 6px;
}
.nav > li > a {
	font-size:13px;
}
.more{
	    margin-top: 13px;
    font-size: 13px;
}
#logo h3 {
    margin-top: 20px;
}
}
@media (max-width:1024px){
	.btn-style-1  .acc{
    width: auto !important;
    float: right !important;
}
		.reg {
    width: 100%;
    float: left;
}
.acc {
    width: 100%;
    float: left;
}
.acc a {
    font-size: 13px;
    padding: 10px 0px;
}
.reg a {
    font-size: 13px;
    padding: 10px 0px;
}
.f-13 p, .f-13 p span, .f-13 p i {
    font-size: 13px !important;
}
.blackb a {
    font-size: 11px !important;
}
.detail .lh{
	font-size: 14px !important;
    margin-bottom: 13px !important;
}
.nowrap{
	  white-space: nowrap;
}
}
@media (max-width:992px){
    .mrg-top-10-res {
    margin-top: 10px !important;
}
	.ftr-res p {
    text-align: center;
}
	.m-t-0-sm{
		margin-top:0 !important;
	}
.detail select.select--hoshi{
		    margin-bottom: 10px;
	}
	.m-top-sm{
		margin-top: 12px !important;
	}
.select--hoshi-sm {
    height: 50px;
    margin-bottom: 5px;
}
	.m-0-xs{
		margin:0 !important;
	}
	.m-b-25-xs{
		margin-bottom: 25px;
	}
	.whitebg.hsrd {
    margin-top: 10px !important;
   display:block;
}
}

@media (min-width:769px){

      .text-center-sm {
        text-align: center !important;
    }
	
.p-t-20-smmd{
	padding-top:20px !important;
}
}
@media (max-width:768px){

    .mrg-top-10-res {
    margin-top: 10px !important;
}

     .mrg-btm-10-res {
    margin-bottom: 10px !important;
}

		.no-border-xs{
		border:none !important;
	}
        #logo h2{font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #881735;
    font-size: 17px !important;
    margin: 15px 0px !important;
    text-align: center !important;}
	.text-left-xs{
		text-align:left !important;
	}
	ul.ul-horizontal li {
    display: inline-block;
	width: 100%;
    margin: 0;
}
ul.ul-horizontal.role-list li {
    margin-right: 0;
}
.p-o-xs{
	padding: 0 !important;
}
	.plr-30-xs{
	padding-left:30px !important;
	padding-right:30px !important;
}

	ul.flter-list.pull-right {
    width: 100%;
    float: none !important;
    text-align: left;
}

ul.flter-list.left-side {
    width: 100% !important;
    text-align: left;
    float: none;
}

ul.flter-list li {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}
	#logo .text-left {
    text-align: center !important;
}

    #logo #divCreditDetail.text-left {
        text-align: left !important;
    }
	.m-t-0-xs{
		margin-top:0 !important;
	}
	.head-dd-res ul.dropdown-menu {
    left: 0 !important;
    right: 0 !important;
}



	.m-t-20-sm{
			margin-top:20px !important;
	}
	.m-b-25-xs{
		margin-bottom: 25px;
	}
	.options {
    border-left: 0px solid #ccc !important;

}
#md .detail select {
    margin-bottom: 10px;
}

	.members-details {
    border-left: 0px solid #ccc !important;
	}
#app .approval .lh {

    margin-top: 15px;
}

#app .approval h3 {
    margin: 0px 0px 0 !important;
}
	
.reg {
    width: 49%;
    float: left;
    margin-right: 5px;
}
.acc {
    width: auto;
    float: left;
    min-width: 150px;
}
.acc a {
    font-size: 13px;
    padding: 10px 0px;
}
.reg a {
    font-size: 13px;
    padding: 10px 0px;
}
.m-t-10-xs{
		    margin-top: 10px;
	}
	.f-13 p, .f-13 p span, .f-13 p i {
    font-size: 13px !important;
}
.wrap-xs{
	white-space: normal;
    word-wrap: break-word;
}
	.whitebg{
		display:inline-block !important;
	    width: 100%;
	}
	.navbar-responsive {
    text-align: center;
}

.navbar-responsive button.navbar-toggle {
    float: none;
    margin: 10px 0;
    color: #fff;
    padding: 5px;
}
ul.nav.navbar-nav.navbar-right {
    float: none;
    width: 100%;
}

ul.nav.navbar-nav.navbar-right
 li {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(221, 221, 221, 0.41);
}
ul.nav.navbar-nav.navbar-right li:last-child {
    border-bottom: none;
}

button.navbar-toggle {
    background-color: #7f1935 !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
	width: 100%;
}

button.navbar-toggle.collapsed {
    background-color: #a92147 !important;
    border-color: rgba(255, 255, 255, 0.23) !important;
}
.xs-p0{
	padding:0;
}
.xs-m0{
	margin:0;
}

img.img-fluid.logo-res {
    max-width: 150px;
    display: inline-block;
    float: none;
}
.head-dd-res {
    margin: 0 auto;
    display: inline-block;
    float: none;
    width: 100%;
}
#logo h3{
	    text-align: center;
		margin-top:0 !important;
}
.head-dd-res .name {
    float: none !important;
    text-align: center;
}
#logo p {
    margin-bottom: 10px;
    text-align: center;
}
.ftr-res p {
    text-align: center;
}

.ftr-res a img {
    float: none;
    display: inline-block;
}

.ftr-res a {
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}
.accordion{
	    float: left;
    margin-bottom: 15px !important;
    width: 100%;
}
.whitebg .panel{
	border-left: none;
    margin-left: 0;
    padding-left: 0;
}
.nav-tabs > li {
    float: none;
    margin-bottom: 0px;
    display: inline-block;
    width: 49%;
}
.more {
    font-size: 13px;
    float: left;
    margin: 10px;
}
.more .dropdown-menu {
    right: inherit;
    left: 0;
}
.dropdown ul.dropdown-menu:before {
    left: 16px;
	right:inherit !important;
}
.dropdown ul.dropdown-menu:after {
    left: 14px;
     right:inherit !important;
}
.clearfix-xs{
	clear:both;
}
body#md h3.mem-det-title {
    margin-top: 15px !important;
}
/*--search.css-responsive--*/
.curr .dropdown-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
	.rate.inline-responsive {
    padding: 10px 0;
    min-height: 0;
    border-top: 1px solid #eaeaea;
    border-left: none !important;
    margin: 10px 0 0 0;
}

.select-btn-sec {
    display: inline-block;
    float: right;
    margin: 3px 10px;
}

.rate.inline-responsive .rate-responsive {
    display: inline-block;
    width: 100%;
    height: 35px;
}

.rate h4 {
    text-align: left;
    margin: 0 10px;
    float: left;
    display: inline-block;
    line-height: 35px;
}

.rate p {
    display: inline-block;
    float: left;
    text-align: left !important;
    margin: 0;
    line-height: 35px;
}
		.modify-search {
    background: #404040;
    box-shadow: 0 1px 7px 2px #ccc!important;
    color: #fff;
    border-radius: 4px;
    margin-top: 6px;










}
	.dropdown.curr {
    float: none;
    display: inline-block;
    width: 100%;
}

ul.flter-list.pull-right {
    width: 99% !important;
    text-align: right !important;
    float: right !important;
    margin-top: -42px;
    margin-right: 10px;
}

ul.flter-list.pull-right li {
    width: 100%;
}
ul.flter-list li {
    display: inline-block;
    width: 48% !important;
    margin: 5px 5px !important;
}
.dropdown.curr a {
    width: 100%;
}

.dropdown.curr ul.dropdown-menu.f-dd-menu {
    left: 0 !important;
    right: 0 !important;
}

li.ratewidth3 {
    width: 100% !important;
}

li.ratewidth2 {
    width: 100% !important;
    padding: 0 10px;
}

li.ratewidth1 {
    width: 100% !important;
}
.text-center-xs{
	text-align:center !important;
}
.showresult {
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 7px 2px #ccc!important;
    margin-bottom: 12px;
    width: calc(50% - 20px);
    float: left;
    margin: 10px !important;
}
}
/*--------*/

.red-color {
    color: red !important;
    opacity: 1;
    transition: 0.2s ease all;
}

/*-----ms-ie11 css--*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {


}
/*------ms-edge-css-----*/
@supports (-ms-ime-align: auto) {
   /* Microsoft EdgeV13&14 CSS styles go here */

}

@supports (-ms-accelerator: true) {
    /* Microsoft EdgeV13 CSS styles go here */

}

/*-----edge-end --*/
/*approval_detail*/
.upper{
	text-transform:uppercase;
	font-weight:500;
	margin-bottom:20px !important;
}
.redtext{
    color: #881735;
    /*text-decoration: underline;*/
}
.redtext a{
    color: #881735 !important;
   /* text-decoration: underline;*/
}
.redicon{
	 color: #881735 !important;
}
.gap{
	height:50px;
}



/*--------new-css----*/
 #selectdrop {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("../images/da.png") no-repeat right center;
  }

select::-ms-expand {
    display: none;
}
.modal-body.res-sup {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
}

.modal-content  input[type=checkbox] + label {
    font-weight: 600;
}
*, *:before, *:after {

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.modal-content::-webkit-scrollbar {
    visibility: hidden;
}

/*---select css-----*/
fieldset {
  padding: 15px;
}

input[type=checkbox] {
  opacity: 0;
  float:left;
}

input[type=checkbox] + label {
  
}

input[type=checkbox] + label ~ label {
  margin: 0 0 0 40px;
}

input[type=checkbox] + label::before {
  content: ' ';
  position: absolute;
left: -5px;
    top: 3px;
  width: 15px;
  height: 15px;
  display: block;
  background: white;
  border: 1px solid #A9A9A9;
}

input[type=checkbox] + label::after {
  content: ' ';
  position: absolute;
  left: -5px;
    top: 2px;
    width: 15px;
    height: 15px;
  display: block;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
  -ms-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .3s ease;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

input[type=checkbox]:checked + label::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
@media (max-width:400px){
	h4.modal-title small {
    display: block;
}
}

/*----tooltip---*/
.tooltip-hoshi {
    z-index: 10;
}
.tooltip-hoshi .floating-label {
    transition: 0.4s all ease;

}

.tooltip-hoshi .floating-label::before, .tooltip-hoshi .floating-label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    border-bottom: 1px solid #B9C1CA;
    display: none;
}

/*.tooltip-hoshi.floating-placeholder-float .floating-label{
    top: -10;
	font-size:18px;
	-webkit-transform: scale(0.75) !important;
	transform: scale(0.75) !important;
}


*/

.tooltip-hoshi .floating-inpt:focus + .ph.tooltip-hoshi-inner {
    position: absolute;
    left: 0;
    right: inherit;
    top: 100%;
    opacity: 1.0;
    transition: 0.5s ease all;
	min-width: 200px;
}
.tooltip-hoshi input {
    margin-top: 5px;
    padding-bottom: 0;
}
.tooltip-inner {
      background-color: #fff; 
      color: #000;
      border: 1px solid #000;
}
.tooltip {z-index:99999999 !important;
  }
  
.ph.tooltip-hoshi-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    opacity: 0;
	transition:0.5s ease all;
}

label.radio-label {
    color: #929292;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: normal;
}

/*---*/


.mod-search {
	background:#fff;
	padding:10px 20px;
	box-shadow:0 5px 7px 2px #ccc!important;
	margin-bottom:10px
}
.mod-search .lh {
    color: #881735;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: 700;
}


option
{
    color: #000;
}
option:first-child
{
    color: #ccc;
}
/*---*/

.file-label{
	float: left;
    font-size: 15px;
    margin-right: 20px;
    font-weight: 400;
    color: #929292;
	    margin-bottom: 0px !important;

}
.file-input{
	float: left;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    margin-right: 20px;
    width: 50%;
}
.p-l-15{
	padding-left:15px !important;
}
.p-r-15{
	padding-right:15px !important;
}
.m-l--15{
	margin-left:-15px !important;
}
input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
    color: #000 !important;
}
/*----range-slider---*/
.input-range-slider {
  position: relative;
}
.input-range-slider input[type="range"] {
  pointer-events: none;
  position: absolute;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  border: none;
  border-radius: 14px;
  background: #881735;
  left: 0;
  top: 0;
  right: 0;
  outline: none;
  height: 10px;
  margin: 0;
  padding: 0;
}
.input-range-slider input[type="range"]::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #b5b5b5;;
  border-radius: 14px;
  background:#e4e4e4;
 
}
.input-range-slider input[type="range"]::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #b5b5b5;;
  border-radius: 14px;.
  background:#e4e4e4;
  border-color:#b5b5b5;
}
.input-range-slider input[type="range"]::-ms-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;

  -ms-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 14px;
  border: 1px solid #b5b5b5;;
  background:#e4e4e4;
  border-color:#b5b5b5;
}
.input-range-slider input[type=range]::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: rgba(0, 0, 0, 1);
  border: 0;
}
.input-range-slider input[type=range]:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}
.input-range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}
	
span.rangeValues {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
}

span.rangeValues span.abc_1 {
    float: left;
}

span.rangeValues span.abc_2 {
    float: right;
}

.heading-age {
    margin: 20px 0 5px;
}
/*----------*/
.lh.sf {
       margin-bottom: -20px;
} 
.select--hoshi {
    height: 25px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.lh.form-heading {
	font-size: 18px;
	color:#000 !important
}

@media (max-width: 1024px){
.detail .lh.sf {
    margin-bottom: -17px !important;
}
}

@media (max-width:480px){
	
	
	button.sel-role{
		float:none !important;
	}
	p.ss-big {
    font-size: 14px !important;
}
p.ss-small {
    font-size: 12px !important;
}
	.ss-panel .ss-row p {
    line-height: 20px;
    margin: 10px 0 !important;
	}
	

}

@media (min-width:1200px){
	.hotel-desc {
		margin-top:5px !important;
	}
}

@media (min-width: 769px) and (max-width: 1199px){
	p.more-desc {
  font-size: 12px !important;
}
.hotel-desc h5.heading {
    font-size: 16px;
    font-weight: 700;
    color: #881735;
	margin-bottom:5px !important;
}
}



/*--hover-button-*/

/*----redtoblack--*/
.hover-btn {
    background-color: #881735 !important;
	border-radius:5px;
	color:#fff!important;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	font-size:14px;
}
.hover-btn:hover {
    background-color: #333334 !important;
	border-radius:5px;
	color:#fff!important;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	font-size:14px;
}
/*-----blacktored--*/
.hover-btn.btn-reverse {
    background: #333334 !important;
	border-radius:5px;
	color:#fff!important;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	font-size:14px;
}
.hover-btn.btn-reverse:hover {
    background: #881735 !important;
	border-radius:5px;
	color:#fff!important;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	font-size:14px;
}
/*----input-btn*/
input.btn-go:focus, input.btn-go:visited, input.btn-go:active, input.btn-go:hover{
	background:#333334 !important;

}
input.btn-go{
		background:#881735!important;
	}
	
/*-----*/
.right-border{
	border-right: 1px solid #ccc;
}
.table-responsive{
	max-width:100%;
	overflow:auto;
	border:none !important;
}
.table-responsive table{
	width:100% !important;
}


/*---new--*/

.m-t-o{
margin-top:0 !important;
	
}
.normal{
	font-weight:normal !important;
}
/*-----*/
.room-section {
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.quot .tooltip .tooltip-inner {
    border-radius: 0;
    background: #881735;
    opacity: 1 !important;
    color: #fff;
}
.quot .tooltip.top {
    opacity: 1 !important;
}
/*--------*/
ul.top-tabs-style li.active i {
    color: #fff;
}
ul.top-tabs-style li i {
    color: #881735;
}

.spacer {
    height: 1px;
    background: #d6b0ba;
    margin: 20px 0 10px 0;
}
.rem-room {
    float: right;
    color: #881735;
    font-size: 12px;
}
/*-----    hotel-offline ---*/
.room-details-box {
    padding: 10px;
    margin: 0 15px 20px 15px;
    border: 1px solid;
    border-color: #d4d4d4;
	box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
}

.room-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.r-title {
    font-size: 15px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 14px;
}
ul.checklist {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
}

ul.checklist li {
    display: inline-block;
    margin-right: 15px;
}
ul.checklist.lspax li {
    margin-top: 15px;
}
textarea{
  resize:none;
}
.btn-style-1 {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #d6b0ba;
}

.btn-style-1 .acc.right {
    margin: 0 !important;
}
/*---*/

.search-address1 {
    background: #fff;
    padding: 8px 10px 5px 13px;
    box-shadow: 0 1px 7px 2px #ccc!important;
       margin-top: 15px;
}

h4.city-red1 {
    color: #881735;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1px;
    margin-top: 0;
}

p.main-address1 {
    color: #000;
    font-weight: 400;
    margin: 0;
    font-size: 12px!important;
}
.m-t-30{
		margin-top:30px;
}
p.rating img {
    margin-left: 5px;
}

/*----- hotel-offline-select cssfix--*/
span.field-box .select--hoshi {
    height: 30px;
    margin: 20px 0 5px 0;
}

span.field-box .lh.sf {padding-left: 4px;}
/*-- for mozila textarea css --*/
@-moz-document url-prefix() {
	textarea{
  resize:none;
  padding:0 6px !important;
}
	}
	
/*--transfer-search-resu;t-detail page--*/
.headrow {
    margin-top: 30px;
}
.headrow h3 {
    background: #ffeded;
    color: #881735;
    font-size: 18px;
    font-weight: 500;
    min-height: 40px;
    line-height: 40px;
    padding: 0 16px;
    margin: 0;
    border: none;
}
span.c-child {
    margin-right: 15px;
    font-size:  16px;
    font-weight: 400;
    color: #000;
}

span.c-age {
    font-size: 14px;
    font-weight: 300;
}
.p-t-20{
	padding-top:20px !important;
}

span.minitext {
    font-size: 13.4px;
    font-weight: 500;
}
.radio-hoshi {
    padding: 15px;
    margin-top: 10px;
}
.checkbox-hoshi {
    margin: 25px 5px 10px 5px;
}
.radio-hoshi label {
    margin: 0 10px;
}
h5.pdh {
    padding: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}
.p-details {
    padding: 0 15px;
}
.plr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
p.eq {
    margin: 25px 5px 10px 5px;
    color: #000;
    font-size: 14px;
}
.textarea-hoshi .lh.sf {
    margin: 0 !important;
}

.textarea-hoshi {
    margin: 10px 0;
}

.textarea-hoshi textarea {
    width: 100%;
    height: auto;
}

/*-----*/
.ss-panel .ss-row {
    margin: 0;
    border-bottom: 1px solid #d4d4d4;
    padding: 0;
    min-height: 40px;
    line-height: 39px;
}

.ss-panel .ss-row p {
    margin: 0;
    font-weight: 400;
    color: #222222;
}

p.ss-big {
    font-size: 17px !important;
}

p.ss-small {
    font-size: 14px !important;
}

.subhead {
    font-weight: 700 !important;
    font-size: 17px;
    margin: 20px 15px 5px 15px;
    color: #222;
}
h4.top-head {
    padding: 0 12px 12px 12px;
    border-bottom: 1px solid #262626;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.6px;
}

h4.top-head .sicon {
    font-size: 16px;
    margin-right: 10px;
}
.bot-text {
    font-size: 14px;
    font-weight: 600;
    margin: 15px;
}
.sq-btn {
    margin: 0 10px;
    padding: 0px 15px !important;
    width: auto !important;
    border-radius: 0;
    line-height: normal !important;
    height: auto !important;
    min-width: 120px !important;
}

a.btn.fltr-btn {
	background:#881735;
	border-radius:0;
	margin-bottom:10px;
	color:#fff!important
}
.hsr-tab ul li a {
    margin-top: 0 !important;
}

.hsr-tab ul {
    border-color: #262626;
}
.p-t-0 {
    padding-top: 0 !important;
}
.hsr-tab ul.top-tabs-style li a:hover {
    border-color: transparent;
}
.whitebg-1 {
    background: #fff;
    display: block;
    clear: both;
    padding: 15px 0px;
    margin: 15px 0px;
    box-shadow: 0px 1px 7px 2px #ccc !important;

}
.noborder{
	border:none!important;
}
table.hsrrrtbl thead {
    background: #f7e1e7;
	height: 40px;
}

table.hsrrrtbl th, table.hsrrrtbl td, table.hsrrrtbl thead th, table.hsrrrtbl tbody td {
    text-align: left;
}
table.hsrrrtbl {
    border: 1px solid #ddd !important;
    min-width: 600px;
}
thead.main-head tr th {
    padding:8px;
}
td.rr-detailpanel {
    padding: 10px;
}

table.pannel-table-hsr {
    border: 1px solid #d4d4d4 !important;
    padding: 10px;
}

table.pannel-table-hsr td {
    padding: 5px 5px;
}
a.hsr-colapse {
    background: #881735;
    color: #fff !important;
    font-weight: 300;
    font-size: 13px;
    padding: 1px 10px;
    border-radius: 5px;
    min-height: 22px;
    min-width: 80px;
    line-height: 22px;
}
span.hsr-room-heading {
    color: #881735;
    font-weight: 700;
    font-size: 14px;
    margin-right: 7px;
}


td.hsr-book span.tcost {
    min-width: 100px;
    display: inline-block;
    width: 45%;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    text-align: center;
}
td.hsr-book {
    vertical-align: top;
    padding: 0 10px !important;
}

span.checkbox.hsr-book-check {
    display: inline-block;
    width: 10%;
    max-width: 25px;
}

a.hsr-book-btn {
    color: #fff !important;
    border-radius: 0;
    min-height: 30px;
    min-width: 80px;
    line-height: 22px;
    padding: 3px 15px;
}

span.checkbox.hsr-book-check label:before {
    left: 0;
    top: 10px;
}

span.checkbox.hsr-book-check label:after {
    top: 10px;
    left: 0px;
}
.trhide{
	display:none;
}
.trshow{
	display:table-row;
}
.p-l-10{
	    padding-left: 10px;
}
.p-lr-5{
	padding-left:5px !important;
	padding-right:5px !important;
}
table.inner-table-hsr.hsr-rr-table {
    border-bottom: 1px solid #ddd;
}
.hsr-rrtext{
	font-size: 14px;
    font-weight: 400;
}
.hsr-rr-mt{
	font-size: 14px;
    color: #222222;
    font-weight: 400;
}
span.color-avail {
    color: #11772d;
}

span.status {
    font-size: 14px;
    font-weight: 700;
}
span.color-onreq{
	color:#ff0000;
}
span.hsr-room-heading label.radio-label {
    margin-left: 5px;
}


.left-border{
	border-left: 1px solid #ccc;
}
@media (max-width:1199px){
		td.hsr-book span.tcost {
    min-width: auto;
    display: inline-block;
    width: 30%;
		}
		span.hsr-room-heading label.radio-label {
    margin-left: 5px;
    font-size: 13px !important;
}
}
@media (max-width:991px){
	/*-homepage start-*/
	h2.sec-head {
    text-align: center;
}

.promo-img img {
    display: block;
    margin: 0 auto;
}

.partner-img img {
    display: block;
    margin: 0 auto;
}
	
	/*-homepage-end-*/

	.no-border-sm{
		border:none !important;		
		}
		td.hsr-book span.tcost{
			font-size:14px !important;
		}
.hsr-top-res{
	    margin-bottom: 40px;
}
}
@media (max-width:768px){
	
		td.hsr-book span.tcost{
			font-size:12px !important;
		}
	}
	
.showresult.ss-search h5.heading {
    margin: 5px 0 1px 0;
    line-height: 20px;
}

.showresult.ss-search li.ratewidth2 {
    padding-left: 10px;
}

.showresult.ss-search .hotel-desc p.address {
    margin-bottom: 5px;
}
p.ss-duration {
    font-weight: 700;
    font-size: 15px !important;
    color: #4b4747;
    margin-top: 10px;
}

p.ss-duration i {
    margin-right: 3px;
    font-size: 14px !important;
    font-weight: normal !important;
}

p.ss-duration span {
    font-weight: 300;
    font-size: 13px !important;
}

p.more-desc {
    min-height: 50px;
}
p.ss-duration {
    margin-top: 10px;
}
.showresult.ss-search p.more-desc {
    line-height: 1.5;
    margin-bottom: 15px;
}
p.ser-type {
    color: #000;
}
ul.sertypelist {
    padding: 5px;
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
}

ul.sertypelist li {
    display: inline-block;
    margin-right: 10px;
}

ul.sertypelist li p, ul.sertypelist li p label {
    margin: 0;
}


.plr-20{
	padding-left: 20px;
    padding-right: 20px;
}

header {
    margin-bottom: 10px;
}
.m-lr-0{
	margin-left:0 !important;
	margin-right:0 !important;
}
.staricongrey {
    color: #717171 !important;
    font-size: 14px !important;
}
@media (max-width:1199px) {
 h4.top-head {
    padding: 5px 6px;
    margin-top: 2px;
}
p.ss-big {
    font-size: 15px !important;
}
p.ss-small {
    font-size: 12px !important;
}
}

@media (max-width:769px){
		table.hsrrrtbl {
    display: block;
	min-width:0 !important;
}

table.hsrrrtbl, tbody.hsrr-tbody-main {
    display: block !important;
}
table.hsrrrtbl tbody.hsrr-tbody-main, table.hsrrrtbl tbody.hsrr-tbody-main table, table.hsrrrtbl tbody.hsrr-tbody-main table td,table.hsrrrtbl tbody.hsrr-tbody-main table tbody, table.hsrrrtbl tbody.hsrr-tbody-main table tr, table.hsrrrtbl tbody.hsrr-tbody-main tr, table.hsrrrtbl tbody.hsrr-tbody-main td{
	display:block;
}
tr.trhide{
	display:none !important;
}
.hidden-xs{
		display:none;
	}
	
.data-td-responsive:before{
	content:attr(data-td);
	width: 80px;
	display: inline-block;
	font-weight: 500;	
}

.data-td-inner-res {
    display: inline-block;
    width: calc(100% - 90px);
    margin: 0 !important;
    text-align: left;
    padding-;
    padding: 0 0 10px 0;
}

.data-td-responsive {
    width: 100%;
    padding: 0 !important;
}
td.hsr-book {
    padding: 0!important;
}

span.status {
    padding-left: 5px;
}

span.room-only {
    padding-left: 5px;
}
.data-td-inner-res span.checkbox.hsr-book-check {
    margin: 0;
}
tr.trshow table tr {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.data-td-inner-res span.tcost {
    width: auto !important;
    text-align: left !important;
    padding-left: 5px;
    margin-right: 20px;
}

}
@media (max-width:480px){
.data-td-responsive:before {
    min-width: 100% !important;
   
}

.data-td-inner-res {
    width: 100%;
    margin: 5px 0 !important;
}	
}



/*new added for floating input*/
input:focus~.floating-label,
input:not(:focus):valid~.floating-label {
  top: -22px;
  left: 0;
  font-size: 14px;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 6px;
  transition: 0.25s ease all;
  color: #676767;
  font-size: 15px;
}

.floating-inpt{border: 0px;
    border-bottom: 1px solid #B9C1CA;
    padding-bottom: 5px;
    width: 100%;
    font-size: 16px;
}


         .floating-inpt:focus {
            border-bottom: 1px solid #881735;
        }


input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:none;
}
.float-input {
    position: relative;
    margin: 22px 0 10px 0;
}
.float-input.input-nolabel {
    margin-top: 10px;
}

span.btn-file {
    display: inline-block;
    padding-bottom: 7px;
    border-color: #B9C1CA;
}
.float-input.input-nolabel input:focus~.floating-label, .float-input.input-nolabel input:not(:focus):valid~.floating-label {opacity: 0;transition: 0.5s ease all;}

/*--search.css (for all searchresult,search detail, booking and search pages)---*/
.search-top {
	margin-bottom:10px;
}
.modify-search {
	background:#404040;
	box-shadow:0 1px 7px 2px #ccc!important;
	color:#fff;
	border-radius:4px
}
.modify-search a.btn.search {
	color:#fff!important;
	display:inline-block;
	width:100%;
	font-size:17px;
	line-height:48px;
	font-weight:400;
	padding:0
}
.modify-search a.btn.search .icon {
	color:#fff;
	font-size:15px;
	margin:0 10px
}
.search-address {
	background:#fff;
	padding: 8px 10px 5px 13px;
	box-shadow:0 1px 7px 2px #ccc!important;
}
p.main-address {
	color:#000;
	font-weight:400;
	margin:0;
	font-size:12px!important
}
a.btn.search-btn {
	background:#881735;
	text-align:center;
	display:inline-block;
	transition:.2s;
	padding:12px 32px
}
.search-right-panel ul.accordion {
	float:left;

	margin-bottom:10px
}

h4.city-red {
	color:#881735;
	font-size:18px;
	font-weight:600;
	margin-bottom:1px;
	margin-top:0
}


.heading-room {
    margin-bottom: 5px;
}

li.right-panel-white {
	background:#fff;
	display:inline-block;
	padding:0 13px 0 5px;
	box-shadow:0 1px 7px 2px #ccc!important;
	margin-bottom:10px
}
li.right-panel-white a {
	border-bottom-width:0
}  
ul.inner.inner-div li {
	float:none;
	display:inline-block;
	padding-left:10px
}
.accordion li div.d-block {
display: block !important;
}
.filter-location.active {
	padding-bottom:30px!important
}

.searchbox .form-group {

	float:left;
	width:75%;
	margin-right:10px;
	margin-bottom:0;
	margin-top:10px
}
.searchbox .form-group input.form-control {
	background:#f3f3f3;
	border:none;
	border-radius:0;
	box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.42);
	min-height:40px;
	line-height:40px
}
.accordion.srch li div{
	background:#fff !important;
}
li.right-panel-white.active {
    padding-bottom: 20px;
}
input.btn-go, input.btn-go:focus, input.btn-go:visited, input.btn-go:active {
	    border: none;
	color:#fff;
	border-radius:0;
	height:40px;
	width:20%;
	margin-top:10px
}
input.btn-go:hover {
	color:#fff
}
.accordion li div.slider-track-low, .accordion li div.slider-track-high {
    padding: 0 !important;
    background: #e4e4e4 !important;
}
#slider12c .slider-selection {
    background: #881735 !important;
}
p.rg-values {
    clear: both;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px;
}

p.rg-values span.min-value {
    float: left;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

p.rg-values span.max-value {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    float: right;
    display: inline-block;
}

.accordion li div.slider-handle {
    background: #e4e4e4 !important;
    border-radius: 50%;
    border: 1px solid #b9b9b9;
    width: 20px;
    height: 20px;
}
.filter-supplier ul.inner {
	padding-left:5px
}
.filter-supplier ul.inner .checkbox {
	margin:5px 0
}

.filter-supplier ul.inner li {
	display:inline-block;
	float:left;
	width:33%
}
.staricon {
	color:#881735
}
.filter-location ul.inner.inner-div {
	max-height:380px;
	overflow-y:auto
}
.filter-row {
	width:100%;
	display:inline-block
}
.search-left-panel ul.flter-list {
	list-style:none;
	margin-bottom:4px;
	padding:0
}
ul.flter-list {
	display:inline-block
}
ul.flter-list.left-side {
	width: 100%;
	text-align:left;
}
ul.flter-list.pull-right {
	float:right;
	text-align:right;
}
ul.flter-list li {
	display:inline-block;
	margin-right:10px
}
ul.flter-list li a.btn {
	background:#fff;
	border-radius:0;
	height:28px;
	display:block;
	margin:0;
	line-height:28px;
	padding:0 18px;
	font-size:14px
}
ul.flter-list li a.btn img {
	display:inline-block;
	margin-right:5px
}
a.f-label {
	background:#881735!important;
	color:#fff!important
}
a.current {
	background:#404040!important;
	color:#fff!important
}
.curr {
	float:left
}
.curr a {
	color:#fff!important
}
.curr .btn {
	background:#4b4747!important;
	color:#fff;
	float:right
}
.curr .dropdown-menu > li > a {
	color:#333!important
}
.curr .dropdown-menu {
	min-width:90px;
	left:-12px;
	border-radius:0;
	padding:0
}
.curr .dropdown-menu li {
    display: inline-block;
    margin-right: 0!important;
    width: 100%;
}

.curr .dropdown-menu li a:hover {
	color:#fff!important
}
.showresult {
	margin:0;
	padding:0;
	background:#fff;
	box-shadow:0 1px 7px 2px #ccc!important;
	margin-bottom:12px
}
.showresult ul {
	margin:0;
	padding:0
}
.showresult ul li {
	list-style-type:none;
	float:left
}
.select {
	background:#881735;
	border-radius:0 !important;
	margin-bottom:20px;
	color:#fff!important;
	margin-bottom:0
}
.select.hover-btn:hover{
	border-radius:0 !important;

}
.rate {
	background:#fafafa;
	padding: 20px 0;
	border-left:1px solid #eaeaea;
	width: 100%;
	min-height: 145px;
}
.rate h4 {
	color:#881735;
	font-size:16px;
	text-align:center;
	font-family:'Roboto', sans-serif!important;
	margin-bottom:0
}
.rate p {
	color:#000!important;
	font-size: 16px!important;
	text-align:center!important;
	font-family:'Roboto', sans-serif!important;
	margin-bottom:0;
	font-weight: 400 !important;
	margin: 10px 0;
}
.ratewidth1 {
	width: 19%;
	margin-right: 1%;
}
.ratewidth2 {

    width: 60.5%;
    margin-right: 1%;
}
.ratewidth3 {
	width: 18%;
}
.hotel-img-border {
	border:1px solid #fff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:10px
}
.fullwidth {
	min-height:145px;
	width:100%
}
.p-o {
	padding:0!important
}
.hotel-desc p {
	margin:0
}
.hotel-desc {
	display:inline-block
}
.hotel-desc h5.heading {
	font-size:16px;
	font-weight:700;
	color:#881735
}
p.address {
	font-size: 13px!important;
	font-weight: 400;
	color:#717171;
}
.img-box {
	position:relative
}
.mr0 {
	margin-right:0!important
}
.iconsize2 {
	font-size:18px!important;
	margin-right:5px!important;
	margin-top:-3px
}

p.page-count {
	font-weight:400!important;
	font-size:13px!important;
	color:#000!important
}
h4.red-txt {
	color:#881735
}
ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li a:hover {
	background:#881735;
	color:#fff!important;
	border-color:#f3f3f3
}

.icon.thm-clr {
    color: #41a04f;
    font-size: 16px;
    margin: 0px 0px 0 5px;
}

span.small-txt {
    font-size: 13px;
    font-weight: normal;
}


/*---responsive--*/
@media (min-width:769px){
	.rate-responsive{
		text-align:center !important;
	}
	.select-btn-sec {
    text-align: center;
    }
}
@media (max-width: 640px) {
.showresult {
    margin: 0;
    padding: 0;
    background: #fff !important;
    box-shadow: 0 1px 7px 2px #ccc!important;
    margin-bottom: 12px !important;
    width: 290px !important;
    float: none !important;
    margin: 10px auto 25px auto !important;
}
}

@media (max-width:768px){
.curr .dropdown-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
	.rate.inline-responsive {
    padding: 10px 0;
    min-height: 0;
    border-top: 1px solid #eaeaea;
    border-left: none !important;
    margin: 10px 0 0 0;
}

.select-btn-sec {
    display: inline-block;
    float: right;
    margin: 3px 10px;
}

.rate.inline-responsive .rate-responsive {
    display: inline-block;
    width: 100%;
    height: 35px;
}

.rate h4 {
    text-align: left;
    margin: 0 10px;
    float: left;
    display: inline-block;
    line-height: 35px;
}

.rate p {
    display: inline-block;
    float: left;
    text-align: left !important;
    margin: 0;
    line-height: 35px;
}
.modify-search {
    background: #404040;
    box-shadow: 0 1px 7px 2px #ccc!important;
    color: #fff;
    border-radius: 4px;
    margin-top: 6px;
}
.dropdown.curr {
    float: none;
    display: inline-block;
    width: 100%;
}

ul.flter-list.pull-right {
    width: 99% !important;
    text-align: right !important;
    float: right !important;
    margin-top: -42px;
    margin-right: 10px;
}

ul.flter-list.pull-right li {
    width: 100%;
}
ul.flter-list li {
	display: inline-block;
    margin: 5px 5px 5px 0 !important;
    width: calc(50% - 7px) !important;
	}
.dropdown.curr a {
    width: 100%;
}

.dropdown.curr ul.dropdown-menu.f-dd-menu {
    left: 0 !important;
    right: 0 !important;
}

li.ratewidth3 {
    width: 100% !important;
}

li.ratewidth2 {
    width: 100% !important;
    padding: 0 10px;
}

li.ratewidth1 {
    width: 100% !important;
}
.text-center-xs{
	text-align:center !important;
}
.showresult {
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 7px 2px #ccc!important;
    margin-bottom: 12px;
    width: calc(50% - 20px);
    float: left;
    margin: 10px;
}
}
@media (min-width:769px) and (max-width:1199px)
{
	.showresult {
    max-height: 145px;
}
}


@media (max-width: 480px){
ul.flter-list li {
    display: inline-block;
    width: calc(100% - 7px) !important;
}
}
/*----responsive end--*/

.whitebg.hotel-search {
    padding: 0px;
    display: inline-block;
    width: 100%;
}
.address-h {
    padding: 20px 20px 20px 30px;
    border-right: 1px solid #e3e3e3;
}
.address-h h4.city-red {
    font-weight: 400;
    margin-bottom: 10px;
}
.whitebg.hotel-search {
    padding: 0px;
    display: inline-block;
    width: 100%;
}
.address-h {
    padding: 20px 20px 20px 30px;
    border-right: 1px solid #e3e3e3;
}
.address-h h4.city-red {
    margin-bottom: 10px;
}

.address-h table.table {
    margin-bottom: 0;
}

.address-h table.table i.fa {
    margin-right: 5px;
}

.dollar-ico {
    margin: 25px 0 25px -15px;
    padding: 0;
}

h4.total-cost span {
    display: block;
    margin-bottom: 2px;
}

.dollar-ico img {
    max-width: 100%;
    height: 40px;
}

h4.total-cost {
    font-size: 20px;
    color: #000;
}

.address-h h4.city-red {
    font-weight: 400;
}

.address-h table.table thead th {
    font-weight: 400;
    font-size: 15px;
}

.room-details {
    padding: 20px;
    margin: 0px 0 30px 0;
    display: inline-block;
    width: 100%;
}
p.mand {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
}
.room-details ul.accordion {
    clear: both;
    display: inline-block;
    width: 100%;
    float: none;
    margin: 20px 0 0px 0;
}
.room-details ul.accordion li.right-panel-white {
    margin-bottom: 20px;
    padding: 0;
    border: 1px solid #ddd;
    box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
    background: #f3f3f3;
}
.room-details ul.accordion li a {
    padding: 13px 10px;
}
/*---accordian setting--*/
.room-details ul.accordion li.active>a {
    background: url(../images/minus.png) no-repeat center right 15px !important;
}
.room-details ul.accordion li a {
    padding: 13px 10px;
    background: url(../images/plus.png) no-repeat center right 15px !important;
}
.room-details ul.accordion li.right-panel-white ul.inner.inner-div {
    background: #fff;
    padding-bottom: 0;
}
.room-details ul.accordion li.right-panel-white ul.inner.inner-div li {
    padding: 0;
    background: #fff !important;
}
.rem-container {
    padding: 10px !important;
}

.remarks {
    padding: 0 !important;
}

.policy {
    padding: 0 !important;
}

.bold {
    font-weight: 700;
}

.rem-hd {
    color: #881735;
    margin: 6px 0;
    font-size: 14px !important;
    font-weight: 700;
}

.text-reg {
    margin-bottom: 0px;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 18px;
}
.policy {
    margin-top: 20px;
}

.med-bold {
    font-weight: 600;
}

a.acc-heading {
    font-size: 15px;
}
.room-table th, .room-table td{
	    vertical-align: middle !important;
	    text-align: left !important;
	    padding-left: 15px !important;
	    padding-right: 15px !important;
}
.m-t-0 {
    margin-top: 0 !important;
}
/*--input-select-style-change--*/

.room-table div {
    padding: 0 !important;
}

.room-table input {
    margin: 0 !important;
    padding: 0 !important;
}

.room-table label, .room-table label:after, .room-table label:before {
    height: 30px !important;
    padding-bottom: 0 !important;
}

.room-table select, .room-table input, .room-table select {
    height: 30px !important;
    margin-bottom: 0 !important;
    padding-bottom: 5px !important;
}

.room-table label {margin-bottom: 2px !important;}

input[type="radio"], input[type="checkbox"] {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.room-table label.radio-label {
    line-height: 30px;
    display: inline-block;
    margin-left: 5px;
}

p.rad-check {
    margin:  0;
    display: inline-block;
    width: 100%;
}

p.med-text {
    color: #222 !important;
    font-weight: 400;
    margin-bottom: 0;
}
.room-table {
    margin-bottom: 10px;
}
/*----table-style-end--*/

.room-details ul.accordion li.right-panel-white ul.inner.inner-div li div.update-profile {
    padding: 10px;
}
.bottom-pannel {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0px 3px 7px 0px rgba(204, 204, 204, 0.59) !important;
    background: #fff;
}
.p-r-0{
	padding-right:0 !important;
}
.bottom-pannel .checkbox {
    margin-top: 24px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

.my-button {
    display: inline-block;
    margin: 0 5px;

}
/*---hotel-booking-responsive --*/

@media (max-width:992px){
	.float-input {
    position: relative;
    margin: 30px 0 10px 0;
}
.address-h {
    border-right: 0px solid #e3e3e3 !important;
}
.search-right-panel ul.accordion {
    float: none;
}
}
@media (max-width:1024px){
.my-button {
    display: inline-block;
    margin: 0 5px;
    width: 23%;
}
.acc.my-button {
    margin-left: 50%;
}
}
@media (max-width:480px){
	.acc.my-button {
    margin-left: 0 !important;
    margin-right: 20px !important;
}
.my-button {
    display: inline-block !important;
    margin:0 !important;
    width: calc(50% - 10px) !important;
}
.whitebg.hotel-search {
    padding: 0px 15px !important;
}
.address-h {
    padding: 20px 15px 20px 15px !important;
}
}
/*--search.css ends (for all searchresult,search detail, booking and search pages)---*/

/*------ transfer and ss search result --*/

.quot i
{
	color:#ffffff;
	text-align:center;
	padding-left:3px;
}
.quot
{
	background:#585454;
	padding:5px;
	border-radius:50%;
	width:30px;
	margin:0 auto;
	margin-top:10px;
}
.more-but
{
	float:right;
}
.avai h4
{
	color:#5d9769;
	margin:3px 0px;
}
.avai p
{
	font-weight:bold;
	margin:3px 0px;
}
.line-h
{
	line-height:22px;
}
.rtt
{
	padding-bottom:0px;
}
.bttt
{
	padding:0px 10px !important;
}
.bttt .btn
{
	padding:0px 12px;
}
@media (max-width: 768px){
ul.flter-list li a.btn{
	    padding: 0 10px;
    font-size: 12px;}
	}

/*-for reg page--*/
.reg-page .float-input input.floating-inpt{
    background: transparent !important;
}


.pagination {
	margin: 0px 0;
}
.showresult:first-child {
    margin-top: 5px;
}
/*--stepsystem.css---*/

.white-panel-1 {
    background: #fff;
    padding: 15px;
    box-shadow: 0 1px 7px 2px #ccc!important;
   margin: 10px 0 10px 0;
}
ul.nav-wizard {
  background-color: #fff;
 border-bottom: 1px solid #881836;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
ul.nav-wizard:before {
  position: absolute;
}
ul.nav-wizard:after {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 138px;
  height: 35px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard li {
  position: relative;
  float: left;
  height: 35px;
  display: inline-block;
  text-align: center;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
}
ul.nav-wizard li a {
  color: #000;
  padding: 0;
}
ul.nav-wizard li a:hover {
  background-color: transparent;
}

ul.nav-wizard li.active {
  color: #3a87ad;
  background: #881735;
}
ul.nav-wizard li.active:after {
  border-left: 16px solid #dedede;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
  color: #fff;
  background: #881735;
}
ul.nav-wizard .active ~ li {
  color: #999999;
  background: #f9f9f9;
}
ul.nav-wizard .active ~ li:after {
  border-left: 16px solid #f9f9f9;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
  color: #000;
  background: #fff;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
  border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
  color: #999999;
  background: #ededed;

}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
  border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,


ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}

.table-bo {
    border-color: #d4d4d4;
}
.table-bo tr th {
    font-size: 17px;
    color: #222222;
    background: #ffeded;
    font-weight: 400;
    padding: 10px 15px !important;
    vertical-align: top;
}
.table-bo tr td {
    font-size: 14px;
    color: #222222;
    padding: 15px 19px !important;
    line-height: 22px;
}

.info-head {
    padding: 0px 15px;
    margin: 20px 0 10px 0 !important;
    color: #929292;
    font-size: 14px;
    font-weight: 400;
}

p.info-hoshi {
    padding: 0px 15px;
    margin: 10px 0 !important;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 400;
}

.transfer-srd {
    font-size: 18px;
    color: #881735;
    font-weight: 400;
    margin-bottom: 7px;
    margin-top: 4px;
}
.transfer-srd span {
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    margin-left: 10px;
}
@media (max-width:768px){
.transfer-srd {
    font-size: 18px;
    color: #881735;
    margin-bottom: 7px;
    margin-top: 4px;
    font-weight: 400;
}
.transfer-srd span {
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    padding-left: 10px;
}
ul.nav-wizard li
	{
		padding:0 12px 0 12px !important;
	}
}
/*-----stepsystem-end --*/
@media (min-width:991px) and (max-width:1199px){
	.search-right-panel ul.accordion {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
	
}
/*---popups---*/
ul.ul-horizontal {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

ul.ul-horizontal li {
    display: inline-block;
    margin-right: 10px;
}

ul.ul-horizontal.opt-list li {
    min-width: 50px;
}

ul.ul-horizontal.opt-list li.enable-u {
    margin: 0 20px;
    width: 150px;
}

ul.ul-horizontal.opt-list li .checkbox label {
    font-weight: 300;
}
.modal-content::-webkit-scrollbar, .modal-content::-webkit-scrollbar-track {display: none;}
button.sel-role {
    margin-top: 15px;
    padding: 10px 15px;
    width: auto;
    border-radius: 5px;
    font-size: 12px !important;
    float: right;
}
ul.ul-horizontal.role-list {
    margin-bottom: 10px;
}

ul.ul-horizontal.role-list li {
    margin-right: 30px;
}
/*---------- booking summery page ------*/

.panel.smry h2 {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.8px;
    color: #881735;
    margin: 5px 0;
}
.info-sec-new .headrow {
    background: #ffeded;
    margin: 0;
    min-height: 40px;
    height: auto;
}

.info-sec-new .headrow h3 {
    padding: 0;
    font-weight: 900;
    font-size: 16px;
    line-height: 40px;
    color: #881735;
    background: transparent;
    border: none;
    margin: 0;
}

.info-sec-new {
    margin-top: 20px;
    border: 1px solid #ffeded;
}
a.colapse-link i.fa {
    color: #881735;
    font-size: 16px;
    margin: 0 3px;
}
span.info-label {
    padding: 0px;
    margin: 10px 0;
    color: #929292;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    width: 110px;
    vertical-align: top;
}

span.info-desc {
    padding: 0px 15px;
    margin: 10px 0;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    min-width: 200px;
    white-space: normal;
    max-width: calc(100% - 115px);
}

.info-field {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0 15px;
}
a.link-red {
    color: #881735;
    text-decoration: underline;
    font-weight: 500;
    font-size: 15px;
}
a.link-red.light {
    font-weight: 400;
    font-size: 18px;
    margin-right: 2px;
}
span.rating-yellow i.fa {
    color: #f5c314;
}
.row.room-info h3 {
    font-weight: 900;
    font-size: 16px;
    margin: 10px 15px;
    color: #3e3e3e;
}
h3.pan-head {font-weight: 900;font-size: 16px;margin: 10px 15px;color: #881735;}




.room-info {
    margin: 10px -15px 20px -15px;
}
.rooms{
	margin-bottom:20px;
}
a.link-red.offers {
    font-weight: 700;
	font-size:17px;
}
p.single-info {
    margin: 10px 0px;
    padding: 0 15px;
    font-size: 16px;
}

ul.button-list {
    padding: 15px 0;
    margin: 25px 0;
    border-top: 1px solid #000;
    list -webkit-border-after-style:;
}

ul.button-list li {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
 margin-bottom: 10px;
}
p.bottom-line {
    color: #363636;
    font-size: 18px;
    margin: 0 15px;
}

/*--responsive--*/
@media (min-width:993px){
	.detail .lh.form-heading.sb-1h-res, .lh.form-heading.sb-1h-res {
    margin-top:0 !important;
}
}
@media (max-width:992px){
	/*-- booking details --*/
span.info-desc {
    padding: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.info-field {margin-bottom: 20px;}

span.info-label {
    width: 100% !important;
    vertical-align: middle !important;
}
/*--search-booking--*/
.detail .lh.form-heading.sb-1h-res, .lh.form-heading.sb-1h-res {
    margin: 20px 0 0 0 !important;
    font-size: 16px !important;
}

}
@media (max-width:480px){
	.col-xxs-12{
		width:100% !important;
	}
	.text-left-xxs{
		text-align:left !important;
	}
}

/*--search-booking page--*/

h2.sb-heading {
    color: #1d1d1d !important;
    font-size: 20px !important;
    margin: 10px 0 10px 0 !important;
    text-transform: none !important;
}

.mtb10{
	margin-top:10px;
	margin-bottom:10px;
}
.rem-box {
    background: #f3f3f3;
    padding: 18px;
    border-radius: 5px;
    min-height: 127px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.13);
    margin-top: 10px;
}

.rem-box h4 {
    color: #881735;
    margin-top: 0;
    margin-bottom: 18px;
    font-weight: 400;
    letter-spacing: 0.6px;
}

.rem-box p {
    font-size:  14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 5px;
}

ul.checklist.sb-status li {
    margin-right: 5px;
    margin-left: 5px;
    min-width: 100px;
}

ul.checklist.sb-status li label {
    padding-left: 15px;
}

input:focus~.floating-label span.red-color, input:not(:focus):valid~.floating-label span.red-color {opacity: 0;transition: 0.2s ease all;font-size: 0;}

.lh.sf span.red-color {
    opacity: 0;
    transition: 0.5s ease all;
}

.mbkcount{font-size: 10px;width: 18px;height: 17px;border: 1px solid;border-radius: 50%;margin: 0 4px;display: inline-block;line-height: 15px;text-align: center;padding-right: 1px;}

li.active a .mbkcount{background: #fff;color: #881735;border-color: #fff;}

li a .mbkcount{background: #881735;color: #ffffff;border-color: #881735;}

/*-mybooking---*/

.mbooking .curr .btn {
    border-radius: 0;
    height: 28px;
    display: block;
    margin: 0;
    line-height: 28px;
    padding: 0 18px;
    font-size: 14px;
    max-width: 100px;
    float: none;
}

.action-list {
    background: none;
    margin-top: 0 !important;
    display: inline-block;
    width: 100%;
}
.action-list a{display: inline-block;float: none;min-width: 20px;}
.action-list i
{
	color:#222222;
}

.mybooking .pagin{margin: 10px -15px -30px -15px;}
.mybooking .pagin ul.pagination{
    margin: 10px 0px;
}
/*--position summery page-*/
.pink
{
	color:#932e49;
}
.green
{
	color:#04a204;
}
.red
{
	color:#ff0000;
}
.possumm
{
	font-weight:bold;
}
.possumm span
{
	font-size:16px;
	font-weight:500;
}

table.tbl-block-responsive-xs tr td {
    padding: 8px;
    border-bottom: 1px solid #d4d4d4;
	vertical-align: top;
}
table.tbl-block-responsive-xs.hsrrrtbl {
    margin-bottom: 10px !important;
}
/*--payment-status page----*/

.pmt-fltr-search{text-align: right;}
.pmt-fltr-search a.btn.hover-btn{	
min-width: 116px;	
min-height: 36px;	
margin: 14px 0 10px 0;
}
.pos-smry .action-list{
	text-align: center;
}
.mbkngtable .action-list{
	text-align: center;
	    
}
.pos-satat .action-list{
	text-align:left;
}

.tbl-block-responsive-xs td.data-td-responsive:before {
    color: #222;
}

/*--homepage-css-*/
#logo .home-header h3 {margin-bottom: 5px !important;}

.home-header {
    min-height: 60px;
    margin: 11.5px 0;
    padding: 1px;
}
.m-0{
	margin:0 !important;
}
.homepage {
    background: #ffff;
}

.banner {
    background: url('../images/banner.jpg') no-repeat;
    background-size: cover;
    min-height: 552px;
    position: relative;
}
.banner .banner-image img {width: 100%;height: auto;}
.img-outline{
	outline-offset: -15px;
	}
.homepage section.main-content {
    padding: 50px 0 20px;
    clear: both;
}


.cation-image {
    /* position: absolute; */
    /* top: calc(50% - 100px); */
    /* right: 20%; */
    text-align: left;
    margin-top: calc(100px - 100px);
}
.homepage .sec-head {
    font-weight: 300;
    text-transform: uppercase;
    font-family: Roboto !important;
    color: #000;
    font-size: 24px;
    padding: 0px 10px 10px;
    margin: 0;
}
.homepage .sec-head span {
    font-weight: 700;
    color: #881735;
}

@media (min-width: 992px){
.homepage .promotions .col-md-4 {
    width: 33.333333%;
    padding-right: 40px;
    padding-left: 40px;
}}
.homepage .promotions {
    margin-bottom: 10px;
}
.homepage .promo-img {
    padding: 10px 0;
}
.homepage .partners {
    padding: 10px 0;
}
.cation-image img.img-responsive {
    width: auto !important;
    max-width: 100%;
    margin: 10px auto 0 0;
        max-height: 170px;
}

.homepage .partner-img {
    padding: 20px 0;
}
.bg-grey {
    background: #f3f3f3;
}
.bg-white {
    background: #fff;
}
.banner-caption {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homepage .main-form {
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.login-form {
  border: 4px solid rgba(204, 204, 204, 0.49);
    padding: 20px;
    background: rgba(244, 244, 244, 0.9);
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.32);
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
.carousel-inner > .item > img{    width: auto;
    height: 320px !important;}
}


form.login-form input.form-control {
        height: 38px;
    border-radius: 0;
    padding: 3px 12px;
    border: 1px solid #d4d4d4;
}

.login-form .form-group {
    margin-bottom: 10px;
}

.login-form label.control-label {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.reg-links a {
   color: #8e233f;
    font-weight:900;
    font-size: 12.5px;
}

.reg-links span {
    display: inline-block;
    min-width: 49%;
}
.hfbtn{
width: 100%;
    background: #323232;
    color: #fff;
    border-radius: 0;
    height: 50px;
    box-shadow: inset 0 -3px 0 #131313 !important;
    line-height: 50px;
    padding: 0;
    text-align: center;
    cursor: pointer !important;
    opacity: 1 !important;
}
.hfbtn:hover, .hfbtn:focus, .hfbtn.focus {
    color: #ffffffcf;
    background: #353535;
}
.banner-sec {
    position: relative;
}

/*--single table responsive--*/
@media (max-width: 1199px) {
	.d-inlineblock-md {
    display: inline-block;
    max-width: 100%;
}
	.no-border-md{
		border:none !important;
	}
	.table.tbl-block-responsive-xs tr th{
white-space:nowrap;
	
}
.homepage .main-form{
	    max-width: 600px;
	    margin: 10px auto;
}
.cation-image img.img-responsive{
	margin: 10px auto 0 0;
    max-height: 135px;
}
.cation-image {
    text-align: left;
    margin-top: calc(100px - 100px);
}

}
@media (max-width:992px){
		.banner-caption {
    position: static;
    transform: translate(0, 0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 50px 0;
    background: #f4f4f4;
}
.cation-image {
    margin-top: 0;
    margin-bottom: 10px;
}
.cation-image img.img-responsive, .homepage .main-form{
	max-width:450px;
    margin: 10px auto;
}
}

@media (max-width:769px){
	.banner {
    min-height: 200px;
	}
	.cation-image img.img-responsive {
    width: auto !important;
   /* max-width: 100%;*/
    margin: 0 auto;
}
table.tbl-block-responsive-xs{
		border:none !important
	}
	
		.tbl-block-responsive-xs, .tbl-block-responsive-xs td, .tbl-block-responsive-xs tr, .tbl-block-responsive-xs tbody{
			display: block;
		}
		.text-left-imp-xs tr td{
			text-align:left !important;
		}
		

		.action-list {
			text-align:left !important;
    padding: 0;
    width: calc(100% - 5px);
}
.sb-heading.mbooking span.pull-right {
    float: none !important;
    display: inline-block;
    font-size: 12px;
    width: 100%;
    margin: 12px 0 2px 0;
}
		.tbl-block-responsive-xs td.data-td-responsive{
border: none;
}
.tbl-block-responsive-xs tr{
border: 1px solid #ddd;
margin-bottom: 15px;
}
		.tbl-block-responsive-xs td.data-td-responsive:before{
min-width: 150px;
width: auto;
font-weight: 600;		
padding: 10px;
		}
		.banner-caption {
    position: static;
    transform: translate(0, 0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
}
.cation-image {
    margin-top: 50px;
    margin-bottom: 10px;
}
}
@media (max-width:480px){
		.tbl-block-responsive-xs td.data-td-responsive{border: none; width: 100% !important; white-space: normal !important; padding: 10px !important;}
		.tbl-block-responsive-xs td.data-td-responsive:before{display: inline-block; padding: 0 !important;}
		.d-inlineblock-md {
    display: inline-block;
    max-width: calc(100% - 30px);
    margin: 0 15px;
}
.cation-image img.img-responsive, .homepage .main-form {
    max-width: 290px;
}
.cation-image {
   margin-top: 50px;
    margin-bottom: 10px;
}
}
@media (max-width:769px) and (min-width:481px){
.tbl-block-responsive-xs td.data-td-responsive {
    border: none;
    white-space: normal !important;
    margin: 15px 0;
}
.tbl-block-responsive-xs td.data-td-responsive {
    padding-left: 150px !important;
}

.tbl-block-responsive-xs td.data-td-responsive:before {
    min-width: 150px;
    padding: 0px 10px;
    margin-left: -150px;
}

}
@media (min-width:770px) and (max-width:991px){
	table.tbl-block-responsive-xs tr th {
    white-space: normal;
    word-break: break-word;
    min-width: 50px;
    font-size: 12px;
    padding: 10px 5px;
    vertical-align: top;
}

}

.mrg-btm10{margin-bottom:10px !important;}
.mrg-btm20{margin-bottom:20px !important;}
.mrg-top20{margin-bottom:20px !important;}
.mrg-top70 {
    margin-top: 70px !important;
}
.mrg-top85 {
    margin-top: 85px !important;
}
.mrg-top95 {
    margin-top: 95px !important;
}
.mrg-lft25{margin-left:25px !important;}
.mrg-top-10{margin-top:-10px !important;}
.mrg-top-10-res {
    margin-top: -10px;
}

.modal-header-bg {
    background-color: #881735;
    color: #ffffff;
        padding: 15px;
}

.modal-body{line-height:25px;}

.modal-header-bg .close {
    color: #fff;
    opacity: .6;
}

.rem-hd {
    color: #881735;
}

#access_account .modal-header{background-color: #881735;
    color: #fff;
    padding: 10px;
    font-size: 13px;}

#access_account .modal-header .close{    opacity: 0.8;
    color: #fff;}

#access_account .modal-title{    font-size: 19px;    margin-bottom: 5px;}
#access_account p{    margin: 0;}
#access_account .modal-body label{font-weight: normal;}


.visa-mstr {
    display: inline;
    margin-left: 10px;
    height: 40px;
}