/* @font-face {
    font-family: light; 300
    src: url(../fonts/Light.woff);
}

@font-face {
    font-family: regular; 400
    src: url(../fonts/Regular.woff);
}

@font-face {
    font-family: medium; 500
    src: url(../fonts/Medium.woff);
}

@font-face {
    font-family: bold; 700
    src: url(../fonts/Bold.woff);
} */

:root{
    --font1:'Segoe UI', " -apple-system", BlinkMacSystemFont, "Roboto", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    }


body {
    font-family: var(--font1);
    font-weight: 400;
}
p {

    margin: 0;
}
a {
    transition: all 0.2s ease;
}

a:hover {
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: none!important;
    outline: none!important;
}

b {
    font-weight: 100!important;
}

.form-control:focus {
    box-shadow: none;
}

input {}

input:focus {
    transition: all 0.3s ease;
    outline: none;
    box-shadow: none;
}

label {
    /*font-weight: 100;*/ 
 	 font-weight: 400;
    font-size: 15px;
}

img {
    width: 100%;
}

ul,
ol {
    list-style: none;
}
.btn {
 transition: all 0.3s ease;
}
.nopad {
    padding: 0px;
}

.nomarg {
    margin: 0;
}

.owl-carousel .owl-stage-outer {
    margin: 0px 7px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn {
    transition: all 0.3s ease;
}

.col-1by5 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.body-dark {
    background-color: #eef1f3;
    /* padding-bottom: 30px; */
}

.topmenu {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 110;
}

.navbar-inverse {
    border-radius: 0px;
    margin: 0px;
    border: none;
    background: #004158;
    height: 66px;
    padding-top: 2px;
}

.navbar-brand {
    margin-top: 6px;
    padding: 0px;
    margin-left: -8px!important;
}

.navbar-brand>img {
    max-width: 260px;
}

.header_menu {
    margin-top: 5px;
    display: flex;
    align-items: center; /**/
}

@media (max-width: 768px) {
    .header_menu {
        background: #333;
        flex-direction: column;
        position: relative;
        z-index: 99999;
    }
    .header_menu.nav > li {
        width: 100%;
    }

}



.header_menu li a {
color: #ffffffd1!important;
    font-size: 15px;
    padding: 5px 0px;
    margin: 0px 15px;
    font-weight: 700;
    position: relative;
}

.header_menu li a:hover {
    color: #e7b418!important;
}

.header_menu li a svg {
    margin-top: 3px;
}

.banner {
    padding-top: 10%;
    position: relative;
    height: 68vh;
    background-color: #004158;
    background-image: url(/static/images/banner.svg);
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.banner_icon {
    margin-bottom: 25px;
}

.banner_icon img {
    max-width: 42px;
}

.banner .introbox {
    color: #fff;
    text-align: center;
}

.banner .introbox h1 {
    font-weight: 700;
    margin: 0px;
    font-size: 43px;
    letter-spacing: 0px;
}

.banner .introbox h6 {
    margin: 0px;
    font-size: 19px;
    margin-top: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #ffffff;
}

.findbox {
    background-color: transparent;
    margin: 0px auto;
    width: 100%;
    margin-top: 30px;
    border-radius: 0px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: table;
    border: solid 0px white;
}

.findbox .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 3px;
    position: relative;
}

.findbox .cell:nth-child(1) {}

.findbox .cell:nth-child(2) {
    width: 24%;
}

.findbox .cell:nth-child(3) {
    width: 28%;
}

.findbox .cell:nth-child(4) {}

.findbox .form-control {
    color: #000;
    height: 54px;
    background-image: url(/static/images/input_bed.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 16px 13px;
    font-weight: 400;
    font-size: 15px;
    box-shadow: none;
    border: solid 2px #00bcff;
    background-color: #ffffff;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.findbox .form-control:hover {}

.findbox .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.findbox .h_find {
    padding-left: 45px;
}

.findbox .btn {
    font-weight: 700;
    background-color: #e7b418;
    font-size: 19px;
    width: 100%;
    color: #004158;
    outline: none;
    position: relative;
    transition: all 0.3s ease;
    height: 54px;
    border-radius: 4px;
}

.findbox .btn:hover {
    color: #004158;
    background-color: #ffc71f;
}

.findbox input::placeholder {
    font-size: 16px;
    color: #666;
    transition: all 0.3s ease;
}

.findbox input:focus::placeholder {
    color: #909090;
}

.findbox .timebox {
    cursor: pointer;
    text-align: left;
    padding-left: 44px;
    line-height: 38px;
    background-image: url(/static/images/input_calender.svg);
}

.findbox .timebox span {
    display: inline-block;
    padding: 0px 8px;
}

.findbox .check {
    border-left: 2px;
    border-right: 2px;
}

.findbox .borderset {
    border-left: 0px;
}

.findbox .datefield {
    background-color: #fff;
    border: solid 2px #00bcff;
    border-radius: 4px;
    position: relative;
    background-size: 17px;
    background-image: url(/static/images/icons/calendar.svg);
    background-repeat: no-repeat;
    background-position: 12px 16px;
}

.findbox .datefield:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 17px;
    transform: translateX(-50%);
    background-image: url(/static/images/icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 2px 2px;
}

.findbox .datefield .input-group {
    display: inline-block;
    width: 49%;
}

.findbox .datefield input {
    background-color: #fff;
    height: 50px;
    text-align: center;
    width: 100%;
    background-color: transparent;
    color: #4e4e4e;
    font-size: 15px;
letter-spacing: 0px;
}
.findbox .datefield input::placeholder { 
font-size:15px!important;
}

.findbox .datefield input:focus {
    cursor: pointer;
}

.findbox .datefield .input-group:first-child input {
    padding-left: 15px;
}

.findbox .datefield input::placeholder {
    font-size: 14px;
}

#home .datepicker-dropdown {
    margin-top: 4px;
}

.findbox .datefield .input-group-addon {
    display: none;
}

.findbox .p_count {
    background-image: url(/static/images/input_p_count.svg);
    color: #6d6d6d;
}

.findbox .p_count b {
    font-weight: 700;
    /*font-weight: 100;*/
}

.findbox_vertical {
    background-color: #358fad;
    color: #fff;
    padding: 24px 16px;
    display: table;
    width: 100%;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}

.findbox_vertical .form-control::placeholder {
    color: #666;
    font-weight: 400;
}

.findbox_vertical .head {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

.findbox_vertical label {
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}
cal
.findbox_vertical .form-control {
    color: #666;
    font-weight: 400;
    display: block!important;
}

.findbox_vertical .search-btn {
    background-color: #ffda44;
    border: solid 2px #eac428;
    color: #333;
    font-weight: 500;
    font-size: 18px;
    padding: 4px 19px;
    float: right;
}

.findbox_vertical .search-btn:hover {
    background-color: #ffda44;
    border: solid 2px #bb9600;
}

.findbox_vertical .btn-default:hover {
    color: #666;
    background-color: #fff;
}

.findbox_vertical .btn-default:focus {
    color: #666;
    background-color: #fff;
}

.findbox_vertical .btn-default:active,
.open>.dropdown-toggle.btn-default {
    color: #666;
    background-color: #ffffff;
}

.findbox_vertical .open>.dropdown-toggle.btn-default:hover {
    color: #666;
    background-color: #fff;
}

.findbox_vertical .form-group_double {
    display: inline-block;
    width: 48%;
}

.findbox_vertical .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 13px;
}

.findbox_vertical .form-group_double.gap {
    margin-left: 4%;
}

.findbox_vertical .bootstrap-select.btn-group .dropdown-menu {
    border: solid 1px #358fad;
}

.findbox_vertical .bootstrap-select.btn-group .dropdown-menu ul {
    border: none;
}

.datepicker-dropdown {
    border: solid 1px #cad5d9;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-image: none;
    background-color: #eff4f6;
    color: #3d91c3;
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid #cad5d9!important;
}

.datepicker table tr td,
.datepicker table tr th {
    font-weight: 400;
    color: #000000;
    /*font-weight: 100;*/
    border-radius: 100px;
    width: 38px;
    height: 38px;
}

.findbox_horizontal {
    padding-left: 6%;
    border: solid 1px #e8ede9;
    background-color: #ffffff;
    position: relative;
    padding-top: 7%;
}

.findbox_horizontal label {
    color: #000;
}

section {
    padding: 30px 0px;
}

.findbox_horizontal .form-group_double {
    width: 100%;
}

.findbox_horizontal .form-group_double.gap {
    margin-left: 10px;
}

.findbox_horizontal .form-group {
    margin-right: 10px;
}

.findbox_horizontal .search-btn {
    font-size: 16px;
    float: left;
    margin-top: 74px;
    padding: 4px 12px;
    margin-left: 6px;
    font-weight: 500;
}

.findbox_horizontal .head {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000000;
}

.findbox_horizontal .head-title {
    background-color: #0ab21b;
    padding: 6px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.findbox_horizontal .btn-default {
    border: solid 1px #cccccc!important;
}

.findbox_horizontal .btn-default:focus {
    outline: none!important;
    box-shadow: none!important;
    border-color: #66afe9!important;
}

.add_people_custom {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 24px 24px 8px;
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
    z-index: 999;
    margin-top: 60px;
    color: black;
    text-align: left;
    display: none;
}

.add_people_custom .row {
    padding: 6px 0px;
}

.add_people_custom label {
    text-align: left;
    display: block;
    padding: 0;
    margin: 0;
    height: 40px;
    line-height: 38px;
    font-weight: 500;
    color: #4e4e4e;
    font-size: 15px;
}

.add_people_custom .form-control {
    background-image: none;
    height: 35px;
    border: solid 2px #87b9cb;
    background-color: white;
    font-size: 14px;
    padding: 0px 5px;
}

.add_people_custom p {
    font-weight: 500;
    color: #2f2f2f;
    font-size: 14px;
    margin: 0;
    margin-top: 25px;
}

.qty .count,
.count2,
.count3 {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    /*font-weight: 100;*/
    line-height: 40px;
    padding: 0 2px;
    min-width: 60px;
    text-align: center;
    font-weight: 700;
}

.qty .minus,
.minus2,
.minus3,
.plus,
.plus2,
.plus3 {
    cursor: pointer;
    display: inline-block;
    color: #a9b5b9;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    border: solid 1px #a9b5b9;
    border-radius: 4px;
    line-height: 39px;
    font-weight: 400;
    font-size: 18px;
}

.qty .minus:hover,
.minus2:hover,
.minus3:hover,
.plus:hover,
.plus2:hover,
.plus3:hover {
    border: solid 1px #1a91c3;
    background-color: #fff;
    color: #1a91c3;
}


/*Prevent text selection*/

span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input {
    border: 0;
    width: 2%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:disabled {
    background-color: white;
}


/*findbox2*/

.findbox_basic {
    width: 100%;
    display: table;
    margin-top: 20px;
    background: transparent;
}

.findbox_basic .td {
    display: table-cell;
    vertical-align: middle;
}

.findbox_basic .td .input-group-addon {
    display: none;
}

.findbox_basic .form-control {
    height: 60px;
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    color: #7e7e86;
    background-image: url(/static/images/icons/map2.svg);
    background-repeat: no-repeat;
    background-position: 10px 20px;
    padding-left: 36px;
    background-size: 14px;
    font-weight: 500;
    width: 98%;
}

.findbox_basic .btn-group-vertical>.btn,
.btn-group>.btn {
    float: left;
    height: 36px;
    border-radius: 4px;
    outline: none!important;
    font-size: 15px;
    color: #53535d;
    font-weight: 400;
    border: 0;
}

.findbox_basic .submit {
    width: 100%;
    border: 0px;
    background-color: #f9db5a;
    margin: 0px;
    height: 60px;
    color: #004158;
    font-size: 22px;
    font-weight: 700;
    outline: none;
}

.findbox_basic .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff!important;
    border: 0px!important;
    outline: none!important;
}

.findbox_basic .btn-default:hover {
    color: #333;
    background-color: #ffffff!important;
    border-color: #ffffff!important;
    border: 0px!important;
    outline: none!important;
}

.findbox_basic .form-control.date {
    background-size: 17px;
    background-image: url(/static/images/icons/calendar.svg);
    background-repeat: no-repeat;
    background-position: 10px 19px;
    padding-left: 36px;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    border: 0px;
    box-shadow: none;
    outline: none;
}

.findbox_basic .form-control.date:hover {
    border: 0px;
}

.findbox_basic .form-control.date:focus {
    border: 0px;
}

.findbox_basic .input-group {
    float: left;
    width: 50%;
}

.findbox_basic .input_find {
    width: 30%;
    position: relative;
}

.findbox_basic .calndr {
    width: 25%;
    position: relative;
    background-color: #ffffff;
    border-right: solid 6px #055069;
}

.findbox_basic .slctr {
    background-color: #fff;
    width: 35%;
    position: relative;
}

.findbox_basic .sbmt {
    width: 10%;
}

.findbox_basic .bootstrap-select {
    width: 32%!important;
    outline: none;
    background-color: #fff;
    display: inline-block!important;
    border: 0;
    height: 60px;
}

.findbox_basic .bootstrap-select .btn {
    height: 60px!important;
}

.findbox_basic .dropdown-menu.open {
    border-radius: 0px;
    top: 67px;
}

.findbox_basic .dropdown-toggle:focus {
    background-color: #fff!important;
    border: 0!important;
    outline: none!important;
}

.findbox_basic .sp-icon {
    background-size: 16px;
    background-image: url(/static/images/icons/person-select.svg);
    background-repeat: no-repeat;
    background-position: 10px 22px;
    padding-left: 25px;
}


/*findbox2 end*/

.head_main {
    color: #3c3c3c;
    font-size: 25px;
    padding-bottom: 15px;
    padding-left: 6px;
    font-weight: 700;
}

.type1 {}

.type1 .row {
    margin: 0px;
}

.type1 .padset {
    padding: 5px;
}

.type1 .item {
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    height: 290px;
    background-size: cover;
    border: solid 2px #fff;
    transition: all 0.3s ease;
}

.type1 .item:hover {
    border: solid 2px #e7b418;
    -webkit-filter: brightness(110%);
    /* Safari */
    filter: brightness(110%);
}

.type1 .item .idcard {
    transition: all 0.3s ease;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    color: #fff;
    padding-top: 70px;
    background: rgba(248, 80, 50, 0);
    background: -moz-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 31, 41, 0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(100%, rgba(0, 31, 41, 0.8)));
    background: -webkit-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 31, 41, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 31, 41, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 31, 41, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 0%, rgba(0, 31, 41, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#001f29', GradientType=0);
}

.type1 .item:hover .idcard {
    padding-bottom: 20px;
}

.type1 .item .idcard .name_count {
    float: left;
    font-size: 25px;
    line-height: 26px;
    font-weight: 700;
}

.type1 .item .idcard .name_count span {
    font-size: 15px;
    font-weight: 400;
}

.type1 .item .idcard .price {
    font-size: 14px;
    line-height: 26px;
    float: right;
    text-align: right;
    font-weight: 400;
}

.type1 .item .idcard .price span {
    font-size: 21px;
    font-weight: 500;
}

.sub_box {
border-radius: 0px;
    padding: 40px 0px;
    margin: 0px 8px;
    border: solid 1px #def7e1;
    background-color: #edffef;
}

.sub_box svg {
    width: 107px;
    margin: 0px auto;
    display: table;
}

.sub_box .content {
font-weight: 500;
    font-size: 23px;
    line-height: 26px;
    margin-bottom: 10px;
    color: #00415d;
}

.sub_box .content span {
    font-size: 15px;
    font-weight: 400;
    color: #285862;
}

.sub_box .form-control {
border: solid 2px #b4cab6;
    height: 42px;
    font-weight: 400;
}

.sub_box .btn {
    background-color: #00415d;
    color: #fff;
    font-size: 18px;
    box-shadow: none;
    height: 42px;
    margin-top: 64px;
    padding: 0px 20px;
    border-radius: 3px;
    position: relative;
    left: -23px;
    font-weight: 500;
}

.sub_box .btn:hover {
    background-color: #005b82;
}

.type2 {}

.type2 .box {
    transition: all 0.3s ease;
    text-align: center;
}

.type2 .thumb {}

.type2 .title {
    font-size: 17px;
    margin-top: 15px;
    color: #000000;
    font-weight: 500;
}

.type2 .title span {
    font-size: 14px;
    color: #656565;
    font-weight: 400;
}

.type2 .box:hover {
    -webkit-filter: brightness(110%);
    /* Safari */
    filter: brightness(110%);
}

.type2 .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
}

.type2 .owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}

.inspire {}

.type1.inspire .item {
    height: 380px;
}

.type1.inspire .item .idcard .name_count {
    max-width: 78%;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
}

.type1.inspire .item .idcard {
    padding: 26px 26px;
}

.travel {}

.type2.travel .title {
    text-align: left;
}
.travel .owl-prev {
    bottom: 226px;
}
.travel .owl-next {
    bottom: 226px;
}

.list_type1 {
    background-color: #f7fdff;
}
.list_type1 .tab-content>.tab-pane ul {padding: 0px;}
.list_type1 .tab-content>.tab-pane ul li {
    transition: all 0.1s ease;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 400;
}
.list_type1 .tab-content>.tab-pane ul li span {
font-size: 13px;
    font-weight: 400;
    color: #9d9daf;
}
.list_type1 .tab-content>.tab-pane ul li a {}
.list_type1 .tab-content>.tab-pane ul li:hover {
color: #e7b418;
}

.list_type1 .tab-content>.tab-pane {
padding: 40px 0px;
}
.list_type1 .nav-tabs>li>a {
font-weight: 400;
    font-size: 16px;
    border: 0;
    background: transparent;
    padding: 10px 0px;
    margin-right: 30px;
}
.list_type1 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #000!important;
    font-weight: 400!important;
}
.list_type1 .nav-tabs {
    padding-bottom: 1px;
    border-bottom: 1px solid #dee8ea;
} 
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border:0px;
}

.type3 {
background-color: #ffffff;
    text-align: center;
    color: #004158;
padding: 70px 0px;
}

.type3 .box {
    padding: 0px 26px;
    margin-top: 40px;
}

.type3 h4 {
    font-size: 27px;
    font-weight: 500;
}

.type3 h4 span {}

.type3 .icon {}

.type3 .icon img {
    max-width: 50px;
}

.type3 .title {
    font-weight: 500;
    font-size: 19px;
    margin: 20px 0px;
    color: #164158;
}

.type3 p {
    font-size: 15px;
    color: #486f80;
    font-weight: 400;
}

.subscribe {
    background-color: #00415d;
}

.subscribe .sub_box {
    border-radius: 0px;
    box-shadow: none;
    text-align: center;
    padding: 10px 0px;
    background: transparent;
    border: 0;

}
.subscribe .sub_box .content span {
        color: #ffffff9c;
}
.subscribe .sub_box .content {
    color: #ffffff;
    margin-bottom: 20px;
}

.subscribe .sub_box .btn {
    background-color: #ffc71e;
    color: #00415d;
    margin: 0px;
    float: right;
    margin-left: 30px;
    height: 50px;
}

.subscribe .sub_box .input_cover {
    position: relative;
    display: table;
    margin: 0px auto;
}

.subscribe .sub_box .form-control {
    height: 50px;
    border: none;
    font-size: 15px;
    width: 400px;
    float: left;
}

.owl-nav {
    position: relative;
}

.owl-prev {
    box-shadow: 0 0px 20px 2px rgba(0, 0, 0, .1);
    color: #00415d!important;
    font-weight: 700;
    position: absolute;
    left: -16px;
bottom: 115px;
    background-color: #fff!important;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100px!important;
    font-size: 0px!important;
}

.owl-prev:hover {
    box-shadow: 0 0px 20px 2px rgba(0, 0, 0, 0.15);
}

.owl-prev:after {
    content: '\f053 ';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #657479;
    line-height: 33px;
}

.owl-prev:hover:after {
    color: #000;
}

.owl-next {
    box-shadow: 0 0px 20px 2px rgba(0, 0, 0, .1);
    color: #00415d!important;
    font-weight: 700;
    position: absolute;
    right: -19px;
    bottom: 115px;
    background-color: #fff!important;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100px!important;
    font-size: 0px!important;
}

.owl-next:hover {
    box-shadow: 0 0px 20px 2px rgba(0, 0, 0, 0.15);
}

.owl-next:after {
    content: '\f054 ';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #657479;
    line-height: 33px;
}

.owl-next:hover:after {
    color: #000;
}

#leftbox {
    padding: 0px;
    padding-top: 20px;
}

.left-flter {}

.left-flter .head {
    line-height: 49px;
    border-bottom: solid 1px #e9e9e9;
    font-weight: 700;
    font-size: 18px;
    position: relative;
}

.left-flter .head:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 4px;
    background-color: #ffda44;
    bottom: -2px;
    left: 0;
}

.filterbox {
    margin-top: 16px;
    margin-bottom: 24px;
}

.filterbox .name {
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 15px;
    color: #5d5d5d;
}


/*coustom checkbox*/

.checkrow {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 100;
    line-height: 23px;
}


/* Hide the browser's default checkbox */

.checkrow input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: solid 1px #a0a8ac;
    border-radius: 50px;
}


/* On mouse-over, add a grey background color */

.checkrow:hover input~.checkmark {
    background-color: #ffffff;
    border-color: #b5bfc3;
}


/* When the checkbox is checked, add a blue background */

.checkrow input:checked~.checkmark {
    background-color: #358fad;
    border-color: #116c8c;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.checkrow input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.checkrow .checkmark:after {
    left: 6px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*coustom checkbox end*/

.search_result {
    padding-top: 0px;
    padding-bottom: 0px;
}

.search_result .header {}

.search_result .header .h1 {
    font-weight: 700;
    font-size: 24px;
}

.search_result .header .h1 span {
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
    background-color: #fff5ca;
    padding: 2px 4px;
    border-radius: 5px;
}

.search_result .header .h6 {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.search_result .header .h6 span {
    font-weight: 700;
}

.search_result .header .h6 a {
    font-weight: 700;
    color: #0ab21b;
    display: inline-block;
    margin-left: 8px;
    text-decoration: underline;
}

.search_result .header .h6 a:hover {
    text-decoration: none;
}

.search_result .header .h6 span img {
    width: 14px;
    margin-right: 5px;
    position: relative;
    top: -3px;
}

.search_result .section_listbox {}

.search_result .section_listbox .list-item {
    border-radius: 2px;
    display: table;
    width: 100%;
    border: solid 1px #eeeeee;
    padding: 18px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    margin-bottom: 18px;
    transition: all 0.3s ease;
}

.search_result .section_listbox .list-item:hover {
    background-color: #f3fafd;
    border: solid 1px #c3e3ef;
}

.search_result .section_listbox .list-item .cell {
    display: table-cell;
    vertical-align: top;
}

.search_result .section_listbox .list-item .cell:nth-child(1) {
    width: 26%;
}

.search_result .section_listbox .list-item .cell:nth-child(2) {
    width: 50%;
    padding-right: 30px;
}

.search_result .section_listbox .list-item .cell:nth-child(3) {
    width: 10%;
}

.item-thumb {
    max-width: 200px;
}

.item-name {
    font-weight: 700;
    font-size: 20px;
    color: #004158;
}

.siderating {}

.siderating img {
    width: 11px;
}

.item-identity {
    color: #909698;
    font-weight: 400;
    margin-top: 5px;
    font-size: 13px;
}

.item-identity a {
    font-weight: 500;
    color: #358fad;
    margin-right: 15px;
    font-size: 13px;
}

.item-identity a:hover {
    text-decoration: underline!important;
}

.short-p {
    font-weight: 400;
    color: #000000;
    margin-top: 10px;
    font-size: 14px;
    line-height: 23px;
}

.basic-features {
    display: table;
}

.basic-features .feature {
    display: table-cell;
    color: #0ab21b;
    font-weight: 700;
    font-size: 13px;
    padding-right: 5px;
    vertical-align: middle;
    padding-left: 0;
    width: 30%;
}

.basic-features .feature span {
    display: inline-block;
    margin-right: 5px;
    padding: 0;
    position: relative;
    top: -3px;
}

.basic-features .feature span img {
    width: 18px;
}

.basic_rating {
    display: table;
    float: right;
}

.basic_rating .info {
    display: table-cell;
    font-weight: 700;
    font-size: 15px;
    color: #494949;
    padding-right: 10px;
}

.basic_rating .info span {
    font-size: 13px;
    color: #909698;
    font-weight: 500;
}

.basic_rating .count {
    display: table-cell;
    font-weight: 700;
    background-color: #ffda44;
    width: 44px;
    text-align: center;
    vertical-align: middle;
    font-size: 19px;
    border: solid 1px #eac428;
    border-radius: 0px;
}

.short-details {
    display: table;
    text-align: right;
    float: right;
    margin: 20px 0px;
}

.short-details .info {
    font-weight: 400;
    color: #575757;
    font-size: 13px;
}

.short-details .price {
    font-weight: 700;
    font-size: 22px;
}

.btn_common {
    border: solid 2px #159622;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background-color: #0ab21b;
    float: right;
    border-radius: 2px;
}

.btn_common:hover {
    background-color: #1dce2f;
    color: #ffffff;
}

.btn_common:focus {
    color: #ffffff;
}


/*menu types*/

.menu_type1 {
    background-color: #f3fafd;
    width: 100%;
    display: table;
    margin: 20px 0px;
    border: solid 1px #e3eff3;
}

.menu_type1 ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.menu_type1 ul li {}

.menu_type1 ul li a {
    background-color: #f3fafd;
    float: left;
    font-weight: 500;
    padding: 8px 20px;
    font-size: 15px;
    border-bottom: solid 4px #f3fafd;
    color: #358fad;
}

.menu_type1 ul li a:hover {
    color: #004158;
}

.menu_type1 ul li a.active {
    background-color: #f3fafd;
    border-bottom: solid 4px #ffda44;
}

.menu_type2 {
    border: solid 1px #aec2c8;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
}

.menu_type2 ul li a {
    padding: 8px 0px;
    border-bottom: 0px;
    width: 25%;
    text-align: center;
    border-right: solid 1px #cce1e2;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
}

.menu_type2 ul li:last-child a {
    border: 0px;
}

.menu_type2 ul li a.active {
    background-color: #f3fafd;
    border-bottom: 0px;
}


/*menu types end*/


/*result gallery*/

.result_gallery {
    background-color: #e7f3f7;
}

.hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: 20px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
}

.result_gallery ul {
    margin-top: 3px;
}

.result_gallery ul li {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.result_gallery ul li a {
    border-radius: 0px;
    cursor: pointer;
}

.result_gallery ul li a:hover {
    border: solid 1px #358fad;
}

.result_gallery #slider-thumbs {
    background-color: #fff;
}

.result_gallery .carousel-inner>.item {
    height: 460px;
}

.result_gallery .carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    max-height: 460px;
    width: auto;
    display: table;
    margin: 0px auto;
}

.result_gallery .carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.result_gallery .carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    text-shadow: none;
    background-color: #358fad;
    font-size: 14px;
    line-height: 29px;
    left: 14%;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
}

.result_gallery .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    text-shadow: none;
    background-color: #358fad;
    font-size: 14px;
    line-height: 29px;
    right: 14%;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
}


/*result gallery end*/

.result-shortinfo {
    margin-top: 24px;
}

.result-shortinfo .title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0px;
}

.result-shortinfo .title .icon img {
    width: 25px;
    left: -5px;
    position: relative;
    top: 0px;
}

.result-shortinfo p {
    text-shadow: none;
    opacity: 1;
    color: #4d4d4d;
    font-weight: 400;
    font-size: 14px;
    border-left: solid 1px #d5d5d5;
    padding-left: 15px;
    letter-spacing: 0px;
}

.feature {
    margin-top: 20px;
    padding: 10px 20px;
    border-radius: 2px;
    display: table;
    width: 100%;
}

.feature .title {
    font-size: 19px;
    color: #0ab21b;
    font-weight: 500;
    /*font-weight: 100;*/
    margin: 0px;
    margin-bottom: 8px;
    width: 100%;
    display: table;
}

.feature .title .icon {
    display: inline-block;
    width: 26px;
    margin-right: 7px;
    position: relative;
    top: -2px;
}

.feature .li {
    margin-right: 30px;
    color: #000000;
    padding: 7px 0px;
    font-weight: 400;
    font-size: 15px;
    margin-top: 5px;
    float: left;
}

.feature .li .icon {
    display: inline-block;
    width: 18px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.feature p {
    font-size: 14px;
    padding-left: 0px;
    border: 0;
    padding-left: 34px;
}

.feature.type1 {
    border: solid 1px #e4e4e4;
}

.feature.type2 {
    background-color: #fcffd5;
    border: solid 1px #d9dda3;
}

.feature.type2 .title {
    color: #ad6a34;
    font-size: 17px;
    font-weight: 500;
}

.feature.type4 {
    background-color: #edffef;
    padding-bottom: 15px;
    border: 0;
}

.feature.type4 .li {
    color: #004158;
    font-weight: 500;
    font-size: 15px;
}

.feature.type4 .title {}

.availability_inside {
    margin-top: 20px;
}

.avl_infobox {
    margin-top: 20px;
}

.avl_infobox table {
    width: 100%;
}

.avl_infobox table thead {
    background-color: #0ab21b;
    color: #fff;
    font-weight: 100;
}

.avl_infobox table thead th {
    /*font-weight: 100;*/
    font-weight: 500;
    font-size: 15px;
    vertical-align: middle;
    line-height: 18px;
}

.avl_infobox .btn {
    font-weight: 500;
    background-color: #0ab21b;
    color: #fff;
    border: solid 1px #099b18;
    line-height: 16px;
    font-size: 14px;
    margin: 0px auto;
    display: table;
    padding-top: 8px;
    border-radius: 2px;
}

.avl_infobox .btn:hover {
    background-color: #1bd12d;
}

.avl_infobox .roomtype_head {
    font-weight: 700;
    font-size: 14px;
    color: #0ab21b;
    margin-bottom: 5px;
}

.avl_infobox .roomtype_feature {
    color: #636363;
    font-size: 14px;
    font-weight: 500;
}

.avl_infobox .roomtype_feature .icon {
    display: inline-block;
    width: 31px;
}

.avl_infobox .fecilities {
    margin-top: 10px;
}

.avl_infobox .fecilities span {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    margin-right: 10px;
    padding-left: 10px;
}

.avl_infobox .fecilities span:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #eac428;
    border-radius: 100px;
    left: 0;
    top: 7px;
}

.avl_infobox .p_price {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}

.avl_infobox .p_price .cap1 {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.avl_infobox .p_price .cap2 {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

.avl_infobox .choice {
    font-weight: 500;
    color: #0ab21b;
    font-size: 12px;
    position: relative;
    padding-left: 25px;
}

.avl_infobox .choice:before {
    content: url(/static/images/icons/check.svg);
    position: absolute;
    left: 0;
    top: 0;
}

.avl_infobox .choice:before svg {
    width: 10px;
}

.avl_infobox .alert1 {
    display: inline-block;
    color: #ea0000;
    font-size: 12px;
    font-weight: 400;
}

.avl_infobox td {
    padding: 12px 10px!important;
    border: 1px solid #e0e0e0;
    border-bottom: solid 1px #dde7eb!important;
    position: relative;
}

.avl_infobox tbody tr {
    transition: all 0.2s ease;
}

.avl_infobox tbody tr:hover {
    background-color: #fffced;
}

.avl_infobox .occupancy {
    display: inline-block;
}

.avl_infobox .occupancy i {
    display: inline-block;
    width: 9px;
}

.avl_infobox .occupancy .multi {
    display: inline-block;
    width: 9px;
    margin: 0px 4px;
}

.avl_infobox .occupancy .count {
    font-size: 13px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.avl_infobox .v_control {
    width: 68%;
}

.avl_infobox tr {}

.avl_infobox_detailed {}

.avl_infobox_detailed .v_control {
    width: auto;
}

.avl_infobox_detailed th:nth-child(1) {
    width: 35%;
}

.avl_infobox_detailed th:nth-child(2) {
    width: 9%;
}

.avl_infobox_detailed th:nth-child(3) {
    width: 10%;
}

.avl_infobox_detailed th:nth-child(4) {
    width: 20%;
}

.avl_infobox_detailed th:nth-child(5) {
    width: 4%;
}

.avl_infobox_detailed th:nth-child(6) {
    width: 21%;
}

.avl_infobox_detailed .selector .btn {
    background-color: #fff;
    border: solid 2px #358fad;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    width: 56px;
}

.avl_infobox_detailed .result_display {
    background-color: #e7f3f7;
    border: solid 2px #c6e8f4;
}

.alert_red {
    color: #eb0000;
    font-weight: 500;
    margin: 15px 0px;
    font-size: 13px;
}

.avl_infobox_detailed .result_display .p_price {
    text-align: left;
    font-size: 24px;
    color: #004158;
    font-weight: 700;
}

.avl_infobox_detailed .result_display .btn {
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    padding: 8px 0px;
}

.feature_type5 {}

.feature_type5 ul {
    padding: 0;
}

.feature_type5 ul li {
    background-color: #fcffd5;
    display: block;
    margin-bottom: 5px;
    padding: 6px 8px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    text-align: center;
    color: #000;
}

.feature_type6 {
    padding: 6px 4px;
    background-color: #ffffff;
    color: #0ab21b;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.feature_type6 span {
    font-weight: 400;
}


/*Guest  reviews default*/

.guest_reviews_overall {
    margin: 20px 0px;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 5px;
}

.guest_reviews_overall a {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    padding-left: 45px;
    display: table;
}

.guest_reviews_overall a .rating {
    background-color: #ffda44;
    position: absolute;
    width: 36px;
    height: 35px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 35px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.guest_reviews_overall a span {
    font-size: 14px;
    color: #8f8f8f;
    font-weight: 400;
}

.guest_reviews_default {
    display: table;
    width: 100%;
    padding: 3% 0;
}

.guest_reviews_default header {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.guest_reviews_default .li {
    border: solid 1px #e4e4e4;
    padding: 18px 14px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.guest_reviews_default .li .foot {
    width: 100%;
    display: table;
    position: relative;
    padding-left: 40px;
    padding-top: 5px;
}

.guest_reviews_default .li .foot .id_name {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    left: 0;
}

.guest_reviews_default .li .foot .rating {
    height: 32px;
    width: 32px;
    background-color: #ffda44;
    text-align: center;
    line-height: 32px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    float: right;
}

.guest_reviews_default .li .foot .name {
    float: left;
    /*font-weight: 100;*/
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}

.guest_reviews_default .li .foot .name span {
    font-weight: 400;
    font-size: 13px;
}

.guest_reviews_default .li .foot .name span i {
    display: inline-block;
    width: 15px;
    margin-left: 3px;
}

.guest_reviews_default .viewall {
    display: table;
    width: 100%;
    text-align: right;
    height: 30px;
}

.guest_reviews_default .viewall a {
    text-align: center;
    font-size: 16px;
    color: #358fad;
    display: table;
    float: right;
    font-weight: 400;
    border: solid 1px #8ec1d2;
    padding: 4px 15px;
    border-radius: 3px;
    width: 100%;
    max-width: 300px;
}

.guest_reviews_default .viewall a:hover {
    border: solid 1px #358fad;
}


/*Guest  reviews default end*/


/* house rules */

.hr_policy {
    padding: 20px 30px;
    margin-top: 20px;
    background-color: #ffffff;
    border: solid 1px #e6eef1;
}

.hr_policy header {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 15px;
}

.hr_policy .policy-row {
    font-size: 27px;
    border-bottom: solid 1px #dde7eb;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    display: table;
}

.hr_policy .policy-row:last-child {
    border: 0;
}

.hr_policy .policy-row .name {
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    font-weight: 500;
}

.hr_policy .policy-row .name .icon {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
}

.hr_policy .policy-row .data_echo {
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}

.hr_policy .policy-row .data_echo b {
    font-weight: 700;
}

.hr_policy .policy-row .data_echo .icon {
    display: inline-block;
    margin-right: 10px;
    width: 29px;
}

.hr_policy .policy-row .data_echo p {
    font-size: 14px;
    margin: 0;
    padding: 7px 0px;
}


/* house rules end */


/*facilities_detailed start*/

.facilities_detailed {
    background-color: #f3fafd;
    border: 0;
}

.facilities_detailed header {}

.facilities_detailed header .sub {
    font-size: 16px;
    color: #358fad;
    margin-top: 10px;
}

.facilities_detailed .type1 {
    background-color: #e7f3f7;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
}

.facilities_detailed .type1 .li {
    font-size: 16px;
    font-weight: 400;
    border: solid 1px #e3f2f8;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
}

.facilities_detailed .panel {
    margin-top: 25px;
    background: transparent;
    box-shadow: none;
}

.facilities_detailed .panel .item {
    padding: 10px 0px;
}

.facilities_detailed .panel .item:last-child {
    border-bottom: 0;
}

.facilities_detailed .panel .item .head {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
}

.facilities_detailed .panel .item .head .icon {
    color: #0ab21b;
    padding-right: 5px;
    font-size: 20px;
}

.facilities_detailed .panel .item ul {
    margin: 0;
    padding: 0;
}

.facilities_detailed .panel .item ul li {
    display: inline-block;
    margin-left: 21px;
    position: relative;
    padding-left: 14px;
    padding-bottom: 5px;
    margin-top: 5px;
}

.facilities_detailed .panel .item ul li:before {
    content: '';
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 4px;
    color: black;
    width: 6px;
    height: 10px;
    border-right: solid 2px #0ab21b;
    border-bottom: solid 2px #0ab21b;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.facilities_detailed .panel .item ul li.nope {}

.facilities_detailed .panel .item ul li.nope:before {
    content: '';
    transform: none;
    width: 10px;
    height: 6px;
    border: 0;
    top: 8px;
    background-color: #f13535;
    border-bottom: solid 2px white;
}


/*facilities_detailed end*/


/* form styles */

.reg_log {
    background-color: #fff;
    margin: 0px auto;
    max-width: 100%;
    width: 100%;
}

.reg_log .cell {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
}

.reg_log .cell:nth-child(2) {
    background-color: #f1fbff;
}

.reg_log .cell .offer {}

.reg_log .cell .offer img {
    max-width: 50%;
    margin-bottom: 20px;
}

.reg_log .cell .offer p {
    font-size: 16px;
    font-weight: 400;
    padding: 0px 40px;
}

.reg_log .cell .offer p span {
    font-weight: 700;
    color: red;
}

.reg_log .support_login a {
    display: table;
    margin: 0px auto;
    border: solid 2px #2196f3;
    color: #2196f3;
    padding: 4px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    padding-right: 10px;
}

.reg_log .support_login a .icon {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
}

.reg_log .support_login a:hover {}

.reg_log .or {
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #00415d;
    margin-top: 5px;
    margin-bottom: 5px;
}

.reg_log ul {
    display: table;
    margin: 0px auto;
    position: relative;
}

.reg_log ul li a {
    font-weight: 400;
    font-size: 15px;
    border-radius: 0;
    padding: 5px 0px;
    color: #98abb1;
    background: #fff;
    border-bottom: solid 1px #e2e8ea;
    background-color: #fff;
    margin: 0px 18px;
}

.reg_log ul li a .icon {
    position: relative;
    bottom: -3px;
    margin-right: 5px;
}

.reg_log ul li a .icon svg {
    width: 16px;
    fill: #98abb1;
}

.reg_log ul li.active a {
    background: #ffffff;
    color: #358fad;
    border-color: #358fad;
}

.reg_log ul li.active a svg {
    fill: #358fad;
}

.reg_log .nav>li>a:hover {
    background-color: #fff!important;
    color: #000;
}

.reg_log .nav>li>a:focus {
    background-color: #fff!important;
    color: #358fad!important;
}

.reg_log .tab-content {
    max-width: 86%;
    margin: 5% auto;
    padding-bottom: 10px;
}

.reg_log .form-group {
    margin-bottom: 25px;
}

.reg_log .form-control {
    font-weight: 400;
    height: 44px;
    font-size: 15px;
    border-color: #b9d0d6;
    box-shadow: none;
}

.reg_log .form-control:focus {
    border-color: #75a8f9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.reg_log .btn1 {
    background-color: #358fad;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding: 8px 0px;
    width: 100%;
}

.reg_log .btn1:hover {
    background-color: #4eafcf;
}

.reg_log button span {
    display: inline-block;
    width: 17px;
    position: relative;
    left: 2px;
    transition: all 0.3s ease;
}

.reg_log .btn1:hover span {
    left: 10px;
}

.reg_log .agreement {
    color: #747474;
    padding-top: 5px;
    font-size: 13px;
}

.reg_log::placeholder {
    color: #333;
}

.reg_log .revert {
    border-top: solid 1px #e9e9e9;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #358fad;
    padding-top: 20px;
    margin-top: 40px;
    display: none;
}

.reg_log .revert .btn2 {
    color: #358fad;
    border: solid 2px #358fad;
    font-weight: 500;
    font-size: 16px;
    margin-left: 15px;
}

.reg_log .revert .btn2:hover {
    background-color: #f3fafd;
}

.reg_log label {
    text-align: left;
    font-weight: 400;
    color: #358fad;
    font-size: 14px;
    display: table;
    width: 100%;
    line-height: 17px;
}

.reg_log .mob-logign {
    margin: 0px auto;
    margin-bottom: 15px;
}

.reg_log .country-list {
    display: block;
    border: 1px solid #ebebeb!important;
}

.reg_log .intl-tel-input .selected-flag {
    border-right: solid 1px #ccc!important;
}

.reg_log .country-name {
    font-weight: 500;
}

.reg_log .custombox {
    margin: 0px auto;
    padding: 25px 0px;
}

.reg_log .label_down {
    font-size: 13px;
    text-align: right;
    float: right;
    display: table;
    font-weight: 400;
    color: #358fad;
    padding: 5px 0px;
    margin-bottom: 15px;
}

.reg_log .label_down:hover {
    text-decoration: underline!important;
}

.reg_log_warp {
    border: 0px;
    box-shadow: none;
}

.reg_log_warp .modal-header {
    border: 0;
    background-color: #00415d;
    color: white;
    font-weight: 700;
}

.reg_log_warp .modal-body {
    padding: 0px;
}

.reg_log_warp .close {
    color: #fff;
}

.modal-dialog_custom1 {
    width: 60%;
    box-shadow: 0 24px 36px -11px rgba(0, 0, 0, .1);
}


/* form styles end */


/*admin join*/

.admin-banner {
    background-color: #004158;
    height: 90vh;
    display: table;
    width: 100%;
    margin-bottom: -50px;
}


.admin-banner .cell {
    display: table-cell;
    vertical-align: middle;
}

.form-type1 {
    display: table;
    margin: 0px auto;
    color: #fff;
    width: 34%;
    min-height: 370px;
}

.form-type1 .nav>li>a {
    font-size: 21px;
    font-weight: 400;
    text-align: left;
    padding: 12px 0px;
    border: 0;
    color: #ffffff8a;
}

.form-type1 .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
background-color: transparent;
    border: 0;
    font-weight: 700;
    color: #fff;
}

.form-type1 .nav-tabs>li>a:hover {
    background-color: transparent;
    border: 0;
}

.form-type1 .divider {
    background-color: #ffffff63;
    width: 2px;
    height: 20px;
    margin: 0px 6px;
    position: relative;
    top: 5px;
}

.form-type1 .btn {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    background-color: #ffc71e;
    color: #00415d;
    height: 44px;
}

.form-type1 button span {
    display: inline-block;
    max-width: 17px;
    position: relative;
    left: 3px;
    transition: all 0.3s ease;
}

.form-type1 .btn:hover {
    background-color: #ffe739;
}

.form-type1 .btn:hover span {
    left: 10px;
}

.form-type1 .tab-content {
    padding-top: 30px;
}

.form-type1 .form-control {
    height: 44px;
    margin-top: 6px;

}

.form-type1 .form-control::placeholder {
    font-size: 14px;
}

.form-type1 .form-group {
    margin-bottom: 20px;
}

.form-type1 .nav-tabs {
    border: 0;
}

.form-type1 .nav-tabs>li {
    display: inline-block;
    float: none;
}

.form-type1 label {
    color: #ffffffa8;
    width: 100%;
}
.form-type1 label span {
color: #ff7b7b;
    font-size: 13px;
    font-weight: 500;
}
.form-type1 .create-new-btn {
    position: relative;
    top: 5px;
}

.form-type1 .fp {
    margin-top: 0px;
    display: table;
    float: right;
    color: #ffffffb0;
    font-size: 14px;
}

.form-type1 .fp a {
font-weight: 700;
    color: #ffffffc7;
    padding-left: 10px;
    padding-right: 10px;
}
.form-type1 .fp a:last-child {
    padding-right: 0px;
}

.form-type1 .fp a:hover {
    color: #fff;
    text-decoration: underline!important;
}

.admin-welcome-banner {
	background: #004158;
    /* padding: 5% 0%;
    height: 90vh; */
	padding-top: 50px;
	height: calc(100vh - 71px);
    margin-bottom: -50px;
}

.admin-welcome-banner h1 {
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    line-height: 56px;
    padding: 16px 0px;
}

.admin-welcome-banner h1 span {
    color: #f9db5a;
}

.admin-welcome-banner h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
}

.admin-welcome-banner h2 span {
    font-weight: 700;
}

.admin-welcome-banner h2 i {
    display: inline-block;
    text-align: center;
    line-height: 18px;
    border-radius: 100px;
    position: relative;
    margin-right: 8px;
}

.admin-welcome-banner h2 i img {}

.admin-welcome-banner h3 {
    color: #8fa5ad;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.admin-welcome-banner ul {
    padding: 0;
    margin: 0;
    float: right;
    text-align: center;
    display: table;
    margin-top: 74px;
}

.admin-welcome-banner ul li {
    display: table-cell;
    width: 242px;
    vertical-align: middle;
}

.admin-welcome-banner ul li a {
    display: block;
    background-color: #f3fafd;
    font-size: 19px;
    border-radius: 2px;
    font-weight: 700;
    margin: 3px;
    padding: 50px 0px;
    box-shadow: 0 24px 36px -11px rgba(0, 0, 0, .1);
    transition: all 0.3s ease;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.admin-welcome-banner ul li .sub {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #809298;
    padding: 10px 14px;
}

.admin-welcome-banner ul li a:hover {
    background-color: #fff;
    -webkit-filter: brightness(110%);
    /* Safari */
    filter: brightness(110%);
}

.admin-welcome-banner ul li a .go {
    width: 30px;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.2s ease;
}

.admin-welcome-banner ul li a:hover .go {
    bottom: 23px;
}

.admin-welcome-banner ul li a .icon {
    margin-bottom: 20px;
}

.admin-welcome-banner ul li a .icon svg {
    width: 34px;
    fill: #004158;
}

.admin-welcome-banner ul li:nth-child(2) a {
    background-color: #549bad;
    color: #fff;
}

.admin-welcome-banner ul li:nth-child(2) a svg {
    fill: #fff;
}

.admin-welcome-banner ul li:nth-child(2) a .sub {
    color: #fff;
}


/*admin join end*/


/*property listing start*/

.p-listing {
    background: #004158;
   /*  height: auto;
    padding-top: 3%;
     overflow: hidden;
    min-height:100vh; 
    height:calc(100vh - 71px);*/
    margin-bottom: -50px;
    /* padding-bottom: 50px; */

}

.p-listing h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    display: table;
    border-bottom: solid 1px #ffffffb3;
    padding-bottom: 2px;
    margin-left: 3px;
}

.p-listing .li {
    margin-top: 30px;
    background-color: #e5f8ff;
    padding: 0px;
    border-radius: 4px;
    border: solid 2px #004158;
    transition: all 0.3s ease;
    min-height: 428px;
    display: table;
    width: 100%;
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.p-listing .li:hover {
    border: solid 2px #f9db5a;
}
.fieldcover {
padding: 30px 30px;
    padding-top: 5px;
    display: table;
    width: 100%;
}
.p-listing .li .radio-cover {
    text-align: left;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #5c7077;
}


/* Hide the browser's default radio button */

.p-listing .li .radio-cover input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
}


/* Create a custom radio button */

.p-listing .li .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.p-listing .li .radio-cover:hover input~.checkmark {
    background-color: #fff;
}


/* When the radio button is checked, add a blue background */

.p-listing .li .radio-cover input:checked~.checkmark {
    background-color: #358fad;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.p-listing .li .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.p-listing .li .radio-cover input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.p-listing .li .radio-cover .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.p-listing .li .tabindex {
    color: #004158;
    font-size: 18px;
    font-weight: 500;
    border-bottom: dotted 1px #9ebbc5;
    padding-bottom: 14px;
    position: relative;
    padding-left: 34px;
    padding-top: 14px;
}



.p-listing .li .fc-diff {
    border: solid 1px #358faa;
    height: 40px;
    font-size: 18px;
    font-weight: 400;
    color: #6a919e;
}

.p-listing .li .fc-diff:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.p-listing .li .fc-diff2 {
    height: 34px;
    border-color: #becdd4;
    font-size: 16px;
    color: #767676;
}

.p-listing .li .fc-diff2:focus {
    border: solid 1px #358faa;
}

.p-listing .li .sublabel {
font-weight: 400;
    color: #004158;
    font-size: 15px;
    text-align: left;
    display: block;
    padding-bottom: 2px;
    margin-top: 15px;
}

.p-listing .btnbox {
    text-align: right;
    margin-top: 10px;
}



.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.listing-upload {

}

.listing-upload .txtfld {
width: 100%;
    height: 50px;
    box-shadow: none;
    border: 0;
    padding-left: 65px;
    background-color: #fff;
    background-image: url(/static/images/icons/picture.svg);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 12px 9px;
    font-weight: 500;
}

.listing-upload .butn {
position: absolute;
    right: 0;
    height: 50px;
    background-color: #648896;
    border: 0;
    padding: 0px 27px;
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 4px;
    cursor: pointer;
    line-height: 0px;
    text-indent: -11px;
}

.listing-upload .custom-file-input {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 0px;
    border: dashed 1px #00bcff;
    margin-bottom: 25px;
    left: 0%;
  
}

.listing-upload .custom-file-input input[type="file"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
    /* Fix for IE7 */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.listing_display {
    padding-bottom: 50px;
}

.remove-btm-padding {
    padding-bottom: 0px;
}

.btn-full-width {
    width: 100% !important;
}

.listing_display h1 {
    font-weight: 700;
    font-size: 24px;
    padding: 15px 0px;
}

.listing_display h1 span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding-top: 8px;
    line-height: 18px;
}

.listing_display .listmenu {
    width: 100%;
    display: table;
    background-color: #fff;
    padding: 0;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
}

.listing_display .listmenu li {
   /* display: table-cell;  */
    width: 14.2857142857%;
    /* text-align: center; */
}

.listing_display .listmenu li a {
    font-size: 14px;
    font-weight: 500;
    transition: all 0s ease;
    line-height: 50px;
    display: block;
    color: #004158;
    border-right: solid 1px #e8e8e8;
    text-transform: capitalize;
}

.listing_display .listmenu li:last-child a {
    border: 0;
}

.listing_display .listmenu li a:hover {
    background-color: #ffffff;
    color: #1a91c3;
}

.listing_display .listmenu li a:hover .icon {
    color: #1a91c3!important;
}

.listing_display .listmenu .active a {
    background-color: #88a4af;
    color: #fff;
    position: relative;
}

.listing_display .listmenu .active a:hover {
    background-color: #88a4af;
}

.listing_display .listmenu .active a:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #88a4af;
    bottom: -10px;
    left:calc(50% - 8px) ;
    -ms-transform: rotate(136deg);
    -webkit-transform: rotate(136deg);
    transform: rotate(136deg);
}


.listing_display .listrow {
    font-size: 20px;
    font-weight: 300;
    border: solid 1px #fff;
    padding: 30px 30px;
    border-radius: 2px;
    margin-bottom: 15px;
    background-color: #fff;
    transition: all 0.3s ease;
}

.listing_display .listrow:hover {
    border: solid 1px #88a4af;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
}

.listing_display .listrow p {
    font-size: 13px;
    color: #000000;
    font-weight: 500;
}

.listing_display .listrow p.pad {
    padding-left: 33px;
}

.listing_display .listrow .head {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #000000;
}

.listing_display .listrow .head .sub {
    font-size: 14px;
    font-weight: 400;
}

.listing_display .listrow .table {
    margin-left: 36px;
}

.listing_display .listrow .form-control {
    border: solid 1px #becdd4;
    height: 34px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.listing_display .listrow .form-control:focus {
    border: solid 1px #0071c2;
   box-shadow: 0 0 0 3px rgba(0,113,194,.3);
}

.listing_display .listrow .h6 {
    font-size: 13px;
    font-weight: 500;
    color: #8a8a8a;
}

.listing_display .listrow label {
    font-size: 13px;
    font-weight: 400;
    padding-right: 10px;
    margin-bottom: 10px;
}

.listing_display .btn {
height: 46px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background-color: #358fad;
    letter-spacing: 0px;
    position: relative;
line-height: 35px;
    border-radius: 2px;
    width: 49%;
    margin-right: 1%;
    /*font-weight: 400;*/
}
.listing_display .savebutton {
width: 100%;
}
.listing_display .sw-btn-prev {}
.listing_display .sw-btn-prev:before {
    content: '\f177';
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 20%;
    top: 3px;
    line-height: 43px;
    font-size: 14px;
    transition: all 0.3s ease;
}
.listing_display .sw-btn-prev:hover:before {
    left: 10%;
}
.listing_display .sw-btn-next {}
.listing_display .sw-btn-next:after {
    content: '\f178';
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 25%;
    top: 3px;
    line-height: 43px;
    font-size: 14px;
    transition: all 0.3s ease;
}
.listing_display .sw-btn-next:hover:after {
    right: 15%;
}
.listing_display .btn:hover {
    background-color: #2c86a5;
}

.listing_display .btn.bck {
    background-color: #d5dbde;
    color: #000;
    width: 99%;
}

.listing_display .fslty-check {
    margin-top: 20px;
}

.listing_display .listrow .panel-heading {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0px;
}

.listing_display .listrow .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0px;
}

.listing_display .listrow .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0;
    padding: 20px 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

.listing_display .listrow .panel-heading a {
    display: block;
    background-color: #ffffff;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 500;
    border-top: solid 1px #becdd4;
    color: #1a91c3;
}

.listing_display .listrow .panel-heading .accordion-toggle:after {
    color: #1a91c3;
}

.listing_display .fslty-check-type2 {
width: 100%;
    margin: 0;
    padding: 0px 0px;
    display: table;
    padding-bottom: 0px;
    background-color: #f6fdff;
}
.listing_display .fslty-check-type2 .panel-body {
    padding: 0px;
}
.listing_display .step-anchor{}
.listing_display .step-anchor li{
    margin: 0px!important;
}
.listing_display .step-anchor li:last-child a{
    border: 0px!important;
}
.listing_display .step-anchor li.active{
 background-color: #88a4af;
}
.listing_display .step-anchor li a{
        transition: all 0s ease!important;
        font-weight: 500!important;
    margin: 0px;
    padding: 0px 0px;
    border-right: solid 1px #becdd4!important;
    border-radius: 0px;
    font-size: 16px;
    cursor: default;
}
.listing_display .step-anchor li a:hover{
    color:#004158;
}
.listing_display .step-anchor li.active a:hover{
color: white!important;
    font-weight: 500!important;
}
.listing_display .step-anchor li.active a:focus{
background-color: #88a4af!important;
    color: #fff!important;

}
.listing_display .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;

}

.listing_display .btn-toolbar {
background-color: transparent;
    margin: 0;
    display: table;
    padding: 0px;
}
.listing_display .btn-toolbar .btn-group, .btn-group-vertical {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding-right: 8px;
}

.listing_display .listmenu li i{
    margin-right: 10px;
}

/*radiobutton custom*/

.custom-check {}

.custom-check .cntnr {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 8px 40px;
    border: solid 1px #becdd4;
    border-radius: 4px;
    margin-top: 0px!important;
    min-width: 120px;
}

.custom-check .cntnr.noboin {
    display:inline-block;
    border: 0px!important;
    padding: 5px 10px 5px 35px;
    min-width: auto !important;
    line-height: 26px;
    margin-bottom: 0;
}



.cntnr input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-check .checkmark {
    position: absolute;
    top: 8px;
    left: 7px;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}

.cntnr:hover input~.checkmark {
    background-color: #ccc;
}

.cntnr input:checked~.checkmark {
    background-color: #1a91c3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cntnr input:checked~.checkmark:after {
    display: block;
}

.cntnr .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    
}
.cntnr.w-100{width: 100%;}

/*radiobutton custom end*/


/*checkbox custom start*/

.cont-check {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 19px;
}

.cont-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cont-check .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eff4f6;
    border: solid 1px #88a4af;
    border-radius: 50px;
}

.cont-check:hover input~.checkmark {
    background-color: #eff4f6;
}

.cont-check input:checked~.checkmark {
    background-color: #1a91c3;
}

.cont-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cont-check input:checked~.checkmark:after {
    display: block;
}

.cont-check .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*checkbox custom end*/

.listed_photos {}

.listed_photos a {
    display: block;
    background-color: white;
    border: solid 1px #e0e6e8;
    width: 100%;
    height: 160px;
    background-size: cover;
    position: relative;
    margin-bottom: 25px;
}

.listed_photos a:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
}

.listed_photos .tools {
    display: table;
    margin: 0px auto;
    top: 40%;
    position: relative;
}

.listed_photos .tools span {
    display: inline-block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #000000;
    margin: 0px 1px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
}

.listed_photos .tools span:hover {
    color: #1a91c3;
}

.listed_photos .zoom {
    width: 500px;
    height: 300px;
    background-size: cover;
}

.custom-multi-fileupload {
position: relative;
    background-color: #f8fdff;
    border: dashed 1px #7cb6c9;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    padding: 30px 0px;
    transition: 0.3s all ease-in-out;
}

.custom-multi-fileupload .content {
    font-weight: 500;
    font-size: 22px;
    color: #1a91c3;
}

.custom-multi-fileupload .or {
    display: block;
    color: #cecece;
    font-size: 18px;
    margin: 10px auto;
    margin-bottom: 12px;
}

.custom-multi-fileupload .btn {
display: block;
    font-size: 16px;
    width: 140px;
    border-radius: 2px;
    margin: 0px auto;
    position: static;
    border: solid 1px #004158;
}

.custom-multi-fileupload input[type=file] {
    width: 100%;
    padding: 20px;
    outline: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    height: 182px;
    opacity: 0;
    filter: alpha(opacity=0); 
    
}

.custom-multi-fileupload.fiho/*, .custom-multi-fileupload:hover*/{
    box-shadow: inset 5px 5px 20px  #0f4c62;
outline: 5px solid #d2dcdf;
background: #a0e7ff;
}

/* .custom-multi-fileupload.fiho .btn{border: solid 1px #2e6da6;
    box-shadow: 0px 0 14px 1px #062a37;
} */

#selectedFiles {
    width: 100%;
    margin-top: 20px;
}

#selectedFiles span {
    display: inline-block;
    width: 160px;
    height: 160px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    border: solid 1px #d4d4d4;
    margin-right: 10px;
    margin-bottom: 3px;
    position: relative;
}

#selectedFiles span img {
    min-height: 200px;
    min-width: 170%;
}

#selectedFiles span a {
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 30px;
    background-color: #eff4f6;
    border-radius: 100%;
    height: 30px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    background-image: url(/static/images/icons/cross-remove-sign.svg);
    background-size: 36%;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translateX(-50%);
}

#selectedFiles span a:hover {
    background-color: white;
}
.sf_pload {
    background-color: #f8fdff;
    padding: 10px;
    border: dotted 1px #7cb6c9;
    text-align: center;
}
.sf_pload .btn {
    width: 140px;
    margin: 0px;
}
/*property listing end*/

/* Pagination */

.pagination-common{
    border: solid 1px #b8d0d9;
    border-radius: 6px;
    padding: 10px 0px;
    padding-left: 5px;
    margin-top: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}
.pagination-common nav{
    display:flex;
}
.pagination-common nav ul{
    list-style: none;
    padding: 0;
    margin: 0;	
    display: flex;
}

.pagination-common nav ul li a{
    width: 26px;
    height: 26px;
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    margin: 0px 3px;
    border-radius: 5px;
    color: #0984e3;
}
.pagination-common nav ul li a:hover{
    background-color: #e6f2ff;	
}
.pagination-common nav ul li a.active{
    border: solid 1px #868686;
    color:#000;
}
.pagination-common nav ul li a:hover.active{
    background-color: #fff;
    cursor: context-menu;
}
.pagination-common nav ul li:first-child a, .pagination-common nav ul li:last-child a{
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
    border: solid 1px #868686;	
}
.pagination-common nav ul li a.disabled{
    opacity:0.5;
}
.pagination-common .pagination-result{
    padding-right: 15px;
    font-size: 14px;	
}

/* Pagination END */

/* admin dashboard styles */


.hotel-name {
	font-size: 14px;
	font-weight: 600;
	color: #064f6c;
	padding: 5px 13px;
	width: fit-content;
	border-radius: 4px;
	background: #FFFFFF91;
    margin-bottom: 10px;
}

.hotel-name + div h1{
    margin-top: 0px;
}

.admin-dash .listing_display .listmenu li a {
    line-height: 42px;
    font-size: 16px;
    font-weight: 400;
}

.admin-dash h1 {
font-size: 36px;
    font-weight: 700;
    color: #004158;
    padding-bottom: 5px;
}

.admin-dash h1 p {
    font-weight: 400;
    font-size: 15px;
    padding-top: 10px;
    line-height: 22px;
}

.admin-dash h1 .tagline {
    background-color: #20cd0b;
    border-radius: 11px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
     font-weight: 500;
    padding-top: 5px;
    position: relative;
    top: -6px;
    padding: 3px 7px;
    padding-bottom: 4px;
}

.admin-dash .topbox1 {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.admin-dash .data_fetchbox {
    background-color: #fff;
    border: solid 1px #e3ebef;
    margin-bottom: 15px;
}

.admin-dash .data_fetchbox table {
    background-color: #fff;
    width: 100%;
    margin: 0;
}

.admin-dash .data_fetchbox table tr {
    transition: all 0.3s ease;
}

.admin-dash .data_fetchbox table tr:hover {
    background-color: #f4fff5;
}

.admin-dash .data_fetchbox table th {
    /*font-weight: 100;*/
    font-size: 14px;
    font-weight: 700;
    border-bottom: solid 2px #eff4f6;
    color: #565656;
    vertical-align: middle;
    padding: 20px 1%;
    text-align: center;
    background-color: #ffffff;
    min-width: 70px;
}

.admin-dash .data_fetchbox table th:last-child {
    border-right: 0;
}

.admin-dash .data_fetchbox table td {
    vertical-align: top;
    padding: 20px 1%!important;
    text-align: center;
    border-top-color: #eff4f6;
    vertical-align: middle;
}
.admin-dash .data_fetchbox table td.notfound{
    font-size: 16px;
    padding: 30px 0!important;
    text-align: center!important;
}
.admin-dash .data_fetchbox table td.notfound img{
    max-width: 50px;
    margin-bottom: 10px;
}

.admin-dash .data_fetchbox table tr td:last-child {
    border-right: 0;
}

.admin-dash .data_fetchbox table td .id {
    color: #6d6d6d;
    font-weight: 400;
    font-size: 14px;
    min-width: 100px;
    letter-spacing: 1px;
}

.admin-dash .data_fetchbox table td p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.admin-dash .data_fetchbox table td .tablebox {
    /*display: table;*/
    width: 100%;
}

.admin-dash .data_fetchbox table td .tablebox .cell {
    display: table-cell;
    font-size: 14px;
    vertical-align: middle;
}

.admin-dash .data_fetchbox table td .tablebox .img {
    width: 34px;
    height: 34px;
    background-color: #eff4f6;
    border-radius: 100px;
    background-size: cover;
}

.admin-dash .data_fetchbox table td .name {
    padding-left: 10px;
    display: block;
    text-align: left;
    font-size: 14px;
}

.admin-dash .data_fetchbox table td .name a {
    font-weight: 400;
    font-size: 14px;
}



.admin-dash .data_fetchbox table td .location .icon {
    max-width: 30px;
    width: 20px;
}

.admin-dash .data_fetchbox table td .location .name {
    font-weight: 400;
    font-size: 14px;
}

.admin-dash .data_fetchbox table td .count {
    display: table;
    margin: 0px auto;
}

.admin-dash .data_fetchbox table td .count span {
    display: inline-block;
    border-radius: 100px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #eff4f6;
    margin: 0px 2px;
    font-weight: 400;
    font-size: 13px;
    padding-top: 1px;
}

.admin-dash .data_fetchbox table td .count span.status {
    background: transparent;
    font-weight: 700;
    font-size: 14px;
}

.admin-dash .data_fetchbox table td .count span.active {
    background-color: #1a91c3;
    color: white;
}

.admin-dash .allreser.data_fetchbox table td{
    text-align: left;
    vertical-align: top;
}
.admin-dash .allreser.data_fetchbox table th {
    text-align: center;
    vertical-align: top;
}

.admin-dash .allreser.data_fetchbox table th:nth-child(1){width: 8%;}  /* Property ID */
.admin-dash .allreser.data_fetchbox table th:nth-child(2){width: 8%;}  /* Property name */
.admin-dash .allreser.data_fetchbox table th:nth-child(3){width: 16%;} /* Location */
.admin-dash .allreser.data_fetchbox table th:nth-child(4){width: 10%;} /* Guest name */
.admin-dash .allreser.data_fetchbox table th:nth-child(5){width: 9%;}  /* Check-in */
.admin-dash .allreser.data_fetchbox table th:nth-child(6){width: 9%;}  /* Check-out */
.admin-dash .allreser.data_fetchbox table th:nth-child(7){width: 5%;}  /* Status*/
.admin-dash .allreser.data_fetchbox table th:nth-child(8){width: 8%;}  /* Total payment */
.admin-dash .allreser.data_fetchbox table th:nth-child(9){width: 9%;}  /* Commission */
.admin-dash .allreser.data_fetchbox table th:nth-child(10){width: 9%;} /* Reservation number */
.admin-dash .allreser.data_fetchbox table th:nth-child(11){width: 9%;} /* Booked on */

.admin-dash .allreser.data_fetchbox table  td.ok {text-align: center; font-weight: bold;}
.admin-dash .allreser.data_fetchbox table  td.ok.canc {color: #c00}
.admin-dash .allreser.data_fetchbox table  td.ok.noshow{color: #ff8000}

.admin-dash .allreviews.data_fetchbox table td{
    text-align: left;
    vertical-align: top;
}
.admin-dash .allreviews.data_fetchbox table th {
    text-align: left;
    vertical-align: top;
}
.admin-dash .allreviews.data_fetchbox table ul{
    padding: 0;
}
.admin-dash .allreviews.data_fetchbox table ul li{
    padding: 5px 0 5px 35px ;
}
.admin-dash .allreviews.data_fetchbox table .bubble{
  background: #004158;
  color: #FFF;
  padding: 9px;
  border-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-left-radius: 17px;
  border-bottom-left-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  margin-left: 10px;
}

.admin-dash .allreviews.data_fetchbox table th:nth-child(1){width: 10%;} /* Date */
.admin-dash .allreviews.data_fetchbox table th:nth-child(2){width: 10%;} /* ID */
.admin-dash .allreviews.data_fetchbox table th:nth-child(3){width: 25%;} /* Property Name  */
.admin-dash .allreviews.data_fetchbox table th:nth-child(4){width: 5%;}  /* Review Score */
.admin-dash .allreviews.data_fetchbox table th:nth-child(5){width: 50%;} /* Comments */

.admin-dash .allreviews.data_fetchbox table li.exp {background-repeat: no-repeat;}
.admin-dash .allreviews.data_fetchbox table li.exp.like{background:url(../images/ra-fair.svg) no-repeat; background-size: 23px; background-position-y: 5px;}
.admin-dash .allreviews.data_fetchbox table li.exp.dislike{background:url(../images/ra-good.svg) no-repeat; background-size: 23px; background-position-y: 5px;}

.admin-dash .bottommenu {
    background-color: #fff;
    border: solid 1px #e0e6e8;
    width: 100%;
    display: table;
    padding: 10px;
    border-radius: 2px;
}

.admin-dash .bottommenu ul {
    display: block;
    background-color: #fff;
    padding: 0;
    margin: 0;
    float: left;
}

.admin-dash .bottommenu ul li {
    display: inline-block;
}

.admin-dash .bottommenu ul li a {
    color: #004158;
    font-weight: 300;
    background-color: white;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 2px;
    margin-right: 5px;
    border: solid 1px white;
}

.admin-dash .bottommenu ul li.active a {
    color: #004158;
    border: solid 1px #88a4af;
}

.admin-dash .bottommenu ul li a:hover {
    color: #88a4af;
}

.admin-dash .bottommenu .info {
    float: right;
    color: #88a4af;
}

.admin-dash .listing_display.dash_menu .listmenu li {
    transition: all 0.2s ease;
    width: auto;
}
.admin-dash .listing_display .listmenu li a:hover {
    color: #000;
}
.admin-dash .listing_display.dash_menu .listmenu li a {line-height: 40px; padding: 0 20px;}
.admin-dash .listing_display.dash_menu .listmenu .active a:after {display: none;}


/* .all_reserver_main input, .all_reserver_main select{
width: 100%;
  padding: 7px;
  border: 1px solid #999;
  margin-top: 5px;
  border-radius: 3px;
  background: #FFF;
}
.all_reserver{
    display: flex;
    align-items: end;
}
.all_reserver > div{
    margin-right:10px;
}

.all_reserver .more, .all_reserver .showres{
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    display: block;
}
.all_reserver .more{
    border: 1px solid #999;
    color: #00415d;
    padding: 7px 10px;
}

.all_reserver .showres{
    background: #00415d;
    color: #FFF;
    padding: 8px 10px;  
} */






.admin-dash .listing_display .listmenu li {
    transition: all 0.2s ease;
    width: auto;
}

.admin-dash .listing_display .listmenu .active a:after {
    content: '';
    display: none;
}

.admin-dash .listing_display .listmenu li a .icon {
    display: inline-block; /*display: block;*/
    font-size: 20px;
    line-height: 0;
    color: #004158;
}

.admin-dash .listing_display .listmenu li.active a .icon {
    transition: all 0.2s ease;
    color: #1a91c3;
}

.admin-dash .listing_display .top-menu-type2 li a {
    padding: 2px 20px; /* padding: 7px 13px; */
     /* padding-top: 15px;
    padding-bottom: 12px;  */
}

.admin-dash .listing_display .top-menu-type2 li.active a {
    background-color: #fff;
    color: #1a91c3;
    font-weight: 700;
}

.admin-dash .listing_display .top-menu-type2 li.active ul li a {
    font-weight: 400;
    color: #004158;
    font-size: 16px;
}

.admin-dash .listing_display .top-menu-type2 li:hover ul {
    display: block;
     width: calc(100% - 30px); 
    margin-left: 10px;
    margin-right: 10px;
}

.admin-dash .listing_display .top-menu-type2 li {
    transition: all 0.2s ease;
    position: relative;
}

.admin-dash .listing_display .top-menu-type2 li .downarrow {
    transition: all 0.2s ease;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px;
    font-size: 16px;
    color: #a1b1b7;
}

.admin-dash .listing_display .top-menu-type2 li:hover .downarrow {
    transition: all 0.2s ease;
    display: none;
}

.admin-dash .listing_display .top-menu-type2 li:hover {}

.admin-dash .listing_display .top-menu-type2 li:hover a {
    color: #1a91c3;
}

.admin-dash .listing_display .top-menu-type2 li:hover a .icon {
    color: #1a91c3;
}

.admin-dash .listing_display .top-menu-type2 li ul {
    position: relative;/*position: absolute;*/
    margin: 0;
    padding: 0;
    z-index: 100;
    top: 0px;/*87*/
    left: 50%;
    transform: translateX(-50%);
    min-width: 180px;
    /*background-color: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(89, 89, 89, .5);*/
    padding: 10px;
    /* border-radius: 5px;
    border: solid 2px #1a91c3; */
    padding-top: 0px;
    display: none;
}

.admin-dash .listing_display .top-menu-type2 li ul .pointnav {
    position: absolute;
	top: -33px;
	right: 10px;
	rotate: 180deg;
}

.admin-dash .listing_display .top-menu-type2 li ul .pointnav .targeter {
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 0px auto;
    border: solid 2px #1a91c3;
    -ms-transform: rotate(136deg);
    -webkit-transform: rotate(136deg);
    transform: rotate(136deg);
    border-top: 0;
    border-right: 0;
}

.admin-dash .listing_display .top-menu-type2 li ul li {
    transition: all 0.2s ease;
    display: block;
}

.admin-dash .listing_display .top-menu-type2 li ul li a {
    text-align: left;
    border: 0;
    line-height: 20px;
    padding: 10px 12px;
    margin: 0;
    display: block;
    color: #004158!important;
    font-size: 16px;
    position: relative;
}

.admin-dash .listing_display .top-menu-type2 li ul li a:hover {
    background-color: #ffffff;
    display: block;
    color: #1a91c3!important;
}

.admin-dash .basic_ifo {
    /* text-align: center;   */
    position: relative;
}
.admin-dash ul.basic_ifo_tax li{
    /* border: 1px solid #d5d5d5;*/
    display: block;
    padding-bottom: 10px ;
    padding-right: 50px;
    position: relative;
}
.admin-dash ul.basic_ifo_tax li:last-child{
   /*  border-bottom: 1px solid #d5d5d5;*/
   padding-bottom: 0px ;
} 
.admin-dash .taxWrap span{
    -webkit-user-select:unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
}

.admin-dash ul.basic_ifo_tax li span{
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 55px;
    font-weight: normal;
    width: calc(100%);
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-dash ul.basic_ifo_tax li span::before{
    position: absolute;
    content: "";
    width: 6px;
    height: 2px;
    background: #979797;
    left: 40px;
    top: 9px;
}
/* .admin-dash .basic_ifo:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 54px;
    background-color: #d6dcde;
} */

.admin-dash .basic_ifo.last-child:after {
    display: none;
}

.admin-dash .basic_ifo li {}

.admin-dash .basic_ifo li b {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 6px;
    display: block;
}

.admin-dash .basic_ifo li a {
    display: inline!important;
    padding: 0!important;
    margin: 0;
    border: 0!important;
    font-size: 14px!important;
    color: #1a91c3!important;
}


.admin-dash .taxWrap > .taxDetils{
    border-bottom: 1px dashed #cecece;
    font-weight: bold;
}
/* .admin-dash .taxWrap > .taxDetils:hover{
    background: #F4F4F4;
} */
.admin-dash .taxWrap .taxDetils:nth-last-child(2){
    /* border: 0;
    padding-bottom: 50px; */
    margin-bottom: 20px;
}
.admin-dash .taxWrap .basic_ifo li span{
    display: block;
    font-weight: normal;
    padding-top: 5px;
}
.admin-dash .taxWrap .basic_ifo li:not(:first-child) {
    margin-top: 10px;
}
.admin-dash .taxWrap .taxDetils:first-child ul.basic_ifo, .admin-dash .taxWrap .taxDetils:first-child ul.basic_ifo_tax{
    margin-top: 0;
}










@media (min-width: 768px) {

    .listing_display .listmenu li {/*3306*/
        display: table-cell;
        width: 14.2857142857%;
        text-align: center;
    }

    .admin-dash .listing_display .listmenu li a .icon {/*4174*/
        display: block;
    }

    .listing_display .listmenu li i{
        margin-right: 0px;
    }
    .admin-dash .listing_display .top-menu-type2 li a {/*4199*/
        padding: 7px 13px;
        padding-top: 15px;
        padding-bottom: 12px;
    }

   .admin-dash .listing_display .top-menu-type2 li:hover ul {
        display: block;
        width: max-content;
        margin-left: 0px;
        margin-right: 0px;
    } 
    .admin-dash .listing_display .top-menu-type2 li ul {
        position: absolute;
        margin: 0;
        padding: 0;
        z-index: 100;
        top: 87px;
        left: 50%;
        transform: translateX(-50%);
        min-width: 180px;
        background-color: #ffffff;
        box-shadow: 0 3px 10px 0 rgba(89, 89, 89, .5);
        padding: 10px;
        border-radius: 5px;
        border: solid 2px #1a91c3;
        padding-top: 0px;
        display: none;
    }

    .admin-dash .listing_display .top-menu-type2 li ul .pointnav {
        position: relative;
        top: -7px;
        right:unset;
        rotate: 0deg;
    }
    .admin-dash .listing_display.dash_menu .listmenu li {
        transition: all 0.2s ease;
        width: 14.2857142857%;
    }
    .admin-dash .listing_display.dash_menu .listmenu li a {line-height: 50px;}
    .admin-dash .listing_display.dash_menu .listmenu .active a:after {display: block;}

    

}


.ul_property {
    width: 720px;
}

.ul_opertunity {
    width: 480px;
}

.ul_finance,
.ul_analytics {
    transform: inherit!important;
    left: inherit!important;
    right: 0;
}

.ul_finance .targeter {
    margin-right: 5.5%!important;
}

.ul_analytics .targeter {
    margin-right: 4.5%!important;
}

.ul_rates_avl {
    transform: inherit!important;
    left: 0!important;
    right: inherit!important;
}

.ul_rates_avl .targeter {
    margin-left: 12%!important;
}

.admin-dash .submenu {
    margin: 0px;
    padding: 0;
}
.admin-dash .submenu li {
}
.admin-dash .submenu li a {
background-color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
    border-radius: 2px;
  padding: 10px 20px;
    color: #00415873;
}
.admin-dash .submenu li.active a {
    background-color: #0ab21b;
    color: #fff;
}

.admin-dash .fetchbox_common {
    background-color: #fff;
    border: solid 1px #e0e6e8;
    margin-top: 20px;
    padding: 30px;
    display: table;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 10px;
    /*min-height: 321px;*/
}
.admin-dash .fetchbox_common select{
    /* margin-left: 10px; */
    padding: 4px 7px;
    border-radius: 5px;
    border: 0px solid #cacaca;
    text-align: center;
    background: #e6e6e6;
    color: #000;
    margin-bottom: 5px;
    font-size: 14px;
}
.admin-dash .fetchbox_common .distanceType option:hover{
    background: #004158;
}



.admin-dash .fetchbox_common .header {
    font-weight: 700;
    font-size: 19px;
    padding-bottom: 15px;
}

.admin-dash .fetchbox_common .header_small {
    font-size: 15px;
}

.admin-dash .fetchbox_common ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

/* .admin-dash .fetchbox_common ul li {
    text-align: center;
} */

.admin-dash .fetchbox_common ul li a {
    text-align: center;
    border: solid 1px #e0e6e8;
    padding: 25px 0px;
    display: block;
    color: #272727;
    font-size: 16px;
    border-radius: 3px;
    font-weight: 400;
    display: block; 
    cursor: pointer;
}

.admin-dash .fetchbox_common ul li a span {
    font-size: 34px;
    display: block;
    padding-top: 10px;
   
}
.admin-dash .fetchbox_common ul li a:hover {
    border: solid 1px #3d91c3;
}
.admin-dash .fetchbox_common ul li a.active, .admin-dash .fetchbox_common ul li a.active:hover{
    border: solid 2px #3d91c3;
}



.admin-dash .fetchbox_common .margin-row {}

.admin-dash .fetch_explore {
    display: table;
    width: 97%;
    margin-top: 20px;
    margin: 0px auto;
}

.admin-dash .fetch_explore .msg_empty {
    text-align: center;
    padding: 5%;
    font-size: 20px;
}

.admin-dash .fetch_explore .msg_empty i {
    font-size: 40px;
    margin-bottom: 10px;
}

.admin-dash .respond-row {
    display: table;
    width: 100%;
    background-color: white;
    border-bottom: solid 1px #e0e6e8;
    padding-top: 25px;
    padding-bottom: 25px;
}

.admin-dash .respond-row .name {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

.admin-dash .respond-row .name .icon {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
}

.admin-dash .respond-row .name .span1 {
    display: block;
    font-weight: 400;
    padding-left: 30px;
    color: black;
    margin-top: 2px;
    font-size: 14px;
}

.admin-dash .respond-row .name .span2 {
    background-color: #ffffff;
    display: table;
    padding: 0px 6px;
    margin-left: 28px;
    color: #13b300;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 0px;
    line-height: 22px;
    border-radius: 3px;
    border: solid 1px #20cd0b;
}

.admin-dash .respond-row.active_list {
    padding-bottom: 25px;
}

.admin-dash .respond-row.active_list .name {
    font-size: 15px;
}

.admin-dash .respond-row p {
    font-size: 14px;
    font-weight: 400;
}

.admin-dash .respond-row p a {
    font-size: 14px;
}

.admin-dash .respond-row .history {
    text-align: right;
    color: #0000008a;
}

.admin-dash .respond-row .history span {
    display: block;
    line-height: 25px;
    font-size: 14px;
}

.admin-dash .respond-row .history span:nth-child(1) {
    font-weight: 700;
    color: #000;
}

.admin-dash .respond-row .history span:nth-child(2) {}

.admin-dash .respond-row .history span:nth-child(3) {
    color: #3d91c3;
}

.admin-dash .respond-row:last-child {
    border: 0px;
}

.admin-dash .respond-row_review {}

.admin-dash .respond-row_review .rating {
    color: #004158;
    background-color: #ffda44;
    padding: 4px;
    border-radius: 5px;
    margin-right: 8px;
}

.admin-dash .respond-row_review .name {
    font-weight: 400;
}

.admin-dash .filternav {}

.admin-dash .filternav .form-group {
    width: 13%;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    vertical-align: top;
}

.admin-dash .filternav .form-group.idfilter{
    width: 250px;
    margin-right: 10px;
}


.admin-dash .filternav .form-group.idsearch {
    width: 250px;
    float: right;
}



.admin-dash .filternav .form-group .form-control,
.input-group-addon {
    border: solid 1px #3d91c3;
}

.admin-dash .filternav .form-group .btn {
    display: table;
    background-color: #88a4af;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    height: 29px;
    margin-top: 4px;
}

.admin-dash .filternav .form-group .btn:hover {
    background-color: #98becd;
}

.admin-dash .reservation-box {}

.admin-dash .reservation-box .guestname {}

.admin-dash .reservation-box .sub {
    font-size: 13px;
    color: #20cd0b;
    border: solid 1px #20cd0b;
    display: block;
    width: 70px;
    padding: 0px 0px;
    padding-top: 1px;
    margin: 0px auto;
    border-radius: 20px;
    margin-top: 6px;
    padding-bottom: 3px;
}

.admin-dash .reservation-box a {
    font-weight: 400;
}

.admin-dash .reservation-box a:hover {}

.admin-dash .reservation-box .sum {
    border-top: solid 1px #d4dadc;
    text-align: right;
    padding: 17px 0px;
    padding-bottom: 19px;
}

.admin-dash .reservation-box .sum span {
    padding-right: 4%;
    display: inline-block;
    font-size: 14px;
}

.admin-dash .reservation-box .sum .commission {}

.admin-dash .reservation-box .sum .total_price {
    font-weight: 700;
}

.promo-name {
    font-size: 18px;
    font-weight: 700;
    color: #1a91c3;
}

.activity {
    display: table;
    margin: 0px auto;
    margin-top: 8px;
    margin-bottom: 8px;
}

.activity .btn {
    padding: 1px 5px;
    margin: 0 2px;
    border: solid 1px #2f9ec6;
    background-color: #fff;
    color: #2f9ec6;
    font-size: 12px;
    font-weight: 500;
}

.activity .btn:hover {
    background-color: #2f9ec6;
    color: white;
}

.promo-details {}

.promo-details p {
    line-height: 25px;
}

.promo-details p b {
    font-weight: 700;
}

.offer_info {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.offer_info li {
    font-size: 12px;
}

.offer_info li.title {
    font-weight: 700;
    font-size: 16px;
}

.offer_info li.title span {
    color: #ffb328;
    display: inline-block;
    margin-right: 5px;
}

.addnew_promo {
    font-size: 16px;
    float: right;
    background-color: #1a91ce;
    border: 0;
    color: #fff;
    padding: 10px 20px;
    position: relative;
    top: 4px;
    font-weight: 500;
    border-radius: 2px;
    right: -29px;
}

.addnew_promo:hover {
    background-color: #26a0de;
    color: #fff;
}

.total-review {
    font-size: 32px;
    font-weight: 500;
    color: #004158;
    display: table;
    background-color: #ffffff;
    padding: 9px 20px;
    margin-top: 29px;
    float: right;
    position: relative;
    right: -29px;
}

.total-review span {
    font-size: 16px;
    display: inline-block;
    margin-left: 13px;
    font-weight: 400;
    position: relative;
    bottom: 2px;
    color: #949fa2;
}

.progress_label {
    display: block;
    font-size: 14px;
    font-weight: 500; 
}

.progress_label span {
    font-size: 16px;
    display: inline-block;
    float: right;
    border: solid 1px #c7c7c7;
    border-radius: 100px;
    width: 33px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-top: 12px;
    margin-left: 5px;
}

.admin-dash .progressbox {
    padding: 4px 15px;
}

.admin-dash .progress {
    height: 10px;
}

.admin-dash .progress-bar {
    background-color: #94b9da;
}


.progresshead {
    display: table;
    margin-left: 16px;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px;
}

.review_comment_box .progresshead{
    margin-left: 0px;
}

.progresshead_detailed {
    display: block;
    /* border-bottom: solid 1px #e0e6e8; */
    padding-bottom: 4px;
}

.progresshead_detailed p {
    font-weight: 500;
    font-size: 12px;
    padding-top: 2px;
}

.progresshead_detailed p a {}

.progresshead_detailed p a:hover {
    text-decoration: underline!important;
}

.progresshead_detailed .count {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #004158;
    border-radius: 50px;
    text-align: center;
    line-height: 43px;
    color: #fff;
    font-weight: 500;
    font-size: 19px;
    /*font-weight: 100;*/
    margin-right: 10px;
    float: left;
    position: relative;
    top: -2px;
    left: -2px;
}

.progresshead_detailed .time {
    display: inline-block;
    float: right;
    font-weight: 400;
    font-size: 13px;
    padding-top: 10px;
}

.admin-dash .row2 {
    border-top: solid 1px #e0e6e8;
    padding-top: 22px;
    margin-top: 10px;
}

.admin-dash .row2 .progress-bar {
    background-color: #9cda94;
}

.review_comment_box {
    /* border-top: solid 1px #e0e6e8; */
    max-width: 97.5%;
    margin: 0px auto;
    /* margin-top: 15px;
    padding-top: 15px; */
}

.review_comment_box p {
    position: relative;
    padding-left: 28px;
    margin-bottom: 20px;
}

.review_comment_box p i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
}

.promo_type_select {}

.promo_type_select .labl {
    display: block;
    width: auto;
    text-align: center;
}

.promo_type_select .labl>input {
    /* HIDE RADIO */
    visibility: hidden;
    /* Makes input not-clickable */
    position: absolute;
    /* Remove input from document flow */
}

.promo_type_select .labl>input+div {
    /* DIV STYLES */
    cursor: pointer;
    border: 1px solid #e0e6e8;
    padding: 10px 0px;
border-radius: 2px;
    background-color: #ffffff;
    min-height: 290px;
    transition: all 0.2s ease;
}

.promo_type_select .labl>input:checked+div {
    background-color: #f4fff5;
    border: 1px solid #1a91c3;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    position: relative;
}

.promo_type_select .labl>input:checked+div:after {
content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    border-radius: 100px;
    font-size: 16px;
    line-height: 38px;
    color: #1a91c3;
    border: solid 2px #1a91c3;
}

.promo_type_select .labl .icon {
    font-size: 50px;
}

.promo_type_select .labl .dealname {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 2px;
    padding: 0px 25px;
}

.promo_type_select .labl p {
position: relative;
    font-weight: 500;
    padding: 0px 25px;
    color: #1a91c3;
    font-size: 14px;
    padding-top: 5px;
}

.promo_type_select .labl ul {
    margin: 0;
    padding: 0px 25px;
    border-top: solid 1px #e0e6e8;
    padding-top: 15px;
    margin-top: 15px;
}

.promo_type_select .labl ul li {
    margin-bottom: 5px;
    color: #6f6f6f;
        font-size: 14px;

}

.promo_type_select .labl ul li:before {
    content: '\f058 ';
    font-family: FontAwesome;
    position: absolute;
    margin-left: -17px;
    margin-top: 0px;
    color: #65c3e8;
}

.promo_type_select .basic_deal .icon {
    color: #ffb328;
}

.promo_type_select .last_minute .icon {
    color: #73daaf;
}

.promo_type_select .early_booker .icon {
    color: #e47878;
}

.promo_type_select .free_nights .icon {
    color: #96d0e6;
}

.promo_visibility .custom-check .cntnr {
    font-size: 16px;
    border: solid 1px #e0e6e8;
}

.promo_row {}

.promo_row .row {
    margin: 0;
    border-bottom: solid 1px #eff4f6;
    padding-top: 30px;
    padding-bottom: 20px;
}

.promo_row .row:last-child {
    border-bottom: 0px;
}

.promo_section2 .cont-check {
    font-size: 15px;
    padding-left: 25px;
    margin-top: 10px;
}

.promo_section2 .cap_small {
    font-size: 12px;
    color: #676767;
}

.promo_section3 .custom-check .cntnr {
    font-size: 15px;
    padding-left: 90px;
    display: table;
    margin-bottom: 0px;
    border: 0px;
}

.promo_section3 .custom-check .checkmark {
    left: 0;
}

.input_middle {
    width: 60px!important;
    background-color: white;
    height: 30px!important;
    position: absolute!important;
    border: solid 1px #becdd4;
    opacity: 1!important;
    border-radius: 4px;
    top: 3px;
    left: 24px;
    text-align: center;
    cursor: text!important;
}

.fetch_btn_submit {
    background-color: #004158;
    color: white;
    font-weight: 400;
    font-size: 16px;
    padding: 8px 18px;
    border: solid 1px #004158;
    margin-right: 4px;
}

.fetch_btn_submit:hover {
    background-color: #005471;
    color: white;
}

.fetch_btn_reset {
    color: #004158;
    background: transparent;
}

.fetch_btn_reset:hover {
    background-color: #f6fdff;
    color: #004158;
}

.fetch_btn_submit:focus {
    color: white;
}

.fetch_btn_reset:focus {
    color: #004158;
}

.fetchbox_common .listing_display .listrow {
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.fetchbox_common .listing_display .listrow .custom-multi-fileupload {}

.fetchbox_common .listed_photos .tools span {
    width: 36px;
    height: 36px;
}

.zoomer {
    font-size: 20px!important;
    line-height: 36px!important;
}

#gal_zoombox .modal-dialog {
    width: 90%;
}

#gal_zoombox .modal-content {
    border-radius: 4px;
    height: 90vh;
}

#gal_zoombox .modal-content .modal-header {
    border: 0;
}

#gal_zoombox .modal-content .modal-header .close {
    font-size: 32px;
}

#gal_zoombox .modal-body {
    width: 100%;
    display: table;
    border: 0;
    padding-top: 0;
}

#gal_zoombox .modal-body .row {
    padding-top: 0px;
}

#gal_zoombox .modal-body .theater {
    border: solid 1px #efefef;
    padding: 6px;
    text-align: center;
}

#gal_zoombox .modal-body .theater img {
    max-width: 100%;
}

#gal_zoombox .modal-body .theater_control {
    text-align: center;
    margin-top: 5px;
}

#gal_zoombox .modal-body .theater_control a {
    display: inline-block;
    font-size: 16px;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    color: #969696;
    line-height: 35px;
    border: solid 1px #c5c5c5;
    margin: 0px 5px;
}

#gal_zoombox .modal-body .theater_control a:hover {
    border: solid 1px #1a91c3;
    color: #1a91c3;
}

.policy_fetch {
    border: dashed 1px #cacfd2!important;
    border-radius: 5px;
    min-height: 313px;
}

.policy p {
    font-size: 14px;
    position: relative;
    padding-left: 15px;
}

.policy p:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #565656;
    border-radius: 4px;
}

.policy p:last-child {
    padding-bottom: 20px;
}

.policy_name_header {
    font-size: 19px;
    font-weight: 400;
    color: #000000;
    position: relative;
    padding-left: 20px;
    letter-spacing: 0.5px;
    margin-top: 20px;
}

.policy_name_header:before {
    content: '\f097  ';
    font-family: Fontawesome;
    position: absolute;
    left: 0;
    top: 1px;
}

.policy_header {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
    color: #1a91c3;
}

.policy_details {
    margin-top: 30px;
    display: table;
    width: 100%;
    padding-bottom: 20px;
}

.policy_details h4 {
    font-size: 12px;
    margin: 0px;
    color: #6b6b6b;
}

.policy_details b {
    font-weight: 700;
    font-size: 13px;
}

.policy .fetch_btn_submit {
    padding: 3px 9px;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400;
}

.policy_details .cell {
    display: table-cell;
    width: 25%;
    border-right: solid 1px #e0e6e8;
    text-align: center;
    padding: 0px 10px;
    padding-top: 0;
}

.policy_details .cell:last-child {
    border: 0px;
}

.policy h3 {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    padding: 0;
}

.policy h5 {
    font-size: 14px;
    color: #525252;
    line-height: 20px;
}

.policy b {
    font-weight: 700;
}
.errorlist {
  color: #ff0500;
  font-size: 13px;
  font-weight: 400;
}

ul.errorlist{
  padding: 5px 0px;
  background: #fff;
  border-radius: 5px;
}

/* .errorlist {
color: #a94442;
    background-color: #f2dede;
    border-radius: 4px;
    padding: 10px 12px;
    border: solid 1px #eca6a6;
    margin-bottom: 15px;
    padding-bottom: 0px;
}
.errorlist li {
    font-weight: 700;
margin-bottom: 9px;
}
.errorlist li ul {
    border: 0;
padding: 0px 0px;
margin-top: 5px;
border-radius:0px;
}
.errorlist li ul li {
    font-weight: 400;
} */


.fpnote {
    margin-bottom: 20px;
}
.step-anchor {
    background-color: #ffffff0a;
    border: 0;
    padding-left: 30px;
}
.step-anchor .active {
    font-weight: 700;
    outline: none;
}
.step-anchor .active a {
    background-color: transparent!important;
    border: 0px!important;
    color: white!important;
}
.step-anchor .nav-item a {
    color: #ffffff78;
    font-size: 16px;
    padding: 24px 0px;
    margin-right: 40px;
        border: 0px!important; 
}
.step-anchor li {
    outline:none;
        border: 0px!important;
}
.p-listing .btn-toolbar {
text-align: right;
    margin: 0px;
    margin-top: 20px;
    border-radius: 0px;
}
.p-listing .btn-toolbar .btn-group {
    float: none;
    margin: 0;
}
.p-listing .btn-toolbar .btn-group .btn {
    margin: 5px!important;
    border-radius: 2px!important;
    min-width: 110px;
    font-weight: 700;
    background-color: #ffffff1a;
    border: solid 1px #5c9ab1;
    color: #ffffff;
}
.p-listing .select2-container--default .select2-selection--single {
height: 36px;
    border: solid 1px #b5d9e6;
    outline: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.p-listing .select2-container--default .select2-selection--single:focus {

}
.p-listing .select2-container--default .select2-selection--single .select2-selection__rendered {
 line-height: 36px;
}
.p-listing .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    top: 5px;
    right: 5px;
}
.select2-search--dropdown {
    padding: 0px!important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dae8ec;
    border-top: 0px;
    border-right: 0;
    border-left: 0;
    height: 36px;
}
.select2-dropdown {
    border: 1px solid #b5d9e6;
}
.p-listing .form-control {
        border: solid 1px #b5d9e6;
        height: 36px;
        box-shadow: none;
}
.p-listing .form-control:focus {
    border: solid 1px #7bd8f9;
    height: 36px;
        box-shadow: none;
}

.select2-container {
    width:100%!important;
}
.p-listing .form-group {
    margin:0px;
}
  #base_price_per_night {
    display: block;
    background: #fff;
    padding: 10px 10px 10px 20px;
    width: 195px;
  }
  .l_a_p{
width: 96%;
    margin: 0px auto;
  }
   .l_a_p tr{
border-bottom: solid 1px #d5dbde;
    padding: 0;
    margin: 0;
    vertical-align: middle;
   }
      .l_a_p tr:last-child{
border-bottom: solid 0px #d5dbde;
   }
.l_a_p th {
font-weight: 700;
    font-size: 15px;
    color: #333333;
    padding: 10px 10px;
}
.l_a_p  tr th:first-child {
padding-left: 0;
}
.l_a_p  tr th:last-child {
padding-right: 0;
}
.listrow .l_a_p p{
font-weight: 500;
    font-size: 15px;
    color: #8a8a8a;
    margin: 0;
    padding: 10px 10px;
  }
  .l_a_p  tr td:first-child p {
      padding-left: 0;
  }
    .l_a_p  tr td:last-child p {
      padding-right: 0;
  }
  .edgreen{color: #42ad35;}
  .delred{color: #e84747;}
  .alert1{
      margin-top: 5%;
    font-size: 20px;
    font-weight: 400;
    /*font-weight: 100;*/
    max-width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
    .alert1 a{
font-weight: 700;
/*font-weight:100;*/
  }
      .alert1 strong{
/*font-weight:100;*/
font-weight: 500;
  }



/* admin dashboard styles end */


/* media Query */


/*custom screen media */

@media (max-width: 359px) {}


/* Define mobile styles */

@media (max-width: 767px) {
    .col-1by5 {
        width: 100%;
    }
}


/* tablet screens */

@media (min-width: 768px) and (max-width: 991px) {
    .col-1by5 {
        width: 50%;
    }
}


/* medium desktop screens */

@media (min-width: 992px) and (max-width: 1199px) {
    .col-1by5 {
        width: 20%;
    }
}


/* Large screens*/

@media (min-width: 1200px) {
    .col-1by5 {
        width: 25%;
    }
    .container {
        width: 1240px;
    }
}


/* 
=====================================================================================================
jkj Bootstrap
===================================================================================================== */

.them1 .col{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.them1 .d-flex{display: flex; flex-wrap: wrap;}

.them1 .d-none, .them1 .d-xs-none, .them1 .d-sm-none, .them1 .d-md-none{display:none;}
.them1 .align-items-center{align-items: center;}
.them1 .align-items-end{align-items:end;}
.them1 .justify-content-end{justify-content:end;}
.them1 .justify-content-center{justify-content: center;}
.them1 .justify-content-between{justify-content: space-between;}
.them1 .ms-auto{margin-left: auto;}
.them1 .me-auto{margin-right: auto;}
.them1 .btn.disabled a{pointer-events: none;}
.them1 input[type=checkbox]:disabled {pointer-events: none!important;}
.them1 input[type=text],input[type=number], .them1 select{width:100%;padding:15px 20px;/**/margin:0px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}

input[type=number]{
    padding-right: 5px;
    padding-left: 10px;
}


.curSp input[type=text], .curSp input[type=number]{
    padding-left: 45px!important;
}

.admin-dash .data_fetchbox table{background: none;}

.them1 .col-auto{flex: 0 0 auto; width: auto;}
.them1 .w-100{width:100%!important;}
.them1 .float-left{float: left;}
.them1 .float-right{float:right;}
.them1 .position-sticky{position:sticky; top: 0;}
.them1 .inline-block{display: inline-flex;}
.them1 .input-group.date span{display: none;}
.them1 .input-group.date{width: 100%;}

.them1 .modal-body{ 
    max-height: calc(100vh - 212px);
    /*max-height: calc(60vh);*/
    overflow-y: auto;
}

.them1 .modal-body.mH100{ 
    max-height: calc(100vh);
    overflow-y: auto; 
}

@media (min-width: 768px) {
    .them1 .d-md-flex{display: flex; flex-wrap: wrap;}
    .them1 .modal-xl{width:calc(90%);}
}

.cont{line-height: 23px;} .cont p{margin-bottom:10px ;} .cont p:last-child{margin-bottom:0px ;}
.file1 {background-color: #f8fdff; border: dashed 1px #7cb6c9;  display: block; color: #7D7D7D; height: 250px; padding-top: 20%; cursor: pointer; transition: all 0.5s  ease; }

.file1:hover{outline: 5px solid #1a91c3;}
.file1hy{ box-shadow: inset 0px 0px 7px 2px #062a59; outline: 5px solid #1a91c3; background: #bbe6f9;}
.file1 input[type=file]{opacity: 0;display: block;cursor: pointer;position: absolute;top: 0;padding-top: 150px;height: calc(100% - 3px); width: calc(100% - 30px);text-align: center;
}
.file1 input[type=file]::file-selector-button { background: #004158; color: #FFF; width: 0.1px; height: 0.1px; display: none;  position: absolute; text-align: center; cursor: pointer!important; }
.file1 i{position: absolute; left: 0; right: 0; text-align: center; color: #1a91c3;}
.file1 i::after{position: absolute; content: "Add Photo"; top: 38px; left: 0; right: 0; text-align: center; font-size: 15px; font-family: arial;}

@media (min-width: 576px) {
    .file1 {height: 445px; padding-top: 30%;}
    .file1 input[type=file]{padding-top: 350px;}
}
@media (min-width: 992px) {
    .file1 {height: 121px; padding-top: 20%;}
    .file1 input[type=file]{padding-top: 85px;}
}
@media (min-width: 1200px) {
    .file1 {height: 165px; padding-top: 30%;}
    .file1 input[type=file]{padding-top: 130px;}
}




:root{ --opz: 0.8;}
.mq{width:calc(100% - 40px) ; height: 40px;  left: 0; font-size:x-large; background: rgb(255, 0, 0, var(--opz)); text-align: center; position: fixed; color: #FFF;  z-index: 99999999999999; margin: 20px; }
.mq.to{top: 0;}
.mq.bo{bottom:0;}
.mq:after{ content:"xs <576"; position: absolute;}
 @media (min-width: 576px) {.mq{ background: rgba(255, 251, 0, var(--opz)); }.mq:after{ content: "sm-576"; position: absolute;}}
 @media (min-width: 768px) {.mq{ background: rgba(9, 255, 0, var(--opz));}.mq:after{ content: "md-768"; position: absolute;}}
 @media (min-width: 992px) {.mq{ background: rgba(0, 255, 242, var(--opz)); }.mq:after{ content: "lg-992"; position: absolute;}}
 @media (min-width: 1200px) {.mq{ background: rgba(0, 130, 252, var(--opz)); }.mq:after{ content: "xl-1200"; position: absolute;}}
 @media (min-width: 1400px) {.mq{ background: rgba(255, 0, 149, var(--opz)); }.mq:after{ content: "xxl-1400"; position: absolute;}}

 #mqd{
    position: fixed;
    z-index: 999999999999;
    background-color: #f4f4f4d9;
    text-align: center;
    border: 1px solid #FFF;
    top: 10px;
    left: 10px;
    cursor: move;
    border-radius: 5px;
    box-shadow: 0px 0 7px #aaa;
  }
  #mqd.x{display: none;}

  #mqd .mq{width:calc(200px);  position:relative; text-align: center;}
  
 




.them1 .col-7{ width: 102px;
    padding:10px; 
    padding-bottom:5x; 
    display: block;
    float: left;
    box-sizing: border-box;
    background: #eee;
    margin: 2px;
    border-radius: 4px;
    text-align: center;}

.them1 .col7Main{margin-left: 15px;}
.them1 .col-7:hover{box-shadow: 0 0 1px 0px #a6a6a6}
.them1 .col-7:nth-child(6), .them1 .col-7:nth-child(7){background: #c6efff;}
.admin-dash .data_fetchbox .calendar-cover table {background: #e6f8ff; border: none; outline: 1px solid #eaeaea;}
.admin-dash .data_fetchbox .calendar-cover table:hover{box-shadow: 0 0 15px #eaeaea;cursor:default;}
.admin-dash .data_fetchbox .calendar-cover table th{background: #1a91ce; color: #FFF; padding: 10px 0; border: none;}
/* .admin-dash .data_fetchbox .calendar-cover table tr:hover, .admin-dash .data_fetchbox .calendar-cover table tr:nth-child(even):hover{background: #FFF;}  */
.admin-dash .data_fetchbox .calendar-cover table tr:nth-child(even){background: #ddf4fd;}
.admin-dash .data_fetchbox .calendar-cover table td{ color: #000; padding:10px 1%!important; margin: 0; text-align: left; vertical-align: top; border: 1px solid #FFF; transition: all 0.2s ease; cursor: pointer; width: calc(100% / 7);}

/* .admin-dash .data_fetchbox .calendar-cover table td:hover, .admin-dash .data_fetchbox .calendar-cover table td.today{ background: #1a91ce; color: #FFF; } */

.admin-dash .data_fetchbox .calendar-cover table td:hover{ background: #1a91ce; color: #FFF;box-shadow: inset 0 0 8px #333; }

.admin-dash .data_fetchbox .calendar-cover table td.today{ background: #a2f9d0;  color: #444;}


.admin-dash .data_fetchbox .calendar-cover table td.today.dayClosed{ 
    background: #a2f9d0;
  color: #444;
}
.admin-dash .data_fetchbox .calendar-cover table td.dayclick{ background: #1a91ce; color: #FFF;
     /* box-shadow: inset 0 0 8px #333; */
     }
.admin-dash .data_fetchbox .calendar-cover table td.toady.dayclick{
    box-shadow: inset 0 0 0px 5px #A2F9D0;
}


     

.admin-dash .data_fetchbox .calendar-cover table td.dayPre{color: #bebebe; cursor: no-drop;}
.admin-dash .data_fetchbox .calendar-cover table td.dayPre:hover{background: unset;}
.admin-dash .data_fetchbox .calendar-cover table td.monthPre, .admin-dash .data_fetchbox .calendar-cover table td.monthNew{background: #FFF; color: #bebebe;}

.admin-dash .data_fetchbox .calendar-cover table td.monthPre{cursor: no-drop;}
.admin-dash .data_fetchbox .calendar-cover table td.dayClosed{background: #fffbe8; color: #bebebe; cursor: no-drop; position: relative; vertical-align: bottom; outline: 1px solid #FFF;/*display: block; width: auto; border: 0; padding: 10px 7px!important;*/}
/* .admin-dash .data_fetchbox .calendar-cover table td.dayClosed .date{top: -21px; position: relative;} */
.admin-dash .data_fetchbox .calendar-cover table td.dayClosed::after{position: absolute; content:"\01F512"; left: 3px; bottom: 3px;}
.admin-dash .data_fetchbox .calendar-cover table td.monthPre.dayClosed, .admin-dash .data_fetchbox .calendar-cover table td.monthNew.dayClosed{background: #FFF; color: #bebebe;}
.admin-dash .data_fetchbox .calendar-cover table td.monthPre.dayClosed::after, .admin-dash .data_fetchbox .calendar-cover table td.monthNew.dayClosed::after{position: absolute;font:20px/1 FontAwesome; content:"\f023"; left: 6px; bottom: 2px; opacity: 0.3;}
.admin-dash .data_fetchbox .calendar-cover table .month{background: none; color: #000; padding: 20px 0; font-size: 18px; /*pointer-events: none;*/} 
.admin-dash .data_fetchbox .calendar-cover table .calendarCtrl{background:#FFF; color: #000; padding: 20px 0; font-size: 14px; font-weight: 500; padding: 20px;}
.admin-dash .data_fetchbox .calendar-cover table .calendarCtrl .row{display: flex; align-items: center;}
.admin-dash .data_fetchbox .calendar-cover table .date{font-size: 18px; font-weight: bold; }
.admin-dash .data_fetchbox .calendar-cover table .date-frame ul{text-align:right;margin-bottom:4px; padding:0; font-size: 12px;}
.admin-dash .data_fetchbox .calendar-cover table .calendarCtrl {position:sticky; top:0; z-index:90; vertical-align:middle; box-shadow: 0px 12px 4px -10px #cfe8f2;}
.admin-dash .data_fetchbox .calendar-cover table .calendarCtrl select{padding: 7px 20px;display: inline-block; border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;  font-family:Arial, Helvetica, sans-serif; }
.admin-dash .data_fetchbox .calendar-cover table .calendarCtrl select option{background: #FFF; margin: 10px 0; padding: 20px 0; }
.admin-dash .data_fetchbox .calendar-cover table .calendarCtrl .input-group.date input[type="text"]{padding-top: 0; padding-bottom: 0; border-radius: 4px!important; font-weight: normal;}
.admin-dash .data_fetchbox .calendar-cover table .date-frame{display: flex; flex-direction: column; justify-content: space-between; height: 70px;}

#contcalmonth{ display: none; width: clamp(100%, 100vw, 300px); position: absolute; background: #FFF; box-shadow: 0 0 14px #0000001f;padding: 20px;border-radius: 10px; top: 20px;left: 30px;z-index: 100; border: 1px solid #dfdfdf;}
#contcalmonth .row div{padding: 15px 10px; cursor: pointer;}
#contcalmonth .contcalmonthTitle div:nth-child(2){font-size: 18px; font-weight: bold;}
#contcalmonth .contcalmonthTitle div:hover{color: #AAA;}
#contcalmonth .contcalmonthTitle div:nth-child(2):hover{color: #000;}
#contcalmonth .contcalmonthlist div{text-transform: uppercase;}
#contcalmonth .contcalmonthlist div:hover{background: #EEE; border-radius: 4px;}
input#calmonth {padding-top: 0; padding-bottom: 0;border-radius: 4px !important;  font-weight: normal;}

/* ===================================================================================================== */

:root{
    --cor1:#1A91CE;
    --cor2:#26a0de;
}

.f14{font-size: 14px;}
.f16{font-size: 16px!important;}
.uc{text-transform: uppercase;}

.brB2 {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.brB0{
	padding-bottom: 15px;
}


.bqWhite {
	border: solid 1px #e3ebef;
	padding: 30px 30px;
	border-radius: 2px;
	margin-bottom: 15px;
	background-color: #fff;
	transition: all 0.3s ease;
}

.bqWhite > h2:first-child{
    margin-top: 0;

}

/* .bqWhite:hover {
    border: solid 1px #88a4af;
} */

.clickblock{padding: 10px 0;  cursor: pointer;}
.clickblock.lib{display: inline-block; padding-left: 10px;}
.clickblock i{font-size: 18px; padding-right: 5px;}
.clickblock a:hover{opacity: 0.7; text-decoration: underline!important;}
.clickblock.red, .clickblock.red a, .clickblock.red i{color:#ce0000;}
.clickblock.green, .clickblock.green a, .clickblock.green i{color:#03bf03;}
.clickblock.blue, .clickblock.blue a, .clickblock.blue i{color:#009ddb;}


@media (min-width: 768px) {
    .them1 .position-md-sticky{position:sticky; top: 90px;}
}




.conPadd1{padding:0px 0 40px 0;  border-bottom: 1px solid #ECECEC; margin-bottom: 20px; /*background: red;*/ } /* First section Padding */
.conPadd2{padding:0px 0 10px 0; border-bottom: 1px solid #ECECEC; margin-bottom: 5px; /*background: blue; */} /* Second section Padding */
.conPadd3{padding:0px 0 5px 0;  /*background: green; */} /* Third section Padding */
.conPadd2:last-child{border-bottom: 0px}
.conPadd3:last-child{border-bottom: 0px}
.conPadd1:last-child, .conPadd2:last-child, .conPadd3:last-child{padding:0px;}


.them1 h1{
    /* font-size: 36px;
    font-weight: 700;
    color: #004158;
    padding-bottom: 5px; */
}
.them1 h1 span{
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding-top: 8px;
    line-height: 18px;
}

.them1 h2{
    font-size: 28px;
    font-weight: 700;
    color: #004158;
    padding-bottom: 5px;
}

.them1 h3{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #000000;
}

.them1 h3:first-child{
    margin-top: 0;
}

.them1 h4{
	font-size: 14px;
	font-weight: 700;
    margin-top: 20px; margin-bottom: 3px;
	color: #000000;
    display: block;

}

.them1 .data_fetchbox{padding: 30px;}

.them1 .data_fetchbox:hover {
	border: solid 1px #88a4af;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
}

.them1 .custom-check .cntnr{
    font-size: 16px;
    border: solid 1px #e0e6e8;
}

 .them1 .btn1 a{
	font-size: 16px;
	background-color: #1a91ce;
    border: 1px solid #1a91ce;
	color: #fff;
	padding: 10px 20px;
	position: relative;
	top: 4px;
	font-weight: 500;
	border-radius: 2px;
    display:block;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
}
.them1 .btn1 a:hover {
	background-color: #26a0de;
	color: #fff;
}
.them1 button.btn1{
	background: none;
    border: 0;
    padding: 0;
}
.them1 .btn1.bgN a{
    background:none;
    color: #1a91ce;
    border: 1px solid #1a91ce;
}

.them1 .btn1.bgN a:hover {
	background-color: #eaf2ff;
    color: #1a91ce;
}

.them1 .btn2 a{
	font-size: 16px;
    border: 1px solid #CCC;
	padding: 10px 20px; /* padding: 10px 20px; */
	position: relative;
	/* top: 4px; */
	font-weight: 500;
	border-radius: 2px;
    display:block;
    border-radius: 4px;
    text-align: center;
}

.them1 .btn2 a:hover {
	background-color: #26a0de;
    color: #FFF;
    border: 1px solid #26a0de;
}


.them1 .has-search .form-control-feedback {
    right: 0; color: #ccc; top: 11px;
}

.them1 .has-search .form-control {
    padding-left: 12px;
    padding-right: 34px;
}

.them1 .cntnr{position: relative;  z-index:0; }
.them1 label input:checked {color: #FFF!important; }




.them1 .hLink1 a{
    font-size: 18px; 
    padding: 30px 0;
    display: block;
    cursor: pointer;
}

.them1 .hLink1 i{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #CCC;
    margin-right: 5px;
    font-size: 12px;
    padding: 4px 5px;
}

.them1 input[type=text]{width: 100%; padding-top: 25px; padding-bottom: 25px; padding-left: 13px;}
.them1 .smin input[type=text]{ padding: 5px 10px;}
.them1 input[type="date"]{margin: 8px 0 16px 0; height: auto; padding: 8px; padding-left: 10px;}
.them1 select{background: none; width: 100%;}
.them1 select option{background: #FFF; margin: 10px 0; padding: 10px 0;}

.mCheck{position: relative; cursor: pointer;  text-align: center; margin: 10px 10px 0 0;}
.checkmarkFill{ color: #333; min-width: 100%; padding: 10px 10px; display: block; border-radius: 4px; 
    border: 1px solid #d7d7d7;
background: #f0f0f0;
font-size: 14px; }
/* .mCheck input:checked + .checkmarkFill{ background-color: #1a91c3;  color: #FFF; } */
.mCheck input:checked + .checkmarkFill{ background-color:#e0ecff;  color: #004158; border: 1px solid #3171d9; }
.mCheck input[type="checkbox"]{ opacity: 0; position: absolute;}

.mRadio{position: relative; cursor: pointer; text-align: center; margin: 10px 10px 0 0; }
.mRadio.mw100{min-width: 100px;}
.mRadio.mw50{min-width: 50px;}

.radiomarkFill{ color: #333; width: 100%; padding: 10px 15px; display: block; border-radius: 4px; border: 1px solid #d7d7d7;
    background: #f0f0f0; }
.mRadio input:checked + .radiomarkFill{ background-color:#e0ecff;  color: #004158; border: 1px solid #3171d9; }
.mRadio input[type="radio"]{ opacity: 0; position: absolute;}

.mRadioGroup{display: flex;}
.mRadioGroup label{ }
.mRadioGroup .mRadio{margin: 0; display: flex; flex-grow: 1; flex-basis: 0;}
.mRadioGroup label .radiomarkFill{font-size: 15px; border-radius:0;}
.mRadioGroup label:first-child .radiomarkFill{border-radius: 4px 0 0 4px;}
.mRadioGroup label:last-child .radiomarkFill{border-radius: 0 4px 4px 0; }



.actBtn{
    padding: 2px 7px;
	border: 1px solid #CCC;
	display: block;
    background: #00bcff;
    color: #000;
	border-radius: 4px;
	font-size: 12px;
    margin: 2px;
    cursor: pointer;
}
/*.actBtn:hover{ background: #ececec;}*/
.actBtnBor{
    padding: 2px 7px;
	border: 1px solid #CCC;
	display: block;
	border-radius: 4px;
	font-size: 12px;
    margin: 2px;
    cursor: pointer;
    opacity: 0.6;
}
/*.actBtnBor:hover{border: 1px solid #CCC; background: #00bcff;}*/


.ratePlansMain{/*max-height: 100vh;*/ }

.roomPlanDisMain{max-height: 425px; overflow-y:auto;}
.roomPlanDis{border: 1px solid #CCC; padding: 15px; border-radius: 4px; margin: 15px; display: block;}
.roomPlanDis:hover, .roomPlanDis.active{ background: #e6f8ff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);}
.roomPlanDis span{display: block; padding:2px 0;}
.roomPlanDis span i{width: 20px;}
.roomPlanDis span:first-child{font-weight: bold; padding: 5px 0; }

.blockFrame{border:1px solid #66afe9; padding: 15px; background: #e6f8ff; border-radius: 4px; margin-top: 15px;}
/* .blockFrame:hover{box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);} */

.roomMain{border:1px solid #66afe9; padding: 15px;  padding-left: 50px;  border-radius: 4px; margin-top: 15px; position: relative; height:calc(100% - 15px); z-index: 0; cursor: pointer; font-size: 14px;}

.roomMainFill{position: absolute; width: 100%; height:  100%; top: 0; left: 0; border-radius: 4px; z-index: -1; } 
.roomMain input:checked + .roomMainFill{background: #e6f8ff; }
.roomMain input{width: 0; height: 0; opacity: 0; position: absolute;}

/* .mRadio{position: relative; cursor: pointer; text-align: center; margin: 10px 10px 0 0; }
.mRadio.mw100{min-width: 100px;}
.radiomarkFill{ color: #333; width: 100%; padding: 10px 15px; display: block; border-radius: 4px; border: 1px solid #d7d7d7;
    background: #f0f0f0; }
.mRadio input:checked + .radiomarkFill{ background-color:#e0ecff;  color: #004158; border: 1px solid #3171d9; }
.mRadio input[type="radio"]{ opacity: 0; position: absolute;} */

.roomMain:hover{box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);}
.roomMainIcon{position: absolute; top: 10px; left: 10px; font-size: 24px;}
.roomMain span{display: block;}
.roomMain span:first-child{font-weight: bold; font-size: 16px; }

.them1 .nav-pills.pills3 li{width: 50%; margin: 0; text-align: center; font-size: 16px;}
.them1 .nav-pills.pills3 li{border-left:0; border-right:0; border-bottom: 0;}
.them1 .nav-pills.pills3 li.active a, .them1 .nav-pills.pills3 li a:hover{ border:1px solid #ADD9EA; border-bottom: 0;  color: #000!important; background:#FFF!important; border-radius: 4px 4px 0 0; }

.blockQu{padding: 20px; margin-top: 20px;}
.blockQu.gry{background: #F4F4F4;}

.spGap span{display: block; padding: 10px 0;}
.spGap input {margin: 10px 0;}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
  }
  
  .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: 20px;
    width: 20px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before, .is-room-available.jk {
    -webkit-transform: translateX(26px)!important;
    -ms-transform: translateX(26px)!important;
    transform: translateX(26px)!important;
  }


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

  .photoMenu{ border:solid #e6e6e6; border-width:1px 0 ; padding: 10px 0; margin: 10px 0;}
  .photoMenu ul{margin-bottom: 0; padding: 0; display: flex; justify-content: flex-end; align-items: center;}
  .photoMenu li{ text-align: center;}
  .photoMenu li a{display: block; padding: 10px 15px; color: #333;} 
  .photoMenu li a:hover{background-color: #e4f4ff;}
  .photoMenu li a.deactive{color: #CCC;  cursor: not-allowed; }
  .photoMenu li a.deactive:hover{background:none;}

  /* .photoGallery{} */
  /* .photoGallery div{ margin-bottom: 10px;} */
  .photoGallery > div{ margin-top: 30px;}
  .photoGallery > div:first-child{ margin-top: 0px;}
  .photoGallery .photoGalleryPic{aspect-ratio: 1 / 1;}
  .photoGallery .photoGalleryPic img{width: 100%; height: 100%; object-fit: cover;}
  /* @media (min-width: 992px) {
    .photoGallery div{margin-bottom: 15px;}
  } */
  @media (min-width: 992px) {
    .photoGallery > div{ margin-top: 30px;}
    .photoGallery > div:nth-child(-n+6){ margin-top: 0px;}
  }

  /* .photoGallery>div::after{position:absolute;content:"Edit";bottom:0;left:15px;background:#000;padding:2px 10px;width:calc(100% - 30px)} */
  
  .photoGalleryDis{opacity: 0; position: absolute; display: block; top: 0; left: 0; width: calc(100% - 30px); height: 100%; background: radial-gradient(circle, rgba(2,0,36,0.5) 0%, rgba(0,0,0,1) 100%); margin: 0px 15px; z-index: 15; color: #FFF; text-align: center; transition: all 0.5s ease;}
  .photoGalleryDis a{color: #FFF; display: block;}
  .photoGalleryDisClose a{color: #333;}

  .photoGalleryDis:hover{ opacity: 1} 
  .photoGalleryDis i{font-size: 20px;}
  /* .photoGalleryDis span a{display: block;} */
  .photoGalleryDisClose{position: absolute; top:4px;right: 19px; z-index: 20; text-align: center; }
  
  .photoGalleryDisClose a{color: #333;width:25px;height:25px;background:#fff;color:#333;padding-top:2px; display: block;}
  .photoGalleryDisClose a:hover{color: red;}
  .photoGalleryDisClose i{font-size: 16px;}

  .modal.horCent{text-align:center;padding:0!important}
  .modal.horCent:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
  .modal.horCent .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}

  .modal.horCent .close{
    width: 35px;
    height: 35px;
    margin-left: auto;
    padding: 10px;
  }
  .modal.horCent .close:hover{
    cursor: pointer;
  }



  .list1 ul{margin: 0; padding: 0; margin-top: 30px;}
  .list1 li{ position: relative; padding-left: 20px;}
  .list1 li::before{position: absolute; content: ""; top:5px; left: 0; width: 10px; height:10px; border-radius: 50%; background: #acacac;  }

  .cRate{  background: #F0F0F0;
    padding: 7px 15px;
    border: 1px solid #eee;
    margin-top: 5px;
    border-radius: 4px;
  }


    .cRate span{font-size: 20px;}

    .cRateList table{border: 0px; width: 100%; margin: 15px 0;}
    .cRateList table tr{border-bottom: 1px solid #ddd;}
    .cRateList table td, .cRateList table th{padding: 7px 10px;}


    /*.occupancyChildren table, .occupancyChildren table th, .occupancyChildren table td, .occupancyChildren table thead, .occupancyChildren table tbody{border: solid #333;}*/
    .occupancyChildren table{width: 100%; border-width:0; margin-top:20px;}
    .occupancyChildren table td, .occupancyChildren table th{padding:15px; border-width:0 1px 1px 0; vertical-align: middle;}
    .occupancyChildren table thead, .occupancyChildren table tbody {border-width:1px 0px 0px 1px;}
    .occupancyChildren tr {border:1px solid #e8e8e8;border-radius: 4px; transition: all 0.5s ease;}
    /* .occupancyChildren tr:hover{background: #f9f9f9;} */
    .occupancyChildren td {vertical-align: top; }
    /* .occupancyChildren table th{ }
    .occupancyChildren td:nth-child(odd) {background: #f8f8f8;} */


    /*.extrabed table, .extrabed table th, .extrabed table td, .extrabed table thead, .extrabed table tbody{border: solid #333;}*/
    .extrabed table{width: 100%; border-width:0; margin-top:20px;}
    .extrabed table td, .extrabed table th{padding:15px; border-width:0 1px 1px 0; vertical-align: middle;}
    .extrabed table thead, .extrabed table tbody {border-width:1px 0px 0px 1px;}
    .extrabed tr {border:1px solid #e8e8e8;border-radius: 4px; transition: all 0.5s ease;}
    /* .extrabed tr:hover{background: #f9f9f9;} */
    .extrabed td {vertical-align: top; }
    /* .extrabed table th{ }
    .extrabed td:nth-child(odd) {background: #f8f8f8;} */

  .bgStyle1{
    background-color: #fff;
    border: solid 1px #e3ebef;
    margin-bottom: 15px;
    padding: 30px;
    line-height: 22px;
    font-size: 15px;
  }

  .rese_details h2{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 13px;
  }

  .rese_details h3{
    font-size: 18px;
    font-weight: 700;
    margin: 0;
  }
  .rese_details h3 span.cancel{
    background: #ec0101;
    color: #FFF;
    font-size: 13px;
    padding: 4px 7px 6px 7px;
    display: inline-block;
    border-radius: 3px;
    margin-top: 3px;
  }


  .rese_details .warning{
    border: solid 1px #e3ebef;
    background: #FFF;
    display: block;
    padding: 20px;
    margin-bottom: 15px;
    font-size: 18px;
  font-weight: bold;
  }
  .rese_details .warning i{
    font-size: 24px;
    margin-right: 10px;
  }
  .rese_details .warning.cencelled{
    border-color: #ffa8a8;
    background: #FDF1F1;
  }
  .rese_details .warning.cencelled i{
    color: #bd0000;
  }

  .rese_details .warning.no-show{
    border-color: #f2c46d;
    background: #FBFAE6;
  }
  .rese_details .warning.no-show i{
    color: #f4a308;
  }

  .rese_details .warning_box{
    background: #fffad4;
    padding: 15px;
    padding-left: 55px;
    margin: 10px 0;
    border: 1px solid #FFCEB1;
    position: relative;
  }

  .rese_details .warning_box span{
    background: #b76d0d;
    display: block;
    color: #FFF;
    padding: 2px 7px 4px 7px;
    width: fit-content;
    font-size: 14px;
    margin-bottom: 4px;
    border-radius: 3px;
  }

  .rese_details .warning_box::before{
    position: absolute;
    font: normal normal normal 26px/1 FontAwesome;
    content: "\f06a";
    top: 15px;
    left: 15px;
    color: #f7b12b;
  }

  


  .rese_details_sub > div{
    padding-bottom: 20px;
    display: block;
  }

  .row.rese_details_sub{
    padding-bottom: 0px;
  } 

  .rese_details_sub span{
    color: #646464;
    display: block;
    font-size: 14px;
  }

  .rese_details_btn_main{
    cursor: pointer;
    position: relative;
  }


  .rese_details_btn_main .arrowpa{
    position: absolute;
    top: 0;
    right: 0;
  }


  .rese_details_btn1{
    cursor: pointer;
  }

  .rese_details_btn2{
    display: none;
  }

  .rese_details_cont{
    display: none;
  }

  .rese_details_cont.bortop{
    border-top: 1px solid #e8e8e8;
    padding: 10px 0;
    margin-top: 20px;
  }

  .rese_details_chat_main{
    padding-top: 20px;
  }

  .rese_details_chat{
    max-height: 500px;
    overflow: auto;

  }

  .rese_details_chat > div{
    max-width: 80%;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }

  .rese_details_chat > div .chat{
    padding: 5px 10px;
    border-radius: 5px;
  }

  .rese_details_chat > div .time{
    font-size: 13px;
    color: #888;
    margin-bottom: 2px;
  }

  .rese_details_chat .chat_sender{
    align-items:baseline;
  }
  .rese_details_chat .chat_sender .chat{
    /* background: #d5d5d5; */
    background: #08445b17;
  }  

  .rese_details_chat .chat_receiver{
    margin-left: auto;
    align-items: end;
  }

  .rese_details_chat .chat_receiver .chat{
    background: #08445B;
    color: #FFF;
   } 

   .rese_details_chat_main .no_chat{
    text-align: center;
    max-width: 100%;
    font-size: 16px;
    line-height: 30px;
    padding: 50px 0;
   }

   .rese_details_chat_main .no_chat img{
    max-width: 100px;
    margin: 0 auto;
   }

   .rese_details_chat_main .no_chat span{
    font-size: 24px;
    font-weight: bold;
   }
 .rese_details_chat_main .chat_form textarea{
    width: 100%;
    height: 100px;
    margin: 20px 0;
    border: 1px solid #e3e3e3;
    resize: vertical;
    padding: 10px;
    border-radius: 3px;
   } 
   .rese_details_chat_main .chat_form input{
    width: 100%;
    border-radius: 3px;
   }

   .rese_details_chat_main .chat_form label{
    cursor: pointer;
    /* background: #eaeaea; */
    color: #2b2b2b;
   /* padding: 5px 11px;
     margin-top: -55px;
    position: absolute; */
  }

  .rese_details_chat_main .chat_form input[type=button]{
    background: #1a91ce;
    width: fit-content;
    padding: 10px 30px;
    color: #FFF;
  }

  .rese_details ul{
    padding: 0;
  }
  .rese_details li{
    padding: 10px 0 10px 230px;
    position: relative;
    border-bottom: 1px solid #ececec;
  }
  .rese_details li span{
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 10px;
  }

  .rese_details .in_out{
    font-size: 16px;
    margin-top: 15px;
  }
  .rese_details .in_out span{
    display:inline-block;
  }
  .rese_details .in_out span:first-child{
    margin-right: 20px;
  }

  .rese_details .in_out i{
    font-size: 22px;
    vertical-align: middle;
    color: #717171;
    padding-right: 20px;
  }

  .rese_details_cont .room_details table{
    width: 100%;
  }

  .rese_details_cont .room_details table td{
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
  }

  .rese_details_cont .room_details table .bol{
    font-weight: bold;
  }
  .rese_details_cont .room_details table tr td:last-child{
    white-space: nowrap;
    text-align: right;
  }

  .rese_details .btn1{
    width: 100%;
    display: block;
    border: 1px solid #337ab7;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    border-radius: 3px;
  }

  .rese_details .btn1.deac{
    border: 1px solid #ccc;
    color: #BBB;
    pointer-events: none;
  }

  .rese_details .btn1.bgb{
    background:#d70505;
    border: 1px solid #d70505;
    color: #FFF;
  }

.rese_details .btn1.bgb.deac{
    background:#ccc;
    border: 1px solid #ccc;
    pointer-events: none;
  }
  
  .rese_details h4{
    margin: 20px 0 10px 0;
  font-weight: bold;
  }
  .rese_details select{
    width: 100%;
    padding: 10px;
    background: #FFF;
    border: 1px solid #e8e8e8;
    margin: 5px 0 15px 0;
  }

  .rese_details .updates{
    font-size: 12px;
  }
  .rese_details .updates span{
    padding: 3px 4px;
    margin-right: 5px;
    border-radius: 3px;
  }
  .rese_details .updates.warn span{
    background: #f7ff00;
  }
  .rese_details .updates.rece span{
    background: #12bb04;
    color: #FFF;
  }
  .rese_details .updates .red{
    color: #d50000;
    padding-bottom: 8px;
  }
  /* profile pic */
  #profile-photo img{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
  }



/*Header*/

  header{	
    width: 100%;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 999;
    background: #004158;
   }

  header .logo{
    width: 177px;
    overflow: hidden;
    display: flex;
    }
  header .container{ 
    padding: 20px;
  }
  header .mob-bar{
    display: none;
  }
 

  header .topMain{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header .top_navbar{
    width: 100px;
    display: flex;
    width: auto;
    position: relative;
  }
    header .top_navbar .item{
        color: #FFF;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        margin: 0 15px;
        text-align: center;
        cursor: pointer;
    }
    header .top_navbar .item .setting-btn{
        display: none;
    }



    header .top_navbar .item:nth-last-child(2){
        margin-right: 0;
    }


    header .top_navbar .item a{
        width: 100%;
    }

    header .top_navbar .item i{
        font-size: 23px;
        color: #FFF;
    }

    header .top_navbar .item .pro_pic{
        border: 1px solid #FFFFFF47;   
    }

    header .top_navbar .item.pro_pic   img{
        border-radius: 50%;
        object-fit: cover;
        height: 100%;
    }

    header .top_navbar .signbtn a{
        color: #fff;
        letter-spacing: 0.5px;
        border: solid 1px #ffffff47;
        padding: 5px 20px;
        font-size: 14px;
        border-radius: 5px;
    }



    header .user-dropdown{
        position: absolute;
        top: 40px;
        right: 0;
        width: 230px;
        background: #FFF;
        border-radius: 3px;
        /* padding: 10px 15px; */
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        display: none; 
    }
    header .user-dropdown a{
        display: block;
        background-size: 19px;
        background-repeat: no-repeat;
        background-position-y: 7px;
        background-position-x: 11px;
        padding: 6px 10px 6px 40px;
        color: #004158;
    }
    header .user-dropdown a:first-child{
        margin-top: 5px;
    }
     header .user-dropdown a:last-child{
        margin-bottom: 5px;
    }

    header .user-dropdown a:hover{
        color: #00415891;
    }
 
/*Header Ends */

.promotionCardWrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    align-items: baseline;

}

.promotionCard{
    width:calc(33.333% - 30px) ;
    margin: 15px;
    background: #F9F9F9;
    border: 1px solid #DDDDDD;
    padding: 20px;
    border-radius: 2px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 40px;
    position: relative;  
}

.promotionCard .heading{
    font-weight: bold;
    font-size: 22px;
    color: #204158;
}
.promotionCard .discount {
	background: #1A91C3;
	border-radius: 50%;
	padding: 25px 15px;
	color: #FFF;
	aspect-ratio: 1 / 1;
	width: fit-content;
	margin: 10px;
	line-height: 22px;
    margin-bottom: 0;
}
.promotionCard .discount span{
    font-size: 25px;
    display: block;
    font-weight: bold;
}
.promotionCard .date{
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.promotionCard .date span {
	display: block;
	color: #1a91c3;
	font-size: 16px;
    font-weight: normal;
}

.promotionCard .stayDate p{
    font-weight: bold;
    font-size: 15px;

}
.promotionCard .stayDate span{
    display: block;
	color: #1a91c3;
	font-size: 16px;
}
.promotionCard .boxMain{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5px;
}

.promotionCard .box {
	background: #1a91c3;
	color: #FFF;
	margin: 0 2px;
    margin-top: 4px;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 15px;
    display: flex;
    align-items: center;
}
.promotionCard .box span {
	font-weight: bold;
	font-size: 26px;
    padding-left: 5px;
}
.promotionCard .rates {
	font-size: 16px;
	margin-top: 5px;
	line-height: 28px;
}
.promotionCard .rates span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.promotionCard .arrowBtn {
	width: 40px;
	height: 40px;
	background: #1a91c3;
	border-radius: 50%;
	color: #FFF;
	font-size: 25px;
    position: absolute;
    bottom: -20px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.promotionCard .arrowBtn.rota{
    rotate: 180deg;
}
.promotionCard .arrowBtn i{
    margin-top: 8px;
    
}
.promotionCard .arrowBtn:hover{
    background: #1c87b5;
}
.promotionCard .boxExpa {
	width: 100%;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	text-align: left;
	margin-top: 20px;
    display:none;
    position: relative;
}
.promotionCard ul{
    padding-left:0 ;
}
.promotionCard .contList span{
    display:inline-block;
    width: 150px;
}
.promotionCard .contList li{
    padding:4px 0;
}
.promotionCard .btnMain{
    display: flex;
    justify-content: center;
}
.promotionCard .btnMain .btn{
    background: #1a91c3;
    color: #FFF;
    text-transform: uppercase;
    margin: 4px;
}
.promotionCard .addPromo {
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 5px;
}
.promotionCard .addPromo .btn {
    background: #1a91c3;
    color: #FFF;
    display: block;
    width: fit-content;
    margin: 10px auto;
    text-transform: uppercase;
}
.btnsty1 .btn{
    background-color: #0984e3;
    display: block;
    text-align: center;
    height: 36px;
    color: #fff;
    border-radius: 2px;
    letter-spacing: 0.5px;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
  }

  .mUser > .row{
    padding: 20px;
    min-width: 800px;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #e1e1e1;
  }

  .mUser .row:first-child{
    font-size: 14px;
    font-weight: 700;
    color: #00415d;
   }
   .mUser .proPic{
    width: 40px;
    aspect-ratio: 1 / 1 ;
    overflow: hidden;
    background: #84c9ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700; 
   }

   .mUser .proPic img{
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
   }

   .mUser .btn{
    border:1px solid #009ddb;
    color: #009ddb;
    display: table;
    margin-left: auto;
    background: #FFF;
   }

   .modalcenter{
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 70px);
   }

   .modalcenter.w500 > div{
    width: min(90vw, 500px); 
   }
   .modalcenter.w700 > div{
    width: min(90vw, 700px); 
   }

   .mUserModal .nav-tabs > li {
    font-size: 15px;
    font-weight: bold;
   }

   .mUserModal .nav-tabs > li.active > a{
    border-bottom: 2px solid #0984e3;
    font-weight: bold!important;
   }

   .btnwrap{
    display: flex;
    margin: 10px -5px;
   }

  .btnwrap button{
    margin: 5px;
   }

   .mUserModal form p{
    padding: 30px 0;
   }
   .mUserModal input{
    width: 100%;
    display: block;
    border-radius: 3px;
    border: 1px solid #a4a4a4;
    padding: 7px;
    margin-bottom: 15px;
    margin-top: 5px;
   }
   .mUserModal input:last-child{
    margin-bottom: 0px;
   }

   .mUserdropdown .dropdown-menu {
    right: 0;
    left: unset;
   }
   /* .mUser > .row:last-child .mUserdropdown .dropdown-menu {
    top: -118px;
   } */
 
   .mUserdropdown .dropdown-menu li a{
    padding-top: 7px;
    padding-bottom: 7px;
   }
   .listLeRi ul{ 
        padding: 0;
        margin-bottom: 0;
   }
   .listLeRi li{ 
    padding: 15px 0;
    border-bottom: 1px solid #c6c6c6;
    }
    .listLeRi li:first-child{ 
        padding-top: 0; 
    }

    .listLeRi li:last-child{ 
       border: 0;
       padding-bottom: 0;
    }

    .listLeRi li .row > div:first-child{ 
        font-weight: bold;
    }
    .listLeRi li .row > div:last-child{ 
        text-align: right;
    }
    .promotionDisc h2{
        font-size: 22px;
        font-weight: bold;
    }
    .promotionDisc h3{
        font-size: 16px;
        font-weight: bold;
    }

    .form1 input[type=text], .form1 input[type=number]{
        width: 100%;
        border: 1px solid #CCC;
        padding: 10px;
        border-radius: 5px;
        margin-top: 10px;
    }

    .form1 label[for="pres"] {
        position: relative;
    }

    .form1 label[for="pres"]::after {
        position: absolute;
        content: "%";
        top: 10px;
        right: -30px;
        width: 35px;
        height: 43px;
        background: #dfdfdf;
        text-align: center;
        padding-top: 10px;
        border-radius: 0 3px 3px 0;
    }

    .cont-checkMain{
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .cont-checkMain .cont-check{
        padding-left: 25px;
        margin-right: 20px;
    }

    .reviewEditMain{
        
    }

    .reviewEditMain > .row{
        border-bottom: 1px solid #dbdbdb;
        background: #eee;
        padding: 20px 0;
    }
    .reviewEditMain > .row > div:first-child{
        font-weight: bold;
    }
    .reviewEditMain > .row > div:last-child{
        text-align: end;
    }

    .btnDef{
        font-size: 16px;
        background-color: #1a91ce;
        border: 1px solid #1a91ce;
        color: #fff;
        padding: 10px 20px;
        position: relative;
        font-weight: 500;
        border-radius: 2px;
        text-align: center;
        width: fit-content;
        cursor: pointer;
        border-radius: 4px;
        
    }
    .btnDef:hover {
        background-color: #26a0de;
        color: #fff;
    }
    .btnDef a{
        color: #FFF;
    }

    .blockList{
        border: 1px solid #CCC;
        padding: 20px;
        border-radius: 5px;
        font-size: 15px;
    }
    .blockList ul{
        padding: 0;
        margin-top: 7px;
        max-height: 200px;
        overflow: auto;
    }
    .blockList li{
        padding: 7px 0;
        position: relative;
    }

    .blockList li span{
        position: absolute;
        top: 5px;
        left: 120px;
        color: #0786C8;
        cursor: pointer;
    }

    .promoEdit{
        position: relative;
    }
    .promoEdit .promoeditsubtitle{
        font-size: 17px;
    }

    .promoEdit .promoEditbtn{
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 16px;
        color: #0786C8;
        padding: 10px;
        cursor: pointer;
    }

    .tooltipCalendar, .tooltipCalendarDate {
        position: absolute;
        padding: 5px 10px;
        background: #555;
        border-radius: 5px;
        margin-top: 5px;
        color: #fff;
        top: 30px;
        font-size: 12px;
        animation: zoomtoti 0.5s;
        animation-iteration-count: infinite; 
        display: block;
        cursor: pointer;
    }
    .tooltipCalendar.dino, .tooltipCalendarDate.dino {
        display: none;
    }

    .tooltipCalendar::after, .tooltipCalendarDate::after{
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 6px solid #555;
        top: -6px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }
    @keyframes zoomtoti {
        0% {top: 30px;}
        50% {top: 35px;}
    }


    .curSym {
        position: relative;
    }
    .curSym span{
        position: absolute;
        display: block;
        left: 10px;
        top: 7px;
        z-index: 9;
        font-size: 14px;
        font-weight: bold;
    }
    .curSym input{
        padding-left: 45px!important;
    }
    .guestChatsMain{
        display: flex;
        min-height: 80vh;
    }
    .guestChatsMain .rese_details_chat_main{
        padding-top: 0;
    }
    .guestChatsMain .chatPersonHead{
        font-weight: bold;
        border-bottom: 1px solid #EAEAEA;
        padding-bottom: 10px;
        margin-bottom: 5px;
        margin-right: 20px;
    }

    .guestChatsMain .chatPersonlist{
        width:25% ;
        background:#E4F4FF ;
        border-right:1px solid #C8E5F9;
    }
    .guestChatsMain .chatPersonlist select{
        width: calc(100% - 30px);
        padding: 10px;
        background: #FFF;
        border: 1px solid #e8e8e8;
        margin: 0px 0 5px 15px;
        border-radius: 5px;
        font-size: 14px;
    }
    .guestChatsMain .chatPersonlist h4{
        font-size: 15px;
        margin: 0 0 10px 0px;
        padding-right: 65px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .guestChatsMain .chatPersonlist h4 span{
        position: absolute;
        top: 16px;
        right: 10px;
        left: unset;
        font-size: 12px;
        font-weight: normal;
    }

    .guestChatsMain .chatPersonlist ul{
        padding: 15px;
        padding-bottom: 0;
        max-height: 65vh;
        overflow: auto;
        margin-bottom: 0;
    }
    .guestChatsMain .chatPersonlist .moremsg{
        display: block;
        cursor: pointer;
        padding-left: 30px;
        padding-bottom: 10px;
        border-top: 1px solid #c6d3ddba;
        padding-top: 10px;
    }

    .guestChatsMain .chatPersonlist ul li{
        padding: 15px;
        border: 1px;
        margin-bottom: 2px;
    }
    .guestChatsMain .chatPersonlist ul li:hover,.guestChatsMain .chatPersonlist ul li.act {
        border-radius: 5px;
        cursor: pointer;
    }
    .guestChatsMain .chatPersonlist ul li:hover{
        background: #FFFFFFB0;
    }
    .guestChatsMain .chatPersonlist ul li.act {
        background: #FFF;
    }
    .guestChatsMain .chatPersonlist ul li p{
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 18px;
    }
    .guestChatsMain .chatPersonlist ul li i.unReadIcon{
        display: none;
        position: absolute;
        bottom: 14px;
        right: 8px;
        color: #00BF1E;
        font-size: 16px;
    }
    .guestChatsMain .chatPersonlist ul li.unRead i.unReadIcon{
        display: block;
    }
    .guestChatsMain .chatPersonlist ul li.unRead p{
        padding-right: 15px;
    }
    .guestChatsMain .rese_details_chat {
        /* max-height: 330px; */
        max-height: 50vh;
    }
    .guestChatsMain .chatWrap{
        width: 75%;
        display: flex;
        padding: 20px;
    }
    .guestChatsMain .chatMain{
        width: 65%;
        border-right: 1px solid #eaeaea;
        display: flex;
        flex-direction: column;
    }
    .guestChatsMain .chatPersonDetails{
        width:35%;
        font-size: 14px;
        padding-left: 20px;
    }
    .guestChatsMain .chatPersonDetails .title{
        font-size: 16px;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 10px;
        margin-bottom: 16px;
        color: #08445b;
    }

    .guestChatsMain .chatPersonDetails ul{
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #eaeaea;
    }
    .guestChatsMain .chatPersonDetails ul li{
        width: 50%;
        display: block;
        padding: 0;
        font-weight: bold;
        border: 0;
        padding-bottom: 20px;
    }
    .guestChatsMain .chatPersonDetails ul li:nth-child(odd){
        padding-right: 20px;
    }
    
    .guestChatsMain .chatPersonDetails ul li.w100{
        width: 100%;
    }
    .guestChatsMain .chatPersonDetails ul li span {
        position: unset;
        display: block;
        font-weight: normal;
        font-size: 13px;
    }
    .guestChatsMain .chatPersonlist .selectWrap label{
        padding: 15px;
        padding-bottom: 15px;
        padding-bottom: 0;
        font-size: 14px;
    }

    .guestChatsMain .backChatBtn{
        cursor: pointer;
        padding: 10px 15px 10px 5px;
    }
    .guestChatsMain .chat_form{
        margin-top: auto;
        padding-right: 20px;
    }
    .analytics-reports .search-field{
        display: flex;
    }
    .analytics-reports .search-field select, .analytics-reports .search-field input{
        width: 150px;
        margin-right: 3px;
        border-radius: 0px;
    }
    .analytics-reports .search-field *:first-child{
        border-radius: 5px 0 0 5px;
    }
    .analytics-reports .search-field *:last-child{
        margin-right: 0px;
        border-radius: 0 5px 5px 0;
    }

    .analytics-reports .search-field button {
        border: 0;
        background: #1a91c3;
        color: #FFF;
        padding: 0 10px;
    }
      
    .analytics-reports .heading{
        font-size: 16px;
        margin: 20px 0;
    }
    .analytics-reports .heading span{
        color: #004158;
        font-weight: bold;
    }
    .admin-dash .analytics-reports .data_fetchbox table{
        min-width:100%;
        border: 1px solid #eaeaea;
    }
    .admin-dash .analytics-reports .data_fetchbox table th, .admin-dash .analytics-reports .data_fetchbox table td {
        width: 25%;
        text-align: left;
        padding: 10px 2%!important;
    }
    .admin-dash .analytics-reports .data_fetchbox table tr:nth-child(even)
    {
       background-color: #f4f4f4; 
    }
    .admin-dash .analytics-reports .data_fetchbox .card .title{
        /* border-bottom: 1px solid #eaeaea; */
        padding: 6px;
        padding-left: 10px;
        margin-bottom: 6px;
        color: #242424;
        font-size: 14px;
        background: #cbeaf4;
    }
    .admin-dash .analytics-reports .data_fetchbox .card.secd{
        margin-top: 20px;
    }
    .admin-dash .analytics-reports .data_fetchbox .card .prye{
        font-size: 20px;
        font-weight: bold;
    }
    .admin-dash .analytics-reports .data_fetchbox .card span{
        display: block;
        font-weight: normal;
        font-size: 14px;
    }
    .admin-dash .analytics-reports .data_fetchbox .card .cuye{
        font-size: 30px;
        font-weight: bold;
        padding-top: 4px;
    }

    footer {
         margin-top: 50px; /**/
        font-size: 13px;
        background: #e1e6e8;
        padding: 30px 0;
       /*  border-top: solid 1px #F9F9F9; */
        box-shadow: 0 0 1px #0003;
    }
    footer .footerbg{
        background: red;
    }
    footer .social a {
        width: 18px;
        height: 18px;
        padding: 1px;
        margin-right: 5px;
        opacity: 0.6;
        display: inline-block;
    }
    footer .footer_menu ul{
        display: flex;
        justify-content: end;
        flex-wrap: wrap;
    }
    footer .footer_menu ul li:not(:last-child){
        margin-right: 20px;
    }
    footer .footer_menu ul li a{
        color: #333;
        padding: 5px 0;
        display: block;
    }
    footer .footer_menu ul li a:hover{
        color: #1a91c3;
    }
    footer .copyWrap{
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #cecece;
        margin-top: 20px;
        padding-top: 15px;
        flex-wrap: wrap;
    }
    /* footer .flogo{
        max-width: 150px;
    } */
  footer .flogo img{
        width: 150px;
    } 
    footer .footerSub{
        display: flex;
        justify-content: space-between;
    }

    .reviewNoData{
        display: flex;
        justify-content: center;
        align-items: center;
        height:calc(100vh - 425px)
    }
    .reviewNoData h1{
        text-align:center;
        font-size: 18px;
        font-weight: normal;
    }
    .reviewNoData img{
        width: 50px;
        margin-bottom: 5px;
    }



    


  



/* --- 328 ---- */
  



@media (min-width: 768px) {
    .occupancyChildren tr td:nth-child(1){width: 30%;}
    .occupancyChildren tr td:nth-child(2){width: 15%;}
    .occupancyChildren tr td:nth-child(3){width: 15%;}
    .occupancyChildren tr td:nth-child(4){width: 15%;}
    .occupancyChildren tr td:nth-child(5){width: 25%;}

    .extrabed tr td:nth-child(1){width: 30%;}
    .extrabed tr td:nth-child(2){width: 20%;}
    .extrabed tr td:nth-child(3){width: 15%;}
    .extrabed tr td:nth-child(4){width: 20%;}
    .extrabed tr td:nth-child(5){width: 15%;}
}

               

@media (max-width: 768px) {
    .occupancyChildren table, .occupancyChildren thead, .occupancyChildren tbody, .occupancyChildren th, .occupancyChildren td, .occupancyChildren tr {display: block;}
    .occupancyChildren thead tr {position: absolute; top: -9999px; left: -9999px;}
    .occupancyChildren tr {margin: 0 0 10px 0; }
    /* .occupancyChildren tr:nth-child(odd) {background: #f8f8f8;} 
    .occupancyChildren tr:hover{background:none;} */
	.occupancyChildren td { border: none; border-bottom: 1px solid #eee; position: relative;  padding-left: 45%!important;}
    .occupancyChildren td:first-child { padding-left: 15px!important; font-weight: bold; background: #f4f4f4; font-size: 16px;}
	.occupancyChildren td:before {position: absolute; top: 15px; left: 15px; width: 35%; padding-right: 10px; /*white-space: nowrap;*/ }
    /*.occupancyChildren td:nth-of-type(1):before { content: "Room name"; }*/
    .occupancyChildren td:nth-of-type(2):before { content: "Max total guests"; }
    .occupancyChildren td:nth-of-type(3):before { content: "Max adults"; }
    .occupancyChildren td:nth-of-type(4):before { content: "Max children"; }
    .occupancyChildren td:nth-of-type(5):before { content: "Max that pay children rate"; }

    .extrabed table, .extrabed thead, .extrabed tbody, .extrabed th, .extrabed td, .extrabed tr {display: block;}
    .extrabed thead tr {position: absolute; top: -9999px; left: -9999px;}
    .extrabed tr {margin: 0 0 10px 0; }
    /* .extrabed tr:nth-child(odd) {background: #f8f8f8;} 
    .extrabed tr:hover{background:none;} */
	.extrabed td { border: none; border-bottom: 1px solid #eee; position: relative;  padding-left: 45%!important;}
    .extrabed td:first-child { padding-left: 15px!important; font-weight: bold; background: #f4f4f4; font-size: 16px;}
    .extrabed td:nth-child(3) {padding-left: 15px!important;}
	.extrabed td:before {position: absolute; top: 15px; left: 15px; width: 35%; padding-right: 10px; /*white-space: nowrap;*/ }
    /*.extrabed td:nth-of-type(1):before { content: "Name"; }*/
    .extrabed td:nth-of-type(2):before { content: "Cribs"; }
    /* .extrabed td:nth-of-type(3):before { content: "-"; } */
    .extrabed td:nth-of-type(4):before { content: "Extra Beds"; }
    .extrabed td:nth-of-type(5):before { content: "Extra Bed Rate"; }


    .rese_details li{
        padding: 10px 0 10px 0px;
        position: relative;
        border-bottom: 1px solid #ececec;
      }
      .rese_details li span{
        position: relative;
        font-weight: 700;
        display: block;   
        top: 0;
      }
      .rese_details_btn_main .amt{
        margin-top: 20px;
      }
      .bgStyle1{
        padding: 15px;
        font-size: 14px;
      }
      .rese_details h3 {
        font-size: 16px;
        padding-right: 30px;
    }
    .rese_details h2 {
        font-size: 16px;
    }
    .rese_details_btn_main .arrowpa {
        right: 15px;
    }

    .admin-dash .data_fetchbox table {
        min-width: 1400px;
    }
    .admin-dash .data_fetchbox table.calendar {
        min-width: unset;
    }

    .admin-dash .allreser.data_fetchbox table td {
        white-space: inherit;
    }
    
    .promotionCard{
        width:calc(100%) ;
        margin: 0px;
        margin-bottom: 40px;
    }
    .mUser{ 
        overflow-x: auto;
        overflow-y:hidden;
    }

    .reviewEditMain > .row > div:nth-child(2){
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .form-type1 {
        width: 90%;
    }

    .admin-dash .listing_display .top-menu-type2 li a {
        font-size: 14px;
        line-height: normal;
        padding: 10px 20px;
    }
    .listing_display .listmenu li i {
        font-size: 15px;
    }
    .admin-dash .listing_display .top-menu-type2 li ul li a{
        line-height: 18px;
        padding: 7px 8px;
        font-size: 14px;
    }
    .admin-dash .listing_display .top-menu-type2 li.active ul li a{
        font-size: 14px;
        background-color: #f2f5f6;
    }

    .admin-dash .listing_display .top-menu-type2 li .downarrow {
        left: unset;
        right: 0;
    }
    .listing_display {
        padding-bottom: 0px;
    }
    .listing_display .listmenu {
        position: fixed;
        z-index: 1;
        /* width: 90%; */
        width: calc(100vw - 30px);
        max-height: calc(100vh - 85px);
        overflow: scroll;
        top: 72px;
        display: none;
        border-radius: 0 0 5px 5px;
        z-index: 100;
    }
    .admin-dash .listing_display .top-menu-type2 li ul .pointnav {
        display: none;
    }
    .admin-dash .listing_display .top-menu-type2 li:hover {
        background: #0040570d;
    }
    .admin-dash .listing_display .top-menu-type2 li ul li a:hover {
        background-color: #F2F5F6;
    }

    .admin-dash .listing_display .top-menu-type2 li:hover ul {
        width: calc(100% );
        margin-left: 35px;
        margin-right: 0px;
    }
    .admin-dash .listing_display .top-menu-type2 li ul{
        padding: 0;
        box-shadow:0;
    }
    
    header .top_navbar .item{
        width: 35px;
        height: 30px;
        margin: 0 5px;
        display: flex;
        align-items: center;
    }

    header .top_navbar .item .setting-btn{
        display: block;
    }
    header .top_navbar .item .list-btn{
        display: none;
    }

    .admin-welcome-banner {
        padding: 0px;
        padding-bottom: 20px;
        height: 100%;
    }
    .admin-welcome-banner h1 {
        font-size: 32px;
        line-height: 44px;
        padding: 5px 0px;
    }
    .admin-welcome-banner h3 {
        margin-top: 0px;
    }
    .admin-welcome-banner ul {
        margin-top: 20px;
    }
    .admin-welcome-banner ul li {
        display: inline-block;
        width: 100%;
    }
    .p-listing {
        height: auto;
        padding-bottom: 20px;
    }
    .admin-dash .reservation-box .sum {
        height: 100px;
        border-top: 0;
    }
    .admin-dash .reservation-box .sum > div {
        position: absolute;
        right: 16px;
        border-top: solid 1px #d4dadc;
        padding-top: 20px;
        width: calc(100% - 32px);
    }

    .admin-dash .filternav .form-group {
        width: 100%;
        margin-bottom: 10px;
    }
    /* .admin-dash .filternav #filter-form .form-group:nth-child(3), .admin-dash .filternav #filter-form .form-group:nth-child(4){
        width: 49%;
    } */
    .admin-dash .filternav #filter-form .form-group:nth-child(5) label{
        display: none;
    }
    .admin-dash .filternav #filter-form .form-group:nth-child(5) .btn{
        margin-bottom: 20px;
    }
    .admin-dash .filternav .form-group .btn {
        display: block;
        padding: 8px;
        height: unset;
        margin-top: 10px;
    }
    .admin-dash ul.basic_ifo_tax li{
        font-weight: normal;
    }
    .guestChatsMain{
        /* flex-direction: unset; */
        flex-direction: column;
    }
    .guestChatsMain .chatPersonlist{
        width:100% ;
    }
    .guestChatsMain .chatWrap{
        width: 100%;
        flex-direction: column;
    }
    .guestChatsMain .chatMain{
        width: 100%;
        border: 0;
    }
    .guestChatsMain .chatPersonDetails {
        width: 100%;
        font-size: 14px;
        padding-left: 0px;
        padding-top: 20px;
        margin-top: 20px;
        box-shadow: 0 -13px 10px -13px #ccc;
    }
    .guestChatsMain .no_chat{
        display: none;
    }
    .guestChatsMain .chat_form{
        padding-right: 0px;
    }
    .guestChatsMain .chatPersonHead{
        margin-right: 0px;
    }
    .admin-dash .analytics-reports .data_fetchbox table{
       margin-top: 30px;
    }
    .analytics-reports .search-field select, .analytics-reports .search-field input{
        width: 33.3333%;
    }
    
    .them1 .position-md-sticky{
        position:unset; 
        top: 10px;
    }
    footer .footerSub, footer .copyWrap{
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    footer .footer_menu ul {
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
        margin-top: 10px;
    }
    footer .social{
        margin-bottom: 10px;
    }
    .reviewNoData{
        height:calc(100vh - 370px)
    }

    .them1 .data_fetchbox {
        padding: 15px;
    }

    
     


/* 328 Mobile*/



}/* END - @media (max-width: 768px) /


/* ======================================================================================================================================================================================================================================================================== */

.customerzone{}
.customerzone h1{font-size: 24px;}
.customerhoteltopaddress i{color: #0084bd; margin-right: 10px; font-size: 16px;}
.customerMainGallery{display:flex; flex-wrap: wrap; margin-top: 30px; }
.customerMainGallery > div{margin: 0px;}
.customerGalleryLeft > div{aspect-ratio: 3 / 2;  background: #ccc;  }
.customerGalleryRight > div{aspect-ratio: 4 / 3;  background: #ccc; border-left: 10px solid #FFF;}
.customerGallery{background: #CCC; overflow: hidden; position: relative;}
.customerGallery img{min-height: 100%; min-width: 100%; object-position: 50%; object-fit: cover; }
.customerGalleryLeft{ width:calc(35.435%); }
.customerGalleryRight{width:calc(64.565%);}
.customerGalleryLeft > div:nth-child(2){margin-top: 10px;}
.customerGallerybottom{margin-top: 20px; display: flex;}
.customerGallerybottom > div{aspect-ratio: 3 / 2;  margin:10px 10px 0 0;}
.customerGallerybottom > div:last-child{margin:10px 0px 0 0;}

.galleryThumMain > div > div{aspect-ratio: 3 / 2; margin-bottom: 30px;} 

.customerGallery span{position: absolute;  height: 100%; width: 100%; padding-top:30% ; text-align: center; color: #FFF; background : rgb(0, 0, 0, 0.8); font-size: clamp(14px 30vw 18px) ; font-weight: bold;}

.customerzoneMap iframe{width: 100%;height: 245px; margin-top: 30px;}
.customerzoneFaciMain{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}
.customerzoneFaciSub{margin:5px}
.customerzoneFaciSub i{font-size: 20px;}
.customerzoneFaciMain.blk .customerzoneFaciSub{border:1px solid #e7e7e7;padding:20px;flex-grow:1;}
.customerzoneFaciMain.grn .customerzoneFaciSub{color: green; margin-right: 20px;}
.customerzoneFaciMain.grn i{font-size: 14px;}

 .plmi[aria-expanded=true] .fa-plus {display: none;}
 .plmi[aria-expanded=false] .fa-minus {display: none;}

.lightbox img:not(.lightbox-disabled){cursor:-webkit-zoom-in;cursor:zoom-in}
.lightbox-gallery{visibility:hidden;position:fixed;left:0;/*!rtl:ignore*/
top:0;width:100%;height:100%;z-index:1100;background-color:rgba(0,0,0,.9);opacity:0;pointer-events:none;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.lightbox-gallery .lightbox-gallery-toolbar{position:absolute;top:0;left:0;/*!rtl:ignore*/
width:100%;height:50px;z-index:1110;-webkit-transition:opacity .4s;transition:opacity .4s}
.lightbox-gallery .lightbox-gallery-toolbar .lightbox-gallery-left-tools{float:left;height:100%}
.lightbox-gallery .lightbox-gallery-toolbar .lightbox-gallery-right-tools{float:right}
.lightbox-gallery .lightbox-gallery-toolbar button{border:none;background:0 0;width:50px;height:50px;color:#b3b3b3;-webkit-transition:color .2s;transition:color .2s}
.lightbox-gallery .lightbox-gallery-toolbar button:hover{color:#fff}
.lightbox-gallery .lightbox-gallery-toolbar button:before{font:normal normal normal 14px/1 FontAwesome;font-weight:900}
.lightbox-gallery .lightbox-gallery-toolbar button.fontawesome-pro:before{font:normal normal normal 14px/1 FontAwesome}
.lightbox-gallery .lightbox-gallery-toolbar button.lightbox-gallery-fullscreen-btn:before{content:""}
.lightbox-gallery .lightbox-gallery-toolbar button.lightbox-gallery-fullscreen-btn.active:before{content:""}
.lightbox-gallery .lightbox-gallery-toolbar button.lightbox-gallery-zoom-btn:before{content:""}
.lightbox-gallery .lightbox-gallery-toolbar button.lightbox-gallery-zoom-btn.active:before{content:""}
.lightbox-gallery .lightbox-gallery-toolbar button.lightbox-gallery-close-btn:before{content:""}
.lightbox-gallery .lightbox-gallery-counter{height:100%;color:#b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;margin-bottom:0;direction:ltr/*!rtl:ignore*/}

.lightbox-gallery .lightbox-gallery-content{position:fixed;top:50px;left:50px;/*!rtl:ignore*/
width:calc(100% - 100px);height:calc(100% - 100px)}
.lightbox-gallery .lightbox-gallery-content .lightbox-gallery-image{position:absolute;left:0;/*!rtl:ignore*/
top:0;width:100%;height:100%;opacity:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transition:all .4s ease-out;transition:all .4s ease-out;pointer-events:none}
.lightbox-gallery .lightbox-gallery-content .lightbox-gallery-image img{position:absolute;left:0;/*!rtl:ignore*/
top:0;width:100%;max-width:100%;height:auto;cursor:pointer;pointer-events:auto}
.lightbox-gallery .lightbox-gallery-content .lightbox-gallery-image img.vertical{height:100%;max-height:100%;width:auto;max-width:none}
.lightbox-gallery .lightbox-gallery-arrow-right{position:fixed;right:0;top:0;width:50px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .4s;transition:opacity .4s}
.lightbox-gallery .lightbox-gallery-arrow-right button{border:none;background:0 0;width:50px;height:50px;color:#b3b3b3;-webkit-transition:color .2s;transition:color .2s}
.lightbox-gallery .lightbox-gallery-arrow-right button:hover{color:#fff}
.lightbox-gallery .lightbox-gallery-arrow-right button:before{font:normal normal normal 14px/1 FontAwesome;font-weight:900;content:""}
.lightbox-gallery .lightbox-gallery-arrow-right button.fontawesome-pro:before{font:normal normal normal 14px/1 FontAwesome}
.lightbox-gallery .lightbox-gallery-arrow-left{position:fixed;left:0;top:0;width:50px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .4s;transition:opacity .4s}
.lightbox-gallery .lightbox-gallery-arrow-left button{border:none;background:0 0;width:50px;height:50px;color:#b3b3b3;-webkit-transition:color .2s;transition:color .2s}
.lightbox-gallery .lightbox-gallery-arrow-left button:hover{color:#fff}
.lightbox-gallery .lightbox-gallery-arrow-left button:before{font:normal normal normal 14px/1 FontAwesome;font-weight:900;content:""}
.lightbox-gallery .lightbox-gallery-arrow-left button.fontawesome-pro:before{font:normal normal normal 14px/1 FontAwesome}
.lightbox-gallery .lightbox-gallery-caption-wrapper{position:fixed;left:0;bottom:0;width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.lightbox-gallery .lightbox-gallery-caption-wrapper .lightbox-gallery-caption{color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 10px;text-align:center}
.lightbox-gallery .lightbox-gallery-loader{position:fixed;left:0;top:0;z-index:2;width:100%;height:100%;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;-webkit-transition:opacity 1s;transition:opacity 1s}
.lightbox-gallery button:focus{outline:0;color:#fff}


.admin-dash .data_fetchbox .occupancyRates table{width: 100%; border-width:0; margin-top: 30px; }
.admin-dash .data_fetchbox .occupancyRates input{margin:10px 0;}
.admin-dash .data_fetchbox .occupancyRates table td, .admin-dash .data_fetchbox .occupancyRates table th{ border-width:0 1px 1px 0;  vertical-align: middle; text-align: left; }
.admin-dash .data_fetchbox .occupancyRates table th:first-child{padding:10px 15px 10px 0px!important; margin-bottom: 10px;}
.admin-dash .data_fetchbox .occupancyRates table td:first-child{padding:2px 15px 2px 0px!important;}
.admin-dash .data_fetchbox .occupancyRates table th:nth-child(2){padding:10px 15px!important; margin-bottom: 10px;}
.admin-dash .data_fetchbox .occupancyRates table td:nth-child(2){padding:2px 15px!important;}
.admin-dash .data_fetchbox .occupancyRates table th:last-child{padding:10px 0px 10px 15px!important; margin-bottom: 10px;}
.admin-dash .data_fetchbox .occupancyRates table td:last-child{padding:2px 0px 2px 15px!important;}
.admin-dash .data_fetchbox .occupancyRates table th{padding-bottom: 20px;}
.admin-dash .data_fetchbox .occupancyRates table tr:hover {background:#FFF!important;}
.admin-dash .data_fetchbox .occupancyRates table thead, .admin-dash .data_fetchbox .occupancyRates table tbody {border-width:1px 0px 0px 1px;}
.admin-dash .data_fetchbox .occupancyRates table tr th:last-child, .admin-dash .data_fetchbox .occupancyRates table tr td:last-child{text-align: right;}

@media (max-width: 768px) {
    .admin-dash .data_fetchbox .occupancyRates table, .admin-dash .data_fetchbox .occupancyRates thead, .admin-dash .data_fetchbox .occupancyRates tbody, .admin-dash .data_fetchbox .occupancyRates th, .admin-dash .data_fetchbox .occupancyRates td, .admin-dash .data_fetchbox .occupancyRates tr {display: block;}
    .admin-dash .data_fetchbox .occupancyRates input{margin: 0px 0 10px 0;}
    .admin-dash .data_fetchbox .occupancyRates table td:first-child{padding:10px 15px 10px 160px!important;}
    .admin-dash .data_fetchbox .occupancyRates table td:nth-child(2){padding:10px 15px 10px 160px!important;}
    .admin-dash .data_fetchbox .occupancyRates table td:last-child{padding:10px 15px 10px 160px!important;}
    .admin-dash .data_fetchbox .occupancyRates thead tr {position: absolute; top: -9999px; left: -9999px;}
    .admin-dash .data_fetchbox .occupancyRates tr {margin: 0; padding: 20px 0px; }
    .admin-dash .data_fetchbox .occupancyRates tr:nth-child(odd) {background: #f8f8f8;} 
    .admin-dash .data_fetchbox .occupancyRates table tr th:last-child, .admin-dash .data_fetchbox .occupancyRates table tr td:last-child{text-align: left;}
	.admin-dash .data_fetchbox .occupancyRates td { border: none; /*border-bottom: 1px solid #eee;*/ position: relative; /* padding-left: 160px!important;*/ }
	.admin-dash .data_fetchbox .occupancyRates td:before {position: absolute; top: 10px; left: 15px; width: 150px; padding-right: 10px; white-space: nowrap; font-weight: bold; }
    .admin-dash .data_fetchbox .occupancyRates td:nth-of-type(1):before { content: "Occupancy"; }
    .admin-dash .data_fetchbox .occupancyRates td:nth-of-type(2):before { content: "Discount (INR)"; }
    .admin-dash .data_fetchbox .occupancyRates td:nth-of-type(3):before { content: "Sell rate (INR)"; }  
}