/* default */
.main-content-wrap.sidenav-open {
    width: calc(100% - 120px);
    background: #f4f7f9;
}

.main-content-wrap {
    background: #f4f7f9;
}

.form-select {
    font-size: 0.813rem !important;
    border-radius: 2px;
}

.form-control,
select {
    border-radius: 2px;
    font-size: 0.813rem !important;
    height: calc(1.9695rem + 6px) !important;
}

.breadcrumb h1 {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    font-weight: 600;
}

label {
    display: inline-block;
    margin-bottom: 0;
}

.form-check-input {
    width: 1.2em;
    height: 1.2em;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.75em;
    color: #6c757d;
}

.input-group [type="text"].form-control {

    height: calc(1.9695rem + 6px);
}

.selectize-input {
    border-radius: 0;
}

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

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(255 255 255 / 5%);
}

.btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    border-radius: 2px;
    padding: 0.5rem 1.25rem;
}

.btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

.ui-widget {
    font-family: "Maven Pro", sans-serif !important;
    font-size: 0.813rem;
}

.form-check-inline .form-check-input {

    margin-top: 0.25em;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.2 * var(--bs-gutter-x)) !important;
    margin-left: calc(-.2 * var(--bs-gutter-x)) !important;
}

.row>* {
    flex-shrink: 0;
    padding-right: calc(var(--bs-gutter-x) * .2) !important;
    padding-left: calc(var(--bs-gutter-x) * .2) !important;
    margin-top: var(--bs-gutter-y);
}

.mb-20 {
    margin-bottom: 30px !important;
}

#memmsta_dashboard {
    width: 100%;
}

#memmsta_dashboard .heading {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ededed;
    padding: 10px 0px;
}

#memmsta_dashboard .heading .left_side {
    width: 80%;
}

#memmsta_dashboard .heading .left_side h2 {
    color: #293991;
    font-size: 1.2rem;
    font-weight: 700;
}

#memmsta_dashboard .heading .left_side h4 {
    color: #000;
    font-size: 0.875rem;
    font-weight: 400;
}

#memmsta_dashboard .heading .left_side h4 span {
    color: #e41414;
}

#memmsta_dashboard .heading .right_side {
    width: 20%;
    display: flex;
    justify-content: flex-end;
}

#memmsta_dashboard .booking_bg {
    width: 100%;
    display: flex;
    margin-top: 20px;
}

#memmsta_dashboard .booking_bg .colums {
    transition: all 0.4s ease-in-out;
    border-radius: 2px;
    position: relative;
    width: 12.5%;
    height: 165px;
    margin: 0px 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#memmsta_dashboard .booking_bg .colums h2 {
    transition: all 0.4s ease-in-out;
    text-align: center;
    font-size: 2rem;
    color: #293991;
    font-weight: 600;
}

#memmsta_dashboard .booking_bg .colums:hover h2 {
    transform: translateY(-10px);
}

#memmsta_dashboard .booking_bg .colums .clr_heading {
    position: absolute;
    border-radius: 0px 0px 2px 2px;
    bottom: -1px;
    background: #3fc02d;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}

#memmsta_dashboard .booking_bg .colums .clr_heading h5 {
    text-align: center;
    font-size: 0.813rem;
    color: #fff;
    font-weight: 400;
}

#memmsta_dashboard .booking_bg .active {
    background: #293991 !important;
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    transform: scale(1.1);
}

#memmsta_dashboard .booking_bg .active h2 {
    color: #fff !important;
}

#memmsta_dashboard .booking_bg .clr-1 {
    background: #cbe4f9;
    border-bottom: 4px solid #add1f0;
}

#memmsta_dashboard .booking_bg .clr-2 {
    background: #b8fafb;
    border-bottom: 4px solid #88e7e9;
}

#memmsta_dashboard .booking_bg .clr-3 {
    background: #eff9da;
    border-bottom: 4px solid #e5f8bd;
}

#memmsta_dashboard .booking_bg .clr-4 {
    background: #f9ebdf;
    border-bottom: 4px solid #fbdbbf;
}

#memmsta_dashboard .booking_bg .clr-5 {
    background: #f9d8d6;
    border-bottom: 4px solid #f5bbb8;
}

#memmsta_dashboard .booking_bg .clr-6 {
    background: #d6cdea;
    border-bottom: 4px solid #c3b2ea;
}

#memmsta_dashboard .booking_bg .clr-7 {
    background: #f9dbee;
    border-bottom: 4px solid #fac4e6;
}

#memmsta_dashboard .booking_bg .clr-8 {
    background: #dbd3c5;
    border-bottom: 4px solid #dbcbb0;
}

#memmsta_dashboard .no_booking {
    border: 1px solid #f2faff;
    padding: 50px;
}

#memmsta_dashboard .no_booking h5 {
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
}

#memmsta_dashboard .availability_box {
    padding: 20px;
    background: #f5f5f5;
    height: 100%;
    border-left: 1px solid #e1e1e1;
}

#memmsta_dashboard .availability_box table th {
    font-size: 0.875rem;
    font-weight: 500;
}

#memmsta_dashboard .availability_box h3 {
    color: #293991;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}

#memmsta_dashboard .dashboard_body h5 {
    font-size: 1rem;
    font-weight: 600;
}

#memmsta_dashboard .ripple,
#dashboard_offcanvas .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#memmsta_dashboard .ripple:hover,
#dashboard_offcanvas .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#memmsta_dashboard .table_box {
    width: 100%;
}

#memmsta_dashboard .table_box table,
#dashboard_offcanvas table,
#privacypolicy table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#memmsta_dashboard .table_box table tr td .outbox {
    display: flex;
    width: 100%;
    flex-direction: column;
}

#memmsta_dashboard .table_box table tr td .outbox .full_colums {
    width: 100%;
}

#memmsta_dashboard .table_box .confirmed {
    color: #3fc02d;
    font-weight: 600;
}

#memmsta_dashboard .table_box .cancelled {
    color: #cf142b;
    font-weight: 600;
}

#dashboard_offcanvas .offcanvas,
#dashboard_offcanvas .offcanvas-lg,
#dashboard_offcanvas .offcanvas-md,
#dashboard_offcanvas .offcanvas-sm,
#dashboard_offcanvas .offcanvas-xl,
#dashboard_offcanvas .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 540px;
    background: #f4f4f4;
}

#dashboard_offcanvas h3 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
}

#memmsta_dashboard .table_box h2 {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}


#dashboard_offcanvas .support {
    margin-bottom: 10px;
    border-color: #c4d4dd;
    font-size: 0.813rem;
    background: #fff;
    padding: 10px;
}

#dashboard_offcanvas .details {
    padding: 5px 0px;
    font-size: 0.813rem;
}

#dashboard_offcanvas .details a {
    color: #293991;
    text-decoration: none;
}

#dashboard_offcanvas .details i {
    color: #3fc02d;
}

#dashboard_offcanvas .offcanvas-body {
    padding: 0px 15px;
}

#dashboard_offcanvas .rate_box {
    text-align: center;
    padding: 10px 0px;
}

/* dashboard close */

/* hotel list css start here */
#hotel_lists {
    width: 100%;
}

#hotel_lists .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px
}

#hotel_lists .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#hotel_lists .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem !important;
    margin-right: 10px
}

#hotel_lists .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#hotel_lists .hotel_table {
    margin: 0;
}

#hotel_lists .hotel__boxes .selectize-input {

    border: 1px solid #ced4da;
    margin-top: 3px;
    padding: 0.375rem 0.75rem;
}

.selectize-dropdown,
#hotel_lists .hotel__boxes .selectize-input,
.selectize-input input {

    line-height: 1.5;
}

#hotel_lists .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#hotel_lists .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#hotel_lists .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#hotel_lists .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#hotel_lists .top__boxes .left_side h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
}

#hotel_lists .top__boxes .left_side h3,
#hotel_lists .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}

#hotel_lists .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#hotel_lists .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#hotel_lists .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#hotel_lists .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#hotel_lists .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#hotel_lists .hotel_table table tr td .boxes {
    display: flex;
}

#hotel_lists .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#hotel_lists .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#hotel_lists .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hotel_lists .hotel_table table tr td .closed_notbookable {
    color: #ff3131;
    font-weight: 500;
}

#hotel_lists .hotel_table table tr td .open_closed {
    color: #228b22;
    font-weight: 500;
}

#hotel_lists .hotel_table table tr td .soldout {
    color: orange;
    font-weight: 500;
}

#hotel_lists .hotel_table table .right_pdng {
    padding-right: 40px;
}

#hotel_lists .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#hotel_lists .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#hotel_lists .hotel_table .center_btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#hotel_lists .hotel_table .center_btn .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
}

#hotel_lists .hotel_table .center_btn .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}



@media (max-width: 767px) {
    #hotel_lists .hotel_table table tr td .boxes {
        flex-direction: column;
    }

    #hotel_lists .hotel_table table tr td .boxes .flag {
        width: 100%;
        padding-bottom: 10px 0px;
    }
}

/* hotel kist css close here */

/* rate inventory - desktop start here */
#date_inventory {
    width: 100%;
}

#date_inventory .rate_inventory_box {

    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 9;
}



#date_inventory .rate_inventory_box .outerbox {
    display: flex;
    padding: 15px;
}

#date_inventory .rate_inventory_box .outerbox_two {
    display: flex;
    padding: 0;
}

#date_inventory .rate_inventory_box label,
#rate_inventory_offcanvas label {
    font-size: 0.813rem;
}

#date_inventory .rate_inventory_box .outerbox .arrow {
    width: 5%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#date_inventory .rate_inventory_box .outerbox .arrow_last {
    width: 5%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#date_inventory .rate_inventory_box .outerbox .arrow .round,
#date_inventory .rate_inventory_box .outerbox .arrow_last .round {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 1.2rem;
    color: #fff;
    background: #293991;
    display: flex;
    justify-content: center;
    align-items: center;
}

#date_inventory .rate_inventory_box .outerbox .rate_inverty_select {
    width: 20%;
    padding: 0px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#date_inventory .form-group {
    margin-bottom: 0;
}

#date_inventory .rate_inventory_box .outerbox .date_range {
    width: 20%;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#date_inventory .rate_inventory_box .outerbox .channels {
    width: 20%;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#date_inventory .rate_inventory_box .outerbox .room_category {
    width: 20%;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#date_inventory .rate_inventory_box .outerbox .refresh {
    width: 5%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

#date_inventory .rate_inventory_box .outerbox .refresh a {
    color: #293991;
}

#date_inventory .rate_inventory_box .outerbox .dots {
    width: 5%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

#date_inventory .rate_inventory_box .outerbox .dots a {
    color: #293991;
}

#date_inventory .rate_inventory_box .table_box {
    border-radius: 5px;
    background: #d9e8f1;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

#date_inventory .rate_inventory_box .table_box table {
    margin-bottom: 0;
    border-color: #c4d4dd;
    font-size: 0.813rem;
}

#date_inventory .boxes table td .rating {
    color: #0046f5;
}

#date_inventory .boxes table td .inr {
    color: #656c7b;
}

#date_inventory .boxes table th .f700 {
    font-weight: 700 !important;
}

#date_inventory .rate_inventory_box .table_box .outerbox_two {
    width: 100%;
}

#date_inventory .rate_inventory_box .table_box .outerbox_two .col11 {
    width: 11.12%;
}

#date_inventory .boxes {
    margin: 10px 0px;
}

#date_inventory .boxes .headings {
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

#date_inventory .table_box .top_head .table-bordered th {
    border: 1px solid #bcc1c6;
}

#date_inventory .boxes .headings h3 {
    font-size: 1.1rem;
    color: #293991;
    font-weight: 500;
    margin-bottom: 10px;
}

#date_inventory .boxes .headings h3 span {
    font-size: 0.813rem;
    border-radius: 5px;
    color: #000;
    padding: 5px 8px;
    font-weight: 400;
    margin-bottom: 10px;
    background: #ffe9a7;
}

#date_inventory .boxes .bulkbtn .btn_bulk {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#date_inventory .boxes .bulkbtn .btn_bulk:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#date_inventory .boxes table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#date_inventory .boxes table th {
    font-weight: 500;
}

#date_inventory .boxes table td {
    font-weight: 500;
}

#date_inventory .boxes table th .f700 {
    font-weight: 700 !important;
}

#date_inventory .boxes table td .f700 {
    font-weight: 700 !important;
}

#date_inventory .boxes table td .bookable {
    border-radius: 5px;
    background: #228b22;
    padding: 5px;
    color: #fff;
}

#date_inventory .boxes table td .closed {
    border-radius: 5px;
    background: #ff3131;
    padding: 5px;
    color: #fff;
}

#date_inventory .boxes table td .roomtosell {
    font-weight: 700 !important;
    color: #0046f5;
    text-align: center;
}

#date_inventory .boxes table td .closed_bg {
    background: #fbb9ba !important;
}

#date_inventory .boxes table .col11 {
    width: 11.12%;
}

/* forms */
#date_inventory .form-group,
.form-floating {
    position: relative;
}

#rateinventory .form-check-input {
    height: 1.6em !important;
}

#date_inventory .form-group input,
#date_inventory .form-floating input,
#date_inventory .form-group .form-select,
#date_inventory .form-floating .form-select {
    border-radius: 2px;
    height: calc(1.9695rem + 6px) !important;
    padding: 0 20px;
    width: 100%;
    font-size: 0.813rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #5a5a59;
    border: 1px solid #ced4da;
}

#rateinventory .form-check-input {
    height: 1.6em !important;
}

#date_inventory .form-group input:focus,
#date_inventory .form-floating input:focus,
#date_inventory .form-group textarea:focus,
#date_inventory .form-floating textarea:focus,
#date_inventory .form-group .form-select:focus,
#date_inventory .form-floating .form-select:focus,
#date_inventory .form-group select:focus,
#date_inventory .form-floating select:focus {
    color: #5a5a59;
    outline: 0;
    box-shadow: none;
    border-color: #293991;
    transition: all 0.6s ease-in-out;
}

#date_inventory .form-group input:disabled,
#date_inventory .form-floating input:disabled,
#date_inventory .form-group input[readonly],
#date_inventory .form-floating input[readonly] {
    background-color: #293991;
}

#date_inventory .form-group textarea,
#date_inventory .form-floating textarea {
    height: 100px;
    padding: 10px 20px;
    border-radius: 0px;
    resize: none;
    width: 100%;
    font-size: 1rem;
    border: 1px solid #ced4da;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#rate_inventory_offcanvas .offcanvas,
#rate_inventory_offcanvas .offcanvas-lg,
#rate_inventory_offcanvas .offcanvas-md,
#rate_inventory_offcanvas .offcanvas-sm,
#rate_inventory_offcanvas .offcanvas-xl,
#rate_inventory_offcanvas .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 540px;
}

#rate_inventory_offcanvas .offcanvas-body .form-control {
    border-radius: 0 !important;
}

#rate_inventory_offcanvas .month p {
    margin-bottom: 0;
    font-size: 0.813rem;
}

#rate_inventory_offcanvas h3 {
    font-weight: 500;
    font-size: 1.4rem;
    color: #000;
}

#rate_inventory_offcanvas .rooms_inventory h4 {
    font-weight: 600;
    font-size: 1rem;
    color: #000;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border {
    border: 1px solid #e5e6ea;
    padding: 15px;
    margin-bottom: 10px;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border h5 {
    font-size: 0.813rem;
    font-weight: 600;
    color: #000;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist {
    display: flex;
    align-items: center;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .leftside {
    width: 30%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside {
    width: 70%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .fullwidth {
    width: 100%;
    margin-bottom: 5px;

}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .btn_box {
    display: flex;
    margin-top: 10px;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .btn_box .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .btn_box .btn_cancel {
    background-color: #797a7d;
    border-color: #797a7d;
    margin-left: 10px;
    color: #fff;
    font-size: 0.813rem;

}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .btn_box .btn_cancel:hover {
    background-color: #797a7d;
    border-color: #797a7d;
    -webkit-box-shadow: 0 8px 25px -8px #797a7d;
    box-shadow: 0 8px 25px -8px #797a7d;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity,
#add__hotel .hotel__boxes .tablelist .rightside .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity-input,
#add__hotel .hotel__boxes .tablelist .rightside .quantity-input {
    display: block;
    width: 50%;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity .minus,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .minus,
#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity .plus,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
    height: 28px;
    cursor: pointer;
    font-size: 1.8rem;
    background: none;
    color: #293991;
    padding: 0;
    border: none;
    border-radius: 5px;
    transition: all 0.2s linear;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity .minus:hover,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .minus:hover,
#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity .plus:hover,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .plus:hover {
    color: #293991;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity .minus::-moz-selection,
#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity .plus::-moz-selection {
    background: none;
}

#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity .minus::selection,
#rate_inventory_offcanvas .rooms_inventory .boxes_border .tablelist .rightside .quantity .plus::selection {
    background: none;
}

#rate_inventory_offcanvas .offcanvas-body .boxes_border .form-controls {
    display: inline-block;
    width: 100px;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#rate_inventory_offcanvas .form-check-input {
    width: 1.2em;
    height: 1.2em;
}

#date_inventory .boxes table .col11 {
    width: 11.12%;
}

/* rate inventory - desktop close here */

/* add hotel css start */
#add__hotel p {
    font-size: 0.813rem;
}

#add__hotel a {
    text-decoration: none;
}

#add__hotel {
    /* background-color: #fff; */
    width: 100%;
}

#add__hotel .hotel__boxes .radio_block {
    display: flex;
}

#add__hotel .hotel__boxes .radio_block .form-check-inline .form-check-input {
    margin-top: 0;
}

#add__hotel .form-control,
#add__hotel .form-select {
    font-size: 0.813rem;
}

#add__hotel .title__container {
    width: 100%;
    height: 4.5rem;
    padding: 0.6rem 1.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #42434e;
}

#add__hotel .title__container h1 {
    letter-spacing: 2px;
    color: white;
    font-size: 1.25rem;
    margin-bottom: 0.4rem;
}

#add__hotel .title__container p {
    color: #000;
    font-size: 0.75rem;
}

#add__hotel .body__container {
    display: flex;
}

#add__hotel .left__container {
    width: 18%;
    display: flex;
    background: #f8f7f5;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    z-index: 99;
    padding: 25px 15px 15px 15px;
    /* margin-left: 2rem; */
    height: 100vh;
    position: fixed;
    border: 1px solid #e7e7e7;
    right: 15px;
}

#add__hotel .side__titles {
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* margin-right: 0.6rem; */
    margin-top: 6px;
}

#add__hotel .hotel_img {
    width: 100px;
}

#add__hotel .top-head p {
    margin-bottom: 0;
}

#add__hotel .title__name {
    padding-bottom: 32px;
}

#add__hotel .title__name h3 {
    margin-bottom: 0.2rem;
    text-align: left;
    color: #1f397a;
    font-size: 1rem;
}

#add__hotel .title__name p {
    text-align: right;
    color: #000;
    font-size: 0.75rem;
}

.img_box {
    width: 100%;
}

#add__hotel .menus {
    display: flex;
}

#add__hotel .progress__bar__container {
    /* height: 100%; */
    padding-right: 10px;
}

#add__hotel .img_boxes {
    width: 150px;
    margin-bottom: 20px;
}

#add__hotel .progress__bar__container ul .active {
    background-color: #293991;
}

#add__hotel .progress__bar__container ul .active h4 {
    color: #fff !important;
}

#add__hotel .progress__bar__container ul {
    padding-left: 0;
}

#add__hotel .progress__bar__container ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-bottom: 25px;
    font-size: 0.875rem;
    color: rgb(255, 255, 255);
    position: relative;
    list-style: none;
    background-color: #3fc02d;
    padding: 0.5rem 0.6rem;
    border-radius: 50%;
}

#add__hotel .progress__bar__container ul li :last-child {
    margin-bottom: 0px;
}

#add__hotel .progress__bar__container ul li span {
    width: 20px;
    height: 20px;
    background: #1c3677;
    border-radius: 50%;
}

#add__hotel .progress__bar__container ul li h4 {
    display: none;
}

#add__hotel .slider__desk {
    display: block;
}

#add__hotel .slider__mob {
    display: none;
}

#add__hotel .right__container h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}

@media (max-width: 767px) {
    #add__hotel .slider__desk {
        display: none;
    }

    .img_boxes {
        display: none;
    }

    #add__hotel .slider__mob {
        display: block;
    }
}

#add__hotel .progress__bar__container ul li:last-child:before {
    display: none;
}

#add__hotel .progress__bar__container ul li::before {
    content: "";
    width: 1px;
    height: 5vh;
    top: 30px;
    position: absolute;
    background-color: #d0d1d3;
}

#add__hotel .progress__bar__container ul .active::before {
    content: "";
    width: 1px;
    height: 5vh;
    position: absolute;
    background-color: #d0d1d3;
}

@media (max-width: 767px) {
    #add__hotel .progress__bar__container ul {
        width: 100%;
    }

    #add__hotel .progress__bar__container ul .active::before {
        display: none;
    }

    #add__hotel .progress__bar__container ul .active::before {
        display: none;
    }

    #add__hotel .progress__bar__container ul li {
        margin: 0px 10px;
    }

    #add__hotel .progress__bar__container ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        width: auto;
        height: auto;
        background: none;
        padding: 0.5rem 0.6rem;
        margin-bottom: 25px;
        border-radius: 0;
        font-size: 0.875rem;
        color: #ffffff;
        position: relative;
        display: block;
    }

    #add__hotel .progress__bar__container ul li span {
        width: 20px;
        height: 20px;
        background: #1c3677;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #add__hotel .progress__bar__container ul li::before {
        display: none;
    }

    #add__hotel .progress__bar__container ul li h4 {
        color: #1c3677;
        display: block;
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 0;
    }
}

#add__hotel .right__container {
    width: 80%;
    display: flex;
    /* padding: 20px; */
}

#add__hotel .right__container fieldset {
    border: none;
    width: 100%;
}

#add__hotel .right__container label {
    font-size: 0.875rem;
    font-weight: 500;
}

#add__hotel .right__container .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#add__hotel .right__container .top__boxes {
    margin-bottom: 15px;
}

#add__hotel .right__container .hotel__boxes .stars i {
    color: gold;
}

#add__hotel .right__container .hotel__boxes h3 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
}

#add__hotel .right__container .hotel__boxes h4 {
    font-size: 0.813rem;
    font-weight: 500;
    color: #1f1f1f;
}

#add__hotel .right__container .hotel__boxes h5,
#add__hotel .hotel__boxes h5 {
    font-size: 0.813rem;
    font-weight: 600;
    color: #323131;
}

#add__hotel .right__container .hotel__boxes .file_upload,
#seomanager .hotel__boxes .file_upload {
    width: 250px;
    height: 150px;
    border: 1px solid #d3d3d3;
}

#add__hotel .right__container .hotel__boxes .policies {
    display: flex;
}

.right__container .hotel__boxes .additional_lan {
    color: #1f397a;
}

#add__hotel .right__container .hotel__boxes .checkingtime {
    display: flex;
    align-items: center;
}

#add__hotel .right__container .hotel__boxes .checkingtime .between {
    font-size: 0.875em;
}

#add__hotel .right__container .hotel__boxes .checkingtime .selects_field {
    font-size: 0.875em;
    margin: 0px 20px;
    width: 150px;
}

#add__hotel .right__container .hotel__boxes .checkout {
    font-size: 0.875em;
    width: 150px;
}

/* upload */
#add__hotel #image-upload-box,
#general_info #image-upload-box {
    position: relative;
    width: 250px;
    height: 130px;

    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#add__hotel #image-upload-box img,
#general_info #image-upload-box img,
#seomanager #image-upload-box img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

#add__hotel #image-upload-box-text,
#general_info #image-upload-box-text {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

#seomanager #image-upload-box {
    position: relative;
    width: 250px;
    height: 130px;

    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#seomanager .img_icon {
    font-size: 3rem;
    color: #b9b9b9;
}

#seomanager #image-upload-box-text {
    border-radius: 2px;
    font-size: .875rem;
    font-weight: 400;
    background: #3fc02d;
    display: block;
    color: #fff;
    padding: 5px;
    text-align: center;
}

#add__hotel #image-upload-box-text span,
#general_info #image-upload-box-text span,
#seomanager #image-upload-box-text span {
    display: block;
    font-size: 12px;
    text-align: center;
}

/* upload */

#add__hotel .right__container .hotel__boxes .name__field {
    padding: 5px 0px;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd {
    padding: 15px 0px;
}

#add__hotel .right__container .hotel__boxes .form-control,
#add__hotel .right__container .hotel__boxes select {
    border-radius: 2px;
}

#add__hotel .right__container .hotel__boxes .colums,
#add__hotel .hotel__boxes .colums {
    display: flex;
    align-items: center;

    border-bottom: 1px solid #eeeeee;
    margin: 10px 0px;
    padding-bottom: 5px;
}

#add__hotel .right__container .hotel__boxes .colums .left_colum,
#add__hotel .hotel__boxes .colums .left_colum {
    width: 60%;
}

#add__hotel .right__container .hotel__boxes .colums .left_colum h5,
#add__hotel .hotel__boxes .colums .left_colum h5,

#add__hotel .hotel__boxes .colums .left_colum h5,
#add__hotel .hotel__boxes .colums .left_colum h5 {
    font-weight: 400;
}



#add__hotel .right__container .hotel__boxes .colums .right_colum,
#add__hotel .hotel__boxes .colums .right_colum {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#add__hotel .right__container .hotel__boxes .colums .right_colum .btn-group .btn,
#add__hotel .hotel__boxes .colums .right_colum .btn-group .btn,
#add__hotel .hotel__boxes .room_config .switches .btn-group .btn,
#general_info .hotel__boxes .btn-group .btn {
    border: 1px solid #d9dce2;
    font-size: 0.813rem;
    color: #000;
    margin-bottom: 0px;
}

#add__hotel .right__container .hotel__boxes .colums .right_colum .btn-group .btn-primary:not(:disabled):not(.disabled).active,

#add__hotel .hotel__boxes .colums .right_colum .btn-group .btn-primary:not(:disabled):not(.disabled).active,

#add__hotel .hotel__boxes .room_config .switches .btn-group .btn-primary:not(:disabled):not(.disabled).active,




#add__hotel .right__container .hotel__boxes .colums .right_colum .btn-group .btn-primary:not(:disabled):not(.disabled):active,

#add__hotel .hotel__boxes .colums .right_colum .btn-group .btn-primary:not(:disabled):not(.disabled):active,

#add__hotel .hotel__boxes .room_config .switches .btn-group .btn-primary:not(:disabled):not(.disabled):active,

#general_info .hotel__boxes .btn-group .btn-primary:not(:disabled):not(.disabled):active #add__hotel .right__container .hotel__boxes .colums .right_colum .btn-group .show>.btn-primary.dropdown-toggle,

#add__hotel .hotel__boxes .colums .right_colum .btn-group .show>.btn-primary.dropdown-toggle,

#add__hotel .hotel__boxes .room_config .switches .btn-group .show>.btn-primary.dropdown-toggle,

#general_info .hotel__boxes .btn-group .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3fc02d;
    border-color: #3fc02d;
}

#add__hotel .right__container .hotel__boxes .colums .right_colum .btn-check:checked+.btn,
#add__hotel .right__container .hotel__boxes .colums .right_colum .btn.active,
#add__hotel .right__container .hotel__boxes .colums .right_colum .btn.show,
#add__hotel .right__container .hotel__boxes .colums .right_colum .btn:first-child:active,
#add__hotel .right__container .hotel__boxes .colums .right_colum :not(.btn-check)+.btn:active,

#add__hotel .hotel__boxes .colums .btn-check:checked+.btn,
#add__hotel .hotel__boxes .colums .btn.active,
#add__hotel .hotel__boxes .colums .btn.show,
#add__hotel .hotel__boxes .colums .btn:first-child:active,
#add__hotel .hotel__boxes .colums :not(.btn-check)+.btn:active,

#add__hotel .hotel__boxes .room_config .switches .btn-check:checked+.btn,
#add__hotel .hotel__boxes .room_config .switches .btn.active,
#add__hotel .hotel__boxes .room_config .switches .btn.show,
#add__hotel .hotel__boxes .room_config .switches .btn:first-child:active,
#add__hotel .hotel__boxes .room_config .switches :not(.btn-check)+.btn:active,

#general_info .hotel__boxes .btn-check:checked+.btn,
#general_info .hotel__boxes .btn.active,
#general_info .hotel__boxes .btn.show,
#general_info .hotel__boxes .btn:first-child:active,
#general_info .hotel__boxes :not(.btn-check)+.btn:active {
    color: #fff;
    background-color: #3fc02d;
    border-color: #3fc02d;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#add__hotel .right__container .hotel__boxes .colums .right_colum .btn:hover,
#add__hotel .hotel__boxes .colums .right_colum .btn:hover,
#add__hotel .hotel__boxes .room_config .switches .btn:hover {
    background-color: #3fc02d;
    color: #fff;
}

#add__hotel .right__container .hotel__boxes .colums .right_colum .btn:active,
#add__hotel .hotel__boxes .colums .right_colum .btn:active,
#add__hotel .hotel__boxes .room_config .switches .btn:active {
    background-color: #3fc02d;
}

#add__hotel .right__container .hotel__boxes .colums .right_colum .btn:visited,
#add__hotel .hotel__boxes .colums .right_colum .btn:visited,
#add__hotel .hotel__boxes .room_config .switches .btn:visited {
    background-color: #3fc02d;
}



#add__hotel .right__container .hotel__boxes .uploads,
#add__hotel.hotel__boxes .uploads {
    font-weight: bold;
}

#add__hotel .right__container .hotel__boxes .upload_pic,
#add__hotel .hotel__boxes .upload_pic,
#manage_photos .hotel__boxes .upload_pic {
    height: 100%;
    width: 100%;
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
}

#add__hotel .right__container .hotel__boxes .upload_pic .file_upload,
#add__hotel .hotel__boxes .upload_pic .file_upload,
#manage_photos .hotel__boxes .upload_pic .file_upload,
#seomanager .hotel__boxes .upload_pic .file_upload {
    height: auto;
    width: 100%;
}

#add__hotel .right__container .hotel__boxes #image-upload-box,
#add__hotel .hotel__boxes #image-upload-box,
#general_info .hotel__boxes #image-upload-box,
#manage_photos .hotel__boxes #image-upload-box,
#seomanager .hotel__boxes #image-upload-box {
    padding: 15px 0px;
}

#manage_photos .hotel__boxes form label,
#seomanager .hotel__boxes form label {
    width: 100%;
    cursor: pointer;
}

#add__hotel .right__container .hotel__boxes .upload_pic .file_upload,
#add__hotel .hotel__boxes .upload_pic .file_upload {
    width: 250px;

    border: none;
}

#add__hotel .right__container .hotel__boxes .upload_pic#image-upload-box,
#add__hotel .hotel__boxes .upload_pic#image-upload-box,
#manage_photos .hotel__boxes .upload_pic#image-upload-box,
#seomanager .hotel__boxes .upload_pic#image-upload-box {
    height: 150px;
}

#add__hotel .right__container .hotel__boxes .upload_pic .file_upload #image-upload-box-text,
#add__hotel .hotel__boxes .upload_pic .file_upload #image-upload-box-text,
#manage_photos .hotel__boxes .upload_pic .file_upload #image-upload-box-text,
#seomanager .hotel__boxes .upload_pic .file_upload #image-upload-box-text {
    color: #000;
    font-size: 0.813rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

    #add__hotel .right__container .hotel__boxes .upload_pic .file_upload #image-upload-box-text,
    #add__hotel .hotel__boxes .upload_pic .file_upload #image-upload-box-text,
    #manage_photos .hotel__boxes .upload_pic .file_upload #image-upload-box-text {
        font-size: 1rem;
    }
}

#add__hotel .right__container .hotel__boxes .upload_pic .plus,
#add__hotel .hotel__boxes .upload_pic .plus,
#manage_photos .hotel__boxes .upload_pic .plus {
    border-radius: 50%;
    background: #3fc02d;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}

#add__hotel .right__container .hotel__boxes .upload_pic .plus i,
#add__hotel .hotel__boxes .upload_pic .plus i,
#manage_photos .hotel__boxes .upload_pic .plus i {
    color: #fff;
    font-size: 30px;
}

/* photo close */

#add__hotel .sub__title__container {
    padding: 10px 0px;
    border-bottom: 1px solid #e0e0e2;
}

#add__hotel .sub__title__container p {
    margin-bottom: 0;
}

#add__hotel .sub__title__container h2 {
    letter-spacing: 2px;

    color: #ffffff;
    margin: 0.4rem 0;
}

#add__hotel .sub__title__container p {
    font-size: 0.75rem;
    color: #fff;
    padding: 5px 10px;
    background: #1c3677;
    display: inline-block;
    border-radius: 5px;
}

#add__hotel .active__form {
    display: none;
}

#add__hotel .input__container,
#seomanager .input__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

#add__hotel .input__container label,
#seomanager .input__container label {
    color: #ffffff;
    font-size: 0.75rem;
    margin-bottom: 0.4rem;
}

#add__hotel .input__container input,
#seomanager .input__container input {
    padding: 0.5rem;
    font-size: 1.4rem;
    border-radius: 0.75rem;
    background: none;
    border: 1px solid #1c3677;
    margin-bottom: 1.2rem;
    outline: none;
    color: #ffffff;
}

#add__hotel .nxt__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    /* float: right; */
    /* width: 30%; */
    padding: 0.5rem 1.25rem;
    font-size: 0.813rem;
    font-weight: 500;
    background: #3fc02d;
    border-color: #3fc02d;
    border-radius: 2px;
    color: #ffffff;
    /* border: none; */
    /* outline: none; */
    /* margin-left: 20em; */
    /* margin-top: 0.55em;     */
}

#add__hotel .flx-end {
    align-items: flex-end;
}

#add__hotel .nxt__btn a {
    color: #fff;
}

#add__hotel .nxt__btn:hover,
#add__hotel .prev__btn:hover,
#seomanager .prev__btn:hover {
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
    cursor: pointer;
}

#add__hotel .buttons,
#seomanager .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* float: right; */
    margin: 0;
    padding: 0;
    /* justify-content:space-evenly; */
}

#add__hotel .prev__btn,
#seomanager .prev__btn {
    margin: 0;
    border-radius: 2px;
    /* padding: 0.5rem 1.5rem 0.7rem 1.5rem  ; */
    /* background-color: #857373; */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3fc02d;

    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    font-weight: 500;
    border: none;
    color: #ffffff;

    /* margin-right: 20px; */
    /* margin-left: 15rem; */
    cursor: pointer;
}

/*-------------------------------------- form-4 design----------------------------------------- */

#add__hotel .right__container .hotel__boxes .featuerds .colums {
    border-bottom: none;
}

#add__hotel .right__container .hotel__boxes .featuerds .colums {
    margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
    #add__hotel .right__container .hotel__boxes .upload_pic .plus i {
        color: #fff;
        font-size: 20px;
    }

    #add__hotel .right__container .hotel__boxes .upload_pic .plus {
        width: 30px;
        height: 30px;
    }

    #add__hotel .progress__bar__container {
        padding-right: 0;
    }

    #add__hotel {
        margin: 0;
        padding: 0;
    }

    #add__hotel .input__container {
        padding: 0px 10px 15px 10px;
    }

    #add__hotel .body__container {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    #add__hotel .right__container .hotel__boxes {
        padding: 1rem;
    }

    #add__hotel .right__container {
        width: 100%;
        margin: 0;
        padding: 0px 10px;
        margin-top: 85px;
    }

    #add__hotel .prev__btn,
    #add__hotel .nxt__btn {
        font-weight: 500;
    }

    #add__hotel .right__container .hotel__boxes .upload_pic .file_upload #image-upload-box-text {
        font-size: 1rem;
    }

    #add__hotel .title__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
    }

    #add__hotel #image-upload-box {
        position: relative;
        width: 250px;
        height: auto;
    }

    #add__hotel .left__container {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
        width: 100%;
        border: none;
        min-height: auto;
        background: #fff;
        margin-bottom: 10px;
        right: auto;
        top: 70px;
        height: auto;
    }

    #add__hotel .buttons {
        justify-content: space-between;
    }

    #add__hotel .descriptionTitle h3 {
        font-size: 1rem;
    }

    #add__hotel .descriptionTitle p {
        font-size: 0.6rem;
    }

    #add__hotel .side__titles {
        display: none;
        flex-direction: row;
        /* align-items: center;  */
        justify-content: space-evenly;
    }

    #add__hotel .title__name h3 {
        font-size: 0.75rem;
    }

    #add__hotel .title__name p {
        font-size: 0.5rem;
    }

    #add__hotel .progress__bar__container {
        margin-bottom: 0;
    }

    #add__hotel .progress__bar__container ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
        /* width: 50%; */
        padding: 0 2rem;
    }

    #add__hotel .progress__bar__container ul::before {
        height: 5vh;
    }

    #add__hotel .progress__bar__container ul li {
        margin: 0px;
        padding: 10px;
        /* transform: rotate(90deg); */
    }

    #add__hotel .progress__bar__container ul .active::before {
        transform: rotate(90deg);
    }

    #add__hotel .right__container .hotel__boxes .checkingtime {
        flex-wrap: wrap;
    }

    #add__hotel .right__container .hotel__boxes .checkingtime .selects_field {
        margin-bottom: 10px;
    }
}

/* radio-btn */

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names {
    min-height: 170px;
    display: flex;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names .select_radio {
    padding-right: 5px;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names .content {
    width: 100%;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names p {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 400;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names h6 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 20px;
}

#add__hotel .whatsapp_check .form-check {
    padding-left: 0;
    margin-bottom: 1px;
}

#add__hotel .whatsapp_check .form-check label {
    margin-bottom: 0;
}

#add__hotel .whatsapp_check .form-check .form-check-input {
    float: left;
    margin-left: 5px;
}

/* section {
display: flex;
flex-flow: row wrap;
} */

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names {
    padding: 0;
    height: 100%;
    width: 100%;
    display: block;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names input[type="radio"] {
    display: none;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names input[type="radio"]:not(:disabled)~label {
    cursor: pointer;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names input[type="radio"]:disabled~label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names label {
    height: 100%;
    display: block;
    background: white;
    border: 1px solid #e5dede;
    border-radius: 5px;
    padding: 1.2rem 1rem 1rem 1rem;
    margin-bottom: 1rem;
    text-align: center;

    position: relative;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names input[type="radio"]:checked+label {
    background: #3fc02d;
    color: white;
    margin-top: 10px;
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
        rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names h5 input[type="radio"]:checked+label {
    color: #fff;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .names input[type="radio"]:checked+label::after {
    color: #b5c2e3;
    font-family: FontAwesome;
    border: 2px solid #e5e5e5;
    content: "";
    font-size: 24px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd .seemore {
    color: #3fc02d;
    font-size: 0.813rem;
}

#add__hotel .right__container .hotel__boxes .bg_bakgdnd a .seemore {
    text-decoration: none;
}

#add__hotel .right__container .hotel__boxes .img_box,
#add__hotel .hotel__boxes .img_box {
    position: relative;
    width: 100%;
}

#add__hotel .right__container .hotel__boxes .img_box .mainphoto,
#add__hotel .hotel__boxes .img_box .mainphoto {
    position: absolute;
    top: 10px;
    left: -3px;
    background: #3fc02d;
    padding: 5px 10px;
    color: #fff;
    font-size: 0.813rem;
}

@media only screen and (max-width: 700px) {
    section {
        flex-direction: column;
    }
}

/* close radiobtn */

/* new button */

#add__hotel .hotel__boxes .btn_radio,
#general_info .hotel__boxes .btn_radio {
    display: flex;
}

#add__hotel .hotel__boxes .radiobtn,
#general_info .hotel__boxes .radiobtn {
    position: relative;
    display: block;
    width: 130px;
    margin-right: 10px;
}

#add__hotel .hotel__boxes .radiobtn label,
#general_info .hotel__boxes .radiobtn label {
    display: block;
    background: #fff;
    color: #000;
    border-radius: 5px;
    padding: 10px 20px;
    border: 2px solid #9cf490;
    margin-bottom: 5px;
    cursor: pointer;
}

#add__hotel .hotel__boxes .radiobtn label:after,
#add__hotel .radiobtn label:before,
#general_info .hotel__boxes .radiobtn label:after,
#general_info .radiobtn label:before {
    content: "";
    position: absolute;
    right: 11px;
    top: 11px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #9cf490;
}

#add__hotel .hotel__boxes .radiobtn label:before,
#general_info .hotel__boxes .radiobtn label:before {
    background: transparent;
    transition:
        0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s,
        0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
    z-index: 2;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    width: 0;
    height: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
}

#add__hotel .hotel__boxes .radiobtn input[type="radio"],
#general_info .hotel__boxes .radiobtn input[type="radio"] {
    display: none;
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#add__hotel .hotel__boxes .radiobtn input[type="radio"]:checked+label,
#general_info .hotel__boxes .radiobtn input[type="radio"]:checked+label {
    background: #fff;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    border-color: #9cf490;
}

#add__hotel .hotel__boxes .radiobtn input[type="radio"]:checked+label:after,
#general_info .hotel__boxes .radiobtn input[type="radio"]:checked+label:after {
    background: #3fc02d;
}

#add__hotel .hotel__boxes .radiobtn input[type="radio"]:checked+label:before,
#general_info .hotel__boxes .radiobtn input[type="radio"]:checked+label:before {
    width: 20px;
    height: 20px;
}

/* new button */

/* add hotel css close */

/* rate inventory mobile css start */
#dates_mobile .rate_inventory_mobile {
    padding: 15px 10px;
    margin: 10px;
    background: #fff;
    border: 1px solid #ccc;
}

#dates_mobile .rate_inventory_mobile_rooms {
    padding: 1rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#dates_mobile .rate_inventory_mobile_rooms .btn-one {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#dates_mobile .rate_inventory_mobile_rooms .btn-one:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#dates_mobile .rate_inventory_mobile_rooms .date {
    display: flex;
    align-items: center;
    margin: 10px 0px;
}

#dates_mobile .rate_inventory_mobile_rooms .date h3 {
    font-size: 1.4rem;
    color: #293991;
    font-weight: 500;
    text-align: left;
}

#dates_mobile .rate_inventory_mobile_rooms .colums {
    display: flex;
    align-items: center;
    margin: 1px 0px;
}

#dates_mobile .rate_inventory_mobile_rooms .rates_restriction {
    width: 100%;
    margin: 15px 0px 8px 0px;
    color: #0097d1;
    font-size: 0.875rem;
    font-weight: 500;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .left_colum {
    width: 60%;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .left_colum h2 {
    font-weight: 500;
    color: #000;
    font-size: 0.875rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .left_colum h2 span {
    font-weight: 700;
    color: #656c7b;
    font-size: 1rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .left_colum h3 {
    font-weight: 500;
    color: #000;
    font-size: 0.875rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .left_colum h4 {
    font-weight: 500;
    color: #6a6868;
    font-size: 0.813rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .left_colum h5 {
    font-weight: 400;
    color: #868282;
    font-size: 0.813rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum {
    width: 40%;
    display: flex;
    justify-content: flex-end;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum h3 {
    font-weight: 700;
    color: #000;
    font-size: 0.875rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum h3 span {
    font-weight: 700;
    color: #656c7b;
    font-size: 0.875rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum h5 {
    font-weight: 500;
    color: #0046f5;
    font-size: 0.813rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum h5 span {
    font-weight: 400;
    color: #868282;
    font-size: 0.813rem;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch span span {
    display: none;
}

@media only screen {
    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch {
        display: inline-block;
        height: 18px;
        position: relative;
        overflow: visible;
        padding: 0;
        cursor: pointer;
        width: 40px;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch label,
    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch>span {
        line-height: 20px;
        height: 20px;
        vertical-align: middle;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch input:focus~a,
    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch input:focus+label {
        outline: none;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch label {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch input {
        position: absolute;
        opacity: 0;
        z-index: 5;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch>span {
        position: absolute;
        left: -50px;
        width: 100%;
        margin: 0;
        padding-right: 50px;
        text-align: left;
        white-space: nowrap;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch>span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 50px;
        text-align: left;
        font-size: 0.9em;
        width: 100%;
        left: 15%;
        top: -3px;
        opacity: 0;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch a {
        position: absolute;
        right: 50%;
        z-index: 4;
        display: block;
        height: 100%;
        padding: 0;
        left: 2px;
        width: 18px;
        top: -3px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch>span span:first-of-type {
        color: #8e8686;
        opacity: 1;
        left: 45%;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch>span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50px;
        top: -2px;
        background-color: #fafafa;
        border: 1px solid #ccc;
        border-radius: 30px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch input:checked~a {
        border-color: #d6d2d2;
        left: 100%;
        margin-left: -7px;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch input:checked~span:before {
        border-color: #3fc02d;
        box-shadow: inset 0 0 0 30px #3fc02d;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch input:checked~span span:first-of-type {
        opacity: 0;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch input:checked~span span:last-of-type {
        opacity: 1;
        color: #fff;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch.large {
        width: 60px;
        height: 27px;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch.large a {
        width: 27px;
        left: 1px;
        top: -2px;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch.large>span {
        height: 26px;
        line-height: 28px;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch.large input:checked~a {
        left: 41px;
        top: -2px;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch.large>span span {
        font-size: 13px;
    }

    #dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .toggleSwitch.large>span span:first-of-type {
        left: 50%;
    }
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity-input {
    display: block;
    width: 50%;
    border: none;
    outline: none;
    height: 28px;
    background: #fff;
    text-align: center;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity .minus,
#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
    height: 28px;
    cursor: pointer;
    font-size: 1.8rem;
    background: none;
    color: #1f397a;
    padding: 0;
    border: none;
    border-radius: 5px;
    transition: all 0.2s linear;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity .minus:hover,
#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity .plus:hover {
    color: #1f397a;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity .minus::-moz-selection,
#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity .plus::-moz-selection {
    background: none;
}

#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity .minus::selection,
#dates_mobile .rate_inventory_mobile_rooms .colums .right_colum .quantity .plus::selection {
    background: none;
}

.mbtm-5 {
    margin-bottom: 10px !important;
}

/* rate inventory mobile css close */

/* roomlist  css open */

#roomlists {
    width: 100%;
}

#roomlists .hotel-boxes {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

#roomlists .hotel-boxes .hotelimg {
    transition: all 0.4s ease-in-out;
    width: 100%;
    position: relative;
    background: #000;
}

#roomlists .hotel-boxes .hotelimg img {
    transition: all 0.4s ease-in-out;
}

#roomlists .hotel-boxes .hotelimg .hotelname {
    position: absolute;
    left: 0;
    width: 90%;
    bottom: 5%;
    background: rgba(0, 0, 0, 0.4470588235);
    color: #fff;
    padding: 5px 10px;
    font-size: 0.875rem;
    font-weight: 500;
    border-left: 5px solid #293991;
}

#roomlists .hotel-boxes .hotelimg .hotelname span {
    font-size: 0.813rem;
    font-weight: 400;
    display: block;
}

#roomlists .hotel-boxes .hotel_content {
    width: 100%;
    border: 1px solid #d4d4d2;
    padding: 15px;

    background: #f5f5f5;
}

#roomlists .hotel-boxes .hotel_content h5 {
    font-size: 0.813rem;
    font-weight: 400;
}

#roomlists .hotel-boxes .hotel_content h5 span {
    font-weight: 600;
    color: #444242;
}

#roomlists .hotel-boxes .hotel_content .btn-block {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

#roomlists .hotel-boxes .hotel_content .btn-block .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem;
    margin-right: 5px;

}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    #roomlists .hotel-boxes .hotel_content .btn-block .btn1 {
        margin-bottom: 5px;
    }
}

#roomlists .hotel-boxes .hotel_content .btn-block .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#roomlists .hotel-boxes:hover .hotelimg img {
    opacity: 0.5;
}

#roomlists .create__room {
    height: 100%;
    background: #cbffc4;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#roomlists .create__room a {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
}

#roomlists .create__room h3 {
    text-align: center;
    color: #000;
    font-size: 0.813rem;
    font-weight: 400;
}

#roomlists .create__room .plus {
    border-radius: 50%;
    background: #3fc02d;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}

#roomlists .create__room .plus i {
    color: #fff;
    font-size: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    #roomlists .hotel-boxes .hotelimg .hotelname {
        font-size: 0.875rem;
    }
}

@media (max-width: 767px) {
    #roomlists .hotel-boxes .hotelimg .hotelname {
        font-size: 0.875;
    }

    #roomlists .hotel-boxes .hotel_content .btn-block .btn1,
    #roomlists .hotel-boxes .hotel_content .btn-block .btn2 {
        margin-bottom: 5px;
    }

    #roomlists .hotel-boxes .hotel_content {
        width: 100%;
        padding: 10px;
        margin-left: 0%;
    }

    #roomlists .create__room {
        min-height: 300px;
    }

    #roomlists .create__room a {
        text-decoration: none;
    }
}

@media (max-width: 480px) {
    #roomlists .hotel-boxes .hotel_content .btn-block .btn2 {
        font-size: 12px;
    }

    #roomlists .hotel-boxes .hotel_content .btn-block .btn2 {
        font-size: 12px;
    }

    #roomlists .create__room .plus {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
    }
}

/* roomlist  css close */

.desktop_screen {
    display: block;
}

.mobile_screen {
    display: none;
}

@media (max-width: 767px) {
    .desktop_screen {
        display: none;
    }

    .mobile_screen {
        display: block;
    }
}

/* create room */
.mb15 {
    margin-bottom: 15px;
}

#add__hotel .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    height: 100%;
}

#add__hotel .hotel__boxes h3 {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000;
}

#add__hotel .hotel__boxes label {
    font-size: 0.875rem;
    font-weight: 500;
}

#add__hotel .hotel__boxes .versus {
    width: 30px;
    display: flex;
    align-items: self-end;
    justify-content: center;
    position: relative;
    bottom: 8px;
}

#add__hotel .hotel__boxes .remove {
    width: 100px;
    display: flex;
    align-items: self-end;
    justify-content: center;
    position: relative;
    bottom: 8px;
    color: #293991;
    font-size: 0.875rem;
}

#add__hotel .hotel__boxes .seemore {
    color: #3fc02d;
    background: #fff;
    font-weight: 500;
    border: 1px solid #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    border-radius: 2px;
}

#add__hotel .hotel__boxes .tablelist {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
    flex-wrap: wrap;
}

#add__hotel .hotel__boxes .tablelist .leftside {
    width: 70%;
    margin-bottom: 5px;

}

#add__hotel .hotel__boxes .tablelist .leftside h2 {

    font-size: 0.875rem;
    font-weight: 500;
    color: #1f1f1f;
    margin-bottom: 0px;
}

#add__hotel .hotel__boxes .tablelist .rightside {
    width: 30%;
    margin-bottom: 5px;
    font-size: 0.875rem;
}

@media (max-width:767px) {
    #add__hotel .hotel__boxes .tablelist {
        flex-direction: column;
    }

    #add__hotel .hotel__boxes .remove,
    #add__hotel .hotel__boxes .versus {
        align-items: center;
        justify-content: center;
        bottom: 0px;
        margin: 10px 0px;
    }

    #add__hotel .hotel__boxes .tablelist .leftside {
        width: 100%;
        margin-bottom: 5px;
        font-size: 0.813rem;
    }

    #add__hotel .hotel__boxes .tablelist .rightside {
        width: 100%;
        margin: 5px 0px;
        font-size: 0.813rem;
    }

    #add__hotel .right__container .hotel__boxes .colums .left_colum,
    #add__hotel .hotel__boxes .colums .left_colum {
        width: 100%;
    }

    #add__hotel .right__container .hotel__boxes .colums .right_colum,
    #add__hotel .hotel__boxes .colums .right_colum {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    #add__hotel .right__container .hotel__boxes .colums .left_colum,
    #add__hotel .hotel__boxes .colums .left_colum {
        width: 100%;
    }

    #add__hotel .right__container .hotel__boxes .colums,
    #add__hotel .hotel__boxes .colums {
        flex-direction: column;
    }

    #add__hotel .right__container .hotel__boxes .upload_pic .plus,
    #add__hotel .hotel__boxes .upload_pic .plus {

        width: 40px;

        height: 40px;
    }

    #add__hotel .right__container .hotel__boxes .upload_pic .plus i,
    #add__hotel .hotel__boxes .upload_pic .plus i {
        color: #fff;
        font-size: 22px;
    }

    #add__hotel .hotel__boxes .required {

        margin-bottom: 10px;
    }
}

#add__hotel .hotel__boxes h4 {
    font-size: 0.813rem;
    font-weight: 600;
    color: #1f1f1f;
}

#add__hotel .hotel__boxes h5 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1f1f1f;
    margin-bottom: 10px;
}

#add__hotel .hotel__boxes .bg_box {
    background: #f3f3f3;
    padding: 20px;
}

#add__hotel .hotel__boxes .bg_box h5 {
    font-size: 1rem;
    font-weight: 500;
    color: #293991;
    margin-bottom: 10px;
}


#add__hotel .hotel__boxes .room_config {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px 0px;
}

#add__hotel .hotel__boxes .room_config .type__hotel {
    font-size: 0.875rem;
    font-weight: 500;
    margin-right: 10px;
    min-width: 15%;
    margin-top: 10px;
}

#add__hotel .hotel__boxes .room_config .field__box {
    margin-right: 10px;
    min-width: 15%;
    margin-top: 10px;
}

#add__hotel .hotel__boxes .room_config .switches {
    margin-right: 10px;
    min-width: 12%;
    margin-top: 10px;
}

#add__hotel .hotel__boxes .room_config .remove__room {
    min-width: 10%;

    display: flex;
    align-items: self-end;
    justify-content: center;
    position: relative;
    color: #293991;
    height: 100%;
    font-size: 0.813rem;
    margin-top: 10px;
}



#add__hotel .save_fixed,
#general_info .save_fixed {
    position: fixed;
    width: 88%;
    z-index: 9;
    bottom: 0;
    padding: 0px;
    transition: 0.4s ease-in-out;
}

.hide {
    opacity: 0;

}

.show {
    opacity: 1;

}

#add__hotel .btnfull,
#general_info .btnfull {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
}

#add__hotel .btnfull:hover,
#general_info .btnfull:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    #add__hotel .save_fixed {
        width: 95%;

    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #add__hotel .save_fixed {
        width: 95%;

    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #add__hotel .save_fixed {
        width: 100%;
        left: 0;
    }
}

@media (max-width:767px) {

    #add__hotel .hotel__boxes .room_config .type__hotel,
    #add__hotel .hotel__boxes .room_config .field__box,
    #add__hotel .hotel__boxes .room_config .switches,
    #add__hotel .hotel__boxes .room_config .remove__room {
        width: 100%;
    }

    #add__hotel .hotel__boxes .room_config .switches,
    #add__hotel .hotel__boxes .room_config .remove__room {
        width: 48%;
    }

    #add__hotel .save_fixed {
        width: 100%;
        left: 0;
    }
}

/* create room close */



/* The container must be positioned relative: */
.custom-select {
    position: relative;

}

.custom-select select {
    display: none;
    /*hide original SELECT element: */
}

.select-selected {
    background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}


/* side menu new */
.sub_menu_ul {
    position: fixed;
    display: none;
    padding: 0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16);
    width: 200px;
}

.sub_menu_ul li {
    text-align: left;
    background: #fff;
    padding: 8px 16px;
    list-style: none;
    font-size: 0.813rem;
    color: #333;

}

.sub_menu_ul li:hover {
    background: #f5f5f5;
}

.sub_menu_ul li a {
    color: #333;
}



/* side menu close */

/* general info */
#general_info .hotel__boxes,
#manage_photos .hotel__boxes,
#seomanager .hotel__boxes,
#privacypolicy .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#general_info .info_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeded;
    padding-bottom: 5px;

}

#general_info .hotel__boxes h3,
#manage_photos .hotel__boxes h3,
#seomanager .hotel__boxes h3,
#privacypolicy .hotel__boxes h3 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
}

#general_info .hotel__boxes h4,
#seomanager .hotel__boxes h4,
#privacypolicy .hotel__boxes h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #1c1d1d;
}

#general_info .hotel__boxes h5,
#seomanager .hotel__boxes h5,
#privacypolicy .hotel__boxes h5 {
    font-size: .875rem;
    font-weight: 400;
    color: #1c1d1d;
    overflow-wrap: break-word;
}

#general_info .hotel__boxes h5 span {
    font-weight: 500;
}

#general_info .hotel__boxes .form-text {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

#general_info .hotel__boxes .logo {
    margin-bottom: 0.5rem;
}

#general_info .hotel__boxes .stars label i {
    color: gold;
}

#general_info .hotel__boxes .btn1,
#general_info .btn1,
#privacypolicy .add_item .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #fff;
    padding: 0.5rem 1.25rem;
    margin-right: 10px
}

#general_info .hotel__boxes .btn1:hover,
#general_info .btn1:hover,
#privacypolicy .add_item .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#general_info .hotel__boxes .file_upload,
#manage_photos .hotel__boxes .file_upload {
    width: 250px;
    height: 150px;
    border: 1px solid #d3d3d3;
}

#general_info .hotel__boxes .checkingtime {
    display: flex;
    align-items: center;
}

#general_info .hotel__boxes .checkingtime .between {
    font-size: 0.875em;
}

#general_info .hotel__boxes .checkingtime .selects_field {
    font-size: 0.875em;
    margin: 0px 20px;
    width: 150px;
}

#general_info .hotel__boxes .checkout {
    font-size: 0.875em;
    width: 150px;
}

#privacypolicy .delete {
    background-color: #3fc02d;
    padding: 4px 8px;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
}

#privacypolicy .delete i {
    color: #fff;
}

/* radio */

#general_info .hotel__boxes .bg_bakgdnd .names {
    min-height: 170px;
    display: flex;
}

#general_info .hotel__boxes .bg_bakgdnd .names .select_radio {
    padding-right: 5px;
}

#general_info .hotel__boxes .bg_bakgdnd .names .content {
    width: 100%;
}

#general_info .hotel__boxes .bg_bakgdnd .names p {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 400;
}

#general_info .hotel__boxes .bg_bakgdnd .names h6 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 20px;
}

#add__hotel .whatsapp_check .form-check {
    padding-left: 0;
    margin-bottom: 1px;
}

#add__hotel .whatsapp_check .form-check label {
    margin-bottom: 0;
}

#add__hotel .whatsapp_check .form-check .form-check-input {
    float: left;
    margin-left: 5px;
}

/* section {
        display: flex;
        flex-flow: row wrap;
        } */

#general_info .hotel__boxes .bg_bakgdnd .names {
    padding: 0;
    height: 100%;
    width: 100%;
    display: block;
}

#general_info .hotel__boxes .bg_bakgdnd .names input[type="radio"] {
    display: none;
}

#general_info .hotel__boxes .bg_bakgdnd .names input[type="radio"]:not(:disabled)~label {
    cursor: pointer;
}

#general_info .hotel__boxes .bg_bakgdnd .names input[type="radio"]:disabled~label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed;
}

#general_info .hotel__boxes .bg_bakgdnd .names label {
    height: 100%;
    display: block;
    background: white;
    border: 1px solid #e5dede;
    border-radius: 5px;
    padding: 1.2rem 1rem 1rem 1rem;
    margin-bottom: 1rem;
    text-align: center;

    position: relative;
}

#general_info .hotel__boxes .bg_bakgdnd .names input[type="radio"]:checked+label {
    background: #3fc02d;
    color: white;
    margin-top: 10px;
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
        rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

#general_info .hotel__boxes .bg_bakgdnd .names h5 input[type="radio"]:checked+label {
    color: #fff;
}

#general_info .hotel__boxes .bg_bakgdnd .names input[type="radio"]:checked+label::after {
    color: #b5c2e3;
    font-family: FontAwesome;
    border: 2px solid #e5e5e5;
    content: "";
    font-size: 24px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
}

#general_info .hotel__boxes .bg_bakgdnd .seemore {
    color: #3fc02d;
    background: #fff;
    font-weight: 500;
    border: 1px solid #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    border-radius: 2px;
}

#general_info .hotel__boxes .bg_bakgdnd a .seemore {
    text-decoration: none;
}




#general_info .whatsapp_check .form-check {
    padding-left: 0;
    margin-bottom: 1px;
}

#general_info .whatsapp_check .form-check label {
    margin-bottom: 0;
}

#general_info .whatsapp_check .form-check .form-check-input {
    float: left;
    margin-left: 5px;
}

#add__hotel .hotel__boxes .required,
#general_info .hotel__boxes .required {
    font-size: 0.875rem;
    padding-right: 10px;
}

#add__hotel .hotel__boxes .required i,
#general_info .hotel__boxes .required i {
    color: orangered;
}

/* manage photos */


#manage_photos .border_btm {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
}

#manage_photos .mainphoto {
    position: absolute;
    top: 10px;
    left: -3px;
    background: #3fc02d;
    padding: 5px 10px;
    color: #fff;
    font-size: 0.813rem;
}

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

@media (max-width:480px) {
    #manage_photos .mainphoto {
        font-size: 0.75rem;
        top: 6px;
        padding: 0px 7px;
    }
}

#manage_photos .hotel__boxes .img_box {
    position: relative;
    width: 100%;
}

#manage_photos .hotel__boxes h4 {
    font-size: 0.875rem;
    font-weight: 500;
}

#manage_photos .hotel__boxes h4 i {
    color: #18A0FB;
}

#privacypolicy .add_item {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

#privacypolicy .add_item .btn1 {
    margin-right: 0;
}

#seomanager .hotel__boxes .tab-content {
    border: 1px solid #e9ecef;
    padding: 1rem;

}

#seomanager .hotel__boxes .nav-link {
    color: #000;
    font-weight: 500;
}

#seomanager .hotel__boxes .nav-tabs .nav-link.active {
    color: #293991;
}

#seomanager .hotel__boxes .nav-link:focus,
.nav-link:hover {
    color: #293991;
    font-weight: 500;
}

/* close radiobtn */
@media (max-width:1200px) {

    #add__hotel .save_fixed,
    #general_info .save_fixed {
        width: 96%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

    #add__hotel .right__container .hotel__boxes .colums .left_colum,
    #add__hotel .hotel__boxes .colums .left_colum {
        width: 40%;
    }

    #add__hotel .right__container .hotel__boxes .colums .right_colum,
    #add__hotel .hotel__boxes .colums .right_colum {
        width: 60%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    #add__hotel .right__container .hotel__boxes .colums .left_colum,
    #add__hotel .hotel__boxes .colums .left_colum {
        width: 40%;
    }

    #add__hotel .right__container .hotel__boxes .colums .right_colum,
    #add__hotel .hotel__boxes .colums .right_colum {
        width: 60%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}


@media (max-width:767px) {

    #dashboard_offcanvas h3,
    #date_inventory .boxes .headings h3,
    #rate_inventory_offcanvas h3,
    #add__hotel .right__container .hotel__boxes h3,
    #add__hotel .input__container input,
    #dates_mobile .rate_inventory_mobile_rooms .date h3,
    #general_info .hotel__boxes h3,
    #manage_photos .hotel__boxes h3,
    #add__hotel .hotel__boxes h3 {
        font-size: 1.3rem
    }

    .breadcrumb h1 {
        font-size: 1.5rem
    }

}

@media (max-width:480px) {
    #seomanager .hotel__boxes .nav-link {
        width: 100%;
        text-align: center;
    }

    #seomanager .hotel__boxes .nav-link.active {
        border-bottom: 1px solid #dee2e6;
        border-radius: 5px;
    }


    #dashboard_offcanvas h3,
    #date_inventory .boxes .headings h3,
    #rate_inventory_offcanvas h3,
    #add__hotel .right__container .hotel__boxes h3,
    #add__hotel .input__container input,
    #dates_mobile .rate_inventory_mobile_rooms .date h3,
    #general_info .hotel__boxes h3,
    #manage_photos .hotel__boxes h3,
    #add__hotel .hotel__boxes h3 {
        font-size: 1.1rem
    }

    .breadcrumb h1 {
        font-size: 1.3rem
    }

    #add__hotel .right__container .hotel__boxes .upload_pic .plus,
    #add__hotel .hotel__boxes .upload_pic .plus,
    #manage_photos .hotel__boxes .upload_pic .plus {
        width: 30px;
        height: 30px;
    }

    #add__hotel .right__container .hotel__boxes .upload_pic .plus i,
    #add__hotel .hotel__boxes .upload_pic .plus i,
    #manage_photos .hotel__boxes .upload_pic .plus i {
        font-size: 20px;
    }


}


/* create booking */


#create_booking .bulkbtn .btn_bulk {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#create_booking .bulkbtn .btn_bulk:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}


#create_booking_offcanvas .offcanvas,
#create_booking_offcanvas .offcanvas-lg,
#create_booking_offcanvas .offcanvas-md,
#create_booking_offcanvas .offcanvas-sm,
#create_booking_offcanvas .offcanvas-xl,
#create_booking_offcanvas .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 48%;
    background: #f4f7f9;
}

@media (max-width:767px) {

    #create_booking_offcanvas .offcanvas,
    #create_booking_offcanvas .offcanvas-lg,
    #create_booking_offcanvas .offcanvas-md,
    #create_booking_offcanvas .offcanvas-sm,
    #create_booking_offcanvas .offcanvas-xl,
    #create_booking_offcanvas .offcanvas-xxl {

        --bs-offcanvas-width: 80%;

    }
}

#create_booking_offcanvas .offcanvas-body .form-control {
    border-radius: 2px !important;
}

#create_booking_offcanvas label {
    font-size: 0.813rem;
}


#create_booking_offcanvas .btn_bulk {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#create_booking_offcanvas .btn_bulk:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#create_booking_offcanvas h4 {
    font-weight: 600;
    font-size: 1rem;
    color: #000;
}

#create_booking_offcanvas h4 i {
    color: #293991;
}

#create_booking_offcanvas h4 span i {
    color: #c67676;
}

#create_booking_offcanvas .boxes_border {
    border: 1px solid #e5e6ea;
    padding: 15px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;

}

#create_booking_offcanvas .boxes_border .calendar,
#create_booking_offcanvas .boxes_border .time {
    position: relative;
}

#create_booking_offcanvas .boxes_border .calendar i,
#create_booking_offcanvas .boxes_border .time i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#create_booking_offcanvas .box-left {
    position: relative;
    display: flex;
}

#create_booking_offcanvas .box-left .ml-per {
    margin-left: 38px;
}

#create_booking_offcanvas .box-left h3 {
    font-weight: 500;
    font-size: 1.4rem;
    color: #000;
}

#create_booking_offcanvas h4 {
    font-weight: 600;
    font-size: 1rem;
    color: #000;
}


#create_booking_offcanvas .rooms_inventory h5 {
    font-size: 0.813rem;
    font-weight: 600;
    color: #000;
}

#create_booking_offcanvas .boxes_border .outer_colum {
    display: flex;
    align-items: center;
    width: 100%
}

#create_booking_offcanvas .boxes_border .tablelist {
    display: flex;
    align-items: center;
    width: 50%;

}

#create_booking_offcanvas .boxes_border .tablelist .leftside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#create_booking_offcanvas .boxes_border .tablelist .leftside span {
    line-height: 1.43;
    display: block;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
}

#create_booking_offcanvas .boxes_border .tablelist .rightside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#create_booking_offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#create_booking_offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#create_booking_offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#create_booking_offcanvas .blocks {
    width: 100%;
    padding: 0.5rem 1.25rem;
    font-size: 0.813rem;
    border: 1px solid #3fc02d;
    text-align: center;

}



#create_booking_offcanvas .boxes_border .btn_box .btn_cancel:hover {
    background-color: #797a7d;
    border-color: #797a7d;
    -webkit-box-shadow: 0 8px 25px -8px #797a7d;
    box-shadow: 0 8px 25px -8px #797a7d;
}

#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity,
#add__hotel .hotel__boxes .tablelist .rightside .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity-input,
#add__hotel .hotel__boxes .tablelist .rightside .quantity-input {
    display: block;
    width: 50%;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity .minus,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .minus,
#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity .plus,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
    height: 28px;
    cursor: pointer;
    font-size: 1.8rem;
    background: none;
    color: #293991;
    padding: 0;
    border: none;
    border-radius: 5px;
    transition: all 0.2s linear;
}

#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity .minus:hover,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .minus:hover,
#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity .plus:hover,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .plus:hover {
    color: #293991;
}

#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity .minus::-moz-selection,
#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity .plus::-moz-selection {
    background: none;
}

#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity .minus::selection,
#create_booking_offcanvas .boxes_border .tablelist .rightside .quantity .plus::selection {
    background: none;
}

#create_booking_offcanvas .offcanvas-body .boxes_border .form-controls {
    display: inline-block;
    width: 100px;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#create_booking_offcanvas .form-check-input {
    width: 1.2em;
    height: 1.2em;
}

#create_booking_offcanvas .offcanvas-header {
    display: flex;
    left: -43px;
    position: absolute;
    top: 23px;
    padding: 0;
}

#create_booking_offcanvas .offcanvas-header .closebtn {
    color: #fff;
    padding: 0px 5px;
    background: #3fc02d;
    border: none;
    border-radius: 10px 0px 0px 10px;
}

#create_booking_offcanvas .offcanvas-header .closebtn i {
    color: #fff;
    font-size: 2rem;
}

#create_booking_offcanvas .offcanvas-body {
    padding: 15px;
}

#create_booking_offcanvas .form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}




@media (max-width:767px) {
    #create_booking_offcanvas .boxes_border .tablelist {
        width: 100%;
        margin-bottom: 10px;
    }

    #create_booking_offcanvas .boxes_border .outer_colum {
        flex-direction: column;
    }
}

/* create booking close */

/* manage contact */

#manage_contact {
    width: 100%;
}

#manage_contact .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    margin-bottom: 0px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

#manage_contact .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#manage_contact .pdng-5 {
    padding: 5px 8px !important;
}

#manage_contact .btn2 {
    background: none;
    border-color: #3fc02d;
    color: #1f1f1f;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    min-width: auto;
}

#manage_contact .btn2:hover {
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#manage_contact h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

#manage_contact .contact-block {
    padding: 0;
    margin-bottom: 10px;

}

#manage_contact .contact-block {
    border: 1px solid #ccc;
    background: #fff;
}

#manage_contact .manage_panel {
    background: none;
    box-shadow: none;
    margin: 0;
    min-height: 355px;
}


#manage_contact .contact-block .contact-name {
    border-bottom: 1px solid #dedede;
    padding: 10px;
    width: 100%;
}

#manage_contact .contact-block .contact-name h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #1c1d1d;
}

#manage_contact .contact-block .contact-name h5 {
    font-size: .875rem;
    font-weight: 500;
    color: #1c1d1d;
}

#manage_contact .contact-block .contact-details {

    padding: 5px 10px 10px;
    margin: 0;
}


/* close manage contact */
/* add contact */
#add_contact {
    width: 100%;
}

#add_contact .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    height: 100%;
}

#add_contact .hotel__boxes h3 {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000;
}

#add_contact .hotel__boxes label {
    font-size: 0.875rem;
    font-weight: 500;
}

#add_contact .hotel__boxes .seemore {
    color: #3fc02d;
    background: #fff;
    font-weight: 500;

    font-size: 0.813rem;
    padding: 0.5rem 0rem;
    border-radius: 2px;
}

#add_contact .buttonbox {
    width: 100%;


}

#add_contact .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 1.125rem;
    padding: 0.5rem 1.25rem;
    color: #fff;
    margin-right: 10px;
    width: 100%;
}

#add_contact .btn1:hover {
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#add_contact .btn2 {
    background: #fff;
    border-color: #3fc02d;
    font-size: 1.125rem;
    padding: 0.5rem 1.25rem;
    color: #1f1f1f;
    margin-right: 10px;
    width: 100%;
}

#add_contact .btn2:hover {
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

/* add contact */

/* manage user */
#manage_user {
    width: 100%;
}

#manage_user .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#manage_user .header .left_box {
    position: relative;
}

#manage_user .header .left_box h1 {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    font-weight: 600;
    color: #332e38;
    margin-bottom: 10px;
}

#manage_user .header .right_box {
    position: relative;
}

#manage_user .header .invite {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;

}

#manage_user .header .invite:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#manage_user .search {
    position: relative;
}

#manage_user .search i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 13px;
    bottom: 7px;
}

#manage_user .boxes {
    margin: 10px 0px;
}

#manage_user .boxes table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;

}

#manage_user .boxes table h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 1px;
    color: #333;
}

#manage_user .boxes table p span {
    display: block;
}

#manage_user .boxes table p {
    margin-bottom: 5px;
}

#manage_user .boxes table tr .avatar {
    border-radius: 50%;
    height: 48px;
    width: 48px;
    background: #293991;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 5px;
}

#manage_user .boxes table .drop {
    border: none;
    padding: 0;
    font-size: .813rem;
}

#manage_user .boxes table .dropdown-item {
    font-size: .813rem;
}

#manage_user .boxes table .dropdown-item:hover {
    background-color: #f3f3f3;
}

#manage_user .boxes table .red_clr {
    color: #e62006;
}

#manage_user .boxes .table thead th {
    padding: 15px 0.5rem;
    border-bottom: 0;
}

#manage_user .boxes .table thead .headings {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4285714286em;
    text-align: left;
}

#manage_user .boxes .table th,
#manage_user .boxes .table td {
    vertical-align: middle;
}

#manage_user .boxes table .bui-badge {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    background-color: #3fc02d;
    border-radius: 2px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    padding: 0 4px;
    vertical-align: middle;
}

#manage_user .modal-body h4 {
    font-size: .875rem;
    font-weight: 500;
    color: #000
}

#manage_user .modal-body p {
    margin-bottom: 0;
}

#manage_user .modal-dialog {
    max-width: 576px;

}

#manage_user .modal-content {
    border-radius: 2px !important;
}

#manage_user .modal-dialog .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

#manage_user .modal-dialog .modal-header p {
    margin-bottom: 0;
}

#manage_user .modal-body label {
    font-size: 0.875rem;
}

#manage_user .modal-dialog .modal-header h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

#manage_user .modal-dialog .modal-footer {
    justify-content: flex-start;
    border: none;
    padding-top: 0;
}

#manage_user .modal-dialog .modal-footer .btn_3,
#manage_user .modal-dialog .modal-footer .btn_5 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;

}

#manage_user .modal-dialog .modal-footer .btn_3:hover,
#manage_user .modal-dialog .modal-footer .btn_5:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#manage_user .modal-dialog .modal-footer .btn_4 {
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;

}

#manage_user .modal-dialog .modal-footer .btn_5 {
    background: #e62006;
    border-color: #e62006;
}

#manage_user .modal-dialog .modal-footer .btn_5:hover {
    background: #e62006;
    -webkit-box-shadow: 0 8px 25px -8px #e62006;
    box-shadow: 0 8px 25px -8px #e62006;
    border-color: #e62006;
}

#manage_user .modal-dialog .modal-footer .btn_4:hover {

    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#manage_user .modal-body .tabs {
    margin: 0px 0px 20px 0px
}

#manage_user .modal-body .nav-tabs .nav-item .nav-link {
    font-size: 0.875rem;
}

#manage_user .modal-body .nav-tabs .nav-item .nav-link.active {
    border: none;
    border-bottom: 2px solid #293991;
    background: none;
}

#manage_user .modal-body .nav-tabs .nav-item .nav-link:hover {
    color: #293991;
    font-weight: 400;
    border-bottom: 2px solid #293991;
}

#manage_user .modal-body .nav-tabs {
    border-bottom: 1px solid #d3d7db;
}

#manage_user .modal-body .nav-tabs .nav-item {
    margin-bottom: 0px;
}

/* manage user close */
/* opne-close */
#opne-close {
    width: 100%;
}

#opne-close .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#opne-close .hotel__boxes .form-check-input {
    width: 1.2em;
    height: 1.2em;
}

#opne-close .hotel__boxes label {
    font-size: 0.813rem;
}

#opne-close .hotel__boxes h4 {
    font-size: 0.813rem;
    font-weight: 600;
    color: #1f1f1f;
}

#opne-close .save_btn {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#opne-close .save_btn:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

/* opne-close end */
/* promotion */
#promotion {
    width: 100%;
}

#promotion .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#promotion .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#promotion .header .left_box {
    position: relative;
}

#promotion .header .left_box h1 {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    font-weight: 600;
    color: #332e38;
    margin-bottom: 10px;
}

#promotion .header .right_box {
    position: relative;
}

#promotion .header .invite {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;

}

#promotion .header .invite:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#promotion h4 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

#promotion .btn-group .btn {
    border: 1px solid #d9dce2;
    font-size: 0.813rem;
    color: #000;
    margin-bottom: 0px;
}

#promotion .btn-group .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3fc02d;
    border-color: #3fc02d;
}

#promotion .status .btn-primary {
    background: #fff;
}


#promotion .btn-check:checked+.btn,
#promotion .btn.active,
#promotion .btn.show,
#promotion .btn:first-child:active,
#promotion :not(.btn-check)+.btn:active {
    color: #fff;
    background-color: #3fc02d;
    border-color: #3fc02d;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#promotion .btn:hover {
    background-color: #3fc02d;
    color: #fff;
}

#promotion .btn:active {
    background-color: #3fc02d;
}

#promotion .btn:visited {
    background-color: #3fc02d;
}

#promotion .status h5 {
    font-weight: 400;
    font-size: .813rem;
}

#promotion .table th,
#promotion .table td {
    vertical-align: middle;
}

#promotion table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#promotion table thead th {
    vertical-align: bottom;
    border-bottom: none;
}

#promotion .promotions {
    display: flex;
    align-items: center;
}

#promotion .promotions .icons {
    padding-right: 10px;
}

#promotion .promotions .icons img {
    width: 80px;
}

#promotion .promotions .txts {
    font-size: 1rem;
    font-weight: 600;
}

#promotion .promotions .txts span {
    display: block;
    font-size: .813rem;
    font-weight: 500;
    color: #8e8888;
}

#promotion .fw {
    font-weight: 600;
    color: #333;
    font-weight: .875rem;
}

#promotion .fw span {
    display: block;
    font-size: .813rem;
    font-weight: 500;
    color: #8e8888;
}


/* promotion close */


/* new promotion */
#add-new-promotion {
    width: 100%;
}

#add-new-promotion .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#add-new-promotion .hotel__boxes h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

#add-new-promotion .hotel__boxes h4 {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

#add-new-promotion .hotel__boxes label {
    font-size: 0.875rem;
    font-weight: 500;
}

#add-new-promotion .hotel__boxes .input-group-text {
    border-radius: 2px;
}

#add-new-promotion .hotel__boxes .bui-banner {
    display: flex;
    align-items: center;
    background: #fafcff;
    width: 100%;
    border: 1px solid #cce1ff;
    border-radius: 2px;
    padding: 16px 24px;
    font-size: .875rem;
    margin: 10px 0px;
}

#add-new-promotion .hotel__boxes .bui-banner p {
    margin-bottom: 0;
}

#add-new-promotion .hotel__boxes .bui-banner p i {
    font-size: 1.2rem;
    padding-right: 10px;
}

#add-new-promotion .hotel__boxes .bui-banner p span {
    font-weight: 600;
    padding: 0px 5px;

}

#add-new-promotion .hotel__boxes .calender {
    width: 100%;
}

#add-new-promotion .hotel__boxes .form-check-input {
    width: 1.2em;
    height: 1.2em;
}

#add-new-promotion .button-box .button-box {
    display: flex;
}

#add-new-promotion .button-box .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;
    margin-right: 10px;
}

#add-new-promotion .button-box .btn1:hover {
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#add-new-promotion .button-box .btn2 {
    background: #fff;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #1f1f1f;
}

#add-new-promotion .button-box .btn2:hover {
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;
}

#add-new-promotion .modal-dialog .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

#add-new-promotion .modal-dialog .modal-header .headerboxes {
    width: 80%;
}

#add-new-promotion .modal-dialog .full_clm {
    width: 100%;
    padding: 1rem;
}

#add-new-promotion .modal-dialog .full_clm p {
    margin-bottom: 0;
}

#add-new-promotion .modal-dialog h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
}

#add-new-promotion .modal-body {
    padding: 0;
}

#add-new-promotion .modal-body .build-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    padding: 0px 20px;
    border-top: 1px solid #e0e0e0;
}

#add-new-promotion .modal-body .build-grid .details {
    width: 20%;
    padding: 20px 0px;
}

#add-new-promotion .modal-body .build-grid .details h4 {
    font-size: .875rem;
    color: #000;
    font-weight: 600;
}

#add-new-promotion .modal-body .build-grid .percentage {
    width: 60%;
    font-size: .875rem;
}

#add-new-promotion .modal-body .build-grid .edit {
    width: 20%;
}

#add-new-promotion .modal-body .build-grid .edit .edit_btn {
    display: flex;
    justify-content: flex-end;
}

#add-new-promotion .modal-body .build-grid .edit .edit_btn .bui-link {
    border: none;
    padding: 0;
    font-size: .875rem;
    color: #07c;
    text-decoration: underline;
}

#add-new-promotion .modal-dialog {
    max-width: 576px;
}

#add-new-promotion .modal-footer {
    justify-content: flex-start;

}

#add-new-promotion .modal-dialog .modal-footer .btn_3,
#add-new-promotion .modal-dialog .modal-footer .btn_5 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;

}

#add-new-promotion .modal-dialog .modal-footer .btn_3:hover,
#add-new-promotion .modal-dialog .modal-footer .btn_5:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#add-new-promotion .modal-dialog .modal-footer .btn_4 {
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;

}

@media (max-width:767px) {
    #add-new-promotion .hotel__boxes .bui-banner {
        flex-wrap: wrap;
        padding: 10px;
    }

    #add-new-promotion .modal-body .build-grid {
        flex-wrap: wrap;
    }

    #add-new-promotion .modal-body .build-grid .details {
        width: 30%;
    }

    #add-new-promotion .modal-body .build-grid .percentage {
        width: 50%;
        padding-left: 5px;
    }

    #promotion .promotions .txts {
        font-size: .875rem;

    }

}

/* new promotion close */


/* bank details */
#bank-details {
    width: 100%;
}

#bank-details .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#bank-details .hotel__boxes h3 {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000;
}

#bank-details .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#bank-details .header .left_box {
    position: relative;
}

#bank-details .header .left_box h1 {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    font-weight: 600;
    color: #332e38;
    margin-bottom: 10px;
}

#bank-details .hotel__boxes .banklogo {
    width: 100px;
}

#bank-details .hotel__boxes .addbank {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;


}

#bank-details .hotel__boxes .addbank:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#bank-details .hotel__boxes p {
    margin-bottom: 5px;
}

/* bank details close*/

/* new bank details */
#new-bank-details {
    width: 100%;
}

#new-bank-details .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#new-bank-details .hotel__boxes h3 {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000;
}

#new-bank-details .hotel__boxes p {
    margin-bottom: 0;
}

#new-bank-details .hotel__boxes p i {
    font-size: 1.2rem;
    padding-right: 5px;
    color: orangered;
}

#new-bank-details .hotel__boxes .update {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;
}

#new-bank-details .hotel__boxes .update:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#new-bank-details .hotel__boxes label {
    font-size: 0.875rem;
}

/* new bank details close */

/* bank details view */
#bank-details-view {
    width: 100%;
}

#bank-details-view .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#bank-details-view .hotel__boxes h3 {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000;
}

#bank-details-view .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#bank-details-view .header .left_box {
    position: relative;
}

#bank-details-view .header .left_box h1 {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    font-weight: 600;
    color: #332e38;
    margin-bottom: 10px;
}

#bank-details-view .bui-banner {
    display: flex;
    align-items: center;
    background: #fafcff;
    width: 100%;
    border: 1px solid #cce1ff;
    border-radius: 2px;
    padding: 16px 24px;
    font-size: .875rem;
    margin: 10px 0px;
}

#bank-details-view .bui-banner p {
    margin-bottom: 0;
}

#bank-details-view .line {
    border-bottom: 1px solid #e0e0e0;
}

#bank-details-view .hotel__boxes h4 {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
    margin-top: 20px;
}

#bank-details-view .hotel__boxes .details {
    width: 100%;
}

#bank-details-view .hotel__boxes .details ul {
    display: flex;
    padding-left: 0;
    flex-direction: column;
}

#bank-details-view .hotel__boxes .details ul li {
    display: flex;
    align-items: center;
    padding: 5px 0px;
}

#bank-details-view .hotel__boxes .details ul li .left {
    font-size: 0.813rem;
    width: 50%;
}

#bank-details-view .hotel__boxes .details ul li .right {
    font-size: 0.813rem;
    width: 50%;
}

#bank-details-view .hotel__boxes .editbank {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #fff;
    padding: 0.5rem 1.25rem;


}

#bank-details-view .hotel__boxes .editbank:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

@media (max-width:480px) {
    #bank-details-view .hotel__boxes .details ul li .left {

        width: 100%;
    }

    #bank-details-view .hotel__boxes .details ul li .right {

        width: 100%;
    }

    #bank-details-view .hotel__boxes .details ul li {
        flex-wrap: wrap;
    }

}

/* bank details view  close*/

/* dashboard updation */
#dashboard_offcanvas .contact-block {
    border: 1px solid #ccc;
    background: #fff;

}

#dashboard_offcanvas .contact-block2 {
    border: 1px solid #ccc;
    background: #e8f0fd;
    border-radius: 0px 40px 40px 0px;
    padding: 8px;
}

#dashboard_offcanvas .contact-block .contact-name {
    border-bottom: 1px solid #dedede;
    padding: 10px;
    width: 100%;
    background: #f4f4f4;
}

#dashboard_offcanvas .contact-block .contact-name h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #1c1d1d;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

#dashboard_offcanvas .contact-block2 .contact-name h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #1c1d1d;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

#dashboard_offcanvas .contact-block .contact-name h5 {
    font-size: .875rem;
    font-weight: 500;
    color: #1c1d1d;
}


#dashboard_offcanvas .contact-block .contact-details {
    padding: 5px 10px 10px;
    margin: 0;
}

#dashboard_offcanvas .contact-block .contact-details p {
    margin-bottom: 5px;
}

#dashboard_offcanvas .contact-block .contact-details p i {
    margin-right: 5px;
    color: #293991;
}

#dashboard_offcanvas .contact-block .contact-name h4 span {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;

    border-radius: 50%;
    margin-right: 10px;
}

#dashboard_offcanvas .contact-block .contact-name h4 span img {
    width: 20px;
    height: 20px;
}

#dashboard_offcanvas .contact-block2 .contact-name h4 span {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;


    margin-right: 10px;
}

#dashboard_offcanvas .contact-block2 .contact-name h4 span img {
    width: 20px;
    height: 20px;
}

#dashboard_offcanvas .contact-block .contact-details p a {
    color: #212529;
}

#dashboard_offcanvas .offcanvas-header {
    display: flex;
    left: -43px;
    position: absolute;
    top: 23px;
    padding: 0;
}

#dashboard_offcanvas .offcanvas-header .closebtn {
    color: #fff;
    padding: 0px 5px;
    background: #3fc02d;
    border: none;
    border-radius: 10px 0px 0px 10px;
}

#dashboard_offcanvas .offcanvas-header .closebtn i {
    color: #fff;
    font-size: 2rem;
}

#dashboard_offcanvas .offcanvas-body {
    padding: 15px;
}

/* dashboard updation close */



/* common modal button  */
#dashboard_offcanvas .offcanvas-header {
    display: flex;
    left: -43px;
    position: absolute;
    top: 23px;
    padding: 0;
}

#dashboard_offcanvas .offcanvas-header .closebtn {
    color: #fff;
    padding: 0px 5px;
    background: #3fc02d;
    border: none;
    border-radius: 10px 0px 0px 10px;
}

#dashboard_offcanvas .offcanvas-header .closebtn i {
    color: #fff;
    font-size: 2rem;
}

#dashboard_offcanvas .offcanvas-body {
    padding: 15px;
}

/* close common modal button  */



/* header */
.layout-sidebar-large .main-header {
    width: 100%;
}

.layout-sidebar-large .main-header:after {
    position: absolute;
    width: 100%;
    height: 13px;
    background: #293991;
    top: 0;
    content: "";
}

.layout-sidebar-large .main-header .logo {
    background: #293991;
    height: 85%;
    position: relative;
}

.layout-sidebar-large .main-header .menu-toggle {
    background: #293991;
    height: 85%;
    position: relative;
    width: 50px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    margin-right: 12px;
}

.layout-sidebar-large .main-header .menu-toggle div {

    background: #fff !important;

}

.layout-sidebar-large .main-header .noMobile {
    margin-left: 45px;
}

/* .layout-sidebar-large .main-header .logo img { width: 200px; height: 40px;} */
.layout-sidebar-large .main-header .menu-toggle:before {
    position: absolute;
    right: -67px;
    content: "";
    top: 0;
    background: url(/assets/images/curve.svg) no-repeat left;
    width: 72px;
    height: 100%;
    z-index: 99
}



.layout-sidebar-large .main-header .logo {
    width: 180px;
    padding-left: 0px;
    display: flex;
    align-items: center;
    padding-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .menu-toggle {
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .layout-sidebar-large .main-header .menu-toggle {
        width: 40px;
        margin-right: 39px;
    }

    .layout-sidebar-large .main-header .menu-toggle {
        left: -36px;
    }

    .layout-sidebar-large .main-header .noMobile {
        margin-left: 0px;
    }

}

@media (max-width:767px) {
    .layout-sidebar-large .main-header .header-part-right .btn {
        min-width: auto;
        margin-bottom: 0;
        padding: 0;
    }

    .layout-sidebar-large .main-header .noMobile {
        margin-left: 10px;
    }

    .layout-sidebar-large .main-header .menu-toggle:before {
        position: absolute;
        right: -67px;

        width: 71px;
        z-index: -1;
    }

    .layout-sidebar-large .main-header .menu-toggle {
        left: -36px;
    }

    .layout-sidebar-large .main-header .header-part-right .btn .dropdown-toggle {
        padding: 0;
    }

    .layout-sidebar-large .main-header .header-part-right .user {
        padding: 0;

        margin-right: 42px;
    }

    .layout-sidebar-large .main-header .logo::before {
        right: -32px;
    }

}

@media (max-width: 576px) {
    .layout-sidebar-large .main-header {
        height: 55px !important;
        padding: 0;
    }

    .layout-sidebar-large .main-header .logo img {
        margin-left: 0 !important;
    }

    .layout-sidebar-large .main-header .menu-toggle::before {
        right: -44px;
        width: 50px;
        top: 0px;
    }


    .layout-sidebar-large .main-header .logo {
        width: 110px;
        padding-left: 10px;
        display: flex;
        align-items: center;
    }

    .noMobile {
        display: none;
    }

    .layout-sidebar-large .main-header .header-part-right .btn {
        min-width: auto;
        margin-bottom: 0;
    }

    .layout-sidebar-large .main-header .menu-toggle {
        width: 60px !important;
        left: -20px;
    }

    .main-content-wrap {
        margin-top: 57px;
    }

    .layout-sidebar-large .main-header .header-part-right .user img {
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
    }

    .layout-sidebar-large .main-header .header-part-right .col {
        padding-left: 0;
    }

    .layout-sidebar-large .main-header:after {

        height: 9px;

    }
}


/* header  close*/

/* coming soon */
.comingsoon {
    text-align: center;
    position: absolute;
    top: 50%;
    left: calc(50% - 140px);
}

.comingsoon h4 {
    font-size: 3rem;
    font-weight: 700;
    color: black;
}

.comingsoon h5 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #747474;
    margin-top: 10px;
}

@media (max-width:767px) {
    #comingsoon_page .comingsoon h4 {
        font-size: 1.8rem;
    }

    #comingsoon_page .comingsoon h5 {
        font-size: 1rem;
    }
}









/* coming soon */

.form-control-datepicker {
    height: calc(1.9695rem + 6px) !important;
}

/* reservation css start here */
#reservation-id {
    width: 100%;
}

#reservation-id .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#reservation-id .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#reservation-id .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#reservation-id .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#reservation-id .hotel_table {
    margin: 0;
}

#reservation-id .hotel__boxes .selectize-input {

    border: 1px solid #ced4da;
    margin-top: 3px;
    padding: 0.375rem 0.75rem;
}

.selectize-dropdown,
#reservation-id .hotel__boxes .selectize-input,
.selectize-input input {

    line-height: 1.5;
}


#reservation-id .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#reservation-id .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#reservation-id .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#reservation-id .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#reservation-id .top__boxes .left_side h2 {

    font-weight: 700;
    color: #332e38;
    margin-bottom: 1rem;
    font-size: 1.5rem;

}



#reservation-id .top__boxes .left_side h3,
#reservation-id .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}

#reservation-id .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#reservation-id .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#reservation-id .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#reservation-id .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#reservation-id .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#reservation-id .hotel_table table tr td .boxes {
    display: flex;
}

#reservation-id .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#reservation-id .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#reservation-id .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#reservation-id .hotel_table table tr td .closed_notbookable {
    color: #ff3131;
    font-weight: 500;
}

#reservation-id .hotel_table table tr td .open_closed {
    color: #228b22;
    font-weight: 500;
}

#reservation-id .hotel_table table tr td .soldout {
    color: orange;
    font-weight: 500;
}

#reservation-id .hotel_table table .right_pdng {
    padding-right: 40px;
}

#reservation-id .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#reservation-id .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#reservation-id .hotel_table .center_btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#reservation-id .hotel_table .center_btn .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
}

#reservation-id .hotel_table .center_btn .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}



/* reservation css close here */

/* finance */
#finance_statement {
    width: 100%;
}

#finance_statement .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#finance_statement .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}


#finance_statement .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 6px;
    margin-bottom: 0;
}

#finance_statement .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#finance_statement .hotel_table {
    margin: 0;
}

#finance_statement .hotel_table2 {
    margin: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 1;
}

#finance_statement .hotel__boxes_2 .calendar {
    position: relative;
}

#finance_statement .hotel__boxes_2 .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}





#finance_statement .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#finance_statement .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#finance_statement .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#finance_statement .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#finance_statement .top__boxes .left_side h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
}

#finance_statement .top__boxes .left_side h3,
#finance_statement .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}

#finance_statement .hotel_table table thead .table-dark {
    background: #293991 !important;
}



#finance_statement .hotel_table table,
#finance_statement .hotel_table2 table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#finance_statement .hotel_table table .ten,
#finance_statement .hotel_table2 table .ten {
    width: 10%;
}

#finance_statement .hotel_table table .five,
#finance_statement .hotel_table2 table .five {
    width: 5%;
}

#finance_statement .hotel_table table .fifty,
#finance_statement .hotel_table2 table .fifty {
    width: 40%;
}

#finance_statement .hotel_table table .fiftyfive,
#finance_statement .hotel_table2 table .fiftyfive {
    width: 15%;
}

#finance_statement .hotel_table2 table {

    background: #d9e8f1;
    width: 100%;

}


#finance_statement .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#finance_statement .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#finance_statement .hotel_table table tr td .boxes {
    display: flex;
}

#finance_statement .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#finance_statement .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#finance_statement .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#finance_statement .hotel_table .closing-balance {
    background: #fff;
    padding: 10px;
    color: green;
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    justify-content: flex-end;
}

#finance_statement .hotel_table2 .opening-balance {
    background: #fff;
    padding: 10px;
    color: #ff3131;
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    justify-content: flex-end;
}

#finance_statement .hotel_table table tr td .opening {
    color: #ff3131;
    font-weight: 500;
}

#finance_statement .hotel_table table tr td .closed {
    color: red;
    font-weight: 700;
}

#finance_statement .hotel_table table tr td .closing {
    color: green;
    font-weight: 500;
}

#finance_statement .hotel_table table .right_pdng {
    padding-right: 40px;
}

#finance_statement .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#finance_statement .hotel_table table .cursor {
    cursor: pointer;
}

#finance_statement .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#finance_statement .hotel_table .center_btn {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#finance_statement .hotel_table .center_btn .btnbox {
    position: relative;
}

#finance_statement .hotel_table .center_btn .print a {
    color: #1c1d1d;
    font-size: 1rem;
}





#finance_statement .modal-dialog .modal-header .headerboxes {
    width: 80%;
}

#finance_statement .modal-dialog .full_clm {
    width: 100%;
    padding: 1rem;
}

#finance_statement .modal-dialog .full_clm p {
    margin-bottom: 0;
}

#finance_statement .modal-dialog h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
}



#finance_statement .modal-body label {
    font-size: 0.875rem;
}

#finance_statement .modal-dialog .modal-footer {

    border: none;
    padding-top: 0;
}

#finance_statement .modal-dialog .modal-footer .btn_4 {
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;
    background: #3fc02d;

}

#finance_statement .modal-dialog .modal-footer .btn_5 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
}

#finance_statement .modal-dialog .modal-footer .btn_5:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#finance_statement .modal-dialog .modal-footer .btn_4:hover {

    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

@media (max-width: 767px) {
    #finance_statement .hotel_table table tr td .boxes {
        flex-direction: column;
    }

    #finance_statement .hotel_table table tr td .boxes .flag {
        width: 100%;
        padding-bottom: 10px 0px;
    }
}

.page-item.active .page-link {
    background-color: #3fc02d;
    border-color: #3fc02d;
    color: #fff;
    z-index: 1;
}

.page-link:hover {
    background-color: #eee;
    border-color: #dee2e6;
    color: #2b821e;
    text-decoration: none;
    z-index: 2;
}

@media (max-width:480px) {
    #finance_statement .btn1 {
        padding: 0.5rem 10px;
        font-size: 0.715rem;
        margin-right: 3px;
    }

    #finance_statement .hotel_table .center_btn .print a {
        color: #1c1d1d;
        font-size: 0.75rem;
    }

    #finance_statement .hotel_table2 {
        top: 58px;
    }

}

/* finance */

/* reservation mobile*/

#reservation_mobile .card-footer {
    background: none;
    border-top: none;
    padding: 0.75rem 0rem;

}

#reservation_mobile .card {
    background: none;
    box-shadow: none;
    border: none
}

#reservation_mobile .card-footer small {
    font-size: .75rem;
}

#reservation_mobile .card-body {
    background: #fff;
    border-bottom: none;
}

#reservation_mobile .enquirycard {
    position: relative;
}

#reservation_mobile .filter-sort {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #303c90;
    position: fixed;
    bottom: 20px;
    left: 5%;
    z-index: 1;

    width: 90% !important;
}

#reservation_mobile .filter-sort ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}

#reservation_mobile .filter-sort ul li {

    color: #fff;
    width: 50%;
    border-right: 1px solid #18247b;
    list-style: none;
    cursor: pointer;
    font-size: 0.8rem;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#reservation_mobile .filter-sort ul li a {

    width: 100%;
    color: #fff;
    font-size: 0.8rem;

}

#reservation_mobile .filter-sort ul li:last-child {
    border-right: none;
}

#reservation_mobile .offcanvas-header {
    padding-bottom: 0;
}

#reservation_mobile .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

#reservation_mobile .offcanvas label {
    font-size: 0.813rem;
}

#reservation_mobile .offcanvas .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#reservation_mobile .offcanvas .calendar {
    position: relative;
}

#reservation_mobile .offcanvas {
    height: auto;
}

#reservation_mobile .offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#reservation_mobile .offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#reservation_mobile .offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#reservation_mobile .card-body h5 {
    font-size: 1rem;
}

#reservation-id .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#reservation-id .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

/* reservation mobile close */

/* hotel list mobile */
#hotel_lists_mob {
    width: 100%;
}

#hotel_lists_mob .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px
}

#hotel_lists_mob .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#hotel_lists_mob .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 10px
}

#hotel_lists_mob .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#hotel_lists_mob .hotel_table {
    margin: 0;
}

#hotel_lists_mob .hotel__boxes .selectize-input {

    border: 1px solid #ced4da;
    margin-top: 3px;
    padding: 0.375rem 0.75rem;
}

.selectize-dropdown,
#hotel_lists_mob .hotel__boxes .selectize-input,
.selectize-input input {

    line-height: 1.5;
}


#hotel_lists_mob .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#hotel_lists_mob .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#hotel_lists_mob .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#hotel_lists_mob .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#hotel_lists_mob .top__boxes .left_side h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
}

#hotel_lists_mob .top__boxes .left_side h3,
#hotel_lists_mob .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}

#hotel_lists_mob .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#hotel_lists_mob .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#hotel_lists_mob .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#hotel_lists_mob .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#hotel_lists_mob .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#hotel_lists_mob .hotel_table table tr td .boxes {
    display: flex;
}

#hotel_lists_mob .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#hotel_lists_mob .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#hotel_lists_mob .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hotel_lists_mob .hotel_table table tr td .closed_notbookable {
    color: #ff3131;
    font-weight: 500;
}

#hotel_lists_mob .hotel_table table tr td .open_closed {
    color: #228b22;
    font-weight: 500;
}

#hotel_lists_mob .hotel_table table tr td .soldout {
    color: orange;
    font-weight: 500;
}

#hotel_lists_mob .hotel_table table .right_pdng {
    padding-right: 40px;
}

#hotel_lists_mob .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
    text-align: left;
}

#hotel_lists_mob .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#hotel_lists_mob .hotel_table .center_btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#hotel_lists_mob .hotel_table .center_btn .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
}

#hotel_lists_mob .hotel_table .center_btn .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_lists_mob .filter-sort {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #303c90;
    position: fixed;
    bottom: 40px;
    left: 5%;
    z-index: 1;

    width: 90% !important;
}

#hotel_lists_mob .filter-sort ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}

#hotel_lists_mob .filter-sort ul li {

    color: #fff;
    width: 50%;
    border-right: 1px solid #18247b;
    list-style: none;
    cursor: pointer;
    font-size: 0.8rem;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#hotel_lists_mob .filter-sort ul li a {

    width: 100%;
    color: #fff;
    font-size: 0.8rem;

}

#hotel_lists_mob .filter-sort ul li:last-child {
    border-right: none;
}

#hotel_lists_mob .offcanvas {
    height: auto;
}

#hotel_lists_mob .offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#hotel_lists_mob .offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#hotel_lists_mob .offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_lists_mob .offcanvas-header {
    padding-bottom: 0;
}

#hotel_lists_mob .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

#hotel_lists_mob .offcanvas label {
    font-size: 0.813rem;
}

#hotel_lists_mob .offcanvas .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#hotel_lists_mob .offcanvas .calendar {
    position: relative;
}

@media (max-width: 767px) {
    #hotel_lists_mob .hotel_table table tr td .boxes {
        flex-direction: column;
    }

    #hotel_lists_mob .hotel_table table tr td .boxes .flag {
        width: 100%;
        padding-bottom: 10px 0px;
    }
}


/* hotel list mobile css close here */

/* support */
.layout-sidebar-large .main-header .header-part-right .support_desktop {
    display: block;
}

.layout-sidebar-large .main-header .header-part-right .support_mob {
    display: none;
}

@media (max-width:767px) {
    .layout-sidebar-large .main-header .header-part-right .support_mob {

        display: block;
    }

    .layout-sidebar-large .main-header .header-part-right .support_desktop {
        display: none;
    }
}

.main-content-wrap .offcanvas {
    height: auto;

}

.main-content-wrap {
    position: relative;
}

.main-content-wrap .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

/* support */


/* hotelbooking */
.hotel_lists {
    width: 100%;
    margin-top: 57px;
    padding: 10px 5px;
    background: #f4f7f9;
}

.hotel_lists ul {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
}

.hotel_lists ul li {
    list-style: none;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #565555;
    width: 20%;
    padding: 10px 5px;
    border-radius: 3px;


}

.hotel_lists ul .active {
    background: #edebeb;
    border-radius: 3px;
}

.hotel_lists ul li i {
    display: block;
    color: #3fc02d;
    font-size: 1.5rem;
}

@media (max-width:480px) {
    .hotel_lists ul li {
        list-style: none;
        font-size: 0.688rem;
        padding: 5px 2px;
        text-align: center;
    }

}

/* hotelbooking */

/* hotel booking */
#hotel_booking {
    width: 100%;

}

#hotel_booking .lists {
    width: 100%
}

#hotel_booking .lists ul {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
}

#hotel_booking .lists ul li {
    list-style: none;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #565555;
    width: 20%;
    padding: 10px 5px;
    border-radius: 3px;


}

#hotel_booking .lists ul .active {
    background: #edebeb;
    border-radius: 3px;
}

#hotel_booking .lists ul li i {
    display: block;
    color: #3fc02d;
    font-size: 1.5rem;
}

#hotel_booking .heading {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ededed;
    padding: 10px 0px;
}

#hotel_booking .heading .left_side {
    width: 100%;
}

#hotel_booking .heading .left_side h2 {
    color: #293991;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 5px;
}


#hotel_booking .heading .left_side h4 {
    color: #000;
    font-size: 0.875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 0rem;
}

#hotel_booking .heading .left_side h4 span {
    padding-left: 5px;
}

#hotel_booking .heading .left_side h4 span a {
    color: #3fc02d;
}

#hotel_booking .heading .left_side h4 i {
    font-size: 1.5rem;
    font-weight: 800;
}

#hotel_booking .heading .left_side h5 {
    color: #000;
    font-size: 0.813rem;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 0rem;
}

#hotel_booking .heading .left_side h5 span {
    display: inline-block;
    color: #e41414;
}

#hotel_booking .heading .left_side i {
    font-size: 1.2rem;
}



#hotel_booking .ripple,
#dashboard_offcanvas .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#hotel_booking .ripple:hover,
#dashboard_offcanvas .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_booking .dasbboard_box {
    margin-top: 20px;
}

#hotel_booking .dasbboard_box .box1,
#hotel_booking .dasbboard_box .box2,
#hotel_booking .dasbboard_box .box3,
#hotel_booking .dasbboard_box .box4,
#hotel_booking .dasbboard_box .box5,
#hotel_booking .dasbboard_box .box6,
#hotel_booking .dasbboard_box .box7,
#hotel_booking .dasbboard_box .box8,
#hotel_booking .dasbboard_box .box9 {
    padding: 10px 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 600;
    font-size: 18px;
    height: 100%;
}

#hotel_booking .dasbboard_box .box1 {
    background: #cbe4f9;
}

#hotel_booking .dasbboard_box .box2 {
    background: #b8fafb;
}

#hotel_booking .dasbboard_box .box3 {
    background: #eff9da;
}

#hotel_booking .dasbboard_box .box4 {
    background: #f9ebdf;
}

#hotel_booking .dasbboard_box .box5 {
    background: #f9d8d6;
}

#hotel_booking .dasbboard_box .box6 {
    background: #d6cdea;
}

#hotel_booking .dasbboard_box .box7 {
    background: #f9dbee;
}

#hotel_booking .dasbboard_box .box8 {
    background: #dbd3c5;
}

#hotel_booking .dasbboard_box .box9 {
    background: #A7DABE;
}

#hotel_booking .dasbboard_box .box1 span,
#hotel_booking .dasbboard_box .box2 span,
#hotel_booking .dasbboard_box .box3 span,
#hotel_booking .dasbboard_box .box4 span,
#hotel_booking .dasbboard_box .box5 span,
#hotel_booking .dasbboard_box .box6 span,
#hotel_booking .dasbboard_box .box7 span,
#hotel_booking .dasbboard_box .box8 span,
#hotel_booking .dasbboard_box .box9 span {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
}

#hotel_booking .dasbboard_box .active {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 10px -10px;
    background: #293991 !important;
    color: #fff;
    /* transform: translateY(-8px); */
}

#hotel_booking .dasbboard_box .active span {
    font-weight: 600;
}

/* hotel booking close */

/* reservation mobile*/

#reservation_mobile .card-footer {
    background: none;
    border-top: none;
    padding: 0.75rem 0rem;

}

#reservation_mobile .card {
    background: none;
    box-shadow: none;
    border: none
}

#reservation_mobile .card-footer small {
    font-size: .75rem;
}

#reservation_mobile .card-body {
    background: #fff;
    border-bottom: none;
}

#reservation_mobile .enquirycard {
    position: relative;
}

#reservation_mobile .filter-sort {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #303c90;
    position: fixed;
    bottom: 20px;
    left: 5%;
    z-index: 1;

    width: 90% !important;
}

#reservation_mobile .filter-sort ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}

#reservation_mobile .filter-sort ul li {

    color: #fff;
    width: 50%;
    border-right: 1px solid #18247b;
    list-style: none;
    cursor: pointer;
    font-size: 0.8rem;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#reservation_mobile .filter-sort ul li a {

    width: 100%;
    color: #fff;
    font-size: 0.8rem;

}

#reservation_mobile .filter-sort ul li:last-child {
    border-right: none;
}

#reservation_mobile .offcanvas-header {
    padding-bottom: 0;
}

#reservation_mobile .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

#reservation_mobile .offcanvas label {
    font-size: 0.813rem;
}

#reservation_mobile .offcanvas .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#reservation_mobile .offcanvas .calendar {
    position: relative;
}

#reservation_mobile .offcanvas {
    height: auto;
}

#reservation_mobile .offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#reservation_mobile .offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#reservation_mobile .offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#reservation_mobile .card-body h5 {
    font-size: 1rem;
}

#reservation-id .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#reservation-id .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

/* reservation mobile close */

/* enquiries */

#enquiries-id {
    width: 100%;
}

#enquiries-id .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#enquiries-id .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#enquiries-id .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#enquiries-id .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#enquiries-id .hotel_table {
    margin: 0;
}

#enquiries-id .hotel__boxes .selectize-input {

    border: 1px solid #ced4da;
    margin-top: 3px;
    padding: 0.375rem 0.75rem;
}

.selectize-dropdown,
#enquiries-id .hotel__boxes .selectize-input,
.selectize-input input {

    line-height: 1.5;
}


#enquiries-id .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#enquiries-id .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#enquiries-id .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#enquiries-id .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#enquiries-id .top__boxes .left_side h2 {

    font-weight: 700;
    color: #332e38;
    margin-bottom: 1rem;
    font-size: 1.5rem;

}



#enquiries-id .top__boxes .left_side h3,
#enquiries-id .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}

#enquiries-id .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#enquiries-id .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#enquiries-id .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#enquiries-id .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#enquiries-id .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#enquiries-id .hotel_table table tr td .boxes {
    display: flex;
}

#enquiries-id .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#enquiries-id .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#enquiries-id .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#enquiries-id .hotel_table table tr td .closed_notbookable {
    color: #ff3131;
    font-weight: 500;
}

#enquiries-id .hotel_table table tr td .open_closed {
    color: #228b22;
    font-weight: 500;
}

#enquiries-id .hotel_table table tr td .soldout {
    color: orange;
    font-weight: 500;
}

#enquiries-id .hotel_table table .right_pdng {
    padding-right: 40px;
}

#enquiries-id .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#enquiries-id .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#enquiries-id .hotel_table .center_btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#enquiries-id .hotel_table .center_btn .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
}

#enquiries-id .hotel_table .center_btn .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#enquiries-id .tabs {
    margin: 10px 0px 20px 0px
}

#enquiries-id .nav-tabs .nav-item .nav-link {
    font-size: 0.875rem;
}

#enquiries-id .nav-tabs .nav-item .nav-link.active {
    border: none;
    border-bottom: 2px solid #293991;
    background: none;
}

#enquiries-id .nav-tabs .nav-item .nav-link:hover {
    color: #293991;
    font-weight: 400;
    border-bottom: 2px solid #293991;
}

#enquiries-id .nav-tabs {
    border-bottom: 1px solid #d3d7db;
}

#enquiries-id .nav-tabs .nav-item {
    margin-bottom: 0px;
}



/* enquiries close here */
/* enquiry mobile */
#enquiriesmobile .hotel__boxes {
    padding: 1rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#enquiriesmobile .hotel__boxes label {
    font-size: 0.813rem;
}

#enquiriesmobile .hotel__boxes .calender {
    position: relative;
}

#enquiriesmobile .hotel__boxes .calender i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#enquiriesmobile .hotel__boxes .tablelist {
    display: flex;
    align-items: center;
    width: 100%;

}

#enquiriesmobile .hotel__boxes .tablelist .leftside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#enquiriesmobile .hotel__boxes .tablelist .leftside span {
    line-height: 1.43;
    display: block;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
    display: flex;
    justify-content: flex-end;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity-input {
    display: block;
    width: 50%;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .minus,
#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
    height: 28px;
    cursor: pointer;
    font-size: 1.8rem;
    background: none;
    color: #293991;
    padding: 0;
    border: none;
    border-radius: 5px;
    transition: all 0.2s linear;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .minus:hover,

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .plus:hover {
    color: #293991;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .minus::-moz-selection,
#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .plus::-moz-selection {
    background: none;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .minus::selection,
#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .plus::selection {
    background: none;
}

#enquiriesmobile .butnsubmit {
    width: 100%;
}

#enquiriesmobile .butnsubmit .submit {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;

}

#enquiriesmobile .butnsubmit .submit:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}



/* enquiry mobile */

/* enquiry list */

#enquirieslist .card-footer {
    background: none;
    border-top: none;
    padding: 0.75rem 1.25rem;

}

#enquirieslist .card {
    background: none;
    box-shadow: none;
    border: none
}

#enquirieslist .card-footer small {
    font-size: .75rem;
}

#enquirieslist .card-body {
    background: #fff;
    border-bottom: none;
}

#enquirieslist .enquirycard {
    position: relative;
}

#enquirieslist .filter-sort {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #303c90;
    position: fixed;
    bottom: 20px;
    left: 5%;
    z-index: 1;

    width: 90% !important;
}

#enquirieslist .filter-sort ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}

#enquirieslist .filter-sort ul li {

    color: #fff;
    width: 33.3%;
    border-right: 1px solid #18247b;
    list-style: none;
    cursor: pointer;
    font-size: 0.8rem;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#enquirieslist .filter-sort ul li a {

    width: 100%;
    color: #fff;
    font-size: 0.8rem;

}

#enquirieslist .filter-sort ul li:last-child {
    border-right: none;
}

#enquirieslist .offcanvas-header {
    padding-bottom: 0;
}

#enquirieslist .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

#enquirieslist .offcanvas label {
    font-size: 0.813rem;
}

#enquirieslist .offcanvas .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#enquirieslist .offcanvas .calendar {
    position: relative;
}

#enquirieslist .offcanvas {
    height: auto;
}

#enquirieslist .offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#enquirieslist .offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#enquirieslist .offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}





/* enquiry list close */

/* opne-close */
#opne-close {
    width: 100%;
}

#opne-close .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#opne-close .hotel__boxes .form-check-input {
    width: 1.2em;
    height: 1.2em;
}

#opne-close .hotel__boxes label {
    font-size: 0.813rem;
}

#opne-close .hotel__boxes h4 {
    font-size: 0.813rem;
    font-weight: 600;
    color: #1f1f1f;
}

#opne-close .save_btn {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#opne-close .save_btn:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

/* opne-close end */


/* creategroup booking */


#group_booking .bulkbtn .btn_bulk {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#group_booking .bulkbtn .btn_bulk:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}


#group_booking_offcanvas .offcanvas,
#group_booking_offcanvas .offcanvas-lg,
#group_booking_offcanvas .offcanvas-md,
#group_booking_offcanvas .offcanvas-sm,
#group_booking_offcanvas .offcanvas-xl,
#group_booking_offcanvas .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 48%;
    background: #f4f7f9;
}

@media (max-width:767px) {

    #group_booking_offcanvas .offcanvas,
    #group_booking_offcanvas .offcanvas-lg,
    #group_booking_offcanvas .offcanvas-md,
    #group_booking_offcanvas .offcanvas-sm,
    #group_booking_offcanvas .offcanvas-xl,
    #group_booking_offcanvas .offcanvas-xxl {

        --bs-offcanvas-width: 80%;

    }
}

#group_booking_offcanvas .offcanvas-body .form-control {
    border-radius: 2px !important;
}

#group_booking_offcanvas label {
    font-size: 0.813rem;
}


#group_booking_offcanvas .btn_bulk {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#group_booking_offcanvas .btn_bulk:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#group_booking_offcanvas h4 {
    font-weight: 600;
    font-size: 1rem;
    color: #000;
}

#group_booking_offcanvas h4 i {
    color: #293991;
}

#group_booking_offcanvas h4 span i {
    color: #c67676;
}

#group_booking_offcanvas .boxes_border {
    border: 1px solid #e5e6ea;
    padding: 15px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;

}

#group_booking_offcanvas .boxes_border .calendar,
#group_booking_offcanvas .boxes_border .time {
    position: relative;
}

#group_booking_offcanvas .boxes_border .calendar i,
#group_booking_offcanvas .boxes_border .time i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#group_booking_offcanvas .box-left {
    position: relative;
    display: flex;
}

#group_booking_offcanvas .box-left .ml-per {
    margin-left: 38px;
}

#group_booking_offcanvas .box-left h3 {
    font-weight: 500;
    font-size: 1.4rem;
    color: #000;
}

#group_booking_offcanvas h4 {
    font-weight: 600;
    font-size: 1rem;
    color: #000;
}


#group_booking_offcanvas .rooms_inventory h5 {
    font-size: 0.813rem;
    font-weight: 600;
    color: #000;
}

#group_booking_offcanvas .boxes_border .outer_colum {
    display: flex;
    align-items: center;
    width: 100%
}

#group_booking_offcanvas .boxes_border .tablelist {
    display: flex;
    align-items: center;
    width: 50%;

}

#group_booking_offcanvas .boxes_border .tablelist .leftside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#group_booking_offcanvas .boxes_border .tablelist .leftside span {
    line-height: 1.43;
    display: block;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
}

#group_booking_offcanvas .boxes_border .tablelist .rightside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#group_booking_offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#group_booking_offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#group_booking_offcanvas .btn_save i {

    font-size: 0.715;
    padding-right: 5px;

}


#group_booking_offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#group_booking_offcanvas .blocks {
    width: 100%;
    padding: 0.5rem 1.25rem;
    font-size: 0.813rem;
    border: 1px solid #3fc02d;
    text-align: center;

}



#group_booking_offcanvas .boxes_border .btn_box .btn_cancel:hover {
    background-color: #797a7d;
    border-color: #797a7d;
    -webkit-box-shadow: 0 8px 25px -8px #797a7d;
    box-shadow: 0 8px 25px -8px #797a7d;
}

#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity,
#add__hotel .hotel__boxes .tablelist .rightside .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity-input,
#add__hotel .hotel__boxes .tablelist .rightside .quantity-input {
    display: block;
    width: 50%;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity .minus,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .minus,
#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity .plus,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
    height: 28px;
    cursor: pointer;
    font-size: 1.8rem;
    background: none;
    color: #293991;
    padding: 0;
    border: none;
    border-radius: 5px;
    transition: all 0.2s linear;
}

#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity .minus:hover,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .minus:hover,
#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity .plus:hover,
#add__hotel .hotel__boxes .tablelist .rightside .quantity .plus:hover {
    color: #293991;
}

#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity .minus::-moz-selection,
#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity .plus::-moz-selection {
    background: none;
}

#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity .minus::selection,
#group_booking_offcanvas .boxes_border .tablelist .rightside .quantity .plus::selection {
    background: none;
}

#group_booking_offcanvas .offcanvas-body .boxes_border .form-controls {
    display: inline-block;
    width: 100px;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#group_booking_offcanvas .form-check-input {
    width: 1.2em;
    height: 1.2em;
}

#group_booking_offcanvas .b-sidebar-header {
    padding: 0;
}

#group_booking_offcanvas .offcanvas-header {
    /* display: flex;
    left: -43px;
    position: absolute;
    top: 23px;
    padding: 0; */
    position: relative;
    display: block;
}

#group_booking_offcanvas .offcanvas-header .creats {
    width: 100%;
    display: flex;
    align-items: center;
}

#group_booking_offcanvas .offcanvas-header .creats h3 {
    font-weight: 500;
    font-size: 1.4rem;
    color: #000;
}

#group_booking_offcanvas .creats .btnblock {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;
    border: none;
    margin-left: 40px;

}


#group_booking_offcanvas .creats .btnblock:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}





#group_booking_offcanvas .offcanvas-header .closebtn {
    display: flex;
    left: -43px;
    position: absolute;
    top: 23px;
    padding: 0;
    color: #fff;
    padding: 0px 5px;
    background: #3fc02d;
    border: none;
    border-radius: 10px 0px 0px 10px;
}

#group_booking_offcanvas .offcanvas-header .closebtn i {
    color: #fff;
    font-size: 2rem;
}



#group_booking_offcanvas .offcanvas-body {
    padding: 15px;
}

#group_booking_offcanvas .form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

#group_booking_offcanvas .offcanvas-body .roomtypes {
    width: 100%;
}

#group_booking_offcanvas .offcanvas-body .roomtypes h3 {
    font-weight: 600;
    font-size: .875rem;
    color: #1f1f1f;

}

#group_booking_offcanvas .offcanvas-body .roomtypes h4 {
    font-weight: 600;
    font-size: .875rem;
    color: #1f1f1f;
    margin-bottom: 5px;
}

#group_booking_offcanvas .offcanvas-body .roomtypes h4 i {
    color: #3fc02d;
}

#group_booking_offcanvas .offcanvas-body .roomtypes hr {
    border-top: 1px solid #b8b7b7;
    opacity: 1;
}

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

/*checkbox  */

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags {
    list-style: none;
    padding-left: 0;
}

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li {
    display: inline;
}

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li label {
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #adadad;
    border-radius: 2px;
    white-space: nowrap;
    margin: 3px 4px 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li label {
    padding: 8px 12px;
    cursor: pointer;
}

/* #group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
} */

/* #group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
} */

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li input[type="checkbox"]:checked+label {
    border: 2px solid #293991;
    background-color: #293991;
    color: #fff;
    transition: all .2s;
}

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute;
}

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

#group_booking_offcanvas .offcanvas-body .roomtypes .room_select ul.ks-cboxtags li input[type="checkbox"]:focus+label {
    border: 2px solid #e9a1ff;
}

/* checkbox close */

/* accordion */
#group_booking_offcanvas .boxes_border .roomtypes .accordion {
    padding: 0;
}

#group_booking_offcanvas .boxes_border .roomtypes .accordion dt .fullwidth {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#group_booking_offcanvas .boxes_border .roomtypes .accordion dt,
#group_booking_offcanvas .boxes_border .roomtypes .accordion dd {
    padding: 10px;
    border: 1px solid #ebe2e2;
    background: #edeef2;

}

#group_booking_offcanvas .boxes_border .roomtypes .accordion dt:last-of-type,
#group_booking_offcanvas .boxes_border .roomtypes .accordion dd:last-of-type {
    border-bottom: 1px solid #ebe2e2;
}

#group_booking_offcanvas .boxes_border .roomtypes .accordion dt a,
#group_booking_offcanvas .boxes_border .roomtypes .accordion dd a {
    display: block;
    color: black;
    font-weight: bold;
}

#group_booking_offcanvas .boxes_border .roomtypes .accordion dd {
    border-top: 0;
    font-size: 12px;
    background: #fff;
    margin-bottom: 0;
}

#group_booking_offcanvas .boxes_border .roomtypes .accordion dd:last-of-type {
    border-top: 1px solid white;
    position: relative;
    top: -1px;
}

#group_booking_offcanvas .boxes_border .roomtypes .accordion a {
    text-decoration: none;
}

/* accordion close */
@media (max-width:767px) {
    #group_booking_offcanvas .boxes_border .tablelist {
        width: 100%;
        margin-bottom: 10px;
    }

    #group_booking_offcanvas .boxes_border .outer_colum {
        flex-direction: column;
    }
}


/* group booking close */

/* login */
#login_page .center-content {
    width: 100%;
    /*height: 106vh;*/
    height: 94vh;
    background: #fff;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#login_page .center-content .boxes {
    max-width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#login_page .center-content .boxes h4 {
    font-size: 1.2rem;
    color: #293991;
    text-align: left;
    font-weight: 600;
}

#login_page .center-content .boxes .logo {
    width: 450px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    margin-bottom: 80px;
}

#login_page .center-content .boxes .logo img {
    width: 400px;
}

#login_page label {
    font-size: 0.813rem;
}

#login_page .nxtbtn {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    font-weight: 600;

}

#login_page .nxtbtn:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#login_page .forgot {
    color: #293991;
    font-size: .875rem;
    font-weight: 600;
    background: none;
    border: none;
}

#login_page .partner {
    background: #fff;
    border-color: #293991;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    color: #293991;
    font-weight: 600;
}

#login_page .partner:hover {
    background: #293991;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #293991;
    color: #fff
}

#login_page .brderbtm {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}

@media (max-width:480px) {
    #login_page .center-content .boxes {
        width: 100%;
        max-width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #login_page .center-content .boxes .logo {
        width: 100%;
    }

    #login_page .center-content .boxes .logo img {
        width: 260px
    }
}

/* login */
/* forgot password */
#forgotpassword_page .center-content {
    width: 100%;
    height: 90vh;

    background: #fff;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#forgotpassword_page .center-content .boxes {
    width: 400px;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#forgotpassword_page .center-content .boxes h4 {
    font-size: 1.2rem;
    color: #000;
    text-align: left;
    font-weight: 600;
}

#forgotpassword_page .center-content .boxes .logo {
    width: 450px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

#forgotpassword_page .center-content .boxes .logo img {
    width: 400px;
}

#forgotpassword_page label {
    font-size: 0.813rem;
}

#forgotpassword_page .nxtbtn {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    font-weight: 600;

}

#forgotpassword_page .nxtbtn:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#forgotpassword_page .forgot {
    color: #293991;
    font-size: .875rem;
    font-weight: 600;
    background: none;
    border: none;
}

#forgotpassword_page .partner {
    background: #fff;
    border-color: #293991;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    color: #293991;
    font-weight: 600;
}

#forgotpassword_page .partner:hover {
    background: #293991;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #293991;
    color: #fff
}

#forgotpassword_page .password_container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
    padding: 20px 0px;
}

#forgotpassword_page .password_container .lock {
    width: 10%;

}

#forgotpassword_page .password_container .lock img {
    width: 25px;
}

#forgotpassword_page .password_container .content {
    color: #293991;
    font-size: 1rem;
    width: 80%;
    font-weight: 600;
    text-align: left;
}

#forgotpassword_page .password_container .arrow {
    display: flex;
    justify-content: flex-end;
    width: 10%;
}

@media (max-width:480px) {
    #forgotpassword_page .center-content .boxes {
        width: 100%;
        max-width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #forgotpassword_page .center-content .boxes .logo {
        width: 100%;
    }

    #forgotpassword_page .center-content .boxes .logo img {
        width: 260px
    }
}

/* forgot password close */
/* forgot password username */
#forgotpassword_username .center-content {
    width: 100%;
    height: 90vh;

    background: #fff;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#forgotpassword_username .center-content .boxes {
    width: 400px;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


#forgotpassword_username .center-content .boxes h4 {
    font-size: 1.2rem;
    color: #000;
    text-align: left;
    font-weight: 600;
}

#forgotpassword_username .center-content .boxes .logo {
    width: 450px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

#forgotpassword_username .center-content .boxes .logo img {
    width: 400px;
}

@media (max-width:480px) {
    #forgotpassword_username .center-content .boxes {
        width: 100%;
        max-width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #forgotpassword_username .center-content .boxes .logo {
        width: 100%;
    }

    #forgotpassword_username .center-content .boxes .logo img {
        width: 260px
    }
}

#forgotpassword_username label {
    font-size: 0.813rem;
}

#forgotpassword_username .nxtbtn {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    font-weight: 600;

}

#forgotpassword_username .nxtbtn:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#forgotpassword_username .forgot {
    color: #293991;
    font-size: .875rem;
    font-weight: 600;
    background: none;
    border: none;
}

#forgotpassword_username .partner {
    background: #fff;
    border-color: #293991;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    color: #293991;
    font-weight: 600;
}

#forgotpassword_username .partner:hover {
    background: #293991;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #293991;
    color: #fff
}

/* forgot password username close */
/* create partner */
#create-partner .center-content {
    width: 100%;
    height: 90vh;

    background: #fff;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#create-partner .center-content .boxes {
    max-width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#create-partner .center-content .boxes h4 {
    font-size: 1.2rem;
    color: #293991;
    text-align: left;
    font-weight: 600;
}

#create-partner .center-content .boxes .logo {
    width: 450px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

#create-partner .center-content .boxes .logo img {
    width: 400px;
}

#create-partner label {
    font-size: 0.813rem;
}

#create-partner .nxtbtn {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    font-weight: 600;

}

#create-partner .nxtbtn:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#create-partner .forgot {
    color: #293991;
    font-size: .875rem;
    font-weight: 600;
    background: none;
    border: none;
}

#create-partner .partner {
    background: #fff;
    border-color: #293991;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    color: #293991;
    font-weight: 600;
}

#create-partner .partner:hover {
    background: #293991;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #293991;
    color: #fff
}

#create-partner .brderbtm {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}

#create-partner .form-text {
    color: #d4111e;
}

#create-partner .form-text span {
    color: #293991;
    font-weight: 600;
}

#create-partner .exclamation input {
    position: relative;
}

#create-partner .exclamation i {
    position: absolute;
    font-size: 1rem;
    color: #d4111e;
    content: "";
    right: 22px;
    bottom: 47px;
    z-index: 99;
}

@media (max-width:480px) {
    #create-partner .center-content .boxes {
        width: 100%;
        max-width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #create-partner .center-content .boxes .logo {
        width: 100%;
    }

    #create-partner .center-content .boxes .logo img {
        width: 260px
    }

    #create-partner .exclamation i {
        bottom: 48px;
    }
}

@media (max-width:360px) {
    #create-partner .exclamation i {
        bottom: 64px;
    }
}

/* create partner close */

/* contacte details */
#create-details .center-content {
    width: 100%;
    height: 90vh;

    background: #fff;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#create-details .center-content .boxes {
    max-width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#create-details .center-content .boxes h4 {
    font-size: 1.2rem;
    color: #293991;
    text-align: left;
    font-weight: 600;
}

#create-details .center-content .boxes .logo {
    width: 450px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

#create-details .center-content .boxes .logo img {
    width: 400px;
}

#create-details label {
    font-size: 0.813rem;
}

#create-details .nxtbtn {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    font-weight: 600;

}

#create-details .nxtbtn:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#create-details .forgot {
    color: #293991;
    font-size: .875rem;
    font-weight: 600;
    background: none;
    border: none;
}

#create-details .partner {
    background: #fff;
    border-color: #293991;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    color: #293991;
    font-weight: 600;
}

#create-details .partner:hover {
    background: #293991;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #293991;
    color: #fff
}

.iti {
    position: relative;
    display: block !important;
}

.iti__flag-box,
.iti__country-name {
    margin-right: 6px;
    font-size: .715rem;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    font-size: .715rem;
}

@media (max-width:480px) {
    #create-details .center-content .boxes {
        width: 100%;
        max-width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #create-details .center-content .boxes .logo {
        width: 100%;
    }

    #create-details .center-content .boxes .logo img {
        width: 260px
    }

}

/* contacte details close */
/* create password */
#create-password .center-content {
    width: 100%;
    height: 90vh;

    background: #fff;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#create-password .center-content .boxes .logo {
    width: 450px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

#create-password .center-content .boxes h4 {
    font-size: 1.2rem;
    color: #293991;
    text-align: left;
    font-weight: 600;
}

#create-password .center-content .boxes .logo img {
    width: 400px;
}


#create-password .center-content .boxes {
    max-width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#create-password .center-content label {
    font-size: 0.813rem;
}

#create-password .center-content .nxtbtn {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;
    font-weight: 600;

}

#create-password .center-content .nxtbtn:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

@media (max-width:480px) {
    #create-password .center-content .boxes {
        width: 100%;
        max-width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #create-password .center-content .boxes .logo {
        width: 100%;
    }

    #create-password .center-content .boxes .logo img {
        width: 260px
    }

}

/* close create password */

/* verifyaccount */
#veify .center-content {
    width: 100%;
    height: 90vh;

    background: #fff;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#veify .center-content .boxes {
    max-width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#veify .center-content .boxes h4 {
    font-size: 1.2rem;
    color: #293991;
    text-align: center;
    font-weight: 600;
}

#veify .center-content .boxes p {
    text-align: center;
}

#veify .center-content .boxes .logo {
    width: 450px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

#veify .center-content .boxes .logo img {
    width: 400px;
}

@media (max-width:480px) {
    #veify .center-content .boxes {
        width: 100%;
        max-width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #veify .center-content .boxes .logo {
        width: 100%;
    }

    #veify .center-content .boxes .logo img {
        width: 260px
    }

}


/* close verifyaccount*/



#group_booking_offcanvas .b-sidebar-header {
    padding: 0;
}

#group_booking_offcanvas .offcanvas-header {
    /* display: flex;
    left: -43px;
    position: absolute;
    top: 23px;
    padding: 0; */
    position: relative;
    display: block;
}

#group_booking_offcanvas .boxes_border .roomtypes .accordion .dd {
    padding: 10px;
    border: 1px solid #ebe2e2;
}

/* franchise */

#franchise-id {
    width: 100%;
}

#franchise-id .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#franchise-id .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#franchise-id .top__boxes {

    display: flex;
    justify-content: space-between;
}

#franchise-id .hotel__boxes {
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#franchise-id .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#franchise-id .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#franchise-id .top__boxes .left_side h2 {

    font-weight: 700;
    color: #332e38;
    margin-bottom: 1rem;
    font-size: 1.5rem;

}

#franchise-id .top__boxes .left_side h3,
#franchise-id .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}


#franchise-id .search {
    position: relative;
}

#franchise-id .search i {
    position: absolute;
    font-size: 1.1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    left: 20px;
    bottom: 6px;
}

#franchise-id .form-control {
    padding: 16px 16px 16px 48px;
    height: calc(1.9695rem + 6px);
}

#franchise-id .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#franchise-id .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#franchise-id .hotel_table table .actions {
    max-width: 100px;

}

#franchise-id .hotel_table table .offline {
    display: flex;
    align-items: center;
}

#franchise-id .hotel_table table .offline img,
#franchise-id .hotel_table table .view img {
    width: 15px;
    margin-right: 5px;
}


/* franchise close */

/* franchise-enquiry */

#franchise-enquiry-task-id {
    width: 100%;
}

#franchise-enquiry-task-id .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#franchise-enquiry-task-id .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#franchise-enquiry-task-id .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#franchise-enquiry-task-id .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#franchise-enquiry-task-id .hotel_table {
    margin: 0;
}

#franchise-enquiry-task-id .hotel__boxes .selectize-input {

    border: 1px solid #ced4da;
    margin-top: 3px;
    padding: 0.375rem 0.75rem;
}


#franchise-enquiry-task-id .hotel__boxes .selectize-input,
.selectize-input input {

    line-height: 1.5;
}


#franchise-enquiry-task-id .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#franchise-enquiry-task-id .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#franchise-enquiry-task-id .top__boxes .left_side h2 {
    font-weight: 700;
    color: #332e38;
    margin-bottom: 1rem;
    font-size: 1.5rem;

}

#franchise-enquiry-task-id .top__boxes .left_side h3,
#franchise-enquiry-task-id .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;
}

#franchise-enquiry-task-id .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#franchise-enquiry-task-id .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#franchise-enquiry-task-id .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#franchise-enquiry-task-id .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#franchise-enquiry-task-id .hotel_table table tr td .boxes {
    display: flex;
}

#franchise-enquiry-task-id .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#franchise-enquiry-task-id .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#franchise-enquiry-task-id .hotel_table table tr td .closed_notbookable {
    color: #ff3131;
    font-weight: 500;
}

#franchise-enquiry-task-id .hotel_table table tr td .open_closed {
    color: #228b22;
    font-weight: 500;
}

#franchise-enquiry-task-id .hotel_table table tr td .soldout {
    color: orange;
    font-weight: 500;
}

#franchise-enquiry-task-id .hotel_table table .right_pdng {
    padding-right: 40px;
}

#franchise-enquiry-task-id .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#franchise-enquiry-task-id .hotel_table .center_btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#franchise-enquiry-task-id .hotel_table .center_btn .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
}

#franchise-enquiry-task-id .hotel_table .center_btn .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#franchise-enquiry-task-id .tabs {
    margin: 10px 0px 20px 0px
}

#franchise-enquiry-task-id .nav-tabs .nav-item .nav-link {
    font-size: 0.875rem;
}

#franchise-enquiry-task-id .tabs .nav-tabs .nav-item .nav-link.active {
    border: none;
    border-bottom: 2px solid #293991;
    background: none;
}

#franchise-enquiry-task-id .nav-tabs .nav-item .nav-link:hover {
    color: #293991;
    font-weight: 400;
    border-bottom: 2px solid #293991;
}

#franchise-enquiry-task-id .nav-tabs {
    border-bottom: 1px solid #d3d7db;
}

#franchise-enquiry-task-id .nav-tabs .nav-item {
    margin-bottom: 0px;
}

/* tab */
#franchise-enquiry-task-id .top_tab #exTab1 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

#franchise-enquiry-task-id .top_tab #exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}



#franchise-enquiry-task-id .top_tab #exTab1 .nav-pills>li>a {
    border-radius: 0;
}



#franchise-enquiry-task-id .top_tab #exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0;
}

#franchise-enquiry-task-id .top_tab #exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}


#franchise-enquiry-task-id .top_tab .nav-tabs {
    border-bottom: none;

}


#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active {
    border: 1px solid transparent;
    background: #3fc02d;
    color: #fff;

    position: relative;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active::before {
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-width: 12px;
    border-top-color: #3fc02d;
    visibility: visible;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;

    border-bottom: 0;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active::before,
#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active::after {
    position: absolute;
    visibility: visible;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active::before {
    left: 50%;
    transform: translate(-50%, -50%);
    border-width: 7px;
    border-top-color: #3fc02d;
    bottom: -9px;

}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link {
    border: 0;
    padding: 0.5rem 1rem;
    border-radius: 0;
}

#franchise-enquiry-task-id .nav-tabs .nav-item .nav-link:hover {
    border-bottom: none;
    color: #000;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active {
    font-weight: 500;
    border-radius: 0;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item {

    text-align: center;
    border-right: 1px solid #eaeaea;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item:last-child {
    border-right: none;
}

@media (max-width:767px) {
    #franchise-enquiry-task-id .top_tab .nav-tabs .nav-item {
        width: 33.3%;
    }

    #franchise-enquiry-task-id .nav-tabs {
        width: 90%;
    }

    #franchise-enquiry-task-id .top_tab .nav-tabs .nav-item:last-child {
        border-right: 1px solid #eaeaea;
    }

    #franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link {
        font-size: 0.715rem;
    }
}

#franchise-enquiry-task-id .tab-content {
    padding: 1rem;
    background: #efefef;
    margin-top: 15px;
}

#franchise-enquiry-task-id .tab-content .lists {
    width: 100%;
}

#franchise-enquiry-task-id .tab-content .lists ul {
    width: 100%;
    padding-left: 0;
}

#franchise-enquiry-task-id .tab-content .lists ul li {
    list-style: none;
    padding: 5px;
    font-size: .875rem;
}

#franchise-enquiry-task-id .tab-content .lists ul li span {
    font-weight: 600;
}

#franchise-enquiry-task-id .tab-content .lists ul li a {
    color: #293991;
}

#franchise-enquiry-task-id .boxes .txts {
    position: relative;
    padding-left: 10px;
}

#franchise-enquiry-task-id .boxes .txts h2 {
    font-size: 1rem;
    font-weight: 700;
}

#franchise-enquiry-task-id .boxes {
    padding: 10px;
    border: 1px solid #e8e8e8;
    display: flex;
    border-radius: 10px;
    align-items: center;
    background: #fff;

}

#franchise-enquiry-task-id .boxes .txts h2 span {
    display: block;
    font-size: 0.813rem;
    font-weight: 500;
    color: #9a9a9a
}

/* tab close */


/* franchise enquiry close */

/* franchise */


#enquiries-id .tabs .nav-tabs .nav-item .nav-link.active {
    border: none;
    border-bottom: 2px solid #293991;
    background: none;
}

#enquiries-id .nav-tabs .nav-item .nav-link:hover {
    color: #293991;
    font-weight: 400;
    border-bottom: 2px solid #293991;
}

#enquiries-id .nav-tabs {
    border-bottom: 1px solid #d3d7db;
}

#enquiries-id .nav-tabs .nav-item {
    margin-bottom: 0px;
}

/* tab */
#enquiries-id .top_tab #exTab1 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

#enquiries-id .top_tab #exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}



#enquiries-id .top_tab #exTab1 .nav-pills>li>a {
    border-radius: 0;
}



#enquiries-id .top_tab #exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0;
}

#enquiries-id .top_tab #exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}


#enquiries-id .top_tab .nav-tabs {
    border-bottom: none;

}


#enquiries-id .top_tab .nav-tabs .nav-item .nav-link.active {
    border: 1px solid transparent;
    background: #3fc02d;
    color: #fff;

    position: relative;
}

#enquiries-id .top_tab .nav-tabs .nav-item .nav-link.active::before {
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-width: 12px;
    border-top-color: #3fc02d;
    visibility: visible;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;

    border-bottom: 0;
}

#enquiries-id .top_tab .nav-tabs .nav-item .nav-link.active::before,
#enquiries-id .top_tab .nav-tabs .nav-item .nav-link.active::after {
    position: absolute;
    visibility: visible;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

#enquiries-id .top_tab .nav-tabs .nav-item .nav-link.active::before {
    left: 50%;
    transform: translate(-50%, -50%);
    border-width: 7px;
    border-top-color: #3fc02d;
    bottom: -9px;

}

#enquiries-id .top_tab .nav-tabs .nav-item .nav-link {
    border: 0;
    padding: 0.5rem 1rem;
    border-radius: 0;

}

#enquiries-id .nav-tabs .nav-item .nav-link:hover {
    border-bottom: none;
    color: #000;
}

#enquiries-id .top_tab .nav-tabs .nav-item .nav-link.active {
    font-weight: 500;
    border-radius: 0;
}

#enquiries-id .top_tab .nav-tabs .nav-item {

    text-align: center;
    border-right: 1px solid #eaeaea;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

#enquiries-id .top_tab .nav-tabs .nav-item:last-child {
    border-right: none;
}

@media (max-width:767px) {
    #enquiries-id .top_tab .nav-tabs .nav-item {
        width: 33.3%;
    }

    #enquiries-id .nav-tabs {
        width: 90%;
    }

    #enquiries-id .top_tab .nav-tabs .nav-item:last-child {
        border-right: 1px solid #eaeaea;
    }

    #enquiries-id .top_tab .nav-tabs .nav-item .nav-link {
        font-size: 0.715rem;
    }
}

#enquiries-id .tab-content {
    padding: 1rem;
    background: #efefef;
    margin-top: 15px;
}

#enquiries-id .tab-content .lists {
    width: 100%;
}

#enquiries-id .tab-content .lists ul {
    width: 100%;
    padding-left: 0;
}

#enquiries-id .tab-content .lists ul li {
    list-style: none;
    padding: 5px;
    font-size: .875rem;
}

#enquiries-id .tab-content .lists ul li span {
    font-weight: 600;
}

#enquiries-id .tab-content .lists ul li a {
    color: #293991;
}

/* tab close */

/* franchise-enquiry */

#franchise-enquiry-task-id {
    width: 100%;
}

#franchise-enquiry-task-id .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#franchise-enquiry-task-id .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#franchise-enquiry-task-id .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#franchise-enquiry-task-id .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#franchise-enquiry-task-id .hotel_table {
    margin: 0;
}

#franchise-enquiry-task-id .hotel__boxes .selectize-input {

    border: 1px solid #ced4da;
    margin-top: 3px;
    padding: 0.375rem 0.75rem;
}


#franchise-enquiry-task-id .hotel__boxes .selectize-input,
.selectize-input input {

    line-height: 1.5;
}


#franchise-enquiry-task-id .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#franchise-enquiry-task-id .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#franchise-enquiry-task-id .top__boxes .left_side h2 {
    font-weight: 700;
    color: #332e38;
    margin-bottom: 1rem;
    font-size: 1.5rem;

}

#franchise-enquiry-task-id .top__boxes .left_side h3,
#franchise-enquiry-task-id .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;
}

#franchise-enquiry-task-id .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#franchise-enquiry-task-id .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#franchise-enquiry-task-id .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#franchise-enquiry-task-id .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#franchise-enquiry-task-id .hotel_table table tr td .boxes {
    display: flex;
}

#franchise-enquiry-task-id .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#franchise-enquiry-task-id .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#franchise-enquiry-task-id .hotel_table table tr td .closed_notbookable {
    color: #ff3131;
    font-weight: 500;
}

#franchise-enquiry-task-id .hotel_table table tr td .open_closed {
    color: #228b22;
    font-weight: 500;
}

#franchise-enquiry-task-id .hotel_table table tr td .soldout {
    color: orange;
    font-weight: 500;
}

#franchise-enquiry-task-id .hotel_table table .right_pdng {
    padding-right: 40px;
}

#franchise-enquiry-task-id .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#franchise-enquiry-task-id .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#franchise-enquiry-task-id .hotel_table .center_btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#franchise-enquiry-task-id .hotel_table .center_btn .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
}

#franchise-enquiry-task-id .hotel_table .center_btn .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#franchise-enquiry-task-id .tabs {
    margin: 10px 0px 20px 0px
}

#franchise-enquiry-task-id .nav-tabs .nav-item .nav-link {
    font-size: 0.875rem;
}

#franchise-enquiry-task-id .tabs .nav-tabs .nav-item .nav-link.active {
    border: none;
    border-bottom: 2px solid #293991;
    background: none;
}

#franchise-enquiry-task-id .nav-tabs .nav-item .nav-link:hover {
    color: #293991;
    font-weight: 400;
    border-bottom: 2px solid #293991;
}

#franchise-enquiry-task-id .nav-tabs {
    border-bottom: 1px solid #d3d7db;
}

#franchise-enquiry-task-id .nav-tabs .nav-item {
    margin-bottom: 0px;
}

/* tab */
#franchise-enquiry-task-id .top_tab #exTab1 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

#franchise-enquiry-task-id .top_tab #exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}



#franchise-enquiry-task-id .top_tab #exTab1 .nav-pills>li>a {
    border-radius: 0;
}



#franchise-enquiry-task-id .top_tab #exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0;
}

#franchise-enquiry-task-id .top_tab #exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}


#franchise-enquiry-task-id .top_tab .nav-tabs {
    border-bottom: none;

}


#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active {
    border: 1px solid transparent;
    background: #3fc02d;
    color: #fff;

    position: relative;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active::before {
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-width: 12px;
    border-top-color: #3fc02d;
    visibility: visible;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;

    border-bottom: 0;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active::before,
#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active::after {
    position: absolute;
    visibility: visible;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active::before {
    left: 50%;
    transform: translate(-50%, -50%);
    border-width: 7px;
    border-top-color: #3fc02d;
    bottom: -9px;

}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link {
    border: 0;
    padding: 0.5rem 1rem;
    border-radius: 0;
}

#franchise-enquiry-task-id .nav-tabs .nav-item .nav-link:hover {
    border-bottom: none;
    color: #000;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link.active {
    font-weight: 500;
    border-radius: 0;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item {

    text-align: center;
    border-right: 1px solid #eaeaea;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

#franchise-enquiry-task-id .top_tab .nav-tabs .nav-item:last-child {
    border-right: none;
}

@media (max-width:767px) {
    #franchise-enquiry-task-id .top_tab .nav-tabs .nav-item {
        width: 33.3%;
    }

    #franchise-enquiry-task-id .nav-tabs {
        width: 90%;
    }

    #franchise-enquiry-task-id .top_tab .nav-tabs .nav-item:last-child {
        border-right: 1px solid #eaeaea;
    }

    #franchise-enquiry-task-id .top_tab .nav-tabs .nav-item .nav-link {
        font-size: 0.715rem;
    }
}

#franchise-enquiry-task-id .tab-content {
    padding: 1rem;
    background: #efefef;
    margin-top: 15px;
}

#franchise-enquiry-task-id .tab-content .lists {
    width: 100%;
}

#franchise-enquiry-task-id .tab-content .lists ul {
    width: 100%;
    padding-left: 0;
}

#franchise-enquiry-task-id .tab-content .lists ul li {
    list-style: none;
    padding: 5px;
    font-size: .875rem;
}

#franchise-enquiry-task-id .tab-content .lists ul li span {
    font-weight: 600;
}

#franchise-enquiry-task-id .tab-content .lists ul li a {
    color: #293991;
}

#franchise-enquiry-task-id .boxes .txts {
    position: relative;
    padding-left: 10px;
}

#franchise-enquiry-task-id .boxes .txts h2 {
    font-size: 1rem;
    font-weight: 700;
}

#franchise-enquiry-task-id .boxes {
    padding: 10px;
    border: 1px solid #e8e8e8;
    display: flex;
    border-radius: 10px;
    align-items: center;
    background: #fff;

}

#franchise-enquiry-task-id .boxes .txts h2 span {
    display: block;
    font-size: 0.813rem;
    font-weight: 500;
    color: #9a9a9a
}

/* tab close */


/* franchise enquiry close */

/* guest reviews */

#guest-reviews {
    width: 100%;
}

#guest-reviews .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#guest-reviews .hotel__boxes h3 {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000;
}

#guest-reviews .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#guest-reviews .header .left_box {
    position: relative;
}

#guest-reviews .header .left_box h1 {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    font-weight: 600;
    color: #332e38;
    margin-bottom: 10px;
}

#guest-reviews .hotel__boxes .banklogo {
    width: 100px;
}

#guest-reviews .hotel__boxes .addbank {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;


}

#guest-reviews .hotel__boxes .addbank:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#guest-reviews .hotel__boxes p {
    margin-bottom: 10px;
}

#guest-reviews .hotel__boxes .reviews {
    display: flex;
    align-items: center;

}

#guest-reviews .hotel__boxes .reviews .rating {
    background: #293991;
    padding: 5px;
    border-radius: 5px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
}

#guest-reviews .hotel__boxes .reviews .score {
    color: #293991;
    font-size: .875rem;
    font-weight: 600;
    line-height: 16px;
    padding-left: 10px;
}

#guest-reviews .hotel__boxes .reviews .score span {
    color: #999595;
    font-weight: 400;
    font-size: 0.813rem;
    display: block;
}

#guest-reviews .hotel__boxes .review_score {
    background: #f4f7f9;
    padding: 15px;
}

#guest-reviews .hotel__boxes .review_score h3 {
    font-size: .875rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

#guest-reviews .listing {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#guest-reviews .listing .allreview {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #fff;
    padding: 0.5rem 1.25rem;
}

#guest-reviews .listing .newestfirst {

    font-size: 0.813rem;
    color: #fff;
    padding: 0.5rem 1.25rem;
}

#guest-reviews .hotel__boxes .fullcolm {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#guest-reviews .hotel__boxes .fullcolm .reviews_one {
    display: flex;
    align-items: center;

}

#guest-reviews .hotel__boxes .fullcolm .reviews_one .rating {
    background: #293991;
    padding: 5px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
}

#guest-reviews .hotel__boxes .fullcolm .reviews_one .score {
    color: #000;
    font-size: .875rem;
    font-weight: 600;
    line-height: 16px;
    padding-left: 10px;
}

#guest-reviews .hotel__boxes .fullcolm .date {
    color: #000;
    font-size: .875rem;
}

#guest-reviews .hotel__boxes .lines {
    border-bottom: 1px solid #e0dddd;
    width: 100%;
    margin: 20px 0px;
}

#guest-reviews .hotel__boxes .guest_reply {
    width: 100%;
}

#guest-reviews .hotel__boxes .guest_reply h4 {
    font-weight: 600;
    color: #000;
    font-size: .875rem;
}



#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar-container {
    border: 1px solid #d9d9d9;
    padding: 15px;

    border-radius: 4px;
    margin-top: 24px
}

#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar-container p {
    margin-bottom: 16px;
    margin-top: 0
}

#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value {
    display: inline-block;
    min-width: 58px;
    border: 1px solid #bdbdbd;
    color: #6b6b6b;
    text-align: center;
    background: #fff;
    padding: 8px 16px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 768px) {
    #guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value {
        min-width: 0
    }
}

@media (max-width: 576px) {
    #guest-reviews .hotel__boxes .review_score .ge-score-explainer {
        padding: 16px
    }

    #guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value {
        padding: 8px;
        min-width: 28px
    }
}

#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value:not(:last-child) {
    border-right: none
}

#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value:first-child {
    border-radius: 4px 0 0 4px
}

[dir=rtl] #guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value:first-child {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #bdbdbd
}

#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value:last-child {
    border-radius: 0 4px 4px 0
}

[dir=rtl] #guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value:last-child {
    border-radius: 4px 0 0 4px;
    border-right: none
}

#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value:hover {
    background: #293991;
    color: #fff
}

#guest-reviews .hotel__boxes .review_score .ge-se-adjective-container {
    position: absolute;
    display: none;
    bottom: calc(100% + 8px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#guest-reviews .hotel__boxes .review_score .ge-se-adjective-container>div {
    background: #293991;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-weight: 400;
    font-size: 10px
}

#guest-reviews .hotel__boxes .review_score .ge-se-adjective-container>div:after {
    position: absolute;
    content: " ";
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #293991
}

#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value:active .ge-se-adjective-container,
#guest-reviews .hotel__boxes .review_score .ge-score-explainer__scorebar .ge-se-score-value:hover .ge-se-adjective-container {
    display: block
}

#guest-reviews .hotel__boxes .review_score .ge-score-icon--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#guest-reviews .hotel__boxes .review_score .ge-score-icon--container span {
    font-weight: 700;
    font-size: 14px;
    margin-left: 4px
}

#guest-reviews .hotel__boxes .review_score .ge-score-icon--container .ge-score-icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px
}

#guest-reviews .hotel__boxes .addbank {
    background: #fff;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #000;


}

#guest-reviews .hotel__boxes .addbank:hover {
    background: #fff;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#guest-reviews .hotel__boxes .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#guest-reviews .hotel__boxes .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#guest-reviews .hotel__boxes label {
    font-size: 0.813rem;
}



/* finance */
#finance_statement {
    width: 100%;
}

#finance_statement .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#finance_statement .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#finance_statement .boxes {
    padding: 10px;
    border: 1px solid #e8e8e8;
    display: flex;
    border-radius: 10px;
    align-items: center;
    background: #fff;

}

#finance_statement .boxes .icons {
    position: relative;
    padding: 15px;
    border-radius: 5px;
}

#finance_statement .boxes .icons img {
    width: 30px;
}

#finance_statement .boxes .txts {
    position: relative;
    padding-left: 10px;
}

#finance_statement .boxes .txts h2 {
    font-size: 1.8rem;
    font-weight: 700;
}

#finance_statement .boxes .txts h2 span {
    display: block;
    font-size: 0.813rem;
    font-weight: 500;
    color: #9a9a9a
}

#finance_statement .boxes .first_clm {
    background: #e9ebf7;
}

#finance_statement .boxes .second_clm {
    background: #eaf5ed;
}

#finance_statement .boxes .third_clm {
    background: #feede5;
}

#finance_statement .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 6px;
    margin-bottom: 0;
}

#finance_statement .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#finance_statement .hotel_table {
    margin: 0;
}

#finance_statement .hotel_table2 {
    margin: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 1;
}

#finance_statement .hotel__boxes_2 .calendar {
    position: relative;
}

#finance_statement .hotel__boxes_2 .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}





#finance_statement .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#finance_statement .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#finance_statement .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#finance_statement .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#finance_statement .top__boxes .left_side h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
}

#finance_statement .top__boxes .left_side h3,
#finance_statement .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}

#finance_statement .hotel_table table thead .table-dark {
    background: #293991 !important;
}



#finance_statement .hotel_table table,
#finance_statement .hotel_table2 table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#finance_statement .hotel_table table .ten,
#finance_statement .hotel_table2 table .ten {
    width: 8.4%;
}

#finance_statement .hotel_table table .redclr,
#finance_statement .hotel_table2 table .redclr {
    color: #3fc02d;
    font-weight: 600;
}

#finance_statement .hotel_table table .greenclr,
#finance_statement .hotel_table2 table .greenclr {
    color: #8d0401;
    ;
    font-weight: 600;
}


#finance_statement .hotel_table table .ten span,
#finance_statement .hotel_table2 table .ten span {
    font-size: 0.715rem;
    font-weight: 400;
}

#finance_statement .hotel_table table .five,
#finance_statement .hotel_table2 table .five {
    width: 5%;
}

#finance_statement .hotel_table table .fifty,
#finance_statement .hotel_table2 table .fifty {
    width: 40%;
}

#finance_statement .hotel_table table .fiftyfive,
#finance_statement .hotel_table2 table .fiftyfive {
    width: 15%;
}

#finance_statement .hotel_table2 table {

    background: #d9e8f1;
    width: 100%;

}


#finance_statement .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#finance_statement .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#finance_statement .hotel_table table tr td .boxes {
    display: flex;
}

#finance_statement .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#finance_statement .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#finance_statement .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#finance_statement .hotel_table .closing-balance {
    background: #fff;
    padding: 10px;

    display: flex;
    justify-content: space-between;
}

#finance_statement .hotel_table .closing-balance .left {
    display: flex;
    align-items: center;
}

#finance_statement .hotel_table .closing-balance .left .payment {
    color: #293991;
    font-weight: 500;
    font-size: 0.813rem;
}

#finance_statement .hotel_table .closing-balance .right .total {
    color: black;
    font-weight: 700;
    font-size: 1rem;
}

#finance_statement .hotel_table .closing-balance .right .due {
    color: black;
    font-weight: 700;
    font-size: 0.813rem;
    color: #8d0401;
}

#finance_statement .hotel_table .closing-balance .right .due span {
    font-weight: 500;
    color: #1c1d1d;
}

#finance_statement .hotel_table2 .opening-balance {
    background: #fff;
    padding: 10px;
    color: #ff3131;
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    justify-content: flex-end;
}

#finance_statement .outstanding-balance {
    background: #fff;
    padding: 10px;
    color: #8d0401;
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    justify-content: flex-start;
}

#finance_statement .filters {
    background: #fff;
    padding: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#finance_statement .filters .left {
    display: flex;
    align-items: center;
}

#finance_statement .filters .left h4 {
    font-weight: 700;
    font-size: 0.817rem;
    margin-right: 15px;
    margin-bottom: 0;
}


#finance_statement .hotel_table table tr td .opening {
    color: #ff3131;
    font-weight: 500;
}

#finance_statement .hotel_table table tr td .closed {
    color: red;
    font-weight: 700;
}

#finance_statement .hotel_table table tr td .closing {
    color: green;
    font-weight: 500;
}

#finance_statement .hotel_table table .right_pdng {
    padding-right: 40px;
}

#finance_statement .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#finance_statement .hotel_table table .cursor {
    cursor: pointer;
}

#finance_statement .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#finance_statement .hotel_table .center_btn {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#finance_statement .hotel_table .center_btn .btnbox {
    position: relative;
}

#finance_statement .hotel_table .center_btn .print a {
    color: #1c1d1d;
    font-size: 1rem;
}

#finance_statement .modal-dialog .modal-header .headerboxes {
    width: 80%;
}

#finance_statement .modal-dialog .full_clm {
    width: 100%;
    padding: 1rem;
}

#finance_statement .modal-dialog .full_clm p {
    margin-bottom: 0;
}

#finance_statement .modal-dialog h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
}



#finance_statement .modal-body label {
    font-size: 0.875rem;
}

#finance_statement .modal-dialog .modal-footer {

    border: none;
    padding-top: 0;
}

#finance_statement .modal-dialog .modal-footer .btn_4 {
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;
    background: #3fc02d;

}

#finance_statement .modal-dialog .modal-footer .btn_5 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
}

#finance_statement .modal-dialog .modal-footer .btn_5:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#finance_statement .modal-dialog .modal-footer .btn_4:hover {

    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}




#finance_statement .filter-sort {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #303c90;
    position: fixed;
    bottom: 20px;
    left: 5%;
    z-index: 1;

    width: 90% !important;
}

#finance_statement .filter-sort ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}

#finance_statement .filter-sort ul li {

    color: #fff;
    width: 33.3%;
    border-right: 1px solid #18247b;
    list-style: none;
    cursor: pointer;
    font-size: 0.8rem;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#finance_statement .filter-sort ul li a {

    width: 100%;
    color: #fff;
    font-size: 0.8rem;

}

#finance_statement .filter-sort ul li:last-child {
    border-right: none;
}

#finance_statement .offcanvas-header {
    padding-bottom: 0;
}

#finance_statement .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

#finance_statement .offcanvas label {
    font-size: 0.813rem;
}

#finance_statement .offcanvas .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#finance_statement .offcanvas .calendar {
    position: relative;
}

#finance_statement .offcanvas {
    height: auto;
}

#finance_statement .offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#finance_statement .offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#finance_statement .offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}




@media (max-width: 767px) {
    #finance_statement .hotel_table table tr td .boxes {
        flex-direction: column;
    }

    #finance_statement .hotel_table table tr td .boxes .flag {
        width: 100%;
        padding-bottom: 10px 0px;
    }

    .hotel_table table thead {
        background: #d9e8f1;
    }
}

.page-item.active .page-link {
    background-color: #3fc02d;
    border-color: #3fc02d;
    color: #fff;
    z-index: 1;
}

.page-link:hover {
    background-color: #eee;
    border-color: #dee2e6;
    color: #2b821e;
    text-decoration: none;
    z-index: 2;
}

@media (max-width:480px) {
    #finance_statement .btn1 {
        padding: 0.5rem 10px;
        font-size: 0.715rem;
        margin-right: 3px;
        border-color: #3fc02d;
    }

    #finance_statement .hotel_table .center_btn .print a {
        color: #1c1d1d;
        font-size: 0.75rem;
    }

    #finance_statement .hotel_table .center_btn {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    #finance_statement .hotel_table .center_btn {

        justify-content: flex-end;
    }

    #finance_statement .hotel_table .center_btn .print {
        margin-top: 10px;
    }

    #finance_statement .hotel_table2 {
        top: 58px;
    }

    #finance_statement .hotel_table .center_btn .btnbox {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;

    }

    #finance_statement .hotel_table .center_btn .print {
        margin-top: 10px;
    }

}

/* finance */

/* hotel leads */

#hotel_leads {
    width: 100%;
}

#hotel_leads .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#hotel_leads .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#hotel_leads .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#hotel_leads .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#hotel_leads .hotel_table {
    margin: 0;
}

#hotel_leads .hotel__boxes .selectize-input {

    border: 1px solid #ced4da;
    margin-top: 3px;
    padding: 0.375rem 0.75rem;
}

.selectize-dropdown,
#hotel_leads .hotel__boxes .selectize-input,
.selectize-input input {

    line-height: 1.5;
}


#hotel_leads .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}


#hotel_leads .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#hotel_leads .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#hotel_leads .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#hotel_leads .top__boxes .left_side h2 {

    font-weight: 700;
    color: #332e38;
    margin-bottom: 1rem;
    font-size: 1.5rem;

}



#hotel_leads .top__boxes .left_side h3,
#hotel_leads .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}

#hotel_leads .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#hotel_leads .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#hotel_leads .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#hotel_leads .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#hotel_leads .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#hotel_leads .hotel_table table tr td .boxes {
    display: flex;
}

#hotel_leads .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#hotel_leads .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#hotel_leads .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hotel_leads .hotel_table table tr td .closed_notbookable {
    color: #ff3131;
    font-weight: 500;
}

#hotel_leads .hotel_table table tr td .open_closed {
    color: #228b22;
    font-weight: 500;
}

#hotel_leads .hotel_table table tr td .soldout {
    color: orange;
    font-weight: 500;
}

#hotel_leads .hotel_table table .right_pdng {
    padding-right: 40px;
}

#hotel_leads .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#hotel_leads .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#hotel_leads .hotel_table .center_btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#hotel_leads .hotel_table .dropdown-item {
    font-size: .875rem;
}

#hotel_leads .hotel_table .center_btn .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
}

#hotel_leads .hotel_table .center_btn .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_leads .search {
    position: relative;
}

#hotel_leads .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#hotel_leads .hotel__boxes_2 .search i {
    position: absolute;
    font-size: 1.1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    left: 20px;
    bottom: 3px;
}

#hotel_leads .hotel__boxes_2 .form-control {
    padding: 16px 72px 16px 48px;
    height: 50px;
}

#hotel_leads .hotel_table .confirm {
    color: green;
}

#hotel_leads .hotel_table .not_connected {
    color: red;
}

#hotel_leads .modal-body h4 {
    font-size: .875rem;
    font-weight: 500;
    color: #000
}

#hotel_leads .modal-body p {
    margin-bottom: 0;
}

#hotel_leads .modal-dialog {
    max-width: 576px;

}

#hotel_leads .modal-content {
    border-radius: 2px !important;
}

#hotel_leads .modal-dialog .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

#hotel_leads .modal-dialog .modal-header p {
    margin-bottom: 0;
}

#hotel_leads .modal-body label {
    font-size: 0.875rem;
}

#hotel_leads .modal-dialog .modal-header h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

#hotel_leads .modal-body .click_text {
    width: 100%;
    font-size: .875rem;
    padding: 10px 0px;
    text-align: right;
}

#hotel_leads .modal-body .selectfile .custom-file label {
    height: calc(1.9695rem + 6px);
}

#hotel_leads .modal-body .selectfile .custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
    height: calc(1.9695rem + 6px);
}

#hotel_leads .modal-dialog .modal-footer {
    justify-content: flex-end;
    border: none;
    padding-top: 0;
}


#hotel_leads .modal-dialog .modal-footer .btn_3 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;

}

#hotel_leads .modal-dialog .modal-footer .btn_3:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_leads_offcanvas .offcanvas,
#hotel_leads_offcanvas .offcanvas-lg,
#hotel_leads_offcanvas .offcanvas-md,
#hotel_leads_offcanvas .offcanvas-sm,
#hotel_leads_offcanvas .offcanvas-xl,
#hotel_leads_offcanvas .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 48%;
    background: #f4f7f9;
}

@media (max-width:767px) {

    #hotel_leads_offcanvas .offcanvas,
    #hotel_leads_offcanvas .offcanvas-lg,
    #hotel_leads_offcanvas .offcanvas-md,
    #hotel_leads_offcanvas .offcanvas-sm,
    #hotel_leads_offcanvas .offcanvas-xl,
    #hotel_leads_offcanvas .offcanvas-xxl {

        --bs-offcanvas-width: 80%;

    }
}

#hotel_leads_offcanvas .offcanvas-body .form-control {
    border-radius: 2px !important;
}

#hotel_leads_offcanvas label {
    font-size: 0.813rem;
}


#hotel_leads_offcanvas .btn_bulk {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}

#hotel_leads_offcanvas .btn_bulk:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_leads_offcanvas h4 {
    font-weight: 600;
    font-size: 1rem;
    color: #000;
}

#hotel_leads_offcanvas h4 i {
    color: #293991;
}

#hotel_leads_offcanvas h4 span i {
    color: #c67676;
}

#hotel_leads_offcanvas .boxes_border {
    border: 1px solid #e5e6ea;
    padding: 15px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;

}

#hotel_leads_offcanvas .boxes_border .calendar,
#hotel_leads_offcanvas .boxes_border .time {
    position: relative;
}

#hotel_leads_offcanvas .boxes_border .calendar i,
#hotel_leads_offcanvas .boxes_border .time i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#hotel_leads_offcanvas .box-left {
    position: relative;
    display: flex;
}

#hotel_leads_offcanvas .box-left .ml-per {
    margin-left: 38px;
}

#hotel_leads_offcanvas .box-left h3 {
    font-weight: 500;
    font-size: 1.4rem;
    color: #000;
}

#hotel_leads_offcanvas h4 {
    font-weight: 600;
    font-size: 1rem;
    color: #000;
}


#hotel_leads_offcanvas .rooms_inventory h5 {
    font-size: 0.813rem;
    font-weight: 600;
    color: #000;
}

#hotel_leads_offcanvas .boxes_border .outer_colum {
    display: flex;
    align-items: center;
    width: 100%
}

#hotel_leads_offcanvas .boxes_border .tablelist {
    display: flex;
    align-items: center;
    width: 50%;

}

#hotel_leads_offcanvas .boxes_border .tablelist .leftside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#hotel_leads_offcanvas .boxes_border .tablelist .leftside span {
    line-height: 1.43;
    display: block;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
}

#hotel_leads_offcanvas .boxes_border .tablelist .rightside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#hotel_leads_offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#hotel_leads_offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#hotel_leads_offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_leads_offcanvas .blocks {
    width: 100%;
    padding: 0.5rem 1.25rem;
    font-size: 0.813rem;
    border: 1px solid #3fc02d;
    text-align: center;

}



#hotel_leads_offcanvas .boxes_border .btn_box .btn_cancel:hover {
    background-color: #797a7d;
    border-color: #797a7d;
    -webkit-box-shadow: 0 8px 25px -8px #797a7d;
    box-shadow: 0 8px 25px -8px #797a7d;
}

#hotel_leads_offcanvas .boxes_border .tablelist .rightside .quantity,
#add__hotel .hotel__boxes .tablelist .rightside .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

#hotel_leads_offcanvas .boxes_border .tablelist .rightside .quantity-input,
#add__hotel .hotel__boxes .tablelist .rightside .quantity-input {
    display: block;
    width: 50%;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}







#hotel_leads_offcanvas .offcanvas-body .boxes_border .form-controls {
    display: inline-block;
    width: 100px;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#hotel_leads_offcanvas .form-check-input {
    width: 1.2em;
    height: 1.2em;
}



#hotel_leads_offcanvas .offcanvas-header .creats {
    width: 100%;
    display: flex;
    align-items: center;
}

#hotel_leads_offcanvas .offcanvas-header .creats h3 {
    font-weight: 500;
    font-size: 1.4rem;
    color: #000;
}

#hotel_leads_offcanvas .creats .btnblock {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;
    border: none;
    margin-left: 40px;

}


#hotel_leads_offcanvas .creats .btnblock:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}





#hotel_leads_offcanvas .offcanvas-header .closebtn {
    display: flex;
    left: -43px;
    position: absolute;
    top: 23px;
    padding: 0;
    color: #fff;
    padding: 0px 5px;
    background: #3fc02d;
    border: none;
    border-radius: 10px 0px 0px 10px;
}

#hotel_leads_offcanvas .offcanvas-header .closebtn i {
    color: #fff;
    font-size: 2rem;
}



#hotel_leads_offcanvas .offcanvas-body {
    padding: 15px;
}

#hotel_leads_offcanvas .form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}




@media (max-width:767px) {
    #hotel_leads_offcanvas .boxes_border .tablelist {
        width: 100%;
        margin-bottom: 10px;
    }

    #hotel_leads_offcanvas .boxes_border .outer_colum {
        flex-direction: column;
    }
}


#hotel_leads_offcanvas #exTab1 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

#hotel_leads_offcanvas #exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}



#hotel_leads_offcanvas #exTab1 .nav-pills>li>a {
    border-radius: 0;
}



#hotel_leads_offcanvas #exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0;
}

#hotel_leads_offcanvas #exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}


#hotel_leads_offcanvas .nav-tabs {
    border-bottom: none;
}

#hotel_leads_offcanvas .nav-tabs .nav-item .nav-link.active {
    border: 1px solid transparent;
    background: #3fc02d;
    color: #fff;

    position: relative;
    border-radius: 0;
}

#hotel_leads_offcanvas .nav-tabs .nav-item .nav-link.active::before {
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-width: 12px;
    border-top-color: #3fc02d;
    visibility: visible;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;

    border-bottom: 0;
}

#hotel_leads_offcanvas .nav-tabs .nav-item .nav-link.active::before,
#hotel_leads_offcanvas .nav-tabs .nav-item .nav-link.active::after {
    position: absolute;
    visibility: visible;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

#hotel_leads_offcanvas .nav-tabs .nav-item .nav-link.active::before {

    left: 50%;
    transform: translate(-50%, -50%);
    border-width: 7px;
    border-top-color: #3fc02d;
    bottom: -9px;

}

#hotel_leads_offcanvas .nav-tabs .nav-item .nav-link {
    border: 0;
    padding: 0.5rem 1rem;
    font-weight: 400;
    font-size: 0.875rem;
}

#hotel_leads_offcanvas .nav-tabs .nav-item .nav-link.active {
    font-weight: 500;
}

#hotel_leads_offcanvas .nav-tabs .nav-item {

    text-align: center;
    border-right: 1px solid #eaeaea;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

#hotel_leads_offcanvas .nav-tabs .nav-item:last-child {
    border-right: none;
}

#hotel_leads_offcanvas .tab-content {
    padding: 1rem;
    background: #efefef;
    margin-top: 15px;
}

#hotel_leads_offcanvas .tab-content .lists {
    width: 100%;
}

#hotel_leads_offcanvas .tab-content .lists ul {
    width: 100%;
    padding-left: 0;
}

#hotel_leads_offcanvas .tab-content .lists ul li {
    list-style: none;
    padding: 5px;
    font-size: .875rem;
}

#hotel_leads_offcanvas .tab-content .lists ul li span {
    font-weight: 600;
}

#hotel_leads_offcanvas .tab-content .lists ul li a {
    color: #293991;
    font-weight: 500;
}

#hotel_leads_offcanvas table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#hotel_leads_offcanvas table .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    border-radius: 2px;
    padding: 0.2rem 1.25rem;
}

@media (max-width:767px) {
    #hotel_leads .top__boxes {
        flex-direction: column;
    }

    #hotel_leads .top__boxes .left_side h2 {
        margin-bottom: 5px;
    }

}

@media (max-width:480px) {
    #hotel_leads_offcanvas .nav-tabs .nav-item .nav-link {
        border: 0;
        padding: 0.5rem 2px;
        font-size: 10px;
    }

    #hotel_leads_offcanvas .offcanvas-body {
        padding: 0px;
    }
}

#hotel_leads .enquirycard {
    position: relative;
}

#hotel_leads .filter-sort {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #303c90;
    position: fixed;
    bottom: 20px;
    left: 5%;
    z-index: 1;

    width: 90% !important;
}

#hotel_leads .filter-sort ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}

#hotel_leads .filter-sort ul li {

    color: #fff;
    width: 33.3%;
    border-right: 1px solid #18247b;
    list-style: none;
    cursor: pointer;
    font-size: 0.8rem;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#hotel_leads .filter-sort ul li a {

    width: 100%;
    color: #fff;
    font-size: 0.8rem;

}

#hotel_leads .filter-sort ul li:last-child {
    border-right: none;
}

/* hotel leads css close here */

/* hotelleads mobile */



#hotel_leads_mobile {
    width: 100%;
}

#hotel_leads_mobile .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#hotel_leads_mobile .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#hotel_leads_mobile .btn2 {
    background: none;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #3fc02d;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#hotel_leads_mobile .btn2:hover {
    background: none;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#hotel_leads_mobile .hotel_table {
    margin: 0;
}

#hotel_leads_mobile .hotel__boxes .selectize-input {

    border: 1px solid #ced4da;
    margin-top: 3px;
    padding: 0.375rem 0.75rem;
}

.selectize-dropdown,
#hotel_leads_mobile .hotel__boxes .selectize-input,
.selectize-input input {

    line-height: 1.5;
}


#hotel_leads_mobile .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}


#hotel_leads_mobile .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#hotel_leads_mobile .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#hotel_leads_mobile .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#hotel_leads_mobile .top__boxes .left_side h2 {

    font-weight: 700;
    color: #332e38;
    margin-bottom: 1rem;
    font-size: 1.5rem;

}



#hotel_leads_mobile .top__boxes .left_side h3,
#hotel_leads_mobile .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}

#hotel_leads_mobile .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#hotel_leads_mobile .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#hotel_leads_mobile .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#hotel_leads_mobile .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#hotel_leads_mobile .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#hotel_leads_mobile .hotel_table table tr td .boxes {
    display: flex;
}

#hotel_leads_mobile .hotel_table table tr td .boxes .flag {
    width: 10%;
}

#hotel_leads_mobile .hotel_table table tr td .boxes .address {
    width: 90%;
    font-size: 0.813rem;
}

#hotel_leads_mobile .hotel_table table tr td .count {
    border-radius: 50%;
    background: #3fc02d;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hotel_leads_mobile .hotel_table table tr td .closed_notbookable {
    color: #ff3131;
    font-weight: 500;
}

#hotel_leads_mobile .hotel_table table tr td .open_closed {
    color: #228b22;
    font-weight: 500;
}

#hotel_leads_mobile .hotel_table table tr td .soldout {
    color: orange;
    font-weight: 500;
}

#hotel_leads_mobile .hotel_table table .right_pdng {
    padding-right: 40px;
}

#hotel_leads_mobile .hotel_table table .red_btn {
    color: #ff3131;
    border: none;
    font-size: 0.813rem;
}

#hotel_leads_mobile .hotel_table table .progress {

    --bs-progress-bg: #bcdeb1;

    --bs-progress-bar-bg: #3fc02d;
}

#hotel_leads_mobile .hotel_table .center_btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#hotel_leads_mobile .hotel_table .dropdown-item {
    font-size: .875rem;
}

#hotel_leads_mobile .hotel_table .center_btn .ripple {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
}

#hotel_leads_mobile .hotel_table .center_btn .ripple:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_leads_mobile .search {
    position: relative;
}

#hotel_leads_mobile .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#hotel_leads_mobile .hotel__boxes_2 .search i {
    position: absolute;
    font-size: 1.1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    left: 20px;
    bottom: 10px;
}

#hotel_leads_mobile .hotel__boxes_2 .form-control {
    padding: 16px 72px 16px 48px;
    height: 50px;
}

#hotel_leads_mobile .hotel_table .confirm {
    color: green;
}

#hotel_leads_mobile .hotel_table .not_connected {
    color: red;
}

#hotel_leads_mobile .modal-body h4 {
    font-size: .875rem;
    font-weight: 500;
    color: #000
}

#hotel_leads_mobile .modal-body p {
    margin-bottom: 0;
}

#hotel_leads_mobile .modal-dialog {
    max-width: 576px;

}

#hotel_leads_mobile .modal-content {
    border-radius: 2px !important;
}

#hotel_leads_mobile .modal-dialog .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

#hotel_leads_mobile .modal-dialog .modal-header p {
    margin-bottom: 0;
}

#hotel_leads_mobile .modal-body label {
    font-size: 0.875rem;
}

#hotel_leads_mobile .modal-dialog .modal-header h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

#hotel_leads_mobile .modal-body .click_text {
    width: 100%;
    font-size: .875rem;
    padding: 10px 0px;
    text-align: right;
}

#hotel_leads_mobile .modal-body .selectfile .custom-file label {
    height: calc(1.9695rem + 6px);
}

#hotel_leads_mobile .modal-body .selectfile .custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
    height: calc(1.9695rem + 6px);
}

#hotel_leads_mobile .modal-dialog .modal-footer {
    justify-content: flex-end;
    border: none;
    padding-top: 0;
}


#hotel_leads_mobile .modal-dialog .modal-footer .btn_3 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    color: #fff;

}

#hotel_leads_mobile .modal-dialog .modal-footer .btn_3:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

@media (max-width:767px) {
    #hotel_leads_mobile .top__boxes {
        flex-direction: column;
    }

    #hotel_leads_mobile .top__boxes .left_side h2 {
        margin-bottom: 5px;
    }
}

#hotel_leads_mobile .enquirycard {
    position: relative;
}

#hotel_leads_mobile .filter-sort {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #303c90;
    position: fixed;
    bottom: 20px;
    left: 5%;
    z-index: 1;

    width: 90% !important;
}

#hotel_leads_mobile .filter-sort ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}

#hotel_leads_mobile .filter-sort ul li {

    color: #fff;
    width: 33.3%;
    border-right: 1px solid #18247b;
    list-style: none;
    cursor: pointer;
    font-size: 0.8rem;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#hotel_leads_mobile .filter-sort ul li a {

    width: 100%;
    color: #fff;
    font-size: 0.8rem;

}

#hotel_leads_mobile .filter-sort ul li:last-child {
    border-right: none;
}

#hotel_leads_mobile .offcanvas {
    height: auto;
}

#hotel_leads_mobile .offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#hotel_leads_mobile .offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#hotel_leads_mobile .offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#hotel_leads_mobile .offcanvas-header {
    padding-bottom: 0;
}

#hotel_leads_mobile .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

#hotel_leads_mobile .offcanvas label {
    font-size: 0.813rem;
}

#hotel_leads_mobile .offcanvas .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#hotel_leads_mobile .offcanvas .calendar {
    position: relative;
}

#hotel_leads_mobile .offcanvas-body .click_text {
    width: 100%;
    font-size: .875rem;
    padding: 10px 0px;
    text-align: right;
}

@media (max-width:480px) {
    _offcanvas .offcanvas .tab-content {
        padding: 10px;
        background: #fff;
    }
}

#hotel_leads .vs__search {
    height: 27px !important;

}

#hotel_leads .vs__dropdown-toggle {
    border-radius: 2px !important;
}

/* hotel leads mobile close */

/* contacts */
#contacts-id {
    width: 100%;
}

#contacts-id .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#contacts-id .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

#contacts-id .top__boxes {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#contacts-id .hotel__boxes {
    padding: 1.5rem 1.5rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 0.813rem;
}

#contacts-id .hotel__boxes_2 {
    padding: 0;
    margin-bottom: 15px;
    font-size: 0.813rem;
}

#contacts-id .top__boxes h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

#contacts-id .top__boxes .left_side h2 {

    font-weight: 700;
    color: #332e38;
    margin-bottom: 1rem;
    font-size: 1.5rem;

}

#contacts-id .top__boxes .left_side h3,
#contacts-id .top__boxes h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000;

}


#contacts-id .search {
    position: relative;
}

#contacts-id .search i {
    position: absolute;
    font-size: 1.1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    left: 20px;
    bottom: 4px;
}

#contacts-id .form-control {
    padding: 16px 72px 16px 48px;
    height: 50px;
}

#contacts-id .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#contacts-id .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

/* contacts */

/* support */
.layout-sidebar-large .main-header .header-part-right .support_desktop {
    display: block;
}

.layout-sidebar-large .main-header .header-part-right .support_mob {
    display: none;
}

@media (max-width:767px) {
    .layout-sidebar-large .main-header .header-part-right .support_mob {
        display: block;
    }

    .layout-sidebar-large .main-header .header-part-right .support_desktop {
        display: none;
    }
}

.layout-sidebar-large .offcanvas {
    height: auto;
}

.layout-sidebar-large .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

/* support */

/* create enquiry mobile */
#create-enquiries .hotel__boxes {
    padding: 1rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#create-enquiries .hotel__boxes label {
    font-size: 0.813rem;
}

#create-enquiries .hotel__boxes .calender {
    position: relative;
}

#create-enquiries .hotel__boxes .calender i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    top: 34px;
}

#create-enquiries .hotel__boxes .tablelist {
    display: flex;
    align-items: center;
    width: 100%;

}

#create-enquiries .hotel__boxes .tablelist .leftside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#create-enquiries .hotel__boxes .tablelist .leftside span {
    line-height: 1.43;
    display: block;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
}

#create-enquiries .hotel__boxes .tablelist .rightside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
    display: flex;
    justify-content: flex-end;
}

#create-enquiries .hotel__boxes .tablelist .rightside .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

#create-enquiries .hotel__boxes .tablelist .rightside .quantity-input {
    display: block;
    width: 50%;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#create-enquiries .hotel__boxes .tablelist .rightside .quantity .minus,
#create-enquiries .hotel__boxes .tablelist .rightside .quantity .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
    height: 28px;
    cursor: pointer;
    font-size: 1.8rem;
    background: none;
    color: #293991;
    padding: 0;
    border: none;
    border-radius: 5px;
    transition: all 0.2s linear;
}

#create-enquiries .hotel__boxes .tablelist .rightside .quantity .minus:hover,

#create-enquiries .hotel__boxes .tablelist .rightside .quantity .plus:hover {
    color: #293991;
}

#create-enquiries .hotel__boxes .tablelist .rightside .quantity .minus::-moz-selection,
#create-enquiries .hotel__boxes .tablelist .rightside .quantity .plus::-moz-selection {
    background: none;
}

#create-enquiries .hotel__boxes .tablelist .rightside .quantity .minus::selection,
#create-enquiries .hotel__boxes .tablelist .rightside .quantity .plus::selection {
    background: none;
}

#create-enquiries .butnsubmit {
    width: 100%;
}

#create-enquiries .butnsubmit .submit {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;

}

#create-enquiries .butnsubmit .submit:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#create-enquiries .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    color: #fff;
    padding: 0.5rem 1.25rem;
    margin-right: 10px
}

#create-enquiries .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#create-enquiries .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#create-enquiries .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#create-enquiries .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#create-enquiries .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

#create-enquiries .pl-4 {
    padding-left: 20px;
}

@media (max-width:767px) {
    #create-enquiries .pl-4 {
        padding-left: 0px;
    }
}

/* create enquiry mobile */




/* enquiry mobile */
#enquiriesmobile .hotel__boxes {
    padding: 1rem;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
}

#enquiriesmobile .hotel__boxes label {
    font-size: 0.813rem;
}

#enquiriesmobile .hotel__boxes .calender {
    position: relative;
}

#enquiriesmobile .hotel__boxes .calender i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#enquiriesmobile .hotel__boxes .tablelist {
    display: flex;
    align-items: center;
    width: 100%;

}

#enquiriesmobile .hotel__boxes .tablelist .leftside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
}

#enquiriesmobile .hotel__boxes .tablelist .leftside span {
    line-height: 1.43;
    display: block;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside {
    width: 50%;
    margin-bottom: 5px;
    font-size: 0.813rem;
    display: flex;
    justify-content: flex-end;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity-input {
    display: block;
    width: 50%;
    height: 28px;
    background: #fff;
    text-align: center;
    border: 1px solid #c2c2c2;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .minus,
#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
    height: 28px;
    cursor: pointer;
    font-size: 1.8rem;
    background: none;
    color: #293991;
    padding: 0;
    border: none;
    border-radius: 5px;
    transition: all 0.2s linear;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .minus:hover,

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .plus:hover {
    color: #293991;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .minus::-moz-selection,
#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .plus::-moz-selection {
    background: none;
}

#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .minus::selection,
#enquiriesmobile .hotel__boxes .tablelist .rightside .quantity .plus::selection {
    background: none;
}

#enquiriesmobile .butnsubmit {
    width: 100%;
}

#enquiriesmobile .butnsubmit .submit {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    width: 100%;

}

#enquiriesmobile .butnsubmit .submit:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}

#enquiriesmobile .hotel_table table thead .table-dark {
    background: #293991 !important;
}

#enquiriesmobile .hotel_table table tr td span {
    font-weight: 600;
    display: block;
    color: #293991;
    font-size: 0.813rem;
}

#enquiriesmobile .hotel_table table {
    margin-bottom: 0;
    border-color: #e1e1e1;
    font-size: 0.813rem;
    background: #fff;
    border: 1px solid #e1e1e1;
}

#enquiriesmobile .hotel_table table .table-darks {
    background: #293991 !important;
    color: #fff;
    font-size: 1rem;
}

#enquiriesmobile .hotel_table table .table-darks tr th {
    color: #fff;
    font-weight: 500 !important;
    font-size: 1rem;
}

/* enquiry mobile */

/* enquiry list */

#enquirieslist .card-footer {
    background: none;
    border-top: none;
    padding: 0.75rem 1.25rem;

}

#enquirieslist .card {
    background: none;
    box-shadow: none;
    border: none
}

#enquirieslist .card-footer small {
    font-size: .75rem;
}

#enquirieslist .card-body {
    background: #fff;
    border-bottom: none;
}

#enquirieslist .enquirycard {
    position: relative;
}

#enquirieslist .filter-sort {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #303c90;
    position: fixed;
    bottom: 20px;
    left: 5%;
    z-index: 99;

    width: 90% !important;
}

#enquirieslist .filter-sort ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}

#enquirieslist .filter-sort ul li {

    color: #fff;
    width: 33.3%;
    border-right: 1px solid #18247b;
    list-style: none;
    cursor: pointer;
    font-size: 0.8rem;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#enquirieslist .filter-sort ul li a {

    width: 100%;
    color: #fff;
    font-size: 0.8rem;

}

#enquirieslist .filter-sort ul li:last-child {
    border-right: none;
}

#enquirieslist .offcanvas-header {
    padding-bottom: 0;
}

#enquirieslist .offcanvas-header h5 {
    font-size: .875rem;
    font-weight: 600;
}

#enquirieslist .offcanvas label {
    font-size: 0.813rem;
}

#enquirieslist .offcanvas .calendar i {
    position: absolute;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    content: "";
    right: 10px;
    bottom: 7px;
}

#enquirieslist .offcanvas .calendar {
    position: relative;
}

#enquirieslist .offcanvas {
    height: auto;
}

#enquirieslist .offcanvas .buttonbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#enquirieslist .offcanvas .btn_save {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;

}


#enquirieslist .offcanvas .btn_box .btn_save:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d;
    box-shadow: 0 8px 25px -8px #3fc02d;
    border-color: #3fc02d;
}





/* enquiry list close */

/* status soon */


#status .empty_data {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 5rem 0rem;
}

#status .empty_data .texts h4 {
    font-size: 1.8rem;
    color: #000;
    font-weight: 700;
    text-align: center;
}

#status .empty_data .texts h4 span {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 10px;
}

#status .btn1 {
    background: #3fc02d;
    border-color: #3fc02d;
    font-size: 0.813rem;
    padding: 0.5rem 1.25rem;
    margin-right: 10px;
    margin-bottom: 0;
}

#status .btn1:hover {
    background: #3fc02d;
    -webkit-box-shadow: 0 8px 25px -8px #3fc02d !important;
    box-shadow: 0 8px 25px -8px #3fc02d !important;
    border-color: #3fc02d !important;

}

@media (max-width: 767px) {
    #status .empty_data {
        flex-direction: column;
        margin-top: 4rem;
    }
}

#status .empty_data .img_boxes img {
    width: 250px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #status .empty_data .img_boxes img {
        width: 150px;
    }
}

@media (max-width: 767px) {
    #status .empty_data .img_boxes img {
        width: 180px;
    }

    #status .empty_data .texts h4 {
        font-size: 1.5rem;
        text-align: center;
        padding-left: 0px;
        margin-top: 10px;
    }

    #status .empty_data .texts h4 span {
        font-size: 0.875rem;
    }

}

@media (max-width: 480px) {
    #status .empty_data .texts h4 {
        font-size: 1.3rem;
    }

    #status .empty_data .texts h4 span {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 10px;
    }
}



/* status close  */