/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
2.1 - MAXIMUM width of 480 pixels (phones and smaller)
2.2 - MINIMUM width of 481 pixels (phones and larger)
2.3 - MINIMUM width of 721 pixels (tablets and larger)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
    clear: both !important;
}

#account_username,#account_password {
    width:48%;
}
.woocommerce-billing-fields span {
    padding: 12px 0 12px 5px !important;
    background:#FFF !important;

    width:100% !important;
}
.buddyboss-select {
    width:48%;
    margin-top:0 !important;


}

#customer_details .buddyboss-select-inner {
    border: 1px solid #e1e1e1 !important;
    padding: 7px 0 8px 0 !important;
    background:#FFF !important;
    height:auto !important;
}




body:not(.login) [type="checkbox"]:not(:checked),
body:not(.login) [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

/* on prépare le label */
body:not(.login) [type="checkbox"]:not(:checked) + label,
body:not(.login) [type="checkbox"]:checked + label,
body:not(.login) [type="checkbox"]:not(:checked) + span,
body:not(.login) [type="checkbox"]:checked + span,
body:not(.login) [type="checkbox"]:not(:checked) + strong,
body:not(.login) [type="checkbox"]:checked + strong {
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer;    /* affiche un curseur adapté */
}

div.buddyboss-select-inner:nth-child(1) > span:nth-child(1) {
    padding-left: 0 !important;
}

body:not(.login) input[type=checkbox]+label, 
body:not(.login) input[type=checkbox]+span, 
body:not(.login) input[type=checkbox]+strong{
    left: 0px;
}
body:not(.login) input[type=checkbox]+label:before, 
body:not(.login) input[type=checkbox]+span:before, 
body:not(.login) input[type=checkbox]+strong:before {
    left: 3px;
}
body:not(.login) input[type=checkbox]:checked+label:after,
body:not(.login) input[type=checkbox]:checked+span:after, 
body:not(.login) input[type=checkbox]:checked+strong:after {
    left: 3px;
}
body:not(.login) input[type=checkbox]:checked+label[for=login_rememberme]:after{
    left:2px;
    top:-2px;
}

.is-desktop #buddypress div#group-create-tabs ul li a, .is-desktop #buddypress div#group-create-tabs ul li:before, .bp-user.messages.is-desktop #buddypress div#subnav.item-list-tabs ul li:hover a, .bp-user.messages.is-desktop #buddypress div#subnav.item-list-tabs ul li.selected a, .bp-user.messages.is-desktop #buddypress div#subnav.item-list-tabs ul li.current a, .bp-user.messages.is-desktop #buddypress div#subnav.item-list-tabs ul li a span, .search.is-desktop #buddypress div:not(#item-nav) > .dir-form div.item-list-tabs ul li a span, .search.is-desktop #buddypress div:not(#item-nav) > .dir-form div.item-list-tabs ul li.active a, .search.is-desktop #buddypress div:not(#item-nav) > .dir-form div.item-list-tabs ul li:hover a, .settings.bp-user.is-desktop #buddypress div#subnav.item-list-tabs ul li:hover a, .settings.bp-user.is-desktop #buddypress div:not(#item-nav) > .item-list-tabs ul li:hover a, .is-desktop #buddypress div#item-nav .item-list-tabs ul li:hover > a, .is-desktop #buddypress div#item-nav .item-list-tabs ul li.selected > a, .is-desktop #buddypress div#item-nav .item-list-tabs ul li.current > a, .is-desktop #buddypress div#item-nav .item-list-tabs ul li a span, .is-desktop #buddypress div#item-nav .item-list-tabs ul li:hover a:after, .is-desktop #buddypress div#item-nav .item-list-tabs ul li.selected a:after, .is-desktop #buddypress div#item-nav .item-list-tabs ul li.current a:after, .is-desktop .buddyboss-select-inner span, .is-desktop .post-author .load-more-posts:hover, .is-desktop .post-author .load-more-posts a:hover, .is-desktop .header-notifications a#user-messages span.count:before, .is-desktop .header-notifications a span.pending-count:before, .is-desktop .header-notifications .pop a:hover {
    font-size: 14px !important;
}


form#signup_form input[type=text], 
form#signup_form input[type=email],
form#signup_form input[type=password],
form#signup_form .buddyboss-select-inner,
form#signup_form textarea, 
form#frm_siteRegisterBox input[type=text], 
form#frm_siteRegisterBox input[type=email],
form#frm_siteRegisterBox input[type=password],
form#frm_siteRegisterBox .buddyboss-select-inner,
form#frm_siteRegisterBox textarea, 
form.wcv-formvalidator input[type=text], 
form.wcv-formvalidator input[type=email],
form.wcv-formvalidator input[type=password],
form.wcv-formvalidator .buddyboss-select-inner,
form.wcv-formvalidator textarea{
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: inherit;
}
form#signup_form input[type=text], 
form#signup_form input[type=email],
form#signup_form input[type=password],
form#signup_form .buddyboss-select-inner,
form#signup_form textarea,
form#frm_siteRegisterBox input[type=text], 
form#frm_siteRegisterBox input[type=email],
form#frm_siteRegisterBox input[type=password],
form#frm_siteRegisterBox .buddyboss-select-inner,
form#frm_siteRegisterBox textarea,
form.wcv-formvalidator input[type=text], 
form.wcv-formvalidator input[type=email],
form.wcv-formvalidator input[type=password],
form.wcv-formvalidator .buddyboss-select-inner,
form.wcv-formvalidator textarea{
    background-color: #fff;
    padding:12px 20px !important;
    border: 1px solid #e1e1e1;
}
form#signup_form .buddyboss-select-inner,
form#frm_siteRegisterBox .buddyboss-select-inner,
form.wcv-formvalidator .buddyboss-select-inner{
    height:auto;
}
form#signup_form .buddyboss-select,
form#frm_siteRegisterBox .buddyboss-select,
form.wcv-formvalidator .buddyboss-select,
form.wcv-formvalidator .form-row select,
.wcv-pro-dashboard.woocommerce form .form-row input.input-text,
.wcv-pro-dashboard.woocommerce form .form-row input.state_select,
.wcv-pro-dashboard.woocommerce form .validate-state{
    width:100% !important;
}

div.mp_merchant_bank_account_container > table > thead > tr > td:nth-child(2) > div > div.buddyboss-select-inner{
    height:48px;
}

.wcv-pro-dashboard .wcv-form .control-group input[type=checkbox]+label[for=_wcv_agree_to_terms]:before, 
.wcv-pro-dashboard .wcv_variable_attributes input[type=checkbox]+label[for=_wcv_agree_to_terms]:before, 
.wcv-pro-dashboard .wcv-form .control-group input[type=checkbox]+label[for=_manage_stock]:before, 
.wcv-pro-dashboard .wcv_variable_attributes input[type=checkbox]+label[for=_manage_stock]:before, 
.wcv-pro-dashboard .wcv-form .control-group input[type=checkbox]+label[for=_sold_individually]:before, 
.wcv-pro-dashboard .wcv_variable_attributes input[type=checkbox]+label[for=_sold_individually]:before {
    left: 0px;
}

.woocommerce.single-product #primary #content .woocommerce-tabs > ul{
    float: none;
    width: auto;
    line-height: normal;
    background: none;
    border-right: none;
}
.woocommerce.single-product #primary #content .woocommerce-tabs > ul li a {
    line-height: inherit!important;
    border-bottom:none;
}
.woocommerce.single-product #primary #content .woocommerce-tabs > ul li.active a {
    background: none;
}

#wcv-product-edit.wcv-form .wcv-button[type=submit] {
    margin-top: 50px;
}


/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 480 pixels (phones and smaller)
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {


    /*
    .just_an_example {
    color: black;
}
    */


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.1 - MINIMUM width of 481 pixels (phones and larger)
--------------------------------------------------------------*/
@media screen and (min-width: 481px)  {


    .buddyboss-select-inner:after {
        line-height: 25px;
    }
    .buddyboss-select-inner select{
        height:100%;
    }


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 721 pixels (tablets and larger)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {


    /*
    .just_an_example {
    color: black;
}
    */


}/* don't delete this closing bracket */

/*----
KYC doc mangopay
---*/
.kyc_submit{
      background: #FF5A5F !important;
}


.wcv-grid table .row-actions {
    opacity: 1 !important;
}


.tabs-nav li a:after a:before{
    content: " ";
    position: absolute;
    top: 0;
    right: -25px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #eee;
    z-index: 2;
    transition: all 0.2s ease;
}



/****** STYLE BOUTON comme MANGOPAY *******/

div {
    display: block;
    box-sizing: border-box;
}

ul {
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

a {
    text-decoration: none;
}

.wrapper {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
}

.menu-container {
    display: table;
    width: 100%;
}

.onboarding-menu {
    list-style: none;
    display: table-row;
    width: 100%;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease;
}

.onboarding-menu li {
    display: table-cell;
    vertical-align: middle;
    max-width: 200px;
    margin: 0;
    padding: 1px;
    text-align: left;
}

.onboarding-menu.init {
    transform: translateY(0);
    opacity: 1;
}

.onboarding-menu li.current-page-item a {
    color: #818181;
}

.onboarding-menu li a strong {
    font-weight: normal;
    font-size: 18px;
    width: 25px;
    flex: 0 0 25px;
    text-align: left;
    margin-left: 20px;
}

.onboarding-menu li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    vertical-align: top;
    padding-left: 40px;
    font-size: 14px;
    height: 50px;
    position: relative;
    font-weight: 400;
    transition: all 0.2s ease;
    user-select: none;
    background-color: #eee;
    color: #818181;
}

.onboarding-menu li a span {
    text-align: left;
}


.onboarding-menu li a::after {
    content: " ";
    position: absolute;
    top: 0;
    right: -25px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #eee;
    z-index: 2;
    transition: all 0.2s ease;
}

.onboarding-menu li:first-child a {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 20px;
}

.onboarding-menu li:not(:first-child) a::before {
    right: auto;
    left: 0;
    border-left: 25px solid #ccc;
    z-index: 0;
}

.wcv-tabs .tabs-nav li.active a {
    color: #fff;
    cursor: default;
    text-decoration: none;
    background: #007aba;
    border: 1px solid #ccc;
}

.onboarding-menu li.active a::after {
    border-left: 25px solid #007aba;
}

div.onboarding-container {
    margin-bottom: 3%;
}