.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.775rem; }

.container-http-error { text-align: center; padding: 30px 0; border: 1px solid #f1f1f1; border-radius: 4px; margin-bottom:30px; }
.container-http-error i { font-size: 10em; padding-bottom: 10px; color:#ced4da; }
.container-http-error p { font-size: 1.6em; font-weight:200; }

.tab-portada .nav-item a { max-width: 320px; }

.card-border { border: 1px solid #ddd !important; background: #f9f9f9 !important;; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.card-border .card-header { background:transparent !important; }
.card-border .card-body form label, .card-border .card-body form input, .card-border .card-body form h4 { font-size:90%; }

.table-intranet tr th, .table-intranet tr td { font-size:90%; }

.nav-tabs>li.active > a { background:#FFFFFF !important; }

.filter-type-grid { padding: 10px 5px 7px 5px; display: inline-block; vertical-align: top; text-align: left; }

#ajax-float { position: fixed; top: 0; left: 0; filter: alpha(opacity=70); z-index: 99999; background-color: black; width: 100%; height: 100%; opacity: 0.7; }
#ajax-float div { z-index: 999999; position: fixed; top: 50%; left: 50%; }
#ajax-float div img { max-width: 100%; height: auto; border: 0; vertical-align: top; }

.swal2-popup { font-size: 90% !important;}
.swal2-popup .swal2-html-container { font-size: 1rem !important;}
.swal2-popup .swal2-html-container ul li { text-align:left; color: #a94442; }

.carro-vacio { text-align: center; padding: 30px 0; background-image: url(../images/bg-rayado.png); background-repeat: repeat; border: 1px solid #f1f1f1; border-radius: 4px; margin-bottom:30px; margin-top: 10px; }
.carro-vacio i { font-size: 10em; padding-bottom: 10px; color: #ededed; }
.carro-vacio p { font-size: 1.6em; font-weight: lighter; }

.cesta { border: 1px solid #ddd; padding: 1em; }
.cesta .cesta-info img { float: left;margin:0 20px 10px 0; }
.cesta .cesta-info p { font-size:0.8em; color: #6D6C6C; margin:0 0 5px 0; }
.cesta .cesta-info h2 { font-size:1em; color:#000; margin:0; }
.cesta .cesta-info h3 { font-size:0.8em; color:#CE2937; margin: 5px 0; font-weight: 400; }
.cesta div:last-child { font-size:0.95em; }

.cesta .input-group .input-group-btn .btn-number { padding: 1px 15px; border-radius:0; }
.cesta .input-group .input-number { text-align: center; height:44px; }

.cesta h3.cart-totals-products { font-size:1.1em; color:#CE2937; margin: 5px 0; font-weight: bold; }

.cesta-subtotal {margin:0; padding:10px 0 50px 0; }
.cesta-subtotal-checkout { padding:5px 0 !important; }
.cesta-subtotal p, .cesta-subtotal h2, .cesta-subtotal h3 {display: inline-block;}
.cesta-subtotal p {font-size: 1.2em; margin:2px;}
.cesta-subtotal h2 {font-weight: 500; margin:0; font-size: 1.3em; }
.cesta-subtotal h3 {font-weight: 500; font-size: 1.3em; background: #D00000; color: #fff; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.cesta-guardar-lista {border: 1px solid #ddd; padding: 1em;}
.cesta-guardar-lista p, .cesta-discount p { font-size:85%; }
.cesta-guardar-lista a, .cesta-discount a { font-size:85%; }
.cesta-guardar-lista-guardar input {margin-bottom:8px;}

.botones-pasos-carro { text-align: right;}

.options-shipping-inactive { font-size:0.7em; }
.options-shipping-active { font-size:0.7em; color:#555; }

.options-general-shipping-inactive { color:#2E2E2E !important; }
.options-general-shipping-active { color:#F96913 !important; }

#frm-pedido .carro-cont-met-pago {float:none; width:100%; margin-bottom: 10px; }
#frm-pedido .carro-cont-met-pago .carro-cont-met-pago-info {display: block; height: 0px; width: 100%; overflow: hidden; transition: all 0.2s ease-in-out; padding: 0px 10px; border:none !important;}
#frm-pedido .carro-cont-met-pago input[type=radio] .carro-cont-met-pago-info {height: 0; overflow: hidden; transition: all 0.5s ease-in-out;  }
#frm-pedido .carro-cont-met-pago input[type=radio]:checked ~ .carro-cont-met-pago-info {height: auto; transition: all 0.5s ease-in-out; padding: 10px;  margin: 0 0 10px 0; }
#frm-pedido .carro-cont-met-pago label { font-size:90%; }
#frm-pedido .carro-cont-met-pago-info p, .message-cart { font-size:85%; }
#frm-pedido input[type=radio]:checked + label {font-weight: 700; }
#frm-pedido .carro-cont-resumen-contenidos textarea {width: 98%; height: 200px; }
#frm-pedido .carro-pago-item .checkbox { font-size:90% }

.r-carro-titulo { font-size:100%; }
.r-carro-total { padding:30px 15px 10px 15px; margin-bottom:20px; }
.r-carro-total ul { font-weight:300; list-style:disc; }

.alert { font-size:90%; }
.alert-danger p, .alert-danger ul li { color:#a94442; }
.is-invalid { border-color: #f46a6a; }

.grecaptcha-badge { visibility: hidden !important; }

.content-data-client { font-size:90%; }
.content-data-client .badge { font-size:95%; }
.content-data-client h1 { font-size:1.5em; }
.content-data-client h2 { font-size:1.3em; }

.whatsapp { position: fixed; z-index: 9999!important; border-radius: 50% 50% 50% 0%; width: 62px; height: 62px; bottom: 80px; right: 15px; background-color: #25d366; padding: 8px 8px 8px 10px; animation: 1s infinite alternate shimmy; display: flex; flex-direction: column; align-content: center; justify-content: center; }
.whatsapp:hover,.whatsapp:active { text-decoration:none; }
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.whatsapp i { font-size: 42px; color: #fff; }

.menu-filtros-productos {background: #ffffff; padding: 4px 10px; }
.menu-filtros-productos .form-control { height:38px; }
.menu-filtros-productos .pagination { margin-bottom:0; }

.filtros-compaginador .input-group select { height:38px; }
.filtros-compaginador .input-group .input-group-btn .btn { font-size: 1rem; padding: 0.375rem 0.75rem; }

#accordion .card-header h2 button, .accordion-product .card-header h2 button { display:block; width:100%; text-align:left; }
#accordion .card-header h2 button:after, .accordion-product .card-header h2 button:after { content: "\f068"; font-family: 'FontAwesome'; font-weight: 900; float: right; padding-right:10px; }
#accordion .card-header h2 button.collapsed:after, .accordion-product .card-header h2 button.collapsed:after { content: "\f067"; }

.flex-control-thumbs li { width: 18.5% !important; }

.card .icon-control { margin-top:10px; }

.btn-category {
    color: #555555;
    background-color: #FFFFFF;
    border-color: #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-category:hover,
.btn-category:focus,
.btn-category:active,
.btn-category.active,
.open .dropdown-toggle.btn-category {
    color: #999999;
    background-color: #EEEEEE;
    border-color: #e5e5e5;
}

.btn-category:active,
.btn-category.active,
.open .dropdown-toggle.btn-category {
    background-image: none;
}

.btn-category.disabled,
.btn-category[disabled],
fieldset[disabled] .btn-category,
.btn-category.disabled:hover,
.btn-category[disabled]:hover,
fieldset[disabled] .btn-category:hover,
.btn-category.disabled:focus,
.btn-category[disabled]:focus,
fieldset[disabled] .btn-category:focus,
.btn-category.disabled:active,
.btn-category[disabled]:active,
fieldset[disabled] .btn-category:active,
.btn-category.disabled.active,
.btn-category[disabled].active,
fieldset[disabled] .btn-category.active {
    background-color: #FFFFFF;
    border-color: #e5e5e5;
}

.btn-category .badge {
    color: #FFFFFF;
    background-color: #999999;
}

.pagination>li.active>a, .filtros-compaginador .input-group .input-group-btn .btn {
    background-color: #df0000 !important;
    border-color: #df0000 !important;
    color: #fff;
}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    z-index:99999 !important;
}
ul li.ui-menu-item a img {
    width:30px;
    height:25px;
    margin-right:7px;
}
.ui-widget-content a {
    font-family: 'Cabin', sans-serif !important;
    color:#555555 !important;
    font-size:16px !important;
    display:block;
}

.input-group-text:not(:first-child) {
    border-left: 0;
}
.input-group-text:not(:last-child) {
    border-right: 0;
}

.dataTables_scroll thead tr th { font-size:0.9rem; }
#datatable-custom tbody tr td { font-size:0.9rem; }

input.error, select.error, textarea.error{ border:1px solid red; }
label.error { color:red; text-align: left; font-size:90%; display:block; width: auto; }

.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }
.pr-1 { padding-right:.25rem!important; }
.pb-1 { padding-bottom:.25rem!important; }
.pl-1 { padding-left:.25rem!important; }
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }
.pr-2 { padding-right:.5rem!important; }
.pb-2 { padding-bottom:.5rem!important; }
.pl-2 { padding-left:.5rem!important; }
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }
.pr-3 { padding-right:1rem!important; }
.pb-3 { padding-bottom:1rem!important; }
.pl-3 { padding-left:1rem!important; }
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }
.pr-4 { padding-right:1.5rem!important; }
.pb-4 { padding-bottom:1.5rem!important; }
.pl-4 { padding-left:1.5rem!important; }
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }
.pr-5 { padding-right:3rem!important; }
.pb-5 { padding-bottom:3rem!important; }
.pl-5 { padding-left:3rem!important; }
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

@media (max-width: 576px) {
    .r-carro-total {
        text-align: left;
    }
}

@media (max-width: 1000px) {
    .filtros > div {
        margin-bottom: 1rem!important;
    }
}