
.backgrid thead th {
    color: #46b2e0 !important;
}

.backgrid {
    width: auto;
    max-width: none;
    min-width: 100%;
}

.backgrid th {
    overflow: inherit !important;
    text-overflow: inherit !important;
}

.backgrid th {
    font-size: 12px !important;
}

.backgrid tr {
    font-size: 12px !important;
}

.backgrid tr td {
    overflow: visible !important;
}


/*th {
    border: 1px solid #4292b5;
}*/

.backgrid td {
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
    border-right: 0.5px solid #DDD;
    border-left: 0.5px solid #DDD;
    cursor: pointer;
}



.warning {
    background-color: red !important;
    color: #FFFFFF !important;
    font-weight: bold;
}


/*row width classes*/
.heat-row {
    min-width: 70px !important;
}
    .HeatName {
        min-width: 70px !important;
    }
.datetime-row {
    min-width: 150px !important;
}
    .CutStart { min-width: 150px !important; }
    .CutEnd   { min-width: 150px !important; }
    .ShipTime { min-width: 150px !important; }

.production-date-row{
    min-width:100px !important;
}

    .ProductionDate {
        min-width: 100px !important;
    }
.shift-crew-row {
    min-width: 35px !important;
}
    .Shift {
        min-width: 35px !important;
    }
    .CrewId {
        min-width: 35px !important;
    }

.Sequence {
    max-width: 80px !important;
}



td {
    text-align: left;
}


div.tooltip1 {
    position: absolute;
    text-align: center;
    width: 150px !important;
    height: 80px !important;
    padding: 2px;
    pointer-events: none;
    opacity: 1;
    background-color: white;
    border: solid;
    border-width: 2px;
    border-radius: 5px;
    font-size: 12px !important;
}


div.tooltip {
    position: absolute;
    text-align: center;
    width: 150px;
    height: 80px;
    padding: 2px;
    pointer-events: none;
    opacity: 1;
    background-color: white;
    border: solid;
    border-width: 2px;
    border-radius: 5px;
    font-size: 12px !important;
}


.color0 {
    background-color: #69b3a2;
    font-weight: bold;
}

.color1 {
    background-color: #ff9728;
    font-weight: bold;
}

.color2 {
    background-color: #479dc4;
    font-weight: bold;
}

.color3 {
    background-color: #7767cb;
    font-weight: bold;
}

.color4 {
    background-color: #67c2cb;
    font-weight: bold;
}

.dropdown-god-mode {
    width: 125px !important;
    min-width: 120px !important;
    max-width: 130px !important;
}



.selectedItem {
    background-color: #f8e509 !important;
}

.selectedItem td {
    font-weight: 700;
}

.Action {
    min-width: 35px !important;
    width: 35px !important;
}

.onRightClickSelectedRow {
    background-color: lightblue !important;
}

.onRightClickSelectedRow td {
    font-weight: 700;
}

.col-class {
    color: #1f8cba;
    font-weight: bold;
}

label {
    display: block;
    margin-bottom: 5px;
    margin-top:5px;
}




.tagSent {
    background-color: yellow !important;
}

.tagSent td {
    font-weight: 700;
}


.tagCompleted {
    background-color: green !important;
    color: white;
}

.tagCompleted td {
    font-weight: 700;
}

.tagFailed {
    background-color: red !important;
    color:white;
}

.tagFailed td {
    font-weight: 700;
}

.badQuality{
    background-color: darkgray !important;
    color: white;
}

.badQuality td{
    font-weight:700;
}