.legend-box {
    width: 10px;
    height: 10px;
    margin: 5px 5px 5px 5px;
}

.both {
    background-color: rgb(209 41 214 / 0.50) !important;
    font-weight: bold;
}

.waste {
    background-color: rgb(255 0 0 / 0.50) !important;
    font-weight:bold;
}

.variance {
    background-color: rgb(255 216 0 / 0.50) !important;
    font-weight: bold;
}


.grid-container {
    display: grid;
    grid-template-columns: 220px 90px 120px 90px 140px 150px 220px auto;
}

.grid-item {
    display: inline-table;
}

.grid-item-legend {
    float: right;
}

.legend-item {
    margin-left: 10px;
    display: inline-flex;
    float: right;
}

.large {
       display: block;
}

.small {
    display: none;
}

label {
    width: 175px;
}

.form-field {
    margin: 5px;
}
/*.nav-icon {
    font-size: 25px !important;
    display: none !important;
}*/
/*.nav-icon-div {
    display: none !important;
}*/
@media screen and (max-width: 900px) {
    .grid-container {
        grid-template-columns: 150px 60px 70px 70px 70px 70px 70px auto;
    }

    #waste-report {
        height: 500px;
        width: 800px;
    }

    .k-widget.k-window {
        height: 500px !important;
        width: 800px !important;
    }

    .k-autocomplete {
        width: 110px;
    }

    .large {
        display: none;
    }

    .small {
        display: block;
    }
    /*.grid-container {
        display: none;
    }

    .legend-item {
        float: left;
    }

    .nav-icon-div {
        float: left !important;
        display: block !important;
        align-content: center !important;
    }

    .nav-icon {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        margin-left: 10px !important;
    }

    .grid-container.responsive {
        position: relative;
        display: grid;
        grid-template-columns: auto;
        margin-top: 20px;
    }


    .grid-container.responsive .grid-item {
        margin: 5px;
    }*/
}


.k-grid-header .k-grid-filter,
.k-grid-header .k-header-column-menu {

    z-index: 0 !important;
    
}

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-hierarchy-cell .k-icon {
    width: 4px;
}

/*.k-header>.k-grid-filter {
    float: left !important;
}*/

#content-container {
    background-color: #f6f6f6;
}


/*.jobProfitPercentage {
    padding: 4px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    border-radius: 5px !important;
    text-align: center !important;
    font-weight: bold !important;
}
*/
.allMaterialsCaptured {
    background-color: rgb(1250,95,85,0.5) !important;
    color: darkred !important;
}

.flutingMaterialCaptured {
    background-color: rgb(255,170,79,0.5) !important;
    color: orangered !important;
}
.bottomMaterialCaptured {
    background-color: #fdce3e7a !important;
    color: #222222 !important;
}
.topMaterialCaptured {
    background-color: #5cb85c52 !important;
    color: #222222 !important;
}
.is-direct-food-contact {
    background-color: #5cb85c52 !important;
    color: #222222 !important;
}