/* pre-loader */
.pre-loader:after {
   content: '';
   display: block;
   position: fixed;
   z-index: 999;
   top: 0;
   left: 0;
   width: 50%;
   height: 5px;
   background-color: #a20000;
   animation: cardLoader 1s ease-in-out alternate infinite;
}

@keyframes cardLoader {
   0% {
      left: 0;
      width: 1%;
      background-color: #f3ff00;
   }

   50% {
      width: 30%;
   }

   100% {
      left: 100%;
      transform: translateX(-100%);
      width: 1%;
      background-color: #a20000;
   }
}




/* font */
body {
   font-family: airbnb_cereal_appbook;
}

.font-light {
   font-family: airbnb_cereal_applight;
}

.font-book {
   font-family: airbnb_cereal_appbook;
}

.font-medium {
   font-family: airbnb_cereal_appmedium;
}

.font-bold {
   font-family: airbnb_cereal_appbold;
}

.font-extra-bold {
   font-family: airbnb_cereal_appextra_bold;
}

.font-black {
   font-family: airbnb_cereal_appblack;
}




/* custom */
/* */
.m-r-15 {
   margin-right: 15px !important;
}

.m-t-15 {
   margin-top: 15px !important;
}

.m-t-10 {
   margin-top: 10px !important;
}

.m-b-10 {
   margin-bottom: 10px !important;
}

.m-b-15 {
   margin-bottom: 15px !important;
}

.m-b-25 {
   margin-bottom: 25px !important;
}

.m-t-30 {
   margin-top: 30px !important;
}

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

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

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

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

.m-t-25 {
   margin-top: 25px !important;
}

.p-b-50 {
   padding-bottom: 50px !important;
}

.p-b-15 {
   padding-bottom: 15px !important;
}

.p-b-5 {
   padding-bottom: 5px !important;
}

.p-b-10 {
   padding-bottom: 10px !important;
}

.m-t-40 {
   margin-top: 40px !important;
}

.m-t-20 {
   margin-top: 20px !important;
}

.m-t--2 {
   margin-top: -2px !important;
}

.m-b-0 {
   margin-bottom: 0 !important;
}

.m-t-0 {
   margin-top: 0 !important;
}

.m-b-15 {
   margin-bottom: 15px !important;
}

.m-b-5 {
   margin-bottom: 5px !important;
}

.p-t-0 {
   padding-top: 0 !important;
}

.p-t-15 {
   padding-top: 15px !important;
}

.p-l-0 {
   padding-left: 0 !important;
}

.p-l-15 {
   padding-left: 15px !important;
}

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

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

.p-l-30 {
   padding-left: 30px !important;
}

.p-b-0 {
   padding-bottom: 0 !important;
}

.p-r-0 {
   padding-right: 0 !important;
}

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

.p-t-40 {
   padding-top: 40px !important;
}

.m-l-0 {
   margin-left: 0 !important;
}

.m-l-15 {
   margin-left: 15px !important;
}

.m-l-10 {
   margin-left: 10px !important;
}

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

.p-b-30 {
   padding-bottom: 30px !important;
}


/* ------card border radius active  ------- */
@media (min-width: 576px) {
   .card-group.card:not(:first-child) {
      border-top-left-radius: none !important;
      border-bottom-left-radius: none !important;
   }
}

/* xs <575 */
@media (max-width: 575px) {}

/* sm 576 to 767 */
@media (min-width: 576px) and (max-width: 767px) {}

/* md 768 to 991 */
@media (min-width: 768px) and (max-width: 991px) {}

/* lg 992 to 1199 */
@media (min-width: 992px) and (max-width: 1199px) {}

/* xl 1200 to 1399 */
@media (min-width: 1200px) and (max-width: 1399px) {}

/* xxl >1400 */
@media (min-width: 1400px) {}

/* ----- */
/* zero-sm */
@media (max-width: 767px) {
   .m-t-10-zero-sm {
      margin-top: 10px !important;
   }

   .m-t-15-zero-sm {
      margin-top: 15px !important;
   }

   .order-1-zero-sm {
      order: 1 !important;
   }

   .order-2-zero-sm {
      order: 2 !important;
   }

   .order-3-zero-sm {
      order: 3 !important;
   }
}

/* zero-md */
@media (max-width: 991px) {
   .m-t-40-zero-md {
      margin-top: 40px !important;
   }

   .m-b-10-zero-md {
      margin-bottom: 10px !important;
   }

   .m-r-15-zero-md {
      margin-right: 15px !important;
   }

   .p-t-70-zero-md {
      padding-top: 70px !important;
   }

   .p-b-70-zero-md {
      padding-bottom: 70px !important;
   }
}

/* md-all */
@media (min-width: 768px) {
   .m-r-15-md-all {
      margin-right: 15px !important;
   }

   .m-b-0-md-all {
      margin-bottom: 0 !important;
   }
}

/* lg-all */
@media (min-width: 992px) {

   /* height */
   .h-815-px-lg-all {
      height: 815px !important;
   }

   /* overflow */
   .overflow-y-auto-lg-all {
      overflow-y: auto;
   }

   .overflow-x-hidden-lg-all {
      overflow-x: hidden;
   }

   .m-b-60-lg-all {
      margin-bottom: 60px !important;
   }
}



/* overflow */
.overflow-y-auto {
   overflow-y: auto;
}

.overflow-x-hidden {
   overflow-x: hidden;
}


/* height */
.h-0 {
   height: 0 !important;
}

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

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

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

.h-35-px {
   height: 50px !important;
}

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

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

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

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

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

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

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

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

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

.h-100-vh {
   height: 100vh !important;
}

/* min */
.min-height-0 {
   min-height: 0 !important;
}

.min-height-100-vh {
   min-height: 100vh !important;
}


/* width */
.width-20-px {
   width: 20px !important;
}

.width-100-px {
   width: 100px !important;
}

/* min */
.min-width-40-px {
   min-width: 40px !important;
}

.min-width-100-px {
   min-width: 100px !important;
}

.min-width-140-px {
   min-width: 140px !important;
}

/* rounded */
.rounded-25 {
   border-radius: 25px !important;
}

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

.rounded-5 {
   border-radius: 5px !important;
}

.rounded-15 {
   border-radius: 15px !important;
}


/* opacity */
.opacity-1 {
   opacity: .1;
}

/* font-size */

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

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

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

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

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

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

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

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

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

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

/* md */
@media (max-width: 767px) {
   .border-none-md {
      border: none !important;
   }
}

/* cursor */
.cursor-pointer {
   cursor: pointer !important;
}

/* shadow-none */
.shadow-none {
   box-shadow: none !important;
}

/* white-space-pre-line */
.white-space-pre-line {
   white-space: pre-line !important;
}

/* display */
.d-initial {
   display: initial !important;
}

/* pointer-events-none */
.pointer-events-none {
   pointer-events: none !important;
}

/* input */
.resize-none {
   resize: none !important;
}

/* justify-content-right */
.justify-content-right {
   justify-content: right !important;
}

/* screen */
@media screen {
   .d-screen-none {
      display: none !important;
   }
}

@media print {
   .d-print-none {
      display: none !important;
   }
}

/* position-content-center */
.position-content-center {
   position: absolute;
   right: 50%;
   bottom: 50%;
   -webkit-transform: translate(50%, 50%);
   -ms-transform: translate(50%, 50%);
   transform: translate(50%, 50%);
}


/* dashboard color card */

.bg-gradient-violet {
   background-image: url("/static/general/images/assets/images/bg-01.png"), linear-gradient(to left, #5135BC, #6370C4);
   background-size: cover;
   min-height: 100%;
}

.bg-gradient-pink {
   background-image: url("/static/general/images/assets/images/bg-01.png"), linear-gradient(to left, #FF5272, #FFA6AC);
   background-size: cover;
   min-height: 100%;
}

.bg-gradient-yellow {
   background-image: url("/static/general/images/assets/images/bg-01.png"), linear-gradient(to left, #F77D1E, #FBBD5F);
   background-size: cover;
}

.bg-gradient-light-blue {
   background-image: url("/static/general/images/assets/images/bg-01.png"), linear-gradient(to left, #82CDBF, #3A6AFF);
   background-size: cover;
   min-height: 100%;
}

.icon-image img {
   width: 40px;
   height: 40px;
}

.back-arrow {
   height: 15px;
   width: 19px;
}

.all-side-radius {
   border-bottom-left-radius: 1.25rem !important;
   border-top-left-radius: 1.25rem !important;
   border-bottom-right-radius: 1.25rem !important;
   border-top-right-radius: 1.25rem !important;
}

/*----- customer view --------*/
.profile-first-part {
   /* background-color: rgb(142 72 135) ; */
   background-image: linear-gradient(to left, rgb(149 74 139), #8F317E);
   border-bottom-left-radius: 1.25rem !important;
   border-top-left-radius: 1.25rem !important;
}

.profile-first-part img {
   height: 60px;
   width: 60px;
}

.violet {
   color: rgb(149 74 139);
}

.image img {
   max-width: 100%;
}

.sub-cards .search-form {
   width: 206px;
}

.dropdown .dropdown-toggle {
   background-color: transparent;
   border: none;
}

/* action in coupon management */
.sub-cards .dropdown .dropdown-menu {
   min-width: 130px;
   border: none;
   border-radius: 5px;
   box-shadow: #e0e0e6 5px 5px 5px 0;
}

.sub-cards .dropdown .dropdown-toggle img {
   height: 6px;
}

.sub-cards .dropdown .dropdown-menu li:not(:last-of-type) .dropdown-item {
   border-bottom: 1px solid #dee2e5;
}

.sub-cards .dropdown .dropdown-menu .dropdown-item {
   color: #787b7d;
   cursor: pointer;
   font-size: 11px;
   padding: 7px 15px;
}

.sub-cards .dropdown-toggle::after {
   display: none !important;
}

.file-input {
   display: inline-block;
   text-align: left;
   background: #fff;
   position: relative;
   border-radius: 3px;
}

.file-input>[type='file'] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 10;
   cursor: pointer;
}

/* .file-input > .button {
   display: inline-block;
   cursor: pointer;
   background: #eee;
   padding: 8px 16px;
   border-radius: 2px;
   margin-right: 8px;
 }
 
 .file-input:hover > .button {
   background: dodgerblue;
   color: white;
 } */

.file-input>.label {
   color: #333;
   white-space: nowrap;
   opacity: .3;
}

.file-input.-chosen>.label {
   opacity: 1;
}

.dark-btn {
   background-color: rgb(84 84 84);
   color: white;
}

/* category */
.category .image img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 63%;
   /* height: 100%; */
   width: auto;
   height: 66px;
}

.customer_view .hover-section:hover {
   background: rgb(231 230 254);
   border-radius: 15px;
   padding: 4px;
}

.customer_view .hover-section {
   position: relative;
}

.customer_view .image-data {
   top: 18px;
   position: absolute;
   color: white;
   left: 25px;
}

.coupon_management .card {
   position: relative;
}

.coupon_management .image img {
   width: 100%;
   max-height: 172px;
}

.coupon_management .badge-button {
   background-color: rgb(204 212 212 / 50%);
   position: absolute;
   top: 61%;
   left: 38%;
   transform: translate(-6%, 7%);
}

.promo_offer .card {
   position: relative;
}

.promo_offer .card .image img {
   width: 100%;
   max-height: 172px;
}

.promo_offer .badge-button {
   background-color: rgb(204 212 212 / 50%);
   bottom: 11px;
   position: absolute;
   right: 8px;
}

.payment_history .badge-button {
   background-color: rgb(204 212 212 / 50%);
   /* top: 101px; */
   position: absolute;
   right: 20px;
   bottom: 33px;
}

.mh-100 {
   min-height: 100% !important;
}

.mw-100 {
   min-width: 100% !important;
}

.truncate-250 {
   width: 250px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}