/********************* Colour reference chart****************
*************************** comment ********* colour ******** 

very-light-grey             vlg             #F3F3F7
trimble dark blue           tdb             #002D5B
trimble blue                tb              #00437B
trimble blue mid            tbm             #005F9E
trimble grey                tg              #363545
trimble brand grey          tbg             #767876
trimble brand grey 50%      tb50g           #B0AFB0
grey light                  gl              #E5E5E5
blue grey light             bgl             #E2E2E7
very-light-grey             vlg             #F3F3F7
very vey light grey         vvlg            #F9F9FB
forestry orange             fo              #FFA500
trimble blue light          tbl             #009AD9

*/
:root {
    --very-light-grey: #F3F3F7;
}

body {
    overflow-x: hidden;
/*    background-color: var(--very-light-grey);*/
    background-color: /*vlg*/ #F3F3F7;
    font-size: 10pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    color: #000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

    body.printable {
        background-color: white;
        color: black;
    }

.Background {
    background-color: #CAD7E1;
}

.ui-widget-header {
    background-color: #009AD9;
    color: white;
}

.ui-dialog {
    background-color: /*vlg*/ #F3F3F7;
}

.ui-widget-content {
    background-color: /*vlg*/ #F3F3F7;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

.appTitle {
    color: White;
    font-size: 14pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-weight: bold;
    height: 30px;
}

.appSmallTitle {
    color: White;
    font-size: 8pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
}

.appModuleTitle {
    color: White;
    font-size: 14pt;
    font-weight: bold;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
}

.appBanner {
    background-color: rgb(0,95,158); /* omitting 0.9 alpha*/
/*    background-color: rgb(25,111,168); this a conversion of rgba(0,95,158,0.9) to rgb with white background */
    color: white;
    border-bottom: solid thin #aaa;
    font-weight: bold;
}

#ModuleName {
    color: White;
}

hr {
    border: solid thin #303436;
}

.appBannerMenuRow {
/*    background-color: rgb(0,95,158); omitting 0.9 alpha*/
    /*background-color: rgb(25,111,168);*/
}

.pageTitle {
    font-size: 12pt;
    font-weight: bold;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
}

.textOrangeBold {
    font-size: 10pt;
    font-weight: bold;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    color: #e6a807;
}

.textOrange {
    font-size: 10pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    color: #e6a807;
}

.statusLabelText {
    font-size: 10pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    color: black;
}

.content {
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.UWGButton {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    width: 75px;
}

.Button {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    width: 85px;
    font-weight: 600;
    background-color: /*tbl*/ #009AD9;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
    height: 30px;
    box-shadow: /*tg*/ rgba(54, 53, 69, 0.5) 0px 0px 3px 0px;
}

    .Button:hover:enabled {
        background-color: /*tbm*/ #005F9E;
    }

    .Button:disabled {
        opacity: 0.5;
    }

.TextBox {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    color: /*tg*/ #363545;
    background-color: white;
    font-size: 10pt;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0.5px;
    min-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

    .TextBox:focus {
/*
        border-color: rgb(77, 144, 254);
        border-style: solid;
        border-width: 1px;
*/
    }

.TextBoxReadOnly {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    color: /*gl*/ #bbb; /* override trimble light grey for disabled text for readability */
    background-color: white;
    font-size: 10pt;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0.5px;
    min-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.DropDown {
    border-color: rgb(0, 95, 158);
    border-style: solid;
    border-width: 1px;
    min-height: 30px;
    padding-left: 10px;
}

    .DropDown:focus {
        border-color: rgb(77, 144, 254);
        border-style: solid;
        border-width: 1px;
        min-height: 30px;
    }

.EditableListTextBox {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
}

.EditableListHelpText {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 8pt;
    font-style: italic;
    font-weight: normal;
}

.hidden {
    display: none;
}

.dataEntryForm {
}


td.TDVertButton {
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

td.TDHorizButton {
    padding-left: 0px;
    padding-right: 5px;
}

button.VertButton {
    padding-left: 5px;
    padding-right: 5px;
}



.dataEditorSectionTitle {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: solid thin black;
}


.dataEditorNavRow {
    height: 25px;
}

.dataEditorLabelCell {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    vertical-align: top;
    width: 200px;
    font-weight: bold;
}

.dataEditorFieldCell {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    vertical-align: top;
    width: 450px;
    font-weight: bold;
}

.dataViewerForm {
}

.dataViewerSectionTitle {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: solid thin gray;
}

.dataViewerItemRow {
}

.dataViewerLabelCell {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    vertical-align: top;
    width: 200px;
    font-weight: bold;
    margin-bottom: 10px;
}

.dataViewerFieldCell {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    vertical-align: top;
    width: 450px;
    margin-bottom: 10px;
}

.ReadOnly {
    background-color: #CAD7E1;
}

.menuZIndex {
    z-index: 1;
    padding: 4px;
}

.staticMenuStyle {
    padding: 10px;
}

.modalPopupBackground {
    background: #CCCCCC;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalDialogPopup {
    text-align: center;
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
/*    background-color: White;*/
    background-color: /*vlg*/ #F3F3F7;
}

/* Item NavigationControl styles */
.navigationControl {
    background-color: #ffffff;
    width: 100%;
    border-bottom: solid 1px black;
}

.navigationControlText {
    width: 100px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}

/* DataEditor Tab styles */
.activeTabCell {
    background: /*tbl*/ #009AD9;
    color: white;
    padding: 5px 10px 5px 10px;
    border-left: solid 1px /*tb50g*/ #B0AFB0;
    border-top: solid 1px /*tb50g*/ #B0AFB0;
    border-right: solid 1px /*tb50g*/ #B0AFB0;
    z-index: 100;
    font-weight: bold;
}
/*
    .activeTabCell:hover {
        background: /*tbm*/ /*#005F9E;
    }
*/

.inactiveTabCell {
    background: white;
    color: black;
    padding: 5px 10px 5px 10px;
    border-left: solid 1px /*tb50g*/ #B0AFB0;
    border-top: solid 1px /*tb50g*/ #B0AFB0;
    border-right: solid 1px /*tb50g*/ #B0AFB0;
}
/*
    .inactiveTabCell:hover {
        background: /*tb50g*/ /**/#B0AFB0;
    }
*/

.edgeTabCell {
    border-bottom: solid 1px /*tb50g*/ #B0AFB0;
    width: 100%;
}



/* HTML table row style */

table > tr {
}




.tabBody {
    /*    background-color: #303436;*/
    background-color: white;
    border-left: solid 1px /*tb50g*/ #B0AFB0;
    border-right: solid 1px /*tb50g*/ #B0AFB0;
    border-bottom: solid 1px /*tb50g*/ #B0AFB0;
    border-top: solid 1px /*tb50g*/ #B0AFB0;
    vertical-align: top;
    padding: 0px 0px 0px 5px;
}

.tabBodyContainer {
    width: 100%;
    overflow: auto;
}

.header-link {
    color: #fff;
    font-size: 12pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    padding-right: 5px;
    font-weight: bold;
}

a.header-link {
    font-weight: normal;
}

.confirm-action-dialog {
    display: none;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.hidden-button {
    display: none;
}



/* Grid view  styles */
.gvstyling {
    color: /*tg*/ #363545;
    background-color: white;
    border-color: /*tb50g*/ #B0AFB0;
    border-bottom: 1px solid /*tb50g*/ #B0AFB0;
    border-top: 1px solid /*tb50g*/ #B0AFB0;
    border-left: 1px solid /*tb50g*/ #B0AFB0;
    border-right: 1px solid /*tb50g*/ #B0AFB0;
    border-radius: 1px 1px;
}

    .gvstyling tr {
        height: 30px;
        font-size: 10pt;
        font-weight: normal;
    }

    .gvstyling tr:nth-child(odd) {
        background-color: white;
    }

    .gvstyling tr:nth-child(even) {
        background-color: /*vlg*/ #F3F3F7;
    }

    .gvstyling tr:hover {
        background-color: /*gl*/ #E5E5E5;
    }

    .gvstyling th {
        background-color: white;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid /*tb50g*/ #B0AFB0;
        border-top: 1px solid /*tb50g*/ #B0AFB0;
        border-left: 1px solid /*tb50g*/ #B0AFB0;
        border-right: 1px solid /*tb50g*/ #B0AFB0;
        padding-left: 8px;
        padding-right: 8px;
    }

    .gvstyling tr td {
        font-size: 10pt;
        border-bottom: 0.5pt solid /*gl*/ #E5E5E5;
        border-top: 0.5pt solid /*gl*/ #E5E5E5;
        border-left: 0.5pt dotted /*gl*/ #E5E5E5;
        border-right: 0.5pt dotted /*gl*/ #E5E5E5;
        padding-left: 8px;
        padding-right: 8px;
    }

        .gvstyling tr td a {
            color: /*tbm*/ #005F9E;
            font-weight: normal;
            text-decoration: none;
        }

            .gvstyling tr td a:hover {
                color: /*tb*/ #00437B;
                text-decoration: underline;
            }




.gridHeaderGlobalizedValues {
    color: #e6a807;
}

/* Infragistics tab styles */

.igtab_THHolder {
    border-width: 0px;
    background-image: none;
}

.igtab_THContentHolder {
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 1px;
}

.igtab_THContent {
    color: black;
    background-color: white;
}

.igtab_THTail {
    background-image: none;
    background-color: white;
}

.igtab_THCenter {
    background-image: none;
    background-color: white;
}

.igtab_THTab {
    background-image: none;
    background-color: white;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 1px;
}

.igtab_THTailSel {
    background-color: #009AD9;
}

.igtab_THCenterSel {
    background-color: #009AD9;
}

.igtab_THTabSel {
    background: /*tbl*/ #009AD9;
    color: white;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 1px;
}


.igtab_THText {
    font-size: 10pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    color: black;
}

.igtab_THTextSel {
    font-size: 10pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-weight: bold;
    color: white;
}

.igtab_THTextHov {
    font-size: 10pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
}



/* Infragistics grid styles */

.ig_Control {
/*    color: white;*/
    color: black;
/*    background-color: #303436;*/
    background-color: white;
    font-size: 10pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
}

.igg_Control {
/*    color: white;
    background-color: #303436;
*/
    color: black;
    background-color: white;
}

.igg_RowSelector {
    color: white;
/*    background-color: #303436;*/
    background-color: rgb(0,95,158);
/*    background-color: rgb(25,111,168); this a conversion of rgba(0,95,158,0.9) to rgb with white background */
}

.igg_HeaderRowSelector {
    color: white;
/*    background-color: #303436;*/
    background-color: rgb(0,95,158);
/*    background-color: rgb(25,111,168); this a conversion of rgba(0,95,158,0.9) to rgb with white background */
}

/* Infragistics grid header styles */

.igg_HeaderCaption {
    border-bottom: 1px solid /*tb50g*/ #B0AFB0;
    border-top: 0px solid /*tb50g*/ #B0AFB0;
    border-left: 0px solid /*tb50g*/ #B0AFB0;
    border-right: 1px solid /*tb50g*/ #B0AFB0;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 8px;
    padding-right: 8px;
    min-height: 30px;
}

.igg_Header {
    color: /*tg*/ #363545;
    background-color: white;
    background-image: none;
}

/* Infragistics grid row and cell styles */
tbody.igg_Item > tr > td {
    border-bottom: 0px solid /*tb50g*/ #B0AFB0;
    border-top: 0px solid /*tb50g*/ #B0AFB0;
    border-left: 0px solid /*tb50g*/ #B0AFB0;
    border-right: 0.5px dotted /*tb50g*/ #B0AFB0;
    padding-left: 10px;
    padding-right: 10px;
    color: /*tg*/ #363545;
    background-color: /*vlg*/ #F3F3F7;
    font-style: normal !important;
    height: 30px;
}

tbody > tr.igg_Alt > td {
    background-color: white;
    color: /*tg*/ #363545;
}

tbody.igg_Item > tr {
    height: 30px;
    font-size: 10pt;
    font-weight: normal;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    /* to prevent row font style changes for updated rows */
    font-style: normal;
}

.DTHeaderCaptionStyle {
    overflow: hidden;
    white-space: nowrap;
}

tbody.igg_Item > tr:hover > td {
    background-color: /*gl*/ #E5E5E5;
}

tbody.igg_Item > tr.igg_ActiveRow > td, tbody.igg_Item > tr > td.igg_SelectedCell {
    background-color: /*tbl*/ rgba(0, 154, 217, 0.2);
}

tbody.igg_Item > tr.igg_ActiveRow:hover > td, tbody.igg_Item > tr:hover > td.igg_SelectedCell {
    background-color: /*tbl*/ rgba(0, 154, 217, 0.2);
}

    tbody.igg_Item > tr.DTRowStyle > td {
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr:hover.DTRowStyle > td {
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr.DTDispatchedRowStyle > td {
        background-color: lightgreen;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr:hover.DTDispatchedRowStyle > td {
        background-color: lightgreen;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr.DTAvailableRowStyle > td {
        background-color: #fff7a1;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr:hover.DTAvailableRowStyle > td {
        background-color: #fff7a1;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr.DTAcceptedRowStyle > td {
        background-color: deepskyblue;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr:hover.DTAcceptedRowStyle > td {
        background-color: deepskyblue;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr.DTInTransitRowStyle > td {
        background-color: lightgray;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr:hover.DTInTransitRowStyle > td {
        background-color: lightgray;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr.DTDeliveredRowStyle > td {
        background-color: lightcoral;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr:hover.DTDeliveredRowStyle > td {
        background-color: lightcoral;
        border-top: 0.5px solid darkgray;
        border-bottom: 0.5px solid darkgray;
        overflow: hidden;
        white-space: nowrap;
    }

    tbody.igg_Item > tr.DTSelectedRowStyle > td {
        border-top: 0.5px solid black;
        border-bottom: 0.5px solid black;
    }

    tbody.igg_Item > tr:hover.DTSelectedRowStyle > td {
        border-top: 0.5px solid black;
        border-bottom: 0.5px solid black;
    }

.Processing {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -150px;
    text-align: center;
    width: 200px;
    height: 75px;
    background-color: White;
    color: #000;
    padding-top: 60px;
    font-size: 10pt;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    border: 2px solid #67CFF5;
}

/* The 2 classes below accomplish the same style as the 2 classes above (however the styles above are more reliable) but they can not be used together as this leads to 2 rows being highlighted after a post back */
/*
tbody.igg_Item > tr:hover > td.igg_SelectedCell {
    background-color: rgba(0, 154, 217, 0.2);
}

tbody.igg_Item > tr > td.igg_SelectedCell {
    background-color: rgba(0, 154, 217, 0.2);
}
*/


tbody.igg_Item > tr > td > a {
    color: /*tbm*/ #005F9E;
    font-weight: normal;
    text-decoration: none;
}

    tbody.igg_Item > tr > td > a:hover {
        color: /*tb*/ #00437B;
        text-decoration: underline;
    }

tbody > tr > td.Center {
    text-align: center;
}





tbody > tr > td.igg_ActiveCell {
    border: 0px solid grey;
}



tbody.igg_Item > tr:last-child > td {
    border-bottom: 1px solid /*tb50g*/ #B0AFB0;
}

tbody.igg_Item > tr > td:last-child {
    border-right: 1px solid /*tb50g*/ #B0AFB0;
}


.igg_SelectedRowSelector ~ td {
/*    background-color: #303436;*/
    background-color: rgb(0,95,158);
/*    background-color: rgb(25,111,168); this a conversion of rgba(0,95,158,0.9) to rgb with white background */
}

.igg_SelectedRowSelector {
/*    background-color: #303436;*/
    background-color: rgb(0,95,158);
/*    background-color: rgb(25,111,168); this a conversion of rgba(0,95,158,0.9) to rgb with white background */
    background-image: none;
}

.igg_ActiveRowSelector {
/*    background-color: #303436;*/
    background-color: rgb(0,95,158);
/*    background-color: rgb(25,111,168); this a conversion of rgba(0,95,158,0.9) to rgb with white background */
    background-image: none;
}

.igg_SelectedRowSelectorImage {
    background-color: rgb(0,95,158);
/*    background-color: rgb(25,111,168); this a conversion of rgba(0,95,158,0.9) to rgb with white background */
/*    background-color: #303436;*/
    color: black;
}








body.m {
    margin: 4px;
/*    background-color: #303436;*/
    color: white;
}

ul.m_ul {
    padding-left: 0;
    list-style-type: none;
}

li.m_header {
    background-color: #4C4C4C;
    padding-top: 5px;
    white-space: nowrap;
}

    li.m_header:empty {
        padding-top: 0px;
    }

li.m_field_row {
    background-color: #4C4C4C;
    padding-left: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    white-space: nowrap;
    border-top: 1px solid #888;
}

    li.m_field_row:empty {
        padding-top: 0px;
        border-top: 0;
    }

    li.m_field_row:last-child {
        border-bottom: 1px solid #888;
    }

li.m_field {
    padding-left: 20px;
    padding-bottom: 5px;
    background-color: #4C4C4C;
    border-bottom: 1px solid #888;
    white-space: nowrap;
}

li.m_nav {
    padding-bottom: 20px;
}

.m_header_wrapper {
    display: inline-block;
    width: 110px;
    font-weight: bold;
}

.m_field_wrapper {
    display: inline-block;
}

.m_caption_text_wrapper {
    width: 195px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
}

.m_nav_text_wrapper {
    width: 60px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
}

.m_nav_button_wrapper {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.m_nav_text {
    font-size: large;
    color: #e6a807;
    white-space: nowrap;
}

li.m_error {
    color: red;
}

.m_button {
    font-size: large;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-decoration: none;
}

.m_docked_nav {
    position: fixed;
    bottom: 0;
    left: 0;
/*    background-color: #222629;*/
    background-color: rgb(0,95,158);
    text-align: center;
    width: 100%;
    padding: 5px;
}

.m_dropdown_prompt {
    padding: 5px;
}

.m_dropdown {
    font-size: large;
}

.m_grid_header {
    text-align: left;
    color: #ccc;
/*    background-color: #222629;*/
    background-color: rgb(0,95,158);
    border-color: #fff;
    font-weight: bold;
}

.m_grid_view {
    border-left: 0;
    border-right: 0;
}

.webReportGridView {
    border-left-width: 0px;
    border-right-width: 0px;
}

.webReportGridView-TextField {
    border-width: 0;
    text-align: left;
}


.webReportGridView-NumericField {
    border-width: 0;
    text-align: right;
}

.webReportGridView-NumericFooter {
    border-width: 0;
    border-top-width: 1px;
    text-align: right;
    font-weight: bold;
}

.webReportGridView-HeaderField {
    border-width: 0;
    border-bottom-width: 1px;
    text-align: center;
}

.webReportTitle {
    font-size: large;
    font-weight: bold;
}

.webReportParamLabel {
    font-weight: bold;
}

.ErrorText {
    color: Red;
}

.HeaderSpan {
    width: 100%;
/*    background-color: #222629;*/
    background-color: rgb(0,95,158);
    color: White;
    padding-left: 4px;
}

.HiddenColumn {
    display: none;
}

.user-detail-form-searching {
    display: none;
    width: 20px;
    height: 20px;
}

.user-search-dialog {
    display: none;
}

.username-enabled {
/*    border-width: thin;
    border-style: solid;
    border-color: #707070;
*/
    border-color: rgb(0, 95, 158);
    border-style: solid;
    border-width: 1px;
}

    .username-enabled:focus {
    /*    border-width: thin;
        border-style: solid;
        border-color: #707070;
    */
        border-color: rgb(77, 144, 254);
        border-style: solid;
        border-width: 1px;
    }

.username-readonly {
    border-width: thin;
    border-style: solid;
    border-color: #ccc;
}

.tree-node-bold {
    font-weight: bold;
/*    color: white;*/
    color: black;
}

.igdt_Node {
/*    color: white;*/
    color: black;
}

a {
    color: /*tbm*/ #005F9E;
    text-decoration: none;
}

    a.Unbold {
        font-weight: normal;
    }

    a:hover {
        color: /*tb*/ #00437B;
        text-decoration: underline;
    }



input[type=button] {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    width: 85px;
    font-weight: 600;
    background-color: /*tbl*/ #009AD9;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    color: white;
    min-height: 30px;
    box-shadow: /*tg*/ rgba(54, 53, 69, 0.5) 0px 0px 3px 0px;
}

    input[type=button]:hover:enabled {
        background-color: /*tbm*/ #005F9E;
    }

    input[type=button]:disabled {
        opacity: 0.5;
    }

input[type=text] {
    color: /*tg*/ #363545;
    background-color: white;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0.5px;
    font-size: 10pt;
    min-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

    input[type=text]:disabled {
        background-color: /*gl*/ #bbb; /* override trimble light grey for disabled text for readability */
    }

    input[type=text]:focus {
/*
        border-color: rgb(77, 144, 254);
        border-style: solid;
        border-width: 1px;
*/
    }

select {
    color: /*tg*/ #363545;
    background-color: white;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0.5px;
    font-size: 10pt;
    padding-left: 10px;
    min-height: 30px;
}

    select:disabled {
        background-color: /*gl*/ #bbb; /* override trimble light grey for disabled text for readability */
    }

    select:focus {
/*
        border-color: transparent;
        border-style: solid;
        box-shadow: rgba(54, 53, 69, 0.5) 3px 3px;
*/
    }










/* Infragistics grid text edit control styles */

.igg_EditCell {
    color: /*tg*/ #363545;
    background: White !important;
    border: solid 1px /*tb50g*/ #B0AFB0 !important;
    border-radius: 1px;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    padding-left: 8px;
    padding-right: 8px;
}

.igg_EditCell:focus {
    color: /*tg*/ #363545;
    background: White !important;
    border: solid 1px /*tb50g*/ #B0AFB0 !important;
    border-radius: 1px;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
}


tbody > tr > td.igg_ReadOnlyCell {
    background-color: #ddd;
    color: #666;
}

/* Infragistics grid special text edit control styles (i.e. numeric) */

.igte_Edit::-ms-clear, .igte_EditInContainer::-ms-clear {
    display: none;
}

.igte_Edit {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    background-color: white;
    outline: 0;
    border: solid 1px /*tb50g*/ #B0AFB0 !important;
    padding-left: 8px;
    padding-right: 8px;
}

.igte_TextArea {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    background-color: white;
    outline: 0;
    border: solid 1px /*tb50g*/ #B0AFB0 !important;
    resize: none;
    padding-left: 8px;
    padding-right: 8px;
}

/* This styles is used for calendar controls edit boxes, need to remove padding */
.igte_EditWithButtons {
    padding-left: 0px;
    padding-right: 0px;
    border-color: transparent;
}

input[type=text].igte_EditWithButtons {
    padding-left: 0px;
    padding-right: 0px;
    border-color: transparent;
}

.igte_EditInContainer {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    background-color: Transparent;
    border-width: 0px;
    outline: 0;
    padding-left: 0px;
    padding-right: 0px;
    /* simulate padding */
    text-indent: 10px;
}

input[type=text].igte_EditInContainer {
    padding-left: 0px;
    padding-right: 0px;
    /* simulate padding */
    text-indent: 10px;
}

input[type=text].igdd_ValueDisplay {
    padding-left: 0px;
    padding-right: 0px;
    min-height: 30px;
    /* simulate padding */
    text-indent: 10px;
}





/* Infragistics grid drop down control styles */

/*

Main control CSS class
*/
.igdd_Control {
}


/*
 Main Control CSS class when it's disabled
*/
.igdd_ControlDisabled {
}


/*
 Main control css class on hover
*/
.igdd_ControlHover {
/*    background-color: WhiteSmoke;*/
    background-color: transparent;
    border: solid 1px /*tb50g*/ #B0AFB0;
}


/*

*/
.igdd_ControlFocus {
    background-color: transparent;
    border: solid 1px /*tb50g*/ #B0AFB0;
    table-layout: fixed;
}


.igdd_ControlArea {
    table-layout: fixed;
    border-width: 0px;
}


/*
CSS class for the actual input field (<input type="text" />)
*/
.igdd_ValueDisplay {
    background-color: white;
    color: /*tg*/ #363545;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    width: 100%;
    border-width: 0px;
}

.igdd_ValueDisplay:focus {
    background-color: white;
    color: /*tg*/ #363545;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    width: 100%;
    border-width: 0px;
}

    .igdd_ValueDisplay::-ms-clear {
        display: none;
    }

/*

*/
.igdd_ValueDisplayHover {
    border-width: 0px;
}


/*

*/
.igdd_ValueDisplayFocus {
    border-width: 0px;
}


/*

*/
.igdd_ValueDisplayDisabled {
    background-color: /*gl*/ #bbb; /* override trimble light grey for disabled text for readability */
    border: 0px;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    width: 100%;
    z-index: 0;
}


/*

*/
.igdd_ValueDisplayReadOnly {
    border: 0px;
}


/*
    The list part of drop down list control
*/
.igdd_DropDownList {
    background-color: White;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    margin: 0px;
    padding: 1px;
    border-width: 0px;
}


/*

*/
.igdd_DropDownListHover {
    border-width: 0px;
}


/*

*/
.igdd_DropDownListReadOnly {
    border-width: 0px;
}


/*
	
*/
.igdd_DropDownListContainer {
    background-color: White;
    float: left;
    border-width: 0px;
}


/*

*/
.igdd_DropDownListContainerHover {
    border-width: 0px;
}


/*

*/
.igdd_DropDownButton {
    width: 17px;
    z-index: 9999;
}

    .igdd_DropDownButton img {
        display: block;
    }


/*

*/
.igdd_DropDownButtonHover {
}


/*
CSS class that controls the style of the LI items in the list
*/
.igdd_ListItem {
    color: /*tg*/ #363545;
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    padding: 3px 5px 3px 5px;
    list-style-type: none;
    width: auto;
    min-height: 22px;
    height: auto !important;
    cursor: pointer;
    border-width: 0px;
}
/* IE 6 fix */
.ie6 .igdd_ListItem {
    border: solid 1px white;
}

/*

*/
.igdd_ListItemActive {
    background-color: white;
    list-style-type: none;
    color: /*tg*/ #363545;
    border-width: 0px;
}


/*

*/
.igdd_ListItemSelected {
    background-color: /*gl*/ #E5E5E5;
    list-style-type: none;
    color: /*tg*/ #363545;
    border-width: 0px;
}


/*

*/
.igdd_ListItemHover {
    background-color: /*vlg*/ #F3F3F7;
    background-repeat: repeat-x;
    background-position: top;
    background-image: url(images/igdd_listitemhover.png);
    list-style-type: none;
    border-width: 0px;
}




/* IE 6 fix */
.ie6 .igdd_ListItemHover {
    border: solid 1px white;
}

/*


*/
.igdd_ListItemDisabled {
    list-style-type: none;
    width: auto;
    cursor: default;
    border-width: 0px;
}


.DTListItemRedBoldText {
    color: red;
    font-weight: bold;
}

.DTListItemRegularText {
    color: black;
    font-weight: normal;
}




.tabBody.igmc_Control > tr > td {
    padding-left: 0px;
    padding-right: 0px;
}


.igmc_Control {
    color: black;
}

.igmc_Header {
/*    background-color: #e6a807;*/
    background-color: /*tbl*/ #009AD9;
/*    background-color: rgb(25,111,168); this a conversion of rgba(0,95,158,0.9) to rgb with white background */
    background-image: none;
/*    border-bottom-color: #e6a807;*/
    border-bottom-color: /*tbl*/ #009AD9;
/*    border-bottom-color: rgb(25,111,168);*/
}

.igmc_MonthYear {
/*    color: black;*/
    color: white;
}



/* Classes to setup day selection in the calendar*/

.igmc_Control {
    background-color: white;
}

.igmc_DOW {
    background-color: /*tbm*/ #005F9E;
    background-image: none;
    color: white;
    border-color: /*tbm*/ #005F9E;
}

.igmc_NextPrev {
    color: #F0F0F0;
}

.igmc_HoverNextPrev {
    color: #F0F0F0;
}

.igmc_PressedMonthYear {
    color: #F0F0F0;
}

.igmc_HoverMonthYear {
    cursor: pointer;
    color: #F0F0F0;
}

.igmc_Day {
    font-weight: normal;
    border-radius: 50% 50%;
}

.igmc_OtherMonthDay {
    color: #AAAAAA;
    background-image: none;
    background-color: white;
}

.igmc_TodayDay {
    background-color: #E2E2E2;
    color: black;
    font-weight: normal;
    border: 1px solid #ff8000;
/*    border-radius: 50% 50%;*/
    border-color: transparent;
}

.igmc_TodayDay.igmc_SelectedDay, .igmc_SelectedDay {
    background-color: /*tbm*/ #005F9E;
    font-weight: normal;
    color: white;
    border-color: green;
}

.igmc_FocusDay {
    background-color: /*tbm*/ #005F9E;
    color: white;
    font-weight: normal;
    border-color: transparent;
}

.igmc_OtherMonthDay.igmc_FocusDay {
    background-color: /*tbm*/ #005F9E;
    font-weight: normal;
    border-color: transparent;
}

.igmc_HoverDay, .igmc_TodayDay.igmc_HoverDay {
    background-color: #F0F0F0;
    background-image: none;
    background-repeat: repeat-x;
    border: 1px solid #ff8000;
    border-color: transparent;
    color: black;
    font-weight: normal;
}

.igmc_TodayDay.igmc_HoverDay {
    background-color: #E2E2E2;
}

.igmc_SelectedDay.igmc_HoverDay {
    background-color: /*tbm*/ #005F9E;
    color: white;
}

.igmc_OtherMonthDay.igmc_HoverDay {
    background-color: #F0F0F0;
    background-image: none;
    background-repeat: repeat-x;
    border: 1px solid #ff8000;
    border-color: transparent;
    font-weight: normal;
    color: #AAAAAA;
}

.igmc_OtherMonthDay.igmc_TodayDay.igmc_HoverDay {
    background-color: #E2E2E2;
}

.igmc_OtherMonthDay.igmc_SelectedDay {
    color: #AAAAAA;
}

.igmc_OtherMonthDay.igmc_SelectedDay.igmc_HoverDay {
    background-color: /*tbm*/ #005F9E;
}

/* CSS classes for Month and Year selection Popup in header */
.igmc_List {
    background: #FFFFFF;
    border: 1px solid #666666;
}

.igmc_Item {
    font-size: 8pt;
    background: white;
    padding: 2px;
    text-align: center;
}

.igmc_HoverItem {
    background-color: #F0F0F0;
    background-image: none;
    background-repeat: repeat-x;
    color: black;
    cursor: pointer;
    border-color: transparent;
    font-weight: normal;
}

.igmc_SelectedItem {
    background-color: /*tbm*/ #005F9E;
    background-image: none;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: normal;
}




/*
*/
/*input[type=text] {
    color: white;
    background-color: #4C4C4C; 
}

select {
    color: white;
    background-color: #4C4C4C; 
    border-color: #4C4C4C; 
}

.igte_EditWithButtons {
    background-color: #4C4C4C; 
    border-color: #4C4C4C; 
}*/
.layout_item_details {
    background-color: /*vlg*/ #F3F3F7;
    border: 3px solid gray;
}


.fileControl {
    margin-left: -3px;
    border-spacing: 2px;
}

input[type=text].fileControlTextBox {
}

.fileControlButton {
    border: 1px solid /*tb50g*/ #B0AFB0;
    width: 30px;
    height: 30px;
}

.loginFormHeaderLabel {
    color: /*tbm*/ #005F9E;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.loginFormLabel {
    color: /*tg*/ #363545;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.loginFormLink {
    color: /*tbm*/ #005F9E;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

    .loginFormLink:hover {
        color: /*tb*/ #00437B;
        font-size: 12px;
        font-weight: normal;
        text-decoration: underline;
    }

input[type=text].loginFormTextInput {
    padding-left: 13px;
    padding-right: 10px;
    background-color: white;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0.5pt;
    height: 45px;
    font-size: 14px;
    font-weight: normal;
}

input[type=password].loginFormTextInputPassword {
    padding-left: 13px;
    padding-right: 10px;
    background-color: white;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0.5pt;
    height: 45px;
    font-size: 14px;
    font-weight: normal;
}

.loginFormButton {
    font-family: "Open Sans", sans-serif, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    background-color: /*tbl*/ #009AD9;
    border-color: /*tb50g*/ #B0AFB0;
    border-style: solid;
    border-width: 0px;
    color: white;
    height: 45px;
    box-shadow: /*tg*/ rgba(54, 53, 69, 0.5) 0px 0px 3px 0px;
    min-width: 100px;
}

    .loginFormButton:hover:enabled {
        background-color: /*tbm*/ #005F9E;
    }

tbody > tr > td.loginFormDivider {
    border-top: 0.75pt solid /*gl*/ #E5E5E5;
}

table.searchControlTable {
    margin-left: -3px;
}

.srchcmp_labelNoTable {
    padding-bottom: 5px;
}

.importTypeCellNoWrap {
    white-space: nowrap;
}