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

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

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

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

/* .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: var(--bgPrimary);
  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;
}
.loginLeftContent {

}
.gameawaits {
  margin: 0 0  100px;
  
}
/* .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: var(--bgBody);
}

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

.loginContent {
  height: 100%;
}

.mainContent {
  height: 100%;
}

.verifyBox {
  width: 50%;
}

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

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

/* Warning Text */

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

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

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

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

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

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

/* verify login  */

.verifyMSg img {
  width: 136px;
}

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

/* Role selection */

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

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

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

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

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

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

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

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

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

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

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

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

/* preferences */

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

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

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

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

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

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

/* member profile */

.profileBox {
  position: relative;
  border-radius: 14px;
  background: var(--bgBeige) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

} */

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

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

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

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

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

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

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

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

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

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

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

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

#uploadModal .progress {
  height: 8px;
}

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

/* Active inactive switch */

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

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

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

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

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

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

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

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

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

/* brand managemnt */

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

/* uplaod */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* My busssiness */

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

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

.myBussiness .profileImg {
  display: block;
}

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

.bussinessInfo {
  position: relative;
}

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

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

/* subcription Purchase */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Table user profile */

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

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

/* float Add */

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

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

/* My subscription */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Payment Invoice */

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

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

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

/* myPayments */

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

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

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

/* dashboard */

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

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

/* Logs Pop up */

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

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

/* .logsWrapper .activityBox, */

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

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

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

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

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

/* .logsWrapper .activityBox .leftBg, */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

/* Inner sidebar */

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

.detailsWrapper .innerSidebar {
  width: 20%;
}

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

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

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

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

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

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

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

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

.detailsWrapper .content {
  width: 80%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*  */

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

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

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

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

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

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

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

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

.familyBox::before {
  position: static;
}

/* 404 page  */

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

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

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

.nfWrapper .nfBox h2 {
  font-family: var(--montserrat);
  color: 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;
}

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

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

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

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

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

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

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

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

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

.committeeDetailBox {
  min-height: 112px;
}

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

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

/* settings */

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

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

.settingWrapper .settingBox {
  display: flex;
}

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

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

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

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

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

/* Checkout  */

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

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

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

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

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

/* Pac Comeitee member */

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

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

/* Access Denied */

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

/* Event Details */

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

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

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

.eventDetailsWrapper .eventBannerBox {
  position: relative;
  min-height: 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;
}

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

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

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

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

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

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

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

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

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

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

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

/* Registerd Event */

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

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

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

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

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

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

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

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

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

.registerEvent h5 {
  font-size: var(--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(--bgLightGrey-10);
  font-size: var(--xxxsmall);
}

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

.registerEvent .right {
  border-radius: 14px;
  border: 1px solid var(--bgLightGrey-20);
  font-size: var(--xxSmall);
  color: var(--bgDarkGray-1);
  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(--bgLightGrey-10);
}

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

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

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

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

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

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

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

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

/* Admin Event List */

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

.iTPiye {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Vendor Directory*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dtsp-emptyMessage {
  display: none;
}

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

/* Webinar and Courses */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* My communication feed details */

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

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

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

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

/* Email Activity  */

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

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

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

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

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

/* query builder css */

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

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

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

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

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

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

/* Template */

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

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

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

/* Advertisement Guest Slider  */

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

/* Reports */

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

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

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

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

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

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

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

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

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

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

/* Event List Filter */

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

.btn-group {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

/* Edit Badges */

.mStaff {
  position: relative;
}

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

/* Filter Search */

.fSearch {
  width: 40px;
  height: 40px;
  border-radius: 8px !important;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

/* Recent View  */

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

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

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

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

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

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

/* Pivot Table */

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

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

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

.surveyForm .heading {
  color: white;
}

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

/* CMS Blogs */

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

.blogsWrapper label {
  font-weight: 700;
}

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

.hide {
	display: none;
}

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

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

}


/* Accordion */

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

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

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

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

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

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

/*  opportunity Details */

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

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