@import url('https://fonts.googleapis.com/css?family=Inter:400,500,600,700&display=swap');
@charset "utf-8";
/**::-webkit-scrollbar {
    width: 5px;               /* width of the entire scrollbar */
  }
  
  *::-webkit-scrollbar-track {
    background: white;        /* color of the tracking area */
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #313131;    /* color of the scroll thumb */
    border-radius: 10px;       /* roundness of the scroll thumb */
    border: 3px solid #313131;  /* creates padding around scroll thumb */
  }*/
/* CSS Document */
*{margin: 0; padding: 0; box-sizing: border-box;}
.cname{width: 100%; display: block; padding: 8px 0px 8px 0px; border-bottom: 2px solid #f2f4f7; font-weight: 600; color: #fec745;  }
.cname span{float: right;}
.cname .checkBoxWrap .checkLbl{font-weight: 600;}
body{font-family: 'Inter', sans-serif; font-size: 14px; background-color: #f9fafc;}
body.hold-transition.sidebar-mini.fixed.sidebar-collapse.skin-purple.md-dialog-is-showing{top:0 !important}
.textLeft{text-align: left !important;}
.textCenter{text-align: center !important;}
.textRight{text-align: right !important;}
.emailCardTitle{padding: 12px 15px; font-size: 24px; margin: 0; border-bottom: 1px solid #dce1e4;}
.pageWrapper{display: inline-block; width: 100%; text-align: center;}
.emailCardWrap{display: inline-block; width: 100%; max-width: 600px; margin-top: 20px; text-align: left; background-color: #fff; border: 1px solid #dce1e4; border-radius: 3px; overflow: hidden;}
.emailFormGroup{display: inline-block; width: 100%; vertical-align: top; padding: 0 0 15px;}
.emailCol-35{width: 100%; float: left;}
.emailCol-65{width: 100%; float: left;}
.emailCol-100{width: 100%; float: left;}
.emailFrmLbl{height: 38px; line-height: 38px; width: 100%; float: left; font-weight: 600; color: #8e98a0; margin-bottom: 0; padding-right: 10px;}
.emailFrmControl{height: 34px; width: 100%; float: left; border: 2px solid #dce1e4; border-radius: 3px; padding: 0 10px;}
.emailFrmControl:hover, .emailFrmControl:focus{outline: 0;}

.belink{
  background-color: #f9fafc;
  color: white;
  padding: 1em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}
.ABid{margin-left: 8px; display: inline-block; padding: 3px 6px; font-weight: normal; border-radius: 2px; background-color: rgba(76, 117, 177, 0.2); border: 1px solid #4c75b1; color: #4c75b1; vertical-align: top; font-size: 12px; margin-bottom: 8px;}
/*.btn{display: inline-block; width: auto; height: 34px; line-height: 34px; padding: 0 15px; background-color: #f9fafc; border: 1px solid #dce1e4; border-radius: 3px; color: #8e98a0; text-decoration: none;}*/
.btn.btnPrimary{background-color: #fec745; border-color: #f98a1c; -webkit-box-shadow: 0 10px 25px rgba(239, 136, 34, 0.44); box-shadow: 0 10px 25px rgba(239, 136, 34, 0.44); color: #fff; font-weight: 600;}
.form-control{width: 100%; background-color: #fff; border: 2px solid #dce1e4;}
.multiselect-container{box-shadow: 0 3px 12px rgba(0,0,0,.175); margin: 0;}
.multiselect-container .checkbox{margin: 0;}
.multiselect-container li{margin: 0; padding: 2px 5px; line-height: 0;}
.multiselect-container li a{line-height: 25px; margin: 0; padding:2px 25px; border-radius: 3px;}
.custom-btn{width: 100% !important;}
.custom-btn .btn, .custom-multi{text-align: left; width: 100% !important;}
.dropdown-menu > .active > a:hover{color:inherit;}
.checkbox input[type="checkbox"]{margin-left: -18px; margin-top: 6px;}
input[type="number"]::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}
a.logs-link{font-size: 14px; display: inline-block; vertical-align: middle; padding: 2px 6px; border: 1px solid #ccc; margin: 0 4px; border-radius: 3px; background-color: #f2f4f7;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ color: #333; text-decoration: none; background-color: #f2f4f7; outline: 0;}
.custom-btn .btn{position: relative; padding-right: 30px;}
.custom-btn .btn .caret{position: absolute; right: 10px; top: 50%; margin-top: -2px;}
.emailTableData{display: inline-block; width: 100%; vertical-align: top; padding: 10px 15px; border-top: 1px dashed #c2c8cc; background-color: #fff; margin-top: 8px;}
.emailTableData table{width: 100%;}
.emailTableData table tr th, .emailTableData table tr td{padding: 8px 10px; position: relative;}
.emailTableData table thead tr{border-bottom: 2px solid #dce1e4;}
.emailTableData table tbody tr{border-bottom: 1px solid #dce1e4;}
.emailTableData table tbody tr:last-child{border-bottom: 0;}
.emailTableData table tr td:last-child{padding-right: 45px;}
.emailTableData table tr td.proceBtns{padding-right: 10px; text-align: right;}
.proceBtns a{height: 20px; width: 20px; text-align: center; line-height: 20px; font-size: 16px; display: inline-block; margin-left: 6px; color: #000;}
.emailTableData table tr td .tblCheck{position: absolute; right: 24px; top: 50%; margin-top: -6px;}
.tblCloseData{height: 14px; width: 14px; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -7px;}
.tblCloseData::after, .tblCloseData:before{content: ''; position: absolute; height: 2px; width: 12px; top: 50%; margin-top: -1px; left: 0; right: 0; margin: 0 auto; background-color: #ef5350;}
.tblCloseData::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.tblCloseData::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.emailCardWrap .app .ql-toolbar{background: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.emailCardWrap .ql-toolbar.ql-snow + .ql-container.ql-snow{border-top: 0px;}
.emailCardWrap .app .ql-container{min-height: 10em; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #f9fafc;}
.emailCardWrap .ql-snow .ql-formats{padding: 2px;}
.emailCardWrap .ql-container.ql-snow, .emailCardWrap .ql-toolbar.ql-snow{border: 1px solid #dce1e4;}
.app{margin: 0 auto 15px; max-width: 100%;}
.app .ql-container{min-height: 10em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; background: #fefcfc;}
.app .ql-toolbar{background: #eaecec; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}
.campaignSearch{display: inline-block; width: 100%; vertical-align: top; position: relative; margin-top: 5px; margin-bottom: 10px; padding-right: 34px;}
.campaignSearch input{padding-right: 40px; border-radius: 4px 0 0 4px ; position: relative; z-index: 2;}
.campaignSearch a.searchBtn{position: absolute; right: 1px; border-radius: 0 4px 4px 0; font-size: 16px; height: 38px; width: 34px; top: 0; text-align: center; line-height: 34px; color: #555; border: 1px solid #dce1e4; z-index: 1;}
.checkboxGroupwrap{display: inline-block; width: 100%; vertical-align: top; max-height: 150px; overflow-x: auto; background-color: #f9fafc; border: 1px solid #dce1e4; border-radius: 3px;}
.checkboxGroupwrap ul{padding: 0; margin: 0;}
.checkboxGroupwrap ul li{list-style: none; width: 100%; display: inline-block; vertical-align: top; padding: 8px 10px;}
.custCheckbox{display: inline-block; margin: 0; font-weight: normal;}
.custCheckbox input[type="checkbox"]{display: inline-block; vertical-align: middle; margin: 0;}
.campaignSearch.noPad{padding-right: 0;}
.loader_div {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; display: inline-block; height: 100% !important; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999;}
.loader{left: 48%; position: relative; top: 40%;}
.loader{border: 3px solid #f3f3f3; border-radius: 50%; border-top: 3px solid #fec745; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
.form-control[type="number"], .form-control[type="number"]:hover, .form-control[type="number"]:focus {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield;
}
.md-select{
  padding: 0 !important;
}
.logs-wrap {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #f2f4f7;
}

.logs-wrap span.form-label:first-child {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #313131 ;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 0px 5px;
    font-size: 12px;
    font-weight: bold;
    color: #d00000;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
}
.badge1 {
    display: inline-block;
    min-width: 10px;
    padding: 0px 5px;
    font-size: 12px;
    font-weight: bold;
    color: #d00000;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
}

.tabclass{
     color: #ffffff;
    background: #f8cc15;
}
.tabaclass{
 color: #f8cc15;  
}
.tabactive{
    font-weight: 600;
} 

.tabaclass:hover, .tabaclass:focus{
    font-weight: 600;
     color: #313131 ;  
}
.logs-wrap span.form-label:last-child {
    margin-bottom: 0;
    word-wrap: break-word;
}

.actionBtnGroup li a.aBtn {
    width: auto;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 7px;
    line-height: 28px;
    margin: 0 4px;
    background-color: #f2f4f7;
}

.logs-wrap:last-child {
    margin-bottom: 0;
}
.trroom{
/*  background-color: #f9fafc;*/
    background-color: #f8f8f8;
    color: #333;
}
.trroom1 {
    color: rgb(221,44,0);
}
a.actionBtn1 {
    border: 1px solid #313131 ;
    font-size: 12px;
    padding: 3px 6px;
    margin-left: 5px;
    border-radius: 2px;
    color: #313131 ;
    font-weight: bold;
}
.qTablewrap .qleftWrap .trroom td.qhotelName{color: #333;}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.md-select-menu-container {
    z-index: 900;
}

md-backdrop.md-select-backdrop {
    z-index: 899;
}
.loadingdiv { padding: 10px; text-align: center; background: #ffffff; margin-top: 10px; font-weight: 600; color: #313131 ; position: fixed; bottom: 20px; left: 20px; right: 20px; border: 1px solid #ddd; border-radius: 0; box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05);}
.md-virtual-repeat-container.md-autocomplete-suggestions-container{z-index: 2000;}
.main-footer{position: fixed; bottom: 0; width: 100%; left: 0; margin-left: 0; padding-left:  245px !important; z-index: 800;}
.searchtxt{width: 20%; height: 38px; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; color: #666666; background-color: #ffffff; background-image: none; border: 1px solid #cccccc;}
.searchtxt{box-shadow:none; border-color:#dce1e4; border-radius:3px;}
.searchtxt:focus{outline: 0; outline: none; box-shadow:none !important; border-color:rgba(0, 0, 0, 0.2); border-radius:3px;}
/*input:focus{
    box-shadow:none; border-color: #fec745;
}*/
.sidebar-mini.sidebar-collapse .main-footer{margin-left: 0 !important; padding-left: 75px !important;}
.md-datepicker-calendar-pane.md-pane-open{z-index: 1080;}

/*===padding styles=====*/
.padding-none{padding:0px!important;}
.padding-left-none{padding-left:0px!important;}
.padding-right-none{padding-right:0px!important;}
.padding-top-none{padding-top:0px!important;}
.padding-bottom-none{padding-bottom:0px!important;}
.padding-top-bottom-none{padding-top:0px!important; padding-bottom:0px!important;}
.padding-left-right-none{padding-left:0px!important; padding-right:0px!important;}

/*====margin styles====*/
.margin-none{margin:0px!important;}
.margin-left-none{margin-left:0px!important;}
.margin-right-none{margin-right:0px!important;}
.margin-top-none{margin-top:0px!important;}
.margin-bottom-none{margin-bottom:0px!important;}
.margin-top-bottom-none{margin-top:0px!important; margin-bottom:0px!important;}
.margin-left-right-none{margin-left: 0px !important; margin-right:0px!important;}
.margin-top-10{margin-top:10px!important;}
.margin-top-20{margin-top:20px!important;}
.margin-top-80{margin-top:80px!important;}

/*============Reviews style============*/


h1.title {
    color: #313131 ;
    font-weight: 700;
    font-size: 26px;
}

.feedback-card {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgb(0, 0, 0, 0.05);
    overflow: hidden;
    margin-top: 15px;
}

.feedback-head {
    position: relative;
    padding-left: 30px;
    height: 70px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    justify-content: space-between;
}

.feedback-head::before {
    content: "";
    background: #17c3b2;
    height: 70px;
    width: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.feedback-head.title-red::before {
    content: "";
    background: #ff5d6c;
    height: 70px;
    width: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.feedback-head.title-orng::before {
    content: "";
    background: #f7a762;
    height: 70px;
    width: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.feedback-head.title-grn::before {
    content: "";
    background: #17c3b2;
    height: 70px;
    width: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.toggle-lbl {
    border: 3px solid #17c3b2;
    border-radius: 50%;
    background: #fff;
    height: 30px;
    width: 30px;
    margin-right: 30px;
    position: relative;
}
.tgl-gray {
    border: 3px solid #c4cad3;
    border-radius: 50%;
    background: #fff;
    height: 30px;
    width: 30px;
    margin-right: 30px;
    position: relative;
}

.toggle-lbl::after {
    content: "";
    background: #17c3b2;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 4px;
    right: 4px;
}

.feedback-head h4 {
    color: #000000;
    font-weight: 600;
    font-size: 18px;
}

.feedback-body {
    padding: 30px;
}

.pros-cons .pros, .pros-cons .cons {
    display: flex;
}

.pros-cons .cons {
    margin-top: 15px;
}

.pros-cons .p-grn span {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #d6ede2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pros-cons .p-grn i {
    font-size: 16px;
    color: #17c3b2;
}

.pros-cons .p-red span {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #ffe2e5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pros-cons .p-red i {
    font-size: 16px;
    color: #ff5d6c;
}

.pros-txt p {
    margin: 5px 0 0 0;
    padding-left: 15px;
}

.ota-reply {
    background: #f0f5fc;
    border-radius: 5px;
    padding: 25px;
    padding-bottom: 15px !important;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}
.ota-lbl {
    position: absolute;
    background: #08a0f7;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 10px;
    top: 0;
    left: 0;
    border-radius: 0 0 4px 0;
}

.ota-reply p {
    margin-top: 20px;
}

.ota-reply-date {
    float: right;
}

.ota-reply-date span {
    color: #08a0f7;
    font-weight: 500;
    font-style: italic;
    padding-left: 5px;
}
.ota-reply-date i {
    color: #08a0f7;
}
.feedback-ftr {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.feedback-user {
    display: flex;
}

.user-thumb {
    background: #f3f3f6;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 15px;
}
.user-thumb i {
    font-size: 45px;
    color: #d9d9dd;
    position: absolute;
    top: 11px;
    left: 9px;
}
.usr-name {
    margin-top: 5px;
}
.usr-name span {
    font-size: 15px;
    font-weight: 700;
}
.usr-rtngs {}


.clr-grn {
    color: #17c3b2;
}

.clr-orgn {
    color: #f7a762;
}

.clr-red{
    color: #ff5d6c;
}

.ftr-rght {
    display: flex;
    align-items: center;
}

.usr-review span {
    background: url('../images/review.png') no-repeat center left;
    padding-left: 25px;
    color: #a9b0bc;
    font-weight: 500;
}
.reply-chnl a {
    color: #efc209;
    background: #fbf5db;
    padding: 6px 10px;
    border-radius: 5px;
    margin-left: 10px;
}




.numberFont {
    font-family: 'Open Sans', sans-serif;
}

.page-blck {
    background: #fff;
    box-shadow: 0 0px 50px 0px rgba(0, 0, 0, 0.06);
    padding: 10px;
}
.feedback-block {
    border-top: 1px solid #dedede;
    padding: 15px 5px 15px 30px;
}
.feedback-block:hover {
    background: #f5f5f5;
}
.feedback-header h3 {
    margin: 0;
}
span.ota {
    font-weight: 600;
    vertical-align: sub;
    margin-right: 10px;
}
.feedbackWrap{display:inline-block; width:100%; position:relative; padding-left:30px; padding-right: 20px; box-sizing:border-box;}
.reviewStatusWrap{position:absolute; height:12px; width:12px; display:inline-block; left:4px; top:10px; background-color:#f8f8f8; border-radius:50%;}
.reviewStatusWrap.live{background-color:#45af96; box-shadow: 0 4px 6px rgba(69, 175, 150, 0.65);}
.reviewStatusWrap.dead{background-color:#b74d4d; box-shadow: 0 4px 6px rgba(183, 77, 77, 0.65);}
.feedbackWrap h3{font-weight:600; margin-bottom:10px; line-height:34px; margin-top:0}
.feedbackWrap h3 .chnlName{float:right; font-size:14px;}
.feedbackWrap p{font-size:16px; line-height:24px; margin-bottom:10px;word-break: break-all;}
.feedbackWrap .reviewFooter{display:inline-block; width:100%; margin-top:5px;}
.reviewFooter .authorName{font-weight:600; margin-bottom:4px;}
.authorName .reviewDate{float:right; font-size:14px;}
.feedbackWrap .reviewFooter{display:inline-block; width:100%; margin-top:5px;}
.reviewFooter .authorName{font-weight:600; margin-bottom:4px;}
.authorName .reviewDate{float:right; font-size:14px;}
.reviewFtrInWrap{display:inline-block; width:100%; vertical-align:top;}
.starRating{float:left; width:30%; padding-left:10px; box-sizing:border-box;}
.starRating .btnRate {color:#fff; border-radius:3px; padding:4px 6px; font-size:14px; font-weight:600; float: left;}
.ratingSocButtons{float:right; width:70%;}
.ratingSocButtons ul{display:inline-block; vertical-align:top; margin:0; padding:0;}
.ratingSocButtons ul li{display:inline-block; vertical-align:top; list-style:none; padding-left:8px; position: relative;}
.replyBtn{display: inline-block; padding: 4px 8px; line-height: 1.4; font-size:13px; color:#fff; font-weight:400; border-radius:3px;}
.replyBtn i{font-size:14px;}
.replyBtn:hover, .replyBtn:focus{color:#fff; text-decoration:none;}

.replyBtn.guest{background-color:#ef9f59;}
.replyBtn.facebook{background-color:#4867aa;}
.replyBtn.twitter{background-color:#1da1f2;}

.widget.blue {
  background: #b74d4d !important;
}
.widget.grey {
  background: #7185ca;
}
.widget.red {
  background: #b376ca;
}
.widget.dark_turq {
  background: #51c3ce;
}
.widget.yellow {
  background: #45af96 !important;
}
.widget.orange {
  background: #f7a762;
}

.replaygusttextarea{padding: 10px; position: absolute; bottom: 100%; right: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 6px 20px rgba(0, 0, 0, .15); box-sizing: border-box; width: 360px;}
.replaygusttextarea label.replygsttitle{font-size: 12px; margin: 0; margin-bottom: 5px; font-weight: 600; display: inline-block; vertical-align: top; width: 100%; text-align: left;}
.replaygusttextarea textarea{width: 100%; resize: vertical; min-height: 160px; padding: 10px; font-size: 13px;}
.replaygusttextarea a.replygst-btn.cls{margin-right: 5px; background-color: #dddddd38; color: #888;}
.replaygusttextarea a.replygst-btn{display: inline-block; padding: 8px 15px; line-height: 1; background-color: #45af96; margin-top: 8px; border-radius: 2px; font-size: 13px; font-weight: 600; color: #fff;}

.replaygusttextarea{padding: 10px; position: absolute; bottom: 100%; right: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 6px 20px rgba(0, 0, 0, .15); box-sizing: border-box; width: 360px; display: none;}
.replaygusttextarea label.replygsttitle{font-size: 12px; margin: 0; margin-bottom: 5px; font-weight: 600; display: inline-block; vertical-align: top; width: 100%; text-align: left;}
.replaygusttextarea textarea{width: 100%; resize: `vertical; min-height: 160px; padding: 10px; font-size: 13px;}
.replaygusttextarea a.replygst-btn.cls{margin-right: 5px; background-color: #dddddd38; color: #888;}
.replaygusttextarea a.replygst-btn{display: inline-block; padding: 8px 15px; line-height: 1; background-color: #45af96; margin-top: 8px; border-radius: 2px; font-size: 13px; font-weight: 600; color: #fff;}


.feedbacktble.table-hover tbody tr:hover > td, .feedbacktble.table-hover tbody tr:hover > th{background-color: #fff;}
.repla-add{display: inline-block; width: 100%; margin-bottom: 0;}
.repla-add .reply-from, .repla-add .reply-to{display: inline-block; width: auto; margin-right: 20px; font-size: 14px; margin-bottom: 0; font-weight: 600; color: #555;}
p.reviewDate{float: right; font-size: 14px; font-weight: 600; color: #555; margin: 0;}
.replay-cnt h4{display: inline-block; width: 100%; margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #000; margin-top: 5px;}
.replay-cnt p{font-size: 14px; color: #555;}
.replay-cnt p:last-child{margin-bottom: 0;}

.toggleCheckrw{display: inline-block; position: relative; vertical-align: top; line-height: 0; margin-bottom: 0; cursor: pointer;}
.toggleCheckrw input[type="checkbox"]{position: absolute; opacity: 0;}
.toggleLblrw{width: 40px; height: 20px; background-color: #dce1e4; display: inline-block; border-radius: 30px; -webkit-transition: all ease .2s; transition: all ease .2s; vertical-align: middle;}
.toggleLblrw::after{content: ''; position: absolute; height: 14px; width: 14px; background-color: #fff; border-radius: 50%; top: 50%; margin-top: -7px; left: 3px; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all ease .2s; transition: all ease .2s; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3);}
.toggleCheckrw .toggleTxt{height: 20px; line-height: 20px; font-weight: normal; display: inline-block; vertical-align: middle; color: #555; font-weight: 600; margin-left: 5px;}
.toggleCheckrw input[type="checkbox"]:checked ~ .toggleLblrw::after{-webkit-transform: translateX(20px); transform: translateX(20px);}
.toggleCheckrw input[type="checkbox"]:checked ~ .toggleLblrw{background-color:#4fbe79;}

.titleTggleWrap {
    padding-right: 160px;
    position: relative;
    box-sizing: border-box;
    min-height: 34px;
}

.titleTggleWrap .toggleCheckrw {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
    top: 50%;
    margin-top: -10px;
    line-height: 1.4;
}

.titleTggleWrap span.chnlName {
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -10px;
    
}
p.goodreviews1, p.badreviews1 {
    position: relative;
    font-size: 14px;
    padding-left: 24px;
}

p.goodreviews1::before, p.badreviews1::before {
    content: '';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 17px;
}

p.goodreviews1::before {
    content: '\f164';
    color: #4CAF50;
}

p.badreviews1::before {
    content: '\f165';
    color: #F44336;
}
.reply-text {
    display: block;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 3px;
    margin-left: 0;
    position: relative;
    margin-bottom: 20px;
    background: #fdfdfd;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 15px;
    font-size: 14px;
}

.reply-text:before {
    content: 'OTA Reply';
    position: absolute;
    left: 0;
    top: 0px;
    color: #333;
    font-size: 12px;
    background: #ddd;
    padding: 2px 10px;
    border-radius: 2px 0px 0px 0px;
    font-weight: 600;
}
.ota-r-date {
    position: absolute;
    right: 0;
    top: auto;
    font-size: 14px;
    padding: 4px 10px;
    font-weight: 600;
    bottom: 4px;
}
.author {
    position: absolute;
    top: auto;
    font-size: 14px;
    padding: 4px 10px;
    font-weight: 600;
    bottom: 4px;
}

/*span.rvew {
    margin: 10px 0;
    font-size: 14px !important;
    font-weight: 500;
}
span.rtngs {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    border-radius: 3px;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 600;
    float: left;
}
.green {
    background: #45af96;
}
.red {
    background: #b74d4d;
}

.lang-box select {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    width: 150px;
    height: 29px;
    margin-left: 10px;
}
.replyBtn.guest {
    background-color: #ef9f59;
}
.replyBtn {
    display: inline-block;
    padding: 8px 10px;
    line-height: 1.4;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    border-radius: 3px;
}
.reply-box {
    display: block;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 3px;
    margin-left: 0;
    position: relative;
    margin-bottom: 10px;
    background: #fdfdfd;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 15px;
}
.reply-box:before {
    content: 'OTA Reply';
    position: absolute;
    left: 0;
    top: 0px;
    color: #333;
    font-size: 12px;
    background: #ddd;
    padding: 2px 10px;
    border-radius: 2px 0px 0px 0px;
    font-weight: 600;
}
.ota-r-date {
    position: absolute;
    right: 0;
    top: auto;
    font-size: 14px;
    padding: 4px 10px;
    font-weight: 600;
    bottom: 4px;
}*/




/*  Toggle Switch  */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #4fbe79;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*============ng-click style============*/

/*
[ng-click],[data-ng-click],a{
    cursor:pointer;
}
*/

a{
    text-decoration:none!important;
}

.text-white{
    color:#fff!important;
}
.skin-purple .main-header .navbar{background-image:none; background-color:#fff; }
.sidebar-mini.sidebar-collapse .main-header .navbar, .main-header > .navbar{margin-left:0;}
.sidebar-mini.sidebar-collapse .main-header .logo{width:auto;}
.main-header .logo{line-height:1; padding:0; height:64px;}
.skin-purple .main-header .navbar .sidebar-toggle{display:inline-block; vertical-align:middle; border-right: 1px solid #dddddd38; background-color: #313131 !important}
.main-header .logo .logo-lg{ text-shadow:none; color:#444; font-weight:600; font-size: 18px; line-height: 64px; padding: 0 15px;}
.main-header .logo .logo-lg img{max-height: 35px;max-width: 110px;}
.skin-purple .main-header .logo:hover{background-color:#fff;}
.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#fff;}
.skin-purple .main-header .navbar .sidebar-toggle:focus{outline:none;}
.skin-purple .main-header .logo{text-align:left; background-color:#fff;}
.sidebar-toggle .sr-only{height:26px; width:26px; float:left; vertical-align:top; position:relative; margin:0; transform: scale(0.8);}
.sidebar-toggle .sr-only .sr-onlyInner{position:absolute; height:2px; width:100%; background-color:#fec745; display:inline-block; top:50%; margin-top:-1px; left:0; border-radius:10px; -webkit-transition:all ease .2s; transition:all ease .2s;}
.sidebar-toggle .sr-only .sr-onlyInner:first-child{top:4px; margin-top:0; }
.sidebar-toggle .sr-only .sr-onlyInner:last-child{top:auto; bottom:4px; margin:0; left:auto; right:0;}
.sidebar-toggle:hover .sr-only .sr-onlyInner:first-child{width:100%;}
.sidebar-toggle:hover .sr-only .sr-onlyInner:last-child{width:100%;}

.sidebar-toggle.toggleClose{position: absolute; top: 20px; right: 20px; display: none;}
.sidebar-toggle.toggleClose:focus{outline: 0 none;}
.sidebar-toggle.toggleClose .sr-only .sr-onlyInner:first-child{width: 100%; top:50%; margin-top:-1px;}
.sidebar-toggle.toggleClose .sr-only .sr-onlyInner:last-child{display: none;}
.sidebar-toggle.toggleClose .sr-only .sr-onlyInner{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.sidebar-toggle.toggleClose .sr-only .sr-onlyInner:first-child{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.main-header .sidebar-toggle:before{content:'';}
.skin-purple .main-header .navbar .nav > li > a{color:#555; font-weight:600; cursor: pointer;}
.navbar-nav > li > a, .navbar-nav > li > a:hover{padding:22px 15px; font-size: 16px;}
.navbar-nav > li > a i{margin-right: 6px;}
.navbar-nav > li > a.properties{width: 64px; text-align: center; font-size: 18px;}
.navbar-nav > li > a.properties i{margin-right: 0;}
.skin-purple .main-header .navbar .nav > li > a:hover, .skin-purple .main-header .navbar .nav .open > a, .skin-purple .main-header .navbar .nav .open > a:hover{color:#000; background-color:#f9fafc;}

.skin-purple .main-header .navbar .nav > li > a.rtUserName{cursor: default; position: relative; font-weight: 600; font-size: 16px; text-shadow: none; padding-left: 55px;}
.skin-purple .main-header .navbar .nav > li > a.rtUserName:hover,.skin-purple .main-header .navbar .nav > li > a.rtUserName:focus, .skin-purple .main-header .navbar .nav > li > a.rtUserName:active, .skin-purple .main-header .navbar .nav > li > a.rtUserName:active:focus{background-color: #fff; color: #555;}

.skin-purple .main-header .navbar .nav > li > a.logout:hover{background-color: transparent; color: #e57373;}
.skin-purple .main-header .navbar .nav > li > a.rtUserName i{margin-right: 6px;}
.skin-purple .main-header .navbar .nav > li > a.rtUserName .userIden {position: absolute; height: 30px; width: 30px; left: 15px; top: 50%; margin-top: -15px; border-radius: 50%; text-align: center; padding: 0; background-color: #313131 ; color: #fff; line-height: 30px;}
.skin-purple .wrapper, .skin-purple .main-sidebar, .skin-purple .left-side{background-color:#fff;}
.skin-purple .wrapper .content{background-color: #fff;}
.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a{background-color:transparent; color:#333333;}
.skin-purple .sidebar-menu > li.active > a{font-weight:600; position: relative;}
.skin-purple .sidebar-menu > li.active > a::after{content: ''; height: 10px; width: 10px; border-radius: 0 10px 10px 0; background-color: #313131 ; top: 50%; margin-top: -5px; left: -5px; display: inline-block; position: absolute;}
.skin-purple .sidebar a{color:#949494;}
.skin-purple .sidebar-menu > li > a{border-width:0px; font-weight: 500;}
.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a{border-left-color: transparent;}
.skin-purple .sidebar-menu > li.active::before{content: '';
    position: absolute;
    height: 32px;
    width: 6px;
   /* background-color: #fec745;*/
    left: 0;
    top: 50%;
    margin-top: -17px;

    border-radius: 0 20px 20px 0;}

.rtCardWrap{display:inline-block; width:100%; background-color:#fff; /*-webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05); box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05);*/ margin-bottom:20px; vertical-align:top; border: 0px solid #dce1e4; border-radius: 0; border: 0px solid #dddddd38;}
.rtCardHead{font-size:18px; font-weight:400; padding: 15px 20px 0px; background-color: transparent; margin-top:0; color:#333; position:relative;}
.rtCardHead small{display: inline-block; width: 100%; vertical-align: top; color: #333; font-size: 12px;}
.rtCardHead .noteWrap{float:right; color:#e57373; font-size:13px; margin-top:2px;}

.rtCardHead .sideHeadForm{margin-top: -6px;}
.rtCardHead .btn.btn-primary{padding: 8px 12px; vertical-align: middle;}

/* actvt-log  */
.p-lft {padding-left: 0 !important;}
.p-rgt {padding-right: 0 !important;}
.actvt-log { border:1px solid #ebebf0}
.rtCardWrap .actvt-log thead tr { border-width: 0; background: #f4f4fb;}
.rtCardWrap table.actvt-log th { color: #8f92a9; padding: 16px 10px;}
.rtCardWrap table.actvt-log td { vertical-align: inherit; font-size: 13px; color: #31303c; font-weight: 500; padding: 10px 8px;}
table.actvt-log .actionBtnGroup li a { background: #d1edfc !important; color: #01b2ff !important;}
.actvt-log.table-striped > tbody > tr:nth-of-type(odd) {background: #ffffff !important;}
.actvt-log.table-striped > tbody > tr:nth-of-type(even) {background: #fafafc !important;}
.grn-btn { background: #ddf1dd; padding: 4px 16px 6px 26px; color: #2ca62d; display: inline-block; border-radius: 16px; position: relative;}
.grn-btn::before { content: ""; background: #2ca62d; height: 9px; width: 9px; position: absolute;border-radius: 15px; top: 9px;left: 11px;}
.actvt-log.table th:last-child, .actvt-log.table td:last-child {text-align: center;}
.red-btn { background: #fae9e9; padding: 4px 16px 6px 26px; color: #f25050; display: inline-block; border-radius: 16px; position: relative;}
.red-btn::before { content: ""; background: #f25050; height: 9px; width: 9px; position: absolute;border-radius: 15px; top: 9px;left: 11px;}
.org-btn { background: #ffebde; padding: 4px 16px 6px 26px; color: #f47926; display: inline-block; border-radius: 16px; position: relative;}
.org-btn::before { content: ""; background: #f47926; height: 9px; width: 9px; position: absolute;border-radius: 15px; top: 9px;left: 11px;}

/* .rtCardWrap table.actvt-log tbody tr { position: relative; z-index: 999; transition: all .3s ease-in-out;} 
.rtCardWrap table.actvt-log tbody tr:hover {box-shadow: 0 0px 20px rgb(0 0 0 / 10%);}  */
.bottomHead{padding:8px 20px; width:100%; display:inline-block; font-size:14px; color:#fec745;}
.rtCardFooter{display:inline-block; width:100%; padding:10px 20px; position:relative; font-size:14px;}
.rtCardCnt{padding:20px; display:inline-block; width:100%; vertical-align:top;}
.rtCardCntAlert{padding-left:20px; padding-right:20px; padding-bottom:20px; display:inline-block; width:100%; vertical-align:top;}
.rtCardWrap table{width:100%;}
.rtCardWrap table td, .rtCardWrap table th{padding:10px 15px; font-size: 12px; min-width: 100px;}
.rtCardWrap table th{color: #555;}
.qTablewrap td.rtSold{color: #b74d4d; background-color: #ffebee;}
.rtCardWrap tr{border-bottom: 1px solid #ddd;}
.rtCardWrap tbody tr:last-child{border-bottom:0;}
.rtCardWrap thead tr{border-width:2px;}

.popOverWrap{display:inline-block; width:100%; position:relative; cursor:pointer;}
.popOverWrap a{text-decoration:none;}
.popOver{position:absolute; display:none; background-color:#fff; left:-20px; top: 150%; width:300px; -webkit-box-shadow: 0 2px 20px rgba(92, 107, 192, 0.20); box-shadow: 0 2px 20px rgba(92, 107, 192, 0.20); z-index:1000;}
.popOverWrap:hover .popOver{display:block;}
.popOver::after{content:''; position:absolute; height:0; width:0; border-width:8px; border-style:solid; border-color:transparent transparent #fff transparent; left:15px; top:-16px;}
.popOver::before{content:''; position:absolute; height:0; width:0; border-width:8px; border-style:solid; border-color:transparent transparent rgba(92, 107, 192, 0.25) transparent; left:15px; top:-16px; -webkit-filter: blur(5px); filter: blur(5px);}
.popOver span{display:inline-block; width:100%; padding:6px 10px; border-bottom:1px solid #f2f4f7; font-size:13px; color:#666; position:relative; background-color:#fff;}
.popOver span:last-child{border-bottom:0;}
.popOver span b{width:50%; display:inline-block; color:#000;}
.popOver table td, .popOver table th{padding: 8px 10px; font-size: 14px;}

.archReportWrap{width:100%; display:inline-block; vertical-align:top; padding:0; margin:0;}
.archReportWrap li{width:100%; display:inline-block; vertical-align:top; list-style:none;}
.archClick{width:100%; display:inline-block; position:relative; padding:8px 10px; text-decoration:none; color:#000; padding-left:34px;}
.archClick .iconPlusMinus{position:absolute; display:inline-block; height:16px; width:16px; left:10px; top:50%; margin-top:-8px; background-color:#fec745; border-radius:2px;}
.archClick .iconPlusMinus::after, .archClick .iconPlusMinus::before{content:''; width:10px; height:2px; top:50%; margin-top:-1px; left:50%; margin-left:-5px;background-color:#fff; position:absolute; -webkit-transition:all ease .2s; transition:all ease .2s;}
.archClick .iconPlusMinus::before{-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.archClick:hover{background-color:#f2f4f7;}
.archClick.currentWk{float:right; padding-right:90px;}
.archClick.currentWk::before{content:'This Week'; position:absolute; right:0; display:inline-block; top:0; height:100%; padding:8px 10px; font-weight:600; color:#fec745;}
.archClick:hover{text-decoration:none;}
.archReportWrap .dropdown .dropdown-menu{position:relative; margin:0; padding:4px 0px; border:0; box-shadow:none;background-color:#eeeff7; width:100%; border-radius:0;}
.archReportWrap .dropdown .dropdown-menu a{padding:6px 10px; white-space:normal;}
.archReportWrap .dropdown .dropdown-menu a:hover{background-color:#eeeff7; color:#fec745;}
.archClick[aria-expanded="true"]{background-color:#eeeff7; color:#fec745;}
.archClick[aria-expanded="true"] .iconPlusMinus::before{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
.archReportWrap .dropdown .dropdown-menu .popOver{top:-3px;}

.latestRprtWrap{display:inline-block; width:100%; font-size:0;}
.rprtName{display:inline-block; width:100%; font-size:14px; padding:8px 10px;}
.rprtName b{width:150px; display:inline-block;}
.rprtCol{display:inline-block; width:50%; vertical-align:top; font-size:14px; position:relative; padding:8px 10px;}
.rprtCol b{width:45%; float:left;}
.rprtCol span{width:55%; float:left;}

.rtCalTable{width:100%;}
.rtCalTable thead tr th:first-child{width:280px;}
.rtCalTable tbody tr td{text-align:center;}
.rtCalTable tbody tr td:first-child{text-align:left; font-weight:600;}
.rtCalTable tbody tr td .compChnl{display:inline-block; background-color: #ddd; padding: 0 6px;}
.rtCalTable tbody tr td .compChnl.more50{background-color: #FFCDD2; color: #B71C1C; box-shadow: inset 0 0 0 1px #B71C1C; border-radius: 3px;}
.rtCalTable tbody tr td .compChnl.more25{background-color: #DCEDC8; color: #33691E; box-shadow: inset 0 0 0 1px #33691E; border-radius: 3px;}
.rtCal{text-align:center;}
.calDay, .calDate, .calMonth{display:block; font-weight:normal; line-height:1.4;}
.calDay{font-size:12px;}
.calDate{font-size:14px; font-weight:600;}
.calMonth{font-size:12px;}
.rtCalTableFtr{display:inline-block; width:100%; border-top:3px solid #f2f4f7; padding:10px 0 6px;}
.compChnlIndi{display:inline-block; vertical-align:middle; padding-right:10px; padding-left:10px; border-right:2px solid #e7e9f7; margin-top:8px;}
.compChnlIndi:last-child{border-right:0;}
.compChnlIndiIco{width:22px; height:16px; border:1px solid #ddd; background-color:#f8f8f8; display:inline-block; margin-right:5px; vertical-align:middle; border-radius:3px;}
.compChnlIndiIco.more25{background-color: #DCEDC8; color: #33691E; border-color: #33691E;}
.compChnlIndiIco.more50{background-color: #FFCDD2; color: #B71C1C; border-color: #B71C1C;}
.cutomDropdown{display:inline-block; width:100%; padding: 6px 10px; min-width:230px;}
.cutomDropdown .custInner{background-color:#fff; padding:4px 0; border:1px solid #dee1f3; position:relative;}
.cutomDropdown .custInner::after, .cutomDropdown .custInner::before{content:''; position:absolute; right:10px; height:0; width:0; border-width:8px; border-style:solid; border-color:transparent;}
.cutomDropdown .custInner::after{top:-15px; border-bottom-color: #fff;}
.cutomDropdown .custInner::before{top:-16px; border-bottom-color: #c6cbea;}
.cutomDropdown a{width:100%; display:block; padding:10px 15px;}
.sidebar-menu > li .dropdown-menu a:hover, .cutomDropdown a:hover{background-color:#f2f4f7;}
.sidebar-menu > li > a > .down-Iocn{position:absolute; right:12px; top:50%; margin-top:-7px;}
.sidebar-menu > li .dropdown-menu{position:relative; width:100%; background-color:transparent; padding: 6px 10px; border:0; float:none; min-width:230px;}
.sidebar-menu > li .dropdown-menu a{padding:10px 15px; display:inline-block; width:100%;}
.sidebar-menu > li .dropdown-menu .innerDrop{background-color:#fff; padding:4px 0; border:1px solid #dee1f3; position:relative;}
.sidebar-menu > li .dropdown-menu .innerDrop::after, .sidebar-menu > li .dropdown-menu .innerDrop::before{content:''; position:absolute; right:10px; height:0; width:0; border-width:8px; border-style:solid; border-color:transparent;}
.sidebar-menu > li .dropdown-menu .innerDrop::after{top:-15px; border-bottom-color: #fff;}
.sidebar-menu > li .dropdown-menu .innerDrop::before{top:-16px; border-bottom-color: #c6cbea;}
.sidebar-menu > li .dropdown-menu .menuList{display:inline-block; width:100%;}
.cutomDropdown .custInner .dropdown-menu{padding:0; min-width:208px;}
.cutomDropdown .custInner .dropdown-menu .innerDrop{border-left-width:0; border-right-width:0; background-color:#f8f8f8;}
.cutomDropdown .custInner .dropdown-menu .innerDrop::after, .cutomDropdown .custInner .dropdown-menu .innerDrop::before{border-bottom-color:transparent; right:auto; left:15px;}
.cutomDropdown .custInner .dropdown-menu .innerDrop::after{top:-1px; border-top-color: #fff;}
.cutomDropdown .custInner .dropdown-menu .innerDrop::before{top:0px; border-top-color: #c6cbea;}
.subsWrap{display:inline-block; width:100%;}
.searchBarWrap{display:inline-block; width:100%; padding:15px 0 15px; text-align:left;}
.searchBarWrap .form-select{width:auto; background-color:transparent; margin:0;}
.searchBarWrap .form-label{display:inline-block; vertical-align:middle; width:auto;}
.searchBarWrap .form-select select{display:inline-block; vertical-align:middle;}
.rtCardWrap .reportTable td, .rtCardWrap .reportTable th{padding: 10px 10px;}
.indiWrapFtr{display:inline-block;}

.hmawboxcnt.bedroombox{padding-right: 20px; margin-top: 5px;}
.hmawboxwrap{display: inline-block; width: 100%; vertical-align: top; padding: 20px 0; margin: 0; border-top: 2px solid #ddd;}
.hmawboxwrap .hmawbox-title{display: inline-block; width: 100%; vertical-align: top; font-size: 18px; color: #555; margin: 0; font-weight: 600; margin-bottom: 5px;}
.hmawboxwrap .hmawboxcnt{display: inline-block; width: 100%; vertical-align: top; position: relative; padding: 20px 20px 0; padding-right: 120px; border: 1px solid #ddd; background-color: #fff; margin-bottom: -1px; border-radius: 0;}
.hmawboxwrap .hmawboxcnt .form-group{}
.hmawboxwrap .hmawboxcnt:last-child{margin-bottom: 0;}
.hmawboxwrap.btmline {border-bottom: 2px solid #ddd; margin-bottom: 20px;}

.hmawboxwrap .cntbtngroup,
.hmnearplcebock .cntbtngroup{position: absolute; right: 20px; bottom: 20px; z-index: 20;}
.hmawboxwrap .cnt-btn,
.hmnearplcebock .cnt-btn{height: 38px; width: 38px; line-height: 38px; text-align: center; float: left; border: 1px solid #ddd; border-radius: 0; background-color: #fff; margin-left: 5px; color: #4c75b0;}
.hmawboxwrap .cnt-btn:hover,
.hmnearplcebock .cnt-btn:hover{background-color: #f2f4f7;}

.hmaccordion{display: inline-block; width: 100%; vertical-align: top; margin-bottom: 20px; background-color: #f2f4f7; border: 1px solid #ddd;}
/*.hmaccordion .accortitle{display: inline-block; width: 100%; vertical-align: top; position: relative; font-weight: 600; color: #555; margin: 0; padding: 15px 20px; cursor: pointer;}*/
.hmaccordion .accortitle {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    font-weight: 600;
    color: #555;
    margin: 0;
    padding: 10px 15px;
    cursor: pointer;
}
/*.hmaccordion .accortitle i{float: right; height: 19px; line-height: 19px;}*/
.hmaccordion .accortitle i {
    float: right;
    height: auto;
    line-height: 40px;
    margin-left: 3px;
}
.hmaccordion.over-show {
    overflow: visible;
}
.hmaccordion .accorcnt{display: inline-block; width: 100%; vertical-align: top; padding: 20px 20px 0; border-top: 1px solid #ddd; background-color: #fff;}

.nearradiogroup{display: inline-block; width: 100%; vertical-align: top;}
.nearradiogroup .rdotitle{display: inline-block; vertical-align: middle; margin: 0;}
.hmnearplcebock{display: inline-block; width: 100%; vertical-align: top; position: relative; padding-right: 100px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.hmnearplcebock:last-child{margin-bottom: 0; border-bottom: 0;}
.hmnearplcebock .cntbtngroup{right: 0;}
.row{
    margin-bottom: 10px;
}
.radioWrap{position: relative; padding-left: 0px; margin:0; cursor:pointer; min-width:16px; min-height:16px;}
.radioWrap .radioLbl{font-size: 12px; padding-left: 24px; display: inline-block; font-weight:400;color: #555555b5;}
.radioWrap input[type="radio"]{margin: 0; position: absolute; left: 0; top: 4px; opacity: 0;}
.radioLbl::before{content: ''; height: 16px; width: 16px; border: 2px solid #b2b3b5; border-radius: 50%; left: 0; top: 50%; margin-top: -8px; display: inline-block; position: absolute;}
.radioLbl::after{
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #fec745;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 4px;
    display: inline-block;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;}
.radioWrap input[type="radio"]:checked ~ .radioLbl::before{border-color: #fec745;}
.radioWrap input[type="radio"]:checked ~ .radioLbl::after{-webkit-transform: scale(1); transform: scale(1);}

.checkBoxWrap{position: relative; margin-right: 10px; margin-bottom: 0; cursor: pointer;}
.checkBoxWrap input[type="checkbox"]{opacity: 0; position: absolute; left: 0;}
.checkBoxWrap .checkLbl{position: relative; padding-left: 24px; font-weight:300; color: #777; display: inline-block; vertical-align: top;}
.checkBoxWrap .checkLbl::before{content: ''; position: absolute; height: 6px; width: 12px; border: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top: 0; border-right: 0; left: 2px; top: 5px; opacity: 0; z-index: 1; -webkit-transition:all ease .2s; transition:all ease .2s;}
.checkBoxWrap .checkLbl::after{content: ''; position: absolute; height: 16px; width: 16px; border: 2px solid #b2b3b5; border-radius: 2px; display: inline-block; left: 0; top: 2px; margin-top: 0; -webkit-transition: all ease .2s; transition: all ease .2s;}
.checkBoxWrap input[type="checkbox"]:checked ~ .checkLbl::before{opacity: 1;}
.checkBoxWrap input[type="checkbox"]:checked ~ .checkLbl::after{border-color: #fec745; background-color: #fec745;}

.pagination{display:inline-block; margin:0; padding-top:15px; border-top:2px solid #f2f4f7;}
.pagination li{display:inline-block; list-style:none;}
.pagination li.nextBtn a, .pagination li.prevBtn a{width:auto; font-weight:600;}
.pagination li a{display:inline-block; font-size:14px; background-color: transparent; border:0; border-radius:3px; width:36px; text-align:center;}
.pagination li a:hover{background-color:#f2f4f7; color:#fec745}
.pagination li.active a, .pagination li.active a:hover{background-color:#fec745; color:#fff;}
.pagination li.active a:focus{background-color:#fec745; color:#fff;}


/* modal style */
.modal-content{border-radius:3px; border:0; -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);}
.modal-header{padding:10px 15px;font-weight:600;color:#fec745;border-bottom: 1px solid #f2f4f7;background-color: white;}
.modal-header .close{margin-top: 7px;opacity:1;color:#f44336;text-shadow:none;}
.modal-header .close:focus{outline:none;}
.modal-header h4{font-weight:600;}
.modal-backdrop.in{opacity:.15;}
.modal-footer{border:0; padding-top:0;}

.form-select{display:inline-block; width:100%; position:relative; background-color:#fff;}
.form-select::after{content:'\f107'; font-family:'FontAwesome'; position:absolute; right:10px; bottom:8px; color:#fec745; z-index:10;}
.form-label{display:inline-block; width:100%; margin-bottom:2px;}
.btnreportnoshow{position: inherit !important; padding: 5px !important; margin-left: 10px;}
/*Riya Added*/
.metafixhgt .form-label{display:inline-block; width:auto; margin-bottom:2px;}
.form-select select{-webkit-appearance:none; appearance:none; font-weight:normal; width:100%; position:relative; z-index:12; background-color:transparent; padding-right:25px;}
.form-control{box-shadow:none; border-color:#dce1e4; border-radius:4px; padding: 6px 12px;}
.form-control:focus{box-shadow:none; border-color: rgba(0, 0, 0, .2);}

/* buttons */
.btn{ border-radius: 2px; font-weight:600;}
.btn-primary{color: #fff; text-shadow:none; background-image:none; background-color: #fec745; border-color: #fec745;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus{color: #fff; text-shadow:none; background-image:none; background-color: #f3800e; border-color: #fec745; outline:none; box-shadow:none;}
.btn-default{color:#555; text-shadow:none; background-image:none; background-color:#fff; border-color:#fff;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus{color:#555; text-shadow:none; background-image:none; background-color:#f2f4f7; border-color:#f2f4f7; outline:none; box-shadow:none;}
.searchReportTbl, .rtCalTabWrap, .lReportTable{overflow:hidden; overflow-x: auto; overflow-y: auto;}
.lReportTable table{min-width:764px;}
.rtCalTabWrap table{min-width:892px;}
.searchReportTbl table{min-width:1306px;}
.rtUserSidebar{position:relative; display:none;}
.rtUserSidebar .rtUserName{display:inline-block; padding:12px; width:100%; text-align:center; margin-bottom:12px; position:relative;}
.rtUserSidebar .rtUserName::after{content:''; position:absolute; width:75%; height:2px; bottom:-7px; right:0; left:0; margin:0 auto; background-color:#ccd1e9;}
.rtUserSidebar .rtUserName .userIden{font-size: 18px; padding:10px; width:44px; height:44px; display:inline-block; background-color:#fec745; color:#fff; line-height:1; margin-bottom:12px; font-weight:600; border-radius:3px; -webkit-box-shadow: 0 6px 20px rgba(92, 107, 192, 0.55); box-shadow: 0 6px 20px rgba(92, 107, 192, 0.55); text-align:center;}
.rtUserSidebar .rtUserName b{display:block; font-weight:600; font-size:16px;}
.searchBarWrap .form-group{padding-right: 10px;}
.searchBarWrap .form-group .form-select{margin-left:5px;}
.pagination li.prevBtn a i, .pagination li.nextBtn a i{display:none;}

.rtLoginPageWrap{display:inline-block; width:100%; padding:0; vertical-align:top; position:relative; height: 100%;}
.rtLoginPageWrap .main-header .logo{text-align:left; padding:0 20px;}
.rtLoginPageWrap .main-header .navbar{background-image:none; background-color:#fff;}
.logTextCnt{display:inline-block; width:100%; max-width:750px; text-align:left; padding:0 20px; vertical-align:top;}
.logTextCnt h1{margin-bottom:20px; margin-top:40px;}
.logTextCnt p{font-size:18px; line-height:1.4; color:rgba(0, 0, 0, .6);}
.login-wrap{display:inline-block; background-color:#fff; width:100%; max-width:360px; -webkit-box-shadow: 0 6px 20px rgba(92, 107, 192, 0.20); box-shadow: 0 6px 20px rgba(92, 107, 192, 0.20);}
.login-wrap .panel-heading{font-size:26px; padding:15px 20px; line-height:1.2; color:#fec745; position:relative; font-weight:600;}
.login-wrap .panel-heading::after{content: ''; position: absolute; height: 30px; width: 4px; left: 0; top: 50%; margin-top: -15px; background-color: #fec745;}
.login-wrap .panel-body{padding:15px 20px 20px;}
.login-wrap .form-group{display:inline-block; width:100%;}
.login-wrap .form-group .checkBoxWrap{float:left;}
.forgotLink{font-weight:600; color: #313131 ;}
.icon-field{position:relative;}
.icon-field .input-group-addon{position:absolute; width:38px; height:38px; left:0; top:0; font-size:14px; padding:12px 0; background-color:transparent; border-color:transparent; color: #f9cea4;}
.icon-field input{padding-left:0; border:0;}
.icon-field .form-control{background-color: #f2f4f7; border-bottom: 0px solid #fff; color: #2d2d2d; border-radius: 3px; padding: 6px 12px;}
.login-wrap .icon-field{padding-bottom:16px; border-bottom:1px solid #d1d5ed;}
.callUs{float:right; margin:0; padding:0;}
.callUs li{list-style:none; display:inline-block; padding:10px;}
.callUs li a{display:inline-block; font-weight:600; padding:10px 15px; border-radius:3px;}
.callUs li a:hover{background-color:#f2f4f7;}
/*input:-webkit-autofill, input:focus:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #4b89dc inset; color: #fff;}*/
.smText-right{text-align:right;}
/*.hotelTableWrap{}*/
/*.hotelTableWrap table tr td:first-child, .hotelTableWrap table tr th:first-child{width: 240px;}*/
/*.hotelTableWrap table tr td:last-child, .hotelTableWrap table tr th:last-child{width: 240px; padding-right: 10px;}
*/.actionBtnGroup{display: inline-block; padding: 0; margin: 0;}
.actionBtnGroup li{display: inline-block; list-style: none; vertical-align: middle;}
.actionBtnGroup li a{display: inline-block;font-size: 16px;height: 25px;width: 25px;line-height: 25px;text-align: center;background-color: transparent;color: #555;border: 0px solid #dce1e4;border-radius: 3px;font-weight: normal;}
.actionBtnGroup li a.fullBtn{width: auto; font-size: 14px;}
.fullBtn1{width: auto; font-size: 14px;color: #0000ff;}
/* toggle btn */
.toggleCheck{display: inline-block; position: relative; vertical-align: top; line-height: 0; margin-bottom: 0; cursor: pointer;}
.toggleCheck input[type="checkbox"]{position: absolute; opacity: 0;}
.toggleLbl{width: 40px; height: 20px; background-color: #dce1e4; display: inline-block; border-radius: 30px; -webkit-transition: all ease .2s; transition: all ease .2s; vertical-align: middle;}
.toggleLbl::after{content: ''; position: absolute; height: 14px; width: 14px; background-color: #fff; border-radius: 50%; top: 50%; margin-top: -7px; left: 3px; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all ease .2s; transition: all ease .2s; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3);}
.toggleCheck .toggleTxt{height: 20px; line-height: 20px; font-weight: normal; display: inline-block; vertical-align: middle; color: #555; font-weight: 600; margin-left: 5px;}
.toggleCheck input[type="checkbox"]:checked ~ .toggleLbl{background-color: #fec745;}
.toggleCheck input[type="checkbox"]:checked ~ .toggleLbl::after{-webkit-transform: translateX(20px); transform: translateX(20px);}
.multiSelectBox{display: inline-block; width: 100%; margin-top: 15px;}
.multiSelectBox.no-mar{margin-top: 0 !important;}
.multiSelectBox .form-item-container{background-color: #f9fafc; box-shadow: none; border: 2px solid #dce1e4;}
.multiSelectBox .list-inline{margin-left: 0;}
.multiSelectBox .list-inline>li:first-child{width: 100%; padding: 5px 0; margin: 0; position: relative;}
.multiSelectBox .list-inline>li:first-child::after{content: ''; position: absolute; height: 0; width: 0; border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent; display: inline-block; right: 5px; top: 50%; margin-top: -2px;}
.multiSelectBox .list-inline>li:first-child input{background-color: transparent; border: 0; box-shadow: none; width: 100%;}
.multiSelectBox .list-inline>li:first-child input:focus{outline: 0px none;}
.multiSelectBox .list-inline>li:first-child ~ li{padding: 0; margin-right: 8px;}
.form-item-container .list-inline li span{display: inline-block; padding: 4px 0px 4px 6px; font-size: 13px; border: 2px solid #dce1e4; background-color: #fff; font-weight: 600; color: #777;}
.form-item-container .list-inline li span.remove{display: inline-block; vertical-align: top; width: 18px; text-align: center; color: #989ea5;}
.form-item-container .list-inline li span.remove:focus{outline: 0px auto -webkit-focus-ring-color;}
.autocomplete-list ul li.autocomplete-active{background-color: #1e90ff; color: #fff;}
.multiSelectBox .autocomplete-list{background-color: #fff; border: 1px solid #ccc; border-radius: 4px; position: absolute; width: 65%; left: 14px;  z-index: 100; }
md-backdrop.md-dialog-backdrop {z-index: 1040;}
/*earlier z-ind 1050, Riya changed it for img library delete fun*/
.md-dialog-container{z-index: 1061;}
.wrapper .main-sidebar {
    background-color: #313131 !important;
/*
    -webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05);
    box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05);
*/
    border-right: 1px solid #dddddd38;
    padding-top: 80px;
}
.filterAddBtns{display: inline-block; width: 100%; margin-top: 20px;}
.filterAddTble{}
.filterAddTble table th{border-bottom: 2px solid #f2f4f7; padding: 10px 0;}
.filterAddTble table td{padding: 8px 0; vertical-align: top;}
.filterAddTble table td:first-child{font-weight: 600;}
.filterAddTble table tbody tr{border-bottom: 1px solid #f2f4f7;}
.filterAddTble table tbody tr:last-child{border-bottom: 0;}
.criteriaWrap div{display: inline-block;}
.criteriaWrap div{display: inline-block; padding: 1px 4px; border: 1px solid #dce1e4; border-radius: 3px; margin-right: 4px; margin-bottom: 4px; font-size: 13px; background-color: #f9fafc; color: #444;}
.modal-body.emailPopupWrap{padding: 0; margin-bottom: 20px;}
.modal-body.emailPopupWrap .form-item-container{border: 0; padding: 15px; max-height: 450px; overflow-y: auto; border-bottom: 2px solid #f2f4f7}
.modal-body.emailPopupWrap .form-item-container .list-inline li span{position: relative; padding-right: 25px;}
.modal-body.emailPopupWrap .form-item-container .list-inline li span.remove{position: absolute; right: 3px; top: 50%; margin-top: -9px; padding-right: 0;}
a.md-button.md-default-theme.md-primary, a.md-button.md-primary, .md-button.md-default-theme.md-primary, .md-button.md-primary{color: #fec745; font-weight: 600;}
.mailEditoreWrap{display: inline-block; width: 100%; border: 2px solid #dce1e4; border-radius: 3px;}
.mailEditoreWrap trix-toolbar{background-color: #fff; border-bottom: 2px solid #dce1e4;}
.mailEditoreWrap trix-editor{border: 0; background-color: #f9fafc; min-height: 114px; padding: 8px 8px;}
.mailEditoreWrap .trix-content pre{background-color: #fff; border: 2px solid #dce1e4;}
.mailEditoreWrap trix-toolbar .dialogs .dialog{border: 0; -webkit-box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); border: 1px solid #dce1e4; border-radius: 3px; padding-left: 15px; max-width: 520px;}
.mailEditoreWrap trix-toolbar .dialogs .dialog.link_dialog input[type=url]{background-color: #f9fafc; border: 2px solid #dce1e4; border-radius: 3px; margin-right: 0;}
trix-toolbar .dialogs .dialog input[type=button]{opacity: 1; background: #fec745; color: #fff; border: 0; height: 26px; line-height: 26px; margin-left: 8px; border-radius: 3px;}
trix-toolbar .dialogs .dialog input[type=button]:first-child{}
trix-toolbar .dialogs .dialog input[type=button]:last-child{background: #607d8b;}
.mailEditoreWrap .button_groups{font-size: 0;}
.mailEditoreWrap trix-toolbar .button_group{margin-bottom: 0; vertical-align: top; border: 0; border-radius: 0; margin-right: 0;}
.mailEditoreWrap trix-toolbar .button_group button{border: 0; background-color: #fff; border-radius: 0; border-right: 1px solid #dce1e4;}
.mailEditoreWrap trix-toolbar .button_group button::before, .mailEditoreWrap trix-toolbar .button_group input[type=button]::before{opacity: .4;}
.mailEditoreWrap trix-toolbar .button_group button.active::before, .mailEditoreWrap trix-toolbar .button_group input[type=button].active::before{opacity: 1;}
.emailLoaderWrap{display: inline-block; width: 100%; text-align: center; padding: 80px 0;}
.loaderInner{display: inline-block; width: 100%; max-width: 440px; border: 0px solid #ddd; padding: 0; position: relative; background-color: #fff; font-size: 0; -webkit-box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22);}
.loaderTblRow{display: inline-block; width: 100%; background-color: #fff; vertical-align: top; position: relative; height: 8px;}
.loaderTblRow.trans{background-color: transparent;}
.loadText{display: inline-block; width: 100%; background-color: #fff; vertical-align: top; font-size: 16px; padding: 8px 0; font-weight: 600; color: #b1bad0;}
.loaderTblRow.trans [class*="wh"]{display: inline-block; vertical-align: top; height: 100%; position: absolute; background: #fff; top: 0; }
.wh1{width: 8px; left: 0;}
.wh2{width: 70px; left: 10%;}
.wh3{width: 70px; left: 40%;}
.wh4{width: 90px; left: 70%;}
.wh5{width: 8px; right: 0;}
.loadTblHead .wh1{width: 8px; left: 0;}
.loadTblHead .wh2{width: 80px; left: 7.75%;}
.loadTblHead .wh3{width: 90px; left: 35.5%;}
.loadTblHead .wh4{width: 120px; left: 65%;}
.loadTblHead .wh5{width: 8px; right: 0;}
.animated-background {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -moz-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-linear-gradient(to right, #dce1ec 8%, #c7cdda 18%, #dce1ec 33%);
    background: -moz-linear-gradient(to right, #dce1ec 8%, #c7cdda 18%, #dce1ec 33%);
    background: linear-gradient(to right, #dce1ec 8%, #c7cdda 18%, #dce1ec 33%);
    background-size: 800px 104px;
    position: relative;
    height: 135px;
}
@-webkit-keyframes placeHolderShimmer{
    0%{background-position: -468px 0}
    100%{background-position: 468px 0}
}
@keyframes placeHolderShimmer{
    0%{background-position: -468px 0}
    100%{background-position: 468px 0}
}
.camStatus{color: #888; font-weight: 600;}
.camStatus.not{color: #F44336;}
.camStatus.queue{color: #00BCD4;}
.camStatus.progress{color: #FF9800; background-color: #fff;}
.camStatus.sent{color: #4CAF50;}
.camStatus .indicatore{display: inline-block; height: 8px; width: 8px; margin-right: 4px; border-radius: 50%;}
.camStatus.not .indicatore{background-color: #F44336;}
.camStatus.queue .indicatore{background-color: #00BCD4;}
.camStatus.progress .indicatore{background-color: #FF9800;}
.camStatus.sent .indicatore{background-color: #4CAF50;}
.receiverUser{font-weight: 600;}
/*.emailPopupWrap .form-control{margin-bottom: 10px;}*/
.searchBoxWrap{display: inline-block; width: 100%; padding: 15px; -webkit-box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); position: relative; z-index: 1;}
.searchtxtWrap{display: inline-block; width: 100%; position: relative; margin: 0;}
.searchtxtWrap .searchIcon{position: absolute; height: 34px; width: 36px; top: 2px; right: 2px; text-align: center; line-height: 34px; font-size: 16px; color: rgba(0, 0, 0, .4); background-color: #dce1e4; -webkit-transition: all ease .15s; transition: all ease .15s; cursor: pointer;}
.searchtxtWrap .form-control{padding-right: 38px; font-weight: 400;}
.searchtxtWrap .form-control:focus ~ .searchIcon{background-color: rgba(0, 0, 0, .2);}
.noRcrdWrap{display: inline-block; width: 100%; vertical-align: top; text-align: center; padding: 80px 0;}
.noRcrdWrap .noRcrdTxt{font-size: 16px; padding: 8px 0; font-weight: 600; color: #b1bad0; display: inline-block; width: 100%;}
.rcrdFileWrap{
    display: inline-block;
    width: 70px;
    height: 90px;
    padding: 3px;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: filePlaceHolderShimmer;
    -moz-animation-name: filePlaceHolderShimmer;
    animation-name: filePlaceHolderShimmer;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-linear-gradient(to right, #dce1ec 8%, #c7cdda 18%, #dce1ec 33%);
    background: -moz-linear-gradient(to right, #dce1ec 8%, #c7cdda 18%, #dce1ec 33%);
    background: linear-gradient(to right, #dce1ec 8%, #c7cdda 18%, #dce1ec 33%);
    background-size: 800px 104px;
    font-size: 0;
}
@-webkit-keyframes filePlaceHolderShimmer{
    0%{background-position: -468px 0}
    100%{background-position: 468px 0}
}
@keyframes filePlaceHolderShimmer{
    0%{background-position: -468px 0}
    100%{background-position: 468px 0}
}
.rcrdFileWrap::after{content: ''; position: absolute; top: 0; right: 0; border-width: 8px; border-style: solid; border-color: #fff #fff transparent transparent;}
.rcrdFileWrap::before{content: ''; position: absolute; top: 4px; right: 4px; border-width: 6px; border-style: solid; border-color: transparent transparent #fff #fff;}
.rcrdFileRw{display: inline-block; width: 100%; height: 4px; background-color: #fff; vertical-align: top; position: relative;}
.rcrdFileRw.trans{background-color: transparent;}
.rcrdFileRw [class*="whc"]{background-color: #fff; position: absolute; height: 100%;}
.whc1{width: 4px; left: 0;}
.whc2{left: 20px; width: 35px;}
.whcLast{right: 0; width: 4px;}
.rtCardForm{display: inline-block; width: 100%; vertical-align: top; padding: 10px 15px;}
.rtForm{display: inline-block; width: 100%; vertical-align: top;}
.rtForm .form-group{display: inline-block; width: 100%; max-width: 360px; margin: 0; vertical-align: middle;}
.form-label{margin: 0; display: inline-block; vertical-align: middle; color: #555; margin-bottom: 4px; font-size: 12px;text-transform: uppercase;}
.rtForm .form-group .form-label{padding: 8px 15px;}
/*.rtForm .form-group .form-label span{font-weight: 600;}*/
.rtForm .form-group.formLblGrp{float: right; text-align: right;}

/*CSS*/
.checkbox-block{margin-bottom: 10px; display: inline-block; width: 100%;}
.checkbox-block .checkbox-inline{margin-right: 5px; margin-left: 0px; margin-top: 5px; margin-bottom: 5px; padding-left: 0px;}
.checkbox-block .checkbox-inline label{font-weight: inherit; cursor: pointer;}
.quickViewWrap{display: inline-block; width: 100%; vertical-align: top; padding: 20px;}
.quickViewWrap .qInnerWrap{display: inline-block; width: 100%; vertical-align: top; border: 1px solid #ddd;}
.quickViewWrap .qInnerWrap .qTitle{padding: 10px 15px; display: inline-block; width: 100%; vertical-align: top; background-color: #f8f8f8;margin: 0;color: #fec745;}
.quickViewWrap .qInnerWrap .qCntent{padding: 10px 15px; display: inline-block; width: 100%; vertical-align: top; border-top: 1px solid #ddd;}
.qInnerWrap .qCntent .qTablewrap{display: inline-block; width: 100%; vertical-align: top; margin-bottom: 20px;}
.qTablewrap .qTblTitle{display: inline-block; width: 100%; margin-bottom: 10px; color: #000; font-size: 16px; font-weight: 600; text-align: center;}
.qTablewrap .qTblTitle small{font-size: 12px; font-weight: normal; color: #666; display: block}
.qTablewrap .qleftWrap, .qTablewrap .qrightWrap{float: left; vertical-align: top; vertical-align: top; position: relative;}
/* .qTablewrap .qleftWrap{width: 20%;}
.qTablewrap .qrightWrap{width: 80%;} */
.qTablewrap{position: relative; padding-left: 240px; display: inline-block; box-sizing: border-box; width: 100%; vertical-align: top;}
.qTablewrap .qleftWrap{position: absolute; left: 0; top: 0; width: 240px;}
.qTablewrap .qrightWrap{width: 98%;}
.qTablewrap .qrightWrapscroll{width: 2%;
float: left;
    
    vertical-align: top;
    position: relative;}
    .qrightWrapscroll td table tr {
    border: 0;
}
.imgstyle{
        max-width: 100%;
    max-height: 100%;
    display: block;
    min-height: 100%;
    min-width: 100%;
}
.qTablewrap .qScrollTable{display: inline-block; width: 100%; vertical-align: top; overflow: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.qScrollTable th, .qScrollTable td{ padding: 10px 15px; text-align: center; font-size: 12px;}
.qTablewrap .qleftWrap table{width: 100%; text-align: left; border-collapse: collapse;}
.qTablewrap .qrightWrap table{border-collapse: collapse;}
.qTablewrap .qleftWrap table th{height: 73px; padding: 10px 15px;}
.qTablewrap table th{border: 1px solid #aaa; height: 73px;}
.qTablewrap td{height: 51px; padding: 10px; border: 1px solid #ddd;}
.qScrollTable td{position: relative;}
.qScrollTable td.qlowstar::after{content: '*'; position: absolute; top: 10px; right: 6px; color: #d84343;}
.qTablewrap thead{background-color: #313131;color: #fff;}
/*.qTablewrap .qleftWrap tr:first-child td{font-weight: 600;}*/
.qTablewrap .qleftWrap td.qhotelName{color: #000;}
.qTablewrap tr.qbaseHotel td{font-weight: 600;}
.qTablewrap td.qlowPrice{color: #fec745; font-weight: 600; background-color: rgba(239, 136, 34, 0.14);}
.qTablewrap .qleftWrap td{max-width: 0;}
.qTablewrap .qleftWrap td .rtTableLbl{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 100%; vertical-align: middle;}
.qTablewrap td .qPopover{position: absolute; z-index: 12; background-color: #fff; padding: 10px; 15px; width: 260px; border: 1px solid #ddd; text-align: left; font-size: 12px; left: 100%; top: -1px; -webkit-box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); display: none; font-weight: normal;}
.qTablewrap td:hover .qPopover{display: block;}
.qTablewrap td:nth-last-child(-n+6) .qPopover{left: auto; right: 100%;}
.qTablewrap tr:nth-last-child(-n+3) td .qPopover{top: auto; bottom: -1px;}
.content-header{font-size: 0;}
.content-header [class*="col-"]{font-size: 14px; float: none; display: inline-block; vertical-align: middle;}
.rtNotify{display: inline-block; width: 100%; max-width: 540px; background-color: #fff; padding: 25px; position: fixed; top: 20px; left: 0; right: 0; margin: 0 auto; z-index: 1045; -webkit-box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); box-shadow: 0 10px 25px rgba(110, 128, 174, 0.22); border: 1px solid #dce1e4; font-weight: 600; color: #fec745; font-size: 15px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.rtNotify p{display: inline-block; width: 100%; vertical-align: top; margin: 0;}
.main-header{z-index: 1000;}
/*.main-sidebar, .left-side{z-index: 1020;}*/
.sidebarLogo{display: inline-block; padding: 35px; width: 100%; vertical-align: top; display: none;}
.searchBarWrap{float: right; position: relative; width: 100%; max-width: 300px; padding: 0;}
/*.searchBarWrap::after{content: '\f002'; font-family: 'FontAwesome'; font-size: 14px; top: 50%; margin-top: -10px; left: 20px; position: absolute; color: rgba(0, 0, 0, .4);}*/
.searchBarWrap1::after{content: '\f0d7' !important; font-family: 'FontAwesome'; font-size: 14px; top: 50%; margin-top: -10px; left: 20px; position: absolute; color: rgba(0, 0, 0, .4);}
.searchBarWrap .form-control{border: 0; background-color: #f2f4f7; border-radius: 50px; height: 38px; font-weight: 300;  padding-left: 20px; padding-right: 45px;}
.searchBarWrap .btn{height: 32px; width: 32px; padding: 0; text-align: center; line-height: 30px;  border-radius: 50px; position: absolute; top: 3px; right: 6px;}
.searchBarWrap .btn-default{background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, .4);}
.searchBarWrap .btn-default:hover, .searchBarWrap .btn-default:focus{background-color: transparent; border-color: transparent; color: #555;}
.crdhead-right{float: right; width: 40%; position: relative; padding-right: 55px;}
.crdhead-right .btn.btn-primary{position: absolute; right: 0; top: 0; border-radius: 50px;width: 38px; text-align: center;}


/* Image preview */
.imagepreview div{display: inline-block; margin: 5px 20px 5px 0; border-radius: 3px; position: relative;}
.imagepreview div img{height: 80px; width: 80px; object-fit: cover; position: relative; z-index: 10; border: 3px solid #ddd; border-radius: 14px;}
.imagepreview div a{position: absolute; z-index: 12; top: -8px; right: -8px; height: 24px; width: 24px; text-align: center; background-color: #ddd; line-height: 24px; border-radius: 50%; color: #F44336; font-size: 12px;}

/* new login page css */
.suLoginBox .form-group{margin-left: 0; margin-right: 0; margin-bottom: 30px;}
.suLoginBox{width: 100%; max-width: 340px; text-align: left; display: inline-block; margin: 0;}
.suLoginBoxwrap .btn-primary, .suLoginBoxwrap .btn-primary:focus, .suLoginBoxwrap .btn-primary:active, .suLoginBoxwrap .btn-primary:active:focus{background-color: #313131 ; border-color: #313131 ;}
.suLoginBox .login-title{margin: 0; margin-bottom: 15px; font-size: 32px; font-weight: 900;}
.suLoginBox .login-cnt{margin-bottom: 40px; color: #888;}
.suLoginBox .form-lbl{font-weight: 300;}
.right_login, .left_login{height: 100vh;}
.right_login{background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); height: 100%; padding: 0 30px; position: absolute; right: 0; display: table; padding-bottom: 60px;}
.right_login .suLoginBoxwrap{display: table-cell; vertical-align: middle;}
.left_login{background-image: url(../images/plane.jpg); background-size: cover; height: 100%; padding: 31px 0 0 30px; position: absolute; z-index: 0; background-position: center center;}
.left_login::after{content: ''; position: absolute; height: 100%; width: 100%; z-index: -9; display: inline-block; top: 0; left: 0;}
.right_logo{text-align: center; margin-top: 60px;}
.right_logo a{display: inline-block;}
.right_logo .staah_logo_right{width: 230px;}
.account-container{display: block; margin: 30px auto 0; max-width: 400px; width: 100%;}
.content{padding: 0;}
.login_bg{position: relative; z-index: 2;}
.account-container h1{color: #ffffff; font-size: 22px; font-weight: 400; margin-bottom: 1.5em; position: inherit;}
.account-container .loginBoxOuter{padding-top: 0;}
.account-container .loginBoxOuter .loginBox-inner{padding: 0;}
.account-container .loginBox-inner .form-control{font-size: 14px; color: #ffffff !important; padding: 11px 15px 10px 0px; background-color: rgba(0,0,0,0); width: 100%; display: block; margin: 0; box-hadow: inset px 2px 4px #f1f1f1; height: 40px; border-bottom: 1px solid #ffffff; border-top: none; border-right: none; border-left: none; border-radius: 0; box-shadow: none;}
.account-container .loginBox-inner .form-group{margin-right: 0; margin-left: 0; position: relative;}
/* .account-container .loginBox-inner .form-control::-webkit-input-placeholder { color: #ffffff;}
.account-container .loginBox-inner .form-control::-moz-placeholder { color: #ffffff;}
.account-container .loginBox-inner .form-control:-ms-input-placeholder {color: #ffffff;}
.account-container .loginBox-inner .form-control:-moz-placeholder { color: #ffffff;} */
.account-container .loginBox-inner label.error{margin-top: 10px; margin-bottom: 0; vertical-align: top; color: #fff; font-weight: 400; width: 100%; text-align: right;}
.account-container .loginBox-inner .loginError{float: left; width: 100%; margin-bottom: 25px; color: #ffffff; background-color: #4d75b2; border-radius: 4px; padding: 8px 15px;}
.account-container .loginBox-inner .btn-primary{background-color: #4d75b2; color: #fff; border: 0px solid #0089d1; padding: 0; line-height: 36px; padding: 0 25px; font-weight: 400; text-transform: uppercase; border-radius: 0; font-size: 17px;}
.login-link{display: inline-block; width: 100%; margin-top: 20px;}
.login-link a{color: #ffffff; margin-right: 20px; font-size: 14px; transition: all 0.4s ease 0s; display: inline-block;}
.left_login_title{margin-bottom: 20px;}
.left_login_title h1{color: #2f2f2f; margin-bottom: 6px; font-size: 32px; font-weight: 400; margin-top: 0;}
.left_login_title > p{margin-top: 4px; font-weight: 400; color: #313131 ; font-size: 14px;}
.left_login_title > p.titl-line{border-bottom: 4px solid #f08c36; width: 125px; margin-top: 15px; display: inline-block;}
.left_ch_block{margin-bottom: 20px;}
.ch_img h2{font-size: 16px; font-weight: 400; line-height: 22px;}
.ch_img{display: inline-block; padding-left: 55px; position: relative;}
.ch_img > img{left: 0; position: absolute; width: 42px; top: 5px;}
.ch_img h2, .ch_img p{margin: 0; padding: 0; color: #2f2f2f;}
.left_login::after { content: ''; position: absolute; height: 100%; width: 100%; z-index: -9; display: inline-block; top: 0; left: 0;}
.cm-lm-spn span{color: #f08c36;}
.be-lm-spn span{color: #7c5ad3;}
.iw-lm-spn span{color: #36ba9a;}
.gve-lm-spn span{color: #4a89dc;}
.rm-lm-spn span{color: #0388a3;}
.cm-lm, .be-lm, .iw-lm, .gve-lm, .rm-lm{background: #f08c36; color: #ffffff; font-size: 12px; padding: 4px 8px; display: inline-block; margin-top: 5px; transition:all 0.4s ease 0s;}
.be-lm{background: #7c5ad3;}
.iw-lm{background: #36ba9a;}
.gve-lm{background: #4a89dc;}
.rm-lm{background: #0388a3;}
.cm-lm:hover, .be-lm:hover, .iw-lm:hover, .gve-lm:hover, .rm-lm:hover{color: #ffffff; text-decoration: none; opacity: 0.8;}
@-webkit-keyframes autofill {to {color: #fdfdfd;background: transparent;}}
@-webkit-keyframes autofillpass {to {color: #666;background: transparent;}}
.account-container .icon-field .form-control:-webkit-autofill {-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}
.account-container .icon-field .form-control:-webkit-autofill {-webkit-animation-name: autofillpass;-webkit-animation-fill-mode: both;}
ul.nav.navbar-nav.navbar-right {background: rgb(255, 255, 255) none repeat scroll 0 0;border-radius: 4px;box-shadow: 1px 1px 1px rgb(91, 91, 91);margin: 10px 0 0;}
.copyright-div{position: absolute; bottom: 20px; left: 0; width: 100%; right: 0; margin: auto; padding: 0 15px 0; padding-left: 100px;}
.pcilogo{border: 0 none; bottom: 0; position: absolute; left: 15px; text-align: right; width: auto; right: initial;}
.support{color: #efefef; margin: 0; width: 100%; float: left; text-align: right; font-size: 12px; line-height: 20px;}
.copyright{color: #efefef; margin: 0; text-align: right; width: 100%; float: right; line-height: 20px; font-size: 12px;}
.pcilogo > img{width: 70px;}
.footext{float: initial; line-height: initial; margin-right: initial;}
.support .chrome, .support .firefox {background-image: none !important;}
.support a{color: #efefef; font-size: inherit; line-height: 20px; margin-left: 8px;}
.support a i{margin-right: 7px; color: #FFF;}
#grecapid{margin-bottom: 15px;}
#grecapid > div, #grecapid > div iframe{width: 100% !important;}
.suLoginBox.form-horizontal .form-group{margin-left: 0; margin-right: 0; margin-bottom: 40px;}
.suLoginBox.form-horizontal .checkBoxWrap .checkLbl{color: #000;}
.suLoginBox.form-horizontal .forgotLink{color: #4b89dc;}
.searchArea{display: inline-block; width: 100%; margin-bottom: 20px;}
.searchArea .form-group{display: inline-block; margin: 0; margin-right: 10px;}
.checkInOutWrap{font-size: 0;}
.checkInOutWrap .calInput{font-size: 14px; position: relative; font-weight: normal;}
.checkInOutWrap .calInput .form-control{width: 150px;}
.checkInOutWrap .calInput.checkIn .form-control{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.checkInOutWrap .calInput.checkOut .form-control{border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.checkInOutWrap .calInput.checkIn::after{content: '\f178'; font-family: 'FontAwesome'; position: absolute; right: 0; font-size: 14px; top: 50%; margin-top: -10px; color: #999;}
.rightWrap{float: right;}
.rightWrap select{font-weight: normal;}
.rightWrap .form-group{margin: 0;}
.arrowBtn{    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #f8cc15;
    z-index: 10;
    top: 20px;
    border: 2px solid #f8cc15;
    line-height: 30px;
    text-align: center;
    color: #313131 ;
    cursor: pointer;}

.arrowBtn i{font-size: 22px;}
.propname{
    width: 100%;
    padding-right: 0 !important;
    text-align: end;
    font-size: 15px !important;
    color: #313131  !important;
}
.arrowBtn.arrow-left{left: -15px;}
.arrowBtn.arrow-right{right: -15px;}
.arrowBtn:hover{background-color: #fec745; border-color: #fec745; color: #fff;}
.sideHeadForm{float: right;}
.sideHeadForm md-input-container{margin: 0; padding-bottom: 0; font-size: 14px;}
md-option .md-text{font-size: 14px;}
md-select-menu md-option[selected], md-select-menu md-option[selected]:focus{color: #fec745;}
md-select-menu md-option[selected]:after{content: '\f00c'; font-family: 'FontAwesome'; position: absolute; right: 15px; top: 50%; margin-top: -10px;}
md-select-menu md-option:focus:not([selected]){background-color: transparent;}
.md-select-label{color: #555; min-height: 34px;}
md-option{height: 40px;}
.md-select-value.md-select-placeholder{padding: 4px 12px;}
md-select:not([disabled]):focus .md-select-value{padding-bottom: 4px;}
.qScrollTable td table tr td{border: 0;}
.qScrollTable td table tr{border-color: #ddd;}
.qTablewrap td table tr td{border-right: 0; border-top: 0; border-bottom: 0;}
.qTablewrap td table tr:last-child{border: 0;}
.qTablewrap td table tr td:first-child{border: 0;font-size: 11px; font-weight: 400}
.qTablewrap td table tr:first-child td:first-child{border-bottom: 0; white-space: normal;}
.qleftWrap td table tr{border: 0;}
/*.qleftWrap td table tr td{border-bottom: 1px solid #ddd;}*/
.qTablewrap td table tr:last-child td:first-child{border-bottom: 0;}
.modal-body .form-control[disabled], .modal-body .form-control[readonly], .modal-body fieldset[disabled] .form-control{background-color: #f2f4f7; cursor: no-drop; font-weight: 600;}
.modal-header h4 .channelrmDetail{font-size: 16px; color: #313131 ; background-color: #f2f4f7; padding: 2px 8px; border-radius: 4px; }
.modal-body .form-group{margin-bottom: 15px;}
.multiplierWrap{display: inline-block; width: 100%; position: relative; vertical-align: top; padding-left: 38px;}
.multiplierWrap .form-control{width: 100%; float: left;}
.multiplierWrap span.crossIcon + .form-control{padding-right: 35px;}
.multiplierWrap .form-control:last-child{padding-left: 35px;}
.multi-icon{position: absolute; font-size: 18px; font-weight: 600; color: #555; width: 50px; text-align: center; height: 100%; line-height: 38px; margin: 0 auto; left: 38px; right: 0; background-color: #dce1e4;}
.radioboxWrapper{display: inline-block; width: 100%; width: 100%; vertical-align: top; }
.radioboxWrapper .radioWrap, .radioboxWrapper .checkBoxWrap{margin-right: 10px;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{color: #ffffff; background-color: #fec745; border-color: #fec745;}
.multiColWrap{font-size: 0; margin-bottom: 20px;}
.multiColWrap [class*="col-"]{float: none; display: inline-block; font-size: 14px; vertical-align: middle;}
span.crossIcon{font-weight: 100; position: absolute; left: 0; width: 40px; height: 38px; line-height: 38px; text-align: center; background-color: #dce1e4; border-radius: 3px 0 0 3px; color: #555;}

.multiplierWrap1{display: inline-block; width: 100%; position: relative; vertical-align: top; padding-left: 38px;}
.multiplierWrap1 .form-control{float: left;}
.multiplierWrap1 span.crossIcon + .form-control{padding-right: 5px;}
.multiplierWrap1 .form-control:last-child{padding-left: 5px;}

@-webkit-keyframes autofill {
    to{color: #fff; background: url(../img/user.png) no-repeat;}
}
@-webkit-keyframes autofillpass {
    to{color: #fff; background: url(../img/password.png) no-repeat;}
}
input.username-field:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
input.password-field:-webkit-autofill {
    -webkit-animation-name: autofillpass;
    -webkit-animation-fill-mode: both;
}
.modal-tbls{display: inline-block; width: 100%; vertical-align: top; padding: 15px; border-radius: 4px; background-color: #f2f4f7;}
.modal-tbls-row{display: inline-block; width: 100%; vertical-align: top; margin-bottom: 6px; font-size: 13px;}
.modal-tbls-row:last-child{margin-bottom: 0;}
.nodata-box{display: inline-block; width: 100%; vertical-align: top; padding: 30px 0; text-align: center; margin: 30px 0; background-color: #fff; border-radius: 3px;}
.nodata-box .data-text{display: inline-block; width: 100%; vertical-align: top; font-size: 18px; color: #666; font-weight: 600; text-transform: uppercase;}
.nodata-box .fa{font-size: 32px; margin-bottom: 12px; color: #666;}
.modalSearchBox{display: inline-block; width: 100%; vertical-align: top; position: relative; padding-right: 80px; margin-bottom: 20px;}
.modalSearchBox .btn{position: absolute; right: 0; top: 0;}
.roomidLable{height: 38px; width: 100%; display: inline-block; line-height: 38px; margin: 0; vertical-align: top; color: #2d2d2d; font-weight: 600; font-size: 16px;}
.cardTopWrap{display: inline-block; width: 100%; vertical-align: top; margin-bottom: 5px;}
.cardTopWrap a.btn{padding: 4px 10px; float: right;}
.modal-body.suBookingWrap{display: inline-block; width: 100%; vertical-align: top; padding: 0;}
.suBookingWrap .subkdetail{margin: 0;}
.suBookingWrap .subkdetail .bkCol{padding: 20px;}
.subkdetail .bkCol.bkedRoomdetail{background-color: #f2f4f7; max-height: 540px; overflow: auto;}
.bkCol.bkedRoomdetail .suBookingblock{display: inline-block; width: 100%; vertical-align: top; padding: 20px; margin-bottom: 20px; -webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05); box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05); background-color: #fff;}
.bkCol.bkedRoomdetail .suBookingblock:last-child{margin-bottom: 0;}
.blckTitle{color: #313131 ; display: inline-block; width: 100%; vertical-align: top; font-size: 20px; font-weight: 600; margin-bottom: 15px; position: relative;}
.blckpopupWrap{display: inline-block; width: auto; float: right;}
.more-info-btn{position: relative; top: 0; right: 0; height: 26px; width: 26px; line-height: 26px; text-align: center; font-size: 14px; display: inline-block; vertical-align: top; border: 1px solid #ddd; background-color: #f2f4f7; cursor: pointer; color: #555;}
.blckpopup{position: absolute; top: 100%; right: 0; left: 0; background-color: #fff; border: 2px solid #ddd; padding: 10px 15px; display: none; font-size: 13px; z-index: 120; color: #555; font-weight: 400; line-height: 1.7; -webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .15); box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .15);}
.blckpopupWrap:hover .blckpopup{display: block;}
.guestDetail{display: inline-block; width: 100%; vertical-align: top; margin-bottom: 15px;}
.frmLblsm{display: inline-block; font-weight: 400; color: #555; margin: 0;}
.guestName{display: inline-block; vertical-align: top; font-weight: 600; color: #000;}
/*.guestName::after{content: '-'; margin: 0 15px;}*/
.paxDetail{display: inline-block; width: auto; margin: 0; padding: 0; vertical-align: top; float: right;}
.paxDetail li{display: inline-block; height: 28px; line-height: 28px; list-style: none; font-size: 13px; padding: 0 15px; background-color: #eff1f5; margin-left: 8px; border-radius: 50px; font-weight: 600; color: #555;}
.suSpecialOfr{display: inline-block; width: 100%; vertical-align: top; padding: 10px 0; margin-bottom: 5px;}
.suSpecialOfr .frmLblsm{font-weight: 600;}
.suSpecialOfr p{margin: 0; font-size: 13px; line-height: 1.6; color: #000; margin-top: 5px;}
.frmvalue{font-size: 14px; font-weight: 600; color: #000; margin-top: 3px; display: inline-block; width: 100%;}
.totalPriceWrap{display: inline-block; width: 100%; margin-top: 20px; padding: 15px; background-color: #fff; border: 1px solid #ddd;}
.totalList{display: inline-block; width: 100%; vertical-align: top; margin: 0; padding: 0;}
.totalList li{display: inline-block; width: 100%; vertical-align: top; padding: 10px 0; list-style: none; border-bottom: 1px solid #ddd;}
.totalList li:first-child{padding-top: 0;}
.totalList li:last-child{border-bottom: 0; padding-bottom: 0;}
.totalList li label{margin: 0; font-weight: normal;}
.modified{color: #F57C00 !important;}
.confirm{color: #4CAF50 !important;}
/*.highlightedText {background: yellow;}*/
.selected {background-color: yellow;}
/*.highlighted-yellow {background-color: #FFEB3B;}*/
.cancelled{color: #F44336 !important;}
.paxDetail li.modified, .paxDetail li.confirm, .paxDetail li.cancelled{background-color: transparent; font-size: 15px;}
.dateWrapper{}
.dateWrapper .date, .dateWrapper .year, .dateWrapper .day{display: block;}
.dateWrapper .year, .dateWrapper .day{font-size: 11px; font-weight: normal;}
.dateWrapper .date{font-size: 15px;}
.inputclose{position: relative; display: inline-block; margin-right: 2%; margin-bottom: 10px; width: 48%;}
.inputclose input{padding-right: 30px;}
.inputclose .removeBtn{display: inline-block; vertical-align: top; position: absolute; right: 6px; top: 50%; width: 26px; height: 26px; margin-top: -13px; background-color: #dce1e4; border-radius: 3px;}
.inputclose .removeBtn::after, .inputclose .removeBtn::before{content: ''; position: absolute; width: 12px; height: 2px; background-color: #808080; left: 0; right: 0; margin: 0 auto; top: 50%; margin-top: -1px;}
.inputclose .removeBtn::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.inputclose .removeBtn::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.inputclose .removeBtn:hover::after, .inputclose .removeBtn:hover::before{background-color: #f44336;}
.inputclose.phoneWrap{width: 31%;}
.propInfoCard{display: inline-block; width: 100%; vertical-align: top; padding: 15px; border: 1px solid #ddd; }
.propInfoCard.hotelInfor{background-color: #f2f4f7; border-top: 0;}
.propInfoCard .form-group{margin-bottom: 0;}
.modal-body .propInfoCard .form-control[disabled], .modal-body .propInfoCard .form-control[readonly], .modal-body fieldset[disabled] .propInfoCard .form-control{background-color: #fff;}
.popupWrap{position: relative;}
.popupWrap .popcnt{position: absolute; width: 210px; top: -30px; right: 100%; padding: 10px; background-color: #fff; border: 1px solid #ddd; display: none; z-index: 10; border-radius: 4px; text-align: center;}
.popupWrap:hover .popcnt{display: block;}
.popupWrap .iconInfo{padding: 5px 10px; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; cursor: pointer;}
.popupWrap:hover .iconInfo{background-color: #f2f4f7; color: #313131 ;}
.popupWrap .extrainfo{display: inline-block; width: 100%; vertical-align: top; border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px;}
.popupWrap .extrainfo a{display: inline-block; width: 100%; vertical-align: top; text-align: center; color: #313131 ;}
.channel-icon{display: inline-block; width: 22px; height: 15px; background-image: url(../images/channel-icon.png); background-size: 22px; background-color: #f08c36; background-position: top; background-repeat: no-repeat; margin-right: 16px; border-radius: 50%; vertical-align: top;}

/*.skin-purple .sidebar-menu > li:hover > a .channel-icon, .skin-purple .sidebar-menu > li.active > a .channel-icon{background-position: bottom;}*/
.forgotkeyWrap{display: inline-block; width: 100%; max-width: 620px; vertical-align: top; padding: 40px; background-color: #fff; text-align: left; -webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05); box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05); margin: 30px 0;}
.forgotkeyWrap .forgotform, .forgot-rule{display: inline-block; width: 100%; vertical-align: top;}
.forgot-rule{margin-top: 40px; padding: 30px 0 0; border-top: 1px solid #ddd; background-color: #fff;}
.forgot-rule .form-label{font-size: 16px; font-weight: 600; color: #313131 ; margin-bottom: 10px;}
.forgot-rule .rule-list{display: inline-block; width: 100%; vertical-align: top; margin: 0; padding: 0;}
.forgot-rule .rule-list li{list-style: none; display: inline-block; width: 100%; vertical-align: top; margin: 0; padding: 0; font-size: 14px; color: #555; margin-bottom: 3px; position: relative;}
.forgot-rule .rule-list li::before{content: '-';}
.forgot-rule .rule-list li:last-child{margin-bottom: 0;}
.mapping-table{border: 1px solid #ccc; margin: 15px 0 25px;}
.mapping-table tbody{border-top: 1px solid #ccc;}
.mapping-table thead{background-color: #f2f4f7;}
.mapping-table thead tr{border: 0;}
.maptitle{background-color: #f2f4f7; font-weight: 600; color: #313131 ; font-size: 15px;}
.actionBtnGroup li a.text-btn{display: inline-block; width: auto; font-size: 14px; padding: 0 15px; border-radius: 0; height: auto; line-height: normal;}
.actionBtnGroup.map-btn-list li{border-right: 1px solid #ccc;}
.actionBtnGroup.map-btn-list li:last-child{border-right: 0;}
.actionBtnGroup.map-btn-list{font-size: 0;}
.header-status{position: absolute; right: 50px; top: 9px; width: auto; text-transform: uppercase; font-size: 16px;}
.meal-plandiv{display: inline-block; width: 100%; vertical-align: top; font-size: 12px; font-weight: 600;}
.suSpecialOfr.price-block{padding: 0; border: 0px solid #ddd;}
.suSpecialOfr.price-block .prInnerrw{padding: 5px 0; border-bottom: 0 solid #ddd; display: inline-block; width: 100%;}
.suSpecialOfr.price-block .row:last-child .prInnerrw{border-bottom: 0; padding-bottom: 0;}
.btn-primary{background-color: #313131 ; border-color: #313131 ;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus{background-color: #fec745; border-color: #fec745;}
.btn-primary1:hover, .btn-primary1:focus, .btn-primary1:active, .btn-primary1:active:focus{background-color: #313131 ; border-color: #313131 ;}
.download-links{display: inline-block; width: 100%; vertical-align: top; margin-top: 20px;}
.download-links a{}
.meal-info{display: inline-block; width: 14px; height: 14px; vertical-align: middle; line-height: 14px; text-align: center; font-size: 14px; position: relative;}
.meal-info p{font-size: 12px; display: inline-block; width: 200px; padding: 5px 10px; position: absolute; top: 16px; background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .15); box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .15); color: #555; line-height: 1.7; text-align: left; right: -60px; z-index: 1; display: none;}
.meal-info:hover p{display: block;}
.radio-group{display: inline-block; width: 100%; vertical-align: top; padding: 10px 15px;  border-radius: 4px; max-height: 170px; overflow: auto;}
.radio-group .radioboxWrapper{display: inline-block; vertical-align: top; width: 30%; margin-right: 0; margin: 5px 0;}
.popover {
    max-width: 100% !important;
    left: auto !important;
    right: 50px;
}
.navbar-custom-menu > .navbar-nav > li {
    border: none !important;
}
.dropdown-menu > li > a{
    padding: 10px;
    min-width: 210px;
}
.btn .caret {
    margin-left: 36%;
}

.prop-add-modal{padding: 0;}
.prop-add-modal .prop-block{padding: 20px 20px 5px; background-color: #fff; display: inline-block; width: 100%; vertical-align: top; border-bottom: 1px solid #ddd;}
.prop-add-modal .prop-block:last-child{margin-bottom: 20px;}
.prop-bl-title{margin: 0; padding: 0; display: inline-block; width: 100%; vertical-align: top; font-size: 18px; color: #000;}
.counter-input{display: inline-block; width: 100%; vertical-align: top; position: relative; padding-right: 105px; margin-bottom: 20px;}
.count-bnts{position: absolute; right: 0; top: 0;}
.count-bnts .cnt-btn{height: 38px; width: 38px; margin: 0; padding: 0; border: 0; background-color: #dce1e4; border-radius: 3px; margin-left: 10px; color: #6d6d6d;}

.titlebtngroup a.cnt-btn.addfields {height: 35px; width: 35px; margin-top: -3px; padding: 6px 10px; border: 0; background-color: #dce1e4; border-radius: 3px; margin-left: 10px; color: #6d6d6d; display: inline-block; }

.cntbtngroup a.cnt-btn.addfields {height: 38px;width: 38px;margin-top: -3px;padding: 10px 14px; border: 0;background-color: #dce1e4;border-radius: 3px;margin-left: 10px;color: #6d6d6d;display: inline-block;}
.hmawboxcnt label.radioWrap {margin-top: 25px;}
.stayWraps{display: inline-block;width: 100%; vertical-align: top;}
.addbkwrap{display: inline-block; width: 100%; vertical-align: top; position: relative; padding: 0 15px;}
.addbkrow{display: inline-block; width: 100%; vertical-align: top; border: 1px solid #ddd; position: relative; padding: 15px; margin-bottom: 20px; padding-right: 53px; background-color: #f9fafc;}
.addbkftr{padding-top: 20px; border-top: 1px solid #f2f4f7;}
.addbkwrap .count-bnts{right: -1px; top: -1px; width: 38px;}
.addbkwrap .count-bnts .cnt-btn{margin-left: 0; margin-bottom: 0; border: 1px solid #ddd; background-color: #313131 ; border-radius: 0; margin-bottom: -1px; color: #ffffff;} 
.addbkwrap .count-bnts .cnt-btn:focus{outline: 0px none;}
.addbkwrap .form-group{display: inline-block; width: 100%; vertical-align: top;}
.addbkwrap ._md-datepicker-has-triangle-icon{margin: 0; padding: 0; width: 100%; max-width: 100%; display: inline-block; border: 2px solid #dce1e4; border-radius: 3px; height: 38px; background-color: #fff;}
.addbkwrap .md-button.md-icon-button{height: 36px;}
.addbkwrap .md-button.md-icon-button{padding: 6px; margin: 0;}
.addbkwrap md-icon{height: 20px; width: 20px; min-height: 20px; min-width: 20px;}
.addbkwrap .md-datepicker-input-container.md-datepicker-focused{border-bottom-width: 0;}
.addbkwrap .md-datepicker-input-container{border: 0; width: 83%; margin: 0;}

.logsouter-wrap{display: inline-block; width: 100%; vertical-align: top; font-size: 0;}
.logs-col{display: inline-block; width: 30%; font-size: 14px; margin: 0 1% 15px; padding: 15px 15px 10px; background-color: #ffffff; border: 1px solid #ddd;}
.logs-col .form-label{font-size: 16px; font-weight: 600; margin-bottom: 10px; text-align: center;}
.logs-btns{display: inline-block; width: 100%; vertical-align: top; font-size: 0; padding: 0; margin: 0;}
.logs-btns li{display: inline-block; width: 50%; vertical-align: middle; font-size: 14px; padding: 5px; margin: 0; list-style: none;}
.logs-btns li:first-child{padding-left: 0;}
.logs-btns li:last-child{padding-right: 0;}
.logs-btns li a{display: inline-block; width: 100%; vertical-align: top; padding: 8px 10px; text-align: center; background-color: #313131 ; color: #fff; font-weight: 600; border-radius: 2px;}
.logs-btns li a.viewbtn{background-color: #ffffff; color: #313131 ; border: 1px solid #ddd;}
.bluetitle{color: #313131 ;}

/*.comboWrap{display: inline-block; width: auto; float: right;}*/
.actionCombo{display: inline-block; list-style-type: none;}
span.combomain {position: relative; overflow: visible !important; font-weight: 600;padding:0 15px}
.comboWrap:hover .combopopup{display: block !important; overflow: visible !important;}
/*.actionCombo li .combopopup{top: 0; left: auto; right: 100%; width: 400px; text-align: left; padding: 5px;}*/
.actionCombo li span.combopopup a{font-size: 12px; width: auto; height: auto; line-height: inherit;}
.actionCombo li span.combopopup a:hover{color: #313131 ; text-decoration: underline !important;}
.actionCombo li span.combopopup {
top: 20px;
left: 80px;
right: 100%;
width: 400px !important;
text-align: left;
padding: 5px;
overflow: visible !important;
display: none !important;
position: absolute;
background: #fff;
z-index: 9999;
border: 1px solid #ddd;
box-shadow: 3px 5px 5px rgba(0,0,0,0.1);
}
span.combopopup tr {
border-bottom: 1px solid #ddd !important;
}
span.combopopup th, span.combopopup td {
border: none !important;
height: 40px !important;
}

.combolist{display: inline-block; list-style-type: none;}
td.combomain {position: relative; overflow: visible !important; padding:0 15px}
.comboWrap:hover .combopopup{display: block !important; overflow: visible !important;}
/*.combolist li .combopopup{top: 0; left: auto; right: 100%; width: 400px; text-align: left; padding: 5px;}*/
.combolist li span.combopopup a{font-size: 12px; width: auto; height: auto; line-height: inherit;}
.combolist li span.combopopup a:hover{color: #313131 ; text-decoration: underline !important;}
.combolist li span.combopopup {
top: 20px;
left: 80px;
right: 100%;
width: 500px !important;
text-align: left;
padding: 5px;
overflow: visible !important;
display: none !important;
position: absolute;
background: #fff;
z-index: 9999;
border: 1px solid #ddd;
box-shadow: 3px 5px 5px rgba(0,0,0,0.1);
}

.patchClass {overflow: visible !important;}

/*.blckpopup {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background-color: #fff;
    border: 2px solid #ddd;
    padding: 10px 15px;
    display: none;
    font-size: 13px;
    z-index: 120;
    color: #555;
    font-weight: 400;
    line-height: 1.7;
    -webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .15);
    box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .15);
}*/

.actionBtnGroup li .blckpopupWrap{position: relative;}
.actionBtnGroup li .blckpopup{top: 0; left: auto; right: 100%; width: 400px; text-align: left; padding: 5px;}
.actionBtnGroup li .blckpopup a{font-size: 12px; width: auto; height: auto; line-height: inherit;}
.actionBtnGroup li .blckpopup a:hover{color: #313131 ; text-decoration: underline !important;}
.col-md-8.centercol {
    float: none;
    text-align: left;
    margin: 0 auto;
}
.rtCardWrap tbody tr:last-child span.blckpopup {
top: auto;
bottom: 0;
}
.actionBtnGroup li .blckpopupWrapHist{position: relative;}
.actionBtnGroup li .blckpopupHistory{top: 0 !important; bottom: inherit !important; left: auto; right: 100%; width: 400px; text-align: left; padding: 5px;}
.actionBtnGroup li .blckpopupHistory a{font-size: 12px; width: auto; height: auto; line-height: inherit;}
.actionBtnGroup li .blckpopupHistory a:hover{color: #313131 ; text-decoration: underline !important;}

.blckpopupWrapHist{display: inline-block; width: auto; float: right;}
.more-info-btn{position: relative; top: 0; right: 0; height: 26px; width: 26px; line-height: 26px; text-align: center; font-size: 14px; display: inline-block; vertical-align: top; border: 1px solid #ddd; background-color: #f2f4f7; cursor: pointer; color: #555;}
.blckpopupHistory{position: absolute; top: 100%; right: 0; left: 0; background-color: #fff; border: 2px solid #ddd; padding: 10px 15px; display: none; font-size: 13px; z-index: 120; color: #555; font-weight: 400; line-height: 1.7; -webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .15); box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .15);}
.blckpopupWrapHist:hover .blckpopupHistory{display: block;}

.modal-tbls.popupWrap{border: 1px solid #ddd; overflow: hidden;}
.chanellinkbtn{margin-bottom: 0; position: relative;}
.chanellinkbtn a{display: inline-block; width: 100%; vertical-align: top; font-weight: 600; font-size: 16px; padding: 8px 15px; position: relative;}
.chanellinkbtn a::before{content:"\f105"; font-family: 'FontAwesome'; position: absolute; right: 15px;}
.chanellinkbtn .btn-primary.seasonBtn{position: absolute; top: 4px; right: 115px;}
.chanellinkbtn .btn-primary.seasonBtn.remove {
    right: 35px;
}
.modal-tbls.popupWrap .popupWraphead{margin-top: -15px; margin-left: -15px; margin-right: -15px; border-bottom: 1px solid #ddd; background-color: #fff; margin-bottom: 0px;}
.right-wrap{float: right; width: 60%; text-align: right;}
.droplbl{font-size: 12px; display: inline-block; width: 100%; vertical-align: top; color: #f44336; text-align: left;}
.drophead{display: inline-block; vertical-align: top; max-width: 217px; font-size: 0; width: 100%;}

.propinputwrap{border: 2px solid #dce1e4; border-radius: 3px; box-shadow: none; padding-bottom: 5px; margin-bottom: 15px;}
.propinputwrap .form-item-container{border: 0; box-shadow: none; padding: 0;}
.propinputwrap .list-inline{margin: 0; padding: 0;}
.propinputwrap .list-inline li:first-child{width: 100%; padding: 0; margin: 0; margin-bottom: 5px; position: relative;}
.propinputwrap .list-inline li:first-child:after{content:"\f002"; font-family: 'fontawesome'; position: absolute; top: 50%; left: 10px; margin-top: -11px; color: #555; padding-right: 10px; border-right: 1px solid #dce1e4;}
.propinputwrap .list-inline li:first-child input{border: 0; box-shadow: none; height: 34px; border-radius: 3px 3px 0 0; border-bottom: 2px solid #dce1e4; width: 100%; padding: 0 10px; padding-left: 45px;}

.chaininfo .form-label{margin-bottom: -7px;}
.chngbtn{font-size: 12px; display: inline-block; vertical-align: super; margin-left: 10px; color: #313131 ;}

.text-btn.bkbltgl{position: relative;}
/*.text-btn.bkbltgl b{font-weight: normal;}*/

.toglbked{display: inline-block; width: 40px; height: 20px; vertical-align: top; background-color: #e0e8ef; border-radius: 40px; margin-right: 5px; position: relative;}
.toglbked::after{content: ''; position: absolute; height: 14px; width: 14px; background-color: #fff; border-radius: 50%; top: 50%; margin-top: -7px; left: 3px; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all ease .2s; transition: all ease .2s; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3);}
.toglbked.bkbl{background-color: #507946;}
.toglbked.bkbl::after{-webkit-transform: translateX(20px); transform: translateX(20px);}
.toglbked.notbkbl{background-color: #FFCDD2;}

.AirBNB .air-form{display: inline-block; width: 100%; vertical-align: top;}
.AirBNB .air-form .row{font-size: 0;}
.AirBNB .air-form .row [class*="col-"]{display: inline-block; float: none; vertical-align: top; font-size: 14px;}
.AirBNB .air-form .form-group{margin-bottom: 20px;}
.AirBNB .air-form .frm-labl{display: block; font-weight: 600; margin-bottom: 5px; text-transform: capitalize;}
.AirBNB .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;}
.AirBNB .nav-tabs{position: relative; z-index: 2;}
.AirBNB .tab-content{padding: 5px; border: 1px solid #ddd; margin-top: -1px;}
.AirBNB .air-form .radioWrap{display: inline-block; margin-right: 10px; font-weight: normal;}
.AirBNB .air-form .radioWrap input{margin: 0; display: inline-block; vertical-align: middle;}
.AirBNB textarea.form-control{resize: none;}
.AirBNB .main-div {margin: 30px 30px;}
.AirBNB .main-div .nav-tabs{margin-bottom: 20px;border:none;}
.AirBNB .main-div .nav-tabs > li a {background: #e0e0e0;padding: 10px 20px 10px 32px;position: relative;color: #525252;margin: 0;border-radius: 0;border: none; text-transform: uppercase; font-weight: 600;}
.AirBNB .main-div .nav-tabs>li>a:hover {border-color: #eee #eee #ddd;background: #ddd;}
.AirBNB .main-div .nav-tabs > li.active {background: #d88100;color: #fff;position: relative;margin: 0;padding: 0;}
.AirBNB .main-div .nav-tabs > li.active a {background: #d88100;color: #fff;border: none;border-radius: 0;}
.AirBNB .main-div .nav-tabs>li.active>a, .AirBNB .main-div .nav-tabs>li.active>a:focus, .AirBNB .main-div .nav-tabs>li.active>a:hover{background: transparent;border:none !important;outline: none;color: #fff;}
.AirBNB .main-div .nav-tabs > li.active:after{content: '';position: absolute;top: 0px;left: 97%;height: 0;width: 0;border: 19px solid transparent;border-right-width: 0;border-left-width: 20px;z-index: 1;-webkit-transform: translateX(4px);-moz-transform: translateX(4px);-ms-transform: translateX(4px);-o-transform: translateX(4px);transform: translateX(4px);border-left-color: #d88100;margin: 0;}
.AirBNB .main-div .nav-tabs > li {position: relative;}
.AirBNB .main-div .nav-tabs>li:after{content:'';position:absolute;top:0;left:99%;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:20px;z-index:1;-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-ms-transform:translateX(4px);-o-transform:translateX(4px);transform:translateX(4px);border-left-color:#fff;margin:0}
.AirBNB .main-div .nav-tabs>li a:after{content:'';position:absolute;top:0;left:100%;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:20px;border-left-color:#e0e0e0;z-index:2}
.AirBNB .main-div .nav-tabs>li:last-child:after{}
.AirBNB .main-div .nav-tabs>li:last-child a{border-radius:0}
.AirBNB .main-div .nav-tabs>li.active a:after{border-left-color:#d88100}
.AirBNB .main-div .form-control, .main-div .bootstrap-select button{border: 1px solid #aaa; text-transform: capitalize; font-size: 13px;}
.AirBNB .main-div .btn-info {color: #fff;background-color: #d88100;border-color: #d88100;padding: 8px 25px;text-transform: uppercase;ont-weight: 600;font-size: 15px;}
.AirBNB .main-div .btn-info:hover, .main-div .btn-info:focus, .main-div .btn-info:active{color: #fff;background-color: #d88100;border-color: #d88100;} 
.AirBNB .gal_con a img {width: 100%;object-fit: cover;margin: 5px 0px;border-radius: 3px;}
.AirBNB li.gal_con { padding: 15px;background: #f7f7f7;border: 2px solid #fff;}
.AirBNB .left-div {padding: 15px 15px 0px 15px}
.AirBNB .right-div{padding: 15px 15px 0px 15px} 
.AirBNB ul#gallery-result {width: 96%;margin: auto;max-height: 500px;overflow-y: scroll;margin-bottom: 20px;}
.AirBNB input.order {width: 45px;float: right;text-align: center;}
.AirBNB .gal_con a i {font-size: 16px;color: #333;margin: 10px 10px 0px 0px;}
.AirBNB .main-div input[type="file"]{height: 40px; padding: 0;}
.AirBNB .inner-table tr > td{padding: 0 10px; vertical-align: top;}
.AirBNB .room-div{display: inline-block; width: 100%;}
.AirBNB .main-div .roomwrap{display: inline-block; width: 100%; padding: 0 15px;}
.AirBNB .main-div .roomwrap .room-div{padding: 15px 0; border: 1px solid #aaa; margin-bottom: -1px;}
.AirBNB .main-div .roomwrap .room-div:first-child{border-radius: 4px 4px 0 0;}
.AirBNB .main-div .roomwrap .room-div:last-child{border-radius: 0 0 4px 4px;}
.AirBNB .main-div .roomwrap .room-div .form-group{margin-bottom: 0;}
.AirBNB .main-div .roomwrap .room-div .checkbx{margin-top: 5px; }
.AirBNB .checkbx input, .checkbx span{display: inline-block; vertical-align: middle; margin: 0;}
.AirBNB .checkbx input{margin-right: 4px;}
.AirBNB .right-div .right-sideLbl{font-size: 12px;}
.AirBNB .dis-ico{position: relative;}
.AirBNB .dis-ico input{padding-right: 34px;}
.AirBNB .dis-ico span{position: absolute; right: 0; top: 0; height: 34px; line-height: 34px; width: 34px; text-align: center;}
.AirBNB .book-rules .bked-title{margin-top: 0; font-weight: 600;}
.AirBNB .lbled-input{position: relative;}
.AirBNB .lbled-input input{padding-right: 60px;}
.AirBNB .lbled-input span{position: absolute; height: 34px; line-height: 34px; top: 0; right: 0; font-size: 12px; padding: 0 12px;}
.AirBNB .sm-label{font-size: 13px;}
.AirBNB .xs-txt{width: 50px; padding: 4px;}

.AirBNB .timedrop .form-control{display: inline-block; width: 50%; vertical-align: middle;}
.AirBNB .time-radio-wrap{display: inline-block; width: 46%; vertical-align: middle;}
.AirBNB .time-rdo{display: inline-block; width: 100%; margin: 0; vertical-align: top; margin-bottom: 4px; cursor: pointer;}
.AirBNB .time-rdo:last-child{margin-bottom: 0;}
.AirBNB .time-rdo .form-radio{ margin: 0; position: absolute; appearance: none; -webkit-appearance: none;}
.AirBNB .time-rdo .rdo-lbl{position: relative; text-align: right; width: 100%; float: left; vertical-align: top; font-size: 13px;}
.AirBNB .time-rdo .rdo-lbl::before{content: ''; position: absolute; height: 18px; width: 18px; background-color: #ccc; border-radius: 3px; left: 2px; top: 0;}
.AirBNB .time-rdo .rdo-lbl::after{content:"\f00c"; position: absolute; left: 5px; top: 1px; font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; opacity: 0;}
.AirBNB .time-rdo .form-radio:checked ~ .rdo-lbl{font-weight: 600;}
.AirBNB .time-rdo .form-radio:checked ~ .rdo-lbl::after{content:"\f00c"; opacity: 1;}

.AirBNB .checkgroup label{width: 100%;}
.AirBNB .checkgroup label input{display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
.AirBNB .weektbl td, .weektbl th{vertical-align: middle !important;}
.AirBNB .expectWrap{display: inline-block; width: 100%; vertical-align: top; margin-bottom: 20px;}
.AirBNB .check-text{display: inline-block; width: 100%; margin-bottom: 5px;}
.AirBNB .check-text input{display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
.AirBNB .expectWrap textarea{display: none; margin-bottom: 10px;}
.AirBNB .check-text input:checked ~ textarea{display: block;}
.AirBNB .content-wrapper {background-color: transparent}

.AirBNB .masonry-wrap{column-count: 2; column-gap: 0;}
.AirBNB .masonry-panel{break-inside: avoid; padding: 10px;}
.AirBNB .masonry-panel table.table{margin-bottom: 0;}

.skin-purple .main-header .navbar .nav > .active > a:focus, .skin-purple .main-header .navbar .nav > .active > a{background-color: #fff; color: #555;}
.skin-purple .main-header .navbar .nav > .active > a .fa-home{}
.form-hr hr{margin-top: 5px;}
.crdhead-right.nopad{padding-right: 0;}
.sucheckgroup{display: inline-block;width: 100%;vertical-align: top;margin-bottom: 15px;padding-bottom: 15px;/* border: 1px solid #ccc; *//* background: #ececec; */padding: 10px 10px;box-shadow: 0px 0px 4px #0000003d;}
.sucheckgroup .suchecktitla{display: inline-block; width: 100%; vertical-align: top; font-size: 17px; font-weight: 600; color: #313131 ; margin-bottom: 10px;}
.sucheckgroup .suchecktitlb{display: inline-block; vertical-align: top; font-size: 17px; font-weight: 600; color: #313131 ; margin-bottom: 10px;position: relative;width: 100%;}
.sucheckgroup .checkBoxWrap{margin-bottom: 5px;}
.sucheckgroup .suchecktitlb a {position: relative;}
.sucheckgroup .suchecktitlb a:after {top:10px;right: -15px;}
.imagepreviewinner{display: inline-block; width: 100%; vertical-align: top; padding: 20px 20px 0; border: 1px solid #ddd;}
.imagepreviewinner .suimagepreview{display: inline-block; padding: 0 15px; position: relative; margin-bottom: 20px;}
.imagepreviewinner .suimagepreview .imgform{display: inline-block; width: 100%; vertical-align: top; position: relative; max-width: 200px;}
.imagepreviewinner .suimagepreview img {display: inline-block;width: 100%;max-width: 200px;vertical-align: top;height: 123px;object-fit: contain;/* border: 1px solid #dce1e4; *//* background: #dce1e4; */padding: 0px;
    box-shadow: 1px 1px 4px #3838385c;border-radius: 0;}
.imagepreviewinner .suimagepreview .form-control{border-radius: 0;  border-width: 1px; margin-top: -1px; padding-left: 45px; max-width: 200px;}
.imagepreviewinner .suimagepreview .checkbox-wrap{position: absolute; bottom: 2px; left: 30px;}
.imagepreviewinner .suimagepreview .checkbox-wrap input{margin: 0;}

.imagepreviewlogo{display: inline-block; width: 100%; vertical-align: top; padding: 20px 20px 0;}
.imagepreviewlogo .suimagepreview{display: inline-block; padding: 0 15px; position: relative; margin-bottom: 20px;}
.imagepreviewlogo .suimagepreview .imgform{display: inline-block; width: 100%; vertical-align: top; position: relative; max-width: 200px;}
.imagepreviewlogo .suimagepreview img {display: inline-block;width: 100%;max-width: 200px;vertical-align: top;height: 123px;object-fit: contain;/* border: 1px solid #dce1e4; *//* background: #dce1e4; */padding: 0px;
    box-shadow: 1px 1px 4px #3838385c;border-radius: 0;}
.imagepreviewlogo .suimagepreview .form-control{border-radius: 0;  border-width: 1px; margin-top: -1px; padding-left: 45px; max-width: 200px;}
.imagepreviewlogo .suimagepreview .checkbox-wrap{position: absolute; bottom: 2px; left: 30px;}
.imagepreviewlogo .suimagepreview .checkbox-wrap input{margin: 0;}
.imagepreviewlogo .suimagepreview img + a {position: absolute; right: 6px; background: rgb(255, 23, 23); color: #fff; height: 15px; width: 15px; text-align: center; line-height: 0px; top: -6px;}

.profile-tabs{display: inline-block; width: 100%; vertical-align: top; margin-bottom: 20px; background-color: #fff; -webkit-box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05); box-shadow: 0 10px 40px 10px rgba(55, 66, 82, .05);}
.nav-tabs.profile-tabs{border-bottom: 0;}
.nav-tabs.profile-tabs > li{margin-bottom: 0; border-right: 1px solid #dddddd38;}
.nav-tabs.profile-tabs > li > a{border-radius: 0; border: 0; position: relative; padding: 12px 20px;}
.nav-tabs.profile-tabs > li.active > a{border: 0; color: #313131 ; font-weight: 600;}

/* ---- setup css ---- */
.AirBNB .setbox{display: inline-block; width: 100%; vertical-align: top;  border: 1px solid #ddd; margin-bottom: 20px; max-width: 800px; padding: 20px; border-radius: 3px;}
.AirBNB .setupwrap{display: inline-block; width: 100%; vertical-align: top; text-align: center; padding: 40px 0;}
.AirBNB .setupwrap .setupinnerbox{display: inline-block; width: 100%; vertical-align: top; max-width: 600px; position: relative; padding-left: 40px; margin-bottom: 50px;}
.AirBNB .setupwrap .setupinnerbox:last-child{margin-bottom: 0;}
.AirBNB .setupwrap .setuptitle{display: inline-block; width: 100%; vertical-align: top; font-size: 20px; font-weight: 600; margin-bottom: 30px; margin-top: 0;}
.AirBNB .setupwrap .setupline{font-size: 15px; font-weight: 600;}
.AirBNB .setupwrap .setupline a{color: #d88100;}
.AirBNB .setupinnerbox .setupcntwrap{display: inline-block; width: 100%; vertical-align: top; padding: 20px; border: 1px solid #ddd; border-radius: 4px; text-align: left;}
.AirBNB .setupradio{position: absolute; top: 50%; margin-top: -10px; left: 10px; cursor: pointer;}
.AirBNB .setupradio input[type="radio"]{position: absolute; top: 0; left: 0; opacity: 0;}
.AirBNB .setupradio .setrdolbl{width: 20px; height: 20px; display: inline-block; vertical-align: top; background-color: #aaa; border-radius: 50%; position: relative;}
.AirBNB .setupradio .setrdolbl::after{content: ''; height: 14px; width: 14px; position: absolute; margin: 0 auto; top: 50%; margin-top: -7px; left: 0; right: 0; background-color: #fff; border-radius: 50%;}
.AirBNB .setupradio input[type="radio"]:checked ~ .setrdolbl{background-color: #d88100;}
.AirBNB .setupradio input[type="radio"]:checked ~ .setrdolbl::after{background-color: #d88100; box-shadow: inset 0 0 0 2px #fff;}
.AirBNB .setupcntwrap .form-group{margin-bottom: 0;}
.AirBNB .setupcntwrap .form-group label{margin-top: 0;}
.AirBNB .setupcntwrap .form-group .btn{margin-top: 15px;}
.AirBNB .setupcntwrap .form-group .form-control{}


.sidebar-menu > li.custdropdown{}
.sidebar-menu > li.custdropdown .custsupdropdown{position: absolute; top: 100%; right: 0; width: 100%; padding-left: 60px; }
.sidebar-menu > li.custdropdown .custsupdropdown a{display: inline-block; width: 100%; vertical-align: top; padding: 6px 0; position: relative;}

.sidebar-menu > li.custdropdown.active .custsupdropdown a{color: #313131 ; margin-bottom: 5px;}
.sidebar-menu > li.custdropdown.active .custsupdropdown a:last-child{margin-bottom: 0;}
.sidebar-menu > li.custdropdown.active .custsupdropdown a::before{background-color: #313131 ;}

.sidebar-mini.sidebar-collapse .sidebar-menu > li.custdropdown > .custsupdropdown{display: none;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li.custdropdown:hover > .custsupdropdown{display: block;
    width: 180px;
    left: 55px;
    padding-left: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 20px rgba(92, 107, 192, 0.10);
    box-shadow: 0 6px 20px rgba(92, 107, 192, 0.10);
    top: calc(100% - 5px);
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #dddddd38;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li.custdropdown:hover .custsupdropdown a::before{left: -26px;}

.sidebar-menu > li.custdropdown .custsupdropdown{}

.hmaccordion{display: inline-block; width: 100%; vertical-align: top; position: relative; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; margin-bottom: 20px;}
.accortitle{display: inline-block; width: 100%; vertical-align: top; position: relative; margin: 0; padding: 10px 15px; background-color: #f2f4f7; position: relative;}
.accortitle:focus{outline: 0px none;}
.accortitle, .accortitle .form-label{font-size: 14px; font-weight: 600;}
.accortitle .arow-btn{position: absolute; height: 100%; width: 100%; right: 0; top: 0; line-height: 39px; padding: 0 15px; text-align: right;}
/*.accortitle .arowir-btn{position: absolute;height: 100%;width: 100%;right: 0;top: 0;line-height: 40px;padding: 0 15px;text-align: right;}*/
.accortitle .arowir-btn {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    line-height: 40px;
    padding: 0 15px;
    text-align: right;
}
.accorcnt{float: left; width: 100%; padding: 15px; border-top: 1px solid #ddd;}
.hmaccordion .popcheckbox{display: inline-block; width: 100%; vertical-align: top; margin-top: 15px;}
.hmaccordion .popcheckbox + .popcheckbox{}

.checkboxeslist{margin: 0; padding: 0; display: inline-block; width: 100%; vertical-align: top;}
.checkboxeslist li{display: inline-block; vertical-align: top; padding: 6px 10px;}
.checkboxeslist li:first-child{padding-left: 0;}


._md-datepicker-has-triangle-icon{display: inline-block; margin-right: 20px; padding-right: 0; position: relative; min-height: 38px; padding-left: 38px; border: 2px solid #dce1e4; border-radius: 3px;}
.md-button.md-icon-button{position: absolute; height: 36px; width: 36px; margin: 0; padding: 0; top: 0; left: 0;}
.md-button.md-icon-button md-icon{height: 18px; width: 18px; min-height: 18px; min-width: 18px;}
.md-datepicker-triangle-button.md-button.md-icon-button{position: relative; padding: 0; height: 32px; width: 38px; margin-left: -38px; margin-right: 17px;}
.md-icon-button+.md-datepicker-input-container{border-bottom: 0;}
.md-datepicker-input{min-height: 34px; padding: 0; vertical-align: middle; font-size: 12px; font-weight: 600;}
.md-icon-button+.md-datepicker-input-container{margin-left: 0;}

li.su-dropdown a{padding: 17px;}
li.su-dropdown a:hover{padding: 17px;}
li.su-dropdown a span.userIden{height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    background-color: #f8cc15;
    border-radius: 4px;
    color: #313131 ;
    text-shadow: none;
    font-size: 15px;}
li.su-dropdown a:hover span.userIden{color: #fff;}
li.su-dropdown a span.userIden i.fa{margin: 0;}
li.su-dropdown.dropdown .dropdown-menu{min-width: 450px;}
li.su-dropdown.dropdown .dropdown-menu li a{padding: 8px 2px; font-size: 13px; font-weight: 600; cursor: pointer;}
li.su-dropdown.dropdown .dropdown-menu li:focus,
li.su-dropdown.dropdown .dropdown-menu li a:hover,
li.su-dropdown.dropdown .dropdown-menu li a:focus,
li.su-dropdown.dropdown .dropdown-menu li a:active{background-color: #f2f4f7; outline: 0px none; color: #333;}

li.su-dropdown.dropdown .dropdown-menu li.su-userName{padding: 0 15px; min-height: 50px; font-size: 13px; line-height: 50px; font-weight: 600; position: relative; padding-left: 55px; border-bottom: 1px solid #dddddd38;}
li.su-dropdown.dropdown .dropdown-menu li.su-userName span.su-user-iden{position: absolute; width: 30px; height: 30px; text-align: center; line-height: 30px; left: 15px; top: 50%; margin-top: -15px; background-color: #f8cc15; border-radius: 4px; color: #313131 ;}
li.su-dropdown.dropdown .dropdown-menu li a i.fa{width: 30px; text-align: center; margin-right: 5px;color: #f8cc15}

li.su-dropdown.dropdown .dropdown-menu li.su-logout{border-top: 1px solid #dddddd38;}
li.su-dropdown.dropdown .dropdown-menu li.su-logout a{color: #e57373;}

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
}

.sidebar-menu > li:nth-child(1) > a > .fa{background-color: #ff7d13;}
.sidebar-menu > li:nth-child(2) > a > .fa{background-color: #2a8580;}
.sidebar-menu > li:nth-child(3) > a > .fa{background-color: #f8a82b;}
.sidebar-menu > li:nth-child(4) > a > .fa{background-color: #5f96f3;}
.sidebar-menu > li:nth-child(5) > a > .fa{background-color: #33c4e1;}
.sidebar-menu > li:nth-child(6) > a > .fa{background-color: #f55b8f;}
.sidebar-menu > li:nth-child(7) > a > .fa{background-color: #6c2dd5;}
.sidebar-menu > li:nth-child(8) > a > .fa{background-color: #7a3be2;}
.sidebar-menu > li:nth-child(9) > a > .fa{background-color: #70ba01;}
.sidebar-menu > li:nth-child(10) > a > .fa{background-color: #93EC8A;}
/*.sidebar-menu > li:nth-child(11) > a > .fa{background-color: #2a8580;}
.sidebar-menu > li:nth-child(12) > a > .fa{background-color: #93EC8A;}
.sidebar-menu > li:nth-child(13) > a > .fa{background-color: #f8a82b;}
.sidebar-menu > li:nth-child(14) > a > .fa{background-color: #5f96f3;}
.sidebar-menu > li:nth-child(15) > a > .fa{background-color: #33c4e1;}
.sidebar-menu > li:nth-child(16) > a > .fa{background-color: #159a59;}*/


/*.skin-purple .sidebar-menu > li:nth-child(1) > a > span{background-color:#ffffff !important; color:#ff7d13 !important; }
.skin-purple .sidebar-menu > li:nth-child(2) > a > span{background-color:#ffffff !important; color:#2a8580 !important; }
.skin-purple .sidebar-menu > li:nth-child(3) > a > span{background-color:#ffffff !important; color:#f8a82b !important; }
.skin-purple .sidebar-menu > li:nth-child(4) > a > span{background-color:#ffffff !important; color:#5f96f3 !important; }
.skin-purple .sidebar-menu > li:nth-child(5) > a > span{background-color:#ffffff !important; color:#33c4e1 !important; }
.skin-purple .sidebar-menu > li:nth-child(6) > a > span{background-color:#ffffff !important; color:#159a59 !important; }
.skin-purple .sidebar-menu > li:nth-child(7) > a > span{background-color:#ffffff !important; color:#f55b8f !important; }
.skin-purple .sidebar-menu > li:nth-child(8) > a > span{background-color:#ffffff !important; color:#7a3be2 !important; }
.skin-purple .sidebar-menu > li:nth-child(9) > a > span{background-color:#ffffff !important; color:#70ba01 !important; }
.skin-purple .sidebar-menu > li:nth-child(10) > a > span{background-color:#ffffff !important; color:#ff7d13 !important; }
.skin-purple .sidebar-menu > li:nth-child(11) > a > span{background-color:#ffffff !important; color:#2a8580 !important; }
.skin-purple .sidebar-menu > li:nth-child(12) > a > span{background-color:#ffffff !important; color:#93EC8A !important; }
.skin-purple .sidebar-menu > li:nth-child(13) > a > span{background-color:#ffffff !important; color:#f8a82b !important; }
.skin-purple .sidebar-menu > li:nth-child(14) > a > span{background-color:#ffffff !important; color:#5f96f3 !important; }
.skin-purple .sidebar-menu > li:nth-child(15) > a > span{background-color:#ffffff !important; color:#33c4e1 !important; }
.skin-purple .sidebar-menu > li:nth-child(16) > a > span{background-color:#ffffff !important; color:#159a59 !important; }

*/



.skin-purple .sidebar-menu > li:nth-child(1).active > a::after{background-color: #ff7d13;}
.skin-purple .sidebar-menu > li:nth-child(2).active > a::after{background-color: #2a8580;}
.skin-purple .sidebar-menu > li:nth-child(3).active > a::after{background-color: #f8a82b;}
.skin-purple .sidebar-menu > li:nth-child(4).active > a::after{background-color: #5f96f3;}
.skin-purple .sidebar-menu > li:nth-child(5).active > a::after{background-color: #33c4e1;}
.skin-purple .sidebar-menu > li:nth-child(6).active > a::after{background-color: #159a59;}
.skin-purple .sidebar-menu > li:nth-child(7).active > a::after{background-color: #6c2dd5;}
.skin-purple .sidebar-menu > li:nth-child(8).active > a::after{background-color: #7a3be2;}
.skin-purple .sidebar-menu > li:nth-child(9).active > a::after{background-color: #70ba01;}
.skin-purple .sidebar-menu > li:nth-child(9).active > a::after{background-color: #93EC8A;}
/*.skin-purple .sidebar-menu > li:nth-child(10).active > a::after{background-color: #ff7d13;}
.skin-purple .sidebar-menu > li:nth-child(11).active > a::after{background-color: #2a8580;}
.skin-purple .sidebar-menu > li:nth-child(12).active > a::after{background-color: #93EC8A;}
.skin-purple .sidebar-menu > li:nth-child(13).active > a::after{background-color: #f8a82b;}
.skin-purple .sidebar-menu > li:nth-child(14).active > a::after{background-color: #5f96f3;}
.skin-purple .sidebar-menu > li:nth-child(15).active > a::after{background-color: #33c4e1;}
.skin-purple .sidebar-menu > li:nth-child(16).active > a::after{background-color: #159a59;}*/

.sidebar-mini.sidebar-collapse .sidebar-menu > li:first-child:hover a span {
background-color: #FF731d !important;
color: #ffffff;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(2):hover a span {
    background-color: #2a8580 !important;
    color: #ffffff;
    }

.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(3):hover a span {
    background-color: #f8a82b !important;
    color: #ffffff;
    }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(4):hover a span {
    background-color: #5f96f3 !important;
    color: #ffffff;
    }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(5):hover a span {
    background-color: #33c4e1 !important;
    color: #ffffff;
    }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(6):hover a span {
    background-color: #159a59 !important;
    color: #ffffff;
    }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(7):hover a span {
    background-color: #6c2dd5 !important;
    color: #ffffff;
    }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(8):hover a span {
    background-color: #7a3be2 !important;
    color: #ffffff;
    }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(9):hover a span {
    background-color: #70ba01 !important;
    color: #ffffff;
    }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(10):hover a span {
    background-color: #93EC8A !important;
    color: #ffffff;
    }


.sidebar-menu > li > a{padding: 4px 17px;}
.channel-icon{height: 30px; width: 30px; background-size: 30px; background-repeat: no-repeat; }

.rtCardWrap table td .channel-icon{background-color: transparent; background-position: bottom; filter: grayscale(1);}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span{padding: 9px 5px 10px 20px;}

.qTablewrap .qleftWrap td span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; vertical-align: top;}



/* start - hide scrollbar visibility from browsers */
/*.qTablewrap .qScrollTable,
.tbodySize{scrollbar-width: none; -ms-overflow-style: none;}

.qTablewrap .qScrollTable::-webkit-scrollbar,
.tbodySize::-webkit-scrollbar{display: none;}*/
/* end - hide scrollbar visibility from browsers */

/* ==================== Media Query ==================== */
/* ---- min-width media ---- */
@media (min-width: 768px){
    .modal-lg1{width: 100%; max-width: 748px;}
}
@media (min-width: 991px){
    .modal-lg1{width: 100%; max-width: 960px;}
}
@media (min-width: 1200px){
    .modal-lg1{width: 100%; max-width: 1170px;}
}

/* ---- max-width media ---- */
@media (max-width: 1280px){
    
}
@media (max-width: 1200px){
    .rprtName b, .rprtCol b, .rprtCol span{width:100%;}
    .archClick.currentWk::before{content:'\f073'; font-family:'FontAwesome';}
    .archClick.currentWk{padding-right:36px;}
}
@media (max-width: 1024px){
    .right_login{padding: 0 10px;}
}
@media (max-width: 1010px){
    .indiWrapFtr{width:100%; margin-bottom:15px;}
    .indiWrapFtr ~ a.pull-right{float:left !important;}
}
@media (max-width: 991px){
    .logTextCnt, .smText-right{text-align:center;}
    .logTextCnt h1{font-size:28px; margin-top: 20px;}
    .logTextCnt p{font-size:16px;}
/*  .rtLoginPageWrap{padding: 100px 15px 80px;}*/
    .logTextCnt{padding:0;}
    .smText-center{text-align:center;}
    .login-wrap{margin-top:30px;}

    /*--------------meta start apibe----------------*/
    .combinationhgt{height: calc(100vh - 200px) !important;}
    .metafixhgt{height: calc(100vh - 148px) !important;}
    .orderfixhgt {height: calc(100vh - 115px) !important;}
    .roomlisthgt{height: calc(100vh - 90px) !important;}
    .rpfixhgt{height: calc(100vh - 142px) !important;}
    .taxontaxfixhgt{height: calc(100vh - 105px);}
/* ---- login ---- */
    .right_login, .left_login{height: auto; position: relative; padding-bottom: 40px; width: 100%; background-color: transparent;}
    .right_login{z-index: 6;}
    .right_logo{margin-top: 0;}
    .account-container{margin: 0 auto 0;}
    .right_login{padding: 20px; height: 100%;}
    .left_login{padding: 20px;}
    .right_login, .left_login{min-height: auto;}
    .left_login{position: absolute; z-index: 4; height: 100%; top: 0; left: 0; display: inline-block;}
    .right_login .suLoginBoxwrap{background-color: #fff; border-radius: 8px; padding: 20px;}
    .suLoginBox .login-cnt{margin-bottom: 30px;}
    .suLoginBox .form-group{margin-bottom: 20px;}
}
@media (max-width: 767px){
/* ---- login ---- */
    .left_login_title h1{font-size: 26px;}
    .multiColWrap [class*="col-"]{width: 100%;}
    .modal-lg1{width: 100%; max-width: 100%; margin: 0; padding: 15px;}
    .propInfoCard .form-group{margin-bottom: 15px;}
    .propInfoCard{padding-bottom: 0;}
}
@media (max-width: 680px){
    .rtCardHead .noteWrap{float:left; width:100%; margin:5px 0;}
    .searchBarWrap form{font-size:0px;}
    .searchBarWrap .form-group.inline{padding-right: 10px; display:inline-block; margin-bottom:0; vertical-align:bottom; width:33%; font-size:14px;}
    .searchBarWrap .form-group.inline .btn{width:100%;}
    .searchBarWrap .form-label{width:100%;}
    .searchBarWrap .form-group .form-select{margin-left:0px; width:100%;}
}
@media (max-width: 530px){
/*  .rtLoginPageWrap{padding:70px 15px 40px;}*/
    .inputclose.phoneWrap{width: 48%;}
}
@media (max-width: 490px){
    .skin-purple .main-header .navbar .nav > li > a.rtUserName{display:none;}
    .rtUserSidebar{display:block;}
}
@media (max-width: 460px){
    .rprtCol{width:100%;}
    .main-header .logo .logo-lg{font-size:24px; padding:18px 0;}
    .content-header h1{font-size:20px;}
    .main-header .logo{width:185px;}
    .inputclose{width: 100%; margin-right: 0;}
    .inputclose.phoneWrap{width: 100%;}
}
@media (max-width: 420px){
    .logTextCnt h1{font-size:26px; font-weight:600; line-height:1.4; text-align:left; margin-bottom:12px; margin-top:15px;}
    .logTextCnt p{font-size:16px; text-align:left;}
    .login-wrap{margin-top:15px;}
}
@media (max-width: 400px){
    .searchBarWrap .form-group.inline{width:100%; margin-bottom:10px;}
    .searchBarWrap .form-group.inline:last-child{margin-bottom:0;}
    .rtCardFooter{padding:10px 10px;}
    .pagination li.prevBtn a span, .pagination li.nextBtn a span{display:none;}
    .pagination li.prevBtn a i, .pagination li.nextBtn a i{display:block;}
    .pagination li.prevBtn a, .pagination li.nextBtn a{width:36px; height:36px; padding:11px;}
}

/* ---- login ---- */
@media (max-width: 380px){
    .content{padding: 20px 0;}
}
@media (max-width: 340px){
    .right_login{padding: 20px 10px; padding-bottom: 100px;}
}

.approved{
    color: #507946 !important;
}
.pending{
    color: #cab12cf0 !important;
}
.rejected{
    color: #f44336 !important;
}
.review{
    color: #cab12cf0 !important;
}
.review .tooltip-inner{
    max-width: 550px;
}
.form-label .tooltip-inner{
    max-width: 550px;
}


.hederform*{margin: 0; padding: 0; box-sizing: border-box;}
body{background-color: #fff; font-family: 'Inter', sans-serif; font-size: 14px;}
.air-form{display: inline-block; width: 100%; vertical-align: top;}
.air-form .row{font-size: 0;}
.air-form .row [class*="col-"]{display: inline-block; float: none; vertical-align: top; font-size: 14px;}
.air-form .form-group{margin-bottom: 20px;}
.air-form .frm-labl{display: block; font-weight: 600; margin-bottom: 5px; text-transform: capitalize;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;}
.nav-tabs{position: relative; z-index: 2;}
.tab-content{padding: 5px; border: 1px solid #ddd; margin-top: -1px; border-radius: 4px;}
.air-form .radioWrap{display: inline-block; margin-right: 10px; font-weight: normal;}
.air-form .radioWrap input{margin: 0; display: inline-block; vertical-align: middle;}
/*textarea.form-control{resize: none;}*/
.main-div{margin: 30px 0;}
.main-div .nav-tabs{margin-bottom: 20px;border:none;}
.main-div .nav-tabs > li a {background: #e0e0e0;padding: 10px 20px 10px 32px;position: relative;color: #525252;margin: 0;border-radius: 0;border: none; text-transform: uppercase; font-weight: 600;}
.main-div .nav-tabs>li>a:hover {border-color: #eee #eee #ddd;background: #ddd;}
.main-div .nav-tabs > li.active {background: #d88100;color: #fff;position: relative;margin: 0;padding: 0;}
.main-div .nav-tabs > li.active a {background: #d88100;color: #fff;border: none;border-radius: 0;}
.main-div .nav-tabs>li.active>a, .main-div .nav-tabs>li.active>a:focus, .main-div .nav-tabs>li.active>a:hover{background: transparent;border:none !important;outline: none;color: #fff;}
.main-div .nav-tabs > li.active:after{content: '';position: absolute;top: 0px;left: 97%;height: 0;width: 0;border: 19px solid transparent;border-right-width: 0;border-left-width: 20px;z-index: 1;-webkit-transform: translateX(4px);-moz-transform: translateX(4px);-ms-transform: translateX(4px);-o-transform: translateX(4px);transform: translateX(4px);border-left-color: #d88100;margin: 0;}
.main-div .nav-tabs > li {position: relative;}
.main-div .nav-tabs>li:after{content:'';position:absolute;top:0;left:99%;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:20px;z-index:1;-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-ms-transform:translateX(4px);-o-transform:translateX(4px);transform:translateX(4px);border-left-color:#fff;margin:0}
.main-div .nav-tabs>li a:after{content:'';position:absolute;top:0;left:100%;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:20px;border-left-color:#e0e0e0;z-index:2}
.main-div .nav-tabs>li:last-child:after{}
.main-div .nav-tabs>li:last-child a{border-radius:0}
.main-div .nav-tabs>li.active a:after{border-left-color:#d88100}
.main-div .form-control, .main-div .bootstrap-select button{border: 1px solid #ddd; font-size: 13px; box-shadow: none;}
.main-div .form-control:focus{box-shadow: none; border-color: #64b5f6;}
.main-div .btn-info {color: #fff;background-color: #d88100;border-color: #d88100;padding: 8px 25px;text-transform: uppercase;ont-weight: 600;font-size: 15px;}
.main-div .btn-info:hover, .main-div .btn-info:focus, .main-div .btn-info:active{color: #fff;background-color: #d88100;border-color: #d88100;}
.gal_con a img {width: 100%;object-fit: cover;margin: 5px 0px;border-radius: 3px;}
li.gal_con { padding: 15px;background: #f7f7f7;border: 2px solid #fff;}
/*.left-div {padding: 15px 15px 0px 15px} riya commented*/ 
.right-div{padding: 15px 15px 0px 15px}
ul#gallery-result {width: 96%;margin: auto;max-height: 500px;overflow-y: scroll;margin-bottom: 20px;}
input.order {width: 45px;float: right;text-align: center;}
.gal_con a i {font-size: 16px;color: #333;margin: 10px 10px 0px 0px;}
.main-div input[type="file"]{height: 40px; padding: 0;}

.inner-table tr > td{padding: 0 10px; vertical-align: top;}
.room-div{display: inline-block; width: 100%;}
.main-div .roomwrap{display: inline-block; width: 100%; padding: 0 15px;}
.main-div .roomwrap .room-div{padding: 15px 0; border: 1px solid #aaa; margin-bottom: -1px;}
.main-div .roomwrap .room-div:first-child{border-radius: 4px 4px 0 0;}
.main-div .roomwrap .room-div:last-child{border-radius: 0 0 4px 4px;}
.main-div .roomwrap .room-div .form-group{margin-bottom: 0;}
.main-div .roomwrap .room-div .checkbx{margin-top: 5px; }
.checkbx input, .checkbx span{display: inline-block; vertical-align: middle; margin: 0;}
.checkbx input{margin-right: 4px;}
.right-div .right-sideLbl{font-size: 11px; width: 100%;}
.dis-ico{position: relative;}
.dis-ico input{padding-right: 34px;}
.dis-ico span{position: absolute; right: 0; top: 0; height: 34px; line-height: 34px; width: 34px; text-align: center;}
.book-rules .bked-title{margin-top: 0; font-weight: 600; margin-bottom: 15px;margin-left: 15px;}
.lbled-input{position: relative;}
.lbled-input input{padding-right: 60px;}
.lbled-input span{position: absolute; height: 34px; line-height: 34px; top: 0; right: 0; font-size: 12px; padding: 0 12px;}
.sm-label{font-size: 13px;}
.xs-txt{width: 50px; padding: 4px;}

.air-form .row [class*="col-"].timedrop{font-size: 0;}
.timedrop .form-control{display: inline-block; width: 100%; vertical-align: middle;}
.time-radio-wrap{display: inline-block; width: 50%; vertical-align: middle;}
.time-rdo{display: inline-block; width: 100%; margin: 0; vertical-align: top; margin-bottom: 4px; cursor: pointer; position: relative;}
.time-rdo:last-child{margin-bottom: 0;}
.time-rdo .form-radio{ margin: 0; position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; top: 0; left: 0;}
.time-rdo .rdo-lbl{position: relative; text-align: right; width: 100%; float: left; vertical-align: top; font-size: 13px;}
.time-rdo .rdo-lbl::before{content: ''; position: absolute; height: 18px; width: 18px; background-color: #ccc; border-radius: 3px; left: 2px; top: 0;}
.time-rdo .rdo-lbl::after{content:"\f00c"; position: absolute; left: 5px; top: 1px; font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; opacity: 0;}
.time-rdo .form-radio:checked ~ .rdo-lbl{font-weight: 600;}
.time-rdo .form-radio:checked ~ .rdo-lbl::after{content:"\f00c"; opacity: 1;}

.checkgroup label{width: 100%;}
.checkgroup label input{display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
.weektbl td, .weektbl th{vertical-align: middle !important;}
.expectWrap{display: inline-block; width: 100%; vertical-align: top; margin-bottom: 20px;}
.check-text{display: inline-block; width: 100%; margin-bottom: 5px;}
.check-text input{display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
.expectWrap textarea{display: none; margin-bottom: 10px;}
.check-text input:checked ~ textarea{display: block;}

.keyformwrap{display: inline-block; width: 100%; vertical-align: top; max-width: 450px; padding: 20px; border: 1px solid #ddd; border-radius: 0; text-align: left; position: relative; margin-top: 40px;}
.genrate-keytext{display: inline-block; width: 100%; vertical-align: top; position: relative; padding-right: 100px;}
.key-button{position: absolute; right: 0; top: 0; border: 0; background-color: #505050; color: #fff; padding: 0 6px; border-radius: 4px; line-height: 34px; font-size: 13px; width: 85px;}
.key-next{background-color: #d88100; color: #fff;}
.key-next:hover, .key-next:focus{color: #fff;}
.uni-link{display: inline-block; width: auto; font-weight: 600; color: #d88100; position: absolute; padding: 10px 10px; bottom: 100%; left: 0; text-decoration: underline;}
.uni-link:hover, .uni-link:focus{color: #d88100;}
label.rdiowrap{display: inline-block; width: 49%; font-weight: normal;}
label.rdiowrap input{display: inline; vertical-align: middle; margin: 0;}
#div, #divs, #divs1, #divs2, #divs3{background-color: ffffff; border:1px solid #aaaaaa; padding: 10px; display: none; cursor: pointer; border-radius:5px; margin:5px 0px; text-align:justify; font-weight:normal;}
.span:hover + #div{display: block; cursor: pointer;}
.col-sm-3.vertTabCol{padding-right: 0;}
.main-div .nav-tabs.verticalTab{}
.main-div .nav-tabs.verticalTab > li{width: 100%; border: 1px solid #ddd; }
.main-div .nav-tabs.verticalTab > li:first-child, .main-div .nav-tabs.verticalTab > li:first-child a{border-radius: 4px 4px 0 0;}
.main-div .nav-tabs.verticalTab > li:last-child, .main-div .nav-tabs.verticalTab > li:last-child a{border-radius: 0 0 4px 4px;}
.main-div .nav-tabs.verticalTab > li.active{background-color: #f8f8f8; margin-bottom: -1px;}
.main-div .nav-tabs.verticalTab>li>a::after, .main-div .nav-tabs.verticalTab > li::after{display: none;}
.main-div .nav-tabs.verticalTab>li>a, .main-div .nav-tabs.verticalTab>li>a:focus, .main-div .nav-tabs.verticalTab>li>a:hover{color: #444; text-transform: capitalize; background-color: #fff; padding: 10px 15px; font-size: 13px; font-weight: 600; position: relative;}
.main-div .nav-tabs.verticalTab>li.active>a, .main-div .nav-tabs.verticalTab>li.active>a:focus, .main-div .nav-tabs.verticalTab>li.active>a:hover{color: #f08c36; background-color: #f8f8f8;}
.main-div .nav-tabs.verticalTab>li.active>a::after,
.main-div .nav-tabs.verticalTab>li.active>a::before{content: ''; position: absolute; height: 0; width: 0; border-width: 8px; border-style: solid; top: 50%; margin-top: -8px;}
.main-div .nav-tabs.verticalTab>li.active>a::before{right: -16px; z-index: 1; border-color: transparent transparent transparent #ccc;}
.main-div .nav-tabs.verticalTab>li.active>a::after{right: -15px; z-index: 2; border-color: transparent transparent transparent #f8f8f8; display: block; left: auto;}

.tabbox.left-div{padding: 15px;}
.tab-content.innertabcontent{padding: 0; border: 0;}
/* .tabinnerBox{display: inline-block; width: 100%; vertical-align: top; padding: 15px; border: 1px solid #ddd; border-radius: 4px;} */
.hederform{position: relative; display: inline-block; width: 100%; vertical-align: top; padding-right: 100px;}
.hederform .form-group{float: left; width: 100%; max-width: 100%; margin-right: 15px; margin-bottom: 15px;}
.hederform .form-control{float: left; max-width: 250px;}

.hederform .counterbuttons{display: inline-block; position: absolute; right: 0;top: 25px;}
.hederform .counterbuttons .contbtn{float: left; width: 34px; height: 34px; position: relative; border: 1px solid #ddd;}
.hederform .counterbuttons .contbtn:hover{background-color: #f8f8f8;}
.hederform .counterbuttons .contbtn:first-child{border-radius: 0; margin-right: -1px;}
.hederform .counterbuttons .contbtn:last-child{border-radius:0}
.contbtn.minus::after{content: ''; width: 12px; height: 2px; position: absolute; margin: 0 auto; top: 50%; margin-top: -1px; background-color: #333; left: 0; right: 0;}
.contbtn.minusa::after{content: ''; width: 12px; height: 2px; position: absolute; margin: 1; background-color: #333;}
.contbtn.plus::after, .contbtn.plus::before{content: ''; width: 12px; height: 2px; position: absolute; margin: 0 auto; top: 50%; margin-top: -1px; background-color: #333; left: 0; right: 0;}
.contbtn.plus::before{transform: rotate(90deg);}
span.ng-binding a.contbtn.plus, span.ng-binding a.contbtn.minus {
    position: relative;
    right: -15px;
}

.hainertab{display: inline-block; width: 100%; vertical-align: top;}

.hainertab .nav-tabs{display: inline-block; width: 100%; vertical-align: top;}
.hainertab .nav-tabs > li{background-color: #fff; border: 1px solid #ddd; margin-right: -1px;}
.hainertab .nav-tabs > li:first-child, .hainertab .nav-tabs > li:first-child a{border-radius: 4px 0 0 4px;}
.hainertab .nav-tabs > li:last-child, .hainertab .nav-tabs > li:last-child a{border-radius: 0 4px 4px 0;}
.hainertab .nav-tabs > li.active{background-color: #f8f8f8; color: #f08c36; margin-right: -1px;}
.hainertab .nav-tabs > li a{padding: 10px 15px; text-transform: capitalize; font-size: 13px; background-color: #fff;}
.hainertab .nav-tabs > li a:hover{background-color: #fff;}
.hainertab .nav-tabs > li::after, .hainertab .nav-tabs > li a::after{display: none;}
.hainertab .nav-tabs > li.active a, .hainertab .nav-tabs > li.active a:hover, .hainertab .nav-tabs > li.active a:focus{color: #f08c36; background-color: #f8f8f8;}

.tabcnt-innerbox{padding: 0; border: 0;}
.tabcnt-innerbox .panel-group{margin-bottom: 15px;}
.tabcnt-innerbox .panel-title{font-size: 13px;}
.tabcnt-innerbox .panel-title a{color: rgba(68, 68, 68, 0.8); font-weight: 600; text-decoration: none; width: 100%; display: inline-block; vertical-align: top;}
.tabcnt-innerbox .panel-group .panel{box-shadow: none; border-radius: 0;}
.tabcnt-innerbox .panel-group .panel:first-child{border-radius: 4px 4px 0 0;}
.tabcnt-innerbox .panel-group .panel:last-child{border-radius: 0 0 4px 4px;}
.tabcnt-innerbox .panel-group .panel+.panel{margin: 0; margin-top: -1px;}
.tabcnt-innerbox .panel-default>.panel-heading{background-color: #f8f8f8; padding: 12px 15px;}

.weektbl{width: 100%;}
.weektbl tr td{padding: 5px 10px; text-align: center;}

.checkboxwrap{display: inline-block; position: relative; vertical-align: top; margin: 0; cursor: pointer;}
.checkboxwrap .checklbl{display: inline-block; width: auto; vertical-align: top; padding-left: 20px; position: relative; font-size: 13px;}
.checkboxwrap input[type="checkbox"]{position: absolute; opacity: 0; visibility: hidden;}
.checkboxwrap .checklbl::before{content: ''; height: 14px; width: 14px; border: 2px solid #aaa; border-radius: 2px; position: absolute; left: 0; top: 2px; z-index: 2;}
.checkboxwrap input[type="checkbox"]:checked ~ .checklbl::before{border-color: #f08c36; background-color: #f08c36;}
.checkboxwrap .checklbl::after{content: ''; position: absolute; height: 5px; width: 8px; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(-45deg); left: 3px; top: 5px; z-index: 3;}

.panelinrbody{display: inline-block; width: 100%; vertical-align: top; padding: 15px; border-top: 1px solid #ddd;}
.panelinrbody .hederform{min-height: 34px;}
.panelinrbody .hederform .form-group{margin-bottom: 0;}
.panelinrbody .hederform + .hederform{margin-top: 15px;}
.panelinrbody .hederform .frm-labl{font-size: 12px; color: rgba(68, 68, 68, 0.8); margin-bottom: 0;}

.tabcnt-innerbox .panel-title a.accorbtn{position: relative;}
.tabcnt-innerbox .panel-title a.accorbtn::after{content: "\f107"; font-family: 'fontawesome'; font-size: 16px; position: absolute; right: 0; top: 0;}


.surmmappingrow{float: left; vertical-align: top; padding: 0 15px; width: 40%;}
.surmmappingrow:first-child{width: 20%;}
.surmmappingrow:last-child{width: 40%;}




.radioboxwrap{display: inline-block; vertical-align: middle; margin: 0; position: relative; margin-right: 10px; cursor: pointer;}
.radioboxwrap input[type="radio"]{position: absolute; opacity: 0; visibility: hidden;}
.radioboxwrap span.radiolbl{display: inline-block; vertical-align: top; position: relative; padding-left: 22px;}
.radioboxwrap span.radiolbl::before{content: ''; height: 16px; width: 16px; border: 2px solid #aaa; border-radius: 2px; position: absolute; left: 0; top: 2px; border-radius: 50px;}
.radioboxwrap span.radiolbl::after{content: ''; height: 8px; width: 8px; position: absolute; border-radius: 50%; background-color: #f08c36; top: 6px; left: 4px; opacity: 0;}
.radioboxwrap input[type="radio"]:checked ~ span.radiolbl::before{border-color: #f08c36;}
.radioboxwrap input[type="radio"]:checked ~ span.radiolbl::after{opacity: 1;}

.color .radioboxwrap{width: auto;}

.radioboxwrap .clr.radiolbl::before { border: none; background: rgba(234, 2, 1, 0.2) none repeat scroll 0% 0%; height: 20px; width: 20px; border-radius: 50%;}
.radioboxwrap .clr.radiolbl::after { background: none; height: 30px; width: 30px; top: -3px; left: -5px; border: 2px solid #ccc;}
.radioboxwrap .clr2.radiolbl::before { border: none; background: rgba(140, 65, 0, 0.2) none repeat scroll 0% 0%; height: 20px; width: 20px; border-radius: 50%;}
.radioboxwrap .clr3.radiolbl::before { border: none; background: rgba(255, 157, 0, 0.2) none repeat scroll 0% 0%; height: 20px; width: 20px; border-radius: 50%;}
.radioboxwrap .clr4.radiolbl::before { border: none; background: rgba(251, 255, 28, 0.2) none repeat scroll 0% 0%; height: 20px; width: 20px; border-radius: 50%;}
.radioboxwrap .clr5.radiolbl::before { border: none; background: rgba(98, 255, 0, 0.2) none repeat scroll 0% 0%; height: 20px; width: 20px; border-radius: 50%;}
.radioboxwrap .clr6.radiolbl::before { border: none; background: rgba(51, 187, 255, 0.2) none repeat scroll 0% 0%; height: 20px; width: 20px; border-radius: 50%;}
.radioboxwrap .clr7.radiolbl::before { border: none; background: rgba(102, 110, 255, 0.2) none repeat scroll 0% 0%; height: 20px; width: 20px; border-radius: 50%;}
.radioboxwrap .clr8.radiolbl::before { border: none; background: rgba(255, 102, 179, 0.2) none repeat scroll 0% 0%; height: 20px; width: 20px; border-radius: 50%;}

.sea_name .form-group { max-width: 100%;}
.sea_name, .sur-disc, .lsd-cls, .lsd-fmr-cls { display: inline-block; width: 100%; position: relative;}
.hederform {padding-right: 0px;}
.sur-disc .form-group { max-width: 150px;}
.radioboxwrap {width: 100%;}
.sp-btn { display: inline-block; width: 100%; text-align: center; margin-top: 100px;}
.sp-btn .sp-btn-cls { background: #d88100; color: #fff; padding: 10px 15px; font-weight: 600; letter-spacing: 1px; border-radius: 2px;}
.sp-btn .sp-btn-cls:hover {background: #000000; color: #fff; text-decoration: none; }
label { font-weight: normal;}
.lsd-fmr-cls .form-group { max-width: 100%;}
.lsd-fmr-cls .form-group .form-control { max-width: 100%; line-height: normal;}
/*.modal-dialog { width: 1000px;}*/
.modal-body .container { width: auto !important;}
.closesp { position: absolute; right: 0; background: #313131  !important; opacity: 1; color: #fff; text-shadow: none; padding: 1px 7px 2px 10px !important; z-index: 9;}
.closesp:focus, .closesp:hover { color: #fff; text-decoration: none; cursor: pointer; background: #000000; opacity:1;}
.lsd-cls { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 15px;}
.sur-disc { margin-bottom: 20px;}
.lst-cls { border: none; margin-bottom: 0; padding-bottom: 0;}
.lsd-fmr-cls p { float: left; margin-right: 15px;}
.tab-content { padding: 0; border: none;}
.tab-content .tabbox.left-div { padding: 0;}

.no-label .counterbuttons {top: 2px;right: 0;}

.modal-header .infobtn-main{position: absolute;right: 55px;top: 15px;color: #4c75b1;padding: 4px 8px;font-size: 12px;border-radius: 3px;display: flex;align-items: center;}
.infobtn{color: #4c75b1; border: 1px solid #ddd; background-color: #f2f4f7; padding: 4px 8px; font-size: 12px; border-radius: 3px;}
.notification-icon{display: inline-block;margin-right: 14px;font-size: 18px;/*color: #f8cc15;*/}
.maxhgh .form-item-container{max-height: 200px; overflow: auto;}
form[name="addChanel"] .form-label .tooltip-inner{max-width: 450px; width: 450px;}
.bkbtn{color: #313131  !important; background-color: white !important;}
.bkbtn.ktbtn{position: relative;top: -40px;}
.qleftWrap td table tr td span{text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; display: inline-block; width: 100%}

.crdhead-right.property-search{width: 80%;}
.crdhead-right.property-search .searchBarWrap{width: 100%; max-width: 100%; font-size: 0; position: relative; padding-right: 110px;}
.crdhead-right.property-search .searchBarWrap .susearcharea .form-control{width: 25%; display: inline-block; font-size: 14px; padding-right: 20px; border-radius: 0; border-right: 1px solid #ddd; vertical-align: top;}
.crdhead-right.property-search .searchBarWrap .susearcharea .form-control:first-child{border-radius: 50px 0 0 50px; width: 35%;}
.crdhead-right.property-search .searchBarWrap .susearcharea .form-control:last-child{border-radius: 0 50px 50px 0; border-right: 0; padding-left: 10px; padding-right: 10px; width: 25%;}
.searchBarWrap .multiselect-parent .btn{height: 100%; width: 100%; top: 0; left: 0; position: absolute; font-weight: normal; color: #555;}
.searchBarWrap .multiselect-parent .checkbox input[type="checkbox"]{margin-top: 4px;}
.crdhead-right.property-search .searchBarWrap .susearcharea .form-control.chailselect{width: 20%;}
.crdhead-right.property-search .searchBarWrap .susearcharea .form-control.multiselectbox{padding: 0; padding-right: 0; width: 20%;}
.form-control.multiselectbox .multiselect-parent{display: inline-block; width: 100%; vertical-align: top; height: 100%;}

.searchBarWrap .susearchbtns{position: absolute; right: 0; top: 0;}
.searchBarWrap .susearchbtns .searchbtn{height: 38px; width: 48px; line-height: 38px; text-align: center; font-size: 14px; display: inline-block; background-color: #f2f4f7; border-right: 1px solid #ddd;}
.searchBarWrap .susearchbtns .searchbtn:first-child{border-radius: 50px 0 0 50px;}
.searchBarWrap .susearchbtns .searchbtn:last-child{border-radius: 0 50px 50px 0; border-right: 0;}

.crdhead-right.booking-search{width: 85%;}
.crdhead-right.booking-search .searchBarWrap{width: 100%; max-width: 100%; font-size: 0; position: relative; padding-right: 140px;}
.crdhead-right.booking-search .searchBarWrap .ressearcharea .form-control{width: 17.5%; display: inline-block; font-size: 13px; padding-right: 20px; border-radius: 0; border-right: 1px solid #ddd; vertical-align: top;}
.crdhead-right.booking-search .searchBarWrap .ressearcharea .form-control:first-child{border-radius: 50px 0 0 50px; width: 18%;}
.crdhead-right.booking-search .searchBarWrap .ressearcharea .form-control:last-child{border-radius: 0 50px 50px 0; border-right: 0; padding-left: 10px; padding-right: 10px; width: 16%;}
.searchBarWrap .multiselect-parent .btn{height: 100%; width: 100%; top: 0; left: 0; position: absolute; font-weight: normal; color: #555; font-size: 13px;}
.searchBarWrap .multiselect-parent .checkbox input[type="checkbox"]{margin-top: 4px;}
.crdhead-right.booking-search .searchBarWrap .ressearcharea .form-control.chailselect{width: 20%;}
.crdhead-right.booking-search .searchBarWrap .ressearcharea .form-control.multiselectbox{padding: 0; padding-right: 0; width: 15%;}
.form-control.multiselectbox .multiselect-parent{display: inline-block; width: 100%; vertical-align: top; height: 100%;}

.searchBarWrap .md-datepicker-input{min-height: 34px; padding: 0; vertical-align: middle; font-size: 13px; color: #666666; font-weight: 300;}
/*.md-icon-button+.md-datepicker-input-container{margin-left: 0;}*/

.searchBarWrap .subookbtns{position: absolute; right: 0; top: 0;}
.searchBarWrap .subookbtns .bookbtn{height: 38px; width: 40px; line-height: 38px; text-align: center; font-size: 13px; display: inline-block; background-color: #f2f4f7; border-right: 1px solid #ddd;}
.searchBarWrap .subookbtns .bookbtn:first-child{border-radius: 50px 0 0 50px;}
.searchBarWrap .subookbtns .bookbtn:last-child{border-radius: 0 50px 50px 0; border-right: 0;}

.slct-wdth select {border-radius: 0 !important; -webkit-appearance: none; appearance: none; border-right: 1px solid #ddd !important; }
.slct-wdth span.caret {position: absolute; right: 20px; top: 48%;}
.slct-wdth {width: 17.5%; position: relative;}
.slct-wdth span.bookcaret {position: absolute; right: 20px; top: 46%;}
.bookcaret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px dashed;
  border-top: 4px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: rgba(0,0,0,0.54);
}
.crdhead-right.booking-search .searchBarWrap .ressearcharea .md-datepicker-triangle-button.md-button.md-icon-button{position: relative; padding: 0; height: 32px; width: 38px; margin-left: -55px; margin-right: 17px;}
.searchBarWrap .multiselect-parent .btn .caret{
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 5px dashed;
  border-top: 4px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: rgba(0,0,0,0.54);
}

.searchBarWrap .bookingbtns{position: absolute; right: 0; top: 0;}
.searchBarWrap .bookingbtns .searchbtn{height: 38px; width: 45px; line-height: 38px; text-align: center; font-size: 13px; display: inline-block; background-color: #f2f4f7; border-right: 1px solid #ddd;}
.searchBarWrap .bookingbtns .searchbtn:first-child{border-radius: 50px 0 0 50px;}
.searchBarWrap .bookingbtns .searchbtn:last-child{border-radius: 0 50px 50px 0; border-right: 0;}

.su-supportbrowswe{position: absolute; bottom: 0; right: 0; text-align: right; padding: 15px 20px; width: 100%; background-color: #f2f4f7;}
.su-supportbrowswe span.su-supporttitle{font-size: 14px; font-weight: 600; color: #888; float: left; line-height: 30px;}
ul.browserlist{display: inline-block; margin: 0; padding: 0;}
ul.browserlist li{display: inline-block; list-style: none; font-size: 14px; font-weight: 600; color: #888; padding: 0 1px;}
ul.browserlist li:last-child{padding-right: 0;}
ul.browserlist li a{padding: 5px 8px; display: inline-block; border-radius: 2px; transition: all ease-in .1s;}
ul.browserlist li a:hover, ul.browserlist li a:focus{color: #313131 ; background-color: rgba(76, 117, 178, 0.14);}
ul.browserlist li a i{margin-right: 5px;}

.rtCardWrapTd {
    padding: 10px 15px;
    vertical-align: top;
}

.seasonChangetitle{}
.seasonChangetitle button.close{position: absolute; right: 20px; top: 10px;}
.seasonChangetitle span.ng-binding{float: right; font-size: 16px; margin-top: 7px;}

.tblkeybtn{display: inline-block; vertical-align: middle; border: 1px solid #cccccc; padding: 0; width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 2px; background-color: #ffffff; color: #313131 ; margin-right: 5px;}
.tblkeybtn.disable{color: #aaa;}
.modal-header h4 {font-weight: 600;color: #313131 ;font-size: 20px;padding-left: 10px;margin-top: 3px;text-transform: uppercase;}
.modal-body { padding: 25px;}
.note {padding: 10px 15px 12px 15px; border-radius: 5px; display: inline-block;}
/*.modal-content ul {  margin-left: 25px;}*/
.modal-content ul li { margin-bottom: 13px; line-height: 25px;padding: 10px;}
.contactus li { padding: 2px !important; }
h4.modal-title.can-title {
    font-size: 17px;
}
.modal-body.can-body {
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.modal-body.can-body input.form-control.item-img {
    border: 1px solid #7d7d7d;
    margin-bottom: 15px;
    margin-top: 10px;
}
.modal-body.can-body label.frm-labl {
    font-weight: 500;
}
.modal-header.can-head {
    border-bottom: 1px solid #ccc;
}
.su-radiobox{display: inline-block;vertical-align: top;margin: 0;position: relative;font-size: 0;}
.su-radiobox input[type="radio"]{position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;}
.su-radiolbl{position: relative;font-size: 14px;padding-left: 20px;line-height: 19px;}
.su-radiolbl::before{content: ''; height: 14px; width: 14px; position: absolute; left: 0; top: 3px; border: 2px solid #aaa; border-radius: 50%;}
.su-radiobox input[type="radio"]:checked ~ .su-radiolbl::before{border-color: #313131 ;box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 10px #313131 ;}
.su-radiolbl a{font-size: 18px; height: 19px; width: 19px; text-align: center; line-height: 19px; display: inline-block; color: #1d1d1d;}

.textlabelbox .unittextbox{display: inline-block; vertical-align: top; position: relative;}
.textlabelbox .unittextbox .unitvalue{ display: inline-block; position: absolute; left: 5px; top: 0; color: #666666; line-height: 38px; font-weight: 600; text-transform: uppercase; font-size: 13px; padding: 0 10px;}
.textlabelbox .unittextbox .form-control{padding-left: 50px; border: 1px solid #cccccc;}
/*.sidebar-mini.sidebar-collapse .sidebar-menu > li:first-child:hover a span {
background-color: #FF731d !important;
color: #ffffff;
}*/

/*.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(2):hover a span {
background-color: #2a8580 !important;
color: #ffffff;
}

.sidebar-menu > li:nth-child(1) > a > .fa {
background-color: #ff7d13;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(3):hover a span {
background-color: #f8a82b !important;
color: #ffffff;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(4):hover a span {
background-color: #5f96f3 !important;
color: #ffffff;
}
*/
.sidebar-mini.sidebar-collapse .sidebar-menu > li.custdropdown:hover > .custsupdropdown a span {
background-color: transparent !important;
color: #5f96f3;
padding-left: 0;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li.custdropdown:hover > .custsupdropdown {
left: 0px;
position: absolute;
z-index: 1;
}
/*.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(5):hover a span {
background-color: #33c4e1 !important;
color: #ffffff;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(6):hover a span {
background-color: #33c4e1 !important;
color: #ffffff;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(7):hover a span {
background-color: #33c4e1 !important;
color: #ffffff;
}
*/
/*.sidebar-mini.sidebar-collapse .sidebar-menu > li:last-child:hover a span {
background-color: #f55b8f !important;
color: #ffffff;
}
*/
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover a .fa {
color: #ffffff !important;
position: relative;
z-index: 1;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover a span {
left: 14px;
padding-left: 40px;
width: 238px !important;
}

/*.sidebar-mini.sidebar-collapse .sidebar-menu > li:nth-child(6):hover a span {
background-color: #159a59 !important;
color: #ffffff;
}
*/
.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a {
border-left-color: transparent;
color: #949494!important;
position: relative;
font-weight: 500;
}

.sidebar-menu > li.custdropdown:hover .custsupdropdown {
display: block;
}

.sidebar-menu > li.custdropdown .custsupdropdown { 
background-color: #ffffff;
z-index: 1;
left: 15px;
padding-left: 20px;
}

/*.rtCardHead .sideHeadForm .btn-primary {
position: relative;
padding: 8px 20px;
}*/

/*.rtCardHead .sideHeadForm .btn-primary:after { 
content: "\f019";
font-family: 'FontAwesome';
font-weight: 300;
top: 2px;
position: relative;
right: -5px;
}
*/

.sidebar-mini.sidebar-collapse .sidebar-menu > li.custdropdown:hover > .custsupdropdown {
left: 11px !important;
position: absolute;
z-index: 1;
top: calc(100% - -1px) !important;
width: 190px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover a span {
left: 14px !important;
padding-left: 40px;
width: 238px !important;
}

.sidebar-menu > li.custdropdown .custsupdropdown {
    display: none;
}

/*Added By HP*/
/* duplicating > .rtCardCnt.hotelTableWrap .rtCardHead {
    padding: 0px;
    border: none;
}*/
/*.rtCardCnt.hotelTableWrap .rtCardHead .btn-group .btn {
    margin: 0px 10px 0px 0px;
    padding: 4px 6px;
    border-radius: 2px;
    font-size: 13px;
}*/

/*.badge1.add-an {
    position: absolute;
    right: 30px;
    top: 10px;
    font-weight: 400;
    padding: 6px 5px;
    border-radius: 3px;
    cursor: pointer;
    color: #313131 ;
    border: 1px solid;
}*/
/*.badge1.add-an i.fa.fa-plus {
    margin: 0px 3px 0px 5px;
    font-weight: normal;
    font-size: 10px;
}*/
/*Added By HP*/
.ame-list {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 5px 5px;
    display: inline-block;
    background: #00000014;
    margin: 0px 7px 7px 0px
}
.ame-list span {color: #313131 ;text-transform: capitalize;font-size: 13px;display: flex;justify-content: center;align-items: center;}
.ame-list span i.fa.fa-close {
    color: #d00000;
    font-size: 12px;
}
.rtCardWrap .rtCardHead a.tabclass {
}
.modal-body .rtCardCnt.hotelTableWrap {
    padding: 0;
}
.rtCardHead.a-tags a {
    padding: 5px 15px;
    font-size: 16px;
    margin: 0;
    position: relative;
    border: 1px solid;
    font-weight: 500;
    border-radius: 3px;
}

/* .rtCardHead.a-tags a:after {content: '';height: 15px;width: 2px;background: #313131 ;position: absolute;right: 0;left: auto;top: 7px;} */
.rtCardHead a-tags .rightWrap {}

.rtCardWrap .rtCardHead .rightWrap a:after {
    content: none;
}
.rtCardWrap .rtCardHead .rightWrap a {
    border: none;
    border-radius: 4px;
}
span.badge.remove-cat {
    position: absolute;
    right: 0;
    font-weight: 500;
    padding: 6px 5px;
    border-radius: 3px;
    cursor: pointer;
    color: #d00000;
    border: 1px solid;
}
.rtCardHead.a-tags a.tabaclass.tabactive {
    background: #313131 ;
    color: #fff;
}
.imagepreviewinner .suimagepreview img + a {
    position: absolute;
    right: 6px;
    background: rgb(255, 23, 23);
    color: #fff;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 0px;
    top: -6px;
}
.f-div {
    border: none;
    padding: 7px 15px;
    display: inline-block;
    margin-right: 90px;
    position: relative;
    background: #313131 ;
    color: #fff;
    border-radius: 2px;
}

.d-flex {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/*Riya commented*/
.f-div:after {content: 'OR';right: -50px;position: absolute;left: auto;font-weight: 200;top: 7px;color: #313131 ;}
.imagesnotes{display: inline-block; width: 80%; vertical-align: top; padding: 0; margin: 0;  margin-bottom: 20px;}
.imagesnotes li{margin-bottom: 0 !important; padding: 0 !important; display: inline-block; width: 80%; vertical-align: top; /*position: relative;*/ list-style: none; padding-left: 15px; line-height: 26px; color: #d32f2f;}
/*.imagesnotes li::before{content: '-'; position: absolute; top: 0; left: 0;}*/
    .ckrow {
 position: absolute;
    top: -1px;
    padding-left: -4px;
}


.ckbox + .cklabel {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

.ckbox {
  display: none;
}

.ckbox + .cklabel:before {
    content: "\2714";
    border: 0.1em solid #ccc;
    border-radius: 1em;
    display: inline-block;
    width: 2em;
    height: 2em;
    padding-left: 0.5em;
    padding-top: 0.2em;
    margin-right: 0.5em;
    vertical-align: bottom;
    color: transparent;
    transition: 0.2s;
    background-color: #ccc;
    border-color: #313131 33;
    color: snow;

}

.ckbox + .cklabel:active:before {
  transform: scale(0);
}

.ckbox:checked + .cklabel:before {
background-color: #313131 ;
    border-color: #313131 ;
    color: #f8cc15;
}

.ckbox:disabled + .cklabel:before {
  transform: scale(1);
  border-color: #aaa;
}

.ckbox:checked:disabled + .cklabel:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.container1 .content1 {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */
}
.d-flex-icon {
display: flex;
align-items: center;
flex-wrap: wrap;
height: 45px;
margin: 0 !important;
z-index: 999;
}
.d-flex-icon:hover i.fa {
position: absolute;
top: 15px;
}

.tbl-lne {
    border: 1px solid #ddd;
}

.tbl-lne tr {
    border-bottom: 1px solid #ddd;
}

.tbl-lne tr th {
    padding: 12px;
    background: #ececec;
}

.tbl-lne tr td {
    padding: 0 8px;
}
.mr-10 {
    margin-right: 10px;
}
.tbl-tds tr td {
    padding: 8px;
}


/* Navbar_new container */

.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: black;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}

.dropdown-header {
    padding: 8px 2px;
}

.smallmenu{
    min-width: 225px !important;
}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  margin-right: 15px;
  position: relative;
  z-index: 3;
}

.container{
  padding-top:50px;
  margin: auto;
}


.stitle{

    padding: 20px;
    font-size: large;
    font-weight: 500;

}


.modal-dialog{
    position: fixed !important;
    margin: 0;
    right: 0;
    height: 100%;
}

.modal-content{
    height: 100%;
}

.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

.modal-header{
    height: 60px;
}
/*.modal-body{
    height: 80vh;
    overflow: auto;
}*/

.simultr-frmhgt form {border: 2px solid #e7e7e5;background: #fefefe; padding: 15px; border-radius: 0 0 5px 5px;}
.simultr-frmhgt h5 {background: #d9e4f1; margin-bottom: 0; padding: 8px 10px; border-radius: 5px 5px 0 0; color: #162945;font-weight: 600;text-transform: uppercase; font-size: 12px;}
pre { padding: 5px; max-height: 400px;overflow: auto;height: 400px;border-radius: 0 0 5px 5px;border: 2px solid #d9e4f1;background: #fefefe;color: #07307e; }
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }

.containerjson{
    padding: 20px;
}
.prty-imgwrap div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
}
/*.smltr-vphgt { height: calc( 100vh - 64px) !important; }*/

.ttl-lnkwrap { display: flex; justify-content: space-between; }

.ttl-lnkwrap a { font-size: 16px; }

.apikey-btmpdng { margin-bottom: 15px; }

.simultr-frmhgt, .simultr-frmhgt pre { min-height: calc(100vh - 230px); height: calc(100vh - 230px);}
.simultr-frmhgt form { overflow-x: hidden;,overflow-y: auto;height: 100% }

.simultr-frmhgt input {border: 2px solid #e7e7e5;}

.prty-imgwrap {display: inline-block;margin-bottom: 6px;width: 100%;}

.prty-imgwrap div {background: #fdfdfd;height: 60px;width: 30%;border-radius: 8px;margin: 0 3px;float: left; overflow: hidden;}

.smultr-btnwrp { display: flex;justify-content: center;margin-top: 50px; }

.frm-algncntr { display: flex; align-items: center; }

.frm-algncntr label { margin-bottom: 0; }


/*Floating label start*/
.form-wrapper-outer {
    padding: 40px;
    border-radius: 8px;
    margin: auto;
    width: 460px;
    border: 1px solid #DADCE0;
    margin-top: 7%;
}

.form-wrapper-outer .form-logo {
    margin: 0px auto 15px;
    width: 100px;
}

.form-wrapper-outer .form-logo img {
    width: 100%;
}

.form-greeting {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
}

.form-button {
    text-align: right;
}

.field-wrapper {
    position: relative;
    margin-bottom: 15px;
}


.field-wrapper .field-placeholder {
    font-size: 14px;
    pointer-events: none;
    position: absolute;
    /* background: #fff; */
    bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #d9e4ff;
    -webkit-transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;

    text-align: left;
    width: 100%;
}

.field-wrapper .field-placeholder span {
    /*background: #f5eed2;*/
    padding: 0px 8px;
}

.field-wrapper input:not([disabled]):focus ~ .field-placeholder,
.field-wrapper select:not([disabled]):focus ~ .field-placeholder {
/*    color: #000;*/
}

.field-wrapper input:not([disabled]):focus ~ .field-placeholder,
.field-wrapper select:not([disabled]):focus ~ .field-placeholder,
.field-wrapper.hasValue input:not([disabled]) ~ .field-placeholder,
.field-wrapper.hasValue select:not([disabled]) ~ .field-placeholder {
    -webkit-transform: scale(.85) translateY(-22px) translateX(-15px);
    transform: scale(.85) translateY(-22px) translateX(-15px);

}
.sltr-p0 {padding-left: 0; padding-right: 0;}
/*Floating label End*/

.simultr-frmhgt .key { color: #4b93dd;}
.simultr-frmhgt .string {color: #c24b76;}

.smltr-otpt pre {border-color: #e7e7e5; background: #ececec;}

.smltr-otpt h5{background: #e7e7e5;}

.smltr-prpt form {border-color: #222d4a; background: #101c3b;}

.smltr-prpt h5 {background: #222d4a;color: #fff;}

.smltr-prpt input, .smltr-prpt select { border-color: transparent; background: #232e4a; color: #d9e4ff; }

.li-lne ul li { padding: 4px 0; font-weight: 400; }

.rules{
  font-weight: 600;
    background: #43be5f30;
    height: 100%;
    padding-top: 12px;
    display: block;
}
.nrules{
   font-weight: 600;
    height: 100%;
    padding-top: 12px;
    display: block;
}
.menuicon,.menuicon:hover{
    border-radius: 50%;
    padding: 3px 0px 0px 1px;
    width: 35px;
    height: 35px;
    text-align: center;
    background: #f8cc14;
    color: rgb(91 88 87);
}

.modal-dialog{
    position: fixed !important;
    margin: 0;
    right: 0;
    height: 100%;
}

.modal-content{
    height: 100%;
}

.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

.modal-header{
    height: 10vh;
}
.modal-body{
    height: 80vh;
    overflow: auto;
}
/*td.qhotelName.heading span {width: 100% !important;word-break: break-all;white-space: normal !important;display: flex !important;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
td.qhotelName.heading span a#ical1 {margin-right: 10px;}

*/
td.qhotelName.heading>span{width:100%!important;word-break:break-word;white-space:normal!important;display:flex!important;justify-content:flex-end;align-items:center;flex-direction:row-reverse;line-height:14px}
td.qhotelName.heading span a#ical1{margin-right:10px}
td.qhotelName.heading span.combopopup{display:inherit}
td.qhotelName.heading>span ul.actionCombo{width:25px;text-align:center;margin-right:10px;margin-top:10px}
td.qhotelName.heading>span a i.fa.fa-calendar{margin-right:10px}

.activeroom{
    background-color: #43be5f70;
}
.inactiveroom{
    background-color: rgba(221, 44, 0, 0.28);
}

/**/
.btn_border { border: 2px solid #ddd; border-radius: 3px;}

.btn_border:hover { border: 2px solid #ddd;}

.mrgn_left {margin-left: 0 !important;}

.mrgn_right { margin-right: 0 !important;}

/*.rm_type {right: 0px; left: inherit; float: right; }*/

p.leftWrap {float: left;}
.rtCardWrap .rtCardHead.d-flex.jcc {display: flex;justify-content: space-between;}
div#testSelect12 {margin-right: 10px;width: 200px;}
#testSelect12 button.dropdown-toggle {width: 100%;text-align: left;}
#testSelect12 .multiselect-parent.btn-group.dropdown-multiselect {width: 100%;text-align: left;}
#testSelect12 button.dropdown-toggle span.caret.mrgn_left {float: right;margin-top: 8px; }
.rtCardWrap .rtCardHead.d-flex.jcc .form-group {
    margin-bottom: 0;
}


/* newmappingUI */

.mappingMbody{height: calc(100vh - 58px);}
.mappingMFooter{height:5vh}
.rowBodySection{height:74vh}
.rowFooterSection{height:8vh;float:right}
.divdection{height:100%;overflow:auto;padding:15px}
.radio-groupnewUI{max-height:100%;padding:0}
.radio-group .radioboxWrappernewUI{width:100%}
.searchboxnew{border:0;border-bottom:1px solid #ddd}
.FormnewUI{padding:15px}
.divdectionb{border:1px solid #ddd}
.smallform{margin-top:10px;overflow-x:hidden}
.titlecp{height:30px;line-height:30px}
.cpbox{border:1px solid #ddd;padding:5px;margin:0}
.cpbox .col-sm-8{text-align:right}
.list-group-item{padding:5px 15px}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background:#ededed ;border-color:#ddd;text-transform: uppercase; color: #313131;}
.list-group-item{outline:0;margin-bottom:0!important;border:0;line-height:20px}
.list-group{margin-bottom:8px}
.radioboxWrappernewUI{margin:8px 0}
.Slist-group{margin:5px 0;margin-top:8px}
.ratesdiv{height:86%;overflow:auto;padding:15px}
.nodata-box1{margin:100px 0}
.fullLength{height:97%;overflow:auto}
.shortLength{height:10%}
.activeUL{border-bottom:1px solid #ddd;background:white;color:#313131 ;font-weight:bolder}
.activetitle{font-weight:600}
.channelSection{padding-top:0;padding-bottom:0}
.settingSection{background:#ededed;border-radius: 4px;}
.submenu{padding-top:0}
.submenu>ul>li>a{padding:5px!important}
.submenu>ul>li:first-child>a{padding-left:5px!important}
.submenu>ul>li{border:0!important;margin-left:20px;text-transform:uppercase;font-weight:600}
.submenu1>ul>li{border:0!important;margin-left:0;margin-right:20px}
.backmapping{color:#0089d1!important}
.mappingCard{width:100%;border:1px solid #ddd;margin-bottom:15px;border-radius: 4px;}
.mappingcheader{padding:10px;border-bottom:1px solid #ddd}
.leftWrap{margin:0}
.activeName{font-size:17px}
.inactiveName{font-size:17px}
.disableName{color:#777;font-size:17px}
.linkbtn{border:1px solid #f8cc15!important;border-radius:5px!important;font-size:12px!important}
.card-body{padding:0 10px;border-bottom:1px solid #ddd}
.card-header{background:#e2e2e24a}
.card-title{color:black}
.card-text{color:#0000009c}
.rightaction{display:flex;justify-content:flex-end}
.rightaction a{padding:1px 5px;text-transform:uppercase;color:#333!important;border:1PX solid #f8cc15;border-radius:3px;margin:0 5px;font-size:12px;line-height:2.2;font-weight:600}
.mapicon{background:#fec745!important;border:1px solid #fec745;color:#313131 !important;border-radius:3px!important;line-height:1;text-transform:uppercase}
.CradDiv{height: 130px;margin: 0 0px 20px 0px;box-shadow: 2px 2px 5px 1px #a1a1a18a;border:0;border-radius:4px;background: #fff;padding: 5px;border: 1px solid #bdbdbd8a;}
.CardRow.d-flex{flex-wrap:wrap;justify-content:left;padding-left: 0;}
.showFull .CradDiv{width:14.7%}
.CradDiv .card .card-body{border:0;height: 70px;align-items: center;}
.CradDiv .card-title>a{font-size: 14px;font-weight: 600;min-height: 30px;display: block;position: relative;padding-right: 30px;line-height: 14px;cursor: text;}
.text-muted{color:#1d1d1d;font-size:13px;padding-top: 5px;font-weight:600;margin-top: 0;}
ul.actionBtnGroup.CIconGrp{display:flex;justify-content: space-between;width: auto;position:absolute;bottom: 10px;padding: 0;align-items: center;}
ul.actionBtnGroup.CIconGrp li{width: auto;display:inline-block;margin:0;background: transparent;border-radius: 4px;border: 1px solid #555;}
.CradDiv{position:relative}
.searchchannel{width:20%;height:34px;font-size:16px;padding:7px 10px;line-height:1.42857143;color:#666;background-color:#fff;background-image:none;border:1px solid #ccc;float:right}
.searchchannel{box-shadow:none;border-color:#dce1e4;border-radius:3px}
.searchchannel:focus{outline:0;outline:0;box-shadow:none!important;border:1px solid rgba(0,0,0,0.2);border-radius:3px}
.scrollarea{width:auto;height: calc(100vh - 220px);padding:18px 55px 19px 26px;box-shadow:1px 1px 19px 1px #a1a1a1;overflow:scroll;}
.actionBtnGroup li a.fullBtn2{width:auto;font-size:14px;margin-left:2.4rem}
h5.card-title{width:100%;max-width:100%;display:inline-block;margin-bottom: 5px;}
.card{width:100%}
.CradDiv .card {min-width: 135px;}
.divdectionBG {background: #ececec;padding-top: 25px !important;border: 1px solid #ddd;}
.divdectionBG li a, ul.actionBtnGroup.CIconGrp li a {color: #555;}
.CradDiv .card-title>a i.fa.fa-key {position: absolute;left: 0;}
ul.actionBtnGroup.CIconGrp li {padding: 0px;margin-right: 5px;}
ul.actionBtnGroup.CIconGrp a.fullBtn {height: 30px; font-size: 13px; font-weight: 500; line-height: 13px; width: 30px; display: flex; align-items: center;
    justify-content: center;}
.mappingMbody .rowBodySection {height: calc(100vh - 185px);}
.rtCardCnt.hotelTableWrap .scrollarea {box-shadow: none;background: transparent;overflow-x: hidden;padding: 0px 20px 0px 3px;width: 100%;position: relative;}
.activeName i.fa.fa-check {color: green;position: absolute;right: 0;top: 0px;}
.inactiveName i.fa.fa-check {color:orange!important;position: absolute;right: 0;top: 0px;}
.rowBodySection .divdection.divdectionb input.form-control.searchboxnew {padding: 0px 5px; border-radius: 0;}
.card-body-name {display: flex;align-items: center;margin: 15px 0px 15px 0px;justify-content: center;height: auto;}
.card-body-name img {border-radius: 7px;width: 45px;margin-right: 10px;/* border: 1px solid #ddd; */height: 45px;object-fit: contain;padding: 2px;}


.card-body-name h5.card-title {font-size: 13px;margin: 0;padding: 0;font-weight: 600;word-break: break-word;line-height: 16px;} 
.card-body-name + h6.connection {display: inline-block;background: white;margin: 0;padding: 5px 5px;border-radius: 4px;color: green;border: 1px solid;}
.card-body-name + h6.noconnection {display: inline-block;color: #b7b7b7;margin: 0;padding: 5px 5px;border-radius: 4px;border: 1px solid #b7b7b7;}

.CradDiv.OTACardDiv {height: 100px;padding: 10px 0px;}
.CradDiv.OTACardDiv .card-body-name + h6.connection {display: none;}
.CradDiv.OTACardDiv .card-body-name + h6.noconnection {display: none;}
.CradDiv.OTACardDiv .card-body-name {margin: 0;}
.OTACardDiv ul.actionBtnGroup.CIconGrp {display: none;}
.CradDiv.OTACardDiv .card .card-body {display: flex;justify-content: center;align-items: center;text-align: center;}

.card-body-name {flex-direction: column;}

.CardRow.d-flex.flex-width .CradDiv {width: 30%;margin: 0px 7px 20px 7px;}
.CradDiv.no-connection:after {/* background: #efefefb5; */content: '';position: absolute;left: 0;right: 0;height: 70%;top: 0;filter: grayscale(1);}
.CradDiv.no-connection {position: relative;}
.CradDiv.no-connection .card-body-name img {filter: grayscale(100%);}
.btn-grp {margin-top: 30px;}
/* .CradDiv .card-title .inactiveName i.fa.fa-check:after {font-size: 14px;}
.CradDiv .card-title .inactiveName i.fa.fa-check {font-size: 0;} */
/*  */
.pTop0{padding-top: 0;}
.flexHeight {display: flex; flex-direction: column;}
.inactiveName::before { content: ""; position: absolute; background: orange; width: 4px; height: 30px; left: -10px; top: 1px;}
.activeName::before { content: ""; position: absolute; background: #159a59; width: 4px; height: 30px; left: -10px; top: 1px;}
.CradDiv .card .card-body h5.card-title .inactiveName::before { left: -15px;}
.CradDiv .card .card-body h5.card-title .activeName::before { left: -15px;}
.rtCardHead p a {font-size: 18px; font-weight: 600; text-transform: uppercase;}
.showFull .CardRow.d-flex.flex-width .CradDiv {width: 15.2% !important;}
.bgGarys { background: #ededed;}
.ui-filter ul li { margin-right: 0;}
.ui-filter ul li a {padding: 10px 5px !important}
.boxFlexennd {display: flex;justify-content: flex-end;}
.boxFlexennd .surmmappingrow:first-child { display: flex;}
.boxFlexennd .surmmappingrow:last-child {width: 29%;}
.searchWrap_padding {padding: 0 10px;}
.searchWrap_padding a {right: 15px !important;}
.rtCardWrap table thead.theadSize th {color: #fff;}

.CradDiv.no-connection .card-body-name h5.card-title {
    color: gray;
}
.c-con {
    position: absolute;
    right: 0;
    color: #000;
    background: #bdbdbd8a;
    z-index: 999;
    top: 0;
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 0px 0px 0px 5px;
}
.newUIsurmmappingrow:first-of-type{
    width: 10%;
}
.newUIsurmmappingrow:last-of-type{
    width: 23%;
}

.divdection.FormnewUI.channelSection.flexHeight ul.list-group + div {
    border-radius: 4px !important;
}

form .row.rowBodySection { margin: 0;}

form .row.rowBodySection .divdection.FormnewUI { border-radius: 4px;}

.divdection.divdectionBG.col-sm-6 { width: 47.5%; margin-left: 27px;}

form .row.rowBodySection .FormnewUI + .divdection { border-radius: 0 4px 4px 0;}

.cstmSettings { padding: 0;}

.cstmSettings ul.list-group {margin-bottom: 0;}

.cstmSettings ul.list-group li { border-radius: 4px 0 0 0;}

.cstmSettings.divdection.FormnewUI.channelSection.flexHeight ul.list-group + div { border-radius: 0 0 0 4px !important;}

.cstmSettings.divdection.FormnewUI.channelSection.flexHeight + div {border-radius: 4px !important;}
.pt5 {
    padding: 5px 0px;
}
.mt-5 {
    margin: 3px 0px;
}
.cstmSettings ul.list-group li .md-v-line ~ span img {height: 30px; margin-right: 7px;}
ul.actionBtnGroup.map-btn-list li {margin-left: 10px;}

.customWidth_block {width: 39%; margin-right: 27px;}

.wdthCstm {width: 47.5%; margin-left: 27px;}

.CardRow.d-flex.meta-chanl .CradDiv {
    height: auto;
    text-align: center;
}
.row.CardRow.d-flex.meta-chanl .CradDiv .card .card-body{
    height: auto;
    text-align: center;
}
.row.CardRow.d-flex.meta-chanl .CradDiv .card {
    height: auto;
}
.row.CardRow.d-flex.meta-chanl .CradDiv .card .card-body ul.actionBtnGroup.CIconGrp {
    position: inherit;
    display: inline-block;
    margin-bottom: 10px;
}
.rtCardHead {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
h3.otherchannel {
    margin: 0px 0px 10px 0px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
}
/*.metalist.rtCardCnt.hotelTableWrap {
    overflow: hidden;
}
.metalist.loadmore {
    overflow: hidden !important;
}
.metalist.rtCardCnt.hotelTableWrap + div + div {
    overflow: hidden !important;
}
.metalist.rtCardCnt.hotelTableWrap div {
    overflow: hidden !important;
    height: auto !important;
}*/
.over-auto {
    height: auto !important;
}
.hotelTableWrap > div .col-md-6 .over-auto  > div {
    border: 1px solid #ddd;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);
}
.hotelTableWrap .over-auto > div {
    height: auto !important;
    padding: 20px;
}

.hotelTableWrap .over-auto > div > div {
    height: auto !important;
}

/*.rtCardCnt.hotelTableWrap .row .over-auto {display: flex;}*/
.fetchdata { background-color: #FFF; margin-bottom: 10px; border-radius: 20px !important; pointer-events: none; height: 30px; padding: 4px 8px !important; color: #009900; text-shadow:none; background-image:none; border-color: #009900; }
/*button[type="submit"]{color: #FFF; text-shadow:none; background-image:none; background-color: #009900 !important; border-color: #009900 !important;}*/
.grey{color: #fff; text-shadow:none; background-image:none; background-color: #5B5857 !important; border-color: #5B5857 !important;}
.greenUrl { background-color: #FFF; margin-bottom: 10px; border-radius: 2px !important; height: 30px; padding: 5px 12px !important; color: #009900; text-shadow:none; background-image:none; border-color: #009900; }
.greenUrl:hover, .greenUrl:focus, .greenUrl.focus {color: #009900 !important;}

/* Riya iFrame */
/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.imagebox {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    border: 1px solid #aaa;
    border-radius: 4px;
    overflow: hidden;
}
.imagebox img {
    display: inline-block;
    width: 100%;
    height: 150px;
    padding: 8px;
    background-color: #fff;
    object-fit: contain;
    object-position: center center;
}
ul[dnd-list] {min-height: 42px;padding-left: 0px;}
ul[dnd-list] .dndDraggingSource {display: none;}
ul[dnd-list] .dndPlaceholder {background-color: #555858; display: inline-block;min-height: 115px;padding: 1px;margin-top: 10px;border-radius: 10px;}
ul[dnd-list] li {display: block;padding: 10px 15px;margin-bottom: -1px;}
ul[dnd-list] li.selected {background-color: #dff0d8;color: #3c763d;}
.simpleDemo ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
    flex-wrap : wrap;
    display: flex;
}
.simpleDemo li {
    max-width: 20%;
    width: 100%;
    padding: 10px !important;
}

 .simpleDemo li .imagebox .priorcls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 5px;
    background: #fff;
    border-bottom: 1px solid #EBEBEB;
}

 .simpleDemo li .imagebox .priorcls .priorityCls {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6e6e6;
    border-radius: 3px;
    padding: 1px 4px;
}

 .simpleDemo li .imagebox .form-label {
 
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 40px);
    width: 100%;
    color: #666666;
 }
.simpleDemo li .imagebox .nodata-box {
    margin: 0 !important;
    padding: 30px 0 !important;
    background: white;
 }

@media (max-width: 1199px) {
    .simpleDemo li {
        max-width: 16.66%;
    }
}

@media (max-width: 991px) {
    .simpleDemo li {
        max-width: 25%;
    }
}

@media (max-width: 767px) {
    .simpleDemo li {
        max-width: 33.33%;
    }
}

@media (max-width: 575px) {
    .simpleDemo li {
        max-width: 100%;
    }
}
/*RIYA TRAFFIC SCRIPT*/
.blckpopupTS {cursor: pointer; float: right; }
.tooltip-box {
    position: relative;
    display: inline-block;
}
.tooltip-box .tooltipt-inner {
    visibility: hidden;
    width: 530px;
    background-color: #fff;
    color: #555;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    border: 2px solid #ddd;
    top: 20px;
    left: 0;
}
.tooltip-box:hover .tooltipt-inner {
    visibility: visible;
}
.tooltip-box .tooltipt-inner-last {
    visibility: hidden;
    width: 530px;
    background-color: #fff;
    color: #555;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    border: 2px solid #ddd;
    top: 20px;
    right: 0;
}
.tooltip-box:hover .tooltipt-inner-last {
    visibility: visible;
}
.traffic-box {
    position: relative;
    display: inline-block;
}
.traffic-box .traffic-inner {
    visibility: hidden;
    width: 530px;
    background-color: #fff;
    color: #555;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    border: 2px solid #ddd;
    top: 20px;
    left: 0;
    font-size: 12px;
}
.traffic-box:hover .traffic-inner {
    visibility: visible;
}
.traffic-box .traffic-inner-last {
    visibility: hidden;
    width: 530px;
    background-color: #fff;
    color: #555;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    border: 2px solid #ddd;
    top: 20px;
    right: 0;
    font-size: 12px;
}
.traffic-box:hover .traffic-inner-last {
    visibility: visible;
}
.traffic-box .traffic-inner ul li { margin-bottom: 0; line-height: 22px; padding: 0;}

/*Map Rate*/
.maprateTab {
    border: 1px solid #ececec;
}
.customrooms:first-of-type {
    padding-top: 15px;
}
/*.customrooms:last-of-type {
    border-bottom: none;
}*/
.customrooms {
    padding: 0 15px 15px;
    padding-bottom: 0;
    /*margin-bottom: 5px;*/
    /*border-bottom: 1px solid #ececec;*/
}
/*.customrooms {
    background: #ececec;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 15px;
    padding-bottom: 0;
}*/
.customrooms select.form-control.customselect {
    border: 1px solid #bdbdbd !important;
}
.customrooms .form-group {
    margin-bottom: 0;
}

/*RIYA metastatus*/
.cursornone {cursor: default !important;}
.inputwid {
    width: 100% !important;
}
.discount-inputs{
    display:flex;
    gap:10px;
}
.discount-inputs .cntbtngroup{
    margin-top: 0px;
}
.available-days{
    margin-top:1rem;
}
.available-days .weektitle, .available-days .weekendMarker{
    margin-left: 0px;
}
.cnl_css {
    display: inline-block;
    margin: 5px 4px 3px 0px;
    padding: 2px 8px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    font-size: 11px;
    background-color: #f7f3f3;
    font-weight: bold;
}
span.chr-count {
    position: absolute;
    right: 25px;
    bottom: 17px;
    background: #fff;
    padding: 2px 3px;
}
.greytext {color: #666666 !important; }
/* ------------Riya new button--------------- */
.metacutomBtn {
    padding: 4px 6px;
    font-size: 13px;
    background: white;
    color: #5b5958;
    border-color: #5b5958;
    transition: .3s all ease-in-out;
    border-bottom-right-radius: 2px !important;
    border-top-right-radius: 2px !important;
    border-radius: 2px !important;
}
.metacutomBtn:hover {
    color: #fec745 !important;
    border-color: #fec745 !important;
    background: white;
}
.metacutomBtn:focus {
    background: inherit;
    color: #5b5958;
    border-color: #5b5958;
}
/*------------------------------ smart price weekdays start ----------------------------*/
.applyto-label { font-weight: 400 !important; }
.weektitle { margin-left: 10px; }
.weekendMarker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    margin-left: 10px;
}
.weekendMarker input:checked + .form-check-label {
    background-color: #fec745;
    border-color: #fec745;
    color: #fff;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 0 !important;
    cursor: pointer;
}
.weekendMarker .form-check-input {
    opacity: 0;
    position: absolute;
    width: 25px;
    height: 25px;
    margin-top: 0;
    margin-left: 0;
}
.weekendMarker .form-check-label:hover {
    background-color: #fff;
    border-color: #fec745;
    color: #fec745;
    cursor: pointer;
}
.weekendMarker .form-check-label {
    display: flex;
    font-family: sans-serif, Arial;
    border: 2px solid #6d6d6d;
    color: #6d6d6d;
    border-radius: 16px;
    margin-left: 0;
    height: 25px;
    width: 25px;
    align-items: center;
    justify-content: center;
}
/*------------------------------ smart price weekdays ----------------------------*/
.imgpadnone {padding: 0 !important;} 
.bannerNote ul li {
    margin-bottom: 0 !important; 
    line-height: 0 !important; 
    padding: 10px; 
}
.savepol { padding-left: 0 !important; margin-top: 20px !important; }
.polBox { border: 1px solid #ddd; border-radius: 2px; padding: 15px; }
.saveBtnPol { font-weight: 500 !important; background-color: #009900 !important; border-color: #009900 !important; height: 38px; }
.fntwei { font-weight: 600; }
.noneBorder { border-top: none !important; border-bottom: none !important; }
.radioMR { margin-right: 50px; }
.pull-left {
    float: left !important;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.rtCardHead .btn-group .btn {
    margin: 0px 10px 0px 0px;
    padding: 4px 6px;
    border-radius: 2px;
    font-size: 13px;
}
.ImgAddon {display: inline-block;border: 1px solid #cccccc;padding: 10px; margin: 10px 10px 0 0 !important;position: relative; }
/*--------------------------- Banner Starts-----------------------*/
li.gal_con {
    padding: 15px;
    position: relative;
}
.banner ul#gallery-result li img {
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}
img.faviconimg {
    object-fit: cover;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    vertical-align: top;
    height: 140px;
    padding: 0px;
    box-shadow: 1px 1px 4px #3838385c;
    border-radius: 0;
}
img.roomimg {
    object-fit: cover;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    max-width: 200px;
    vertical-align: top;
    height: 123px;
    padding: 0px;
    box-shadow: 1px 1px 4px #3838385c;
    border-radius: 0;
}
.gal_connew a.clsbtn {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    padding: 4px 0px 0px 0px;
    height: 23px;
    width: 23px;
    line-height: 0px;
    text-align: center;
}
.gal_connew a.clsbtn i.fa.fa-close {
    color: red;
    padding: 0;
    margin: 0;
}
.noteWrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0;
    color: #C62828;
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 4px;
}
.noteWrap li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    padding-left: 15px;
    font-size: 13px;
    margin-bottom: 4px;
}
/*--------------------------- Banner ends-----------------------*/
.padnone .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
    box-shadow: none;
}
.txttransfrm { text-transform: none !important; }
.ullihgt ul li { margin-bottom: 0; line-height: 22px; padding: 0;}
.metaheader { height: auto; padding: 12px 30px 12px; background: #5b5958; }
.metaHead { display: flex; justify-content: space-between; align-items: center; }
.widauto {width: auto !important;}
.redbtn {float: right; color: red; font-size: 12px;}
.greenbtn {float: right; color: green; font-size: 12px;}
.modal-lg1 {width: 100%;max-width: 90%;}
.acrdn_mainWrap {padding: 15px !important;border: 1px solid #ebecee;border-top: none !important;}
.lineSeparate {margin-bottom: 15px;}
.lineSeparate::after {width: 97.3%;content: "";height: 1px;position: absolute;background: #dce1e4;bottom: 0px;}
.accorcnt .lineSeparate:last-of-type {padding-bottom: 0;margin-bottom: 0;}
.accorcnt .lineSeparate:last-of-type::after {display:none;}
.mb10 {margin-bottom: 10px;}
.pt5 {padding-top: 5px;}
h4.unthead {padding-top: 15px;display: inline-block;width: 100%;font-weight: 600;font-size: 16px;margin-bottom:0;padding-bottom:0;}

.langFont {font-weight: 600 !important; font-size: 15px !important;}
.mbsbe .accorcnt{float: left; width: 100%; padding: 15px 0 0 0; border-top: none !important;}
.mbsbe .accortitle i {
    float: right;
    height: auto;
/*    line-height: 40px;*/
    margin-left: 3px;
}
.mbsselectarrow multiple-autocomplete {
    z-index: 2;
}
.mbsselectarrow .fa {
    position: absolute;
    top: 38px;
    z-index: 1;
    right: 40px;
/*    margin-top: -7px;*/
}
.form-group.multipleselect .form-item-container .list-inline {
    margin: 0;
}
.form-group.multipleselect .form-item-container .list-inline li {
    margin: 0;
    padding: 0;
    width: 100%;
}
.form-group.multipleselect .form-item-container .list-inline li + li {
    width: auto;
    margin-top: 5px;
    margin-right: 5px;
}
.form-group.multipleselect .form-item-container .list-inline input {
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}
/*.form-item-container .list-inline li span {
    display: inline-block;
    padding: 4px 0px 4px 6px;
    font-size: 13px;
    border: 2px solid #dce1e4;
    background-color: #fff;
    font-weight: 600;
    color: #777;
}
.form-group.multipleselect .form-item-container .list-inline li span {
    display: inline-block;
    border-radius: 0;
    border-color: #ddd;
    background-color: #f2f4f7;
    font-size: 13px;
    padding: 4px 8px 4px 11px;
    font-weight: 600;
}*/
/*.customlang {
    margin-bottom: 10px;
    border-radius: 2px !important;
    height: 32px;
    padding: 5px 12px !important;
    margin-left: 5px;
}*/
.customlang {color: #6e7175 !important; border-color: #6e7175 !important; margin-left: 5px;}
.customlang:hover, .customlang:focus, .customlang.focus {color: #6e7175 !important;}
.color-picker { z-index: 1050 !important; }
.pgnotes { text-transform: none !important; }
.colortbl {color: #525252 !important;}
.mgb {margin-bottom: 12px;}
.fontsz { font-size: 13px; }
.radioWrap .radioLbl { font-size: 14px; padding-left: 24px; display: inline-block; font-weight: 400; }
.addTaxBtn {float:right; color: #ffffff; background-image: none; font-weight: 500 !important; background-color: #009900 !important; border-color: #009900 !important; border-radius: 2px; padding: 5px 12px; height: 30px;}
.addTaxBtn:hover {color: #ffffff;}
.meta-content ul li { margin-bottom: 0 !important; line-height: 15px; padding: 5px;}
.metaTaxCls ul li { margin-bottom: 0 !important; line-height: 15px; padding: 0 !important;}
.metafixhgt .form-control, textarea {
    background: #FDFDFD;
    border: 1px solid #EBEBEB !important;
    border-radius: 2px !important;
    box-shadow: unset !important;
}
input[color-picker]{border-radius: 4px !important;}
.pgnotes ul {
    padding-left: 40px;
}
.mainbg {
    background: #dde2ec;
    height: 60px;
    border-radius: 8px;
    padding: 10px;
}
.colortitle {
    /*color: #a1a8ca;*/
    color: #878ca7;
    font-weight: 600;
    text-transform: uppercase;
}
.colorhr {
    margin: 15px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    display: flex;
}
.tab-content .btn {
    border-radius: 2px;
}
.btn_rds {
    border-radius: 8px!important;
}
.btn_txt {
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: .5px;
}
.BGsecwidget {
    padding-top: 15px;
    border-radius: 4px;
    border: 1px solid rgb(221, 221, 221);
    margin-bottom: 15px;
}
.th-cust {
    position: relative;
}
.th-cust input.form-control {
    /*color: #2e4168;
    border-color: #e2e6eb;
    border-radius: 8px;*/
    /* border-width: 2px; */
    font-weight: 500;
    /*height: 50px;*/
    transition: all .3s ease-in-out;
    /*font-size: 14px;*/
}

input.cus_colorbx {
    position: absolute !important;
    height: 30px !important;
    width: 30px;
    right: 10px;
    top: 4px;
    padding: 0 !important;
    border-radius: 4px !important;
    border: 1px solid #EBEBEB !important;
    box-shadow: unset !important;
}

/*.chckrado .checkbox-wrap{
    cursor: pointer;
    width: auto;
    font-weight: 400;
    margin-right: 10px;
}
.chckrado .checkbox-wrap .checklbl {
    color: #555; 
    font-weight: 400; 
    padding-left: 24px;
}
.chckrado .checkbox-wrap .checklbl::before{
    border-radius: 50%;
}
.chckrado .checkbox-wrap input[type="checkbox"]:checked ~ .checklbl::before{
    background-color: #fff;
    border: 2px solid #fec745;
}
.chckrado .checkbox-wrap .checklbl::after{
    border: 0; height: 8px; width: 8px; background-color: #fec745; border-radius: 50%; opacity: 0; top: 6px; left: 4px;
}
.chckrado .checkbox-wrap input[type="checkbox"]:checked ~ .checklbl::after{
    opacity: 1;
}*/

/*------------------------start tax----------------------------*/
.t-div {
    background-color: #f5f5f5;
    border-color: #dddddd;
    padding: 20px;
}

.t-div ul.hmawradiotabs.chckrado {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.hmawradiotabs li:first-child {
    padding-left: 0;
}
.hmawradiotabs li {
    display: inline-block;
    list-style: none;
    vertical-align: top;
    padding: 0 10px;
}
.chckrado .checkbox-wrap {
    cursor: pointer;
    width: auto;
    font-weight: 400;
    margin-right: 10px;
}

.checkbox-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 14px;
    position: relative;
}
.checkbox-wrap input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    opacity: 0;
}
.chckrado .checkbox-wrap .checklbl {
    color: #555;
    font-weight: 400;
    padding-left: 24px;
}
.checkbox-wrap .checklbl {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    color: rgba(43, 62, 81, 0.70);
    font-weight: 600;
    padding-left: 22px;
    z-index: 2;
    line-height: 1.6;
}
.chckrado .checkbox-wrap input[type="checkbox"]:checked ~ .checklbl::before {
    background-color: #fff;
    border: 2px solid #fec745;
}
.chckrado .checkbox-wrap .checklbl::before {
    border-radius: 50%;
}
.checkbox-wrap .checklbl::before {
    content: '';
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 2px;
    left: 0;
    border: 2px solid #bdbdbd;
    border-radius: 2px;
}
.chckrado .checkbox-wrap input[type="checkbox"]:checked ~ .checklbl::after {
    opacity: 1;
}
.chckrado .checkbox-wrap .checklbl::after {
    border: 0;
    height: 8px;
    width: 8px;
    background-color: #fec745;
    border-radius: 50%;
    opacity: 0;
    top: 6px;
    left: 4px;
}
.checkbox-wrap .checklbl::after {
    content: '';
    height: 5px;
    width: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 6px;
    left: 4px;
    z-index: 2;
    display: inline-block;
    position: absolute;
}
/*------------------------end tax----------------------------*/
#policy .row .form-group .btn-default {
    color: #555;
    text-shadow: none;
    background-image: none;
    background-color: #ececec !important;
    border-color: #ececec;
}
#policy .row .form-label {
    font-size: 14px;
    font-weight: 600;
}
#policy .row .form-group .btn-default:active, #policy .row .form-group .btn-default.active, #policy .row .form-group .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #2e2f2f !important;
    border-color: #292a2a;
}
#policy .row .form-group .btn {
    border-radius: 2px;
    font-weight: 600;
}
.alertlabel {
    font-size: 12px !important;
    font-weight: 500 !important;
}
#policy .md-datepicker-input-container {
    width: 100%;
}
#policy .md-datepicker-triangle-button.md-button.md-icon-button {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
}
.radioWrap1 .radioLblpolicy {
    font-size: 14px;
    padding-left: 10px;
    display: inline-block;
    font-weight: 400;
    color: #525252;
}
.radioWrap1 input[type="radio"]:checked ~ .radioLblpolicy::before {
    border-color: #fec745;
}
.radioLblpolicy::before {
    content: '';
    height: 16px;
    width: 16px;
    border: 2px solid #b2b3b5;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -8px;
    display: inline-block;
    position: absolute;
}
.radioWrap1 input[type="radio"]:checked ~ .radioLblpolicy::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.radioLblpolicy::after {
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #fec745;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 4px;
    display: inline-block;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}

.rtCardCnt.hotelTableWrap .rtCardHead {
    padding: 0px;
    border: none;
}
.rtCardCnt.hotelTableWrap .rtCardHead .btn-group .btn {
    margin: 0px 10px 0px 0px;
    padding: 4px 6px;
    border-radius: 2px;
    font-size: 13px;
}
.modal-body .rtCardCnt.hotelTableWrap {
    padding: 0;
}
.cntbtngroup a.cnt-btn.addfields1 {
    height: 38px;
    width: 38px;
    /* margin-top: -3px; */
    padding: 10px 14px;
    border: 0;
    background-color: #6d6d6d;
    border-radius: 3px;
    /* margin-left: 10px; */
    color: #dce1e4;
    display: inline-block;
}
.marbtm {margin-bottom: 5px;}
.combinationhgt{height: calc(100vh - 180px);}
.metafixhgt{height: calc(100vh - 128px);}
.orderfixhgt {height: calc(100vh - 95px);}
.roomlisthgt{height: calc(100vh - 90px);}
.rpfixhgt{height: calc(100vh - 142px);}
.taxontaxfixhgt{height: calc(100vh - 105px);}
.btnTax {color:white; float:right; background-color: #009900; border-color: #009900; padding: 5px 12px; height: 30px;}
/*.customrooms {
    background: #ececec;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 15px;
    padding-bottom: 0;
}
.customrooms select.form-control.customselect {
    border: 1px solid #bdbdbd !important;
}
.customrooms .form-group {
    margin-bottom: 0;
}*/
.customselect {
    padding: 3px 5px !important;
    font-size: 13px !important;
    height: 30px !important;
    /*border: none !important;*/
    border-radius: 6px !important;
}
.colorchng{
    width: 23px;
    height: 20px;
    border: 0;
    position: absolute;
    right: 85px;
    background: #fec845;
}
.colorchng + .popover {
    right: 10px;
}
.iconMain {
    display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 10px;}

.right {width: 30px; min-width: 30px; height: 30px; border: 3px solid #d9d9d9; border-radius: 50%; display: flex; justify-content: center; align-items: center; /*box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 50%);*/ }

.right i {font-size: 14px; color: #d9d9d9; }

.badge1.add-an {
    position: absolute;
    right: 30px;
    top: 10px;
    font-weight: 400;
    padding: 6px 5px;
    border-radius: 3px;
    cursor: pointer;
    color: #5b5857;
    border: 1px solid;
}
.badge1.addnew-an {
    position: absolute;
    right: 155px;
    top: 10px;
    font-weight: 400;
    padding: 6px 5px;
    border-radius: 3px;
    cursor: pointer;
    color: #5b5857;
    border: 1px solid;
}
.badge1.minus-an {
    position: absolute;
    right: 30px;
    top: 10px;
    font-weight: 400;
    padding: 6px 5px;
    border-radius: 3px;
    cursor: pointer;
    color: #5b5857;
    border: 1px solid;
}

.badge1.add-an i.fa.fa-plus {
    margin: 0px 3px 0px 5px;
    font-weight: normal;
    font-size: 10px;
}

.metaIcon {display: flex; align-items: center; justify-content: flex-end; }

.metaIconContent {display: flex; align-items: center;}

.iconText {margin-top: 2px; color: #908f8f; font-size: 10px;}

.iconMain.green .right {border: 2px solid #70ad47;}
.iconMain.green .right i {color: #70ad47;}
.iconMain.green .iconText {color: #70ad47;}

.iconMain.orange .right {border: 2px solid #f47926;}
.iconMain.orange .right i {color: #f47926;}
.iconMain.orange .iconText {color: #f47926;}

.iconMain.red .right {border: 2px solid #c00000;}
.iconMain.red .right i {color: #c00000;}
.iconMain.red .iconText {color: #c00000;}

.iconMain.grey .right {border: 2px solid #c2c2c2;}
.iconMain.grey .right i {color: #c2c2c2;}
.iconMain.grey .iconText {color: #c2c2c2;}
.apibetabs {padding: 15px 15px 0px 15px;}
.apibetabs .modal-footer .btn {
    background-image: none;
    border: 1px solid #5B5857;
    background-color: #5B5857 !important;
    color: #ffffff;
    border-radius: 2px;
    font-weight: 500 !important;
}
.apibetabs .retrieve .btn {
    background-image: none;
    border: 1px solid #5B5857;
    background-color: #5B5857 !important;
    color: #ffffff;
    border-radius: 2px;
    font-weight: 500 !important;
}
.apibetabs .btn.searchbtn {
    border: none !important;
    background-color: unset !important;
    color: unset !important;
}
.apibetabs .btn.fetchdata { background-color: #FFF !important; margin-bottom: 10px; border-radius: 20px !important; pointer-events: none; height: 30px; padding: 4px 8px !important; color: #009900; text-shadow:none; background-image:none; border-color: #009900; }
.modal-footer .btn {
    background-image: none;
    border: 1px solid #5B5857;
    background-color: #5B5857 !important;
    color: #ffffff;
    border-radius: 2px;
    font-weight: 500 !important;
}
/*.apibetabs .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus{color:#ffffff; text-shadow:none; background-image:none; background-color:#f2f4f7; outline:none; box-shadow:none;}*/
.modal-footer .text-right button[type="submit"] {font-weight: 500 !important; background-color: #009900 !important; border-color: #009900 !important;}
.metaSwapImg {
        padding: 5px !important;
        background: #fff !important;
}

.metaSwapImg .imagebox {
    border: 2px solid #dce1e4;

}
.metaSwapImg .imagebox input {
    border: none !important;
    padding: 5px;
    border-bottom: 1px solid #dce1e4 !important;
    min-height: 30px;
    height: 100% !important;
}
.metaSwapImg .imagebox img {
        padding: 5px;
    width: 100%;
    height: 80px;
    object-fit: cover;
}
img.roomimg {
    object-fit: cover;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    /*max-width: 200px;*/
    vertical-align: top;
    height: 123px;
    padding: 0px;
    box-shadow: 1px 1px 4px #3838385c;
    border-radius: 0;
}

.metaimgup ul#gallery-result {
    width: 100%;
    margin: auto;
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.metalocbtn  {
    margin-top: 10px;
    background-image: none;
    /*border: 1px solid #5B5857;
    background-color: #5B5857;*/
    border: 1px solid #dce1e4;
    /*color: snow;*/
}
.metaImageBtn { 
    margin: 0px 10px 0px 0px;
    padding: 4px 6px !important;
    border-radius: 2px !important;
    font-size: 13px;
}
.metacheckgroup {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding: 10px 10px;
    box-shadow: 0px 0px 4px #0000003d;
}
.metacheckgroup .margin-bottom {
    margin-bottom: 5px;
}
.metacheckgroup .suchecktitla {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    /*font-size: 17px;*/
    /*font-weight: 600;*/
    /*color: #313131;*/
    margin-bottom: 10px;
}
.mainMetaTitle {
    display: flex;
    padding: 10px 30px;
    margin-bottom: 0;
}
.txtareacls {
    width: 100%;
    padding: 6px 12px;
    color: #666666;
    border: 2px solid #dce1e4;
    border-radius: 4px;
}
.subMetaTitle:focus {
    outline: unset;
    border: unset;
}
.mainMetaTitle + form .modal-body {
    padding: 0 15px;
}

.mainMetaTitle .subMetaTitle {
    font-size: 13px;
    color: #171717;
    position: relative;
    margin-right: 30px;
}

.mainMetaTitle .subMetaTitle:first-child::before {
    content: unset;
}

.mainMetaTitle .subMetaTitle::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fec745;
}

span.subMetaTitle:hover {
    color: #fec745;
}

.mainMetaTitle .subMetaTitle.active {
    font-weight: 600;
}

.mainMetaTitle .subMetaTitle.active::after {
    content: '';
    position: absolute;
    bottom: -6px;
    border-bottom: 2px solid #fec745;
    left: 0;
    width: 100%;
}

/*RIya checkbox - radio*/
.chckrado {
    list-style: none;
}
.chckrado .checkbox-wrap {
    cursor: pointer;
    list-style: none;
}
.checkbox-wrap{display: inline-block; width: 100%; vertical-align: top; font-size: 14px; position: relative;}
.checkbox-wrap input[type="checkbox"]{position: absolute; top: 0; left: 0; z-index: 6; opacity: 0;}
.checkbox-wrap .checklbl{display: inline-block; width: 100%; vertical-align: top; position: relative; color: rgba(43, 62, 81, 0.70); font-weight: 600; padding-left: 22px; z-index: 2; line-height: 1.6}
.checkbox-wrap .checklbl a{color: #2b3e51; text-decoration: underline;}
.checkbox-wrap .checklbl::before{content: ''; height: 16px; width: 16px; display: inline-block; vertical-align: top; position: absolute; top: 2px; left: 0; border: 2px solid #bdbdbd; border-radius: 2px;}
.checkbox-wrap .checklbl::after{content: ''; height: 5px; width: 8px; border: 2px solid #fff; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 6px; left: 4px; z-index: 2; display: inline-block; position: absolute;}
.checkbox-wrap input[type="checkbox"]:checked ~ .checklbl::before{border: 2px solid #f8cc15; background-color: #f8cc15;}

.customradchk .chckrado .checkbox-wrap .checklbl::before {
    border-radius: 50%;
}
.customradchk .chckrado .checkbox-wrap input[type="checkbox"]:checked ~ .checklbl::before {
    background-color: #fff;
}
.customradchk .chckrado .checkbox-wrap .checklbl::after {
    border: 0;
    height: 8px;
    width: 8px;
    background-color: #f8cc15;
    border-radius: 50%;
    opacity: 0;
    top: 6px;
    left: 4px;
}
.customradchk .chckrado .checkbox-wrap input[type="checkbox"]:checked ~ .checklbl::after {
    opacity: 1;
}
.customradchk .hmawradiotabs{display: inline-block; width: 100%; vertical-align: top; margin: 0; padding: 0;}
.customradchk .hmawradiotabs li{display: inline-block; list-style: none; vertical-align: top; padding: 0 10px;}
.customradchk .hmawradiotabs li:first-child{padding-left: 0;}
/*dropdown collapse Riya */

.metaheader {
    height: auto;
    padding: 12px 30px 12px;
    background: #5b5958;
}
/*.metaTitle{ font-size: 20px; color: #171717;font-weight: 500;}*/
.metaTitle{font-size: 12px;color: #fff;font-weight: 500;margin-right: 30px;text-transform: uppercase;letter-spacing: 0.5px;transition: .3s all ease-in-out;}
.metaTitle.active {
        position: relative;
        background: #fec745;
        padding: 5px 10px;
        border-radius: 4px;
}

.metaTitle.active::after {
        content: '';
        position: absolute;
        bottom: -4px;
        border-bottom: 2px solid #171717;
        left: 0;
        width: 100%;
        display: none;
}

.editicn {
    display: inline-block;
    font-size: 14px !important;
    height: 25px;
    width: 25px;
    text-align: center;
    background-color: transparent;
    color: #555;
    border: 0px solid #dce1e4;
    border-radius: 3px;
    font-weight: normal;
    float: right;
}
.centertext { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; width: 100%; line-height: 23px; }
.metadiv {font-size: 13px !important; padding: 7px 15px !important;}
.collapseDropdown {
    width: 100%;
    border-bottom: 0!important;
}

.collapseDropdown .dropdown-toggle {
    border: 0;
    background: unset !important;
    color: #000 !important;
    box-shadow: unset !important;
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd !important;
}

.collapseDropdown .dropdown-toggle:hover,
.collapseDropdown .dropdown-toggle:focus {
    background-color: unset !important;
    border-color: unset !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0 !important;
}

.collapseDropdown .dropdown-toggle .caret {
    border: 0 !important;
    display: inline !important;
    width: 100%;
    vertical-align: unset !important;
}

.collapseDropdown.open .dropdown-toggle .caret::after {
    transform: rotate(0);
}

.collapseDropdown .dropdown-toggle .caret::after {
    content: '\f107';
    position: absolute;
    right: 13px;
    font-family: 'fontAwesome';
    font-weight: 900;
    transform: rotate(270deg);
    font-size: 16px;
    color: #000;
}

.collapseDropdown .dropdown-menu {
    width: 100%;
    border: unset !important;
    position: relative;
    max-height: 85px;
    overflow-y: auto;
    z-index: 0 !important;
    
}

.collapseDropdown .dropdown-menu ul {
    list-style: none;
    margin-bottom: 0 !important;
}

.collapseDropdown .dropdown-menu li{
    padding: 2px 10px 5px 10px;
}

.collapseDropdown .dropdown-menu li a {
    font-weight: 400;
    font-size: 13px;
    color: #000;
}

.collapseDropdown .dropdown-menu li a i {
    transform: rotate(270deg);
    margin-right: 10px;
}

.collapseDropdown .dropdown-menu li a:hover,
.collapseDropdown .dropdown-menu li a:focus {
    background-color: unset !important;
}
/*#777675*/
.collapseDropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;    /* color of the scroll thumb */
    border-radius: 10px;       /* roundness of the scroll thumb */
    border: 3px solid #d8d8d8;  /* creates padding around scroll thumb */
} 
.collapseDropdown .dropdown-menu::-webkit-scrollbar {
    width: 5px;               /* width of the entire scrollbar */
}
/*.addscrolleramnt::-webkit-scrollbar-track {
    background: white;
}*/
.collapseDropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;    /* color of the scroll thumb */
    border-radius: 10px;       /* roundness of the scroll thumb */
    border: 3px solid #d8d8d8;  /* creates padding around scroll thumb */
}

/*  */
.metaheader .popover-content {padding: 0 !important; list-style-type: none; min-width: 180px;box-sizing: border-box; line-height: 2.5}

.metaheader .popover-content li.newtaui {padding: 10px 15px;border-bottom: 1px solid #dddddd;}

.metaheader .popover-content li.newtaui:last-child {border-bottom:none;}

.metaheader .popover-content li.newtaui:hover {background: #ededed;}

.metaheader button.navbars + .popover.bottom{right: 75px;}

.metaheader .popover.bottom > .arrow {right: 10px;left: inherit !important;}

.cutomselect select{
    /*margin-bottom: 15px;
    margin-top: 15px;*/
    padding: 5px 30px 5px 14px !important;
    height: unset;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
}

.cutomselect {
     position: relative;
    max-width: 350px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
}

.cutomselect::after {
    content: '';
    position: absolute;
    top: 53%;
    right: 50px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
}

.cutomselect select.form-control {
    border: 1px solid #e0e0e0 !important;
}
.required-field::after {
    content: "*";
    color: red;
}

.wrapper-progressBar {
    width: 100%
}

.progressBar {
}

.progressBar li {
    list-style-type: none;
    float: left;
    width: 33%;
    position: relative;
    text-align: center;
}

.progressBar li:before {
    content: " ";
    line-height: 30px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    background-color: white
}

.progressBar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #ddd;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.progressBar li:first-child:after {
    content: none;
}

.progressBar li.active {
    color: dodgerblue;
}

.progressBar li.active:before {
    border-color: dodgerblue;
    background-color: dodgerblue
}

.progressBar .active:after {
    background-color: dodgerblue;
}

.wrapper-progressBar {
    width: 100%
}

ul.progressBar {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

.progressBar li {
    list-style-type: none;
    float: left;
    width: 33%;
    position: relative;
    text-align: center;
    color: #9B9B9B;
}

.progressBar li:before {
    content: " ";
    line-height: 30px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 4px double #F7CB19;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    background-color: #F7CB19;
    z-index: 2;
    position: relative;
}

.progressBar li[disabled]:before {
    background-color: #ddd !important; 
}

.progressBar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #F7CB19;
    top: 16px;
    left: -50%;
    z-index: 1;
}

.progressBar li:first-child:after {
    content: none;
}

.progressBar li.active {
    color: #F7CB19;
}

.progressBar li.active:before {
    border-color: #F7CB19;
    background-color: #F7CB19;
}

.progressBar .active:after {
    background-color: #F7CB19;
}

.progressBar li.disabled:before {background: #9B9B9B;border-color: #9B9B9B;}

.progressBar li.disabled:after {background: #9B9B9B;}

.channelpdiv{
    padding: 20px;
}

/*channel mapcard css*/

.appGuest .multiplierWrap .form-control {
    width: 50% !important;
    float: left;
}

.chnlmap_content { background:transparent !important; height: calc(100vh - 66px);padding: 30px; padding-top: 15px;}

.crdXscrlr { width:100%; padding: 0; position: relative;}

/*.dvcardBlock {display: grid;grid-template-columns: repeat(5, minmax(0,1fr)); grid-gap: 30px;padding: 0 30px;}*/
.dvcardBlock {display: grid; grid-gap: 30px; grid-auto-flow: column;grid-auto-columns: calc(calc(100% / 5) - 25px); overflow-x: hidden;}

.dvcardBlock::-webkit-scrollbar {width: 0;}

.mp_card .modal-tbls.popupWrap {
    background: #ffffff;
    border-radius: 12px;
    border: none;
    margin-bottom: 0;
    min-height: 85px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popupWraphead {display: flex;align-items: center;}

.mp_card .popupWraphead span.title + p {
    padding: 18px 0px 0px;
}
.mappingCard.mpCard_bx .btnMp_end button.btn.remove[disabled] {opacity: .45;}

.mp_card .active {border-bottom: none !important;}

.mp_card .inactive {border-bottom: none !important;}

.mp_card .active .popupWraphead span::after { content:""; width:5px; height:26px; background:#52bd94; position:absolute;left:0; top:15px; }

.mp_card .inactive .popupWraphead span::after { content:""; width:5px; height:26px; background:#ff5a5a; position:absolute;left:0; top:15px; }

.mp_card .popupWraphead { border-bottom:none !important; }

.mp_card .popupWraphead span.title {
    padding: 15px 15px 10px;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    max-width: 200px;
    padding-right: 10px;
}
button.btn.remove.btn-sm.btnCstm:focus {
    color: #fff !important;
}
.btnWrap {display: flex; justify-content:end;}

.btnCstm {margin-left: 10px; border-radius: 4px;text-shadow:none;text-transform:uppercase;background:#fff; color: #6e7175; border: 1px solid #ddd;display: flex; align-items: center;padding: 8px;}

.btnCstm:hover {border: 1px solid transparent;}

.btnCstm:focus {color: inherit !important; outline: none !important;  box-shadow: none !important;}

.btnCstm svg { height:16px;}

.btnCstm svg path { fill:#6e7175; }

.btnCstm.btnEdit:hover {background: #e7f3ff; color: #1790f0;}

.btnCstm.btnEdit:hover path {fill: #1790f0}

.btnCstm.btnRemove:hover {background:#fbe5e5; color: #ff5a5a;}

.btnCstm.btnRemove:hover path {fill: #ff5a5a;}

.mp_card .modal-tbls p {margin-bottom: 10px;}

.addMpcrd_bx {display: flex;}

.addMpcrd_bx .addcard {margin-bottom: 0; background: transparent !important;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0;}
/*.addMpcrd_bx .addcard {margin-bottom: 0; background: transparent !important;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0;min-height: 145px;}*/

.addMpcrd_bx .addcard svg { height:34px; width:34px; }

.addMpcrd_bx .addcard svg path { fill: #f8cc15; }

.addMpcrd_bx .addcard span{ font-size: 18px;text-transform: uppercase;margin-top: 15px;padding: 0;letter-spacing: 1px; }

.wizSetup_block {padding: 30px !important;background: #fff !important;border-radius: 10px; border: 1px solid #ebebeb;height: calc(100vh - 220px);}

.wzrd_fld label {width: 100%;}

.wzrdlineTxt {background: #ededed; border-radius: 4px; padding: 15px;}

.wzrdlineTxt ul {list-style-type: none;}

.wzrdlineTxt ul li {line-height: 22px; margin-bottom: 10px;padding-left: 30px;position: relative;}

.wzrdlineTxt ul li::before {content: "\f135"; font-family: bootstrap-icons!important;position: absolute;left: 0;font-size: 16px;}

/* */ 

#section-1 .mapTable_bx{position:relative;margin-top:15px}
.mapTable_bx .searchWrap_bx{position:sticky;top:0;left:0;background:#fff;z-index:999;margin-bottom:20px;width:440px;padding-left:0}
.mapTable_bx .searchWrap_bx:before{content:'';top:-40px;background:#fff;height:75px;width:calc(100vw - 150px);bottom:0;position:absolute;left:-30px;right:0;clear:both;z-index:-1}
.mapTable_bx .searchWrap_bx input{border-radius:8px;padding-left:40px;border:1px solid #ebebeb;margin-left:0;padding-right:35px}
.mapTable_bx .searchWrap_bx svg{position:absolute;right:auto;left:10px}
.card .card-body{padding:5px 10px}
.card .card-body{padding:5px 10px}
.card .btnWrap button.btn{border:1px solid #f8cc15!important;border-radius:5px!important;font-size:13px!important;padding:2px 5px 2px 0;font-weight:200}
.card .btnWrap button.btn svg{height:13px}
.card .btnWrap button.btn:hover{background:inherit;color:inherit}
.card .btnWrap button.btn:hover svg{fill:inherit;background:inherit;color:inherit}
h5.card-title.disable{opacity:.5}
.ChMapName{display:flex;align-items:center;width:100%;padding:10px 0;margin:0}
.ChRoomName{display:flex;justify-content:center;align-items:center;background:#fff;width:100%;padding:10px 0;border-radius:0 0 8px 5px;margin:0}
.ChMapName h5{text-transform:uppercase;font-weight:600;margin:0;padding:0}
.mapTable_bx .card .card-body{background:#f7f7f7;margin-bottom:10px;padding:0;border-radius:5px;border:1px solid #ddd}
.ChRoomName h6{font-size:14px;font-weight:400;padding:0;margin:0}
.ChMapName button.btn.remove.btn-sm.btnCstm{background:#f8cc15;border:none!important;color:#313131}
.ChMapName button.btn.remove.btn-sm.btnCstm svg{fill:#313131}
.disablecard h5.card-title.disable{margin-top:0}
.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm svg{height:13px}
.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm{border-radius:5px!important;font-size:12px!important;padding:2px 5px 2px 0;font-weight:200;margin-right:5px;margin-left:0}
.mp_card .modal-tbls.popupWrap .btnWrap button {cursor: pointer;}
.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm svg{height:13px}
.card.disablecard .card-body{padding:10px 15px}
.mp_card .modal-tbls.popupWrap .btnWrap{display:flex;justify-content:flex-start;position: relative;bottom: 3px;}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone{display:flex;width:100%;align-items:inherit}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone nav{float:left;width:auto;flex:auto}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar{width:100%;left:inherit;flex:auto;padding:0;margin:0;justify-content:flex-end}
.p-0{padding:0}
.src-bar .progressBar li:before{width:20px;height:20px}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle.active::before{display:none}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle::after,section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle::before{display:none}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar{background:#fff;border-radius:40px;padding:7px 7px;width:auto}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle span{font-weight:600;font-size:13px;position:relative;z-index:100;clear:both}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle{border-radius:40px;padding:10px;width:auto;margin-right:10px}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle:last-child{margin-right:0}
.progressBar .disabled{opacity:40%;cursor:not-allowed}
.progressBar .active span.actvCircleNumber{background:#fff}
.progressBar span.actvCircleNumber{background:#d4d4d4}
.progressBar .disabled span.actvCircleNumber{background:#d4d4d4}
span.actvCircleNumber{background:#fff;color:grey;border-radius:20px;padding:5px 10px;margin-right:5px}
.btnMp_end button.btn.remove.btn-sm.btnMap.ng-scope.btnRemove {background: #e63946;}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle.active{background:#F7CB19;color:#fff;position:relative}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle.active+li.actvCircle.active:after{display:inline-block;content:'';border:none;background:#f7cb19;height:40px;width:25px;z-index:0;position:absolute;left:0;top:0!important;bottom:auto;right:auto}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle.active+li.actvCircle.active:before{display:inline-block;content:'';border:none;background:#f7cb19;height:40px;width:27px;z-index:0;position:absolute;left:-27px;top:0!important;bottom:auto;right:auto;border-radius:0}
span.badge.badge-success {color: #3c763d;background-color: #dff0d8;border-color: #3c763d;padding: 5px 10px;border-radius: 10px;text-transform: capitalize;border: 1px dashed;}
span.badge.badge-warning{color:#a94442;background-color:#f2dede;border-color:#a94442;padding:5px 10px;border-radius:10px;text-transform:capitalize;border: 1px dashed;}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar{margin:0}
.pgContent_hdr ol.breadcrumb {display: flex;justify-content: start;align-items: center;}
.cls-btn {display: inline-block;margin-left: 5px;}
.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm.btnEdit svg path{fill:##6e7175}
.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm.btnRemove svg path{fill:#fff}
button.btn.remove.btn-sm.btnCstm.btnRemove{background:#e63946;border:none;color:#fff;font-weight:500;padding:2px 0px 2px 0}
.mapcard.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm.btnRemove.view-btn svg path {fill: green;}
.mapcard.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm {background: transparent;}
.mapcard.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm.btnRemove svg path {fill: red;}
button.btn.remove.btn-sm.view-btn.btnCstm.btnRemove {background: transparent;}
.card .ChRoomName button.btn.remove.btn-sm.btnCstm.btnRemove {padding-right: 5px;}
button.btn.remove.btn-sm.btnCstm.btnEdit{background:#50b4c3;border:none;color:#fff;font-weight:500;padding:4px 0px 4px 0}
.card .ChMapName .btnWrap button.btn.btnCstm svg path {fill: #fff;}
.card .ChRoomName button.btn.remove.btn-sm.btnCstm.btnEdit svg path, .card .ChRoomName button.btn.remove.btn-sm.btnCstm.btnRemove svg path {fill: #fff;}
.card .btnWrap button.btn.remove.btn-sm.btnCstm.btnEdit svg path {fill: #fff;}
.card .btnWrap button.btn.remove.btn-sm.btnCstm.btnEdit {border: none !important;padding: 4px 5px 4px 0px;}
.card .ChMapName button.btn.remove.btn-sm.btnCstm.btnEdit { border: none;padding: 4px 5px 4px 0px;}
.card .ChMapName .btnWrap button.btn.btnCstm {border: none;}
.card .ChRoomName button.btn.remove.btn-sm.btnCstm.btnEdit, .card .ChRoomName button.btn.remove.btn-sm.btnCstm.btnRemove {border: none !important;}
.mappingCard.mpCard_bx .btnMp_end button.btn.remove.btn-sm{background:#50b4c3;border:none!important;color:#fff;font-weight:500;padding:2px 10px 2px 4px;border:none!important;border-radius:5px!important;font-size:13px!important}
.mappingCard.mpCard_bx .btnMp_end button.btn.remove.btn-sm svg{height:12px}
.mappingCard.mpCard_bx .btnMp_end button.btn.remove.btn-sm svg path{fill:#fff}
div#section-2.wizSetup_block button.btn.btn-success{background-color:#50b4c3;background-image:initial!important;border:none;text-shadow:none;border-radius:35px}
button.btn.ng-binding.btn-danger {background-color: #e63946;background-image: initial!important;border: none;text-shadow: none;border-radius: 35px;}
.text-danger.ng-binding.ng-scope {color: #e63946;}
.text-success.ng-binding.ng-scope { color: #50b4c3;}
.hm-img img {height: 40px;}
.hm-img .ng-binding {   padding: 0;}
.modal-tbls.popupWrap .popupWraphead span.title p {
    font-size: 15px;
    width: auto;
    display: contents;
    font-weight: 400;
}

@media(max-width:768px){
section.content.chnlmap_content .pgContent_hdr.spcbtnNone{flex-direction: column;}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar{justify-content: flex-start;margin-top: 20px;}
}
@media(max-width:600px){
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle { width: 100%; margin: 5px;}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle.active+li.actvCircle.active:before { display: none;}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar li.actvCircle.active+li.actvCircle.active:after {display: none;}
section.content.chnlmap_content .pgContent_hdr.spcbtnNone .src-bar ul.progressBar {width: 100%;}
}
.wizardview-status {display: inline-block;margin-bottom: 15px;width: auto;border: 1px dashed #f7cb19;padding: 10px 20px;background: #FEFAE8;border-radius: 30px;font-weight: 500;}

.progressBar li:after{top:10px !important; }

.mpcrdWrap .card:nth-child(odd){ background: #f6f6f6 !important; }

.mpCard_bx { border:none; margin-bottom: 0;}

.mpCard_bx .mappingcheader {border-bottom: 1px solid #ddd; background: transparent;padding:12px 20px; padding-left: 0;}

.mpCard_bx .mappingcheader .row { margin-bottom: 0; display: flex; align-items: center;}

.btnMp_end { display:flex; justify-content:end; }

.crdXscrlr span.hvrarw {z-index:1; background: #0000001f;height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: absolute;top: 33%;cursor: pointer;  transition: .2s all ease-in-out;}

/*.crdXscrlr:hover span.hvrarw {opacity: 1;}*/

.crdXscrlr span.left {left: -14px;}

.crdXscrlr span.right {right: -14px;}

.crdXscrlr span.left i, .crdXscrlr span.right i { color: #666; }

.progressBar li.active.actvCircle::before {border: 5px double #f2f4f7;}

.wzcrdWrap {height: calc(100vh - 345px);overflow-y: scroll;}

.mdl_notification {height: calc(100vh - 130px);background: #f1f2f5;margin-bottom: 15px; padding: 20px;}

.mdl_notification .card { background:#fff; border-radius:5px; box-shadow:1px 1px 3px rgb(9,29,62,0.08); padding: 15px; margin-bottom: 15px;}

.mdl_notification .card .card-body {border-bottom: 0; padding: 0;}

.mdl_notification .card h4.card-title {font-size: 16px; font-weight: 600;}

.mdl_notification .card span {margin-bottom: 10px;display: block;}

.mdl_notification .blankmsg {font-size: large;}

.mdl_notification .ntfctnCard_lnk {display: flex; justify-content: end;}

.mdl_notification .ntfctnCard_lnk a { border-radius:3px; padding:4px 8px; transition:.2s all ease-in-out; }

.mdl_notification .ntfctnCard_lnk a:hover {background: #e5e5ff}

.mapTable_bx {padding: 30px !important;margin-top: 10px;background: #fff !important;border-radius: 10px;border: 1px solid #ebebeb;height: calc(100vh - 345px); overflow: auto;}

.mapTable_bx table thead th { padding: 10px 20px;font-size: 16px;text-transform: uppercase;text-align: left;font-weight: 500;border-bottom: 0; }

.mapTable_bx table tbody tr td {vertical-align: middle;}

.mapTable_bx table tbody tr:nth-child(odd) td { background:#f6f6f6; padding: 20px;}

.btnMap {background: #fff; border: 1px solid #f8cc15; color: #f8cc15; text-transform: uppercase;text-shadow: none;padding: 8px; border-radius: 4px;display: flex; align-items: center;margin-left: 10px;}

button.btnMap {
    border: 1px solid #f8cc15!important;
    border-radius: 5px!important;
    font-size: 13px!important;
    padding: 2px 5px 2px 0;
    text-transform: uppercase;
    background: #fff;
    color: #6e7175;
    font-weight: 500;
}

.btnMap[disabled] {border: 1px solid #c1c1c1; color: #c1c1c1}

.btnMap[disabled] svg path {fill:#c1c1c1;}

.btnMap[disabled]:hover {background: #ddd; color: #666;}

.btnMap[disabled]:hover svg path {fill: #666;}

.btnMap:hover {border: 1px solid transparent; background: #f8cc15; color: #fff;}

.btnMap:focus {color: inherit !important; outline: none !important;  box-shadow: none !important;}

.btnMap svg { height:16px;}

.btnMap svg path { fill:#f8cc15; }

.btnMap:hover svg path { fill:#fff; }

.thwdth20 {width: 20% !important;}

.searchWrap_bx {display: flex; align-items: center;background: #fff;border-radius: 8px;padding-left: 10px;border: 1px solid #ebebeb;}

.searchWrap_bx input{ border:none;  background: transparent; height: 34px;padding: 0 15px; max-width: 400px;width: 100%;}

.searchWrap_bx input:focus {outline: none;}

.breadcrumb {margin: 0; padding: 0;}

.pgContent_hdr { display:flex; justify-content:space-between; align-items:center; margin-bottom: 10px;}
.src-bar {display: flex;justify-content: center;gap: 20px;}

.spcbtnNone {justify-content: inherit !important;}

.spcbtnNone nav {padding-left: 15px;}

.tblWrap-head {background: #fff;margin: 0;padding: 10px 0;border-bottom: 2px solid #ddd; display: flex;   align-items: center;}

.row.tblWrap-head > div {font-weight: 600;font-size: 12px; padding-left: 0;}

.tblWrap-head > div:last-of-type {text-align: right;padding-right: 30px;}

.trip-issue-icon{
    height:26px !important;
    width:35px !important;
    border:1px solid #f8cc15 !important;
    border-radius: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position:relative !important;
}
.trip-issue-icon .badge{
    position: absolute !important;
    height: 16px !important;
    width: 16px !important;
    display: flex !important;
    align-content: center !important;
    justify-content: center !important;
    right: -7px !important;
    color: #fff !important;
    background: #f8cc15 !important;
    top: -6px !important;
    padding: 2px 5px;
}
.trip-issue-icon .fa{
    font-size:17px !important;
}
.quality-status-modal ._md-toolbar-transitions{
    background:#313131 !important;
}
.quality-status-modal .md-toolbar-tools h2{
     color:#fff !important;
}
.quality-status-modal{
    width: 50%;
}
@media (max-width:576px){
    .quality-status-modal{
    width: 90%;
}
}

.description-details{
    margin-left: 3rem;
}
.single-status{
    display: flex;
    gap:3rem;
}
.single-status h4{
    margin-top: 0;
}
.description-issue{
    margin-left: 2rem;
}

::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#888}
::-webkit-scrollbar-thumb:hover{background:#555}

.modal-body .form-group label.form-label11 {
    display: block;
    width: 45% !important;
    float: left;
    word-break: break-all;
    margin-right: 10px;
}
span.form-label.h5lable {
    text-transform: uppercase;
    font-weight: 700;
    margin: 0px 0px 20px 0px;
    padding: 0;
}
.modal-body .form-group label.form-label11 span {
    font-size: 14px;
}

a.a-tag {
    text-decoration: underline !important;
    font-size: 12px;
    text-transform: uppercase;
    color: #555;
    padding: 0;
    margin: 0;
}


label.ng-conection {
   font-weight: 600;
   font-size: 12px;
   padding-left: 0;
   margin-bottom: 0;
}

form.text-right.ng-pristine.ng-valid input[type="radio"] {
    margin: 0;
    padding:0;
}

label.ng-conection.deactive {opacity:0.3;}
form.text-right.ng-valid.ng-submitted{
  background:#f2f4f7 ;
    padding: 10px 20px ;
    border-radius: 20px;
    margin: auto;
    width: fit-content;
    border: 1px dashed #d4d4d4;
    float: right;}







.mapTable_bx {height: calc(100vh - 255px);}

section.content.chnlmap_content.ng-scope .wizSetup_block{height: calc(100vh - 165px);}
.form-group.modal-tbls.popupWrap.inactive .btnWrap button.btn.remove.btn-sm.view-btn.btnCstm.btnRemove.ng-binding {color: green;border: 1px solid green;}
.form-group.modal-tbls.popupWrap.inactive .btnWrap button.btn.remove.btn-sm.btnCstm.btnRemove.ng-binding {color: red;border: 1px solid red;}
.form-group.modal-tbls.popupWrap.active .btnWrap button.btn.remove.btn-sm.view-btn.btnCstm.btnRemove.ng-binding {color: green;border: 1px solid green;}
.form-group.modal-tbls.popupWrap.active .btnWrap button.btn.remove.btn-sm.btnCstm.btnRemove.ng-binding {color: red;border: 1px solid red;}
    section.content.chnlmap_content .pgContent_hdr.spcbtnNone{ margin-bottom: 20px;}

.mapcard.mp_card .modal-tbls.popupWrap .btnWrap .btnCstm{
    background: white;
    color: #50b4c3;;
    padding: 4px;
    border: 1px solid #50b4c3;;
    }
.dvcardBlock{grid-auto-columns: calc(calc(100% / 3) - 25px);}


    .model-8.checkbox {
    position: relative;
    display: inline-block;
}
.model-8 .checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
    margin-left: 0;
}
.model-8 .checkbox label {
    height: 27px;
    position: relative;
    display: inline-block;
    transition: 0.4s;
}
.model-8 .checkbox label {
    background: #fff;
    border: 1px solid #c2c0c0;
    width: 120px;
    border-radius: 10px;
}
.model-8 .checkbox label:after {
    content: 'Inactive';
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #fff;
    left: 0;
    z-index: 2;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.4s;
    font-weight: bold;
}
.model-8 .checkbox label:after {
    background: #c2c0c0;
    border-radius: 10px;
    top: 0;
    width: 80px;
    height: 25px;
}
.model-8 .checkbox input:checked + label {
    background: #fff;
    border: 1px solid #ddd;
}.model-8 .checkbox input:checked + label:after {
    content: 'LIve';
    left: 35px;
    background: #4CAF50;
    
}
.model-8 .checkbox input:checked + label:after {
    left: 40px;
}
ui-view.ng-scope section.content.chnlmap_content.ng-scope .wizSetup_block{height: calc(100vh - 190px);}
.greenkey { color:green; }
.greykey { color:grey; }


span.re-otp {
    display: flex;
    margin: 5px 0px 0px 0px;
    font-size: 12px;
}
span.re-otp a {
    margin-right: 5px;
    text-transform: capitalize;
    cursor: pointer;
}
span.re-otp p#counter {
    margin: initial;
}
/*for ota update log table start*/
.otalogTable table th,.otalogTable table td{
    min-width: auto;
}

/* Added by Hiren */
.w50 {
    width: 50% !important;
}


/*::-webkit-scrollbar {
    width: 2px;
    height: 6px;
}

*::-webkit-scrollbar-thumb {
    background-color: #ebebeb;
    border-radius: 6px;
    border: none;
}

::-webkit-scrollbar-track {
    background: #fff;
}*/
/*for ota update log table end*/
.rtCardWrap tbody tr:last-child span.blckpopup.failed-ota-tooltip {
    top:100%;
    bottom: unset;
    max-height: 360px;
    overflow-y: auto;
}

#VbycXImh0B .d-flex {
    justify-content: flex-start;
    align-items: unset;
}
 
div#VbycXImh0B .loader {
    left: inherit;
    top: inherit;
}

#VbycXImh0B #QQGF9R6G98.mbs-div .container_content .sub-validity-container {
    overflow: unset;
}

.wrapper {
    height: 100%;
}
 
.content-wrapper {
    height: calc(100% - 64px);
    overflow: auto;
}
 
.skin-purple .wrapper .content-wrapper .content {
    padding: 15px;
}
 
div#VbycXImh0B {
    height: calc(100vh - 90px);
}


/* Channel Mapping Widget UI Styles Start */
#app:has(.cm-div) {
    height: calc(100vh - 105px);
}

#app .cm-div .loader {
    left: unset;
    top: unset;
    border: unset;
    border-top: unset;
    animation: unset;
    position: unset;
}

#app .cm-div .d-flex {
    justify-content: unset;
    align-items: unset;
}

#app .cm-div ::-webkit-scrollbar-track {
    background: transparent;
}

#app .cm-div ::-webkit-scrollbar-thumb {
    border: none;
}

#app .cm-div .component_mfa .dropdown .btn.dropdown-toggle {
    background-color: #fff !important;
    border-color: rgba(106,113,133,.3) !important;
}

#app .cm-div .row {
    margin-bottom: 0;
}

#app .cm-div .cm_overlay.fade {
    opacity: unset;
}
/* Channel Mapping Widget Load UI Styles End */

.copy-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    left: unset;
    width: 150px;
}

.enable-select {
    user-select: text;
}