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

/* login page css */
html {
    height: 100%;
}
.page-layout-seller-login {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #2b2520 !important;
    min-height: 100vh;
    height: auto;
    max-height: none;
}
.page-layout-seller-login .nav-toggle {
    display: none!important;
}
.page-layout-seller-login .logo {
    display: block !important;
    width: 232px !important;
    height: 72px !important;
    margin: 0 0 2rem !important;
    background: url('/static/adminhtml/Magento/backend/en_US/images/magento-logo.svg') 0 50% / contain no-repeat !important;
}
.page-layout-seller-login .logo img,
.page-layout-seller-login .logo .small-logo,
.page-layout-seller-login .logo .main-logo {
    display: none !important;
}
.page-layout-seller-login .wk-mp-page-wrapper {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-color: #352f2b;
    border: 1px solid #e45e0d;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.45);
    display: block;
    float: none;
    margin: auto;
    min-height: 30rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}
.page-layout-seller-login .wk-mp-login-header {
    display: inline-block;
    width: 100%;
}
.page-layout-seller-login .wk-mp-login-content {
    background: transparent;
}
.page-layout-seller-login .fieldset {
    margin: 0;
}
.page-layout-seller-login .fieldset > .field:not(.choice) > .label,
.page-layout-seller-login .fieldset > .field > .label,
.page-layout-seller-login .field.note {
    color: #f0d8c8;
}
.page-layout-seller-login .field.note {
    margin-bottom: 1.8rem;
}
.page-layout-seller-login .field.required > .label:after {
    color: #f15a24;
}
.page-layout-seller-login input.input-text {
    background-color: #2b2520;
    border: 1px solid #e45e0d;
    color: #ffffff;
    height: 3.8rem;
}
.page-layout-seller-login input.input-text:focus {
    border-color: #f15a24;
    box-shadow: 0 0 0 1px #f15a24;
}
.page-layout-seller-login .action-primary,
.page-layout-seller-login .action-login.action-primary {
    background-color: #e45e0d;
    border-color: #e45e0d;
    color: #ffffff;
    font-weight: 600;
    text-transform: none;
}
.page-layout-seller-login .action-primary:hover,
.page-layout-seller-login .action-login.action-primary:hover {
    background-color: #f15a24;
    border-color: #f15a24;
}
.page-layout-seller-login .form-actions a,
.page-layout-seller-login .form-actions .action.remind {
    color: #9bb8d4;
}
.page-layout-seller-login .form-actions a:hover,
.page-layout-seller-login .form-actions .action.remind:hover {
    color: #c5d8eb;
}
.wk-mp-login-footer {
    color: #989287;
    font-size: 1rem;
    font-weight: 400;
    left: 0;
    margin: 5rem 0 2rem;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 100%;
}
.marketplace-account-login .fieldset > .field > .control {
    width: 100%!important;
}
@media (max-width: 599px) {
    .page-layout-seller-login {
        min-width: 20rem;
    }
    .page-layout-seller-login .wk-mp-page-wrapper {
        max-width: 30rem;
        padding: 3rem 3rem 4rem;
        width: calc(100% - 6rem - 2px);
    }
    .page-layout-seller-login .logo {
        width: 210px !important;
    }
}
@media (min-width: 600px) {
    .page-layout-seller-login {
        min-width: 50rem;
    }
    .page-layout-seller-login .wk-mp-page-wrapper {
        max-width: 45rem;
        padding: 3rem 6rem 4rem;
        width: calc(100% - 12rem - 2px);
    }
}