/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_CustomBuyerRegistration
 * @author    Webkul Software Private Limited
 * @copyright Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */

.nav-bar a {
    padding: 3em 0.5em 0.5em 0.5em;
}

.nav-bar a:before {
    height: 25px;
    width: 25px;
    top: 5%;
}

.nav-bar a:after {
    height: 25px;
    width: 25px;
    top: 5%;
}

.nav-bar li.active:after {
    right: calc(50% + 0.6rem);
}

#vendorregistration-component .actions-toolbar button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 1.2rem 0.6rem 1.2rem !important;
    font-family: Poppins;
    letter-spacing: 0.01em;
    font-weight: 700;
    line-height: 1.42857;
}

#vendorregistration-component .primary {
    height: unset !important;
}

#vendorregistration-component .reverse {
    float: left !important;
}

.wk-back-btn:focus,
.wk-back-btn:active {
    color: none !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
}

.wk-back-btn:hover {
    border: none !important;
    background: #f7a600 !important;
}

.wk-back-btn:before {
    margin-top: -7px;
}

h2.form-label {
    padding: 0px 2px 2px 2px;
}

@media only screen and (max-width: 767px) {
    #vendorregistration-component .fieldset {
        width: 90%;
    }
    .white-space-pre-line span {
        display: none;
    }
    .wkvr-nav {
        margin: unset;
        padding: unset;
    }
    .nav-bar a {
        padding: 15px 0.5em 15px 0.5em;
    }
    .nav-bar:before {
        top: 0.9rem;
    }
    .nav-bar li.active:after {
        top: 0.9rem;
    }
}

.nav-bar {
    max-width: 50%;
}

.nav.wkvr-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    #vendorregistration-component .reverse {
        padding: 10px 7px 10px 7px;
    }
    #vendorregistration-component .primary {
        padding: 10px 7px 10px 7px;
    }
    #vendorregistration-component .control {
        width: 100%;
    }
    .nav-bar {
        max-width: 100%;
    }
    .page-main > .page-title-wrapper .page-title {
        font-size: 14px;
    }
}

.wk-list-container-class .wk-list-container-wrapper {
    width: 90% !important;
}

.wk-mp-banner .wk-list-container.wk-mp-header {
    width: 48% !important;
}

.wk-mp-banner .wk-list-container {
    width: 45% !important;
}

.wklabel.wkboolreq > span:after {
    content: "*";
    color: #e02b27;
    font-size: 1em;
    margin: 0 0 0 0.25em;
}

.available.message.error > a::before {
    content: "";
}

.modal-content a:visited {
    color: #0088cc;
}

.page-main {
    padding-bottom: unset;
}

.page-title-wrapper {
    display: block !important;
    text-align: center;
}