/* 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/Yellow/Amber/Red Flag for Plant ID */

.app-grid .Cert_Due_Green_Flag .app-field-Plant_ID:after,
.Cert_Due_Green_Flag .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 .Cert_Due_Yellow_Flag .app-field-Plant_ID:after,
.Cert_Due_Yellow_Flag .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: yellow;
    content: "\e034";
}

.app-grid .Cert_Due_Amber_Flag .app-field-Plant_ID:after,
.Cert_Due_Amber_Flag .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 .Cert_Due_Red_Flag .app-field-Plant_ID:after,
.Cert_Due_Red_Flag .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/Yellow/Amber/Red Flag for Plant ID */

/* Green/Yellow/Amber/Red Background for Cert_Expiry_Date */

.app-grid .Cert_Due_Green_Background .app-field-Cert_Expiry_Date,
.Cert_Due_Green_Background .app-field-Cert_Expiry_Date .app-field-data {
    display: inline-block;
    /* font-family: 'Glyphicons Halflings'; */
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    background-color: #35ed56
}

.app-grid .Cert_Due_Yellow_Background .app-field-Cert_Expiry_Date,
.Cert_Due_Yellow_Background .app-field-Cert_Expiry_Date .app-field-data {
    display: inline-block;
    /* font-family: 'Glyphicons Halflings'; */
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    background-color: yellow
}

.app-grid .Cert_Due_Amber_Background .app-field-Cert_Expiry_Date,
.Cert_Due_Amber_Background .app-field-Cert_Expiry_Date .app-field-data {
    display: inline-block;
    /* font-family: 'Glyphicons Halflings'; */
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    background-color: orange
}

.app-grid .Cert_Due_Red_Background .app-field-Cert_Expiry_Date,
.Cert_Due_Red_Background .app-field-Cert_Expiry_Date .app-field-data {
    display: inline-block;
    /* font-family: 'Glyphicons Halflings'; */
    /font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: .5em;
    /* change these properties  */
    background-color: #ff4723
}

/* End of Green/Yellow/Amber/Red Background for Cert_Expiry_Date */

/* Mon, Tue, Wed, Thu, Fri Background Colours */

/* .app-grid .Mon_Background, */

.app-field-Mon_Start_Time, .app-field-Mon_Finish_Time, .app-field-Mon_BC, .app-field-Mon_LU, .app-field-Mon_OSC, .app-field-Mon_Hours_Mins,
.app-field-Mon_Open{
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    /* padding-left: .5em; */
    /* change these properties  */
    background-color: #f9cdaa
}

.app-field-Tue_Start_Time, .app-field-Tue_Finish_Time, .app-field-Tue_BC, .app-field-Tue_LU, .app-field-Tue_OSC, .app-field-Tue_Hours_Mins,
.app-field-Tue_Open {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    /* padding-left: .5em; */
    /* change these properties  */
    background-color: #a4d5e2
}

.app-field-Wed_Start_Time, .app-field-Wed_Finish_Time, .app-field-Wed_BC, .app-field-Wed_LU, .app-field-Wed_OSC, .app-field-Wed_Hours_Mins,
.app-field-Wed_Open {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    /* padding-left: .5em; */
    /* change these properties  */
    background-color: #bfb2cf
}

.app-field-Thu_Start_Time, .app-field-Thu_Finish_Time, .app-field-Thu_BC, .app-field-Thu_LU, .app-field-Thu_OSC, .app-field-Thu_Hours_Mins,
.app-field-Thu_Open {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    /* padding-left: .5em; */
    /* change these properties  */
    background-color: #cddcaf
}

.app-field-Fri_Start_Time, .app-field-Fri_Finish_Time, .app-field-Fri_BC, .app-field-Fri_LU, .app-field-Fri_OSC, .app-field-Fri_Hours_Mins,
.app-field-Fri_Open {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    /* padding-left: .5em; */
    /* change these properties  */
    background-color: #dfa7a5
} 

/* End Mon, Tue, Wed, Thu, Fri Background Colours */


/* Stert of Reading_Type_Hours */

.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_Hours .app-field-Reading_When_Aquired:after,
.Reading_Type_Hours .app-field-Reading_When_Aquired .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";
}

/* End of Reading_Type_Hours*/

/* Start of Reading_Type_Miles*/

.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 .Reading_Type_Miles .app-field-Reading_When_Aquired:after,
.Reading_Type_Miles .app-field-Reading_When_Aquired .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";
}

/* End of Reding_Type_Miles */

/* Start of Reading_Type_Months */

.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 of Reading_Type_Months */

/* Start of something? */

.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 .SWL .app-field-SWL:after,
.SWL .app-field-SWL .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 .Gross_Weight .app-field-Gross_Weight:after,
.Gross_Weight .app-field-Gross_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 */

/* mm for Distanct */

.app-grid .Lift_Height .app-field-Lift_Height:after,
.Lift_Height .app-field-Lift_Height .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: "mm";
}

/* End of mm for Distance */

/* 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 */

/* Green/Red for Gross_Margin */

.app-grid .Gross_Margin_Green .app-field-Gross_Margin:after,
.Gross_Margin_Green .app-field-Gross_Margin {
    font-weight: bold;
    /* change these properties  */
    color: green;
}

.app-grid .Gross_Margin_Red .app-field-Gross_Margin:after,
.Gross_Margin_Red .app-field-Gross_Margin {
    font-weight: bold;
    /* change these properties  */
    color: red;
}

/* End of Green/Red for Gross_Profit */
   
/*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;
    color: black                      /*Font Colour*/

}

.Category_Colour_02 .app-feedback {
    background-color: #c5fbf9;
    color: black                      /*Font Colour*/
}

/* End of Category Background Colour */

/* Start of field attributes */

/* [data-field="UPN"][data-control="label"] {
    font-weight: 500;
    color: coral !important;
}

[data-field="Lastname"][data-control="field"] {
    font-weight: bold;
    color: blue;
}

[data-field="Age"][data-control="field"] {
    font-weight: bolder;
    color: coral !important;
    background-color: aquamarine !important;
} */

/* End of field attributes */