body{font-size: 20px !important;}

/* ===========================================
   DROPDOWN MODERNO - RESPONSIVE MOBILE
   =========================================== */

/* Ajustes para el nuevo dropdown en móviles */
#user-dropdown-container {
    float: none !important;
    text-align: center;
    margin: 15px auto !important;
    width: 100%;
}

.btn-user {
    width: 90%;
    max-width: 280px;
    font-size: 16px !important;
    padding: 12px 20px !important;
}

.user-dropdown-menu {
    min-width: 90% !important;
    max-width: 350px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
}

.user-dropdown-menu .dropdown-item {
    padding: 15px 20px !important;
    font-size: 16px !important;
}

.user-dropdown-menu .form-control {
    font-size: 16px !important;
    padding: 12px !important;
}

.user-dropdown-menu .btn {
    padding: 12px !important;
    font-size: 16px !important;
}

/* Modal responsive */
#mdlUsuario .modal-dialog {
    margin: 5px !important;
    width: calc(100% - 10px) !important;
    max-width: none !important;
}

#mdlUsuario .modal-content {
    border-radius: 10px !important;
}

#mdlUsuario .modal-header {
    padding: 15px 20px !important;
}

#mdlUsuario .modal-title {
    font-size: 16px !important;
}

#mdlUsuario .modal-body {
    padding: 15px !important;
    font-size: 14px !important;
}

/* ===========================================
   ESTILOS ORIGINALES RESPONSIVE
   =========================================== */

/* Ocultar el viejo sistema */
#menu-usuario, #loggin, #Acceso {
    display: none !important;
}

.frm_titulo {display:none;}
.frm_campo{clear:both; width:100%; box-sizing: border-box; margin-bottom:10px;}
.frm_campo input,textarea,select, .boton {width:100%;}
#boton-aceptar {margin-bottom:20px;}

#leyenda{height: 180px; width:100%}
#leyenda div{margin-top:15px; }
#leyenda .leyenda-ico{width:100%;}
#leyenda .txt-leyenda{font-size:14px; float:left; width:260px}

.titulos{height: 0px !important; width: 0px !important; margin-left: -100px !important; overflow: hidden;}
.ver{clear:both;}
.col {padding: 5px;}

.categoria{padding:15px; margin: 0px -8px}
.linea_producto {padding:15px; margin: 0px -8px}

.mitad {float:left; width:50%; box-sizing: border-box;}
.nombre {width: auto; clear: both; overflow: auto;}
.origen {width: 50%; float:left;}
.precio {width: 200px; text-align: right; float:right; clear:both;}
.cantidad {width: 100%; float:right; }
.cantidad input {width: 70px; float:right; margin-left: 5px; font-size:24px;}
.subtotal {width:100%; clear:both; float:right; text-align:right; font-weight:bold;}
.subtotal::before{content: "Subtotal";}

.cantidad-sumar{font-size: 20px; padding: 0px 15px 8px}