.OEEDefaultTable {
    border: 1px solid #cccccc;
}

.OEETotals {
    background-color: white; /*#91c1f2;*/
    color: black;
    border-width: 0;
    font-size: 25px;
    font-weight: 900;
    height: 50px;
}

.OEETotalLowLevel {
    color: #990c00 !important;
}

.OEETotalMediumLevel { 
    color: #dbc815/*#f7e418*/ !important;
    /*color: #ECCA03 !important; */
}

.OEETotalHighLevel {
    color: #009900 !important;
}

.OEETotalPercentage {
    background-color: white; /*#91c1f2;*/
    color: black;
    border-width: 0;
    font-size: 35px;
    font-weight: 900;
    height: 50px;
}

.OEECharts {
    background-color: white;
    border-color: #cccccc;
    height: 200px;
    font-size: 13px;
}

.OEEGauge {
                                                    /*width: 150px;*/
    background: white;
}

/*#pDetailsGrid tr:last-child*/
.pDetailsGrid-last-row-last-page {
    font-weight: 800;
    font-size: 15px;
    text-align: center;
}

.pDetailsGrid-bad-ideal-cycle-time {
    color: palevioletred !important;
    /*blueviolet*/
}

/*#pDetailsGrid .k-pager-refresh.k-link
{
  display: none;
}*/

.OEEDetails {
    text-align: left;
    background-color: white; 
    border-width: 1px;
    font-size: 15px;
}

.OEEFilterRowMargin {
    margin-left: 5px;
}

/*.OEETableHeaders {
    background-color: #d3d3d1; /*#5c991b;*/
    border-color: #cccccc;
    border-width: 2px;
    text-align: center;
}*/

/*.OEEDetailsTableHeaders {
    background-color: white;
    border-color: #cccccc;
    text-align: left;
    font-size: 25px;
}*/

.OEEPercentageValues {
    background-color: white; /*#efefef; */ /*#c9dcef;*/
    border-color: #cccccc;
    border-width: 2px;
    text-align: center;
}

/*.OEEPercentageTableHeaders {
    color: black;
    font-size: 20px;
    font-weight: 700;
    vertical-align: bottom;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}*/

.OEECell {
    background: #98abc0;
    background: -moz-linear-gradient(top, #98abc0 0%, #5d7593 51%, #94abc0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98abc0), color-stop(51%,#5d7593), color-stop(100%,#94abc0));
    background: -webkit-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -o-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -ms-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: linear-gradient(to bottom, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    border-color: white;
    border-width: 2px;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: white;
}

/*.OEEEfficiencyCell {
    background: #98abc0;
    background: -moz-linear-gradient(top, #98abc0 0%, #5d7593 51%, #94abc0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98abc0), color-stop(51%,#5d7593), color-stop(100%,#94abc0));
    background: -webkit-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -o-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -ms-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: linear-gradient(to bottom, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    border-color: white;
    border-width: 2px;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: white;*/
}

.OEEHeaders {
    font-size: 15px;
    font-weight: 700;
    vertical-align: bottom;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

/*.OEEAvailabilityCell {
    background: #98abc0;
    background: -moz-linear-gradient(top, #98abc0 0%, #5d7593 51%, #94abc0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98abc0), color-stop(51%,#5d7593), color-stop(100%,#94abc0));
    background: -webkit-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -o-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -ms-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: linear-gradient(to bottom, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    border-color: white;
    border-width: 2px;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: white;
}*/

/*.OEEHeaders {
    font-size: 15px;
    font-weight: 700;
    vertical-align: bottom;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}*/

/*.OEEQualityCell {
    background: #98abc0;
    background: -moz-linear-gradient(top, #98abc0 0%, #5d7593 51%, #94abc0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98abc0), color-stop(51%,#5d7593), color-stop(100%,#94abc0));
    background: -webkit-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -o-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -ms-linear-gradient(top, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: linear-gradient(to bottom, #98abc0 0%,#5d7593 51%,#94abc0 100%);
    border-color: white;
    border-width: 2px;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: white;
}*/

/*.OEEDetailsTableHeaders {
    color: black;
    font-size: 14px;
    font-weight: 300;
    vertical-align: bottom;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}*/

.OEEPercentage {
    border-width: 0;
    font-size: 18px;
    font-weight: 800;
    vertical-align: central;
    text-align: center;
}

.OEETarget{
    border-width: 0;
    font-size: 18px;
    font-weight: 800;
    vertical-align: central;
    text-align: center;
}

.ChartTitle {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: black;
}

.ChartLabelTitle {
    color: black;
    border-width: 0;
    font-size: 15px;
    font-weight: 600;
    vertical-align: central;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}


/*******************************************************************************************************************************************************/
/***************************************************************** ccLegendaOEE ********************************************************************/
/*******************************************************************************************************************************************************/

.LegendCss {
    font-size: 10px;
    font-weight: 500;
    vertical-align: central;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

.LegendCss-title {
    font-size: 14px;
    font-weight: 900;
    vertical-align: central;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

.LegendCss tr {
    border: 1px solid #cccccc;
}

.LegendCss-second-col {
    border-collapse: collapse;
    border: 1px solid #cccccc;
    border-right: none;
    border-left: none;
}

.LegendCss-first-col_bad-data {
    border-collapse: collapse;
    border: 1px solid #cccccc;
    border-left: none;
    color: palevioletred !important;
}

.LegendCss-first-col {
    border-collapse: collapse;
    border: 1px solid #cccccc;
    border-left: none;
}