body {
    font-size: 15px;
    font-family: Verdana, Arial, sans-serif;

    margin: 1px;
    /*margin-right: 20px;*/
}

a {
   outline: 0;
}

a[disabled] {
    pointer-events: none;
}

.SplitterOrientationImg {
    float: right;
    width: 22px;
    height: 22px;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.LeftPanelFullScreenImg {
    float: right;
    width: 22px;
    height: 22px;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.RightPanelFullScreenImg {
    float: right;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.ResponsiveMainMenuMobile {
    display: none;
}

.ResponsiveMainMenuDesktop {
        
}

.ResponsiveContextMenuDesktop {
    width: 200px;
}



.DashboardElementTitle {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    color: rgb(119, 136, 153);
    font-weight: bold;
}

.DashboardElement {
    width: 380px; 
    height: auto; 
    float: left;
    padding: 20px;
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    overflow: auto;
}

.DashboardElementCanvas {
    width: 300px; 
    height: auto; 
    float: left;
    padding: 20px;
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

.DashboardElementList {
    width: 300px; 
    height: auto; 
    float: left;
    padding: 20px;
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

.DashboardChartLegend {
    width: 360px;
    margin-left: 10px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-collapse: collapse;
}

.DashboardChartLegendTitle {
    margin-left: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    font-size: 12px;
    font-weight: bold;
}

.DashboardChartLegendColor {
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 10px;
    height: 10px;
    float: left;
}

.DashboardChartLegendLabel {
    margin-left: 1px;
    margin-right: 40px;
    margin-bottom: 5px;
    width: 50px;
    float: left;
    font-size: 12px;
}

.ModuleTitle {
    color: whitesmoke;
    font-size: 19px;
    font-weight: bold;
    margin-right: 20px;
}
#CurrentCompanyName {
    font-weight: bold;
    color: white;
    font-size: 13px;
    float: right;
}
.ViewHeader {
    color: darkslategray;
    /*text-align: center;*/
    font-size: 21px;
    font-weight: bold;
    padding: 10px;
    /*background-color: lightgrey;*/
    /*margin-bottom: 10px;*/
}

.ViewFooter {
    /*color: darkslategray;*/
    /*text-align: center;*/
    /*font-size: larger;*/
    /*padding: 10px;*/
    /*background-color: lightgrey;*/
    /*margin-top: 10px;*/
}

.MenuOption {
    font-weight: bold;
    cursor: pointer;
    color: navy;
    margin-right: 10px;
}

.MenuOption:hover {
    text-decoration: underline;
    color: navy;
}

.MenuIcon {
    width: 32px; 
    height: 32px; 
}

.ResponsiveLogo {
    float: left;
    margin-top: 10px;
}

.ResponsiveMainMenu{
    float: left;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-right: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.ResponsiveHeaderInfo {
    float: right;
}

.ImgButton {
    width: 25px;
    height: 25px;
    cursor: pointer;
    vertical-align: bottom;
}

.ResponsiveLookupControl {
    width: 70%;
    font-size: 15px;
    font-family: Verdana, Arial, sans-serif;
}

.ResponsiveContent {
    min-width: 350px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
    /*font-size: medium;*/
}

.columns-layout {
    -webkit-column-width: 460px;
    -moz-column-width: 460px;
    -ms-column-width: 460px;
    -o-column-width: 460px;
    column-width: 460px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
}

.cc1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
}

.cc2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}

.ResponsiveMainArea {
    min-width: 850px;
    min-height: 150px;
    /*margin-left: auto;
    margin-right: auto;*/
    width: 100%;
}

.ResponsiveMainAreaHeight {
    width: 1px; height: 600px
}

.ResponsiveMainHeight {
    display: block; 
    width: 100%; 
    /*height: 500px;*/
    text-align: center;
}

.ResponsiveFormControl {
    font-size: 15px;
    font-family: Verdana, Arial, sans-serif;
    width: 90%;
}

.ResponsiveInput {
    width: auto;
    padding-top: 1px;
    padding-bottom: 1px;
    
}

.ResponsiveInput90 {
    width: 100%;
}

.ResponsiveSection {
    width: 49%;
    clear: left;
    float: left;
    overflow: hidden;
    margin-bottom: 5px;

}

.NewResponsiveSection {
    overflow: hidden; /*warning: auto or hidden - prevents displaying date and numeric fields in the column layout in Chrome browser; overlay - destroys controls in FF*/
    /*margin-bottom: 5px;*/
    /*min-height: 37px;*/ /*warning: destroys controls in FF*/
}

.NewResponsiveSection100 {
    margin-bottom: 5px;
}

.ResponsiveLabel {
    width: 45%;
    overflow: hidden;
    float: left;
    /*padding-top: 5px;*/
    font-weight: bold;
    font-size: 15px;
    font-family: Verdana, Arial, sans-serif;
    min-height: 37px;
}

.ResponsiveLabelTD {
    font-weight: bold;
    font-size: 15px;
    font-family: Verdana, Arial, sans-serif;
}


.NewResponsiveSection .ResponsiveLabel label {
    white-space: nowrap;
}

.ResponsiveControl {
    width: 52%;
    float: right;
    clear: right;
    font-size: 15px;
    font-family: Verdana, Arial, sans-serif;
    /*margin: 3px 0;*/
    min-height: 37px;
}

.FormSubtitle {
    color: dimgray;
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
    margin-bottom: 5px;

}

.ResponsiveSectionRight {
    /*padding-left: 10px;*/
    width: 49%;
    float: right;
    overflow: hidden;
    margin-bottom: 5px;


}

.ResponsiveSectionBlank {
    width: 49%;
    float: left;
    clear: left;
    overflow: hidden;
    margin-bottom: 5px;


}

.ResponsiveSectionBlankRight {
    width: 49%;
    float: right;
    overflow: hidden;
    margin-bottom: 5px;


}

.ResponsiveSection100 {
    width: 100%;
    /*float: left;*/
    overflow: hidden;
    margin-bottom: 15px;
}



.ResponsiveLabelBlank {
    width: 50%;
    float: left;
    padding-top: 5px;
}

.ResponsiveLabel100 {
    font-weight: bold;
    font-size: 15px;
    font-family: Verdana, Arial, sans-serif;
    margin-top: 5px;
}

.ResponsiveLabel25 {
    padding-left: 5px;
    width: 25%;
    float: left;
    padding-top: 5px;
    font-weight:bold;
}

.ResponsiveControl100 {
    width: 100%;
    clear: left;
}



.ResponsiveControlBlank {
    width: 50%;
    float: right;
}

.ResponsiveControl75 {
    width: 75%;
    float: right;
}



/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    body {
        background-position: left top;
        background-image: url(/Content/images/bg_body.jpg);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding-left: 5px;
    }

    .ResponsiveMainArea {
        min-width: 400px;
        min-height: 150px;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }

    .ResponsiveMainHeight {
        display: block;
        width: 100%;
        height: 900px;
        text-align: center;
    }

    .ResponsiveLabel {
        width: 100%;
        font-weight: bold;
    }

    .ResponsiveControl {
        width: 100%;
    }

    .ResponsiveLabel25 {
        width: 100%;
        padding-top: 5px;
        font-weight: bold;
    }

    .ResponsiveControl75 {
        width: 100%;
    }

    .ResponsiveSectionBlank {
        display: none;
    }

    .ResponsiveLableBlank {
        display: none;
    }

    .ResponsiveControlBlank {
        display: none;
    }

    .ResponsiveSectionBlankRight {
        display: none;
    }
}*/


.QuickPanelButton {
    font-weight: bold;
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

button {
    padding: 5px;
    font-weight: bold;
}

label.disabled {
    color: gray;
}

label.required {
    color: red;
}

:required {
    
    border-color: red;
    border-style: solid;
    border-width: 1px;
    
}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	
}

.QuickPanel {
    z-index: 99999;
    display: none;
    position: fixed;
    border-radius: 5px;
    background-color: lightcyan;
    border-color: lightgray;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
}

.UpperCase {
    text-transform: uppercase;
}

/*:read-only {
    
    border-color: lightgray;
    border-style: none;
    border-width: 1px;
    color: gray;
    
}*/

.subTab:hover {
    text-decoration: underline;
}

.subTab {
    color: blue;
    cursor: pointer;
    font-weight: bold;
}

.subTabSelected {
    color: black;
    cursor: default;
    
}

.formLabel {
    font-weight: bold;
}

.formField {
    width: 95%;
    box-sizing: border-box;
}

.w100 {
    width: 100%;
}

.formFieldDouble {
    text-align: right;
    /*position: static !important;*/
}

.formFieldDouble .k-numeric-wrap .k-input {
    height: 1.4em;
    line-height: 1.4em;
}

.formFieldDouble .k-numeric-wrap {
    -ms-border-radius: 0;
    border-radius: 0;
    /*position: static !important;*/
}

.formFieldDouble .k-numeric-wrap:before {
    height: 1em !important;
}

.formFieldDouble .k-numeric-wrap .k-input {
    padding: 0;
}
.formFieldDouble .k-numeric-wrap.k-expand-padding .k-input {
    -ms-border-radius: 0;
    border-radius: 0;
}

.DateField {
    width: 125px;
    
}

.TimeField {
    width: 50px;
    max-width: 90px;
    vertical-align: middle;
}

nav {
    margin: 0 auto; 
    width: 1400px; 
    padding-top: 5px; 
    padding-bottom: 5px;
}

.bgImage {
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    width: 2000px;
    z-index: -1;
}

.myTabSelected {
    background-color: lightcyan;
    padding-top: 9px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-left-style: solid;
    border-left-color: lightblue;
    border-left-width: 1px;
    
    border-top-style: solid;
    border-top-color: lightblue;
    border-top-width: 1px;

    border-right-style: solid;
    border-right-color: lightblue;
    border-right-width: 1px;
    
    
}

.myTabNotSelected {
    margin-top: 5px;
    background-color: lightgray;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    border-left-style: solid;
    border-left-color: gray;
    border-left-width: 1px;
    
    border-top-style: solid;
    border-top-color: gray;
    border-top-width: 1px;

    border-right-style: solid;
    border-right-color: gray;
    border-right-width: 1px;
    
    
    cursor: pointer;
}

.myTabEmpty {
    width: 100%;
    padding: 3px;
    border-bottom-style: solid;
    border-bottom-color: navy;
    border-bottom-width: 1px;
}


.DetailsLabelTable {
    display: table;
    font-family: Helvetica, Arial, sans-serif;
    width:90%;
}

.DetailsLabelRow {
    display: table-row;
}

.DetailsLabelCell {
    padding-left: 1px;
    font-weight:bold; 
    width:20%;   
}

.DetailsValueCell {
    width:30%;  
}

.DetailsLabelValue3Cell {
    display: table-cell;
    padding: 5px;    
    width:80%;  
}

.DetailsTextBoxValueCell {
    display: table-cell;
    padding: 5px;
    width:30%;  
}

.DetailsTextBoxValue3Cell {
    display: table-cell;
    padding: 5px;    
    width:80%;  
}


.DetailsTextBoxValue3Cell {
    display: table-cell;
    padding: 5px;
    width: 80%;
}

th, td {
    /*padding: 3px;*/
    text-align: left;
    height: 30px;
    vertical-align: top;
}

table {
    /*border-spacing: 3px;*/
}

.ResponsiveControl .m-input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*font-size: 15px;*/
}

.ResponsiveControl .m-input-group {
    display: table;
    border-collapse: separate;
    /*font-size: 15px;*/
    white-space: nowrap;
}

.ResponsiveControl .m-input-group-input {
    display: table-cell;
    width: 99%;
    padding-right: 3px;
}

.ResponsiveControl .m-form-control {
    display: table-cell;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    /*font-size: 15px;
    font-family: Verdana, Arial, sans-serif;*/
}

.ResponsiveControl .m-input-group-addon {
    display: table-cell;
    white-space: nowrap;
    width: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2pt;
    vertical-align: middle;
}

.instruction {
    clear: both;
    color: red;
    font-size: .9em;
    text-align: center;
}

.ResponsiveControl select.ResponsiveFormControl, .ResponsiveControl .k-combobox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.ResponsiveControl100 textarea.ResponsiveFormControl {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.ResponsiveControl .k-picker-wrap .k-input {
    height: 1.64em;
}

/*kendo grid header*/
#WOList th.k-header,
#settingsList th.k-header,
#assetUsageList th.k-header,
#materialsCountBookList th.k-header,
#materialsIssueList th.k-header,
#materialsInventoryCountList th.k-header,
#materialsReceiptPOList th.k-header,
#materialsReceiptMiscList th.k-header,
#plantList th.k-header,
#woLookupList th.k-header,
#wrLookupList th.k-header,
#accLookupList th.k-header,
#assetGroupLookupList th.k-header,
#assetLookupList th.k-header,
#routeAssetLookupList th.k-header,
#chgCCLookupList th.k-header,
#emLookupList th.k-header,
#partsMasterLookupList th.k-header,
#poLookupList th.k-header,
#supplierLookupList th.k-header,
#calibrationRouteList th.k-header,
#lubricationRouteList th.k-header,
#routeList th.k-header,
#routeHistoryGrid th.k-header,
#safetyRouteList th.k-header,
#materialsList th.k-header,
#specialOrderItemsList th.k-header,
#WOPlannedParts th.k-header,
#activitiesList th.k-header,
#contractsList th.k-header,
#craftsList th.k-header,
#miscMaterialsList th.k-header,
#timecardsList th.k-header,
#WOHistoryReport th.k-header,
#mtlReqLookupList th.k-header,
#AstSparePartsReport th.k-header,
#StockLocationsReport th.k-header,
#StockAssetsReport th.k-header,
#TimecardsListWeeklyReport th.k-header,
#timecardsWeeklyEntryList th.k-header,
#assetPMList th.k-header,
#assetTreeList th.k-header
{
    font-weight: bold;
}

.WRContent {
    overflow: auto;
    margin-top: 10px;
}

.WOToolbar .k-split-button-arrow,
.ASTToolbar .k-split-button-arrow,
#assetTreeListToolbar .k-split-button-arrow
 {
    padding: 7px 7px 8px;
}

.WOContent {
    overflow: auto;
    margin-top: 10px;
}

#dvDashboard {
    overflow: auto;
}

#dvWRGenericDialog,
#dvWOGenericDialog,
#dvWOHistoryReportDialog,
#dvAstSparePartsReportDialog {
    padding: 0;
}
/*.m-info-header {
    padding: .15em .22em;
    font-size: .85em;
}
.m-info-header .name {
}*/
.m-info-header-tooltip-content {
    text-align: left;
    /*font-size: .85em*/
}
/*.m-info-header-tooltip-content .name {
}*/
.m-info-header-tooltip-content .operator {
    font-weight: bold;
}
.m-info-header-tooltip-content .logic-operator {
    font-weight: bold;
}
.m-info-header-tooltip-content .value {
    color: blue;
}
/*.k-grouping-header {
    padding: .15em .22em !important;
    font-size: .85em;
    line-height: 1.5 !important;
}*/

input[type=checkbox]
{
  zoom: 2;
  vertical-align: middle;
  padding: 10px;
}

@-moz-document url-prefix() {  /* Firefox specific rules */
input[type=checkbox]
{
  transform: scale(2,2); /* Firefox*/
  margin: 0.5em;
}
}

input[type=radio]
{
  zoom: 2;
  -moz-transform: scale(2,2); /* Firefox*/
  -moz-transform-origin: right center; /* Firefox */
  vertical-align: middle;
  padding: 10px;
}
#workRequestedList {
    width: 90%;
}
#workRequestedList td {
    width: 90%;
}
#workRequestedList textarea {
    height: 3em;
    width: 90%;
}
#QuickNavigate_pnl {
    white-space: nowrap;
}
#QuickNavigate_pnl label {
    white-space: nowrap;
    vertical-align: middle;
}


.onoffswitch {
    position: relative;
    width: 144px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 26px;
        padding: 0;
        line-height: 28px;
        font-size: 20px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "QRCODE";
        padding-left: 10px;
        background-color: #00ced1;
        color: #333333;
    }

    .onoffswitch-inner:after {
        content: "BARCODE";
        padding-right: 10px;
        background-color: #7fff00;
        color: #333333;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 22px;
    margin: 2px;
    background: #757575;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 116px;
    border-radius: 5px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}


#quagga_target canvas,
#quagga_target video {
    max-width: 100%;
    width: 100%;
}

#quagga_target canvas.drawing,
#quagga_target canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}

.woAssetThumbnail img {
    cursor: zoom-in;    
	width: 80px;
	height: 80px;
}

.wrAssetThumbnail img {
    cursor: zoom-in;    
	width: 80px;
	height: 80px;
}

.assetLookupAssetThumbnail img {
    cursor: zoom-in;    
	width: 80px;
	height: 80px;
}

#formTimecardListWeekly span.DateField,
#formTimecardListWeekly .navBtn,
#formTimecardWeeklyEntry span.DateField,
#formTimecardWeeklyEntry .navBtn {
    width: 9.5em;
}