.vanity-section {
    /* By Vistaar */
    /* padding: 0 40px; */
    display: flex;
    /*  */
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.vanity-form-inner {
    max-width: 1000px !important;

    /* By Vistaar */
    /* margin: 0 auto; */
    width: 1000px;
    /*  */
    /* max-width: 800px;
    float: left; */
    /* cursor: pointer; */
    position: relative;
}

.vanity-form-inner h1 {
    text-align: center;
    margin-bottom: 5px;
    color: #9cae06;
    font-family: 'Conv_AvantGarde-Book';
    font-size: 36px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

span.get-quotes {
    position: absolute;
    right: 36px;
    font-size: 18px;
    color: #9cae06;
    font-family: 'Conv_AvantGarde-Book';
    margin-top: -10px;
}

.before-begin {
    background-image: url(../images/splash-image.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 810px;
    position: relative;
    padding: 40px 0px 55px 28px;
    margin-top: 40px;
    background-position: center;
    max-width: 100%;
    display: block;
    height: auto;
    border: solid 1px #7f7f7f;
    -moz-box-shadow: 6px 6px 8px 0px #cecece;
    -webkit-box-shadow: 6px 6px 8px 0px #cecece;
    box-shadow: 6px 6px 8px 0px #cecece;
}

.before-begin h3 {
    font-family: 'Conv_AvantGarde-Book';
    color: #000;
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.before-begin .before-begin-inner h4 {
    /* font-family: 'Avantgardebq-Extralight'; */
    color: #000;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
}

.before-begin-inner ul {
    padding-left: 40px;
}

.before-begin .before-begin-inner ul li {
    color: #000;
    font-size: 18px;
    margin-bottom: 3px;
}

.before-begin .before-begin-inner p {
    color: #000;
    font-size: 16px;
}

.before-begin-inner a {
    position: absolute;
    left: 23%;
    font-size: 24px;
    font-family: 'Conv_AvantGarde-Book';
    display: flex;
    align-items: center;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vanity-form-box p {
    /* By Vistaar */
    /* color: #fff;
    font-weight: 400;
    font-size: 16px; */
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: 400;
    line-height: 20.23px;
    font-family: 'jost';
    /*  */
    text-align: center;
    margin-top: 10px;
    margin-bottom: 7px;
}

.before-begin-inner a:before {
    content: '';
    display: inline-block;
    width: 54px;
    height: 55px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/step-1.png);
}

.step-help {
    position: absolute;
    right: -65%;
    top: 0;
    width: 500px;
    height: 95px;
    display: none;
}

.help-srcoll {
    width: 300px;
    overflow: auto;
    overflow-x: hidden;
    max-height: 462px;
    background-color: #ffff;
    padding-right: 10px;
    /* margin-top: -15px; */
}

.need-sooner {
    pointer-events: none;
    width: 280px;
}

.need-sooner p {
    color: #7d7d7d;
    padding-left: 25px;
    font-size: 18px;
    padding-top: 19px;
    text-align: left;
    z-index: 9;
    margin-left: 13px;
}

.need-sooner h2 {
    font-size: 1.6rem;
}

.need-sooner ul {
    padding-left: 44px;
    margin: 0 0 1.5em;
    margin-top: 15px;
}

.need-sooner ul li {
    color: #7d7d7d;
    font-size: 16px;
    margin-bottom: 17px;
}

.step-help a {
    display: inline-block;
}

form#vanity_order-form {
    position: relative;
    width: 100%;
    float: left;
    /* background: rgba(234, 234, 234, 0.4); */
}

.d-none {
    display: none;
}

.vanity-form-box {
    padding: 40px 40px;
    /* border: 2px solid #000; */
    position: relative;
    /* By Vistaar */
    margin: 0 0 50px 0;
    /*  */
    background: rgba(234, 234, 234, 0.4);
    /* z-index: 1000; */
}

.vanity-form-box.expeditting-services {
    margin: 35px 0 0;

}

.steps-1:before,
.steps-2:before,
.steps-3:before,
.steps-4:before,
.steps-5:before,
.steps-6:before,
.steps-7:before {
    content: '';
    display: inline-block;
    width: 54px;
    height: 55px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 6px;
    position: absolute;
    left: -31px;
    top: -20px;
}

.vanity-form-box .steps-1:before,
.vanity-form-box .steps-2:before,
.vanity-form-box .steps-3:before,
.vanity-form-box .steps-4:before,
.vanity-form-box .steps-5:before,
.vanity-form-box .steps-6:before,
.vanity-form-box .steps-7:before {
    content: '';
    display: inline-block;
    width: 54px;
    height: 55px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 6px;
    position: absolute;
    left: -31px;
    top: -20px;
    display: none;
}

/* .vanity-form-box .steps-1:before {
    background-image: url(../images/step-1.png);
} */
h2.test {
    padding: 4px 5px;
    padding-bottom: 70px;
    font-size: 24px;
    /* background: #9cae06; */
    color: #000;
    font-weight: 500;
    /* border: 2px solid #000; */
    display: table;
    margin: 0 auto;
    line-height: 29.74px;
    position: relative;
    /* top: -15px; */
    /* -moz-box-shadow: 0px 3px 8px rgb(100, 100, 100);
    -webkit-box-shadow: 0px 3px 8px rgb(100, 100, 100);
    box-shadow: 2px 3px 8px rgb(100, 100, 100); */
    text-transform: capitalize;
}

.vanity-form-box .form-group {
    margin-bottom: 15px;
}

.form-group.rdo-btn {
    display: flex;
    flex-direction: column;
    /* height: 41px; */
    border-radius: 0;
    border: 0;
    /* -moz-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    -webkit-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    border: 1px solid #757779; */
    /* padding-left: 25px; */
    /* background-color: #fff; */
}

.vanity-form-box .form-group a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* By Vistaar */
    /* margin-left: 6px; */
    /*  */
    /* position: absolute;
    left: 4px;
    top: 9px; */
    z-index: 9;
    background-image: url(../images/info-icon.png);
}

.vanity-form-box.dealer-job .form-group.rdo-btn a:before {
    background-image: url(../images/info-icon.png);
}

.rdo-btn label {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0px;
    color: #7d7d7d !important;
}

.rdo-btn label input {
    position: absolute;
    left: -9999px;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 0.5em;
}

.visitor_customer_dealer .form-group.visitor-rdo-btn label:last-child {
    padding-left: 0;
    /* width: 34%; */
}

.vanity-form-box input.form-control::placeholder,
.rdo-btn label span,
.vanity-order-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-group.drop-ship label,
.vanity-form-box textarea {
    color: #7d7d7d !important;
    opacity: 1;
}

.dealer-customer {
    /* border-bottom: 1px solid #000; */
    /* padding-bottom: 20px; */
    /* By Vistaar */
    /* width: 87%; */
    /* display: flex;
    gap: 5px; */
    white-space: nowrap;
    width: 89%;
    overflow: hidden;
    text-overflow: ellipsis;
    /*  */
}

.rdo-btn label span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: space-between;
    /* padding: 0; */
    padding: 28px 0px 0px 0px;
    width: 100%;
    /* color: #8f8f8f !important; */
    font-size: 21px;
    font-weight: 400;
    line-height: 34.68px;
    transition: 0.25s ease;
    opacity: 1;
    /* padding-left: 25px; */
    border-bottom: 1px solid #000;

    /* By Vistaar */
    /*padding-bottom: 20px;*/
    /*  */
}

/* .vanity-form-box.leg-system .rdo-btn label span:before {
    left: 80%;
} */
.rdo-btn label span:before {
    display: flex;
    flex-shrink: 0;
    content: '';
    display: inline-block;
    width: 36px;
    height: 35px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 1px;
    background-image: url(../images/off.jpg);
}

.vanity-form-box.dealer-job .rdo-btn label span:before {
    background-image: none;
}

/* .vanity-form-box.dealer-job .rdo-btn label span:after {
    display: flex;
    flex-shrink: 0;
    content: '';
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.8);
    background: #fff;
    width: 30px;
    height: 30px; */
/* width: 36px;
    height: 35px; */
/* background-size: contain;
    background-position: center;
    background-repeat: no-repeat; */
/* margin-left: 10px; */
/* background-image: url(../images/off.jpg); */
/* } */
/* .vanity-form-box.dealer-job .rdo-btn label input:checked + span:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(135, 210, 210, 1);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/on.png);
} */
.vanity-form-box input.form-control {
    /* By Vistaar */
    /* color: #000; */
    color: rgba(0, 0, 0, 0.6);
    /*  */
    height: 65px;
    border-radius: 0;
    border: 0;
    /* -moz-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    -webkit-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5); */
    border-bottom: 1px solid #000;
    padding: 0;
    padding-right: 0;
    width: 87%;
    background: transparent;
    font-size: 21px;
    font-weight: 400;
    line-height: 34.68px;
    font-family: 'Jost';
}

.form-control.error-msg:focus,
.form-group.error-msg span.select2-selection.select2-selection--single:focus {
    outline: none;
}

.lbl-top input.form-control {
    padding: 35px 0 0 10px;
}

.form-control.error-msg,
.form-group.error-msg span.select2-selection.select2-selection--single {
    border-bottom: 2px solid #f00 !important;
}

span.error {
    display: none !important;
}

.vanity-form-box span.error {
    color: #f00;
    margin: 15px 0 15px 0;
    font-size: 1em;
    font-weight: normal;
    display: block;
    line-height: 0;
}

label.lbl-txt {
    /* padding-left: 25px; */
    top: 30px;
    left: 0;
    position: absolute;
    transition: .2s ease-in-out;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.6);
    font-size: 21px;
    font-weight: 400;
    line-height: 34.68px;
    font-family: jost;
    pointer-events: none;

    /* By Vistaar-text wrap */
    pointer-events: none;
    white-space: nowrap;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
    /*  */
}

.form-group.lbl-top input:focus+label,
.form-group.lbl-top input.has-value+label {
    top: 0;
    font-size: 13px;
    /* By Vistaar */
    /* left: -10px; */
    color: rgba(0, 0, 0, 0.6);
    /* color: #9cae06; */
    /*  */
}

.form-group.lbl-top {
    position: relative;
}

.form-group.drop-ship {
    padding-top:27px;
	display: flex;
    /* background-color: #fff; */
    align-items: center;
    /* height: 41px; */
    height: 65px;
    /* width: 87%; */
    width: 100%;
    border-radius: 0;
    border: 0;
    /* -moz-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    -webkit-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5); */
    border-bottom: 1px solid #000;
    /* padding-left: 25px; */

    /* By Vistaar */
    justify-content: space-between;
    /*  */
}

.form-group.drop-ship label {
    /* color: #8f8f8f !important; */
    font-size: 21px;
    font-weight: 400;
    line-height: 34.68px;
    font-family: jost;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 0;
    /* By Vistaar */
    display: flex;
    gap: 5px;
    /*  */
}

.checkshadow {
    position: relative;
    z-index: 0;
}

.form-group.drop-ship input.form-control {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    border: 0;
    margin-right: 0;
    z-index: 99;
}

.form-group.drop-ship input.form-control {
    box-shadow: none;
}

.form-group.drop-ship input.form-control:after {
    content: '';
    -webkit-appearance: none;
    /* background-color: #9cae06; */
    border: 1px solid #000;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0px -70px 10px -12px rgba(0, 0, 0, .05); */
    /* padding: 9px; */
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 6px;
    z-index: 9;
}

.uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

#file-upload-form {
    position: relative;
}

div#file-upload-form {
    display: flex;
    flex-wrap: wrap;
}

.uploader input[type=file] {
    display: none;
}

.uploader label {
    /* float: left; */
    clear: both;
    width: 100%;
    text-align: left;
    /* background: #fff; */
    border-radius: 0px;
    /* border: 1px solid #757779; */
    transition: all 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 5px;
	margin-top:30px;
    /* box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5); */
}

label {
    /* By Vistaar */
    /* color: #333; */
    /*  */
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
}

.uploader label span {
    font-size: 21px;
    font-weight: 400;
    line-height: 34.68px;
    font-family: jost;
    margin: 3px 0;
    display: inline-block;
    color: rgba(0, 0, 0, 0.6);
}

.uploader #start {
    width: 90%;
    /* border-style: dashed;
    border-width: 1px;
    border-color: #9e9e9e; */
    padding: 0 0;
    /* margin: 0 auto; */
    margin-bottom: 5px;
    padding-top: 10px;
    cursor: pointer;
}

.uploader #start h6 {
    font-size: 14px;
    color: #7d7d7d;
    margin: 0;
    font-weight: bold;
}

.uploader .btn {
    background: #fff;
    border: 1px solid rgba(135, 210, 210, 1);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: rgba(36, 36, 36, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    padding: 12px 32px;
    font-family: jost;
    text-transform: uppercase;
    /* height: 30px; */
    display: inline-block;
    /* width: 120px; */
    margin-bottom: 0px;
}

.uploader .btn:hover {
    border: 1px solid #000;
}

.vanity-form-box span#custom-text {
    font-size: 13px;
    color: #7d7d7d;
    display: block;
    font-weight: normal;
}

/* By Vistaar */
.vanity-form-box input.textarea {
    /* height: 139px; */
	padding-top:35px;
    font-size: 21px;
    font-weight: 400;
    line-height: 34.68px;
    font-family: jost;
    width: 100%;
    /* padding-left: 25px; */
    /* border: 1px solid #757779; */
    color: rgba(0, 0, 0, 0.6);
    border-radius: 0px;
    /* -moz-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    -webkit-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5);
    box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5); */
}

.vanity-form-box input.form-control::placeholder,
.rdo-btn label span,
.vanity-order-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-group.drop-ship label,
.vanity-form-box textarea {
    color: rgba(0, 0, 0, 0.6) !important;
    opacity: 1;
}

.paginations {
    position: relative;
    padding-bottom: 120px;
}

.steps-number {
    display: flex;
    align-items: center;
    position: absolute;
    left: -22px;
}

.paginations p.active {
    display: block;
}

.paginations p {
    margin-bottom: 0 !important;
    font-size: 14px;
}

.next_step_text {
    position: absolute;
    right: 15px;
    top: 18px;
}

.next_step_text a {
    color: red;
    font-weight: bold;
}

.paginations .disable {
    pointer-events: none;
}

.steps-number a img {
    opacity: 0.4;
    margin-right: 8px;
}

.steps-number a.active img {
    opacity: 1;
}

.next-step-form img {
    position: absolute;
    right: 260px;
}

.leg-style-show,
.finish-style-show {
    width: auto;
    float: left;
    padding-left: 15px;
}

.leg-style-show img {
    width: 100%;
    border: solid 1px #a7aaae;
    padding: 0px;
    position: absolute;
    top: 0;
    margin-left: 20px;
    max-width: 280px;
    right: -40%;
    z-index: 9;
}

.leg-style-show img,
.finish-style-show img,
.slof-style-show img {
    display: none;
}

.vanity-form-inner-right {
    width: 600px;
    float: left;
    /* By Vistaar */
    /*width: 400px;*/
    /* padding: 10px 50px; */
    padding: 0px 30px;
    /* margin-top: 30px; */
    padding-left: 30px;
    /* margin-top: 80px; */
    /*  */
    position: sticky;
    top: 0;
}

.vanity-form-inner-right .col-md-6 {
    padding: 0px;
}

.leg-style-show img {
    width: 100%;
    border: solid 1px #a7aaae;
    padding: 0px;
    position: absolute;
    top: 0;
    margin-left: 20px;
    max-width: 280px;
    right: -40%;
    z-index: 9;
}

.finish-style-show img {
    width: 100%;
    border: solid 1px #a7aaae;
    padding: 0px;
    position: absolute;
    top: -311px;
    margin-left: 20px;
    max-width: 245px;
    right: -35.5%;
    z-index: 9;
}

.vanity-form-inner-right img {
    position: unset;
    margin-bottom: 20px;
    margin-left: 0;
    max-width: 250px;
    max-height: 250px;
    object-fit: contain;
    border: 0;
}

#finish-esti-time {
    position: absolute;
    bottom: 22px;
    right: 6px;
    font-weight: bold;
    color: #a0a0a0d1;
    font-size: 14px;
    text-transform: capitalize;
}

.slof-style-show img#slof_image {
    width: 100%;
    max-width: 100%;
    border: 1px solid #999;
    max-height: unset;
}


.notes_popup_body:before {
    content: '';
    background-color: #000;
    opacity: .7;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;

    /* By Vistaar */
    display: none;
}

.white-popup {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.attention-popup {
    width: 640px;
    background-color: #fff;
}

.white-popup.vanity-popup {
    text-align: center;

    /* By Vistaar */
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*  */

}

/* By Vistaar */
#rear_riser_popup.white-popup.vanity-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
}

.white-popup.vanity-popup .popup-inner img {
    margin: 0 auto;
}

#front_risers_popup_step_six.white-popup.vanity-popup,
#wall_brackets_pu_popup.white-popup.vanity-popup,
#tp_holder_popup.white-popup.vanity-popup,
#aux_towel_rail_pu_popup.white-popup.vanity-popup {
    max-width: 40%;
}

#help_leg_system_popup .popup-inner,
#help_single_leg_popup .popup-inner {
    max-width: 60%;
}

#split_diameter_popup .popup-inner,
#optional_rear_legs_popup .popup-inner,
#ada_popup .popup-inner,
#curver_crossbar_popup .popup-inner {
    max-width: 65%;
}

#acrylic_rod_popup.white-popup.vanity-popup,
#reeded_tubing_popup.white-popup.vanity-popup,
#hammered_balls_popup.white-popup.vanity-popup {
    width: fit-content;
}

.vanity-form-box.counter-sink-top .white-popup.vanity-popup {
    transform: none;
    top: 320px;
    left: unset;
}

/*  */

.white-popup {
    margin: initial;
    /* max-width: 450px; */
}

.notes_popup_body .notes_popup_in {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    z-index: 100000;
}

#notes_popup .popup-inner {
    padding: 20px;
    padding-top: 0;
    margin-top: 25px;
}

.attention-popup .popup-inner {
    max-width: 100%;
    padding: 20px 25px 10px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.vanity-popup .popup-inner {
    max-width: 80%;
    width: 100%;
    margin-top: 30px;
}

.popup-inner {
    position: relative;
    display: inline-block;
    padding-left: 40px;
}

#notes_popup span {
    margin-top: 10px;
}

.attention-popup .popup-inner>span {
    width: 56px;
}

.attention-popup span:before {
    content: '';
    display: inline-block;
    width: 56px;
    height: 56px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0;
    background-image: url(../images/drop-alert.png);
    margin-top: 0px;
}

.attention-content p,
.notes-content p {
    margin-bottom: 0;
    text-align: left;
    display: block;
    font-size: 16px;
    color: #000;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

.popup-inner button.mfp-close {
    background: url(../images/X.png) ! important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
    width: 38px !important;
    height: 38px !important;
    right: 7px;
    top: 10px;
}

.popup-inner button.mfp-close {
    width: 40px;
    height: 40px;
    opacity: 1;
    border-radius: 100%;
    z-index: 9;
    background: url(../images/close-new.png);
}

.vanity-popup .popup-inner button.mfp-close {
    right: -18px;
    top: -20px;
    background: url(../images/close-new.png);
}

#notes_popup button.mfp-close {
    top: -43px;
}

.drop-ship-details {
    width: 100%;
    float: left;
    padding: 0 28px;
    margin-bottom: 14px;
}

.drop-ship-form {
    /* By Vistaar */
    background-color: rgba(234, 234, 234, 0.4);
    border: 1px solid #000;
    /* background-color: #94a506; */
    /*  */
    padding: 10px 0 0px 0;
    width: 100%;
    float: left;
}

.drop-ship-form .pl-0.pr-0 {
    padding: 0px 8px;
}

.drop-ship-details .drop-ship-form .form-group {
    margin-bottom: 15px;
}

select {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial;
    background: #ffffff;
    border: 1px solid #d6d6d6;
    color: #000000;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 38px;
    padding: 0 4px;
    vertical-align: middle;
    width: 100%;
    margin: 0;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 87% !important;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

/* By Vistaar */
.vanity-order-form .select2-container--default .select2-selection--single {
    height: 65px !important;
    border-radius: 0 !important;
    /* -moz-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5) !important;
    -webkit-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5) !important;
    box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5) !important; */
    border-bottom: 1px solid #000 !important;
    /* padding-left: 15px; */
    /* padding-bottom: 20px; */
    border: 0;
    background: transparent;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

/* .vanity-form-box input.form-control::placeholder, .rdo-btn label span, .vanity-order-form .select2-container--default .select2-selection--single .select2-selection__rendered, .form-group.drop-ship label, .vanity-form-box textarea {
    color: #7d7d7d !important;
    opacity: 1;
} */
.vanity-order-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    /* color: rgba(0, 0, 0, 0.6) !important; */
    font-size: 20px;
    font-weight: 400;
    line-height: 34.68px;
    font-family: jost;
    z-index: 0;
    width: 85%;
}

.vanity-order-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: inline-block;

    /* By Vistaar */
    width: 30px;
    height: 30px;

    cursor: pointer;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    right: 4px;

    /* By Vistaar */
    top: 47px;
}

.vanity-order-form .vanity-form-box.dealer-job .select2-container--default .select2-selection--single .select2-selection__arrow {
    /* By Vistaar */
    /* background-image: url(../images/light-green-up.jpg); */
    background-image: url(../images/collapse-arrow.png);
    /*  */
}

.vanity-order-form .vanity-form-box.dealer-job .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    /* By Vistaar */
    /* background-image: url(../images/light-green-black.jpg); */
    background-image: url(../images/collapse-arrow.png);

    /*  */
}

.vanity-order-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.drop-ship-details .drop-ship-form p {
    font-size: 18px;
    width: 100%;
    float: left;
    padding-top: 5px;
}

.form-group.drop-ship input.form-control:checked:after {
    content: '';
    background-image: url(../images/on.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    z-index: 99;
}

.form-group.drop-ship .checkshadow.show:after {
    display: block;
}

.form-group.drop-ship .checkshadow:after {
    content: '';
    /* background-image: url(../images/checkshadow.png); */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 51px;
    height: 32px;
    position: absolute;
    left: 7px;
    z-index: 0;
    top: 0;
    display: none;
}

/* .rdo-btn label span {
    display: flex;
    align-items: center;
    padding: 0; */
/* color: #8f8f8f !important; */
/* font-size: 14px;
    transition: 0.25s ease;
    opacity: 1; */
/* padding-left: 25px; */
/* } */
.rdo-btn label input:checked+span:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(135, 210, 210, 1);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/on.png) !important;
}

.rdo-btn label span:before {
    display: flex;
    flex-shrink: 0;
    content: '';
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.8);
    background: #fff;
    width: 30px;
    height: 30px;
    /* width: 36px;
    height: 35px; */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* margin-left: 10px; */
    /* background-image: url(../images/off.jpg); */
}

/* .vanity-form-box.dealer-job .rdo-btn label:nth-child(3) {
    padding-left: 25px;
} */
.vanity-form-box.dealer-job .rdo-btn label {
    width: 100%;
}

/* .visitor_customer_dealer .form-group.visitor-rdo-btn label {
    width: 63%;
} */
/* .vanity-form-box.dealer-job .rdo-btn label input:checked + span:before {
    background-image: none !important;
} */

.vanity-form-box.dealer-job .rdo-btn label span:before {
    background-image: none;
}

#what-can-help h4 {
    background: #5e8a73;
}

.vanity-form-box.counter-sink-top h4 {
    background: #5E8A73;
}

.vanity-order-form .vanity-form-box.counter-sink-top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

.vanity-order-form .vanity-form-box.counter-sink-top .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

/* By Vistaar */
.add-hint-popup-popup {
    text-align: center;
    position: absolute;
    width: 70%;
    margin: 10px auto;
    right: 10px;
    top: 320px;
    z-index: 99;
    display: none;
}

.add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.countertop-error {
    /* left: -465px;
    bottom: 175px;
    top: unset; */
    left: -235px;
    /* bottom: 175px; */
    top: 400px;

}

.add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.counterdepth-error {
    /* bottom: 170px; */
    top: 400px;
    right: -89px;
}

.add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.counterheight-error {
    /* bottom: 0px; */
    /* top: unset; */
    /* left: 0; */
    /* By Vistaar */
    /* left: -150px;
    bottom: 90px; */
    top: 480px;
    /* left: 0; */
    left: -210px;
}

/*  */
label.filed-name {
    text-align: right;
    margin-bottom: 0 !important;
    font-weight: normal;
    color: #ffffff;
    text-transform: lowercase;
}

.vanity-form-box .form-group.filed-added {
    margin-bottom: 0 !important;
}

.stone-forest-details {
    width: 100%;
    float: left;
    width: 100%;
    float: left;
    padding: 0 28px;
    margin-bottom: 14px;
}

.stone-forest-inner {
    /* By Vistaar */
    /* background-color: #618a74; */
    background-color: #fff;
    border: 1px solid #000;
    /*  */
    padding: 10px 10px 0px 10px;
    width: 100%;
    float: left;
}

.stone-forest-details .stone-forest-inner h3 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.stone-forest-details .stone-forest-inner p {
    font-size: 14px;
}

.stone-forest-inner .form-group.rdo-btn {
    padding-left: 3px;
}

.stone-forest-inner .form-group.rdo-btn label {
    justify-content: space-between;
}

.stone-forest-inner .form-group.rdo-btn label span {
    color: #000 !important;
    width: 330px;
    /* By Vistaar */
    display: flex;
    justify-content: flex-start;
}

.stone-forest-inner .form-group.rdo-btn h5 {
    padding:42px 2px 8px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
    color: #000;
    width: 200px;
    text-transform: capitalize;
}

.stone-forest-inner .form-group.rdo-btn label span::before {
    position: unset;
    margin-right: 8px;
}

.vanity-form-box.leg-system h4 {
    background: #EDB322;
}

/* .vanity-form-box .steps-2:before {
    background-image: url(../images/step-2.png);
} */
/* .vanity-form-box .steps-3:before {
    background-image: url(../images/step-3.png);
} */
.vanity-order-form .vanity-form-box.leg-system .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

.vanity-order-form .vanity-form-box.leg-system .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

#select2-leg_style-results {
    max-height: 100% !important;
    width: 710px !important;
    background-color: #fff;
    border-radius: 0 !important;
    -moz-box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    -webkit-box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    border: 1px solid #757779 !important;
}

.select2-results {
    background-color: #fff;
    border-radius: 0 !important;

    /* By Vistaar */
    /* -moz-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5) !important;
    -webkit-box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5) !important;
    box-shadow: 4px 6px 8px 0px rgb(100, 100, 100, 0.5) !important; */
    /* border: 1px solid #757779 !important; */
    border: none;
}

#select2-state-results {
    max-height: 380px !important;
}

/* By Vistaar */
/* .select2-container--default .select2-results>.select2-results__options {
    box-shadow: inset 0px 7px 10px -4px !important;
} */

.row.visitor_customer_form .col-md-6 {
    width: 47%;
}

.vanity-form-box .row.visitor_customer_form input.form-control {
    width: 100%;
}

/* Authorized Palmer Dealer & Customer - By Vistaar*/
.row.visitor_customer_dealer .col-md-6.date-field {
    width: 47%;
}

.row.visitor_customer_dealer .col-md-6 {
    width: 47%;
}

.vanity-form-box .row.visitor_customer_dealer .col-md-6 input.form-control {
    width: 100%;
}

/* counter  */
.vanity-form-box .row.countertop input.form-control {
    width: 100%;
}

.vanity-form-box .row.countertop .select2-container {
    width: 100% !important;
}

.vanity-form-box .row.countertop .col-md-6 {
    width: 47%;
}

/* shelving option */
.vanity-form-box.shelving-options .row.countertop .form-group {
    display: flex;
    flex-direction: row-reverse;
}

.row:after {
    display: none !important;
}

/* optional-accessories */
.vanity-form-box.optional-accessories .row.countertop .form-group.lbl-top {
    display: none;
}

.vanity-form-box.optional-accessories .row.countertop .form-group {
    display: flex;
    flex-direction: row-reverse;
}

/*  */

.select2-selection__rendered {
    padding: 0 !important;
}

.row {
    align-items: stretch;
    justify-content: space-between;
}

.select2-container--default .select2-results__option--group {
    width: 25% !important;
    padding: 20px 6px 20px 10px !important;
    float: left !important;
}

.select2-results__option {
    color: #000 !important;
}

.select2-container--default .select2-results__group {
    font-weight: bold;
    color: #000;
    padding: 0 0 0px 5px !important;
    display: inline-block !important;
    border-bottom: solid 2px #ddd;
}

.select2-container--default .select2-results__group {
    font-weight: bold;
    color: #000;
    padding: 0 0 0px 5px !important;
    display: inline-block !important;
    /* By Vistaar */
    /* border-bottom: solid 2px #edb323; */
    border-bottom: solid 2px #ddd;
    /*  */
}

.select2-container--default .select2-results__option .select2-results__option {
    /* font-weight: bold; */
    color: #7d7d7d !important;
    /* By Vistaar */
    /* border-left: solid 2px #edb323; */
    /* border-left: solid 2px #ddd; */
    /*  */
    padding: 5px 0px 5px 10px !important;
}

#select2-countertop_select_2_1-results li.select2-results__option:first-child,
#select2-select_identical_leg_system-results li.select2-results__option:first-child,
#select2-select_acrylic_rod_4-results li.select2-results__option:first-child,
#select2-select_reeded_tubing_4-results li.select2-results__option:first-child,
#select2-select_shelving_type_5-results li.select2-results__option:first-child,
#select2-select_shelf_support_5-results li.select2-results__option:first-child,
#select2-select_front_risers_6-results li.select2-results__option:first-child,
#select2-select_wall_bracket_6-results li.select2-results__option:first-child,
#select2-select_toilet_paper_6-results li.select2-results__option:first-child,
#select2-select_auxilliary_towel_6-results li.select2-results__option:first-child,
#select2-countertop_select_2_1-results li.select2-results__option:first-child,
#select2-countertop_select_2_2-results li.select2-results__option:first-child,
#select2-select_number_of-results li.select2-results__option:first-child,
#select2-select_front_legs_3-results li.select2-results__option:first-child,
#select2-select_single_legs-results li.select2-results__option:first-child,
#select2-hammered_tubing_4-results li.select2-results__option:first-child,
#select2-leg_style-results li.select2-results__option:first-child .select2-results__options--nested li:first-child,
#select2-select_quick_ship-results li.select2-results__option:first-child .select2-results__options--nested li:first-child,
#select2-select_finish_3-results li.select2-results__option:first-child .select2-results__options--nested li:first-child {
    display: none;
}

.colour-yollow .select2-container--default .select2-results__option--selected {
    /* By Vistaar */
    /* background-color: #edb323;
    color: white !important; */
    background-color: #ddd;
    /*  */
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgba(135, 210, 210, 1) !important;
    color: white !important;
}

.colour-green .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    /* By Vistaar */
    /* background-color: #5e8a73; */
    background-color: rgba(135, 210, 210, 1);
    color: white !important;
}

ul#select2-select_quick_ship-results,
#select2-select_finish_3-results {
    border-left: 0 !important;
}

#select2-select_finish_3-results {
    max-height: 100% !important;
    width: 600px !important;
    background-color: #fff;
    border-radius: 0 !important;
    -moz-box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    -webkit-box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    border: 1px solid #757779 !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default #select2-select_finish_3-results .select2-results__option--group {
    width: 50% !important;
    float: left;
}

#select2-state-results li.select2-results__option.select2-results__option--group {
    width: 100% !important;
    padding: 0px !important;
}

.vanity-order-form .select2-container--disabled .select2-selection--single .select2-selection__arrow {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/unavailable.png) !important;
}

/* .select2-container--open .select2-dropdown {
    top: 31px;
} */

.rdo-btn label input:disabled+span:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    background-color: transparent;
    background-image: url(../images/unavailable.png) !important;
}

.vanity-order-form .vanity-form-box.materials-options .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

.vanity-form-box .steps-4:before {
    background-image: url(../images/step-4.png);
}

.vanity-form-box.materials-options h4 {
    background: #5B9ABD;
}

.colour-lightgreen .select2-container--default .select2-results__option--selected {
    /* By Vistaar */
    /* background-color: #94a503; */
    background-color: rgba(135, 210, 210, 1) !important;
    /*  */
    color: white !important;
}

.colour-lightgreen .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #94a503;
    color: white !important;
}

#select2-state-results li.select2-results__option.select2-results__option--group ul.select2-results__options.select2-results__options--nested .select2-results__option {
    border: 0;
    padding-left: 15px !important;
    font-weight: normal;
}

.colour-blue .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgba(135, 210, 210, 1);
    color: white !important;
}

.colour-blue .select2-container--default .select2-results__option--selected {
    /* By Vistaar */
    /* background-color: #5a99bd; */
    background-color: #ddd;
    /*  */
    color: white !important;
}

.vanity-form-box.shelving-options h4 {
    background: #F3888E;
}

.vanity-form-box .steps-5:before {
    background-image: url(../images/step-5.png);
}

.vanity-form-box .steps-6:before {
    background-image: url(../images/step-6.png);
}

.vanity-form-box .steps-7:before {
    background-image: url(../images/step-7.png);
}

.vanity-form-box.optional-accessories h4 {
    background: #9787B6;
}

.vanity-form-box.expeditting-services h4 {
    background: #C04041;
}

.colour-red .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f3878e;
    color: white !important;
}

.colour-red .select2-container--default .select2-results__option--selected {
    /* By Vistaar */
    /* background-color: #f3878e; */
    background-color: #ddd;

    /* color: white !important; */
    /*  */
}

.colour-purple .select2-container--default .select2-results__option--selected {
    /* By Vistaar */
    background-color: #ddd;
    /* background-color: #9787b6; */

    /* color: white !important; */
    /*  */
}

.colour-purple .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #9787b6;
    color: white !important;
}

/* By Vistaar */
.vanity-order-form .vanity-form-box.shelving-options .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

.vanity-order-form .vanity-form-box.shelving-options .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

.vanity-order-form .vanity-form-box.optional-accessories .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

.vanity-order-form .vanity-form-box.optional-accessories .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/collapse-arrow.png);
}

.vanity-form-box.expeditting-services p {
    margin-bottom: 0 !important;
    line-height: 34.68px;
    padding: 0;
    margin-top: 0;
    font-size: 20px;
    font-weight: 400;
    font-family: jost;
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
}

/*  */
.vanity-form-box.expeditting-services .rdo-btn label span {
    padding: 0;
}

/*  */
#rush_weeks {
    width: 100%;
    text-align: right;
    color: rgba(0, 0, 0, 0.6);
    float: left;
    padding: 30px 15px 5px 0;
}

img.step-help-blue-img {
    position: absolute;
    top: 0;
    z-index: 99;
}

img.step-help-blue-img {
    position: absolute;
    top: 0;
    z-index: 99
}

.admin-bar .vanity-form-inner-right {
    top: 32px;
    background-color: #fff;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #7d7d7d !important;
    opacity: 0.5;
}

.notes_popup_body .notes_popup_in {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    z-index: 100000;
}

.notes_popup_body:before {
    content: '';
    background-color: #000;
    opacity: .7;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}

/* By Vistaar */
.form-footer {
    width: 100%;
    float: left;
    margin-top: 0;
    position: relative;
    background: rgba(234, 234, 234, 0.4);
    padding: 30px 30px;
}

.form-footer .row.d-flex {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
}

.lbl-txt a {
    position: relative;
    top: -10px;
}

.popup-modal {
    position: relative;
    top: -10px;
}

.materials-options .popup-modal {
    position: relative;
    right: 22%;
}

/* By Vistaar */
.dealer-customer .popup-modal,
.dealer-customer .popup-icon {
    top: -7px;
}

#step-6 .popup-modal {
    top: 0px;
    z-index: 1;
}

/*  */

.shelving-options a,
.optional-accessories .popup-modal {
    position: relative;
    right: 15%;
}

/*  */
.form-footer-left {
    padding-left: 15px;
}

/* By Vistaar */
.form-footer-right {
    padding-left: 0;
    display: flex;
    gap: 40px;
}

/* form button css */
.form-footer-right .vanity-btnn button {
    padding: 12px 32px;
    background-color: #fff;
    color: rgba(36, 36, 36, 1);
    border: 1px solid rgba(135, 210, 210, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    font-family: jost;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}

.form-footer-right .vanity-btnn button.palmer-primary-btn {
    background-color: #87D2D2;
}

.form-footer-right .vanity-btnn button i {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 600;
}

.form-footer-right .vanity-btnn button:hover {
    background-color: rgba(135, 210, 210, 1);
}

/*  */
.form-footer .submit-btn,
.form-footer .savedata-btn,
.form-footer .clear-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.submit-btn .btn-submit {
    background: #99c5b8;
    width: 120px;
    border: 1px solid #84b4a6;
}

.submit-btn .btn-submit,
.savedata-btn a,
.clear-btn a {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 0 0 #ffffff inset;
    -moz-box-shadow: 0 1px 0 0 #ffffff inset;
    -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding: 7px 10px 0px 10px;
    text-transform: uppercase;
    height: 30px;
    text-align: center;
}

/* By Vistaar */
.submit-btn .btn-submit {
    padding: 4px 10px 0px 10px;
    margin-bottom: 0;
}

.vanity-info-footer-form {
    width: 80%;
    margin: 0 auto;
    padding: 40px 20px;
    background-color: #fff;
    border: 1px solid rgba(135, 210, 210, 1);
    align-items: center;
}

.form-footer-note .vanity-info-footer-form p {
    text-align: left;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.23px;
    font-family: jost;
    color: rgba(0, 0, 0, 0.6);
}

/*  */
.form-footer p {
    margin-bottom: 0 !important;
    font-size: 16px;
    color: #000;
    margin-left: 18px;
}

.clear-btn a {
    background: #afafaf;
    width: 120px;
    border: 1px solid #afafaf;
}

.form-footer-note {
    margin-top: 20px;
}

.form-footer-note p {
    text-align: center;
    margin: 0 !important;
    font-weight: bold;
    color: #bf4040;
}

#submit_attention_popup {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: solid 2px #bf4040;
    margin-top: 10px;
    width: 600px !important;
    background-color: #fff;
    opacity: 1;
}

#submit_attention_popup .popup-inner {
    margin-top: 0;
    position: relative;
    max-width: 100%;
    padding: 20px 25px 10px 20px;
    display: flex;
    align-items: center;
}

#submit_attention_popup span {
    float: left;
    margin-right: 12px;
}

/* By Vistaar */
/* .vanity-form-box.expeditting-services p {
    margin-bottom: 0 !important;
    line-height: 22px;
    padding: 0 30px;
    margin-top: -3px;
} */
/*  */
.uploader ul.fileList {
    list-style: none;
    text-align: left;
    width: 100%;
    margin: 0 0 1.5em;
}

.uploader ul.fileList li {
    /* By Vistaar */
    color: rgba(0, 0, 0, 0.6);
    /*  */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.uploader ul.fileList li strong {
    /* By Vistaar */
    /* color: #fff;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    font-weight: normal; */

    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.23px;
    font-family: jost;
    display: inline-block;
    text-transform: capitalize;
    /* font-weight: normal; */

    /*  */
}

a.removeFile {
    /* By Vistaar */
    /* color: red;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    font-weight: normal; */

    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.23px;
    font-family: jost;
    display: inline-block;
    /*  */
}

a.removeFile:hover {
    color: rgba(135, 210, 210, 1);
}

.admin-bar .select2-container--open .select2-dropdown {
    top: 30px;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

ul#select2-select_quick_ship-results {
    max-height: 100% !important;
    background-color: #fff;
    border-radius: 0 !important;
    -moz-box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    -webkit-box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    box-shadow: 0px 2px 5px rgb(100, 100, 100) !important;
    border: 1px solid #757779 !important;
    padding: 0 10px;
    padding-bottom: 5px;
}

.select2-container--default #select2-select_quick_ship-results .select2-results__option--group {
    width: 50% !important;
    text-align: center;
    float: left;
    padding: 20px 0px 15px 0px !important;
    position: relative;
}

.select2-container--default #select2-select_quick_ship-results .select2-results__option--group:nth-child(1),
.select2-container--default #select2-select_quick_ship-results .select2-results__option--group:nth-child(1) {
    padding-bottom: 0 !important;
}

.select2-container--default #select2-select_quick_ship-results .select2-results__option--group:nth-child(3) {
    width: 100% !important;
    padding: 15px 0 5px 0 !important;
}

.select2-container--default #select2-select_quick_ship-results .select2-results__option--group:before {
    /*content: '';*/
    width: 1px;
    height: 18px;
    top: 17px;
    background-color: #cbcbcb;
    display: inline-block;
    position: absolute;
    right: 0;
}

.select2-container--default #select2-select_quick_ship-results .select2-results__group {
    font-weight: normal;
    color: #000;
    padding: 0 0 0px 5px !important;
    display: inline-block !important;
    border-bottom: solid 1px #cbcbcb;
    letter-spacing: 1px;
    width: 95%;
}

.select2-container--default #select2-select_quick_ship-results .select2-results__option .select2-results__option {
    font-weight: normal;
    border-left: 0 !important;
    padding: 5px 30px !important;
    text-align: left;
    color: #000 !important;
    letter-spacing: 1px;
}

#select2-select_quick_ship-results li.select2-results__option:first-child .select2-results__options--nested li {
    border-right: solid 1px #cbcbcb;
}








@media only screen and (max-width: 767px) {
    .vanity-form-inner h1 {
        font-size: 20px;
    }

    .before-begin {
        width: 650px;
        padding: 40px 0px 50px 28px;
        margin-bottom: 30px;
    }

    .vanity-form-box .steps-1:before,
    .vanity-form-box .steps-2:before,
    .vanity-form-box .steps-3:before,
    .vanity-form-box .steps-4:before,
    .vanity-form-box .steps-5:before,
    .vanity-form-box .steps-6:before,
    .vanity-form-box .steps-7:before {
        width: 40px;
        height: 40px;
    }

    .step-help {
        display: none;
    }

    .paginations {
        margin-bottom: 20px;
    }

    .steps-number a img {
        width: 40px;
        height: 40px;
    }

    .next-step-form {
        text-align: center;
    }

    a.next-step-out.next-step-2 .step2-next,
    a.next-step-out.next-step-3 .step3-next,
    a.next-step-out.next-step-4 .step4-next,
    a.next-step-out.next-step-5 .step5-next,
    a.next-step-out.next-step-6 .step6-next,
    a.next-step-out.next-step-7 .step7-next {
        display: none !important;
    }

    .next-step-form img {
        top: 3px;
        right: 150px !important;
    }

    body .next-step-form img {
        position: unset;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    a.next-step-out.next-step-2 .step2-next-out,
    a.next-step-out.next-step-3 .step3-next-out,
    a.next-step-out.next-step-4 .step4-next-out,
    a.next-step-out.next-step-5 .step5-next-out,
    a.next-step-out.next-step-6 .step6-next-out,
    a.next-step-out.next-step-7 .step7-next-out {
        display: block !important;
    }

    .drop-ship-details,
    .drop-ship-form {
        float: none;
    }

    .drop-ship-form {
        padding: 10px 0 23px 0;
    }

    /* By Vistaar */
    .vanity-form-box p {
        margin-top: 30px;
    }
    /*  */

    .add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.counterdepth-error {
        right: 0;
        top: unset;
        bottom: 0;
        left: 0;
    }

    .add-hint-popup-popup {
        width: 93%;
        left: 13px;
        top: 155px;
        right: unset;
    }

    body .vanity-form-inner-right,
    .leg-style-show,
    .finish-style-show {
        width: 100%;
        padding: 0;
    }

    body .vanity-form-inner {
        float: none;
    }

    .vanity-form-inner-right .row {
        display: block;
    }
}

@media screen and (max-width: 820px) {
    .next-step-form img {
        right: 155px !important;
    }
}

@media screen and (max-width: 879px) {
    .next-step-form img {
        right: 200px !important;
    }
}

@media screen and (max-width: 991px) {
    .step-help {
        right: -41%;
        width: auto;
    }

    body .vanity-form-box span.error {
        margin: 12px 0 0px 0;
        line-height: 10px;
        font-size: 12.5px;
    }

    .vanity-form-box input.form-control::placeholder,
    label.lbl-txt {
        font-size: 14px !important;
    }

    .paginations {
        padding-top: 70px;
        padding-bottom: 0;
    }

    .steps-number {
        top: 0;
    }

    .paginations .next_step_text {
        width: 100%;
        text-align: center;
        position: unset;
    }

    .next_step_text {
        top: 62px;
    }

    .next-step-form img {
        top: 0;
        right: 230px;
    }

    .add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.counterdepth-error {
        right: 0;
    }

    .add-hint-popup-popup {
        width: 80%;
    }
}

@media (max-width: 1024px) {
    .next-step-form img {
        right: 240px;
    }

    body .vanity-form-inner-right {
        width: 50%;
        padding: 0;
        position: unset;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    body .vanity-form-inner-right {
        width: 50%;
        padding: 0;
        position: unset;
        margin-top: 40px;
    }

    .vanity-form-inner-right .row {
        display: flex;
    }

    /* By Vistaar */
    .vanity-form-inner {
        width: 100%;
    }

    /*  */
}

@media screen and (max-width: 1199px) {
    .step-help {
        right: -28%;
        width: 200px;
    }

    .next-step-form img {
        right: 235px !important;
    }
}

@media screen and (max-width: 1299px) {
    .step-help {
        right: -50%;
        width: 380px;
    }

    .vanity-form-inner-right {
        width: 339px;
        padding: 10px 30px;
    }
}

@media screen and (max-width: 1400px) {
    .vanity-form-inner-right {
        width: 340px;
        padding: 10px 15px;
    }
}

@media screen and (max-width: 1575px) {
    .vanity-form-inner {
        max-width: 760px;
    }

    .next_step_text {
        right: 0;
    }

    .next-step-form img {
        right: 240px;
        width: 130px;
    }

    .vanity-form-inner-right {
        width: 570px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body .leg-style-show img {
        max-width: 300px;
    }
}


.page-template-vanity-sinklegs #page .site-content {
    padding: 0;
}

.page-template-vanity-sinklegs .col-full {
    margin: 0;
}

.form-footer-left {
    width: 250px;
}

.vanity-popup .popup-inner {
    /* By Vistaar */
    /* max-width: 100%; 
    width: 100%;
    margin-top: 0;
    background: rgba(135, 210, 210, 1); */

    margin: 0;
    max-width: 100%;
    padding: 20px 15px;
    border: solid 2px #000;
    background-color: #ddd;

    /* By Vistaar */
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content; */
    /*  */
}

.attention-content span.call-for {
    margin-top: 20px;
    float: right;
    font-size: 16px;
    color: #000;
    margin-right: 0;
}

.step-help a.help-icon {
    position: absolute;
    left: -40px;
    top: -20px;
}

.rdo-btn label span strong {
    color: #ff0000;
    margin: 0 5px;
    font-weight: 700;
}

#rush_weeks span:first-child {
    text-transform: uppercase;
    font-weight: bold;
}

/* .vanity-order-form .select2-container--default .select2-selection--single .select2-selection__rendered.option-selected {
    color: #000 !important;
} */


/* progress bar - By Vistaar*/
.step-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    position: relative;
    padding-top: 40px;
    padding-bottom: 30px;
}

.step-progress-four {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
    padding-top: 40px;
    padding-bottom: 30px;
    display: none;
}

.steps-progress {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ddd;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* z-index: 1; */
}

.steps-progress.active {
    background-color: rgba(135, 210, 210, 1);
}

.steps-progress:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -35px;
    width: 50px;
    height: 2px;
    background-color: #ddd;
    z-index: -1;
    transform: translateY(-50%);
}

.steps-progress.active+.steps-progress::before {
    background-color: rgba(135, 210, 210, 1);
}

.hidden {
    display: none;
}


/* By  */
.steps-paginations {
    width: 100%;
    height: auto;
    /* background-color: red; */
    position: relative;
    right: 0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 30px 0 0;
    gap: 30px;
}

.steps-paginations-submit {
    width: 45%;
    height: auto;
    /* background-color: red; */
    position: relative;
    right: 0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 0 0;
    gap: 30px;
	float: right;
}

/* prev */
.steps-paginations .prev-btn.vanity-next-btnn button {
    padding: 12px 32px;
    background-color: #fff;
    color: rgba(36, 36, 36, 1);
    border: 1px solid rgba(135, 210, 210, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    font-family: jost;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}

.steps-paginations-submit .prev-btn.vanity-next-btnn button {
    padding: 12px 32px;
    background-color: #fff;
    color: rgba(36, 36, 36, 1);
    border: 1px solid rgba(135, 210, 210, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    font-family: jost;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}

/* next */
.steps-paginations .vanity-next-btnn button {
    padding: 0;
    background-color: transparent;
    color: rgba(36, 36, 36, 1);
    /* border: 1px solid rgba(135, 210, 210, 1); */
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    font-family: jost;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    border-color: transparent;
    cursor: revert;
}

.steps-paginations-subit .vanity-next-btnn button {
    padding: 0;
    background-color: transparent;
    color: rgba(36, 36, 36, 1);
    /* border: 1px solid rgba(135, 210, 210, 1); */
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    font-family: jost;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    border-color: transparent;
    cursor: revert;
}

.steps-paginations .vanity-next-btnn button i {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 600;
}

.steps-paginations-next .vanity-next-btnn button i {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 600;
}

.steps-paginations-submit .vanity-next-btnn button i {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 600;
}


.steps-paginations .prev-btn.vanity-next-btnn button:hover {
    background-color: transparent;
    border: 1px solid #000;
}

.steps-paginations-next .prev-btn.vanity-next-btnn button:hover {
    background-color: transparent;
    border: 1px solid #000;
}

.steps-paginations-submit .prev-btn.vanity-next-btnn button:hover {
    background-color: transparent;
    border: 1px solid #000;
}

/* By Vistaar */
/* .next-step-forms {
    width: 15%;
} */
/*  */

.step-next {
    display: block;
}

#step-1 {
    position: relative;
    /* Position relative to enable sliding */
    transition: transform 0.6s ease;
    /* Add sliding transition */
}

#what-can-help {
    display: none;
    /* Initially hidden */
    position: relative;
    top: 0;
    right: -100%;
    /* Start off-screen to the right */
    transition: transform 0.6s ease;
    /* Add sliding transition */
}

/* #what-can-help.show {
    display: block;
    transform: translateX(-100%);
} */

.next-step-3-1,
.next-step-4-1,
#go-back-step-7-1 {
    display: none;
}


/* By Vistaar */
.popup-icon {
    position: relative;
}

.shelving-options .popup-icon {
    z-index: 30;
}

a.popup-countertop {
    position: absolute;
    top: 10px;
    right: 14%;
    z-index: 40;
}

.vanity-form-box .popup-inner.contertop-thickness h6,
.vanity-form-box .popup-inner.countertop-width h6,
.vanity-form-box .popup-inner.countertop-depth h6,
.vanity-form-box .popup-inner.countertop-height h6 {
    font-size: 16px;
    /* color: red; */
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 20.23px;
    font-family: 'jost';
}

.mobile-step-progress {
    display: none;
}

.mobile-step-progress-four {
    display: none;
}

/* static image - counter-top */
.form-group-image {
    border: 0.685px solid #87D2D2;
    background: #FFF;
    width: 70%;
    aspect-ratio: 1 / 1;
    padding: 20px;
}

.form-group-image img {
    aspect-ratio: 1 / 1;
}

.expeditting-icon.popup-modal-img {
    top: -1px;
    left: -17px;
}

.product-total-length-popup {
    width: 60%;
}

.tooltip-content p {
    text-align: left;
}

@media (max-width: 769px) {
    .vanity-section {
        padding: 0;
    }

    /* Your Info */
    .row.visitor_customer_dealer,
    .row.visitor_customer_form {
        flex-direction: column;
    }

    .row.visitor_customer_dealer .col-md-6,
    .row.visitor_customer_form .col-md-6,
    #what-can-help .col-md-4.col-sm-4,
    .vanity-form-box .row.countertop .col-md-6 {
        width: 100%;
    }

    .vanity-form-box {
        padding: 30px 30px;
    }

    .rdo-btn label span,
    .form-group.drop-ship label,
    .uploader label span,
    .vanity-form-box input.form-control,
    .vanity-order-form .select2-container--default .select2-selection--single .select2-selection__rendered,
    li.select2-results__option {
        font-size: 14px;
    }

    .vanity-form-box #Date_1 {
        font-size: 16px;
    }

    .vanity-form-box input.form-control {
        /*height: 40px;*/
    }

    label.lbl-txt {
        line-height: 15.68px;
    }

    .uploader .btn,
    .steps-paginations .prev-btn.vanity-next-btnn button,
    .palmer-primary-btn,
    .form-footer-right .vanity-btnn button {
        padding: 5px 15px;
        font-size: 14px;
    }

    .steps-paginations .vanity-next-btnn button {
        font-size: 14px;
        line-height: 20.2px;
    }

    /* popup */
    .attention-popup {
        width: 90%;
    }

    #notes_popup .popup-inner {
        padding: 10px;
    }

    .popup-inner button.mfp-close {
        width: 30px !important;
        height: 30px !important;
    }

    h2.test {
        padding: 0;
        font-size: 20px;
    }

    .vanity-order-form .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 15px;
        height: 20px;
        top: 20px;
    }

    .vanity-order-form .select2-container--default .select2-selection--single {
        height: 40px !important;
    }

    /* .dealer-customer .popup-modal{
        position: absolute;
        top: 0;
    } */
    .lbl-txt a {
        position: absolute;
    }

    span.select2-dropdown.select2-dropdown--below {
        top: 0;
    }

    /* .steps-paginations {
        justify-content: unset;
    } */

    /*countertop popup */
    .vanity-form-box.counter-sink-top .white-popup.vanity-popup {
        width: 93%;
        left: 13px;
        top: 320px;
        right: unset;
    }

    .add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.countertop-error {
        left: 12px;
        bottom: 165px;
    }

    .add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.counterdepth-error {
        bottom: 100px;
    }

    .add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.counterheight-error {
        left: 10px;
        bottom: 35px;
    }

    /* counter top top padding */
    .row.countertop,
    .vanity-form-box.materials-options .row {
        padding-top: 40px;
        gap: 10px;
    }

    .rdo-btn label span {
        padding-bottom: 10px;
    }

    /* checkbox width */
    .rdo-btn label span:before,
    .rdo-btn label input:checked+span:before {
        width: 25px;
        height: 25px;
    }

    /* leg system drop down */
    .select2-container--default .select2-results__option--group,
    .select2-container--default #select2-select_finish_3-results .select2-results__option--group {
        width: 100% !important;
    }

    #select2-leg_style-results,
    #select2-select_finish_3-results {
        width: 100% !important;
        max-height: 250px !important;
    }

    .materials-options .popup-modal,
    .shelving-options .popup-icon,
    .optional-accessories .popup-modal,
    .expeditting-services .dealer-customer .popup-modal {
        position: absolute;
        top: -3px;
        right: 14%;
    }

    .select2-container,
    .materials-options .col-md-4,
    .expeditting-services .col-md-6 {
        width: 100% !important;
    }

    /* material option popup */
    #acrylic_rod_popup.white-popup.vanity-popup,
    #reeded_tubing_popup.white-popup.vanity-popup,
    #hammered_balls_popup.white-popup.vanity-popup,
    #front_risers_popup_step_six.white-popup.vanity-popup,
    #wall_brackets_pu_popup.white-popup.vanity-popup,
    #tp_holder_popup.white-popup.vanity-popup,
    #aux_towel_rail_pu_popup.white-popup.vanity-popup,
    #help_leg_system_popup .popup-inner,
    #help_single_leg_popup .popup-inner {
        width: 90%;
        max-width: 100%;
    }

    /* #number_of_sinks_popup,
    #countertop_overhang_popup,
    #ordering_more_then_one_popup,
    #number_of_front_legs_popup,
    #rear_riser_popup {
        width: 90%;
    } */
    .white-popup.vanity-popup {
        width: 90% !important;
    }

    #acrylic_rod_popup.white-popup.vanity-popup .popup-inner,
    #reeded_tubing_popup.white-popup.vanity-popup .popup-inner,
    #hammered_balls_popup.white-popup.vanity-popup .popup-inner,
    #front_risers_popup_step_six.white-popup.vanity-popup .popup-inner,
    #wall_brackets_pu_popup.white-popup.vanity-popup .popup-inner,
    #tp_holder_popup.white-popup.vanity-popup .popup-inner,
    #aux_towel_rail_pu_popup.white-popup.vanity-popup .popup-inner {
        display: flex;
    }

    .vanity-form-box.expeditting-services p {
        font-size: 14px;
        /* text-align: center; */
        padding: 0 6px;
        line-height: 20px;
        padding: 20px 0;
    }

    .expeditting-icon.popup-modal-img {
        top: 16px;
        width: 20px;
        left: -7px;
    }

    .form-footer.vanity-footer-form .row.d-flex {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        width: auto;
    }

    .form-footer-right {
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }

    .vanity-section {
        flex-direction: column;
    }

    .product-estimator-popup {
        width: 90%;
    }

    .product-estimator-popup img {
        max-width: 100% !important;
    }

    /* icon size */
    .vanity-form-box .form-group a:before {
        width: 15px;
        height: 15px;
    }

    .clear-btn.vanity-btnn button,
    .clear-btn.vanity-btnn,
    .submit-btn.vanity-btnn button,
    .submit-btn.vanity-btnn {
        width: 100%;
    }

    .span-countertop h2,
    .china-sinktop h2 {
        font-size: 1.8rem;
    }

    #countertop_materials_popup {
        top: 40px;
        position: relative;
    }


    /* mobile-progress bar */
    .mobile-step-progress {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .mobile-step-progress-four {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .mobile-step-progress .steps-progress.active::after,
    .mobile-step-progress-four .steps-progress.active::after {
        content: '';
        position: absolute;
        top: 50%;
        /* right: -35px; */
        /* left: -35px; */
        width: 220px;
        height: 2px;
        background-color: #ddd;
        z-index: -1;
        transform: translateY(-50%);
    }

    .desktop-progress-bar {
        display: none !important;
    }

}

@media (min-width: 769px) and (max-width: 1300px) {
    .vanity-section {
        padding: 0;
    }

    .vanity-form-box input.form-control::placeholder,
    label.lbl-txt,
    .vanity-form-box input.form-control,
    .vanity-order-form .select2-container--default .select2-selection--single .select2-selection__rendered,
    .rdo-btn label span,
    .form-group.drop-ship label,
    .uploader label span {
        font-size: 18px !important;
    }

    .vanity-form-box .form-group a:before {
        margin-left: 0;
    }

    .select2-container--default .select2-results__option--group,
    .select2-container--default #select2-select_finish_3-results .select2-results__option--group {
        width: 100% !important;
    }

    #select2-leg_style-results,
    #select2-select_finish_3-results {
        width: 100% !important;
        max-height: 250px !important;
    }

    .select2-container {
        width: 100% !important;
    }

    .vanity-order-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        width: 75%;
    }

    .materials-options .popup-modal,
    .shelving-options .popup-modal,
    .optional-accessories .popup-modal {
        position: absolute;
        top: 10px;
        right: 21%;
    }

    .add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.countertop-error {
        left: -185px;
    }

    .add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.counterdepth-error {
        right: 31px;
    }

    .add-hint-popup-popup.white-popup.vanity-popup.add-hint-popup-error.counterheight-error {
        left: -190px;
    }

    .expeditting-services .dealer-customer .popup-modal {
        top: -3px;
    }

    /* #number_of_sinks_popup,
    #countertop_overhang_popup,
    #ordering_more_then_one_popup,
    #number_of_front_legs_popup,
    #rear_riser_popup {
        width: 70%;
    } */
    .white-popup.vanity-popup {
        width: 70% !important;
    }

    .vanity-section {
        flex-direction: column;
    }

    .product-estimator-popup {
        width: 50%;
    }

    .product-total-length-popup {
        width: 100%;
    }
}

.popup-modal-img {
    position: absolute !important;
    top: 20px;
    left: -7px;
}

.popup-modal-cont {
    position: absolute;
    top: 20px;
    left: -23px;
}

.product-estimator-popup {
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
    background: #fff;
	max-width: 50%;
}

.product-estimator-popup img {
    width: 100%;
    max-width: 90%;
    display: inline-block;
    vertical-align: middle;
}

/*  */
/*  */

/* popup x */
.product-sink-leg-estimator-popup {
    display: flex;
    justify-content: center;
}

/* for attension popup */
img.attention-content-icon.popup-modal-img {
    width: auto;
    left: 0;
    top: 0;
    position: relative !important;
}

.attention-content .attention-container-content {
    display: flex;
    gap: 10px;
}

/*  */

/* captcha */
.custom-recaptcha-wrap {
    margin-left: 30px;
    margin-bottom: 30px;
	width:40%;
}


.wpcf7-spinner {
  display: inline-block !important;
  visibility: visible !important;
  margin-left: 10px;
}

/*  */