@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body{font-family: 'Poppins', sans-serif;}
[class*="sidebar-dark-"] {
    /* background: #002162; */
    background: #2C184B;
  }

.sidebar{padding: 0px;}
.sidebar .gap-3{gap: 0rem !important;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active{background-color: rgba(217, 217, 217, 0.31);color:white;}
.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link{width: 100%; border-radius: 0px; text-align: start; color: white;}
.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link{width: 74px;}
.content-wrapper{background-color: #fff; padding: 0px;}

h1.page-title{color:#002162; font-size: 30px; font-weight: 500; line-height: 36px; width: 93%; padding: 20px;
  display: flex; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto;}
h1.page-title a{background: #002162; border: none; font-size: 15px; padding: 8px 30px; border-radius: 6px;}

.card{box-shadow: none; margin-bottom: 1rem; border: #BFC7D7 1px solid; border-radius: 18px;}
.card .card-body{padding: 30px;}
.card h2{color: #002162; font-size: 25px; font-weight: 500; line-height: 38px; margin: 0 0 20px 0; display: flex; align-items: center; justify-content: space-between;}
.card h2 a.booking-link{color: #3A78F2; font-size: 16px; font-weight: 500; line-height: 24px;}
.card #barChart {height: 300px !important; max-height: 300px !important;}

/* .number-box{border-radius: 18px; border: 1px solid rgb(206, 220, 249); background: linear-gradient(35deg, rgba(0, 33, 98, 0.6) -57.09%, #F8F8F8 52.39%); min-height: 190px; position: relative; padding: 0 36px; margin-bottom: 15px;} */
.number-box{border-radius: 18px;
  border: 0.5px solid var(--Color-2, #2C174A);
  background: var(--Color-2, #2C174A); min-height: 190px; position: relative; padding: 0 36px; margin-bottom: 15px;
  color:white !important;}
.number-box .icon{position: absolute; top: 22px; right: 22px;}
.number-box .title{color: white; font-size: 20px; font-weight: 500; line-height: 30px; margin: 44px 0 0 0; padding-bottom: 10px; position: relative; }
.number-box .title::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 90px; height: 1px; border-bottom: 2px dashed white;}
.number-box .number{color: white; font-size: 40px; font-weight: 700; line-height: 60px;}
.number-box .number span{color: white; font-size: 12px; font-weight: 400; line-height: 18px; display: block;}
.number-box .number-text{color: white; font-size: 14px;}

.notification-block{border-radius: 18px; background: #F3F3F3; border: #BFC7D7 1px solid; padding: 20px 26px;}
.notification-block h2{color: #002162; font-size: 25px; font-weight: 500; line-height: 38px; margin: 0 0 20px 0; padding-bottom: 8px; position: relative; display: flex; justify-content: space-between;}
.notification-block h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 90px; height: 1px; border-bottom: #002162 1px dotted;}
.notification-block ul.notification-list{margin: 0px; padding: 0px; list-style: none;}
.notification-block ul.notification-list li{background: #fff; display: flex; justify-content: space-between; padding: 12px 16px; border-radius: 10px; margin-bottom: 10px;}
.notification-block ul.notification-list li .notification-name{color: #002162; font-size: 12px; font-weight: 400; line-height: 18px; width: 70%;}
.notification-block ul.notification-list li .notification-time{color: #A4A4A4; font-size: 10px; font-weight: 300; line-height: 15px; position: relative; padding-right: 18px; width: 30%; text-align: right;}
.notification-block ul.notification-list li .notification-time::before{content: ''; background: #002162; width: 9px; height: 9px; position: absolute; top: 3px; right: 0px; border-radius: 50px;}
.notification-block a.view{color: #3A78F2; font-size: 10px; font-weight: 400; line-height: 12px;}

.enable-booking ul.radio-area li{margin-left: 10px;}
.enable-booking ul.radio-area li input[type=radio].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.enable-booking ul.radio-area li input[type=radio].css-radio + label.css-radiobtn{color: #002162; font-size: 12px; font-weight: 500; line-height: 18px; position: relative; padding-left: 24px; margin: 0px; cursor: pointer;}
.enable-booking ul.radio-area li input[type=radio].css-radio + label.css-radiobtn::before{content: ''; width: 18px; height: 18px; border-radius: 20px; border: 2px solid #002162; background: transparent; position: absolute; top: 0px; left: 0px}
.enable-booking ul.radio-area li input[type=radio].css-radio:checked + label.css-radiobtn::after{content: ''; position: absolute; top: 5px; left: 5px; width: 8px; height: 8px; background: #002162; border-radius: 4px}

.enable-booking{display: flex; justify-content: space-between; align-items: center; border-bottom: #BFC7D7 1px solid; padding: 7px; margin-top: 15px;}
.enable-booking span{color: #002162; font-size: 18px; font-weight: 500; line-height: 26px;}
.enable-booking ul.radio-area{margin: 0px; padding: 0px; list-style: none; display: flex;}

.table-theme-div{
  border-radius: 10px !important;
  width: 100%;

    /* border-bottom:  0.5px solid #002162 !important;
    border-left:  0.5px solid #002162 !important;
    border-right:  0.5px solid #002162 !important; */
}
.table-theme > tbody{
  /* border-radius: 10px !important; */

}
.table-theme{
  width: 100% !important;
  overflow: hidden;
  border: 1px solid;
 /* border-radius: 5px!important;
  border-left:  0.5px solid #002162 !important;
  border-right:  0.5px solid #002162 !important; */
}

/* .table-theme thead{
  background: var(--Color-2, #2C174A);
  color: white;
  margin-top: 20px;

}
.table-theme td {
  overflow: hidden;
} */

.table-theme th {
  border-top:  0.5px solid #002162 !important;
  background: var(--Color-2, #2C174A);
  color: white;
  font-size: 12px;
  font-weight: 100;

}
.table-theme th:nth-child(1) {
  border-top-left-radius: 10px !important;
  border-left:  0.5px solid #002162 !important;
}
.table-theme th:last-child {
  border-top-right-radius: 10px !important;
  border-right:  0.5px solid #002162 !important;
}
.table-theme tbody tr td {
  border-bottom:  0.5px solid #002162 !important;
}
.table-theme tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px !important;
  border-left:  0.5px solid #002162 !important;
}
.table-theme tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px !important;
  border-right:  0.5px solid #002162 !important;
}
.table-theme thead th{
  color:white !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  background-color:  #2C174A !important;
}

.table-theme tbody tr td:nth-child(1) {
  /* border-radius: 0px 0px 0px 10px !important; */
  border-left:  0.5px solid #002162 !important;
}
.table-theme tbody tr td:last-child {
  border-right:  0.5px solid #002162 !important;
}
.background-theme{
  background-color: #2C174A !important;
}
.btn-theme{
  background-color: #2C174A !important;
  color: white;
}
.btn-theme:hover{
  background-color: #3c2063 !important;
  color: white;
}
.frequency-btn{
  border-radius: 8px;
  margin-right: 5px;;
}
.frequency-btn.selected {
  background-color: white; /* Change to desired color */
  color: black;             /* Text color */
  border-color: black;    /* Border color */
}
.dashboard-stats>.btn-theme{
  border-radius: 10px;
}
.dashboard-stats{
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.dashboard-stats ul.radio-area li{margin-left: 10px;}
.dashboard-stats ul.radio-area .btn-primary{font-size: 12px !important;}
.dashboard-stats{display: flex; justify-content: space-between; margin-top: 13px;}
.dashboard-stats span{color: white; font-size: 18px; font-weight: 500; line-height: 26px;}
.dashboard-stats ul.radio-area{margin: 0px; padding: 0px; list-style: none; display: flex;}

.gray-table{border: #D9D9D9 1px solid; width: 100% !important;}
.gray-table tr th{background: #D9D9D9; color: #000; font-size: 12px; font-weight: 500; line-height: 18px; border: none;}
.gray-table tr td{border-bottom: #D9D9D9 1px solid; color: #000; font-size: 12px; font-weight: 400; line-height: 18px; padding: 15px; border-top: none; vertical-align: middle;}
.gray-table tr td .tb-flex{margin-top: 5px;}
.gray-table tr td .tb-flex a{background: #002162; color: #FFF; line-height: 20px; display: inline-block; padding: 0 8px; border-radius: 10px; font-size: 10px; margin-right: 6px;}
.gray-table tr td ul.hours-list{margin: 0px; padding: 0px; list-style: none; height: 66px; overflow: hidden;}
.gray-table tr td ul.hours-list li{color: #000; font-size: 12px; font-weight: 400; line-height: 190.5%; display: flex; justify-content: space-between; width: 80px;}
.gray-table tr td ul.hours-list.active{height: auto;}
.gray-table tr td ul.guest-list{margin: 0px; padding: 0px; list-style: none; height: 66px; overflow: hidden;}
.gray-table tr td ul.guest-list li{color: #000; font-size: 12px; font-weight: 400; line-height: 190.5%; display: flex; justify-content: space-between; width: 80px;}
.gray-table tr td ul.guest-list.active{height: auto;}


.view-table{border: #2C184B 1px solid; width: 100% !important;}
.view-table tr th{background: #2C184B; color: #000; font-size: 12px; font-weight: 500; line-height: 18px; border: none;}
/* .view-table tr td{border-bottom: white 1px solid; color: #000; font-size: 12px; font-weight: 400; line-height: 18px; padding: 15px; border-top: none; vertical-align: middle;} */
.view-table tr td label{margin: 0px;}
.view-table tr td:first-child{background-color: #2C184B;color:white; width: 300px;}
.view-table tr td:last-child{border-bottom: white 1px solid; color: #000;
  font-size: 12px; font-weight: 400; line-height: 18px; padding: 15px; border-top: none;
   vertical-align: middle; background-color: #908a99;}

.header-main{display: flex; justify-content: space-between;}
.header-main .header-rightside{display: flex; align-items: center;}
.header-main .header-rightside .form-control{border-radius: 20px; border: 1px solid #D9D9D9; background: #fff; height: 34px; color: #000000; font-size: 15px; font-weight: 500; width: 300px; padding: 0px 15px; margin: 0 10px 0 0;}
.header-main .header-rightside .switch_branch{font-weight: 500; }
.yajra-datatable th{
  color:white !important;
  background-color:  #2C174A !important;
}
.theme-content{
  width: 93%;margin-left: auto; margin-right: auto;
}
.theme-input-search{
  border-radius: 10px !important;
  border: 1px solid #2C174A !important;
}
.theme-input{
  border-radius: 20px !important;
  border: 1px solid #2C174A !important;
}
.theme-heading-middle{
  border-radius: 5px !important;
  border: 1px solid #2C174A !important;
  color:white !important;
  height: 40px;
  line-height: 30px;;
  background-color:  #2C174A !important;
}
.theme-heading-middle label{
  padding: 5px;;
}
.theme-save-btn {
  background-color: #08C182 !important;
  color: white !important;
  
  
}
.swal2-icon.swal2-success .swal2-success-ring{
  border: .25em solid #08C182 !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
  background-color:#08C182 !important;
}
.swal2-styled.swal2-confirm{
  background-color: #08C182 !important;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px #08C182 !important;
}
.btn-cancel{
  background: #FFF !important;
  color: black !important;
  border:1px solid #000 !important;
  border-radius: 6px;
  color: #000;

text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;

}
.bs-stepper-header.inner-tab{width: 90%;margin-left: auto;margin-right: auto;border-radius: 10px; display: flex; background: #2C174A; padding: 0 1.5rem;}
.bs-stepper-header.inner-tab .step-trigger{background-color: #2C174A; color: white; font-size: 12px; font-weight: 400; line-height: 18px; padding: 18px 20px;}
.bs-stepper-header.inner-tab .step.active .step-trigger{background-color: white; color: #2C174A;padding: 10px;}

.bs-stepper-content{background: #fff !important;  width: 93%; margin-left: auto;margin-right: auto;}
.bs-stepper-content h4{color: #002162; font-size: 25px; font-weight: 500; line-height: 38px; margin: 0 0 20px 0; border-bottom: #bfc7d7 1px solid; padding-bottom: 10px;}
.bs-stepper-content label{color: #000; font-size: 15px; font-weight: 400 !important; margin: 0 0 5px 0;}

.bs-stepper-content .card{background: rgba(57, 60, 66, 0.08); padding-bottom: 5px;}
.bs-stepper-content .btn-add{color: #FFF; font-size: 14px; font-weight: 500; line-height: 21px; padding: 10px 54px; border-radius: 6px; background: #2C184B;}

.custom-control{display: flex;}
.custom-control .custom-control-label{margin: 0px;}
.padding-0{padding: 0px !important;}


.border-facilities{ border: #BFC7D7 1px solid; padding: 15px 20px; border-radius: 5px;}

.border-facilities h5 {font-weight: 400;}
.table-area{padding: 20px !important;}
.filter-area{margin: 0px; padding: 0 20px;}
.padding-top{padding-top: 0px !important;}

.form-group label{color: #000; font-size: 15px; font-weight: 400 !important; margin: 0 0 5px 0;}
.form-group .form-control{border-radius: 10px; border: 1px solid #AEAEAE; background: #fff; height: 40px; color: #000; font-size: 15px; font-weight: 500; padding: 0px 15px}
.form-group textarea.form-control {height: 150px; padding: 10px 20px;}
.md-0{margin: 0px !important;}

.btn-primary{background: #002162; border: none; font-size: 15px; padding: 8px 30px; border-radius: 6px;}
.btn-primary:focus{background: #002162; border: none; font-size: 15px; padding: 8px 30px; border-radius: 6px;}
.btn-primary:hover{background: #00143a;}

.inner-flex-block{display: flex; align-items: center;}
.inner-flex-block label{margin-right: 20px;}
.inner-flex-block .form-control{width: 300px;}
.inner-flex-block label.inner-label{width: 30%; margin-bottom: 0px;}
.user-access{padding: 0px 0px 20px 0px !important; border-radius: 0px !important; border: none; border-bottom: #BFC7D7 1px solid !important;}
.rounded-checkbox {
  width:20px;
  height: 20px;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid black;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  margin-right: 5px;;
}
.rounded-checkbox:checked {
  appearance: auto;
  clip-path: circle(50% at 50% 50%);
  background-color: blue;
}
.add-Branch-form{padding: 0 20px 20px 20px}
.btn-light{background: #aaa; border: none; font-size: 15px; padding: 8px 30px; border-radius: 6px; color: #fff;}
.btn-light:hover{background: #aaa;}

.user-form{padding: 0px 20px 20px 20px !important;}
.user-form h4{font-size: 20px;
  /* border-top: #bfc7d7 1px solid; */
   padding-top: 15px; font-weight: 400; color: #002162; margin: 0px 0px 15px 0px;}
.text-red{color: #002162 !important;}
.text-green{color: #126425 !important;}

.inner-page-tab{width: 90%;margin-left: auto;margin-right: auto;border-radius: 10px; display: flex;  background: #2C184B; padding: 8px; }
.inner-page-tab a{background-color: #2C174A; color: white; font-size: 12px; font-weight: 400; line-height: 18px; padding: 10px 18px; border-radius: 5px;}
.inner-page-tab a.active{background-color: white; color: #2C174A;padding: 10px; }

/* .bs-stepper-header.inner-tab{width: 90%;margin-left: auto;margin-right: auto;border-radius: 10px; display: flex; background: #2C174A; padding: 0 1.5rem;} */
/* .bs-stepper-header.inner-tab .step-trigger{background-color: #2C174A; color: white; font-size: 12px; font-weight: 400; line-height: 18px; padding: 18px 20px;} */
/* .bs-stepper-header.inner-tab .step.active .step-trigger{background-color: white; color: #2C174A;padding: 10px;} */

.bookingpage-form{padding: 20px !important;}

.dataTables_wrapper .top {display: none;}
.dataTables_wrapper .bottom {display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.dataTables_wrapper .bottom .dataTables_filter {display: none;}

.enablebooking-radio {display: flex; align-items: center; margin: 0 0 20px 0; color: #000; font-size: 20px; font-weight: 700;}
.enablebooking-radio .radio-option{margin-left: 25px;}
.booking-area{background: #fff; padding: 20px 20px 25px 20px; margin: 0 0 15px 0; }
.booking-area .type span{font-size: 22px; display: block; margin-bottom: 10px;}
.radio-option{display: flex; margin: 0px; padding: 0px; list-style: none;}
.radio-option li{margin-right: 15px;}

.menu-setting-option{display: flex; margin: 0px; padding: 0px; list-style: none;}
.menu-setting-option li{margin-right: 15px;}
.menu-setting-option li .btn-primary{position: relative; padding-left: 40px; padding-right: 20px;}
.menu-setting-option li .btn-primary.active{background: #002162 !important;}
.menu-setting-option li .btn-primary::before{content: ''; position: absolute; top: 10px; width: 19px; height: 19px; background: #fff; border-radius: 50%; left: 12px;}
.menu-setting-option li .btn-primary.active::after{content: ''; position: absolute; top: 14px; width: 11px; height: 11px; background: #002162; border-radius: 50%; left: 16px;}
.css-radiobtn-new{
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500 !important;
}
input[type=radio].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
input[type=radio].css-radio + label.css-radiobtn{color: #002162; font-size: 15px; font-weight: 500; line-height: 20px; position: relative; padding-left: 24px; margin: 0px; cursor: pointer;}
input[type=radio].css-radio + label.css-radiobtn::before{content: ''; width: 20px; height: 20px; border-radius: 20px; border: 2px solid #002162; background: transparent; position: absolute; top: 0px; left: 0px}
input[type=radio].css-radio:checked + label.css-radiobtn::after{content: ''; position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; background: #002162; border-radius: 4px}

input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
input[type=checkbox].css-checkbox + label.css-checkboxbtn{color: #000; font-size: 9px; font-weight: 500; line-height: 20px; position: relative; padding-left: 22px; margin: 0px; cursor: pointer;}
input[type=checkbox].css-checkbox + label.css-checkboxbtn::before{content: ''; width: 15px; height: 15px; border-radius: 2px; border: 2px solid black; background: transparent; position: absolute; top: 2px; left: 0px}
input[type=checkbox].css-checkbox:checked + label.css-checkboxbtn::after{content: ''; position: absolute; top: 5.5px; left: 3.5px; width: 8px; height: 8px; background: #002162; border-radius: 2px}

.form-check-input {position: relative;}

.statistics-area{margin: 0 0 25px 0;}
.statistic-block{color: #fff; font-size: 14px;background-color: #2C184B;; font-weight: 500; line-height: 21px; position: relative;
  padding-bottom:10px; padding-right:10px;  padding-top:10px;   padding-left: 100px; border-radius: 10px;;}
.statistic-block .icon{width: 76px; height: 76px; border-radius: 6px; background: #F3F5F7; position: absolute; top: 10px; left: 10px;}
.statistic-block strong{color: #fff; font-size: 32px; font-weight: 600; line-height: 32px; margin-bottom: 5px; display: block;}

.booking-reservations{padding: 20px !important;}
.booking-reservations h2{font-size: 24px; line-height: 37px; display: flex; align-items: center; justify-content: space-between; font-weight: 400; margin: 0px 0px 20px 0px;}
.booking-reservations h2 a.btn-view{background: #002162; border: none; font-size: 15px; padding: 8px 30px; border-radius: 6px; line-height: 1.5; color: #fff; font-weight: 400;}
.booking-reservations h3{font-size: 18px; line-height: 24px; font-weight: 600; margin: 0px 0px 10px 0px;}
.booking-reservations h3 a{margin-left: 56px; font-size: 12px; color: #000000; line-height: 18px; font-weight: 500;}
.booking-filter{ margin-bottom: 25px; padding: 15px 0;}
.booking-filter ul.filter-option{margin: 8px 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.booking-filter ul.filter-option li{margin: 0 20px 0px 0;}
.booking-filter .form-group{margin: 0px; }
.booking-filter .btn-area{margin-top: 28px;}

.booking-filter-2{ margin-bottom: 25px;padding:12px 0 11px 16px;color:#fff; border-radius: 18px;background-color: #2C184B;}
.booking-filter-2 ul.filter-option{margin: 8px 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; color:#fff !important;}
.booking-filter-2 ul.filter-option li{margin: 0 20px 0px 0; color:#fff !important;}
.booking-filter-2 .form-group{margin: 0px; color:#fff !important; }
.booking-filter-2 .form-group label{color:#fff !important; }
.booking-filter-2 .btn-area{margin-top: 28px; color:#fff !important;}
.booking-filter-2 .css-checkboxbtn::before{border:1px solid #fff !important;}
.booking-filter-2 .css-checkboxbtn{margin-left:10px !important;}
.booking-filter-2 .filter-option li {display: block !important; width: 100%;margin-left:10px;}

.pd-20{padding: 20px !important;}
.availability-area{padding: 20px !important; background: #fff; margin-bottom: 20px;}
.availability-area h2{font-size: 22px; display: block; margin-bottom: 15px; color: #000;}
.availability-area h3{font-size: 22px; display: block; margin-bottom: 15px; color: #000; font-weight: 600;}
.availability-area .week-tab, .availability-area .date-tab{display: none;}
.availability-area .week-tab.active, .availability-area .date-tab.active{display: block;}
.availability-area .form-control{border-radius: 3px; border: 1px solid #AEAEAE; background: #fff; height: 34px; color: #000; font-size: 14px; font-weight: 500; padding: 0px 15px;}
.availability-area input[type="checkbox"].css-checkbox + label.css-checkboxbtn{font-size: 14px;}
.availability-area input[type="radio"].css-radio + label.css-radiobtn{font-size: 14px; color: #000;}
.availability-area .slot-list{display: flex; margin: 0px -20px; padding: 0px; list-style: none; flex-wrap: wrap;}
.availability-area .slot-list li{display: flex; align-items: center; padding: 0 20px; margin-bottom: 20px; width: 25%;}
.availability-area .slot-list li .form-control{width: 90%; margin-left: 10%;}
.availability-area .slot-list li input[type="checkbox"].css-checkbox + label.css-checkboxbtn{width: 120px;}
.availability-area .radio-input-flex{display: flex; align-items: center; margin: 0 0 15px 0;}
.availability-area .radio-input-flex .form-control{width: 150px; margin: 0 20px;}
.availability-area .single-check{margin-bottom: 20px;}
.availability-area .radio-option{margin-bottom: 20px;}
.availability-area .daytime-repeat{border-bottom: #000 1px solid; margin-bottom: 20px;}
.availability-area .daytime-repeat:last-child{border-bottom: none;}
.availability-area .radio-option li{margin-right: 30px;}
.availability-area .from-to-date{color: #000; font-size: 19px; font-weight: 500; line-height: 30px; margin-bottom: 15px;}
.availability-area .from-to-date span{margin-right: 40px;}
.availability-area .date-range .md-20{margin-bottom: 20px;}
.availability-area .date-range .input-date{display: flex; align-items: center;}
.availability-area .date-range .input-date label{color: #000; font-size: 14px; font-weight: 500; width: 80px; margin: 0px;}
.availability-area .date-range .add-link{display: flex; margin: 5px 0;}
.availability-area .date-range .add-link svg{margin-right: 10px;}
.availability-area .date-range p{margin: 5px 0px;}
.special-area{display: flex; margin-bottom: 15px; align-items: center;}
.special-area .btn-special{background: #002162; border: none; font-size: 15px; padding: 8px 30px; border-radius: 6px; color: #fff; margin-right: 15px;}

.per-person-block{display: flex; margin: 20px 0 15px 0; align-items: center;}
.per-person-block .radio-option{width: 25%;}
.per-person-block .radio-option input[type="checkbox"].css-checkbox + label.css-checkboxbtn{font-size: 15px; color: #002162;}
.per-person-block .form-group{margin: 0px 20px 0px 0px;position: relative;}
.per-person-block .form-group .currency{position: absolute; right: 1px; line-height: 38px; top: 1px; padding: 0px 12px; color: #000; font-size: 14px; border-radius: 0 4px 4px 0;}
.per-person-block .form-group.input-flex{display: flex; align-items: center;}
.per-person-block .form-group.input-flex label{display: block; margin: 0px; width: 320px; font-size: 15px; color: #848484;}

.free-booking-list-block{margin: 20px 0 0 0;}
.free-booking-list-block .free-booking-list{display: flex; margin-bottom: 10px; align-items: center; }
.free-booking-list-block .free-booking-list .check-block{width: 25%; padding-left: 25px;}
.free-booking-list-block .free-booking-list .check-block input[type="checkbox"].css-checkbox + label.css-checkboxbtn{font-size: 15px; color: #002162;}
.free-booking-list-block .free-booking-list .form-group{margin: 0px 20px 0px 0px; position: relative;}
.free-booking-list-block .free-booking-list .form-group.input-flex{display: flex; align-items: center;}
.free-booking-list-block .free-booking-list .form-group.input-flex label{display: block; margin: 0px; width: 270px; font-size: 15px; color: #848484;}
.free-booking-list-block .free-booking-list .form-group.cost-flex{display: flex; align-items: center;}
.free-booking-list-block .free-booking-list .form-group.cost-flex label{display: block; margin: 0px; width: 70px; font-size: 15px; color: #002162;}

.free-booking-list-block .free-booking-list .form-group .currency{position: absolute; right: 1px; line-height: 38px; top: 1px; padding: 0px 12px; color: #000; font-size: 14px; border-radius: 0 4px 4px 0;}
.free-booking-list-block .free-booking-list .form-group input::-webkit-outer-spin-button,
.free-booking-list-block .free-booking-list .form-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.free-booking-list-block .free-booking-list .form-group input[type=number] {
  -moz-appearance: textfield;
}

.guest-detail-area{padding: 20px !important;}
.guest-detail-area h2{font-size: 24px; line-height: 37px; display: flex; align-items: center; justify-content: space-between; font-weight: 500; margin: 0px 0px 20px 0px;}
.guest-detail-area .bookinginfo-area{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.guest-detail-area .bookinginfo-area .booking-number{color: #000; font-size: 20px; font-weight: 400; line-height: 30px;}
.guest-detail-area .bookinginfo-area .date{color: #000; font-size: 12px; font-weight: 400; line-height: 20px; display: flex; align-items: center;}
.guest-detail-area .bookinginfo-area .date img{margin: 0 7px 0 10px;}
.guest-detail-area .datetime-info{display: flex; align-items: center; margin-bottom: 20px; color: #000; font-size: 15px; font-weight: 500; line-height: 24px;}
.guest-detail-area .datetime-info span{margin-left: 70px; font-weight: 400; display: flex; align-items: center;}
.guest-detail-area .datetime-info span img{margin: 0 10px 0 45px;}
.guest-detail-area .guest-info{background: #D9D9D9; margin: 0 0 15px 0; position: relative; padding-left: 60px; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; padding: 5px 25px 5px 60px;}
.guest-detail-area .guest-info strong{display: block;}
.guest-detail-area .guest-info .icon{width: 50px; height: 50px; background: rgba(0, 33, 98, 0.40); position: absolute; left: 0px; top: 0px; padding: 10px;}
.guest-detail-area .guest-info .icon svg{width: 100%; height: 100%;}
.guest-detail-area .mt-120{margin-top: 120px;}
.guest-detail-area h3{color: #000; font-size: 20px; font-weight: 400; line-height: 30px; margin: 0 0 15px 0;}
.guest-detail-area ul.info-preferences{margin: 0px 0px 20px 0px; padding: 0px; list-style: none;}
.guest-detail-area ul.info-preferences li{color: #000; font-size: 15px; font-weight: 400; line-height: 24px; display: flex; align-items: center; margin: 0 0 15px 0;}
.guest-detail-area ul.info-preferences li img{width: 24px; margin-right: 8px;}

div.dataTables_wrapper div.dataTables_info{display: none;}
#order_dataTables_length,
#payment_dataTables_length,
#booking_dataTables_length{float: left; margin-top: 10px;}
div.dataTables_wrapper div.dataTables_paginate{margin-top: 8px !important;}
.table-main-area{position: relative;}
.table-main-area .table-title{position: absolute;}
.btn-new-branch{
  border-radius: 6px;
  background-color: #F1D3B8 !important;
  border: 1px solid #F1D3B8 !important;
  color: #000;

  text-align: center;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.btn-qr{
  background-color: #F1D3B8 !important;
  color: black !important;
  border: 1px solid black !important;
}
.theme-input-3{
  border-radius: 10px !important;
  border:2px solid #2C174A !important;
  color: #2C174A;
}
.theme-input-2::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}
.theme-input-2{
  background-color: #2C174A !important;
  border:1px solid #2C174A !important;
  color: white !important;
  border-radius: 10px;;
}
.qrcode-page{width: 93%; margin-left: auto; margin-right: auto; padding: 20px !important;}
.qrcode-page h2{font-size: 24px; line-height: 37px; display: flex; align-items: center; justify-content: space-between; font-weight: 400; margin: 0px 0px 20px 0px;}
.qrcode-page h2 a.btn-view{background: #002162; border: none; font-size: 15px; padding: 8px 15px; border-radius: 6px; line-height: 1.5; color: #fff; font-weight: 400; display: flex; align-items: center;}
.qrcode-page h2 a.btn-view svg{margin-right: 10px;}
.qrcode-page h2 a.btn-view i{margin-left: 10px;}
.qrcode-page h2 a.btn-view strong{margin-left: 5px;}

.qrcode-page{padding: 20px !important;}
.qrcode-page p{font-size: 24px; line-height: 37px; display: flex; align-items: center; justify-content: space-between; font-weight: 400; margin: 0px 0px 20px 0px;}
.qrcode-page p a.btn-view{background: #002162; border: none; font-size: 15px; padding: 8px 15px; border-radius: 6px; line-height: 1.5; color: #fff; font-weight: 400; display: flex; align-items: center;}
.qrcode-page p a.btn-view svg{margin-right: 10px;}
.qrcode-page p a.btn-view i{margin-left: 10px;}
.qrcode-page p a.btn-view strong{margin-left: 5px;}

#addqrCode .modal-body{padding: 34px 60px;}

.qrcodeform h3{text-align: center; font-size: 20px; line-height: 30px; font-weight: 500; color: #002162; margin: 0 0 15px 0;}
.qrcodeform #qr-code-preview{width: 120px; height: 120px; margin: 0 auto 15px auto;}
.qrcodeform #qr-code-preview img{width: 100%;}
.qrcodeform .card{border:#E5E5E5 1px solid !important; border-radius: 6px !important; margin-bottom: 10px;}
.qrcodeform .card .card-header{padding: 0px !important; border: none !important;}
.qrcodeform .card .card-header .btn-link{color: #002162; font-size: 16px; line-height: 24px; padding: 22px 35px;}
.qrcodeform .card .card-body{padding: 0 35px 20px 35px;}
.qrcodeform .card .card-body .changeFrame{border: #E5E5E5 1px solid; padding: 10px; width: 80px; height: 80px; margin: 0 20px 0 0;}
.qrcodeform .card .card-body .changeFrame svg{width: 100%; height: 100%;}
.qrcodeform .card .card-body .changeFrame.active{border:#002162 1px solid}
.qrcodeform ul.radio-option{margin: 0px -5px; padding: 0px; display: flex; }
.qrcodeform ul.radio-option li{padding: 0 5px; width: 50%; margin: 0px;}
.qrcodeform input[type=radio].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.qrcodeform input[type=radio].css-radio + label.css-radiobtn{border: 1px solid #E5E5E5; color: #002162; font-size: 16px; font-weight: 500 !important; line-height: 24px; position: relative; margin: 0px; cursor: pointer; width: 100%; text-align: center; padding: 20px; border-radius: 6px;}
.qrcodeform input[type=radio].css-radio + label.css-radiobtn::before{content: none;}
.qrcodeform input[type=radio].css-radio:checked + label.css-radiobtn{background: #002162; color: #fff; border:#002162 1px solid;}
.qrcodeform .select2-container{width: 100% !important; height: 60px;}
.qrcodeform .select2-container .select2-selection--single{height: 100% !important;}
.qrcodeform .select2-container--default .select2-selection--single{border: 1px solid #E5E5E5 !important; border-radius: 6px; padding: 18px 30px !important;}
.qrcodeform .select2-container--default .select2-selection--single .select2-selection__arrow{top: 17px; right: 11px;}
.qrcodeform .card .card-header .btn-link.collapsed .fa{position: absolute; top: 26px; right: 15px; transform: rotate(0deg);}
.qrcodeform .card .card-header .btn-link .fa{position: absolute; top: 26px; right: 15px; transform: rotate(180deg);}
#addqrCode .modal-body .close{opacity: 1;}

#editGuestModal .modal-body,
#addGuestModal .modal-body{position: relative; padding: 48px 100px;}
#addGuestModal .modal-body h3,
#editGuestModal .modal-body h3{font-size: 20px; font-weight: 500;line-height: 30px; text-align: center; color: #000000; margin: 0 0 30px 0;}
#addGuestModal .modal-body .close,
#editGuestModal .modal-body .close{opacity: 1; position: absolute; top: 22px; right: 22px;}

.upload-btn-wrapper {position: relative; overflow: hidden; display: block; width: 320px;}
.upload-btn-wrapper .btn{border: #2C174A 1px solid; color: gray; background-color: white; padding: 55px 20px; border-radius: 8px; font-size: 18px; font-weight: 400; width: 100%; display: flex; flex-direction: column; align-items: center;}
.upload-btn-wrapper .btn svg{margin-bottom: 9px;}
.upload-btn-wrapper input[type=file] {font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;}
.preview-area{width:180px; height: 180px; border: #AEAEAE 1px solid; position: relative; overflow: hidden; border-radius: 8px; margin-left: 20px;}
.preview-area img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain; width: 100%; height: 100%;}

.menu-setting .card-title{display: flex; align-items: center; margin-bottom: 12px; font-size: 20px; font-weight: 500; line-height: 30px; color: #002162;}
.menu-setting .card-title .icon{margin-right: 12px;}
#branchModel .modal-content{border-radius:25px;}
#subCategoryModel .modal-content{border-radius:25px;}
#editCategoryModel .modal-content{border-radius:25px;}
#categoryModel .modal-content{border-radius:25px;}
#itemModel .modal-content{border-radius:25px;}
#availabilityModel .modal-content{border-radius:25px;}
.menu-setting .card{
  border-radius: 6px;
  min-height:200px;
border: 1px solid #D9D9D9;
background: #FFF;
}

.digital-menu-area {display: flex; align-items: center; margin: 0 0 20px 0; color: #000; font-size: 20px; font-weight: 700; justify-content: space-between;}
.digital-menu-area .radio-option{display: flex; margin: 0px; padding: 0px; list-style: none;}
.digital-menu-area .radio-option li{margin-left: 15px; margin-right: 0px;}
.digital-menu-area .submenu-option{display: flex; margin: 0px; padding: 0px; list-style: none;}
.digital-menu-area .submenu-option li{margin-left: 15px; margin-right: 0px;}
.digital-menu-area .submenu-option li .btn-primary{display: flex; align-items: center; padding: 8px 18px;}
.digital-menu-area .submenu-option li .btn-primary svg{margin-right: 10px;}

.branchModelPopup{padding: 56px; position: relative;}
.branchModelPopup h2{font-size: 32px; font-weight: 700; line-height: 48px; text-align: center; margin: 0 0 30px 0;}
.branchModelPopup .select2-container--default .select2-selection--single{border: #BFC7D7 1px solid; border-radius: 4px; height: auto; border-radius: 35px;}
.branchModelPopup .select2-container--default .select2-selection--single .select2-selection__rendered{color: #444; line-height: 16px; font-size: 16px; padding: 10px 10px 6px 10px;}
.branchModelPopup .select2-container--default .select2-selection--single .select2-selection__arrow{top: 10px !important; right: 10px !important;}
.branchModelPopup .close{position: absolute; top: 25px; right: 25px; opacity: 1;}

.categoryModelPopup{padding: 56px; position: relative;}
.categoryModelPopup h2{font-size: 20px; font-weight: 500; line-height: 30px; text-align: center; margin: 0 0 30px 0;}
.categoryModelPopup .close{position: absolute; top: 25px; right: 25px; opacity: 1;}
.categoryModelPopup .select2-container--default .select2-selection--multiple .select2-selection__choice{padding: 0 10px; font-size: 14px; line-height: 32px; background-color: #002162; border: 1px solid #002162; border-radius: 6px;}
.categoryModelPopup .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: #fff; margin-right: 0 !important; margin-left: 20px;}

.subCategoryModelPopup{padding: 56px; position: relative;}
.subCategoryModelPopup h2{font-size: 20px; font-weight: 500; line-height: 30px; text-align: center; margin: 0 0 30px 0;}
.subCategoryModelPopup .close{position: absolute; top: 25px; right: 25px; opacity: 1;}

.itemModelPopup{padding: 56px; position: relative;}
.itemModelPopup h2{font-size: 20px; font-weight: 500; line-height: 30px; text-align: center; margin: 0 0 30px 0;}
.itemModelPopup .close{position: absolute; top: 25px; right: 25px; opacity: 1;}
.itemModelPopup .variation-container{border:#aeaeae 1px dashed; padding: 10px 20px; border-radius: 6px; margin-bottom: 15px;}
.itemModelPopup .variation-container h3{font-size: 15px; line-height: 22px; color: #000000; font-weight: 500; margin: 0 0 10px 0;}
.itemModelPopup .variation-container .toppings{border: #aeaeae 1px dashed; padding: 10px 15px 1px 15px; margin-bottom: 10px; border-radius: 6px; position: relative;}
.itemModelPopup .variation-container .toppings .remove{position: absolute; right: 15px; top: 8px; font-size: 20px; color: red;}
.itemModelPopup .variation-container .toppings label{font-size: 12px;}
.itemModelPopup .variation-container .toppings input{font-size: 13px;}
.itemModelPopup .select2-container--default .select2-selection--multiple .select2-selection__choice{padding: 0 10px; font-size: 14px; line-height: 32px; background-color: #002162; border: 1px solid #002162; border-radius: 6px;}
.itemModelPopup .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: #fff; margin-right: 0 !important; margin-left: 20px;}

.itemlistpopup{padding: 56px; position: relative;}
.itemlistpopup .text-center{width: 100%;}
.itemlistpopup h3{font-size: 20px; font-weight: 500; line-height: 30px; text-align: center; margin: 0 0 30px 0;}
.itemlistpopup .close{position: absolute; top: 25px; right: 25px; opacity: 1;}
.itemlistpopup .table td{border-top: none; padding: 10px 0;}
.itemlistpopup .table td:last-child{text-align: right;}

.voucherModelPopup{padding: 56px; position: relative;}
.voucherModelPopup h2{font-size: 20px; font-weight: 500; line-height: 30px; text-align: center; margin: 0 0 30px 0;}
.voucherModelPopup .close{position: absolute; top: 25px; right: 25px; opacity: 1;}

table{border: none !important;}
table td{vertical-align: middle !important; font-size: 15px; line-height: 24px; font-weight: 500; color: #000;}
table td i{margin-right: 10px;}
table.sub-sort{margin: 0px;}
table .action-td{text-align: right;  width:250px; padding-right: 42px;}
table .action-td .d-flex{align-items: center; justify-content: flex-end;}
table .action-td a{margin-right: 15px;}
table .middle-td{width: 400px;}

table.sub-sort .product-table tr{border: none;}
table.sub-sort .product-table td{border: none;}
table.sub-sort .product-table tr td:first-child{padding-left: 76px !important;}

.sub-cate-table tbody.sortable-sub-cat tr{border: none;}
.sub-cate-table tbody.sortable-sub-cat tr td{border: none; border-bottom: 1px solid #dee2e6;}
.sub-cate-table tbody.sortable-sub-cat tr:last-child td{border: none !important;}
.sub-cate-table tbody.sortable-sub-cat tr td:first-child{padding-left: 40px;}

table .action-td input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
table .action-td input[type=checkbox].css-checkbox + label.css-checkboxbtn{ position: relative; margin: 0px; cursor: pointer;width: 22px;height: 12px; border-radius: 15px; border: #002162 2px solid; padding: 0px;}
table .action-td input[type=checkbox].css-checkbox + label.css-checkboxbtn::before{content: ''; width: 6px; height: 6px; border-radius: 3px; background: #002162; position: absolute; top: 1px; left: 1px}
table .action-td input[type=checkbox].css-checkbox:checked + label.css-checkboxbtn{background: #002162;}
table .action-td input[type=checkbox].css-checkbox:checked + label.css-checkboxbtn::after{content: none;}
table .action-td input[type=checkbox].css-checkbox:checked + label.css-checkboxbtn::before{background-color: #fff; left: 11px; border: none;}
.btn-add-cate{display: flex; align-items: center;}
.btn-add-cate svg{margin-right: 10px;}

.availabilityPopup{padding: 56px; position: relative;}
.availabilityPopup h2{font-size: 20px; font-weight: 500; line-height: 30px; text-align: center; margin: 0 0 30px 0;}
.availabilityPopup .close{position: absolute; top: 25px; right: 25px; opacity: 1;}
.availabilityPopup ul.availability-list{margin:20px 0px;  list-style: none; padding: 35px 40px; background: #2C174A; border-radius: 6px;}
.availabilityPopup ul.availability-list li .check-block{  display: flex;}
.availabilityPopup ul.availability-list li{margin: 0px 0 30px 0;}
.availabilityPopup ul.availability-list li:first-child{margin: 0px 0px 20px 0px; padding-bottom: 20px; border-bottom: #AEAEAE 1px solid;}
.availabilityPopup ul.availability-list li:last-child{margin: 0px;}

ul.order-list{margin: 0px -20px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
ul.order-list li{padding: 0 20px; margin-bottom: 40px; width: 33.33%; display: flex; align-items: stretch;}

.order-block{border: #002162 1px solid; width: 100%; background: #FFFCFC; position: relative;}
.order-block .cancelled-icon{display: none;}
.order-block .order-title{padding: 15px; font-size: 22px; line-height: 32px; color: #002162; font-weight: 500;}
.order-block .bottom-part{border-top:#002162 1px solid; padding: 8px 20px; display: flex; align-items: center; justify-content: space-between;}
.order-block .bottom-part input[type="checkbox"].css-checkbox + label.css-checkboxbtn{color: #47B703; text-transform: uppercase; font-weight: 600;}
.order-block .bottom-part .paid-check{display: flex;}
.order-block .bottom-part .btn-right{display: flex; align-items: center;}
.order-block .bottom-part .btn-right a{margin-left: 15px;}

.order-block ul.order-item{margin: 0px; padding: 0px 10px 0px 0px; list-style: none; border-top: #002162 1px dashed; height: 201px; overflow-y: scroll;}
.order-block ul.order-item li{width: 100%; font-size: 15px; line-height: 24px; margin: 0px; padding: 0px; color: #002162; font-weight: 400; border-bottom: #002162 1px dashed; display: flex; justify-content: space-between;}
.order-block ul.summary-list{margin: 0px; padding: 0px; list-style: none;}
.order-block ul.summary-list li{width: 100%; font-size: 12px; line-height: 20px; margin: 0px; padding: 0px; color: #002162; font-weight: 400;}
.order-block ul.summary-list li.price{font-weight: 600; color: #E60012; display: flex; justify-content: space-between; margin-top: 5px;}
.order-block .content-area{display: flex; flex-direction: column; min-height: 350px; justify-content: space-between; padding: 0 15px 15px 15px;}

.order-block.order-pending{background: #FFFCFC;}

.order-block.order-cancelled{background: #EBEBED;}
.order-block.order-cancelled .cancelled-icon{display: block; position: absolute; top: 50%; left: 50%; margin-left: -140px; margin-top: -125px;}


.order-block.paid-order-fulfilled{background: #EBEBED;}
.order-block.paid-order-fulfilled ul.summary-list li.price{color: #47B703;}

.order-block.order-fulfilled{background: #FFEDED; border: #E60012 1px solid;}
.order-block.order-fulfilled .bottom-part{border-top: #E60012 1px solid;}
.order-block.order-fulfilled ul.order-item{border-top: #E60012 1px dashed;}
.order-block.order-fulfilled ul.order-item li{border-bottom: #E60012 1px dashed;}

.subscription-page{padding: 20px !important;}
.subscription-page .subscription-plan{width: 100%; background-color: white; color:black !important; border-radius:10px; padding: 30px 40px; margin: 0 0 20px 0;}
.subscription-page .subscription-plan h3{font-size: 22px; line-height: 33px; color: black; margin: 0 0 7px 0; font-weight: 500;}
.subscription-page .subscription-plan ul{margin: 0px; padding: 0px; list-style: none;  color: black;}
.subscription-page .subscription-plan ul li{margin: 0px; padding: 0px; font-size: 18px; line-height: 34px; font-weight: 400;  color: black;}
.subscription-page h2{font-size: 24px; line-height: 37px; font-weight: 400; margin: 0px;}
.subscription-page .title-dropdown{margin: 0px 0px 20px 0px; display: flex; align-items: center; justify-content: space-between; }
.subscription-page .title-dropdown .form-control{border-radius: 25px; width: 300px; height: 34px; padding: 0px 15px; font-size: 12px; color: #002162; font-weight: 600;}
.subscription-page ul.plan-list{display: flex; margin: 0 -9px; padding: 0px; list-style: none; flex-wrap: wrap;}
.subscription-page ul.plan-list li{width: 25%; padding: 0 9px;}
.subscription-page ul.plan-list li .plan-block { background: #2C184B; border-radius: 10px; padding: 20px; display: flex; flex-direction: column; height: 100%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.subscription-page ul.plan-list li .plan-block:hover{transform: scale(1.02, 1.02);-webkit-transform: scale(1.02, 1.02); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; box-shadow: 0 1rem 3rem rgba(0,0,0,.50) !important;}
.subscription-page ul.plan-list li .plan-block .plan-title{text-align: center; font-weight: 500; color:white; font-size: 30px; line-height: 45px; margin: 10px 0;}
.subscription-page ul.plan-list li .plan-block .price{font-size: 30px; line-height: 48px; color: white; font-weight: 700; text-align: center; margin-bottom: 15px;}
.subscription-page ul.plan-list li .plan-block .price span{font-size: 14px; margin:0 6px; font-weight: 400;}
.subscription-page ul.plan-list li .plan-block p{font-size: 10px; line-height: 16px; color: white; font-weight: 400; text-align: center; border-top: white 1px dotted; padding: 15px 0; margin: 0px 0px ;}
.subscription-page ul.plan-list li .plan-block ol{min-height: 300px; margin: 0px 0px 24px 0px; padding: 0px; list-style: none;  border-top:white 1px dotted;}
.subscription-page ul.plan-list li .plan-block ol li{width: 100%; font-size: 16px; line-height: 24px; font-weight: 400; color: white; padding: 8px 0; text-align: center; border-bottom:#002162 1px dotted ;}
.subscription-page ul.plan-list li .plan-block .btn-plan{background: white; border-radius: 6px; font-size: 14px; line-height: 22px; padding: 10px; width: 100%; color: black; text-align: center; font-weight: 500;}
.content-theme{
  width: 93%;
  margin-left: auto;
  margin-right: auto;
}
.billing-page{padding: 20px !important;}
.billing-page h2{font-size: 24px; line-height: 37px; font-weight: 400; margin: 0px 0px 10px 0px;}
.billing-page ul.billing-info{margin: 0px 0px 25px 0px; padding: 0px; list-style: none;}
.billing-page ul.billing-info li{font-size: 18px; line-height: 34px; font-weight: 400; color: black;}
.billing-page ul.billing-info li input[type="checkbox"].css-checkbox + label.css-checkboxbtn{font-size: 18px; font-weight: 400; color: #002162;}
.billing-page ul.billing-info li .check-block {margin-left: 185px;}
.billing-page h3{font-size: 20px; line-height: 30px; font-weight: 600; color: #002162; margin: 0 0 20px 0;}

.bankaccount-area{width: 100%; background-color: #2C184B; border-radius:10px; padding: 30px 40px; margin: 0 0 20px 0;}
.bankaccount-area ul{margin: 0px 0px 15px 0px; padding: 0px; list-style: none;}
.bankaccount-area ul li{margin: 0px; padding: 0px; font-size: 18px; line-height: 34px; font-weight: 400; color: #fff;}
.bankaccount-area ul li span {font-size: 13px; padding: 3px 10px; border-radius: 5px; font-weight: 700;}
.bankaccount-area .btn-block{background: #3A78F2; border-radius: 6px; font-size: 14px; line-height: 22px; padding: 10px 30px; color: #fff; text-align: center; font-weight: 500; display: inline-block; width: auto; margin: 0px;}
.bankaccount-area .btn-block.btn-bank{background: #47B703;}
.bankaccount-area .btn-block.btn-pending{background: #9000ff;}
/* .bankaccount-area .rejected{background: red;}
.bankaccount-area .pending{background: #9000ff;}
.bankaccount-area .approved{background: blue;}
.bankaccount-area .bankError{color: red;} */

.theme-position-relative {
  position: relative;
}
h1.theme-page-title{text-transform: uppercase !important; color:#000;font-family: Poppins; font-size: 30px; font-weight: 700; line-height: 36px; width: 93%; padding: 20px;
  display: flex; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto;}
h1.theme-page-title a{background: #000; border: none; font-size: 15px; padding: 8px 30px; border-radius: 6px;}

.theme-search-icon {
  position: absolute;
  top: 50%;
  right: 10px; /* Adjust for desired spacing */
  transform: translateY(-50%);
  pointer-events: none; /* Prevent the icon from blocking input interactions */
}

.form-control.theme-input-search {
  padding-right: 35px; /* Add padding to avoid overlapping the icon */
  border-radius: 10px !important;
  border:2px solid #2C174A !important;

}


.save-card-area{width: 100%; background-color: #2C184B; border-radius:10px; padding: 30px 40px; margin: 0 0 20px 0;}
.save-card-area h2{font-size: 22px; line-height: 32px; color: #fff; font-weight: 500; margin: 0 0 12px 0;}
.save-card-area .card-block{display: flex; margin-bottom: 20px;}
.save-card-area .card-block .card-img{width: 68px; height: 68px; background: #fff; border-radius: 5px;}
.save-card-area .card-block .card-info{padding-left: 16px;}
.save-card-area .card-block p{font-size: 18px; line-height: 34px; font-weight: 400; color: #fff; margin: 0px;;}
.save-card-area .btn-block{background: #3A78F2; border-radius: 6px; font-size: 14px; line-height: 22px; padding: 10px 30px; color: #fff; text-align: center; font-weight: 500; display: inline-block; width: auto; margin: 0px;}
.save-card-area .btn-block.btn-addcard{background: #47B703;}