/*************************************************************************************
* css/media.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                                                                   *
*************************************************************************************/

@media screen and (min-width: 1450px) {

    /* LOGIN */
    #login {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        height: 100%;
    }

    #login .left {
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        width: 30%;
        min-height: 700px;
        height: 100%;
        overflow: hidden;
        background-color: #000;
        padding: 10% 60px 0 60px;
        text-align: center;
        z-index: 999;
    }

    #login .left img {
        width: 40%;
        text-align: center;
    }

    section#login .left h2, section#login .left h2 strong {
        font-family: 'Roboto', 'Open Sans', Arial;
        font-weight: 100;
        color: #fff;
        font-size: 34px;
        margin-bottom: 30px;
        text-align: center;
        width: 100%;
    }

    section#login .left p, section#login .left p strong {
        font-family: 'Ubuntu', 'Open Sans', Arial;
        font-weight: 100;
        font-size: 16px;
        color: #fff;
        margin: 5px 0;
        line-height: 28px;
        text-align: left;
    }

    #login .right {
        float: right;
        width: 60%;
        background: #fff;
    }

    #login .right .content {
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        justify-content: center;
        align-items: center;
        padding: 60px;
        min-height: 100%;
        width: 40%;
        margin: 18% auto;
    }

    #login .right .content img {
        width: 100%;
    }

    /* HEADER */
    header {
        width: 100%;
        position: fixed;
        background: #2471A3;
        top: 0;
        z-index: 9999;
    }

    header nav li a {
        padding: 33px 24px !important;
    }

    header nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: table;
    }

    header nav.resp, #content-section nav.resp, .tabs .resp {
        display: none;
    }

    /* TABS */
    .tabs .nav-tab a {
        width: 96% !important;
    }

    /* INPUT SP 3 */
    input.sp-3-width {
        width: 90% !important;
    }

}

@media screen and (min-width: 1120px) and (max-width: 1449px) {

    /* LOGIN */
    #login {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        height: 100%;
    }

    #login .left {
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        width: 30%;
        /* min-height: 700px; */
        height: 100%;
        overflow: hidden;
        background-color: #000;
        padding: 60px;
        text-align: center;
        z-index: 999;
    }

    #login .left img {
        width: 35%;
        text-align: center;
    }

    section#login .left h2, section#login .left h2 strong {
        font-family: 'Roboto', 'Open Sans', Arial;
        font-weight: 100;
        color: #fff;
        font-size: 34px;
        margin-bottom: 30px;
        text-align: center;
        width: 100%;
    }

    section#login .left p, section#login .left p strong {
        font-family: 'Ubuntu', 'Open Sans', Arial;
        font-weight: 100;
        font-size: 16px;
        color: #fff;
        margin: 5px 0;
        line-height: 28px;
        text-align: left;
    }    

    #login .right {
        float: right;
        width: 60%;
        background: #fff;
    }

    #login .right .content {
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        justify-content: center;
        align-items: center;
        padding: 60px;
        min-height: 100%;
        width: 40%;
        margin: 18% auto;
    }

    #login .right .content img {
        width: 100%;
    }

    /* HEADER */
    header {
        width: 100%;
        position: fixed;
        background: #2471A3;
        top: 0;
        z-index: 9999;
    }

    header .logo {
        padding: 17px !important;
    }

    header nav li a {
        padding: 33px 18px !important;
    }

    header .box-sucursal a {
        padding: 34px 14px !important;
    }

    .btn-logout {
        margin: 30px 3% 25px 0 !important;
    }
	
	.btn-setting {
		margin: 30px 14px 25px 0 !important;
	}

    header .box-seleccionar-sucursal {
        top: 85px !important;
        right: 105px !important;
    }

    header nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: table;
    }

    header nav.resp, #content-section nav.resp, .tabs .resp {
        display: none;
    }

    /* TABS */
    .tabs .content-tab {
        width: 75%;
    }

    .tabs .nav-tab a {
        width: 91%;
    }

    /* FORMA DE PAGO */
    li.filtros-tipo, li.filtros-fechas {
        width: 100% !important;
    }

    /* MOV. CAJA */
    .tabs-fdp .nav-tab a {
        width: 40% !important;
    }

    .mov-caja .resumen li {
        width: 35% !important;
    }

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

}

@media screen and (min-width: 960px) and (max-width: 1119px) {

    /* LOGIN */
    #login {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        height: 100%;
    }

    #login .left {
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        width: 30%;
        /* min-height: 700px; */
        height: 100%;
        overflow: hidden;
        background-color: #000;
        padding: 60px;
        text-align: center;
        z-index: 999;
    }

    #login .left img {
        width: 35%;
        text-align: center;
    }

    section#login .left h2, section#login .left h2 strong {
        font-family: 'Roboto', 'Open Sans', Arial;
        font-weight: 100;
        color: #fff;
        font-size: 28px;
        margin: 20px 0;
        text-align: center;
        width: 100%;
    }

    section#login .left p, section#login .left p strong {
        font-family: 'Ubuntu', 'Open Sans', Arial;
        font-weight: 100;
        font-size: 13px;
        color: #fff;
        margin: 5px 0;
        line-height: 25px;
        text-align: left;
    }

    #login .right {
        float: right;
        width: 60%;
        background: #fff;
    }

    #login .right .content {
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        justify-content: center;
        align-items: center;
        padding: 60px;
        min-height: 100%;
        width: 50%;
        margin: 10% auto;
    }

    #login .right .content img {
        width: 100%;
    }

    /* HEADER */
    header {
        width: 100%;
        position: fixed;
        background: #2471A3;
        top: 0;
        z-index: 9999;
    }

    header .logo {
        padding: 12px 14px !important;
    }

    header nav li a {
        padding: 24px 14px !important;
        font-size: 12px !important;
    }

    header .box-sucursal a {
        font-size: 12px !important;
        padding: 25px 14px !important;
    }

    .btn-logout, .btn-setting {
        width: 14px !important;
        margin: 25px 3% 20px 0 !important;
    }
	
	.btn-setting {
		margin: 25px 14px 20px 0 !important;
	}

    header .box-seleccionar-sucursal {
        top: 65px !important;
        right: 40px !important;
    }

    header nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: table;
    }

    header nav.resp, #content-section nav.resp, .tabs .resp {
        display: none;
    }

    /* HOME */
    .resumen li {
        width: 16% !important;
        margin-right: 2% !important;
    }

    /* TABS */
    .tabs .content-tab {
        width: 74%;
    }

    /* INPUTS */
    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%;
    }

    /* NUEVO RECIBO */
    .total-nuevo-recibo input, .total-nuevo-comprobante input, .total-facturas-pendientes input, .total-facturas-pendientes input {
        width: 42%;
    }

    /* VENTAS */
    input.sp-2-width {
        width: 70% !important;
    }

    /* FORMA DE PAGO */
    li.filtros-tipo, li.filtros-fechas {
        width: 100% !important;
    }

    /* MOV. CAJA */
    .tabs-fdp .nav-tab a {
        width: 38% !important;
    }

    .mov-caja .resumen li {
        width: 30% !important;
    }

    .mov-caja .resumen .total-nuevo-comprobante input {
        font-size: 18px !important;
    }

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

    /* LISTADOS */
    .razonsocial-recibos {
        width: 22% !important;
    }

    .nombre-articulos {
        width: 23%;
    }

    .razonsocial-entidades, .fantasia-entidades {
        width: 20%;
    }

    .nombre-listasdeprecios {
        width: 35%;
    }

    .razonsocial-facturas {
        width: 28%;
    }

}

@media screen and (min-width: 760px) and (max-width: 959px) {

    /* LOGIN */
    #login {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        height: 100%;
    }

    #login .left {
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        width: 30%;
        /* min-height: 700px; */
        height: 100%;
        overflow: hidden;
        background-color: #000;
        padding: 40px;
        text-align: center;
        z-index: 999;
    }

    #login .left img {
        width: 30%;
        text-align: center;
    }

    section#login .left h2, section#login .left h2 strong {
        font-family: 'Roboto', 'Open Sans', Arial;
        font-weight: 100;
        color: #fff;
        font-size: 22px;
        margin: 12px 0;
        text-align: center;
        width: 100%;
    }

    section#login .left p, section#login .left p strong {
        font-family: 'Ubuntu', 'Open Sans', Arial;
        font-weight: 100;
        font-size: 11px;
        color: #fff;
        margin: 5px 0;
        line-height: 20px;
        text-align: left;
    }

    #login .right {
        float: right;
        width: 60%;
        background: #fff;
    }

    #login .right .content {
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        justify-content: center;
        align-items: center;
        padding: 60px;
        min-height: 100%;
        width: 60%;
        margin: 3% auto;
    }

    #login .right .content img {
        width: 100%;
    }

    /* HEADER */
    header {
        width: 100%;
        position: fixed;
        background: #2471A3;
        top: 0;
        z-index: 9999;
    }

    header .logo {
        padding: 10px 14px !important;
    }

    header nav li a {
        padding: 18px 10px !important;
        font-size: 11px !important;
    }

    header .box-sucursal a {
        font-size: 11px !important;
        padding: 18px 8px !important;
    }

    .btn-logout, .btn-setting {
        width: 14px !important;
        margin: 17px 3% 0 0 !important;
    }
	
	.btn-setting {
		margin: 17px 14px 0 0 !important;
	}

    header .box-seleccionar-sucursal {
        top: 52px !important;
        right: 35px !important;
    }

    header nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: table;
    }

    header nav.resp, #content-section nav.resp, .tabs .resp {
        display: none;
    }

    /* HOME */
    .resumen li {
        width: 15% !important;
        margin-right: 1% !important;
    }

    /* TABS */
    .tabs .nav-tab {
        width: 21%;
    }

    .tabs .content-tab {
        width: 72%;
    }

    /* INPUTS */
    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%;
    }

    #content-section nav.sub-seccion li.search {
        display: none;
    }

    /* ALER */
    .alert {
        width: 95%;
    }

    /* NUEVO RECIBO */
    .total-nuevo-recibo input, .total-nuevo-comprobante input, .total-facturas-pendientes input, .total-facturas-pendientes input {
        width: 40%;
        font-size: 14px;
    }

    /* VENTAS */
    li.ventas-ctes, li.ventas-fechas {
        width: 100% !important;
    }

    /* COMPRAS */
    li.compras-proveedor, #compras-formas-de-pago, #compras-pagos {
        width: 100% !important;
    }

    /* FORMA DE PAGO */
    li.filtros-tipo, li.filtros-fechas {
        width: 100% !important;
    }

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

    .mov-caja .resumen {
        width: 94%;
    }

    .mov-caja .resumen li {
        width: 42% !important;
    }

    /* LISTADOS */
    .fecha-recibos, .nro-recibos, .total-recibos {
        width: 15%;
    }

    .razonsocial-recibos {
        width: 60%;
    }

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

    .acciones-recibos {
        width: 10%;
    }

    .nombre-articulos {
        width: 18%;
    }

    .razonsocial-entidades, .fantasia-entidades, .domicilio-entidades {
        width: 28%;
    }

    .cte-entidades, .prov-entidades, .saldo-entidades {
        width: 25%;
    }

    .acciones-entidades {
        width: 10%;
    }

    .nombre-listasdeprecios {
        width: 26%;
    }

    .acciones-listasdeprecios {
        width: 10%;
    }

    .fecha-facturas, .comprobante-facturas, .nro-facturas, .total-facturas, .razonsocial-facturas, .acciones-facturas {
        width: 100%;
        text-align: center;
    }

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

@media screen and (min-width: 450px) and (max-width: 759px) {

    /* LOGIN */
    #login {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        height: 100%;
    }

    #login .left {
        display: none;
    }

    #login .right {
        float: left;
        width: 100%;
        background: #fff;
    }

    #login .right .content {
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        justify-content: center;
        align-items: center;
        padding: 60px 0;
        min-height: 100%;
        width: 75%;
        margin: 0 auto;
    }

    #login .right .content img {
        width: 100%;
    }

    #login .right .content form input[type="text"], #login .right .content form input[type="password"] {
        width: 94%;
    }

    /* HEADER */
    header {
        width: 100%;
        position: absolute;
        background: #2471A3;
        top: 0;
        z-index: 9999;
    }

    header .logo {
        width: 15% !important;
        padding: 11px 14px !important;
    }

    header nav li a {
        padding: 18px 10px !important;
        font-size: 11px !important;
    }

    header .box-sucursal a {
        font-size: 11px !important;
        padding: 18px 8px !important;
    }

    .btn-logout, .btn-setting {
        width: 14px !important;
        margin: 17px 3% 0 0 !important;
    }
	
	.btn-setting {
		margin: 17px 14px 0 0 !important;
	}

    header .box-seleccionar-sucursal {
        top: 52px !important;
        right: 35px !important;
    }

    header nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: none;
    }

    header nav.resp, #content-section nav.resp, .tabs .resp {
        display: block;
    }

    /* HOME */
    .resumen li {
        width: 34% !important;
        margin-right: 1% !important;
        margin-bottom: 1% !important;
    }

    .box-resumen {
        width: 100%;
        margin-bottom: 15px;
    }

    /* TABS */
    .tabs {
        background: #fff;
    }

    .tabs .nav-tab {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
    }

    .tabs .content-tab {
        float: left;
        width: 90%;
        background: #fff;
        padding: 14px 20px;
    }

    /* INPUTS */
    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%;
    }

    ul.sp-1 li, ul.sp-2 li {
        width: 100%;
        margin-bottom: 20px;
    }

    /* ALERT */
    .alert {
        width: 90%;
        font-size: 12px;
        line-height: 24px;
    }

    /* TOP */
    .top h4 {
        font-size: 24px;
        width: 100%;
        text-align: center;
    }

    .top .btn {
        width: 42%;
        margin-top: 20px;
    }

    /* NUEVO RECIBO */
    .total-nuevo-recibo input, .total-nuevo-comprobante input, .total-facturas-pendientes input {
        width: 42%;
        font-size: 14px;
    }

    .formas-de-pago {
        width: 100%;
    }

    .pagos {
        width: 100%;
    }

    /* BUSCADOR */
    .buscador ul li.filtro {
        width: 100%;
    }

    .buscador ul li.texto {
        width: 100%;
        margin: 14px 0;
    }

    /* VENTAS */
    .resumen-nuevo-comprobante .lt {
        width: 100%;
    }

    .resumen-nuevo-comprobante .rt {
        width: 100%;
    }

    #btn-agregar-item-nuevo-comprobante {
        width: 92% !important;
        margin-top: -60px;
        margin-bottom: 40px;
        display: contents;
    }

    /* COMPRAS */
    .total-facturas-pendientes {
        width: 100%;
    }

    .total-facturas-pendientes input {
        width: 92%;
    }

    /* SUCURSALES */
    #localidad-nueva-sucursal, #codigo-postal-nueva-sucursal {
        width: 98% !important;
    }

    #btn-nueva-sucursal, #btn-filtros-moventidades, #btn-filtros-movarticulos {
        width: 92% !important;
    }

    #btn-modificacion-rapida {
        width: 95% !important;
        display: table;
        float: left;
    }

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

    .mov-caja .resumen {
        width: 94%;
    }

    .mov-caja .resumen li {
        width: 38% !important;
    }

    .tabs-fdp .nav-tab a {
        width: 41%;
    }

    /* LISTADOS */
    .fecha-recibos, .nro-recibos, .total-recibos {
        width: 100%;
        text-align: center;
    }

    .razonsocial-recibos {
        width: 100%;
        text-align: center;
    }

    .usuario-recibos, .sucursal-recibos {
        width: 100%;
        text-align: center;
    }

    .acciones-recibos {
        width: 100%;
        text-align: center;
    }

    .codigo-articulos, .nombre-articulos, .stock-articulos {
        width: 100%;
        text-align: center;
    }

    .contado-articulos, .tarjeta-articulos, .lista-articulos, .acciones-articulos {
        width: 100%;
        text-align: center;
    }

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

    .acciones-entidades a, .acciones-articulos a {
        float: none;
    }

    .razonsocial-entidades, .fantasia-entidades, .domicilio-entidades, .cte-entidades, .prov-entidades, .saldo-entidades, .acciones-entidades {
        width: 100%;
        text-align: center;
    }

    .fecha-listasdeprecios, .nombre-listasdeprecios, .importe-listasdeprecios, .descrec-listasdeprecios, .estado-listasdeprecios, .acciones-listasdeprecios {
        width: 100%;
        text-align: center;
    }

    .fecha-facturas, .comprobante-facturas, .nro-facturas, .total-facturas, .razonsocial-facturas, .acciones-facturas {
        width: 100%;
        text-align: center;
    }

    .cantidad-articulos-nuevo-comprobante, .codigo-articulos-nuevo-comprobante, .nombre-articulos-nuevo-comprobante, .precio-articulos-nuevo-comprobante, .total-articulos-nuevo-comprobante, .acciones-articulos-nuevo-comprobante {
        width: 100%;
        text-align: center;
    }

    .tipo-telefonos-entidades, .numero-telefonos-entidades, .descripcion-telefonos-entidades, .acciones-telefonos-entidades, .tipo-correos-entidades, .correo-correos-entidades, .descripcion-correos-entidades, .acciones-correos-entidades, .tipo-direcciones-entidades, .localidad-direcciones-entidades, .domicilio-direcciones-entidades, .descripcion-direcciones-entidades, .acciones-direcciones-entidades, .descripcion-observaciones-entidades, .acciones-observaciones-entidades {
        width: 100%;
        text-align: center;
    }

    .rubro-rubros-alternativos-articulos, .sub-rubro-rubros-alternativos-articulos, .descripcion-rubros-alternativos-articulos, .acciones-rubros-alternativos-articulos, .tipo-codigos-alternativos-articulos, .codigo-codigos-alternativos-articulos, .descripcion-codigos-alternativos-articulos, .acciones-codigos-alternativos-articulos, .codigo-proveedores-articulos, .razon-social-proveedores-articulos, .descripcion-proveedores-articulos, .acciones-proveedores-articulos, .descripcion-observaciones-articulos, .acciones-observaciones-articulos {
        width: 100%;
        text-align: center;
    }

    .codigo-modificacionrapida, .nombre-modificacionrapida, .stock-modificacionrapida, .costo-modificacionrapida, .contado-modificacionrapida, .tarjeta-modificacionrapida, .lista-modificacionrapida {
        width: 92%;
        text-align: center;
    }

    .banco-cuentas-bancarias-nueva-orden-de-pago, .cbu-cuentas-bancarias-nueva-orden-de-pago, .eliminar-cuentas-bancarias-nueva-orden-de-pago {
        width: 100%;
        text-align: center;
    }

    .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: 100%;
        text-align: center;
    }

    .tipo-pagos, .descripcion-pagos, .importe-pagos, .acciones-pagos {
        width: 100%;
        text-align: center;
    }

    .fecha-tarjetas, .titular-tarjetas, .cupon-tarjetas, .numero-tarjetas, .importe-tarjetas, .acciones-tarjetas {
        width: 100%;
        text-align: center;
    }

    .fecha-cheques, .fecha-operacion-cheques, .banco-cheques, .numero-cheques, .importe-cheques, .acciones-cheques {
        width: 100%;
        text-align: center;
    }

    .fecha-retenciones, .tipo-retenciones, .importe-retenciones, .acciones-retenciones {
        width: 100%;
        text-align: center;
    }

    .fecha-movcaja, .tipo-movcaja, .concepto-movcaja, .descripcion-movcaja, .importe-movcaja, .acciones-movcaja {
        width: 100%;
        text-align: center;
    }

    .fecha-mov, .cte-mov, .nro-mov, .descripcion-mov, .debe-mov, .haber-mov, .saldo-mov {
        width: 100%;
        text-align: center;
    }

    .fecha-movusuarios, .tipo-movusuarios, .descripcion-movusuarios, .usuario-movusuarios, .sucursal-movusuarios {
        width: 100%;
        text-align: center;
    }

    .nombre-concepto-administracion-2, .nombre-concepto-administracion, .subid-concepto-administracion-2, .subid-concepto-administracion, .id-concepto-administracion, .acciones-concepto-administracion {
        width: 100%;
        text-align: center;
    }

    /* BTN */
    ul.btn input[type="submit"], ul.btn input[type="reset"], ul.btn-config input {
        float: right;
        width: 100% !important;
        margin-bottom: 8px;
    }

    ul.btn a {
        float: right;
        width: 92%;
        margin-bottom: 8px;
        text-align: center;
    }

    /* SALDOS */
    .saldos .lt, .saldos .rt, .saldos .lt li {
        width: 100%;
    }

    .saldos .lt li {
        margin: 8px 0;
    }

    .saldos label {
        width: 100%;
        text-align: center;
        display: block;
    }

    .saldos input {
        width: 96%;
        margin-top: 10px;
    }

    /* FACTURAS PENDIENTES */
    .select-facturas-nueva-orden-de-pago {
        width: 100%;
        margin-bottom: 25px;
    }

    .select-facturas-nueva-orden-de-pago label.container {
        width: 0;
        margin: 0 auto;
    }

    #btn-grabar-concepto {
		float: right;
		width: 97% !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 449px) {

    /* LOGIN */
    #login {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        height: 100%;
    }

    #login .left {
        display: none;
    }

    #login .right {
        float: left;
        width: 100%;
        background: #fff;
    }

    #login .right .content {
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        justify-content: center;
        align-items: center;
        padding: 60px 0;
        min-height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    #login .right .content img {
        width: 100%;
    }

    #login .right .content form input[type="text"], #login .right .content form input[type="password"] {
        width: 94%;
    }

    #login .right .content form input[type="submit"] {
        width: 100%;
    }

    #login .right .content li a {
        width: 100%;
        display: inline-block;
        margin-top: 12px;
    }

    /* HEADER */
    header {
        width: 100%;
        position: absolute;
        background: #2471A3;
        top: 0;
        z-index: 9999;
    }

    header .logo {
        width: 15% !important;
        padding: 14px !important;
    }

    header nav li a {
        padding: 18px 10px !important;
        font-size: 11px !important;
    }

    header .box-sucursal a {
        font-size: 11px !important;
        padding: 18px 8px !important;
    }

    .btn-logout, .btn-setting {
        width: 14px !important;
        margin: 17px 3% 0 0 !important;
    }
	
	.btn-setting {
		margin: 17px 14px 0 0 !important;
	}

    header .box-seleccionar-sucursal {
        top: 52px !important;
        right: 35px !important;
    }

    header nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: none;
    }

    header nav.resp, #content-section nav.resp, .tabs .resp {
        display: block;
    }

    /* HOME */
    .box h4, .box-resumen h4 {
        font-size: 18px !important;
    }

    .resumen li {
        width: 80% !important;
        margin-right: 1% !important;
        margin-bottom: 1% !important;
    }

    .box-resumen {
        width: 100%;
        margin-bottom: 15px;
    }

    /* TABS */
    .tabs {
        background: #fff;
    }

    .tabs .nav-tab {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
    }

    .tabs .content-tab {
        float: left;
        width: 90%;
        background: #fff;
        padding: 14px 20px;
    }

    /* INPUTS */
    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%;
    }

    ul.sp-1 li, ul.sp-2 li {
        width: 100%;
        margin-bottom: 20px;
    }

    /* ALERT */
    .alert {
        width: 88%;
        font-size: 12px;
        line-height: 24px;
    }

    /* TOP */
    .top h4 {
        font-size: 24px;
        width: 100%;
        text-align: center;
    }

    .top .btn {
        width: 38%;
        margin-top: 20px;
    }

    /* NUEVO RECIBO */
    .total-nuevo-recibo input, .total-nuevo-comprobante input, .total-facturas-pendientes input, .total-facturas-pendientes input {
        width: 90% !important;
        font-size: 14px !important;
        text-align: center !important;
        float: left !important;
    }
    
    .formas-de-pago {
        width: 100%;
    }

    .pagos {
        width: 100%;
    }

    ul.btn input[type="submit"], ul.btn input[type="reset"] {
        width: 100%;
    }

    /* BUSCADOR */
    .buscador h2 {
        font-size: 24px;
        line-height: 34px;
    }

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

    .buscador ul li.texto {
        width: 100%;
        margin: 14px 0;
    }

    /* VENTAS */
    .resumen-nuevo-comprobante .lt {
        width: 100%;
    }

    .resumen-nuevo-comprobante .rt {
        width: 100%;
    }

    #btn-agregar-item-nuevo-comprobante {
        width: 88% !important;
        margin-top: -60px;
        margin-bottom: 40px;
        display: contents;
    }

    /* COMPRAS */
    .total-facturas-pendientes {
        width: 100%;
    }

    /* SUCURSALES */
    #localidad-nueva-sucursal, #codigo-postal-nueva-sucursal {
        width: 98% !important;
    }

    #btn-nueva-sucursal, #btn-filtros-moventidades, #btn-filtros-movarticulos {
        width: 88% !important;
    }

    #btn-modificacion-rapida {
        width: 92% !important;
        display: table;
        float: left;
    }

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

    .mov-caja .resumen {
        width: 94%;
    }

    .mov-caja .resumen li {
        width: 80% !important;
    }

    .tabs-fdp .nav-tab a {
        width: 38%;
    }

    /* LISTADOS */
    .fecha-recibos, .nro-recibos, .total-recibos {
        width: 100%;
        text-align: center;
    }

    .razonsocial-recibos {
        width: 100%;
        text-align: center;
    }

    .usuario-recibos, .sucursal-recibos {
        width: 100%;
        text-align: center;
    }

    .acciones-recibos {
        width: 100%;
        text-align: center;
    }

    .codigo-articulos, .nombre-articulos, .stock-articulos, .contado-articulos, .tarjeta-articulos, .lista-articulos, .acciones-entidades, .acciones-articulos {
        width: 100%;
        text-align: center;
    }

    .acciones-entidades a, .acciones-articulos a {
        float: none;
    }

    .razonsocial-entidades, .fantasia-entidades, .domicilio-entidades, .cte-entidades, .prov-entidades, .saldo-entidades, .acciones-entidades {
        width: 100%;
        text-align: center;
    }

    .fecha-listasdeprecios, .nombre-listasdeprecios, .importe-listasdeprecios, .descrec-listasdeprecios, .estado-listasdeprecios, .acciones-listasdeprecios {
        width: 100%;
        text-align: center;
    }

    .fecha-facturas, .comprobante-facturas, .nro-facturas, .total-facturas, .razonsocial-facturas, .acciones-facturas {
        width: 100%;
        text-align: center;
    }

    .cantidad-articulos-nuevo-comprobante, .codigo-articulos-nuevo-comprobante, .nombre-articulos-nuevo-comprobante, .precio-articulos-nuevo-comprobante, .total-articulos-nuevo-comprobante, .acciones-articulos-nuevo-comprobante {
        width: 100%;
        text-align: center;
    }

    .tipo-telefonos-entidades, .numero-telefonos-entidades, .descripcion-telefonos-entidades, .acciones-telefonos-entidades, .tipo-correos-entidades, .correo-correos-entidades, .descripcion-correos-entidades, .acciones-correos-entidades, .tipo-direcciones-entidades, .localidad-direcciones-entidades, .domicilio-direcciones-entidades, .descripcion-direcciones-entidades, .acciones-direcciones-entidades, .descripcion-observaciones-entidades, .acciones-observaciones-entidades {
        width: 100%;
        text-align: center;
    }

    .rubro-rubros-alternativos-articulos, .sub-rubro-rubros-alternativos-articulos, .descripcion-rubros-alternativos-articulos, .acciones-rubros-alternativos-articulos, .tipo-codigos-alternativos-articulos, .codigo-codigos-alternativos-articulos, .descripcion-codigos-alternativos-articulos, .acciones-codigos-alternativos-articulos, .codigo-proveedores-articulos, .razon-social-proveedores-articulos, .descripcion-proveedores-articulos, .acciones-proveedores-articulos, .descripcion-observaciones-articulos, .acciones-observaciones-articulos {
        width: 100%;
        text-align: center;
    }

    .codigo-modificacionrapida, .nombre-modificacionrapida, .stock-modificacionrapida, .costo-modificacionrapida, .contado-modificacionrapida, .tarjeta-modificacionrapida, .lista-modificacionrapida {
        width: 90%;
        text-align: center;
    }

    .banco-cuentas-bancarias-nueva-orden-de-pago, .cbu-cuentas-bancarias-nueva-orden-de-pago, .eliminar-cuentas-bancarias-nueva-orden-de-pago {
        width: 100%;
        text-align: center;
    }

    .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: 100%;
        text-align: center;
    }

    .tipo-pagos, .descripcion-pagos, .importe-pagos, .acciones-pagos {
        width: 100%;
        text-align: center;
    }

    .fecha-tarjetas, .titular-tarjetas, .cupon-tarjetas, .numero-tarjetas, .importe-tarjetas, .acciones-tarjetas {
        width: 100%;
        text-align: center;
    }

    .fecha-cheques, .fecha-operacion-cheques, .banco-cheques, .numero-cheques, .importe-cheques, .acciones-cheques {
        width: 100%;
        text-align: center;
    }

    .fecha-retenciones, .tipo-retenciones, .importe-retenciones, .acciones-retenciones {
        width: 100%;
        text-align: center;
    }

    .fecha-movcaja, .tipo-movcaja, .concepto-movcaja, .descripcion-movcaja, .importe-movcaja, .acciones-movcaja {
        width: 100%;
        text-align: center;
    }

    .fecha-mov, .cte-mov, .nro-mov, .descripcion-mov, .debe-mov, .haber-mov, .saldo-mov {
        width: 100%;
        text-align: center;
    }

    .fecha-movusuarios, .tipo-movusuarios, .descripcion-movusuarios, .usuario-movusuarios, .sucursal-movusuarios {
        width: 100%;
        text-align: center;
    }

    .nombre-concepto-administracion-2, .nombre-concepto-administracion, .subid-concepto-administracion-2, .subid-concepto-administracion, .id-concepto-administracion, .acciones-concepto-administracion {
        width: 100%;
        text-align: center;
    }
	
	/* SOPORTE */
	.soporte {
		position: relative;
		margin: 0 auto;
		width: 90%;
		bottom: 0;
		display: table;
		right: 0;
	}
	
	.soporte a {
		margin: 14px auto;
    }
    
    /* BTN */
    ul.btn input[type="submit"], ul.btn input[type="reset"], ul.btn-config input {
        float: right;
        width: 100% !important;
        margin-bottom: 8px;
    }

    ul.btn a {
        float: right;
        width: 90%;
        margin-bottom: 8px;
        text-align: center;
    }

    /* SALDOS */
    .saldos .lt, .saldos .rt, .saldos .lt li {
        width: 100%;
    }

    .saldos .lt li {
        margin: 8px 0;
    }

    .saldos label {
        width: 100%;
        text-align: center;
        display: block;
    }

    .saldos input {
        width: 92%;
        margin-top: 10px;
    }

    /* FACTURAS PENDIENTES */
    .select-facturas-nueva-orden-de-pago {
        width: 100%;
        margin-bottom: 25px;
    }

    .select-facturas-nueva-orden-de-pago label.container {
        width: 0;
        margin: 0 auto;
    }

    #btn-grabar-concepto {
		float: right;
		width: 94% !important;
	}

}

@media screen and (max-width: 299px) {

    /* LOGIN */
    #login {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        height: 100%;
    }

    #login .left {
        display: none;
    }


    #login .right {
        float: left;
        width: 100%;
        background: #fff;
    }

    #login .right .content {
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        justify-content: center;
        align-items: center;
        padding: 20px 0;
        min-height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    #login .right h2 {
        font-size: 28px !important;
        margin-bottom: 8px !important;
    }

    #login .right .content img {
        width: 100%;
    }

    #login .right .content form input[type="text"], #login .right .content form input[type="password"] {
        width: 94%;
    }

    #login .right .content form input[type="submit"] {
        width: 100%;
    }

    #login .right .content li a {
        width: 100%;
        display: inline-block;
        margin-top: 12px;
    }

    /* HEADER */
    header {
        width: 100%;
        position: absolute;
        background: #2471A3;
        top: 0;
        z-index: 9999;
    }

    header .logo {
        width: 100% !important;
        padding: 14px 0 !important;
        text-align: center;
    }

    header .logo img {
        width: 40% !important;
    }

    header nav li a {
        padding: 18px 10px !important;
        font-size: 11px !important;
    }

    header .box-sucursal a {
        font-size: 11px !important;
        padding: 18px 8px !important;
    }

    .btn-logout, .btn-setting {
        width: 14px !important;
        margin: 17px 3% 0 0 !important;
    }
	
	.btn-setting {
		margin: 17px 14px 0 0 !important;
	}

    header .box-seleccionar-sucursal {
        top: 120px !important;
        right: 8px !important;
        width: 93% !important;
    }

    header nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: none;
    }

    header nav.resp {
        display: block;
        margin-left: 3%;
    }

    #content-section nav.resp {
        display: block;
    }

    /* CONTENT */
    #content-section {
        margin: 160px auto 15px auto !important;
    }

    /* HOME */
    .box h4, .box-resumen h4 {
        font-size: 14px !important;
    }

    .resumen li {
        width: 77% !important;
        margin-right: 1% !important;
        margin-bottom: 1% !important;
    }

    .box-resumen {
        width: 100%;
        margin-bottom: 15px;
    }

    /* TABS */
    .tabs {
        background: #fff;
    }

    .tabs .nav-tab {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
    }

    .tabs .content-tab {
        float: left;
        width: 85%;
        background: #fff;
        padding: 14px 20px;
    }

    /* INPUTS */
    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: 92%;
    }

    ul.sp-1 li, ul.sp-2 li {
        width: 100%;
        margin-bottom: 20px;
    }

    /* BUTTONS */
    .btn {
        width: 100%;
        margin-bottom: 5px !important;
    }

    /* ALERT */
    .alert {
        width: 85%;
        font-size: 12px;
        line-height: 24px;
    }

    /* TOP */
    .top h4 {
        font-size: 18px;
        width: 100%;
        text-align: center;
    }

    .top .btn {
        width: 85%;
        margin-top: 20px;
    }

    .top .btn.blue {
        margin-bottom: -15px !important;
    }

    /* NUEVO RECIBO */
    .total-nuevo-recibo input, .total-nuevo-comprobante input, .total-facturas-pendientes input, .total-facturas-pendientes input {
        width: 90% !important;
        font-size: 11px !important;
        text-align: center !important;
        float: left !important;
    }
    
    .formas-de-pago {
        width: 100%;
    }

    .formas-de-pago ul.btn a {
        width: 90%;
    }

    .pagos {
        width: 100%;
    }

    ul.btn input[type="submit"], ul.btn input[type="reset"] {
        width: 100%;
    }

    /* BUSCADOR */
    .buscador h2 {
        font-size: 18px;
        line-height: 28px;
    }

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

    .buscador ul li.texto {
        width: 100%;
        margin: 14px 0;
    }

    /* VENTAS */
    .resumen-nuevo-comprobante .lt {
        width: 100%;
    }

    .resumen-nuevo-comprobante .rt {
        width: 100%;
    }

    #btn-agregar-item-nuevo-comprobante {
        width: 85% !important;
        margin-top: -60px;
        margin-bottom: 40px;
        display: contents;
    }

    /* COMPRAS */
    .total-facturas-pendientes {
        width: 100%;
    }

    /* TRANSFERIR MERCADERIA */
    .box {
        width: 90%;
        display: block;
    }

    ul.sp-1, ul.sp-1 li, ul.sp-2, ul.sp-2 li {
        display: block;
    }

    .box .btn {
        width: 85%;
    }

    /* SUCURSALES */
    #localidad-nueva-sucursal, #codigo-postal-nueva-sucursal {
        width: 95% !important;
    }

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

    .mov-caja .resumen {
        width: 94%;
    }

    .mov-caja .resumen li {
        width: 80% !important;
    }

    .tabs-fdp .nav-tab a {
        width: 35%;
    }

    .mov-caja .resumen .total-nuevo-comprobante input {
        width: 88% !important;
    }

    /* LISTADOS */
    .fecha-recibos, .nro-recibos, .total-recibos {
        width: 100%;
        text-align: center;
    }

    .razonsocial-recibos {
        width: 100%;
        text-align: center;
    }

    .usuario-recibos, .sucursal-recibos {
        width: 100%;
        text-align: center;
    }

    .acciones-recibos {
        width: 100%;
        text-align: center;
    }

    .codigo-articulos, .nombre-articulos, .stock-articulos, .contado-articulos, .tarjeta-articulos, .lista-articulos, .acciones-entidades, .acciones-articulos {
        width: 100%;
        text-align: center;
    }

    .acciones-entidades a, .acciones-articulos a {
        float: none;
    }

    .razonsocial-entidades, .fantasia-entidades, .domicilio-entidades, .cte-entidades, .prov-entidades, .saldo-entidades, .acciones-entidades {
        width: 100%;
        text-align: center;
    }

    .fecha-listasdeprecios, .nombre-listasdeprecios, .importe-listasdeprecios, .descrec-listasdeprecios, .estado-listasdeprecios, .acciones-listasdeprecios {
        width: 100%;
        text-align: center;
    }

    .fecha-facturas, .comprobante-facturas, .nro-facturas, .total-facturas, .razonsocial-facturas, .acciones-facturas {
        width: 100%;
        text-align: center;
    }

    .cantidad-articulos-nuevo-comprobante, .codigo-articulos-nuevo-comprobante, .nombre-articulos-nuevo-comprobante, .precio-articulos-nuevo-comprobante, .total-articulos-nuevo-comprobante, .acciones-articulos-nuevo-comprobante {
        width: 100%;
        text-align: center;
    }

    .tipo-telefonos-entidades, .numero-telefonos-entidades, .descripcion-telefonos-entidades, .acciones-telefonos-entidades, .tipo-correos-entidades, .correo-correos-entidades, .descripcion-correos-entidades, .acciones-correos-entidades, .tipo-direcciones-entidades, .localidad-direcciones-entidades, .domicilio-direcciones-entidades, .descripcion-direcciones-entidades, .acciones-direcciones-entidades, .descripcion-observaciones-entidades, .acciones-observaciones-entidades {
        width: 100%;
        text-align: center;
    }

    .rubro-rubros-alternativos-articulos, .sub-rubro-rubros-alternativos-articulos, .descripcion-rubros-alternativos-articulos, .acciones-rubros-alternativos-articulos, .tipo-codigos-alternativos-articulos, .codigo-codigos-alternativos-articulos, .descripcion-codigos-alternativos-articulos, .acciones-codigos-alternativos-articulos, .codigo-proveedores-articulos, .razon-social-proveedores-articulos, .descripcion-proveedores-articulos, .acciones-proveedores-articulos, .descripcion-observaciones-articulos, .acciones-observaciones-articulos {
        width: 100%;
        text-align: center;
    }

    .codigo-modificacionrapida, .nombre-modificacionrapida, .stock-modificacionrapida, .costo-modificacionrapida, .contado-modificacionrapida, .tarjeta-modificacionrapida, .lista-modificacionrapida {
        width: 88%;
        text-align: center;
    }

    .banco-cuentas-bancarias-nueva-orden-de-pago, .cbu-cuentas-bancarias-nueva-orden-de-pago, .eliminar-cuentas-bancarias-nueva-orden-de-pago {
        width: 100%;
        text-align: center;
    }

    .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: 100%;
        text-align: center;
    }

    .tipo-pagos, .descripcion-pagos, .importe-pagos, .acciones-pagos {
        width: 100%;
        text-align: center;
    }

    .fecha-tarjetas, .titular-tarjetas, .cupon-tarjetas, .numero-tarjetas, .importe-tarjetas, .acciones-tarjetas {
        width: 100%;
        text-align: center;
    }

    .fecha-cheques, .fecha-operacion-cheques, .banco-cheques, .numero-cheques, .importe-cheques, .acciones-cheques {
        width: 100%;
        text-align: center;
    }

    .fecha-retenciones, .tipo-retenciones, .importe-retenciones, .acciones-retenciones {
        width: 100%;
        text-align: center;
    }

    .fecha-movcaja, .tipo-movcaja, .concepto-movcaja, .descripcion-movcaja, .importe-movcaja, .acciones-movcaja {
        width: 100%;
        text-align: center;
    }
    
    .fecha-mov, .cte-mov, .nro-mov, .descripcion-mov, .debe-mov, .haber-mov, .saldo-mov {
        width: 100%;
        text-align: center;
    }

    .fecha-movusuarios, .tipo-movusuarios, .descripcion-movusuarios, .usuario-movusuarios, .sucursal-movusuarios {
        width: 100%;
        text-align: center;
    }

    .nombre-concepto-administracion-2, .nombre-concepto-administracion, .subid-concepto-administracion-2, .subid-concepto-administracion, .id-concepto-administracion, .acciones-concepto-administracion {
        width: 100%;
        text-align: center;
    }
	
	/* SOPORTE */
	.soporte {
		position: relative;
		margin: 0 auto;
		width: 90%;
		bottom: 0;
		display: table;
		right: 0;
	}
	
	.soporte a {
		margin: 14px auto;
    }
    
    /* BTN */
    ul.btn input[type="submit"], ul.btn input[type="reset"], ul.btn-config input {
        float: right;
        width: 100% !important;
        margin-bottom: 8px;
    }

    ul.btn a {
        float: right;
        width: 85%;
        margin-bottom: 8px;
        text-align: center;
    }

    /* SALDOS */
    .saldos .lt, .saldos .rt, .saldos .lt li {
        width: 100%;
    }

    .saldos .lt li {
        margin: 8px 0;
    }

    .saldos label {
        width: 100%;
        text-align: center;
        display: block;
    }

    .saldos input {
        width: 90%;
        margin-top: 10px;
    }

    #btn-modificacion-rapida {
        width: 88% !important;
        display: table;
        float: left;
    }

    /* FACTURAS PENDIENTES */
    .select-facturas-nueva-orden-de-pago {
        width: 100%;
        margin-bottom: 25px;
    }

    .select-facturas-nueva-orden-de-pago label.container {
        width: 0;
        margin: 0 auto;
    }

    #btn-grabar-concepto {
		float: right;
		width: 92% !important;
	}

}