.form-check-input:focus {
    box-shadow: unset !important;
    border-color: #D5D5D5 !important;
}


/* =========================================
== Custom Classes Like Bootstrap Start ===*/

/* ==== Font Size Css Start ======*/
.font-6 {
    font-size: 6px !important;
}

.font-7 {
    font-size: 7px !important;
}

.font-8 {
    font-size: 8px !important;
}

.font-9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-29 {
    font-size: 29px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-31 {
    font-size: 31px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-33 {
    font-size: 33px !important;
}

.font-34 {
    font-size: 34px !important;
}

.font-35 {
    font-size: 35px !important;
}

.font-36 {
    font-size: 36px !important;
}

.font-37 {
    font-size: 37px !important;
}

.font-38 {
    font-size: 38px !important;
}

.font-39 {
    font-size: 39px !important;
}

.font-40 {
    font-size: 40px !important;
}

.font-41 {
    font-size: 41px !important;
}

.font-42 {
    font-size: 42px !important;
}

.font-43 {
    font-size: 43px !important;
}

.font-44 {
    font-size: 44px !important;
}

.font-45 {
    font-size: 45px !important;
}

.font-46 {
    font-size: 46px !important;
}

.font-47 {
    font-size: 47px !important;
}

.font-48 {
    font-size: 48px !important;
}

.font-49 {
    font-size: 49px !important;
}

.font-50 {
    font-size: 50px !important;
}

.font-64 {
    font-size: 64px !important;
}

/* ==== Font Size Css End ======*/

/* ==== Font Weight Css Start ====*/
.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

/* ==== Font Weight Css End =====*/

/* ==== Background Css Start ====*/
.bg-black {
    background-color: #000 !important;
}

.bg-grey {
    background-color: #2A2929 !important;
}

.bg-light-grey {
    background-color: #F7F7F7 !important;
}

.bg-light-grey1 {
    background-color: rgba(247, 247, 247, 1) !important;
}

.bg-grey2 {
    background: rgba(214, 211, 211, 1) !important;
}

.bg-grey3 {
    background: rgba(243, 244, 247, 1);

}

.bg-grey4 {
    background-color: rgba(227, 229, 232, 1) !important;
}

.bg-grey5 {
    background-color: rgba(243, 240, 240, 1) !important;
}

.bg-grey6 {
    background-color: rgba(245, 246, 250, 1) !important;
}

.bg-grey7 {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.bg-grey8 {
    background: rgba(217, 217, 217, 1) !important;
}

.bg-green {
    background-color: rgba(0, 182, 155, 1) !important;
}

.bg-red {
    background: rgba(248, 18, 65, 1);
}

.bg-mustard {
    background: rgba(252, 190, 45, 1) !important;
}

.bg_light_green{
    background-color: rgba(186, 255, 197, 1) !important;
}

/* ==== Background Css End ======*/

/* ==== Text Color Css Start ====*/
.text-grey {
    color: #838282 !important;
}

.text-grey2 {
    color: #626060 !important;
}

.text-grey3 {
    color: rgba(131, 130, 130, 1) !important;
}

.text-grey4 {
    color: rgba(138, 138, 138, 1) !important;
}

.text-grey4 {
    color: rgba(98, 96, 96, 1) !important;
}

.text-grey5 {
    color: rgba(87, 85, 85, 1) !important;
}

.text-grey6 {
    color: rgba(132, 127, 127, 1) !important;

}

.text-grey7 {
    color: rgba(190, 187, 187, 1) !important;
}

.text-grey8 {
    color: rgba(32, 34, 36, 1) !important;
}

.text-grey9 {
    color: rgba(64, 64, 64, 1) !important;
}

.text-grey10 {
    color: rgba(86, 86, 86, 1) !important;
}

.text-dark-grey {
    color: rgba(52, 48, 48, 1) !important;
}

.text-green {
    color: rgba(0, 182, 155, 1) !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-1-3 {
    line-height: 1.3 !important;
}

.line-height-43 {
    line-height: 43px !important;
}

.text-dark {
    color: #000 !important;
}

.text-red {
    color: rgba(248, 18, 65, 1) !important;
}

.text-dark-grayish {
    color: rgba(78, 77, 77, 1) !important;
}

.text-mustard {
    color: rgba(252, 190, 45, 1) !important;
}

/* ==== Text Color Css End ======*/

/* ==== Border Radius Css Start ====*/
.rounded-top-left-10 {
    border-top-left-radius: 10px !important;
}

.rounded-top-right-10 {
    border-top-right-radius: 10px !important;
}

.rounded-bottom-left-10 {
    border-bottom-left-radius: 10px !important;
}

.rounded-bottom-right-10 {
    border-bottom-right-radius: 10px !important;
}


.rounded-top-left-14 {
    border-top-left-radius: 14px !important;
}

.rounded-top-right-14 {
    border-top-right-radius: 14px !important;
}

.rounded-bottom-left-14 {
    border-bottom-left-radius: 14px !important;
}

.rounded-bottom-right-14 {
    border-bottom-right-radius: 14px !important;
}

/* ==== Border Radius Css End ======*/

/* ====== Box Shadow Start ======== */
.box-shadow1 {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08) !important;
}

.box-shadow2 {
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.05) !important;
}

.box-shadow3 {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15) !important;
}

.box-shadow4 {
    box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.15) !important;
}

.box-shadow5 {
    box-shadow: 6px 6px 54px 0px rgba(0, 0, 0, 0.05) !important;
}

.box-shadow6 {
    box-shadow: 6px 6px 54px 0px rgba(0, 0, 0, 0.15) !important;
}

/* ======= Box Shadow End ======== */

/* ======== Border Start ========= */
.border1 {
    border: 1px solid rgba(239, 239, 239, 1);
}

.border2 {
    border: 1px solid rgba(240, 238, 238, 1);
}

.border3 {
    border-bottom: 1px solid rgba(230, 227, 227, 1);
}

.border4 {
    border: 1px solid rgba(249, 244, 244, 1) !important;
}

.border5 {
    border: 1px solid rgba(213, 213, 213, 1)
}

.border6 {
    border: 1.3px solid rgba(184, 187, 194, 1) !important;
}

.border7 {
    border: 1px solid rgba(248, 18, 65, 1) !important;
}
.border_light_green{
    border: 3px dashed rgba(0, 182, 155, 1) !important;
}
/* ======= Border Start ========= */

/* == Change Default Icon of Date input Start == */
input[type="date"]::-webkit-calendar-picker-indicator {
    background: url('../img/date_picker_icon.png') no-repeat;
}

/* == Change Default Icon of Date input ENd == */

/* == Change Select Option Icon Start == */
.form-select {
    background-image: url('../img/select_option_icon.png');
    background-size: auto;
}

/* === Change Select Option Icon End == */

.h-54 {
    height: 54px !important;
}

.h-46 {
    height: 46px !important;
}

.p-20 {
    padding: 20px !important;
}

.g-2-custom {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
}

.g-1px-custom {
    --bs-gutter-x: 0.063rem;
    --bs-gutter-y: 0.063rem;
}

.text-align-justify {
    text-align: justify !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

/*== Custom Classes Like Bootstrap End =====
==========================================*/

/* ==========================================
== bootstrap btn info override Css Start ==*/
.btn.btn-info {
    color: #fff;
    background: linear-gradient(91.66deg, #F81241 -84.26%, #EDC12C 102.14%);
    /* line-height: 43px; */
    height: 54px;
}

.btn.btn-primary {
    color: #fff;
    background: rgba(111, 177, 255, 1);
    line-height: 43px;
    height: 54px;
}

button:focus {
    box-shadow: none !important;
}

a,
select:focus,
input:focus,
input:focus-visible {
    outline: unset !important;
    box-shadow: none !important;
}

/*== bootstrap btn info override Css End ===
==========================================*/

/*== Custom Classes Like Bootstrap End =====
==========================================*/

/* ==========================================
== bootstrap Checkbox override Css Start ==*/



.form-check-input:checked[type='radio'],
.form-check-input:checked[type='checkbox'] {
    background-image: url('../img/checkbox_check_icon.png');
    background-size: auto;
    background-color: rgba(49, 48, 48, 1);
}

/*== bootstrap Checkbox override Css End ===
==========================================*/

/* =========================================
======= Reservation Page Css Start =======*/
.reservation_tabs .nav-item button.active {
    color: rgba(237, 193, 44, 1) !important;
    border-bottom: 5px solid rgba(237, 193, 44, 1);
}

.reservation_tabs .nav-item .active {
    color: rgba(237, 193, 44, 1) !important;
    border-bottom: 5px solid rgba(237, 193, 44, 1);
}

/*===== Reservation Page Css Start =========
==========================================*/


/* ==========================================
============ Login Page  CSS Start ========*/
.login .form-section {
    min-height: 100vh;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.login .bg-img {
    min-height: 100vh;
    position: relative;
    background: url("/assets/common/img/login_bg.jpg") top left repeat;
    /* background: url(/assets/common/img/login_banner.png) top left repeat; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.login .bg-img .circle_corner {
    position: absolute;
    content: '';
    top: -106px;
    left: -126px;
    background: linear-gradient(127.62deg, #F81241 -37.74%, #EDC12C 91.74%);
    height: 300px;
    width: 300px;
    border-radius: 100%;
}

.login .bg-img::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0000003d;
    z-index: 1;
}

.login .bg-img::after {
    content: '';
    position: absolute;
    overflow: hidden;
    background-image: url('/assets/common/img/login_image_layer.png');
    opacity: 0.5;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}

.login .form-inner {
    max-width: 500px;
    width: 100%;
}

/*============= Login Page CSS End =========
==========================================*/



/* ==========================================
============ Pagination  CSS Start ========*/
.custom_pagination {
    width: fit-content;
    margin: 0 auto;
}

.custom_pagination .page-item .page-link,
.custom_pagination .page-item a {
    background-color: transparent !important;
    border: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.custom_pagination .page-item a {
    position: relative;
    text-align: center !important;
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: rgba(32, 34, 36, 1) !important;
    text-decoration: none;
    background-color: #fff;
    border: 0px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/*============= Pagination CSS End =========
==========================================*/


/* ========================================
 == Repeated Row Delete Icon Css Start ==*/
.room-data-close,
.order_search_close,
.delete_late_fees_penalty,
.remove_item,
.delete_penalty,
.delete_adult_rates,
.remove_row,
.diremove_row,
.remove_row_hotel {
    right: -14px;
    top: -17px;
}

/*== Repeated Row Delete Icon Css End =====
 =========================================*/

/* ========================================
 == Input Error Message Css Start =======*/
.formError {
    top: unset !important;
    left: 2px !important;
    margin-top: unset !important;
    bottom: -23px;
    font-size: 8px;
    font-weight: 500;
    color: rgba(244, 67, 54, 1);
}

/* .formError > .img_layer, */
.formError+textarea,
.formError+select,
.formError+input {
    border: 1px solid rgba(244, 67, 54, 1) !important;
}

/*====== Input Error Message Css End ======
=========================================*/


/* ========================================
=========== Combobox Css Start ==========*/
.custom_combobox .combobox-group_name {
    width: 100% !important;
    height: 54px;
    border: 1px solid rgba(213, 213, 213, 1);
    color: rgba(98, 96, 96, 1) !important;
    font-weight: 300;
    font-size: 14px !important;
    border-radius: .3rem !important;
    padding: 10px !important;
}

/*=============== Combobox Css End ========
=========================================*/




.event_date {
    width: 74px;
    height: 70px;
    border-radius: 8px;
    padding: 10px;
    left: 20px;
    top: 20px;
}

.error-container input {
    border-color: #F81241;
}

.error-border {
    border: 1px solid #F81241;
}

.error {
    color: #F81241;
}

.infoMessage {
    color: #F81241;
}

/* ========================================
===== More Text Show Hide Css Start =====*/

.more-less.plus:before {
    content: "\f067";
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #d13488;
}

.more-less.minus:before {
    content: "\f068";
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #d13488;
}

.morecontent span,
.morecontent div {
    display: none;
}

.morecontent span.show_read,
.morecontent div.show_read,
.morecontent span.show_read *,
.morecontent div.show_read * {
    display: inline;
}

.morelink {
    display: inline-block;
    margin: 0 !important;
    color: #d23688;
    font-size: inherit;
}

.moreellipses.show_read {
    display: none;
}

/*===== More Text Show Hide Css End =======
=========================================*/

/* =========== Promocode Css Start==============
============================================== */
.promocode_box{
    width: 200px;
    min-height: 54px;
    line-height: 54px;
    border-color: rgba(138, 138, 138, 1);
    border-style: dashed;
}
.promocode_box.active:before {
    content: 'Copy';
    position: absolute;
    top: -47px;
    right: 0;
    z-index: 1;
    font-size: 13px;
}



/* ============== Promocode Css End=============
============================================== */