.redpos-cursor-mano {
    cursor: pointer;
}

.row-selected-celeste-claro {
    background-color: #c2d8ec4f !important;
}

.modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.img-index {
    border: 5px solid #ccc;
    float: left;
    margin: 25px;
    -webkit-transition: margin 0.1s ease-out;
    -moz-transition: margin 0.1s ease-out;
    -ms-transition: margin 0.1s ease-out;
    transition: margin 0.1s ease-out;
    cursor: pointer;
}

.img-access-directo img:hover {
    margin-top: 17px;
}

@media only screen and (max-width: 768px) {
    .fecha-span-op-compra {
        margin-right: 51px;
    }
    .tipo-pago-span-op-compra {
        margin-right: 4px
    }
    .folio-span-op-compra {
        margin-right: 52px;
    }
    .moneda-span-op-compra {
        margin-right: 35px;
    }
    .guia-span-op-compra {
        margin-right: 35px;
    }
    .proveedor-span-compra {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .fecha-span-op-compra {
        margin-right: 52px;
    }
    .folio-span-op-compra {
        margin-right: 52px;
    }
    .guia-span-op-compra {
        margin-right: 34px;
    }
    .moneda-span-op-compra {
        margin-right: 33px;
    }
    .proveedor-span-compra {
        margin-right: 12px;
    }
}

@media only screen and (max-width: 576px) {
    .serie0-span-op-cotizacion {
        margin-right: 15px;
    }
    .serie-span-op-cotizacion {
        margin-right: 45px;
    }
    .fecha-span-op-documento {
        margin-right: 25px;
    }
    .moneda-span-op-documento {
        margin-right: 8px;
    }
    .clientes-span-op-documento {
        margin-right: 17px;
    }
    .emision-span-op-cotizacion {
        margin-right: 6px;
    }
    .cliente-span-op-cotizacion {
        margin-right: 5px;
    }
    .codigo-span-op-pedido-manager {
        margin-right: 65px;
    }
    .moneda-span-op-pedido-manager {
        margin-right: 56px;
    }
    .empresa-span-op-pedido-manager {
        margin-right: 53px;
    }
    .codigo-producto-span-op-pedido-manager {
        margin-right: 70px;
    }
    .desde-span-op-cotizacion {
        margin-right: 9px;
    }
    .hasta-span-op-cotizacion {
        margin-right: 11px;
    }
}

@media only screen and (max-width: 992px) {
    .table-item-2 {
        display: none;
    }
    /*DETALLE COMPRA*/
    .folio-dc {
        margin-right: 85px;
    }
    .tipo-pago-dc {
        margin-right: 35px;
    }
    .guia-remision-dc {
        margin-right: 62px;
    }
    .fecha-anulacion-dc {
        margin-right: 8px;
    }
    .fecha-compra-dc {
        margin-right: 27px;
    }
    .fecha-registro-dc {
        margin-right: 20px;
    }
    .moneda-dc {
        margin-right: 65px;
    }
    .estado-pago-dc {
        margin-right: 20px;
    }
    /*DETALLE DE PEDIDO*/
    .folio-dp {
        margin-right: 90px;
    }
    .tipo-pago-dp {
        margin-right: 34px;
    }
    .caja-dp {
        margin-right: 93px;
    }
    .fecha-anulacion-dp {
        margin-right: 8px;
    }
    .fecha-pedido-dp {
        margin-right: 30px;
    }
    .fecha-entregada-dp {
        margin-right: 23px;
    }
    .moneda-dp {
        margin-right: 65px;
    }
    .estado-pago-dp {
        margin-right: 18px;
    }
    /*DETALLE DOCUMENTO*/
    .folio-dd {
        margin-right: 87px;
    }
    .fecha-emision-dd {
        margin-right: 29px;
    }
    .fecha-anulacion-dd {
        margin-right: 7px;
    }
    .caja-dd {
        margin-right: 90px;
    }
    .comprobante-dd {
        margin-right: 27px;
    }
    .tipo-pago-dd {
        margin-right: 35px;
    }
    .moneda-dd {
        margin-right: 65px;
    }
    /*GESTION DE COMPRAS CREDITO*/
    .preveedor-gcc {
        margin-right: 30px;
    }
    .folio-gcc {
        margin-right: 72px;
    }
    .guia-remision-gcc {
        margin-right: 50px;
    }
    .fecha-compra-gcc {
        margin-right: 13px;
    }
    .total-credito-gcc {
        margin-right: 37px;
    }
    .total-saldo-gcc {
        margin-right: 20px;
    }
    /*PEDIDO*/
    .fecha-span-op-pedido {
        margin-right: 48px;
    }
    .moneda-span-op-pedido {
        margin-right: 30px;
    }
    /*COTIZACION*/
    .estado-span-op-cotizacion-ver {
        margin-right: 13px;
    }
    .emision-span-op-cotizacion-ver {
        margin-right: 6px;
    }
    .serie-span-op-cotizacion-ver {
        margin-right: 6px;
    }
    .cliente-span-op-cotizacion-ver {
        margin-right: 4px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 992px) {
    .serie0-span-op-cotizacion {
        margin-right: 6px;
    }
    .serie-span-op-cotizacion {
        margin-right: 15px;
    }
    .folio-span-op-pedido {
        margin-right: 22px;
    }
    .clientes-span-op-pedido {
        margin-right: 38px;
    }
    .cliente-span-op-cotizacion {
        margin-right: 5px;
    }
    .codigo-span-op-pedido-manager, .codigo-producto-span-op-pedido-manager {
        margin-right: 66px;
    }
    .moneda-span-op-pedido-manager {
        margin-right: 55px;
    }
    .empresa-span-op-pedido-manager {
        margin-right: 52px;
    }
    .fecha-span-op-documento {
        margin-right: 26px;
    }
    .moneda-span-op-documento {
        margin-right: 10px;
    }
    .clientes-span-op-documento {
        margin-right: 19px;
    }
}

@media only screen and (min-width: 992px) {
    /*COTIZACION*/
    .cliente-span-op-cotizacion {
        margin-right: 4px;
    }
    .serie0-span-op-cotizacion {
        margin-right: 5px;
    }
    .serie-span-op-cotizacion {
        margin-right: 15px;
    }
    .serie-span-op-cotizacion-ver {
        margin-right: 6px;
    }
    .cliente-span-op-cotizacion-ver {
        margin-right: 4px;
    }
    /*COMPRA*/
    .fecha-span-op-compra {
        margin-right: 18px;
    }
    .moneda-span-op-compra {
        margin-right: 20px;
    }
    .empresa-span-op-pedido-manager {
        margin-right: 52px;
    }
    /*DOCUMENTO*/
    .fecha-span-op-documento {
        margin-right: 10px;
    }
    .codigo-span-op-pedido-manager, .codigo-producto-span-op-pedido-manager {
        margin-right: 65px;
    }
    .moneda-span-op-pedido-manager {
        margin-right: 56px;
    }
    /*MODAL MAS GRANDE*/
    .modal-lg-redpos {
        max-width: 1050px !important;
    }
    .modal-lg-redpos-tutorial {
        max-width: 900px !important;
    }
    .modal-xlg-redpos {
        max-width: 950px !important;
    }
    .table-responsive {
        overflow-x: hidden !important;
    }
    /*DETALLE DE COMPRA*/
    .folio-dc {
        margin-right: 65px;
    }
    .tipo-pago-dc {
        margin-right: 15px;
    }
    .guia-remision-dc {
        margin-right: 62px;
    }
    .fecha-anulacion-dc {
        margin-right: 8px;
    }
    .fecha-compra-dc {
        margin-right: 8px;
    }
    .moneda-dc {
        margin-right: 46px;
    }
    /*DETALLE DE PEDIDO*/
    .fecha-pedido-dp {
        margin-right: 10px;
    }
    .folio-dp {
        margin-right: 67px;
    }
    .tipo-pago-dp {
        margin-right: 14px;
    }
    .caja-dp {
        margin-right: 90px;
    }
    .fecha-anulacion-dp {
        margin-right: 8px;
    }
    .fecha-documento-dp {
        margin-right: 15px;
    }
    .fecha-entregada-dp {
        margin-right: 2px;
    }
    .moneda-dp {
        margin-right: 46px;
    }
    /*DETALLE DOCUMENTO*/
    .folio-dd {
        margin-right: 62px;
    }
    .fecha-emision-dd {
        margin-right: 5px;
    }
    .fecha-anulacion-dd {
        margin-right: 5px;
    }
    .caja-dd {
        margin-right: 90px;
    }
    .comprobante-dd {
        margin-right: 25px;
    }
    .tipo-pago-dd {
        margin-right: 33px;
    }
    .moneda-dd {
        margin-right: 40px;
    }
    /*GESTION DE CREDITO DE COMPRAS*/
    .preveedor-gcc {
        margin-right: 30px;
    }
    .folio-gcc {
        margin-right: 72px;
    }
    .total-credito-gcc {
        margin-right: 37px;
    }
    .guia-remision-gcc {
        margin-right: 50px;
    }
    .total-saldo-gcc {
        margin-right: 8px;
    }
}

.modal-dialog-scroll {
    overflow-y: initial !important;
}

.modal-body-scroll {
    max-height: calc(100vh - 200px) !important;
    overflow-y: auto;
}

.submodal-body-scroll {
    max-height: calc(85vh - 200px) !important;
    overflow-y: auto;
}

@media only screen and (max-width: 576px) {
    .dolar-venta-sunat {
        margin-right: 12px;
    }
    .dolar-venta-ultimo {
        margin-right: 12px;
    }
    .euro-venta-ultimo {
        margin-right: 20px !important;
    }
}

@media only screen and (min-width: 576px) {
    .dolar-venta-sunat {
        margin-right: 0px;
    }
    .dolar-venta-ultimo {
        margin-right: 0px;
    }
    .euro-venta-ultimo {
        margin-right: 7px;
    }
}

@media only screen and (max-width: 800px) {
    .btn-input-table {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
    .btn-input-table {
        display: block;
    }
}

.progress-bar {
    background-color: #2962FF !important;
}

.alert-redpos-secondary {
    position: relative;
    padding: 0.2rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #ffffff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.alert-redpos-plomo {
    position: relative;
    padding: 0.2rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #ffffff;
    background-color: #818d98;
    border-color: #818d98;
}

.alert-redpos-acero-oscuro {
    position: relative;
    padding: 0.1rem 1.25rem;
    /*margin-bottom: 1rem;*/
    border: 1px solid transparent;
    border-radius: 2px;
    color: #ffffff;
    background-color: #2f5475;
    border-color: #2f5475;
}

.alert-redpos-acero-claro {
    position: relative;
    padding: 0.1rem 1.25rem;
    /*margin-bottom: 1rem;*/
    border: 1px solid transparent;
    border-radius: 2px;
    color: #ffffff;
    background-color: #618bb1;
    border-color: #618bb1;
}

.alert-redpos-marron-oscuro {
    position: relative;
    padding: 0.1rem 1.25rem;
    /*margin-bottom: 1rem;*/
    border: 1px solid transparent;
    border-radius: 2px;
    color: #ffffff;
    background-color: #9e7b62;
    border-color: #9e7b62;
}

.alert-redpos-marron-claro {
    position: relative;
    padding: 0.1rem 1.25rem;
    /*margin-bottom: 1rem;*/
    border: 1px solid transparent;
    border-radius: 2px;
    color: #ffffff;
    background-color: #ce9d7a;
    border-color: #ce9d7a;
}

.text-acero-osuro {
    color: #2f5475;
}

.redpos-color-white {
    background-color: #ffffff;
    color: #3e5569;
}

/*PARA QUE SE SOMBREE LOS PRODUCTOS QUE TENGAS HIJOS EN LOS DETALLES*/

.btn-collapse:hover {
    background-color: #e9ecef;
}

/*NUEVOS COLORES*/

.bg-rojo-claro {
    background-color: #f229298f;
}

/*BOTONES GRANDES TECLADO DE PAGOS*/

.btn-teclado-numeric-pago {
    padding-top: 8px;
    padding-bottom: 8px;
}

.input-validation-error {
    border-color: #f62d51
}

.input-validation-error:focus {
    border-color: #f62d51;
    box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25);
}

.div-menssage-validation {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #f62d51;
}

.label-azul-acero {
    background-color: #618bb1
}

.card-borde-redondeado {
    border-radius: 10px;
}

.card-borde-redondeado-5px {
    border-radius: 10px;
}

.borde-azul-redpos {
    border-color: #2962FF;
    border-width: 2px;
}

.borde-plomo-redpos-1px {
    border-color: #e9ecef;
    border-width: 1px;
}

.borde-azul-redpos-1px {
    border-color: #2962FF;
    border-width: 1px;
}

.modal-border-warning {
    border-color: #ffbc34;
    border-width: 3px;
}

.modal-border-primary {
    border-color: #2962FF;
    border-width: 3px;
}

.modal-border-secondary {
    border-color: #6c757d;
    border-width: 3px;
}

.modal-border-radius-warning {
    border-color: #ffbc34;
    border-width: 3px;
    border-radius: 7px;
}

.modal-border-radius-primary {
    border-color: #2962FF;
    border-width: 3px;
    border-radius: 7px;
}

.modal-border-radius-secondary {
    border-color: #6c757d;
    border-width: 3px;
    border-radius: 7px;
}

.modal-border-radius-azul-acero {
    border-color: #618bb1;
    border-width: 3px;
    border-radius: 7px;
}

.pagination-info .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #2962FF;
    border-color: #2962FF;
}

.pagination-warning .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ffbc34;
    border-color: #ffbc34;
}

.pagination-secondary .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.pagination-success .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #36bea6;
    border-color: #36bea6;
}

.font-size-producto-pos {
    font-size: 10px;
}

.font-size-producto-pos-12 {
    font-size: 12px;
}

.font-dd-pos:hover, font-dd-pos:focus {
    color: #2962FF !important;
}

.border-top-info {
    border-top: 3px solid #2962FF !important;
}

@media only screen and (min-width: 992px) {
    .button-navigate-dd {
        display: none;
    }
    #div-dd-pos {
        display: block;
    }
}

@media only screen and (max-width: 992px) {
    #div-dd-pos {
        display: none;
    }
}

.btn-billete-pay-pos {
    background-color: #6c757d9c;
    border-color: #6c757d9c;
}

/*SCROLLS*/

.scroll-dd-pos {
    height: 245px;
    overflow: auto;
}

.scroll-products-pos {
    height: 380px;
    overflow: auto;
}

/*
 *  STYLE 1
 */

.scroll-per-redpos {
    cursor: pointer;
}

.scroll-per-pos-1::-webkit-scrollbar-track {
    /*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: rgb(255, 255, 255);
}

.scroll-per-pos-1::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.scroll-per-pos-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(231, 230, 230);
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 2
 */

.scroll-per-pos-2::-webkit-scrollbar-track {
    /*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: rgb(255, 255, 255);
}

.scroll-per-pos-2::-webkit-scrollbar {
    width: 6px;
    background-color: rgb(231, 230, 230);
}

.scroll-per-pos-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(231, 230, 230);
}

/*SCROLL GENERAL*/

::webkit-scrollbar-track {
    /*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: rgb(255, 255, 255);
}

::-webkit-scrollbar {
    width: 10px;
    background-color: rgb(231, 230, 230);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b6b8bb;
}

.btn-teclado-numeric-set-pago {
    height: 35px;
}

/*COL-REDPOS*/

@media (min-width: 992px) {
    .col-lg-2-5-redpos {
        flex: 0 0 20%;
        max-width: 20%
    }
}

.col-redpos {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.color-guinda {
    background-color: #a00c26;
    border-color: #a00c26;
}

.color-plomo {
    background-color: #615a5b;
    border-color: #615a5b;
}

.bold-700 {
    font-weight: 700;
}

.btn-pos:focus {
    box-shadow: none !important;
}

.btn-step {
    border-radius: 60px;
    padding: 7px 14px;
}

.clickable-selected-plan {
    border: 1px solid #e9ecef !important;
}

.card-selected-plan {
    border: 2px solid #2962FF !important;
    background-color: #f5f5f5b0 !important;
}

.input-group-append-spinner {
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 11;
}

.btn-up-spinner {
    border-radius: 0 4px 0 0;
    top: 0;
    position: absolute !important;
    right: 0;
    height: 46%;
    padding: 0;
    width: 2em;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
}

.btn-down-spinner {
    border-radius: 0 0 4px 0;
    bottom: 0;
    position: absolute !important;
    right: 0;
    height: 46%;
    padding: 0;
    width: 2em;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
}

.btn-marketplace {
    font-size: 13PX;
    height: 40px;
    font-weight: 600;
}

.btn-marketplace-disabled {
    font-size: 13PX;
    height: 40px;
    font-weight: 600;
}

.btn-marketplace:hover {
    background-color: #1b51e9;
}

.btn-marketplace-quantity {
    border-color: #36bea6;
    background-color: #ffffff;
    color: #36bea6;
    font-weight: 600;
    font-size: 13PX;
    height: 40px;
}

.input-marketplace {
    font-size: .695rem;
    background-color: #f2f2f2;
    width: 57% !important;
    flex: none !important;
    border-radius: 2px;
    padding: 5px;
    height: 40px;
}

.card-body-marketplace {
    cursor: pointer;
    height: 390px;
    padding: 15px;
}

.btn-view-car-shopping {
    background-color: #fb8c00;
    color: #ffffff;
    font-size: .675rem;
    font-weight: 600;
}

.card-body-shopping {
    cursor: pointer;
    height: 520px;
    padding: 15px;
}

.card-body-planes {
    height: 450px;
}

.card-body-marketplace-border {
    border: 1px solid #e9ecef !important;
    cursor: pointer;
}

.text-color-naranja {
    color: #fb8c00;
}

.hover-color-rojo:hover {
    color: #f62d51;
}

.hover-color-azul:hover {
    color: #2962FF;
}