/*************************************************************************************
* css/styles.css                                                                     *
**************************************************************************************
* Software Name: MvSoft Gestion OnLine                                               *
* Software URL: https://www.mvsoft.com.ar/software/gestion-online                    *
* Software Support: soporte@mvsoft.com.ar                                            *
* Description: Software exclusivo de MvSoft · Todos los derechos reservados          *
* Author: MvSoft                                                                     *
* Author URL: https://www.mvsoft.com.ar                                              *
* Copyright © 2020                                                                   *
*************************************************************************************/

/* GENERAL */
body {
    background: #eee;
    padding: 0;
    margin: 0;
}

* {
    font-family: 'Ubuntu', 'Open Sans', Arial;
}

ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	cursor: pointer;
}

/* LOGIN */
section#login .left h2 {
	display: inline-block;
}

section#login .left h2 strong {
    font-weight: bold;
}



section#login .left p strong {
    font-weight: bold;
}

section#login .left h2 strong, section#login .left p strong {
	font-family: 'Ubuntu', 'Open Sans', Arial;
	font-weight: 100;
}

section#login .right h2 {
	text-align: center;
	font-family: 'Roboto', 'Open Sans', Arial;
	font-weight: 100;
	font-size: 34px;
	margin-top: 0;
	margin-bottom: 14px;
}

section#login .right form li {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	text-transform: uppercase;
}

section#login .right form li label {
	width: 100%;
	font-family: 'Roboto', 'Open Sans', Arial;
	font-weight: 100;
	color: #000;
}

section#login .right form li input[type="text"], section#login .right form li input[type="password"] {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px 8px;
	margin-top: 8px;
	font-family: 'Ubuntu', 'Open Sans', Arial;
	font-weight: 100;
}

/* HEADER */
header .logo {
    float: left;
    display: block;
    width: 10%;
    padding: 12px 14px;
}

header .logo img {
    width: 100%;
}

header nav.no-resp, header nav.resp, header nav.no-resp li {
    float: left;
    width: auto;
    display: block;
}

header nav.no-resp li a {
    display: table;
    padding: 28px 14px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    border-bottom: 3px solid #2471A3;
    transition: 0.5s;
}

header nav.no-resp li a:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.1);
}

header nav.no-resp li a.active {
    background: rgba(0, 0, 0, 0.2);
    border-color: orange;
}

header nav.resp select {
    border: 1px solid #eee;
    padding: 8px 10px;
    font-size: 12px;
    margin: 8px 0;
    font-family: 'Ubuntu', Arial;
    border-radius: 2px;
}

header .box-sucursal {
    float: right;
}

header .box-sucursal a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 28px 14px;
    font-size: 14px;
}

header .box-seleccionar-sucursal {
    position: absolute;
    right: 45px;
    background: #fff;
    top: 75px;
    border: 1px solid #eee;
    border-radius: 2px;
}

header .box-seleccionar-sucursal ul li a {
    padding: 14px 12px;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Ubuntu', Arial;
    border-bottom: 1px dotted #eee;
}

header .box-seleccionar-sucursal ul li a img {
    width: 18px;
    margin-bottom: -3px;
    margin-right: 8px;
}

/* SECCION GENERAL */
#content-section {
    display: table;
    width: 90%;
    margin: 110px auto 15px auto;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: 0 0 5px rgba(12,12,12,0.05);
    -webkit-box-shadow: 0 0 5px rgba(12,12,12,0.05);
    box-shadow: 0 0 10px rgba(12,12,12,0.05);
}

.copy {
    width: 90%;
    display: table;
    margin: 0 auto;
    text-align: center;
    color: gray;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Verdana', Arial;
    margin-bottom: 15px;
    line-height: 24px;
}

.copy a {
    color: #2471A3;
}

#content-section nav.resp select, .tabs .content-tab .resp select {
    width: 100%;
    padding: 12px 18px;
    font-size: 12px;
    font-family: 'Ubuntu', Arial;
    border: 1px solid #eee;
    border-radius: 2px;
    background: #f5f5f5;
}

/* MENU SUB SECCION */
#content-section nav.sub-seccion {
    width: 100%;
    display: table;
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
}

#content-section nav.sub-seccion li {
    float: left;
    width: auto;
}

#content-section nav.sub-seccion li a {
    padding: 14px 20px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 100;
    display: table;
    color: #444;
    border-bottom: 3px solid #f5f5f5;
    transition: 0.5s;
}

#content-section nav.sub-seccion li a:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.1);
}

#content-section nav.sub-seccion li a.active {
    background: orangered;
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

#content-section nav.sub-seccion li.search {
    width: 20%;
    float: right;
}

#content-section nav.sub-seccion li.search input {
    width: 130px;
    background-color: white;
    background-image: url('https://www.w3schools.com/howto/searchicon.png');
    background-position: 10px 7px; 
    background-repeat: no-repeat;
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    padding: 10px 12px 10px 40px;
    margin: 5px 8px;
    border: 1px solid #eee;
    border-radius: 2px;
    float: right;
    font-size: 12px;
    text-transform: uppercase;
}

#content-section nav.sub-seccion li.search input:focus {
    width: 100%;
}

/* SEPARADORES */
ul.sp-1, ul.sp-1 li, ul.sp-2, ul.sp-2 li {
    display: table;
	float: left;
}

ul.sp-1, ul.sp-2 {
    width: 97%;
    padding: 8px 0;
}

/* .box ul.sp-1, .box ul.sp-2 {
    width: 100%;
} */

#btn-agregar-item-nuevo-comprobante, #btn-agregar-item-nuevo-ingreso-de-mercaderia, #btn-agregar-item-nueva-orden-de-compra, #btn-agregar-item-transferir-mercaderia {
    margin-bottom: 20px;
}

.box ul.btn {
    width: 100%;
}

ul.sp-1 li {
    width: 100%;
}

ul.sp-2 li {
    width: 48%;
}

ul.sp-1 li label, ul.sp-2 li label, .buscador ul li label {
    display: inline-block;
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Ubuntu', 'Open Sans', Arial;
    margin-bottom: 8px;
    color: gray;
    text-transform: uppercase;
}

ul.sp-1 li .no-label, ul.sp-2 li .no-label {
    float: left;
    width: auto;
    color: #333;
    margin-right: 8px;
    margin-top: 8px;
}

ul.sp-1 li input, ul.sp-1 li select, ul.sp-1 li textarea, ul.sp-2 li input, ul.sp-2 li select, ul.sp-2 li textarea, .buscador ul li input, .buscador ul li select {
    width: 95%;
	padding: 8px 12px;
	font-size: 13px;
	font-family: 'Ubuntu', 'Open Sans', Arial;
	font-weight: 100;
	color: #333;
	border-radius: 2px;
	border: 1px solid #ddd;
}

input.sp-width {
    width: 90% !important;
}

input.sp-2-width {
    width: 80% !important;
}

ul.btn {
	width: 100%;
    display: inline-block;
    padding: 8px 0;
}

ul.btn input[type="submit"], ul.btn input[type="reset"] {
    float: right;
    margin: 0;
}

/* TABS */
.tabs, .tabs-fdp {
    display: table;
    width: 100%;
    background: #f5f5f5;
}

.tabs .nav-tab, .tabs-fdp .nav-tab {
    float: left;
    width: 20%;
    position: sticky;
    margin-top: 10px;
    top: 10px;
}

.tabs .nav-tab a, .tabs-fdp .nav-tab a {
    display: table;
    width: 88%;
    padding: 15px 14px;
    font-family: 'Ubuntu', Arial;
    font-size: 13px;
    color: #444;
    text-transform: uppercase;
    border-right: 3px solid transparent;
}

.tabs .nav-tab a.active, .tabs-fdp .nav-tab a.active {
    background: rgba(0, 0, 0, 0.1);
    /* color: #fff; */
    border-color: orangered;
}

.tabs .content-tab, .tabs-fdp .content-tab {
    float: right;
    width: 76%;
    background: #fff;
    border-left: 1px solid #eee;
    padding: 14px 20px;
}

/* TABS ARTICULO */
.nav-tab-articulo {
    display: table;
    width: 100%;
    padding: 24px 0 0 0;
}

.nav-tab-articulo a {
    background: #eee;
    font-weight: 100;
    font-family: 'Ubuntu', Arial;
    font-size: 14px;
    padding: 12px 14px;
    transition: 0.5s;
    color: gray;
    border-width: 1px 1px 0 1px;
    border-color: #eee;
    border-style: solid;
}

.nav-tab-articulo a.active {
    background: #fff;
    color: #333;
}

.tabcontent-articulo {
    display: table;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 0 2px 2px 0;
    margin: 11px 0 24px 0;
}

.tabcontent-articulo .content {
    width: 95%;
    display: table;
    margin: 0 auto;
}

/* TABS FORMAS DE PAGO */
.tabs-fdp {
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 2px;
}

.tabs-fdp .nav-tab {
    width: 100%;
    margin: 0;
    position: static;
}

.tabs-fdp .nav-tab a {
    float: left;
    width: 42%;
    text-align: center;
}

.tabs-fdp .content-tab {
    width: 100%;
    padding: 0;
}

/* CHECKBOX Y RADIO BUTTOM */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
.checkmark {
    position: absolute;
    top: -5px;
    left: 4px;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.container:hover input ~ .checkmark {
    background-color: #ccc;
}
  
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}
  
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
.container input:checked ~ .checkmark:after {
    display: block;
}
  
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* BOTONES */
.btn {
	border-radius: 2px;
	font-size: 11px;
	font-weight: 400;
	font-family: 'Open Sans', Arial;
	padding: 10px 14px;
	border: none;
	margin-right: 5px;
	text-decoration: none;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
}

.btn.blue {
	background: #4285f4;
	color: #fff;
}

.btn.gray {
	background: #ddd;
	color: #444;
}

.btn.green {
	background: #41B66F;
	color: #fff;
}

.btn-logout, .btn-setting {
    float: right;
    width: 24px;
    margin: 24px 3% 24px 0;
}

.btn-logout img, .btn-setting img {
    width: 100%;
}

#btn-grabar-concepto {
    float: right;
    width: auto;
}

.btn-mr td {
    width: 100%;
    padding: 14px 0;
}

#btn-modificacion-rapida {
    width: auto;
    display: table;
    float: right;
}

/* BUSCADOR */
.buscador, .resultados {
    display: table;
    width: 95%;
    margin: 40px auto;
}

.buscador h2 {
    font-size: 34px;
    font-family: 'Roboto', Arial;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
}

.buscador ul {
    display: table;
    width: 97%;
}

.buscador ul li {
    float: left;
}

.buscador ul li.filtro {
    width: 28%;
}

.buscador ul li.texto {
    float: right;
    width: 70%
}

/* RESULTADOS */
table {
    width: 100%;
}

table.list {
    padding: 18px 0;
}

table tr {
    width: 100%;
    display: table;
}

table tr.encabezado {
    background: #34495E;
    border: 1px solid #34495E;
    border-radius: 2px 2px 0 0;
}

/* table.list tr.encabezado {
    background: orangered;
    border: 1px solid orangered;
} */

table tr.detalles, table tr.sin-resultados {
    transition: 0.5s;
    border-width: 0 1px 1px 1px;
    border-color: #eee;
    border-style: solid;
    display: table;
    width: 100%;
}

table tr.sin-resultados td {
    text-align: center;
    font-size: 12px;
    font-family: 'ubuntu', arial;
    color: #444;
    width: 100%;
    padding: 14px 10px;
    text-transform: uppercase;
    line-height: 24px;
}

table tr.detalles:hover {
    background: #EBF5FB !important;
}

table tr td {
    padding: 8px 10px;
    font-size: 13px;
    font-family: 'Ubuntu', Arial;
    font-weight: 100;
    color: #333;
    /* display: table; */
    float: left;
}

table tr.encabezado td {
    color: #fff;
    text-transform: uppercase;
}

table tr.detalles td {
    font-size: 12px !important;
}

table td a img {
    width: 18px;
    height: 18px;
}

/* RESULTADOS ENTIDADES */
.razonsocial-entidades {
    width: 22%;
}

.fantasia-entidades {
    width: 22%;
}

.domicilio-entidades {
    width: 20%;
}

.cte-entidades {
    width: 3%;
    text-align: center;
}

.prov-entidades {
    width: 3%;
    text-align: center;
}

.saldo-entidades {
    width: 10%;
    text-align: center;
}

.acciones-entidades, .acciones-articulos {
    width: 8%;
}

.acciones-entidades a, .acciones-articulos a {
    float: left;
    width: auto;
}

/* CONCEPTOS ADMINISTRACION */
.id-concepto-administracion {
    width: 20%;
}

.nombre-concepto-administracion {
    width: 70%;
}

.nombre-concepto-administracion-2, .subid-concepto-administracion-2 {
	width: 30%;
}
/* AGREGADO ENTIDADES */
.tipo-telefonos-entidades, .tipo-correos-entidades, .tipo-direcciones-entidades {
    width: 15%;
}

.numero-telefonos-entidades, .correo-correos-entidades {
    width: 30%;
}

.descripcion-correos-entidades {
    width: 40%;
}

.localidad-direcciones-entidades {
    width: 18%;
}

.domicilio-direcciones-entidades {
    width: 25%;
}

.descripcion-telefonos-entidades, .drescripcion-correos-entidades {
    width: 40%;
}

.descripcion-direcciones-entidades {
    width: 25%;
}

.descripcion-observaciones-entidades, .descripcion-observaciones-articulos {
    width: 90%;
}

.acciones-telefonos-entidades, .acciones-correos-entidades, .acciones-observaciones-entidades, .acciones-observaciones-articulos {
    width: 5%;
}

.acciones-direcciones-entidades {
    width: 4%;
}

/* ARTICULOS */
.codigo-articulos {
    width: 10%;
}

.nombre-articulos {
    width: 25%;
}

.stock-articulos {
    width: 8%;
}

.contado-articulos, .tarjeta-articulos, .lista-articulos {
    width: 12%;
}

/* AGREGADO ARTICULOS */
.titulo-detalles-articulos {
    width: 30%;
}

.descripcion-detalles-articulos {
    width: 58%;
}

.rubro-rubros-alternativos-articulos, .sub-rubro-rubros-alternativos-articulos {
    width: 28%;
}

.tipo-codigos-alternativos-articulos {
    width: 15%;
}

.codigo-proveedores-articulos {
    width: 18%;
}

.codigo-codigos-alternativos-articulos {
    width: 20%;
}

.descripcion-rubros-alternativos-articulos {
    width: 30%;
}

.razon-social-proveedores-articulos, .descripcion-proveedores-articulos {
    width: 35%;
}

.descripcion-codigos-alternativos-articulos {
    width: 50%;
}

.acciones-rubros-alternativos-articulos, .acciones-codigos-alternativos-articulos, .acciones-detalles-articulos {
    width: 3%;
}

/* MODIFICACION RAPIDA */
.codigo-modificacionrapida, .stock-modificacionrapida, .costo-modificacionrapida, .contado-modificacionrapida, .tarjeta-modificacionrapida, .lista-modificacionrapida {
    width: 10%;
}

.nombre-modificacionrapida {
    width: 25%;
}

.articulo-modificacion-rapida td input {
    border: none;
    padding: 10px 5px;
    margin: 0;
    width: 100%;
    transition: 0.5s;
}

.articulo-modificacion-rapida td select {
    width: 100%;
    border-color: #eee;
    border-radius: 2px;
}

.articulo-modificacion-rapida:hover input {
    background: transparent;
}

#articulos-modificacion-rapida tr.btn td {
    width: 100%;
    margin: 0;
    padding: 0;
}

#articulos-modificacion-rapida tr.btn td a {
    float: right;
    margin: 14px 0;
}

/* RECIBOS */
.fecha-recibos, .nro-recibos {
    width: 8%;
}

.razonsocial-recibos {
    width: 25%;
}

.usuario-recibos, .sucursal-recibos {
    width: 15%;
}

.total-recibos {
    width: 10%;
}

.acciones-recibos {
    width: 5%;
}

/* FACTURAS */
.fecha-facturas {
    width: 8%;
}

.comprobante-facturas, .nro-facturas, .total-facturas {
    width: 15%;
}

.razonsocial-facturas {
    width: 30%;
}

.total-facturas {
    width: 15%;
}

.acciones-facturas {
    width: 5%;
}

/* PAGOS RECIBO */
.tipo-pagos {
    width: 12%;
}

.descripcion-pagos {
    width: 45%;
}

.importe-pagos {
    width: 20%;
}

.acciones-pagos {
    width: 5%;
}

.extras-pagos {
    display: none;
}

/* LISTAS DE PRECIOS */
#resultados-listas-de-precios {
    margin: 14px auto 30px;
}

.fecha-listasdeprecios {
    width: 10%;
}

.nombre-listasdeprecios {
    width: 36%;
}

.importe-listasdeprecios {
    width: 15%;
}

.descrec-listasdeprecios {
    width: 10%;
}

.estado-listasdeprecios {
    width: 10%;
}

.acciones-listasdeprecios {
    width: 6%;
}

/* MOVIMIENTOS */
.fecha-mov, .nro-mov {
    width: 8%;
}

.cte-mov {
    width: 15%;
}

.descripcion-mov {
    width: 20%;
}

tr.detalles .descripcion-mov {
    line-height: 18px;
}

.debe-mov, .haber-mov, .saldo-mov {
    width: 10%;
}

.fecha-movusuarios {
    width: 8%;
}

.descripcion-movusuarios {
    width: 35%;
}

.tipo-movusuarios, .usuario-movusuarios, .sucursal-movusuarios {
    width: 15%;
}

/* VENTAS */
.cantidad-articulos-nuevo-comprobante {
    width: 10%;
}

.codigo-articulos-nuevo-comprobante {
    width: 20%;
}

.nombre-articulos-nuevo-comprobante {
    width: 25%;
}

.precio-articulos-nuevo-comprobante, .total-articulos-nuevo-comprobante {
    width: 15%;
}

/* MOV. CAJA */
.fecha-movcaja, .tipo-movcaja {
    width: 10%;
}

.concepto-movcaja, .importe-movcaja {
    width: 15%;
}

.descripcion-movcaja {
    width: 28%;
}

.acciones-movcaja {
    width: 4%;
}

/* CUENTAS BANCARIAS */
.banco-cuentas-bancarias-nueva-orden-de-pago, .cbu-cuentas-bancarias-nueva-orden-de-pago {
    width: 40%;
}

.eliminar-cuentas-bancarias-nueva-orden-de-pago {
    width: 5%;
}

/* FACTURAS A PAGAR */
.fecha-facturas-nueva-orden-de-pago, .nro-facturas-nueva-orden-de-pago, .vto-facturas-nueva-orden-de-pago, .total-facturas-nueva-orden-de-pago {
    width: 18%;
}

.select-facturas-nueva-orden-de-pago {
    width: 5%;
}

/* TARJETAS */
.fecha-tarjetas {
    width: 10%;
}

.titular-tarjetas {
    width: 25%;
}

.cupon-tarjetas, .numero-tarjetas {
    width: 12%;
}

.importe-tarjetas {
    width: 15%;
}

.acciones-tarjetas {
    width: 8%;
}

/* CHEQUES */
.fecha-cheques, .fecha-operacion-cheques {
    width: 10%;
}

.banco-cheques {
    width: 25%;
}

.numero-cheques {
    width: 15%;
}

.importe-cheques {
    width: 15%;
}

.acciones-cheques {
    width: 8%;
}

/* RETENCIONES */
.fecha-retenciones {
    width: 12%;
}

.tipo-retenciones {
    width: 45%;
}

.importe-retenciones {
    width: 20%;
}

.acciones-retenciones {
    width: 10%;
}

/* ARTICULOS INTELIGENCIA EMPRESARIAL */
.codigo-articulos-inteligencia-empresarial {
    width: 15%;
}

.nombre-articulos-inteligencia-empresarial {
    width: 30%;
}

.minimo-articulos-inteligencia-empresarial, .critico-articulos-inteligencia-empresarial, .actual-articulos-inteligencia-empresarial {
    width: 10%;
}

/* ESTADISTICAS */
.fecha-estadisticas {
    width: 10%;
}

.ventas-totales-estadisticas, .ventas-cantidades-estadisticas, .compras-totales-estadisticas, .compras-cantidades-estadisticas {
    width: 20%;
}

.rubro-estadisticas, .total-estadisticas {
    width: 45%;
}

.articulo-estadisticas {
    width: 30%;
}

.series-estadisticas, .cantidades-estadisticas, .extras-estadisticas {
    width: 20%;
}

/* PAGINADOR */
.paginador {
    width: 100%;
    display: table;
    margin: 20px 0;
}

.paginador ul li {
    float: left;
    width: auto;
}

.paginador ul li a {
    display: table;
    float: left;
    padding: 8px 12px;
    transition: 0.5s;
    background: #eee;
    font-size: 14px;
    color: #444;
}

.paginador ul li a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.paginador ul li.active a {
    background: #34495E;
    color: #fff;
}

/* ALERTAS */
.alert {
	width: 97%;
	text-align: center;
	font-size: 13px;
	font-family: 'Ubuntu', Arial;
	font-weight: 100;
	padding: 14px 0;
	margin: 8px auto;
	border-width: 1px;
    border-style: solid;
    border-color: transparent;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
}

.alert.yellow {
	background: #FDFFD1;
	color: gray;
	border-color: #FCFFB7;
}

.alert.blue {
	background: #D8E3F9;
	color: #2E92CF;
    border-color: #D8E3F9;
    /* font-weight: bold; */
    font-size: 14px;
}

/* LISTAS DE PRECIOS */
.top {
    width: 95%;
    margin: 30px auto;
    display: table;
}

.top h4 {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 28px;
    font-family: 'Roboto', Arial;
    text-transform: uppercase;
    line-height: 40px;
}

.top .btn {
    float: right;
}

/* BOX */
.box {
    width: 95%;
    margin: 20px auto;
    display: table;
}

.box h4, .box-resumen h4 {
    font-size: 24px;
    font-family: 'Roboto', Arial;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0;
    padding: 0;
}

.box table {
    width: 100%;
}

/* FORMAS DE PAGO */
.formas-de-pago {
    width: 48%;
    display: table;
    float: left;
}

.pagos {
    width: 48%;
    display: table;
    float: right;
}

.formas-de-pago ul.btn a {
    float: right;
    margin: 8px 0;
}

.total-nuevo-recibo, .total-nuevo-comprobante {
    width: 100%;
    display: table;
}

.total-facturas-pendientes {
    float: right;
    width: 45%;
}

.total-nuevo-recibo input, .total-nuevo-comprobante input, .total-facturas-pendientes input {
    border: none;
    padding: 8px 14px;
    font-size: 24px;
    font-family: 'Roboto', Arial;
    font-weight: 100;
    width: 44%;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.total-nuevo-recibo input.left, .total-nuevo-comprobante input.left {
    float: left;
    text-align: left;
}

.total-nuevo-recibo input.right, .total-nuevo-comprobante input.right {
    float: right;
    text-align: right;
}

.total-nuevo-recibo input.center, .total-nuevo-comprobante input.center {
    width: 95%;
    text-align: center;
}

.total-facturas-pendientes input {
    width: 91%;
    text-align: center;
}

/* PIC NUEVO ARTICULO */
.pic {
    width: 100%;
    display: table;
}

.pic img {
    width: 100%;
    height: 240px;
}

/* TOOLTIP */
.tooltips {
    position: relative;
    display: inline-block;
}
  
.tooltips .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 145%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    text-transform: uppercase;
}
  
.tooltips .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
  
.tooltips:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* TITLE */
h4.title {
    width: 100%;
    display: inline-block;
    margin: 28px 0 5px 0;
    color: #333;
    border-bottom: 3px solid #eee;
}

h4.title strong {
    width: auto;
    font-size: 15px;
    font-weight: 100;
    font-family: 'Ubuntu', Arial;
    border-bottom: 3px solid orangered;
    margin-bottom: -3px;
    padding: 0 5px 8px 0;
    display: table;
}

/* VENTAS */
.resumen-nuevo-comprobante .lt {
    float: left;
    width: 48%;
}

.resumen-nuevo-comprobante .rt {
    float: right;
    width: 48%;
}

/* MOV. CAJA */
.mov-caja {
    width: 100%;
    display: table;
}

.mov-caja .movimientos {
    float: left;
    width: 65%;
}

.mov-caja .resumen {
    float: right;
    width: 30%;
    margin-right: 3%;
}

.mov-caja .resumen li {
    border: none;
    width: 37% !important;
}

.mov-caja .resumen li label {
    text-align: left;
}

.mov-caja .resumen .total-nuevo-comprobante input.left, .mov-caja .resumen .total-nuevo-comprobante input.right {
    width: 42%;
}

.mov-caja .resumen .tabs .nav-tab {
    width: 100%;
}

.mov-caja .resumen .tabs .nav-tab a {
    float: left;
    width: 49%;
    text-align: center;
    padding: 15px 0;
}

.mov-caja .resumen .tabs .content-tab {
    width: 100%;
}

/* HOME */
.resumen {
    width: 100%;
    display: table;
    margin-bottom: 24px;
}

.resumen li {
    float: left !important;
    width: 18% !important;
    text-align: center;
    padding: 0 !important;
    padding: 0 20px !important;
    background: transparent;
    color: #fff;
    border-width: 0 0 0 14px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    margin-right: 1%;
}

.resumen li h2 {
    font-size: 48px;
    font-family: 'Ubuntu', Arial;
}

.resumen li p {
    font-size: 18px !important;
    font-family: 'Roboto', 'Open Sans', Arial;
    text-transform: uppercase;
}

.box-resumen {
    width: 48%;
    float: left;
}

.box-resumen h4.title {
    margin-bottom: 5px;
}

.box-resumen ul.list p {
    width: 100%;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
}

.box-resumen ul.list li {
    width: 100%;
    padding: 8px 5px;
    border-bottom: 1px dotted #eee;
}

.box-resumen ul.list li p {
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    padding: 5px 0;
    margin: 0;
}

.box-resumen ul.list li span {
    width: 100%;
    font-size: 12px;
    display: table;
    padding: 5px 0;
    text-transform: uppercase;
}

/* SALDOS */
.saldos {
	width: 100%;
	display: table;
	margin-top: 12px;
}

.saldos .lt {
	float: left;
	width: 70%;
}

.saldos .lt li {
	float: left;
	width: auto;
	margin-right: 14px;
}

.saldos .rt {
	float: right;
	width: 28%;
}

.saldos .rt li {
	width: 100%;
	float: right;
	text-align: right;
}

.saldos label {
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 5px;
}

.saldos input {
	border: 1px solid #eee;
	padding: 5px 8px;
	font-size: 11px;
	width: 80px;
}

/* SOPORTE */
.soporte {
    position: fixed;
    bottom: 20px;
    right: 30px;
}

.soporte a {
    width: 64px;
    height: 64px;
    display: table;
    margin-top: 14px;
}

#btn-soporte-correo, #btn-soporte-wsp {
	width: 45px;
	height: 45px;
	margin-top: 14px;
	margin: 14px auto 0 auto;
}

.soporte a img {
    width: 100%;
}

/* LIST */
ul.list li {
    display: table;
    width: 100%;
}

ul.list li .lt {
    float: left;
    width: 95%;
}

ul.list li .rt {
    float: right;
    width: 4%;
}

ul.list li .rt a img {
    width: 100%;
}

/* ESTADISTICAS */
h5.estadisticas {
    width: 100%;
    font-size: 15px;
    font-family: 'Ubuntu', Arial;
    text-align: center;
    color: #333;
    font-weight: 100;
    text-transform: uppercase;
}