@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: #2C184B; */
  background: white;
}

.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: #F4F4F4;
  padding: 0px;
}

h1.page-title {
  color: #2C184B;
  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: #2C184B;
  border: none;
  font-size: 15px;
  padding: 8px 30px;
  border-radius: 6px;
}

.card {
  box-shadow: none;
  margin-bottom: 1rem;
  /* border: # 1px solid; */
  border-radius: 10px;
}

.card .card-body {
  padding: 30px;
}

.card h2 {
  color: #2C184B;
  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, #2C184B);
  background: var(--Color-2, #2C184B);
  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: #2C184B;
  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: #2C184B 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: #2C184B;
  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: #2C184B;
  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: #2C184B;
  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 #2C184B;
  background: transparent;
  position: absolute;
  top: 4px;
  left: 5px
}

.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: white;
  border-radius: 4px
}

.enable-booking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: #BFC7D7 1px solid;
  border-radius: 10px;
  ;
  padding: 7px;
  margin-top: 15px;
}

.enable-booking span {
  color: #2C184B;
  font-size: 14px;
  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 #2C184B !important;
    border-left:  0.5px solid #2C184B !important;
    border-right:  0.5px solid #2C184B !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 #2C184B !important;
  border-right:  0.5px solid #2C184B !important; */
}

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

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

.table-theme th {
  border-top: 0.5px solid #2C184B !important;
  background: var(--Color-2, #2C184B);
  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 #2C184B !important;
}

.table-theme th:last-child {
  border-top-right-radius: 10px !important;
  border-right: 0.5px solid #2C184B !important;
}

.table-theme tbody tr td {
  border-bottom: 0.5px solid #2C184B !important;
}

.table-theme tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px !important;
  border-left: 0.5px solid #2C184B !important;
}

.table-theme tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px !important;
  border-right: 0.5px solid #2C184B !important;
}

.table-theme thead th {
  color: white !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  background-color: #2C184B !important;
}

.table-theme tbody tr td:nth-child(1) {
  /* border-radius: 0px 0px 0px 10px !important; */
  border-left: 0.5px solid #2C184B !important;
}

.table-theme tbody tr td:last-child {
  border-right: 0.5px solid #2C184B !important;
}

.background-theme {
  background-color: #2C184B !important;
}

.btn-theme {
  background-color: #2C184B !important;
  color: white;
}

.btn-theme-inner {
  background-color: white !important;
  border-color: #2C184B !important;
  font-weight: 400;
  color: #2C184B;
}

.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: #2C184B;
  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: #2C184B !important;
  background-color: #F0ECFD !important;
  border: 1px solid #F0ECFD !important;
}

.theme-content {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
}

.theme-input-search {
  border-radius: 10px !important;
  border: 1px solid #2C184B !important;
}

.theme-input {
  border-radius: 8px !important;
  border: 1px solid #E2E2E2 !important;
  color: #2C184B !important
}

.cancel-btn {
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #2c184b;
  color: #2c184b;
  border-radius: 7px;
  padding: 5px 10px;
  background-color: #fff;
  margin: 0 !important;
}

.cancel-btn:hover {
  color: #2c184b;
}

.wishlist-btn {
  font-size: 16px;
  font-weight: 500;
  background-color: #2c184b;
  color: #fff;
  border: none;
  border-radius: 7px;
  padding: 8px 15px;
  margin: 0;
  transition: background-color 0.3s ease;
}

.wishlist-btn:hover {
  background-color: #13042b;
  color: #fff;
}

.wishlist-btn[data-mode='delete'] {
  background-color: #ef1414 !important;
  transition: background-color 0.3s ease !important;
}

.wishlist-btn[data-mode='delete']:hover {
  background-color: #b60219 !important;
}

.theme-heading-middle {
  border-radius: 5px !important;
  border: 1px solid #2C184B !important;
  color: white !important;
  height: 40px;
  line-height: 30px;
  ;
  background-color: #2C184B !important;
}

.theme-heading-middle label {
  padding: 5px;
  ;
}

.theme-save-btn {
  background-color: #08C182 !important;
  color: white !important;


}

/* Collapsed (default) */
#customSidebarBtn.collapsed {
  left: calc(var(--sidebar-width, 260px) + var(--sidebar-toggle-offset, -14px));
  top: 15px;
  background: #ffffff;
  transition: all 0.3s ease;
  position: fixed;
}

/* Expanded (sidebar collapsed state) */
#customSidebarBtn.expanded {
  left: calc(var(--sidebar-collapsed-width, 84px) + var(--sidebar-toggle-offset, -14px));
  top: 15px;
  background: #eee;
  transition: all 0.3s ease;
  position: fixed;
}

/* Optional: change arrow direction */
#customSidebarBtn.expanded .arrow-path {
  transform: rotate(180deg);
  transform-origin: center;
  transition: transform 0.3s ease;
}


.main-sidebar {
  z-index: 1 !important;
}

.main-header {
  z-index: 2 !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: white !important;
  padding: 12px 22px;
}

.bs-stepper-header.inner-tab .step-trigger {
  background-color: white !important;
  color: black;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 4px;
  border-radius: 10px;
  border: 1px solid #cbcbcb !important;
  padding: 10px 15px;
}

.bs-stepper-header.inner-tab .step.active .step-trigger {
  background-color: #ffff !important;
  border-color: #298036;
  border: 1px solid;
  color: #298036;
  border-radius: 10px;
  padding: 10px;
}

.bs-stepper-header.inner-tab .step .step-trigger:hover {
  background-color: #ffff !important;
  border-color: #298036;
  color: #298036;

}

.bs-stepper-content {
  background: #fff !important;
  width: 90%;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
}

.bs-stepper-content h4 {
  color: #2C184B;
  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: #2C184B;
  border: none;
  font-size: 15px;
  color: white;
  padding: 8px 30px;
  font: Poppins;
  border-radius: 6px;
}

.btn-primary:focus {
  background: #381f5e;
  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;
}

.icon-eye {
  display: inline-block;
  width: 25px;
  height: 24px;
  background-color: #2C184B;
  /* SVG fill color */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6693 4C16.8053 4.003 20.5193 6.902 22.6053 11.756C22.6873 11.945 22.6873 12.159 22.6053 12.348C20.5203 17.203 16.8053 20.102 12.6693 20.105H12.6633C8.52725 20.102 4.81325 17.203 2.72725 12.348C2.64625 12.159 2.64625 11.945 2.72725 11.756C4.81325 6.902 8.52825 4.003 12.6633 4H12.6693ZM12.6663 5.5C9.23025 5.501 6.09625 7.944 4.23625 12.052C6.09625 16.161 9.22925 18.604 12.6663 18.605C16.1033 18.604 19.2363 16.161 21.0963 12.052C19.2363 7.944 16.1033 5.501 12.6663 5.5ZM12.666 8.1408C14.823 8.1408 16.578 9.8958 16.578 12.0528C16.578 14.2088 14.823 15.9628 12.666 15.9628C10.509 15.9628 8.75495 14.2088 8.75495 12.0528C8.75495 9.8958 10.509 8.1408 12.666 8.1408ZM12.666 9.6408C11.336 9.6408 10.255 10.7228 10.255 12.0528C10.255 13.3818 11.336 14.4628 12.666 14.4628C13.996 14.4628 15.078 13.3818 15.078 12.0528C15.078 10.7228 13.996 9.6408 12.666 9.6408Z" fill="black"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6693 4C16.8053 4.003 20.5193 6.902 22.6053 11.756C22.6873 11.945 22.6873 12.159 22.6053 12.348C20.5203 17.203 16.8053 20.102 12.6693 20.105H12.6633C8.52725 20.102 4.81325 17.203 2.72725 12.348C2.64625 12.159 2.64625 11.945 2.72725 11.756C4.81325 6.902 8.52825 4.003 12.6633 4H12.6693ZM12.6663 5.5C9.23025 5.501 6.09625 7.944 4.23625 12.052C6.09625 16.161 9.22925 18.604 12.6663 18.605C16.1033 18.604 19.2363 16.161 21.0963 12.052C19.2363 7.944 16.1033 5.501 12.6663 5.5ZM12.666 8.1408C14.823 8.1408 16.578 9.8958 16.578 12.0528C16.578 14.2088 14.823 15.9628 12.666 15.9628C10.509 15.9628 8.75495 14.2088 8.75495 12.0528C8.75495 9.8958 10.509 8.1408 12.666 8.1408ZM12.666 9.6408C11.336 9.6408 10.255 10.7228 10.255 12.0528C10.255 13.3818 11.336 14.4628 12.666 14.4628C13.996 14.4628 15.078 13.3818 15.078 12.0528C15.078 10.7228 13.996 9.6408 12.666 9.6408Z" fill="black"/></svg>') no-repeat center / contain;
}

.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: #2C184B;
  margin: 0px 0px 15px 0px;
}

.text-red {
  color: #2C184B !important;
}

.text-green {
  color: #126425 !important;
}

.inner-page-tab {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px;
  display: flex;
  background: #FFFFFF;
  padding: 16px;
}

.inner-page-tab a {
  background-color: white;
  color: #2C184B;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding: 10px 18px;
  margin-left: 4px;
  border-radius: 12px;
  border: 1px solid #EFEFEF;
}

.inner-page-tab a.active {
  font-weight: 600;
  background-color: #EAF6EF;
  border: 1px solid #066C49;
  color: #066C49 !important;
  border-radius: 12px;
  padding: 10px;
}

.content-inner {
  background-color: white;
  border-radius: 10px;
  ;
}

.csv-btn {
  color: #2c184b !important;
  background-color: #fff !important;
  border: 1px solid #efefef !important;
  padding: 1px 11px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 10px;



}


.table-container table {
  min-width: 1000px;
  /* force scroll if table has too many columns */
}


.table-container {
  border: 1px solid #e7e6e6;
  border-radius: 10px;
  /* min-height: 300px; */
  overflow-x: auto;
  width: 100%;
  /* Ensure inner content respects rounded corners */
  background-color: #fff;
  /* Prevent background bleed at rounded edges */
}

.table-container-wrapper .table-header {
  padding: 10px 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table-container-wrapper .table-container .table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px !important;
  background-color: #fff;
}

.table-container-wrapper .table-header .table-title,
.queue-box-container .table-title {
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #2c184b !important;
  text-wrap: nowrap;
}

.table-container .table-header .header-details .table-title {
  font-weight: 500 !important;
  font-size: 20px !important;
  color: #2c184b;
  margin: 0 !important;
  text-wrap: nowrap;
}

.table-container .table-header .header-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.table-container .table-header .header-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.icon-pencil {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2.31128 15.1984C2.34932 14.8561 2.36833 14.685 2.42012 14.525C2.46606 14.3831 2.53097 14.248 2.6131 14.1235C2.70566 13.9831 2.82742 13.8614 3.07094 13.6179L14.0031 2.68577C14.9174 1.77141 16.3999 1.77141 17.3142 2.68577C18.2286 3.60013 18.2286 5.08259 17.3142 5.99695L6.38212 16.929C6.1386 17.1726 6.01684 17.2943 5.87647 17.3869C5.75194 17.469 5.61688 17.5339 5.47496 17.5799C5.31499 17.6316 5.14385 17.6507 4.80156 17.6887L2 18L2.31128 15.1984Z" stroke="%2309C283" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
  background-size: contain;
}

.icon-trash {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M12.2008 4.2V3.56C12.2008 2.66392 12.2008 2.21587 12.0264 1.87362C11.873 1.57256 11.6282 1.32779 11.3272 1.17439C10.9849 1 10.5369 1 9.64078 1H8.36078C7.4647 1 7.01666 1 6.6744 1.17439C6.37334 1.32779 6.12857 1.57256 5.97517 1.87362C5.80078 2.21587 5.80078 2.66392 5.80078 3.56V4.2M7.40078 8.6V12.6M10.6008 8.6V12.6M1.80078 4.2H16.2008M14.6008 4.2V13.16C14.6008 14.5041 14.6008 15.1762 14.3392 15.6896C14.1091 16.1412 13.7419 16.5083 13.2904 16.7384C12.777 17 12.1049 17 10.7608 17H7.24078C5.89666 17 5.22459 17 4.7112 16.7384C4.25961 16.5083 3.89246 16.1412 3.66237 15.6896C3.40078 15.1762 3.40078 14.5041 3.40078 13.16V4.2" stroke="%23EF1414" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
  background-size: contain;
}

.search-input-wrapper {
  position: relative;

}

.paginate_button a {
  color: #64748B !important;
  background-color: white;
}

.page-item.previous .page-link {
  border: 1px solid #64748B;
  color: #64748B;
  border-radius: 8px;
  margin-right: 10px;
}

.page-item.previous.active .page-link {
  border: 1px solid #2C184B;
  color: #64748B;
  border-radius: 8px;
  margin-right: 10px;
}

.page-item.next .page-link {
  border: 1px solid #64748B;
  color: #64748B;
  border-radius: 8px;
  margin-left: 10px;
}

.page-item.next.active .page-link {
  border: 1px solid #2C184B;
  color: #64748B;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
}

.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 999999 !important;
}

.swal2-cancel {
  content: "";
  background-color: #FFFFFF !important;
  border: 1px solid #2C184B !important;
  color: transparent;
  border-radius: 8px;
  position: absolute !important;
  left: 10px !important;
  bottom: 23px !important;
  box-shadow: none;
  bottom: 10px;

}

.swal2-popup {
  min-height: 230px !important;
}

.pagination {
  margin-right: 10px !important;
}

.page-item.active .page-link {
  color: #2C184B !important;
  background-color: white;
}

.page-item .page-link:hover {
  background-color: #ddd !important;
  border-radius: 8px;

}

/* .swal2-styled.swal2-confirm:focus {
  box-shadow: none !important;
}

.swal2-styled.swal2-confirm {
  background-color: red !important;
  position: absolute !important;
  right: 10px;
  bottom: 10px;
} */

.icon-check {
  display: inline-block;
  width: 25px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8251_40137)"><path d="M4.60693 13.5L9.85693 18.75L21.8569 6.75" stroke="%232A85FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_8251_40137"><rect width="24" height="24" fill="white" transform="translate(0.856934)"/></clipPath></defs></svg>') no-repeat center;
  background-size: contain;
}

.icon-cross {
  display: inline-block;
  width: 16px;
  /* size */
  height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M2 2L14 14' stroke='%23EF1414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M14 2L2 14' stroke='%23EF1414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
  background-size: contain;
}



.icon-whatsapp {
  display: inline-block;
  width: 25px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.60742 9.75C7.60742 8.95435 7.92349 8.19129 8.4861 7.62868C9.04871 7.06607 9.81177 6.75 10.6074 6.75L12.1074 9.75L10.9524 11.4816C11.4106 12.5763 12.2811 13.4468 13.3759 13.905L15.1074 12.75L18.1074 14.25C18.1074 15.0456 17.7914 15.8087 17.2287 16.3713C16.6661 16.9339 15.9031 17.25 15.1074 17.25C13.1183 17.25 11.2106 16.4598 9.80412 15.0533C8.3976 13.6468 7.60742 11.7391 7.60742 9.75Z" stroke="%2325D366" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.35098 19.7934C10.2415 20.8875 12.4654 21.2568 14.608 20.8324C16.7507 20.4079 18.6659 19.2187 19.9965 17.4865C21.3271 15.7543 21.9824 13.5973 21.8401 11.4177C21.6978 9.23801 20.7677 7.18448 19.2232 5.63996C17.6786 4.09543 15.6251 3.16532 13.4455 3.02303C11.2658 2.88075 9.1088 3.536 7.37659 4.86663C5.64437 6.19726 4.45519 8.11243 4.03075 10.2551C3.60631 12.3977 3.97559 14.6216 5.06973 16.5121L3.89692 20.0137C3.85285 20.1459 3.84645 20.2877 3.87845 20.4232C3.91045 20.5588 3.97957 20.6828 4.07807 20.7813C4.17657 20.8798 4.30056 20.9489 4.43614 20.9809C4.57171 21.0129 4.71352 21.0065 4.84567 20.9625L8.35098 19.7934Z" stroke="%2325D366" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  background-size: contain;
}

.icon-sms {
  display: inline-block;
  width: 25px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6320_35267)"><path d="M9.85742 10.5H15.8574" stroke="%232C184B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.85742 13.5H15.8574" stroke="%232C184B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.35098 19.7934C10.2415 20.8875 12.4654 21.2568 14.608 20.8324C16.7507 20.4079 18.6659 19.2187 19.9965 17.4865C21.3271 15.7543 21.9824 13.5973 21.8401 11.4177C21.6978 9.23801 20.7677 7.18448 19.2232 5.63996C17.6786 4.09543 15.6251 3.16532 13.4455 3.02303C11.2658 2.88075 9.1088 3.536 7.37659 4.86663C5.64437 6.19726 4.45519 8.11243 4.03075 10.2551C3.60631 12.3977 3.97559 14.6216 5.06973 16.5121L3.89692 20.0137C3.85285 20.1459 3.84645 20.2877 3.87845 20.4232C3.91045 20.5588 3.97957 20.6828 4.07807 20.7813C4.17657 20.8798 4.30056 20.9489 4.43614 20.9809C4.57171 21.0129 4.71352 21.0065 4.84567 20.9625L8.35098 19.7934Z" stroke="%232C184B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_6320_35267"><rect width="24" height="24" fill="white" transform="translate(0.857422)"/></clipPath></defs></svg>') no-repeat center center;
  background-size: contain;
}

.swal2-cancel {
  color: transparent !important;   /* hide native text */
  position: relative;              /* needed for ::after */
}

.swal2-cancel::after {
  content: "Keep it";
  /* new text */
  color: #2C184B;
  /* pick a visible color */
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 13px;
  transform: translate(-50%, -50%);
}

.swal2-icon-show {
  display: none !important;
}

.search-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  font-size: 16px;
  z-index: 2;
}

.search-input {
  width: 360px !important;
  padding: 5px 15px 5px 45px !important;
  border: 1px solid #efefef;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.search-input::placeholder {
  color: #64748b;
  font-size: 14px;
  font-weight: 400;
}

/* .bs-stepper-header.inner-tab{width: 90%;margin-left: auto;margin-right: auto;border-radius: 10px; display: flex; background: #2C184B; padding: 0 1.5rem;} */
/* .bs-stepper-header.inner-tab .step-trigger{background-color: #2C184B; 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: #2C184B;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: #2C184B !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: #2C184B;
  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: #2C184B;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  padding-left: 24px;
  margin: 0px;
  cursor: pointer;
}

input[type=radio].css-radio:checked+label.css-radiobtn::before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 5px solid #066c49 !important;
  color: #066c49 !important;
  background: #EAF6EF;
  position: absolute;
  top: 6px;
  left: 6px
}

input[type=radio].css-radio+label.css-radiobtn::before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 3px solid #D9D9D9;
  background: transparent;
  position: absolute;
  top: 4px;
  left: 5px
}

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: #2C184B;
  border-radius: 2px
}

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

.statistics-area {
  margin: 0 0 25px 0;
}

.statistic-block {

  font-size: 14px;
  color: #2C184B;

  font-weight: 500;
  line-height: 21px;
  position: relative;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-left: 18px;
  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: #2C184B;
  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: #2C184B;
  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;
  border-radius: 10px;

}

.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;
  margin-top: 30px !important;
}

.availability-area .week-tab,
.availability-area .date-tab {
  display: none;
}
input[type=radio].css-radio+label.week-tab-radio::before{
    top: 6px !important;
    left: 8px !important;
}
.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: #2C184B;
  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: #2C184B;
}

.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: #2C184B;
}

.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: #2C184B;
}

.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,

#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: 8px !important;
  border: 1px solid #E2E2E2 !important;
  color: #2C184B;
}

.theme-input-2::placeholder {
  color: white;
  opacity: 1;
  /* Firefox */
}

.theme-input-2 {
  background-color: #2C184B !important;
  border: 1px solid #2C184B !important;
  color: white !important;
  border-radius: 10px;
  ;
}

.qrcode-page {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px !important;
}

/* .content-inner .qrcode-page {
  min-height: calc(100vh - 180px);
} */

.table-container {
  /* min-height: calc(100vh - 350px); */
}

.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: #2C184B;
  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: #2C184B;
  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: #2C184B;
  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: #2C184B;
  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: #2C184B 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: #2C184B;
  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: #2C184B;
  color: #fff;
  border: #2C184B 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;
}

.icon-download {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6289_35677)"><path d="M17.25 12H21C21.1989 12 21.3897 12.079 21.5303 12.2197C21.671 12.3603 21.75 12.5511 21.75 12.75V18.75C21.75 18.9489 21.671 19.1397 21.5303 19.2803C21.3897 19.421 21.1989 19.5 21 19.5H3C2.80109 19.5 2.61032 19.421 2.46967 19.2803C2.32902 19.1397 2.25 18.9489 2.25 18.75V12.75C2.25 12.5511 2.32902 12.3603 2.46967 12.2197C2.61032 12.079 2.80109 12 3 12H6.75" stroke="%232C184B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 2.25V12" stroke="%232C184B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 7.5L12 12L16.5 7.5" stroke="%232C184B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.625 16.875C18.2463 16.875 18.75 16.3713 18.75 15.75C18.75 15.1287 18.2463 14.625 17.625 14.625C17.0037 14.625 16.5 15.1287 16.5 15.75C16.5 16.3713 17.0037 16.875 17.625 16.875Z" fill="%232C184B"/></g><defs><clipPath id="clip0_6289_35677"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') no-repeat center;
  background-size: contain;
}


.upload-btn-wrapper .btn {
  border: #2C174A 1px dashed;
  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;
  border-radius: 10px !important;
  line-height: 30px;
  color: #2C184B;
}

.menu-setting .card-body {
  background-color: #F0ECFD;
  border: none;
}

.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-radius: 10px !important;
  border: 1px solid #F0ECFD;
  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;
}

.main-sidebar {
  height: inherit;
  min-height: 101% !important;
  position: absolute;
  top: 0;
}

.theme-content-inner {
  padding: 15px;
  width: 100%;
  background-color: #fff !important;
  margin-top: 10px !important;
  border-radius: 10px;
}

.btn-theme-simple {
  border: 1px solid #EFEFEF !important;
  border-radius: 10px !important;
  background-color: #ffff !important;
  color: black !important;
}

.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: #EFEFEF;
  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: #2C184B;
  border: 1px solid #2C184B;
  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: #2C184B;
  border: 1px solid #2C184B;
  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;
  white-space: nowrap;
}

.sub-cate-table tbody.sortable-sub-cat tr td:first-child .drop-icon,
.sub-cate-table tbody.sortable-sub-cat tr td:first-child i {
  display: inline;
  white-space: nowrap;
}

/* Prevent wrapping in main table category rows */
table.main-table tbody tr td:first-child {
  white-space: nowrap;
}

table.main-table tbody tr td:first-child .drop-icon,
table.main-table tbody tr td:first-child i {
  display: inline;
  white-space: nowrap;
}

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: #08C182 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: #08C182;
  position: absolute;
  top: 1px;
  left: 1px
}

table .action-td input[type=checkbox].css-checkbox:checked+label.css-checkboxbtn {
  background: #08C182;
}

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: #2C184B;
  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: #2C184B 1px solid; */
  width: 100%;
  background: #FFFCFC;
  border-radius: 10px;
  position: relative;
}

.order-block .cancelled-icon {
  display: none;
}

.order-block .order-title {
  padding: 15px;
  font-size: 22px;
  line-height: 32px;
  color: #2C184B;
  font-weight: 500;
}

.btn-theme-unfill {
  border: 1px solid #2C184B !important;
  color: #2C184B !important;
  border-radius: 10px;
}

.order-block .bottom-part {
  /* border-top: #2C184B 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: #2C184B 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: #2C184B;
  font-weight: 400;
  border-bottom: #2C184B 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: #2C184B;
  font-weight: 400;
}

.order-block ul.summary-list li.price {
  font-weight: 400;
  color: #64748B;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.price {
  font-weight: 400;
  color: #64748B;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.price-value {
  color: #2C184B !important;
}

.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: #2C184B;
  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: #2C184B 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: #2C184B;
}

.billing-page ul.billing-info li .check-block {
  margin-left: 185px;
}

.billing-page h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #2C184B;
  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 {
  color: #2C184B;
  font-family: Poppins;
  font-size: 28px;
  font-weight: 600;
  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: #2C184B;
  border: none;
  font-size: 15px;
  padding: 8px 12px;
  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 #EFEFEF !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;
}


.nav-sidebar .nav-item>.nav-link {
  height: 40px !important;
  font-size: 14px !important;
  background-color: #2c184b;
  color: white !important;
  border-radius: 25px;
  padding: 9px 15px;
  display: flex;
  gap: 10px;
  transition: all 0.4s ease;
}

.nav-link.active {
  background-color: #09C283 !important;
  color: white !important;
}

.nav-sidebar .nav-link:hover {
  background-color: #e6e4ea !important;
  color: #221537 !important;
}

.nav-sidebar .nav-link {
  font-family: Poppins;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 3px !important;
}

.nav-sidebar .nav-link p {
  margin-top: 3px !important;
  font-weight: 100 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #2C184B !important;
  border-radius: 23px !important;
  padding: 4px !important;
}


.daterangepicker td.in-range.available:not(.active),
.daterangepicker th.available:hover:not(.active) {
  background-color: #F0ECFD !important;
}



.daterangepicker .ranges li {
  color: #2C184B !important;
}

.daterangepicker .ranges li.active {
  background-color: white !important;
  text-decoration: underline !important;
  font: Poppins !important;


}

.qr-download-card {
  display: flex;
  gap: 12px;
  align-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px 16px;
}

.qr-download-card img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  flex-shrink: 0;
}

.qr-download-title {
  font-size: 10px !important;
  font-weight: 600;
  color: #2c184b !important;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qr-download-subtitle {
  font-size: 12px !important;
  color: #64748b !important;
  margin: 0;
}

.qr-download-btn {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #2c184b;
  border: 1px solid #2c184b;
  border-radius: 8px;
  background: transparent;
  width: max-content;
}

.qr-download-body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.card-theme {
  border-radius: 12px;
  padding: 12px 10px;
  color: #2C184B !important;
  background-color: #FFFFFF;
}