.row {
    flex-flow: nowrap !important;
}

hr {
    margin-block: 15px;
    height: 1px !important;
    margin-inline: 15px;
    opacity: 0.12 !important
}

.col-3 {
    padding-inline-start: 0px;
    margin-inline-end: 0px;
}

.PkgCol {
    text-wrap: pretty;
    max-width: 270px !important;
    min-width: 270px !important;
    text-align: center;
}

.card-body {
    padding-inline: 5px;
}

@media (min-width: 1441px) {
    .LayoutContainer {
        min-width: 1440px !important;
    }

    .container {
        min-width: 1420px ;
    }
}


@media (max-width: 576px) {
    .PkgCol {
        text-wrap: pretty;
        max-width: 210px !important;
        min-width: 210px !important;
        text-align: center;
    }

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

    .card-body {
        padding-inline: 0px;
    }
}

.SArrow {
    position: absolute;
    top: -5px;
    opacity: 1;
    cursor: pointer;
}

.SArrowM {
    position: absolute;
    top: 5px;
    opacity: 1;
    display: none;
}

.detailsDIV {
    min-height: 100px;
}

#PackagesScrollable.dragging {
    cursor: grabbing;
    user-select: none;
}

h6 {
    font-size: 1rem;
    padding-inline-start: 1rem;
    display: inline-block;
}



@media (max-width: 576px) {
    .SArrow {
        display: none;
    }

    .SArrowM {
        display: block;
    }

    .detailsDIV {
        min-height: 60px;
    }

    label {
        font-size: 1rem;
    }

    h5 {
        font-size: 1rem;
    }

    h6 {
        font-size: 1rem;
        padding-inline-start: 0.5rem;
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .detailsDIV {
        min-height: 70px;
    }
}