/* FONTS */
@font-face {
    font-family: 'gotham';
    src: url('../css/fonts/montserrat-light-webfont.eot');
    src: url('../css/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/montserrat-light-webfont.woff') format('woff'), url('../css/fonts/montserrat-light-webfont.ttf') format('truetype'), url('../css/fonts/montserrat-light-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mgotham';
    src: url('../css/fonts/montserrat-light-webfont.eot');
    src: url('../css/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/montserrat-light-webfont.woff') format('woff'), url('../css/fonts/montserrat-light-webfont.ttf') format('truetype'), url('../css/fonts/montserrat-light-webfont.svg#gothammedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: icomoon;
    src: url('../css/fonts/entypo.eot?8644018');
    src: url('../css/fonts/entypo.eot?8644018#iefix') format('embedded-opentype'), url('../css/fonts/entypo.woff?8644018') format('woff'), url('../css/fonts/entypo.ttf?8644018') format('truetype'), url('../css/fonts/entypo.svg?8644018#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, form {
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    height: 100%;
    margin: 0px;
    font-family: 'mgotham', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #605D5D;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

img {
    border: none;
}

.link {
    color: inherit;
}

form {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* MENU */
.fondoMenu {
    background-color: #37363c;
}

.menu_area {
    width: 390px;
    padding-top: 94px;
    color: #FFF;
}

.menu_logo {
    width: 162px;
    height: 50px;
    cursor: pointer;
    z-index: 9999999;
    position: relative;
    background-image: url(../img/logo_b.png);
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.menu_cajas {
    width: 390px;
}

.menu_caja {
    margin-bottom: 21px;
    font-size: 14px;
}

    .menu_caja span {
        font-size: 22px;
    }

    .menu_caja input[type=text],
    .menu_caja input[type=password], .menu_caja select {
        width: 370px;
        height: 45px;
        color: #949693;
        text-align-last: center;
        border-radius: 10px;
        border: none;
        padding-left: 10px;
        padding-right: 10px;
        font-family: 'gotham', Arial, Helvetica, sans-serif;
        font-size: 15px;
        text-align: center;
    }

    .menu_caja input[type=submit] {
        -webkit-appearance: none;
        background-color: #79acd0;
        color: #FFF;
        text-align: center !important;
        border: none;
        cursor: pointer;
        width: 390px;
        height: 45px;
        border-radius: 10px;
        font-family: 'gotham', Arial, Helvetica, sans-serif;
        font-size: 18px;
    }

    .menu_caja a {
        color: inherit;
    }

/* FRAMES */
form {
    height: 100%;
}

.frames_area {
    width: 100%;
    height: 100%;
    display: table;
}

.frames_left {
    width: 250px;
    height: 100%;
    background-color: #6b88a3;
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.frames_right {
    height: 100%;
    background-color: #f3f3f3;
    display: table-cell;
    vertical-align: top;
}

.frames_right_table {
    width: 100%;
    display: table;
    height: 100%;
}

.frames_right_table2 {
    width: 100%;
    display: table;
    background-color: #FFF;
    height: 100%;
    overflow: hidden;
}

.frames_right_row {
    display: table-row;
    height: 46px;
}

.frames_right_row2 {
    display: table-row;
    height: 48px;
    vertical-align: top;
}

.frames_right_row4 {
    display: table-row;
    height: 10px;
    width: 100%;
}

.frames_right_cell4 {
    display: table-cell;
    background-color: #f3f3f3;
    height: 10px;
    width: 100%;
}

.frames_right_row5 {
    display: table-row;
    height: 5px;
    width: 100%;
}

.frames_right_cell5 {
    display: table-cell;
    background-color: #f3f3f3;
    height: 5px;
}

.frames_right_row3 {
    display: table-row;
}

.tbl_menu_left {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    background-color: yellow;
}

.frames_left_row1 {
    height: 138px;
    background-color: red;
}

.frames_left_row2 {
    background-color: green;
}

.frames_left_row3 {
    height: 40px;
    background-color: blue;
}

.frames_left_row2 td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    background-color: pink;
}

.frames_person {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    background-color: #6b88a3;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

    .frames_person img {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.frames_menu2 {
    overflow: auto;
    height: 900px;
    width: 250px;
    background-color: yellow;
}

.frames_menu {
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.frames_powered {
    display: table-cell;
    width: 250px;
    text-align: center;
    bottom: 5px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.frames_menu_item {
    width: 100%;
    height: 70px;
    cursor: pointer;
}

    .frames_menu_item:hover {
        background-color: #677e93;
    }

.frames_menu_item_icon {
    width: 100%;
    height: 50px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.frames_menu_item_on {
    width: 100%;
    height: 70px;
    cursor: pointer;
    background-color: #677e93;
}

.frames_menu_item_nombre {
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 11px;
}

.maintbl_left2 {
    padding-top: 40px;
}

.frames_menu_sec {
}

.frames_menusec_item {
    display: table;
    width: 100%;
    color: #FFF;
    cursor: pointer;
}

    .frames_menusec_item:hover {
        background-color: #FFF;
        color: #0c7bad;
    }

.frames_menusec_item_on {
    display: table;
    width: 100%;
    color: #FFF;
    cursor: pointer;
    background-color: #FFF;
    color: #0c7bad;
}

.frames_menusec_item_nombre {
    display: table-cell;
    vertical-align: middle;
    height: 46px;
    padding-left: 25px;
    border-bottom: 1px solid #7a8895;
    font-size: 13px;
}

.frames_right_top {
    width: 100%;
    height: 57px;
    border-bottom: 2px solid #e3e4e9;
    display: table;
    background-color: #ededed;
    position: relative;
}

.frames_right_top_left {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 57px;
    position: absolute;
    width: 100%;
    z-index: 8;
}

.frames_right_top_mid {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    color: #838b8d;
    z-index: 9;
    padding-right: 0px;
    position: relative;
}

.frames_right_top_mid_items {
    display: block;
    height: 57px;
}

.frames_right_top_mid_item {
    width: 50px;
    height: 57px;
    border-left: 2px solid #e6e7e9;
    display: inline-block;
    vertical-align: top;
}

.item_menu {
    display: none;
}

.frames_right_top_mid_itemn {
    width: auto;
    padding-right: 10px;
    height: 57px;
    border-left: 2px solid #e6e7e9;
    display: inline-block;
    font-size: 12px;
    line-height: 57px;
    text-align: left;
    padding-left: 40px;
    color: #63778f;
    background-image: url(../img/user.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 10px;
}

.icon_user {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 50% 30%;
    background-size: auto 25px;
}

.icon_user_tit {
    position: relative;
    padding-top: 38px;
    font-size: 10px;
    width: 100%;
    text-align: center;
    color: #63778f;
}

.icon_user_message {
    background-size: auto 20px;
    position: relative;
}

.frames_right_top_logo {
    top: 20px;
    position: relative;
    width: 210px;
    height: 100px;
    background-image: url(../img/logo2.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.frames_right_top_right {
    width: 31px;
    z-index: 9;
    position: relative;
    vertical-align: middle;
    display: table-cell;
    color: #838b8d;
    padding-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.frames_right_menu {
    width: 31px;
    height: 22px;
    background-image: url(../img/m_menu.png);
    cursor: pointer;
    background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.frames_right_top_right img {
    cursor: pointer;
}

.frames_content {
    width: 100%;
    display: table;
    height: 100%;
}

.frames_content1 {
    display: table-cell;
    width: 10px;
    height: 100%;
}

.frames_title_row {
    display: table-row;
    height: 48px;
}

.frames_title_area {
    width: 100%;
    height: 100%;
}

.frames_title {
    display: table-cell;
    height: 48px;
    background-color: #ffffff;
    border-radius: 5px;
}

.frames_main {
    height: 100%;
    display: table-cell;
    overflow: hidden;
}


/* TITULO */
.title1 {
    font-size: 16px;
    color: #66696e;
    padding-bottom: 4px;
    padding-left: 20px;
}

.title2 {
    font-size: 11px;
    color: #66696e;
    padding-left: 20px;
}

.frames_title {
    width: 100vw;
    display: table;
    height: 100%;
}

.v4_tabla_buscador_item.container_agrupar {
    width: fit-content;
    display: inline-flex;
    height: 48px;
    margin-left: auto;
    gap: 10px;
    padding-left: 10px;
}

.agruparpor_tit {
    align-self: center;
    white-space: nowrap;
}

.container_agrupar .v4_tabla_buscador_item_r {
    display: flex;
    align-items: center;
    padding: 0 10px;
    background-color: #0369a1;
    color: #fff;
    justify-content: center;
}

.container_agrupar .btn-group {
    display: flex;
    align-items: center;
}
.container_agrupar .btn-group.open {
    z-index: 999999;
}

.buscar_botones {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-right: 0px;
    border-radius: 5px;
}

.buscar_botones_boton {
    position: relative;
    float: right;
    border-left: 1px solid rgb(212, 212, 212);
    height: 48px;
    width: 52px;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    vertical-align: bottom;
    line-height: 80px;
}

.buscar_botones_botonlargo {
    width: 150px;
    line-height: 50px;
    text-align: left;
    padding-left: 38px;
    font-size: 11px;
}

.buscar_boton_filtros {
    background-image: url(../img/filtros2.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.buscar_boton_imprimir {
    background-image: url(../img/print_icon.svg);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: 50% 6px;
    border: none;
    text-align: center;
    background-color: white;
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid rgb(212, 212, 212);
}

.buscar_boton_agregar {
    background-image: url(../img/agregar.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.buscar_boton_orden {
    background-image: url(../img/orden2.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.buscar_boton_totales {
    background-image: url(../img/money2.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50% 8px;
}
.filagraficas {
    background-image: url(../img/chart.png?ver=1.1);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50% 8px;
}
.buscar_boton_importar {
    background-image: url(../img/chevron-down.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.buscar_boton_procesarinv {
    background-image: url(../img/check.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    width: 190px;
    background-color: #41ad49;
    color: #FFF;
}

.buscar_boton_invsku {
    background-image: url(../img/barcode.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.buscar_boton_exportar {
    position: relative;
    background-image: url(../img/excel.svg);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 50% 6px;
}

    .buscar_boton_exportar input {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

.buscar_boton_xml {
    position: relative;
    background-image: url(../img/xml.svg);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 50% 6px;
}

    .buscar_boton_xml input {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

.buscar_boton_pdf {
    position: relative;
    background-image: url(../img/pdf-3.svg);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 50% 6px;
}

    .buscar_boton_pdf input {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

.buscar_botones_boton:hover {
    background-color: rgb(230,230,230);
}

.buscar_boton_procesarinv:hover {
    opacity: 0.8;
    background-color: #41ad49;
    color: #FFF;
}

.buscar_title1 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

/* Buscar Master*/
.texto-nombre-producto {
    text-decoration: none;
    color: #605D5D;
}

.v4_tabla_buscador_sync {
    background-color: #fff;
    position: fixed;
    z-index: 999999;
    top: 57px;
    right: 0px;
    width: 380px;
    height: calc(100% - 77px);
    height: -o-calc(100% - 77px); /* opera */
    height: -webkit-calc(100% - 77px); /* google, safari */
    height: -moz-calc(100% - 77px); /* firefox */
    border-left: #6b88a3 2px solid;
    border-bottom: #6b88a3 2px solid;
    color: #605D5D;
    overflow: auto;
    display: block;
    padding-bottom: 10px;
}

.v4_tabla_buscador {
    background-color: #fff;
    position: absolute;
    z-index: 999999;
    top: 57px;
    right: 0px;
    width: 380px;
    height: calc(100% - 77px);
    height: -o-calc(100% - 77px); /* opera */
    height: -webkit-calc(100% - 77px); /* google, safari */
    height: -moz-calc(100% - 77px); /* firefox */
    border-left: #6b88a3 2px solid;
    border-bottom: #6b88a3 2px solid;
    color: #605D5D;
    overflow: auto;
    display: block;
    padding-bottom: 10px;
}

.v4_tabla_tit {
    width: 100%;
    height: 40px;
    background-color: #6b88a3;
    background-image: url(../img/filtros.png);
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: 10px 5px;
    position: relative;
    display: block;
}

.v4_tabla_tit_l {
    position: relative;
    float: left;
    height: 40px;
    color: #FFF;
    font-size: 18px;
    padding-left: 50px;
    padding-top: 8px;
}

.v4_tabla_tit_r {
    position: relative;
    float: right;
    height: 40px;
    text-align: right;
}

    .v4_tabla_tit_r input {
        height: 100%;
        background-color: #918dac;
        color: #FFF;
        border: none;
        cursor: pointer;
        border-left: 1px solid #FFF;
        background-image: url(../img/resultados.png);
        background-position: 5px 10px;
        padding-left: 28px;
        background-size: 18px auto;
        background-repeat: no-repeat;
    }

.limipiar {
    background-color: #838b8d !important;
    background-image: url(../img/clean.png) !important;
    background-position: 5px 11px !important;
}

.v4_tabla_buscador3 {
    background-color: #fff;
    position: relative;
    z-index: 999999;
    width: 100%;
    border-bottom: #f3f3f3 2px solid;
    color: #605D5D;
    padding-top: 10px;
    padding-bottom: 10px;
}

.v4_tabla_buscador2 {
    text-align: left;
    float: left;
    position: relative;
    width: 340px;
    padding-left: 10px;
    padding-top: 10px;
    display: table;
}

.buscar_grid {
    width: 100%;
    background-color: #ffffff;
    display: table-row;
    overflow: hidden;
}

.buscar_otros {
    height: 20px;
    background-color: #ffffff;
    display: table-row;
    overflow: hidden;
}

.buscar_otros_table {
    width: 100%;
    display: table;
}

.buscar_otros_l {
    vertical-align: middle;
}

.buscar_otros_r {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.v4_tabla_buscador_item,
.v4_tabla_buscador_item2 {
    display: table-row;
    height: 25px;
    margin-left: 0px;
    font-size: 13px;
    width: 340px;
    font-family: 'mgotham', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #605D5D;
}

.v4_tabla_buscador_item_l {
    text-align: right;
    display: table-cell;
    padding-bottom: 5px;
    padding-right: 0px;
    font-family: mgotham;
}

.v4_tabla_buscador_item_r {
    text-align: center;
    display: table-cell;
    padding-bottom: 10px;
    width: 100%;
}

    .v4_tabla_buscador_item_r input[type=text] {
        width: 342px !important;
        border-radius: 0px;
        border: 1px solid #c4cbde;
        padding-left: 10px;
        padding-right: 10px;
        font-family: 'mgotham', Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #605D5D;
        font-size: 12px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .v4_tabla_buscador_item_r select {
        width: 340px !important;
        height: 24px;
        border-radius: 0px;
        border: 1px solid #c4cbde;
        font-family: 'mgotham', Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #605D5D;
    }

.boton {
    -webkit-appearance: none;
    background-color: #79acd0;
    color: #FFF;
    border-radius: 10px;
    border: none;
    height: 30px;
    cursor: pointer;
}

    .boton:hover {
        text-decoration: underline;
    }

.botonVenta {
    background-color: #90ce67;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    height: 30px;
    color: #FFFFFF;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.reporteador {
    border: 1px solid #CCC;
    position: absolute;
    z-index: 99999;
    right: 0px;
    top: 50px;
    z-index: 999999999999;
    width: 100vw;
    height: 90vh;
    max-width: 350px;
}

.paginationPrincipal {
    display: inline-block;
}

    .paginationPrincipal a {
        color: black;
        float: left;
        padding: 4px 8px;
        text-decoration: none;
    }

        .paginationPrincipal a.active {
            background-color: #75AACE;
            color: white;
        }

        .paginationPrincipal a:hover:not(.active) {
            background-color: #ddd;
        }

.paginationControlOpacity {
    opacity: 0;
    display: none;
}

.paginationTotalesText {
    padding: 4px 8px;
    float: left;
}
/* TABLA */
.tabla_buscador {
    border-bottom: 1px solid #d4d5d6;
}

.tabla_header {
    background-color: #d4d5d6;
}

    .tabla_header td,
    .tabla_header th {
        text-align: center;
        height: 31px;
        padding-left: 5px;
        padding-right: 5px;
        border-bottom: 0px;
    }

        .tabla_header td:first-child,
        .tabla_header th:first-child {
            text-align: center;
        }

        .tabla_header td a:hover, .tabla_header th a:hover {
            text-decoration: underline;
        }

        .tabla_header td a, .tabla_header th a {
            text-decoration: none;
            color: #605D5D;
            font-size: 13px;
        }

        .tabla_header td:first-child, .tabla_header th:first-child {
            border-left: 0px;
        }

    .tabla_header td, .tabla_header th {
        border-left: 2px solid #e4e8eb;
    }

.tabla_item:hover,
.tabla_alternate:hover {
    background-color: #ededed !important;
}

.tabla_item td,
.tabla_alternate td {
    height: 31px;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 2px solid #e4e8eb;
    border-top: 2px solid #e4e8eb;
}

    .tabla_item td img,
    .tabla_alternate td img {
        height: 25px;
    }

    .tabla_item td:first-child,
    .tabla_alternate td:first-child {
        text-align: center;
    }

.tabla_buscador tr:last-child td {
    border-bottom: 5px solid #e4e8eb;
}

.monto_negativo {
    color: #c30a00;
}

.tabla_item td:hover
.tabla_alternate td:hover {
    background-color: #ededed !important;
}
/* AGREGAR */
.texto {
    font-size: 12px;
}

.texto_bold {
    color: #79acd0;
}

.titulo {
    font-size: 14px;
    font-weight: bold;
    color: #79acd0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.texto input[type=text],
.texto input[type=number],
.texto input[type=password], .texto textarea {
    height: 25px;
    border-radius: 10px;
    border: 1px solid #c4cbde;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'mgotham', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #605D5D;
}

.texto select {
    width: 200px;
    height: 25px;
    border-radius: 10px;
    border: 1px solid #c4cbde;
    padding-left: 7px;
    padding-right: 7px;
    font-family: 'mgotham', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #605D5D;
}

.agregar_item {
    display: table-row;
}

.agregar_item2 {
    display: block;
}

.agregar_table {
    display: table;
    width: 100%;
}

.agregar_row {
    display: table-row;
    height: 30px;
    vertical-align: middle;
}

.tright {
    text-align: right;
    padding-right: 20px;
    margin-top: 5px;
}

.agregar_row.tright {
    display: block;
}

.agregar_item_l {
    display: table-cell;
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
    padding-left: 5px;
}

.agregar_item_r {
    display: table-cell;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
    width: 250px;
}

    .agregar_item_r select {
        width: 240px;
    }

    .agregar_item_r input[type=text],
    .agregar_item_r input[type=password] {
        width: 220px;
    }

.agregar_table_desc .agregar_item_r input[type=text] {
    width: 380px;
}

.agregar_table_desc .agregar_item_r select {
    width: 395px;
}

.agregar_item_r input[type=number] {
    width: 40px;
    text-align: center;
}

.agregar_item_b {
    display: block;
    background-color: red;
}

/* GRID VIEW */
.GridBase {
    width: 100%;
}

.otroHeader {
    background-color: #d4d5d6;
}

    .otroHeader td,
    .otroHeader th {
        text-align: center;
        font-weight: normal;
        height: 31px;
        padding-left: 5px;
        padding-right: 5px;
        border-bottom: 0px;
    }

        .otroHeader td:first-child,
        .otroHeader th:first-child {
            text-align: center;
        }

        .otroHeader td a:hover, .otroHeader th a:hover {
            text-decoration: underline;
        }

        .otroHeader td a, .otroHeader th a {
            text-decoration: none;
            color: #605D5D;
            font-size: 13px;
        }

        .otroHeader td:first-child, .otroHeader th:first-child {
            border-left: 0px;
        }

    .otroHeader td, .otroHeader th {
        border-left: 2px solid #e4e8eb;
    }

.otroItem:hover {
    background-color: #ededed;
}

.otroItem td {
    height: 41px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 2px solid #e4e8eb;
    border-left: 2px solid #e4e8eb;
    border-top: 2px solid #e4e8eb;
}

    .otroItem td img {
        height: 25px;
    }

    .otroItem td input[type=text], select, textarea {
        width: 90%;
        min-width: 100px;
    }

    .otroItem td textarea {
        height: 50px;
    }

/* NUEVOS 20151123 */
.frames_right_cell {
    display: table-cell;
    height: 46px;
}

.frames_right_cell4 {
    display: table-cell;
    height: 10px;
    width: 100%;
}

.frames_right_cell3 {
    display: table-cell;
    width: 100%;
}


.maintbl {
    width: 100%;
    height: 100%;
}

.maintbl_padd {
    width: 70px;
}

.maintbl_left {
    width: 70px;
    vertical-align: top;
    position: fixed;
    top: 0px;
    z-index: 9999;
    left: 0px;
    height: 100%;
    background-color: #2d4257;
    overflow: hidden;
}
/*
.maintbl_iconwhite {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 12px;
    cursor: pointer;
    left: 14px;
    background-image: url(../img/icon_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
}
*/
.maintbl_iconwhite {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 6px;
    cursor: pointer;
    background-image: url(../img/icon_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.maintbl_left_sub {
    z-index: 9999;
    width: 203px;
    height: 100%;
    position: fixed;
    overflow: auto;
    left: 70px;
    top: 0px;
    background-color: #677e93;
}
/*BARRA DE NOTIFICACIONES  */
.maintbl_news {
    height: 30px;
}

    .maintbl_news div {
        cursor: pointer;
        color: #FFF;
        width: 100%;
        text-align: center;
        font-size: 15px;
    }

.maintbl_news_morado {
    background-color: #a072b9;
}

.maintbl_news_naranja {
    background-color: #d76b48;
}

.maintbl_right {
    background-color: #f3f3f3;
    height: 100%;
}

.maintbl_right2 {
    height: 100%;
    width: 100%;
}

.maintbl_right_top {
    height: 69px;
    width: 100%;
}

.maintbl_right_bottom {
    width: 100%;
    height: 100%;
}

.maintbl_area {
    width: 100%;
}



/* PLANTILLA ORDEN COMPRA */
.cliente {
    width: 100%;
    height: 100%;
    display: table;
}

.cliente_row {
    display: table-row;
}

.cliente_top {
    width: 100%;
    height: 61px;
    background-color: #476c84;
    color: #FFF;
    font-size: 20px;
    display: table-cell;
}

.cliente_bottom {
    width: 100%;
    display: table-cell;
}

.cliente_top_left {
    width: 50%;
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}

.cliente_top_right {
    width: 18px;
    position: relative;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

.cliente_bottom_table {
    width: 100%;
    height: 100%;
    display: table;
}

.cliente_bottom_left {
    width: 122px;
    background-color: #0e334c;
    display: table-cell;
    height: 100%;
    vertical-align: top;
    text-align: center;
}

.cliente_bottom_mid {
    display: table-cell;
    height: 100%;
}

.cliente_bottom_right {
    width: 45%;
    display: table-cell;
    height: 100%;
    border-left: 1px solid #a5a5a5;
}

.cliente_icon {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
    color: #FFF;
}

    .cliente_icon img,
    .cliente_icon_on img {
        margin-bottom: 5px;
    }

    .cliente_icon:hover, .cliente_icon_on {
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
        cursor: pointer;
        margin-top: 20px;
        text-align: center;
        font-size: 13px;
        color: #FFF;
    }


/* TABLERO */
.tablero_cuerpo {
    width: 100%;
    overflow: hidden;
}

.tablero_tit {
    height: 27px;
    width: 100%;
    background-color: #dddbdb;
    position: relative;
}

.tablero_tit2 {
    height: 27px;
    width: 100%;
    background-color: #c4cbde;
    position: relative;
}

    .tablero_tit div, .tablero_tit2 div {
        color: #605c5c;
        font-size: 13px;
        padding-left: 15px;
        padding-top: 5px;
        cursor: pointer;
    }

.tablero_detalle {
    width: 100%;
    border: 1px solid #dddbdb;
    margin-bottom: 20px;
}

.tablero_detalle_fila {
    width: 100%;
    border-bottom: 1px solid #edebeb;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    display: table;
}

.tablero_detalle_fila_on {
    width: 100%;
    border-bottom: 1px solid #edebeb;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    display: table;
    background-color: #f7f5f5;
}

.tablero_detalle_fila_l {
    width: 58%;
    position: relative;
    float: left;
    height: 100%;
    padding-left: 2%;
}

.tablero_detalle2 {
    display: table;
    width: 100%;
    border: 1px solid #dddbdb;
}

.tablero_detalle_fila2 {
    display: table-row;
    border-bottom: 1px solid #edebeb;
    cursor: pointer;
}

    .tablero_detalle_fila2:hover div {
        background-color: #edebeb;
    }

.tablero_detalle_fila_l2_tit {
    text-align: center;
    background-color: #3d3d44;
    color: #FFF;
    display: table-cell;
    border-right: 1px solid #FFF;
}

.tablero_detalle_fila_l3 {
    display: table-cell;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #edebeb;
}

.tablero_detalle_fila_l2 {
    text-align: center;
    display: table-cell;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #edebeb;
    border-bottom: 1px solid #edebeb;
}

.tablero_detalle_fila_r {
    width: 36%;
    position: relative;
    float: right;
    height: 100%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: right;
    font-size: 11px;
}

.tablero_detalle_fila:hover {
    background-color: #f7f5f5;
}

.tablero_nuevo {
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer;
    z-index: 9999999;
    width: 29px;
    height: 24px;
}

.tablero_nuevo2 {
    position: absolute;
    right: 130px;
    top: 2px;
    cursor: pointer;
    z-index: 9999999;
    width: 29px;
    height: 24px;
    background-color: #33c481;
    border-radius: 5px;
    padding: 0 !important;
    display: flex;
}

.tablero_ok {
    position: absolute;
    right: 50px;
    top: 2px;
    cursor: pointer;
}

.tablero_print {
    position: absolute;
    right: 90px;
    top: 2px;
    cursor: pointer;
}

.tablero_excel {
    position: absolute;
    right: 130px;
    top: 2px;
    cursor: pointer;
}

.tablero_mail {
    position: absolute;
    right: 170px;
    top: 2px;
    cursor: pointer;
}

.link {
    text-decoration: underline;
    color: #8e918d;
    font-size: 15px;
}

.tabla_link {
    text-decoration: underline;
    color: #8e918d;
    font-size: inherit;
}

.tablero_title {
    width: 100%;
    height: 43px;
    background-color: #b8b8ba;
    position: relative;
}

.tablero_convertir {
    position: absolute;
    right: 20px;
    top: 7px;
}

.tablero_menu {
    width: 100%;
    height: 30px;
    background-color: #705e77;
    text-align: left;
}

.tablero_menu_item,
.tablero_menu_item_on {
    display: inline-block;
    color: #FFF;
    padding-top: 8px;
    cursor: pointer;
    font-size: 14px;
    height: 22px;
    padding-left: 10px;
    padding-right: 10px;
}

    .tablero_menu_item:hover,
    .tablero_menu_item_on {
        background-color: #FFF;
        color: #705e77;
    }
/* DETALLE CASO */
.caso_title {
    width: 100%;
    height: 43px;
    background-color: #f4826e;
    position: relative;
}

.caso_title4 {
    width: 100%;
    height: 53px;
    background-color: #707072;
    position: relative;
}

    .caso_title4 img {
        position: absolute;
        cursor: pointer;
    }

.caso_title2 {
    color: #FFF;
    padding-left: 20px;
    padding-top: 15px;
}

.caso_title2_l {
    color: #FFF;
    padding-left: 20px;
    padding-top: 15px;
    position: relative;
    float: left;
}

.caso_title2_r {
    padding-right: 20px;
    position: relative;
    float: right;
}

    .caso_title2_r input {
        background-color: #FFF;
        color: #f4826e;
        border-radius: 5px;
        cursor: pointer;
        border: none;
        height: 30px;
        margin-top: 5px;
    }

.caso_close {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 15px;
    background-image: url(../img/close.png);
    cursor: pointer;
}

.caso_mail_CLIE {
    width: 90%;
    position: relative;
    background-color: #f9f9f9;
    left: 10px;
    margin-top: 20px;
}

.caso_mail_EJEC {
    width: 90%;
    position: relative;
    background-color: #e5e5ea;
    left: 8%;
    margin-top: 20px;
}

.caso_mail_txt {
    padding: 10px;
}

.caso_mail_more {
    width: 13px;
    height: 13px;
    background-image: url(../img/more.png);
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.caso_mail_less {
    width: 13px;
    height: 13px;
    background-image: url(../img/less.png);
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: none;
}

.caso_mail_cuerpo {
    display: none;
}

.caso_reply {
    position: fixed;
    width: 100%;
    height: 150px;
    border-top: 1px solid #a5a5a5;
    z-index: 999999;
    bottom: 0px;
}

    .caso_reply textarea {
        width: 90%;
        border: 1px solid #a5a5a5;
        margin-left: 5%;
        margin-top: 10px;
        height: 100px;
    }

    .caso_reply input[type=submit] {
        background-color: #f4826e;
        color: #FFF;
        cursor: pointer;
        border: none;
        border-radius: 5px;
        position: relative;
        float: right;
        margin-right: 5%;
        margin-top: 5px;
        font-size: 15px;
    }

    .caso_reply input[type=file] {
        position: relative;
        float: left;
        margin-left: 5%;
        margin-top: 5px;
    }

/* AGREGAR PRODUCTO */
.producto_filtros {
    border-bottom: 2px solid #999;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}

.productos_agregar {
    width: 95%;
    text-align: right;
    padding-top: 10px;
}

.producto_resultados {
    width: 100%;
}

.producto_resultado {
    border-bottom: 1px solid #d4d4d6;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 95%;
    padding-left: 2%;
    padding-right: 2%;
}

/* TABLA COSTEO */
.costeo_info {
    display: table;
    width: 100%;
    border-bottom: 1px solid #605D5D;
}

.costeo_info_row {
    display: table-row;
    height: 30px;
}

.costeo_info_cell1 {
    display: table-cell;
    background-color: #636377;
    color: #FFF;
    border-top: 1px solid #FFF;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

.costeo_info_cell2 {
    display: table-cell;
    min-width: 100px;
    padding-left: 10px;
    border-top: 1px solid #605D5D;
    padding-right: 10px;
    vertical-align: middle;
    font-size: 12px;
}

.costeo_tabla {
    margin-top: 10px;
    display: table;
    border-top: 1px solid #605D5D;
    width: 100%;
}

.costeo_tabla_row {
    display: table-row;
}

.costeo_tabla_header, .costeo_tabla_header2, .costeo_tabla_header3, .costeo_tabla_header4 {
    display: table-cell;
    background-color: #7c5b65;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #FFF;
    height: 30px;
    white-space: nowrap;
}

.costeo_tabla_header2 {
    background-color: #5b7c6f;
}

.costeo_tabla_header3 {
    background-color: #c98014;
}

.costeo_tabla_header4 {
    background-color: #6b88a3;
}

.costeo_tabla_cell {
    border-right: 1px solid #605D5D;
    text-align: center;
    height: 30px;
    white-space: nowrap;
    display: table-cell;
    padding-left: 10px;
    border-bottom: 1px solid #605D5D;
    padding-right: 10px;
    vertical-align: middle;
    font-size: 12px;
}

.costeo_scroll {
    width: 100%;
    height: 100%;
    overflow: auto;
}

/* Productos */

.producto_item_botones {
    width: 100%;
    text-align: center;
    display: none;
}

    .producto_item_botones input[type=text] {
        width: 50px;
        height: 20px;
        border-radius: 10px;
        border: 1px solid #c4cbde;
        font-family: 'mgotham', Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #605D5D;
    }

.productos_items td {
    width: 49%;
    height: 180px;
    position: relative;
    float: left;
    border: 0px solid #d4d5d6;
    display: inline-block;
}

.producto_item_foto {
    width: 50%;
    height: 180px;
    position: relative;
    float: left;
    background-position: 50% 50%;
    background-size: contain;
}

.front {
    width: 100%;
    height: 180px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.back {
    width: 100%;
    height: 180px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.productos_items_alt .producto_item_info {
    background-color: #667884;
}

.producto_item_info {
    background-color: #cb4257;
    position: relative;
    float: left;
    width: 50%;
    text-align: left;
    color: #FFF;
    font-size: 12px;
    height: 180px;
    overflow: hidden;
    margin-bottom: 0px;
}

.producto_item_info1 {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 4px;
    height: 80% !important;
    display: block;
    overflow: auto;
}

    .producto_item_info1 a {
        color: inherit;
        text-decoration: none;
    }

.producto_item_info2 {
    position: absolute;
    right: 8px;
    bottom: 48px;
}

.producto_item_info3 {
    position: absolute;
    right: 8px;
    bottom: 8px;
    cursor: pointer;
}

    .producto_item_info3 input[type=text] {
        width: 50px;
        border-radius: 10px;
        text-align: center;
        border: none;
    }

.producto_filtro {
    position: relative;
    float: left;
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.producto_filtro_t {
    width: 150px;
    height: 20px;
    text-align: center;
}

.producto_filtro_b {
    width: 150px;
}

    .producto_filtro_b input[type=text] {
        width: 150px;
        height: 25px;
        border-radius: 10px;
        border: 1px solid #c4cbde;
        font-family: 'mgotham', Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #605D5D;
        text-align: center;
        padding: 0px;
        padding-left: 2px;
        padding-right: 2px;
    }

.poner_cajas input[type=text] {
    width: 120px;
    height: 25px;
    border-radius: 10px;
    border: 1px solid #c4cbde;
    font-family: 'mgotham', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #605D5D;
    text-align: center;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.poner_cajas select {
    width: 120px;
    height: 25px;
    border-radius: 10px;
    border: 1px solid #c4cbde;
    font-family: 'mgotham', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #605D5D;
    text-align: center;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.producto_filtro_b select {
    width: 150px;
    height: 25px;
    border-radius: 10px;
    border: 1px solid #c4cbde;
    font-family: 'mgotham', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #605D5D;
    text-align: center;
    padding: 0px;
}

.producto_filtros2 {
    display: table;
    border-bottom: 2px solid #999;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}

.carrito_producto {
    width: 95%;
    padding: 2%;
    border-bottom: 1px solid #333;
}

.carrito_producto_cantidad2 {
    margin-top: 5px;
    width: 100%;
    display: table;
}

.carrito_producto_cantidad {
    width: 50%;
    position: relative;
    float: left;
}

    .carrito_producto_cantidad input[type=text] {
        width: 50px;
        border-radius: 10px;
        text-align: center;
        border: 1px solid #a5a5a5;
    }

.carrito_producto_precio {
    width: 49%;
    position: relative;
    float: right;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #e0701c;
}


.tab1 {
    width: 50%;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #CCC;
    position: relative;
    float: left;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.tab1_on {
    width: 50%;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #6bba87;
    position: relative;
    float: left;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    color: #FFF;
}


.sh_pedido_item {
    padding-top: 20px;
}

.sh_pedido_item_pic {
    padding-bottom: 10px;
}

.sh_pedido_item_info {
    padding-bottom: 15px;
}

.sh_pedido_item_cant input[type=text] {
    width: 50px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #a5a5a5;
}

/* TERMINAL 2016 */
.terminal2016 {
    width: 100%;
    height: 100%;
    background-color: #6b88a3;
    overflow: auto;
}

.terminal2016_contenido {
    display: table;
    min-width: 1000px;
    width: 100%;
    height: 100%;
}

.terminal2016_contenido2 {
    display: table;
    width: 100%;
    height: 100%;
}

.terminal2016_row {
    display: table-row;
}

.terminal2016_cell_s2 {
    display: table-cell;
    height: 15px;
}

.terminal2016_cell_s {
    display: table-cell;
    width: 15px;
    height: 100%;
}

.terminal2016_cell_l {
    display: table-cell;
    vertical-align: top;
    min-width: 600px;
    height: 100%;
    width: 60%;
}

.terminal2016_cell_r {
    display: table-cell;
    min-width: 355px;
    vertical-align: top;
    height: 100%;
    width: 35%;
}

.terminal2016_area1 {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background-color: #FFF;
    vertical-align: top;
    position: relative;
}

.terminal2016_area4 {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background-color: #FFF;
    vertical-align: top;
    position: relative;
    box-shadow: 5px 5px 5px #000;
}

.terminal2016_area_scroll {
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: auto;
    position: absolute;
}

.terminal2016_prods {
    width: 100%;
    overflow: hidden;
}

.terminal2016_area2 {
    width: 100%;
    display: table-cell;
    height: 100%;
    overflow: auto;
}

.terminal2016_area3 {
    width: 100%;
    height: 119px;
    background-color: white;
    box-shadow: 5px 5px 5px #000;
    display: table-cell;
}

.terminal2016_titulo {
    padding-left: 15px;
    padding-top: 10px;
    height: 62px;
    color: #797f83;
    font-size: 18px;
    font-weight: bold;
}

.terminal2016_menu {
    width: 100%;
    height: 33px;
    background-color: #FFF;
    border-top: 1px solid #79acd0;
    text-align: center;
    position: relative;
    z-index: 99;
}

.terminal2016_menu_item_on, .terminal2016_menu_item {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #797f83;
    font-size: 13px;
    cursor: pointer;
    height: 20px;
    padding-top: 5px;
    border-right: 1px solid #79acd0;
    margin-top: 8px;
    margin-left: -3px;
}

    .terminal2016_menu_item_on, .terminal2016_menu_item:hover {
        background-color: #79acd0;
        color: #FFF;
    }

.terminal2016_titulo2 {
    color: #FFF;
    width: 100%;
    height: 41px;
    background-color: #6b88a3;
    display: table-cell;
    padding-top: 10px;
}

.terminal2016_cliente {
    padding: 10px;
    font-size: 18px;
}

.terminal2016_error {
    color: red;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
    font-size: 17px;
    overflow: hidden;
    height: 30px;
}

.terminal2016_main {
    padding-left: 10px;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 40px;
    height: auto;
    display: block;
    position: relative;
    z-index: 99;
}

.terminal2016_txt {
    border: 0px solid #79acd0;
    width: 189px;
    padding-left: 15px;
    padding-right: 15px;
    height: 25px;
    background-color: #e4e5e6;
    color: #605D5D;
}

.terminal2016_txt2 {
    border: 0px solid #79acd0;
    width: 80px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    border-radius: 0px;
    text-align: center;
    background-color: #e4e5e6;
    color: #605D5D;
}

.terminal2016_txt3 {
    border: 0px solid #79acd0;
    width: 80px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    border-radius: 0px;
    text-align: center;
    background-color: #FFF;
    color: #605D5D;
}

.terminal2016_btn {
    border: none;
    background-color: #79acd0;
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    color: #FFF;
    cursor: pointer;
    font-size: 15px;
    border-radius: 7px;
}

.terminal2016_btn2 {
    border: none;
    width: 170px;
    margin-bottom: 3px;
    margin-right: 2px;
    background-color: #15b192;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 7px;
    color: #FFF;
    cursor: pointer;
    font-size: 13px;
}

.dtl_1 {
    display: normal;
    margin-top: 30px;
    position: relative;
    text-align: center;
}

    .dtl_1 tr {
        display: inline-block;
        position: relative;
        height: 100%;
        vertical-align: top;
    }

    .dtl_1 td {
        display: block;
        height: auto;
    }

.terminal2016_clienteres, .terminal2016_clienteres_on {
    text-align: left;
    width: 229px;
    height: 100%;
    border: 2px solid #797f83;
    position: relative;
    display: block;
    padding: 10px;
    line-height: 18px;
    margin: 10px;
    overflow: auto;
    padding-bottom: 35px;
}

    .terminal2016_clienteres:hover {
        border: 2px solid #79acd0;
    }

.terminal2016_clienteres_on {
    background-color: #79acd0;
    color: #FFF;
    border: 2px solid #79acd0;
}

.terminal2016_edit_on {
    display: none;
}

.terminal2016_clienteres input[type=image],
.terminal2016_clienteres_on input[type=image],
.terminal2016_clienteres img,
.terminal2016_clienteres_on img {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 99999;
    cursor: pointer;
}

.terminal2016_clienteres_on .terminal2016_ok {
    display: none;
}

.terminal2016_clienteres_on .terminal2016_edit {
    display: none;
}

.terminal2016_clienteres_on .terminal2016_edit_on {
    display: block;
}

.rojo {
    color: red;
}

.terminal2016_item {
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edebeb;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.terminal2016_item_img {
}

.terminal2016_item_table {
    font-size: 13px;
    display: table;
    width: 100%;
}

.terminal2016_item_row {
    display: table-row;
}

.terminal2016_item_l {
    display: table-cell;
    width: 110px;
    vertical-align: top;
}

.terminal2016_item_m {
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}

.terminal2016_item_r {
    display: table-cell;
    position: relative;
    width: 160px;
    vertical-align: middle;
    color: #797f83;
    font-size: 13px;
    line-height: 20px;
    text-align: right;
}

.terminal2016_item_img {
    width: 106px;
    height: 106px;
    border: 1px solid #edebeb;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.terminal2016_item_r_total {
    color: #6e96ce;
    font-weight: bold;
    font-size: 15px
}

.terminal2016_entregar_pedi, .terminal2016_entregar_pedi_disabled {
    margin-bottom: 35px;
    border: none;
    font-family: inherit;
    padding: 5px 10px;
    background-color: #8BC471;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    letter-spacing: 0.5px;
}

.terminal2016_disp_none {
    display: none;
}

.terminal2016_entregar_pedi_disabled {
    background-color: transparent;
    cursor: default;
    color: #8BC471;
}

.cant_entrega {
    position: relative;
    float: right;
    right: 10px;
    margin-top: 15px;
}

.cant_entrega_disabled {
    display: none;
}

.cant_entrega_item {
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 1367px) {
    .terminal2016_item_l {
        width: 70px;
        vertical-align: middle;
        text-align: center;
    }

    .terminal2016_item_img {
        width: 60px;
        height: 106px;
    }

    .terminal2016_item_m {
        font-size: 11px;
    }

    .terminal2016_item_r {
        display: table-cell;
        position: relative;
        width: 100px;
        font-size: 11px;
    }

    .terminal2016_item_r_total {
        font-size: 11px
    }
}

.terminal2016_del {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.grd_2 {
    display: inline-block;
    text-align: center;
}

    .grd_2 tr {
        display: inline-block;
    }

    .grd_2 td {
        display: block;
    }

.terminal2016_producto {
    width: 218px;
    min-height: 488px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.terminal2016_producto_img {
    width: 218px;
    height: 217px;
    border: 1px solid #edebeb;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.terminal2016_producto_tabla {
    display: table;
    width: 218px;
    border-top: 1px solid #79acd0;
    border-right: 1px solid #79acd0;
}

.terminal2016_producto_fila {
    display: table-row;
    width: 100%;
}

.terminal2016_producto_l {
    display: table-cell;
    color: #797f83;
    border-left: 1px solid #79acd0;
    border-right: 1px solid #79acd0;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #79acd0;
}

.terminal2016_producto_r {
    display: table-cell;
    color: #797f83;
    padding: 5px;
    border-bottom: 1px solid #79acd0;
}


.precioventa {
    font-size: 16px;
    position: absolute;
    top: 0px;
    right: 10px;
    font-weight: bold;
}

.terminal2016_dropalmacen {
    position: relative;
    float: right;
    right: 10px;
    top: 5px;
    margin-left: 10px;
}

    .terminal2016_dropalmacen select {
        width: 150px;
        height: 30px;
        text-align: center;
        font-size: 13px;
        border-radius: 15px;
        border: 1px solid #605D5D;
        color: #605D5D;
    }

/* SYNC */
.sync_items td {
    display: inline-block;
    width: 250px;
    height: 300px;
    margin: 2px;
    background-color: #f3f3f3;
    position: relative;
    text-align: center;
}

.sync_items_foto {
    width: 100px;
    height: 100px;
    margin-bottom: 3px;
    margin-top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.sync_items_info {
    width: 100%;
    height: 150px;
}

.chk_pr {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.error {
    color: red;
}

.sync_wait {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    background-image: url(../img/waiting.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px;
    background-color: rgba(255,255,255,0.5);
}

.sync_sync {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    background-image: url(../img/sync.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 180px;
    background-color: rgba(255,255,255,0.5);
}

.sync_error {
    width: 100%;
    height: 80%;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    background-image: url(../img/sync_error.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px;
    background-color: rgba(255,255,255,0.9);
    color: red;
    padding-top: 20%;
}

.sync_ok2 {
    width: 100%;
    height: 80%;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    background-image: url(../img/sync_ok.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px;
    background-color: rgba(255,255,255,0.9);
    color: green;
    padding-top: 20%;
}

.sync_ok {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    background-image: url(../img/sync_ok.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px;
    background-color: rgba(255,255,255,0.5);
}

/* DETALLE PRODUCTO */
.detallep_area {
    width: 1200px;
    height: 651px;
    overflow: hidden;
}

.detallep_logo {
    height: 34px;
    margin-left: 19px;
    width: 100px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-top: 5px;
}

.detallep_area2 {
    width: 1188px;
    height: 604px;
    border: 1px solid #717171;
    margin: 4px;
}

.detallep_area2_l {
    width: 144px;
    height: 100%;
    background-color: #f1f1f2;
    position: relative;
    float: left;
}

.detallep_area2_l_texto {
    width: 117px;
    margin-left: 13px;
    color: #1d1a1c;
    font-size: 12px;
    position: absolute;
    bottom: 21px;
}

.detallep_area2_m {
    width: 775px;
    height: 100%;
    background-color: #FFF;
    position: relative;
    float: left;
}

.detallep_area2_r {
    width: 266px;
    height: 585px;
    border-left: 1px solid #717171;
    margin-top: 12px;
    background-color: #FFF;
    position: relative;
    float: left;
}

.detallep_main_pic {
    width: 693px;
    height: 495px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    left: 40px;
    top: 50px;
}

.detallep_sec_pic {
    width: 224px;
    height: 138px;
    cursor: pointer;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    left: 20px;
    margin-bottom: 10px;
}

.tablaPrecios {
    border: 0px;
}

    .tablaPrecios td {
        border: 1px solid #a5a5a5;
        padding: 5px;
    }

    .tablaPrecios th {
        border: 0px;
        background-color: #c4cbde;
        border: 1px solid #c4cbde;
    }

/* WELCOME */
.welcomeSreen {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999999999999;
    font-family: 'Lato', sans-serif;
}

.welcomeSreenContain {
    width: 900px;
    height: 600px;
    background-color: #FFF;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -450px;
    margin-top: -300px;
}

.welcomeSreenContainV2 {
    width: 768px;
    height: 550px;
    background-color: #FFF;
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    margin-left: -384px;
    margin-top: -275px;
}

.welcome_tit {
    padding-top: 25px;
    color: rgb(40, 58, 77);
    font-size: 36px;
    font-weight: 900;
    height: 55px;
}

.welcome_txt {
    padding-top: 10px;
    height: 38px;
    width: 80%;
    font-size: 24px;
    color: rgb(51, 51, 51);
    line-height: 20px;
}

.welcome_txt2 {
    width: 80%;
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 20px;
    position: relative;
}

.btn_comenzar {
    padding: 0px;
    cursor: pointer;
    background: rgb(12, 168, 77) none repeat scroll 0% 0% !important;
    border: 1px none rgb(127, 149, 235);
    text-align: center;
    box-sizing: border-box;
    z-index: 8;
    height: 45px;
    width: 250px;
    left: 0px;
    top: 0px;
    font-family: Lato;
    font-size: 18px !important;
    color: rgb(255, 255, 255);
    line-height: 1;
    border-radius: 5px;
    transition: background 200ms ease 0s;
}

.azul {
    color: #79acd0;
}

.welcome_squares {
    margin-top: 20px;
    vertical-align: top;
}

.welcome_square {
    display: inline-block;
    width: 219px;
    height: 307px;
    margin-right: 10px;
    border: 1px solid #9e9e9e;
    border-radius: 15px;
    vertical-align: top;
}

.welcome_square_area {
    display: block;
    padding: 10px;
    text-align: center;
}

.welcome_square_top {
    width: 60px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 15px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.welcome_square_tit {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

.welcome_square_txt {
    font-size: 14px;
    line-height: 20px;
    height: 170px;
}

.welcome_square_video {
    display: block;
}

    .welcome_square_video input {
        color: #FFF;
        cursor: pointer;
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
        height: 32px;
        background-color: #545554;
        border: none;
    }

.welcome_square_top_icon1 {
    background-image: url(../img/welcome_icon1.png);
}

.welcome_square_top_icon2 {
    background-image: url(../img/welcome_icon2.png);
}

.welcome_square_top_icon3 {
    background-image: url(../img/welcome_icon3.png);
}

.comenzar input {
    background-color: #75aace;
    color: #FFF;
    border: none;
    font-size: 23px;
    font-family: gotham;
    margin-top: 20px;
    cursor: pointer;
}

/* LOGIN */
.fondoLogin {
    background-image: url(../img/open7.jpg);
    background-repeat: repeat;
    background-size: 1000px;
    width: 100%;
    height: 100%;
}

.opaco {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(35,35,35,0.6);
}

.login_area {
    width: 473px;
    height: 472px;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    margin-left: -236px;
    margin-top: -236px;
}

.login_area_logo {
    width: 100%;
    height: 115px;
}


.login_logo {
    width: 369px;
    height: 80px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 20px;
}


.login_area_cajas {
    padding-left: 50px;
}

.login_area_caja {
    margin-bottom: 14px;
}

    .login_area_caja input, .login_area_caja select {
        width: 369px;
        height: 52px;
        border: 1px solid #cccccc;
        background-color: #fff;
        color: #605D5D;
        font-size: 14px;
        font-family: gotham;
        padding-left: 17px;
        -webkit-appearance: none;
    }

.login_area_boton input {
    width: 369px;
    height: 52px;
    border: none;
    cursor: pointer;
    background-color: #75aace;
    color: #FFFFFF;
    font-family: gotham;
    font-size: 21px;
    border-radius: 10px;
}

.login_area_mensajes {
    padding-left: 50px;
    padding-right: 50px;
}

.login_area_error {
    color: #dc6b6b;
    font-size: 15px;
    text-align: center;
}

.login_area_forgot {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
    color: #6b88a3;
    width: 369px;
    cursor: pointer;
}

    .login_area_forgot:hover {
        text-decoration: underline;
    }

.suspendido {
    text-align: center;
    font-family: gotham;
    color: #6b88a3;
}

.mensaje_trial {
    font-size: 15px;
    font-family: mgotham;
    position: relative;
    top: 0px;
    text-align: center;
    color: #6b88a3;
    padding-bottom: 10px;
}

/* WIDGETS */
.widgets {
    width: 100%;
    height: 100%;
    position: relative;
}

.widget_videos {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #a5a5a5;
    width: 30%;
    height: 20%;
}

.widget_videos_left {
    width: 30%;
    position: relative;
    float: left;
    background-image: url(../img/mano.png);
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 100%;
    border-right: 1px solid #FFF;
}

.widget_videos_right {
    width: 67%;
    position: relative;
    float: right;
    height: 100%;
    color: #FFF;
}

.tablatxt {
    width: 100%;
    height: 100%;
    color: inherit;
}

    .tablatxt td {
        color: inherit;
    }

.widget_tit {
    font-size: 18px;
    font-family: mgotham;
    padding-top: 15px;
    padding-bottom: 8px;
}

.widget_txt {
    font-size: 14px;
    font-family: gotham;
    padding-bottom: 8px;
    width: 90%;
}

.widget_clima {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #b9b8b8;
    width: 69%;
    height: 20%;
}

.widget_clima_left {
    position: relative;
    float: left;
    width: 64%;
    height: 100%;
    border-right: 1px solid #FFF;
    font-size: 18px;
    font-family: mgotham;
}

.widget_clima_right {
    position: relative;
    float: right;
    width: 30%;
    color: #FFF;
    height: 100%;
}

.widget_clima_location {
    width: 100%;
    height: 50%;
    color: #FFF;
    background-image: url(../img/location.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 50%;
}

.widget_clima_fecha {
    width: 100%;
    color: #FFF;
    height: 50%;
    background-image: url(../img/fecha.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 50%;
}

.widget_clima_sol {
    width: 50px;
    height: 50px;
    background-image: url(../img/termometro.png);
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-position: 50% 50%;
}

.widget_contacto {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #75aace;
    width: 100%;
    height: 15%;
}

.widget_noticias {
    position: absolute;
    left: 0px;
    top: 22%;
    background-color: #FFF;
    width: 30%;
    height: 60%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 3px solid #05af9a;
}

.widget_tips {
    position: absolute;
    right: 0px;
    top: 22%;
    background-color: #FFF;
    width: 25%;
    height: 60%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 3px solid #faaf3b;
}

.widget_ventas {
    position: absolute;
    left: 31%;
    top: 22%;
    width: 43%;
    height: 30%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #808484;
}

.widget_timbres {
    position: absolute;
    left: 31%;
    top: 53%;
    width: 43%;
    height: 29%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #808484;
}

.agregar_grande {
    width: 100px;
    height: 100px;
    background-color: #79acd0;
    cursor: pointer;
    border: none;
    background-image: url(../img/mas.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    cursor: pointer;
    border-radius: 20px;
    font-size: 15px;
    color: #FFF;
    padding-top: 50px;
}

.resultados_grande {
    width: 100px;
    height: 100px;
    background-color: #918dac;
    cursor: pointer;
    border: none;
    background-image: url(../img/resultados.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    cursor: pointer;
    border-radius: 20px;
    font-size: 15px;
    color: #FFF;
    padding-top: 50px;
}

.botones_master {
    width: 90%;
    margin-top: 100px;
    text-align: center;
}


/* ECOMMERCE */
.ecommerce_activar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    margin-top: 50px;
}

.ecommerce_activar_item {
    width: 60%;
    max-width: 700px;
    margin: 50px 0px;
    cursor: pointer;
    height: 145px;
    border: 1px solid;
    border-radius: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    border-color: #9B5C8F;
}

    .ecommerce_activar_item:first-child {
        border-color: #6E91B7;
    }

.ecommerce_activar_item_logo {
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 80%;
}

.ecommerce_activar_text {
    width: 50%;
    font-size: 50px;
}

.ecommerce_activar_fila {
    display: table-row;
}

.ecommerce_activar_tit1 {
    display: table-cell;
    width: 19%;
    border-bottom: 1px solid #737fbf !important;
}

.ecommerce_activar_tit2,
.ecommerce_activar_tit3,
.ecommerce_activar_tit4 {
    display: table-cell;
    width: 27%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    height: 87px;
    border-bottom: 1px solid #737fbf !important;
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.ecommerce_activar_tit2 {
    border: 1px solid #75aace;
    background-image: url(../img/logo_icon.png);
    border-right: 0px;
}

.ecommerce_activar_tit3 {
    border: 1px solid #aacd6b;
    background-image: url(../img/shopify.png);
    border-right: 0px;
}

.ecommerce_activar_tit4 {
    border: 1px solid #9a5c8c;
    background-image: url(../img/woocommerce.png);
}

.ecommerce_activar_fila_t1,
.ecommerce_activar_fila_t2 {
    display: table-row;
}

    .ecommerce_activar_fila_t2 div {
        background-color: #e8e8e8;
    }

.ecommerce_activar_col_1,
.ecommerce_activar_col_2,
.ecommerce_activar_col_3 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-family: gotham;
    border: 1px solid #737fbf;
    border-left: 0px;
    border-right: 0px;
    padding: 20px;
    font-size: 13px;
    line-height: 19px;
    border-top: 0px;
}

.ecommerce_activar_col_1 {
    border-left: 1px solid #737fbf;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
}

.ecommerce_activar_col_3 {
    border-right: 1px solid #737fbf;
}

.ecommerce_activar_boton1,
.ecommerce_activar_boton2,
.ecommerce_activar_boton3,
.ecommerce_activar_boton4 {
    display: table-cell;
}

    .ecommerce_activar_boton1 input,
    .ecommerce_activar_boton2 input,
    .ecommerce_activar_boton3 input,
    .ecommerce_activar_boton4 input {
        width: 100%;
        border: none;
        cursor: pointer;
        height: 56px;
        text-align: center;
        color: #FFF;
        font-size: 24px;
        font-family: gotham;
    }

    .ecommerce_activar_boton2 input {
        background-color: #75aace;
    }

    .ecommerce_activar_boton3 input {
        background-color: #aacd6b;
    }

    .ecommerce_activar_boton4 input {
        background-color: #9a5c8c;
    }

.ecommerce_conf_logo {
    position: relative;
    width: 213px;
    height: 80px;
    background-image: url(../img/logo_ecommerce.png?v=1);
}

.ecommerce_conf_bolas {
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 80px;
}

.ecommerce_conf_bola_main {
    position: relative;
    float: left;
    width: 62px;
    height: 80px;
    text-align: center;
    font-size: 14px;
}

.ecommerce_conf_bola_linea {
    position: relative;
    float: left;
    margin-top: 30px;
    width: 50px;
    height: 2px;
    background-color: #777777;
}

.ecommerce_conf_bola {
    padding-top: 17px;
    margin-bottom: 5px;
    border-radius: 50%;
    width: 62px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    font-size: 20px;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    background-color: #777777;
}

.ecommerce_conf_bola_on {
    background-color: #75aace;
}

.ecommerce_conf_formularios {
    width: 800px;
    border: 1px solid #777;
    border-radius: 10px;
    position: relative;
    margin-top: 150px;
    text-align: left;
    padding: 40px;
}

.ecommerce_conf_form table td {
    font-size: 14px;
    padding-bottom: 5px;
}

    .ecommerce_conf_form table td:first-child {
        text-align: right;
    }

    .ecommerce_conf_form table td input[type=submit] {
        height: 50px;
        font-size: 18px;
        background-color: #75aace;
        color: #FFF;
        cursor: pointer;
        border: none;
    }

.ecommerce_plantilla, .ecommerce_plantilla_on {
    width: 400px;
    height: 300px;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;
}

    .ecommerce_plantilla:hover, .ecommerce_plantilla_on {
        background-color: #e4e8eb;
    }

.drp_pantalla_shop {
    border-radius: 5px;
    height: 40px;
    border: 2px solid #349d50;
    font-family: 'gotham';
    text-align: center;
    width: 300px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    color: rgb(135, 135, 135);
}

.drop_grande {
    border-radius: 10px;
    height: 30px;
    border: 1px solid #6b88a3;
    font-family: 'gotham';
    text-align: center;
    width: 100%;
    font-size: 15px;
    color: #6b88a3;
}

.agregar_componente {
    background-color: #fff;
    position: absolute;
    z-index: 999999;
    top: 57px;
    right: 0px;
    width: 500px;
    height: calc(100% - 77px);
    height: -o-calc(100% - 77px); /* opera */
    height: -webkit-calc(100% - 77px); /* google, safari */
    height: -moz-calc(100% - 77px); /* firefox */
    border-left: #f3f3f3 10px solid;
    border-bottom: #f3f3f3 10px solid;
    color: #605D5D;
    overflow: auto;
    display: block;
    padding-bottom: 10px;
    display: none;
}

.agregar_componente_table {
    width: 100%;
}

    .agregar_componente_table td {
        padding-bottom: 5px;
        text-align: center;
    }

    .agregar_componente_table input[type=text] {
        width: 93%;
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 3px;
        border: 1px solid #c9d2d6;
        height: 25px;
        font-family: gotham;
        font-size: 14px;
        color: #777777;
    }

.area_imagen {
    width: 95%;
    border-radius: 3px;
    border: 1px solid #c9d2d6;
    height: 200px;
    background-size: contain;
    background-position: 50% 50%;
    background-color: #edebeb;
    background-repeat: no-repeat;
    background-image: url('../img/upload.png');
    cursor: pointer;
}

    .area_imagen input[type=file] {
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.area_imagen_botones input[type=button] {
    width: 47%;
    margin-top: 3px;
    height: 30px;
    border: none;
    background-color: #777777;
    color: #FFF;
    cursor: pointer;
}

.btn_agregar_eco {
    width: 95%;
    background-color: #75aace;
    color: #FFF;
    cursor: pointer;
    border: 0px;
    border-radius: 5px;
    font-size: 18px;
    height: 40px;
}
/* SLIDER */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
    margin-top: 10px;
    vertical-align: bottom;
}

.selector_moneda .switch {
    margin-top: 0px;
}
/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.selector_moneda .slider {
    background-color: #75aace;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

.selector_moneda input:checked + .slider {
    background-color: #7ea972;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 20px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* REORDENAR */

#ctl00_contenido_ReorderList1 li,
#ctl00_contenido_ReorderList1 ul {
    list-style-type: none !important;
}

#ctl00_contenido_ReorderList1 table tr td:first-child {
    width: 93% !important;
}

.itemArea {
    width: 93% !important;
    height: 60px;
    border: 1px solid #79acd0;
    border-radius: 5px;
    font-size: 18px;
    background-position: 98% 50%;
    background-size: auto 30px;
    background-repeat: no-repeat;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 15px;
    position: relative;
}

.itemArea_edit, .itemArea_colors {
    position: absolute;
    right: 0px;
    width: 30px !important;
    height: 30px;
    top: 14px;
    display: block !important;
    cursor: pointer;
    background-image: url(../img/ec_edit.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.itemArea_colors {
    right: 40px;
    background-image: url(../img/color.jpg);
}

.itemArea_drag {
    width: 7%;
    height: 60px;
    border: 1px solid #79acd0;
    border-radius: 5px;
    border-left: 0px;
    cursor: pointer;
    font-size: 18px;
    background-image: url('../img/reorder.png');
    background-position: 50% 50%;
    background-size: auto 30px;
    background-repeat: no-repeat;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-bottom: 15px;
}

.itemArea_agregar {
    width: 50%;
    height: 60px;
    border: 1px solid #79acd0;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    background-image: url(../img/mas.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    cursor: pointer;
    background-color: #79acd0;
}

.itemArea span {
    padding-left: 40px;
    position: relative;
    top: 17px;
}

#ctl00_contenido_ReorderList1 {
    width: 100%;
}

    #ctl00_contenido_ReorderList1 li,
    #ctl00_contenido_ReorderList1 table,
    #ctl00_contenido_ReorderList1 table tr,
    #ctl00_contenido_ReorderList1 table tr td {
        width: 98%;
    }

        #ctl00_contenido_ReorderList1 table tr td div {
            width: 100% !important;
        }

    #ctl00_contenido_ReorderList1 ul {
        list-style: none;
        width: 100%;
    }

.ecommerce_cerrar {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    font-size: 20px;
    background-image: url(../img/cancel_pos.png);
    background-position: 50% 50%;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.botonAgregarItem {
    background-color: #28a745;
    color: #FFF;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    padding: 10px;
}

.ecommerce_slideshow {
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ecommerce_slideshow_item {
    width: 400px;
    min-height: 60px;
    border: 1px solid #79acd0;
    border-radius: 5px;
    font-size: 18px;
    margin-bottom: 15px;
    cursor: pointer;
    color: #79acd0;
}

    .ecommerce_slideshow_item:hover {
        background-color: #a5a5a5;
        color: #FFF;
    }

.ecommerce_slideshow_item_foto {
    position: relative;
    float: left;
    width: auto;
    height: 60px;
}

    .ecommerce_slideshow_item_foto img {
        max-height: 50px;
        max-width: 120px;
        margin-top: 5px;
        margin-left: 2px;
        margin-right: 2px;
    }

        .ecommerce_slideshow_item_foto img[src=""] {
            display: none;
        }

.ecommerce_slideshow_item_tabla td:first-child {
    max-width: 124px;
}

.ecommerce_slideshow_item_tabla td {
    vertical-align: middle;
}

.ecommerce_slideshow_item_tabla {
    width: 100%;
    height: 60px;
}

.ecommerce_slideshow_item_titulo {
    padding-top: 20px;
    text-align: left;
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
}

.ajustes_diseno {
    width: 350px;
    height: 270px;
    text-align: center;
    border: 1px solid #edebeb;
}

.ajustes_diseno_img {
    width: 350px;
    height: 200px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.ajustes_diseno_nombre {
    font-size: 15px;
    color: #6b88a3;
}

.ajustes_seleccionar {
    text-align: center;
    margin-top: 10px;
}

.ajustes_seleccionada {
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../img/check_on.png);
}

.ajustes_no_seleccionada {
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(../img/check_off.png);
}

    .ajustes_no_seleccionada:hover {
        background-image: url(../img/check_hover.png);
    }

/* MULTI SELECT BOOTSTRAP */
input[type="radio"] {
    margin: 4px 4px 4px !important;
}

.btn-group, .btn-group-vertical {
    width: 342px;
    height: 24px;
}

    .btn-group > .btn:first-child {
        width: 100%;
    }

.open > .dropdown-menu {
    width: 90%;
}

.agregar_item_r .btn-group {
    width: 370px;
    height: 24px;
}
/* INSTRUCCIONES POP-UPS*/
.inst_main {
    position: relative;
    width: 1200px;
    left: calc(50% - 600px);
    margin-top: 20px;
    padding-bottom: 30px;
    font-size: 30px;
}

.inst_tit {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 35px;
    cursor: pointer;
    list-style: disc;
}

.inst_gral {
    width: 100%;
    font-size: 14px;
    display: none;
}

.inst_item {
    display: inline-block;
    width: 570px;
    margin: 20px 12px;
    vertical-align: top;
}

.inst_foto {
    width: 570px;
    height: 350px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
}

/* BUBBLE */
.cuadros {
    width: 75%;
    height: 100%;
    overflow: auto;
    margin-top: 10px;
    text-align: center;
    position: relative;
}

.bubble-hover:hover,
.bubble-hover_on {
    border-color: #5ba953 !important;
    background-color: #ecf5ec !important;
}

div.bubble-element.main-page, div.bubble-element.CustomElement, div.bubble-element.FloatingGroup, div.bubble-element.Group, div.bubble-element.Popup, div.bubble-element.group-item, a.bubble-element.main-page, a.bubble-element.CustomElement, a.bubble-element.FloatingGroup, a.bubble-element.Group, a.bubble-element.Popup, a.bubble-element.group-item {
    overflow: visible;
}

.bubble-r-line {
    clear: both;
    position: relative;
}

    .bubble-r-line .bubble-r-box {
        position: absolute;
        top: 0px;
    }

.bubble-element.clickable-element {
    outline: 0px dotted transparent;
    touch-action: manipulation;
}

.bubble1 {
    box-sizing: border-box;
    float: left;
    position: relative;
    z-index: 2;
    height: 162.5px;
    width: 162.5px;
    border-top-style: none;
    border-left-style: none;
    display: block;
}

.bubble2 {
    margin-top: 5px;
    height: 150px;
}

.bubble3 {
    height: 150px;
    left: 15px;
    width: 150px;
}

.bubble4 {
    position: absolute;
    box-sizing: border-box;
    z-index: 6;
    height: 150px;
    width: 150px;
    left: 0px;
    top: 0px;
    background: rgb(245, 245, 245) none repeat scroll 0% 0%;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(40, 58, 77);
    border-radius: 5px;
    cursor: pointer;
}

.bubble5 {
    margin-top: 28px;
    height: 70px;
}

.bubble6 {
    height: 70px;
    left: 38px;
    width: 70px;
}

.bubble7 {
    position: absolute;
    box-sizing: border-box;
    z-index: 6;
    height: 70px;
    width: 70px;
    left: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bubble8 {
    margin-top: 12px;
    height: 21px;
}

.bubble9 {
    height: 21px;
    left: 0px;
    width: 146px;
}

.bubble10 {
    position: absolute;
    box-sizing: border-box;
    z-index: 7;
    height: 21px;
    width: 146px;
    left: 0px;
    top: 0px;
    overflow: visible;
    font-family: Lato;
    font-size: 14px;
    color: rgb(51, 51, 51);
    text-align: center;
    line-height: 1.4;
    border-radius: 0px;
    padding-bottom: 0px;
}

.puesto select,
.welcome_config select {
    width: 300px;
    height: 25px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #5ba953;
    font-size: 14px;
}

.welcome_config {
    font-size: 16px;
    margin-bottom: 10px;
}

    .welcome_config div {
        margin-bottom: 8px;
    }

    .welcome_config input[type=text] {
        border-radius: 5px;
        height: 25px;
        text-align: center;
        border: 2px solid #5ba953;
        font-size: 15px;
        width: 80px;
    }

.error_bienvenido {
    margin-top: 20px;
    width: 100%;
    background-color: #de8c8c;
    height: 25px;
    position: relative;
    color: #FFF;
    font-size: 14px;
    padding-top: 5px;
}

/* WIDGET VENTAS */
.widgets_titulo {
    font-family: inherit;
    color: rgb(92, 92, 92);
    font-size: 30px;
    margin: 40px 0px 15px 10px;
    font-weight: bold;
    text-align: center;
}

#widgetVentas, .widgets_titulo, #widgetshortcuts {
    position: relative;
    width: 50%;
    left: 25%;
    text-align: center;
}

#widgetfunc {
    position: relative;
    width: 50%;
    left: calc(25% - 116px);
    text-align: center;
}

.widgetv_group, .widgetv_group2 {
    display: inline-block;
    vertical-align: top;
}

.widgetv_item, .widgets_item, .widgetf_item {
    position: relative;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 8px 0px;
    margin: 10px;
    width: 250px;
    height: 110px;
    vertical-align: top;
}

.widgetv_tit {
    width: calc(100% - 20px);
    padding: 20px 0px 0px 20px;
    font-size: 16px;
    font-family: inherit;
    color: rgb(51, 51, 51);
    text-align: left;
}

.widgetv_num {
    width: calc(100% - 20px);
    padding: 20px 0px 0px 20px;
    font-family: inherit;
    font-size: 30px;
    color: rgb(51, 51, 51);
    text-align: left;
    vertical-align: top;
}

/* WIDGET SHORTCUTS */
.widgets_item {
    color: #FFF;
    text-align: left;
    cursor: pointer;
    width: 255px;
    border-radius: 10px;
}

    .widgets_item:hover {
        box-shadow: none;
    }

    .widgets_item#pos:hover {
        background-color: #205a70 !important;
    }

    .widgets_item#prod:hover {
        background-color: #2c6f89 !important;
    }

    .widgets_item#cliente:hover {
        background-color: #4787a1 !important;
    }

    .widgets_item#orden:hover {
        background-color: #3d97ba !important;
    }

.widgets_icon {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: calc(50% - 30px);
    margin-left: 24px;
}

.widgets_tit {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    font-family: inherit;
    margin-left: 15px;
    width: calc(100% - 100px);
    vertical-align: middle;
}

/* WIDGET FUNCIONALIDADES */

#widgetfunc {
    width: 100vw;
    max-width: 1200px;
}

.widgetf_item {
    cursor: pointer;
    width: 250px;
    border: 2px solid rgb(40,58,77);
    height: auto;
    box-shadow: unset;
    text-align: center;
    background-color: #FFF;
    height: 320px;
}

.widgetf_icon {
    width: 70px;
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 18px 0px;
    position: relative;
    left: calc(50% - 35px);
}

.widgetf_tit {
    font-family: inherit;
    font-weight: bold;
    font-size: 16px;
    color: rgb(51, 51, 51);
    margin-bottom: 15px;
    width: 90%;
    position: relative;
    left: 5%;
}

.widgetf_txt {
    font-family: inherit;
    color: rgb(51, 51, 51);
    font-size: 13px;
    width: 80%;
    position: relative;
    left: 10%;
}

.widgetf_bott {
    width: 100%;
    color: #FFF;
    background-color: rgb(18, 168, 61);
    height: 30px;
    position: absolute;
    bottom: 0px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
}

.widgetf_item:hover {
    border: 2px solid rgb(91,169,83);
    background-color: rgb(236,245,236);
}


/* DETALLE DE VENTAS */
.detalle_totales_gral {
    position: fixed;
    top: 0px;
    margin-top: 100px;
    left: 50%;
    margin-left: -400px;
    z-index: 99999999;
}

#retiro.detalle_totales_gral {
    margin-top: 60px;
}

.detalle_totales {
    position: absolute;
    max-width: 800px;
    width: 95vw;
    margin: auto;
    height: calc(100vh - 200px);
    padding: 30px;
    overflow: auto;
    border: 1px solid #6b88a3;
    background-color: #FFF;
}

.detalle_totales_tit {
    height: 30px;
    max-width: 800px;
    width:95vw;
    margin:auto;
    background-color: #6b88a3;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    position: relative;
}

.detalles_totales_close {
    position: absolute;
    right: 10px;
    color: #FFF;
    font-size: 15px;
    cursor: pointer;
    top: 0px;
}

.btn_tbl {
    font-family: inherit;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 100;
    padding: 7px;
    /*background-color: #29a229;*/
    background-color: #75AACE;
    box-shadow: 1px 1px 8px 0px #949494;
    -webkit-box-shadow: 1px 1px 8px 0px #949494;
    -moz-box-shadow: 1px 1px 8px 0px #949494;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    margin: 5px;
}

    .btn_tbl:hover {
        box-shadow: 0px 0px 0px 0px #949494;
        -webkit-box-shadow: 0px 0px 0px 0px #949494;
        -moz-box-shadow: 0px 0px 0px 0px #949494;
        /*background-color: #259225;*/
        background-color: #6999b9;
    }

.detalle2019_table_totales {
    width: 100%;
    margin-bottom: 20px;
}

    .detalle2019_table_totales th:first-child {
        width: 326px;
    }

    .detalle2019_table_totales th {
        background-color: #a1a1a1;
        color: #FFF;
        text-align: center;
    }

    .detalle2019_table_totales td:first-child {
        background-color: #f3f3f3;
        padding: 5px;
    }

    .detalle2019_table_totales td:last-child {
        background-color: #f9f9f9;
        padding-left: 30px;
    }

.detalle2019_table_totales_capitalize {
    text-transform: capitalize;
}

.detalle2019_table_totales_negativo {
    color: #cd071e;
}

.detalle2019_table_corte td {
    width: 50%;
}

@media screen and (max-width: 1100px) {
    .widgetv_group {
        display: -webkit-flex; /* Safari */
        -webkit-align-items: flex-start; /* Safari 7.0+ */
        display: flex;
        align-items: center;
    }

    .widgetv_item, .widgets_item {
        display: unset;
        -webkit-flex: 1; /* Safari 6.1+ */
        flex: 1;
    }
}

@media screen and (max-width: 1024px) {
    /* IDIOMAS */
    .idioma_name {
        padding-left: 11px;
        padding-top: 12px;
        font-size: 10px;
    }

    #widgetVentas, .widgets_titulo, #widgetshortcuts {
        left: 5%;
        width: 90%;
    }

    .widgets_titulo {
        margin: 15px 0px 15px 10px;
    }

    .widgetv_group, .widgetv_group2 {
        display: inline-block;
        -webkit-align-items: unset; /* Safari 7.0+ */
        align-items: unset;
        width: 100%;
        text-align: center;
    }

    .widgetv_item, .widgets_item, .widgetf_item {
        display: inline-block;
        -webkit-flex: unset; /* Safari 6.1+ */
        flex: unset;
        width: 192.6px;
        height: 99px;
    }

    .widgetv_tit {
        width: calc(100% - 10px);
        padding: 20px 0px 0px 10px;
    }

    /* WIDGET FUNCIONALIDADES */
    #widgetfunc {
        left: 5%;
        width: 90%;
    }

    .widgetf_item {
        height: 280px;
    }

    .widgetf_icon {
        width: 42px;
        height: 42px;
        margin: 10px 0px;
        left: calc(50% - 21px);
    }

    .widgetf_tit {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .widgetf_txt {
        font-size: 12px;
    }

    .widgetf_bott {
        font-size: 12px;
    }

    .widgetv_num {
        width: calc(100% - 10px);
        padding: 15px 0px 0px 10px;
        font-size: 20px;
    }

    .detalle_totales_gral {
        left: unset;
        margin-left: unset;
    }

    .detalle_totales {
        width: 100vw;
    }

    .detalle_totales_tit {
        width: 100vw;
    }

    .detalles_totales_close {
        top: 0px;
    }
}


/* END TRIAL */


.endtrial_body {
    background-color: #f0f0f0;
    overflow-y: hidden;
}

.endtrial_bodyajustes {
    background-color: transparent;
    overflow-y: hidden;
}

.endtrial_area {
    width: 768px;
}

.endtrial_tit {
    color: rgb(51, 51, 51);
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 23px;
}

.endtrial_tit2 {
    font-size: 18px;
    color: rgb(51, 51, 51);
}

.endtrial_line {
    margin: 30px 0px;
    height: 1px;
    background-color: rgb(182, 196, 201);
    width: 100%;
}

.endtrial_paso_tit {
    font-size: 18px;
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.endtrial_paso {
    font-size: 18px;
    color: rgb(51, 51, 51);
    line-height: 20px;
    margin-bottom: 60px;
}

.endtrial_paso_moneda {
    margin-bottom: 0px;
}

.endtrial_paso2_tit {
    font-size: 24px;
    color: rgb(40, 58, 77);
    font-weight: bold;
}

.selector_moneda {
    margin-top: 20px;
}

    .selector_moneda table tr td {
        font-size: 14px;
        color: #75aace;
    }

        .selector_moneda table tr td:last-child {
            color: rgb(126, 169, 114);
        }

/* TABLA DE PAQUETES */
.planes {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.plan_paquete {
    display: inline-block;
    position: relative;
    width: 245px;
    margin-right: 5px;
    vertical-align: top;
    box-shadow: rgb(170, 170, 170) 0px 0px 8px 0px;
}

.plan_paquete_recomendado_off {
    top: 36px;
}

.plan_paquete_recomendado_on {
    width: 100%;
    height: 36px;
    background-color: #39a542;
    color: #FFF;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    font-size: 14px;
    line-height: 36px;
    position: relative;
}

.plan_paquete_tit, .plan_paquete_tit_reco {
    width: calc(100% - 10px);
    height: 92px;
    background-color: #324b66;
    text-align: center;
    color: #FFF;
    border-radius: 4px 4px 0px 0px;
    font-size: 12px;
    padding: 0px 5px;
}

.plan_paquete_tit_reco {
    border-radius: 0px 0px 0px 0px;
}

.plan_paquete_tit_bold {
    font-size: 18px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    padding-top: 15px;
    padding-bottom: 5px;
}

.plan_paquete_sucursal {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    color: rgb(51, 51, 51);
}

.plan_paquete_sucursal_tit {
    padding-top: 16px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 3px;
    font-size: 14px;
}

.plan_paquete_sucursal_tit2 {
    height: 20px;
    font-size: 12px;
}

.plan_paquete_sucursal_tit3 {
    height: 20px;
    font-size: 10px;
}

.plan_paquete_sucursal_linea {
    width: 80%;
    border-top: 1px solid #333;
    line-height: 30px;
    margin-left: 10%;
}

.plan_paquete_precio {
    height: 104px;
    padding-top: 18px;
    background-color: #d5dee1;
    width: 100%;
    font-size: 13px;
    color: rgb(51, 51, 51);
}

.plan_paquete_precio_num {
    font-size: 28px;
    display: inline-block;
    padding-bottom: 10px;
    font-weight: bold;
}

    .plan_paquete_precio_num span {
        font-size: 13px;
        font-weight: normal;
    }

.plan_paquete_boton {
    height: 34px;
    width: 209px;
    left: 0px;
    top: 0px;
    background: rgb(99, 126, 235) none repeat scroll 0% 0%;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    color: #FFF;
    line-height: 34px;
    text-align: center;
}

.plan_paquete_boton_hidden {
    display: none;
}

.plan_paquete_boton:hover {
    background: rgb(70, 100, 235) none repeat scroll 0% 0%;
}

.plan_paquete_boton_on {
    height: 34px;
    width: 209px;
    left: 0px;
    top: 0px;
    background: #FFF;
    border: 1px solid rgb(57, 165, 66);
    border-radius: 3px;
    font-size: 14px;
    color: rgb(57, 165, 66);
    line-height: 34px;
    text-align: center;
    background-image: url('../img/checkbox.png');
    background-repeat: no-repeat;
    background-position: 20px 50%;
}

/* COTIZADOR */
.endtrial_cotizador {
    width: 100%;
    display: table;
    margin-top: 30px;
    margin-bottom: 70px;
}

.endtrial_cotizador_left {
    width: 390px;
    position: relative;
    float: left;
    display: table-cell;
}

.endtrial_cotizador_tbl {
    display: table;
    width: 100%;
}

.endtrial_cotizador_tbl_row {
    display: table-row;
}

.endtrial_cotizador_tbl_cell {
    display: table-cell;
    font-size: 15px;
    color: rgb(40, 58, 77);
    height: 51px;
    vertical-align: middle;
}

    .endtrial_cotizador_tbl_cell:first-child {
        width: 236px;
    }

    .endtrial_cotizador_tbl_cell:nth-child(2) {
        width: 0px;
    }

    .endtrial_cotizador_tbl_cell:nth-child(3) {
        width: 105px;
        text-align: right;
    }

.endtrial_cotizador_number input {
    height: 30px;
    width: 40px;
    left: 0px;
    top: 0px;
    border: 1px solid rgb(189, 189, 189);
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 14px;
    color: rgb(85, 85, 85);
    text-align: center;
    padding: 0px 4px;
    transition: border-color 200ms ease 0s, box-shadow 200ms ease 0s;
}

.endtrial_cotizador_linea {
    width: 100%;
    height: 0.5px;
    background-color: rgb(182, 196, 201);
    margin-top: 12px;
}

.endtrial_cotizador_total {
    text-align: right;
    color: rgb(40, 58, 77);
    font-size: 20px;
    padding-top: 16px;
}

.endtrial_cotizador_right {
    width: 315px;
    position: relative;
    float: right;
    display: table-cell;
}

.endtrial_cotizador_totales {
    width: 100%;
    border: 2px solid rgb(57, 165, 66);
    border-radius: 10px;
}

.endtrial_cotizador_totales_tit {
    background-color: rgb(57, 165, 66);
    font-size: 24px;
    color: #FFF;
    height: 33px;
    text-align: center;
    padding: 10px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.endtrial_cotizador_totales_tit2 {
    font-size: 18px;
    font-weight: bold;
    color: rgb(51, 51, 51);
    text-align: center;
    padding-top: 25px;
    padding-bottom: 30px;
}

.endtrial_cotizador_totales_tbl {
    width: calc(100% - 20px);
    display: table;
    padding: 20px 10px;
    font-size: 18px;
    color: rgb(40, 58, 77);
    line-height: 40px;
}

.endtrial_cotizador_totales_tblrow, endtrial_cotizador_totales_tblrow2 {
    display: table-row;
    width: 100%;
}

.endtrial_cotizador_totales_tblrow2 {
    height: 74px;
}

.endtrial_cotizador_totales_tblcell {
    display: table-cell;
    width: 70%;
}

    .endtrial_cotizador_totales_tblcell:nth-child(2) {
        width: 30%;
        text-align: right;
        line-height: 8px;
    }

.endtrial_cotizador_totales_tbl .endtrial_cotizador_totales_tblrow:nth-child(5) {
    line-height: 10px;
    font-size: 20px;
}

/* Plazo Pago */
.endtrial_plazopago {
    width: 100%;
    display: block;
}

.endtrial_plazopago_caja, .endtrial_plazopago_caja_on {
    width: 375px;
    vertical-align: top;
    background-color: #FFF;
    height: 157px;
    border: 2px solid rgb(225, 231, 234);
    display: inline-block;
    cursor: pointer;
    color: rgb(40, 58, 77);
}

    .endtrial_plazopago_caja:hover {
        border: 2px solid #b6c4c9;
    }

.endtrial_plazopago_caja_on {
    border: 2px solid rgb(57, 165, 66);
    background-image: url(../img/selected.png);
    background-repeat: no-repeat;
    background-position: 340px 10%;
}

.endtrial_plazopago_caja_tit {
    width: 90%;
    margin-left: 5%;
    text-align: center;
    border-bottom: 1px solid rgb(182, 196, 201);
    padding-bottom: 10px;
    padding-top: 15px;
    margin-bottom: 20px;
    font-size: 16px;
    color: rgb(40, 58, 77);
    font-weight: bold;
}

.endtrial_plazopago_caja_tbl {
    display: table;
    width: 90%;
    margin-left: 5%;
}

.endtrial_plazopago_caja_tbl_row {
    display: table-row;
}

.endtrial_plazopago_caja_tbl_cell {
    font-size: 13px;
    display: table-cell;
    vertical-align: top;
    color: rgb(40, 58, 77);
}

    .endtrial_plazopago_caja_tbl_cell:nth-child(2) {
        font-size: 12px;
        text-align: right;
    }

#mensual_precio, #anual_precio {
    color: rgb(40, 58, 77);
    font-size: 28px;
    position: relative;
    display: inline-block;
}

.endtrial_plazopago_ahorro {
    color: rgb(40, 58, 77);
    font-weight: bold;
}

.endtrial_cupones {
    margin-top: 50px;
    text-align: right;
    font-size: 18px;
    color: #6897bb;
    font-weight: bold;
}

    .endtrial_cupones input[type=text] {
        height: 30px;
        width: 200px;
        text-align: center;
        border-radius: 3px 0px 0px 3px;
        border: 1px solid #a5a5a5;
    }

    .endtrial_cupones input[type=button] {
        background-color: #6085a4;
        color: #FFF;
        cursor: pointer;
        border: none;
        height: 34px;
        border-radius: 0px 3px 3px 0px;
    }

.errorCupon {
    font-size: 18px;
    padding-top: 15px;
    color: #cc0000;
}

.waiting_cupon {
    background-image: url(../imgweb/loading.gif);
    width: 40px;
    height: 80px;
    background-size: 40px 40px;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    float: right;
    right: 100px;
}

.endtrial_grantotal {
    border-bottom: 0.5px solid rgb(182, 196, 201);
    margin-top: 40px;
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: right;
    width: 100%;
    margin-bottom: 30px;
    border-top: 0.5px solid rgb(182, 196, 201);
    line-height: 20px;
    font-size: 20px;
}

.endtrial_grantotal_numero {
    font-size: 36px;
    color: rgb(40, 58, 77);
}

.total_leyenda {
    font-size: 20px;
}

.endtrial_boton {
    width: 100%;
    text-align: right;
    margin-bottom: 100px;
}

.boton_contratar {
    height: 40px;
    width: 230px;
    left: 0px;
    top: 0px;
    padding: 0px;
    cursor: pointer;
    background: rgb(18, 168, 61) none repeat scroll 0% 0%;
    border: medium none;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: rgb(255, 255, 255);
    line-height: 1;
    border-radius: 3px;
    transition: background 200ms ease 0s;
}

.boton_contratar_regresar {
    background-color: #2583ac;
}

.boton_contratar:hover {
    background: rgb(25, 179, 77);
}

.boton_contratar_regresar:hover {
    background-color: #6b88a3;
}

.endtrial_cajatexto, .endtrial_select {
    border: 1px solid #ccc;
    padding: 10px;
    outline: none;
    font-size: 18px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 300px;
    margin: 10px;
}

.endtrial_factura {
    font-size: 18px;
    font-weight: bold;
}

.endtrial_factura_campos {
    font-size: 18px;
    font-weight: normal;
}

    .endtrial_factura_campos table tr td {
        position: relative;
    }

.endtrial_td_select_uso {
    padding-left: 15px;
}

    .endtrial_td_select_uso .endtrial_select {
        margin-left: unset;
    }

.tarjetas {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

    .tarjetas img {
        height: 29px;
    }

        .tarjetas img:nth-child(4) {
            position: relative;
            float: right;
            height: 19px;
            margin-left: 10px;
        }

        .tarjetas img:last-child {
            position: relative;
            float: right;
            height: 19px;
        }

.endtrial_formapago_tabs {
    width: 100%;
    display: table;
    margin-top: 10px;
    margin-bottom: 10px;
}

.endtrial_formapago_tab, .endtrial_formapago_tab_on {
    width: 32%;
    position: relative;
    float: left;
    height: 30px;
    border: 1px solid rgb(40, 58, 77);
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    line-height: 30px;
}

    .endtrial_formapago_tab_on, .endtrial_formapago_tab:hover {
        background-color: rgb(40, 58, 77);
        color: #FFF;
    }

.endtrial_formapago_tabs div:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 0px;
}

.endtrial_formapago_tabs div:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 0px;
}

.endtrial_pagos .endtrial_cotizador_left {
    width: 350px;
}

.endtrial_pagos .endtrial_cotizador_right {
    width: 400px;
    position: relative;
    float: right;
    display: table-cell;
}

.endtrial_formapago_tit {
    color: rgb(40, 58, 77);
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid rgb(182, 196, 201);
    padding-bottom: 5px;
}

.endtrial_formapago_pago input[type=text] {
    border: 1px solid #ccc;
    padding: 10px;
    outline: none;
    font-size: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 365px;
}

    .endtrial_formapago_pago input[type=text]::placeholder {
        color: #7e7e7e;
    }

.endtrial_formapago_pago select {
    border: 1px solid #ccc;
    padding: 10px;
    outline: none;
    font-size: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 90px;
    margin-top: 0px;
}

.endtrial_codigoseguridad {
    margin-top: 0px !important;
    width: 150px !important;
}

.endtrial_formapago_tit2 {
    width: 100%;
    margin-bottom: 20px;
    font-size: 15px;
    color: rgb(40, 58, 77);
    border-bottom: 0.5px solid rgb(40, 58, 77);
    padding-bottom: 5px;
    margin-top: 20px;
}

.boton_contratar2 {
    height: 40px;
    width: 400px;
    left: 0px;
    top: 0px;
    padding: 0px;
    cursor: pointer;
    background: rgb(18, 168, 61) none repeat scroll 0% 0%;
    border: medium none;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: rgb(255, 255, 255);
    line-height: 1;
    border-radius: 3px;
    transition: background 200ms ease 0s;
}

.endtrial_regresar {
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    width: 150px;
    background-color: rgb(57, 165, 66);
    color: #FFF;
}

    .endtrial_regresar:hover {
        background-color: #0ac436;
    }

.endtrial_finalizar a {
    color: rgb(117, 170, 206);
    font-weight: bold;
}

.endtrial_error {
    font-size: 16px;
    margin-top: 10px;
    color: #ee0000;
}

.endtrial_pagos_info_tarjeta {
    width: 378px;
    height: 55px;
    border-radius: 5px;
    border: 1px solid rgb(182, 196, 201);
    margin-top: 20px;
    line-height: 55px;
    font-size: 16px;
    color: rgb(135, 135, 135);
    padding-left: 20px;
    margin-bottom: 5px;
}

.endtrial_pagos_icono_tarjeta {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.endtrial_pagos_icono_tarjeta_4 {
    background-image: url(../img/visa2.png);
}

.endtrial_pagos_icono_tarjeta_5 {
    background-image: url(../img/master2.png);
}

.endtrial_pagos_icono_tarjeta_3 {
    background-image: url(../img/amex2.png);
}

.endtrial_cotizador_totales_tblcell_prorrateo {
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    padding: 20px;
    color: #c36e25;
    text-align: center;
}

    .endtrial_cotizador_totales_tblcell_prorrateo span {
        font-weight: bold;
    }

.colspan2 {
    padding: 10px;
}

.endtrial_cambiarformapago {
    padding: 0px;
    cursor: inherit;
    background: rgb(106, 160, 199) none repeat scroll 0% 0%;
    border: 1px none rgb(127, 149, 235);
    text-align: center;
    box-sizing: border-box;
    z-index: 19;
    height: 30px;
    top: 0px;
    margin-bottom: 60px;
    cursor: pointer;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1;
    border-radius: 3px;
    transition: background 200ms ease 0s;
    width: 202px;
}

    .endtrial_cambiarformapago:hover {
        background: rgb(83, 130, 166) none repeat scroll 0% 0%;
    }
/* AJUSTES */
.ajustes_titulo {
    width: 100%;
    height: 57px;
    background-color: #FFF;
    border-top: 0.5px;
    border-bottom: 0.5px;
    color: #a5a5a5;
}

.ajustes_titulo_area {
    width: 1024px;
    text-align: left;
}

.ajustes_titulo_left {
    font-size: 24px;
    color: rgb(51, 51, 51);
    position: relative;
    float: left;
    height: 100%;
    line-height: 57px;
}

.ajustes_titulo_right {
    position: relative;
    float: right;
    color: rgb(135, 135, 135);
    font-size: 16px;
    line-height: 57px;
}

.ajustes_upgrade {
    width: 144px;
    height: 32px;
    background-color: rgb(106, 160, 199);
    border-radius: 5px;
    border: none;
    cursor: pointer;
    color: #FFF;
    margin-left: 10px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    font-size: 13px;
}

    .ajustes_upgrade:hover {
        background-color: rgb(83, 130, 166);
    }

    .ajustes_upgrade .icon-star {
        position: relative;
        top: 4px;
        margin-right: 5px;
        font-size: 20px;
    }

.ajustes_body {
    width: 100%;
}

.ajustes_body_area {
    width: 1124px;
    text-align: left;
}

.ajustes_body_menu {
    height: 50px;
    display: table;
    margin-left: 2px;
}


.ajustes_body_contenido {
    width: 100vw;
    height: auto;
    background-color: #FFF;
    border: 1px solid rgb(182, 196, 201);
    border-radius: 5px;
    max-width: 1100px;
}

    .ajustes_body_contenido iframe {
        border: none;
        width: 100%;
        border-radius: 5px;
    }

.ajustes_body_menu_item, .ajustes_body_menu_item_on {
    font-size: 12px;
    margin-right: 10px;
    color: rgb(135, 135, 135);
    height: 34px;
    line-height: 34px;
    margin-top: 16px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width:1170px) {
    .ajustes_body_menu_item, .ajustes_body_menu_item_on {
        font-size: 12px;
        margin-right: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.ajustes_body_menu_item:hover, .ajustes_body_menu_item_on {
    color: rgb(40, 58, 77);
    border-bottom: 2px solid rgb(40, 58, 77);
}

@media screen and (max-width:1080px) {
    .ajustes_body_menu {
        display: flex;
        width: 100vw;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: auto;
    }

    .ajustes_body_menu_item, .ajustes_body_menu_item_on {
        text-align: center;
        border: 1px solid #CCC;
        margin: 0px;
        line-height: 30px;
        height: 30px;
        margin: 0px;
        padding: 0px;
        width: calc(25% - 2px);
    }

        .ajustes_body_menu_item_on, .ajustes_body_menu_item:hover {
            border-bottom: 0px;
            background-color: rgb(40, 58, 77);
            color: #FFF;
        }
}

@media screen and (max-width:600px) {
    .ajustes_body_menu_item, .ajustes_body_menu_item_on {
        width: calc(50% - 2px);
    }
}

/* PERFIL */
.perfil_titulo {
    font-size: 24px;
    color: #000;
    width: 500px;
    position: relative;
    display: inline-block;
}

.perfil {
    padding: 20px;
}

.perfil_guardar {
    position: relative;
    display: inline-block;
    float: right;
    vertical-align: top;
    width: 130px;
    height: 35px;
}

.perfil_guardar_btn {
    background: rgb(18, 168, 61) none repeat scroll 0% 0%;
    border-radius: 3px;
    transition: background 200ms ease 0s;
    border: medium none;
    text-align: center;
    color: #FFF;
    width: 130px;
    height: 35px;
    cursor: pointer;
    font-size: 13px;
    font-family: inherit;
}

    .perfil_guardar_btn:hover {
        background-color: rgb(25,179,77);
    }

.perfil_cajas {
    width: 1022px;
    height: auto;
    font-family: inherit;
}

.perfil_nombre {
    position: relative;
    display: inline-block;
    height: 30px;
    margin: 0px 15px;
    width: 200px;
    vertical-align: bottom;
}

    .perfil_nombre input[type=text] {
        width: 200px;
        padding: 8px 5px;
        display: inline-block;
        border: 1px solid rgb(189, 189, 189);
        border-radius: 3px;
        font-family: inherit;
    }

.perfil_logo {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 55px;
    border: 1px solid rgb(189, 189, 189);
    border-radius: 3px;
    vertical-align: bottom;
    margin-left: 35px;
    top: 8px;
}

    .perfil_logo img {
        width: 100px;
        height: 50px;
        position: relative;
        left: 5px;
        top: 2.5px;
        object-fit: contain;
    }

.perfil_logo2 {
    position: relative;
    display: inline-block;
    width: 112px;
    height: 45px;
    margin-left: 5px;
}

.perfil_logo_lbl {
    width: 112px;
    color: rgb(51, 51, 51);
    font-size: 12px;
    text-align: center;
    font-family: inherit;
}

.perfil_logo_btn {
    width: 112px;
    height: 18px;
    background: rgb(99, 126, 235) none repeat scroll 0% 0%;
    border: 1px none rgb(127, 149, 235);
    text-align: center;
    color: #FFF;
    border-radius: 3px;
    transition: background 200ms ease 0s;
    cursor: pointer;
    padding: 4px;
    padding-top: 6px;
    margin-top: 10px;
    font-family: inherit;
    position: relative;
    display: inline-block;
}

    .perfil_logo_btn:hover {
        background-color: rgb(157,169,232);
        border-color: rgb(157,169,232);
    }

.perfil_cuenta {
    position: relative;
    display: inline-block;
}

.perfil_cuenta_box input[type=text], .perfil_cuenta_box select {
    width: 500px;
    border: 1px solid rgb(189, 189, 189);
    border-radius: 3px;
    margin: 15px 10px;
    padding: 8px 5px;
    font-family: inherit;
}

.perfil_cuenta_box2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.perfil_cuenta_box_info {
    position: relative;
    font-size: 10px;
    margin: 0px 10px;
    top: -10px;
    color: rgb(83, 130, 166);
    display: block;
    max-width: 230px;
    word-break: break-word;
}

.perfil_cuenta_box2 input[type=text],
.perfil_cuenta_box2 input[type=password],
.perfil_cuenta_box2 select {
    width: 232px;
    border: 1px solid rgb(189, 189, 189);
    border-radius: 3px;
    margin: 15px 10px;
    padding: 8px 5px;
    font-family: inherit;
}

.perfil_txt {
    position: relative;
    display: inline-block;
    border-left: 1px solid rgb(182, 196, 201);
    padding: 10px;
    font-size: 12px;
    color: rgb(135, 135, 135);
    font-family: inherit;
    vertical-align: top;
    height: 120px;
    margin-left: 25px;
    line-height: 20px;
    width: 320px;
}

.perfil_error {
    font-size: 14px;
    font-family: inherit;
    color: #d41243;
    padding-left: 10px;
}

@media screen and (max-width:600px) {
    .perfil_logo {
        display: block;
        margin-left: 15px;
    }

    .perfil_logo2 {
        display: inline-block;
        margin-left: 15px;
        margin-top: 20px;
    }
}

/* RECIBOS Y FACTURAS */
.recibos_planactual {
    width: 100%;
    border-bottom: 0.5px solid #a5a5a5;
    color: rgb(51, 51, 51);
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px;
    position: relative;
}

.recibos_planactual_change {
    width: 144px;
    height: 32px;
    background-color: rgb(106, 160, 199);
    border-radius: 5px;
    border: none;
    cursor: pointer;
    color: #FFF;
    margin-left: 10px;
    position: absolute;
    line-height: 32px;
    text-align: center;
    font-size: 13px;
    right: 0px;
    top: -10px;
}

    .recibos_planactual_change:hover {
        background-color: rgb(83, 130, 166);
    }

.recibos_cambiarformapago {
    right: 20px;
    position: relative;
}

.recibos_costoplan {
    width: 100%;
    display: table;
    margin-top: 30px;
}

.recibos_costoplan_left {
    position: relative;
    float: left;
    width: 434px;
    text-align: left;
    padding-left: 50px;
}

.recibos_costoplan_right {
    position: relative;
    float: right;
    padding-right: 80px;
    width: 420px;
}

.recibos_recibosfacturas {
    width: 95%;
    padding-left: 2.5%;
    margin-top: 50px;
    font-size: 13px;
}

.recibos_recibosfacturas_tit {
    font-size: 15px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
    color: rgb(83, 130, 166);
    font-weight: bold;
    letter-spacing: 0.5px;
}

.recibos_recibo_tits {
    display: table;
    width: 100%;
    color: rgb(135, 135, 135);
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.recibos_recibo {
    display: table;
    width: 100%;
    color: #a5a5a5;
    border: 1px solid rgb(135, 135, 135);
    border-radius: 5px;
    height: 48px;
    margin-bottom: 10px;
    color: rgb(135, 135, 135);
    table-layout: fixed;
}

.redibo_recibo_0 {
    display: table-cell;
    width: 110px;
    padding-left: 15px;
    vertical-align: middle;
}

.redibo_recibo_1 {
    display: table-cell;
    vertical-align: middle;
    width: 180px
}

.redibo_recibo_2 {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}

.redibo_recibo_3 {
    display: table-cell;
    vertical-align: middle;
    width: 105px;
}

.redibo_recibo_3_CANC {
    text-decoration: line-through;
    text-decoration-color: #d41243;
}

.redibo_recibo_4 {
    display: table-cell;
    vertical-align: middle;
    width: 105px;
    word-wrap: break-word;
}

.redibo_recibo_5 {
    display: table-cell;
    vertical-align: middle;
    width: 95px;
    text-align: right;
    padding-right: 5px;
}

    .redibo_recibo_5 img {
        cursor: pointer;
    }

.redibo_recibo_6 {
    display: table-cell;
    width: 90px;
    vertical-align: middle;
}

.redibo_recibo_6_PEND {
    color: #f47835;
}

.redibo_recibo_6_PAGA {
    color: #8ec127;
}

.redibo_recibo_6_CANC {
    color: #d41243;
}

.redibo_recibo_6_NUEV {
    color: #673888;
}

.redibo_recibo_error {
    color: #d41243;
    font-size: 11px;
}

.pagos_banco {
    width: 100%;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagos_banco_left {
    display: table-cell;
    text-align: left;
}

.pagos_banco_right {
    display: table-cell;
    text-align: right;
}

.pagos_banco_caja {
    box-sizing: border-box;
    z-index: 18;
    height: auto;
    top: 0px;
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(182, 196, 201);
    border-radius: 5px;
    width: 400px;
    margin-bottom: 10px;
    left: 0px;
}

.pagos_banco_imprimir {
    background-color: #a5a5a5;
    color: #FFF;
    border-radius: 3px;
    cursor: pointer;
    width: 100%;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 10px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.pagos_banco_caja_tabs {
    width: 100%;
    display: table;
}

.pagos_banco_caja_tab_l {
    border-radius: 3px 0px 0px;
}

.pagos_banco_caja_tab_r {
    border-radius: 0px 3px 0px;
}

.pagos_banco_caja_tab_on, .pagos_banco_caja_tab {
    padding: 0px;
    cursor: pointer;
    background: rgb(106, 160, 199) none repeat scroll 0% 0%;
    border: 1px none rgb(127, 149, 235);
    text-align: center;
    box-sizing: border-box;
    z-index: 3;
    height: 28px;
    top: 0px;
    font-size: 13px;
    color: rgb(255, 255, 255);
    line-height: 1;
    line-height: 28px;
    transition: background 200ms ease 0s;
    width: 50%;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    position: relative;
    float: left;
}

.pagos_banco_caja_tab {
    background: rgb(240, 240, 240) none repeat scroll 0% 0%;
    color: rgb(122, 122, 122);
}

    .pagos_banco_caja_tab:hover {
        background: rgb(227, 227, 227) none repeat scroll 0% 0%;
    }

.instrucciones {
    color: #a5a5a5;
    text-decoration: none;
}

.pagos_banco_contenido_1 {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px;
}

.pagos_tienda {
    width: 100%;
    display: table;
}

.pagos_tienda_mapa {
    padding: 0px;
    cursor: inherit;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: 1px solid rgb(204, 204, 204);
    text-align: center;
    box-sizing: border-box;
    z-index: 26;
    height: 30px;
    line-height: 30px;
    top: 0px;
    font-size: 12px;
    color: rgb(51, 51, 51);
    border-radius: 3px;
    transition: background 200ms ease 0s;
    width: 140px;
    left: 0px;
    position: relative;
    float: left;
    cursor: pointer;
}

.pagos_tienda_descarga, .pagos_banco_descarga {
    padding: 0px;
    cursor: inherit;
    background: rgb(18, 168, 61) none repeat scroll 0% 0%;
    border: medium none;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    z-index: 25;
    height: 30px;
    line-height: 30px;
    top: 0px;
    font-size: 12px;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    transition: background 200ms ease 0s;
    width: 175px;
    cursor: pointer;
    left: 0px;
    position: relative;
    float: right;
}

.pagos_banco_descarga {
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .pagos_banco_descarga:hover, .pagos_tienda_descarga:hover {
        background: rgb(25, 179, 77);
    }
/* CONFIRMACION */
.confirmacion_gracias {
    width: 800px;
    border-bottom: 1px solid rgb(199, 199, 199);
    text-align: center;
    font-size: 25px;
    color: rgb(89, 89, 89);
    margin-top: 30px;
    padding-bottom: 20px;
}

.confirmacion_tit {
    color: rgb(51, 51, 51);
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 10px;
}

@media screen and (max-width:600px) {
    .confirmacion_tit {
        font-size: 15px;
        padding: 20px;
    }
}

.confirmacion_texto {
    color: rgb(51, 51, 51);
    font-size: 18px;
}

.confirmacion_boton {
    height: 40px;
    width: 400px;
    left: 0px;
    top: 0px;
    padding: 0px;
    cursor: pointer;
    background: rgb(18, 168, 61) none repeat scroll 0% 0%;
    border: medium none;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: rgb(255, 255, 255);
    line-height: 40px;
    border-radius: 3px;
    transition: background 200ms ease 0s;
    margin-top: 40px;
    margin-bottom: 50px;
}

.confirmacion_caja {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ADMINISTRADORES */
.ajustes_admin_tbl {
    width: 800px;
    padding-left: 2%;
    margin-top: 50px;
    font-size: 13px;
    display: table-cell;
}

.ajustes_admin {
    display: table-cell;
    width: 80px;
    max-width: 80px;
    padding-left: 15px;
    vertical-align: middle;
}

.ajustes_admin_btn, .ajustes_admin_btn2 {
    cursor: pointer;
    background: rgb(245, 137, 49) none repeat scroll 0% 0%;
    text-align: center;
    height: 30px;
    font-size: 14px;
    color: #FFF;
    border-radius: 3px;
    transition: background 200ms ease 0s;
    width: 140px;
    line-height: 30px;
    position: relative;
    right: -90px;
}

    .ajustes_admin_btn:hover {
        background: rgb(250, 165, 80);
    }

.ajustes_admin_btn2 {
    background: rgb(18, 168, 61) none repeat scroll 0% 0%;
}

    .ajustes_admin_btn2:hover {
        background: rgb(25, 179, 77);
    }

.admin_txt, .admin_txt2 {
    position: relative;
    left: 2%;
    display: table-cell;
    width: 172px;
    color: rgb(255, 68, 68);
    padding: 0px 10px;
    border-left: 1px solid rgb(255, 68, 68);
    font-size: 12px;
    padding-bottom: 5px;
    vertical-align: middle;
    line-height: 17px;
}

.admin_txt2 {
    color: rgb(135, 135, 135);
    border-left: 1px solid rgb(135, 135, 135);
}

.admin_error {
    width: 50%;
    padding-left: 2%;
    font-size: 18px;
    color: rgb(255, 68, 68);
}

/* PANEL TIMBRES */
.perfil_titulo_linea {
    border-bottom: 1px solid rgb(182, 196, 201);
    padding-left: 10px;
    width: 98%;
    padding-bottom: 5px;
}

.timbres_gral {
    width: calc(100% - 10px);
    padding-left: 10px;
}

.timbres_item {
    position: relative;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 8px 0px;
    margin: 10px;
    width: 250px;
    height: 110px;
    vertical-align: top;
}

.timbres_txt {
    width: calc(100% - 20px);
    padding: 20px 0px 0px 20px;
    font-size: 16px;
    font-family: inherit;
    text-align: left;
    color: rgb(89, 89, 89);
}

.timbres_number {
    width: calc(100% - 20px);
    padding: 10px 0px 0px 20px;
    font-family: inherit;
    font-size: 36px;
    text-align: left;
    vertical-align: top;
    color: rgb(89, 89, 89);
}

.timbres_tit_span {
    position: relative;
    float: right;
    font-size: 14px;
    color: rgb(135, 135, 135);
}

.timbres_paquete, .timbres_paquete_on {
    cursor: pointer;
    height: 116px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border-style: solid;
    border-width: 3px;
    border-color: rgb(43, 116, 145);
    border-radius: 5px;
    box-shadow: rgb(170, 170, 170) 0px 0px 8px 0px;
    width: 250px;
    position: relative;
    float: left;
    margin-left: 24px;
    margin-top: 10px;
    text-align: center;
}

.timbres_paquete_txt {
    margin-top: 11px;
    font-size: 16px;
    color: rgb(89, 89, 89);
}

.timbres_paquete_num {
    font-size: 34px;
    padding-top: 5px;
    color: rgb(89, 89, 89);
    height: 34px;
}

.timbres_paquete_precio, .timbres_paquete_iva {
    font-size: 20px;
    color: rgb(89, 89, 89);
    padding-top: 5px;
}

.timbres_paquete_iva {
    font-size: 10px;
}

.timbres_paquete:hover, .timbres_paquete_on {
    background-color: rgba(43, 116, 145, 0.1);
    border-style: solid;
    border-width: 3px;
    border-color: rgb(43, 116, 145);
}

.timbres_totales {
    font-size: 24px;
    color: rgb(40, 58, 77);
    font-weight: bold;
}
/* IDIOMAS */
.frames_idiomas {
    width: 110px;
    border: 1px solid #63778f;
    background-color: #ededed;
    font-family: inherit;
    color: #63778f;
    font-size: 12px;
    margin-top: 3px;
    border-radius: 3px;
}

.frames_idiomas_item, .frames_idiomas_item_on {
    display: block;
    padding: 8px 3px;
    border-bottom: 1px solid #63778f;
    text-align: left;
    cursor: pointer;
}

    .frames_idiomas_item:hover, .frames_idiomas_item_on {
        color: #FFF;
        background-color: #63778f;
    }

.idioma_name {
    font-family: inherit;
    position: absolute;
    color: #e6e7e9;
    z-index: 999;
    padding-left: 18px;
    padding-top: 13px;
    font-size: 11px;
}

.icon_user_message .idioma_name {
    position: absolute;
    background-color: #e05143;
    width: 18px;
    line-height: 18px;
    font-size: 9px;
    height: 18px;
    color: #FFF;
    text-align: center;
    border-radius: 50%;
    padding: 0px;
    right: 5px;
    top: 3px;
}

.tablaOrigenDestino {
    width: 600px;
}

    .tablaOrigenDestino th {
        background-color: #605D5D;
        color: #FFF;
        text-align: center;
        font-size: 12px;
        padding: 5px;
        border-radius: 5px;
    }

.tituloV2 {
    background-color: #5f6c7a;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    margin-bottom: 15px;
}

.tablaOrigenDestino td select {
    width: 100%;
}

/* 2019 */
.boton_aceptar, .boton_eliminar, .boton_cancelar {
    -webkit-appearance: none;
    background-color: #79acd0;
    color: #FFF;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    height: 35px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
}

.boton_eliminar {
    background-color: #a73d3d;
}

    .boton_eliminar:hover {
        background-color: red;
        text-decoration: underline;
    }

.boton_aceptar {
    background-color: #65b17e;
}

    .boton_aceptar:hover {
        background-color: green;
        text-decoration: underline;
    }

.boton_cancelar:hover {
    text-decoration: underline;
    background-color: #6b88a3;
}

.botonVenta {
    background-color: #90ce67;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    height: 30px;
    color: #FFFFFF;
    text-decoration: none;
    border: none;
    cursor: pointer;
}


/* SUBIR ARCHIVOS */
.addFiles {
    width: 150px;
    height: 30px;
    cursor: pointer;
    position: relative;
}

.addFiles2 {
    width: 150px;
    height: 30px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.addFiles3 {
    width: 150px;
    height: 30px;
    background-image: url(../img/upload.svg);
    background-position: 10% 50%;
    background-size: 30px;
    background-repeat: no-repeat;
    background-color: #b6b6b6;
    border-radius: 15px;
    position: absolute;
    z-index: 0;
    cursor: pointer;
}

    .addFiles3 div {
        position: relative;
        top: 8px;
        left: 60px;
        color: #383737;
    }

.archivosNombre {
    width: 100px !important;
}

.tabla_archivos {
    width: 400px;
    margin-top: 20px;
}

    .tabla_archivos th {
        background-color: #605D5D;
        color: #FFF;
        text-align: center;
    }

        .tabla_archivos th:first-child {
            width: 100px;
        }

    .tabla_archivos td {
        text-align: center;
    }

.verarchivo {
    color: #605D5D;
}


/* INVENTARIOS SKU */
.inventario_sku {
    position: fixed;
    right: 100px;
    top: 48px;
    background-color: #FFF;
    border: 1px solid #605D5D;
    border-radius: 5px;
    width: 300px;
    height: 300px;
    z-index: 9999999;
}

.inventario_sku_cuadro_blanco {
    position: absolute;
    background-color: red;
    width: 150px;
    height: 2px;
}

.inventario_skuv2 {
    width: 200px;
    height: 48px;
    position: relative;
    float: right;
    background-color: red;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.form-row {
    padding-bottom: 20px;
}

.form-row-recibos .StripeElement {
    width: 400px;
}

#cardholder-name {
    width: 380px;
}

#card-errors {
    padding-top: 5px;
    padding-bottom: 5px;
    color: red;
}

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid #e6e5e3;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    margin-top: 10px;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
/* ALERTA */
.pos2019_error, .pos2019_alert {
    width: 100vw;
    height: 100vh;
    background-color: rgba(51, 51, 51,0.4);
    position: fixed;
    z-index: 99999999999999999999999;
}

.pos2019_error_area {
    width: 450px;
    height: 250px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -125px;
    background-color: #FFF;
    border: 1px solid #f44336;
    border-radius: 10px;
    z-index: 9999999;
}

.pos2019_alert .pos2019_error_area {
    border: 1px solid #41ad49;
}

.pos2019_error_close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background-image: url(../img/remove2.png);
    width: 15px;
    height: 15px;
    background-size: contain;
}

.pos2019_alert .pos2019_error_close {
    background-image: url(../img/remove3.png);
}

.pos2019_error_alert {
    position: absolute;
    left: 50%;
    top: 40px;
    width: 40px;
    height: 40px;
    background-image: url(../img/alert2.png);
    background-size: contain;
    background-position: 50% 50%;
    margin-left: -20px;
}

.pos2019_alert .pos2019_error_alert {
    background-image: url(../img/alert3.png);
}

.pos2019_error_aceptar {
    position: relative;
    top: 120px;
    left: 50%;
    width: 150px;
    height: 30px;
    cursor: pointer;
    border: 1px solid #f44336;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-left: -75px;
    color: #f44336;
}

.pos2019_alert .pos2019_error_aceptar {
    border: 1px solid #41ad49;
    color: #41ad49;
}

.pos2019_error_aceptar:hover {
    color: #FFF;
    background-color: #f44336;
}

.pos2019_alert .pos2019_error_aceptar:hover {
    color: #FFF;
    background-color: #41ad49;
}


.pos2019_error_mensaje {
    position: relative;
    top: 100px;
    width: 80%;
    margin-left: 10%;
    height: auto;
    max-height: 57px;
    overflow: hidden;
    font-size: 15px !important;
    color: rgb(89, 89, 89) !important;
    text-align: center;
}

/* ALERTAS */
.frames_alertas {
    width: 210px;
    padding: 10px;
    max-height: 500px;
    overflow: auto;
}

.alertas_nohay {
    padding: 0px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 200px;
}

.alertas_alerta {
    width: 190px;
    text-align: left;
    background-color: #FFF;
    padding: 5px;
    margin-bottom: 5px;
}

.alertas_alerta_fecha {
    text-align: right;
    font-size: 10px;
}

.alertas_alerta_mensaje {
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.alertas_alerta_leido {
    text-align: right;
}

    .alertas_alerta_leido input {
        border: 0px;
        background-color: #6b88a3;
        color: #FFF;
        cursor: pointer;
        font-size: 11px;
    }

.pdfsCoti td {
    text-align: center;
    width: 100px;
    font-size: 12px;
}

.pdfsCoti {
    margin-bottom: 20px;
}

@media screen and (max-width: 1100px) {
    .frames_right_table2 {
        overflow: auto;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .frames_right_table2 {
        overflow-x: scroll !important; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch !important;
    }

    .frames_title {
        width: 768px;
    }

    .buscar_grid {
        overflow: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

.detalle_prove {
    width: 95%;
    left: 2.5%;
    position: absolute;
    height: 500px;
    background-color: beige;
    top: 57px;
    height: calc(100vh - 200px);
    border: 2px solid #6b88a3;
    background-color: #FFF;
    border-radius: 5px;
    z-index: 999999;
}

.detalle_prove_tit {
    height: 49px;
    width: 100%;
    background-color: #6b88a3;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    line-height: 49px;
    position: relative;
    padding-left: 320px;
}

.detalles_totales_icons {
    position: relative;
    float: right;
    height: 48px;
    width: 470px;
    font-size: 10px;
}

.detalles_totales_btn {
    background-color: transparent;
    position: relative;
    float: right;
    right: 0px;
    height: 48px;
    width: 52px;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    vertical-align: bottom;
    line-height: 80px;
    color: #FFF;
    border-left: 1px solid #e4e8eb !important;
}

    .detalles_totales_btn:hover {
        background-color: #bbb;
    }

.detalles_totales_btn2 {
    line-height: normal;
}

.detalles_totales_tbl {
    text-align: center;
    width: 100%;
    color: #FFF;
    font-size: 10px;
}

.detalle_prove_info {
    width: 100%;
    height: calc(100vh - 260px);
    overflow: auto;
    padding: 25px;
}

.detalles_totales_enviar {
    background-image: url('../img/send-2.svg');
    background-size: 33px;
    background-position: 5px -1px;
    background-repeat: no-repeat;
    border: none;
}

.detalles_totales_pdf {
    background-image: url('../img/pdfwhite.svg');
    background-size: 22px;
    background-position: center 4px;
    background-repeat: no-repeat;
    border: none;
}

.detalles_totales_excel {
    width: 58px;
    background-image: url('../img/excelwhite.svg');
    background-size: 22px;
    background-position: 17px 4px;
    background-repeat: no-repeat;
    border: none;
}

.detalles_totales_close {
    background-image: url('../img/closewhite.svg');
    background-size: 17px;
    background-position: 17px 8px;
    background-repeat: no-repeat;
    border: none;
}

.detalle_prove_tbl {
    width: 100%;
    border-collapse: collapse;
}

    .detalle_prove_tbl th {
        font-size: 12px;
        font-family: inherit;
        text-align: center;
        border-collapse: collapse;
        border-left: 2px solid #e4e8eb;
        border-bottom: 2px solid #e4e8eb;
        border-top: 2px solid #e4e8eb;
        padding: 3px;
        background-color: #a1a1a1;
        color: #FFF;
    }

    .detalle_prove_tbl td {
        font-size: 12px;
        font-family: inherit;
        text-align: left;
        border-collapse: collapse;
        border-left: 2px solid #e4e8eb;
        border-bottom: 2px solid #e4e8eb;
        padding: 3px;
    }

        .detalle_prove_tbl td:last-child, .detalle_prove_tbl th:last-child {
            border-right: 2px solid #e4e8eb;
        }

    .detalle_prove_tbl tr:hover {
        background-color: #ededed
    }

.detalle_prove_totales td {
    background-color: #a1a1a1;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.5px;
}

/* CERRAR CAJA */
#corte .detalle_totales, #retiro .detalle_totales {
    height: auto;
    max-height: calc(100vh - 120px);
}

#corte.detalle_totales_gral {
    margin-top: 60px;
}

.buscar_boton_cortecaja {
    background-color: #ffd384;
    border: none;
    text-align: center;
    color: #000;
    font-size: 14px;
    width: 120px;
    padding-left: 28px;
    border-radius: 5px;
    background-image: url(../img/cost.svg);
    background-position: 8px 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    margin: 3.5px 5px 0px 5px;
    height: 40px;
    line-height: 40px;
}

    .buscar_boton_cortecaja:hover {
        background-color: #ffc966 !important;
    }

.buscar_boton_retirocaja {
    background-color: #75AACE;
    border: none;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    width: 120px;
    padding-left: 24px;
    border-radius: 5px;
    background-image: url(../img/pay3.svg);
    background-position: 6px 50%;
    background-repeat: no-repeat;
    background-size: 23px;
    margin: 3.5px 10px 0px 10px;
    height: 40px;
    line-height: 40px;
}

    .buscar_boton_retirocaja:hover {
        background-color: #7EB7DE !important;
    }

.corte_tit {
    font-size: 30px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.tbl_cerrarcaja {
    width: 100%;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.tbl_cerrarcaja_row {
    width: 60%;
    display: block;
    margin: 20px 0px;
    text-align: left;
}

.tbl_cerrarcaja_row2 {
    border: 1px solid rgb(51, 51, 51);
    border-radius: 5px;
    margin: 15px 0px;
    padding: 10px 5px;
    margin-top: 0px;
}

.tbl_cerrarcaja_cell {
    display: inline-block;
    width: 49%;
}

.tbl_cerrarcaja_cell2 {
    width: 100%;
    margin-top: 13px;
}

.tbl_cerrarcaja select, .tbl_cerrarcaja input, .tbl_cerrarcaja textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgb(170, 170, 170);
    height: 30px;
    font-size: 16px;
    padding-left: 10px;
}

.tbl_cerrarcaja select {
    cursor: pointer;
}

.tbl_cerrarcaja textarea {
    height: 60px;
}

.tbl_cerrarcaja_tit3 {
    font-size: 17px;
    font-weight: bold;
    width: 100%;
}

.corte_btn {
    height: 42px !important;
    line-height: 42px;
    color: #FFF;
    text-align: center;
    font-family: inherit;
    background: rgb(18, 168, 61) none repeat scroll 0% 0%;
    cursor: pointer;
    transition: background 200ms ease 0s;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    border: none;
    border-radius: 3px !important;
    border-color: rgb(18, 168, 61) !important;
    width: 70% !important;
    min-width: 70% !important;
    position: relative;
    left: 15%;
    text-transform: uppercase;
    font-size: 24px !important;
    letter-spacing: 0.5px;
}

    .corte_btn:hover {
        background: rgb(25, 179, 77) none repeat scroll 0% 0%;
        border-color: rgb(25, 179, 77) !important;
    }

.corte_error {
    color: #be1e2d;
    font-size: 16px;
    font-family: inherit;
    margin: 15px 0px;
    width: 100%;
    text-align: center;
}

.tbl_cerrarcaja_pagos {
    width: 60%;
    font-size: 12px;
    border-collapse: collapse;
}

    .tbl_cerrarcaja_pagos td {
        padding: 4px;
        width: 50%;
        padding-left: 60px;
    }

.tbl_pagos_corte_tit {
    padding: 0px !important;
    padding: 4px;
    background-color: #a1a1a1;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.tbl_pagos_corte_negativo {
    color: #cd071e;
}

.tbl_pagos_corte_tit2 {
    padding: 0px !important;
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

.tbl_pagos_corte_tit3 {
    padding: 0px !important;
    text-align: center;
    font-size: 14px;
}

.tbl_pagos_corte_tit4 {
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

.corte_btn2 {
    height: 35px !important;
    line-height: 35px;
    color: #FFF;
    text-align: center;
    font-family: inherit;
    background: rgb(18, 168, 61) none repeat scroll 0% 0%;
    cursor: pointer;
    transition: background 200ms ease 0s;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    border: none;
    border-radius: 3px !important;
    border-color: rgb(18, 168, 61) !important;
    width: 60%;
    text-transform: uppercase;
    font-size: 20px !important;
    letter-spacing: 0.5px;
}

    .corte_btn2:hover {
        background: rgb(25, 179, 77) none repeat scroll 0% 0%;
        border-color: rgb(25, 179, 77) !important;
    }

.tbl_pagos_corte_subtit {
    color: #7EB7DE;
    background-color: #FFF;
    border-bottom: 2px dotted #ccc;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px 3px 0px !important;
}

.link_detallecorte {
    margin-left: 10px;
}

.tbl_cerrarcaja input.corte_icon, .corte_icon2 {
    background-image: url(../img/print_icon.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center top;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid #a1a1a1;
    width: 45px;
    height: 45px;
    font-size: 12px;
    line-height: 66px;
    padding: 0px;
    margin-left: 10px;
    display: inline-block;
}

.btn_valores {
    position: relative;
    display: inline-block;
    width: 150px;
    padding: 5px;
    font-size: 13px;
    border: 1px solid #008080;
    border-radius: 5px;
    background-color: #008080;
    color: #FFF;
    font-family: inherit;
    cursor: pointer;
    margin-bottom: 10px;
}

.caja_valores {
    width: 350px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: auto;
    padding: 10px;
    padding-top: 2px;
    margin-bottom: 15px;
    text-align: left;
}

.valores_moneda {
    margin: 12px 0px;
    position: relative;
    width: 90%;
    left: 5%;
}

.valores_moneda_tit {
    font-weight: bold;
    border-bottom: 1px solid #333;
    font-size: 13px;
}

.valores_moneda table {
    width: 100%;
    font-size: 12px;
}

    .valores_moneda table td:last-child {
        width: 40%;
        text-align: right;
    }

.caja_valores_close {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    float: right;
    top: 0px;
    right: -5px;
}

@media screen and (max-width: 1024px) {
    #corte.detalle_totales_gral, #retiro.detalle_totales_gral {
        margin-top: 0px;
    }

    #corte .detalle_totales, #tbl_retiro .detalle_totales {
        height: calc(100vh - 60px);
    }

    .tbl_cerrarcaja_cell {
        width: 100%;
    }

    .corte_btn {
        font-size: 17px !important;
    }

    .tbl_cerrarcaja_tit3 {
        font-size: 16px;
    }

    .tbl_cerrarcaja {
        font-size: 15px;
    }

    .resumen_corte_tit {
        font-size: 20px;
    }
}

/* COLOR CODE VENTAS WEB */
.envio_PEND, .pago_PEND, .envio_PROD {
    padding: 5px;
    border-radius: 5px;
    background-color: #ffc58b;
    color: #594430;
    text-transform: uppercase;
}

.envio_CANC, .pago_CANC {
    padding: 5px;
    border-radius: 5px;
    color: #454f5b;
    background-color: #dfe3e8;
    text-transform: uppercase;
}

.envio_ENTR, .pago_PAGA {
    padding: 5px;
    border-radius: 5px;
    background-color: #5ac18e;
    color: #FFF;
    text-transform: uppercase;
}

.envio_TRAN, .pago_PARC, .envio_PREP {
    padding: 5px;
    border-radius: 5px;
    background-color: #ffea8a;
    color: #595130;
    text-transform: uppercase;
}

.envio_PICK {
    padding: 5px;
    border-radius: 5px;
    background-color: #c6b8d1;
    color: #595130;
    text-transform: uppercase;
}


.envio_TRAN {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #BFE6FF;
    color: #594430;
}

.envio_ENTR {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #9EFF9E;
    color: #594431;
}

.envio_CANC {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #D9D9D9;
    color: #594432;
}

.envio_PEND {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #FFFFB3;
    color: #594433;
}

.envio_PROC {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #FFD699;
    color: #594434;
}

.envio_PREP {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #E7FFB3;
    color: #594435;
}

.envio_RECO {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #D1B3FF;
    color: #594436;
}

.envio_ENVI {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #B3B3FF;
    color: #594437;
}

.envio_ENRU {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #FFB3B3;
    color: #594438;
}

.envio_PEDI {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #FFC299;
    color: #594439;
}

.envio_PAQU {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #E6E6E6;
    color: #594440;
}

.envio_FUER {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #FFD9EC;
    color: #594441;
}

.envio_NOEN {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #FF9999;
    color: #594442;
}

.envio_RECH {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #CCCCCC;
    color: #594443;
}

.envio_REGO {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #CC9966;
    color: #fff;
}

.envio_TRAG {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #B3FFFF;
    color: #594445;
}

.envio_LIST {
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #FFFFB3;
    color: #594446;
}

/* SUBIR ARCHIVOS v2*/
.file_uploader_v2 {
    width: 100%;
    height: calc(100vh - 110px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.file_uploader_v2_left {
    width: 100%;
    max-width: 1024px;
    height: 280px;
}

.file_uploader_v2_flexarea {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.file_uploader_v2_right {
    width: 100%;
    height: calc(100% - 280px);
    max-width: 1024px;
    overflow: auto;
}

.file_uploader_v2_uploadarea {
    width: 50%;
    height: 280px;
    border-radius: 3px;
    border: 1px solid #c9d2d6;
    display: block;
    background-size: 150px;
    background-position: 50% 50%;
    background-color: #edebeb;
    background-repeat: no-repeat;
    background-image: url('../img/upload.png');
    cursor: pointer;
    position: relative;
}

.file_uploader_v2_instrucciones {
    width: 50%;
    height: 280px;
    padding-left: 10px;
}

.file_uploader_v2_uploadarea:hover {
    background-color: #DDD;
}

.instrucciones {
    position: absolute;
    top: calc(50% + 50px);
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.file_uploader_v2_uploadarea input[type=file] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file_uploader_v2_table {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.tabla_upload_row {
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #CCC;
    display: table;
}

    .tabla_upload_row .tabla_0 {
        width: 80px;
        height: 80px;
        display: table-cell;
        text-align: center;
        padding: 5px;
    }

    .tabla_upload_row .tabla_1 {
        width: 180px;
        height: 80px;
        display: table-cell;
        padding: 5px;
        vertical-align: middle;
        text-align: center;
    }

    .tabla_upload_row .tabla_2 {
        height: 80px;
        display: table-cell;
        padding: 5px;
        vertical-align: middle;
        text-align: center;
    }

    .tabla_upload_row .tabla_3 {
        width: 80px;
        height: 80px;
        display: table-cell;
        padding: 5px;
        vertical-align: middle;
        text-align: center;
    }

    .tabla_upload_row .tabla_4 {
        width: 80px;
        height: 80px;
        display: table-cell;
        padding: 5px;
        vertical-align: middle;
        text-align: center;
    }

.tabla_foto {
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
}

.tabla_upload_row_title div {
    background-color: #605D5D;
    color: #FFF;
    text-align: center !important;
    height: 30px !important;
    vertical-align: middle !important;
    border-right: 1px solid #FFF;
}

.tabla_upload_row_title {
    height: 30px;
}

.upload_pending {
    width: 35px;
    height: 35px;
    background-image: url(../img/waiting.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 35px;
    display: inline-block;
}

.uploading {
    width: 80px;
    height: 80px;
    background-image: url(../img/sync.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 80px;
    display: inline-block;
}

.upload_success {
    width: 50px;
    height: 50px;
    background-image: url(../img/sync_ok.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 35px;
    display: inline-block;
}

.upload_error {
    width: 50px;
    height: 50px;
    background-image: url(../img/sync_error.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 35px;
    display: inline-block;
}


.apps {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 20px;
    border-radius: 15px;
    min-height: calc(100vh - 150px);
}

.apps_titulo {
    font-size: 20px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    position: relative;
}

.apps_boton {
    position: absolute;
    right: 3px;
    top: -10px;
    background-color: #76A854;
    color: #FFF;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    background-image: url('https://s3.us-east-1.amazonaws.com/contenido.ipos/fotos/iconos/cart.png');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    padding-right: 30px;
}

.apps_app {
    width: 100%;
    height: 64px;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
}

    .apps_app:hover {
        background-color: #FBFBFB;
    }


.apps_app_logo {
    width: 64px;
    height: 64px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: 10px
}

.apps_app_nombre {
    flex-grow: 1;
    line-height: 64px;
    padding-left: 10px;
    font-size: 14px;
    color: #2d4257;
    font-weight: bold;
}

.apps_app_about, .apps_app_status {
    cursor: pointer;
    line-height: 64px;
    text-align: center;
    width: 60px;
}

.apps_app_status {
    width: 120px;
    margin-right: 10px
}

    .apps_app_about a, .apps_app_status a {
        text-decoration: none;
        background-color: #828080;
        color: #FFF;
        padding: 10px;
        border-radius: 10px;
        /* cursor: pos; */
        cursor: pointer;
        padding-right: 15px;
        padding-left: 15px;
    }

    .apps_app_status a {
        background-color: #ba5e5e;
    }

.apps_none {
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
}

.activar_app {
    background-color: #76A854;
}

/* AUTHORIZATION APPS */
.oauth_gral {
    display: flex;
    width: 50%;
    margin: auto;
    flex-direction: column;
}

.ouath_tit {
    font-size: 16px;
    padding-left: 20px;
}

.oauth_card {
    width: 100%;
    height: auto;
    background: #FFF;
    border: 1px solid #FFF;
    border-radius: 10px;
    color: rgb(32, 34, 35);
    box-shadow: rgba(23, 24, 24, 0.05) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    margin-top: 20px;
}

.oauth_logos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.oauth_logo {
    width: 100px;
    min-height: 65px;
    height: auto;
    text-align: center;
    margin: 0px 5px;
}

.oauth_logo_pic {
    width: 100%;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 8px;
}

.oauth_logo_arrows, .oauth_logo_arrow {
    width: 100px;
    height: 40px;
}

.oauth_support {
    width: 100%;
    text-align: center;
    border-top: 1px solid #dfe3e8;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 0px;
    margin-top: 15px;
}

.outh_support_icon {
    width: 20px;
    height: 20px;
    background-image: url('../img/chat.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
}

.oauth_support_text strong {
    letter-spacing: 0.5px;
}

.oauth_scopes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.oauth_scope {
    width: 90%;
    border-bottom: 1px solid #dfe3e8;
    margin: 10px auto;
    padding-bottom: 10px;
}

.oauth_scope_item1 {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 13px;
}

.oauth_scope_details {
    font-weight: normal;
    color: #007ace;
    cursor: pointer;
}

    .oauth_scope_details:hover {
        text-decoration: underline;
        color: #084e8a;
    }

.oauth_scope_item2 {
    font-weight: normal;
    font-size: 12px;
    padding-top: 10px;
    color: #637381;
    display: none;
}

.oauth_card2 {
    background-color: #f9fafb;
    font-weight: normal;
    width: 100%;
    justify-content: space-between;
    height: auto;
    border: 1px solid #FFF;
    border-top: 1px solid #dfe3e8;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: rgb(32, 34, 35);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    padding: 15px 0px;
    text-align: center;
}

.oauthcard_noradius {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: unset;
}

.oauth_buttons {
    width: 100%;
    margin: auto;
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.oauth_button_generar {
    background-color: rgb(0, 128, 96);
    border: none;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    padding: 9px 15px;
}

    .oauth_button_generar:hover {
        background-color: rgb(0, 110, 82);
    }

.oauth_button_cancelar {
    background-color: #FFF;
    color: rgb(32, 34, 35);
    border: 1px solid rgb(186, 191, 196);
    border-radius: 3px;
    cursor: pointer;
    padding: 9px 15px;
    font-weight: normal;
}

    .oauth_button_cancelar:hover {
        background-color: rgb(246, 246, 247);
    }


.buscar_boton_reporteador {
    background-image: url(../img/coledit.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 50% 8px;
}


.iframe_welcome {
    width: 100vw;
    height: 100vh;
    position: fixed;
}

.buscadorTitulo {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #434F5C;
    color: #434F5C;
}

/* DESCUENTOS BOGO */
.tabla_descuento {
    width: 96%;
    padding: 2%;
    max-width: 600px;
}

.tabla_descuento_fila {
    margin-bottom: 10px;
}

.tabla_descuento_doscolumnas {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-column-gap: 10px;
}

    .tabla_descuento_doscolumnas select {
        width: 100%;
    }

#txt_minimoCompra {
    width: 80px;
    text-align: center;
    height: 40px;
    margin-right: 10px;
}

.tabla_descuento .btn-group,
.tabla_descuento .multiselect {
    width: 100%;
    height: 40px;
}

.tabla_descuento #excluir label,
.tabla_descuento #incluir label {
    display: block;
}

.tabla_descuento .flexdatalist-multiple {
    min-height: 40px;
}

/* CALENDARIO ENTREGAS */
.widdgetCalendario {
    display: block;
    width: 96.5%;
    margin-top: 20px;
    height: calc(100vh - 220px);
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.2);
    margin-left: 20px;
}

.calendarioCelular {
    display: none;
}

@media screen and (max-width: 1081px) {
    #calendario {
        width: 99%;
    }
}

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

    .widdgetCalendario {
        height: calc(100vh - 310px);
    }

    #calendario {
        width: 96%;
    }

    .v4_tabla_buscador_item.container_agrupar {
        width: 156px;
        flex-direction: column;
        height: auto;
        padding: 0;
        gap: 0;
        padding-top: 10px;
    }

    .container_agrupar .v4_tabla_buscador_item_r {
        padding:0;
        background-color: unset;
        color: unset;
        justify-content: center;
    }

    .container_agrupar .btn-group {
        width: 100%;
    }
}

@media screen and (max-width: 837px) {
    .widdgetCalendario {
        display: none;
    }

    .calendarioCelular {
        display: block;
        border-radius: 5px;
        background-color: #24647d;
        box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.2);
        width: calc(100vw - 40px);
        height: 80px;
        margin-left: 20px;
        cursor: pointer;
        display: flex;
        padding-right: 10px;
        padding-left: 20px;
        align-items: center;
    }

        .calendarioCelular .text-block-5 {
            text-align: left;
            margin-left: 20px;
            font-size: 20px;
        }
}

/* REPORTEADOR */

.area_editar_cols {
    padding: 20px;
    color: #183247;
}

.area_1 {
    margin-bottom: 10px;
    border-bottom: 1px #cfd7df dashed;
}

.area_1_tit {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.area_1_item {
    display: flex;
    height: 15px;
    margin-bottom: 4px;
    width: 90%;
    border-radius: 5px;
    padding: 5px;
}

.area_1_item_name {
    flex-grow: 1;
}

.area_1_item:hover {
    background-color: #ebebeb;
}

.app-icon--small {
    width: 13px;
    fill: #12344d;
    height: 13px;
}

.area_1_item_order {
    cursor: move;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.area_1_item_delete {
    width: 20px;
    cursor: pointer;
}






.frames_menu_item_dis, .frames_menusec_item_dis {
    position: relative;
}

    .frames_menu_item_dis:hover {
        background-color: unset !important;
    }

    .frames_menusec_item_dis:hover {
        background-color: rgba(255,255,255,0.6);
        color: #111;
    }

        .frames_menu_item_dis:hover .foto_lock,
        .frames_menusec_item_dis:hover .foto_lock2 {
            display: block;
        }

.foto_lock {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    background-color: none;
    background-image: url(../img/lock.png);
    background-size: 68px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: none;
}

.foto_lock2 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    background-color: none;
    background-image: url(../img/lock2.png);
    background-size: 15px;
    background-position: 95% 47%;
    background-repeat: no-repeat;
    display: none;
}

/* Popup Exportaciones */
.popupExportar_fondo {
    width: 100%;
    height: calc(100% - 100px);
    position: absolute;
    z-index: 99999999;
    background-color: rgba(0,0,0,0.6);
}

.popupExportar {
    position: relative;
    width: 500px;
    height: 300px;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -300px;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.49);
    box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.49);
    background-color: #f5f8f9;
}

.popupExportar_txt {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    font-size: 15px;
    font-family: inherit;
    color: #333;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 22px;
}

.popupExportar_btns {
    margin-top: 20px;
    text-align: left;
}

.popupExportar_email {
    width: 250px;
    margin-top: 10px;
    border: 1px solid #c4cbde;
    height: 20px;
    font-size: 15px;
    padding: 3px;
    border-radius: 4px;
    margin-left: 3px;
}

.popupExportar_exportar {
    box-shadow: 0px 0px 0px 0px #949494;
    -webkit-box-shadow: 0px 0px 0px 0px #949494;
    -moz-box-shadow: 0px 0px 0px 0px #949494;
    color: #FFF;
    background-color: #6999b9;
    padding: 3px;
    width: 105px;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
}

.totalesgenerando {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #5f8ba2;
    background-image: url('https://www.ipos.mx/img/totales.svg');
    background-size: 50px;
    padding-top: 50px;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}