#app-panel-menu-scope > div > ul.ui-listview > .app-has-depth,
#app-panel-menu-scope > div > div > ul.ui-listview > .app-has-depth {
    display: none !important
}
.app-style-dv-timesheet_LabourPremiums_1 > ul {
    width: fit-content !important;
}

.app-drag-header-field {
    display: none !important;
}

.app-drag-line {
    display: none;
}

.app-icon-visible {
    visibility: hidden !important;
}

.banner-photo {
    background-image: url('/images/BannerImageGood2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}
.app-control-inner .app-field-object-ref::before
{
    background-color: white;
}

.app-item-tile {
    display: inherit !important;
}

.app-item-tile-more {
    display: inherit !important;
}
.ui-listview > .app-item-tile {
    display: none !important;
}
.app-bar-toolbar .app-logo {
    text-indent: -9999px;
    min-width: 125px;
    padding: 0;
    background-image: url('../images/EmilAnderson-Logo-Maintenance-Horizontal-FV-FullColour.jpg');
    background-size: 100%;
    background-position: center;
}

.app-bar-buttons {
    background-color: white;
}

 .app-drag-line {
    display: none;
}

.app-bar-controls .ui-mini {
    color: #037986 !important;
    border-color: #037986;
    font-weight: bolder;
    font-family: "Century Gothic";
}
app-bar-actions .ui-btn::after {
    color: white !important;
    font-weight: bolder;
}

.app-menu-strip .app-menu-strip-hidden {
    color: #037986 !important;
    z-index: 900;
    margin: 0px 20px 0px 20px;
}

.app-reading-pane-detail.app-page-modal .ui-header.ui-header-fixed.app-bar-header .app-bar-buttons .ui-btn, .app-bar-buttons .app-has-icon.app-btn-close {
    color: #037986 !important;
}


.app-action-column {
    left: 5px;
    max-width: 150px;
    position: absolute;
    top: .5em;
    white-space: pre-wrap;
}

    .app-action-column .app-action-column-button {
        border-radius: .3125em;
        text-transform: uppercase;
        display: inline-block;
        border: solid 1px #38c;
        font-weight: 400;
        padding: 2px 2px;
        margin-bottom: 1px;
        margin-right: 5px;
        color: #037986;
        height: 12px;
        line-height: 18px;
        white-space: nowrap;
    }

.EditActionColumnInner .Outer.Self {
    background-image: url('../images/start-icon-button-8.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}

td.ActionColumn a.EditActionColumn span.Self {
    visibility: hidden;
    width: 50px;
}

td.ActionColumn a.EditActionColumn span.Inner {
    background-image: url('../images/start-icon-button-8.png') !important;
    background-position: 8px center !important;
    background-repeat: no-repeat !important;
}

tr.TotalH td.TotalHours {
    background-image: none !important;
    background-color: #9C0B12 !important;
    color: white;
}

tr.TotalH.Highlight td.Cell {
    background-color: #C5C5C5 !important;
    border-color: #9E9E9E !important;
}

tr.Highlight td.HighwayID {
    color: pink !important;
    font-weight: bold !important;
    background-color: red !important;
}

tr.Validate {
    color: pink !important;
    font-weight: bold !important;
    background-color: red !important;
}

.app-grid .HighlightHW .app-field-HighwaysRfiuniqueIdentifier::after,
.HighlightHW .app-field-HighwaysRfiuniqueIdentifier.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 .HighlightBridge .app-field-BridgeStructuresStructureNo::after,
.HighlightBridge .app-field-BridgeStructuresStructureNo.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 .Highlight .app-field-Latitude::after,
.Highlight .app-field-Latitude .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 .HighlightLong .app-field-Longitude::after,
.HighlightLong .app-field-Longitude .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 .Validate .app-field-TotalHours::after,
.Validate .app-field-TotalHours .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 .Review .app-field-LabourSummaryFullName::after,
.Review .app-field-LabourSummaryFullName .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-listview .SupReview .ui-btn::after,
.app-listview .SupReview .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    /* change these properties */
    top: 0;
    margin-top: -12px;
    left: 0;
    margin-left: -12px;
    background-color: red;
}

.app-listview .SupGood .ui-btn::after,
.app-listview .SupGood .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    /* change these properties */
    top: 0;
    margin-top: -12px;
    left: 0;
    margin-left: -12px;
    background-color: forestgreen;
}

.app-bar-tabs {
    display: none;
}

.app-bar-aggregates .app-listview, .app-bar-footer .app-bar-tabs {
    display: none !important;
}

h3 {
    color: #037986 !important;
    text-shadow: 1px 1px 4px black;
    font-family: "Century Gothic";
}

h1 {
    color: #037986 !important;
    text-shadow: 2px 2px 5px black;
    font-family: "Century Gothic";
}
h2 {
    color: #037986 !important;
    text-shadow: 2px 2px 5px black;
    font-family: "Century Gothic";
}

.app-min-md .jumbotron h1, .app-min-md .jumbotron .h1 {
    color: lightgray !important;
}

.app-vscrollbar-handle {
    background-color: #037986 !important;
}
.app-hscrollbar-handle {
    background-color: #037986 !important;
}

.app-listview .Status .ui-btn::after,
.app-listview .Status .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    /* change these properties */
    top: 0;
    margin-top: -12px;
    left: 0;
    margin-left: -12px;
    background-color: red;
}

.app-listview .StatusGood .ui-btn::after,
.app-listview .StatusGood .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    /* change these properties */
    top: 0;
    margin-top: -12px;
    left: 0;
    margin-left: -12px;
    background-color: forestgreen;
}

.app-grid .app-grid-hscrollbar,
.app-grid .app-grid-hscrollbar-handle {
    height: 16px !important;
}

.app-desktop .app-hscrollbar2 .app-hscrollbar-handle {
    height: 16px !important;
}

.app-grid .app-grid-hscrollbar2,
.app-grid .app-grid-hscrollbar-handle {
    height: 16px !important;
}

.app-grid .app-grid-vscrollbar,
.app-grid .app-vscrollbar-handle {
    width: 16px !important;
}

.app-desktop .app-hscrollbar2,
.app-hscrollbar .app-hscrollbar-handle {
    height: 16px !important;
}

.app-desktop .app-vscrollbar,
.app-desktop .app-vscrollbar-handle {
    width: 16px !important;
}

.app-drop-box.app-signature canvas {
    display: block;
    max-height: 100px;
}

.app-listview.app-grid {
    padding: 8px 0 8px 0;
    margin-left: 16px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    vertical-align: middle;
    font-family: "Century Gothic";
}

.app-toolbox-form .app-toolbox-visible .app-toolbox-panel {
    box-shadow: 0 0 14px 14px rgba(0,0,0,0.4);
    font-family: "Century Gothic";
}

.ui-page .ui-page-theme-a .app-content-stub-hidden .app-page-modal-dock .app-page-modal-dock-top .app-transition-none .app-page-modal-never .app-page-modal .app-page-modal-max-xs .app-page-modal-fit-content .app-min-xxs .app-min-xs .app-page-inlineeditor .app-page-modal-revealed {
    top: 350px !important;
}

.app-page .app-page-modal .app-page-modal-dock .app-page-modal-dock-top .app-page-modal-revealed {
    top: 350px !important;
}

.app-echo .app-echo-instruction {
    color: #037986 !important;
    text-shadow: 1px 1px 4px black;
    font-size: 11px;
    padding: 0 0 .5em 0;
    font-family: "Century Gothic";
}

.app-collapsible-toggle-text {
    color: white !important;
    text-shadow: 1px 1px 4px black;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 80%;
    display: inline-block;
    overflow: hidden;
    line-height: 1em;
    height: 1em;
    font-size: 11px;
    font-family: "Century Gothic";
}

.app-feedback {
    background-color: black !important;
    font-family: "Century Gothic";
}

.app-grid-header app-grid-header-cv-view4-grid1 {
    background-color: black !important;
}

.app-grid-header, .app-display-flow .app-row-header, .app-display-flow .app-row-header .app-column-header:after {
    background-color: darkgrey;
    border-color: #037986;
    color: white;
    font-weight: bolder;
    font-family: "Century Gothic";
}

.app-field-group {
    font-size: 11px;
    text-align: left;
    color: black;
    font-weight: bolder;
    font-family: "Century Gothic";
}
.app-bootstrap > .carousel:first-child, .app-bootstrap > .jumbotron:first-child {
    color: white;
}

.app-has-reading-pane .app-bar-toolbar {
    background-color: /*@theme.readingPane.master.toolbar.background*/ white;
    border-color: /*@theme.readingPane.master.toolbar.border*/ white;
}

.app-has-reading-pane .app-btn-cluster-right {
    display: none;
}

.app-page-modal .app-page-header-image {
    background-image: url('/images/BannerImageGood2.jpg');
}

.app-page-header-image {
    top: 40px;
    background-image: url('/images/BannerImageGood2.jpg');
    height: 173px;
}

element.style {
    top: 40px;
    height: 286px;
    background-image: url("/blob.ashx?EquipmentDetailsPicture=t|16429&_nocrop");
}
.app-bootstrap .jumbotron {
    color: white !important;
    background-image: url('/images/BannerImageGood2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}

body, input, select, textarea, button, .ui-btn {
    font-family: "Century Gothic";
    font-size: 1.2em;
}

.app-bootstrap h1, .app-bootstrap h2, .app-bootstrap h3, .app-bootstrap h4, .app-bootstrap h5, .app-bootstrap h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Century Gothic";
    font-weight: 500;
    line-height: 1.1;
    color: #037986 !important;
}

.app-menu-strip-has-title .app-menu-strip-title {
    height: 56px;
    line-height: 56px;
    padding: 0;
    font-weight: bold;
    font-family: "Century Gothic";
    background-color: transparent;
    color: #037986 !important;
}

.app-filter, .app-desktop .app-listview .app-field span[data-href]:hover, .app-desktop .app-listview .app-field[data-href]:hover, .app-desktop [data-state="read"] .app-control-inner[data-href]:hover, li .app-text-normal, .app-bar-search + .app-bar-history li b, .app-desktop .app-bar-search + .app-bar-history li b {
    color: /*@filter.text,@theme.filter.text,@header.background*/ #037986;
}

.app-density-compact .app-caret-r .app-caret::before {
    left: 15px;
}

[data-input="lookup"] .app-caret::before {
    content: 'expand_more';
    left: 15px;
}
.app-menu-strip {
    padding: 0 1em 0 0;
    margin-left: 200px;
    width: max-content !important;
    white-space: nowrap;
    color: #037986 !important;
}

    .app-menu-strip ul {
        padding: 0;
        margin: 0;
        white-space: normal;
        overflow: overlay;
        color: #037986 !important;
    }

.app-wrapper > * {
    background-color: white;
}

.app-focus-frame{
    background-color: transparent;
}

 .app-echo .app-echo-toolbar > .app-echo-controls > .ui-mini, .app-bar-actions > .app-bar-controls > .ui-mini, .app-bar-header > .app-bar-strip > .ui-mini, .app-bar-footer > .app-bar-strip > .ui-mini {
    color: #037986 !important;
}

.app-echo .app-echo-toolbar > .app-echo-controls, .app-echo .app-echo-toolbar > .app-echo-see-all, .app-bar-actions > .app-bar-controls {
    background-color: transparent;
    color: #037986 !important;
}
.app-calendar-badge b {
    font-weight: 600;
    font-family: "Century Gothic";
}

.app-row-status-new {
    visibility: hidden;
}

.app-page-header .app-page-header-fixed {
    background-image: url('/images/BannerImageGood2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}

.app-bar-actions ui-header ui-bar-inherit ui-header-fixed {
    background-image: url('/images/BannerImageGood2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}
.app-popup .app-popup-listview .app-popup-icon-left .ui-popup .ui-body-a .ui-overlay-shadow .ui-corner-all .app-has-icon .app-has-material-icon .ui-btn > .app-icon material-icon material-icon-group-work {
    display: none !important;
}

.app-has-icon .app-has-material-icon .ui-btn > .app-icon material-icon material-icon-group-work {
    display: none !important;
}

.app-has-icon .app-has-material-icon .ui-btn > Freeze {
    display: none !important;
}

.app-popup .app-popup-listview .app-popup-icon-left .ui-popup .ui-body-a .ui-overlay-shadow .ui-corner-all .app-has-icon .app-has-material-icon .ui-btn .app-icon .material-icon .material-icon-check {
    display: none !important;
}

.app-popup .app-popup-listview .app-popup-icon-left .ui-popup .ui-body-a .ui-overlay-shadow .ui-corner-all .app-has-icon .app-has-material-icon .ui-btn .app-icon .material-icon .material-icon-group-work {
    display: none !important;
}

.app-listview .ui-listview .app-has-icon .app-has-material-icon .ui-btn {
    display: none !important;
}


.app-icon .material-icon .material-icon-expand-more .app-btn {
    display: none;
}

.app-has-icon .app-has-material-icon .app-depth1 .ui-btn {
    display: none;
}

.app-acc-space, .app-reading-pane-bkg {
    background-image: url('../images/acc-man-bkg.jpg')
}
.ui-page .app-bar-heading .app-grid-header {
    background-color: darkgrey;
}

.app-reading-pane-detail .app-page-modal .ui-header.ui-header-fixed.app-bar-header .app-bar-buttons .ui-btn, .app-bar-buttons .app-has-icon.app-btn-close {
    visibility:hidden;
}

.app-reading-pane-splitter {
    position: absolute;
    left: 903;
    top: 0;
    width: 9px;
    bottom: 0;
    z-index: 1;
    cursor: grabbbing;
}

.app-reading-pane-master .app-btn-cluster-right {
    visibility: hidden;
}

.ui-page .ui-page-theme-a app-reading-pane-master .app-btn-cluster-right {
    visibility: hidden;
}

.app-btn-cluster-right {
    z-index: 1000;
}

.app-bar-toolbar.ui-header .ui-btn.ui-btn-icon-notext  {
    z-index: 1;
}

.app-caret {
    margin-left: -17px;
    margin-top: -12px;
    top: 50%;
    left: 50%;
    border: none !important;
    width: 22px !important;
    height: 24px !important;
    color: #000;
    user-select: none;
    position: absolute;
}

.ui-page .ui-page-theme-a .app-page-modal .ui-page-active .app-min-xxs .app-min-xs .app-min-sm .app-min-md {

    padding-top: 0px;
    top: 49px;
    left: 469.5px;
    min-width: 500px;
    max-width: 500px;
    width: 500px;
    min-height: 300px;
    max-height: 300px;
    height: 300px;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited {
    color: #037986;
}

.app-bootstrap a:not(.app-editor-focus) {
    color: #037986;
}