.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
    .btn-primary {
        margin-right: 2.5rem;
        color:#fff!important;
    }
.slick-list {
    /* position: relative; */
    /* display: block; */
    /* overflow: hidden; */
    /* margin: 0; */
    /* padding: 0; */
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    /* display: none; */
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    /* display: block; */
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.aspect-16to9 {
    height: auto;
    width: 100%;
}

.p-16to9 {
    position: relative;
    padding-bottom: 56%;
    overflow: hidden;
}

.card-body-content {
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    right: 1rem;
    left: 1rem;
    overflow: hidden;
}

.slider {
    background: white;
    height: 250px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 1140px;
}

    .slider::before, .slider::after {
        background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
        content: "";
        height: 100%;
        position: absolute;
        width: 100px;
        z-index: 2;
    }

    .slider::after {
        right: 0;
        top: 0;
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    .slider::before {
        left: 0;
        top: 0;
    }

    .slider .slide-track {
        animation: scroll 80s linear infinite;
        display: flex;
        width: calc(250px * 18);
    }

        .slider .slide-track:hover {
            animation-play-state: paused;
        }

    .slider .slide {
        height: 250px;
        width: 250px;
    }


.slide:nth-child(1), .slide:nth-child(10) {
}

.slide:nth-child(2), .slide:nth-child(11) {
    background-color: coral;
}

.slide:nth-child(3), .slide:nth-child(12) {
    background-color: blue;
}

.slide:nth-child(4), .slide:nth-child(13) {
    background-color: red;
}

.slide:nth-child(5), .slide:nth-child(14) {
    background-color: orange;
}

.slide:nth-child(6), .slide:nth-child(15) {
    background-color: purple;
}

.slide:nth-child(7), .slide:nth-child(16) {
    background-color: pink;
}

.slide:nth-child(8), .slide:nth-child(17) {
    background-color: navy;
}

.slide:nth-child(9), .slide:nth-child(18) {
    background-color: lime;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 9));
    }
}

        .carrousel_controls {
right: 0;
    justify-content: right;
    display: block;
    text-align: right;

    }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .btn_responsive {
        margin-right:0.5rem!important;
    }
    .btn-primary {
    margin-right:0rem;
    }
    .carrousel_controls {
        display:flex;
 
    }
    .glider-dots {
        display: none;
    }

    .card_dashboard {
        width: auto;
    }

    #txtSubTotal {
        padding: 0%;
        width: auto;
        margin-left: 0px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #txtDescuentoTotal {
        padding: 0%;
        width: auto;
        margin-left: 0px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #txtImpuestosTotal {
        padding: 0%;
        width: auto;
        margin-left: 0px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .txt-codigo-cutom {
        margin-top: 1rem;
    }

    #lblPrecio {
        margin-left: 0%;
    }

    .k-grid td {
        word-break: break-all;
        font-size: 6px;
    }

    #txtPrecio {
        padding: 0%;
        margin-left: 0%;
    }

    #lblGranTotal {
        margin-left: 0%;
        font-size: 15px;
        display: block;
        text-align: left;
    }

    #txtGranTotal {
        margin-left: 0%;
        padding: 0%;
        width: auto;
    }

    #txtCodigo {
        padding: 0%;
        width: auto;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #txtProducto {
        padding: 0%;
        width: auto;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #txtCantidad {
        padding: 0%;
        width: auto;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
        .imagen_pequena_id {
        margin-top:0.5rem;
        margin-bottom:0.5rem;
    }
            .card-body {
        padding-bottom:1rem;
        padding-top:1rem;
        padding-left:0.5rem;
        padding-right:0.5rem;
    }
    .img_dashboard {
        padding-left:0rem; 
        padding-right:0rem; 
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
       .btn_responsive {
        margin-right:0.5rem!important;
    }
        .btn-primary {
    margin-right:0rem;
    }
    .carrousel_controls {
        display:flex; 
        
    }
    .card_dashboard {
        width: auto;
    }

    .glider-dots {
        display: none;
    }

    #txtSubTotal {
        padding: 0%;
        width: auto;
        margin-left: 0px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #txtDescuentoTotal {
        padding: 0%;
        width: auto;
        margin-left: 0px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #txtImpuestosTotal {
        padding: 0%;
        width: auto;
        margin-left: 0px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .txt-codigo-cutom {
        margin-top: 1rem;
    }

    #lblPrecio {
        margin-left: 0%;
    }

    .k-grid td {
        word-break: break-all;
        font-size: 6px;
    }

    #txtPrecio {
        padding: 0%;
        margin-left: 0%;
    }

    #lblGranTotal {
        margin-left: 0%;
        font-size: 15px;
        display: block;
        text-align: left;
    }

    #txtGranTotal {
        margin-left: 0%;
        padding: 0%;
        width: auto;
    }

    #txtCodigo {
        padding: 0%;
        width: auto;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #txtProducto {
        padding: 0%;
        width: auto;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #txtCantidad {
        padding: 0%;
        width: auto;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .imagen_pequena_id {
        margin-top:0.5rem;
        margin-bottom:0.5rem;
    }
    .card-body {
        padding-bottom:1rem;
        padding-top:1rem;
        padding-left:0.5rem;
        padding-right:0.5rem;
    }
        .img_dashboard {
        padding-left:0rem; 
        padding-right:0rem; 
    }
}