:root {
    --black: #000000;
    --white: #ffffff;
}



/*********************
 Bootstrap
 *********************/
body.woocommerce-account .btn { display: inline-block!important; font-weight: 400!important; text-align: center!important; white-space: nowrap!important; vertical-align: middle!important; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; border: 1px solid transparent!important; padding: .375rem .75rem!important; font-size: 1rem!important; line-height: 1.5!important; border-radius: .25rem!important; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out!important; }
body.woocommerce-account .btn-primary { background-color: var(--black)!important; border-color: var(--black)!important; color: var(--white)!important; }
body.woocommerce-account .btn-primary:hover { background-color: var(--black)!important; border-color: var(--black)!important; color: var(--white)!important; }

body.woocommerce-account .btn-danger { background-color: #dc3545!important; border-color: #dc3545!important; color: var(--white)!important; }
body.woocommerce-account .btn-danger:hover { background-color: #c82333!important; border-color: #bd2130!important; color: var(--white)!important; }

body.woocommerce-account .btn-sm { font-size: 14px!important; line-height: 19px!important; padding: 5px 15px!important; }
body.woocommerce-account .btn-xs { font-size: 12px!important; line-height: 17px!important; padding: 3px 10px!important; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }

.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

.form-group { margin-bottom: 1rem; }
.form-group label { font-size: 15px; line-height: 20px; margin-bottom: 0.75rem; }

.form-control { background-color: var(--white)!important; border-radius: 10px!important; color: var(--black)!important; padding: 8px 16px!important; width: 100%!important; }

.row { margin-inline: -15px; }
.row > [class*="col-"] { display: inline-block; float: left; padding-inline: 15px; }

.col-12 { width: 100%; }

@media (min-width: 691px) {
    .col-md-4 { width: 33.33333333333333%; }
    .col-md-6 { width: 50%; }
    .col-md-8 { width: 66.66666666666666%; }

    .text-md-right { text-align: right; }
}

@media (min-width: 1000px) {
    .col-lg-4 { width: 33.33333333333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-8 { width: 66.66666666666666%; }

    .text-lg-right { text-align: right; }
}

.alert { border: 1px solid transparent; border-radius: .25rem; font-size: 15px; line-height: 20px; margin-bottom: 1rem; padding: .75rem 1.25rem; position: relative; }
.alert-primary { background-color: #cce5ff!important; border-color: #b8daff!important; color: #004085!important; }
.alert-success { background-color: #d4edda!important; border-color: #c3e6cb!important; color: #155724!important; }
.alert-danger { background-color: #f8d7da!important; border-color: #f5c6cb!important; color: #721c24!important; }

.light-box { background-color: #f1f1f1; border-radius: 10px; padding: 30px; }
.light-box h2, .light-box h3 { color: var(--black); }
.light-box h2 { font-size: 28px; font-weight: 600; }
.light-box h3 { font-size: 24px; font-weight: 600; }

.commercial_commission_form { max-width: 300px; }
.commercial_commission_form [type="submit"] { background-color: #000; color: #fff; border: none; border-radius: 5px; padding: 10px; width: 100%; }

.table-responsive { /*overflow-x: auto;*/ }
.table-responsive table { width: 100%; }
.table-responsive table thead th { background-color: #fafafa; }
.table-responsive table tbody tr:nth-child(even) { background-color: #fafafa; }
.table-responsive table tbody tr:nth-child(odd) { background-color: #ffffff; }
.table-responsive table tbody tr:hover { background-color: #f0f0f0; }