:root {
  --border-color: #C7CCD5;
  --button-border-color: #DBDEE5;
  --button-bg-color: #FFFFFF;
  --body-color: #5b6e88;
  --heading-color: #1e3557;
  --heading-color-light: #1e355726;
  --light: #f2f7fd;
  --blue: #0667f6;
  --gray: #ededed;
  --light-blue: #dbe8f9;

  --primary-color: #1F3556;
  --secondary-color: #ebeff5;
  --link-color: #0667f6;
  --linkbutton-color: #011b40;
  --linkbutton-bg-color: #C7CCD5;

  --all-color: #8E9AAB;
  --active-color: #10b35e;
  --deleted-color: #e63a46;
  --paused-color: #f1701b;
  --pending-color: #ffd746;
  --dark-color: #1F3556;
}


.bgr-secondary {
  background: var(--secondary-color) !important;
  line-height: 40px;

}

.allclr {
  color: var(--all-color) !important;
}

.activeclr {
  color: var(--active-color) !important;
}

.deletedclr {
  color: var(--deleted-color) !important;
}

.darkclr {
  color: var(--dark-color) !important;
}

.pausedclr {
  color: var(--paused-color) !important;
}

.pendingclr {
  color: var(--pending-color) !important;
}

.status-btn {
  min-width: 90px !important;
}

.alink {
  color: var(--link-color) !important;
}

.alinkbutton {
  color: var(--linkbutton-color) !important;
  font-size: 12px;
  padding: 3px !important;
  background: transparent !important;
}

.alinkbutton:hover {
  background: var(--secondary-color) !important;
  padding: 3px !important;
  border-radius: 5px !important;
  font-size: 12px;
}

.cancel-btn {
  background: var(--secondary-color) !important;
  padding: 5px !important;
  border: 1px solid #8E9AAA !important;
  color: #111E31 !important;
  font-size: 12px;
  height: 35px;
  width: 100px !important;
}

.cancel-btna {
  background: var(--secondary-color) !important;
  border: 1px solid #8E9AAA !important;
  color: #111E31 !important;
  font-size: 12px;
  height: 35px;
  padding-top: 7px !important;
  width: 100px !important;
}

.action-btn {
  text-decoration: none !important;
  font-size: 12px !important;

}

.submit-btn {
  background: var(--primary-color) !important;
  padding: 5px !important;
  color: #fff !important;
  font-size: 12px !important;
  height: 35px !important;
  width: 100px !important;
}

.submit-btna {
  background: var(--primary-color) !important;
  border: 1px solid #8E9AAA !important;
  color: #fff !important;
  font-size: 12px;
  height: 35px;
  padding-top: 7px !important;
  width: 100px !important;
}


.add-btn {
  background: var(--button-bg-color) !important;
  padding: 5px !important;
  border: 1px solid var(--button-border-color) !important;
  color: var(--primary-color) !important;
  font-size: 10px;
  height: 30px;
}

.search-btn {
  background: var(--secondary-color) !important;
  border: 1px solid var(--button-border-color) !important;
  color: var(--primary-color) !important;
  font-size: 10px !important;
  height: 30px !important;
  width: 40px !important;
}



.tabledata-height {
  height: 50px !important;
  padding: 100px 10px 10px 10px !important;
}

.trdata-height {
  line-height: 30px !important;
}

.card-out {
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.border-blue {
  border: 1px solid var(--border-color) !important;
}

.bg-light-blue {
  background-color: var(--light-blue) !important;
}

.hover-text-decoration-underline:hover {
  text-decoration: underline;
}

.newtab {
  display: none;
}

.extr:hover .newtab {
  display: inline-block;
}

.extr {
  display: flex;
  align-items: center;
}

.extr .alink {
  margin-left: 5px;
}

img.showLargeImage {
  cursor: pointer;
}

.sortable {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  color: inherit;
  font-size: inherit;
}

.sortable::after {
  content: '\2191';
  font-size: 12px;
  color: #2a29297a;
  margin-left: 5px;
}

.sortable.sort-asc::after {
  content: '\2193';
}

.sortable.sort-asc::after,
.sortable.sort-desc::after {
  color: #2a2929;
}

/* Font Size For responsive devices Start */
.font-10 {
  font-size: 0.625rem !important;
}

.font-11 {
  font-size: 0.6875rem !important;
}

.font-12 {
  font-size: 0.75rem !important;
}

.font-13 {
  font-size: 0.8125rem !important;
}

.font-14 {
  font-size: 0.875rem !important;
}

.font-15 {
  font-size: 0.9375rem !important;
}

.font-16 {
  font-size: 1rem !important;
}

.font-17 {
  font-size: 1.0625rem !important;
}

.font-18 {
  font-size: 1.125rem !important;
}

@media screen and (max-width: 1199px) {
  .font-18 {
    font-size: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .font-18 {
    font-size: 0.9375rem !important;
  }
}


.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.box-shadow {
  box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25) !important;
}




/* default margin css start */
.my-5 {
  margin: 5px 0;
}

.my-10 {
  margin: 10px 0;
}

.my-15 {
  margin: 15px 0;
}

.my-20 {
  margin: 20px 0;
}

.my-25 {
  margin: 25px 0;
}

.my-30 {
  margin: 30px 0;
}

.my-35 {
  margin: 35px 0;
}

.my-40 {
  margin: 40px 0;
}

.my-45 {
  margin: 45px 0;
}

.my-50 {
  margin: 50px 0;
}

.my-55 {
  margin: 55px 0;
}

.my-60 {
  margin: 60px 0;
}

.my-65 {
  margin: 65px 0;
}

.my-70 {
  margin: 70px 0;
}

.my-75 {
  margin: 75px 0;
}

.my-80 {
  margin: 80px 0;
}

.my-85 {
  margin: 85px 0;
}

.my-90 {
  margin: 90px 0;
}

.my-95 {
  margin: 95px 0;
}

.my-100 {
  margin: 100px 0;
}

.mx-5 {
  margin: 0 5px;
}

.mx-10 {
  margin: 0 10px;
}

.mx-15 {
  margin: 0 15px;
}

.mx-20 {
  margin: 0 20px;
}

.mx-25 {
  margin: 0 25px;
}

.mx-30 {
  margin: 0 30px;
}

.mx-35 {
  margin: 0 35px;
}

.mx-40 {
  margin: 0 40px;
}

.mx-45 {
  margin: 0 45px;
}

.mx-50 {
  margin: 0 50px;
}

.mx-55 {
  margin: 0 55px;
}

.mx-60 {
  margin: 0 60px;
}

.mx-65 {
  margin: 0 65px;
}

.mx-70 {
  margin: 0 70px;
}

.mx-75 {
  margin: 0 75px;
}

.mx-80 {
  margin: 0 80px;
}

.mx-85 {
  margin: 0 85px;
}

.mx-90 {
  margin: 0 90px;
}

.mx-95 {
  margin: 0 95px;
}

.mx-100 {
  margin: 0 100px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.my-none-5 {
  margin: -5px 0;
}

.my-none-10 {
  margin: -10px 0;
}

.my-none-15 {
  margin: -15px 0;
}

.my-none-20 {
  margin: -20px 0;
}

.my-none-25 {
  margin: -25px 0;
}

.my-none-30 {
  margin: -30px 0;
}

.my-none-35 {
  margin: -35px 0;
}

.my-none-40 {
  margin: -40px 0;
}

.my-none-45 {
  margin: -45px 0;
}

.my-none-50 {
  margin: -50px 0;
}

.mx-none-5 {
  margin: 0 -5px;
}

.mx-none-10 {
  margin: 0 -10px;
}

.mx-none-15 {
  margin: 0 -15px;
}

.mx-none-20 {
  margin: 0 -20px;
}

.mx-none-25 {
  margin: 0 -25px;
}

.mx-none-30 {
  margin: 0 -30px;
}

.mx-none-35 {
  margin: 0 -35px;
}

.mx-none-40 {
  margin: 0 -40px;
}

.mx-none-45 {
  margin: 0 -45px;
}

.mx-none-50 {
  margin: 0 -50px;
}

.mt-none-5 {
  margin-top: -5px;
}

.mt-none-10 {
  margin-top: -10px;
}

.mt-none-15 {
  margin-top: -15px;
}

.mt-none-20 {
  margin-top: -20px;
}

.mt-none-25 {
  margin-top: -25px;
}

.mt-none-30 {
  margin-top: -30px;
}

.mt-none-35 {
  margin-top: -35px;
}

.mt-none-40 {
  margin-top: -40px;
}

.mt-none-45 {
  margin-top: -45px;
}

.mt-none-50 {
  margin-top: -50px;
}

.mb-none-5 {
  margin-bottom: -5px;
}

.mb-none-10 {
  margin-bottom: -10px;
}

.mb-none-15 {
  margin-bottom: -15px;
}

.mb-none-20 {
  margin-bottom: -20px;
}

.mb-none-25 {
  margin-bottom: -25px;
}

.mb-none-30 {
  margin-bottom: -30px;
}

.mb-none-35 {
  margin-bottom: -35px;
}

.mb-none-40 {
  margin-bottom: -40px;
}

.mb-none-45 {
  margin-bottom: -45px;
}

.mb-none-50 {
  margin-bottom: -50px;
}

/* default margin css end */
/* default padding css start */
.py-5 {
  padding: 5px 0;
}

.py-10 {
  padding: 10px 0;
}

.py-15 {
  padding: 15px 0;
}

.py-20 {
  padding: 20px 0;
}

.py-25 {
  padding: 25px 0;
}

.py-30 {
  padding: 30px 0;
}

.py-35 {
  padding: 35px 0;
}

.py-40 {
  padding: 40px 0;
}

.py-45 {
  padding: 45px 0;
}

.py-50 {
  padding: 50px 0;
}

.py-55 {
  padding: 55px 0;
}

.py-60 {
  padding: 60px 0;
}

.py-65 {
  padding: 65px 0;
}

.py-70 {
  padding: 70px 0;
}

.py-75 {
  padding: 75px 0;
}

.py-80 {
  padding: 80px 0;
}

.py-85 {
  padding: 85px 0;
}

.py-90 {
  padding: 90px 0;
}

.py-95 {
  padding: 95px 0;
}

.py-100 {
  padding: 100px 0;
}

.py-105 {
  padding: 105px 0;
}

.py-110 {
  padding: 110px 0;
}

.py-115 {
  padding: 100px 0;
}

.py-120 {
  padding: 115px 0;
}

.py-125 {
  padding: 125px 0;
}

.py-130 {
  padding: 130px 0;
}

.py-135 {
  padding: 135px 0;
}

.py-140 {
  padding: 140px 0;
}

.py-145 {
  padding: 145px 0;
}

.py-150 {
  padding: 150px 0;
}

.px-5 {
  padding: 0 5px;
}

.px-10 {
  padding: 0 10px;
}

.px-15 {
  padding: 0 15px;
}

.px-20 {
  padding: 0 20px;
}

.px-25 {
  padding: 0 25px;
}

.px-30 {
  padding: 0 30px;
}

.px-35 {
  padding: 0 35px;
}

.px-40 {
  padding: 0 40px;
}

.px-45 {
  padding: 0 45px;
}

.px-50 {
  padding: 0 50px;
}

.px-55 {
  padding: 0 55px;
}

.px-60 {
  padding: 0 60px;
}

.px-65 {
  padding: 0 65px;
}

.px-70 {
  padding: 0 70px;
}

.px-75 {
  padding: 0 75px;
}

.px-80 {
  padding: 0 80px;
}

.px-85 {
  padding: 0 85px;
}

.px-90 {
  padding: 0 90px;
}

.px-95 {
  padding: 0 95px;
}

.px-100 {
  padding: 0 100px;
}

.px-105 {
  padding: 0 105px;
}

.px-110 {
  padding: 0 110px;
}

.px-115 {
  padding: 0 100px;
}

.px-120 {
  padding: 0 115px;
}

.px-125 {
  padding: 0 125px;
}

.px-130 {
  padding: 0 130px;
}

.px-135 {
  padding: 0 135px;
}

.px-140 {
  padding: 0 140px;
}

.px-145 {
  padding: 0 145px;
}

.px-150 {
  padding: 0 150px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 100px;
}

.pt-120 {
  padding-top: 115px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 100px;
}

.pb-120 {
  padding-bottom: 115px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 100px;
}

.pl-120 {
  padding-left: 115px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 100px;
}

.pr-120 {
  padding-right: 115px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.bb-none {
  border-bottom: none !important;
}

.bt-none {
  border-top: none !important;
}

/* default padding css end */
/* reset css start */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  background-color: #f3f3f9;
  word-break: break-word;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
}

button:focus {
  outline: none;
}

a span {
  color: #007bff;
}

a:hover,
a span:hover {
  text-decoration: none;
  color: #4634ff;
}

table {
  width: 100%;
}

p,
li,
span {
  color: #5b6e88;
  margin-bottom: 0;
}

/* reset css end */
/* global css start */
.text--shadow {
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.35);
}

.nice-select {
  background-color: transparent;
  height: 40px !important;
  line-height: 40px !important;
  min-height: 40px !important;
  padding: 0 30px;
}

.nice-select span {
  color: #5b6e88;
}

.nice-select .list {
  box-shadow: 0px -5px 26px -5px #cdd4e7;
}

.nice-select .list li {
  margin-right: 0 !important;
}

.nice-select .list .option {
  color: #5b6e88;
}

.nice-select .list .option.selected,
.nice-select .list .option:hover {
  border: none !important;
}

.box--shadow1 {
  box-shadow: 0px 5px 26px -5px #cdd4e7 !important;
}

.box--shadow2 {
  box-shadow: 0 4px 10px #38414a0f !important;
}

.box--shadow3 {
  box-shadow: 0 3px 5px 0 rgba(18, 38, 63, 0.2) !important;
}

.b-radius--3 {
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
}

.b-radius--4 {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

.b-radius--5 {
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

.b-radius--6 {
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
  -o-border-radius: 6px !important;
}

.b-radius--7 {
  border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -ms-border-radius: 7px !important;
  -o-border-radius: 7px !important;
}

.b-radius--8 {
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  -o-border-radius: 8px !important;
}

.b-radius--9 {
  border-radius: 9px !important;
  -webkit-border-radius: 9px !important;
  -moz-border-radius: 9px !important;
  -ms-border-radius: 9px !important;
  -o-border-radius: 9px !important;
}

.b-radius--10 {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}

.b-radius--rounded {
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}

.b-radius--capsule {
  border-radius: 999px !important;
  -webkit-border-radius: 999px !important;
  -moz-border-radius: 999px !important;
  -ms-border-radius: 999px !important;
  -o-border-radius: 999px !important;
}

.b-radius--none {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.nav-tabs-primary {
  border: none;
}

.nav-tabs-primary .nav-item a {
  border: none;
}

.nav-tabs-primary .nav-item a.active {
  border-bottom: 2px solid #4634ff;
}

.hover--effect1 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.hover--effect1:hover {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.w--10 {
  width: 10% !important;
}

.w--15 {
  width: 15% !important;
}

.w--20 {
  width: 20% !important;
}

.page-wrapper {
  min-height: 100vh;
}

/* global css end */
/* typography css start */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  color: #34495e;
  margin: 0;
  line-height: 1.4;
}

h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.875rem;
}

h6 {
  font-size: 0.75rem;
}

p {
  font-size: 0.875rem;
  line-height: 1.7;
  font-weight: 400;
}

p,
li,
a {
  font-size: 0.875rem;
}

.text--small {
  font-size: 0.75rem !important;
  font-weight: 400;
}

.f-size--20 {
  font-size: 20px !important;
}

.f-size--24 {
  font-size: 1.5rem !important;
}

.f-size--28 {
  font-size: 1.75rem !important;
}

.f-size--42 {
  font-size: 2.625rem !important;
}

.f-size--48 {
  font-size: 3rem !important;
}

.f-size--56 {
  font-size: 3.5rem !important;
}

.f-size--72 {
  font-size: 4.5rem !important;
}

.f-size--90 {
  font-size: 5.625rem !important;
}

.f-size--100 {
  font-size: 6.25rem !important;
}


/* typography css end */
/* color css start */
.text--primary {
  color: #4634ff !important;
}

.text--secondary {
  color: #868e96 !important;
}

.text--success {
  color: #28c76f !important;
}

.text--danger {
  color: #ea5455 !important;
}

.text--warning {
  color: #ff9f43 !important;
}

.text--info {
  color: #1e9ff2 !important;
}

.text--dark {
  color: #10163a !important;
}

.text--white {
  color: #ffffff !important;
}

.text--black {
  color: #000000 !important;
}

.text--gray {
  color: #9e9e9e !important;
}

.text--blue-gray {
  color: #607d8b !important;
}

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

.text--pink {
  color: #e91e63 !important;
}

.text--purple {
  color: #9c27b0 !important;
}

.text--deep-purple {
  color: #673ab7 !important;
}

.text--indigo {
  color: #3f51b5 !important;
}

.text--blue {
  color: #2196f3 !important;
}

.text--light-blue {
  color: #45c5ff !important;
}

.text--cyan {
  color: #00bcd4 !important;
}

.text--teal {
  color: #009688 !important;
}

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

.text--light-green {
  color: #8bc34a !important;
}

.text--lime {
  color: #cddc39 !important;
}

.text--yellow {
  color: #ffeb3b !important;
}

.text--amber {
  color: #ffc107 !important;
}

.text--orange {
  color: #ff9800 !important;
}

.text--brown {
  color: #795548 !important;
}

.text-color--1 {
  color: #127681 !important;
}

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

.text-color--3 {
  color: #10375c !important;
}

.text-color--4 {
  color: #4f8a8b !important;
}

.text-color--5 {
  color: #d92027 !important;
}

.text-color--6 {
  color: #ff9234 !important;
}

.text-color--7 {
  color: #4cd3c2 !important;
}

.text-color--8 {
  color: #35d0ba !important;
}

.text-color--9 {
  color: #e84a5f !important;
}

.text-color--10 {
  color: #00005c !important;
}

.text-color--11 {
  color: #45046a !important;
}

.text-color--12 {
  color: #5c2a9d !important;
}

.text-color--13 {
  color: #6a097d !important;
}

.text-color--14 {
  color: #ff5200 !important;
}

.text-color--15 {
  color: #162447 !important;
}

.text-color--16 {
  color: #e43f5a !important;
}

.text-color--17 {
  color: #035aa6 !important;
}

.text-color--18 {
  color: #0779e4 !important;
}

.text-color--19 {
  color: #342ead !important;
}

.text-color--20 {
  color: #d7385e !important;
}

.text-unset {
  color: unset;
}

/* color css end */
/* background-color css start */
*[class*="bg"] {
  color: #ffffff;
}

.bg--white,
.bg--gray {
  color: inherit;
}

.bg--primary {
  background-color: #1F3556 !important;
}

.bg--secondary {
  background-color: #868e96 !important;
}

.bg--success {
  background-color: #28c76f !important;
}

.bg--danger {
  background-color: #ea5455 !important;
}

.bg--warning {
  background-color: #ff9f43 !important;
}

.bg--info {
  background-color: #1e9ff2 !important;
}

.bg--dark {
  background-color: #404ab1 !important;
}

.bg--dark-2 {
  background-color: #363e94 !important;
}

.bg--white {
  background-color: var(--light) !important;
}

.bg--black {
  background-color: #000000 !important;
}

.bg--gray {
  background-color: #9e9e9e !important;
}

.bg--blue-gray {
  background-color: #607d8b !important;
}

.bg--red {
  background-color: #f44336 !important;
}

.bg--pink {
  background-color: #e91e63 !important;
}

.bg--purple {
  background-color: #9c27b0 !important;
}

.bg--deep-purple {
  background-color: #673ab7 !important;
}

.bg--indigo {
  background-color: #3f51b5 !important;
}

.bg--blue {
  background-color: #2196f3 !important;
}

.bg--light-blue {
  background-color: #45c5ff !important;
}

.bg--cyan {
  background-color: #00bcd4 !important;
}

.bg--teal {
  background-color: #009688 !important;
}

.bg--green {
  background-color: #4caf50 !important;
}

.bg--light-green {
  background-color: #8bc34a !important;
}

.bg--lime {
  background-color: #cddc39 !important;
}

.bg--yellow {
  background-color: #ffeb3b !important;
}

.bg--amber {
  background-color: #ffc107 !important;
}

.bg--orange {
  background-color: #ff9800 !important;
}

.bg--brown {
  background-color: #795548 !important;
}

.bg--transparent {
  background-color: transparent;
  color: #5b6e88;
}

.bg--body {
  background: #f3f3f9 !important;
}

.bg--1 {
  background-color: #127681 !important;
}

.bg--2 {
  background-color: #ea907a !important;
}

.bg--3 {
  background-color: #10375c !important;
}

.bg--4 {
  background-color: #4f8a8b !important;
}

.bg--5 {
  background-color: #d92027 !important;
}

.bg--6 {
  background-color: #ff9234 !important;
}

.bg--7 {
  background-color: #4cd3c2 !important;
}

.bg--8 {
  background-color: #35d0ba !important;
}

.bg--9 {
  background-color: #e84a5f !important;
}

.bg--10 {
  background-color: #00005c !important;
}

.bg--11 {
  background-color: #45046a !important;
}

.bg--12 {
  background-color: #5c2a9d !important;
}

.bg--13 {
  background-color: #6a097d !important;
}

.bg--14 {
  background-color: #ff5200 !important;
}

.bg--15 {
  background-color: #162447 !important;
}

.bg--16 {
  background-color: #e43f5a !important;
}

.bg--17 {
  background-color: #035aa6 !important;
}

.bg--18 {
  background-color: #0779e4 !important;
}

.bg--19 {
  background-color: #342ead !important;
}

.bg--20 {
  background-color: #d7385e !important;
}

.bg--adjusted td {
  background-color: #faebd7 !important;
}

.bg--gradi-1,
.overlay--gradi-1[class*="overlay"]::before {
  background: #4776e6 !important;
  background: -webkit-linear-gradient(to top, #8e54e9, #4776e6) !important;
  background: linear-gradient(to top, #8e54e9, #4776e6) !important;
}

.bg--gradi-2,
.overlay--gradi-2[class*="overlay"]::before {
  background: #c31432 !important;
  background: -webkit-linear-gradient(to right, #240b36, #c31432) !important;
  background: linear-gradient(to right, #240b36, #c31432) !important;
}

.bg--gradi-3,
.overlay--gradi-3[class*="overlay"]::before {
  background: #8360c3 !important;
  background: -webkit-linear-gradient(to right, #2ebf91, #8360c3) !important;
  background: linear-gradient(to right, #2ebf91, #8360c3) !important;
}

.bg--gradi-4,
.overlay--gradi-4[class*="overlay"]::before {
  background: #654ea3 !important;
  background: -webkit-linear-gradient(to right, #eaafc8, #654ea3) !important;
  background: linear-gradient(to right, #eaafc8, #654ea3) !important;
}

.bg--gradi-5,
.overlay--gradi-5[class*="overlay"]::before {
  background: #da4453 !important;
  background: -webkit-linear-gradient(to left, #89216b, #da4453) !important;
  background: linear-gradient(to left, #89216b, #da4453) !important;
}

.bg--gradi-6,
.overlay--gradi-6[class*="overlay"]::before {
  background: #11998e !important;
  background: -webkit-linear-gradient(to right, #38ef7d, #11998e) !important;
  background: linear-gradient(to right, #38ef7d, #11998e) !important;
}

.bg--gradi-7,
.overlay--gradi-7[class*="overlay"]::before {
  background: #396afc !important;
  background: -webkit-linear-gradient(to bottom, #2948ff, #396afc) !important;
  background: linear-gradient(to bottom, #2948ff, #396afc) !important;
}

.bg--gradi-8,
.overlay--gradi-8[class*="overlay"]::before {
  background: #0575e6 !important;
  background: -webkit-linear-gradient(to bottom, #021b79, #0575e6) !important;
  background: linear-gradient(to bottom, #021b79, #0575e6) !important;
}

.bg--gradi-9,
.overlay--gradi-9[class*="overlay"]::before {
  background: #36d1dc !important;
  background: -webkit-linear-gradient(to bottom, #5b86e5, #36d1dc) !important;
  background: linear-gradient(to bottom, #5b86e5, #36d1dc) !important;
}

.bg--gradi-10,
.overlay--gradi-10[class*="overlay"]::before {
  background: #4568dc !important;
  background: -webkit-linear-gradient(to bottom, #b06ab3, #4568dc) !important;
  background: linear-gradient(to bottom, #b06ab3, #4568dc) !important;
}

.bg--gradi-11,
.overlay--gradi-11[class*="overlay"]::before {
  background: #ee0979 !important;
  background: -webkit-linear-gradient(to bottom, #ff6a00, #ee0979) !important;
  background: linear-gradient(to bottom, #ff6a00, #ee0979) !important;
}

.bg--gradi-12,
.overlay--gradi-12[class*="overlay"]::before {
  background: #41295a !important;
  background: -webkit-linear-gradient(to bottom, #2f0743, #41295a) !important;
  background: linear-gradient(to bottom, #2f0743, #41295a) !important;
}

.bg--gradi-13,
.overlay--gradi-13[class*="overlay"]::before {
  background: #4ecdc4 !important;
  background: -webkit-linear-gradient(to bottom, #556270, #4ecdc4) !important;
  background: linear-gradient(to bottom, #556270, #4ecdc4) !important;
}

.bg--gradi-14,
.overlay--gradi-14[class*="overlay"]::before {
  background: #f85032 !important;
  background: -webkit-linear-gradient(to bottom, #e73827, #f85032) !important;
  background: linear-gradient(to bottom, #e73827, #f85032) !important;
}

.bg--gradi-15,
.overlay--gradi-15[class*="overlay"]::before {
  background: #cb2d3e !important;
  background: -webkit-linear-gradient(to bottom, #ef473a, #cb2d3e) !important;
  background: linear-gradient(to bottom, #ef473a, #cb2d3e) !important;
}

.bg--gradi-16,
.overlay--gradi-16[class*="overlay"]::before {
  background: #56ab2f !important;
  background: -webkit-linear-gradient(to bottom, #a8e063, #56ab2f) !important;
  background: linear-gradient(to bottom, #a8e063, #56ab2f) !important;
}

.bg--gradi-17,
.overlay--gradi-17[class*="overlay"]::before {
  background: #000428 !important;
  background: -webkit-linear-gradient(to bottom, #004e92, #000428) !important;
  background: linear-gradient(to bottom, #004e92, #000428) !important;
}

.bg--gradi-18,
.overlay--gradi-18[class*="overlay"]::before {
  background: #42275a !important;
  background: -webkit-linear-gradient(to bottom, #734b6d, #42275a) !important;
  background: linear-gradient(to bottom, #734b6d, #42275a) !important;
}

.bg--gradi-19,
.overlay--gradi-19[class*="overlay"]::before {
  background: #141e30 !important;
  background: -webkit-linear-gradient(to bottom, #243b55, #141e30) !important;
  background: linear-gradient(to bottom, #243b55, #141e30) !important;
}

.bg--gradi-20,
.overlay--gradi-20[class*="overlay"]::before {
  background: #2c3e50 !important;
  background: -webkit-linear-gradient(to bottom, #4ca1af, #2c3e50) !important;
  background: linear-gradient(to bottom, #4ca1af, #2c3e50) !important;
}

.bg--gradi-21,
.overlay--gradi-21[class*="overlay"]::before {
  background: #3a7bd5 !important;
  background: -webkit-linear-gradient(to bottom, #3a6073, #3a7bd5) !important;
  background: linear-gradient(to bottom, #3a6073, #3a7bd5) !important;
}

.bg--gradi-21,
.overlay--gradi-21[class*="overlay"]::before {
  background: #ff4b1f !important;
  background: -webkit-linear-gradient(to bottom, #ff9068, #ff4b1f) !important;
  background: linear-gradient(to bottom, #ff9068, #ff4b1f) !important;
}

.bg--gradi-22,
.overlay--gradi-22[class*="overlay"]::before {
  background: #4b79a1 !important;
  background: -webkit-linear-gradient(to bottom, #283e51, #4b79a1) !important;
  background: linear-gradient(to bottom, #283e51, #4b79a1) !important;
}

.bg--gradi-23,
.overlay--gradi-23[class*="overlay"]::before {
  background: #2980b9 !important;
  background: -webkit-linear-gradient(to bottom, #2c3e50, #2980b9) !important;
  background: linear-gradient(to bottom, #2c3e50, #2980b9) !important;
}

.bg--gradi-24,
.overlay--gradi-24[class*="overlay"]::before {
  background: #1e3c72 !important;
  background: -webkit-linear-gradient(to bottom, #2a5298, #1e3c72) !important;
  background: linear-gradient(to bottom, #2a5298, #1e3c72) !important;
}

.bg--gradi-25,
.overlay--gradi-25[class*="overlay"]::before {
  background: #fd746c !important;
  background: -webkit-linear-gradient(to bottom, #ff9068, #fd746c) !important;
  background: linear-gradient(to bottom, #ff9068, #fd746c) !important;
}

.bg--gradi-26,
.overlay--gradi-26[class*="overlay"]::before {
  background: #6a3093 !important;
  background: -webkit-linear-gradient(to bottom, #a044ff, #6a3093) !important;
  background: linear-gradient(to bottom, #a044ff, #6a3093) !important;
}

.bg--gradi-27,
.overlay--gradi-27[class*="overlay"]::before {
  background: #457fca !important;
  background: -webkit-linear-gradient(to bottom, #5691c8, #457fca) !important;
  background: linear-gradient(to bottom, #5691c8, #457fca) !important;
}

.bg--gradi-28,
.overlay--gradi-28[class*="overlay"]::before {
  background: #b24592 !important;
  background: -webkit-linear-gradient(to bottom, #f15f79, #b24592) !important;
  background: linear-gradient(to bottom, #f15f79, #b24592) !important;
}

.bg--gradi-29,
.overlay--gradi-29[class*="overlay"]::before {
  background: #ffb75e !important;
  background: -webkit-linear-gradient(to bottom, #ed8f03, #ffb75e) !important;
  background: linear-gradient(to bottom, #ed8f03, #ffb75e) !important;
}

.bg--gradi-30,
.overlay--gradi-30[class*="overlay"]::before {
  background: #8e0e00 !important;
  background: -webkit-linear-gradient(to bottom, #1f1c18, #8e0e00) !important;
  background: linear-gradient(to bottom, #1f1c18, #8e0e00) !important;
}

.bg--gradi-31,
.overlay--gradi-31[class*="overlay"]::before {
  background: #76b852 !important;
  background: -webkit-linear-gradient(to bottom, #8dc26f, #76b852) !important;
  background: linear-gradient(to bottom, #8dc26f, #76b852) !important;
}

.bg--gradi-32,
.overlay--gradi-32[class*="overlay"]::before {
  background: #673ab7 !important;
  background: -webkit-linear-gradient(to bottom, #512da8, #673ab7) !important;
  background: linear-gradient(to bottom, #512da8, #673ab7) !important;
}

.bg--gradi-33,
.overlay--gradi-33[class*="overlay"]::before {
  background: #f46b45 !important;
  background: -webkit-linear-gradient(to bottom, #eea849, #f46b45) !important;
  background: linear-gradient(to bottom, #eea849, #f46b45) !important;
}

.bg--gradi-34,
.overlay--gradi-34[class*="overlay"]::before {
  background: #005c97 !important;
  background: -webkit-linear-gradient(to bottom, #363795, #005c97) !important;
  background: linear-gradient(to bottom, #363795, #005c97) !important;
}

.bg--gradi-35,
.overlay--gradi-35[class*="overlay"]::before {
  background: #e53935 !important;
  background: -webkit-linear-gradient(to bottom, #e35d5b, #e53935) !important;
  background: linear-gradient(to bottom, #e35d5b, #e53935) !important;
}

.bg--gradi-36,
.overlay--gradi-36[class*="overlay"]::before {
  background: #2c3e50 !important;
  background: -webkit-linear-gradient(to bottom, #3498db, #2c3e50) !important;
  background: linear-gradient(to bottom, #3498db, #2c3e50) !important;
}

.bg--gradi-37,
.overlay--gradi-37[class*="overlay"]::before {
  background: #6a9113 !important;
  background: -webkit-linear-gradient(to bottom, #141517, #6a9113) !important;
  background: linear-gradient(to bottom, #141517, #6a9113) !important;
}

.bg--gradi-38,
.overlay--gradi-38[class*="overlay"]::before {
  background: #136a8a !important;
  background: -webkit-linear-gradient(to bottom, #267871, #136a8a) !important;
  background: linear-gradient(to bottom, #267871, #136a8a) !important;
}

.bg--gradi-39,
.overlay--gradi-39[class*="overlay"]::before {
  background: #6441a5 !important;
  background: -webkit-linear-gradient(to bottom, #2a0845, #6441a5) !important;
  background: linear-gradient(to bottom, #2a0845, #6441a5) !important;
}

.bg--gradi-40,
.overlay--gradi-40[class*="overlay"]::before {
  background: #43cea2 !important;
  background: -webkit-linear-gradient(to bottom, #185a9d, #43cea2) !important;
  background: linear-gradient(to bottom, #185a9d, #43cea2) !important;
}

.bg--gradi-41,
.overlay--gradi-41[class*="overlay"]::before {
  background: #00c6ff !important;
  background: -webkit-linear-gradient(to bottom, #0072ff, #00c6ff) !important;
  background: linear-gradient(to bottom, #0072ff, #00c6ff) !important;
}

.bg--gradi-42,
.overlay--gradi-42[class*="overlay"]::before {
  background: #9d50bb !important;
  background: -webkit-linear-gradient(to bottom, #6e48aa, #9d50bb) !important;
  background: linear-gradient(to bottom, #6e48aa, #9d50bb) !important;
}

.bg--gradi-43,
.overlay--gradi-43[class*="overlay"]::before {
  background: #add100 !important;
  background: -webkit-linear-gradient(to bottom, #7b920a, #add100) !important;
  background: linear-gradient(to bottom, #7b920a, #add100) !important;
}

.bg--gradi-44,
.overlay--gradi-44[class*="overlay"]::before {
  background: #00d2ff !important;
  background: -webkit-linear-gradient(to bottom, #3a7bd5, #00d2ff) !important;
  background: linear-gradient(to bottom, #3a7bd5, #00d2ff) !important;
}

.bg--gradi-45,
.overlay--gradi-45[class*="overlay"]::before {
  background: #a73737 !important;
  background: -webkit-linear-gradient(to bottom, #7a2828, #a73737) !important;
  background: linear-gradient(to bottom, #7a2828, #a73737) !important;
}

.bg--gradi-46,
.overlay--gradi-46[class*="overlay"]::before {
  background: #4b6cb7 !important;
  background: -webkit-linear-gradient(to bottom, #182848, #4b6cb7) !important;
  background: linear-gradient(to bottom, #182848, #4b6cb7) !important;
}

.bg--gradi-47,
.overlay--gradi-47[class*="overlay"]::before {
  background: #e43a15 !important;
  background: -webkit-linear-gradient(to bottom, #e65245, #e43a15) !important;
  background: linear-gradient(to bottom, #e65245, #e43a15) !important;
}

.bg--gradi-48,
.overlay--gradi-48[class*="overlay"]::before {
  background: #c04848 !important;
  background: -webkit-linear-gradient(to bottom, #480048, #c04848) !important;
  background: linear-gradient(to bottom, #480048, #c04848) !important;
}

.bg--gradi-49,
.overlay--gradi-49[class*="overlay"]::before {
  background: #232526 !important;
  background: -webkit-linear-gradient(to bottom, #414345, #232526) !important;
  background: linear-gradient(to bottom, #414345, #232526) !important;
}

.bg--gradi-50,
.overlay--gradi-50[class*="overlay"]::before {
  background: #4776e6 !important;
  background: -webkit-linear-gradient(to bottom, #8e54e9, #4776e6) !important;
  background: linear-gradient(to bottom, #8e54e9, #4776e6) !important;
}

/* background-color css end */
/* overlay css start */
[class*="overlay"] {
  position: relative;
  z-index: 1;
}

[class*="overlay"]:not(.overlay-icon)::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  z-index: -10;
}

[class*="overlay"].overlay--primary::before {
  background-color: #4634ff !important;
}

[class*="overlay"].overlay--secondary::before {
  background-color: #868e96 !important;
}

[class*="overlay"].overlay--success::before {
  background-color: #28c76f !important;
}

[class*="overlay"].overlay--danger::before {
  background-color: #ea5455 !important;
}

[class*="overlay"].overlay--warning::before {
  background-color: #ff9f43 !important;
}

[class*="overlay"].overlay--info::before {
  background-color: #1e9ff2 !important;
}

[class*="overlay"].overlay--dark::before {
  background-color: #10163a !important;
}

[class*="overlay"].overlay--white::before {
  background-color: #ffffff !important;
}

[class*="overlay"].overlay--black::before {
  background-color: #000000 !important;
}

[class*="overlay"].overlay--gray::before {
  background-color: #9e9e9e !important;
}

[class*="overlay"].overlay--blue-gray::before {
  background-color: #607d8b !important;
}

[class*="overlay"].overlay--red::before {
  background-color: #f44336 !important;
}

[class*="overlay"].overlay--pink::before {
  background-color: #e91e63 !important;
}

[class*="overlay"].overlay--purple::before {
  background-color: #9c27b0 !important;
}

[class*="overlay"].overlay--deep-purple::before {
  background-color: #673ab7 !important;
}

[class*="overlay"].overlay--indigo::before {
  background-color: #3f51b5 !important;
}

[class*="overlay"].overlay--blue::before {
  background-color: #2196f3 !important;
}

[class*="overlay"].overlay--light-blue::before {
  background-color: #45c5ff !important;
}

[class*="overlay"].overlay--cyan::before {
  background-color: #00bcd4 !important;
}

[class*="overlay"].overlay--teal::before {
  background-color: #009688 !important;
}

[class*="overlay"].overlay--green::before {
  background-color: #4caf50 !important;
}

[class*="overlay"].overlay--light-green::before {
  background-color: #8bc34a !important;
}

[class*="overlay"].overlay--lime::before {
  background-color: #cddc39 !important;
}

[class*="overlay"].overlay--yellow::before {
  background-color: #ffeb3b !important;
}

[class*="overlay"].overlay--amber::before {
  background-color: #ffc107 !important;
}

[class*="overlay"].overlay--orange::before {
  background-color: #ff9800 !important;
}

[class*="overlay"].overlay--brown::before {
  background-color: #795548 !important;
}

.overlay--opacity-1::before {
  opacity: 0.1 !important;
}

.overlay--opacity-2::before {
  opacity: 0.2 !important;
}

.overlay--opacity-3::before {
  opacity: 0.3 !important;
}

.overlay--opacity-4::before {
  opacity: 0.4 !important;
}

.overlay--opacity-5::before {
  opacity: 0.5 !important;
}

.overlay--opacity-6::before {
  opacity: 0.6 !important;
}

.overlay--overlay--opacity-7::before {
  opacity: 0.7 !important;
}

.overlay--opacity-8::before {
  opacity: 0.8 !important;
}

.overlay--opacity-9::before {
  opacity: 0.9 !important;
}

.overlay--opacity-10::before {
  opacity: 1 !important;
}

/* overlay css end */
/* outline color css start */
.b--1 {
  border: 1px solid !important;
}

.b--2 {
  border: 2px solid !important;
}

.b--3 {
  border: 3px solid !important;
}

.b--4 {
  border: 4px solid !important;
}

.b--5 {
  border: 5px solid !important;
}

.bt--1 {
  border: none;
  border-top: 1px solid !important;
}

.bt--2 {
  border-top: 2px solid !important;
}

.bt--3 {
  border-top: 3px solid !important;
}

.bt--4 {
  border-top: 4px solid !important;
}

.bt--5 {
  border-top: 5px solid !important;
}

.bb--1 {
  border-bottom: 1px solid !important;
}

.bb--2 {
  border-bottom: 2px solid !important;
}

.bb--3 {
  border-bottom: 3px solid !important;
}

.bb--4 {
  border-bottom: 4px solid !important;
}

.bb--5 {
  border-bottom: 5px solid !important;
}

.bl--1 {
  border-left: 1px solid !important;
}

.bl--2 {
  border-left: 2px solid !important;
}

.bl--3 {
  border-left: 3px solid !important;
}

.bl--4 {
  border-left: 4px solid !important;
}

.bl--5 {
  border-left: 5px solid !important;
}

.br--1 {
  border-right: 1px solid !important;
}

.br--2 {
  border-right: 2px solid !important;
}

.br--3 {
  border-right: 3px solid !important;
}

.br--4 {
  border-right: 4px solid !important;
}

.br--5 {
  border-right: 5px solid !important;
}

.bl--5-primary {
  border-left: 5px solid #4634ff !important;
}

.border--primary {
  border-color: #4634ff !important;
}

.border--secondary {
  border-color: #868e96 !important;
}

.border--success {
  border-color: #28c76f !important;
}

.border--danger {
  border-color: #ea5455 !important;
}

.border--warning {
  border-color: #ff9f43 !important;
}

.border--info {
  border-color: #1e9ff2 !important;
}

.border--dark {
  border-color: #10163a !important;
}

.border--white,
.border--light {
  border-color: #ffffff !important;
}

.border--black {
  border-color: #000000 !important;
}

.border--gray {
  border-color: #9e9e9e !important;
}

.border--blue-gray {
  border-color: #607d8b !important;
}

.border--red {
  border-color: #f44336 !important;
}

.border--pink {
  border-color: #e91e63 !important;
}

.border--purple {
  border-color: #9c27b0 !important;
}

.border--deep-purple {
  border-color: #673ab7 !important;
}

.border--indigo {
  border-color: #3f51b5 !important;
}

.border--blue {
  border-color: #2196f3 !important;
}

.border--light-blue {
  border-color: #45c5ff !important;
}

.border--cyan {
  border-color: #00bcd4 !important;
}

.border--teal {
  border-color: #009688 !important;
}

.border--green {
  border-color: #4caf50 !important;
}

.border--light-green {
  border-color: #8bc34a !important;
}

.border--lime {
  border-color: #cddc39 !important;
}

.border--yellow {
  border-color: #ffeb3b !important;
}

.border--amber {
  border-color: #ffc107 !important;
}

.border--orange {
  border-color: #ff9800 !important;
}

.border--brown {
  border-color: #795548 !important;
}

.b-color--1 {
  border-color: #127681 !important;
}

.b-color--2 {
  border-color: #ea907a !important;
}

.b-color--3 {
  border-color: #10375c !important;
}

.b-color--4 {
  border-color: #4f8a8b !important;
}

.b-color--5 {
  border-color: #d92027 !important;
}

.b-color--6 {
  border-color: #ff9234 !important;
}

.b-color--7 {
  border-color: #4cd3c2 !important;
}

.b-color--8 {
  border-color: #35d0ba !important;
}

.b-color--9 {
  border-color: #e84a5f !important;
}

.b-color--10 {
  border-color: #00005c !important;
}

.b-color--11 {
  border-color: #45046a !important;
}

.b-color--12 {
  border-color: #5c2a9d !important;
}

.b-color--13 {
  border-color: #6a097d !important;
}

.b-color--14 {
  border-color: #ff5200 !important;
}

.b-color--15 {
  border-color: #162447 !important;
}

.b-color--16 {
  border-color: #e43f5a !important;
}

.b-color--17 {
  border-color: #035aa6 !important;
}

.b-color--18 {
  border-color: #0779e4 !important;
}

.b-color--19 {
  border-color: #342ead !important;
}

.b-color--20 {
  border-color: #d7385e !important;
}

/* outline color css end */
/* button css start */
.button--group {
  margin: -5px -15px;
}

.button--group .btn {
  margin: 2px 3px;
}

.btn i {
  margin-right: 5px;
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

*[class*="btn-"] {
  transition: all 0.3s;
  font-size: 0.875rem;
}

.btn--capsule {
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.btn--primary {
  background-color: #1F3556 !important;
}

.btn--primary:hover {
  background-color: #5e50ee !important;
}

.btn--secondary {
  background-color: #868e96 !important;
}

.btn--secondary:hover {
  background-color: #78818a !important;
}

.btn--success {
  background-color: #28c76f !important;
}

.btn--success:hover {
  background-color: #24b263 !important;
}

.btn--danger {
  background-color: #ea5455 !important;
}

.btn--danger:hover {
  background-color: #e73d3e !important;
}

.btn--warning {
  background-color: #ff9f43 !important;
}

.btn--warning:hover {
  background-color: #ff922a !important;
}

.btn--info {
  background-color: #1e9ff2 !important;
}

.btn--info:hover {
  background-color: #0d93e9 !important;
}

.btn--dark {
  background-color: #10163a !important;
}

.btn--dark:hover {
  background-color: #0a0e26 !important;
}

.btn--primary,
.btn--secondary,
.btn--success,
.btn--danger,
.btn--warning,
.btn--info,
.btn--dark {
  color: #ffffff;
}

.btn--primary:hover,
.btn--secondary:hover,
.btn--success:hover,
.btn--danger:hover,
.btn--warning:hover,
.btn--info:hover,
.btn--dark:hover {
  color: #ffffff;
}

.btn-outline--primary:hover,
.btn-outline--secondary:hover,
.btn-outline--success:hover,
.btn-outline--danger:hover,
.btn-outline--warning:hover,
.btn-outline--info:hover,
.btn-outline--dark:hover {
  color: #ffffff !important;
}

.btn-outline--primary {
  color: #4634ff !important;
  border-color: #4634ff;
}

.btn-outline--primary:hover {
  background-color: #4634ff;

}

.btn-outline--secondary {
  color: #868e96 !important;
  border-color: #868e96;
}

.btn-outline--secondary:hover {
  background-color: #868e96;
}

.btn-outline--success {
  color: #28c76f;
  border-color: #28c76f;
}

.btn-outline--success:hover {
  background-color: #28c76f;
}

.btn-outline--danger {
  color: #ea5455;
  border-color: #ea5455;
}

.btn-outline--danger:hover {
  background-color: #ea5455;
}

.btn-outline--warning {
  color: #ff9f43;
  border-color: #ff9f43;
}

.btn-outline--warning:hover {
  background-color: #ff9f43;
}

.btn-outline--info {
  color: #1e9ff2;
  border-color: #1e9ff2;
}

.btn-outline--info:hover {
  background-color: #1e9ff2;
}

.btn-outline--dark {
  color: #10163a;
  border-color: #10163a;
}

.btn-outline--dark:hover {
  background-color: #10163a;
}

/* btn shadow css start */
.btn--shadow-default {
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2) !important;
}

.btn--primary.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(115, 103, 240, 0.35);
}

.btn--primary.btn--shadow:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 8px 15px 0 rgba(115, 103, 240, 0.45);
}

.btn--secondary.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(134, 142, 150, 0.35);
}

.btn--secondary.btn--shadow:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 8px 15px 0 rgba(134, 142, 150, 0.45);
}

.btn--success.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(40, 199, 111, 0.35);
}

.btn--success.btn--shadow:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 8px 15px 0 rgba(40, 199, 111, 0.45);
}

.btn--danger.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(234, 84, 85, 0.35);
}

.btn--danger.btn--shadow:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 8px 15px 0 rgba(234, 84, 85, 0.45);
}

.btn--warning.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(255, 159, 67, 0.35);
}

.btn--warning.btn--shadow:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 8px 15px 0 rgba(255, 159, 67, 0.45);
}

.btn--info.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(30, 159, 242, 0.35);
}

.btn--info.btn--shadow:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 8px 15px 0 rgba(30, 159, 242, 0.45);
}

.btn--dark.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(16, 22, 58, 0.35);
}

.btn--dark.btn--shadow:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 8px 15px 0 rgba(16, 22, 58, 0.45);
}

.btn-outline--primary.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(115, 103, 240, 0.35);
}

.btn-outline--primary.btn--shadow:hover {
  box-shadow: 0 8px 15px 0 rgba(115, 103, 240, 0.45);
}

.btn-outline--secondary.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(134, 142, 150, 0.35);
}

.btn-outline--secondary.btn--shadow:hover {
  box-shadow: 0 8px 15px 0 rgba(134, 142, 150, 0.45);
}

.btn-outline--success.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(40, 199, 111, 0.35);
}

.btn-outline--success.btn--shadow:hover {
  box-shadow: 0 8px 15px 0 rgba(40, 199, 111, 0.45);
}

.btn-outline--danger.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(234, 84, 85, 0.35);
}

.btn-outline--danger.btn--shadow:hover {
  box-shadow: 0 8px 15px 0 rgba(234, 84, 85, 0.45);
}

.btn-outline--warning.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(255, 159, 67, 0.35);
}

.btn-outline--warning.btn--shadow:hover {
  box-shadow: 0 8px 15px 0 rgba(255, 159, 67, 0.45);
}

.btn-outline--info.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(30, 159, 242, 0.35);
}

.btn-outline--info.btn--shadow:hover {
  box-shadow: 0 8px 15px 0 rgba(30, 159, 242, 0.45);
}

.btn-outline--dark.btn--shadow {
  box-shadow: 0 5px 10px 0 rgba(16, 22, 58, 0.35);
}

.btn-outline--dark.btn--shadow:hover {
  box-shadow: 0 8px 15px 0 rgba(16, 22, 58, 0.45);
}

/* btn shadow css end */
/* btn gradient css start */
.btn--gradi {
  border: none;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}

.btn--primary.btn--gradi,
.btn-primary.btn--gradi {
  background: #640064;
  background-image: linear-gradient(30deg, #4634ff, rgba(115, 103, 240, 0.5)) !important;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}

.btn--secondary.btn--gradi,
.btn-secondary.btn--gradi {
  background: linear-gradient(to right, #636f8e 0%, #acb8da 100%);
}

.btn--success.btn--gradi,
.btn-success.btn--gradi {
  background: #0064fa;
  background-image: linear-gradient(30deg, #28c76f, rgba(40, 199, 111, 0.6)) !important;
}

.btn--danger.btn--gradi,
.btn-danger.btn--gradi {
  background: #640064;
  background-image: linear-gradient(30deg, #ea5455, rgba(234, 84, 85, 0.15)) !important;
}

.btn--warning.btn--gradi,
.btn-warning.btn--gradi {
  background: #fafafa;
  background-image: linear-gradient(30deg, #ff9f43, rgba(255, 159, 67, 0.5)) !important;
}

.btn--info.btn--gradi,
.btn-info.btn--gradi {
  background: linear-gradient(30deg, #4eb4f5 0%, #0b75b9 100%) !important;
}

.btn--dark.btn--gradi,
.btn-dark.btn--gradi {
  background: linear-gradient(30deg, #7180d8 0%, black 100%) !important;
}

/* btn gradient css end */
/* card css start */
.open-code-btn {
  background-color: #000000;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 5px 10px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
}

.open-code-btn:hover {
  color: #ffffff;
}

.card {
  border: none;
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  border-radius: 8px !important;
  background-color: var(--light);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.card[class*="border"] {
  border: 1px solid;
}

.card.text-white .card-title,
.card.text-white .card-text {
  color: #ffffff;
}

.card .card-img.style--horizontal {
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.card-header {
  background-color: transparent;
  border-bottom: 1px solid rgba(140, 140, 140, 0.125);
}

.text-white p {
  color: #ffffff;
}

.code-body {
  margin-top: 30px;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
}

.code-body .card-body {
  background-color: #2d2d2d;
  padding: 0;
}

.card-img-overlay {
  z-index: 1;
}

.card-img-overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: -1;
}

.card-img {
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.card-img-overlay {
  overflow: hidden;
}

.card-footer {
  background-color: var(--light);
  border-top: 1px solid #e8e8e8;
}

.alert {
  display: flex;
  align-items: center;
  border: none;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  overflow: hidden;
  align-items: stretch;
  border: 1px solid var(--border-color);
}

.alert button.close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
}

.alert__message {
  padding: 12px;
  padding-right: 22px;
}

.alert__icon {
  padding: 13px 14px;
  background-color: rgba(0, 0, 0, 0.1);
}

/* card css end */
/* form css start */
label {
  font-size: 0.813rem;
  font-weight: 500;
  margin-bottom: 5px;
}

.form-group {
  margin-bottom: 15px;
}

input:not([type="radio"]),
textarea {
  padding: 10px 20px;
  border-radius: 8px !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  background-color: transparent;
  font-size: 0.813rem !important;

}

input:not([type="radio"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c9c9c9 !important;
}

input:not([type="radio"])::-moz-placeholder,
textarea::-moz-placeholder {
  color: #c9c9c9 !important;
}

input:not([type="radio"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c9c9c9 !important;
}

input:not([type="radio"]):-moz-placeholder,
textarea:-moz-placeholder {
  color: #c9c9c9 !important;
}

select {
  padding: 8px 10px;
  cursor: pointer;
  color: #5b6e88;
  background-color: transparent;
  border-color: #ced4da;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

textarea {
  min-height: 100px;
  width: 100%;
  border-color: #ced4da;
}

textarea:focus {
  border-color: var(--border-color) !important;
}

textarea.resize--none {
  resize: none;
}

input[type="radio"],
input[type="range"],
input[type="checkbox"] {
  height: auto !important;
  padding: 0;
}

input.form-control,
select.form-control {
  height: 45px;
}

.form-inline .input-group .form-control {
  flex: 0 0 auto;
  width: auto;
}

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

a.btn.h-45 {
  line-height: 2.2;
}

select.form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  background-color: transparent;
  border-radius: 8px;
}

input.form-control-xl {
  height: calc(2rem + 1rem + 2px);
  font-size: 1.125rem !important;
}

input.form-control-lg {
  height: calc(1.8rem + 1rem + 2px);
  font-size: 1rem !important;
}

input.form-control-sm {
  height: calc(1rem + 1rem + 2px);
  font-size: 0.8125rem !important;
}

.label--text {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.form-control:focus,
.form-control:active,
.form-control:visited,
.form-control:focus-within,
input:focus,
input:active,
input:visited,
input:focus-within,
textarea:focus,
textarea:active,
textarea:visited,
textarea:focus-within,
select:focus,
select:active,
select:visited,
select:focus-within {
  border-color: #4634ff;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0.05), 3px 4px 8px rgba(115, 103, 240, 0.1);
}

::placeholder {
  transition: .2s;
}

input:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

.toggle.btn {
  height: 45px !important;
}

.toggle-on.btn,
.toggle-off.btn {
  line-height: 32px;
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  height: 45px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
}

.select2-container--default .select2-selection--single {
  border-color: #ced4da;
}

.select2-container--default .select2-selection--single:focus {
  border-color: #4634ff;
  box-shadow: 0 3px 9px rgb(50 50 9 / 5%), 3px 4px 8px rgb(115 103 240 / 10%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
}

.select2-container .select2-selection--multiple {
  min-height: 45px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  line-height: 23px;
  margin-top: 9px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 9px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #4634ff;
  box-shadow: 0 3px 9px rgb(50 50 9 / 5%), 3px 4px 8px rgb(115 103 240 / 10%);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #7367f0;
}

.select2-container--default .select2-selection--multiple {
  border-color: #ced4da;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  color: #ffffff;
  font-size: 12px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #5e50ee;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #5e50ee;
}

.custom-control-label::before,
.custom-control-label::after {
  top: 0;
}

.form-check-primary .custom-control-input:checked~.custom-control-label::before {
  border-color: #4634ff;
  background-color: #4634ff;
}

.form-check-secondary .custom-control-input:checked~.custom-control-label::before {
  border-color: #868e96;
  background-color: #868e96;
}

.form-check-success .custom-control-input:checked~.custom-control-label::before {
  border-color: #28c76f;
  background-color: #28c76f;
}

.form-check-info .custom-control-input:checked~.custom-control-label::before {
  border-color: #1e9ff2;
  background-color: #1e9ff2;
}

.form-check-warning .custom-control-input:checked~.custom-control-label::before {
  border-color: #ff9f43;
  background-color: #ff9f43;
}

.form-check-danger .custom-control-input:checked~.custom-control-label::before {
  border-color: #ea5455;
  background-color: #ea5455;
}

.toggle-group .toggle-handle {
  background-color: #10163a;
}

.toggle-group .toggle-off {
  background-color: #293654;
  color: #ffffff;
}

.toggle input[data-size="small"]~.toggle-group label {
  font-size: 0.75rem;
}

.timepicki.time_pick input {
  width: 100%;
  border: 1px solid #ced4da;
}

.timepicki .timepicker_wrap {
  margin-bottom: 30px;
  background-color: #ffffff;
  box-shadow: 0px 5px 20px 0 rgba(123, 123, 123, 0.25);
}

.timepicki .timepicker_wrap .prev,
.timepicki .timepicker_wrap .next {
  width: 58px;
  padding: 17px;
}

.timepicki .timepicker_wrap .timepicki-input {
  padding: 15px 10px;
  font-size: 16px !important;
  font-weight: 700;
}

.pincode-input-container input:focus,
.pincode-input-container input:active {
  box-shadow: none;
  border-color: #4634ff;
}

.pincode-input-container input~input:focus,
.pincode-input-container input~input:active {
  border-left-width: 1px;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + -2px);
}

.timepicker_wrap .action-next,
.timepicker_wrap .action-prev {
  position: relative;
}

.timepicker_wrap .action-next::before,
.timepicker_wrap .action-prev::before {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  color: #000000;
  left: 23px;
}

.timepicker_wrap .action-next::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 0;
}

.timepicker_wrap .action-prev::before {
  bottom: 0;
}

/* form css end */
/* table css start */
.table-action {
  padding: 2px 16px !important;
  border-radius: 8px !important;
}

.table {
  margin-bottom: 0;
}

.table> :not(:first-child) {
  border-top: none;
}

.table th {
  font-size: 0.75rem;
  padding: 15px 25px;
  white-space: nowrap;
}

.table td {
  font-size: 0.8125rem;
  color: #5b6e88;
  font-weight: 500;
  padding: 15px 25px;
  vertical-align: middle;
  white-space: nowrap;
}

.white-space-wrap {
  white-space: initial !important;
}

.table td,
.table th {
  border-top: 1px solid #e8e8e8;
}

.table tbody tr:last-child td {
  border-bottom: none;
}

.table td span,
.table td p,
.table td li {
  font-size: 0.875rem;
}

table th:last-child {
  text-align: right;
}

table th:first-child {
  text-align: left;
  font-weight: 600;
}

table td:last-child {
  text-align: right;
}

table td:first-child {
  text-align: left;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(115, 115, 115, 0.05);
}

table .user {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

table .user .thumb {
  width: 40px;
  height: 40px;
}

table .user .thumb img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
  border: 2px solid #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

table .user .name {
  width: calc(100% - 40px);
  padding-left: 10px;
}


div.dataTables_wrapper div.dataTables_filter {
  display: inline-block;
  float: right;
}

@media (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_filter {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}

div.dataTables_wrapper div.dataTables_filter input:focus {
  box-shadow: none;
  border-color: #4634ff;
}

div.dataTables_wrapper div.dataTables_filter label {
  color: #5b6e88;
}

div.dataTables_wrapper .dt-buttons button {
  border-radius: 3px !important;
  margin: 0 10px;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

div.dataTables_wrapper .dt-buttons button:hover,
div.dataTables_wrapper .dt-buttons button:focus,
div.dataTables_wrapper .dt-buttons button:active {
  background-color: #4634ff !important;
  border-color: #4634ff !important;
  box-shadow: 0px 0px 7px 2px rgba(115, 103, 240, 0.46) !important;
}

div.dataTables_wrapper .dt-buttons button:hover span,
div.dataTables_wrapper .dt-buttons button:focus span,
div.dataTables_wrapper .dt-buttons button:active span {
  color: #ffffff;
}

div.dataTables_wrapper .dataTables_info {
  float: left;
  color: #5b6e88;
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  div.dataTables_wrapper .dataTables_info {
    float: none;
  }
}

div.dataTables_wrapper .dataTables_paginate {
  float: right;
}

@media (max-width: 767px) {
  div.dataTables_wrapper .dataTables_paginate {
    float: none;
    margin-top: 15px !important;
  }
}

div.dataTables_wrapper .dataTables_length label {
  color: #5b6e88;
}

div.dataTables_wrapper .dataTables_length label select {
  margin-left: 10px;
  margin-right: 10px;
}

table.dataTable {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

table.dataTable tbody tr:first-child td {
  border-top: 1px solid #e5e5e5;
}

table.dataTable tbody tr:last-child td {
  border-bottom: 1px solid #e5e5e5;
}

table.dataTable tbody tr td {
  white-space: nowrap;
}

table.dataTable thead tr {
  background-color: #4634ff;
}

table.dataTable thead tr th {
  border: none;
  color: #ffffff;
  white-space: nowrap;
}

.pagination {
  flex-wrap: wrap;
  margin: -3px -4px;
}

.pagination li {
  margin: 3px 4px;
}

.dataTables_paginate .pagination {
  flex-wrap: wrap;
  margin: -5px -7px;
}

.dataTables_paginate .pagination .page-item {
  margin: 5px 7px;
}

.dataTables_paginate .pagination .page-item.active .page-link {
  background-color: #4634ff;
  border-color: #4634ff;
  box-shadow: 0px 0px 5px 2px rgba(115, 103, 240, 0.46);
}

.dataTables_paginate .pagination .page-item .page-link {
  font-size: 0.875rem;
  color: #5b6e88;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  width: auto;
  height: auto;
  padding: 8px 15px;
}

.dataTables_paginate .pagination li a:focus {
  box-shadow: 0px 0px 7px 2px rgba(115, 103, 240, 0.46);
}

table thead th:first-child {
  border-radius: 5px 0 0 0;
}

table thead tr:first-child th {
  border: none;
}

table thead th:last-child {
  border-radius: 0 5px 0 0;
}

table.table--light thead th {
  border: none;
  color: #000;
  background-color: #4634ff;
}

table.table--light.style--two thead th {
  border-top: none;
  padding-bottom: 14px !important;
  padding-top: 14px !important;
  background-color: var(--light) !important;
}

table.table--light.style--two tbody td {
  padding-bottom: 6px !important;
  padding-top: 6px !important;
}

.custom--form table thead tr:first-child th {
  border: 0 !important;
}

.customer-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.customer-details .thumb {
  width: 45px;
  height: 45px;
  display: inline-block;
}

.customer-details .thumb img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
  border-radius: 5%;
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  -ms-border-radius: 5%;
  -o-border-radius: 5%;
}

.customer-details .content {
  padding-left: 15px;
}

.user-table-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.user-table-list .user+.user {
  margin-left: -10px;
  z-index: 1;
}

.user-table-list .user {
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 2;
}

.user-table-list .user:hover {
  z-index: 2;
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.user-table-list .user img {
  width: 32px;
  height: 32px;
  border-radius: 5%;
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  -ms-border-radius: 5%;
  -o-border-radius: 5%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
  border: 2px solid #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}

.table> :not(caption)>*>* {
  border-bottom-width: 0;
}

[data-label] {
  position: relative;
}

[data-label]::before {
  position: absolute;
  content: attr(data-label);
  font-weight: 700;
  color: #000000;
  top: 0;
  left: 0;
  padding: 8px 15px;
  display: none;
}


.pagination .page-item.active .page-link {
  background-color: #4634ff;
  border-color: #4634ff;
  color: #ffffff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
}

.pagination .page-item.previous .page-link,
.pagination .page-item.next .page-link {
  font-size: 0;
  position: relative;
  width: 35px;
  height: 35px;
}

.pagination .page-item.previous .page-link::before {
  position: absolute;
  top: 7px;
  right: 11px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f104";
  font-size: 16px;
}

.pagination .page-item.next .page-link::before {
  position: absolute;
  top: 7px;
  right: 11px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f105";
  font-size: 16px;
}

.pagination .page-item .page-link,
.pagination .page-item span {
  font-size: 0.875rem;
  display: flex;
  width: 36px;
  height: 36px;
  margin: 0 3px;
  padding: 0;
  border-radius: 50% !important;
  align-items: center;
  justify-content: center;
  color: #5b6e88;
}

@media (max-width: 420px) {
  div.dataTables_wrapper div.dataTables_filter input {
    width: 150px;
  }
}

th.w-85 {
  width: 85px;
}

/* table css end */
/* widget css start */
.has--link {
  position: relative;
}

.has--link .item--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.widget:hover {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.widget__icon {
  width: 70px;
  height: 70px;
  align-self: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.widget__icon i {
  color: #ffffff;
  font-size: 38px;
}

.widget__content {
  width: calc(100% - 90px);
  padding-left: 15px;
}

.widget__content .stat-down {
  color: #ea5455;
}

.widget__content .stat-down i {
  font-size: 12px;
}

.widget__content .stat-down span {
  color: #5b6e88;
}

.widget__content .stat-up {
  color: #28c76f;
}

.widget__content .stat-up i {
  font-size: 12px;
}

.widget__content .stat-up span {
  color: #5b6e88;
}

.widget__arrow {
  width: 20px;
  text-align: right;
  color: #5b6e88;
}

.widget-two {
  padding: 15px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  align-items: center;
  height: 100%;
}

.widget-two .overlay-icon {
  position: absolute;
  bottom: -15px;
  right: -15px;
  font-size: 70px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0.15;
}

.widget-two__icon {
  width: 65px;
  height: 65px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.widget-two__icon i {
  font-size: 42px;
}

.widget-two__content {
  width: calc(100% - 65px);
  padding-left: 20px;
}

.widget-two__btn {
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 4px;
  font-size: 10px;
  padding: 0 5px;
  transition: all 0.3s;
}

.widget-two.style--two {
  z-index: 1;
}

.widget-two.style--two::before,
.widget-two.style--two::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background-color: #fff;
  clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
  opacity: 0.05;
  z-index: -1;
}

.widget-two.style--two::after {
  width: calc(20% + 20px);
}

.widget-two.style--two .widget-two__icon {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.widget-two.style--two .widget-two__btn {
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  z-index: 1;
}

.widget-two.style--two .overlay-icon {
  opacity: 0;
}

.widget-three {
  padding: 30px 30px;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.widget-three:hover {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.widget-three__icon {
  width: 90px;
  height: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
}

.widget-three__icon i {
  font-size: 46px;
  color: #ffffff;
}

.widget-three__content {
  margin-top: 25px;
}

.widget-three__content .numbers {
  font-size: 24px;
  font-weight: 600;
}

.widget-four {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.widget-four .widget__icon {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}

.widget-four .widget__content {
  width: calc(100% - 75px);
  padding-left: 30px;
}

.widget-five {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.widget-five .widget__icon {
  width: 65px;
  height: 65px;
  overflow: hidden;
}

.widget-five .widget__content {
  width: calc(100% - 65px);
  padding-left: 20px;
}

.widget-five .widget__content ul li+li {
  margin-top: 5px;
}

.widget-six .widget-six__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.widget-six .widget-six__top i {
  width: 40px;
  height: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.widget-six .widget-six__top p {
  width: calc(100% - 40px);
  padding-left: 15px;
}

.widget-six .widget-six__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.has-link {
  position: relative;
}

.item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.dashboard-w1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 130px;
  justify-content: flex-end;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: relative;
  align-items: center;
  padding: 30px 20px;
}

.dashboard-w1:hover {
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
}

.dashboard-w1 .icon {
  position: absolute;
  bottom: 0;
  left: 0;
}

.dashboard-w1 .icon i {
  font-size: 72px;
  color: rgba(255, 255, 255, 0.15);
  margin-left: -15px;
  margin-bottom: -4px;
}

.dashboard-w1 .details {
  text-align: right;
}

.dashboard-w1 .details .status,
.dashboard-w1 .details .amount,
.dashboard-w1 .details .currency-sign {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.dashboard-w1 .details .desciption span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  margin-top: 5px;
}

/* widget css end */
/* media css start */
.avatar img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.avatar.avatar--xl img {
  width: 75px;
  height: 75px;
}

.avatar.avatar--lg img {
  width: 65px;
  height: 65px;
}

.avatar.avatar--md img {
  width: 55px;
  height: 55px;
}

.avatar.avatar--sm img {
  width: 45px;
  height: 45px;
}

.avatar.avatar--xs img {
  width: 35px;
  height: 35px;
}

/* media css edn */

/* sidebar css start */
.sidebar {
  width: 250px;
  background: var(--light);
  border: 1px solid var(--border-color);
  position: fixed;
  top: 0;
  left: 0;
  height: 96%;
  z-index: 999;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 16px;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .sidebar {
    left: -285px;
    padding-top: 16px;
  }
}



@media (min-width: 992px) {
  .sidebar::before {
    position: fixed;
    content: "";
    width: 15px;
    height: 8px;
    left: 251px;
    top: 16px;
    background: #f2f7fd;
    z-index: 99;
    border-radius: 0px 8px 0px 0px;
    border: 1px solid var(--border-color);
    border-bottom: 0;
    border-left: 0;
  }
}

[data-theme=sidebar-sm] .sidebar::before {
  display: none;
}

.sidebar.open {
  left: 0;
}

.res-sidebar-open-btn {
  width: 35px;
  padding: 0;
  color: #fff;
  font-size: 20px;
  background-color: transparent;
  display: none;
}

@media (max-width: 991px) {
  .res-sidebar-open-btn {
    display: inline-block;
  }
}

.sidebar .res-sidebar-close-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  color: var(--heading-color);
  display: none;
  z-index: 99999;
  visibility: visible;
  background-color: transparent;
  opacity: 1;
  padding: 0;
  font-size: 18px;
}

@media (max-width: 991px) {
  .sidebar .res-sidebar-close-btn {
    display: block;
  }
}


.sidebar .sidebar__logo-shape {
  display: none;
}

.sidebar .sidebar__logo-shape img {
  height: 35px;
}

.sidebar .slimScrollDiv .slimScrollBar {
  background-color: #4634ff !important;
  width: 5px !important;
  opacity: 1 !important;
}

.capsule--block .sidebar-menu-item.active a,
.capsule--block .sidebar-menu-item.sidebar-dropdown .side-menu--open {
  border-left: 3px solid #4634ff;
  border-radius: 0;
}

.capsule--block .sidebar-submenu .sidebar-menu-item.active a {
  border-left: none;
  background-color: transparent;
}

.sidebar.capsule--rounded .sidebar__menu {
  padding-left: 0;
}

.sidebar.capsule--rounded .sidebar__menu .sidebar-menu-item a {
  text-decoration: none;
}

.sidebar.capsule--rounded .sidebar__menu>.sidebar-menu-item>a {
  margin-right: 5px;
  border-radius: 0 999px 999px 0;
  -webkit-border-radius: 0 999px 999px 0;
  -moz-border-radius: 0 999px 999px 0;
  -ms-border-radius: 0 999px 999px 0;
  -o-border-radius: 0 999px 999px 0;
}

.sidebar.capsule--rounded .sidebar__menu>.sidebar-menu-item .sidebar-submenu .sidebar-menu-item {
  margin-right: 0;
}

.sidebar.capsule--rounded .sidebar__menu>.sidebar-menu-item .sidebar-submenu .sidebar-menu-item>a {
  margin-right: 15px;
  margin-top: 2px;
  border-radius: 0 999px 999px 0;
  -webkit-border-radius: 0 999px 999px 0;
  -moz-border-radius: 0 999px 999px 0;
  -ms-border-radius: 0 999px 999px 0;
  -o-border-radius: 0 999px 999px 0;
}

.sidebar.capsule--rounded2 .sidebar__menu>.sidebar-menu-item>a {
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.sidebar.capsule--rounded2 .sidebar__menu>.sidebar-menu-item .sidebar-submenu .sidebar-menu-item {
  margin-right: 0;
}

.sidebar.capsule--rounded2 .sidebar__menu>.sidebar-menu-item .sidebar-submenu .sidebar-menu-item>a {
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.sidebar__logo {
  padding: 8px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
}

.sidebar__logo .sidebar__main-logo {
  width: 90%;
}

.sidebar__logo .sidebar__main-logo img {
  max-height: 75px;
}

@media (max-width: 991px) {
  .sidebar__logo .sidebar__main-logo {
    width: 100%;
  }
}

.navbar__expand {
  margin-left: auto;
  background-color: transparent;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  margin-top: 15px;
}

@media (max-width: 991px) {
  .navbar__expand {
    display: none;
  }
}

.navbar__expand.active::before {
  opacity: 0;
}

.navbar__expand::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  background-color: #5b6e88;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.navbar__expand::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1.5px solid #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.sidebar-submenu {
  display: none;
}

.sidebar__menu {
  margin-top: 20px;
  padding: 0 0px;
  margin-bottom: 66px;
}



.sidebar__menu .sidebar-menu-item {
  margin-top: 5px;
  transition: all 0.3s linear;
}

/* .sidebar-menu-item.sidebar-dropdown {
	border-right: 4px solid #363e94 !important;
}  */

/* .sidebar-menu-item.sidebar-dropdown:hover {
	border-right: 4px solid #d4884c !important;
}

.sidebar__menu .sidebar-menu-item.active:hover {
	border-color: #d4884c !important;
}

.sidebar__menu .sidebar-menu-item:hover {
	border-color: #d4884c;
} */
.sidebar__menu .sidebar-menu-item>a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 16px;
  transition: all 0.3s;
  margin: 0 16px;
  border-radius: 8px;
}

.sidebar__menu .sidebar-menu-item>a:hover {
  background-color: #ebecf0;
}

.sidebar__menu .sidebar-menu-item.active .nav-link,
.sidebar__menu .sidebar-menu-item .side-menu--open {
  background: var(--heading-color);
  ;
  font-weight: 500;
}

.sidebar__menu .sidebar-menu-item .side-menu--open:hover {
  background: var(--heading-color);
}

.sidebar__menu .sidebar-menu-item.active .nav-link .menu-icon {
  color: #fff;
}

.sidebar__menu .sidebar-menu-item.active .nav-link .menu-title {
  color: #fff;
}

.sidebar__menu .sidebar-menu-item>a:hover .menu-icon {
  color: #4634ff;
}

.sidebar__menu .sidebar-menu-item>a:hover .menu-title {
  color: #4634ff;
}

.sidebar__menu .sidebar-menu-item .side-menu--open .menu-icon {
  color: #fff !important;
}

.sidebar__menu .sidebar-menu-item .side-menu--open .menu-title {
  color: #fff !important;
}

.sidebar__menu .sidebar-dropdown>a.side-menu--open::before {
  color: #fff !important;
}

.sidebar__menu .menu-icon {
  color: #5b6e88;
  font-size: 1rem;
  margin-right: 12px;
  transition: all 0.5s;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
}

.sidebar__menu .menu-title {
  font-size: 12px;
  color: #5b6e88;
  letter-spacing: 0.5px;
}

.sidebar__menu .menu-badge,
.nav .menu-badge {
  padding: 1px 6px;
  font-size: 0.625rem;
  font-weight: 500;
  border-radius: 3px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
}

.sidebar__menu .sidebar-dropdown>a {
  padding-right: 40px;
  position: relative;
  color: #fff !important;
}

.sidebar__menu .sidebar-dropdown>a::before {
  position: absolute;
  top: 15px;
  right: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f107";
  font-size: 13px;
  color: #5b6e88;
  transition: all 0.3s;
}

.sidebar__menu .sidebar-dropdown>a.side-menu--open::before {
  transform: rotate(180deg);
  top: 13px;
}

.sidebar__menu .sidebar-submenu {
  position: relative;
  background-color: #ffffff0f;
  margin-left: 16px;
  margin-top: 8px;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item a .menu-icon {
  display: none;
}

.sidebar__menu .sidebar-submenu__open {
  display: block;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item {
  margin-top: 0;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item.active>a {
  background-color: var(--heading-color) !important;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-icon {
  color: #4634ff;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-title {
  color: #4634ff;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item a {
  padding: 12px 16px;
  transition: all 0.3s;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item a:hover .menu-icon {
  color: #4634ff;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item a:hover .menu-title {
  color: #4634ff;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item a .menu-icon {
  font-size: 0.75rem;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item a .menu-title {
  font-size: 0.75rem;
}

.sidebar__menu-header {
  font-size: 0.6875rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #b5b5b5;
  margin: 25px 0 8px 25px;
}

.sidebar[class*="bg--"] .sidebar__logo {
  border-color: rgba(255, 255, 255, 0.15);
}

.sidebar[class*="bg--"] .sidebar__menu .sidebar__menu-header {
  color: #b5b5b5;
}

.sidebar[class*="bg--"] .sidebar__menu .sidebar-menu-item>a:hover {
  background-color: #2c3377;
}

.sidebar[class*="bg--"] .sidebar__menu .sidebar-menu-item .menu-icon,
.sidebar[class*="bg--"] .sidebar__menu .sidebar-menu-item .menu-title {
  color: #e0e0e0;
}

.sidebar[class*="bg--"] .sidebar__menu .sidebar-menu-item .side-menu--open {
  background-color: #2c3377 !important;
  border-right: 4px solid #d28342;
}

.sidebar[class*="bg--"] .sidebar__menu .sidebar-dropdown>a::before {
  color: #e0e0e0;
}

.sidebar[class*="bg--"] .sidebar__menu .sidebar-submenu::before {
  border-left-color: #ffffff33;
}

.sidebar[class*="bg--"] .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-icon,
.sidebar[class*="bg--"] .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-title,
.sidebar[class*="bg--"] .sidebar__menu .sidebar-submenu .sidebar-menu-item:hover a .menu-icon,
.sidebar[class*="bg--"] .sidebar__menu .sidebar-submenu .sidebar-menu-item:hover a .menu-title {
  color: #ffffff;
}

.sidebar[class*="bg--"]:not([class*="bg--gradi"]).bg_img {
  background-image: none !important;
}

.sidebar[class*="bg--gradi"] .sidebar__menu .sidebar__menu-header {
  color: #dadada;
}

.sidebar[class*="bg--white"] {
  background-image: none !important;
}

.sidebar[class*="bg--white"] .sidebar__logo {
  border-color: #ececec;
}

.sidebar[class*="bg--white"] .sidebar__menu .sidebar__menu-header {
  color: #b5b5b5;
}

.sidebar[class*="bg--white"] .sidebar__menu .sidebar-menu-item.open {
  background-color: #f5f5f5;
}

.sidebar[class*="bg--white"] .sidebar__menu .sidebar-menu-item>a:hover {
  background-color: #ebecf0;
}

.sidebar[class*="bg--white"] .sidebar__menu .sidebar-menu-item>a:hover .menu-icon,
.sidebar[class*="bg--white"] .sidebar__menu .sidebar-menu-item>a:hover .menu-title {
  color: #4634ff;
}

.sidebar[class*="bg--white"] .sidebar__menu .sidebar-menu-item .menu-icon,
.sidebar[class*="bg--white"] .sidebar__menu .sidebar-menu-item .menu-title {
  color: #5b6e88;
}

.sidebar[class*="bg--white"] .sidebar__menu .sidebar-dropdown>a::before {
  color: #5b6e88;
}

.sidebar.pill--bg-1 .sidebar-menu-item .side-menu--open,
.sidebar.pill--bg-1 .sidebar-menu-item.active>a {
  background-color: #4634ff;
}

.sidebar.pill--bg-2 .sidebar-menu-item .side-menu--open,
.sidebar.pill--bg-2 .sidebar-menu-item.active>a {
  background-color: #1e9ff2;
}

.sidebar.pill--bg-3 .sidebar-menu-item .side-menu--open,
.sidebar.pill--bg-3 .sidebar-menu-item.active>a {
  background-color: #ea5455;
}

.sidebar.pill--gradi-1 .sidebar-menu-item .side-menu--open,
.sidebar.pill--gradi-1 .sidebar-menu-item.active>a {
  background-image: -moz-linear-gradient(14deg, #4656bb 18%, #9f05e7 82%) !important;
  background-image: -webkit-linear-gradient(14deg, #4656bb 18%, #9f05e7 82%) !important;
  background-image: -ms-linear-gradient(14deg, #4656bb 18%, #9f05e7 82%) !important;
}

.sidebar.pill--gradi-2 .sidebar-menu-item .side-menu--open,
.sidebar.pill--gradi-2 .sidebar-menu-item.active>a {
  background-image: -moz-linear-gradient(19deg, #ec398b 0%, #9948a3 41%, #4656bb 99%) !important;
  background-image: -webkit-linear-gradient(19deg, #ec398b 0%, #9948a3 41%, #4656bb 99%) !important;
  background-image: -ms-linear-gradient(19deg, #ec398b 0%, #9948a3 41%, #4656bb 99%) !important;
}

.sidebar.pill--gradi-3 .sidebar-menu-item .side-menu--open,
.sidebar.pill--gradi-3 .sidebar-menu-item.active>a {
  background-image: -moz-linear-gradient(-177deg, #f24341 0%, #cd2c5b 53%, #a71574 100%) !important;
  background-image: -webkit-linear-gradient(-177deg, #f24341 0%, #cd2c5b 53%, #a71574 100%) !important;
  background-image: -ms-linear-gradient(-177deg, #f24341 0%, #cd2c5b 53%, #a71574 100%) !important;
}

/* sidebar css end */
/* navbar-wrapper css start */
.navbar-wrapper {
  position: relative;
  background: var(--light);
  padding: 8px 16px;
  margin: 16px;
  border-radius: 8px;
  margin-bottom: 0;
  margin-left: 282px;
  border: 1px solid var(--border-color) !important;
  transition: all 0.5s cubic-bezier(0.4, -0.25, 0.25, 1.1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .navbar-wrapper {
    margin-left: 16px;
  }
}

@media (max-width: 575px) {
  .navbar-wrapper {
    padding: 10px 10px;
  }
}

*[class*="bg--"]:not(.bg--white) .fullscreen-btn,
*[class*="bg--"]:not(.bg--white) .navbar__right button i,
*[class*="bg--"]:not(.bg--white) .navbar-user__name {
  color: #ffffff !important;
}

/* .navbar__left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
} */

.navbar-search {
  position: relative;
  width: 300px;
}

.navbar-search .navbar-search-field {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding-left: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  width: 100%;
}

.navbar-search .navbar-search-field::placeholder,
.navbar-search .navbar-search-field::-moz-placeholder,
.navbar-search .navbar-search-field::-webkit-input-placeholder {
  color: #f1f1f1;
}

.navbar-search .navbar-search-field::-webkit-search-decoration,
.navbar-search .navbar-search-field::-webkit-search-cancel-button,
.navbar-search .navbar-search-field::-webkit-search-results-button,
.navbar-search .navbar-search-field::-webkit-search-results-decoration {
  display: none;
}

.navbar-search .navbar-search-field:focus {
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 5px #4634ff80;
  box-shadow: none;
}

.navbar-search i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #5b6e88;
}

.navbar-search .autocomplete-items {
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  background-color: #fff;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  z-index: 999;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid #e5e5e5;
  border-top: none;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ddd #fff;
}

.navbar-search .autocomplete-items::-webkit-scrollbar {
  width: 10px;
}

.navbar-search .autocomplete-items::-webkit-scrollbar-track {
  background: #fff;
}

.navbar-search .autocomplete-items::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 20px;
  border: 2px solid #fff;
}

.navbar-search .autocomplete-items>div {
  border-bottom: 1px dashed #e5e5e5;
}

.navbar-search .autocomplete-items>div:last-child {
  border-bottom: none;
}

.navbar-search .autocomplete-items>div a {
  color: #777;
  padding: 10px 15px;
  display: block;
  transition: all 0.3s;
}

.navbar-search .autocomplete-items>div:hover a,
.navbar-search .autocomplete-items>div.autocomplete-active a {
  background-color: #f3f3f3;
}

@media (max-width: 575px) {
  .navbar-search {
    width: 155px;
  }
}

.navbar__right button {
  background-color: transparent;
  position: relative;
}

.navbar__right button i {
  color: var(--body-color);
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
  font-size: 20px;
}

@media (max-width: 420px) {
  .navbar__right .dropdown-menu {
    position: fixed;
    top: 60px;
    left: 15px;
    right: 15px;
    width: 91% !important;
    /* min-width: 91% !important; */
  }
}

.navbar-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.navbar-user__thumb {
  width: 35px;
}

.navbar-user__thumb img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.navbar-user__info {
  text-align: left;
  padding-left: 10px;
}

@media (max-width: 575px) {
  .navbar-user__info {
    display: none;
  }
}

.navbar-user__name {
  font-size: 0.75rem;
  font-weight: 700;
  color: #34495e;
}

.navbar-user__desig {
  font-size: 0.75rem;
}

.navbar-user .icon {
  padding-left: 10px;
}

@media (max-width: 575px) {
  .navbar-user .icon {
    display: none;
  }
}

.navbar-user .icon i {
  font-size: 0.875rem;
}

.navbar__action-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.navbar__action-list li {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .navbar__action-list li {
    margin-right: 5px;
  }
}

@media (max-width: 575px) {
  .navbar__action-list li {
    margin-right: 0px;
  }
}

.navbar__action-list li:last-child {
  margin-right: 0;
}

.navbar__action-list .nice-select {
  padding: 0 12px 0 0 !important;
  border: none;
  height: 30px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}

.navbar__action-list .nice-select::after {
  right: 0;
  margin-top: -3px;
}

.dropdown-menu.dropdown-menu--md {
  min-width: 18rem;
}

.dropdown-menu.dropdown-menu--sm {
  min-width: 12rem;
}

.dropdown-menu__header {
  padding: 15px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.dropdown-menu__header .caption {
  font-size: 0.75rem;
  font-weight: 700;
}

.dropdown-menu__header p {
  font-size: 0.75rem;
}

.dropdown-menu__item {
  display: block;
  border-bottom: 1px solid #e5e5e5;
}

.dropdown-menu__item:hover {
  background-color: #f7f7f7;
}

.dropdown-menu__item .dropdown-menu__icon {
  font-size: 1.25rem;
  color: #34495e;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
}

.dropdown-menu__item .dropdown-menu__caption {
  color: #34495e;
  font-size: 0.875rem;
  font-weight: 500;
}

.dropdown-menu__item .dropdown-menu__icon~.dropdown-menu__caption {
  padding-left: 8px;
}

.dropdown-menu .slimScrollDiv .slimScrollBar {
  background-color: #000000 !important;
  width: 3px !important;
  opacity: 0.15 !important;
}

.dropdown-menu__footer {
  border-top: 1px solid #e5e5e5;
}

.dropdown-menu__footer .view-all-message {
  font-size: 0.75rem;
  display: block;
  padding: 15px 15px;
  text-align: center;
  color: #34495e;
  font-weight: 600;
}

.dropdown-menu__footer .view-all-message:hover {
  color: #4634ff;
}

.message-notifi {
  padding: 15px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.message-notifi__left {
  width: 45px;
}

.message-notifi__left img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.message-notifi__right {
  width: calc(100% - 45px);
  padding-left: 10px;
}

.message-notifi__right .name {
  font-weight: 500;
  font-size: 0.875rem;
  color: #34495e;
}

.message-notifi__right p {
  color: #5b6e88;
  font-size: 0.8125rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.message-notifi__right .time {
  font-size: 0.6875rem;
  font-weight: 600;
}

.navbar-notifi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 15px;
}

.navbar-notifi__left {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.navbar-notifi__left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.navbar-notifi__left i {
  font-size: 1.35rem;
}

.navbar-notifi__right {
  width: calc(100% - 40px);
  padding-left: 10px;
}

.navbar-notifi__right .notifi__title {
  font-weight: 600;
  font-size: 0.875rem;
}

.navbar-notifi__right .time {
  font-size: 0.75rem;
  margin-top: 5px;
}

.pulse--primary {
  display: block;
  position: absolute;
  top: 3px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4634ff;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(115, 103, 240, 0.9);
  animation: pulse-primary 2s infinite;
  animation-duration: 0.9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@-webkit-keyframes pulse-primary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(115, 103, 240, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(115, 103, 240, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(115, 103, 240, 0);
  }
}

@-moz-keyframes pulse-primary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(115, 103, 240, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(115, 103, 240, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(115, 103, 240, 0);
  }
}

@-ms-keyframes pulse-primary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(115, 103, 240, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(115, 103, 240, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(115, 103, 240, 0);
  }
}

@keyframes pulse-primary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(115, 103, 240, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(115, 103, 240, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(115, 103, 240, 0);
  }
}

.pulse--secondary {
  display: block;
  position: absolute;
  top: 3px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #868e96;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(134, 142, 150, 0.9);
  animation: pulse-secondary 2s infinite;
  animation-duration: 0.9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@-webkit-keyframes pulse-secondary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(134, 142, 150, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(134, 142, 150, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(134, 142, 150, 0);
  }
}

@-moz-keyframes pulse-secondary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(134, 142, 150, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(134, 142, 150, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(134, 142, 150, 0);
  }
}

@-ms-keyframes pulse-secondary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(134, 142, 150, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(134, 142, 150, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(134, 142, 150, 0);
  }
}

@keyframes pulse-secondary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(134, 142, 150, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(134, 142, 150, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(134, 142, 150, 0);
  }
}

.pulse--info {
  display: block;
  position: absolute;
  top: 3px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1e9ff2;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(30, 159, 242, 0.9);
  animation: pulse-info 2s infinite;
  animation-duration: 0.9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@-webkit-keyframes pulse-info {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(30, 159, 242, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(30, 159, 242, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(30, 159, 242, 0);
  }
}

@-moz-keyframes pulse-info {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(30, 159, 242, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(30, 159, 242, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(30, 159, 242, 0);
  }
}

@-ms-keyframes pulse-info {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(30, 159, 242, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(30, 159, 242, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(30, 159, 242, 0);
  }
}

@keyframes pulse-info {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(30, 159, 242, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(30, 159, 242, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(30, 159, 242, 0);
  }
}

.pulse--warning {
  display: block;
  position: absolute;
  top: 3px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff9f43;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255, 159, 67, 0.9);
  animation: pulse-warning 2s infinite;
  animation-duration: 0.9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@-webkit-keyframes pulse-warning {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(255, 159, 67, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 159, 67, 0);
  }
}

@-moz-keyframes pulse-warning {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(255, 159, 67, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 159, 67, 0);
  }
}

@-ms-keyframes pulse-warning {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(255, 159, 67, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 159, 67, 0);
  }
}

@keyframes pulse-warning {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(255, 159, 67, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 159, 67, 0);
  }
}

.pulse--danger {
  display: block;
  position: absolute;
  top: 3px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ea5455;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(238, 51, 94, 0.9);
  animation: pulse-danger 2s infinite;
  animation-duration: 0.9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@-webkit-keyframes pulse-danger {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(220, 53, 69, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
  }
}

@-moz-keyframes pulse-danger {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(220, 53, 69, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
  }
}

@-ms-keyframes pulse-danger {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(220, 53, 69, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
  }
}

@keyframes pulse-danger {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 6px rgba(220, 53, 69, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
  }
}

/* navbar-wrapper css end */
/* body-wrapper css start */
.body-wrapper {
  margin-left: 266px;
  padding: 16px;
  transition: all 0.5s cubic-bezier(0.4, -0.25, 0.25, 1.1);
  height: 100vh;
}

@media (max-width: 575px) {
  .body-wrapper {
    padding: 15px;
  }
}

.body-wrapper.active {
  margin-left: 80px;
}

@media (max-width: 991px) {
  .body-wrapper {
    margin-left: 0;
  }
}

.page-title {
  font-size: 12px;
  display: inline-block;
}

.page-breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.page-breadcrumb li {
  font-size: 0.875rem;
}

.page-breadcrumb li a {
  color: #4634ff;
}

.activity-list__item {
  padding-left: 30px;
  position: relative;
  padding-bottom: 30px;
}

.activity-list__item::before {
  position: absolute;
  content: "";
  left: 5px;
  top: 4px;
  width: 3px;
  height: 100%;
  border-left: 1px solid #e7d2d2;
}

.activity-list__item .dot {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
}

.activity-list__item .title {
  font-size: 0.875rem;
  margin-bottom: 10px;
}

.activity-list__item .date {
  font-weight: 500;
  font-size: 0.75rem;
}

.activity-list .slimScrollBar {
  background-color: #000000 !important;
  width: 1px !important;
  opacity: 0.25 !important;
}

#world-map-markers {
  height: 400px;
}

.pricing-table .price {
  font-size: 52px;
}

.package-features-list {
  display: inline-block;
  text-align: left;
}

.package-features-list li+li {
  margin-top: 20px;
}

.package-features-list li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.package-features-list li i {
  font-size: 11px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.single-answer {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.single-answer.from__admin .single-answer__header {
  background-color: rgba(40, 199, 111, 0.15);
}

.single-answer__header {
  padding: 10px 30px;
  background-color: #f1f1f1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.single-answer__body {
  padding: 30px;
}

/* body-wrapper css end */
/* documentation css start */
.docs-wrapper .docs__title {
  font-weight: 600;
  margin-bottom: 10px;
}

.docs-wrapper .docs__subtitle {
  font-weight: 600;
}

.docs-wrapper .docs__info {
  color: #000000;
  padding: 5px 20px;
  background-color: rgba(115, 103, 240, 0.15);
  display: inline-block;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.docs-wrapper .docs__info i {
  margin-right: 6px;
}

.docs-wrapper .docs__info b {
  color: #5b6e88;
  font-weight: 600;
}

.docs-wrapper p {
  font-size: 0.875rem;
}

.docs-wrapper pre {
  padding: 20px;
  background-color: #ffffff;
}

.docs-wrapper pre code {
  color: tomato;
}

/* documentation css end */
/* login css start */

.login-main {
  padding: 100px 0;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #3d2bfb;
}

@media (max-width: 575px) {
  .login-main {
    padding: 50px 0;
  }
}

.login-main::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1e157d;
  opacity: 0.57;
  z-index: -1;
}

.login-area {
  position: relative;
}

.login-area::after {
  position: absolute;
  content: "";
  width: 247px;
  height: 247px;
  right: -80px;
  top: -100px;
  border: 40px solid rgba(52, 34, 229, 0.31);
  box-sizing: border-box;
  filter: blur(2px);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.login-wrapper {
  background-color: #1e157d;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}

.login-wrapper__top {
  padding: 60px 30px 40px 30px;
  text-align: center;
  background-color: #3d2bfb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  z-index: 1;
}

@media (max-width: 575px) {
  .login-wrapper__top {
    padding: 40px 15px;
  }
}

.login-wrapper__top::after {
  position: absolute;
  content: "";
  bottom: -25px;
  left: 5px;
  right: 5px;
  z-index: -1;
  border-width: 25px 256px 0px 256px;
  border-style: solid;
  border-color: #3d2bfb transparent transparent transparent;
}

@media (max-width: 1399px) {
  .login-wrapper__top::after {
    border-width: 25px 218px 0px 218px;
  }
}

@media (max-width: 767px) {
  .login-wrapper__top::after {
    border-width: 25px 228px 0px 228px;
  }
}

@media (max-width: 575px) {
  .login-wrapper__top::after {
    display: none;
  }
}

.login-wrapper__top .title {
  font-size: 30px;
  font-weight: 600;
}

@media (max-width: 575px) {
  .login-wrapper__top .title {
    font-size: 24px;
  }
}

@media (max-width: 360px) {
  .login-wrapper__top .title {
    font-size: 22px;
  }
}

.login-wrapper__top p {
  font-size: 17px;
}

@media (max-width: 575px) {
  .login-wrapper__top p {
    font-size: 14px;
  }
}

.login-wrapper__body {
  padding: 60px 40px 40px 40px;
}

@media (max-width: 575px) {
  .login-wrapper__body {
    padding: 30px 20px;
  }
}

.login-form label {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  font-weight: 500;
}

.login-form label.form-check-label {
  font-size: 14px;
}

.login-form .form-control {
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 16px;
  padding: 20px;
}

.login-form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.31) !important;
}

.login-form .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.31) !important;
}

.login-form .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.31) !important;
}

.login-form .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.31) !important;
}

.login-form .form-control:focus {
  background-color: transparent;
  border-color: #3d2bfb;
}

.login-form .forget-text {
  color: #fff;
  text-decoration: underline;
}

.login-form .cmn-btn {
  margin-top: 40px;
}

.cmn-btn {
  background-color: #3d2bfb;
  color: #fff;
  height: 50px;
}

.cmn-btn:hover {
  color: #fff;
}

.login-form .form-check {
  position: relative;
  padding-left: 0;
}

.login-form .form-check .form-check-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  margin-left: 0;
  opacity: 0;
}

.login-form .form-check .form-check-label {
  position: relative;
  padding-left: 25px;
}

.login-form .form-check .form-check-label::before {
  position: absolute;
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  transition: all 0.3s;
}

.login-form .form-check .form-check-input:checked~.form-check-label::before {
  content: "\f00c";
  background-color: #3d2bfb;
  border-color: #3d2bfb;
}

/* login css end */
/* error css start */
.error-area {
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.error-area .error-wrapper {
  width: 750px;
  text-align: center;
}

/* error css end */
/* dark version css start */
.dark-version {
  background-color: #262c49;
}

.dark-version body,
.dark-version p,
.dark-version li,
.dark-version a,
.dark-version i,
.dark-version strong,
.dark-version address,
.dark-version div,
.dark-version b,
.dark-version .table td,
.dark-version .table th,
.dark-version .table tbody td,
.dark-version .dropdown-menu__item .dropdown-menu__icon,
.dark-version .dropdown-menu__item .dropdown-menu__caption,
.dark-version .custom-file-label,
.dark-version .sidebar__menu .sidebar-dropdown>a::before {
  color: #c2c6dc !important;
}

.dark-version h1,
.dark-version h2,
.dark-version h3,
.dark-version h4,
.dark-version h5,
.dark-version h6,
.dark-version h2 a,
.dark-version h3 a,
.dark-version h4 a,
.dark-version h5 a,
.dark-version h6 a,
.dark-version .sidebar__menu .menu-icon,
.dark-version .sidebar__menu .menu-title,
.dark-version .btn:hover,
.dark-version .message-notifi__right .name,
.dark-version .text--dark,
.dark-version .text-dark,
.dark-version .apexcharts-legend-text,
.dark-version .table thead th,
.dark-version .custom-select,
.dark-version .custom-select option,
.dark-version .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-version .timepicki.time_pick input,
.dark-version [data-label]::before {
  color: #ebeefd !important;
}

.dark-version div[class*="bg--"],
.dark-version p[class*="bg--"],
.dark-version div[class*="bg-"],
.dark-version p[class*="bg-"] {
  color: #ffffff !important;
}

.dark-version div[class*="bg--"] p,
.dark-version p[class*="bg--"] p,
.dark-version div[class*="bg-"] p,
.dark-version p[class*="bg-"] p {
  color: #ffffff !important;
}

.dark-version div[class*="bg--"] i,
.dark-version p[class*="bg--"] i,
.dark-version div[class*="bg-"] i,
.dark-version p[class*="bg-"] i {
  color: #ffffff !important;
}

.dark-version .btn {
  color: #ffffff !important;
}

.dark-version .btn:hover {
  color: #ffffff !important;
}

.dark-version .btn i {
  color: #ffffff !important;
}

.dark-version [class*="bg--"].card p,
.dark-version [class*="bg-"].card p {
  color: #c2c6dc !important;
}

.dark-version .text-muted {
  color: #455e73 !important;
}

.dark-version .sidebar,
.dark-version .navbar-wrapper,
.dark-version .card,
.dark-version .card-footer,
.dark-version .widget,
.dark-version .widget-two,
.dark-version .widget-three,
.dark-version .navbar-search,
.dark-version .list-group-item,
.dark-version .custom-file-label,
.dark-version .form-control:focus,
.dark-version .form-area .form-wrapper,
.dark-version .form-area .form-wrapper::after,
.dark-version .select2-container--default .select2-selection--single,
.dark-version .select2-container--default .select2-selection--multiple,
.dark-version .select2-container--default .select2-results__option--selected,
.dark-version .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.dark-version .timepicki .timepicker_wrap .timepicki-input {
  background-color: #10163a !important;
}

.dark-version .navbar-wrapper {
  border-bottom: 0;
  box-shadow: 5px 7px 26px -5px #090f21;
}

.dark-version .sidebar {
  background-image: none !important;
  box-shadow: -8px 12px 18px 0 #0e1629;
}

.dark-version .sidebar::before {
  display: none;
}

.dark-version .widget-three__icon i,
.dark-version .widget-two__icon i {
  color: #ffffff !important;
}

.dark-version .sidebar__menu .sidebar-menu-item .side-menu--open,
.dark-version .sidebar__menu .sidebar-menu-item.active>a {
  background-color: rgba(255, 255, 255, 0.06);
}

.dark-version .sidebar__menu .sidebar-menu-item>a:hover {
  background-color: rgba(255, 255, 255, 0.06);
}

.dark-version .sidebar__menu .sidebar-submenu::before {
  border-color: rgba(255, 255, 255, 0.15);
}

.dark-version .table td,
.dark-version .table th {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.dark-version table.table--light thead th {
  background-color: #262c49 !important;
}

.dark-version .bg--white {
  background-color: #10163a !important;
}

.dark-version .box--shadow1 {
  box-shadow: 0px 5px 26px -5px #090f21 !important;
}

.dark-version .dropdown-menu,
.dark-version .modal-content,
.dark-version .select2-dropdown,
.dark-version .timepicki .timepicker_wrap,
.dark-version .single-answer__header {
  background-color: #161b3e !important;
}

.dark-version .dropdown-menu__item,
.dark-version .dropdown-menu__header,
.dark-version .dropdown-menu__footer,
.dark-version .modal-header,
.dark-version .modal-footer,
.dark-version .timepicki .prev,
.dark-version .timepicki .next,
.dark-version .timepicki .timepicker_wrap {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.dark-version .dropdown-menu__footer a {
  color: #4634ff;
}

.dark-version .navbar-notifi__left i {
  color: #ffffff;
}

.dark-version .dropdown-menu__item:hover {
  background-color: #0f1431 !important;
}

.dark-version .sidebar-submenu .sidebar-menu-item>a:hover .menu-icon,
.dark-version .sidebar-submenu .sidebar-menu-item>a:hover .menu-title,
.dark-version .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-icon,
.dark-version .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-title {
  color: #ffffff !important;
}

.dark-version .progress {
  background-color: #212c61;
}

.dark-version .list-group-item,
.dark-version .border-bottom,
.dark-version .form-control,
.dark-version .custom-file-label,
.dark-version .custom-select {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.dark-version .custom-file-label::after {
  background-color: #4634ff;
  color: #ffffff;
}

.dark-version .form-control {
  color: #aad4ff;
}

.dark-version .form-control::-webkit-input-placeholder {
  color: #455e73 !important;
}

.dark-version .form-control::-moz-placeholder {
  color: #455e73 !important;
}

.dark-version .form-control:-ms-input-placeholder {
  color: #455e73 !important;
}

.dark-version .form-control:-moz-placeholder {
  color: #455e73 !important;
}

.dark-version .cmn-form .form-group .input-icon {
  background-color: #1a204a;
}

.dark-version .alert-primary .alert__message,
.dark-version .alert-primary .alert__icon i,
.dark-version .alert-secondary .alert__message,
.dark-version .alert-secondary .alert__icon i,
.dark-version .alert-success .alert__message,
.dark-version .alert-success .alert__icon i,
.dark-version .alert-danger .alert__message,
.dark-version .alert-danger .alert__icon i,
.dark-version .alert-warning .alert__message,
.dark-version .alert-warning .alert__icon i,
.dark-version .alert-info .alert__message,
.dark-version .alert-info .alert__icon i {
  color: #000000 !important;
}

.alert-secondary {
  background-color: #f5f2f0 !important;
}

.dark-version table .table-primary th,
.dark-version table .table-primary td,
.dark-version table .table-secondary th,
.dark-version table .table-secondary td,
.dark-version table .table-success th,
.dark-version table .table-success td,
.dark-version table .table-danger th,
.dark-version table .table-danger td,
.dark-version table .table-warning th,
.dark-version table .table-warning td,
.dark-version table .table-info th,
.dark-version table .table-info td,
.dark-version table .table-light th,
.dark-version table .table-light td,
.dark-version table .table-dark th,
.dark-version table .table-dark td {
  color: #000000 !important;
}

.dark-version .table .thead-dark th,
.dark-version .table-dark {
  background-color: #262c49;
}

.dark-version .dataTables_wrapper .custom-select {
  background-color: #867bf526 !important;
}

.dark-version .dataTables_paginate .pagination li.active a {
  color: #ffffff !important;
}

.dark-version .page-link,
.dark-version .page-item.disabled .page-link {
  background-color: #262c49;
  border-color: #262c49;
}

.dark-version div.dataTables_wrapper .dt-buttons button {
  border-color: #191b4a;
}

.dark-version .form-control,
.dark-version .form-control:disabled,
.dark-version .form-control[readonly],
.dark-version .custom-select {
  background-color: #060b2b !important;
}

.dark-version .input-group-text {
  background-color: #262c49;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.dark-version .select2-container--default .select2-selection--single,
.dark-version .select2-container--default .select2-selection--multiple,
.dark-version .timepicki.time_pick input,
.dark-version .single-answer,
.dark-version textarea {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.dark-version .select2-dropdown {
  border: none;
}

.dark-version .timepicker_wrap .action-next:hover,
.dark-version .timepicker_wrap .action-prev:hover {
  background-color: #000000;
}

.dark-version .timepicker_wrap .action-next::before,
.dark-version .timepicker_wrap .action-prev::before {
  color: #ebeefd;
}

.dark-version .single-answer.from__admin .single-answer__header {
  background-color: #03061b !important;
}

.table-responsive {
  border: 1px solid var(--border-color);
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .dark-version .table-responsive--lg thead {
    display: none;
  }

  .dark-version .table-responsive--lg tbody tr:nth-child(odd) {
    background-color: #262c49;
  }
}

@media (max-width: 991px) {
  .dark-version .table-responsive--md thead {
    display: none;
  }

  .dark-version .table-responsive--md tbody tr:nth-child(odd) {
    background-color: #262c49;
  }
}

@media (max-width: 767px) {
  .dark-version .table-responsive--sm thead {
    display: none;
  }

  .dark-version .table-responsive--sm tbody tr:nth-child(odd) {
    background-color: #262c49;
  }
}

@media (max-width: 575px) {
  .dark-version .table-responsive--xs thead {
    display: none;
  }

  .dark-version .table-responsive--xs tbody tr:nth-child(odd) {
    background-color: #262c49;
  }
}

.dark-version .activity-list__item::before {
  border-color: rgba(255, 255, 255, 0.25);
}

.dark-version .card,
.dark-version .widget,
.dark-version .widget-two,
.dark-version .widget-three {
  box-shadow: 0 10px 25px 2px rgba(0, 0, 0, 0.2) !important;
}

.dark-version .pagination .page-item.active .page-link {
  background-color: #4634ff;
  border-color: #4634ff;
  color: #ffffff;
}

.dark-version .pagination .page-item .page-link,
.dark-version .pagination .page-item span {
  font-size: 0.875rem;
  display: flex;
  width: 36px;
  height: 36px;
  margin: 0 3px;
  padding: 0;
  border-radius: 50% !important;
  align-items: center;
  justify-content: center;
  color: #c2c6dc;
}

/* dark version css end */

/*# sourceMappingURL=app.css.map */
.image-upload .thumb .profilePicPreview {
  width: 100%;
  height: 310px;
  display: block;
  border: 3px solid #f1f1f1;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-size: cover !important;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.image-upload .thumb .profilePicPreview.logoPicPrev {
  background-size: contain !important;
  background-position: center;
}

.image-upload .thumb .profilePicUpload {
  font-size: 0;
  opacity: 0;
}

.image-upload .thumb .avatar-edit label {
  text-align: center;
  line-height: 45px;
  font-size: 18px;
  cursor: pointer;
  padding: 2px 25px;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  transition: all 0.3s;
}

.image-upload .thumb .avatar-edit label:hover {
  transform: translateY(-3px);
}

.image-upload .thumb .profilePicPreview .remove-image {
  position: absolute;
  top: -9px;
  right: -9px;
  text-align: center;
  width: 55px;
  height: 55px;
  font-size: 24px;
  border-radius: 50%;
  background-color: #df1c1c;
  color: #fff;
  display: none;
}

.image-upload .thumb .profilePicPreview.has-image .remove-image {
  display: block;
}

.badge {
  font-size: 0.75rem !important;
  font-weight: 600;
}

.badge:not(.no--dot)::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.badge-dot i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}

.icon-btn {
  padding: 3px 8px;
  background-color: #4634ff;
  color: #ffffff;
  border-radius: 3px;
  font-size: 13px;
}

a.icon-btn {
  padding: 4.5px 7px;
}

.icon-btn:hover {
  color: #ffffff;
}


.badge--custom,
.badge--pending,
.badge--warning,
.badge--success,
.badge--primary,
.badge--danger,
.badge--dark {
  border-radius: 999px;
  padding: 2px 15px;
  position: relative;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.badge--warning {
  color: var(--pending-color) !important;
}

.badge--warning::before {
  background: var(--pending-color) !important;
}

.badge--success {
  color: var(--active-color) !important;
}

.badge--success::before {
  background: var(--active-color) !important;
}

.badge--danger {
  color: var(--deleted-color) !important;
}

.badge--danger::before {
  background: var(--deleted-color) !important;
}

.badge--primary {
  color: var(--all-color) !important;
}

.badge--primary::before {
  background: var(--all-color) !important;
}

.badge--custom {
  color: #4b4b4b;
}

.badge--custom::before {
  background: #4b4b4b;
}

.badge--dark {
  color: #000000;
}

.badge--dark::before {
  background: #000000;
}

.payment-method-item .payment-method-header {
  display: flex;
  flex-wrap: wrap;
}

.payment-method-item .payment-method-header .thumb .profilePicPreview {
  width: 210px;
  height: 210px;
  display: block;
  border: 3px solid #f1f1f1;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-size: cover;
  background-position: center;
}

.payment-method-item .payment-method-header .thumb .profilePicUpload {
  font-size: 0;
  opacity: 0;
  width: 0;
}

.payment-method-item .payment-method-header .thumb .avatar-edit label {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  border: 2px solid #fff;
  font-size: 18px;
  cursor: pointer;
}

.payment-method-item .payment-method-header .thumb {
  width: 220px;
  position: relative;
  margin-bottom: 30px;
}

.payment-method-item .payment-method-header .thumb .avatar-edit {
  position: absolute;
  bottom: -15px;
  right: 0;
}

.payment-method-item.child--item .payment-method-header .thumb {
  width: 145px;
}

.payment-method-item .payment-method-header .content {
  width: calc(100% - 220px);
  padding-left: 20px;
}

.payment-method-item .payment-method-header .content .input-group select {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px 0 0 5px !important;
}

.payment-method-item .payment-method-header .content p {
  font-size: 20px;
  margin-top: 15px;
}

.payment-method-item {
  padding: 50px 0;
  border-bottom: 2px solid #e5e5e5;
}

.payment-method-item:first-child {
  padding-top: 0;
}

.payment-method-item:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.payment-method-item.child--item .payment-method-header .thumb .profilePicPreview {
  width: 140px;
  height: 140px;
}

.payment-method-item.child--item .payment-method-header .thumb .avatar-edit label {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  border: 2px solid #fff;
  font-size: 14px;
}

@media (max-width: 1199px) {
  .payment-method-header .content .title {
    margin-bottom: 20px;
  }

  .payment-method-header .content>.d-flex {
    flex-direction: column !important;
  }

  .payment-method-header .content .input-group {
    justify-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .payment-method-item .payment-method-header .content {
    width: 100%;
    padding-left: 0;
  }

  .payment-method-item .payment-method-header .content p {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .navbar-nav #userProfileDropdown+.dropdown-menu {
    right: 0 !important;
  }

  .payment-method-item .payment-method-header .content>.d-flex {
    flex-direction: column;
  }

  .payment-method-item .payment-method-header .content>.d-flex .input-group {
    order: -1;
    justify-content: flex-start !important;
    margin-bottom: 20px;
  }

  .payment-method-item .payment-method-header .content>.d-flex .remove-btn {
    order: -1;
    margin-bottom: 15px;
  }
}

@media (max-width: 340px) {
  .payment-method-item .payment-method-header .content .input-group select {
    padding-left: 6px;
    padding-right: 6px;
  }

  .payment-method-item .payment-method-header .thumb,
  .payment-method-item .payment-method-header .thumb .profilePicPreview {
    width: 100%;
  }
}

.payment-method-item .payment-method-header .content .input-group select {
  border: 1px solid #ced4da;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

#fileUploadsContainer {
  margin-top: 15px;
}

.file-upload-wrapper+.file-upload-wrapper {
  margin-top: 15px;
}

.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 40px;
}

.file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 0 15px;
  display: block;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: 100%;
  line-height: 40px;
  color: #999;
  border-radius: 8px;
  font-weight: 300;
  border: 1px solid #e5e5e5;
}

.file-upload-wrapper:before {
  content: "Upload";
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 100%;
  background: #4634ff;
  color: #fff;
  font-weight: 500;
  z-index: 25;
  font-size: 14px;
  line-height: 40px;
  padding: 0 15px;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
}

.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 40px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

.search-list {
  position: absolute;
  top: 100%;
  background-color: #fff;
  width: 100%;
  z-index: 99;
  max-height: 310px;
  overflow: auto;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.search-list::-webkit-scrollbar {
  width: 2px;
}

.search-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

.search-list::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.search-list li {
  padding: 8px 8px 8px 30px;
  border-bottom: 1px solid #e5e5e5;
}

.search-list li a {
  color: #363636;
  font-size: 13px;
}

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

.search-list li a:hover {
  color: blue;
}

.plugin_bg {
  width: auto;
  height: 65px;
  border-radius: 75%;
}

.deposit-imgView {
  max-width: 100px;
  max-height: 100px;
  margin: 0 auto;
}

.width-375 {
  max-width: 375px;
}

.admin-bg-reply {
  background-color: #faf8f1;
}

.withdraw-detailImage {
  max-width: 100px;
  max-height: 100px;
  margin: 0 auto;
}

.font-20 {
  font-size: 20px;
}

/*Notification Css*/
.notify__item {
  display: flex;
  text-decoration: none !important;
  align-items: center;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  transition: all ease 0.3s;
}

.notify__item:not(:last-child) {
  margin-bottom: 5px;
}

.notify__item .notify__thumb {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.notify__item .notify__thumb i {
  color: #fff;
  font-size: 20px;
}

.notify__item .notify__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.notify__item .notify__content {
  width: calc(100% - 50px);
  padding-left: 15px;
  color: #555555;
}

.notify__item .notify__content .title {
  font-size: 16px;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

.notify__item .notify__content .info {
  font-size: 14px;
  line-height: 1.4;
  display: block;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

.notify__item .notify__content .date {
  font-size: 12px;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

.notify__item .notify__content .date i {
  color: #f74a05;
  font-size: 18px;
  margin-right: 5px;
}

.notify__item:hover {
  background: rgba(115, 103, 240, 0.1);
}

.unread--notification {
  background-color: #d6d6e633 !important;
}

.menu-badge {
  color: #080808 !important;
  background-color: #ede407 !important;
}

.icon-left-right {
  animation: ring 2s infinite ease;
}

@keyframes ring {
  0% {
    transform: rotate(35deg);
  }

  12.5% {
    transform: rotate(-30deg);
  }

  25% {
    transform: rotate(25deg);
  }

  37.5% {
    transform: rotate(-20deg);
  }

  50% {
    transform: rotate(15deg);
  }

  62.5% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.modal .close {
  background: transparent;
}

.required {
  position: relative;
}

label.required:after {
  content: "*";
  color: #dc3545 !important;
  margin-left: 2px;
}

.start-absolute:after {
  right: -9px;
  position: absolute;
  top: 0;
}

.iconpicker-popover.fade {
  opacity: 1;
}

.sp-replacer {
  padding: 0;
  border: none;
  border-radius: 5px 0 0 5px;
}

.sp-preview {
  width: 100px;
  height: 45px;
  border: 0;
}

.sp-preview-inner {
  width: 110px;
}

.sp-dd {
  display: none;
}

.mail-wrapper {
  position: relative;
  overflow: hidden;
}

.mailsent {
  display: block;
  -webkit-animation: mailsent-movement 3.5s infinite ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
}

.mailsent .envelope {
  font-size: 20px;
  margin-left: -25px;
  width: 50px;
  height: 20px;
  top: 50%;
  transform-origin: 50% 50%;
  -webkit-animation: mailsent-rotation 3.5s infinite ease-in-out;
  font-size: 22px;
}

.mailsent .envelope i {
  color: #4634ff;
}

.mailsent .envelope .icon {
  position: absolute;
  left: 0;
}

.mailsent .envelope .line {
  position: absolute;
  width: 10px;
  height: 2px;
  background: #4634ff;
  display: block;
}

.mailsent .envelope .line.line1 {
  width: 15px;
  top: 4px;
  left: -20px;
  -webkit-animation: line-size-large 3.5s infinite ease-in-out;
}

.mailsent .envelope .line.line2 {
  width: 10px;
  top: 9px;
  left: -20px;
  -webkit-animation: line-size-small 3.5s infinite ease-in-out;
}

.mailsent .envelope .line.line3 {
  width: 15px;
  top: 14px;
  left: -20px;
  -webkit-animation: line-size-large 3.5s infinite ease-in-out;
}

@-moz-keyframes mailsent-movement {
  0% {
    transform: translate(-50%);
    opacity: 0.1;
  }

  10% {
    transform: translate(-50%);
    opacity: 1;
  }

  50% {
    transform: translate(50%);
  }

  90% {
    transform: translate(50%);
    opacity: 1;
  }

  100% {
    transform: translate(150%);
    opacity: 0.1;
  }
}

@-webkit-keyframes mailsent-movement {
  0% {
    transform: translate(-50%);
  }

  10% {
    transform: translate(-50%);
    opacity: 1;
  }

  50% {
    transform: translate(50%);
  }

  90% {
    transform: translate(50%);
    opacity: 1;
  }

  100% {
    transform: translate(150%);
  }
}

@-o-keyframes mailsent-movement {
  0% {
    transform: translate(-50%);
  }

  50% {
    transform: translate(50%);
  }

  100% {
    transform: translate(150%);
  }
}

@keyframes mailsent-movement {
  0% {
    transform: translate(-50%);
  }

  50% {
    transform: translate(50%);
  }

  100% {
    transform: translate(150%);
  }
}

@-moz-keyframes mailsent-rotation {
  0% {
    transform: skewX(-35deg);
  }

  50% {
    transform: skewX(0deg);
  }

  100% {
    transform: skewX(-35deg);
  }
}

@-webkit-keyframes mailsent-rotation {
  0% {
    transform: skewX(-30deg);
  }

  50% {
    transform: skewX(0deg);
  }

  100% {
    transform: skewX(-30deg);
  }
}

@-o-keyframes mailsent-rotation {
  0% {
    transform: skewX(-30deg);
  }

  50% {
    transform: skewX(0deg);
  }

  100% {
    transform: skewX(-30deg);
  }
}

@keyframes mailsent-rotation {
  0% {
    transform: skewX(-30deg);
  }

  50% {
    transform: skewX(0deg);
  }

  100% {
    transform: skewX(-30deg);
  }
}

@-moz-keyframes line-size-large {
  0% {
    width: 15px;
    left: -20px;
  }

  50% {
    width: 0;
    left: -5px;
  }

  55% {
    width: 0;
    left: -5px;
  }

  100% {
    width: 15px;
    left: -20px;
  }
}

@-webkit-keyframes line-size-large {
  0% {
    width: 15px;
    left: -20px;
  }

  50% {
    width: 0;
    left: -5px;
  }

  55% {
    width: 0;
    left: -5px;
  }

  100% {
    width: 15px;
    left: -20px;
  }
}

@-o-keyframes line-size-large {
  0% {
    width: 15px;
    left: -20px;
  }

  50% {
    width: 0;
    left: -5px;
  }

  55% {
    width: 0;
    left: -5px;
  }

  100% {
    width: 15px;
    left: -20px;
  }
}

@keyframes line-size-large {
  0% {
    width: 15px;
    left: -20px;
  }

  50% {
    width: 0;
    left: -5px;
  }

  55% {
    width: 0;
    left: -5px;
  }

  100% {
    width: 15px;
    left: -20px;
  }
}

@-moz-keyframes line-size-small {
  0% {
    width: 10px;
    left: -15px;
  }

  50% {
    width: 0;
    left: -5px;
  }

  55% {
    width: 0;
    left: -5px;
  }

  100% {
    width: 10px;
    left: -15px;
  }
}

@-webkit-keyframes line-size-small {
  0% {
    width: 10px;
    left: -15px;
  }

  50% {
    width: 0;
    left: -5px;
  }

  55% {
    width: 0;
    left: -5px;
  }

  100% {
    width: 10px;
    left: -15px;
  }
}

@-o-keyframes line-size-small {
  0% {
    width: 10px;
    left: -15px;
  }

  50% {
    width: 0;
    left: -5px;
  }

  55% {
    width: 0;
    left: -5px;
  }

  100% {
    width: 10px;
    left: -15px;
  }
}

@keyframes line-size-small {
  0% {
    width: 10px;
    left: -15px;
  }

  50% {
    width: 0;
    left: -5px;
  }

  55% {
    width: 0;
    left: -5px;
  }

  100% {
    width: 10px;
    left: -15px;
  }
}

.progress {
  height: 25px;
  margin-bottom: 5px;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #4634ff;
}

.mail-icon {
  font-size: 60px;
  color: #4634ff;
  position: relative;
  z-index: 2;
  background: #fff;
}

.mail-wrapper {
  max-width: 350px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.sidebar__inner {
  position: relative;
  z-index: 11111;
}

@media (max-width: 767px) {
  .responsive-filter-card {
    display: none;
    transition: none;
  }

  .show-filter {
    display: block;
  }
}

small {
  font-size: 11px;
}

.accordion--nav {
  display: flex;
  list-style: none;
  align-items: center;
  gap: 0.5rem;
  padding-inline: 15px;
}

.accordion--nav-btn {
  width: auto;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
}

.accordion-item:first-of-type .accordion--nav-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: transparent;
  box-shadow: none;
}

/* .accordion--nav-header {
	display: block;
	font-size: 24px;
	font-weight: 500;
} */
.accordion--header {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  background: #f3f3f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion-button::after {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}

.form-control {
  font-size: 0.8125rem;
}

.area-copy button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.cursor-pointer {
  cursor: pointer;
}

.modal {
  font-size: 0.8125rem;
}

/* all table design */

/* slider design start here */

/* .service-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #f3f3f9;
	z-index: 1;
	width: 30px;
	height: 30px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
	color: hsl(var(--body));
	font-size: 16px;
	text-align: center;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: hsl(var(--success));
	outline: none;
	background: #f3f3f9;
}
.slick-next.service-nav-btn.slick-arrow {
	right: 0px;
}

@media (max-width: 575px) {
	.addOfferTab .slick-next {
		right: 8px;
	}
} */


/* slider design end here */

.bottom-padding {
  padding: 11px 22px;
  position: fixed;
  bottom: 17px;
  background: var(--heading-color);
  width: 248px;
  transition: 0.3s;
  border-radius: 0 0 8px 8px;
  left: 17px;
}

[data-theme=sidebar-sm] .bottom-padding {
  width: 43px;
  left: 30px;
  padding: 0;
  height: 40px;
  border-radius: 8px;
  bottom: 24px;
}

[data-theme=sidebar-sm] .sidebar__menu .sidebar-menu-item>a {
  padding: 0;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

[data-theme=sidebar-sm] .sidebar-submenu {
  margin-left: 0;
}

[data-theme=sidebar-sm] .sidebar-menu-item.sidebar-dropdown:hover .sidebar-submenu li a {
  display: block;
  justify-content: start;
  padding: 8px;
  width: unset;
}

[data-theme=sidebar-sm] .sidebar__menu .sidebar-menu-item>a .menu-icon {
  margin-right: 0;
}

[data-theme=sidebar-sm] .bottom-padding .slider::before {
  left: 12px;
}

.theme-switch-wrapper {
  line-height: 1;
}

.slider {
  position: relative;
  width: 25px;
  height: 25px;
  line-height: 32px;
  border-radius: 8px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .sidebar {
    margin: 0;
    border-radius: 0;
    border: 0;
  }
}


.slider::before {
  content: "\f061";
}

.slider::before {
  position: absolute;
  font-weight: 900;
  font-size: 20px;
  font-family: "Line Awesome Free";
  top: 50%;
  transform: translateY(-50%);
}

input:checked+.slider:before {
  content: "\f060";
  color: #fff !important;
}

.slider::before {
  color: #fff;
}


[data-theme=sidebar-sm] .menu-title {
  display: none;
}


[data-theme=sidebar-sm] .sidebar {
  width: 70px !important;
  max-height: calc(100vh - 32px);
}

@media (max-width: 991px) {
  [data-theme=sidebar-sm] .sidebar {
    max-height: 100vh;
  }
}

[data-theme=sidebar-sm] .sm-side {
  display: none;
}



@media (min-width: 992px) {
  [data-theme=sidebar-sm] .navbar-wrapper {
    margin-left: 102px;
  }

  [data-theme=sidebar-sm] .body-wrapper {
    margin-left: 86px !important;
  }
}


[data-theme=sidebar-sm] .sidebar__menu .sidebar-dropdown>a::before {
  display: none !important;
}

[data-theme=sidebar-sm] .menu-badge {
  display: none !important;
}



[data-theme=sidebar-sm] .sidebar .sidebar__menu .sidebar-menu-item {
  position: relative;
}

[data-theme=sidebar-sm] .sidebar-menu-item.sidebar-dropdown {
  position: relative;
}

[data-theme=sidebar-sm] .sidebar-menu-item.sidebar-dropdown:hover .sidebar-submenu {
  visibility: visible;
  opacity: 1;
  display: block !important;
  padding-top: 41px;
}

[data-theme=sidebar-sm] .sidebar-submenu {
  position: absolute !important;
  left: 100%;
  top: 0;
  z-index: -1;
  background-color: #fff !important;
  width: 230px;
  visibility: hidden;
  opacity: 0;
  display: block !important;
  color: #fff;
  border: 1px solid var(--border-color);
  border-radius: 0 0 8px 8px;
  max-height: 300px;
  overflow-y: auto;
  padding-bottom: 8px;
}

[data-theme=sidebar-sm] .sidebar-menu-item:hover .side-main-title {
  position: absolute !important;
  left: 100%;
  top: 0;
  z-index: 99;
  width: 220px;
  display: block !important;
}

[data-theme=sidebar-sm] .sidebar-menu-item.sidebar-dropdown:hover .menu-title {
  display: block;
}

[data-theme=sidebar-lg] .sidebar {
  max-height: calc(100vh - 32px);
  overflow-y: auto;
}

@media (max-width: 991px) {
  [data-theme=sidebar-lg] .sidebar {
    max-height: 100vh;
  }
}


[data-theme=sidebar-sm] .sidebar-menu-item span.side-main-title.menu-title {
  position: absolute;
  left: 100%;
  display: block !important;
  width: 230px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  top: 0px;
  padding: 9px 15px;
  font-size: 15px;
  background-color: #fff;
  margin-left: 12px;
  color: var(--heading-color) !important;
  border-radius: 8px 8px 0 0;
  border: 1px solid var(--border-color);
  border-bottom: 1px solid #ebebeb;
}

[data-theme=sidebar-sm] .sidebar-menu-item:hover span.side-main-title.menu-title {
  opacity: 1;
  visibility: visible;
  display: block !important;
}

[data-theme=sidebar-lg] .sidebar::-webkit-scrollbar {
  width: 4px;
}

[data-theme=sidebar-lg] .sidebar::-webkit-scrollbar-track {
  background: #f2f7fd;
}

[data-theme=sidebar-lg] .sidebar::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
}

[data-theme=sidebar-sm] .sidebar[class*="bg--"] .sidebar__menu .sidebar-menu-item .side-menu--open {
  border-right: none;
}

[data-theme=sidebar-sm] .sidebar__menu .sidebar-menu-item.active {
  border-right: none !important;
}



/* slider css start here */

.tabs-category__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  border: none;
  z-index: 1;
  transition: all 0.3s ease;
  color: #000;
  background-color: #fff;
}

.tabs-category__arrow-prev {
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.tabs-category__arrow-next {
  right: 0;
}

.tabs-category__list.arrow-prev-active .tabs-category__arrow-prev {
  opacity: 1;
  visibility: visible;
  background-image: linear-gradient(90deg, hsl(var(--base)/0.5), transparent);
}

.tabs-category__list.arrow-prev-active .tabs-category__arrow-next {
  opacity: 0;
  visibility: hidden;
}


/* Column Extra Small Screen */
@media screen and (min-width: 425px) and (max-width: 575px) {
  .col-xs-6 {
    width: 50%;
  }
}

@media screen and (min-width: 360px) and (max-width: 575px) {
  .col-xxs-6 {
    width: 50%;
  }
}

/* Body Overlay Css Start */
.body-shadow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9991;
  background-color: #0000009e;
  visibility: hidden;
  opacity: 0;
  transition: .2s linear;
}

.body-shadow.show {
  visibility: visible;
  opacity: 1;
}


.scroll-hide-sm {
  position: absolute;
  overflow-y: hidden;
  top: 0;
  left: 0;
  width: calc(100% - 0px);
}

@media (max-width: 991px) {
  .side-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    background-color: #000000b2;
    z-index: 99;
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
  }

  .side-overlay.show {
    visibility: visible;
    opacity: 1;
  }
}

/* Overlay End */

/* Body Overlay Css End */
.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

.mh-500 {
  min-height: 500px;
}

/* common login area start here */

.common-login {
  padding: 100px 0;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #1f3556;
}

.common-login::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 50%;
  left: 0;
  top: auto;
  bottom: 0px;
  background-color: #f0f2f5;
}

.common-login-header {
  margin-bottom: 30px;
}

.common-login-header .title {
  font-size: 25px;
  font-weight: 600;
}


.common-login .card {
  border-radius: 15px;
}

.common-login-main .card-body {
  padding: 30px 40px;
}

@media (max-width: 575px) {
  .common-login-main .card-body {
    padding: 30px 15px;
  }

  .common-login-header .title {
    font-size: 20px;
  }

  .common-login-header .logo img {
    width: 150px !important;
  }
}

.common-login-header .logo img {
  width: 180px;
  height: auto;
}

.common-login-header .logo {
  margin-bottom: 20px;
}

.common-login-footer a {
  font-weight: 500;
}

.common-login-footer p {
  color: #34495e;
  font-size: 16px;
  font-weight: 500;
}

.common-login-footer a.btn i {
  margin-right: 10px !important;
}

.common-login-footer a:not(:last-child) {
  margin-right: 15px;
}

/* common login area end here */

/* register design start here */
.common-header {
  padding: 40px 0px;
  text-align: center;
  background-color: #1f3556;
}

.common-header .logo img {
  width: 150px;
  text-align: center;
}

/* register design end here */

/* multiselect starts */
.datatable-dropdown {
  position: relative;
}

.datatable-dropdown__button {
  width: 100%;
}


.datatable-dropdown-menu {
  position: absolute;
  top: 100%;
  background-color: #fff;
  width: 180px;
  z-index: 9992;
  padding: 12px;
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
  transition: .2s linear;
  margin-top: 0px;
}

.datatable-dropdown-menu.show {
  visibility: visible;
  opacity: 1;
  margin-top: 10px;
}

.datatable-dropdown-menu__button {
  width: 100%;
  background-color: transparent;
  padding: 6px 12px;
  border-radius: 3px;
  transition: .2s linear;
  text-align: left;
  position: relative;
  margin-bottom: 5px;
}

.datatable-dropdown-menu__button::before {
  position: absolute;
  content: "\f00c";
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Line Awesome Free';
  font-weight: 900;
  font-size: 13px;
  visibility: hidden;
  opacity: 0;
}

.datatable-dropdown-menu__button.active {
  background-color: #4049b11a;
}

.datatable-dropdown-menu__button.active::before {
  visibility: visible;
  opacity: 1;
}

.datatable-dropdown-menu__button:hover {
  background-color: #404ab10f;
}

.column-view {
  left: 0;
}

.dashboard--widget {
  right: 0;
}

/* multiselect ends */

/* scroll nav tab start */
.scroll--nav.nav {
  flex-wrap: inherit
}

.scroll--nav.nav-tabs {
  display: flex;
  overflow-x: auto;
  overflow-y: visible;
  height: 100%;
  white-space: nowrap;
  position: relative;
}

.scroll--nav.nav.nav-tabs::-webkit-scrollbar {
  /* width: 0; */
  height: 6px;
}

.scroll--nav {
  padding-right: 20px;
}

.scroll-right {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 20px;
  background: #f3f3f9;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* scroll nav tab ends */

/* cap range starts */
.cap-bar {
  border: 1px solid #B0B0B0;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 3px #B0B0;
  backdrop-filter: blur(2px) brightness(101%);
}

.cap-bar .bar {
  box-shadow: inset 0px 12px 1.7px #FFFFFF33;
  border-radius: 3px;
  color: #000;
  max-width: 100%;
}

/* cap range ends */

/* export button starts */
.export--btn.dropdown-toggle::after {
  content: none;
}

/* export button ends */

/* breadcrumb nav start*/
.breadcrumb-nav a.active {
  border-bottom: 1px solid var(--heading-color) !important;
  color: var(--heading-color) !important;
  font-weight: 600;
}

.breadcrumb-nav a:not(.active) {
  color: #6c757d !important;
}

/* breadcrumb nav ends*/


/* matrics design start here */


.metric-filer-menu {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.metric-filer-menu-item:not(:last-child) {
  margin-right: 10px;
}

.metric-info-right {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

.metric-info-right-form:before {
  position: absolute;
  top: 16px;
  content: '';
  width: 21px;
  height: 1px;
  left: -21px;
  background-color: #c7ccd5;
}

.metric-info-right-symbol {
  width: 130px;
}

.metric-info-right-form {
  width: calc(100% - 130px);
  position: relative;
}

.metric-info-right-symbol {
  padding: 6px;
  background-color: #C7CCD5;
  border-radius: 8px;
}

@media (max-width: 400px) {

  .filter-icon {
    width: 22px !important;
  }
}

.metric-info-right-symbol input[type="radio"] {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1;
  width: 1;
  margin: -1;
  padding: 0;
  border: 0;
}

.filter-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 20px;
  color: #000;
  border-radius: 8px;
  overflow: hidden;
}

.filter-icon:hover {
  cursor: pointer;
  background-color: #fff;
}

.peer:checked~.filter-icon {
  background-color: #fff;
}

.metric-info-right-symbol label {
  margin-bottom: 0px;
}

/* matrics design end here */


/* dashboard card design */

.dashboard-card {
  padding: 16px;
  border-radius: 8px;
  background: var(--light);
  border: 1px solid var(--border-color);
  height: 100%;
}

@media (max-width: 575px) {
  .dashboard-card {
    padding: 8px;
  }
}

.dashboard-card__inner {
  margin-bottom: 16px;
}

.dashboard-card__title p {
  font-weight: 500;
}

.dashboard-card__price {
  padding: 10px 0px;
}

.dashboard-card .list-group-item {
  font-size: 12px;
  padding: 6px 0;
  background-color: transparent;

  border-bottom: 1px dashed rgb(98 98 98 / 13%);

}

.dashboard-card .list-group-item:last-child {
  padding-bottom: 0;
}

.dashboard-card .list-group-item span:last-child {
  color: #000;
  font-weight: 500;
}

.dashboard-card__price h4 {
  font-size: 24px;
  font-weight: 700;
}

.reload {
  margin-top: 6px;
  margin-right: 10px;
}

.form-check .form-check-input {
  padding: 6px !important;
}

.form-check .form-check-input:focus {
  box-shadow: none !important;
}


@media (max-width: 575px) {
  .w-sm-100 {
    width: 100%;
  }

  .common-btn {
    width: 100%;
  }
}

@media (max-width: 350px) {
  .btn {
    font-size: 0.75rem;
  }
}


::-moz-selection {
  color: #fff;
  background: #8652fa;
}

::selection {
  color: #fff;
  background: #8652fa;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: white;
}

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: 0px solid transparent;
  border-radius: 10px;
}

.breadcrumbStatusFilter,
.selectStatusFilter {
  background-color: #f3f3f9;
  color: #4634ff !important;
  border-color: #4634ff !important;
}


.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background-color: #fdfefd;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader {
  background-image: url('./../../images/logoIcon/prealoader.gif');
  position: relative;
  background-repeat: no-repeat;
  width: 20%;
  height: 20%;
  background-position: center;
  background-size: contain;
}

.table-td-width {
  white-space: break-spaces;
}

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

/* color picker start*/
.pickr input:focus,
.pickr input.pcr-active,
.pickr button:focus,
.pickr button.pcr-active,
.pcr-app input:focus,
.pcr-app input.pcr-active,
.pcr-app button:focus,
.pcr-app button.pcr-active,
.pickr .pcr-button.clear:focus {
  box-shadow: none;
}

.pickr .pcr-button {
  position: unset;
}

/* color picker end*/

/* topNav design  start */
.top_nav_manager {
  font-size: 10px;
}

.underline {
  text-decoration: underline !important;

}


@media (max-width: 991px) {
  .top_nav_manager_withoutdropdown {
    display: none !important;
  }

  .top_nav_manager_dropdown {
    display: block;
  }
}

/* Styles for screens with a minimum width of 992px */
@media (min-width: 992px) {
  .top_nav_manager_withoutdropdown {
    display: block;
  }

  .top_nav_manager_dropdown {
    display: none;
  }
}

/* Responsive For Footer Pagination start */
@media (max-width: 1299px) {
  .card-footer-responsive .pagination {
    justify-content: end !important;
  }
}

@media (max-width: 767px) {
  .card-footer-responsive form {
    text-align: center !important;
  }

  .card-footer-responsive form select {
    padding: 5px;
  }

  .card-footer-responsive .float-end {
    float: unset !important;
  }

  .card-footer-responsive .pagination {
    margin-top: 15px;
    justify-content: center !important;
  }

}

/* Responsive For Footer Pagination end */

/* status icon starts */
.status--icon {
  font-size: 8px;
  vertical-align: baseline;
  position: relative;
  top: -1px;
}

/* status icon ends */

.previewMessage {
  border: 1px solid #cdd1dc;
  padding: 6px;
  border-radius: 8px;
}

.text-black {
  color: #000;
}

.table-responsive table thead tr th {
  background-color: #fff !important;
}


























kbd {
  background-color: #eee;
  border: 1px solid gray;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.4;
  box-shadow: 1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
  border-radius: 3px;
  margin: 6px 3px;
  padding: 1px 5px;
}

#errormessages {
  font: bold 13px Arial;
  color: #dd3030;
  min-height: 32px;
  padding: 0px 10px;
  text-align: center;
}

#dropzone-wrapper {
  background-color: #fff;
  margin: 10px;
  border: 1px dashed #ddd;
  border-radius: 10px;
  height: 200px;
  width: 200px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#dropzone-wrapper #dropzone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#dropzone-wrapper #textbox-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

#dropzone-wrapper #textbox-wrapper #textbox {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#dropzone-wrapper #textbox-wrapper #textbox p {
  transition: all 0.5s ease-in-out;
  margin: 0 0 10px 0;
  font: bold 20px Arial;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.42);
}

#dropzone-wrapper #textbox-wrapper #textbox p.small {
  color: #777;
  font: bold 12px Arial;
}

/* Replacement for :hover */
.dropzonehover #dropzone-wrapper {
  border-color: hsl(var(--base)/0.5);
}

.dragover #dropzone-wrapper {
  background-color: #9bf79b;
  border-color: #006d0a;
}

.dropzonehover #dropzone-wrapper #textbox-wrapper #textbox p.small {
  color: #dc6d0a;
  font-size: 21px;
}

.dropzonehover #dropzone-wrapper #textbox-wrapper #textbox p.large {
  font-size: 0px;
  transform: scale(0);
}

.dragging #dropzone-wrapper #textbox-wrapper #textbox p.small {
  font-size: 0px;
  transform: scale(0);
}

.dragging #dropzone-wrapper #textbox-wrapper #textbox p.large {
  color: green;
  font-size: 21px;
}

.dragover #dropzone-wrapper #textbox-wrapper #textbox p.small {
  color: red;
}

.dragging #dropzone-wrapper {
  z-index: 99999;
  animation: greenPulse 1.5s infinite;
}

#output canvas {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
}

#overlay {
  background: rgba(0, 0, 0, 0);
  position: fixed;
  left: 0;
  top: 0;
  z-index: -99998;
  width: 100%;
  height: 100%;
  display: none;
}

.dragging #overlay {
  z-index: 99998;
  display: block;
  background: rgba(0, 0, 0, .5);
}

@keyframes greenPulse {
  from {
    box-shadow: 0 0 4px #08ff00, 0 0 6px #fff;
    border-color: #aaa;
  }

  50% {
    box-shadow: 0 0 22px #0fbc09, 0 0 30px #fff;
    border-color: #0fbc09;
  }

  to {
    box-shadow: 0 0 9px #08ff00, 0 0 6px #fff;
    border-color: #aaa;
  }
}

#helpbutton {
  background: #eee;
  background: linear-gradient(#eee, #e2e2e2);
  border: solid 1px #d0d0d0;
  border-bottom: solid 3px #b2b1b1;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #f5f5f5;
  color: #555;
  cursor: pointer;
  display: inline-block;
  font: bold 12px Arial, Helvetica, Clean, sans-serif;
  margin: 0 0 0 25px;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 #fafafa;
}

#helpbutton:hover {
  background: #e4e4e4;
  background: linear-gradient(#e4e4e4, #ededed);
  border: solid 1px #c2c2c2;
  border-bottom: solid 3px #b2b1b1;
  box-shadow: inset 0 0 0 1px #efefef;
}

#helpbutton #helpscreen {
  color: #111;
  text-align: left;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 0px;
  height: 0px;
  padding: 0px;
  border: 1px solid #e8e8e8;
  background: #ff8;
  transition: all 0.2s ease-in-out;
  font: normal 11px arial;
  overflow: hidden;
}

#helpbutton:active #helpscreen,
#helpbutton #helpscreen:hover {
  width: 380px;
  height: 280px;
  padding: 10px 15px;
  z-index: 10;
}

.nopaste #helpbutton,
.nofilereader #dropzone-wrapper {
  display: none;
}

#output ul {
  max-width: 500px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#output ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-content {
  display: inline-block;
  width: auto;
}

.list-content span.preview {
  width: 100%;
  padding: 10px;
  display: inline-block;
}

.list-content span.preview a {
  display: inline-block;
}


#output {
  position: absolute;
  top: 0;
  left: 0;
}

#output .removed-item {
  animation: removed-item-animation 0.6s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
}

#output ul {
  display: inline-block;
}

#output .new-item {
  display: inline-block;
  opacity: 0;
  animation: openspace 0.6s ease forwards, new-item-animation 0.3s 0.3s cubic-bezier(0, 0.8, 0.32, 1.07) forwards;
}

@keyframes openspace {
  to {
    height: auto;
  }
}

@keyframes removed-item-animation {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes new-item-animation {
  from {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}




.advuser-search-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}

.advuser-search-wrapper form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.advuser-search-wrapper form .input-group {
  width: auto !important;
}

.advuser-search-wrapper form .btn {
  margin-left: 10px;
}

@media (max-width: 575px) {

  .advuser-search-wrapper,
  .advuser-search-wrapper form {
    display: block;
  }

  .advuser-search-wrapper form .input-group {
    margin-bottom: 15px;
  }

  .advuser-search-wrapper form .dropdown {
    display: inline-block;
  }

  .advuser-search-wrapper form .dropdown .btn {
    width: auto;
  }

  .advuser-search-wrapper form .btn {
    margin-left: 0;
    margin-right: 10px;
  }

  .advuser-search-wrapper form .btn:last-child {
    margin-right: 0;
  }
}

/* Update Modal */
.customization-modal {
  position: relative;
}

.customization-modal .modal {
  text-align: left;
  background: rgba(0, 0, 0, 0.8) !important;
}

.customization-modal .modal-dialog {
  margin: 0 auto;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 250px;
  min-height: 455px;
}

.customization-modal .modal-content {
  position: relative;
  border: none;
  border-radius: 8px;
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.customization-modal .close {
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  border: 1px solid #ffffff;
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  -webkit-transition: .1s;
  -o-transition: .1s;
  transition: .1s;
  border-radius: 50%;
}

.customization-modal .modal-header {
  border-bottom: 0;
  padding: 10px 20px 0;
}

.customization-modal .modal-title {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

.customization-modal .modal-body {
  border-bottom: 0;
  padding-top: 5px;
  padding-right: 26px;
  padding-left: 26px;
  padding-bottom: 10px;
  font-size: 15px;
}

.customization-modal .modal-body-title {
  font-size: 16px;
  color: #000;
  margin-bottom: 5px;
}

.customization-modal .modal-body-item label {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}

.customization-modal .modal-footer {
  border-top: 0;
  padding: 0 25px 10px;
  ;
}

.customization-modal .modal-body-title .btn-default,
.customization-modal .btn-primary {
  border: none;
  border-radius: 2px;
  display: inline-block;
  color: #424242;
  background-color: #FFF;
  text-align: center;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 2rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  letter-spacing: .5px;
  transition: .2s ease-out;
}

.customization-modal .modal-body-title .btn-default:hover {
  background-color: #FFF;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.customization-modal .btn-primary {
  color: #FFF;
  background-color: #2980B9;
}

.customization-modal .btn-primary:hover {
  background-color: #2980B9;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}


@media (min-width: 768px) {
  .customization-modal .modal-dialog {
    max-width: 650px !important;
  }
}

@media (max-width: 575px) {
  .customization-modal .modal-dialog {
    width: 400px !important;
    top: 0;
    min-height: auto;
  }

  .customization-modal .modal-dialog {
    margin: 170px auto;
  }

  .customization-modal .modal-body-list {
    margin-bottom: 30px;
  }

  .customization-modal .modal-body-list.last-item {
    margin-bottom: 0;
  }
}

@media (max-width: 425px) {
  .customization-modal .modal-dialog {
    width: 100% !important;
    top: 10px;
  }

  .customization-modal .close {
    top: 8px;
    right: 8px;
  }
}

.add {
  background: transparent !important;
  padding: 0 !important;
  width: 30px !important;
}

.expand-table-rows.show .la-angle-right:before {
  content: "\f107";
}

.bg--expand {
  background-color: #f9f9f9;
}

.iziToast-body {
  width: 300px !important;
}

.title-top-link {
  font-size: inherit !important;
  text-decoration: underline;
}

.title-top-link:hover {
  opacity: 100%;
}

.iziToast.iziToast-color-green {
  background: rgb(255 255 255);
  border-color: rgba(166, 239, 184, .9);
}

.iziToast {
  background-color: #fff !important;
}

.iziToast-color-green .iziToast-message {
  color: #28c76f !important;
}

.iziToast-color-green {
  border: 1px solid #28c76f !important;
}

.iziToast-color-green button.iziToast-close::after {
  color: #28c76f !important;
}


.iziToast-color-red .iziToast-message {
  color: #ea5455 !important;
}

.iziToast-color-red {
  border: 1px solid #ea5455;
}

.iziToast-color-red button.iziToast-close::after {
  color: #ea5455 !important;
}

.iziToast-color-orange .iziToast-message {
  color: #ff9f43 !important;
}

.iziToast-color-orange {
  border: 1px solid #ff9f43;
}

.iziToast-color-orange button.iziToast-close::after {
  color: #ff9f43 !important;
}

.iziToast-color-blue .iziToast-message {
  color: #1e9ff2 !important;
}

.iziToast-color-blue {
  border: 1px solid #1e9ff2;
}

.iziToast-color-blue button.iziToast-close::after {
  color: #1e9ff2 !important;
}

.iziToast>.iziToast-body .iziToast-icon {
  background-size: 85%;
  background: none !important;
}


.iziToast>.iziToast-body .iziToast-icon::after {
  position: absolute;
  font-weight: 700;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-size: 20px;
  left: -3px;
  top: 50%;
  transform: translateY(-50%);
}

.iziToast>.iziToast-body .iziToast-icon.ico-success::after {
  content: "\f00c";
  color: #28c76f !important;
}

.iziToast>.iziToast-body .iziToast-icon.ico-error::after {
  content: "\f05e";
  color: #ea5455 !important;
}

.iziToast>.iziToast-body .iziToast-icon.ico-warning::after {
  content: "\f071";
  color: #ff9f43 !important;
}

.iziToast>.iziToast-body .iziToast-icon.ico-info::after {
  content: "\f05a";
  color: #1e9ff2 !important;
}

button.iziToast-close::after {
  position: absolute;
  content: "\f00d";
  font-family: "Line Awesome Free";
  font-weight: 700;
  font-size: 16px;
  color: #28c76f;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.iziToast>.iziToast-close {
  background: none !important;
}

.iziToast {
  transform: unset !important;
}


/* ====================== Last Update Change Css Start ====================== */
body {
  background-color: #e5effa;
}

.form-control:focus {
  border-color: var(--border-color) !important;
}

.input-with-bg {
  background-color: #fff !important;
  border: 1px solid var(--border-color) !important;
  color: var(--heading-color) !important;
}

.navbar__action-list li button,
.topnav-btn-style {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid var(--border-color);
}

.navbar__action-list li button:hover {
  background-color: var(--gray) !important;
}

.dashboard-header__statistics>a {
  color: var(--blue) !important;
  font-size: inherit;
}

@media(max-width: 1399px) {
  .dashboard-header__statistics {
    font-size: 12px !important;
  }
}

@media(max-width: 1299px) {
  .dashboard-header__statistics {
    display: none;
  }
}

.navbar-search {
  position: absolute;
  right: 0;
  padding: 10px;
  top: 100%;
  background-color: #fff;
  border-radius: 7px;
  max-width: 300px;
  min-width: 220px;
  visibility: hidden;
  opacity: 0;
  transition: .2s;
  margin-top: 16px;
  z-index: 9;
}

.dropdown.active .navbar-search {
  visibility: visible;
  opacity: 1;
  margin-top: 6px;
}

.navbar-search.left {
  left: 0;
}

.dropdown.active .search-btn i::before {
  content: "\f00d";
}


.card-bordered {
  border: 1px solid var(--border-color) !important;
  background-color: var(--light);
  box-shadow: none !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.card-bordered .widget-title {
  background-color: var(--light-blue);
}

.widget-title {
  padding-left: 16px !important;
}

.card-bordered .widget-title h6 {
  font-weight: 600 !important;
  font-size: 13px;
}


label {
  font-size: 12px;
}

.bordered-item div[class*="col"] {
  border-right: 1px solid #dfdfdf;
}

.bordered-item div[class*="col"]:last-child {
  border-right: 0;
}

.card-body .d-flex.justify-content-between>div {
  flex-shrink: 0;
}

.card-body .d-flex.justify-content-between {
  flex-wrap: wrap;
  gap: 8px;
}

.custom--form .input-group-text {
  padding: 0 8px;
  border-radius: 8px;
}

.btn-group-sm>.btn,
.btn-sm {
  border-radius: 8px;
}

.add-btn {
  padding: 4px 8px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  transition: .2s linear;
}

.add-btn:hover {
  background-color: var(--border-color);
}

.per-page-form #per_page {
  background-color: var(--light);
  border: 1px solid #c6c6c6 !important;
}


.table thead tr th.not-select,
.table tbody tr td.not-select {
  background: red !important;
  border: 2px solid red;
  color: red;
}

table tbody td:first-child.no-select,
table thead th:first-child.no-select {
  position: sticky;
  left: 0;
  background-color: var(--light);
  z-index: 1;
}

.table tbody tr td.no-select:last-child,
.table thead tr th.no-select:last-child {
  position: sticky;
  right: 0;
  z-index: 11;
  background-color: var(--light);
}

table td,
table td a,
table td span {
  font-size: 12px !important;
  font-weight: 400 !important;
}

table td a:hover {
  text-decoration: underline;
}

table {
  font-size: 12px;
}

table th,
.custom--table .table th {
  font-weight: 500;
  font-size: 12px !important;
  color: var(--heading-color) !important;
}

.custom--table .table td {
  padding: 3px 8px !important;
}

.custom--table.card .card-footer {
  background-color: var(--light);
  border: 1px solid var(--border-color);
  border-top: 0;
  border-radius: 0 0 8px 8px;
}

.custom--table .table-responsive {
  border: 1px solid var(--border-color);
  border-radius: 3px;
}

table tbody td {
  background-color: var(--light) !important;
}

.custom--table.has-dropdown .table {
  border-radius: 8px;
}

.custom--table .table-responsive {
  border-radius: 8px;
}

.sticky-name {
  position: sticky;
  left: 29px;
  z-index: 1;
}


@media (max-width: 767px) {
  table tbody td.sticky-name {
    min-width: 146px !important;
    max-width: 150px !important;
  }
}

#addOfferTab {
  padding-bottom: 20px;
}

.custom--form .nav-tabs .nav-link {
  border-radius: 8px;
  border: 1px solid var(--border-color);
  padding: 4px 12px !important;
}

.custom--form .nav-tabs .nav-link:hover {
  background-color: #fff;
}

.custom--form .nav-tabs .nav-link.active {
  background-color: var(--heading-color);
  border-color: var(--heading-color);
  color: #fff !important;
}

.nav-tabs {
  gap: 8px;
}

.scroll--nav.nav-tabs {
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.scroll-right {
  display: none;
}

.select2-container--default .select2-selection--single {
  background: transparent;
}

.select2-container--default .select2-selection--multiple {
  background: transparent;
}


.custom-tabs-content__item .required--warning {
  display: flex !important;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.custom-tabs-content__item .card-footer {
  display: flex;
  gap: 8px;
  justify-content: center;
}


.bodywrapper__inner .card.b-radius--5.overflow-hidden {
  margin-bottom: 16px;
}


.accordion--header {
  border-bottom: 0;
  background-color: var(--light-blue);
  height: 45px;
}

.accordion-item {
  border: 1px solid var(--border-color);
  border-radius: 8px !important;
  overflow: hidden;
  margin-bottom: 16px;
}

.accordion-item:last-child {
  margin-bottom: 0;
}

.accordion--nav li a,
.accordion--nav li button {
  font-size: 12px;
}

.accordion--nav-header {
  font-size: inherit;
  font-weight: 600;
}

.accordion-header {
  font-size: 13px;
}

strong {
  color: var(--heading-color);
  font-weight: 600;
}

.nav.nav-tabs {
  margin-bottom: 16px;
}

.custom--form .tab-content {
  border-radius: 8px;
  margin: 0 auto;
  border: none;
  width: unset !important;
}

.accordion-body .bg--success,
.accordion-body .bg--danger,
.accordion-body .bg--primary,
.accordion-body .bg--warning,
.accordion-body .bg--info {
  border-radius: 6px;
}

.accordion-item .custom--table .table-responsive {
  border-radius: 0;
  border: 0;
}

[data-theme=sidebar-sm] .sidebar-menu-item:not(:has(.sidebar-submenu))>a .side-main-title.menu-title {
  border-bottom: 1px solid var(--border-color);
  border-radius: 8px;
}

.table-responsive::-webkit-scrollbar {
  height: 6px;
}

.card:not(:has(table)) {
  border: 1px solid var(--border-color);
}


.caps-line {
  margin-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background-color: var(--heading-color) !important;
}

.caps-line+.table-responsive {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}

#offerActionButton {
  font-size: 14px !important;
}

.last-child-center table tbody tr td:last-child {
  text-align: center;
}

.last-child-center table thead tr th:last-child {
  text-align: center !important;
}



.grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
}

@media (max-width: 768px) {
  .grid-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .grid-wrapper .grid-wrapper__item:first-child {
    display: none;
  }
}


.border-line-area::before {
  background-color: var(--border-color);
}

.border-line-title {
  background-color: #f2f7fd !important;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}


.custom--table .card-footer {
  position: relative;
}

/*.custom--table .card-footer::before, .custom--table .card-footer::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 1px;*/
/*    left: -1px;*/
/*    bottom: 100%;*/
/*    height: 12px;*/
/*    background: var(--border-color);*/
/*    z-index: 9999;*/
/*}*/

/*.custom--table .card-footer::after {*/
/*    left: auto;*/
/*    right: -1px;*/
/*}*/


.custom--form .tab-content.max-width-content {
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  padding: 0;
}

.max-width-content {
  max-width: 600px;
  margin: 0 auto;
}

.custom--form .tab-content.max-width-content .card-footer {
  border-top: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: end;
}

.card:has(.card-footer.card-footer-responsive.clearfix) {
  background: transparent;
}

.card-footer.card-footer-responsive.clearfix {
  border: 1px solid var(--border-color);
  margin-top: 8px;
  border-radius: 8px;
  margin-top: 0;
  border-top: 0;
}

.summary-wrapper {
  border: 1px solid var(--border-color) !important;
  background-color: var(--light) !important;
  box-shadow: none !important;
  border-radius: 8px;
  overflow: hidden;
}

.summary-head {
  background-color: var(--light-blue);
  border-bottom: 0 !important;
}

.per-page-form {
  color: var(--body-color);
}

h6 {
  /* font-weight: 600; */
  /* font-size: 13px; */
}

.summary-conent-main-wrapper {
  overflow: hidden;
  border-radius: 8px;
}

.summary-conent-main-wrapper .card-header {
  background-color: var(--light-blue);
}

.summary-conent-main-wrapper .card-body {
  padding: 1rem 1rem !important;
}

.summary-conent-main-wrapper .card-body>div {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.summary-conent-main-wrapper .card-body>div>div {
  font-weight: 400;
  background-color: #dbe8f961;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  border-color: #e5e5e5;
}

.summary-conent-main-wrapper .card-body>div>div i {
  font-style: normal;
  font-size: 13px;
  font-weight: 700 !important;
}


.base-destination-url {
  display: none;
}

.connective-line {
  position: relative;
  z-index: 1;
}

.connective-line::before {
  position: absolute;
  content: "";
  width: calc(100% + 24px);
  width: 45px;
  height: .5px;
  right: 100%;
  top: calc(50% + 10px);
  background-color: #858585;
  transform: translateY(-50%);
  z-index: -1;
}

.connective-line--lg::before {
  width: 108px;
}

@media (max-width: 767px) {
  .connective-line::before {
    display: none !important;
  }
}



/* Select Radio Css Start */
.select-radio {
  background-color: #edeff2;
  padding: 4px;
  border-radius: 8px;
  text-align: center;
  display: grid;
  border: 1px solid #e5e5e5;
}


.grid-2 {
  grid-template-columns: 1fr 1fr;
}

.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}


.grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 380px) {
  .grid-4 {
    grid-template-columns: 1fr 1fr;
  }
}


.select-radio__item {
  padding: 8px 4px;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  transition: 0.2s;
  line-height: 1;
}

.select-radio__item.inputChecked {
  background-color: #fff;
  border: 1px solid #dbdbdb;
}

.select-radio__box {
  cursor: pointer;
  margin-bottom: 0;
}

@media (max-width: 380px) {
  .select-radio__box span {
    font-size: 10px;
  }
}

.select-radio__item:has(.select-radio__input:checked) {
  background-color: #fff;
  border: 1px solid #dbdbdb;
}

.user-activity {
  width: 7px;
  height: 7px;
  background-color: #999;
  background-color: hsl(var(--heading-color)/0.5);
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}

.user-activity.active {
  background-color: #00B163;
}

.user-activity.inactive {
  background-color: #fed646;
}

.user-activity.paused {
  background-color: #F0712D;
}

.user-activity.deleted {
  background-color: #E63D4A;
}

.user-activity.pending {
  background-color: #FED657;
}

/* Select Radio Css End */


/* ============================ Image Upload Css Start ==================== */
.image-upload {
  border-radius: 8px !important;
  overflow: hidden;
  position: relative;
  border-radius: inherit;
  border: 1px dashed #b7b7b7 !important;
  cursor: pointer;
  transition: 0.2s;
}

.image-upload:hover {
  background-color: #ffffff;
}

.file-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-upload__box {
  border-radius: inherit !important;
  color: hsl(var(--body-color)) !important;
  cursor: pointer;
  padding: 16px !important;
  flex-direction: column;
}

.image-upload__boxInner {
  padding: 0 !important;
  border: 0 !important;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: auto !important;
  margin: 0 auto;
  position: relative;
  border-radius: inherit;
}

.image-upload__boxInner p,
.image-upload__boxInner span {
  line-height: 1.2 !important;
}

.image-upload__text {
  font-style: italic;
  color: inherit !important;
  font-weight: 500;
  font-size: 11px !important;
}

.image-upload__colorText {
  color: #007bff !important;
}

.image-upload__icon {
  color: inherit !important;
  font-size: 14px !important;
  margin-top: 8px;
  color: #5b6e88 !important;
}

.image-upload__image {
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.image-upload__imageName {
  margin-top: 4px;
  color: var(--body-color);
}

.image-upload__deleteBtn {
  position: absolute;
  right: -6px;
  top: -6px;
  z-index: 1;
  background: #e0e4e9;
  color: hsl(var(--white));
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-upload__deleteBtn:hover {
  background: #000;
  color: #fff;
  transform: scale(1.1);
}

.image-upload__anotherFileIcon {
  font-size: 16px !important;
  color: var(--body-color) !important;
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
}

/* ============================ Image Upload Css End ==================== */

/* =============================== Tooltip Css Start ====================== */
.custom-tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
  padding: 0;
  line-height: 0.5;
  padding-left: 4px;
  z-index: 1;
  font-weight: 400;
}

.custom-tooltip__btn {
  color: #B3B3B3;
  font-size: 10px;
  transition: 0.1s;
}

.custom-tooltip__btn:hover {
  color: hsl(var(--black));
}

.custom-tooltip__text.active+.custom-tooltip__btn {
  color: hsl(var(--black));
}

.custom-tooltip__text {
  width: 250px;
  background-color: #fff;
  box-shadow: -3px -2px 30px #cbcbcb;
  color: hsl(var(--body-color)/0.95);
  border: 1px solid hsl(var(--border-light)/0.5);
  text-align: left;
  border-radius: 6px;
  padding: 6px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0;
  transform: scale(.8);
  visibility: hidden;
  opacity: 0;
  font-size: 0.6875rem;
  transition: 0.1s linear;
  line-height: 1.4;
  margin-bottom: 8px;
}

@media screen and (max-width: 575px) {
  .custom-tooltip__text {
    width: 150px;
  }
}

.custom-tooltip__text.active {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.custom-tooltip__text a {
  word-break: break-word;
  transition: 0s !important;
}

/* =============================== Tooltip Css End ====================== */

/* =============================== custom Switch Css Start ====================== */
.custom-switch-input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.custom-switch-label {
  cursor: pointer;
  text-indent: -9999px;
  width: 48px;
  height: 24px;
  background: #c8c8c8;
  background: #bdc6d3;
  display: block;
  border-radius: 100px;
  position: relative;
}

.custom-switch-input:checked~.custom-switch-label {
  background: #1e3557;
}


.custom-switch-label:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(0) !important;
  left: 5px;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s linear;
}

.custom-mp-card {
  padding: 15px;
  border: 1px solid #87B7FB !important;
  border-radius: 5px;
}

.custom-mp-features {
  padding: 5px;
  border: 1px solid #87B7FB !important;
  border-radius: 5px;
}

.custom-switch-input:checked~.custom-switch-label:after {
  left: calc(100% - 5px);
  transform: translateY(-50%) translateX(-100%) !important;
}

.custom-switch-label:active::after {
  width: 40px;
}

/* =============================== custom Switch Css End ====================== */



.custom--form .caps.skipAutoId {
  transform: translateY(3px);
}


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

.ml--1 {
  margin-left: -1px;
}

.min-w-max-content {
  min-width: max-content;
}

.card-footer {
  border-radius: 0 0 8px 8px !important;
}

.selected-item-box.include-box .list-group-item,
.selected-item-box.exclude-box .list-group-item {
  font-size: 12px;
}

@media (max-width: 424px) {
  .nav.nav-pills button {
    font-size: 11px;
  }
}


.support-header {
  color: var(--heading-color) !important;
  font-size: 20px !important;
}


.support-header:hover {
  color: var(--heading-color);
  background-color: var(--gray) !important;
}

.facebookBusinessAccountFormButton,
.tikTokAccountFormButton {
  background-color: transparent;
}

.navbar__right .d-flex.mb-15 {
  margin-bottom: 0;
}


body:has(.select2-container--open) {
  overflow: hidden;
  padding-right: 10px;
}

.border-blue {
  border-top: 1px solid var(--border-color) !important;
}

.radius-8 {
  border-radius: 8px !important;
}

.input-group.flex-fill.w-auto.bg-white {
  border-radius: 8px;
}

.d-flex.gap-2:has(.has-column-select.common-btn) {
  flex-wrap: wrap;
}

.list-btn-group:has(.has-column-select.list-wrapper) {
  flex-wrap: wrap;
}

.table tbody tr td.no-select.z-index-1 {
  z-index: 1;
}

.z-index-1 {
  z-index: 1;
}



/* Top Nav Dropdown Menu Css Start */
.user-information__thumb {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.user-information__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-dropdown-menu {
  border: 1px solid var(--border-color) !important;
  padding: 24px 12px !important;
  min-width: 300px;
  background-color: var(--light);
}

.email-address {
  color: var(--heading-color);
  font-size: 13px;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-bottom: 16px;
}

.nav-dropdown-menu .btn.btn--base {
  width: 100%;
  background-color: var(--heading-color);
  border-radius: 50px;
  color: #fff;
  margin-top: 12px;
  font-size: 12px;
}

.btn-white {
  background-color: #fff;
  padding: 14px 6px;
  font-size: 11px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--heading-color);
  font-weight: 500;
}

.btn-white i {
  transition: 0s;
}

.info-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 6px;
  border-radius: 8px;
  margin-top: 16px;
}

.info-buttons .btn-white:first-child {
  border-radius: 50px 8px 8px 50px;
}

.info-buttons .btn-white:last-child {
  border-radius: 8px 50px 50px 8px;
}

.btn-white:hover {
  background-color: var(--heading-color);
  color: #fff;
}

@media (max-width: 424px) {
  .nav-dropdown-menu {
    padding: 16px 8px !important;
    min-width: 232px;
  }

  .btn-white {
    padding: 8px 7px;
    font-size: 9px;
  }
}

/* Top Nav Dropdown Menu Css End */
/* ====================== Last Update Change Css End ====================== */

.input-group>.form-control {

  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.input-group-text {
  font-size: 0.813rem;
}

.input-group>.input-group-text+.form-control {
  border-radius: 8px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.input-group>.form-control+.form-control {
  border-radius: 0px !important;
}

.input-group>.btn {
  padding: 1px 4px;
}



#offer-view-advertiser-signup-custom-info-accordion .table-responsive {
  padding: 0;
}

#offer-view-partner-signup-custom-info-accordion .table-responsive {
  padding: 0;
}


/* ====================== Top Nav Customizaton Dropdown Css Start ================================== */
/* When action button active */
.nav-action__item.active .nav-action__btn,
.nav-action__item.active .date-select__icon,
.nav-action__item.active .sidebar-bar-btn {
  border-color: hsl(var(--base));
  color: hsl(var(--base));
}

.nav-action__item.active .custom--dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  z-index: 99911;
}



/* Top Nav Custom Dropdown menu Css Start */
.custom--dropdown {
  background-color: #fff;
  border: 1px solid var(--light-blue);
  border-radius: 5px;
  width: 324px;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.92);
  transition: 0.2s linear;
}

.has-custom--dropdown.active .custom--dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.has-custom--dropdown.active .box-dropdown-btn {
  background: var(--gray) !important;
}

@media (max-width: 359px) {
  .custom--dropdown {
    width: 287px;
  }
}

@media (min-width: 501px) {
  .custom--dropdown--lg {
    width: 467px;
  }
}

@media screen and (max-width: 374px) {
  .custom--dropdown {
    width: 300px;
  }
}

.custom--dropdown--sm {
  width: 212px;
}

.custom--dropdown__minWidth {
  min-width: 350px;
}

@media screen and (max-width: 575px) {
  .custom--dropdown__minWidth {
    min-width: unset;
  }
}

.custom--dropdown__top,
.custom--dropdown__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--light-blue);
  padding: 8px 10px;
}

.custom--dropdown__footer {
  border-bottom: 0;
  border-top: 1px solid var(--light-blue);
  color: hsl(var(--heading-color));
  font-size: 0.8125rem;
}

.custom--dropdown__title {
  margin-bottom: 0;
  font-size: 0.8125rem;
  font-weight: 900;
}

.custom--dropdown__close {
  color: hsl(var(--body-color));
  font-size: 0.625rem;
  transition: 0.2s linear;
}

.custom--dropdown__close:hover {
  transform: scale(1.1);
}

.custom--dropdown__content {
  padding: 10px;
}

/* Top Nav Custom Dropdown menu Css End */

/* Customize Card Css Start */
@media (max-width: 499px) {
  .customize-card {
    overflow-x: auto;
    padding-bottom: 10px;
  }
}

.customize-card__tab {
  margin-bottom: -12px;
  margin-top: 12px;
}

.customize-card__content {
  border: 1px solid var(--light-blue);
  padding: 10px;
  padding-top: 24px;
  border-radius: 5px;
  min-height: 208px;
}

@media (max-width: 499px) {
  .customize-card__info {
    width: 302px;
  }
}

.card-check-item-wrapper {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)); */
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 8px;
  max-height: 300px;
  overflow-y: auto;
  margin-right: 2px;
}

.card-check-item-wrapper::-webkit-scrollbar {
  width: 4px;
}

.card-check-item-wrapper::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 30px;
}


.card-check-item .form-check-label {
  text-align: left;
  margin-bottom: 0;
  font-size: 0.625rem;
  padding-top: 2px;
}

.card-check-item .form-check .form-check-input[type="checkbox"] {
  background-color: transparent !important;
  border-radius: 3px !important;
}

.card-check-item .form-check .form-check-input {
  border: 1px solid #838383;
}

.card-check-item .form-check .form-check-input.form-check-input:checked {
  background-color: var(--heading-color) !important;
  border-color: var(--heading-color) !important;
}

.card-check-item .form-check .form-check-input:active {
  box-shadow: none !important;
}

.card-check-item .form-check {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 20px;
}

/* Customize Card Css End */

.btn-base {
  background-color: var(--heading-color) !important;
  border-color: var(--heading-color) !important;
  color: #fff !important;
}

.btn-base:hover,
.navbar__action-list li .btn-base:hover {
  background: var(--heading-color) !important;
}

.btn-outline-base,
.navbar__action-list li .btn-outline-base {
  border: 1px solid var(--heading-color) !important;
  background-color: var(--heading-color-light) !important;
}

/* ====================== Top Nav Customizaton Dropdown Css End ================================== */


.tw10 {
  white-space: initial !important;
  min-width: 10px !important;
}

.tw20 {
  white-space: initial !important;
  min-width: 20px !important;
}

.tw30 {
  white-space: initial !important;
  min-width: 30px !important;
}

.tw40 {
  white-space: initial !important;
  min-width: 40px !important;
}

.tw50 {
  white-space: initial !important;
  min-width: 50px !important;
}

.tw60 {
  white-space: initial !important;
  min-width: 60px !important;
}

.tw70 {
  white-space: initial !important;
  min-width: 70px !important;
}

.tw80 {
  white-space: initial !important;
  min-width: 80px !important;
}

.tw90 {
  white-space: initial !important;
  min-width: 90px !important;
}

.tw100 {
  white-space: initial !important;
  min-width: 100px !important;
}

.tw150 {
  white-space: initial !important;
  min-width: 150px !important;
}

.tw200 {
  white-space: initial !important;
  min-width: 200px !important;
}

.tw250 {
  white-space: initial !important;
  min-width: 250px !important;
}

.tw300 {
  white-space: initial !important;
  min-width: 300px !important;
}

.tw350 {
  white-space: initial !important;
  min-width: 350px !important;
}

.tw400 {
  white-space: initial !important;
  min-width: 400px !important;
}

.tw450 {
  white-space: initial !important;
  min-width: 450px !important;
}

.tw500 {
  white-space: initial !important;
  min-width: 500px !important;
}

.whitespace-nowrap {
  white-space: nowrap;
}

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

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

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

.rotate-full {
  transform: rotate(180deg);
}