.navbar-brand img {
  width: 75%;
  max-width: 250px;
  margin: 5px 0 0 3px;
}

/* .sidebar-minimized .navbar-brand img.logo {
  display: none;
} */

.navbar-brand img.logoMin {
  display: none;
}

.sidebar-minimized .navbar-brand img.logoMin {
  display: block;
  margin: 0;
  width: 100%;
}

/* .sidebar-minimized .app-header {
    padding: 10px 0 !important;
} */

/* Login  */

.mainWrapper {
  height: 100vh;
  overflow: hidden;
}

.memberWrapper {
  height: 98vh;
}

.loginWrapper {
  height: 100vh;
  overflow-x: hidden;
}

.bgLogin {
  background-image: url(../img/Login.svg);
  background-repeat: no-repeat;
  background-position: left;
  /* min-height: 724px; */
  background-size: cover;
  height: 100%;
}

/* .mobileLogo {
    position: absolute;
    top: 5%;
    right: 0;
    left: 0;
    text-align: center;
} */

.bgLogin .logo,
.loginWrapper.loginWrappersm {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}

/* .loginWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
} */

.loginWrapper .verifyLink {
  position: absolute;
  bottom: 8%;
  right: 8%;
  display: flex;
  align-items: center;
}

.formWrapper {
  background-color: white;
}

.loginBox {
  width: 64%;
  text-align: center;
  max-width: 450px;
  margin: 0 auto;
}

.loginContent {
  height: 100%;
}

.mainContent {
  height: 100%;
}

.verifyBox {
  width: 50%;
}

.verifyBox .btn {
  height: 40px;
  line-height: 26px;
}

/* .memberWrapper {
    height: 870px;
    overflow: auto;
} */

/* Warning Text */

.warningMsg {
  width: 75%;
  margin: auto;
}

.warningMsg p {
  color: var(--bgLink);
  font-weight: var(--bold);
  margin-bottom: 10px;
}

.warningMsg p.imp {
  font-size: var(--xlarge);
  background-color: #e3e8f2;
}

.warningMsg p.access {
  font-size: var(--semiLarge);
}

.warningMsg p.issue,
.warningMsg p a {
  font-size: var(--medium);
  color: var(--bgLink);
  font-weight: var(--bold);
}

.warningMsg img {
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}

/* verify login  */

.verifyMSg img {
  width: 136px;
}

.innerContent {
  position: relative;
  /* height: 100vh; */
}

/* Role selection */

#roleModal .roleWrapper .roleBox {
  width: 115px;
  height: 115px;
  border-radius: 14px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 250ms;
}

#roleModal .roleWrapper .roleBox:hover {
  transform: translateY(-5px);
}

#roleModal .modal-content {
  height: 262px;
}

#roleModal .roleWrapper .roleBox .imgBox {
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 50rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 5px;
}

#roleModal .roleWrapper .roleBox {
  border: 1px solid var(--bgLightGrey-20);
}

#roleModal .roleWrapper .roleBox .imgBox img {
  width: 25px;
  /* opacity: 0.6; */
  height: 25px;
  object-fit: contain;
}

#roleModal .roleWrapper .roleBox.admin {
  background-color: var(--bgPrimary);
}

#roleModal .roleWrapper .roleBox.admin:hover {
  background: var(--bgDarkGrey-1);
  transition: background-color 1s ease-;
}

#roleModal .roleWrapper .roleBox.member {
  background-color: var(--bgMain);
}

#roleModal .roleWrapper .roleBox.member:hover {
  background: var(--bgDarkGrey-1);
  transition: background-color 1s ease-;
}

#roleModal .roleWrapper .roleBox.vender {
  background-color: var(--bgVendor);
}

#roleModal .roleWrapper .roleBox.vendor:hover {
  background: var(--bgDarkGrey-1);
  transition: background-color 1s ease-;
}

/* preferences */

.preferences p {
  color: var(--bgDarkGray-1);
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
}

.preferences .subscription p,
.preferences .communication p {
  width: 60%;
}

.preferences .switch {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 32px;
}

.preferences .switch input:checked + .slider {
  background-color: var(--bgPrimary);
  border: 1px solid var(--bgPrimary);
}

.preferences .switch .slider:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  left: 2px;
  bottom: 3px;
  background-color: var(--bgLightGrey-20);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.preferences .switch input:checked + .slider:before {
  -webkit-transform: translateX(43px);
  -ms-transform: translateX(43px);
  transform: translateX(43px);
  background-color: white;
}

/* member profile */

.profileBox {
  position: relative;
  border-radius: 14px;
}

.profileBox .badgeCorner:before {
  position: absolute;
  background-image: url(../img/voting-corner.svg);
  content: "";
  width: 13px;
  top: 2%;
  height: 10px;
  background-repeat: no-repeat;
  left: -4%;
}

.profileBox .badgeBox {
  clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%);
  background-color: var(--bgSuccessLight);
  padding: 8px 8px;
  width: 53%;
  position: absolute;
  left: -4%;
  top: 4%;
}

.profileBox .imgInfo {
  padding-top: 4.5rem !important;
}

.profileBox .badgeBox p {
  color: var(--bgSuccess);
  font-size: var(--xxxSmall);
  font-weight: var(--semiBold);
  text-align: left;
}

.profileBox .profileImg {
  position: relative;
  display: inline-block;
}

.profileBox .profileImg img {
  width: 95px;
  height: 95px;
  border-radius: 50rem;
  object-fit: cover;
  max-width: 100%;
}

.vendorBox .profileImg img {
  width: 300px;
  height: 150px;
  object-fit: cover;
  border-radius: 0;
}

.profileBox .profileImg .editIcon,
.profileBox.ViewBox .profileImg .editIcon {
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
  border: 1px solid var(--bgLightGrey-10);
  border-radius: 50rem;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.profileWrapper .profileDetails {
  min-height: 435px;
}

.profileWrapper .profileDetails .editIcon {
  position: absolute;
  top: 2%;
  right: 2%;
}

.profileWrapper .profileDetails .editIcon img {
  width: 15px;
  height: 15px;
}

.memberBox {
  width: 100%;
  position: relative;
  overflow-x: hidden;
  max-width: 900px;
  margin: 0 auto;
  height: 100%;
}

.familyBox {
  position: relative;
  padding: 20px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.familyBox .profileImg img {
  width: 85px;
  height: 85px;
  border-radius: 50rem;
}

.familyBox .editIcon {
  position: absolute;
  top: 3%;
  right: 5%;
}

.familyBox .editIcon img {
  width: 15px;
  height: 15px;
}

.profileBox .profileImg .editIcon img {
  width: 15px;
  object-fit: contain;
}

.profileBox .profileName .heading {
  font-size: var(--xSmall);
}

.profileBox .profileName .heading.vendorName {
  font-size: var(--semiLarge);
}

.profileBox .profileInfo .profileName p.anual {
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
  color: var(--bgMain);
}

.profileBox .profileInfo .profileName p.location {
  font-size: var(--xxSmall);
  font-weight: var(--light);
  color: var(--bgLightGrey-10);
}

.profileBox .profileInfo .profileName p.location img {
  max-width: 12px;
}

.profileBox .profileInfo .profileName .comm {
  width: 90%;
  margin: 0 auto;
}

.profileBox .profileInfo .profileName .comm ul {
  text-align: left;
}

.profileBox .profileInfo .profileName .comm ul li {
  font-size: var(--xxxSmall);
  color: var(--bgDarkGrey-1);
  font-weight: var(--semiBold);
  display: flex;
  align-items: center;
}

.profileBox .profileInfo .profileName .comm ul li a {
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
}

.profileBox .profileInfo .profileName .comm ul li i {
  font-size: 7px;
  color: var(--bgPrimary);
  padding-right: 8px;
}

.profileBox .profileInfo .profileName .comm ul li:nth-child(2) {
  margin-left: 10px;
  width: 182px;
}

/* .profileBox .profileInfo .contactInfo .cBox {
    width: max-content;

} */

.vendor_prof .contactInfo .cBox .cIcon {
  min-width: 30px;
  height: 30px;
  border-radius: 50rem;
  background-color: var(--bgPrimary);
  display: flex;
  justify-content: center;
  align-items: center;
}

.profileBox .profileInfo .contactInfo .cBox .cIcon,
.vendorBox .contactInfo .cBox .cIcon {
  min-width: 30px;
  height: 30px;
  border-radius: 50rem;
  background-color: var(--bgPrimary);
  display: flex;
  justify-content: center;
  align-items: center;
}

.profileBox .profileInfo .contactInfo .cBox .cIcon img,
.vendorBox .contactInfo .cBox .cIcon img {
  width: 15px;
}

.profileBox .profileInfo .contactInfo .cBox p,
.vendorBox .contactInfo .cBox p,
.vendorBox .contactInfo a .cBox p {
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
  /* font-family: var(--montserrat); */
  color: var(--bgDarkGrey-1);
  word-break: break-word;
  text-align: left;
  width: 80%;
  line-height: 14px;
}

/* .profileBox .profileInfo .contactInfo .cBox p:last-child{
max-width: 184px;
} */

.profileDetails .dBox p:first-child,
.profileDetails .dBox.pBox p:first-child {
  color: var(--bgPrimary);
  font-size: var(--small);
  font-weight: var(--semiBold);
}

.profileDetails .dBox p:last-child,
.profileDetails .dBox.pBox p,
.profileDetails .dBox a {
  color: var(--bgDarkGrey-1);
  font-size: var(--small);
  font-weight: var(--semiBold);
}

.profileDetails .dBox a.direction {
  color: var(--bgHoverBlue);
  font-family: var(--montserrat);
  font-size: var(--xxSmall);
  font-weight: var(--bold);
  border-bottom: 1px solid var(--bgHoverBlue);
  margin-left: 10px;
}

#uploadModal .uploadBox {
  background-color: var(--bgPrimaryLight);
  border: 2px dashed var(--bgPrimary);
  padding: 10px 15px;
  border-radius: 14px;
  min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#uploadModal .uploadBox img {
  max-height: 140px;
}

#uploadModal .uploadBox p {
  font-size: var(--xSmall);
  color: var(--bgDarkGrey);
}

/* #uploadModal .modal-content {
    width: 65%;
    max-width: 325px;
    max-height: 408px;
    min-height: 408px;
} */

#uploadModal .progress {
  height: 8px;
}

#uploadModal .progress .progress-bar {
  width: 50%;
  background-color: var(--bgPrimary);
}

/* Active inactive switch */

.switch.activeInactive {
  width: 86px;
  height: 28px;
  text-transform: capitalize;
}

.switch.activeInactive .on {
  display: none;
}

.switch.activeInactive .on {
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 37%;
  font-size: var(--xxxSmall);
}

.switch.activeInactive .off {
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 63%;
  font-size: var(--xxxSmall);
}

.switch.activeInactive .slider {
  background-color: var(--bgLightGrey-10);
}

.switch.activeInactive input:checked + .slider .on {
  display: block;
}

.switch.activeInactive input:checked + .slider .off {
  display: none;
}

.switch.activeInactive .slider:before {
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
}

.switch.activeInactive input:checked + .slider:before {
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  background-color: white;
}

/* brand managemnt */

.brandManagement img.brandLogo {
  width: 105px;
  height: 48px;
  object-fit: cover;
  border-radius: 5px;
}

/* uplaod */

.upload {
  border: 1px solid var(--bgLightGrey-10);
  height: 200px;
  display: flex;
  border-radius: 10px;
  margin-bottom: 10px;
}

.upload.eventWrppaer {
  border: none;
  display: flex;
  border-radius: 10px;
  margin-bottom: 10px;
  height: auto;
}

.upload .uploadBox {
  position: relative;
  /* background-color: var(--bgLightGrey-20); */
  /* margin: auto; */
  width: 100%;
}

.upload .uploadBox2 img.square {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  border-radius: 15px !important;
  padding: 7px !important;
}

.upload .uploadBox .roundedBox {
  position: relative;
  margin: auto;
}

.upload .uploadBox .roundedBox .editIcon {
  position: absolute;
  bottom: 0;
  right: 0;
  border: 1px solid var(--bgLightGrey-10);
  border-radius: 50rem;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
}

.upload .hrUploadBox {
  position: relative;
  /* background-color: var(--bgLightGrey-20); */
  /* margin: auto; */
  width: 100%;
}

.upload.eventWrppaer .uploadBox .squareBox {
  padding: 0;
  width: 100%;
}

/* .upload .uploadBox .squareBox {
    padding: 10px;
    width: 100%;
} */

.upload .uploadBox .squareBox {
  margin: 5%;
  width: 90%;
  height: 90%;
  text-align: center;
  /* background: #d8d8d8; */
  box-sizing: border-box;
  box-sizing: inherit;
  display: flex;
  align-items: center;
  align-self: baseline;
  justify-content: center;
  border-radius: 14px;
}

.upload.eventWrppaer .uploadBox .squareBox img.resource {
  width: 100%;
}

.upload .uploadBox img.uploader {
  border-radius: 50rem;
  width: 100px;
  height: 100px;
  object-fit: cover;
}

/* .upload .uploadBox img.square {
    border-radius: 10px;
    width: 100%;
    height: 178px;
    object-fit: contain;
    background: #d8d8d8;
} */

.upload .uploadBox img.square {
  /* border-radius: 10px; */
  max-width: 100%;
  max-height: 178px;
  object-fit: contain;
  /* background: #d8d8d8; */
  text-align: center;
}

.upload .uploadBox img.event {
  border-radius: 10px;
  width: 100%;
  max-height: 210px;
  /* object-fit: cover; */
}

.upload .hrUploadBox img.uploader {
  border-radius: 0;
  width: 100%;
}

/* .upload .squareBox {
    width: 215px;
    height: 175px;
} */

.upload .squareBox .editIcon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 1px solid var(--bgLightGrey-10);
  border-radius: 50rem;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
}

.hrUploadBox .editIcon {
  right: 10%;
  bottom: -10%;
}

.upload .editIcon img {
  width: 15px;
}

/* My busssiness */

.myBussiness {
  background-color: var(--bgBody);
  position: relative;
}

.myBussiness::before,
.familyBox::before {
  position: static;
}

.myBussiness .profileImg {
  display: block;
}

.myBussiness .profileImg img {
  /* width: 100%; */
  max-height: 150px;
  border-radius: 0;
  object-fit: contain;
}

.bussinessInfo {
  position: relative;
}

.bussinessInfo .info p {
  color: var(--bgLightGrey-10);
  font-size: var(--small);
}

.bussinessInfo .actions {
  position: absolute;
  top: -5%;
  right: 1%;
}

/* subcription Purchase */

.planCard {
  min-height: 370px;
  border-radius: 40px;
  padding: 10px 10px;
}

.subPurchase {
  padding: 3rem 2rem;
  margin-bottom: 0;
}

.subPurchase .topContent p {
  font-size: var(--xxSmall);
  color: var(--bgDarkGrey-1);
}

/* .annualCard,
.lifetimeCard {
  min-height: 370px;
} */

.annualCard {
  background-color: var(--btnGrey);
  /* border: 13px solid var(--btnGrey); */
  position: relative;
}

/* .annualCard::before {
    position: absolute;
    content: "";
    border: 1px solid var(--bgLightGrey-20);
    width: 311px;
    height: 394px;
    top: -12px;
    left: -12px;
    border-radius: 40px;
} */

.subPurchaseWrapper .annualBox {
  padding: 20px 10px;
}

.annualCard .annualBox {
  background-color: white;
  border-radius: 40px;
}

.lifetimeCard .annualBox {
  background-color: transparent !important;
  color: white;
}

.annualCard img {
  max-width: 15px;
}

.planCard h5 {
  font-family: var(--montserrat);
  font-weight: var(--bold);
  margin: 7px 0;
  font-size: var(--xlarge);
}

.annualCard h5 {
  color: var(--bgPrimary);
}

.planCard .price {
  font-family: var(--montserrat);
  font-weight: var(--bold);
  margin-top: 7px;
  font-size: var(--xlarge);
}

.annualCard .price {
  color: var(--bgMain);
}

.planCard .year {
  font-size: var(--small);
  margin-left: 10px;
}

.annualCard .year {
  color: var(--bgLightGrey-10);
}

.annualCard ul {
  margin: 0;
  padding: 0;
  max-height: 100px;
  padding: 10px 0;
  height: 100px;
}

.annualCard ul li {
  position: relative;
  font-size: var(--xSmall);
  color: var(--bgDarkGray-1);
  margin-bottom: 10px;
  padding-left: 20px;
}

.subPurchaseWrapper ul li p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* height: 36px; */
  font-size: var(--xxSmall);
}

.subPurchaseWrapper .annualBox img.play {
  max-width: 15px;
}

.annualCard ul li:before {
  content: url(../img/listing-check.svg);
  position: absolute;
  left: 0;
  top: 0;
}

.annualCard .moreDetails {
  text-decoration: underline;
  /* font-size: var(--small);
    font-weight: var(--semiBold); */
}

.lifetimeCard .moreDetails,
.aliedCard .moreDetails {
  color: white;
  text-decoration: underline;
}

.lifetimeCard {
  background: var(--bgLinearGradient);
}

.aliedCard {
  background: var(--bgAlied);
}

.aliedCard h5,
.aliedCard .year,
.aliedCard .price {
  color: white;
}

.lifetimeCard h5 {
  color: white;
  font-family: var(--montserrat);
  font-weight: var(--bold);
  margin: 7px 0;
  font-size: var(--xlarge);
}

.lifetimeCard .price {
  color: white;
  font-family: var(--montserrat);
  font-weight: var(--bold);
  /* margin-top: 7px; */
  font-size: var(--xlarge);
}

.lifetimeCard .year {
  color: white;
  font-size: var(--small);
  margin-left: 10px;
}

.subPurchaseWrapper ul {
  min-height: 135px;
  margin: 0;
  padding: 10px 0;
  max-height: 135px;
  margin: 0;
  padding: 10px 0;
  overflow: hidden;
}

.lifetimeCard ul li,
.aliedCard ul li {
  position: relative;
  font-size: var(--small);
  color: white;
  margin-bottom: 6px;
  padding-left: 20px;
}

.lifetimeCard ul li p,
.aliedCard ul li p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: var(--xxSmall);
}

.lifetimeCard ul li:before,
.aliedCard ul li:before {
  content: url(../img/listing-check-white.svg);
  position: absolute;
  left: 0%;
  top: 0%;
}

.subPurchaseWrapper .callInfo p {
  color: var(--bgDarkGray-1);
  font-size: var(--small);
}

.subPurchaseWrapper .planInfo {
  min-height: 129px;
}

.subscriptionModal .leftBg {
  background-image: url(../img/Login.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 425px;
}

.subscriptionModal .leftBg img {
  width: 200px;
}

.subscriptionModal .right ul {
  padding-right: 15px;
  padding-left: 30px;
}

.subscriptionModal .right ul li {
  position: relative;
  font-size: var(--xxSmall);
  margin-bottom: 10px;
  color: var(--bgDarkGrey-1);
}

.subscriptionModal .right ul li:before {
  content: url(../img/listing-check-main.svg);
  position: absolute;
  left: -8%;
}

/* Table user profile */

.tblPofile {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tblPofile img {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 50rem;
  max-height: 40px;
  object-fit: cover;
}

/* float Add */

.floatAdd {
  position: fixed;
  bottom: 10%;
  z-index: 1;
}

.floatAdd .addBtn {
  margin-left: auto;
}

/* My subscription */

.subscriptionBox {
  border-radius: 18px;
  padding: 30px 15px;
  background-color: white;
}

.subscriptionBox .left img {
  width: 65px;
  height: 65px;
}

.subscriptionBox .left p {
  font-size: var(--xSmall);
  font-weight: var(--semiBold);
  color: var(--bgDarkGrey-1);
}

.subscriptionBox .left h5 {
  font-weight: var(--bold);
  color: var(--bgUpEvent);
  font-family: var(--montserrat);
  margin-bottom: 3px;
}

.subscriptionBox .left ul {
  padding-left: 0px;
  margin: 5px 0 10px 0;
}

.subscriptionBox .left ul li {
  line-height: 16px;
  position: relative;
  padding-left: 20px;
}

.subscriptionBox.active .left ul li p {
  color: var(--bgDarkGray-1);
  font-weight: var(--semiBold);
  font-size: var(--xxSmall);
}

.subscriptionBox .left ul li::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: var(--bgMain);
  left: 0%;
  top: 35%;
  border-radius: 50rem;
}

.subscriptionBox .right p {
  color: var(--bgMain);
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
}

.subscriptionBox.active {
  border-left: 6px solid var(--bgSuccess);
}

.subscriptionBox.active .left p.title {
  color: var(--bgSuccess);
  /* margin-bottom: 3px; */
  font-weight: var(--semiBold);
}

.subscriptionBox.expired {
  border-left: 6px solid var(--bgError);
}

.subscriptionBox.expired .left p.title {
  color: var(--bgError);
  font-weight: var(--semiBold);
}

.subscriptionBox.expiring {
  border-left: 6px solid var(--bgWarning);
}

.subscriptionBox.expiring .left p.title {
  color: var(--bgWarning);
  font-weight: var(--semiBold);
}

/* Payment Invoice */

.paymentInvoice p {
  color: var(--bgDarkGrey);
  font-size: var(--small);
}

.paymentInvoice table {
  font-size: var(--small);
}

.paymentInvoice table thead {
  background-color: var(--bgMain);
  color: white;
}

/* myPayments */

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bgLightGrey);
  color: var(--bgLightGrey-10);
}

.select2-container--default .select2-results > .select2-results__options {
  border-radius: 0px 0px 14px 14px;
}

.select2-dropdown {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  border: 1px solid var(--lightBorder);
}

/* dashboard */

.bussinessCard .bList ul li img {
  width: 60px;
  height: 60px;
  border-radius: 50rem;
}

.bussinessCard .bList ul li p:first-child {
  font-size: var(--small);
  color: var(--bgDarkGrey-1);
  font-weight: var(--semiBold);
  text-transform: capitalize;
}

/* Logs Pop up */

/* .logsWrapper,
.activitylogsWrapper {
  border: 1px solid var(--bgLightGrey-30);
  border-bottom-left-radius: 14px;
  border-top-left-radius: 14px;
  min-height: 90vh;
  position: absolute;
  right: -90rem;
  width: 80%;
  top: 0;
  background-color: white;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

.logsWrapper .closeBox,
.activitylogsWrapper .closeBox {
  width: 25px;
  height: 25px;
  background-color: var(--bgMain);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50rem;
} */

/* .logsWrapper .activityBox, */

.activitylogsWrapper .activityBox {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 30px;
  position: relative;
}

/* .logsWrapper .activityBox::before, */

.activitylogsWrapper .activityBox::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 32px;
  background-color: var(--bgLightGrey-20);
  top: -2.2rem;
  left: 1.3rem;
}

/* .logsWrapper .activityBox:last-child:after, */

.activitylogsWrapper .activityBox:last-child:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 30px;
  background-color: var(--bgLightGrey-20);
  top: -2.2rem;
  left: 1.3rem;
}

/* .logsWrapper .activityBox .leftBg, */

.activitylogsWrapper .activityBox .leftBg {
  width: 40px;
  height: 40px;
  border-radius: 50rem;
  background-color: var(--bgPrimaryLight-2);
}

/* .logsWrapper .activityBox .activityText p span.name, */

.activitylogsWrapper .activityBox .activityText p span.name {
  color: var(--bgDark);
  font-weight: var(--bold);
  margin-right: 5px;
}

/* .logsWrapper .activityBox .activityText p span.activity, */

.activitylogsWrapper .activityBox .activityText p span.activity {
  color: var(--bgPrimaryLight-2);
  font-weight: var(--semiLight);
}

/* .logsWrapper .activityBox .activityText p:first-child, */

.activitylogsWrapper .activityBox .activityText p:first-child {
  color: var(--bgDark);
  font-size: var(--small);
  font-weight: var(--light);
}

/* .logsWrapper .activityBox .activityText p:last-child, */

.activitylogsWrapper .activityBox .activityText p:last-child {
  font-size: var(--xxSmall);
  color: var(--bgLightGrey-10);
}

.bussinessCard .bList ul {
  height: 310px;
  overflow: auto;
}

/* .bussinessCard .noData svg.icon {
    width: 50px;
    height: 50px;
    margin:0 auto;
} */

/* .dashBoard .btn.btnGrey {
    color: var(--bgMain);
    padding: 9px 0;
    transition: var(--transition);
    width: 80%;
    margin: 0 auto;
    max-width: 350px;
    display: block;
} */

.dashBoard .btn.btnGrey:hover {
  color: white;
}

.dashBoard table.dataTable tbody td {
  color: var(--bgDarkGray-1);
}

.memberShipCard {
  background: var(--bgMemberCard);
  border-radius: 24px;
  padding: 20px 14px;
  color: white;
}

.memberShipCard ul {
  list-style-type: disc;
}

.memberShipCard ul li {
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
  margin-bottom: 10px;
}

.feedList ul li {
  padding: 20px 0;
  border-bottom: 1px solid var(--bgLightGrey-20);
}

.feedList ul li:last-child {
  border-bottom: none;
}

/* .feedList ul li .feedImg {
    width: 60px;
    height: 60px;
    border-radius: 50rem;
    color: white;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feedList ul li .myFeedImg {
    width: 60px;
    height: 60px;
    background-color: var(--bgPrimary);
    border-radius: 50rem;
    color: white;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
} */

/* .feedList ul li .feedImg.announce {
    background-color: var(--bgWarning);
}

.feedList ul li .feedImg.news {
    background-color: var(--bgSuccess);

}

.feedList ul li .feedImg img {
    width: 30px;
}

.feedList ul li .feedInfo {
    flex: 4;
}

.feedList ul li p {
    color: var(--bgDarkGrey-1);
}

.feedList ul li p:first-child {
    font-size: var(--small);
    font-family: var(--montserrat);
    font-weight: var(--bold);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.feedList ul li p:last-child {
    font-weight: var(--semiBold);
    font-size: var(--xxSmall);
} */

/* Inner sidebar */

.detailsWrapper {
  display: flex;
  gap: 30px;
}

.detailsWrapper .innerSidebar {
  width: 20%;
}

.detailsWrapper .innerSidebar .sideWrapper {
  padding: 20px;
  background-color: white;
  /* position: fixed;
    top: 126px; */
  height: 100%;
  /* width: 18%; */
}

.detailsWrapper .innerSidebar ul {
  padding-left: 0;
  margin-bottom: 0;
}

.detailsWrapper .innerSidebar ul li {
  margin-bottom: 10px;
}

.detailsWrapper .innerSidebar ul li a {
  display: flex;
  align-items: center;
  color: var(--bgLightGrey-10);
  padding: 10px 20px;
  border-radius: 20px;
  font-weight: var(--semiBold);
  transition: var(--transition);
  font-size: var(--xxSmall);
}

.detailsWrapper .innerSidebar ul li a:hover {
  border-radius: 20px;
  background-color: var(--btnGrey);
  color: var(--bgMain);
}

.detailsWrapper .innerSidebar ul li a.active {
  background-color: var(--btnGrey);
  color: var(--bgMain);
}

.detailsWrapper .innerSidebar ul li a svg.icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.detailsWrapper .innerSidebar ul li a:hover svg.icon {
  fill: var(--bgMain);
}

.detailsWrapper .content {
  width: 80%;
}

.detailsWrapper .content .profileBox::before {
  position: static;
}

.detailsWrapper .content .profileBox {
  position: relative;
}

.detailsWrapper .content .vendorBox .profileImg img.vendorProfile {
  width: 200px;
  height: 100px;
  object-fit: contain;
}

.detailsWrapper .content .profileBox .editAll {
  position: absolute;
  top: 0;
  right: 2%;
  width: 40px;
  height: 40px;
  background-color: var(--bgMain);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50rem;
}
.detailsWrapper .content .topRightBox{
    position: absolute;
    top: 0;
    right: 2%;
    display: flex;
    gap: 30px;
    align-items: center;
} 
.detailsWrapper .content .topRightBox .editAll{
position: static;
width: 40px;
    height: 40px;
    background-color: var(--bgMain);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50rem;
}
.detailsWrapper .content .profileBox .editAll img {
  width: 15px;
  height: 15px;
}

.detailsWrapper .content .profileBox .cBox:first-child {
  width: fit-content;
}

/* .detailsWrapper .content .vendorBox .cBox {
  width: 215px !important;
} */

.detailsWrapper .content .familyBox .contactInfo .cBox,
.detailsWrapper .content .myBussiness .contactInfo .cBox {
  width: 100%;
}

.detailsWrapper .content .familyBox .contactInfo .cBox p:last-child {
  max-width: 163px;
}

.detailsWrapper .content .familyBox .contactInfo .cBox p:last-child,
.detailsWrapper .content .myBussiness .contactInfo .cBox p:last-child {
  max-width: 163px;
}

.detailsWrapper .content .notesWrapper .noteBox {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  position: relative;
}

.detailsWrapper .content .notesWrapper .noteBox .noteAttachment {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 10px;
}

.detailsWrapper .content .notesWrapper .noteBox .noteAttachment img {
  width: 20px;
  height: 20px;
}

.detailsWrapper .content .notesWrapper .noteLine {
  position: relative;
}

.detailsWrapper .content .notesWrapper .noteLine::before {
  content: " ";
  top: 4px;
  height: calc(100% - 30px);
  position: absolute;
  border-left: 2px solid var(--bgLightGrey-20);
  left: 1.7rem;
  /* bottom: calc(-1 * 30px + 25px); */
}

/* .detailsWrapper .content .notesWrapper .noteBox:not(:first-child)::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 30px;
  background-color: var(--bgLightGrey-20);
  top: -2.1rem;
  left: 1.3rem;
} */

.detailsWrapper .content .notesWrapper .noteBox .noteLeftBgText {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  border-radius: 50rem;
  background-color: var(--bgLightGrey-10);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.detailsWrapper .content .notesWrapper .noteBox .noteLeftBg img {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50rem;
}

.detailsWrapper .content .notesWrapper .noteBox .noteText p:first-child {
  font-family: var(--montserrat);
  font-size: var(--small);
  font-weight: var(--bold);
  color: var(--bgDarkGrey-1);
  /* line-height: 10px; */
}

.detailsWrapper .content .notesWrapper .noteBox .noteText p:last-child {
  font-size: var(--xxSmall);
  color: var(--bgLightGrey-10);
}

/* .detailsWrapper .content .dtsp-panesContainer {
    background-color: transparent;
} */

.detailsWrapper .preferences .subscription p {
  width: 65%;
}

/*  */

.innerSidebar .mobileMenus button {
  border: 1px solid white;
  width: 40px;
  height: 40px;
  background-color: var(--bgMain);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: fixed;
  border-radius: 50rem;
  z-index: 2;
  top: 7rem;
  right: 1rem;
}

.myFamilyDash .profWrapper .profBox:nth-child(2) {
  border: 1px solid white;
  left: -10px;
}

.myFamilyDash .profWrapper .profBox:nth-child(3) {
  border: 1px solid white;
  left: -20px;
}

.myFamilyDash .profWrapper .profBox:nth-child(4) {
  border: 1px solid white;
  left: -30px;
}

.myFamilyDash .profWrapper .profBox:nth-child(5) {
  border: 1px solid white;
  left: -40px;
}

.innerSidebar .mobileMenus .menuList {
  background-color: var(--bgMain);
  position: fixed;
  top: 9rem;
  right: 7%;
  width: 200px;
  padding: 10px;
  border-radius: 14px;
  z-index: 1;
}

.innerSidebar .mobileMenus .menuList ul li {
  margin-bottom: 0;
}

.innerSidebar .mobileMenus .menuList ul li a {
  background-color: transparent;
  color: white;
  border-radius: 0;
  padding: 8px 6px;
}

.familyBox::before {
  position: static;
}

/* 404 page  */

.nfWrapper {
  height: 100vh;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}

.nfWrapper::before {
  content: "";
  position: absolute;
  /* background-image: url(../img/404-bg-2.png); */
  background-repeat: no-repeat;
  width: 35%;
  height: 70%;
  background-size: 100%;
  bottom: 0;
  left: 10px;
}

.nfWrapper::after {
  content: "";
  position: absolute;
  /* background-image: url(../img/404-bg-1.png); */
  background-repeat: no-repeat;
  width: 18%;
  height: 40%;
  background-size: 100%;
  top: 0;
  right: 0;
}

.nfWrapper .nfBox h2 {
  font-family: var(--montserrat);
  color: #281b92;
  font-size: 60px;
  font-weight: var(--bold);
}

.nfWrapper .nfBox h3 {
  font-family: var(--montserrat);
  color: var(--bgDarkGrey-1);
  font-size: 30px;
  font-weight: var(--bold);
  margin-bottom: 20px;
}

/* Our committee */

.committeesBox {
  min-height: 155px;
}

.committeesBox,
.committeeDetailBox {
  border: 1px solid var(--bgLightGrey-20);
  padding: 15px;
  background-color: var(--bgLightGrey);
  border-radius: 8px;
}

.committeesBox h5 {
  color: var(--bgMain);
  font-size: var(--xSmall);
  font-weight: var(--bold);
  font-family: var(--montserrat);
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 34px;
}

.committeesBox p {
  color: var(--bgDarkGrey-1);
  font-size: var(--xxSmall);
  /* margin-bottom: 20px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.committeesBox .profBox {
  width: 40px;
  height: 40px;
  border-radius: 50rem;
  background-color: var(--bgPrimary);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: relative;
}

.committeesBox .profBox .prof {
  width: 40px;
  height: 40px;
  border-radius: 50rem;
}

.committeesBox .profBox:nth-child(2) {
  border: 1px solid white;
  left: -10px;
}

.committeesBox .profBox:nth-child(3) {
  border: 1px solid white;
  left: -20px;
}

.committeesBox .profBox:nth-child(4) {
  border: 1px solid white;
  left: -30px;
}

.committeesBox .profBox:nth-child(5) {
  border: 1px solid white;
  left: -40px;
}

.committeesBox .profBox .profText {
  position: relative;
}

.customeToolTip {
  position: absolute;
  top: 25px;
  right: 0;
  /* border: 1px solid var(--bgLightGrey-10); */
  background-color: white;
  border-radius: 5px;
  color: black;
  width: 150px;
  height: auto;
  z-index: 1;
  padding: 0px 5px;
  font-size: var(--xxxSmall);
  /* font-weight: var(--semiBold); */
  line-height: 10px;
  display: none;
  transition: all 0.3s ease-in;
}

.toolTipBox:hover .customeToolTip {
  display: block;
}

.committeesBox .profBox .profText .toolTip {
  position: absolute;
  top: 25px;
  left: 15px;
  /* border: 1px solid var(--bgLightGrey-10); */
  background-color: white;
  border-radius: 5px;
  color: black;
  width: max-content;
  z-index: 1;
  padding: 0px 5px;
  font-size: var(--xxxSmall);
  /* font-weight: var(--semiBold); */
  line-height: 10px;
  display: none;
  transition: all 0.3s ease-in;
}

.committeesBox .profBox .profText:hover .toolTip {
  display: block;
}

.committeeDetailwrapper h5.cName {
  color: var(--bgMain);
  font-size: var(--xSmall);
  font-weight: var(--bold);
  font-family: var(--montserrat);
}

.committeeDetailBox h5 {
  color: var(--bgMain);
  font-size: var(--xSmall);
  font-weight: var(--bold);
  font-family: var(--montserrat);
  /* margin-bottom: 10px; */
}

.committeeDetailBox .info p {
  font-weight: var(--semiBold);
  font-size: var(--xxSmall);
  color: var(--bgDarkGrey-1);
}

.committeeDetailBox p.des {
  color: var(--bgDarkGrey-1);
  font-weight: var(--semiBold);
  font-size: var(--xxSmall);
}

.committeeDetailBox p.year {
  color: var(--bgLink);
}

.committeeDetailBox .profile {
  display: flex;
  align-items: center;
  gap: 10px;
}

.committeeDetailBox {
  min-height: 112px;
}

.committeeDetailBox .profile img {
  width: 100px;
  height: 90px;
  object-fit: cover;
}

.committeeDetailBox .info img {
  width: 20px;
  height: 20px;
}

/* settings */

.settingWrapper {
  color: var(--bgDarkGrey-1);
}

.settingWrapper h6 {
  font-size: var(--xSmall);
}

.settingWrapper .settingBox {
  display: flex;
}

.settingWrapper .settingBox p {
  width: 200px;
  font-size: var(--xSmall);
}

.settingWrapper .switch.activeInactive {
  width: 74px;
  height: 22px;
  text-transform: capitalize;
}

.settingWrapper .switch.activeInactive .slider:before {
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
}

.settingWrapper .switch.activeInactive input:checked + .slider:before {
  -webkit-transform: translateX(51px);
  -ms-transform: translateX(51px);
  transform: translateX(51px);
}

.settingWrapper .switch.activeInactive .off {
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 80%;
  font-size: var(--xxxSmall);
  width: 100%;
}

/* Checkout  */

.checkout .product-name {
  border: 2px dashed #35abcb;
  border-radius: 14px;
}

.checkout .total {
  border-top: 2px dashed var(--bgPrimary);
}

.checkout .total h5 {
  color: var(--bgMain);
  font-size: var(--large);
  font-weight: var(--bold);
}

.checkout .product-name h6 {
  color: var(--bgMain);
  font-weight: var(--semiBold);
  font-size: var(--Large);
}

.checkout .product-name .price {
  color: var(--bgPrimary);
  font-weight: var(--semiBold);
  font-size: var(--semiLarge);
}

/* Pac Comeitee member */

.pacMember p {
  color: var(--bgLightGrey-10);
  font-size: var(--xSmall);
  margin-bottom: 16px;
}

/* .pacMember input.form-control {
    height: 35px;
} */

/* Access Denied */

/* .deniedWrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
} */

/* Event Details */

.eventDetailsWrapper .innerSidebar .sideWrapper {
  padding: 20px 8px;
}

.eventDetailsWrapper .innerSidebar ul li a {
  padding: 10px;
}

.eventDetailsWrapper .eventBannerBox img {
  width: 100%;
  max-height: 350px;
  border-radius: 14px;
  /* object-fit: cover; */
}

.eventDetailsWrapper .eventBannerBox {
  position: relative;
  min-height: 38px;
}

.eventDetailsWrapper .eventBannerBox .registeredBadge {
  clip-path: polygon(85% 0%, 95% 50%, 85% 100%, 0% 100%, 0% 0%);
  background-color: var(--bgVendor);
  padding: 5px 5px 4px 5px;
  width: 110px;
  position: absolute;
  left: 0px;
  top: 17px;
  z-index: 1;
}

.eventDetailsWrapper .badgeCorner:before {
  position: absolute;
  background-image: url(../img/register-corner.svg);
  content: "";
  width: 13px;
  top: 3%;
  height: 10px;
  background-repeat: no-repeat;
  left: -2px;
  opacity: 0.6;
}

.eventDetailsWrapper .badgeCorner.noBanner:before {
  top: 32%;
  background-image: url(../img/register-corner.svg);
}

/* .eventDetailsWrapper .badgeCorner.noBanner.rBadge:before {
  background-image: none;
} */

.eventDetailsWrapper .eventBannerBox .badge {
  position: absolute;
  left: -20px;
  bottom: -27px;
}

.eventDetailsWrapper .eventBannerBox .badge img {
  width: 150px;
  transform: rotate(345deg);
}

.eventDetailsWrapper .eventBannerBox .dateBox {
  position: absolute;
  top: 0;
  right: 2%;
  color: white;
  font-family: var(--montserrat);
  font-weight: var(--light);
  box-shadow: var(--buttonShadow);
  text-align: center;
  text-transform: uppercase;
  font-size: var(--large);
  padding: 10px;
  /* width: 17%; */
  min-width: 70px;
}

.eventDetailsWrapper .eventBannerBox .dateBox.upcoming {
  background-color: var(--colorSapphireBlue);
}

.eventDetailsWrapper .eventBannerBox .dateBox.past {
  background-color: var(--bgError);
}

.eventDetailsWrapper .eventBannerBox .dateBox.ongoing {
  background-color: var(--bgWarning);
}

/* .eventDetailsWrapper .eventBannerBox .dateBox p.date,
.eventDetailsWrapper .eventBannerBox .dateBox p.month {
  font-size: var(--semiLarge);
  text-transform: uppercase;
  line-height: 22px;
}

.eventDetailsWrapper .eventBannerBox .dateBox p.year {
  font-size: var(--small);
} */

.eventDetailsWrapper .eventBannerBox .dateBox p {
  line-height: 20px;
}

.eventDetailsWrapper .eventBannerBox .dateBox .text {
  font-size: var(--xxxSmall);
  text-transform: capitalize;
  margin: 0 5px;
  /* color: var(--bgLightGrey-20); */
}

.eventDetailsWrapper .eventBannerBox .dateBox p:last-child {
  font-size: var(--xxSmall);
}

.eventDetailsWrapper .eventDetails .topStrip {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin: 10px 0;
}

.eventDetailsWrapper .eventDetails .topStrip div {
  display: flex;
  align-items: center;
  padding: 10px 24px;
  border-radius: 8px;
  font-family: var(--montserrat);
  font-weight: var(--bold);
}

.eventDetailsWrapper .eventDetails .topStrip .location {
  background-color: var(--bgPrimary);
  color: white;
  width: max-content;
  padding: 7px 12px;
}

.eventDetailsWrapper .eventDetails .topStrip .time {
  background-color: var(--btnGrey);
  color: var(--bgDarkGray-1);
}

.attendingVendorBox {
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--bgDarkGrey-1);
  font-weight: var(--semiBold);
  font-size: var(--xxSmall);
  padding: 10px 0;
  border-bottom: 1px solid var(--bgLightGrey-20);
}

.attendingVendorBox img {
  width: 100px;
  height: 60px;
}

#attendingVendors p {
  margin: 0 0 8px 8px;
  color: var(--bgLightGrey-10);
}

#attendingVendors table {
  width: 100% !important;
}

/* #attendingVendors img {
  max-width: 100%;
  max-height: 95px !important;
  width: 150px !important;
  margin-bottom: 10px;
} */

#attendingVendors table td {
  padding: 16px 10px;
  font-size: var(--xxSmall);
  color: var(--bgLightGrey-10);
  font-weight: var(--semiBold);
  border: 1px solid var(--bgLightGrey-20);
}

/* #attendingVendors .modal-body{display:flex; flex-direction: row; align-content: space-between; flex-wrap: wrap; } */

#attendingVendors .modal-body img {
  height: auto !important;
}

#attendingVendors .modal-content {
  max-height: 500px;
  overflow: auto;
}

/* Registerd Event */

.registerEvent .memberDetailBox {
  /* display: flex;
    justify-content: space-between;
    align-items: center; */
  padding: 10px;
  /* flex-wrap: wrap; */
  text-align: left;
}

.registerEvent .dWrapperBOx.extraInfo {
  background-color: var(--bgPrimaryLight);
  padding: 10px;
  border-radius: 14px;
  /* height: 280px;
    overflow-y: scroll; */
}

.editRegisterEvent .borderLightGreyDashed-20.extraInfo {
  background-color: var(--bgPrimaryLight);
  padding: 10px;
  border-radius: 14px;
}

.registerEvent .dWrapperBOx.extraInfo input.form-control,
input.alterBorder,
.registerEvent .dWrapperBOx.extraInfo select.form-select,
.registerEvent .dWrapperBOx.extraInfo textarea,
.registerEvent
  .dWrapperBOx.extraInfo
  .select2-container--default
  .select2-selection--single {
  border: 1px solid var(--bgLightGrey-20);
}

.registerEvent .dWrapperBOx.extraInfo .questions label.ques {
  padding-left: 15px;
  position: relative;
}

.registerEvent .dWrapperBOx.extraInfo .questions .qOptions {
  width: max-content;
}

.registerEvent .dWrapperBOx.extraInfo .questions .qOptions label {
  line-height: 12px;
}

.registerEvent .dWrapperBOx.extraInfo .questions label.ques::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: var(--bgDarkGrey-1);
  border-radius: 40px;
}

.registerEvent .memberDetailBox.disabledBox {
  cursor: not-allowed;
  opacity: 0.75;
  border: 1px dashed var(--bgLightGrey-20);
}

.registerEvent h5 {
  font-size: var(--medium);
  font-weight: var(--semiBold);
  font-family: var(--montserrat);
  /* color: var(--bgDarkGrey-1); */
  margin-bottom: 5px;
}

.registerEvent .memberDetailBox div p {
  font-weight: var(--semiBold);
  /* width: 140px; */
  word-break: break-word;
  line-height: 16px;
  font-size: var(--xxxsmall);
}

.registerEvent .memberDetailBox div p:first-child {
  color: var(--bgLightGrey-10);
  font-size: var(--xxxsmall);
}

.registerEvent .memberDetailBox div p:last-child {
  color: var(--bgDarkGray-1);
  font-size: var(--xxxsmall);
  font-weight: var(--bold);
}

.registerEvent .right {
  border-radius: 14px;
  /* border: 1px solid var(--colorSapphireBlue); */
  font-size: var(--xxSmall);
  color: var(--bgDarkGray-1);
  position: relative;
  padding: 15px;
  font-weight: var(--semiBold);
  /* background: #d8fbe9; */
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20) !important;
}

.ticket-item .badge.bg-secondary {
  background-color: var(--colorSapphireBlue) !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 14px;
  padding: 2px 12px;
  border-radius: 28px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .registerEvent .right::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: var(--bgLinearGradient-1);
    opacity: 0.34;
    top: 0;
    left: 0;
} */

.registerEvent .right .box {
  border-bottom: 1px dashed var(--bgHoverBlue);
}
.registerEvent .right .box  {
  margin-left:0;
  margin-right:0; 
}
.registerEvent .right .box#particiant-list {
  background: #eafce9 !important;
    padding: 10px;
    border: solid 1px #b3edb6 !important;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}
.registerEvent .right  .ticket-item {
  background: #f8f9fa;
  border: 1px solid #dee2e6 !important;
  transition: all 0.3s ease;
} 
.registerEvent .right .terms {
  font-size: var(--xxSmall);
}

.eventTerms {
  font-size: var(--xxSmall);
  color: var(--bgLightGrey-10);
}

.eventTerms ul {
  list-style-type: disc;
}

.eventTerms ul li {
  margin-bottom: 15px;
  text-align: justify;
}

.idCardWrapper {
  border-radius: 14px;
  box-shadow: var(--buttonShadow);
  border-top: 1px solid var(--bgLightGrey-30);
  padding: 0 20px;
}

.idCardWrapper ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}

.idCardWrapper ul li:not(:last-child) {
  border-bottom: 2px dashed var(--bgLightGrey-20);
}

.idCardWrapper ul li p {
  color: var(--bgPrimary);
  font-weight: var(--bold);
  font-family: var(--montserrat);
  font-size: var(--medium);
}

.idCardWrapper ul li div {
  width: 40px;
  height: 40px;
  background-color: var(--bgHoverBlue);
  border-radius: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.idCardWrapper ul li div img {
  width: 20px;
  height: 20px;
}

/* Admin Event List */

.eventListWrapper .topHeader {
  display: flex;
  gap: 10px;
}

.iTPiye {
  display: none;
}

.eventListWrapper .topHeader > div {
  padding: 5px 10px 5px 15px;
  /* border: 1px solid var(--lightBorder); */
  border: 1px solid var(--bgLightGrey-20);
  border-radius: 40px;
  display: flex;
  align-items: center;
  gap: 35px;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  color: white;
  font-family: var(--montserrat);
  font-weight: var(--bold);
  font-size: var(--xxSmall);
  background-color: white;
  cursor: pointer;
  /* width: 170px; */
}

.eventListWrapper .topHeader > div.myEventBox.active {
  border: 3px solid var(--bgVendor);
}

.eventListWrapper .topHeader > div.upcomingBox.active {
  border: 3px solid var(--bgUpEvent);
}

.eventListWrapper .topHeader > div.pastBox.active {
  border: 3px solid var(--bgError);
}

.eventListWrapper .topHeader > div.ongoingBox.active {
  border: 3px solid var(--bgWarning);
}

.eventListWrapper .topHeader > div.featureBox.active {
  border: 3px solid var(--bgVendor);
}

.eventListWrapper .topHeader > div > p {
  color: var(--bgHoverBlue);
}

.eventListWrapper .topHeader > div > div {
  padding: 6px 12px;
  border-radius: 10px;
}

.eventListWrapper .topHeader > div .myEvent {
  background-color: var(--bgVendor);
}

.eventListWrapper .topHeader > div .ongoing {
  background-color: var(--bgWarning);
}

.eventListWrapper .topHeader > div .upcoming {
  background-color: var(--bgUpEvent);
}

.eventListWrapper .topHeader > div .past {
  background-color: var(--bgError);
}

.eventListWrapper .topHeader > div .featured {
  background-color: var(--bgVendor);
}

.eventListWrapper .topHeader > div .courses {
  background-color: var(--bgHoverBlue);
}

.eventListWrapper .filter .input-icons .icon {
  padding-left: 35px;
  background: url(../img/search.svg) no-repeat left;
  background-size: 18px;
  background-position: 8px 13px;
  background-color: white;
}

.eventListWrapper .filter input.form-control,
.eventListWrapper .filter select.form-select {
  /* border: none; */
  background-color: white;
  border-radius: 14px;
}

.eventListWrapper .filter input.form-control::placeholder {
  color: var(--bgLightGrey-20);
}

.eventListWrapper .eventBox {
  background-color: white;
  padding: 24px;
  position: relative;
  margin-bottom: 40px;
  border-radius: 14px;
  min-height: 250px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.eventListWrapper .campaignBox {
  min-height: 150px;
}

.eventListWrapper .eventBox.announcementBox {
  padding: 16px;
  min-height: 150px;
  background-color: var(--btnGrey);
}

.eventListWrapper .eventBox.announcementBox .evtDesc h4.heading {
  color: var(--bgLightGrey-10);
}

.eventListWrapper .eventBox.announcementBoxUnread .evtDesc h4.heading {
  color: var(--bgMain);
}

.eventListWrapper .eventBox.announcementBoxUnread {
  background-color: white;
}

.eventListWrapper .topWrapper {
  position: fixed;
  top: 78px;
  z-index: 99;
  background-color: var(--bgBody);
  width: calc(100% - 280px);
  left: 270px;
  padding-top: 10px;
}

/* .announcementListWrapper .topWrapper {
  position: sticky;
  width: 100%;
  left: 0;
  margin-bottom: 16px;
} */

.eventListWrapper #event-list,
.eventListWrapper #resourcesList,
.announcementListWrapper #announcement {
  margin-top: 14rem;
}

.campaignListWrapper #campaign {
  margin-top: 12rem;
}

.announcementListWrapper #annoucment {
  border-radius: 20px;
}

.aWriter img {
  width: 35px;
  height: 35px;
  object-fit: cover;
}

.guestWrapper #event-list {
  margin-top: 0;
}

.eventListWrapper .topSection {
  /* position: sticky;
  top: 78px;
  z-index: 99; */
  padding: 10px;
  background-color: white;
  margin-bottom: 20px;
  border-radius: 14px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.eventListWrapper .bgTrans {
  position: fixed;
  top: 0;
  width: 100%;
  height: 30px;
  background-color: var(--bgBody);
  z-index: 99;
}

.eventListWrapper .guestTopSection {
  position: sticky;
  z-index: 99;
  top: 30px;
  margin-bottom: 50px;
}

.eventListWrapper .guestTopSection .mobileMenus {
  position: fixed;
  top: 30px;
  right: 20px;
  z-index: 99;
}

.eventListWrapper .mobileMenus {
  position: fixed;
  top: 5.3rem;
  right: 20px;
  z-index: 99;
}

.mobileFilter {
  position: fixed;
  top: 160px;
  right: 20px;
  z-index: 99;
}

.mobileFilter .btn.menu {
  width: 45px;
  height: 45px;
  background-color: var(--bgPrimary);
  border-radius: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;
}

.eventListWrapper .mobileMenus .btn.menu {
  width: 35px;
  height: 35px;
  background-color: var(--bgPrimary);
  border-radius: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;
}

.eventListWrapper .eventBox .registeredBadge {
  clip-path: polygon(85% 0%, 95% 50%, 85% 100%, 0% 100%, 0% 0%);
  background-color: var(--bgVendor);
  padding: 5px 5px 4px 5px;
  width: 110px;
  position: absolute;
  left: -1%;
  top: 5%;
  z-index: 1;
}

.eventListWrapper .badgeCorner:before {
  position: absolute;
  background-image: url(../img/register-corner.svg);
  content: "";
  width: 13px;
  top: 2%;
  height: 10px;
  background-repeat: no-repeat;
  left: -1.1%;
}

.eventListWrapper .eventBox .evntImg {
  position: relative;
}

.eventListWrapper .eventBox .evntImg .badge {
  position: absolute;
  left: -23px;
  bottom: -40px;
}

.eventListWrapper .eventBox .evntImg img.prof {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 14px;
}

.eventListWrapper .eventBox .evntImg .badge img {
  width: 120px;
  transform: rotate(345deg);
}

.eventListWrapper svg.icon {
  width: 50px;
  height: 50px;
  color: var(--bgLightGrey-10);
}

.eventListWrapper .eventBox .sDesc {
  min-height: 80px;
}

.eventListWrapper .eventBox .wsDesc {
  min-height: 66px;
}

.eventListWrapper .eventBox .evtDesc {
  color: var(--bgLightGrey-10);
  font-size: var(--small);
}

.eventListWrapper .eventBox .evtDesc p.venue {
  color: var(--bgPrimary);
  font-weight: 500;
}

.eventListWrapper .eventBox .evtDesc p {
  margin-bottom: 8px;
  color: var(--bgLightGrey-10);
  /* min-height: 80px; */
}

.eventListWrapper .eventBox.announcementBoxUnread .evtDesc p {
  color: var(--bgMain);
  font-weight: var(--semiBold);
}

.eventListWrapper .eventBox .evtDesc ul {
  list-style: disc;
  margin: 8px 0;
}

.eventDetails .eInfo ul li {
  position: relative;
}

.eventDetails .eInfo ul li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 40px;
  top: 7px;
  left: -15px;
  background-color: #000000;
}

.eventListWrapper .eventBox .evtDesc ol,
.eventDetails .eInfo ol {
  margin: 8px 0;
}

.eventListWrapper .eventBox .evtDesc h1,
.eventDetails .eInfo h1 {
  font-size: 18px;
  margin-bottom: 8px;
}

.eventListWrapper .eventBox .evtDesc h2,
.eventDetails .eInfo h2 {
  font-size: 17px;
  margin-bottom: 8px;
}

.eventListWrapper .eventBox .evtDesc p.venue {
  color: var(--bgPrimary);
  font-weight: 500;
}

.eventListWrapper .eventBox .evtDesc h3,
.eventDetails .eInfo h3 {
  font-size: 16px;
  margin-bottom: 8px;
}

.eventListWrapper .eventBox .evtDesc h4,
.eventDetails .eInfo h4 {
  font-size: 15px;
  margin-bottom: 8px;
}

.eventListWrapper .eventBox .evtDesc h5,
.eventDetails .eInfo h5 {
  font-size: 18px;
  margin-bottom: 8px;
}

.eventListWrapper .eventBox .evtDesc h6,
.eventDetails .eInfo h6 {
  font-size: 16px;
  margin-bottom: 8px;
}

.eventListWrapper .eventBox .eInfo ul .eventListWrapper .eventBox .evntBtn {
  border-radius: 40px;
  font-family: var(--montserrat);
  font-weight: var(--bold);
  font-size: var(--small);
}

.eventDetails .eInfo img {
  max-width: 100%;
  height: auto !important;
  margin-bottom: 10px;
  display: inline-block;
}

.eventDetails .eInfo table {
  width: 100% !important;
}

.eventDetails .eInfo table td {
  padding: 16px 10px;
  font-size: var(--xxSmall);
  color: var(--bgLightGrey-10);
  font-weight: var(--semiBold);
  border: 1px solid var(--bgLightGrey-20);
}

.eventListWrapper .eventBox .evntBtn .location {
  background-color: var(--bgPrimary);
  color: white;
  display: flex;
  align-items: center;
  border-radius: 40px;
  width: max-content;
  padding: 0 12px;
  height: 39px;
}

.eventListWrapper .eventBox h5 {
  color: var(--bgVendor);
  font-family: var(--montserrat);
  font-weight: var(--bold);
  font-size: var(--xlarge);
  text-align: center;
  margin-bottom: 8px;
}

.eventListWrapper .eventBox .evntBtn .time {
  background-color: var(--btnGrey);
  color: var(--bgDarkGray-1);
  display: flex;
  align-items: center;
  padding-left: 15px;
  border-radius: 40px;
  height: 39px;
}

.eventListWrapper .eventBox .dateBox {
  font-family: var(--montserrat);
  text-transform: uppercase;
  color: white;
  font-weight: var(--bold);
  text-align: center;
  font-size: var(--large);
  box-shadow: var(--buttonShadow);
  position: absolute;
  top: 0;
  right: 1%;
  /* width: 17%; */
  min-width: 70px;
  padding: 10px;
}

.eventListWrapper .eventBox .dateBox p {
  line-height: 20px;
}

.eventListWrapper .eventBox .dateBox .text {
  font-size: var(--xxxSmall);
  text-transform: capitalize;
  margin: 0 5px;
  /* color: var(--bgLightGrey-20); */
}

.eventListWrapper .eventBox .dateBox p:last-child {
  font-size: var(--xxSmall);
}

/* .eventListWrapper .eventBox .dateBox p {
  font-size: var(--xxSmall);
} */

.eventListWrapper .eventBox .dateBox.ongoing {
  background-color: var(--bgWarning);
}

.eventListWrapper .eventBox .dateBox.upcoming {
  background-color: var(--bgUpEvent);
}

.eventListWrapper .eventBox .dateBox.past {
  background-color: var(--bgError);
}

.eventListWrapper .eventBox .annBg {
  min-width: 45px;
  min-height: 45px;
  max-height: 45px;
  background-color: var(--bgSuccess);
  border-radius: 50rem;
  color: white;
  /* flex: 1; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.eventListWrapper .eventBox.announcementBoxUnread .annBg {
  background-color: var(--bgWarning);
}

.eventListWrapper .eventBox .camBg {
  min-width: 45px;
  min-height: 45px;
  max-height: 45px;
  background-color: var(--bgPrimary);
  border-radius: 50rem;
  color: white;
  /* flex: 1; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.eventListWrapper .eventBox .annBg img {
  width: 25px;
  height: 25px;
}

.registerMemberBox {
    color: var(--bgHoverBlue);
    font-family: var(--montserrat);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.registerMemberBox .rMember{
    width: 55%;
}
.registerMemberBox .pStatus{
    width: 45%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.registerMemberBox .pStatus label{
    color: var(--bgPrimary);
}
.registerMemberBox .pStatus .form-check-input:checked[type="checkbox"]{
    background-color: var(--bgPrimary);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.registerMemberBox div.sName {
    min-width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--lightBorder);
    border-radius: 40px;
  color: var(--bgHoverBlue);
  font-family: var(--montserrat);
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 16px;
}

.registerMemberBox div {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--lightBorder);
  border-radius: 40px;
}

.registerMemberBox h6 {
  font-weight: var(--bold);
}

.registerMemberBox p {
  font-weight: var(--bold);
  font-size: var(--xxSmall);
  color: var(--bgDarkGrey-1);
}

/* Vendor Directory*/

.directoryFilter .input-icons .icon {
  padding-left: 35px;
  background: url(../img/search.svg) no-repeat left;
  background-size: 18px;
  background-position: 8px 13px;
  background-color: white;
}

.directoryFilter input.form-control,
.directoryFilter select.form-select {
  border: none;
  background-color: white;
  border-radius: 14px;
}

.directoryFilter select.form-select.vendorCat {
  background-image: url(../img/down-arrow-blue.png);
}

.directoryFilter input.form-control::placeholder {
  color: var(--bgLightGrey-20);
}

.directoryBox {
  background-color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 14px;
  min-height: 357px;
  transition: all 0.3 ease;
}

.directoryBox.alliedBox {
  min-height: 270px;
}

#directories-wrapp .directoryBox:hover {
  background-color: var(--lightBorder);
  /* border: 2px solid var(--lightBorder); */
}

.directoryBox .mType {
  font-size: var(--xxSmall);
  font-family: var(--montserrat);
  font-weight: var(--bold);
  margin-bottom: 10px;
  text-transform: uppercase;
}

.directoryBox .mType.clubBlue {
  color: var(--bgHoverBlue);
}

.directoryBox .mType.platinum {
  color: var(--bgLightGrey-10);
}

.directoryBox .mType.alied {
  color: var(--bgVendor);
}

.directoryBox .dProfile img {
  width: 150px;
  height: 100px;
  /* max-height: 50px; */
  object-fit: contain;
}

.directoryBox .dInfo h5 {
  font-size: var(--xSmall);
  font-family: var(--montserrat);
  color: var(--bgLink);
  font-weight: var(--bold);
}

.directoryBox .dInfo h5.aliedName {
  font-size: var(--large);
  padding: 0 15px;
}

.directoryBox .dInfo p.oType {
  font-size: var(--xxSmall);
  color: var(--bgLightGrey-10);
  margin-bottom: 16px;
}

.directoryBox .dInfo p.location {
  font-size: var(--xSmall);
  color: var(--bgLightGrey-10);
  margin-bottom: 16px;
}

.directoryBox .dInfo img {
  max-width: 12px;
}

.directoryBox .cInfo,
.directoryBox .cInfo a {
  font-family: var(--montserrat);
  font-weight: var(--bold);
  color: var(--bgDarkGrey-1);
}

.directoryBox .cInfo .cBox .cIcon {
  width: 30px;
  height: 30px;
  border-radius: 50rem;
  background-color: var(--bgPrimary);
  display: flex;
  justify-content: center;
  align-items: center;
}

.dtsp-emptyMessage {
  display: none;
}

.directoryBox .cInfo .cBox .cIcon img {
  width: 15px;
}

/* Webinar and Courses */

.tagList {
  padding-left: 0;
  margin-bottom: 0;
}

.tagList li {
  background-color: var(--bgPrimaryLight);
  color: var(--bgPrimary);
  display: inline-block;
  margin: 0 5px 5px 0;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
}

/* .eventListWrapper .eventBox .tagList,
.eventDetailsWrapper .eventDetails .tagList {
 padding-left: 0;
  margin-bottom: 0;
} */

/* .eventListWrapper .eventBox .tagList li,
.eventDetailsWrapper .eventDetails .tagList li {
  background-color: var(--bgPrimaryLight);
  color: var(--bgPrimary);
  display: inline-block;
  margin: 0 5px 5px 0;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
} */

.eventDetailsWrapper .eventDetails .eInfo p {
  /* font-size: var(--xxSmall); */
  font-size: var(--Small);
  color: var(--bgLightGrey-10);
  margin-bottom: 10px;
}

/* .eventDetailsWrapper .eventDetails h5 {
  color: var(--bgDarkGrey-1);
  font-family: var(--montserrat);
  font-size: var(--xSmall);
  margin-bottom: 10px;
  font-weight: var(--bold);
} */

.eventDetailsWrapper .eventDetails .eInfo img.presenter {
  width: 175px;
  max-height: 45px;
}

.eventDetailsWrapper .eventDetails .eInfo a {
  color: var(--bgPrimary);
  font-size: var(--xxSmall);
  font-family: var(--montserrat);
  font-weight: var(--bold);
  margin-bottom: 10px;
  display: inline-block;
  word-break: break-word;
}

.eventDetailsWrapper .eventDetails .eInfo img.resource {
  width: 600px;
  max-height: 400px;
  margin-bottom: 10px;
}

.eventDetailsWrapper .eventDetails .downloadWrapper .downloadBox .imgBox {
  width: 50px;
  height: 50px;
  border-radius: 50rem;
  background-color: var(--lightBorder);
  display: flex;
  justify-content: center;
  align-items: center;
}

.eventListWrapper .eventBox .resourcesBtn div {
  width: 45px;
  height: 45px;
  border-radius: 50rem;
  background-color: var(--lightBorder);
  display: flex;
  justify-content: center;
  align-items: center;
}

.eventListWrapper .eventBox .resourcesBtn div img {
  width: 20px;
  height: 20px;
}

.eventDetailsWrapper .eventDetails .thumbnail p {
  color: var(--bgDarkGrey-1);
  font-size: var(--small);
  font-weight: var(--montserrat);
  font-weight: var(--semiBold);
}

.eventDetailsWrapper .eventDetails .downloadWrapper .downloadBox a {
  /* display: flex;
  align-items: center;
  gap: 15px; */
  font-family: var(--montserrat);
  font-weight: var(--bold);
  color: var(--bgPrimary);
  margin-bottom: 16px;
  font-size: var(--xxSmall);
}

.eventDetailsWrapper .eventDetails .downloadWrapper .downloadBox img {
  width: 25px;
  height: 25px;
}

.ui-widget {
  font-family: var(--opneSans) !important;
}

.dateWrapper {
  position: absolute;
  display: flex;
  gap: 10px;
  top: 0;
  right: 10px;
}

.dateWrapper .dates {
  border: 1px solid var(--bgLightGrey-30);
  box-shadow: var(--buttonShadow);
  /* background-color: var(--bgError); */
  padding: 4px 0px;
  /* color: white; */
  text-align: center;
  width: 5.3rem;
  border-radius: 7px;
  font-family: var(--montserrat);
  font-weight: var(--semiBold);
  background-color: white;
}

.dateWrapper .dates.sDate.myevent {
  border-top: 5px solid var(--bgVendor) !important;
}

.dateWrapper .dates.eDate.myevent {
  border-top: 5px solid var(--bgVendor) !important;
}

.dateWrapper .dates.sDate.ongoing {
  border-top: 5px solid var(--bgWarning) !important;
}

.dateWrapper .dates.eDate.ongoing {
  border-top: 5px solid var(--bgWarning) !important;
}

.dateWrapper .dates.sDate.past {
  border-top: 5px solid var(--bgError) !important;
}

.dateWrapper .dates.eDate.past {
  border-top: 5px solid var(--bgError) !important;
}

.dateWrapper .dates.sDate.upcoming {
  border-top: 5px solid var(--bgUpEvent) !important;
}

.dateWrapper .dates.eDate.upcoming {
  border-top: 5px solid var(--bgUpEvent) !important;
}

.dateWrapper .dates p:first-child {
  font-size: var(--xlarge);
}

.dateWrapper .dates p:last-child {
  font-size: var(--xxSmall);
}

/* My communication feed details */

.myCommWrapper .scheduled {
  font-size: var(--medium);
  font-weight: var(--semiBold);
}

.myCommWrapper .eSent {
  background-color: var(--bgPrimary);
  color: white;
  display: inline-block;
  border-radius: 14px;
  padding: 10px 10px;
}

.myCommWrapper .eSent span:last-child {
  font-size: var(--medium);
}

.iBox i {
  font-size: clamp(var(--xxSmall), 8vw, var(--xxLarge));
  color: var(--bgPrimary);
}

/* Email Activity  */

/* .eActivityBox{
  display: flex;
  justify-content: space-between;
  font-size: 16px;
} */

.eActivityBox .iBox i {
  font-size: clamp(var(--xxSmall), 8vw, var(--xxLarge));
  color: var(--bgMain);
}

.eActivityBox .date {
  font-size: var(--small);
  color: var(--bgHoverBlue);
  margin-top: 5px;
  font-weight: var(--semiBold);
}

.eActivityBox .left {
  font-size: var(--small);
}

.eActivityBox .left span:first-child {
  color: var(--bgDarkGrey);
  font-weight: var(--semiBold);
}

/* query builder css */

.query-builder .has-error .error-container {
  display: inline-block !important;
  width: 24px;
  float: right;
  font-size: 19px;
  margin-top: 2px;
}

.rule-value-container {
  width: 45% !important;
  position: relative;
}

.rule-value-container input.form-control {
  width: 85%;
}

.rule-value-container .dynamicCheck {
  position: absolute;
  top: calc(100% - 33px);
  right: -30px;
}

.rule-value-container .dynamicCheck label {
  line-height: normal !important;
  padding-left: 5px;
}

.query-builder .form-control,
.query-builder .form-select {
  min-height: 45px;
}

/* Template */

.templateNotes {
  border: 1px solid var(--lightBorder);
  padding: 10px;
}

.templateNotes ul {
  list-style: disc;
  font-size: var(--xxSmall);
  overflow-wrap: anywhere;
}

.paypal-buttons {
  min-width: clamp(200px, 36vw, 500px) !important;
}

/* Advertisement Guest Slider  */

.advSliderBox li a img {
  width: 350px;
  height: 280px;
  object-fit: cover;
}

/* Reports */

#wdr-toolbar-wrapper #wdr-toolbar li a svg {
  width: 20px;
  height: 20px;
}

#wdr-toolbar-wrapper #wdr-toolbar li a svg path {
  fill: var(--bgPrimary) !important;
}

#wdr-toolbar-wrapper #wdr-toolbar a > span {
  font-size: var(--xxSmall);
  color: var(--bgPrimary);
}

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content a {
  display: flex;
  align-items: center;
}

#wdr-toolbar-wrapper #wdr-toolbar #wdr-tab-format .wdr-dropdown-content span {
  left: 35px !important;
  font-size: var(--xxSmall);
}

#wdr-toolbar-wrapper #wdr-toolbar li a svg {
  width: 25px;
  height: 25px;
}

#output .wdr-ui-container .wdr-credits {
  display: none;
}

.wdr-ui-element .wdr-scroll-pane::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.wdr-ui-element .wdr-scroll-pane::-webkit-scrollbar-track {
  background: #ffffff;
}

.wdr-ui-element .wdr-scroll-pane::-webkit-scrollbar-thumb {
  background-color: var(--bgLightGrey-10);
  border-radius: 10px;
  border: 3px solid #ffffff;
}

/* Event List Filter */

.custom-select {
  width: 100%;
  height: 45px;
  border-radius: 14px;
  background-color: transparent;
  border: 1px solid var(--bgLightGrey-10);
  text-align: left !important;
  font-size: var(--small);
}

.btn-group {
  width: 100%;
}

.multiselect-native-select button.multiselect.dropdown-toggle {
  background-image: url(../img/downArrow.png);
  background-size: 13px 6px;
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 250px;
  overflow-y: auto;
  width: 100%;
}

.eventListWrapper .filter .multiselect-container::-webkit-scrollbar {
  width: 10px;
}

.eventListWrapper .filter .multiselect-container::-webkit-scrollbar-track {
  background: #ffffff;
}

.eventListWrapper .filter .multiselect-container::-webkit-scrollbar-thumb {
  background-color: var(--bgLightGrey-10);
  border-radius: 10px;
  border: 3px solid #ffffff;
}

.multiselect-selected-text {
  font-size: var(--xxSmall);
  padding-left: 10px;
}

.multiselect-container button.dropdown-item .form-check-label {
  white-space: break-spaces;
  line-height: 12px;
  margin-bottom: 0px;
}

.multiselect-container .multiselect-filter > input.multiselect-search {
  padding: 0 2rem;
}

.ui-autocomplete {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100px;
}

/* Edit Badges */

.mStaff {
  position: relative;
}

.mStaff .rmvBox {
  position: absolute;
  right: 5px;
  top: 5px;
}

/* Filter Search */

.fSearch {
  width: 40px;
  height: 40px;
  border-radius: 8px !important;
  height: 37px;
}

.fSearch.bgSearch {
  background-color: var(--bgPrimary);
}

.fSearch.bgClear {
  background-color: var(--bgError);
}

.fSearch.bgClear:hover {
  background-color: var(--bgError);
}

.fSearch.bgSearch:hover {
  background-color: var(--bgHoverBlue);
}

/* Recent View  */

.recentViewWrapper ul li {
  display: inline-block;
  width: 33%;
  margin-bottom: 20px;
}

.recentViewBox {
  display: flex;
  gap: 10px;
  align-items: center;
}

.recentViewBox .profImg img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.recentViewBox .eventImg img {
  width: 50px;
  height: 50px;
  border-radius: 8px;
}

.recentViewBox .profInfo {
  line-height: 14px;
  font-size: 14px;
  color: var(--bgDarkGray-1);
  font-weight: 600;
}

.recentViewBox:hover .profInfo p {
  color: var(--bgHoverBlue);
}

/* Pivot Table */

.pivotTable {
  width: 100%;
  max-height: 600px;
  overflow: scroll;
}

.surveyForm label.form-label {
  font-size: 14px;
  line-height: normal;
  text-transform: inherit;
  font-weight: var(--bold);
}

.surveyForm .modal-header {
  background-color: var(--bgPrimary);
  padding: 14px;
  border-radius: 8px 8px 0px 0;
}

.surveyForm .heading {
  color: white;
}

.surveyForm input.form-control {
  height: 45px;
}

/* CMS Blogs */

.blogsWrapper {
  color: var(--bgLightGrey-10);
}

.blogsWrapper label {
  font-weight: 700;
}

.blogsBannerBox img {
  width: 100%;
  max-height: 250px;
  object-fit: cover;
}
/* Promo Code */
.promoBox .promoInput {
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 35px;
  border: 1px solid var(--bgPrimary);
}
.promoBox #btnPromo {
  padding: 0;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
/* new croper css start */
.page {
  margin: 1em auto;
  max-width: 768px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 100%;
}
.box {
  padding: 0.5em;
  width: 100%;
  margin: 0.5em;
}
.box-2 {
  /* padding: 0.5em; */
  width: 100%;
}
.options label,
.options input {
  width: 4em;
  padding: 0.5em 1em;
}
/* .btn{
	background:white;
	color:black;
	border:1px solid black;
	padding: 0.5em 1em;
	text-decoration:none;
	margin:0.8em 0.3em;
	display:inline-block;
	cursor:pointer;
} */

.hide {
	display: none;
}

/* img {
	max-width: 100%;
} */
  
/* new croper css end */
.msg_counts{
    position: absolute;
    right: 20px;
    background-color: var(--bgPrimary);
    border-radius: 20px;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--xxxSmall);
}
/* Square Up */

.sqBox p{
font-size: var(--semiLarge) !important;
font-weight:var(--semiBold);
color:var(--bgDarkGray)

}


/* Accordion */

.accordionWrap .accordion-button:focus{
  box-shadow: none;
}
    /* .hide {
        display: none;
    } */
    /* img {
        max-width: 100%;
    } */
    /* new croper css end */
    /* .msg_counts {
        position: absolute;
        right: 20px;
        background-color: var(--bgPrimary);
        border-radius: 20px;
        width: 30px;
        height: 30px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--xxxSmall);
    } */
    /* Square Up */
    /* .sqBox p {
        font-size: var(--semiLarge) !important;
        font-weight: var(--semiBold);
        color: var(--bgDarkGray)
    } */

    /* Fixed Header */
    .fixedHeader{
        background-color: rgba(0, 0, 0, 0.7);
        text-align: center;
        font-size: 14px;
        line-height: 30px;
        position: fixed;
        top: 0;
        color: white;
        width: 100%;
        z-index: 1500;
        font-weight: 600;
        padding: 5px 0;
    }

    /*  */
    .vRegBox .quantity {
        border: 1px solid var(--bgDarkGrey-1);
        border-radius: 10px;
        padding: 2px;
        max-width: 120px;
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    .vRegBox .quantity button.min,.vRegBox .quantity button.max{
border: 0;
background-color: transparent;

    }
    .vRegBox .quantity button i{
        color: var(--bgPrimary);
    }
    .vRegBox .uPrice{
        width: 50px;
        padding: 2px 0;
    }

/* .hide {
  display: none;
}
img {
  max-width: 100%;
} */
/* new croper css end */
/* .msg_counts {
  position: absolute;
  right: 20px;
  background-color: var(--bgPrimary);
  border-radius: 20px;
  width: 30px;
  height: 30px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--xxxSmall);
} */
/* Square Up */
/* .sqBox p {
  font-size: var(--semiLarge) !important;
  font-weight: var(--semiBold);
  color: var(--bgDarkGray);
} */

/* Fixed Header */
/* .fixedHeader {
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  position: fixed;
  top: 0;
  color: white;
  width: 100%;
  z-index: 1500;
  font-weight: 600;
  padding: 2px 0;
} */

/*  opportunity Details */

.opportunityDetails .left .progress {
  height: 8px;
}
.opportunityDetails .left .progress .progress-bar {
  background-color: var(--bgSuccess);
}
.opportunityDetails .left h4.heading {
  font-size: 20px;
}
.opportunityDetails .left .opporAccordion .head {
  color: var(--bgDarkGrey-1);
  background-color: transparent;
  box-shadow: none;
  font-weight: 600;
}
.opportunityDetails .left .accordion-button::after{
    background-image: url(../img/acc-dropdown.svg);
background-size: 12px 12px;
}
.opportunityDetails .left .accordion-button:not(.collapsed)::after{
    transform: rotate(90deg);

}
.opportunityDetails .left .selectField{
    border: none;
    border-bottom: 1px dashed var(--bgPrimary);
    border-radius: 0;
}



.customeToolTip {
  position: absolute;
  top: 25px;
  right: 0;
  /* border: 1px solid var(--bgLightGrey-10); */
  background-color: white;
  border-radius: 5px;
  color: black;
  width: 150px;
  height: auto;
  z-index: 1;
  padding: 0px 5px;
  font-size: var(--xxxSmall);
  /* font-weight: var(--semiBold); */
  line-height: 10px;
  display: none;
  transition: all 0.3s ease-in;
}


.toolTipBox:hover .customeToolTip,.toolTipBox:hover .tableCustomToolTip {
  display: block;
}
.tableCustomToolTip{
  display: none;
  position: absolute;
  top: 30px;
  right: -20px;
  padding: 15px;
  width: max-content;
  z-index: 2;
} 
.tableCustomToolTip.mw-250 {
  max-width: 250px;
  top: 50px;
  right: initial;
  left: 0px;
}
.tableCustomToolTip.fBuilder{
  top: 26px;
  left: -115px;
 }
.tableCustomToolTip::after {
  content: "";
  position: absolute;
  top: -12px;
  right: 20px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color:  transparent  transparent var(--bgPrimary) transparent ;
}

.tableCustomToolTip.mw-250::after {
  left: 30px;
  right: initial;
}
.tableCustomToolTip.fBuilder::after {
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
 } 
.tableCustomToolTip{
  display: none;
  position: absolute;
  top: 30px;
  right: -20px;
  padding: 15px;
  width: max-content;
  z-index: 2;
} 
.tableCustomToolTip::after {
  content: "";
  position: absolute;
  top: -12px;
  right: 20px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color:  transparent  transparent var(--bgPrimary) transparent ;
}


/* Booth */

#element.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 9999;
}
/* #element.fullscreen .fullwrap {
padding: 40px 0 0 0;

} */

.fullscreen .fullwrap .left {
  order: 1;
  margin-top: 15px;
}

.fullscreen .fullwrap .right {
  position: absolute;
  right: -5px;
  top: 0;
  /* margin-top: 30px; */
  transition: all .3s ease-in;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  background-color: white;
  height: 100vh;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 250px;
  z-index: 99;
  /* max-width: 230px; */
}

.fullscreen .fullwrap .right .form-control,
.fullscreen .fullwrap .right .form-select {
  min-height: 34px;
}

.fullscreen .fullwrap .right.active {
  right: -100%;
}

.fullscreen .fullwrap .right.edgesRight.active {
  right: 0;
  top: -15px;
  box-shadow: none;
  background-color: transparent;
  height: auto;
  width: auto;
}

.fullscreen .fullwrap .formWrapper {
  flex-direction: column;
  --bs-gutter-y: 0.5rem;
}

.fullscreen .fullwrap .formWrapper .formBox {
  width: 100%;
}

.formHideShow,
.backFull,
.topBar {
  display: none;
}

.fullscreen .formHideShow {
  display: flex;
  position: fixed;
  right: 270px;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: right .3s ease-in-out;
}
.fullscreen .formHideShow.active{
  right: 30px;
}
.fullscreen .backFull {
  display: block;
  /* position: fixed;
top: 3%;
right: 2%; */
}

.fullscreen .formSubmitBtn {
  margin: 10px 0 0 0 !important;
}

.fullscreen .formSubmitBtn button {
  padding: 5px 20px !important;
  font-size: var(--xxSmall);
  margin-bottom: 5px;
  width: 100%
}

.fullscreen .topBar {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.fullscreen .topBar .logo {
  width: 70%;
  max-width: 150px;
  margin: 5px 0 0 3px;
}

.fullscreen .topBar .fitOptions button img {
  width: 20px;
}

.fullscreen .topBar .fitOptions button {
  border: 1px solid var(--bgLightGrey-20);
  border-radius: 10px;
  transition: all .3s ease-in-out;
  /* margin-right: 10px; */
  margin-bottom: 5px;
  /* display: block; */
  background-color: var(--bgPrimary);
  color: white;
  width: 130px;
}

.fullscreen .topBar .fitOptions {
  position: fixed;
  bottom: 0;
  right: 260px;
  z-index: 99;
}
/* .fullscreen .topBar .fitOptions button:hover{
border: 1px solid var(--bgPrimary);
} */

.fullscreen .topBar .logoSide {
  display: flex;
  align-items: center;
  gap: 80px;
}

.boothFullscreen .swal2-container,
.boothFullscreen #imageDialog {
  z-index: 10000;
}

.boothMngmnt .formWrapper {
  flex-direction: initial;
}
/* .boothMngmnt .right{
position: absolute;
background-color: white;
right: 0;
max-width: 250px;
}
.boothMngmnt .right .formWrapper{
flex-direction: column;
} */

.vndrReg #canvas-wrapper,#canvas-wrapper {
  height: 450px;
}
.vndrReg.fullscreen #bd-wrapper{
  max-width: none;
}
.fullscreen #canvas-wrapper{
  height: auto;
}
.vndrReg.fullscreen .left {
  display: none;
}
.boothFullscreen{
overflow-y: hidden;
}
/* .vndrReg.fullscreen .right {
position: absolute;
left: -100%;
top: 0;
transition: all .3s ease-in;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
background-color: white;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
width: 250px;
}
.vndrReg.fullscreen .formHideShow{

right: 0;
left: 270px;
}
.vndrReg.fullscreen .right.active{
left: 0px;
} */

.vndrReg.fullscreen .canvasBody {
  order: 1;
  margin-bottom: 0 !important;
}

.vndrReg.fullscreen .registerEvent {
  margin-top: 10px;
}

.vndrReg.fullscreen .topBar .fitOptions {
  right: 20px;
}

.vndrReg.fullscreen .registerEvent .right {
  border: none;
  border-radius: 0;
}

.vndrReg.fullscreen .promoBox .promoInput {
  min-height: 35px;
}

.vndrReg .fullCartBtn {
  display: none;
}

.vndrReg.fullscreen .fullCartBtn {
  display: block;
}
.eventDetails .statusWrapper {
  background-color: var(--bgPrimaryLight);
  border: 1px solid var(--bgPrimaryLight);
  border-radius: 10px;
  padding: 10px;

}
.eventDetails .statusWrapper .sBox{
  border-right: 1px solid var(--bgPrimary);
  min-height: 35px;
  text-align: center;
  font-weight: var(--semiBold);
}
.eventDetails .statusWrapper .sBox h5{
      font-size: var(--xSmall);
      line-height: 19px;
}
.eventDetails .statusWrapper .sBox p{
      font-size: var(--xxSmall);
      line-height: 16px;
}
.cke_notifications_area {
  display: none;
}

/* Summary Report  */
/* .summaryReportWrapper .countWrap .contentBox{
  min-height: 120px;
}
.summaryReportWrapper .countWrap .cBox{
  width: 30px;
  height: 30px;
  border: 1px solid var(--bgVendor);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all;
}
.summaryReportWrapper .countWrap .title{
color: var(--bgDarkGrey);
font-weight: var(--bold);
font-size: var(--medium);
word-break: break-word;
}
.summaryReportWrapper .countWrap .countBox {
  display: flex;
  align-items: baseline;
}
.summaryReportWrapper .countWrap .countBox .countOut{
  font-weight: var(--bold);
  font-size: var(--large);
  color: var(--bgMember);
  padding-left: 5px;
  line-height: 10px;
}
.summaryReportWrapper .countWrap .countBox .count{
  font-size: var(--xxLarge);
  color: var(--bgMember);
  font-weight: var(--bold);
  padding-right: 10px;
}
.summaryReportWrapper .countWrap .countBox .liveText{
  color: var(--bgHoverBlue);
  font-weight: var(--bold);
  font-size: var(--xxLarge);

}
.summaryReportWrapper .countWrap .countBox .slash{
  width: 2px ;
  height: 15px;
  background-color: var(--bgMember);
  transform: skewX(345deg);
}
.summaryReportWrapper .countWrap .cBox{
  width: 30px;
  height: 30px;
  border: 1px solid var(--bgVendor);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.summaryReportWrapper .countWrap .cBox i,.summaryReportWrapper .reportsWrap .topHead .cBox i{
  color:var(--bgVendor);
}
.summaryReportWrapper .countWrap .cBox:hover{
  background-color: var(--bgVendor);
}
.summaryReportWrapper .countWrap .cBox:hover i,.summaryReportWrapper .reportsWrap .topHead .cBox:hover i{
  color:white;
}
.summaryReportWrapper .reportsWrap .topHead .title{
  color: var(--bgMember);
  font-weight: var(--bold);
  font-size: var(--large);
}
.summaryReportWrapper .reportsWrap .topHead  .subTitle{
color: var(--bgLightGrey-40);
}
.summaryReportWrapper .reportsWrap .subQuesBox{
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--bgLightGrey-20);
  margin-bottom: 20px;
 
}
.summaryReportWrapper .reportsWrap .subQuesBox .subAnswersBox{
  max-height: 200px;
  overflow-y: auto;
}
.summaryReportWrapper .reportsWrap .subQuesBox .subHeadQues{
  font-size: var(--small);
  color: var(--bgMember);
  font-weight: var(--semiBold);
  padding-bottom: 10px;
  }
  .summaryReportWrapper .reportsWrap .subQuesBox ul li{
      margin-bottom: 10px;
      position: relative;
  }
  .summaryReportWrapper .reportsWrap .subQuesBox ul li:before{
      position: absolute;
      content: "\f00c";
      top: 3px;
      left: -25px;
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
  }
.summaryReportWrapper .reportsWrap .topHead .cBox{
  border: 1px solid var(--bgVendor);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  color:var(--bgVendor);
}
.summaryReportWrapper .reportsWrap .topHead .cBox:hover{
  background-color: var(--bgVendor);
  color: white;
}
.summaryReportWrapper .reportsWrap .topHead{
  margin-bottom: 20px;
}
.summaryReportWrapper .reportsWrap .topHead .codeBox{
  position: absolute;
  right: 0;
  top: 0;
}
.summaryReportWrapper .reportsWrap .textBoxes p{
  padding: 10px 0;
  border-bottom: 1px dashed var(--bgLightGrey-20);
  color: var(--bgDarkGrey-1);
}
.summaryReportWrapper .multiselect.dropdown-toggle.custom-select{
  padding:0 10px 0 3px;
} */
.proformaTable {
  vertical-align: middle;
}
.proformaTable td{
  height: 50px;
}

.proformaTable input.form-control{
  max-width: 100px;
  min-height: 35px;
}
.crdtBlncWrap{
  text-align: left;
}
.crdtBlncWrap .crdtBlncBox{
  border: 1px solid var(--bgLightGrey-20);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  }
  .crdtBlncWrap .crdtBlncBox .iconBox{
      width: 50px;
      height: 50px;
      border-radius: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .crdtBlncWrap .crdtBlncBox .iconBox img{
      max-width: 30px;
  }
  .crdtBlncWrap .crdtBlncBox .iconBox.balanceBox{
      background-color: var(--bgError);
      
  }
  .crdtBlncWrap .crdtBlncBox .iconBox.creditBox{
      background-color: var(--bgVendor);
  
  }
  .crdtBlncWrap .crdtBlncBox.editWrap .iconBox.editBox{
      background-color: var(--bgMain);
  }
  .crdtBlncWrap .crdtBlncBox.editWrap .valueBox a{ 
      text-decoration: underline;
  }
.payWarningBox{
  border: 2px solid #E8E2BC;
  background-color: #F8F3D6;
  font-size: 12px;
  padding: 10px;
  border-radius: 10px;
  color: #754600;
}
.payWarningBox a{
  font-size: 12px;
  color: #754600;
  font-weight: 700;
}
.payWarningBox p:first-child{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E8E2BC;
}
.payWarningBox img{
  max-width: 20px;
}

.toggleSwitchBoxBtn {
  display: flex;
}

.toggleSwitchBtn {
  padding: 5px 0;
  font-size: var(--xSmall);
  border: 1px solid transparent;
  font-weight: var(--semiBold);
  border-radius: 5px;
  background-color: #f0f0f0;
  color: var(--bgLightGrey-40);
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  min-width: 84px;
  max-width: 84px;
}

.toggleSwitchBtn.sell.active {
  background-color: var(--bgSuccess-10);
  border-color: var(--bgSuccess);
  color: var(--bgSuccess);
}

.toggleSwitchBtn.sell {
  background-color: white;
  border-color: var(--bgLightGrey-40);
  color: var(--bgLightGrey-40);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.toggleSwitchBtn.dont-sell.active {
  background-color: var(--bgError-10);
  border-color: var(--bgError);
  color: var(--bgError);
}

.toggleSwitchBtn.dont-sell {
  background-color: white;
  border-color: var(--bgLightGrey-40);
  color: var(--bgLightGrey-40);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.event-box{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 0 10px rgba(0, 0, 0, 0.15);
  margin:12px 0;
  font-family:"Montserrat", sans-serif;
}
.event-img{
  position:relative;
}
.event-img img{
  width:100%;
}
.event-box .event-tag{
  position:absolute;
  top:10px;
  left:10px;
  background:#46BE60;
  color:#fff;
  font-style:normal;
  border-radius:100px;
  padding:2px 8px;
  font-size:12px;
}
.event-date{
  position:absolute;
  bottom:0;
  left:0;
  background:#025DBF;
  color:#fff;
  padding:10px;
  border-radius:0 12px 0 0;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
.even-text-box{
  padding:16px;
}
.box-title{
  font-size:14px;
  margin:0 0 16px;
  font-weight:600;
}
.even-text-box ul{
  margin:16px 0;
  padding:0;
}
.even-text-box ul li{
  margin:10px 0;
  font-size:12px;
  font-weight:500;
}
.even-text-box ul li span.icon-img{
  width:16px;
}
.event-amount{
  font-size:20px;
  font-weight:600;
}
.event-amount span{
  font-size:12px;
  font-weight:600;
}
.event-btn .btn{
  font-size:12px;
  height:32px;
  width:84px;
  justify-content:center;
}
.single-event-details{
  font-family:"Montserrat", sans-serif;
}
.content-img-box{
  border-radius:16px;
  overflow:hidden;
  margin:0 0 16px;
}
.details-content .title1{
  font-size:26px;
  font-weight:700;
  margin:0 0 16px;
}
.details-content .title3{
  font-size:21px;
  font-weight:700;
  margin:0 0 10px;
}
.title-border{
  border-bottom:solid 1px #EEEEEE;
}
.title-border span{
  border-bottom:solid 2px #333;
  display:inline-block;
  height:auto;
  padding:5px 0;
}
.title3 span{
  border-bottom:solid 1px #333;
  display:inline-block;
  height:auto;
  padding:5px 0;
}
.details-content p{
  font-size:16px;
  margin:0 0 16px;
  line-height:26px;
  color:#373435;
}
.quistion-list{
  margin:0;
  padding:0;
}
.quistion-list li{
  line-height:26px;
  font-size:16px;
  color:#373435;
  margin:0 0 16px;
}
.quistion-list li .fbold{
  font-weight:700;
}
.quistion-list li p{
  margin:0;
}
.title2{
  font-size:20px;
  font-weight:700;
}
.title4{
  font-size:18px;
  font-weight:700;
}
.title5{
  font-size:16px;
  font-weight:700;
}
.title4 span{
  border-bottom:solid 1px #333;
  display:inline-block;
  height:auto;
  padding:5px 0;
}
.our-sponsors{
  margin:16px 0;
}
.sponsors-img{
  height:100%;
  padding:12px 0;
}
.sponsors-img div{
  box-shadow:0 0 8px rgba(0,0,0,0.10);
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  border-radius:8px;
}
.right-sidebar .sidebar-box{
  background:#F5FAFF;
  padding:16px;
  border:solid 1px #DCEEFF;
  border-radius:8px;
  margin:0 0 30px;
}
.right-sidebar .sidebar-box ul{
  margin:0;
  padding:0;
}
.right-sidebar .sidebar-box ul li{
  margin:16px 0;
  font-size:14px;
  font-weight:500;
}
.right-sidebar .sidebar-box ul li .icon-img{
  width:24px;
  flex:0 0 24px;
}
.sidebar-btn .btn{
  font-size:14px;
  height:32px;
}
.get-link{
  font-size:14px;
  font-weight:600;
  color:#025DBF;
}
.sidebar-box-footer .event-amount{
  font-size:24px;
  font-weight:700;
}
.sidebar-box-footer .event-amount span{
  font-weight:500;
}
.right-sidebar-footer p{
  font-size:12px;
}
.right-sidebar .terms {
  font-size:14px;
}
.modal-form{
  font-family:Montserrat, sans-serif;
}
.br-right{
  border-right:solid 1px #ccc;
  position:relative;
}
.list-head{
  font-size:18px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:10px;
}
.ticket-box{
  border:solid 1px #BABABA;
  padding:10px;
}
.eventtitle{
  font-weight:500;
  font-size:16px;
}
.ticket-count{
  font-size:12px;
  color:#999999;
}
.divider{
  margin:16px 0;
  height:1px;
  background:#D9D9D9;
}
.ticket-total{
  font-size:14px;
  font-weight:400;
  color:#333333;
}
.ticket-total .final-total{
  font-size:16px;
  font-weight:600;
  color:#333333;
}
@keyframes fadeEffect{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
@media (max-width: 768px){
  .gjs-row{
    flex-wrap:wrap;
  }
}
@media (max-width: 767px){
  .right-sidebar .sidebar-box{
    background:transparent;
    padding:0;
    border:none;
    border-radius:0;
    margin:0;
  }
  .details-content .title3{
    font-size:18px;
  }
  .details-content p{
    font-size:14px;
  }
  .title2{
    font-size:18px;
  }
}