﻿.rating {
    display: inline-block;
    font-size: .9rem;
    margin-top: 0.5rem;
}

    .rating input[type="radio"] {
        display: none;
    }

    .rating label {
        color: #848486;
        float: right;
    }

        .rating label:before {
            content: "\f005";
            font-family: "Font Awesome 5 Free";
            font-size: 1rem;
            display: inline-block;
            margin-right: 5px;
            vertical-align: middle;
            margin-top: 0.3rem;
        }

    .rating input[type="radio"]:checked ~ label {
        color: #ffa80a;
    }

    .rating label.filled {
        color: #ffa80a;
    }

    .rating .rating-average {
        display: inline-block;
        margin-left: 1rem;
        /* font-size: .9rem;*/
        float: right;
    }

    .rating .rating-count {
        display: inline-block;
        margin-left: .3em;
        /*font-size: .9rem;*/
        float: right;
    }

#rating-container.small .rating label:before {
    font-size: .8rem;
}

#rating-container.medium .rating label:before {
    font-size: 1rem;
}

#rating-container.large .rating label:before {
    font-size: 1.5rem;
}


#rating-container.small .rating .rating-average, #rating-container.small .rating .rating-count {
    font-size: .8rem;
}

#rating-container.medium .rating .rating-average, #rating-container.medium .rating .rating-count {
    font-size: .9rem;
}

#rating-container.large .rating .rating-average, #rating-container.large .rating .rating-count {
    font-size: 1.2rem;
}


.related-products {
    box-shadow: 0 0px 3px 2px rgba(25,31,33,.1);
    border-radius: 5px;
}
.related-products img{
    
    border-radius: 5px 5px 0 0;
}

    .related-products:hover {
        box-shadow: 0 0px 3px 2px rgba(25,31,33,.2);
        /*transition-delay: 1s;*/
         transition-duration:.5s
    }

    .related-products:hover .product-thumb {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }
.related-products .slick-initialized .slick-slide {
    box-shadow: none;
}

    .related-products .btn-custom.secondary {
        color: #1D2228;
        margin: 0;
        border: 1px solid rgba(0,0,0,.1);
        background:transparent;
        cursor:default;
    }

    .related-products .btn-custom.secondary:before {
         background:transparent;
    }

.gap-10 {
    margin-bottom: 10px;
}
.gap-20 {
    margin-bottom: 20px;
}
.gap-30 {
    margin-bottom: 30px;
}
.gap-40 {
    margin-bottom: 40px;
}
.gap-50 {
    margin-bottom: 50px;
}
.gap-60 {
    margin-bottom: 6px;
}
.gap-70 {
    margin-bottom: 70px;
}
.gap-80 {
    margin-bottom: 80px;
}
.gap-90 {
    margin-bottom: 90px;
}

.gap-100 {
    margin-bottom: 100px;
}
.gap-150 {
    margin-bottom: 150px;
}
.gap-200 {
    margin-bottom: 200px;
}

.queue-monitor  h1 {
    color: rgb(198, 198, 198);
}


.queue-monitor hr {
    border-top-color:#fff;
    background-color: #fff;
}
.queue-monitor .order-ready h1{
    color: #0f0;
}

.queue-monitor .order-proccessing h1 {
    color: #ffa80a;
}


.order-row {
    padding: 30px;
    border: 1px #efe7e7 solid;
    border-radius: 10px;
    cursor: pointer;
    background: #f9f9f9;
    box-shadow: 3px 3px 4px -3px #6d6d6d;
}

    .order-row.complete {
        background: #f7fff1;
        border: 1px #d2e5ba solid;
    }

    .order-row.ready {
        background: #fffde4;
        border: 1px #f3e5a3 solid;
    }    