.beforeAfterpopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.beforeAfterpopup-content {
    background-color: white;
    width: 80%;
    padding: 20px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.closePopup {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.closePopup:hover,
.closePopup:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.appt-reschedule-afbe {
    border: 1px solid #ddd;
    background: #f5f5f5;
}
.booktabafterbefore {
    max-height: 400px !important;
    overflow: auto !important;
    background-color: #fff;
    border: 10px solid #eaf3f6 !important;
}

.beforeImage h4 {
    margin: 0 0 20px;
    padding: 25px 0px 0px 28px;
    font-size: 19px;
    font-weight: 600;
}

.beforeaftercls {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.BeforeImgCls label{ 
    width: 100%; 
    background: #28272e;
    padding: 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    text-align: center;
    color: #fff;
    height: 46px;
}

.BeforeImgCls .carousel-wrap {
    background: #28272e;
    padding: 10px;
    margin-top: -2px;
}

.BeforeImgCls .owl-carousel .owl-item img,
.AfterImgCls .owl-carousel .owl-item img {
    width: 100%;
    margin-bottom: 0 !important;
    min-height: 250px;
    width: 100%;
}

.AfterImgCls label{ 
    width: 100%;
    background: #ba4073;
    padding: 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    text-align: center;
    color: #fff;
    height: 46px;
}

.AfterImgCls .carousel-wrap {
    background: #ba4073;
    padding: 10px;
    margin-top: -2px;
}

.row.user-before-n-after-section.after-image {
    width: 100%;
}

body #booked-profile-page .booked-profile-appt-list .appt-block.approved .row.user-before-n-after-section.after-image .col-md-6.BeforeImgCls {
    padding-left: 15px !important;
}

.beforeAfterpopup .beforeAfterpopup-content {
    padding: 20px 20px 35px 20px;
}

.BeforeImgCls .owl-carousel .owl-item img, .AfterImgCls .owl-carousel .owl-item img {
    margin-bottom: 0 !important;
    min-height: 250px;
    width: 100%;
}

div#notification-popup {
    padding: 0px 28px;
    color: red;
    text-align: center;
}

.Booked-profile-tabs .vc_tta-tabs-container ul li:nth-child(6) a p {
    float: right;
    margin: -11px 3px;
    padding: 0px 10px;
    color: #fff;
    font-size: 17px !important;
    border-radius: 50%;
    background-color: red;
}

/** User Profile Tabs CSS **/
.Booked-profile-tabs .vc_tta-tabs-container li sup {
    background-color: red;
    margin-left: 5px;
    font-size: 14px;
    letter-spacing: 0.9px;
    border-radius: 50%;
    padding: 4px 6px;
}