:root {
    --red: hsl(0, 78%, 62%);
    --cyan: hsl(180, 62%, 55%);
    --orange: hsl(34, 97%, 64%);
    --blue: hsl(212, 86%, 64%);
    --varyDarkBlue: hsl(234, 12%, 34%);
    --grayishBlue: hsl(229, 6%, 66%);
    --veryLightGray: hsl(0, 0%, 98%);
    --weight1: 200;
    --weight2: 400;
    --weight3: 600;
}
.k-popup>.k-list {
    overflow: scroll !important;
}
.bg-light.lter .cr-submit {
    background-color: white !important;
    border: none !important;
}

[ng-quill-editor] {
    padding: 15px !important;
}

.tag-blue-color:hover, .tag-blue-color:focus, .tag-blue-color:active {
    color: #fff !important;
}

.create-cr-btn {
    padding-left: 0px;
}

.cus-profile-form {
    margin-top: 50px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
        height: 50px;
        width: 50px;
        align-content: center;
    }

.quantity-top-product {
    color: #222;
    margin-bottom: 0px;
}
.stt-top-food {
    position: absolute;
    top: 20px;
    left: 25px;
    padding: 5px;
    width: 35px;
    background: #dde3e9;
    border-radius: 50%;
}
/*.swiper-slide:nth-child(odd) .box {
    border-top: 5px solid #b84f26;
}

.swiper-slide:nth-child(even) .box {
    border-top: 5px solid #f59e0b;
}*/

.swiper-slide:nth-child(odd) .quantity-top-product {
    color: #b84f26;
}

.swiper-slide:nth-child(even) .quantity-top-product {
    color: #f59e0b;
}

.cyan {
    border-top: 3px solid var(--cyan);
}

.blue {
    border-top: 3px solid var(--blue);
}

.red {
    border-top: 3px solid var(--red);
}

.box-card-content h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.orange {
    border-top: 3px solid var(--orange);
}

.box {
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    background:#fff;
    padding: 10px;
    margin: 2px;
    width: 480px;
    border-radius: 15px;
    height: 175px;
    cursor: -webkit-grab;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.sgv-icon {
    color: #b84f26;
}


.card-container a,
.card__exit,
.card__icon {
    position: relative;
    text-decoration: none;
}

    .card-container a::after {
        position: absolute;
        top: 25px;
        left: 0;
        content: "";
        width: 0%;
        height: 3px;
        background-color: rgba(255, 255, 255, 0.6);
        transition: all 0.5s;
    }

    .card-container a:hover::after {
        width: 100%;
    }

.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card {
    margin: 20px;
    padding: 20px;
    width: 400px;
    min-height: 200px;
    display: grid;
    grid-template-rows: 20px 50px 1fr 50px;
    border-radius: 10px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    transition: all 0.5s;
}

    .card:hover {
        box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
        transform: scale(1.01);
    }

.card__exit {
    grid-row: 1/2;
    justify-self: end;
}

.card__icon {
    grid-row: 1/3;
    font-size: 20px;
}

.card__title {
    font-weight: bold;
    text-align: center;
    grid-row: 3/4;
    color: #b84f26;
}

.card__apply {
    grid-row: 4/5;
    align-self: center;
}

.card-1 {
    background: white;
}

.card-2 {
    background: radial-gradient(#fbc1cc, #fa99b2);
}

.card-3 {
    background: radial-gradient(#76b2fe, #b69efe);
}

.card-4 {
    background: radial-gradient(#60efbc, #58d5c9);
}

.card-5 {
    background: radial-gradient(#f588d8, #c0a3e5);
}
.height-170{
    height:170px;
}
.channel-area {
    border-right: 1px solid #eee;
    padding-right: 5px;
}
.delivery-unit-area {
    padding-left: 5px;
}
.date-picker-dashboard {
    text-align: right;
    padding: 20px;
}
.date-picker-dashboard-title {
    padding-left: 20px !important;
}
ul.column-tableinfo {
    columns: 8;
    -webkit-columns: 8;
    -moz-columns: 8;
    text-decoration: none;
}
ul.column-tableinfo li::marker {
    content: '';
}
table {
    overflow-x:auto
}
.list-table-title { 
    color: #f59e0b;
    font-weight: 600;
}
.k-textbox.k-grid-search {
    display: inline-flex !important;
}
.block-ui-message {
    background-color: #f59e0b !important;
}
.mobile-store-dropdown-btn {
    color: white;
    justify-content: center;
    align-items: center;
    display: inline-flex !important;
}
@media (min-width: 768px) {
    .mobile-store-dropdown-btn {
        display: none !important;
    }
}
@media (max-width: 1600px) {
    .card-container {
        justify-content: center;
    }
}

@media(max-width: 992px) {
    .cus-cr-btn {
        padding-left: 0px;
    }
}