.header
{
    float: left;
    background: #ffffff url(/Content/Images/mfc-name.jpg) no-repeat;
    position:fixed;
    top:2px;
    left:5px;
    width:95%;
    height:65px;
    padding-left:10px;
    z-index:5;
}

.menu 
{
    position:fixed;
    top: 28px;
    left:5px;
    float: left;
    height: 32px;
    width:95%;
    border-bottom:4px solid #5c87b2;
    background:white; 
}

.login 
{
    position:fixed;
    width:90%;
    font-size: 1.1em;
    display: block;
    text-align:right;
    color: #5c87b2;
    float:right;
    margin-right:25px;
    left:5px;
    background:white;
}

.login2 
{
    font-size: 1.1em;
    display: block;
    text-align:right;
    margin: 10px;
    color: #5c87b2;
    float:right;
    margin-right:25px;
}
.logon
{
    position:absolute;
    top:45px;
    left:90px;   
}

#content
{
    position:absolute;
    top:75px;
    left:10px;
    width:100%;
    height:98%;
    margin-left:10px;
    overflow:visible; 
    z-index: -1;      
}

.docpage
{
    position:inherit;
    width:95%;
    height:95%;
}

.errortxt
{
    color: Red;
}

.lblerrortxt {
    font-weight: bold;
    font-size: 12pt;
    color: Red;
}

.title 
{   
    display: block;
    float: left;
    text-align: left;
}

.page 
{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

#login 
{
    width: 325px;
}

#print_content
{
   font-size:medium;
   font-family:Arial;
}

.department
{
    height:98%;
    width:100%;
    overflow:visible;
}

.small-input
{
    width:95px;
    margin-left:5px;
    margin-right:10px;
    margin-bottom:5px; 
    margin-top:5px;
}

.med-input
{
    width:100px;
}

.large-input
{
    width:200px;
}

.large-input-box {
    width: 200px;
}

.xlarge-input
{
    width:300px;
}

.small-calc
{
    width:95px;
    margin-left:5px;
    margin-right:10px;
    margin-bottom:5px; 
    margin-top:5px;
    background: #d8d8d8;
}

.med-calc
{
    width:100px;
    background: #d8d8d8;
}

.user-entered
{
    background: #b8cce4;
}

.calculated
{
    background: #d8d8d8;
}

.dashtotals
{
    border:1px solid;
    padding: 10px;
    margin-bottom: 25px;  
}

.gridrow
{
    height: 25px;
    font-size:medium;
}

.comp-hdr
{
    width:600px;
}

.remarks-input
{
    width:600px;
    height:100px;   
}

.small_remarks-input {
    width: 600px;
    height: 60px;
}

.unitdata
 {
     background: #d9d9d9;
     width:2.25in;
     text-align:left; 
 }
 
 .unitdata2
 {
     background: #d9d9d9;
     width:2in;
     text-align:left; 
 }
 
 .coolerTblData
 {
     background: #d9d9d9;
     width:1.75in;
 }
 
 .coolerTblLbl
 {
     width:1.75in;
 }
 
 .scrubbTblData
 {
     background: #d9d9d9;
     width:1.75in;   
 }
 
 .scrubbTblLbl
 {
     width:1.75in;
 }
 
 .throwTblData
 {
     background: #d9d9d9;
     width:1.5in;   
 }
 
 .throwTblLbl
 {
     width:1.5in;
 }
 
 .engConsumTbl
 {
     width:1in;
     background: #d9d9d9;
 }
 
 .compDetailFieldSet
 {
    width:1010px;
    background: #ecf7f9; 
 }
 
 .compTbl
 {
     background: #d9d9d9;
     width:.75in;   
 }
 
 .compTblLblWide
 {
     width:1.75in;
 }

.normalSample {
    background: green;
}
 
 .cautionSample
 {
     background:yellow;
 }

.alertSample {
    background: red;
}

.results-text {
    width: 850px;
    height: 250px;
    
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.Hidden{
    display:none;
}

.PlantSummaryChartContainer {
   /* top: 75px;
    left: 0px;
    right: 0px;
    display: flex;
    flex-direction: column;

    align-items: stretch;*/
}

.PlantSummaryChart {
    /*height:500px;
  max-width: 98%;
  overflow-x:scroll;*/
}
.OkieLocateTicketView{
   
}

.googleSearchBar{
    margin-top: 5px;
    width: 250px;
}

#errorDialogContainer {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    left: 0;
    top: 0;
    height:auto;
    z-index:1000;
}

.errordialog {

    border-bottom: 1px solid black;
    background: lightyellow;
    left: 0;
    top: 0;
    padding: 3px 0;
    text-indent: 5px;
    font: normal 11px Verdana;
}
.fillWidth{
    width:100%;
}

.mapMarker{
    position:relative;
    width:32px;
    height:50px;
}
    .mapMarker img {
        width: auto;
        height: 100%;
        position: fixed;
    }

.multiTicket {
    background-image: url('Images/poi_cust_multi.png');
    width: 35px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 2px;
}