@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.7;
    }
}

body {
    color: white;
    direction: rtl;
    padding: 10px;
}

.theme-config {
    display: none;
}

.footer {
    color: #2f4050;
}

.label {
    margin-left: 3px;
}

.home {
    float: left;
    padding: 10px;
}

.orders {
    margin-top: 30px;
}

    .orders tr {
        cursor: pointer;
    }

th {
    background: rgba(0, 0, 0, 0.00) !important;
    color: white;
}

.elapsedTime {
    width: 100px;
    text-align: left;
}

.loading {
    display: none;
}

.errmsg {
    display: none;
}

.execution {
    width: 300px;
    text-align: left;
}

    .execution button {
        width: 150px;
    }

caption {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 8px;
    text-align: right;
}


.OutOfTime {
    background: red;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}


.RemovedMessage {
    display: none;
}

.Removed {
    background: lightgray;
    color: gray;
    cursor: default !important;
}

    .Removed .elapsedTime > span {
        display: none;
    }


    .Removed .elapsedTime .RemovedMessage {
        display: block;
    }

.InTime {
    background: yellow;
    color: black !important;
}

.Chef .InTime {
    background: blue;
    color: white !important;
}
.kitchen
{
    padding:10px;
}
.kitchen .InTime {
    background: blue;
    color: white !important;
}

a {
    color: white;
    margin-right: 10px;
}

    a:hover {
        color: lightblue;
    }

.IsNew_true {
    background: yellow;
    font-weight: bold;
}

.IsNew_false {
    /*background: brown;*/
}

.selected {
    background: #ffffff;
    color: black;
    font-weight: bold;
    -webkit-animation-name: none;
}

.label-device {
    width: 100px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.label {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.deviceSelected_False {
    background-color: gray;
    border-color: gray;
}

.NotStarted {
    background: blue;
    color: white;
}

.panel-body {
    background: none;
}

    .panel-body .scrollPanel {
        overflow-y: auto;
        display: block;
    }


.panel {
    background: none;
    border-color: white;
}

.Prepare_Status_ID_1 {
    background: green;
    -webkit-animation-name: none;
    color: white !important;
}

    .Prepare_Status_ID_1.Removed {
        background: lightgray;
    }

.footer {
    position: fixed;
}

.NotDefined {
    background: red;
    display: none;
}


@media (max-width: 768px) {
    .body-small .navbar-static-side {
        display: inline-block;
        width: 100%;
        margin-top: 62px;
        background-color: #2f4050;
    }

    .nav-header {
        display: none !important;
    }

    #page-wrapper {
        margin-top: 200px;
    }

    .navbar-static-top {
        position: fixed;
        top: 0px;
        width: 100%;
    }

    .theme-config {
        display: none;
    }

    .breadcrumb {
        white-space: nowrap;
    }

    .kitchen {
        width: 100%;
        position: fixed;
        top: 0px;
        margin: 0px;
        padding: 0px;
        overflow: auto;
    }

    .row {
        margin: 0px;
    }

    .head {
        overflow: auto;
        margin-bottom: 20px;
    }

    .label-info {
        font-size: 10px;
    }

    .flex-box-vertical-small {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .label-device {
        width: 100%;
        margin: 0px;
        margin-top: 10px;
        max-width: 140px;
        overflow: hidden;
    }

    .menu_small {
        position: fixed;
        top: 0px;
        left: 0px;
    }

    .fullwidth_small {
        width: 100%;
    }

    .PrepareButton {
        padding: 10px;
    }

    .guid {
        padding: 10px;
    }
}

#Template_Panel {
    width: 100%;
}

body {
    padding: 0px;
}

table {
    text-align: center;
}

    table th {
        text-align: center;
    }

td {
    text-align: center !important;
}