body {}

.kdsFunctionBar {
    background-color: black !important;
}

.kdsFunctionButton {
    padding: 10px 20px;
    font-size: 1.1rem;
    font-weight: 400;
}

.kdsFunctionButton.active {
    border-bottom: solid 2px #FA9500;
    color: #FA9500;
}

.kdsFunctionBarDropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 0;
    bottom: 63px;
    width: 140px;
    z-index: 99999!important;
    background-color: black !important;
}

.kdsServingStatusDropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: -10px;
    bottom: 53px;
    width: 140px;
    z-index: 1;
    background-color: black !important;
}
.kdsServingDiningTypeDropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: -10px;
    bottom: 53px;
    width: 140px;
    z-index: 1;
    background-color: black !important;
}
.kdsItemOrderMain,
.kdsServingMain {
    font-size: 1.1rem;
}

.kdsServingMain {
    background-color: #343434;
}

.kdsServingIsDoneBg {
    background-color: #65BB00;
}

.kdsServingIsDoneText {
    color: #65BB00;
}

.kdsServingIsArrivedBg {
    background-color: #9B9B9B;
}

.kdsServingIsOrderedBg {
    background-color: #FF9800;
}

.kdsServingOrderedText {
    color: #FF9800;
}

.kdsServingIsUrgingTag, .kdsServingIsAddonTag {
    border-radius: 20px;
    padding: 0 8px;
    color: white;
}

.kdsServingIsAddonTag {
    background-color: #4A90E2;
}

.kdsServingIsUrgingTag {
    background-color: #FF4C00;
}

.kdsServingDropdown {
    right: 0;
    transform: translateX(100%);
    top: 0;
}

.kdsServingOrder.leftDropdown .kdsServingDropdown {
    left: 0;
    transform: translateX(-100%);
    top: 0;
}

.kdsItemOrderMainButton {
    padding: 10px 40px;
    font-size: 1.1rem;
    font-weight: 400;
}

#kdsItemOrderPrepareWrap .order-btn{
    background-color: #fff;
}

#kdsItemOrderPrepareWrap .order-btn.active{
    background-color: #FA9500;
}

.kdsCookDefaultBtn {
    /*font-size: 1.1rem;*/
    background-color: rgb(241 241 241);
    border: 1px solid rgb(213 212 212);
}

.kdsOrderBtn1 {
    background-color: #85E9DD;
    border: 1px solid #87D3C9;
}

#kdsManualWrap .kdsCookAreaWrap1 .kdsCookNormalBtn,
#kdsAutoWrap .kdsCookAreaWrap1 .kdsCookNormalBtn {
    color: black;
    background-color: #85E9DD;
    border: 1px solid #87D3C9;
    position: relative;
    z-index:auto;
}

.kdsOrderBtn2 {
    background-color: #91D4FF;
    border: 1px solid #9BC8DB;
}

#kdsManualWrap .kdsCookAreaWrap2 .kdsCookNormalBtn,
#kdsAutoWrap .kdsCookAreaWrap2 .kdsCookNormalBtn {
    color: black;
    background-color: #91D4FF;
    border: 1px solid #9BC8DB;
}

.kdsOrderBtn3 {
    background-color: #ADC6FF;
    border: 1px solid #B3BFEC;
}

#kdsManualWrap .kdsCookAreaWrap3 .kdsCookNormalBtn,
#kdsAutoWrap .kdsCookAreaWrap3 .kdsCookNormalBtn {
    color: black;
    background-color: #ADC6FF;
    border: 1px solid #B3BFEC;
}

.kdsOrderBtn4 {
    background-color: #D2AEF8;
    border: 1px solid #C4A5E6;
}

#kdsManualWrap .kdsCookAreaWrap4 .kdsCookNormalBtn,
#kdsAutoWrap .kdsCookAreaWrap4 .kdsCookNormalBtn {
    color: black;
    background-color: #D2AEF8;
    border: 1px solid #C4A5E6;
}

.kdsOrderBtn5 {
    background-color: #FFD68E;
    border: 1px solid #EDCB91;
}

#kdsManualWrap .kdsCookAreaWrap5 .kdsCookNormalBtn,
#kdsAutoWrap .kdsCookAreaWrap5 .kdsCookNormalBtn {
    color: black;
    background-color: #FFD68E;
    border: 1px solid #EDCB91;
}

.kdsOrderBtn6 {
    background-color: #FFBB96;
    border: 1px solid #D1A182;
}

#kdsManualWrap .kdsCookAreaWrap6 .kdsCookNormalBtn,
#kdsAutoWrap .kdsCookAreaWrap6 .kdsCookNormalBtn {
    color: black;
    background-color: #FFBB96;
    border: 1px solid #D1A182;
}

#kdsManualWrap .kdsCookRedBtn,
#kdsAutoWrap .kdsCookRedBtn,
#kdsManualWrap .kdsCookNormalBtn.kdsCookRedBtn,
#kdsAutoWrap .kdsCookNormalBtn.kdsCookRedBtn {
    background-color: rgb(250 163 160);
    border: 1px solid rgb(233 38 12);
    overflow: auto;
}

#kdsManualWrap .kdsCookGrayBtn,
#kdsAutoWrap .kdsCookGrayBtn,
#kdsManualWrap .kdsCookNormalBtn.kdsCookGrayBtn,
#kdsAutoWrap .kdsCookNormalBtn.kdsCookGrayBtn,
#kdsManualWrap .kdsCookRedBtn.kdsCookGrayBtn,
#kdsAutoWrap .kdsCookRedBtn.kdsCookGrayBtn {
    background-color: #F1F1F1;
    border: 1px solid #E7E7E7;
}

#kdsManualWrap .grid-stack-item-content,
#kdsAutoWrap .grid-stack-item-content {
    overflow: visible !important;
}

#kdsManualWrap .kdsAutoTagPopover,
#kdsAutoWrap .kdsAutoTagPopover {
    left: 110%;
    transform: translate(-3px, -2px);
    top: 0;
}

#kdsManualWrap .kdsCookMealsWrap:last-child .kdsAutoTagPopover,
#kdsAutoWrap .kdsCookMealsWrap:last-child .kdsAutoTagPopover {
    right: 110%;
    /* transform: translateX(-100%); */
    top: 0;
}


#kdsManualWrap .meal-grid:focus,
#kdsAutoWrap .meal-grid:focus {
    outline: unset;
}

#kdsManualWrap .selectSummary,
#kdsAutoWrap .selectSummary {
    background-color: #dee2e6;
}

.kdsCookTableBtn {
    background-color: rgb(255 229 143);
    border: 1px solid rgb(255 213 151);
    width: 100%;
    height: 100%;
}


.kdsCookTableTitle {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 100%;
    word-break: break-all;
    flex-shrink: 0;
}

.kdsCookTableBtn.red {
    background-color: rgb(250 163 160);
    border: 1px solid rgb(233 38 12);
}


.kdsToCookingBtn.red {
    background-color: rgb(250 163 160);
    border: 1px solid rgb(233 38 12);
    color: #dc3545 !important;
}
#grid2>.grid-stack-item>.grid-stack-item-content {
    text-align: center;
    border-right: 1px solid rgb(213 212 212);
    font-weight: bold;
    overflow: hidden;
}

.grid-stack-item-content {
    background-color: rgb(241 241 241);
    border: 1px solid rgb(213 212 212);
}

.kdsCookSeatWrap {
    position: sticky;
    left: 0;
    z-index: 1021;
}
.kdsRedSquare {
    border: 6px solid red
}