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

.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.vender:hover {
    background: var(--bgDarkGrey-1);
    transition: background-color 1s ease-;
}
/* preferences */

.preferences p {
  color: var(--textColor);
  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: 8px;
  right: -12px;
  top: auto;
  border: 1px solid var(--bgPrimary);
  border-radius: 50rem;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
.profileBox .profileImg .deleteIcon,
.profileBox.ViewBox .profileImg .deleteIcon {
  position: absolute;
  bottom: -10px;
  right: 17px;
  top: auto;
  border: 1px solid var(--bgError);
  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 .deleteIcon {
  position: absolute;
  top: 2%;
  right: 2%;
}

.profileWrapper .profileDetails .editIcon img {
  width: 15px;
  height: 15px;
}
.profileWrapper .profileDetails .deleteIcon 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 .deleteIcon {
  position: absolute;
  top: 3%;
  right: 5%;
}

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

.profileBox .profileImg .editIcon img {
  width: 15px;
  object-fit: contain;
}
.profileBox .profileImg .deleteIcon 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(--textColor);
}

.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,
.profileBox .profileInfo .contactInfo .cBox p a,
.vendorBox .contactInfo .cBox p a {
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
  /* font-family: var(--montserrat); */
  color: var(--textColor);
  word-break: break-word;
  text-align: left;
  width: 80%;
  line-height: normal;
}
/* .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;
}
.detailsDescBoxWrap{
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.detailsDescBoxWrap .detailsDescBox,.detailsDescBoxWrap .detailsDescBox p{
  font-size: var(--small);
  font-weight: 400;
  color: var(--bgDarkGrey-1);
}
.detailsDescBoxWrap .detailsDescBox img{
  max-width: 100%;
}
.detailsDescBoxWrap .detailsDescBox a{
  color: var(--bgLink);
}
#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;
  top: 0;
}

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

.upload .uploadBox .roundedBox .editIcon {
  position: absolute;
  bottom: 8px;
  right: -12px;
  border: 1px solid var(--bgPrimary);
  border-radius: 50rem;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
}
.upload .uploadBox .roundedBox .deleteIcon {
  position: absolute;
  bottom: -10px;
  right: 17px;
  top: auto;
  border: 1px solid var(--bgError);
  border-radius: 50rem;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
.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: 8px;
  right: -12px;
  border: 1px solid var(--bgPrimary);
  border-radius: 50rem;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
}
.upload .squareBox .deleteIcon {
  position: absolute;
  bottom: -10px;
  right: 17px;
  top: auto;
  border: 1px solid var(--bgError);
  border-radius: 50rem;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
.upload .squareBox .deleteIcon img {
  width: 15px;
  height: 15px;
}
.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(--textColor);
  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(--textColor);
}

.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(--textColor);
  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(--textColor);
  font-size: var(--small);
}

.subPurchaseWrapper .planInfo {
  min-height: 129px;
}
.subscriptionModal .leftBg .subPlanHeading,
.subscriptionPurchaseCartModal .leftBg .subPlanHeading {
  color: var(--bgDarkGrey-1);
  font-size: var(--semiLarge);
  font-weight: var(--bold);
}
.subscriptionModal .leftBg,
.subscriptionPurchaseCartModal .leftBg {
  background-color: var(--bgLightGrey);
  padding: 50px 20px 30px 20px;
  border-radius: 10px;
}
.subscriptionModal .modal-header,
.subscriptionPurchaseCartModal .modal-header {
  position: absolute;
  z-index: 9;
  right: 10px;
  top: 12px;
}
.subscriptionPurchaseCartModal .autoRenewalDiv .switch input:checked + .slider{
  background-color: var(--bgPrimary);
  border: 1px solid var(--bgPrimary);
}
.subscriptionModal .leftBg img,
.subscriptionPurchaseCartModal .leftBg img {
  max-width: 250px;
}

.subscriptionModal .leftBg ul,
.subscriptionPurchaseCartModal .leftBg .subDescription ul {
  padding-right: 15px;
  padding-left: 30px;
}

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

.subscriptionModal .leftBg ul li:before,
.subscriptionPurchaseCartModal .leftBg .subDescription ul li:before {
  content: url(../img/subscription-vendor-check.svg);
  position: absolute;
  left: -9%;
}
.subscriptionPurchaseCartModal .right {
  padding: 30px;
}
.subscriptionModal .right .swalAlert {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  max-width: 240px;
  text-align: center;
  margin: auto;
  padding-bottom: 50px;
}
.subscriptionModal .right .swalAlert .title {
  color: var(--bgWarning);
  font-size: var(--semiLarge);
  font-weight: var(--semiBold);
  margin: 10px 0;
}
.subscriptionModal .right .swalAlert .desc {
  color: var(--bgDarkGrey-1);
  font-size: var(--small);
  font-weight: var(--light);
  margin-bottom: 10px;
}
.subscriptionModal .right .swalAlert .swalBtn {
  border: none;
  padding: 6px 20px;
  border-radius: 40px;
  color: white;
  width: 83px;
}
.subscriptionModal .right .swalAlert .swalBtn {
  background-color: var(--bgWarning);
}
.subscriptionModal .right .swalAlert .swalBtn.cancelBtn {
  background-color: var(--bgDarkGrey-1);
}
.promoDiscountBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--bgLightGrey-30);
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.promoDiscountBox .promoLabel {
  font-size: var(--large);
  font-weight: var(--bold);
  color: var(--bgDarkGrey-1);
}
.promoDiscountBox .promoLabel.small {
  font-size: var(--xSmall);
  font-weight: var(--semiBold);
}
.promoDiscountBox .promoAmount {
  font-size: var(--large);
  font-weight: var(--semiBold);
  color: var(--bgDarkGrey-1);
  font-family: var(--montserrat);
}
.promoDiscountBox .promoAmount.small {
    font-size: var(--xSmall);
    font-weight: var(--semiLight);
  
}
/* 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: normal;
  position: relative;
  padding-left: 20px;
}

.subscriptionBox.active .left ul li p {
  color: var(--textColor);
  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(--textColor);
}

.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(--textColor);
}

.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(--textColor);
}

.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: 10px;
  background-color: white;
  /* position: fixed;
top: 126px; */
  height: 100%;
  /* width: 18%; */
  /* border-radius: 10px; */
}

.detailsWrapper .innerSidebar ul {
  padding-left: 0;
  /* display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    column-gap: 10px; */
  margin-bottom: 0;
}

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

.detailsWrapper .innerSidebar ul li a {
  display: flex;
  align-items: center;
  color: var(--textColor);
  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 {
  max-width: 20px;
  height: 20px;
  margin-right: 10px;
}

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

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

.detailsWrapper .content {
  width: 80%;
}

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

.detailsWrapper .content .profileBox {
  position: relative;
  margin-bottom: 10px;
}

/* .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 a.textPrimary {
  word-break: break-all;
}
.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(--textColor);
}
/* .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: 5rem;
  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: var(--bgLink);
  font-size: 60px;
  font-weight: var(--bold);
}

.nfWrapper .nfBox h3 {
  font-family: var(--montserrat);
  color: var(--bgDarkGrey-1);
  font-size: 40px;
  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;
}


/* .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.memberPlan{
  max-width: 475px;
  top: unset;
  left: unset;
  right: -24px;
  bottom: 24px;;
}
.tableCustomToolTip.memberPlan.admin{
  max-width: 475px;
  top: 24px;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
.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.center {
left: 50%;
right: 50%;
transform: translateX(-50%);
}
.tableCustomToolTip.center::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;
  
}
.tooltipInner{
  padding: 15px;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: white;
  border-radius: 8px;

}
.tableCustomToolTip::after {
 content: "";
  position: absolute;
  top: -12px;
  right: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #35abcb transparent;
}
.tableCustomToolTip.mw-250::after {
  left: 30px;
  right: initial;
}
.tableCustomToolTip.fBuilder::after {
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
.tableCustomToolTip.memberPlan::after{
  left: initial;
  right: 25px;
  top: unset;
  bottom: -12px;
  transform: rotate(180deg);
}
.tableCustomToolTip.memberPlan.admin::after{
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
.toolTipBox:hover .customeToolTip,
.toolTipBox:hover .tableCustomToolTip {
  display: block;
}
.regBoothBox .tableCustomToolTip{
  top: 35px;
  left: 0;
  right: auto;
}
.regBoothBox .tableCustomToolTip::after{
  left: 15px;
  right: auto;
}
.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(--textColor);
  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: 10px 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: 25px;
}

.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: -12px;
  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: -12px;
  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(--bold);
  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(--bgUpEvent);
}

.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;
  color: var(--white);
  font-size: var(--large);
  font-weight: 600;
}

.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: 40px;
  font-family: var(--montserrat);
  font-weight: var(--bold);
}

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

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

.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(--textColor);
}

#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(--textColor);
  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(--small);
  font-weight: var(--bold);
  font-family: var(--montserrat);
  color: var(--bgDarkGrey-1);
  margin-bottom: 3px;
}

.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(--textColor);
  font-size: var(--xxxsmall);
}

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

.registerEvent .right {
  border-radius: 14px;
  border: 1px solid var(--bgLightGrey-20);
  font-size: var(--xxSmall);
  color: var(--textColor);
  position: relative;
  padding: 15px;
  font-weight: var(--semiBold);
  background: var(--bgLinearGradient-1);
}
/* .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 .terms {
  font-size: var(--xxSmall);
}

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

.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.allBox.active {
  border: 3px solid var(--bgPrimary);
}

.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 .all {
  background-color: var(--bgPrimary);
}

.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 input.form-control.search-custom,
.eventListWrapper .filter select.form-select {
  /* border: none; */
  background-color: white;
  border-radius: 14px;
}

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

.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(--textColor);
}

.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.wImg {
  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(--textColor);
}

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

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

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

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

.eventListWrapper .eventBox .evtDesc p {
  margin-bottom: 8px;
  color: var(--textColor);
  /* 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: 14px;
  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(--textColor);
  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(--textColor);
  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(--textColor);
}

.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(--textColor);
  margin-bottom: 16px;
}

.directoryBox .dInfo p.location {
  font-size: var(--xSmall);
  color: var(--textColor);
  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);
  color: var(--textColor);
  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: 12px 7px;
  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;
  color: var(--bgDarkGrey-1);
}

.multiselect-container button.dropdown-item .form-check-label {
  white-space: break-spaces;
  line-height: normal;
  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 .eventRecentList {
  list-style: disc;
  column-count: 3;
}
.recentViewWrapper .eventRecentList li {
  display: list-item;
  width: 225px;
  min-height: 60px;
  margin-bottom: 10px;
}
.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(--textColor);
  font-weight: 600;
}

.recentViewBox:hover .profInfo p {
  color: var(--bgHoverBlue);
}
/* Pivot Table */

.pivotTable {
  width: 100%;
  max-height: 600px;
  overflow: scroll;
}
.pivotTable table.table thead th:first-child,
.pivotTable table.table tbody th:first-child {
  min-width: 100px;
}
.pivotTable table.table thead th,
.pivotTable table.table tbody th {
  /* white-space: nowrap; */
  font-size: var(--xxSmall);
  line-height: 17px;
  min-width: 160px;
  padding: 10px 15px;
}
.pivotTable table.table tbody td div,
.pivotTable table.table tbody td div {
  max-width: 200px;
  word-break: break-word;
  padding: 8px 10px;
}
.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(--textColor);
}

.blogsWrapper label {
  font-weight: 700;
}

.blogsBannerBox img {
  width: 100%;
  max-height: 250px;
  object-fit: cover;
}
/* Promo Code */

.promoBox .promoInput {
  border-radius: 5px;
  height: 40px;
  min-height: 40px;
  border: 1px solid var(--bgPrimary);
}
.promoBox .promoInput.guestInput{
  border: 1px solid var(--bgGreen);
}
.promoBox #btnPromo {
  padding: 0;
  border-radius: 5px;
  margin-left: 5px;
}
/* new croper css start */

.promoBox .promocode-chip {
  background: var(--bgSuccessLight);
  border: 1px solid var(--bgPrimary);
  border-radius: 5px;
  color: var(--bgDark);
  padding: 3px 5px;
  /* max-height: 28px; */
  /* line-height: 28px; */
  /* max-width: 120px; */
  display: flex;
      align-items: center;
      gap: 5px;
      width: fit-content;
      font-size: var(--xxSmall);
      font-weight: var(--semiBold);
}

.promoBox .promocode-chip img {
  width: 14px;
  height: 14px;
}
.promoBox .disc-deducted
{
    color: var(--bgSuccess);
}

.promoWrap .total-saving {
  color: var(--bgSuccess);
  border: 1px solid var(--bgPrimary);
  background: var(--bgSuccessLight);
  border-radius: 5px;
  padding: 10px 15px;
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
}

.promoBox .read-more {
  color: var(--bgPrimary);
  text-align: right;
  margin-bottom: 15px;
}
.promoBox .read-more img {
  width: 16px;
  height: 16px;
  transition: all .3s linear;
}
.promoBox .read-more img.rotateArrow{
    transform: rotate(180deg);
}

/* .promo-apply-on {
  color: var(--bgDarkGrey-1);
} */
.promoBox .all-promo-cal-box{
    border: 1px solid var(--bgPrimary);
    padding: 10px 5px 5px 15px;
    border-radius: 10px;
}
.promoBox .all-promo-cal {
    height: auto;
    overflow: auto;
    padding-right: 5px;
}

.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: 75px;
  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;
}
/* 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 0.3s ease-in;
  box-shadow: 0 0.5rem 1rem rgba(0, 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 0.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 0.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 .promoWrap{
    height: 86vh;
    overflow: scroll;
}
.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;
}
.accountManagerBox .name {
  font-size: 16px;
  color: var(--bgPrimary);
  font-weight: 700;
  /* margin-bottom: 8px; */
}
.accountManagerBox p {
  margin-bottom: 3px;
}
.accountManagerBox p.role {
  line-height: 14px;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.accountManagerBox p span:first-child {
  margin-right: 5px;
}
.accountManagerBox p img {
  max-width: 15px;
}
.accountManagerBox a {
  font-size: var(--xxSmall);
  font-weight: var(--semiBold);
  color: var(--textColor);
  word-break: break-word;
}

/* Booth registartion  */
.regBoothTable .regBoothTop {
  display: flex;
  gap: 16px;
}
.regBoothTable .dtr-details .regBoothTop {
  flex-direction: column;
  gap: 5px;
}
.regBoothTable .regBoothBox {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.regBoothTable .dtr-details .regBoothBox {
  flex-direction: column;
  gap: 5px;
  margin-top: 18px;
}
.regBoothTable .dtr-details .regBoothTop p {
  min-height: 26px;
  display: flex;
  align-items: center;
}
.regBoothBox .bg {
  font-weight: var(--semiBold);
  padding: 3px 10px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.regBoothBox .bg.approved {
  background-color: var(--approvedLightBg);
  color: var(--bgSuccess);
}
.regBoothBox .bg.pending {
  background-color: var(--pendingLightBg);
  color: var(--bgWarning);
}
.regBoothBox .bg.cancelled {
  background-color: var(--cancelledLightBg);
  color: var(--bgError);
}
.regBoothBox .bg.totalStaff {
  background-color: var(--staffLightBg);
  color: var(--bgLink);
}
.regBoothTable .categoryBox {
  display: flex;
  gap: 5px;
  align-items: flex-start;
  margin-bottom: 5px;
}
.regBoothTable .categoryBox .boothNo {
  background-color: var(--bgBooth);
  color: white;
  display: inline-block;
  padding: 3px 8px;
  font-weight: 500;
}

.reportExportBox .progress-bar {
  background-color: var(--bgMain);
}
.reportExportBox .msgBox {
  width: 80%;
  border: 1px dashed #e5e5e5;
  padding: 20px;
  border-radius: 20px;
  font-size: var(--xxSmall);
  background-color: var(--bgPrimaryLight-1);
}
#rForm .surveyForm .modal-content {
  height: 94vh;
}

/* toggleSwitchBoxBtn */
.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;
}

.profileBox .publishBar {
  width: 300px;
}
/* Togggle Switch */
/* Guest Event Registarion */

.guestBody{
  background-image: url(../img/banner-guest.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.guestBody .contentBox{
  background-color: rgba(10,0,9,.6);
}
.guestBody .contentBox label{
  color: white;
}
.btnGuestPrimary25{
    background: linear-gradient(90deg, hsla(293, 49%, 45%, 1) 0%, hsla(328, 94%, 49%, 1) 100%);
    -webkit-box-shadow: 0px 20px 38px 0px rgba(240, 19, 231, 0.26);
    -moz-box-shadow: 0px 20px 38px 0px rgba(240, 19, 231, 0.26);
    box-shadow: 0px 20px 38px 0px rgba(240, 19, 231, 0.26);
    color: white;
    padding: 10px 40px;
    border-radius: 20px;
    font-size: var(--medium);
    border: none;
    transition: all .3s ease;
    font-weight: 600;
}
.btnGuestPrimary25:hover{
  background: linear-gradient(90deg, hsla(293, 59%, 55%, 1) 0%, hsla(328, 100%, 59%, 1) 100%);
  -webkit-box-shadow: 0px 25px 45px 0px rgba(240, 19, 231, 0.4);
  -moz-box-shadow: 0px 25px 45px 0px rgba(240, 19, 231, 0.4);
  box-shadow: 0px 25px 45px 0px rgba(240, 19, 231, 0.4);
}
.btnGuestSecondary25{
  background: linear-gradient(#5C0A58, #5C0A58) padding-box, 
                linear-gradient(90deg, hsla(293, 49%, 45%, 1) 0%, hsla(328, 94%, 49%, 1) 100%) border-box;
    border: 2px solid transparent; /* Required for border-box effect */
    -webkit-box-shadow: 0px 20px 38px 0px rgba(240, 19, 231, 0.26);
    -moz-box-shadow: 0px 20px 38px 0px rgba(240, 19, 231, 0.26);
    box-shadow: 0px 20px 38px 0px rgba(240, 19, 231, 0.26);
  color: white;
  padding: 10px 40px;
  border-radius: 20px;
  font-size: var(--medium);
  border: none;
transition: all .3s ease;
font-weight: 600;

}
.btnGuestSecondary25:hover{
  background: linear-gradient(#6D0C68, #6D0C68) padding-box, 
                linear-gradient(90deg, hsla(293, 59%, 55%, 1) 0%, hsla(328, 100%, 59%, 1) 100%) border-box;
    -webkit-box-shadow: 0px 25px 45px 0px rgba(240, 19, 231, 0.4);
    -moz-box-shadow: 0px 25px 45px 0px rgba(240, 19, 231, 0.4);
    box-shadow: 0px 25px 45px 0px rgba(240, 19, 231, 0.4);
    color: white;
}
.guestBody .logoBoxwrap img{
max-width: 350px;
}
.allBadgeBorder{
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--bgLightGrey-20);
}
.allBadgeBorder:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.guestBody .discalimerBox{
  padding: 10px 20px;
  border-radius: 10px;
}
.guestBody .discalimerBox p{
  margin-bottom: 0;
  font-style: italic;
  color: white;
  font-weight: 700;
}
.guestBody .discalimerBox p a{
  color: white;
}
.event_report_wrapper{
  min-height: 350px;
}
.event_report_wrapper .event_report td{
  vertical-align: middle;
}

.deleted-watermark {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  font-size: 60px;
  color: rgba(255, 0, 0, 0.2);
  font-weight: bold;
  pointer-events: none;
  z-index: 10;
  white-space: nowrap;
}

.dataBox{
  margin-bottom: 10px;
}
.dataBox .labelText{
  font-size: var(--xSmall);
  font-weight: 600;
  color: var(--bgDarkGrey-1);
}
.dataBox .valueText{
  font-size: var(--xSmall);
  color: var(--bgDarkGrey-1);
}
.registerEventDropdown{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--bgLightGrey-20);
  padding: 0 0 10px 5px;
  gap: 10px;
}
.registerEventDropdown .eventNameBox{
  width: 64%;
}
.registerEventDropdown .startDateBox{
  width: 13%;
}
.registerEventDropdown .endDateBox{ 
  width: 13%;
}
.registerEventDropdown .statusBox{
  width: 10%;
}
.registerEventDropdown .labelText{
  font-size: var(--xSmall);
  font-weight: 600;
  color: var(--bgDarkGrey-1);
  color: var(--bgLightGrey-10);
}
.registerEventDropdown .valueText{
  font-size: var(--xSmall);
  font-weight: 600;
  color: var(--bgLightGrey-40);
}
.registerEventDropdown .valueText.textWarning{
  color: var(--bgWarning);
}
.accordionWrap.boothPricesWrap .boothPrices .accordion-button:not(.collapsed){
color: var(--bgPrimary);
}