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

.alert { border: 1px solid transparent; border-radius: .25rem; margin-bottom: 1rem; padding: .75rem 1.25rem; position: relative; }
.alert-danger { background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; }
.alert-info { background-color: #cce5ff; border-color: #b8daff; color: #004085; }
.alert-success { background-color: #d4edda; border-color: #c3e6cb; color: #155724; }

.bg-danger { background-color: #f8d7da!important; }
.bg-info { background-color: #cce5ff!important; }
.bg-success { background-color: #d4edda!important; }

.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; }
.card-body { flex: 1 1 auto; padding: 1rem 1rem; }
.card-title { margin-bottom: .5rem; }

.d-none { display: none!important; }

.g-3, .gx-3 { --bs-gutter-x: 1rem; }
.g-3, .gy-3 { --bs-gutter-y: 1rem; }

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

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

.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: 0.25rem!important; }
.pb-2 { padding-bottom: 0.5rem!important; }
.pb-3 { padding-bottom: 0.75rem!important; }
.pb-4 { padding-bottom: 1.5rem!important; }
.pb-5 { padding-bottom: 3rem!important; }

.pt-0 { padding-top: 0!important; }
.pt-1 { padding-top: 0.25rem!important; }
.pt-2 { padding-top: 0.5rem!important; }
.pt-3 { padding-top: 0.75rem!important; }
.pt-4 { padding-top: 1.5rem!important; }
.pt-5 { padding-top: 3rem!important; }

.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); }
.row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }

.col-12 { flex: 0 0 auto; width: 100%; }

@media (min-width: 691px) {
    .col-md-6 { flex: 0 0 auto; width: 50%; }
}

@media (min-width: 1200px) {
    .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
}

@media (min-width: 1400px) {
    .col-xxl-3 { flex: 0 0 auto; width: 25%; }
}

.woocommerce-card { background-color: #f6f6f6; border-radius: 10px; padding: 20px; }
.woocommerce-card * { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.woocommerce-card .fields { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.woocommerce-card .form-group { margin-bottom: 15px; }
.woocommerce-card .fields .form-control { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 5px; height: 44px; line-height: 24px!important; padding: 10px; }

@media (max-width: 1199px) {
    .woocommerce-card .fields { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 690px) {
    .woocommerce-card .fields { grid-template-columns: repeat(1, 1fr); }
}

.woocommerce-card p {font-size: 15px; line-height: 20px; }

.woocommerce-card .btn { background-color: transparent; border: 1px solid transparent; border-radius: .25rem; color: #212529; cursor: pointer; display: inline-block; font-size: 15px; font-weight: 400; line-height: 1.5; padding: .375rem .75rem; text-align: center; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; user-select: none; vertical-align: middle; }
.woocommerce-card .btn-sm { border-radius: .2rem; font-size: 13px; padding: .25rem .5rem; }

.woocommerce-card .btn-info { background-color: #17a2b8; border-color: #17a2b8; color: #fff; }
.woocommerce-card .btn-info:hover { background-color: #138496; border-color: #138496; color: #fff; }

.woocommerce-card .btn-danger { background-color: #dc3545; border-color: #dc3545; color: #fff; }
.woocommerce-card .btn-danger:hover { background-color: #c82333; border-color: #c82333; color: #fff; }

.woocommerce-card .btn-primary { background-color: #0d6efd; border-color: #0d6efd; color: #fff; }
.woocommerce-card .btn-primary:hover { background-color: #0b5ed7; border-color: #0b5ed7; color: #fff; }

.woocommerce-card .btn-success { background-color: #28a745; border-color: #28a745; color: #fff; }
.woocommerce-card .btn-success:hover { background-color: #218838; border-color: #1e7e34; color: #fff; }

.woocommerce-card .woocommerce-card-header { align-items: center; display: flex; justify-content: space-between; padding: 0; }
.woocommerce-card .woocommerce-card-header h4 { color: #000000; font-size: 20px; font-weight: bold; line-height: 24px; margin: 0; text-transform: none; }
.woocommerce-card .woocommerce-card-header p { margin: 0; padding: 0; }
.woocommerce-card .woocommerce-card-header p a { color: #ffffff; }

.woocommerce-card .woocommerce-card-content { padding: 0; }
.woocommerce-card .woocommerce-card-content > *:not(.alert):last-child { margin-bottom: 0; padding-bottom: 0; }

.woocommerce-card button[type="submit"],
.woocommerce-card input[type="submit"] { background-color: #0d6efd!important; border-color: #0d6efd!important; border-radius: .25rem!important; color: #fff; font-size: 15px!important; }

.woocommerce-card .client-card h5, .woocommerce-card .client-card p { color: #000000; }
.woocommerce-card .client-card h5 { font-size: 16px; font-weight: bold; line-height: 20px; margin: 0 0 10px; text-transform: none; }
.woocommerce-card .client-card p { font-size: 14px; line-height: 18px; margin-bottom: 0; padding-bottom: 0; }

.woocommerce-card .table { background-color: transparent; border-collapse: collapse; border-spacing: 0; margin-bottom: 1rem; width: 100%; }
.woocommerce-card .table td, .woocommerce-card .table th { background-color: #fff; border: 1px solid #dee2e6; padding: .75rem; vertical-align: top; }
.woocommerce-card .table thead th { background-color: #f2f2f2; border-bottom: 2px solid #dee2e6; vertical-align: bottom; }


/**********************
 MY ACCOUNT
***********************/
.woocommerce-account .woocommerce-MyAccount-navigation { background-color: var(--white); border-radius: 5px; margin-bottom: 30px; padding: 25px 10px!important; width: 250px; }
.woocommerce-account .woocommerce-MyAccount-navigation > .text-center i { color: #3a3a3a; margin-bottom: 4px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul, .woocommerce-account .woocommerce-MyAccount-navigation ul > li { list-style: none; margin-left: 0; padding-left: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { border-top: 0; margin-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li { border-bottom: 0; list-style: none; padding-inline: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li:not(:last-child) { margin-bottom: 2px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a { border-radius: 4px; color: var(--black); display: block; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; line-height: 19px; opacity: 1; padding: 12px 15px 10px!important; position: relative; text-align: left; }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a i { position: absolute; left: 15px; top: 50%; transform: translateY(-33%); }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li.is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a:hover { background-color: #f6f6f6; color: var(--black); font-weight: 500; }

.woocommerce-account .woocommerce-MyAccount-content { width: calc(100% - 280px); }

.widget-flat { position: relative; overflow: hidden }
.widget-icon { background-color: rgba(rgb(0,0,0), .25); border-radius: 3px; color: #000000; display: inline-block; font-size: 16px; height: 32px; text-align: center; line-height: 32px; padding: 0; width: 32px; }

body.woocommerce-account.logged-in .woocommerce-card { background-color: var(--white); }

@media (max-width: 1399px) {
    .woocommerce-card .fields { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1199px) {
    body.woocommerce-account.logged-in #wrapper { padding-inline: 25px; }
}

@media (max-width: 992px) {
    body.woocommerce-account.logged-in #wrapper { padding-inline: 20px; }
    .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; }

    body.woocommerce-account.logged-in .woocommerce { display: flex; flex-wrap: wrap; }
    .woocommerce-account .woocommerce-MyAccount-navigation { order: 2; -ms-flex-order: 2!important; margin-top: 30px; }
    .woocommerce-account .woocommerce-MyAccount-content { order: 1; -ms-flex-order: 1!important; }
}

@media (max-width: 767px) {
    body.woocommerce-account.logged-in #wrapper { padding-inline: 15px; }
}


/**********************
 VOUCHER
***********************/
.single-voucher h4, .single-voucher h5 { color: #000000; font-size: 24px; font-weight: bold; line-height: 28px; margin: 0; text-transform: none; }
.single-voucher h5 { font-size: 18px; font-weight: bold; line-height: 22px; }

.timeline, .timeline > li { color: #3a3a3a; list-style: none; margin-left: 0; padding-left: 0; }
.timeline > li { background-color: #f6f6f6; border-radius: 6px; padding: 12px; }
.timeline > li + li { margin-top: 10px; }
.timeline > li p { margin-bottom: 0; padding-bottom: 0; }
.timeline > li strong { color: #000000; font-weight: bold; }