/* Add Logo to Toolbars */

.app-bar-toolbar .app-logo {
    text-indent: -9999px;
    width: 230px;
    padding: 0;
    background-image: url("/Images/Logo.jpg");     /*Need to change in touch-settings.json also*/
    background-color: #fff;
    background-size: auto 60px;
    background-position: center center;
}

/* End of Logo to Toolbars */

/* Green/Amber/Red for Plant ID */

.app-grid .MOT_Due_Green .app-field-Plant_ID:after,
.MOT_Due_Green .app-field-Plant_ID .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: green;
    content: "\e034";
}

.app-grid .Road_Tax_Due_Green .app-field-Plant_ID:after,
.Road_Tax_Due_Green .app-field-Plant_ID .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: green;
    content: "\e034";
}

.app-grid .MOT_Due_Amber .app-field-Plant_ID:after, 
.MOT_Due_Amber .app-field-Plant_ID .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: orange;
    content: "\e034";
}

.app-grid .Road_Tax_Due_Amber .app-field-Plant_ID:after,
.Road_Tax_Due_Amber .app-field-Plant_ID .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: orange;
    content: "\e034";
}

.app-grid .MOT_Due_Red .app-field-Plant_ID:after,
.MOT_Due_Red .app-field-Plant_ID .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: red;
    content: "\e034";
}

.app-grid .Road_Tax_Due_Red .app-field-Plant_ID:after,
.Road_Tax_Due_Red .app-field-Plant_ID .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: red;
    content: "\e034";
}

/* End of Green/Amber/Red for Plant ID */

/* Green/Amber/Red for Next_MOT_Date */

.app-grid .MOT_Due_Green .app-field-Next_MOT_Date:after,
.MOT_Due_Green .app-field-Next_MOT_Date .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: green;
    content: "\e034";
}

.app-grid .MOT_Due_Amber .app-field-Next_MOT_Date:after,
.MOT_Due_Amber .app-field-Next_MOT_Date .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: orange;
    content: "\e034";
}

.app-grid .MOT_Due_Red .app-field-Next_MOT_Date:after,
.MOT_Due_Red .app-field-Next_MOT_Date .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: red;
    content: "\e034";
}

/* End of Green/Amber/Red for Next_MOT_Date */

/* Green/Amber/Red for Next_Road_Tax_Date */

.app-grid .Road_Tax_Due_Green .app-field-Next_Road_Tax_Date:after,
.Road_Tax_Due_Green .app-field-Next_Road_Tax_Date .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: green;
    content: "\e034";
}

.app-grid .Road_Tax_Due_Amber .app-field-Next_Road_Tax_Date:after,
.Road_Tax_Due_Amber .app-field-Next_Road_Tax_Date .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: orange;
    content: "\e034";
}

.app-grid .Road_Tax_Due_Red .app-field-Next_Road_Tax_Date:after,
.Road_Tax_Due_Red .app-field-Next_Road_Tax_Date .app-field-data::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: red;
    content: "\e034";
}

/* End of Green/Amber/Red for Next_Road_Tax_Date */

/* Maintenence Schedule Suffix */

.app-grid .Reading_Type_Hours .app-field-Major_Service_Interval:after,
.Reading_Type_Hours .app-field-Major_Service_Interval .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Hrs";
}

.app-grid .Reading_Type_Hours .app-field-Minor_Service_Interval:after,
.Reading_Type_Hours .app-field-Minor_Service_Interval .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Hrs";
}

.app-grid .Reading_Type_Hours .app-field-Major_Service_Last_No:after,
.Reading_Type_Hours .app-field-Major_Service_Last_No .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Hrs";
}

.app-grid .Reading_Type_Hours .app-field-Minor_Service_Last_No:after,
.Reading_Type_Hours .app-field-Minor_Service_Last_No .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Hrs";
}

.app-grid .Reading_Type_Hours .app-field-Service_No:after,
.Reading_Type_Hours .app-field-Service_No .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Hrs";
}

.app-grid .Reading_Type_Hours .app-field-Last_Reading:after,
.Reading_Type_Hours .app-field-Last_Reading .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Hrs";
}

.app-grid .Reading_Type_Hours .app-field-Current_Reading:after,
.Reading_Type_Hours .app-field-Current_Reading .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Hrs";
}

.app-grid .Reading_Type_Hours .app-field-Last_Service_Reading:after,
.Reading_Type_Hours .app-field-Last_Service_Reading .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Hrs";
}

.app-grid .Reading_Type_Miles .app-field-Major_Service_Interval:after,
.Reading_Type_Miles .app-field-Major_Service_Interval .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Mls";
}

.app-grid .Reading_Type_Miles .app-field-Minor_Service_Interval:after,
.Reading_Type_Miles .app-field-Minor_Service_Interval .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Mls";
}

.app-grid .Reading_Type_Miles .app-field-Major_Service_Last_No:after,
.Reading_Type_Miles .app-field-Major_Service_Last_No .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Mls";
}

.app-grid .Reading_Type_Miles .app-field-Minor_Service_Last_No:after,
.Reading_Type_Miles .app-field-Minor_Service_Last_No .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Mls";
}

.app-grid .Reading_Type_Miles .app-field-Last_Reading:after,
.Reading_Type_Miles .app-field-Last_Reading .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Mls";
}

.app-grid .Reading_Type_Miles .app-field-Current_Reading:after,
.Reading_Type_Miles .app-field-Current_Reading .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Mls";
}

.app-grid .Reading_Type_Miles .app-field-Last_Service_Reading:after,
.Reading_Type_Miles .app-field-Last_Service_Reading .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Mls";
}

.app-grid .Service_Type_Months .app-field-Major_Service_Interval:after,
.Service_Type_Months .app-field-Major_Service_Interval .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Months";
}

.app-grid .Service_Type_Months .app-field-Minor_Service_Interval:after,
.Service_Type_Months .app-field-Minor_Service_Interval .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Months";
}

/* End Maintenence Schedule Suffix */

.Red_Alert > .ui-btn:not(:hover):not(.app-selected):not(.ui-btn-active),
.Red_Alert > .ui-btn:not(:hover):not(.app-selected):not(.ui-btn-active) .app-frozen-spacer {
    /* change this property */
    background-color: #DFA7A5 !important;
}

.Amber_Alert > .ui-btn:not(:hover):not(.app-selected):not(.ui-btn-active),
.Amber_Alert > .ui-btn:not(:hover):not(.app-selected):not(.ui-btn-active) .app-frozen-spacer {
    /* change this property */
    background-color: #F9CDAA !important;
}

.Green_Alert > .ui-btn:not(:hover):not(.app-selected):not(.ui-btn-active),
.Green_Alert > .ui-btn:not(:hover):not(.app-selected):not(.ui-btn-active) .app-frozen-spacer {
    /* change this property */
    background-color: #B5CB88 !important; 
}

/* Kgs for Weight */

.app-grid .Plant_Weight .app-field-Plant_Weight:after,
.Plant_Weight .app-field-Plant_Weight .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Kgs";
}

.app-grid .Unit_Weight .app-field-Unit_Weight:after,
.Unit_Weight .app-field-Unit_Weight .app-field-data::after {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: black;
    content: "Kgs";
}

/* End of Kgs for Weight */

/* Green/Amber/Red for Stock_Balance */

.app-grid .Stock_Balance_Green .app-field-Qty_In_Stock:after,
.Stock_Balance_Green .app-field-Qty_In_Stock .app-field-data::after {
    font-family: 'Ariel';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: green;
   
}

.app-grid .Stock_Balance_Amber .app-field-Qty_In_Stock:after,
.Stock_Balance_Amber .app-field-Qty_In_Stock {
    font-family: 'Ariel';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: orange;
}

.app-grid .Stock_Balance_Red .app-field-Qty_In_Stock:after,
.Stock_Balance_Red .app-field-Qty_In_Stock {
    font-family: 'Ariel';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    color: red;
   
}

/* End of Green/Amber/Red for Stock_Balance */
   
/*Row Background Colour*/
   
.Row_Colour_Even, 
.Row_Colour_Even .app-frozen-spacer {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    /* change this property */
    background-color: #e3efff !important;
}

/* End of Row Background Colour can't get this to work yet!*/

/*Category Background Colour*/

.Category_Colour_01 .app-feedback {

    background-color: #ffeac1

}

.Category_Colour_02 .app-feedback {
    background-color: #c5fbf9
}

/* End of Category Background Colour */