:root {
 --primarybg:#243561;
 --secondarybg:transparent linear-gradient(90deg, #05d48f 0%, #0ae1cd 100%);
 --mainbg:#fff;
 --superheading:#243561;
 --bordercolor:#ccc;
 --textcolor: #393939;
 --inputbg:#fff;
 --btncolor: #393939;
 --whitecolor:#fff;
 --btncolor: #393939;
}
html[data-theme='redblack'] 
{
  --primarybg:#2D2A32;
  --secondarybg:#e6cc03;
  --whitecolor:#fff;
  --superheading:#393939;
  --textcolor: #393939;
  --btncolor: #393939;
  --mainbg:#fffce3;
}

.primaybg
{
    background: var(--primarybg) !important;
    color:var(--whitecolor) !important;
}
.secondarybtn
{
  background: var(--secondarybg) !important;
  color:var(--whitecolor)!important;  
}
span.flatpickr-weekday
{
  color: var(--textcolor) !important;
}
.flatpickr-day
{
  color: var(--textcolor) !important;
}
.flatpickr-current-month span.cur-month
{
  color: var(--textcolor) !important;
}
#calender
{
  background-color: var(--mainbg);
}
.room1-infor .unselected-package:hover
{
  background: var(--primarybg) !important;
}

.flatpickr-day.today
{
  border-color: #05d48f !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: var(--secondarybg) !important;
  border-color: #05d48f !important;
  color: #fff !important;
}


/* loader */
.loading {
  top: 50%;
  left: 50%;
}
.loading-css{
  height: 65px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
}
.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;
}
.packages-selection-time
{
  box-shadow: 0px 0px 31px #ccc !important;
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: var(--mainbg);
}
.room1-infor .unselected-package
{
  background-color: #243561;
  font-size: 15px;
  color: #fff !important;
  font-weight: 500;
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  padding: 2px 2px !important;
  position: relative;
}

.client-side-timeslot button{
  height:50px !important;
  text-align:center;
}

.room1-infor .unselected-package:hover
{
  background-color: #243561 !important;
}
.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;
}
.time-slote-selct-information
{
  margin-top: 18px;
  margin-bottom: 18px;
}
label{
  font-weight: 600;
}
.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: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0;
}
.card-new
{
  width: 80%;
  margin: auto;
  margin-top: 1em;
  box-shadow: none;
  background: #6b3ad8;
  border-radius: 0;
  color: #fff;
  border-radius: 5px;
}
.card-new p
{
  color: #05d48f !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;
}

.make-pay
{
  color: #fff;
  background: var(--secondarybg);
}
.nxt-btn {
 width: 200px;
  margin: auto;
  font-size: 15px;
  font-weight: 500;
  padding: 13px 0px;
  border-radius: 7px;
}
.btn-p{
  background-color: #2e6da4;
  color: #fff;
}
.btn-p:hover{
  background-color: #2e6da4;
  color: #fff;
}
.nxt-btn:hover
{
  background: var(--secondarybg);
  color: #fff;
}
.cncl-pay
{
  background: #eeeeee;
    color: #000;
    font-weight: 500;
}
#tax-section h5
{
  font-size: 14px;
    color: #a6a1a1;
    font-weight: 500;
}
.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;
}

.select2-container--default .select2-selection--multiple
{
  border: 1px solid #d9d9d9!important;
}
.select2-container--default .select2-selection--single
{
  border: 1px solid #d9d9d9!important;
}

.number-of-guest-client .select2-container {
  width: 100% !important;
}
.select2-results__options{
  cursor: pointer;
}

.party-info-pay-txt h5
{
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 3px;
  text-transform: capitalize;
  cursor: pointer;
  
}
.party-info-pay-txt p
{
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
  color: var(--textcolor);
}

#package-list .packages-selection-time .card-cont
{
  min-height: 230px !important;
}
.show-selected-package
{
  background: #ffd5d6;
  width: 100%;
  padding: 10px 5px;
  text-align: center;
  color: #ff0000;
  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;
}
.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;
  border-radius: 5px;
  padding: 0;
}
.confirm-btn-set:hover
{
  background: red;
  color: #fff;
 font-weight: 500;
}

.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;
}

#make-payment
{
  width: auto;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff !important;
}
.radio-btns label {
  color: var(--textcolor);
  vertical-align: middle;
  font-size: 14px;
}

#check-apply-coupon
{
  width: 37px !important;
height: 37px;
line-height: 0;
padding: 0px !important;
display: inline-block;
background-color: #6b3ad8 !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;
}

.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%;
}
.action-btns button
{
  border: 2px solid #ff0000;
  color: #ff0000;
  font-size: 15px;
    font-weight: 600;
}
.action-btns button:hover
{
  border: 2px solid #ff0000;
  color: #ff0000;
  background: #fff;
}
.action-btns button:focus
{
  border: 2px solid #ff0000;
  color: #ff0000;
  background: #fff;
}

.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;
}
.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;
}

.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;
}
.price-details p
{
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 700;
}
.order-summer-sidebar table td
{
  padding: 4px 0;
}

.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;
}
.head-img {
  position: relative;
}

.client-package-img {
  height: 200px;
  width: 100%;
  overflow: hidden;
}
.packages-selection-time .head-img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.head-img img {
  width: 270px;
  height: 100%;
}
.client-package-img img {
  width: 100%!important;
}
#make-payment-modal .modal-header .close
{
  transform: translate(-15px, -12px);
}
#make-payment-modal .modal-header .close:hover
{
  transform: translate(-15px, -12px) !important;
}
#send_waiver_modal .modal-header .close
{
  transform: translate(-15px, -12px);
}
#send_waiver_modal .modal-header .close:hover
{
  transform: translate(-15px, -12px) !important;
}
#resend_waiver_form .btn-danger:hover {
  border-color: #05d48f !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #05d48f;
}
#room-images-modal .modal-header {
  background-color: #f8f8f8;
  border-radius: 0.42rem;
  padding: 1.5rem;
  border-bottom: none;
}
#room-images-modal .modal-header .close {
  transform: translate(15px, 0px) !important;
}
#room-images-modal .modal-header .close:hover {
  transform: translate(15px, 0px);
}
#send-invitation .modal-header .close{
    transform: translate(-15px, -10px);
}
#send-invitation .modal-header .close:hover{
  transform: translate(-15px, -10px) !important;
}
.modal .modal-header .close {
  transform: translate(-15px, -12px);
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus, .modal .modal-header .close:active {
  transform: translate(-15px, -12px) !important;
}
#package-information-modal .btn-secondary
{
  background: var(--secondarybg) !important;
}
.client-header
{
  background-color: #fff;
  box-shadow: 0px 0px 15px #ccc;
}
.alert
{
  width: 97%;
  margin: auto;
}
.header_right_info li a
{
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.header_right_info li i
{
  color: #ff0000;
  margin-right: 10px;
}
.header_right_info li .fa-envelope
{
  font-size: 15px;
}
.header_right_info li .fa-phone
{
  font-size: 18px;
}
.header_right_info li
{
  margin-left: 25px;
}
.mashheadslider .carousel-indicators li
{
width:15px;
height: 15px;
border-radius: 100%;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
.social_media_link ul
{
  padding-left: 0px;
  position: fixed;
  top: 130px;
  z-index: 1;
  margin-bottom: 0;
}
.social_media_link li
{
  list-style: none;
}
.social_media_link li a i
{
font-size: 24px;
}
.social_media_link li a
{
  display: block;
    text-align: center;
    transition: all 0.5s ease;
    color: white;
    font-size: 20px;
    width: 55px;
    height: 55px;
    line-height: 2.9;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}
.insta {
  background-image: linear-gradient(to right, #593ecb , #eb297f, #f68e57);
  color: white;
}
.globe {
  background: #b5001c;
  color: white;
}
.social_media_link li a:hover
{
  background: #ff0000;
  width: 80px;
}



@media screen and (max-width: 576px)
{
  .addon-img-drink {
    height: 245px;
  }
  .social_media_link li a
  {
    width: 40px;
    height: 45px;
    line-height: 2.3;
  }
  .social_media_link li a i
  {
    font-size: 18px;
  }
}