/*************************************************************************************
* css/media.css                                                                      *
**************************************************************************************
* Software Name: MvSoft Facturacion                                                  *
* Software URL: https://www.mvsoft.ar/software/mvsoft-facturacion                    *
* Software Support: soporte@mvsoft.ar                                                *
* Description: Software exclusivo de MvSoft · Todos los derechos reservados          *
* Author: MvSoft                                                                     *
* Author URL: https://www.mvsoft.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;
    }

}

@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-usuario p {
        padding: 34px 14px !important;
    }

    .btn-logout {
        margin: 30px 3% 25px 0 !important;
    }
	
	.btn-setting {
		margin: 30px 14px 25px 0 !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;
    }

    /* SECCION GENERAL */
    #content-section {
        margin: 80px auto 15px auto;
    }

}

@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-usuario p {
        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 nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: table;
    }

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

    /* SECCION GENERAL */
    #content-section {
        margin: 60px auto 15px auto;
    }

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

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

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

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

    /* SIDEBAR */
    #sidebar {
        top: 120px;
    }

    #sidebar a {
        width: 86%;
    }

    /* RESUMEN */
    .total-nueva-factura input {
        width: 42%;
    }

}

@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%;
        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-usuario p {
        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 nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: table;
    }

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

    /* SECCION GENERAL */
    #content-section {
        margin: 45px auto 15px auto;
    }

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

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

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

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

    li.ventas-fechas {
        margin-top: 8px;
    }

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

    /* BUSCADOR CLIENTES */
    .razonsocial-clientes, .fantasia-clientes {
        width: 18%;
    }

    .domicilio-clientes, .telefono-clientes {
        width: 15%;
    }

    .localidad-clientes {
        display: none;
    }

    /* BUSCADOR FACTURAS */
    .comprobante-facturas, .nro-facturas, .total-facturas {
        width: 14%;
    }
    
    .razonsocial-facturas {
        width: 25%;
    }

    .acciones-facturas {
        width: 8%;
    }

    /* SIDEBAR */
    #sidebar {
        top: 105px;
        width: 25%;
    }

    #sidebar a {
        width: 84%;
    }

    /* SUB SECTION */
    #content-sub-section {
        width: 75%;
    }

    /* RESUMEN */
    .total-nueva-factura input {
        width: 40%;
        font-size: 14px;
    }

}

@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-usuario p {
        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 nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: none;
    }

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

    /* SECCION GENERAL */
    #content-section {
        margin: 45px auto 15px auto;
    }

    /* SIDEBAR */
    #content-section .no-resp {
        display: none;
    }

    /* SUB SECTION */
    #content-sub-section {
        width: 100%;
    }

    #content-sub-section .box-content .resp, .resp-administracion {
        display: block;
    }

    /* SUB NAV */
    .sub-nav {
        position: absolute;
    }

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

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

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

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

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

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

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

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

    /* ESTADISTICAS */
    .box-estadisticas {
        width: 100%;
    }

    /* BUSCADOR CLIENTES */
    .razonsocial-clientes, .fantasia-clientes, .domicilio-clientes, .telefono-clientes, .localidad-clientes, .acciones-clientes {
        width: 100%;
        text-align: center;
    }

    /* BUSCADOR ARTICULOS */
    .codigo-articulos, .nombre-articulos, .contado-articulos, .tarjeta-articulos, .lista-articulos, .acciones-articulos {
        width: 100%;
        text-align: center;
    }

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

    /* ARTICULOS FACTURA */
    .cantidad-articulos-nueva-factura, .codigo-articulos-nueva-factura, .nombre-articulos-nueva-factura, .precio-articulos-nueva-factura, .total-articulos-nueva-factura {
        width: 100%;
        text-align: center;
    }

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

    /* RESUMEN */
    .resumen-nueva-factura .lt {
        width: 100%;
    }

    .resumen-nueva-factura .rt {
        width: 100%;
    }

    .total-nueva-factura input {
        width: 42%;
        font-size: 14px;
    }

}

@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-usuario p {
        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 nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: none;
    }

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

    /* SECCION GENERAL */
    #content-section {
        margin: 45px auto 15px auto;
    }

    /* SUB NAV */
    .sub-nav {
        text-align: center;
        display: table;
        width: 91%;
        position: absolute;
    }

    .sub-nav .btn {
        width: 90%;
        margin: 10px auto 0 auto !important;
    }

    /* SIDEBAR */
    #content-section .no-resp {
        display: none;
    }

    /* SUB SECTION */
    #content-sub-section {
        width: 100%;
    }
    
    #content-sub-section .box-content .resp, .resp-administracion {
        display: block;
    }

    /* SOPORTE */
	.soporte {
		position: relative;
		margin: 0 auto;
		width: 90%;
		bottom: 0;
		display: table;
		right: 0;
	}
	
	.soporte a {
		margin: 14px auto;
    }

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

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

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

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

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

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

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

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

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

    /* ESTADISTICAS */
    .box-estadisticas {
        width: 100%;
    }

    /* BUSCADOR CLIENTES */
    .razonsocial-clientes, .fantasia-clientes, .domicilio-clientes, .telefono-clientes, .localidad-clientes, .acciones-clientes {
        width: 100%;
        text-align: center;
    }

    /* BUSCADOR ARTICULOS */
    .codigo-articulos, .nombre-articulos, .contado-articulos, .tarjeta-articulos, .lista-articulos, .acciones-articulos {
        width: 100%;
        text-align: center;
    }

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

    /* ARTICULOS FACTURA */
    .cantidad-articulos-nueva-factura, .codigo-articulos-nueva-factura, .nombre-articulos-nueva-factura, .precio-articulos-nueva-factura, .total-articulos-nueva-factura {
        width: 100%;
        text-align: center;
    }

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

    /* RESUMEN */
    .resumen-nueva-factura .lt {
        width: 100%;
    }

    .resumen-nueva-factura .rt {
        width: 100%;
    }

    .total-nueva-factura input {
        width: 90% !important;
        font-size: 14px !important;
        text-align: center !important;
        float: left !important;
    }

    /* TOP */
    .top .btn {
        width: 90%;
        margin-top: 10px !important;
    }

    /* BOTONES */
    .btn.green, ul.btn .btn {
        width: 100%;
        margin-bottom: 5px !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-usuario p {
        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 nav.no-resp, #content-section nav.no-resp, .tabs .no-resp {
        display: none;
    }

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

    /* SECCION GENERAL */
    #content-section {
        margin: 115px auto 15px auto;
    }

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

    /* SUB NAV */
    .sub-nav {
        text-align: center;
        display: table;
        width: 89%;
        position: absolute;
    }

    .sub-nav .btn {
        width: 90%;
        margin: 10px auto 0 auto !important;
    }

    /* SIDEBAR */
    #content-section .no-resp {
        display: none;
    }

    /* SUB SECTION */
    #content-sub-section {
        width: 100%;
    }
    
    #content-sub-section .box-content .resp, .resp-administracion {
        display: block;
    }

    /* SOPORTE */
	.soporte {
		position: relative;
		margin: 0 auto;
		width: 90%;
		bottom: 0;
		display: table;
		right: 0;
	}
	
	.soporte a {
		margin: 14px auto;
    }

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

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

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

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

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

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

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

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

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

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

    /* ESTADISTICAS */
    .box-estadisticas {
        width: 100%;
    }

    /* BUSCADOR CLIENTES */
    .razonsocial-clientes, .fantasia-clientes, .domicilio-clientes, .telefono-clientes, .localidad-clientes, .acciones-clientes {
        width: 100%;
        text-align: center;
    }

    /* BUSCADOR ARTICULOS */
    .codigo-articulos, .nombre-articulos, .contado-articulos, .tarjeta-articulos, .lista-articulos, .acciones-articulos {
        width: 100%;
        text-align: center;
    }

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

    /* ARTICULOS FACTURA */
    .cantidad-articulos-nueva-factura, .codigo-articulos-nueva-factura, .nombre-articulos-nueva-factura, .precio-articulos-nueva-factura, .total-articulos-nueva-factura {
        width: 100%;
        text-align: center;
    }

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

    /* AGREGADO ARTICULOS */
    .rubro-rubros-alternativos, .sub-rubro-rubros-alternativos, .descripcion-rubros-alternativos, .acciones-rubros-alternativos, .tipo-codigos-alternativos, .codigo-codigos-alternativos, .descripcion-codigos-alternativos, .acciones-codigos-alternativos, .razonsocial-proveedores, .doccuit-proveedores, .localidad-proveedores, .telefono-proveedores, .correo-proveedores, .acciones-proveedores, .descripcion-observaciones-articulos, .acciones-observaciones-articulos {
        width: 100%;
        text-align: center;
    }

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

    /* RESUMEN */
    .resumen-nueva-factura .lt {
        width: 100%;
    }

    .resumen-nueva-factura .rt {
        width: 100%;
    }

    .total-nueva-factura input {
        width: 90% !important;
        font-size: 11px !important;
        text-align: center !important;
        float: left !important;
    }

    /* TOP */
    .top .btn {
        width: 85%;
        margin-top: 10px !important;
    }

    /* BOTONES */
    .btn.green, ul.btn .btn {
        width: 100%;
        margin-bottom: 5px !important;
    }

}