#asidebar {
    background-color: #1f262d;
    overflow: scroll;
}
/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

#asidebar::-webkit-scrollbar {
    -webkit-appearance: none;
}

#asidebar::-webkit-scrollbar:vertical {
    width: 0px;
}

#asidebar::-webkit-scrollbar-button:increment,
#asidebar::-webkit-scrollbar-button {
    display: none;
}

#asidebar::-webkit-scrollbar:horizontal {
    height: 10px;
}

#asidebar::-webkit-scrollbar-thumb {
    background-color: #1f262d;
    border-radius: 0px;
    border: 1px solid #1f262d;
}

#asidebar::-webkit-scrollbar-track {
    border-radius: 0px;
}
#img_logo {
    position: relative;
    width: calc(100% - 20px);
    margin: 0 auto;
    top: -50px;
}

#img_logo > .img {
    width: 100%;
    height: 60px;
    z-index: 1;
}

/* Login */
.__content_login {
    max-height: 975px;
    min-height: 550px;
}

.__image_login {
    background-image: url("../assets/images/logo.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}

/* liam */
.__card_body {
    border: 1px solid #da0053;
    border-radius: 4%;
    box-shadow: 10px 10px 5px #da0053;
    padding: 7%;
}

/* scemnor */
/* .__card_body {
    border: 1px solid #1F348E;
    border-radius: 4%;
    box-shadow: 10px 10px 5px #1c2d7c;
    padding: 7%;
} */

/* liam */
.bg-login {
    background-color: #7613a3;
    color: #fff;
}

.bg-login:hover {
    background-color: #640a8d;
    box-shadow: 5px 4px 5px #540d75;
}

/* csemnor */
/* .bg-login {
    background-color: #1F348E;
    color: #fff;
} 

 .bg-login:hover {
    background-color: #253fb1;
    box-shadow: 5px 4px 5px #253fb1;
} */

/* Modal Producto Agregar */
.__columnas {
    display: flex;
    background-color: black;
}

.pago {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 50px;
}

.__create_linea {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

/* ventas */
#_tipocomve {
    display: flex;
}

#_tipocomve #_tipoventa {
    padding-left: 0px;
    padding-right: 0px;
}

#_tipocompro {
    padding-left: 0px;
    padding-right: 0px;
}

#_tipoventa > .d-flex > span,
#_tipocompro > .d-flex > span {
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
}

#_tipoventa > .d-flex > span {
    margin-right: 6px;
}

#__cliente_venta {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
}

#__cliente_venta > .__cliente_venta_cli {
    width: 50%;
}

#__cliente_venta > .__cliente_venta_cli > div {
    display: flex;
    align-items: baseline;
    width: 100%;
}

#__cliente_venta > .__cliente_venta_re {
    width: 50%;
}

/* contraro_pro */

.__contrato_producto {
    display: flex;
    justify-content: space-between;
}

.__contrato_producto > .__contrato_producto_pro {
    width: 55% !important;
}

.__contrato_producto > .__contrato_producto_pro > div:nth-last-child(1) {
    display: flex;
    margin-top: 10px;
    font-weight: 600;
    justify-content: space-around;
}

.__contrato_producto > .__contrato_producto_table {
    width: 90% !important;
}

/* productos */
#productos {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    margin-right: 10px;
    line-height: 25px;
}

.__agregar_cliente {
    position: absolute;
    right: 15px;
    top: -14px;
    border-radius: 100%;
}

/* reporte de ventas */
.__content_box_reporte {
    display: flex;
    width: calc(100% - 2rem);
    margin: 0 auto;
    justify-content: space-evenly;
}

._box_reporte {
    display: flex;
    width: 250px;
    height: 0 auto;
    flex-direction: column;
    text-align: center;
    margin: 5px;
    border: 1px solid #000;
    box-shadow: 2px 2px 2px #c1c1c1;
    border-radius: 3px;
}
._box_reporte_2 {
    display: flex;
    width: 250px;
    height: 0 auto;
    flex-direction: column;
    text-align: center;
    margin: 5px;
    border: 1px solid #000;
    box-shadow: 2px 2px 2px #c1c1c1;
    border-radius: 3px;
}

._box_reporte_2 > span:nth-child(1) {
    font-weight: 800;
    text-align: left;
    margin-left: 10px;
}

._box_reporte > span:nth-child(1) {
    font-weight: 800;
    text-align: left;
    margin-left: 10px;
}



._box_reporte:nth-last-child(1) > span:nth-child(2) {
    color: red;
    font-weight: 800;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* contrato */
.__contrato_cliente {
    display: flex;
    justify-content: space-between;
}

.__contrato_cliente > .__contrato_cliente_box {
    width: 100%;
    padding: 5px;
}

.__contrato_cliente_box:nth-last-child(1) {
    display: flex;
}
.__contrato_cliente_box > .__tipo_documento {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.__contrato_cliente_box > .__contrato {
    display: flex;
    width: 57%;
    justify-content: center;
    align-items: center;
    height: 0 auto;
    margin: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #c1c1c1;
}

.__contrato > .__contrato_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.__contrato > .__contrato_box > h5 {
    text-align: center;
}

.__contrato_box > .ruc {
    text-align: center;
    width: calc(100% - 10rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
/* GUIA DE REMISION */
.__row {
    display: flex;
    justify-content: space-between;
}
.__row > div:nth-child(1) {
    display: flex;
    width: calc(100% - 6rem);
    margin: 0 auto;
    justify-content: space-between;
}
.__row > div:nth-child(1) > div {
    display: flex;
    align-items: center;
    width: 100px;
    background-color: aqu a;
}
.__row > div:nth-child(1) > div > label {
    color: white;
}

input[type="text"] {
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    width: 100%;
}
.__row > div:nth-last-child(1) {
    display: flex;
    justify-content: space-between;
}
.__row > div:nth-last-child(1) > .__box {
    width: 250px;
    height: 105px;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 3px;
}
.__row > div:nth-last-child(1) > .__box:nth-child(1),
.__row > div:nth-last-child(1) > .__box:nth-last-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

@media (min-width: 100px) and (max-width: 800px) {
    /* venta */
    #_tipoventa > ._content,
    #_tipocompro > ._content {
        display: flex;
        flex-direction: column;
    }

    #_tipoventa > ._content > ._items {
        display: flex;
        flex-direction: column;
    }

    #_tipocompro > ._content > ._items {
        display: flex;
        flex-direction: column;
    }

    /* box_reporte */
    .__content_box_reporte {
        display: flex;
        flex-direction: column;
        width: 100%;
        /* margin: 0 auto; */
        justify-content: space-evenly;
    }

    ._box_reporte {
        display: flex;
        width: 100%;
        flex-direction: column;
        text-align: center;
        margin: 5px;
        border: 1px solid #000;
        box-shadow: 2px 2px 2px #000;
    }

    .__content_box_reporte > .col-3 {
        flex: 0% !important;
        max-width: 100% !important;
    }

    ._box_reporte > span:nth-child(1) {
        font-weight: 800;
        text-align: left;
        margin-left: 10px;
    }

    ._box_reporte:nth-last-child(1) > span:nth-child(3) {
        color: red;
    }

    .col-3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* CONTRATO */
}
@media (min-width: 300px) and (max-width: 570px) {
    .__contrato_cliente {
        display: flex;
        flex-direction: column-reverse;
    }

    .__contrato_cliente_box > .__contrato {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 0 auto;
        margin: 5px;
        border: 1px solid #000;
        border-radius: 5px;
        box-shadow: 2px 2px 5px #c1c1c1;
    }

    .__contrato_cliente_box:nth-last-child(1) {
        display: flex;
        flex-direction: column-reverse;
    }
    .__contrato_box > .ruc {
        text-align: center;
        width: calc(100% - 2rem);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* AGREGAR PRODUCTOS */
    /* contraro_pro */

    .__contrato_producto {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .__contrato_producto > .__contrato_producto_pro {
        width: 100% !important;
    }

    .__contrato_producto > .__contrato_producto_pro > div:nth-last-child(1) {
        display: flex;
        margin-top: 10px;
        font-weight: 600;
        justify-content: space-around;
    }

    .__contrato_producto > .__contrato_producto_table {
        width: 100% !important;
    }

    .__box_button_ {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .__box_button_ > button:nth-child(1) {
        display: flex;
        flex-direction: column;
        font-weight: 900;
        justify-content: center;
        align-items: center;
        margin: 3px;
    }
    .__box_button_ > button:nth-last-child(1) {
        display: flex;
        flex-direction: column;
        font-weight: 900;
        justify-content: center;
        align-items: center;
        margin: 3px;
    }
    .__contrato_producto_pro > div:nth-last-child(1) {
        display: flex;
        justify-content: center;
        font-size: 10px;
    }
    /* GUIA DE REMISION */

    .__row {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }
    .__row > div:nth-child(1) {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        justify-content: space-between;
    }
    .__row > div:nth-child(1) > div {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 5px;
    }
    .__row > div:nth-child(1) > div:nth-last-child(1) {
        display: flex;
        justify-content: center;
    }
    .__row > div:nth-child(1) > div > label {
        color: white;
    }

    input[type="text"] {
        border-radius: 3px;
        border: 1px solid #c1c1c1;
    }
    .__row > div:nth-last-child(1) {
        display: flex;
        justify-content: space-between;
    }
    .__row > div:nth-last-child(1) > .__box {
        width: 250px;
        height: 105px;
        border: 1px solid #000;
        border-radius: 5px;
        margin: 3px;
    }
    .__row > div:nth-last-child(1) > .__box:nth-child(1),
    .__row > div:nth-last-child(1) > .__box:nth-last-child(1) {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        font-size: 12px;
        text-align: center;
    }
}
@media (min-width: 600px) and (max-width: 900px) {
    .__contrato_cliente {
        display: flex;
        flex-direction: column-reverse;
    }
    .__contrato_cliente_box > .__contrato {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 0 auto;
        margin: 5px;
        border: 1px solid #000;
        border-radius: 5px;
        box-shadow: 2px 2px 5px #c1c1c1;
    }

    .__contrato_box > .ruc {
        text-align: center;
        width: calc(100% - 17rem);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .__contrato_cliente_box:nth-last-child(1) {
        display: flex;
        flex-direction: column-reverse;
    }

    /* AGREGAR PRODUCTOS */
    /* contraro_pro */

    .__contrato_producto {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .__contrato_producto > .__contrato_producto_pro {
        width: 100% !important;
    }

    .__contrato_producto > .__contrato_producto_pro > div:nth-last-child(1) {
        display: flex;
        margin-top: 10px;
        font-weight: 600;
        justify-content: space-around;
    }

    .__contrato_producto > .__contrato_producto_table {
        width: 100% !important;
    }

    .__contrato_producto
        > .__contrato_producto_pro
        > .__box_button
        > label
        > .__box_button_ {
        display: flex;
        justify-content: space-between;
    }
}
@media (min-width: 1190px) and (max-width: 1280px) {
    /* CONTRATO */
    .__contrato_cliente {
        display: flex;
        justify-content: space-between;
    }

    .__contrato_cliente > .__contrato_cliente_box {
        width: 100%;
        padding: 5px;
    }

    .__contrato_cliente_box:nth-last-child(1) {
        display: flex;
    }

    .__contrato_cliente_box > .__contrato {
        display: flex;
        width: 100%;
        height: 0 auto;
        margin: 5px;
        border: 1px solid #000;
        border-radius: 5px;
        box-shadow: 2px 2px 5px #c1c1c1;
    }

    .__contrato > .__contrato_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .__contrato > .__contrato_box > h5 {
        text-align: center;
    }

    .__contrato_box > .ruc {
        text-align: center;
        width: calc(100% - 10rem);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* AGREGAR PRODUCTOS */
    /* contraro_pro */

    .__contrato_producto {
        display: flex;
        justify-content: space-between;
    }

    .__contrato_producto > .__contrato_producto_pro {
        width: 40% !important;
    }

    .__contrato_producto > .__contrato_producto_pro > div:nth-last-child(1) {
        display: flex;
        margin-top: 10px;
        font-weight: 600;
        justify-content: space-around;
    }

    .__contrato_producto > .__contrato_producto_table {
        width: 60% !important;
    }

    .__contrato_producto
        > .__contrato_producto_pro
        > .__box_button
        > label
        > .__box_button_ {
        display: flex;
        justify-content: space-between;
    }
}