:root {
    --main-btns: url('images/sprite_todo_new.png?v1.2');
}

* {
    font-family: sans-serif !important;
}

body {
    background-color: #ccc;
    padding: 0;
    margin: 0
}

*:focus {
    outline: none;
}

#TecladoNum.common_teclado {
    top: -4px;
    left: -5px;
}

#NumVol.common_teclado {
    left: 628px;
    top: 535px;
}

.teclado_numero {
    font-family: 'TPro';
    font-size: 14px;
    width: 107px;
    height: 17px;
    background-color: transparent;
    outline-style: none;
    border-style: none;
    float: left;
    margin-left: 10px;
}


/*BOTONES*/

.btnSalir {
    /*    background: url(../botones/sal-up.png) no-repeat; */
    position: relative;
    left: 2000px;
}

.btnSalir.over {
    /*    background: url(../botones/sal-over.png) no-repeat;      */
}

.btnTerminar {
    /*  background: url(../botones/ter-up.png) no-repeat; */
    position: relative;
    left: 2000px;
}

.btnTerminar.over {
    /*    background: url(../botones/ter-over.png) no-repeat;      */
}

.btnVolver_2,
.btnVolver {
    /*    background: url(../botones/vol-up.png) no-repeat; */
    position: relative;
    left: 2000px;
}

.btnVolver_2.over,
.btnVolver.over {
    /*    background: url(../botones/vol-over.png) no-repeat;      */
}

.btnEnter_2,
.btnEnter {
    /*    background: url(../botones/ent-up.png) no-repeat; */
    position: relative;
    left: 2000px;
}

.btnConfirmar {
    position: relative;
    left: 2000px;
}

.btnEnter_2.over,
.btnEnter.over {
    /*    background: url(../botones/ent-over.png) no-repeat;      */
}

.btnGrabar {
    /*    background: url(../botones/gra-up.png) no-repeat; */
    position: relative;
    left: 2000px;
}

.btnGrabar.over {
    /*    background: url(../botones/gra-over.png) no-repeat;      */
}

.btnImprimir {
    position: relative;
    left: 2000px;
}

.btnCerrar {
    position: relative;
    left: 2000px;
}

.btnCerrar.over {}

.btnAbrir {
    position: relative;
    left: 2000px;
}

.btnAbrir.over {}

.btnImprimir.over {}

.btnImportarTablet {
    position: relative;
    left: 2000px;
}

.btnImportarTablet.over {}

.pos1,
.pos2,
.pos3,
.pos4,
.pos5,
.posn {
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    font-family: sans-serif;
    font-weight: bold;
    background: linear-gradient(#333, #999);
    border-radius: 7px;
    text-align: center;
    line-height: 25px;
    position: absolute;
    width: 85px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    top: 545px;
    color: white;
}

.botton_button.over,
.posn.over {
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
}

.pos1 {
    left: 66px;
}

.pos2 {
    left: 410px;
}

.pos3 {
    left: 516px;
}

.pos4 {
    left: 638px;
}

.pos5 {
    left: 753px;
}


/*DIV AYUDA*/

#ayuda_panel {
    background: url(../otros/fondoayuda.png) no-repeat;
    display: none;
    position: absolute;
    height: 20px;
    width: 600px;
    left: 57px;
    top: 581px;
    z-index: 1000;
    padding-left: 50px;
}

#ayuda_panel #CarAyudaX {
    font-family: "TPro";
    height: 20px;
    margin-top: 0px;
    float: left;
}

#ayuda_panel #ayuda_ul {
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 12px;
    /*font-style: italic;*/
    /*border: 1px dotted;*/
}


/*AYUDA SCROLLER*/


/* liScroll styles */

.tickercontainer {
    /* the outer div with the black border */
    color: black;
    background: transparent;
    width: 400px;
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.tickercontainer .mask {
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 0px;
    top: 0px;
    overflow: hidden;
    height: 20px;
}

ul.newsticker {
    /* that's your list */
    font-family: 'TPro';
    font-size: 14px;
    position: relative;
    left: 467px;
    list-style-type: none;
    height: 20px;
    margin: 0;
    padding: 0;
}

ul.newsticker li {
    float: left;
    /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
}

ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #ff0000;
    margin: 0 50px 0 0;
}

ul.newsticker span {
    margin: 0 10px 0 0;
}

.active.val_error,
.val_error {
    border-color: red !important;
}

#main_logo {
    top: 1%;
    left: 33%;
    position: absolute;
    width: 300px;
    /* background: url(images/mainLogo.png) no-repeat; */
}

#main_logo img {
    max-width: 100%;
    height: auto;
    /*background: url(images/mainLogo.png) no-repeat;*/
}

#barra_logo {
    top: 20%;
    left: 12%;
    position: absolute;
    width: 600px;
    /* background: url(images/mainLogo.png) no-repeat; */
}

#barra_logo img {
    max-width: 100%;
    height: auto;
    /*background: url(images/mainLogo.png) no-repeat;*/
}

#main_content {
    width: 800px;
    height: 600px;
    display: block;
    position: relative;
    background: url(images/fondo6666.png) no-repeat;
    margin: 10px auto 0;
}

#teclado-alfabetico {
    width: 555px;
    height: 193px;
    position: absolute;
    display: block;
    left: 52px;
    top: 380px;
    /*background: linear-gradient(#aaa,#eee);*/
}

#teclado-alfabetico .teclado-alfa-content {
    margin: 33px 14px;
    width: 545px;
}

#teclado-alfabetico .teclado-alfa-content .tecla-alfa {
    width: 47px;
    height: 35px;
    line-height: 35px;
}

#teclado-numerico .teclado-num-content .tecla-num {
    width: 35px;
    height: 23px;
    line-height: 25px;
}

#teclado-numerico .teclado-num-content .tecla-num,
#teclado-alfabetico .teclado-alfa-content .tecla-alfa {
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
    cursor: pointer;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-weight: normal;
    color: black;
    /*background: linear-gradient(#eee,#aaa);*/
    background-color: #BDBDBD;
    opacity: 0.9;
    border-radius: 3px;
    box-shadow: 2px 2px 3px #555;
    position: relative;
}

#teclado-alfabetico .tecla-alfa-space {
    position: absolute;
    left: 115px;
    top: 165px;
    width: 215px;
    display: block;
    height: 24px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
    cursor: pointer;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    font-family: sans-serif;
    font-weight: normal;
    color: black;
    background: linear-gradient(#eee, #aaa);
    border-radius: 6px;
}

#teclado-numerico .teclado-num-content .tecla-num:hover,
#teclado-alfabetico .tecla-alfa-space:hover,
#teclado-alfabetico .teclado-alfa-content .tecla-alfa:hover {
    border-color: #999;
    background-color: #ababab;
}

#teclado-numerico .teclado-num-content .tecla-num:active,
#teclado-alfabetico .teclado-alfa-content .tecla-alfa:active {
    box-shadow: 0 1px 2px #555;
    top: 1px;
    left: 1px;
}

#teclado-alfabetico .tecla-alfa-space:active {
    box-shadow: 0 1px 2px #555;
}

#teclado-numerico .teclado-num-content {
    height: 80px;
    position: absolute;
}

#teclado-numerico .teclado-num-content.numtex {
    top: 27px;
}

#teclado-numerico {
    left: 607px;
    top: 380px;
    width: 141px;
    height: 192px;
    position: absolute;
    display: block;
    /*background: linear-gradient(#aaa,#eee);*/
}

#teclado-numerico .teclado-num-content {
    margin: 7px 9px;
    width: 130px;
}

.button_main {
    width: 90px !important;
    height: 90px !important;
    position: relative;
    margin: 0px -4px 5px 20px;
    /*display: inline-block;*/
    /*border-radius: 7px;*/
    /*background-color: rgba(195, 130, 0, 0.5);*/
    /*background-color: #BDBDBD;*/
    /*opacity: 0.8;*/
    /*border: 1px solid black;*/
    color: black;
    font-weight: bolder;
    text-align: center;
    line-height: 70px;
    cursor: pointer;
    /*box-shadow:2px 2px 5px #222;*/
}

.button_main.over {
    /*border: 2px solid white;*/
    color: white;
    /*background-color: rgba(255,170,0,0.8);*/
}

.button_main:active {
    top: 2px;
    left: 2px;
    /*box-shadow:2px 2px 2px #222;*/
}

.button_mainstaticactive {
    width: 120px;
    height: 24px;
    position: absolute;
    border-radius: 7px;
    border: 2px solid #99ffff;
    background-color: rgba(255, 170, 0, 0.8);
    color: white;
    font-weight: bolder;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}

.button_main span,
.button_mainstaticactive span {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    font-family: sans-serif;
    font-size: 13px;
}

.button_main .titulo {}

.button_main .suspendido {
    height: 20px;
    display: none;
    color: red;
    position: absolute;
    left: 0px;
    bottom: 33px;
}


/* swiper */

#main-m .button_main {
    margin-right: 2px!important;
    margin-left: 2px!important;
    width: 90px;
}

.main_sup {
    /*    width:210px;*/
    font-size: 12px;
    position: relative;
    margin: 0 18px 48px;
    line-height: 90px;
    text-align: center;
    display: inline-block;
}

.main_sup span.titulo {
    float: none;
    /*display: inline-block !important;*/
    margin-top: 22%;
    display: block;
    vertical-align: middle!important;
    line-height: normal !important;
}

#open_anterior {
    position: absolute !important;
    left: 100px !important;
    top: 545px !important;
    /*color: #F00;*/
    font-size: 12px !important;
    text-transform: uppercase;
    height: 20px !important;
    line-height: 20px !important;
}

#open_siguiente {
    position: absolute !important;
    left: 560px !important;
    top: 545px !important;
    /*color: #F00;*/
    font-size: 12px !important;
    text-transform: uppercase;
    height: 20px !important;
    line-height: 20px !important;
}

#open_contacto {
    z-index: 5;
    position: absolute;
    width: 40px !important;
    height: 40px !important;
    left: 13px;
    /*top: -18px !important;*/
    top: 564px !important;
    border-radius: 7px;
    border: 1px solid black;
    background-color: aliceblue;
    opacity: 0.6;
    text-transform: none;
    color: black;
}

#open_contacto:hover {
    color: blue;
}

#open_contacto i {
    margin-top: 12px;
    font-size: 20px;
}

#BotonesPri #open_salir {
    position: absolute;
    width: 40px !important;
    height: 40px !important;
    left: 745px;
    top: -18px !important;
    top: 564px !important;
    border-radius: 7px;
    border: 1px solid black;
    background-color: aliceblue;
    opacity: 0.6;
}

#open_salir:hover {
    cursor: pointer;
    color: red;
}

#open_salir i {
    margin-top: 12px;
    font-size: 20px;
}

#mov_stock #open_salir {
    left: 365px;
    top: 355px;
}

.botones_laterales .button {
    background: white;
    color: #ddd;
    width: 83px;
    height: 35px;
    cursor: pointer;
    border: 1px solid #BBBBBA;
    background-color: rgba(150, 50, 50, 0.7);
    background: linear-gradient(#404040, #545454);
    border-radius: 7px;
    text-align: center;
    padding-top: 3px;
    font-size: 13px;
    margin-left: 5px;
    box-shadow: 3px 3px 3px #555;
}

.botones_laterales .button:active {
    box-shadow: 0 1px 2px #555;
    top: 1px;
    left: 1px;
}

.botones_laterales .button:hover {
    color: #fff;
}

.botones_laterales .button span {
    color: black;
    font-size: 10px;
    font-family: sans-serif !important;
    width: 83px;
    height: 26px;
    display: block;
    background-repeat: no-repeat;
    background-position: 65px 2px;
}

.botones_laterales .button.over span {
    background-color: rgba(50, 50, 50, 0.5);
}

.botones_laterales .button span.btnteclado {
    background-image: url("../facturadores/images/suspender/imag-teclado.png");
}

.botones_laterales .button span.btncompras {
    /*background-image: url("../facturadores/images/suspender/imag-compras.png")  ;*/
}

.botones_laterales .button span.btnmanual {
    /*background-image: url("../facturadores/images/suspender/imag-manual.png")  ;*/
}

.botones_laterales .button span.btnnanb {
    /*background-image: url("../facturadores/images/suspender/imag-nanb.png")  ;*/
}

.botones_laterales .button span.btnfacturador {
    /*background-image: url("../facturadores/images/suspender/imag-facturar.png")  ;*/
}

.botones_laterales .button span.btnsuspender {
    /*background-image: url("../facturadores/images/suspender/imag-suspender.png") ;*/
}

#facturador-normal .top_button_content {
    position: absolute;
    top: 5px;
    z-index: 2;
    margin-top: 15px;
}

#facturador-normal .top_button_content div {
    /*height: 10px;*/
    width: 73px;
    border: 1px solid #BBBBBA;
    display: table-cell;
    background-color: rgba(150, 50, 50, 0.7);
    background: linear-gradient(#d20, #fa0);
    vertical-align: middle;
    text-align: center;
    margin-right: 2px;
    cursor: pointer;
    color: white;
    font-family: sans-serif;
    border-radius: 7px;
    text-align: center;
    font-size: 11px;
    padding: 3px;
}

#facturador-normal .top_button_content div.over,
#facturador-pres .top_button_content div.over,
#facturador-nc .top_button_content div.over,
#facturador-np .top_button_content div.over {
    border: 1px solid black;
    background-color: rgba(127, 80, 40, 0.8);
}

#facturador-pres .top_button_content,
#facturador-nc .top_button_content,
#facturador-np .top_button_content {
    position: absolute;
    top: 5px;
    left: 130px;
    z-index: 2;
}

#facturador-pres .top_button_content div,
#facturador-nc .top_button_content div,
#facturador-np .top_button_content div {
    float: left;
    width: 66px;
    height: 40px;
    margin-right: 2px;
    border: 1px solid #BBBBBA;
    cursor: pointer;
    background-color: rgba(150, 50, 50, 0.7);
    background: linear-gradient(#d20, #fa0);
    border-radius: 7px;
    text-align: center;
    font-size: 11px;
    line-height: 12px;
    color: white;
    font-family: sans-serif;
    padding-top: 3px;
}

#Bloquear {
    background-color: rgba(80, 80, 80, 0.7);
    position: absolute;
    text-align: center;
    display: none;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 600px;
    z-index: 1200;
}

#Bloquear.top {
    z-index: 1000000;
}

#Bloquear span {
    font-weight: bold
}

#Desarme {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 16px;
    top: 100px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#Asociarcombo {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 16px;
    top: 10px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

.tiene_pendientes_recauto {
    background-color: yellow;
    color: #e18b29;
    border: 2px solid black;
}

#TomaInv {
    position: absolute;
    width: 726px;
    height: 360px;
    left: 3px;
    top: 5px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#CargaInv {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 5px;
    top: 9px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

.input_config {
    color: black !important;
    position: relative;
    float: left;
    outline-style: none;
    border-style: none;
    width: 130px;
    margin-left: 10px;
    font-size: 14px;
}

#open_navigator {
    position: absolute;
    left: 5px;
    top: 40px;
    width: 40px;
    height: 40px;
    background: white;
    cursor: pointer;
}

#ncliente {
    position: absolute;
    top: 15px;
    left: 5px;
    z-index: 10;
    font-size: 14px;
}

.nombre_cliente {
    color: black;
    float: left;
    cursor: pointer;
}

#ncliente span {
    color: #d20;
    float: left;
    margin-left: 8px;
    cursor: pointer;
}

.lista_cliente {
    color: black;
    float: left;
    position: absolute;
    top: 6px;
    z-index: 10;
    font-size: 14px;
    width: 246px;
    text-align: right;
    left: 410px;
    text-transform: uppercase;
}

.lista_cliente_fpres {
    color: black;
    float: left;
    position: absolute;
    top: 13px;
    z-index: 99999;
    font-size: 14px;
    width: 246px;
    text-align: right;
    left: 410px;
    text-transform: uppercase;
}

.TituloFacCa {
    /*left: 178px!important;*/
}


/*   info_fpa     */

.info_fpa,
.info_fpac,
.info_observ {
    display: none;
    float: left;
    z-index: 99999;
    position: absolute;
    top: 132px;
    left: 15px;
    background-color: white;
    border: 1px solid red;
    padding: 22px;
    width: auto;
}

.info_fpa .aspa,
.info_fpac .aspa,
.div_tco .aspa,
.info_observ .aspa {
    float: right;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 21px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    top: -23px;
    right: -22px;
    color: #F90 !important;
    cursor: pointer;
}

.info_fpa span,
.info_fpac span,
.info_observ {
    float: right;
}

.info_fpa .info2,
.info_fpac .info2,
.info_observ {
    width: 400px;
}

.info_fpac .info1 {
    width: 579px!important;
}

.main-supervisor {
    display: inline-block;
    margin-top: 140px;
    width: auto;
    text-align: center
}

.celdacontrolada {
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.celda {
    float: left;
}

.fila {
    clear: both;
}

.celda-invertida {
    float: right
}

#select_tipo {
    float: left;
    position: absolute;
    top: 13px;
    left: 230px;
    z-index: 1199;
    font-size: 17px;
    color: #DD7927;
    background-color: #d5d5d5;
    border: 1px solid grey;
    width: 150PX;
    height: 21px;
    padding: 0;
}

#main-m {
    /*border: 1px solid red;*/
    position: absolute;
    top: 0;
    left: 0;
    height: 490px;
}

.swiper-container {
    width: 760px;
    height: auto;
    min-height: 400px;
    padding: 165px 0 0;
    margin: 0 20px !important;
}

.swiper-slide {
    margin-bottom: 25px !important;
    text-align: center;
    font-size: 18px;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 190px!important;
}

.swiper-slide:hover .titulo2 {
    color: #000
}

#open_salir {
    z-index: 5
}

#open_tools {
    line-height: 20px;
}

#open_tools span {
    padding-top: 27px;
}

#open_tools em,
#open_mensajeria em {
    display: block;
    font-style: normal;
}

em.mr {
    color: red
}

.dis {
    background-color: rgba(200, 200, 200, 0.5);
    cursor: default
}

.dis span {
    opacity: 0.6
}


/*.dis:hover{border:1px solid red;background-color:rgba(200,200,200,0.5);}*/

#open_tools.dis span {
    padding-top: 35px
}

#open_mensajeria {
    line-height: 20px;
}

#sinc_datos {
    left: 310px;
    top: 170px;
    width: 190px;
}

#msg_sis {
    padding: 5px 10px;
    background-color: red;
    opacity: 0.7;
    font-weight: bold;
    text-align: center;
    width: 500px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -245px;
    cursor: pointer;
    border: 1px solid #555;
    z-index: 99;
    box-shadow: 5px 5px 10px;
    display: none
}

#msg_sis em {
    font-style: normal;
    opacity: 0.7;
    font-weight: bold;
    position: absolute;
    right: 8px;
    top: 6px
}

#main-m {
    position: absolute;
    top: -18px;
    text-align: center;
    margin-left: -1px;
}

.msj-ct {
    display: none
}


/**************** MENU PRINCIPAL *********************/

.titulo2 {
    font-size: 12px;
    top: 50px;
    width: 190px;
    position: absolute;
    float: none;
    /*display: inline-block !important;*/
    margin-top: 22%;
    display: block;
    vertical-align: middle!important;
    line-height: normal !important;
    left: 0;
    color: #777
}

.button_main:hover {
    filter: brightness(140%);
}

#open_abrirturno {
    background: var(--main-btns) 0 0;
}

#open_closeturno {
    background: var(--main-btns) -89px 0;
}

#open_caja {
    background: var(--main-btns) -179px 0;
}

#open_facturador {
    background: var(--main-btns) -268px 0;
}

#open_gastos {
    background: var(--main-btns) -357px 0;
}

#open_cheques {
    background: var(--main-btns) -447px 0;
}

#open_movimientos {
    background: var(--main-btns) -536px 0;
}

#open_cip {
    background: var(--main-btns) -626px 0;
}

#open_cobranza {
    background: var(--main-btns) -715px 0;
}

#open_nav {
    background: var(--main-btns) -804px 0;
}

#open_nav {
    background: var(--main-btns) -804px 0;
}

#open_movimientosstock {
    background: var(--main-btns) -894px 0;
}

#open_cargainventario {
    background: var(--main-btns) -983px 0;
}

#open_compras {
    background: var(--main-btns) -1073px 0;
}

#open_tarjetas {
    background: var(--main-btns) -3664px 0;
}

#open_ncni {
    background: var(--main-btns) -2772px 0;
}

#open_retiro {
    background: var(--main-btns) -3575px 0;
}

#open_novedades {
    background: var(--main-btns) -3307px 0;
}

#open_tools {
    background: var(--main-btns) -1163px 0;
}

#open_supervisor {
    background: var(--main-btns) -3396px 0;
}

#open_recuento {
    background: var(--main-btns) -3486px 0;
}

#open_nota_pedido {
    background: var(--main-btns) -1253px 0;
}

#open_npfact {
    background: var(--main-btns) -3754px 0;
}

#ent_ope {
    background: var(--main-btns) -3843px 0;
}

#open_npfact {
    background: var(--main-btns) -3752px 0;
}

#generar_qr {
    background: var(--main-btns) -4290px 0;
}


/**************** MENU MOVIMIENTOS DE STOCK *********************/


/*#mov_stock{
    position:absolute;
    top:25px;
    text-align:center;
    width: 800px;
    height: 300px; 
}
#mov_stock .main-supervisor{
    width:524px;
    display:inline-block;
    text-align:center;
}
#mov_stock .main_sup{
    
}*/

#open_movstockopt1 {
    background: var(--main-btns) -2236px 0;
}

#open_movstockopt2 {
    background: var(--main-btns) -2325px 0;
}

#open_movstockopt3 {
    background: var(--main-btns) -2414px 0;
}

#open_movstockopt6 {
    background: var(--main-btns) -2503px 0;
}

#open_movstockopt4 {
    background: var(--main-btns) -2592px 0;
}

#open_movstockopt5 {
    background: var(--main-btns) -2682px 0;
}

.titulo3 {
    display: inline-block !important;
    overflow: hidden;
    font-size: 11px !important;
    top: 75px;
    width: 200px;
    position: absolute;
    float: none;
    /*display: inline-block !important;*/
    margin-top: 22%;
    display: block;
    vertical-align: middle!important;
    line-height: normal !important;
    left: 0;
    font-family: sans-serif !important;
    font-weight: normal !important;
    color: #777;
}


/*.swiper-slide:hover .titulo3{color:#000}*/


/**************** MENU SUPERVISOR *********************/

#open_sup1 {
    background: var(--main-btns) -1342px 0;
}

#open_sup2 {
    background: var(--main-btns) -1432px 0;
}

#open_sup3 {
    background: var(--main-btns) -1522px 0;
}

#open_sup4 {
    background: var(--main-btns) -1611px 0;
}

#open_sup5 {
    background: var(--main-btns) -1700px 0;
}

#open_sup6 {
    background: var(--main-btns) -1790px 0;
}

#open_sup7 {
    background: var(--main-btns) -1878px 0;
}

#open_sup8 {
    background: var(--main-btns) -1968px 0;
}

#open_sup9 {
    background: var(--main-btns) -2057px 0;
}

#open_sup10 {
    background: var(--main-btns) -2146px 0;
}

#open_sup11 {
    background: var(--main-btns) -2771px 0;
}

#open_sup12 {
    background: var(--main-btns) -4111px 0;
}

#open_sup13 {
    background: var(--main-btns) -1073px 0;
}

#open_movstockopt7 {
    background: var(--main-btns) -4021px 0;
}

.titulo4 {
    font-size: 12px !important;
    top: 75px;
    width: 200px;
    position: absolute;
    float: none;
    /*display: inline-block !important;*/
    margin-top: 22%;
    display: block;
    vertical-align: middle!important;
    line-height: normal !important;
    left: 0;
    font-family: sans-serif !important;
    font-weight: normal !important;
    color: #777;
}

#open_salir_sup {
    background: url('images/boton salir.png') no-repeat;
    top: 480px;
    left: 94%;
    position: absolute;
    width: 180px;
    margin: 0 0 0 -45px;
}


/**************** MENU HERRAMIENTAS *********************/

#open_mensajeria {
    background: var(--main-btns) -2950px 0;
}

#open_herra1 {
    background: var(--main-btns) -3038px 0;
}

#open_herra2 {
    background: var(--main-btns) -3128px 0;
}

#open_herra3 {
    background: var(--main-btns) -1522px 0;
}

#open_etiqueta {
    background: var(--main-btns) -4200px 0;
}

#open_salir_sup_herra,
#open_extras_salir {
    background: url('images/boton salir.png');
    background-repeat: no-repeat;
    top: 470px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
}


/**************** MENU NC/PRESU *********************/

#open_extras1 {
    background: var(--main-btns) -2771px 0;
}

#open_extras2 {
    background: var(--main-btns) -2860px 0;
}

.btnCerrar,
.btnAbrir {
    display: none
}

#cambio-operador-content ul {
    list-style: none
}

#ModalLogin {
    width: 800px;
    height: 600px;
    background-color: rgba(80, 80, 80, 0.6);
    display: block;
    position: absolute;
    z-index: 998;
    top: 0px;
}

.boton-salir {
    left: 66px;
    display: block;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    font-family: sans-serif;
    font-weight: bold;
    background: linear-gradient(#333, #999);
    border-radius: 7px;
    text-align: center;
    line-height: 25px;
    position: absolute;
    width: 85px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    top: 545px;
    color: white;
}

.c-pointer {
    cursor: pointer;
}

.input_editar {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 2px solid #f90;
    padding: 1px 3px;
}

.input_editar#descripcion_editar {
    width: 300px;
}

.input_editar#cantidad_editar {
    width: 65px;
}

.input_editar#precio_editar {
    width: 55px;
}

.modal_consultar_precio {
    position: absolute;
    top: 150px;
    left: 100px;
    z-index: 1105;
    color: #fff;
    background-color: #000;
    border: 2px solid #FFF;
    padding: 15px;
    width: 466px;
    font-size: 13px;
    /*background-color: #bbc0d3;
    border-radius: 7px;
    color: #000;
    border: 1px solid #FFF;*/
}

.modal_consultar_precio .articulo {
    padding-bottom: 7px;
}

.modal_consultar_precio .codigo_origen {
    padding-bottom: 7px;
}

.modal_consultar_precio .precios_div {
    max-height: 70px;
    overflow-y: scroll;
    margin-bottom: 5px
}

.modal_consultar_precio .precio {
    padding-bottom: 7px;
}

.modal_consultar_precio .precio:last-child {
    padding-bottom: 0px;
}

.modal_consultar_precio .monto {
    float: right;
}

.modal_consultar_precio .boton_salir {
    background-color: #dd7713;
    border-radius: 5px;
    color: #ddd;
    font-family: "TProR";
    padding: 1px 6px;
    width: auto;
    border: 1px solid #afafaf;
    float: right;
    box-shadow: 2px 2px #444;
    cursor: pointer;
}

.modal_consultar_precio .boton_salir:hover {
    background-color: #f90;
    color: #fff;
}

.modal_consultar_precio .boton_salir:active {
    box-shadow: 0;
    transform: translateX(2px);
    transform: translateY(2px);
}

#BotMins {
    border-radius: 7px;
    /*background-color: rgba(100,100,100,0.5);*/
    position: absolute;
    left: 702px;
    top: 205px;
    height: 216px;
    width: 96px;
    z-index: 0;
}

#BotMins .button {
    margin-bottom: 5px
}

#ver-sis {
    position: absolute;
    left: 72%;
    width: 350px;
    top: 594px;
    margin-left: -150px;
    text-align: center;
    color: #777;
    font-size: 1em;
}

#ver-sis2{
    position: absolute;
    left: 23%;
    width: 350px;
    top: 594px;
    margin-left: -150px;
    text-align: center;
    color: #777;
    font-size: 1em;

}

div.horizontal {
    display: block;
    top: -19px;
    position: relative;
    margin-left: 0;
    height: 340px;
    left: 440px;
    width: 250px;
}

div.horizontal .table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

div.horizontal .table article {
    width: 120px;
    height: 20px;
    display: table-cell;
    background: #e3e3e3;
    vertical-align: middle;
    text-align: center;
}

#menu5 {
    padding: 7px;
    font-size: 12px;
    margin: 9px 0 0 16px;
    z-index: 999999;
    position: absolute;
    color: white;
    background-color: rgba(150, 50, 50, 0.7);
    background: linear-gradient(#404040, #545454);
    top: 10px;
    right: 0;
}

#menu5 li div {
    height: 18px;
    padding: 5px 3px;
}

#menu5 li div:hover {
    cursor: pointer;
    background-color: white;
    color: black;
}

#menu5 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu5 i {
    font-size: 15px;
    margin-right: 2px
}

#emitir_cierreZ {
    background: var(--main-btns) -4470px 0;
}

#LetTexDiv #LetTex {
    outline-style: none;
    border-style: none;
    font-family: 'TPro';
    font-size: 14px;
}

#ImpresionPdfDiv {
    z-index: 999999;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    display: none;
    background-color: rgba(130, 130, 130, 0.7);
    text-align: center;
}

#ImpresionPdfDiv iframe {
    margin-bottom: 10px;
}

#ImpresionPdfDiv #ImpPdfDivVol {
    z-index: 10;
}

#open_prodfact {
    background: var(--main-btns) -1343px 0;
}

#open_cuentacorr {
    background: var(--main-btns) -1879px 0;
}

#open_yer {
  background: var(--main-btns) -1879px 0;
  /* background: url("images/ventas_yer.png"); */
}