.required {
    color: #dc3545;
}

.index-icon {
    font-size: 22px;
    margin-right: 5px;
}

.img-search-button {
    max-width: 40px;
    max-height: 40px;
}

.thead-backgroudcolor {
    background-color: #f1f4fb;
}

.text-validation-summary {
    color: red;
    font-size: 14px;
}

.text-validation {
    color: red;
}

.delivery-icons {
    display: inline-block;
    width: 22px;
    margin-right: 2px;
}

.delivery-details-icons {
    display: inline-block;
    width: 50px;
    margin-right: 2px;
}

.delivery-icons img {
    display: block;
    width: 100%;
}

.product-delivery-icons {
    display: inline-block;
    width: 50px;
    margin-right: 2px;
}

.text-prompt {
    color: blue;
}

.upload-image-frame {
    padding-top: 30px;
    padding-bottom: 30px;
    cursor: pointer;
    background-color: #f6f6f6;
    margin: 40px 20px 20px 20px;
    width: 100%;
    border-radius: 10px;
    border: 3px dashed transparent;
    background: linear-gradient(#f6f6f6, #f6f6f6) padding-box, repeating-linear-gradient(-45deg, #ccc 0, #ccc 0.5em, white 0, white 1em), #f6f6f6;
    max-width: 500px;
}

    .upload-image-frame:hover {
        background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, #E1E5E8 0, #E1E5E8 0.5em, white 0, white 1em), #f6f6f6;
    }

    .upload-image-frame .icon {
        max-width: 60px;
    }

    .upload-image-frame .content {
        max-width: 260px;
    }

.second-text-teal {
    color: #0CA7C4;
    font-size: 1.2em;
    font-weight: bold;
}

.color-light-gray {
    color: #B1B9BF;
}

.show-image-frame img {
    width: 100%;
    max-width: 100%;
}

.show-image-frame .img-delete-icon {
    position: absolute;
    top: 8px;
    right: 25px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: block;
    /*z-index: 99;*/
    color: #111;
    padding: 0px 5px;
    vertical-align: middle;
    background-color: rgba(17, 17, 17, .5);
    color: #fff;
    border-radius: 50%;
}

    .show-image-frame .img-delete-icon:hover {
        /*color: red;*/
        background-color: red;
    }

.btn-icon {
    font-size: 20px;
}


.btn-icon-delete {
    color: red;
}

.btn-icon-add {
    background-color: #0CA7C4;
    color: white;
}

.btn-text {
    background-color: transparent;
}

.order-paying{
    color:red;
}

.order-paying.active {
    color: #fff;
    background-color: red !important;
}