@font-face {
    font-family: "Fuente1";
    src: url("../fonts/BebasNeueBook.otf");
}

@font-face {
    font-family: "Fuente2";
    src: url("../fonts/BEBASNEUE_BOLD.TTF");
}

@font-face {
    font-family: "Fuente3";
    src: url("../fonts/helvetica-neue-medium.ttf");
}

@font-face {
    font-family: "Fuente4";
    src: url("../fonts/HelveticaNeue.otf");
}

@font-face {
    font-family: "Fuente5";
    src: url("../fonts/HelveticaNeueLt.otf");
}

@font-face {
    font-family: "Fuente6";
    src: url("../fonts/helvetica-neue-bold.ttf");
}

@font-face {
    font-family: "Fuente7";
    src: url("../fonts/HelveticaNeueLTStd-BdCn.otf");
}

@font-face {
    font-family: "Fuente8";
    src: url("../fonts/HelveticaNeueLTStd-Cn.otf");
}

@font-face {
    font-family: "Fuente9";
    src: url("../fonts/HelveticaNeueLTStd-LtCn.otf");
}

@font-face {
    font-family: "Fuente10";
    src: url("../fonts/BebasNeue.otf");
}

.fuente1 {
    font-family: "Fuente1";
    color: #e44547;
}

.fuente1 strong {
    font-family: "Fuente2";
    color: #e44547;
}

.fuente2 {
    font-family: "Fuente2";
    font-size: 28px;
}

.footer {
    font-family: "Fuente3";
    color: #696969;
}

.footer-style {
    color: #6a696e;
    font-family: Fuente6;
    font-size: 11pt;
}

.footer p input {
    font-family: "Fuente4";
    color: #696969;
}

.footer li a {
    color: #696969;
}

.footer li a:hover {
    color: #0f0f0f;
    text-decoration: underline;
}

.footer .nav li a:hover {
    border-bottom: none;
}

.footer .navbar-nav > li {
    padding-left: 50px;
    padding-right: 60px;
}

html, body {
    height: 90%;
}

input {
    border: 0;
}

.input-reclutados {
    background: #ffffff;
    border: 1px solid #e44547;
    text-align: center;
    font-family: Fuente5;
    font-size: 14pt;
    color: #64656a;
}

input:focus {
    outline: none;
}

.input-ganancia-acumulada {
    border-radius: 4px;
    background: #e44547;
    font-size: 12pt;
    text-align: center;
}

.input-border-radius {
    border: 1px solid #e43f54;
    border-radius: 5px
}

.row input:not([type='number'] , .input-resumen-compra) {
    border-color: #e44547;
    text-align: center;
    font-family: Fuente5;
    font-size: 14pt;
    color: #64656a;
}

label, input[type="checkbox"] {
    line-height: 2.1ex;
}

.border_top {
    border-bottom: 0;
    border-top: 1px solid #0f0f0f;
    border-left: 0;
    border-right: 0;
    width: 50%;
}

.bordes {
    border-top: 1px solid rgba(182, 182, 182, 0.72);
    border-bottom: 1px solid rgba(182, 182, 182, 0.72);
    /*margin: 0;*/
}

.div-border {
    border: 1px solid rgba(159, 159, 159, 0.72);
    padding-top: 2%;
    padding-bottom: 3%;
}

.div-border-radius {
    border: 1px solid rgba(74, 74, 74, 0.72);
    border-radius: 5px;
    padding-bottom: 2%
}

.navbar-default {
    border-bottom: 0;
    background-color: transparent;
    border-color: transparent;
}

.menu .navbar-nav > li {
    padding-right: 8%;
}

.menu .navbar-nav a {
    color: #696969;
}

.nav > li > a:hover {
    color: #000000;
    background: transparent;
    border-bottom: 2px solid #e44547;
}

.redes-sociales > li > a:hover {
    border-bottom: none;
}

.menu > li > a {
    color: #6a696e;
    font-family: Fuente4;
    font-size: 12pt;
}

.menu > li > a:hover {
    border-bottom: none;
    text-decoration: underline;
    color: #0f0f0f;
}

.drop2-menu li a {
    font-family: Fuente1;
    font-size: 18pt;
}

.drop2-menu li a:hover {
    font-family: Fuente2;
    background: transparent;
    background: url("../images/arrow-right.png") no-repeat left;
}

.drop2-menu {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.drop2-menu li a i {
    /*font-family: Fuente3;*/
    color: #e44547;
    font-size: 15pt;
}

.drop2:hover .drop2-menu {
    display: block;
}

.estados_de_cuenta_h1 {
    color: #64656a;
    font-family: Fuente3;
    font-size: 25pt;
    text-align: center;
}

.estados_de_cuenta_h2 {
    color: #64656a;
    font-family: Fuente4;
    font-size: 20pt;
    text-align: center;
}

.estados_de_cuenta_h3 {
    color: #64656a;
    font-family: Fuente5;
    font-size: 15pt;
    margin: 0;
    text-align: center;
}

.estados_de_cuenta_btn_descargar {
    /*background: url("../images/arrow-btn-download.png") no-repeat right #e43143;*/
    background: #e43143;
    color: #ffffff;
    font-family: Fuente6;
    font-size: 16pt;
}

.estados_de_cuenta_btn_descargar:hover {
    color: #ffffff;
    background: rgba(228, 49, 67, 0.89);
}

.btn-cargar {
    background: #e44547;
    color: #ffffff;
    font-family: Fuente6;
    font-size: 13pt;
}

.btn-exportar {
    background: rgba(123, 123, 123, 0.68);
    color: #ffffff;
    font-family: Fuente6;
    font-size: 13pt;
}

a.btn-exportar:hover {
    color: #000000;
}

.btn-subir-facturas {
    background: #e43143;
    color: #ffffff;
    font-family: Fuente6;
    font-size: 13pt;
}

.btn-subir-facturas:hover {
    color: #ffffff;
    background: rgba(228, 49, 67, 0.89);
}

.div-ganancia-acumulada {
    float: right;
    margin-right: 10px
}

.div-content {
    padding-top: 7%;
    padding-bottom: 5%;
}

.div-content-carrito-compra {
    padding-top: 3%;
    /*padding-bottom: 5%;*/
}

.simulador_de_ganancias_h1 {
    color: #64656a;
    font-family: Fuente3;
    font-size: 23pt;
    text-align: center;
}

.simulador_de_ganancias_h2 {
    color: #000000;
    font-family: Fuente6;
    font-size: 18pt;
    text-align: center;
}

.simulador_de_ganancias_h3 {
    font-family: Fuente6;
    color: #313131;
    font-size: 13pt;
    font-weight: normal;
}

.simulador_de_ganancias_h4 {
    font-family: Fuente6;
    color: #000000;
    font-size: 18pt;
    text-align: center;
}

.simulador_de_ganancias_h5 {
    font-family: Fuente4;
    color: #000000;
    font-size: 13pt;
}

.simulador_de_ganancias_h6 {
    font-family: Fuente6;
    color: #000000;
    font-size: 16pt;
    text-align: center;
}

label {
    font-family: Fuente5;
    color: #64656a;
    font-size: 15pt;
    font-weight: normal;
}

.custom-table-hover tbody tr:hover {
    background: #e44547;
    color: #ffffff;
    font-family: Fuente3;
    font-size: 11pt;
}

table thead {
    color: #000000;
    font-family: Fuente3;
    font-size: 10pt;
    font-weight: normal;
    border: none;
}

table tbody {
    color: #000000;
    font-family: Fuente5;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
}

table tfoot {
    font-family: Fuente3;
    color: #313131;
    font-size: 12pt;
    font-weight: normal;
}

.custom-table > tbody {
    font-family: Fuente5;
    font-size: 12pt;
}

.custom-table tfoot tr td {
    border-top: 1px solid #000000;
}

.custom-table > thead > tr > th {
    border-bottom: 1px solid #000000;
}

.custom-table > tbody > tr > td {
    border-right: 1px solid #000000;
    border-top: none;
}

.custom-table > tbody > tr > td:last-of-type {
    border: none;
}

.custom-table2 > tbody {
    font-family: Fuente5;
    font-size: 12pt;
}

.custom-table2 > thead > tr > th {
    border-bottom: 1px solid #000000;
    text-align: center;
}

.custom-table2 > tbody > tr > td {
    border-right: 1px solid #000000;
    border-top: none;
    border-bottom: 1px solid rgba(185, 185, 185, 0.6);
}

.custom-table2 > tbody > tr:last-of-type {
    border-bottom: 1px solid #000000;
}

.custom-table2 > tbody > tr > td:last-of-type {
    border-right: 0;
}

.custom-table2 > tbody > tr:hover {
    background-color: transparent;
    color: #000000;
    font-family: Fuente5;
    font-size: 12pt;
}

td.details-control {
    background: url('../images/open-details.png') no-repeat center center;
    cursor: pointer;
}

tr.details td.details-control {
    background: url('../images/close-details.png') no-repeat center center;
}

.select-personalizado {
    display: block;
    font-family: Fuente5;
    font-size: 14pt;
    color: #64656a;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    border-radius: 5px;
    background: url('../images/down.png') no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position-x: 95%;
    border-color: #e44547;
    outline: none;
    text-align: center;
    padding-left: 28%;
}

.datepicker1 {
    background: url('../images/Picture1.png') no-repeat right #ffffff;
}

.datepicker {
    background: #ffffff;
    border: 1px solid #e44547;
    text-align: center;
    font-family: Fuente5;
    font-size: 14pt;
    color: #64656a;
    background: url('../images/Picture1.png') no-repeat right #ffffff;
}

.total {
    background: #ababab;
    font-family: Fuente5;
    font-size: 10pt;
    color: #ffffff;
}

.total-border-left {
    /*border: 1px solid #808080;*/
    border-radius: 15px 0px 0px 15px
}

.total-border-right {
    /*border: 1px solid #808080;*/
    border-radius: 0px 15px 15px 0px

}

.div-sidebar {
    border-top: 2px solid #e44547;
    border-bottom: 1px solid #e44547;
    text-align: center;
    height: 80px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    color: #313131;
    font-family: Fuente5;
    font-size: 14pt;
    position: relative;
}

.div-sidebar:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #e44547;
    border-style: solid;
    border-width: 41px;
}

a:hover {
    text-decoration: none;
}

.div-sidebar:hover {
    background: #e44547;
    color: #ffffff;
}

.producto-h1 {
    font-family: Fuente6;
    font-size: 20pt;
    color: #0c93c0;
}

.producto-catalogo {
    margin-bottom: 5%;
}

.p-producto-titulo {
    font-family: Fuente6;
    color: #000;
    font-size: 14pt;
}

.p-producto-descripcion {
    font-family: Fuente5;
    color: #64656a;
    font-size: 13pt;
}

.text-danger2 {
    color: red;
}

.text-grafica-retencion {
    font-family: Fuente4;
    color: #000000;
    font-size: 12pt;
    font-weight: normal;
}

.clase-th-reclutamiento {
    font-family: Fuente4;
    font-size: 11pt;
    text-align: center;
}

.table-details > tbody > tr > td {
    font-family: Fuente4;
    font-size: 11pt;
    border-right: 1px solid silver;
}

.table-details > tbody > tr > td:last-of-type {
    border: none;
}

.table-details > thead > tr > th {
    border-right: 1px solid silver;
}

.table-details > thead > tr > th:last-of-type {
    border-right: none;
}

.table-details2 {
    font-family: Fuente4;
    font-size: 11pt;
}

.table-details2 > thead > tr > th {
    border-right: 1px solid silver;
    border-left: 1px solid silver;
}

.table-details2 > tbody > tr > td {
    border-right: 1px solid silver;
    border-left: 1px solid silver;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 13px;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #838383;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.8);
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}

.estatus-style {
    font-family: Fuente3;
    font-size: 10pt;
    color: #000000;
}

.estilo {
    font-family: Fuente4;
    font-size: 12pt;
    color: #6a696e;
}

.estilo strong {
    font-family: Fuente6;
}

.custom-alert {
    margin-top: 16px;
    border-left: 4px solid #e43143;
    background: #fef0f2;
    font-family: Fuente4;
    font-size: 12pt;
}

.custom-alert-paypal {
    margin-top: 16px;
    border-left: 5px solid #e43143;
    background: #f1e4e6;
    font-family: Fuente5;
    font-size: 13pt;
    color: #e43143;
}

.mensaje-alert {
    padding-bottom: 4px;
    padding-top: 2px;
    border-left: 5px solid #e43143;
    background: rgba(216, 46, 64, 0.69);
    font-family: Fuente5;
    font-size: 10pt;
    color: #ffffff;
}

.custom-alert-paypal-error {
    margin-top: 16px;
    border-left: 5px solid #5a5a60;
    background: rgba(32, 32, 35, 0.14);
    font-family: Fuente5;
    font-size: 13pt;
    color: #5a5a60;
}

.custom-alert-i {
    font-family: Fuente6;
    font-size: 12pt;
}

input[type="file"] {
    /*display: none;*/
    font-size: 10pt;
}

.custom-file-upload {
    border: 2px solid #ABABAB;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background: #ffffff;
    font-size: 13pt;
}

.custom-file-upload:hover {
    background: #e44547;
    color: #ffffff;
}

.label-success {
    background-color: rgba(26, 174, 80, 0.94);
    font-family: Fuente5;
    font-size: 12pt;
    font-weight: normal;
}

.label-error {
    background-color: rgba(228, 69, 71, 0.95);
    font-family: Fuente5;
    font-size: 12pt;
    font-weight: normal;
}

.label-neutral {
    background-color: rgba(131, 131, 131, 0.95);
    font-family: Fuente5;
    font-size: 12pt;
    font-weight: normal;
}

.label-pendiente {
    background-color: rgba(66, 131, 194, 0.95);
    font-family: Fuente5;
    font-size: 12pt;
    font-weight: normal;
}

.label-en-proceso {
    background-color: rgba(194, 172, 28, 0.95);
    font-family: Fuente5;
    font-size: 12pt;
    font-weight: normal;
}

.label-enviado {
    background-color: #783e75;
    font-family: Fuente5;
    font-size: 12pt;
    font-weight: normal;
}

.own-class {
    color: gray;
}

.selected td:not(:first-child) {
    background: #e44547;
    color: #ffffff;
}

.total-h {
    color: transparent;
}

.categorias h3 {
    font-family: Fuente1;
    color: #000000;
    font-weight: bold;
}

.categorias ul li a {
    font-family: Fuente4;
    color: #69686e;
    font-size: 12pt;
    padding-bottom: 0;
}

.categorias ul li a:hover {
    font-family: Fuente4;
    color: #1f1f21;
    background: transparent;
    border-bottom: 0;
    text-decoration: none;
}

.dropdown-toggle .open {
    font-family: Fuente6;
    background: transparent;
    background: url("../images/arrow-product.png") no-repeat center;
}

.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.sidebar-nav li {
    display: inline-block;
    line-height: 20px;
    position: relative;
    width: 100%;
}

.sidebar-nav li:before { /* Animación on hover*/
    background-color: transparent;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 3px;
    z-index: -1;
}

.sidebar-nav li:hover:before {
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 100%;
}

.sidebar-nav li a {
    color: #ffffff;
    display: block;
    padding: 10px 15px 10px 30px;
    text-decoration: none;
}

.sidebar-nav li.open:hover before {
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 100%;
}

.sidebar-nav .dropdown-menu { /*items del dropdown*/
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    text-align: right;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
    background-color: transparent;
    color: #69686e;
    text-decoration: none;
    font-family: Fuente6;
    background: url("../images/arrow-product.png") no-repeat center;
    background-position: center;
}

.resumen-pedido {
    /*font-family: Fuente4;
    font-size: 6pt;
    color: #69686e;*/
    margin-left: 15px;
}

.resumen-pedido th {
    text-align: left;
    padding-left: 2px;
    font-family: Fuente5;
    font-weight: normal;
    color: #69686e;
    border-bottom: 1px solid rgba(105, 104, 110, 0.39);
}

.resumen-pedido th span {
    font-family: Fuente6;
    color: #69686e;
}

.resumen-pedido td:not(.etiqueta) {
    text-align: right;
    padding-right: 2px;
    border-bottom: 1px solid rgba(105, 104, 110, 0.39);
}

.btn-procesar-compra {
    background: #d63440;
    color: #ffffff;
    font-family: Fuente4;
    font-size: 10pt;
    border-radius: 10px;
}

.total-compra {
    color: #d63440;
}

.btn-procesar-compra:visited {
    color: #ffffff;
}

.btn-procesar-compra:link {
    color: #ffffff;
}

.btn-procesar-compra:hover {
    background: rgba(209, 51, 63, 0.84);
}

.badge-cart {
    background: #303030;
}

.div-categoria {
    /*width: 90%;*/
    margin-left: 15px;
    /*border-bottom: 2px solid #e7c311;*/
    color: #e44547;
    font-family: Fuente7;
    font-size: 15pt
}

.div-categoria:after {
    border-bottom: 2px solid #e44547;
    content: '';
    display: block;
    width: 90%;
}

.total-productos {
    font-family: Fuente8;
    color: #6f6f6f;
    font-size: 13pt;
    float: right;
}

.div-ordenar {
    float: right;
    padding-top: 2px;
}

.catalogo {
    margin-left: 15px;
    margin-top: 15px;
}

.logo-producto {
    width: 90%;
    height: 90%;
}

.nombre-producto {
    font-family: Fuente7;
    color: #6a696e;
    font-size: 13pt;
}

.nombre-producto-resumen {
    font-family: Fuente7;
    color: #6a696e;
    font-size: 100%;
}

.nombre-producto:hover {
    color: #303030;
}

.input-carrito {
    border: 1px solid #6a696e;
    border-color: #6a696e;
    width: 70px;
    height: 30px;
    color: #6a696e;
    font-family: Fuente7;
    font-size: 12pt;
    /*text-align: center;*/
    margin-right: 2%;
    /*margin-left: 30%;*/
}

.form-inline .nombre-producto {
    /*margin-right: 30%;*/
}

.precio-producto {
    font-family: Fuente7;
    color: #6a696e;
    font-size: 12pt;
    margin-right: 2%;
}

.precio-producto span {
    font-family: Fuente8;
}

.base-compensable {
    font-family: Fuente7;
    color: #6a696e;
    font-size: 12pt;
    margin-right: 2%;
}

.base-compensable span {
    font-family: Fuente8;
}

.puntos-producto {
    font-family: Fuente7;
    color: #6a696e;
    font-size: 12pt;
    margin-right: 2%;
}

.puntos-producto span {
    font-family: Fuente8;
}

.separador {
    margin-right: 2%;
    width: 4px;
    height: 23px;
}

.btn-agregar {
    margin-left: 0%;
    background: #000000;
    color: #ffffff;
    width: 25%;
    border-color: #000000;
    font-family: Fuente9;
    font-weight: normal;
}

.btn-agregar:hover {
    font-family: Fuente7;
}

.select-ordenar {
    font-family: Fuente7;
    font-size: 12pt;
    color: #6f6f6f;
    width: auto;
    height: auto;
    border-radius: 0;
    border: 2px solid rgba(163, 163, 163, 0.77);
    outline: none;
    text-align: left;
    /*display: block;*/
    background: url('../images/down3.png') no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position-x: 95%;
    padding-left: 5px;
    padding-right: 15px;
}

.label-ver {
    font-family: Fuente8;
    color: #303030;
    font-size: 12pt;
}

.label-ver2 {
    font-family: Fuente8;
    color: rgba(159, 159, 159, 0.82);
    font-size: 12pt;
}

.label-ver2:hover {
    color: #303030;
}

.modal2:before {
    content: '';
    display: inline-block;
    height: 15%;
    vertical-align: middle;
    margin-right: 0;
}

.modal2-dialog {
    width: 100%;
    height: 70%;
    padding: 0;
    margin: 0;
}

.modal2-content {

    height: 100%;
    border-radius: 0;
    color: white;
    overflow: auto;
    background-color: #ffffff;
}

.modal2-body p {
    margin: 0 auto;
    padding-bottom: 15px;
    font-size: 1.7em;
    line-height: 1.8;
    font-family: 'Open Sans', sans-serif;
}

.modal2-title {
    font-size: 3em;
    font-weight: 300;
    margin: 0 0 20px 0;
}

.close2 {
    color: white ! important;
    opacity: 1.0;

}

.modal2-header {
    border: none;
}

.detalle-producto {
    font-family: Fuente7;
    color: #444242;
}

.detalle-producto h1 {
    font-size: 20pt;
}

.detalle-producto p {
    font-size: 15pt;
    font-family: Fuente7;
}

.resumen-compra {
    border-top: 1px solid #d63440;
}

.resumen-compra-titulo {
    font-family: Fuente10;
    color: #000000;
    font-size: 18pt;
}

.tabla-resumen-compra {
    width: 100%;
    margin-top: 2%;
}

.tabla-resumen-compra tbody {
    border: 1px solid rgba(182, 182, 182, 0.72);
    margin-top: 5%;
    font-family: Fuente8;
    color: #6a696e;
    font-size: 13pt;
}

.tabla-resumen-compra thead th {
    font-family: Fuente10;
    color: #000000;
    font-size: 18pt;
    font-weight: normal;
    text-align: center;
}

.select-categoria {
    width: 14px;
    height: 16px;
    margin-bottom: 5px;
    padding-right: 3px;
    display: none;
}

.paginacion {
    float: right;
    padding-right: 5%;
    padding-bottom: 5%;
}

.tabla-total-resumen-compra tr td {
    text-align: right;
    padding-right: 7%;
    font-family: Fuente7;
    color: #6a696e;
    font-size: 13pt;
}

.tabla-total-resumen-compra tr td span {
    font-family: Fuente8;
}

.tabla-total-resumen-compra tr td span.span-total {
    color: #d63440;
}

.tabla-total-resumen-compra tr.separator {
    border-bottom: 1px solid rgba(182, 182, 182, 0.72);
}

.tabla-total-resumen-compra tbody {
    border-bottom: 1px solid rgba(182, 182, 182, 0.72);
    border-right: 1px solid rgba(182, 182, 182, 0.72);
    border-left: 1px solid rgba(182, 182, 182, 0.72);
}

.tabla-total-resumen-compra {
    float: right;
}

.div-datos-envio {
    margin-top: 2%;
    border-top: 1px solid rgba(182, 182, 182, 0.72);
}

.div-datos-envio .datos-envio {
    font-family: Fuente10;
    color: #000000;
    font-size: 20pt;
    margin-left: 8%;
    width: 80%;
    border-bottom: 1px solid rgba(119, 119, 119, 0.82);
}

.tile-body {
    margin-left: 8%;
}

.label-check {
    font-family: Fuente1;
    color: #000000;
    font-size: 18pt;
    font-weight: normal;
}

.label-form {
    font-family: Fuente6;
    color: #69686e;
    font-size: 11pt;
}

.select-resumen-compra {
    font-family: Fuente4;
    font-size: 10pt;
    color: #69686e;
    height: auto;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #69686e;
    outline: none;
    text-align: left;
    display: block;
    background: url('../images/sort2.png') no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position-x: 95%;
    padding-right: 5%;
    margin-right: 7%;
}

.input-resumen-compra {
    font-family: Fuente4;
    font-size: 10pt;
    color: #69686e;
    height: 30px;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #69686e;
    border-color: #69686e;
    outline: none;
    /*text-align: left;*/
    padding-right: 5%;
    padding-left: 5px;
    margin-right: 7%;
}

.titulo-pago {
    font-family: Fuente10;
    color: #000000;
    font-size: 20pt;
    /*margin-left: 5%;*/
    border-bottom: 1px solid rgba(119, 119, 119, 0.82);
}

.div-pago {
    border: 1px solid rgba(74, 74, 74, 0.72);
    border-radius: 8px;
    margin-left: 4%;
    padding: 2%;
    margin-bottom: 5%;
}

.div-pago h1 {
    font-family: Fuente1;
    color: #000000;
    font-size: 16pt;
    font-weight: normal;
}

.btn-finalizar-compra {
    background: #d61018;
    font-family: Fuente5;
    font-size: 15pt;
    color: #ffffff;
    border-radius: 9px;
}

.label-form span {
    color: #d61018;
}

.btn-success-custom {
    /*background: url("../images/arrow-btn-download.png") no-repeat right #e43143;*/
    background: #e43143;
    color: #ffffff;
    font-family: Fuente6;
    font-size: 10pt;
}

a.btn-info-custom {
    /*background: url("../images/arrow-btn-download.png") no-repeat right #e43143;*/
    background: rgba(16, 148, 146, 0.82);
    color: #ffffff;
    font-family: Fuente6;
    font-size: 10pt;
}

a.btn-download-custom {
    /*background: url("../images/arrow-btn-download.png") no-repeat right #e43143;*/
    background: rgba(56, 103, 183, 0.82);
    color: #ffffff;
    font-family: Fuente6;
    font-size: 10pt;
}

a.btn-download2-custom {
    /*background: url("../images/arrow-btn-download.png") no-repeat right #e43143;*/
    background: rgba(192, 145, 14, 0.74);
    color: #ffffff;
    font-family: Fuente6;
    font-size: 10pt;
}

a.btn-info-custom:visited {
    color: #ffffff;
}

a.btn-info-custom:link {
    color: #ffffff;
}

a.btn-info-custom:hover {
    color: #49484c;
}

.btn-danger-custom {
    /*background: url("../images/arrow-btn-download.png") no-repeat right #e43143;*/
    background: #777777;
    color: #ffffff;
    font-family: Fuente6;
    font-size: 10pt;
}

.btn-cancel-custom {
    /*background: url("../images/arrow-btn-download.png") no-repeat right #e43143;*/
    background: #ffffff;
    color: #777777;
    border-color: #777777;
    font-family: Fuente6;
    font-size: 10pt;
}

.btn-cancel-custom:hover {
    color: #000000;
}

.modal-footer {
    text-align: center;
}

.modal-content {
    width: 90%;
}

.modal-body {
    text-align: center;
    font-family: Fuente5;
    font-size: 13pt;
    height: 90%;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-title {
    font-family: Fuente10;
    color: #000000;
    font-size: 18pt;
    text-align: center;
}

.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:not(#detalleProducto):not(#modalPedido):before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 90%;
        width: 10%;
    }
}

.etiqueta {
    text-align: left;
    border: 0;
    color: #777777;
}

.menu-categorias {
    height: auto;
}

.bigcell {
    position: relative;
}

.strikeout {
    position: absolute;
    top: 45%;
    height: 1px;
    width: 100%;
    background-color: rgba(182, 182, 182, 0.72);
    border: none;
}

.strikeout-last {
    position: absolute;
    top: 45%;
    height: 1px;
    width: 90%;
    background-color: rgba(182, 182, 182, 0.72);
    border: none;
}

.div-login {
    border: 1px solid rgba(74, 74, 74, 0.63);
    border-radius: 8px;
    padding: 2%
}

.div-login h2 {
    font-family: Fuente5;
    color: #69686e;
    font-weight: normal;
    font-size: 17pt;
}

.div-login h3 {
    font-family: Fuente6;
    color: #69686e;
    font-weight: normal;
    font-size: 12pt;
}

.btn-login {
    background: rgba(225, 17, 25, 0.91);
    color: #ffffff;
    font-family: Fuente5;
    font-size: 14pt;
    border-radius: 9px;
    width: 75%;
}

.div-login a {
    font-family: Fuente5;
    color: #afafaf;
    font-size: 13pt;
}

.input-login {
    border-color: rgba(225, 17, 25, 0.91);
    border-radius: 9px;
    outline: none;
    background-color: #ffffff;
}

.input-login:focus {
    border-color: #828188;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 129, 136, 0.6);
}

.btn-cargar-dim {
    background: #d63440;
    color: #ffffff;
    font-family: Fuente5;
    font-size: 10pt;
    border-radius: 10px;
}

.btn-cargar-dim,
.btn-cargar-dim:active,
.btn-cargar-dim:focus,
.btn-cargar-dim:hover {
    outline: none !important;
}

button:hover {
    outline: none !important;
}

.div-filtro-dim {
    margin-left: 4%;
    margin-right: 4%;
    background: #afafaf;
    border-radius: 8px
}

.opc-selected {
    background: #e44547;
    color: #ffffff;
}

.opc-selected:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #e44547;
    border-style: solid;
    border-width: 41px;
}

div.pedido {
    background: rgba(113, 112, 118, 0.5);
    color: #000000;
    text-align: left;
    padding-left: 15px;
}

div > td.pedido {
    text-align: left;
    padding-left: 15px;
}

div.factura {
    text-align: right;
    padding-right: 15px;
}

.pago-deposito {
    font-family: Fuente10;
    color: rgba(33, 141, 22, 0.82);
    font-size: 20pt;
    /* margin-left: 5%; */
}

/*
ul.nav li a:hover {
    background: #e44547;
    background: url(../images/arrow-product2.png) no-repeat left;
}*/

.modal-detalle {
    cursor: pointer;
}

ul#menu li {
    display: inline;
    padding: 10px;
}