
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}
.svg-icon.svg-icon-heavy {

    stroke-width: 4;

}

.svg-icon {

    width: 18px;

    height: 18px;

    stroke: currentColor;

    stroke-width: 3;

    vertical-align: text-bottom;

    --layer1: currentColor;

    --layer2: currentColor;

}

.mr-2, .mx-2 {

    margin-right: .5rem !important;

}

svg {

    overflow: hidden;

    vertical-align: middle;

}





.tab-content > .tab-pane {

  display: none;

}



.tab-content > .active {

  display: block;

}



.show{

    display: block;

    

}

.hiden{

    display: none;

}

.cart-header {

    text-transform: uppercase;

    letter-spacing: 0.2em;

    font-weight: bold;

    padding: 1.2rem 2rem;

    background: #f8f9fa

}



.cart-body {

    padding: 0 2rem

}



.cart-footer {

    background: #f8f9fa;

    padding: 0 2rem

}



.cart-footer .cart-item {

    padding-top: 1rem;

    padding-bottom: 1rem

}



.cart-item {

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

    border-bottom: 1px solid #e9ecef

}



.cart-item:last-of-type {

    border-bottom: none

}



.cart-item-img {

    max-width: 80px

}



.cart-title {

    margin-left: 1rem

}



.cart-remove {

    color: #495057;

    font-size: .7875rem

}



.order-summary-item {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

    border-bottom: 1px solid #eee

}



.order-summary-total {

    font-weight: 700;

    font-size: 1.2em

}



.btn.btn-items {

    color: #868e96;

    padding-left: .2rem;

    padding-right: .2rem;

    text-align: center

}



.input-items {

    min-width: 40px

}



@media (max-width: 991.98px) {

    .cart {

        overflow-x:auto

    }



    .cart-wrapper {

        min-width: 768px

    }

}



.block-header {

    padding: 1.2rem 1.5rem;

    background: #f8f9fa

}



.block-body {

    padding: 1.2rem 1.5rem

}

.bg-light {

    background-color: #f8f9fa !important;

}

.p-2 {

    padding: .5rem !important;

}

.btn-outline-dark {

    color: #343a40;

    border-color: #343a40

}



.btn-outline-dark:hover {

    color: #fff;

    background-color: #343a40;

    border-color: #343a40

}



.btn-outline-dark:focus,.btn-outline-dark.focus {

    box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)

}



.btn-outline-dark.disabled,.btn-outline-dark:disabled {

    color: #343a40;

    background-color: transparent

}



.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle {

    color: #fff;

    background-color: #343a40;

    border-color: #343a40

}



.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)

}

.badge {

    display: inline-block;

    padding: .25em .4em;

    font-size: 75%;

    font-weight: 400;

    line-height: 1;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 0;

    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out

}



@media (prefers-reduced-motion: reduce) {

    .badge {

        transition: none

    }

}



a.badge:hover,a.badge:focus {

    text-decoration: none

}



.badge:empty {

    display: none

}



.btn .badge {

    position: relative;

    top: -1px

}



.badge-pill {

    padding-right: .6em;

    padding-left: .6em;

    border-radius: 10rem

}



.badge-primary {

    color: #fff;

    background-color: #9a6ee2

}



a.badge-primary:hover,a.badge-primary:focus {

    color: #fff;

    background-color: #7c44da

}



a.badge-primary:focus,a.badge-primary.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(154,110,226,0.5)

}



.badge-secondary {

    color: #fff;

    background-color: #868e96

}



a.badge-secondary:hover,a.badge-secondary:focus {

    color: #fff;

    background-color: #6c757d

}



a.badge-secondary:focus,a.badge-secondary.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(134,142,150,0.5)

}



.badge-success {

    color: #fff;

    background-color: #28a745

}



a.badge-success:hover,a.badge-success:focus {

    color: #fff;

    background-color: #1e7e34

}



a.badge-success:focus,a.badge-success.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5)

}



.badge-info {

    color: #fff;

    background-color: #17a2b8

}



a.badge-info:hover,a.badge-info:focus {

    color: #fff;

    background-color: #117a8b

}



a.badge-info:focus,a.badge-info.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)

}



.badge-warning {

    color: #212529;

    background-color: #ffd65a

}



a.badge-warning:hover,a.badge-warning:focus {

    color: #212529;

    background-color: #ffc927

}



a.badge-warning:focus,a.badge-warning.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(255,214,90,0.5)

}



.badge-danger {

    color: #fff;

    background-color: #dc3545

}



a.badge-danger:hover,a.badge-danger:focus {

    color: #fff;

    background-color: #bd2130

}



a.badge-danger:focus,a.badge-danger.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5)

}



.badge-light {

    color: #212529;

    background-color: #f8f9fa

}



a.badge-light:hover,a.badge-light:focus {

    color: #212529;

    background-color: #dae0e5

}



a.badge-light:focus,a.badge-light.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)

}



.badge-dark {

    color: #fff;

    background-color: #343a40

}



a.badge-dark:hover,a.badge-dark:focus {

    color: #fff;

    background-color: #1d2124

}



a.badge-dark:focus,a.badge-dark.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)

}



.badge-gray-100 {

    color: #212529;

    background-color: #f8f9fa

}



a.badge-gray-100:hover,a.badge-gray-100:focus {

    color: #212529;

    background-color: #dae0e5

}



a.badge-gray-100:focus,a.badge-gray-100.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)

}



.badge-gray-200 {

    color: #212529;

    background-color: #e9ecef

}



a.badge-gray-200:hover,a.badge-gray-200:focus {

    color: #212529;

    background-color: #cbd3da

}



a.badge-gray-200:focus,a.badge-gray-200.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(233,236,239,0.5)

}



.badge-gray-300 {

    color: #212529;

    background-color: #dee2e6

}



a.badge-gray-300:hover,a.badge-gray-300:focus {

    color: #212529;

    background-color: #c1c9d0

}



a.badge-gray-300:focus,a.badge-gray-300.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(222,226,230,0.5)

}



.badge-gray-400 {

    color: #212529;

    background-color: #ced4da

}



a.badge-gray-400:hover,a.badge-gray-400:focus {

    color: #212529;

    background-color: #b1bbc4

}



a.badge-gray-400:focus,a.badge-gray-400.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(206,212,218,0.5)

}



.badge-gray-500 {

    color: #212529;

    background-color: #adb5bd

}



a.badge-gray-500:hover,a.badge-gray-500:focus {

    color: #212529;

    background-color: #919ca6

}



a.badge-gray-500:focus,a.badge-gray-500.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(173,181,189,0.5)

}



.badge-gray-600 {

    color: #fff;

    background-color: #868e96

}



a.badge-gray-600:hover,a.badge-gray-600:focus {

    color: #fff;

    background-color: #6c757d

}



a.badge-gray-600:focus,a.badge-gray-600.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(134,142,150,0.5)

}



.badge-gray-700 {

    color: #fff;

    background-color: #495057

}



a.badge-gray-700:hover,a.badge-gray-700:focus {

    color: #fff;

    background-color: #32373b

}



a.badge-gray-700:focus,a.badge-gray-700.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(73,80,87,0.5)

}



.badge-gray-800 {

    color: #fff;

    background-color: #343a40

}



a.badge-gray-800:hover,a.badge-gray-800:focus {

    color: #fff;

    background-color: #1d2124

}



a.badge-gray-800:focus,a.badge-gray-800.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)

}



.badge-gray-900 {

    color: #fff;

    background-color: #212529

}



a.badge-gray-900:hover,a.badge-gray-900:focus {

    color: #fff;

    background-color: #0a0c0d

}



a.badge-gray-900:focus,a.badge-gray-900.focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(33,37,41,0.5)

}

.border-0 {

    border: 0 !important;

}

.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid #e9ecef;

    border-radius: 0;

}

.customer-profile {

    text-align: center;

    background: #f8f9fa;

    padding: 2rem;

}

.d-inline-block {

    display: inline-block !important;

}



.rounded-circle {

    border-radius: 50% !important;

}

.card>.list-group:last-child {

    border-bottom-width: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.card>.list-group {

    border-top: inherit;

    border-bottom: inherit;

}

.list-group {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    border-radius: 0;

}

.customer-image {

    padding: 0.5rem;

    background: #fff;

    max-width: 10rem;

    margin-bottom: 1.5rem;

}

.customer-profile {

    text-align: center;

    background: #f8f9fa;

    padding: 2rem;

}

.customer-nav .list-group-item.active {

    background: #e9ecef;

    border-color: #e9ecef;

}

.customer-nav .list-group-item {

    color: #495057;

    font-size: 0.9rem;

    border-color: #e9ecef;

}

.list-group-item.active {

    z-index: 2;

    color: #fff;

    background-color: #9a6ee2;

    border-color: #9a6ee2;

}

.list-group-item:first-child {

    border-top-left-radius: inherit;

    border-top-right-radius: inherit;

}

.align-items-center {

    -ms-flex-align: center !important;

    align-items: center !important;

}

.justify-content-between {

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

}

.d-flex {

    display: -ms-flexbox !important;

    display: flex !important;

}

.list-group-item {

    position: relative;

    display: block;

    padding: .75rem 1.25rem;

    background-color: #fff;

    border: 1px solid rgba(0,0,0,0.125);

}

.customer-nav .list-group-item {

    color: #495057;

    font-size: 0.9rem;

    border-color: #e9ecef;

}

.font-weight-normal {

    font-weight: 400 !important;

}

.pl-3, .px-3 {

    padding-left: 1rem !important;

}

.pr-3, .px-3 {

    padding-right: 1rem !important;

}

.badge-light {

    color: #212529;

    background-color: #f8f9fa;

}





.btn {

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: .3em;

    line-height: 1;

    padding: .6rem .75rem;

    font-size: .6875rem;

    line-height: 1.5;

    border-radius: 0;

}



.custom-file-input {

  position: relative;

  z-index: 2;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  margin: 0;

  overflow: hidden;

  opacity: 0;

}



.custom-file-input:focus ~ .custom-file-label {

  border-color: #80bdff;

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.custom-file-input[disabled] ~ .custom-file-label,

.custom-file-input:disabled ~ .custom-file-label {

  background-color: #e9ecef;

}



.custom-file-input:lang(en) ~ .custom-file-label::after {

  content: "Browse";

}



.custom-file-input ~ .custom-file-label[data-browse]::after {

  content: attr(data-browse);

}



.custom-file-label {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  overflow: hidden;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  background-color: #fff;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

}



.custom-file-label::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 3;

  display: block;

  height: calc(1.5em + 0.75rem);

  padding: 0.375rem 0.75rem;

  line-height: 1.5;

  color: #495057;

  content: "Buscar";

  background-color: #e9ecef;

  border-left: inherit;

  border-radius: 0 0.25rem 0.25rem 0;

}



.input-group-text {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.375rem 0.75rem;

  margin-bottom: 0;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  text-align: center;

  white-space: nowrap;

  background-color: #e9ecef;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

}



.input-group-text input[type="radio"],

.input-group-text input[type="checkbox"] {

  margin-top: 0;

}

.alert {

  position: relative;

  padding: 0.75rem 1.25rem;

  margin-bottom: 1rem;

  border: 1px solid transparent;

  border-radius: 0.25rem;

}



.alert-heading {

  color: inherit;

}



.alert-link {

  font-weight: 700;

}



.alert-dismissible {

  padding-right: 4rem;

}



.alert-dismissible .close {

  position: absolute;

  top: 0;

  right: 0;

  padding: 0.75rem 1.25rem;

  color: inherit;

}



.alert-primary {

  color: #004085;

  background-color: #cce5ff;

  border-color: #b8daff;

}



.alert-primary hr {

  border-top-color: #9fcdff;

}



.alert-primary .alert-link {

  color: #002752;

}



.alert-secondary {

  color: #383d41;

  background-color: #e2e3e5;

  border-color: #d6d8db;

}



.alert-secondary hr {

  border-top-color: #c8cbcf;

}



.alert-secondary .alert-link {

  color: #202326;

}



.alert-success {

  color: #155724;

  background-color: #d4edda;

  border-color: #c3e6cb;

}



.alert-success hr {

  border-top-color: #b1dfbb;

}



.alert-success .alert-link {

  color: #0b2e13;

}



.alert-info {

  color: #0c5460;

  background-color: #d1ecf1;

  border-color: #bee5eb;

}



.alert-info hr {

  border-top-color: #abdde5;

}



.alert-info .alert-link {

  color: #062c33;

}



.alert-warning {

  color: #856404;

  background-color: #fff3cd;

  border-color: #ffeeba;

}



.alert-warning hr {

  border-top-color: #ffe8a1;

}



.alert-warning .alert-link {

  color: #533f03;

}



.alert-danger {

  color: #721c24;

  background-color: #f8d7da;

  border-color: #f5c6cb;

}



.alert-danger hr {

  border-top-color: #f1b0b7;

}



.alert-danger .alert-link {

  color: #491217;

}



.alert-light {

  color: #818182;

  background-color: #fefefe;

  border-color: #fdfdfe;

}



.alert-light hr {

  border-top-color: #ececf6;

}



.alert-light .alert-link {

  color: #686868;

}



.alert-dark {

  color: #1b1e21;

  background-color: #d6d8d9;

  border-color: #c6c8ca;

}



.alert-dark hr {

  border-top-color: #b9bbbe;

}

.float-right {
    float: right !important;
}
.mt-4 {
    margin-top:  4rem;
}
.mt-2 {
    margin-top:  2rem;
}
.alert-dark .alert-link {

  color: #040505;

}