/**
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 3.0
* that is bundled with this package in the file LICENSE.txt
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/

@media screen and (max-width:576px){
    .wk_design_1,.wk_design_2,.wk_design_3{
        max-width: 70%;
    }
    .wk_design_4{
        max-width: 65%;
    }
}
@media screen and (min-width:576px){
    .wk_design_1,.wk_design_2,.wk_design_3,.wk_design_4{
        max-width: 48%;
    }
}
.card{
    background:transparent;
    /* box-sizing: unset; */
    box-shadow: none;
    border: none;
    padding: 5px;
}
.wk_design_1, .wk_design_2,.wk_design_3{
    padding: 1rem;
    margin: 0 auto;
    position: absolute;
    top: 10%;
    left: 15%;
}
.wk_design_4{
    padding: 1rem;
    margin: 0 auto;
    float: right;
}
.wk_design_3{
    left: 12%;
}
.wk_signup_form.wk_design_3{
    left:12%;
}
.wk_design_1 .btn-primary{
    background: #70cebc;
}
.wk_design_1 .form-control{
    border-color: #70cebc;
}
.wk_design_2 .btn-primary{
    background: #fb7ea5;
}
.wk_design_2 .form-control{
    border-color: #fb7ea5;
}
.wk_design_3 .form-group {
    margin: 0 auto;
    padding: 0 15px;
}
.wk_design_3 .btn-primary{
    background: #1fab89;
    border-radius: 5px;
}
.wk_design_3 .btn-primary:hover, .wk_design_3 .btn-primary:active{
    background: #18876c;
    border-radius: 5px;
}
.wk_design_3 .btn.active.focus, .wk_design_3 .btn.active:focus, .wk_design_3 .btn.focus, .wk_design_3 .btn:active.focus, .btn:active:focus, .btn:focus{
    outline: none;
}


.wk_design_3 .form-control{
    border-color: #1fab89;
    border-top: none;
    border-left: none;
    border-right: none;
    background: transparent;
}
.wk_design_3 .form-control:focus, .input-group.focus, .wk_design_4 .form-control:focus, .input-group.focus{
    outline: none;
}
.wk_design_4 .btn-primary{
    background: #0d65d6;
}
.wk_design_4 .form-control{
    border-color: #0d65d6;
    background: white;
    border-top: none;
    border-left: none;
    border-right: none;
}


.page-header{
    margin: 0px !important;
    /* margin: 0 auto; */
    /* padding: 0 15px; */
    /* text-align: center; */
}
/* .page-header,#content{ */
    /* margin-top: 0; */
    /* margin-bottom: 0 !important; */
    /* padding-top: 0; */
    /* padding-bottom: 0; */
/* } */



/* //////////////////////////new////////////////////////////////// */
.wk_form_container{
    padding: 0px 15px;
}
.wk_design{
    max-width: 500px;
    background: white;
    padding: 20px 10px;
    height: auto;
    box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 20%);
}
#wrapper{
    padding: 0px;
}
.wk_shop_logo{
    text-align: center;
}
.wk_shop_title{
    padding: 5px;
}

.wk_shop_logo_img{
    max-width: 100%;
    max-height: 30px;
}
.form-control{
    padding: 0.5rem;
}
.form-control-comment.has-error{
    color: red;
}

#customer-form .ag-loading{
    background: url("../img/ag-loading.svg") center right no-repeat;
    background-size: contain;
}