.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.vendor: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: 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(--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;
}

#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(--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 {
    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: 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;
}

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


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

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

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

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

} */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vndrReg .fullCartBtn {
    display: none;
}

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

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

.proformaTable input.form-control{
    max-width: 100px;
    min-height: 35px;
}