:root {
  --theme-color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  --theme-blue-color: #6b3ad8;
  --white: #ffffff;
}
body {
  overflow-x: hidden !important;
}

.disabled {
  cursor: no-drop !important;
}
.red {
  color: #05d48f;
}
.input-error {
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  list-style-type: none;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  right: 22px;
}
.variables {
  cursor: pointer;
  color: blue;
}
.profile-icon-color {
  color: #028f11;
}
.profile-icon-color::before {
  font-size: 26px !important;
}
#package-time-list .room1-infor button {
  margin-bottom: 0px !important;
}
.coupon_name {
  font-size: 16px;
  font-weight: 600;
}
.compare_up {
  color: #13c163;
  font-size: 14px;
}
.compare_down {
  color: #d93025;
  font-size: 14px;
}
.bdr-sec {
  border: 0px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  border-color: #7367f0;
}
.image_picker_image {
  height: 200px;
  width: 200px;
}
.select-file-text {
  background: rgba(255, 255, 255, 0.8);
  width: 200px;
  margin: auto;
  height: 40px;
  line-height: 3;
  visibility: hidden;
}

.select-file-text:hover {
  visibility: visible !important;
}

.bdr-sec::after {
  content: "\F105";
  font-family: "FontAwesome";
  font-size: 1.1rem;
  display: block;
  position: absolute;
  right: 25px;
  width: 10px;
  height: 10px;
  top: 10px;
  transform: rotate(90deg);
  transition: transform 0.2s ease-in-out;
}

.album_box_img {
  margin: 10px;
}

.make-pay {
  color: #fff;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}

.switcher {
  display: inline-block;
  height: 40px;
  margin-top: 3px;
  padding: 4px;
  background: #fff;
  border-radius: 2px;
  width: 200px;
  border-radius: 5px;
  border: solid 1px #ddd;
  position: relative;
}

.switcher__input {
  display: none;
}

.switcher__label {
  float: left;
  width: 50%;
  font-size: 12px;
  line-height: 30px;
  color: #000;
  text-align: center;
  cursor: pointer;
  position: inherit;
  z-index: 10;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.switcher__toggle {
  position: absolute;
  float: left;
  height: 39px;
  width: 50%;
  font-size: 12px;
  line-height: 30px;
  cursor: pointer;
  background-color: #7367f0;
  border-radius: 5px;
  left: 0px;
  top: 0px;
  transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.switcher__input:checked + .switcher__label {
  color: #fff;
}

.switcher__input--yang:checked ~ .switcher__toggle {
  left: 100px;
}

.hr-sect {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  color: rgba(0, 0, 0, 0.35);
  margin: 8px 0px;
}

.hr-sect::before,
.hr-sect::after {
  content: "";
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.35);
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px 8px;
}

.timepicker-error {
  color: red;
  font-size: 10px;
}
.f-100 {
  font-weight: 100;
}
.f-200 {
  font-weight: 200;
}
.f-300 {
  font-weight: 300;
}
.f-400 {
  font-weight: 400;
}
.f-500 {
  font-weight: 500;
}
.f-600 {
  font-weight: 600;
}
.f-700 {
  font-weight: 700;
}

/* loader */
.loading {
  top: 50%;
  left: 50%;
}
.loading-css {
  height: 65px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
}
.footer .btn-primary:hover {
  border-color: #05d597 !important;
  box-shadow: 0 8px 25px -8px #05d597;
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  margin-right: 3px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}
.loader-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #fff;
  z-index: 9999;
}
.loader-overlay-for-body {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  height: 100%;
  width: 100%;
  color: #fff;
  z-index: 9999;
}
.loading-bar:nth-child(1) {
  background-color: #3498db;
  animation-delay: 0s;
}

.loading-bar:nth-child(2) {
  background-color: #c0392b;
  animation-delay: 0.09s;
}

.loading-bar:nth-child(3) {
  background-color: #f1c40f;
  animation-delay: 0.18s;
}

.loading-bar:nth-child(4) {
  background-color: #27ae60;
  animation-delay: 0.27s;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}
a {
  color: var(--secondarybg);
}
.b-image {
  position: absolute;
  top: 190px;
  right: 0px;
  color: #666666;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  left: 0;
  margin: auto;
}
.upload-banner {
  height: 350px !important;
}
.upload-banner p {
  line-height: 15;
  color: #64687e;
  font-size: 18px;
  font-weight: 500;
}
.b-image button {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
  border: 1px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  padding: 10px 20px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 6px;
}
.jssort101 {
  left: 0 !important;
}
label {
  font-size: 15px;
  font-weight: 600;
}
.f-right {
  float: right;
}
.pagination .page-item.active .page-link {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.business-actions {
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
}
#make-payment {
  width: auto;
  font-size: 14px;
  font-weight: 500;
}
.coupon_discount_amount {
  padding-right: 25px;
}
.send-invitation-btn {
  background: #fe3902;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.inivite-btn {
  padding: 0;
  background: transparent;
  width: 30px !important;
  height: 30px;
  font-size: 21px;
  border-radius: 100%;
  color: red;
  border: 2px solid red;
  margin-top: 0px !important;
}
.inivite-btn i {
  font-size: 14px;
  line-height: 2;
}
.para {
  font-size: 15px;
  font-weight: 500;
  color: #595959;
  overflow-wrap: break-word;
}
#cancel-party {
  font-size: 13px;
  width: 100%;
}
.order-list-package {
  padding-left: 0;
}
.order-list-package li {
  display: inline-block;
  padding: 0 25px 0 0;
}
.order-list-package li p {
  color: #6b3ad8 !important;
  font-weight: 600;
  font-size: 16px;
}
.open-package-information-modal,
.open-addon-information-modal {
  background: transparent !important;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  font-size: 17px;
  text-transform: capitalize;
  font-weight: 600;
  padding: 0 0 10px 0;
  box-shadow: none !important;
  outline: none !important;
}
.open-package-information-modal:hover,
.open-addon-information-modal:hover {
  background-color: transparent !important;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
.description-set {
  min-height: 40px;
}
.more-less {
  color: var(--secondarybg);
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}
#total-record {
  text-align: right;
  margin-top: 17px;
}
#total-record p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.extra-content {
  display: none;
}
.addon-boxes-pack {
  border: 1px solid #e2e2e2;
  background: #fff;
  box-shadow: 0px 0px 5px #ececec;
  border-radius: 5px;
}
.addon-boxes-pack .media-body {
  padding: 0 8px;
}
.addon-boxes-pack .media {
  display: block;
}
.addon-boxes-pack .addon-img-drink {
  width: 100%;
}
.order-list-package li p span {
  margin-right: 7px;
}
.client-package-img img {
  width: 100% !important;
}
.business-actions li {
  list-style: none;
  display: inline-block;
  margin-left: 2px;
}
.client-package-img {
  height: 200px;
  width: 100%;
  overflow: hidden;
}

.table-media {
  font-size: 12px;
  color: #626262;
  font-weight: 500;
}
.dropzone .dz-message:before {
  top: 40px;
  font-size: 40px;
}
/*.show-select-price-tier table tbody tr
{
background-color: #05d48f;
color: #fff;
}*/
.img-gallery-cross {
  position: absolute;
  top: -7px;
  right: -5px;
  background: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 100%;
  color: #000;
  line-height: 1.8;
  box-shadow: 0px 0px 11px #ccc;
  cursor: pointer;
}
.add-plus {
  border: 3px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  width: 35px;
  height: 35px;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  line-height: 2.2;
  border-radius: 100px;
  margin: auto;
  cursor: pointer;
}
.create-business {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
}
.price-tiers-table.dataTable tbody tr.selected {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  color: #fff !important;
  box-shadow: 0 0 1px 0 #7367f0 !important;
}

.price-tiers-table.dataTable tbody tr.selected .change-plan {
  border: 1px solid #fff;
  color: #fff;
}
.price-tiers-table.dataTable tbody tr {
  height: 120px;
}
.change-plan {
  margin-top: 20px;
  border: 2px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 16px;
  font-weight: 600;
}
.action-btns button {
  border: 2px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 15px;
  font-weight: 600;
}

.action-btns button:hover {
  border: 2px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  background: #fff;
}
.action-btns button:focus {
  border: 2px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  background: #fff;
}
.btn-outline-theme {
  color: #fff !important;
  background: var(--theme-color);
  /* box-shadow: 0 0 10px 1px rgb(5 212 143 / 70%); */
}
.btn-outline-theme:hover {
  background-color: rgb(5 212 143 / 80%);
}

.btn-outline-theme:active {
  color: #fff !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  border-color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.refund-page .action-btns button {
  display: none;
}
.party-list .custom-select {
  width: 100% !important;
  height: 30px;
}

.refund .custom-select {
  width: 100% !important;
  height: 30px;
}
.refund table {
  border: none;
}

.refund-media h3 {
  font-size: 20px;
  font-weight: 900;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  margin-bottom: 15px;
}
.refund-media h4 {
  font-size: 20px;
  font-weight: 900;
  color: #6b3ad8;
  margin-bottom: 15px;
}
.scroll-top {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.main-menu.menu-light .navigation > li.active i {
  color: #fff;
}
.Upsell .apexcharts-toolbar {
  display: none;
}
.progress-bar-sale .progress-bar {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.week-days {
  font-size: 18px;
}
.progress-bar-sale .progress {
  margin-bottom: 0;
  margin-top: 10px;
}
.round-radius {
  border-radius: 5px;
}
.grey {
  color: #6a6a6a;
}
.business-detail-tb td {
  padding: 25px 10px;
}
.edit-btn {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
}
.gallery {
  color: #ff0023;
}
.b-email {
  color: #dbbf03;
}
.b-bell {
  color: #04149b;
}
.edit-btn:hover {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
}
.content-table {
  width: 100%;
}
.content-table h5 {
  font-size: 18px;
  color: #6b3ad8;
  font-weight: 600;
}

.content-table h4 {
  font-size: 18px;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-weight: 600;
}
.content-table td {
  min-width: 200px !important;
  vertical-align: top;
}
.content-table p {
  font-size: 16px;
  line-height: 1.8;
}
.border-bottom {
  border-bottom: 1px solid #e9e9e9 !important;
}

.modal .modal-header .close span {
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.package-plan {
  padding-left: 0;
}
.package-plan li {
  list-style: none;
  display: inline-flex;
}

.package-plan .input-group-prepend {
  width: 60px;
}
.li-width {
  width: 60%;
}
.pc-bg {
  background: #f8f7f7;
  width: 100%;
  margin: auto;
  padding: 20px 10px;
  margin-top: 20px;
  border-radius: 5px;
  position: relative;
}
.package-plan fieldset {
  margin-bottom: 0;
}
.s-pd {
  padding: 10px 40px;
}
.link-btn a {
  font-size: 16px;
  font-weight: 500;
}
.add-price-tier-modal #basicInput {
  height: 45px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.add-price-tier-modal .modal-title {
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 18px;
  font-weight: 600;
}
.package-plan .btn-primary {
  background: #fff !important;
  color: #000;
  border: 1px solid #ccc;
  border-color: #ccc !important;
}
.party-detail-card {
  padding: 0;
}
.party-detail-card h2 {
  font-size: 22px;
  color: #fe3902;
  font-weight: 700;
}

.party-detail-card h3 {
  font-size: 22px;
  font-weight: 700;
  color: #6b3ad8;
}
.party-detail-card p {
  font-size: 14px;
  color: #7f7f7f;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 70px;
}
.party-detail-card h6 {
  font-size: 18px;
  font-weight: 900;
  color: #6b3ad8;
  text-transform: uppercase;
  font-family: sans-serif;
  margin-top: 5px;
}
.pd-detail {
  padding: 20px 30px;
}
.pd-detail2 {
  padding: 30px 40px;
}
.l-heading {
  font-size: 25px !important;
  color: #6b3ad8 !important;
  font-weight: 600;
}
.packageimg {
  position: relative;
}

.packageimg img {
  width: 235px;
}
.room1-infor {
  padding-bottom: 10px;
}
.card-cont h5 {
  font-size: 22px;
  color: #6b3ad8;
  font-weight: 600;
}
.pc-m h4 {
  margin-top: 15px;
}

.card-cont h4 {
  font-size: 18px;
  color: #6b3ad8;
}
.card-cont span {
  font-weight: 700;
}

.card-cont p {
  color: #737373;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 0;
}
.cont-mar {
  margin-top: 30px;
}
.r-set-p {
  width: 100%;
  margin: auto;
}
.cost-no {
  text-align: right;
}
.cost-summary table tr td {
  border-top: none;
  font-size: 16px;
  color: #6b3ad8;
  font-weight: 600;
}
.td-width {
  width: 15%;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.deactivate {
  background: #fce6e6;
  color: #fe8a27;
  border-radius: 103px;
  font-size: 14px;
  font-weight: 500;
}
.active-btn {
  background: #defbe4;
  color: #00e02a;
  border-radius: 103px;
  font-size: 14px;
  font-weight: 500;
}

.block-btn {
  background: #fce6e6;
  color: #f50000;
  border-radius: 103px;
  font-size: 14px;
  font-weight: 500;
}
.assign-tier-modal .top {
  display: none;
}
.assign-tier-modal .pagination {
  display: none;
}
.vertical-ellips {
  text-align: right;
}
.vertical-ellips button {
  padding-bottom: 0;
}
.vertical-ellips i {
  background: #ccc;
  padding: 1px 10px;
  font-size: 20px;
  border-radius: 3px;
}
.add-pack-btn {
  border: 2px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-weight: 600;
}

.add-pack-btn:hover {
  border: 2px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-weight: 600;
}
.file-upload-new-pack .dropzone .dz-message {
  top: 45%;
  font-size: 17px;
  color: #6b3ad8;
  font-weight: 600;
}
.file-upload-new-pack .dropzone .dz-message:before {
  content: "\e864";
  top: 65px;
  font-size: 40px;
  color: #ccc;
}
.file-upload-new-pack .dropzone {
  min-height: 250px;
  border-color: #ccc;
}
.text-editor .ql-toolbar.ql-snow {
  background: #eee;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.text-editor .ql-editor {
  min-height: 160px;
}
.more-btn a {
  font-size: 16px;
  font-weight: 600;
}
.close-btn-cross {
  color: #6b3ad8;
  font-size: 20px;
}
.addons-table th {
  color: #6b3ad8;
  font-size: 15px;
  border-top: none;
}
.add-adons-upload-img .dropzone .dz-message:before {
  top: 30px;
}
.bg-addon {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 15px 10px;
}
.manage-coupon th {
  color: #6b3ad8;
  font-size: 15px;
}
.book-party-banner .upload-banner {
  background: #e9e9e9;
  border: 2px dashed #ccc;
}
.book-party-li {
  text-align: right;
}
.print-report-btn {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  margin-bottom: 25px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}

/* Gallery start */

.image-gallery img {
  width: 200px !important;
}

.image-gallery a {
  width: 200px;
  height: 200px;
  overflow: hidden;
  margin-right: 20px;
  margin-top: 20px;
}

.image-gallery .image-box-padding {
  padding: 0px 0px 5px 0px;
}

.image-gallery .image-height {
  max-height: 300px;
  overflow: hidden;
  min-height: 300px;
}

.image-gallery .image-checkbox {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid transparent;
  margin-bottom: -5px;
  outline: 0;
  margin-top: 25px;
}

.default-images-text {
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
}
.default-images-text span {
  color: var(--theme-color);
  font-size: 16px;
  font-weight: 600;
}

.image-gallery .image-checkbox input[type="checkbox"] {
  display: none;
}

.image-gallery .image-checkbox-checked {
  border-color: #05d48f;
}

.image-gallery .image-checkbox .fa {
  position: absolute;
  padding: 10px;
  top: -26px;
  right: -23px;
  z-index: 1;
  border: 4px solid #ffffff;
}
:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.image-gallery .image-disable {
  color: #acacac;
  background-color: #fff;
  box-shadow: 0px 0px 6px #e3e3e3;
}

.image-gallery .image-enable {
  color: #acacac;
  background-color: white;
}
.image-gallery .time-enable {
  color: #ffffff;
  background-color: #05d48f;
}
.image-gallery .time-checkbox-checked {
  border-color: #05d48f;
  border-radius: 8px;
}
.text-modal {
  font-size: 17px;
  color: #000;
  font-weight: 600;
  text-align: center;
}
.icons-delete {
  width: 80px;
  height: 80px;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  font-size: 50px;
  text-align: center;
  line-height: 2;
  border-radius: 100%;
  margin: auto;
  margin-top: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-gallery .image-checkbox-checked .fa-check {
  display: block !important;
  border: 4px solid #05d48f;
  color: #05d48f;
}

/* Gallery end */
.picker {
  top: 0 !important;
}
.picker li {
  list-style: none;
}
.picker ul {
  padding-top: 2em !important;
}
.p-party-glass {
  color: #e40d83;
}
.guest-info {
  color: #ffa400;
}
.nxt-btn {
  background: red;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.invite-guest {
  background: red;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.confirm-btn-set {
  background: red;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding: 0;
}
.confirm-btn-set:hover {
  background: red;
  color: #fff;
  font-weight: 500;
}
/* .make-pay
{
  background: var(--secondarybg);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.make-pay:hover
{
  background: var(--secondarybg);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
} */

.make-pay {
  color: #fff;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.btn-p {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  color: #fff;
}
.btn-p:hover {
  background-color: #2e6da4;
  color: #fff;
}
.nxt-btn:hover {
  background: var(--secondarybg);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.cncl-pay {
  background: #eeeeee;
  color: #000;
  font-weight: 500;
}
#tax-section h5 {
  font-size: 14px;
  color: #a6a1a1;
  font-weight: 500;
}
.btns-grp {
  padding-left: 14px;
}
.btns-grp li {
  list-style: none;
  display: inline-block;
}
.part-pay-info {
  font-size: 19px;
  margin-bottom: 20px;
}
.party-pay-info-btns {
  padding: 15px 10px;
}
.party-info-pay-txt h5 {
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 3px;
  text-transform: capitalize;
}
.party-info-pay-txt p {
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
  color: var(--textcolor);
}
.gift-icon {
  color: #7d00a4;
  margin-top: -5px;
}
.beer-icon {
  color: #ca07a9 !important;
  margin-top: -2px !important;
}
.speaker-bnd {
  color: #ae003b;
}
.pay-crd {
  color: #0096aa;
}
#no-minors {
  margin-top: 20px;
}
body.vertical-layout.vertical-menu-modern.menu-expanded
  .main-menu
  .navigation
  > li
  > a
  > .gift-icon:before {
  font-size: 24px !important;
}
body.vertical-layout.vertical-menu-modern.menu-expanded
  .main-menu
  .navigation
  > li
  > a
  > .waiver-icons:before {
  font-size: 18px !important;
}
.table thead th {
  vertical-align: top;
  font-size: 15px !important;
  color: #424242;
  font-weight: 600 !important;
}
table.dataTable td {
  font-size: 15px;
  font-weight: 500;
  color: #7c7b7b;
}
div.dataTables_wrapper div.dataTables_length label {
  font-size: 15px !important;
  font-weight: 500;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-size: 15px !important;
  font-weight: 500;
}
div.dataTables_wrapper div.dataTables_info {
  font-weight: 500;
}
.my-custom-tabslist {
  padding: 20px 30px;
}
/* .my-custom-tabslist li::after
{
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
} */

.nav.nav-tabs.nav-justified .nav-item a.nav-link {
  border: 1px solid #ccc !important;
}

.amount-picking select {
  width: 45px;
  font-size: 13px !important;
  height: 40px;
  background-color: #6b3ad8 !important;
  color: #fff !important;
}
#down_payment_percentage {
  height: 45px;
  border-radius: 0px !important;
}
.amount-picking .bootstrap-touchspin-up,
.amount-picking .bootstrap-touchspin-down {
  background-color: #6b3ad8 !important;
  color: #fff !important;
  width: 24px !important;
  height: 20px !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.party-popover-detail h3 {
  color: #6b3ad8;
  font-size: 17px;
  font-weight: 700;
}
.party-popover-detail .time {
  font-size: 13px;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-weight: 600;
}
.party-popover-detail p {
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.party-popover-detail p span {
  color: #6b3ad8;
}
#rooms_collapse, #balance_collapse{
  margin-bottom: 20px;
}
.party-calendar-right-section .collapse-date {
  width: 100%;
  margin-bottom: 20px;
  text-align: left;
  background-color: transparent !important;
  color: #6b3ad8 !important;
  font-size: 14px;
  padding: 0;
  font-weight: 800;
  box-shadow: none !important;
}
.party-calendar-right-section .collapse-date i {
  position: absolute;
  right: 32px;
}
.coupon-section .detail {
  display: inline-flex !important;
  width: 100%;
}
.booking-hrs-policy {
  display: flex;
}
.booking-hrs-policy p {
  margin-bottom: 0px;
  margin-top: 7px;
  margin-right: 24px;
  font-size: 15px;
  font-weight: 600;
  color: #6b3ad8 !important;
}
@media (max-width: 768px) {
  .image-gallery img {
    width: 100% !important;
  }
  .responsive-media {
    display: inherit;
  }
  .packageimg img {
    width: 100%;
  }
  .party-detail-card h3 {
    margin-top: 20px;
  }
  .card-cont h5 {
    margin-top: 20px;
  }
}

.qtySelector {
  border: 1px solid #ddd;
  width: 107px;
  height: 35px;
  margin-bottom: 10px;
  display: inline-block;
}
.qtySelector .fa {
  padding: 10px 5px;
  width: 35px;
  height: 100%;
  float: left;
  cursor: pointer;
}
.qtySelector .fa.clicked {
  font-size: 12px;
  padding: 12px 5px;
}
.qtySelector .fa-minus {
  border-right: 1px solid var(--bordercolor);
}
.qtySelector .fa-plus {
  border-left: 1px solid var(--bordercolor);
}
.qtySelector .qtyValue {
  border: none;
  padding: 5px;
  width: 35px;
  height: 100%;
  float: left;
  text-align: center;
  background: #ffebeb;
  color: #000;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.stripe-form-error {
  display: none;
  color: red;
}
.qty-price-addon {
  display: inline-block;
  vertical-align: top;
  float: right;
  color: var(--textcolor) !important;
}
#file-drag {
  overflow: hidden;
}

.head-img {
  position: relative;
}
#package-image-section img {
  height: auto !important;
  max-height: auto !important;
}

.head-img img {
  width: 270px;

  height: 100%;
}
.selected-modal-package img {
  width: 100% !important;
}
.selected-modal-package {
  height: 200px;
  overflow: hidden;
}

.card-cont {
  text-align: left;
  text-align: left;
  padding: 20px 13px 0 13px;
  min-height: 270px;
}
#start {
  position: absolute;
  top: 48px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.custom-control-label::before {
  left: -1.25rem;
}
.custom-control-label::after {
  left: -1.25rem;
}
.card-cont h3 {
  color: var(--superheading);
  text-align: left;
  font-size: 22px;
  font-weight: 600;
}
.users-edit .packages-selection-time .card-cont h3 {
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.card-cont p {
  color: #737373;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.icon-refresh-ccw {
  margin-bottom: 4px;
}
.card-cont h4 {
  font-size: 18px;
  color: var(--textcolor);
}
.users-edit .packages-selection-time .card-cont h3 {
  font-size: 16px;
  line-height: 24px;
}
.description-section .description {
  color: var(--textcolor);
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-status {
  font-size: 15px;
  font-weight: 500;
}

.skills-list {
  margin-top: 15px;
}

.skills-list ul {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.skills-list ul li {
  float: left;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-top: 0.5em;
}

.skills-list ul li input[type="radio"] {
  display: none;
}

.skills-list ul li label {
  color: #000;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50px;
  background: #ededed;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 13px;
}
.skills-list ul li input[type="radio"]:checked + label {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
}
.skills-list ul li label:hover {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
}
.order-total {
  width: 100%;
}

.order-total h5 {
  color: #6b3ad8;
  font-weight: 600;
  font-size: 15px;
}
.order-total h4 {
  font-size: 15px;
  color: #858585;
}
.msg-alert-box {
  background-color: #000;
}

.client-label {
  font-size: 18px;
  margin-bottom: 13px;
  font-weight: 600;
}
.order-summer table td {
  padding: 10px 4px;
}

.stripe .error {
  width: 100%;
  font-size: 13px !important;
  opacity: 0;
  transform: translateY(10px);
  transition-property: opacity, transform;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.stripe .error.visible {
  opacity: 1;
  transform: none;
}
.stripe .error svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: -1px;
  margin-right: 10px;
}

.stripe .error svg {
  margin-top: 0 !important;
}

.stripe .error svg .base {
  fill: #e25950;
}

.stripe .error svg .glyph {
  fill: #fff;
}

.stripe .error .message {
  color: #e25950;
}
/* MESH LOADER */

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit;
}
.mesh-loader .circle {
  width: 30px;
  height: 30px;
  position: absolute;
  background: #f44336;
  border-radius: 50%;
  margin: -15px;
  -webkit-animation: mesh 3s ease-in-out infinite -1.5s;
  animation: mesh 3s ease-in-out infinite -1.5s;
}

.mesh-loader > div .circle:last-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.mesh-loader > div {
  position: absolute;
  top: 50%;
  left: 50%;
}

.mesh-loader > div:last-child {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexbox > div {
  width: 300px;
  height: 300px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.badgebox {
  opacity: 0;
}

.badgebox + .badge {
  text-indent: -999999px;
  width: 27px;
}

.badgebox:focus + .badge {
  box-shadow: inset 0px 0px 5px;
}

.badgebox:checked + .badge {
  text-indent: 0;
}
.main-menu.menu-light .navigation li a {
  color: #243561;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 15px 15px 15px;
}
.sm-text-1 {
  font-size: 16px !important;
}
.card .card-title {
  font-weight: 600;
  font-size: 22px;
}
.sm-text {
  font-size: 15px !important;
}

.breadcrumbs-top h2 {
  padding-top: 5px !important;
  color: #6b3ad8 !important;
  font-size: 22px !important;
  font-weight: 600;
}
.breadcrumb-item a {
  font-size: 16px;
  font-weight: 600;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  font-size: 16px;
  font-weight: 600;
}
.business-table {
  font-size: 16px;
  font-weight: 500;
}

.media-heading {
  font-size: 16px;
}

::placeholder {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #727272 !important;
}
input {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #727272 !important;
}
#note_form p{
  color: #05d48f !important;
}
#note_form .btn-danger:hover {
  border-color: #05d48f !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #05d48f;
}
select {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #727272 !important;
}
textarea {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #727272 !important;
}
.table {
  font-size: 15px;
  font-weight: 500;
}
.nav.nav-pills .nav-item .nav-link {
  font-weight: 600;
  font-size: 16px;
}
.nav.nav-tabs .nav-item .nav-link {
  font-size: 14px;
}
.nav.nav-tabs .nav-item .nav-link.active {
  color: #fff !important;
  background: #6b3ad8 !important;
  border-color: #6b3ad8 !important;
}
.nav.nav-tabs .nav-item .nav-link.active:after {
  background: #6b3ad8 !important;
}

.ecommerce-application .checkout-options .detail .detail-title {
  color: #6d6d6d !important;
  font-weight: 500;
}
.ecommerce-application .checkout-options .detail .detail-amt.total-amt {
  color: #213c51 !important;
  font-weight: 700 !important;
}
.price-details {
  font-size: 19px;
  font-weight: 700 !important;
}
table.dataTable td {
  border-bottom: 1px solid #cfcfcf !important;
}
.p_name {
  font-size: 18px;
  font-weight: 600;
}

.s-cancel {
  width: 100%;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  text-align: center;
  padding: 10px 0;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.s-pending {
  width: 100%;
  background: #38bbc4;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.s-complete {
  width: 100%;
  background: #368701;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.s-progess {
  width: 100%;
  background: #fa9704;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.b-btns {
  text-align: center;
  padding: 0 21px;
}
.b-btns .complete {
  background: #368701 !important;
  width: 100%;
  height: 42px;
  margin: auto;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 14px;
}
.b-btns .cancel {
  background: #fff !important;
  width: 100%;
  height: 42px;
  margin: auto;
  border: 1px solid #ccc !important;
  color: #000 !important;
  font-size: 14px;
  font-weight: 500;
}
.b-btns .cancel:hover {
  background: #fff !important;
  width: 100%;
  height: 42px;
  margin: auto;
  border: 1px solid #ccc !important;
  color: #000 !important;
  font-size: 14px;
  font-weight: 500;
}
.b-btns .button {
  width: 100%;
  height: 42px;
  margin: auto;
  color: rgb(255, 255, 255) !important;
  font-size: 14px;
  font-weight: 500;
}
.b-btns .button:hover {
  width: 100%;
  height: 42px;
  margin: auto;
  color: rgb(255, 255, 255) !important;
  font-size: 14px;
  font-weight: 500;
}
#check-apply-coupon {
  width: 32px !important;
  height: 32px;
  line-height: 0;
  padding: 0px !important;
  display: inline-block;
  background-color: #7367f0 !important;
}
#add-direct-discount {
  width: 32px !important;
  height: 32px;
  line-height: 0;
  padding: 0px !important;
  display: inline-block;
  background-color: #008005 !important;
  margin-top: 4px;
}
#remove-direct-discount {
  width: 32px !important;
  height: 32px;
  line-height: 0;
  padding: 0px !important;
  display: inline-block;
  background-color: #ea5455 !important;
  margin-top: 4px;
}

body.vertical-layout.vertical-menu-modern.menu-expanded
  .main-menu
  .navigation
  li.has-sub
  > a:not(.mm-next):after {
  top: 16px;
}
.profile-upload-section .modal-header {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
.profile-upload-section .crop_image {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
.profile-upload-section .close span {
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
.modal-header .close {
  transform: none !important;
  margin: 0 !important;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #d9d9d9 !important;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #d9d9d9 !important;
}
.r-width {
  width: 100%;
  margin: auto;
}
.tox .tox-statusbar__text-container {
  display: none !important;
}
.tox .tox-statusbar {
  border-top: none !important;
}
.dataTables_length {
  text-transform: capitalize;
}

.delete-address,
.edit-address,
.room-icon,
.setting-icon {
  font-size: 12px;
}
#editBusinessSetting label {
  text-transform: capitalize !important;
}
#account label {
  text-transform: capitalize;
}

#account input {
  text-transform: capitalize;
}
#account select {
  text-transform: capitalize;
}
hr {
  border-top: 2px solid #a6a6a6 !important;
}
#email-table td {
  text-transform: capitalize !important;
}
.icon-edit {
  font-size: 25px !important;
  cursor: pointer;
  color: #05d48f;
}
a:hover {
  color: #6e4bde;
}
.information-modal {
  float: right;
  position: absolute;
  bottom: 1px;
  right: 10px;
}
.info-detail {
  color: #6b3ad8;
  font-size: 20px;
  font-weight: 600;
}
.icon-trash,
.icon-refresh-ccw,
.icon-eye {
  font-size: 25px !important;
}
.icon-eye {
  font-size: 25px !important;
  color: #05d48f;
}
.card-new {
  width: 80%;
  margin: auto;
  margin-top: 1em;
  box-shadow: none;
  background: #edf1fc;
  border-radius: 0;
  color: #fff;
  border-radius: 5px;
}
.card-new p {
  color: var(--textcolor) !important;
  font-weight: 600;
  font-size: 16px;
}
.card-new #package_name {
  color: var(--secondarybg);
  font-size: 15px;
  font-weight: 600;
  margin-left: 0px;
  text-align: left;
}
.card-new #room_name {
  color: var(--secondarybg);
  font-size: 15px;
  font-weight: 600;
  margin-left: 0px;
  text-align: left;
}
.card-new #datetime {
  color: var(--secondarybg);
  font-size: 15px;
  font-weight: 600;
  margin-left: 0px;
  text-align: left;
}
.arrow-icon-checkbox {
  display: flex;
}
.arrow-icon-checkbox i {
  font-size: 20px;
}
.ap-cont {
  position: relative !important;
  width: 208.4px;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
}

.ap-layout-relative,
.ap-layout-inline {
  position: relative !important;
}
.new-time-box input {
  display: none;
}
.ap-theme-ios .ap-content-middle {
  padding: 0px 0px !important;
}
.flatpickr-calendar.inline {
  background: var(--mainbg);
  box-shadow: none !important;
  border-radius: 5px !important;
  border: 1px solid var(--bordercolor);
}
.ap-row-selected {
  color: #fff !important;
  z-index: 999999999999999999 !important;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}

.ap-theme-ios .ap-component-gradient {
  background: transparent !important;
}
.ap-theme-ios .ap-row {
  font-size: 16px !important;
  font-weight: 600;
}
.ap-theme-ios .ap-component-selector {
  border-top: none !important;
  border-bottom: none !important;
}
.ap-content {
  font-family: "Montserrat", Helvetica, Arial, serif;
}
.ap-component-data {
  background: transparent !important;
}
.ap-layout-inline .ap-cont {
  border: none !important;
}
#calender {
  background-color: var(--mainbg);
}
.analytics-information h5 {
  font-size: 20px;
  font-weight: 600;
  color: #6b3ad8 !important;
}
.analytics-information p {
  font-size: 15px;
}
.date-picker-cal {
  position: relative;
}
.date-picker-cal i {
  position: absolute;
  top: 11px;
  left: 10px;
  font-size: 17px;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.date-picker-cal input {
  background: #fff !important;
  padding-left: 35px;
}
.sm-text {
  font-size: 12px;
  color: #000;
  font-weight: 600;
}
.revenue-list {
  padding-left: 0;
  display: inline-flex;
}
.revenue-list li {
  list-style: none;
  padding-right: 18px;
}
#line-chart {
  width: 100% !important;
}
#addon-chart {
  margin-top: -20px;
}
.analytics-icon {
  color: #068fb8;
  font-size: 18px !important;
}
#icon-arrow-right-circle {
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 20px;
  cursor: pointer;
}
.main-menu .navbar-header .navbar-brand {
  margin-top: 13px !important;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed
  .main-menu:not(.expanded)
  .navigation
  li.active
  a {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}

.custom-dropdown-list {
  text-align: right;
}
.custom-dropdown-list button {
  font-size: 15px;
  color: #6b3ad8;
  font-weight: 600;
}
.slider {
  width: 200px;
  height: 75px;
  overflow: hidden;
}
.slider img {
  width: 100%;
}
.direct-discount-select {
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.direct-discount-select.form-control:not([multiple="multiple"]) {
  background-position: calc(100% - 3px) 13px, calc(100% - 20px) 13px, 100% 0 !important;
}
.main-menu.menu-light .navigation .navigation-header span {
  font-weight: 800;
  padding-left: 31px;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 15px;
}
.template-table table {
  width: 100% !important;
}
.alert {
  width: 100%;
  margin: auto;
}
.fc-toolbar .fc-button {
  padding: 0.608em 0.65em;
}
@media screen and (max-width: 992px) {
  .invoice-email-btn,
  .b-btns {
    padding: 0px !important;
  }
  #navbar-mobile .content-header {
    float: none !important;
  }
  .header-navbar .navbar-container ul.nav li a.menu-toggle {
    padding: 23px 0 0 0 !important;
  }
  #navbar-mobile.navbar-collapse .navbar-nav {
    margin-top: -10px;
  }
  .nav.nav-tabs.nav-justified .nav-item {
    width: 30% !important;
    margin-bottom: 15px;
  }
  .nav-justified .nav-item {
    flex-basis: inherit !important;
  }
}

@media screen and (max-width: 768px) {
  .open-package-information-modal,
  .open-addon-information-modal {
    font-size: 14px;
  }
  #selected-package .card-cont h3 {
    font-size: 18px;
    margin-top: 14px;
  }
  .g-allowed {
    margin-top: 10px;
  }
  #selected-package .card-cont h4 {
    font-size: 14px;
    margin: 5px 0;
  }
  #selected-package .input-group {
    width: 130px;
    margin-left: 18px;
  }
  #selected-package .client-package-img {
    display: initial;
  }
  #selected-package .col-12,
  #selected-package .col-md-12 {
    padding: 0px;
  }
  .breadcrumbs-top h2 {
    font-size: 16px !important;
  }
  .breadcrumb-item a {
    font-size: 13px !important;
  }
  .breadcrumb .breadcrumb-item + .breadcrumb-item {
    font-size: 13px !important;
  }
  .delete-selected-items button {
    float: none !important;
  }
  .delete-selected-items {
    text-align: center;
  }
  .nav.nav-tabs.nav-justified .nav-item {
    width: 30% !important;
    margin-bottom: 15px;
  }
  .nav-justified .nav-item {
    flex-basis: inherit !important;
  }
  .nav.nav-tabs.nav-justified .nav-item a.nav-link {
    border-radius: 0 !important;
  }
  .nav.nav-tabs .nav-item .nav-link {
    font-size: 13px;
  }
  #calendar,
  #package,
  #host,
  #confirmation,
  #payment,
  #black_bar,
  #addon,
  #congratulation {
    margin-bottom: 15px;
  }
  .res-margin-top {
    margin-top: 20px;
  }
  #update-section .select2-container {
    width: 100% !important;
    margin-top: 1.5rem !important;
  }
  .select2-container {
    width: 100% !important;
  }
  .responsive-width {
    width: 100% !important;
  }
}

#working-hours {
  text-align: left;
}
.work-hours-div input {
  border: 1px solid #7367f0;
  border-radius: 5px;
}
.butons-se {
  margin-left: 0 !important;
}
.acct-old-hr {
  font-size: 18px;
}
.work-hours-div {
  margin-top: 30px !important;
}
.set-data-table-lenght .dataTables_length {
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  height: 40px;
}
.remove-work {
  width: 35px;
  height: 35px;
  line-height: 1;
  font-size: 19px;
}
.add-work {
  width: 35px;
  height: 35px;
  line-height: 1;
  font-size: 18px;
}
.card-type {
  width: auto !important;
  height: auto !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.de-card {
  font-size: 23px;
}
.height-equal {
  min-height: 220px;
}
.rev-min-height {
  min-height: 200px;
}
.revenue-list span {
  font-size: 22px;
}
.btn-bck-nxt {
  padding-left: 0;
  text-align: center;
  margin: auto;
}
.btn-bck-nxt li {
  list-style: none;
  display: inline-block;
  margin: 0 10px;
}
.prev-btn {
  color: #fe3902;
  border: 2px solid #fe3902;
  width: 200px;
  font-size: 15px;
  font-weight: 600;
}
/* .card-cont
{
  min-height: 320px;
} */
#requestedVal,
#acceptedVal,
#completedVal,
#cancelledVal,
#rejectedVal,
#totalTip,
#averageTip,
#totalAddonVal,
#onlineVal,
#inPersonVal {
  color: #6b3ad8 !important;
  font-weight: 600 !important;
}
#selected-package .bootstrap-touchspin.input-group .form-control {
  padding: 13px;
  border: 1px solid #ccc;
}
#selected-package .bootstrap-touchspin.input-group-lg {
  width: 14.375rem;
  margin-left: -13px;
  margin-top: 20px;
}
.remove-section {
  color: #fff;
  background: #e42728;
  width: 27px;
  height: 27px;
  text-align: center;
  border-radius: 100%;
  padding: 0;
  position: absolute;
  top: -27px;
  right: 0;
  margin: 0;
}
#add-new-amount {
  font-size: 31px;
  padding: 3px 15px;
  margin-top: 15px;
}
.add-adon-btn {
  color: green;
  font-size: 22px;
}
.save-button {
  margin-top: 20px !important;
}
@media screen and (max-width: 1450px) and (min-width: 1200px) {
  
  .party-chart-list li {
    display: inline-block;
    margin-bottom: 10px;
  }
}
.m-custom-dropdown {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  box-shadow: 0px 0px 8px #ccc;
  margin-top: 12px;
  margin-left: 14px;
  /* width: 89%; */
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 5px 0px;
  border-radius: 5px;
  /* background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%); */
  color: #fff;
}
.m-custom-dropdown .edit-icon {
  right: 13px;
  /* top: 13px; */
  color: red !important;
  width: auto;
  font-size: 14px;
  border: none;
  position: absolute;
}
.m-custom-dropdown .edit-icon a {
  color: red;
}
.m-custom-dropdown .dropdown-item {
  font-size: 15px;
  font-weight: 600;
}

.m-custom-dropdown .dropdown-menu {
  top: -54px !important;
  left: -3px !important;
}

.m-custom-dropdown button {
  margin: 0;
  margin-bottom: 0 !important;
  background: transparent !important;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff !important;
  font-size: 16px;
  width: 100%;
  text-align: left;
}

.m-custom-dropdown .dropdown-toggle::after {
  left: 6.714rem !important;
}

.m-custom-dropdown .dropdown-menu {
  min-width: 17rem;
}
.special-hours {
  color: #6b3ad8 !important;
  font-size: 21px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: normal;
}

.waiver-tabs .nav-item .nav-link.active:after {
  display: none !important;
}
.waiver-tabs .nav-item .nav-link {
  font-size: 16px !important;
  background: #d7fff2 !important;
  color: #000 !important;
}

#waiver-signed-list {
  width: 100% !important;
}
.waiver-detail-infor h4 {
  font-size: 15px;
  font-weight: 500;
  color: #838383;
  margin-top: 10px;
}
.waiver-detail-infor .row {
  margin-bottom: 15px;
}
.settings-tabs .nav-item .nav-link {
  padding: 10px 17px !important;
  margin-bottom: 7px;
}
label {
  margin-bottom: 5px;
}
.alert-message-warning {
  background-color: #b9fae4;
  padding: 13px 10px;
  font-size: 15px;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 5px;
}
#rooms-record h5 {
  margin-bottom: 0px !important;
  margin-top: 25px;
}
.hat-icon {
  color: #ff00f6 !important;
}
.fa {
  font: normal normal normal 18px/1 FontAwesome;
}

.fa-fonts {
  font: "";
  font-family: "Font Awesome 5 Free" !important;
}

.register-btns {
  text-align: right;
}
.register-btns li {
  list-style: none;
  display: inherit;
}
.register-btns li button {
  width: 115px !important;
  margin-left: 15px;
  padding: 11px 5px;
}
.delete-record {
  color: red;
  cursor: pointer;
}
.action-delete {
  color: #fff !important;
  cursor: pointer;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  padding: 7px 7px;
  border-radius: 5px;
  vertical-align: middle;
  margin-top: -3px;
}
.action-delete:hover {
  color: blue;
}
.action-copy i {
  cursor: pointer;
  font-size: 24px;
}
.add-packages-list-v li {
  width: 200px;
  text-align: center;
}
.waiver-tabs .anchor-1 {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.waiver-tabs .anchor-2 {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.information-icons img {
  width: 30px;
}
.information-icons {
  margin-top: 5px;
  /* width: auto; */
  margin-left: 15px;
}
.popover {
  background: #f9f9f9;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0px 0px 9px #f0eeee;
}
.popover-body {
  color: #000;
}
.popover .arrow:after {
  border-right-color: #f9f9f9;
}
.alert-theme {
  color: var(--white) !important;
  background: var(--theme-color) !important;
}
.m-custom-dropdown span {
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.m-custom-dropdown .dropdown-toggle::after {
  position: revert;
}
.revenue-list {
  text-align: center;
}
.room1-infor h2 {
  font-size: 19px;
  font-weight: 600;
  margin-top: 5px;
  padding-left: 16px;
}
.room1-infor .selected-package {
  background-color: #c8c8c8;
  font-size: 15px;
  color: #fff !important;
  font-weight: 500;
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  padding: 2px 2px !important;
  position: relative;
}
.booked-cut-text {
  display: inline-block;
  overflow: hidden;
  width: 96px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.room1-infor .selected-package .tt-pc {
  background: #ffe6e6;
  padding: 5px 3px;
  border-radius: 5px;
  color: #000;
  margin-right: 0px;
  display: inline-block;
  width: 85px;
  margin-bottom: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
}

.room1-infor .unselected-package {
  background-color: #6b3ad8;
  font-size: 15px;
  color: #fff !important;
  font-weight: 500;
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  padding: 2px 2px !important;
  position: relative;
  display: flex;
  align-items: center;
}

.room1-infor .unselected-package .tt-pc {
  background: #d7fff2;
  padding: 5px 3px;
  border-radius: 5px;
  color: #000;
  margin-right: 0px;
  display: inline-block;
  width: 85px;
  margin-bottom: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
}
.show-stat {
  display: inherit;
  width: calc(100% - 120px);
  text-align: center;
}

.room1-infor .blocked-packge-time {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 15px;
  color: #fff !important;
  font-weight: 500;
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  padding: 2px 2px !important;
  position: relative;
}

.room1-infor .blocked-packge-time .tt-pc {
  background: #ffe6e6;
  padding: 5px 3px;
  border-radius: 5px;
  color: #000;
  margin-right: 0px;
  display: inline-block;
  width: 85px;
  margin-bottom: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
}
.client-side-timeslot button {
  height: 50px !important;
  text-align: center;
}

.room1-infor .unselected-package:hover {
  background-color: #6b3ad8 !important;
}
.room1-infor .blocked-packge-time:hover {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
.room1-infor .unselected-package:hover .pl-cont h3 {
  color: #fff !important;
}
.packages-selection-time {
  box-shadow: 0px 0px 31px #ccc !important;
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: var(--mainbg);
}
.make-payment-amt-ch .input-group {
  margin: 0;
  background: transparent;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.make-payment-amt-ch .input-group-text {
  border: none;
  background: #fff;
}
.make-payment-amt-ch input {
  height: 43px !important;
  padding-left: 0;
  background: transparent !important;
}
#make-tip-modal {
  z-index: 9999999999999999;
}
.flatpickr-day {
  color: #393939;
}
.flatpickr-day.today {
  border-color: #393939 !important;
  border-width: 2px;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  border-color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  color: #fff !important;
}
.packages-selection-time .head-img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.select-pack-btn-slote {
  margin-right: 10px;
  text-align: center;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--textcolor);
  display: inline-block;
}
.information-detail-modal {
  display: inline-block;
}
.select-pack-btn-slote .select-package {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 20px;
  font-weight: 800;
  border-radius: 100%;
  margin-right: 4px;
  line-height: 0;
}
.information-detail-modal button {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 20px;
  font-weight: 800;
  border-radius: 100%;
  color: #fff !important;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  line-height: 0;
}
.information-detail-modal button:hover {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  color: #fff !important;
}
.time-slote-selct-information {
  margin-top: 18px;
  margin-bottom: 18px;
}
.packages-selection-time .card-cont {
  min-height: 610px !important;
}
.packages-time-btn {
  font-size: 14px !important;
  padding: 0;
}
.back-btn-page {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}
.flatpickr-day {
  font-weight: 600 !important;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  background-color: #6b3ad8 !important;
  border-radius: 5px;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #6b3ad8 !important;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background-color: #6b3ad8 !important;
}
.flatpickr-time input {
  color: #fff !important;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #fff !important;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff !important;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: #fff !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  border-color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
.timers-cont {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  margin-bottom: 1px;
}
.instructions {
  font-size: 14px;
  color: #000;
}
.sp-name {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
}
.go-back-btn {
  background-color: transparent !important;
  color: #000 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.host-loaction-info {
  background: transparent !important;
  border: none;
  color: var(--secondarybg) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 0;
}
.client-side-cont h4 {
  font-size: 15px;
  margin-top: 18px;
}
.extra-content {
  font-weight: 500 !important;
}
.custom-changes button {
  min-width: 30px !important;
  min-height: 30px !important;
}
#package-section h2 {
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  font-size: 30px !important;
  color: #6b3ad8 !important;
}
.addon-img-drink {
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.addon-img-drink img {
  width: 100%;
  height: 100%;
}
.qty-selection {
  width: calc(100% - 100px);
  display: inline-block;
}
.addon-boxes-pack h4 {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--textcolor) !important;
  margin-top: 16px;
  margin-bottom: 16px;
}
.addon-boxes-pack .addon-description {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--textcolor);
  line-height: 1.5;
  margin-top: 0px;
  padding: 0 10px;
}
.preview {
  width: 100px;
  height: 75px;
  overflow: hidden;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 7px;
}
.preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.multifiles-box tr td {
  border-top: 1px solid #dcdcdc !important;
}
.multiimg-cncle {
  background: red !important;
  padding: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 23px;
  border-radius: 100%;
}
.demo-notes {
  padding-left: 0;
  margin-bottom: 0;
}
.demo-notes li {
  list-style: none;
  padding: 6px 0;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.demo-notes li i {
  color: #000;
  margin-right: 7px;
}
.package-images .owl-prev {
  background: rgba(255, 255, 255, 1) !important;
  color: #000 !important;
  position: absolute;
  top: 80px;
  left: 0;
  width: 23px;
  height: 23px;
  opacity: 1 !important;
}

.package-images .owl-next {
  background: rgba(255, 255, 255, 1) !important;
  color: #000 !important;
  position: absolute;
  top: 80px;
  right: 0;
  width: 23px;
  height: 23px;
}
.package-images .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
#start .fa-download {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.image-title {
  font-size: 18px;
  padding: 0px 8px;
}
.package-images .item {
  height: 280px;
  width: 100%;
  overflow: hidden;
}
.gallery-icon-pck {
  position: absolute;
  right: 33px;

  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.fa-edit {
  color: #05d48f;
}
.gallery-icon-pck .fa-image:before,
.gallery-icon-pck .fa-photo:before,
.gallery-icon-pck .fa-picture-o:before {
  font-size: 21px;
}
.room-images .item {
  width: 460px;
  height: 240px;
  overflow: hidden;
}
.custom-control-label::before {
  box-shadow: none !important;
}
.modal-img-gallery-icon {
  position: absolute;
  right: 50px;
  color: #00a6cc;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500 !important;
}
.modal-img-gallery-icon .fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
  font-size: 20px;
}
#room-images-modal .owl-next {
  background: rgba(255, 255, 255, 1) !important;
  color: #000 !important;
  position: absolute;
  top: 50%;
  right: 0;
  width: 23px;
  height: 23px;
}
#room-images-modal .owl-prev {
  background: rgba(255, 255, 255, 1) !important;
  color: #000 !important;
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 23px;
}
#room-images-modal .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.top-bar-all-pages {
  padding-left: 18px;
  margin-bottom: 0;
}
.top-bar-all-pages li {
  list-style: none;
  display: inline-block;
}
.top-bar-all-pages .drop-list1 {
  width: 20%;
}
.top-bar-all-pages .earnin-list {
  width: 59.5%;
  background: red;
  padding: 14px 11px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-left: 15px;
}
.business-top-bar {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
}
.alert-cards {
  padding: 11px;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: white;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}
.navbar-collapse {
  display: flex !important;
}
.profile-img-navbar {
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #ccc;
}
.profile-img-navbar img {
  width: 100%;
  height: 100%;
}
.bg-red {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
.page-bck-btn {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: -24px;
  padding-left: 5px;
}
#addUpsellAddOn .select2-container {
  width: 100% !important;
}
.zero-configuration thead th {
  white-space: nowrap;
}
#email-template-html-body {
  margin-top: 20px;
}
.show-mobile-screen {
  display: none;
}
.revenue-genrated-amt {
  margin-left: 10px !important;
}
.checkbox-for-paid {
  display: flex;
}
.checkbox-for-paid label {
  font-size: 14px;
  display: inline-flex;
  width: 100%;
  margin-left: 10px;
  margin-top: -1px;
}
#paid_in_full,
#update_paid_in_full {
  display: inline-flex;
  width: auto;
  height: auto;
  margin-top: 3px;
}
#party-calendar .fc-toolbar h2 {
  display: initial;
  vertical-align: middle;
  color: #414f75;
  font-size: 16px;
  font-weight: 600;
}
#party-calendar .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0px !important;
}
#party-calendar .fc-today-button {
  width: 100px;
  text-transform: capitalize;
  background: #6b3ad8;
  opacity: 1;
  border-color: #6b3ad8;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
}
#party-calendar .fc-prev-button,
#party-calendar .fc-next-button {
  background: transparent;
  border: none;
  outline: none !important;
  box-shadow: none !important;
  color: #6b3ad8;
}
#party-calendar .fc-center button {
  width: 40px;
  padding: 0;
  height: 40px;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  /* box-shadow: 0 0 10px 1px rgb(5 212 143); */
}

#party-calendar .card-body {
  padding: 13px 13px;
}
#party-calendar .fc-toolbar {
  width: 100%;
}
#party-calendar .fc-left,
#party-calendar .fc-center,
#party-calendar .fc-right {
  width: 33.3%;
}
#party-calendar .fc-center {
  text-align: center;
}
#party-calendar .fc-right {
  text-align: right;
}
.party-calendar-right-section .nav-link {
  background: #f7bcbc;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.party-calendar-right-section .nav-link:after {
  background: none !important;
  display: none;
}

.party-calendar-right-section .nav-link.tb1 {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.party-calendar-right-section .nav-link.tb2 {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.party-calendar-right-section .nav-item {
  width: 50%;
}
#party-calendar .fc-dayGridMonth-button,
#party-calendar .fc-timeGridWeek-button,
#party-calendar .fc-timeGridDay-button {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  border-color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
#party-calendar .fc-button-active {
  background-color: #6b3ad8;
  border-color: #ffffff;
  padding: 0.608em 0.65em;
}
.fc-button-primary:not(:disabled).fc-button-active:focus,
.fc-button-primary:not(:disabled):active:focus {
  box-shadow: 0 0 0 0 !important;
}
.fc-button-primary:hover {
  border-color: #ffffff !important;
}
.fc-button-primary {
  border-color: #ffffff !important;
}
/*-------color plates-------*/
.black-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  /* background-color: #000;
  border-color: #000; */
  background-size: 80%;
}
.black-checkbox .fill-control-indicator {
  background-color: #000;
  border-color: #000;
}
.lime-green-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-size: 80%;
}
.lime-green-checkbox .fill-control-indicator {
  background-color: #32cd32;
  border-color: #32cd32;
}

.silver-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-size: 80%;
}
.silver-checkbox .fill-control-indicator {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
}
.blue-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-size: 80%;
}
.blue-checkbox .fill-control-indicator {
  background-color: #0000ff;
  border-color: #0000ff;
}
.maroon-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-size: 80%;
}
.maroon-checkbox .fill-control-indicator {
  background-color: #800000;
  border-color: #800000;
}
.brown-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-size: 80%;
}
.brown-checkbox .fill-control-indicator {
  background-color: #654321;
  border-color: #654321;
}
.khaki-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-size: 80%;
}
.khaki-checkbox .fill-control-indicator {
  background-color: #c3b091;
  border-color: #c3b091;
}
.orange-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-size: 80%;
}
.orange-checkbox .fill-control-indicator {
  background-color: #ffa500;
  border-color: #ffa500;
}

.fill-control-input {
  display: none;
}
.black-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-color: #000;
  border-color: #000;
  background-size: 80%;
}
.fill-control-indicator {
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #aaa;
  transition: 0.3s;
  background: transperent;
  background-size: 0%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.fill-control-description {
  font-size: 13px;
  font-weight: 600;
  color: #6b3ad8;
}
.color-plates label {
  margin-bottom: 10px;
}
.waiver-icons {
  color: #1a86c7;
}
.horn-icon {
  color: #e10606;
}
.calender-slide-left {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  padding: 0;
  width: 45px !important;
  height: 45px;
  color: #fff !important;
  font-size: 21px;
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 1;
  box-shadow: 0px 0px 19px #cac9c9;
}
.picker-color-box {
  border: 1px solid #dbdbdb;
  width: 50px;
  height: 40px;
  border-radius: 5px;
  background: red;
}
.hide-room-package {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  padding: 0;
  width: 45px;
  height: 45px;
  color: #fff !important;
  font-size: 21px;
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 1;
  box-shadow: 0px 0px 19px #cac9c9;
}
.Inactive {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
}
.color-picker-box {
  position: absolute;
  z-index: 9;
  top: 25px;
  left: 67px;
}
#confirm-modal .modal-header {
  background-color: #6b3ad8 !important;
}
.edit-party-tabs .nav-tabs {
  background: #ececec;
  border-radius: 5px;
  flex-wrap: inherit;
}
.edit-party-tabs .nav-tabs .nav-item .nav-link {
  border: none !important;
  color: #6b3ad8 !important;
  font-size: 15px;
  font-weight: 600;
}
#note-button-section {
  align-self: center;
}
.edit-party-tabs .nav-tabs .nav-item .nav-link.active {
  border: none !important;
  border-radius: 4px;
  background: #6b3ad8 !important;
  font-weight: 400;
  font-size: 14px;
}
.edit-party-tabs .nav-tabs .nav-item .nav-link.active:after {
  display: none;
}
.edit-party-tabs .nav-tabs .nav-item {
  width: 100%;
  text-align: center;
}
.discard-changes {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  padding: 11px 10px;
}
.assign-t-select .select2-container {
  width: 100% !important;
}
.add-adons-edit-page {
  background-color: #028d0a !important;
  color: #fff;
  font-size: 26px;
  padding: 0;
  width: 35px !important;
  height: 34px;
  text-align: center;
}
#open-add-notes {
  background-color: #fff !important;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 15px;
  padding: 0;
  margin-top: 0px;
  font-weight: 600;
}
#selected-package {
  border-radius: 8px;
  width: 100%;
  margin-bottom: 15px;
}
#notes-table thead th {
  white-space: nowrap;
}
.product-action .action-view {
  margin-right: 5px;
}
.product-action .action-delete {
  color: #7c7b7b !important;
  cursor: pointer;
  background: #fff;
  padding: 0px;
  border-radius: 5px;
  vertical-align: text-bottom;
  margin-top: 0px;
}
.packages .btn-danger:hover {
  border-color: #05d491 !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #05d491;
}
.business-admin-hamber.is-active {
  display: none;
}
.business-admin-hamber {
  position: fixed;
  top: 13px;
  font-size: 21px;
  z-index: 1070;
  background: #fff;
  left: 0;
  padding: 2px 4px !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 0px 4px #ccc;
}
.party-tab-package h4 {
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  word-break: break-word;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.datatable-cards tbody td {
  display: block;
}

.row-set {
  width: 100%;
  display: inherit;
}
.datatable-cards tbody tr {
  float: left;
  width: 48%;
  margin: 0.5rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow: 0.25rem 0.25rem 0.5rem rgb(0 0 0 / 25%);
  height: auto !important;
}

.datatable-cards td:before {
  content: attr(data-label);
  position: relative;
  float: left;
  color: #808080;
  min-width: 4rem;
  margin-left: 0;
  margin-right: 1rem;
  text-align: left;
}
.party-tab-package .pc-img {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 8px;
  margin-right: 20px;
}
.party-tab-package .pc-img img {
  width: 100%;
  height: 100%;
}
.party-tab-package select {
  display: inline-block;
  width: 45px;
  padding: 0;
  border: none;
  box-shadow: none !important;
  color: #6b3ad8 !important;
  background-color: transparent !important;
}

.party-tab-package .left-guest-info {
  display: inline-block;
  width: calc(100% - 337px);
  color: #6b3ad8;
  font-size: 15px;
  font-weight: 600;
}
.party-tab-package .right-guest-info {
  display: inline-block;
  color: #6b3ad8;
  font-size: 15px;
  font-weight: 600;
}
.party-tab-package .icons-click {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 12px;
}
.party-tab-package {
  position: relative;
  background-color: #dbffef;
  padding: 4px 3px;
  border-radius: 8px;
  width: 100%;
}
.party-tab-package i {
  cursor: pointer;
  font-size: 25px;
  vertical-align: middle;
}
#addon-list {
  max-height: 500px;
  overflow-y: scroll;
}
#basic-datatable .btn-outline-theme {
  padding: 13px 5px;
}
.account-profile-seting .nav-item {
  width: 100%;
}
table.dataTable {
  width: 100% !important;
}
.revenue-generated-mobile-view {
  display: none !important;
}
table.dataTable td p {
  margin-bottom: 4px;
}
.signup-form button {
  width: 200px !important;
}
#select-package-modal .room1-infor button {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 0px !important;
}
.selected-pc-card .select2-container {
  width: 100% !important;
}
.selected-pc-card .select2-selection--single {
  min-height: 25px;
}
.selected-pc-card .select2-selection__arrow {
  min-height: 25px !important;
  top: -5px !important;
}
.selected-pc-card .select2-selection__arrow b {
  top: 35%;
}
.edit-party-btm-ntm {
  padding: 0 15px;
  margin-bottom: 15px;
}
label {
  font-size: 14px;
}
.sm-logo-eye {
  width: 24px;
  vertical-align: middle;
  margin-left: 6px;
}
.block-time-btns .tt-pc {
  width: 96px !important;
  line-height: 18px;
}
.block-time-btns .show-stat {
  display: inline-block !important;
  width: calc(100% - 140px) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile-event-pck-btn .add-event-btns-multi {
  top: 9px;
}
.blocked-packge-time .add-event-btns-multi {
  top: 13px;
}
.waiver-form-infor .n-info {
  font-size: 14px;
  font-weight: 600;
  color: #000;

  display: inline-block;
}
.waiver-form-infor .waiver-right-ino {
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
}
.waiver-form-infor .r-2 {
  margin-top: 15px;
}
.waiver-form-infor h3 {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  margin: 16px 0 20px 0;
  text-decoration: underline;
}
.waiver-form-infor table {
  width: 100%;
}
.waiver-form-infor table th {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  padding: 10px 10px;
}
.waiver-form-infor table thead tr {
  background: #ececec;
}
.waiver-form-infor table td {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 10px;
}
.c-blck {
  color: #000;
  margin-right: 10px;
}
.event-list-action a {
  display: block;
  margin-bottom: 5px;
}
.event-list-tble-note p {
  font-size: 14px;
  font-weight: 500;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  cursor: pointer;
}
.event-list-tble-note {
  max-height: 70px;
  overflow-y: auto;
  padding-right: 10px;
}
.note-list {
  height: 70px;
}

.event-bal-list {
  background: #f00;
  color: #fff;
  padding: 8px 5px;
  border-radius: 3px;
  width: 180px;
}
.event-bal-list .c-blck {
  color: #fff;
}
.waiver-signature img {
  width: 100%;
}
.waiver-signature {
  background: #f6f6f6;
}
.card-view-table-heading {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 2px solid #000;
}
#email-invoice-button {
  margin-top: 0px !important;
}
.invoice-email-btn {
  margin-bottom: 14px;
  padding: 0 21px;
}
#host-discard-section {
  padding-left: 15px;
}
#save-host-details {
  margin-right: 10px;
}
.branch-sec span {
  font-weight: 600;
  color: #000;
  margin-right: 5px;
}
#branch-section .card-body {
  border-radius: 7px;
  box-shadow: 0px 0px 10px 0px rgb(227 227 227 / 80%) !important;
}
.event-date-box {
  position: relative;
}
.event-date-box i {
  position: absolute;
  right: 8px;
  top: 12px;
  color: #6b3ad8;
}
.branch-sec {
  font-weight: 500;
}
.modal-style .modal-header {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.modal-style .modal-header h4 {
  color: #fff;
}
.price-tier-box {
  width: 100%;
}
.price-tier-box h4 {
  display: inline-block;
  width: calc(100% - 80px);
  font-size: 13px;
  font-weight: 600;
  color: #6b3ad8;
  margin-bottom: 0px;
}
.price-tier-box p {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 500;
}
.price-tier-box table {
  width: 100%;
  margin-top: 5px;
  border: 1px solid #e9e9e9;
}
.price-tier-box table thead th {
  font-size: 13px;
  color: #6b3ad8;
  background: #e5e5e5;
  padding: 4px 4px;
}
.price-tier-box table tbody td {
  font-size: 12px;
  font-weight: 500;
  border-top: 1px solid #e9e9e9;
  padding: 4px 4px;
}
.fc-time-grid-event {
  inset: 542.5px 0% -560.5px !important;
  width: 100%;
  max-width: 100px;
}
/* #party-data_processing
{
  right: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
    height: 100%;
    border-radius: 0;
    line-height: 1;
    color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
    font-size: 18px;
} */
.custom-datatable .dataTables_processing {
  right: 0;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
  padding: 1em 0 !important;
  margin: auto !important;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  height: 100%;
  border-radius: 0;
  line-height: 1;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 18px;
}
.loading-img {
  width: 130px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40%;
}
/*--end color plates-----*/

@media screen and (max-width: 1200px) {
  .mobile-menu {
    position: absolute;
    top: -9px;
    left: 9px;
  }
  .content-header-title {
    margin-left: 40px;
  }

  .vertical-overlay-menu
    .main-menu
    .navigation
    li.has-sub
    > a:not(.mm-next)::after {
    top: 17px;
  }
  .main-menu .navbar-header .navbar-brand {
    margin-left: 20px;
  }
  .signup-form button {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 980px) {
  #party-calendar .fc-today-button {
    width: auto;
    padding: 2px 5px;
    font-size: 12px;
    margin-right: 0;
  }
  #party-calendar .fc-prev-button,
  #party-calendar .fc-next-button {
    padding: 0px;
  }
  #party-calendar .fc-center button {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 7px !important;
    height: 34px;
  }
  #party-calendar .fc-toolbar h2 {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  #rooms-record .card-cont h4 {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  #rooms-record .card-cont {
    padding: 10px 10px 10px 10px;
    min-height: auto;
  }
  #rooms-record .card-cont h3 {
    font-size: 17px;
  }
  #party-data {
    border: none !important;
  }
  .event-list-action a {
    display: inline-block;
  }
  .event-list-action {
    text-align: center;
  }
  #party-data td {
    font-size: 13px;
    border: none !important;
  }
  .waiver-form-infor .r-2 {
    margin-top: 0px;
  }
  .waiver-form-infor .n-info,
  .waiver-form-infor .waiver-right-ino {
    margin-bottom: 10px;
  }
  .mobile-menu {
    top: -10px;
  }
  .breadcrumbs-top h2 {
    padding-top: 0px !important;
  }
  .my-custom-tabslist .nav-item .nav-link {
    font-size: 13px !important;
  }
  .profile-img-navbar {
    margin-top: 20px;
  }
  .account-profile-seting .nav-item a {
    font-size: 13px !important;
  }
  .account-profile-seting .nav-item {
    display: inline-block;
    width: 32%;
  }
  .breadcrumbs-top h2 {
    font-size: 15px !important;
    margin-top: 10px;
  }
  .breadcrumb-item a,
  .breadcrumb .breadcrumb-item + .breadcrumb-item {
    font-size: 13px !important;
  }
  .google-location-body .form-group {
    width: 100%;
  }
  .google-location-body .float-right,
  .google-location-body .pull-right {
    float: left !important;
  }
  .signup-form button {
    width: 100% !important;
  }
  .add-party-end-date-mar {
    margin-top: 12px;
  }
  #email-template-html-body {
    margin-top: 20px !important;
  }
  #email-template-html-body,
  #email-template-html {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
  }
}
@media screen and (max-width: 802px) {
  .datatable-cards tbody tr {
    width: 47% !important;
  }
}
@media screen and (max-width: 768px) {
  .party-tab-package h4 {
    font-size: 16px;
    margin-top: 15px;
  }
  .client-label {
    font-size: 13px !important;
  }
  .ls-date {
    margin-top: 16px;
  }
  .revenue-genrated-amt {
    padding: 11px 10px !important;
  }
  .headerloaction .navbar-nav {
    font-size: 13px !important;
  }
  .l-heading {
    font-size: 18px !important;
  }
  .l-heading i {
    font-size: 22px !important;
  }
  .l-heading img {
    font-size: 18px !important;
  }
  .avg-cost-head {
    font-size: 18px;
  }

  .sm-text-1 {
    font-size: 14px !important;
  }
  .card .card-title {
    font-size: 15px;
  }
  #dashboard-analytics table td {
    font-size: 13px;
  }
  #dashboard-analytics thead th {
    font-size: 14px !important;
  }
  div.dataTables_wrapper div.dataTables_filter {
    text-align: center;
  }
  #payments_length,
  #refunds_length {
    text-align: center;
  }
  .table thead th,
  table.dataTable td {
    font-size: 13px !important;
  }
  .users-list-filter label {
    margin-top: 20px;
  }
  div.dataTables_wrapper div.dataTables_length label {
    width: 100%;
  }
  .party-list .custom-select {
    width: 85% !important;
    height: 38px;
  }
  div.dataTables_wrapper div.dataTables_filter {
    margin-left: -13px;
  }
  /* div.dataTables_wrapper div.dataTables_length select
{
  width: 300px !important;
height: 40px;
margin-left: 17px;
} */
  div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
  }
  /* div.dataTables_wrapper div.dataTables_filter input
{
  height: 40px;
  width: 300px;
} */
  .dataTables_wrapper div.dataTables_length select {
    background-position: calc(100% - 4px) 11px, calc(100% - 20px) 13px, 100% 0 !important;
  }
  .users-list-filter label {
    margin-top: 0px !important;
  }
  #tax_section_length select {
    padding: 0px;
    margin: 0px;
  }
  .waiver-tabs {
    margin-top: 25px !important;
  }
  .filters-of-user label {
    margin-top: 18px !important;
  }
  .headerloaction #dropdownMenuButton700 {
    padding: 9px 0px 9px 10px;
    font-size: 14px;
  }
  .card-cont {
    min-height: auto !important;
  }
  #add-notify-email button {
    margin: 0px !important;
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  #party-calendar .fc-left,
  #party-calendar .fc-center,
  #party-calendar .fc-right {
    width: 100%;
  }
  #party-calendar .fc-toolbar {
    display: block;
    text-align: center;
  }
  #party-calendar .fc-right {
    text-align: center !important;
  }
  #party-calendar .fc-left {
    margin-bottom: 13px;
  }
  #party-calendar .fc-center {
    margin-bottom: 13px;
  }
  #party-calendar .fc-center button {
    width: 100% !important;
    box-shadow: none !important;
    height: 38px;
  }
  #party-calendar .fc-right .fc-button {
    padding: 7px 24px;
  }
  .show-mobile-screen {
    display: inline-block;
  }
  .show-large-screen {
    display: none;
  }
}

@media screen and (max-width: 611px) {
  .account-profile-seting .nav-item {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .email-template-btn button {
    width: 100%;
  }
  .add-packages-list-v li {
    width: 100%;
    margin-bottom: 6px !important;
  }
  
  .information-icons {
    position: relative !important;
  }
  .nav.nav-tabs.nav-justified .nav-item {
    width: 100% !important;
  }
  .headerloaction .navbar-nav {
    font-size: 13px !important;
  }
  .analytics-information h5 {
    text-align: center;
  }
  .waiver-tabs .nav-item .nav-link {
    border-radius: 5px !important;
  }
  #addBusinessCoupon .form-group {
    margin-bottom: 0px !important;
  }
  .media-mar-top {
    margin-top: 1.5rem !important;
  }

  #basic-datatable .btn-outline-theme {
    width: 100%;
  }
  .mmedia-rem-pull {
    float: left !important;
    width: 100%;
    margin: 8px 0 !important;
  }
  .mmedia-rem-pull .pull-right {
    float: left !important;
  }
  #general .card-body,
  #hours .card-body,
  #info .card-body,
  #waiver .card-body {
    padding: 5px !important;
  }
  .select2-container {
    width: 100% !important;
  }
  .work-hours-div {
    margin-top: 0 !important;
    margin-left: 0px !important;
  }
  .remove-work {
    margin-left: 0px !important;
    margin-top: 2px;
  }
  .add-work-label {
    align-self: center;
  }
  #working-hours .select2-selection__rendered {
    font-size: 12px !important;
  }
  .add-work {
    margin-left: 0px !important;
  }
  #booking-details-time h4 {
    font-size: 14px;
  }
  .revenue-generated-desktop-view {
    display: none !important;
  }
  .revenue-generated-mobile-view {
    display: block !important;
    width: 93% !important;
    margin: 62px 0px 4px 19px !important;
    position: fixed;
    z-index: 1;
    border-radius: 5px;
    text-align: left !important;
  }
  .app-content .business-owner-header {
    background: #fff !important;
    margin: 0px !important;
    width: 100% !important;
    padding-right: 21px;
    min-height: 4rem;
    border-radius: 0px !important;
  }
  .content-header-left {
    margin-left: 10px !important;
  }
  .content-body {
    margin-top: 2.5em;
  }
  .main-menu .navbar-header .navbar-brand {
    margin-left: 40px;
  }
  .blocked-loaction .select2-container {
    width: 100% !important;
  }
  .sm-text {
    font-size: 12px !important;
  }
  select,
  input,
  textarea,
  p {
    font-size: 12px !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 13px !important;
  }
  .table thead th {
    font-size: 11px !important;
  }
  table.dataTable td,
  table.dataTable td {
    font-size: 11px !important;
    font-weight: 400px !important;
  }
  table.dataTable td span {
    font-size: 11px !important;
    font-weight: 400px !important;
  }
  table.dataTable td p {
    font-size: 11px !important;
    font-weight: 400px !important;
  }
  div.dataTables_wrapper div.dataTables_length label,
  div.dataTables_wrapper div.dataTables_filter label {
    font-size: 12px !important;
  }
  label,
  .select2-container--default .select2-selection--single {
    font-size: 13px;
  }
  .waiver-tabs .nav-item .nav-link {
    font-size: 13px !important;
  }
  .nav.nav-tabs .nav-item .nav-link {
    font-size: 13px !important;
  }
  ::placeholder {
    font-size: 12px !important;
  }
  .btn-outline-theme {
    font-size: 12px;
  }
  .icon-eye {
    font-size: 18px !important;
  }
  .product-action .action-view {
    font-size: 13px !important;
  }
  .icon-trash,
  .icon-refresh-ccw,
  .icon-eye {
    font-size: 18px !important;
  }
  .icon-edit {
    font-size: 18px !important;
  }
  .demo-notes li i {
    font-size: 9px !important;
  }
  .demo-notes li {
    font-size: 12px !important;
    font-weight: 500;
  }
  .shuffle-message {
    font-size: 12px !important;
  }
  .create-business {
    font-size: 13px;
  }
  div.dataTables_wrapper div.dataTables_info {
    font-size: 11px;
  }
  .form-group.coupon-type-bo {
    margin-top: 18px;
  }
  .checkbox-for-paid {
    margin-top: 16px !important;
    margin-bottom: 10px;
  }
  .checkbox-for-paid label {
    font-size: 12px;
  }
  .add-promotion {
    font-size: 12px;
    margin-top: 13px;
    width: 100%;
  }
  .signup-form button {
    margin-bottom: 10px !important;
  }
  #notificationEmail_section_wrapper .dataTables_length select {
    width: 190px !important;
  }
  #notificationEmail_section_wrapper .dataTables_filter input {
    width: 194px;
  }
  .add-event-btns-multi {
    margin-top: -11px !important;
  }
  #roomAccordion .accord-btns {
    font-size: 15px !important;
  }
  .mobile-event-pck-btn .add-event-btns-multi {
    top: 19px;
  }
  .blocked-packge-time .add-event-btns-multi {
    top: 16px;
  }

  .inivite-btn {
    margin-bottom: 10px;
  }
  .client-side-party-infor-addons p {
    margin-bottom: 3px;
    margin-top: 4px !important;
    font-size: 15px !important;
    font-weight: 500;
    color: #6b3ad8;
  }
  .client-side-party-infor-addons {
    border-bottom: 1px solid #ccc;
    padding: 12px 0 0 0;
  }
  #addon-list p {
    margin-bottom: 3px;
    margin-top: 4px !important;
    font-size: 15px !important;
    font-weight: 500;
    color: #6b3ad8;
  }
}
@media screen and (max-width: 542px) {
  .datatable-cards tbody tr {
    width: 97% !important;
  }
}
@media screen and (max-width: 534px) {
  .party-chart-list {
    display: inherit;
  }
  .party-chart-list p {
    font-size: 13px !important;
  }
  .party-chart-list h2 {
    font-size: 13px !important;
  }

  .headerloaction .content-header-left {
    width: 100%;
  }
  .m-custom-dropdown .dropdown-toggle::after {
    position: absolute;
    left: 140px !important;
    top: 7px;
    text-align: right;
    margin-right: 6px;
  }
  .revenue-genrated-amt.navbar-nav {
    margin-left: -10px !important;
  }
}
@media screen and (max-width: 414px) {
  .btn {
    width: 100%;
  }
  .scroll-top {
    width: 40px;
    height: 40px;
  }

  .revenue-genrated-amt {
    padding: 8px 3px !important;
  }
  .m-custom-dropdown .dropdown-toggle::after {
    left: 80px !important;
  }
  .headerloaction #dropdownMenuButton700 {
    font-size: 13px;
  }
  .headerloaction .navbar-nav {
    font-size: 12px;
  }
  .inner-white-card {
    padding: 0px 0px !important;
  }
  #faq-add-time .card-body {
    padding: 0px !important;
  }
  .add-parties-multiple #faq-add-time .card-body {
    padding: 1.5rem !important;
  }
  .res-margin-top {
    margin-top: 5px;
  }
  .bg-addon .px-2 {
    padding: 0px !important;
  }
}

@media screen and (max-width: 381px) {
  .revenue-list span {
    font-size: 14px;
  }
  .sm-text {
    font-size: 10px !important;
  }
  .analytics-information h5 {
    text-align: center;
  }
  .m-custom-dropdown button {
    margin: 0px !important;
  }
}

.add-parties-multiple .select-box {
  width: 200px;
  display: inline-block;
}
.add-cards-btn {
  background-color: #288a01 !important;
  color: #fff !important;
  border-radius: 4px;
  width: 107px;
  height: 37px;
  margin-top: -4px;
}
.add-parties-multiple select {
  background: #6b3ad8 !important;
  color: #fff !important;
}

.time-selection .card {
  margin-bottom: 30px;
  border: 0;
}

.time-selection .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
  width: 100%;
  display: inline-block;
}

.time-selection .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
  padding: 14px;
  font-size: 15px;
  font-weight: 500;
}

.time-selection .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
}

.time-selection .card .card-header .btn-header-link.collapsed {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
}

.time-selection .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

.time-selection .card .collapsing {
  background: #fbf1f0;
  line-height: 30px;
}

.time-selection .card .collapse {
  border: 0;
}

.time-selection .card .collapse.show {
  background: rgb(5 212 143 / 10%);
  line-height: 30px;
  color: #222;
}
.clone-pack-btn {
  background: #beb301;
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  color: #fff;
  font-size: 19px;
  margin-left: 5px;
}
.add-cardpack-btn {
  background: #0ae1cd;
  padding: 0;
  width: 49.8px;
  height: 49.8px;
  border-radius: 4px;
  color: #fff;
  font-size: 19px;
  margin-left: 5px;
  margin: 0px !important;
}
.del-pack-btn {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  color: #fff;
  font-size: 19px;
  margin-left: 5px;
}
.inner-white-card {
  background: #fff;
  width: 100%;
  padding: 14px 14px !important;
  margin-top: 23px;
  border-radius: 5px;
}
#accept-delete-gallery-image:hover,
.btn-p:hover,
.delete-btn:hover {
  border-color: #05d48f !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #05d48f;
}
#default-waiver:hover {
  border-color: #5e50ee !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #7367f0;
}
.inner-white-card .form-group {
  width: 100%;
  margin: auto;
}

.inner-white-card .clone-time {
  background: #beb301 !important;
  padding: 2px;
  width: 100px;
  height: 36px;
  margin-right: 11px;
  text-transform: capitalize;
}
.clone-time:hover {
  border-color: #beb301 !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #beb301;
}
.inner-white-card .delete-time {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  padding: 2px;
  width: 100px;
  height: 36px;
  text-transform: capitalize;
}
.delete-time:hover {
  border-color: #05d48f !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #05d48f;
}
.clon-del-btn {
  display: inline-block;
  text-align: right;
  padding-right: 13px;
}
.select2-changes .select2-container .select2-selection--single {
  text-align: left;
}
.select2-changes .select2-container--default .select2-selection--single {
  background-color: #6b3ad8 !important;
}
.select2-changes
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff !important;
}
.select2-changes
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #fff transparent transparent transparent !important;
}

.home-package-time .pl-cont h3 {
  color: #6b3ad8 !important;
  font-size: 14px;
  font-family: "Montserrat";
  margin-bottom: 0px;
}
.home-package-time .pl-cont .fa-long-arrow-right {
  font-size: 18px;
  color: #bbbbbb;
  font-family: "FontAwesome";
  vertical-align: inherit;
  padding: 0 5px;
}
.home-package-time .pl-cont .fa-clock-o {
  font-size: 19px;
  vertical-align: middle;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.home-package-time .pl-cont {
  display: inline-block;
}
.home-package-time .pr-pack-price {
  display: inline-block;
}
.home-package-time .pr-pack-price h4 {
  position: absolute;
  right: 8px;
  top: 10px;
  margin: 0;
  color: #0ba100;
  font-size: 13px;
  font-weight: 600;
}
.home-package-time {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 7px 7px;
  align-self: center;
  margin-bottom: 10px;
  background-color: white !important;
  cursor: pointer;
}

.client-package-img .price {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  width: auto;
  height: 50px;
  z-index: 10;
  padding: 0 5px;
  line-height: 3.5;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  top: 0;
  left: 30px;
}
#notificationEmail_data i,
#tax_data i {
  cursor: pointer;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.shuffle-message {
  background: #c1f5e4;
  width: 100%;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 17px;
  border-radius: 5px;
  margin: 10px 0;
}
#roomAccordion {
  width: 100%;
}
#roomAccordion .accord-btns {
  width: 100%;
  text-align: left;
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  padding-left: 20px;
  font-size: 17px;
  font-weight: 500;
}
#roomAccordion .card-body {
  padding: 7px 10px;
}
#roomAccordion .block-rooms-check {
  display: inherit;
  float: left;
  margin-top: 8px;
}
.view-note {
  position: absolute;
  right: 20px;
  color: #fff !important;
}
.textarea-box {
  margin: auto;
  padding: 0 28px;
}
.submit-notes {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  margin: auto;
}

.blocked {
  background-color: #ffcdcd;
  font-size: 18px;
  color: #000 !important;
  font-weight: 500;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  cursor: no-drop;
}
.blocked i {
  color: #000 !important;
}
#roomAccordion .card {
  margin-bottom: 10px;
}
#roomAccordion .card-header {
  padding-top: 0px;
}
.popover-setting-blocked label {
  font-size: 14px;
  margin: 2px 0 12px 0;
}
.popover-setting-blocked .block-confirm-account {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  font-size: 14px;
  border-radius: 4px;
  padding: 6px 5px;
  width: 94px;
  margin-top: 15px;
}
.popover-setting-blocked {
  text-align: center;
}

.popover-setting-blocked .cancel-confirm-account {
  font-size: 13px;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 5px;
  width: 80px;
  margin-top: 15px;
  margin-right: 7px;
}
.popover-setting-blocked .save-block-comment {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  font-size: 14px;
  border-radius: 4px;
  padding: 6px 5px;
  width: 94px;
  margin-top: 15px;
}
.popover-setting-blocked .hide-popover {
  font-size: 13px;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 5px;
  width: 80px;
  margin-top: 15px;
  margin-right: 7px;
}
.cd-2 {
  padding-right: 0px !important;
}
#package-list .packages-selection-time .card-cont {
  min-height: unset !important;
  height: 100%;
  padding-bottom: 1px;
}
.show-selected-package {
  background: #ffd5d6;
  width: 100%;
  padding: 10px 5px;
  text-align: center;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  margin-bottom: 10px;
}
.addon-price-qty-table {
  color: #6d6d6d;
  font-size: 14px;
  font-weight: 500;
}
.last-cont-tb {
  color: #213c51 !important;
  font-weight: 700 !important;
}
.addon-price-qty-table td {
  padding-bottom: 0.75rem;
}

.addons-added {
  background: #408200 !important;
  color: #fff !important;
}
.order-summer-sidebar table {
  width: 100%;
}
.order-summer-sidebar .summary-left-price {
  color: var(--textcolor);
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
}
.order-summer-sidebar .summary-right-price {
  color: var(--textcolor);
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  float: right;
}
.order-summer-sidebar h2 {
  color: #1e1c1c;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 0px;
}
.price-detail-client-side {
  background: #f8f8f8;
  padding: 10px 10px;
  border-radius: 5px;
}
.diveder-line {
  margin: 9px 0;
  border-top: 2px dashed #c9c9c9;
}
.order-summer-sidebar .apply-btn {
  float: right;
  font-size: 14px;
  font-weight: 500;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
}
.icons-delete i {
  font-size: 40px;
}

.order-summer-sidebar table td {
  padding: 3px 0;
}

#apply-coupon .c-hdng {
  color: #6b3ad8;
  font-size: 16px;
  font-weight: 600;
}
.invitation-send-mail {
  border: 2px solid transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  margin-right: 10px;
}
#sendinvitation-mail h4 {
  font-size: 19px;
  font-weight: 600;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
#sendinvitation-mail p {
  color: #6b3ad8;
  font-weight: 500;
  font-size: 14px;
}
#sendinvitation-mail label {
  color: #6b3ad8;
  font-size: 13px;
  font-weight: 600;
}
#sendinvitation-mail .preview {
  background-color: #6b3ad8;
  height: 35px;
  color: #fff;
  text-align: center;
  padding: 0 10px;
}

#sendinvitation-mail .download {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  height: 35px;
  color: #fff;
  text-align: center;
  padding: 0 10px;
}
.preview-img img {
  width: 100%;
}
.preview-img {
  padding: 10px 20px;
}
.custom-dropdown-settings-page button {
  background: #6b3ad8;
  padding: 12px 13px;
  font-size: 14px;
  width: 150px;
  border: 1px solid #6b3ad8;
  border-radius: 4px;
  font-weight: 500;
  color: #fff !important;
  text-align: left;
  margin-bottom: 15px;
  width: 256px;
}

.custom-dropdown-settings-page .dropdown-toggle::after {
  display: none;
}
.custom-dropdown-settings-page .dropdown-item {
  border-top: 1px solid #ccc;
  font-weight: 500;
  color: #000 !important;
}

.custom-dropdown-settings-page button i {
  position: absolute;
  right: 0;
  top: 13px;
  font-size: 12px;
}
#tab-section {
  width: 100%;
  z-index: 13;
  background-color: #6b3ad8;
}
#tab-section a {
  color: #fff !important;
}
#tab-section a:hover {
  background-color: #dee6fc;
  color: #000 !important;
}
#tab-section::before {
  background: #6b3ad8 !important;
}
.mobile-add-work {
  display: none;
}
.selected-pc-card p {
  margin-bottom: 3px;
  font-size: 13px;
  color: #828282;
  font-weight: 400;
}
.selected-pc-card input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #232629 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
.selected-pc-card {
  background-color: #fff;
  box-shadow: 0px 0px 7px #e8e8e8;
  padding: 6px 10px;
  border-radius: 4px;
  margin-top: 10px;
  position: relative;
}
.selected-pc-card .unedit-cont {
  color: #232629;
  font-size: 15px;
  font-weight: 500;
}
.selected-pc-card #change-time-slot {
  position: absolute;
  right: 6px;
  top: 7px;
}
.selected-pc-card .select2-selection__rendered {
  line-height: 17px !important;
}
.signup-form label {
  font-family: montserrat;
}
#add-card.modal.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
  z-index: 999999999999999;
}
.add-card-bo-btn {
  margin-top: 30px;
}
#tax_section_wrapper .custom-select {
  height: 2.8rem;
  border-radius: 5px;
}
#tax_section_filter .form-control {
  border-radius: 5px;
  padding: 5px 5px !important;
}
#tax_section_filter label::after {
  top: 9px;
}
#add-tax #tax_field td {
  border: none !important;
}
#add-tax {
  z-index: 99999999999999;
}
.selected-package .fa-eye {
  margin-left: 20px;
}
.add-event-btns-multi {
  margin-bottom: 0;
  display: inherit;
  text-align: right;
  float: right;
  line-height: 0;
  margin-top: -7px;
  position: absolute;
  right: 6px;
  top: 14px;
}
.add-event-btns-multi a {
  width: 100%;
  display: block;
  margin-top: 0px;
  height: auto !important;
}
.add-event-btns-multi a i {
  background: #fff;
  border-radius: 3px;
  font-size: 14px;
  padding: 2px 2px;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #05d48f;
}
.add-event-btns-multi .p-edit {
  margin-top: 3px;
}
.waiver-signed {
  font-size: 14px;
  text-align: center;
  padding: 12px 5px;
  margin-bottom: 0;
  line-height: 1.5;
  letter-spacing: 0.5px;
  background: #feeeee;
  border-radius: 7px;
}
.waiver-signed-party-infor {
  font-size: 15px;
  text-align: left;

  padding: 12px 5px;

  margin-bottom: 0;
}
#package-image-section {
  width: 100% !important;
}
.amt-transation input {
  border-top: 1px solid #9f9f9f;
  border-bottom: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
  height: 43px !important;
}
.fc-event,
.fc-event:hover {
  color: #fff !important;
}
.seingtabs .tab-content h2 {
  font-size: 18px;
  font-weight: 600;
  color: #6b3ad8;
}
.seingtabs .radio-btns {
  margin: 16px 0;
}
.the-legend {
  border-style: none;
  border-width: 0;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
  width: auto;
  padding: 0 10px;
  font-weight: 600;
  color: #000;
}
.the-fieldset {
  border: 1px solid #fac8c8;
  padding: 10px;
  background: #fffbfb;
  border-radius: 5px;
}
/* .seingtabs .the-fieldset h3
{
  font-size: 14px;
  font-weight: 600;
  color: #6b3ad8;
  margin-top: 25px;
} */

.seingtabs .the-fieldset h3 {
  font-size: 14px;
  font-weight: 600;
  color: #6b3ad8;
  margin-top: 30px;
}

.color-picker input {
  padding: 0;
  width: 120px;
  border: none;
  background: transparent;
  border-radius: 14px;
}
/* .color-picker
{
  width: 120px;
  display: inline-block;
  position: relative;
  top:20px;
} */

.color-picker {
  width: 120px;
  display: inline-block;
  position: relative;
  top: 30px;
}

.color-picker .color_code {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  line-height: 2.5;
  color: #fff;
  font-weight: 500;
}
.dropper_btn {
  padding: 0;
  width: 32px;
  height: 32px;
  margin-top: -24px;
  border-radius: 5px;
  background: #bfbfbf;
  color: #fff !important;
}
.upload__btn-box {
  border: 2px dotted #ccc;
  text-align: center;
  border-radius: 5px;
  padding: 50px 0;
  width: 350px;
}

.upload__box {
  padding: 12px 0px 0 0;
}
.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #000;
  text-align: center;
  min-width: 116px;
  padding: 0px 0;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none !important;
  background-color: transparent;
  border-radius: 5px;
  line-height: 26px;
  font-size: 12px;
  width: 50%;
}
.upload__btn p {
  margin-bottom: 0px;
}

.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.upload__img-box {
  width: 200px;
  padding: 0 10px;
  margin-bottom: 12px;
}
.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}
.upload__img-close:after {
  content: "\2716";
  font-size: 14px;
  color: white;
}
.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}
.seingtabs textarea {
  width: 350px;
  margin-top: 12px;
}
.apply_btn {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff;
  padding: 2px 6px;
  height: 32px;
  width: 100px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  margin-right: 10px;
}
.apply_btn:hover {
  color: #fff !important;
}
.cancel_btn {
  background: #bfbfbf;
  color: #000;
  padding: 2px 6px;
  height: 32px;
  width: 100px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
}
.btns_gp {
  width: 100%;
  margin: auto;
  display: inherit;
  text-align: center;
  margin-top: 15px;
}
#layout-section .custom-checkbox {
  width: 34px !important;
  height: 30px !important;
}
#refund-button {
  margin-top: 13px;
}

@media screen and (max-width: 1200px) {
  body.vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: 0px !important;
    text-align: center;
  }

  .m-custom-dropdown button,
  .revenue-genrated-amt {
    padding: 6px 11px !important;
  }
  .business-admin-hamber {
    top: 14px;
    padding: 4px 3px !important;
    border-radius: 5px;
  }
  .custom-dropdown-settings-page button {
    width: 233px;
  }
  #add-tax #tax_field {
    display: block;
  }
  #add-tax #tax_field td {
    display: inline flow-root list-item;
    width: 100%;
    border: none !important;
  }
  .gift-icon {
    margin-top: 0px;
  }
}
@media screen and (max-width: 991.2px) {
  .d-none-medium {
    display: none;
  }
  .pd-double {
    padding: 24px 15px 24px 15px !important;
  }
  .signup-heading,
  .parag {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .smal-scr-margin {
    margin-top: 20px;
  }
  #skip-payment {
    margin-bottom: 10px;
  }
  .revenue-genrated-amt {
    padding: 8px 11px !important;
  }
  .add-work {
    margin-left: 0px !important;
  }
  .mobile-add-work {
    display: inline-block;
    margin-left: 10px !important;
    width: 23px;
    height: 23px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .desktop-add-work {
    display: none;
  }
  .signup-form .row {
    width: 100% !important;
    margin: auto !important;
  }
  .pd-double {
    padding: 0px !important;
  }
  .signup-heading,
  .parag {
    padding-left: 15px;
  }
  .signup-heading {
    margin-top: 12px;
    font-size: 15px !important;
  }
  .parag {
    font-size: 12px !important;
  }
  .signup-form label {
    font-size: 12px !important;
    font-family: montserrat;
  }
  .pp-container .circle {
    width: 120px !important;
    height: 120px !important;
  }

  .signup-form button {
    width: 100%;
  }
  .pp-container .upload-button {
    right: -16px !important;
  }
  .add-card-cvv-mar {
    margin-top: 1.5em;
  }
  .add-card-bo-btn {
    width: 100%;
  }
  #tax_section_wrapper .custom-select {
    margin-right: 15px;
    width: 200px !important;
  }
  #tax_section_filter .form-control {
    width: 200px;
  }
  #tax_section_wrapper .top {
    padding: 0px !important;
  }
  .no-record .alert-info {
    padding: 3px 0;
    font-size: 11px;
  }
  .add-cardpack-btn {
    width: 100%;
    height: 36px;
    margin: 0px 0px !important;
    font-size: 12px;
    margin-top: 15px !important;
  }
  .rm-m {
    margin-top: 0px !important;
  }
  #stripe-2 {
    margin-top: 15px;
  }
  .tox-tinymce {
    margin-top: 20px;
  }
  .party-tab-package .media {
    display: inherit;
  }
  .party-tab-package .pc-img {
    width: 100%;
    height: 300px;
    margin-top: 35px;
  }
  .card-cont h3 {
    margin-bottom: 5px;
  }
  .party-info-pay-txt h5 {
    display: inline-block;
    width: calc(100% - 255px);
    margin-top: 0px !important;
  }
  .party-info-pay-txt p {
    display: inline-block;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 640px) {
  .template-table table {
    width: 100% !important;
  }
}
@media screen and (max-width: 576px) {
  .event-information {
    width: 100%;
  }
  #status button {
    width: 100%;
    margin-top: 12px;
  }
}
@media screen and (max-width: 575px) {
  #tax_section_length {
    width: 100%;
  }
  #tax_section_filter {
    width: 100%;
    margin-left: -6px;
  }
  #tax_section_filter .form-control {
    width: 100%;
  }
  #tax_section_wrapper .custom-select {
    margin-right: 15px;
    width: 100% !important;
  }
  .content-header {
    width: 100%;
    display: inline-block !important;
    margin-left: 40px;
  }
  .custom-dropdown-settings-page {
    width: 98.9%;
    margin: auto;
  }
  .custom-dropdown-settings-page button {
    width: 100%;
    margin-top: 0px;
  }
  .business-admin-hamber {
    left: 18px;
    padding: 4px 6px !important;
    top: 9px;
  }
  .m-custom-dropdown span {
    width: 97%;
  }
  .revenue-generated-mobile-view {
    font-size: 13px !important;
    padding: 11px 11px !important;
    z-index: 19;
    text-align: center !important;
  }
  .work-hours-div {
    margin-left: 0px !important;
  }
  .add-work-label {
    align-self: center !important;
  }
  #working-hours .select2-container {
    width: 100% !important;
  }
  .add-work {
    margin-bottom: 11px;
  }
  .party-tab-package .media {
    display: inherit;
  }
  .party-tab-package .pc-img {
    width: 100%;
    margin-right: 0px;
    margin-top: 35px;
    height: unset;
  }
  .party-tab-package h4 {
    margin-top: 12px;
    font-size: 14px !important;
  }
  .modal-img-gallery-icon {
    font-size: 12px;
    right: 12px;
  }
  .card-cont h4,
  .description-set .description {
    font-size: 13px !important;
  }
  .info-detail {
    margin-top: 8px !important;
    font-size: 12px !important;
  }
  .room1-infor button {
    font-size: 14px !important;
  }
  .select-pack-btn-slote .select-package,
  .information-detail-modal button {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .client-side-cont h4 {
    margin-top: 11px;
  }
  .more-less {
    font-size: 12px !important;
  }
  #host-info-modal label {
    font-size: 12px !important;
  }
  .card-link {
    font-size: 12px;
  }
  .vs-checkbox-con {
    font-size: 12px;
  }
  #login button {
    width: 100%;
  }
  #add-address-form .select2-container {
    width: 100% !important;
  }
}

@media screen and (max-width: 483px) {
  .revenue-generated-mobile-view {
    width: 92% !important;
  }
  .party-info-pay-txt h5 {
    width: calc(100% - 220px);
  }
}

@media screen and (max-width: 430px) {
  .revenue-generated-mobile-view {
    width: 91% !important;
  }
}

@media screen and (max-width: 414px) {
  #package-section .card-body {
    padding: 5px 5px !important;
  }
  .footer img {
    width: 50px !important;
  }
  .footer {
    font-size: 13px !important;
  }
  #login-section {
    padding: 0px !important;
  }
  .google-location-body .float-right,
  .google-location-body .pull-right {
    float: left !important;
  }
  .google-location-body .form-group {
    width: 100%;
  }
  .pl-sm-0 {
    padding-left: 0px !important;
    margin-top: 7px;
    margin-bottom: 10px;
  }
  #faq-add-time {
    padding-top: 14px;
  }
  .party-info-pay-txt h5 {
    width: calc(100% - 130px);
  }
  .work-hours-div .select2-selection--single {
    padding: 5px 0px !important;
  }
  .work-hours-div .select2-selection__rendered {
    padding-left: 5px !important;
    padding-right: 2px !important;
  }
  #submit-addons {
    margin-top: 15px;
  }
}

@media screen and (max-width: 390px) {
  .revenue-generated-mobile-view {
    width: 90% !important;
  }
}
@media screen and (max-width: 360px) {
  .flatpickr-calendar {
    left: 0px !important;
    right: 0px !important;
    font-size: 11px !important;
    margin: auto;
  }
  .revenue-generated-mobile-view {
    width: 97% !important;
    margin-left: 6px !important;
  }
  .profile-img-navbar {
    width: 33px;
    height: 33px;
  }
  #addBusinessCoupon .flatpickr-calendar {
    left: -21px !important;
  }
  html body .content .content-wrapper {
    padding: calc(2.2rem - 0.4rem) calc(2.2rem - 2rem) 0;
  }
  #working-hours .select2-selection__rendered {
    padding-left: 2px;
    padding-right: 0;
  }

  .remove-work {
    width: 28px;
    height: 28px;
    line-height: 1;
    font-size: 16px;
    margin-top: 4px !important;
  }
  .add-work-label {
    padding: 0px 8px;
  }
  #working-hours .col-4,
  #working-hours .col-1,
  #working-hours .col-2 {
    padding-right: 0px;
  }
}
@media screen and (max-width: 345px) {
  #notificationEmail_section_wrapper .dataTables_length select {
    width: 145px !important;
  }
  #notificationEmail_section_wrapper .dataTables_filter input {
    width: 148px;
  }
}

#addons-modal-data {
  width: 100%;

  margin: auto;
}

.print-btn-report {
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 10px;
  border-radius: 4px;
  width: 120px;
}
.print-btn-report i {
  font-size: 15px;
  margin-right: 9px;
}

.download-btn-report {
  background-color: #1245cb;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 10px;
  border-radius: 4px;
  width: 120px;
}
.download-btn-report i {
  font-size: 15px;
  margin-right: 9px;
}
.left-infor {
  display: flex;
}
.left-infor h3 {
  font-size: 18px;
  font-weight: 600;
  margin-left: 11px;
  margin-top: 3px;
}
.payment-infor-all p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.4;
  margin-top: 20px;
  color: #000;
}
.payment-infor-all .setup {
  background: #6b3ad8;
  color: #fff;
  padding: 9px 14px;
  font-size: 13px;
  border-radius: 4px;
  margin-top: 3px;
  float: right;
}
.payment-infor-all .deactivate-btn {
  background: #ccc;
  color: #000;
  padding: 9px 14px;
  font-size: 13px;
  border-radius: 4px;
  margin-top: 14px;
}

/*-----toggle-----*/
.toggle-button-cover {
  display: table-cell;
  position: relative;
  width: 200px;
  box-sizing: border-box;
}

.button-cover,
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  position: relative;
  top: 50%;
  width: 136px;
  height: 39px;
  overflow: hidden;
}

.button.r,
.button.r .layer {
  border-radius: 5px;
}

.button.b2 {
  border-radius: 2px;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knobs {
  z-index: 2;
}

.layer {
  width: 100%;
  background-color: #dfffdf;
  transition: 0.3s ease all;
  z-index: 1;
}

/* Button 1 */
#button-1 .knobs:before {
  content: "Activate";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 90px;
  height: 30px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  padding: 9px 4px;
  background-color: green;
  border-radius: 5px;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:before {
  content: "Deactivate";
  left: 42px;
  background-color: #f44336;
}

#button-1 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
  transition: 0.3s ease all;
}
/*-----end toggle----*/
.sliderinfo h2 {
  font-size: 17px;
  font-weight: 700;
  color: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
}
.sliderinfo p {
  font-size: 13px;
  font-weight: 400;
  color: #000;
}
.b_info {
  font-size: 14px;
  font-weight: 600;
  color: #6b3ad8;
}
.loader {
  font-size: 16px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display: flex;
  align-items: center;
  justify-content: center;
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #05d48f, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #05d48f, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #05d48f, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #05d48f, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #05d48f, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #05d48f, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #05d48f, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #05d48f;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #05d48f, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #05d48f, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #05d48f, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #05d48f, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #05d48f, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #05d48f, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #05d48f, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #05d48f;
  }
}
pre {
  background-color: #140059;
  padding: 20px 15px;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: white;
  font-weight: 600;
  border-radius: 0px 0px 12px 12px;
  white-space: break-spaces;
}
.embeded-text{
    background: #05d490;
    padding: 15px;
    color: white;
    font-weight: 600;
    border-radius: 12px 12px 0px 0px;
}
.embeded-text .fa-copy{
  font-size: 20px;
}
.basic-integration ul, .platforms ul{
  list-style: none;
}
.basic-integration ul li .steps {
  color: #05d490;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  margin-bottom: 4px;
}
.platforms-btn{
  background: transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%) !important;
  color: white;
  border: 0px solid;
  border-radius: 8px;
  padding: 8px 24px;
}
.basic-integration h3, .platforms h3{
  color: #6b3ad8;
}
.embeded-content h4{
  color: #6b3ad8;
}
.embeded-content ul{
  list-style: none;
}
.embeded-content ul li, .embeded-content ol li{
  margin: 8px 0px;
}
.embeded-content a{
  text-decoration: underline;
  color: #7367f0;
}
@media screen and (max-width:992px) {
  .platforms-btn{
    width: 100%;
  }
}
@media (min-width: 576px){
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem) !important;
}
}
.platform-img {
  width: 24px;
  display: inline-block;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
}