@keyframes warning {
    0% {
        background: rgb(104, 0, 0);
    }

    100% {
        background: rgb(255, 10, 10);
    }
}

.order-warning-red td:first-child {
    font-weight: bold;
}

.order-warning-red td:first-child > span:before  {
    display: inline-block;
    content: '!';
    padding: 1px 8px;
    color: #fff;
    font-weight: bolder;
    background: #a00;
    margin-right: 5px;
    border-radius: 2px;

    animation: warning 1s infinite linear;
    animation-fill-mode: both;
}

/* Bootstrap datetimepicker will be hidden behind the modal when rendered inside modal. Modal has z-index of 1050. */
.bootstrap-datetimepicker-widget {
    z-index: 2000 !important;
}