html {
    background-color: #FFFFFF;
    background-image: url(../Images/CanvasBackground.png);
}

body {
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #333;
    /*padding-left:8px;*/
}

#body-wrap {
    background-color: #fff;
    width: 100%;
    min-width: 1360px;
    max-width:1700px;
    margin:0 auto;
    position:relative;
    top:105px;
}

#body-content {
    background-color: #fff;
    padding: 10px;
}

#header-inner
{
    max-width:1700px;
    margin:0 auto;
    padding-left: 8px;
    padding-right: 8px;
}

#header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 105px;
    background: rgb(255,255,255); /* Old browsers */
    border-bottom: 5px solid #e3000f;
    padding-top: 5px;
    z-index: 101;
}

#footer {
   text-align:center;
   position:relative;
   bottom:0px;
   width:100%;
   border-top:1px solid #CECECE;
   left:0px;
   background-color:#EEEEEE;
   padding-top:3px;
   padding-bottom:5px;
   color:#AAAAAA;
}

#leftSide {
    width: 200px;
    background-color: rgb(240, 240, 240);
    background-image: url(../Images/CanvasBackground.png);
    /*height:100%;*/
    padding:8px;   
}


#divUserInfo
{
    /*background-color:#f0f0f0;
    background-color:#0072c6;*/
    display:inline-block;
}

#divStatusInfo
{
    display:inline-block;
    height:50px;
    position:relative;
    top:-10px;
}


#divStatusInfo td
{
    border-right:1px solid #AAAAAA;
    padding-left:10px;
    padding-right:10px;
}


.shadow {
    -moz-box-shadow: 0 3px 8px 0px #474747;
    -webkit-box-shadow: 0 3px 8px 0px #474747;
    box-shadow: 0 3px 8px 0px #474747;
}

#navigation
{
    width:100%;
    display:block;
}

.menuItemStyle
{
    background-color:rgba(255,255,255,0);
}


.menuItemStyle span {
    font-size: 14px;
    font-weight: bold;
}

.menuBackground {
    
}

/*#navigation .dxm-selected
{
    background-color:rgba(255,255,255,0);
}*/


.height10
{
    height:10px;
}

.bold
{
    font-weight:bold;
}

.labelBold
{
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-weight:bold;
}
.label
{
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}

h2{
    font: 18px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color:#0048a0;
    font-weight:bold;
    margin:0px;
    border-bottom:1px solid Silver;
    margin-bottom:10px;
}




.TBD
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffd1d1+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,209,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,209,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,209,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,209,209,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,209,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffd1d1',GradientType=0 ); /* IE6-9 */

    margin:10px;
    padding:10px;
     text-align:center;
     border:1px solid Red;
}

.TBD span
{
    color:red;
    text-align:center;
     font: 18px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-weight:bold;
}

.viewDataTable1columns
{
    width:100%;
    /*border:1px solid #CECECE;*/
}

.viewDataTable1columns_label
{
    /*min-width:100px;*/
    /*border-right:1px solid #EEEEEE;*/
    /*background-color:#EEEEEE;*/
    /*border-bottom:1px solid #EEEEEE;*/
    color:#0072C6;
    text-align:left;
}
.viewDataTable1columns_data
{
   /*width:100%;*/
   /*font-weight:bold;*/
   background-color:#FFFFFF;
   /*border-bottom:1px solid #EEEEEE;
   border-right:1px solid #EEEEEE;*/
}
.viewDataTable1columns td
{
    padding:3px;
}

.line1
{
    height:1px;
    border-bottom:1px solid #EEEEEE;
}

.blue
{
    color:#0072C6;
}


.centered
{
    position: absolute;
    top: 7%;
}

.paddingTop3
{
    padding-top:3px;
}

.title {
  margin: 0 0 20px;
  /*color: #33b5e5;*/
  color: #0072C6;
  font-size: 16px;
  font-weight:600;
  line-height: 1;
  background-image: url(../Images/Icons/star-rating-icon_12x12.png);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:16px;
}

.titleMiniBold {  
  font-size: 12px;
  font-weight: bold;  
  line-height: 1;
}

#wrapper
{
    min-width: 1000px;
    width: 100%;
    height: 100%;   
}

.forgotPassword {
    background: #f2f2f2;
    /*width: 400px;*/
    padding: 15px 40px;
    box-sizing: border-box;
    color: #666666;
    font-size: 12px;
    text-align: center;
    /*margin-left:-11px;
    margin-right:-11px;
    margin-bottom:-6px;*/
}

.registerField
{
    width:100%;
}

.line20
{
    height:20px;
}
.line5
{
    height:5px;
}

.line15
{
    height:15px;
}


.line10
{
    height:10px;
}

.line50
{
    height:50px;
}

.cleanTableInheritPaddings
{
    border:0px;
    border-spacing:0px;
    width:100%;
}

.cleanTable
{
    border:0px;
    border-spacing:0px;
    width:100%;
}

.cleanTable td
{
    padding:0px;
}

.dataTable td
{
    padding:1px;
}

.checkBoxDX {
   padding: 5px, 5px, 5px, 5px;
}

.checkBoxWithBorder {
   padding: 5px, 5px, 5px, 5px;
  border-color: #33b5e5;
  border: 1px;
  border-style:solid
}

/*--------------------------------Chat module BEGIN--------------------------------------------------------------------*/
#chatPopup .dxpcLite_MetropolisBlue .dxpc-content, #chatPopup .dxdpLite_MetropolisBlue .dxpc-content
{
    padding:8px;
    padding-right:15px;
}

#chatPopup .dxpcLite_MetropolisBlue 
{
/*-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.2);*/

 z-index:99999 !important;
}

.messageMe
{
    padding:3px;
    width:100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

.messageOther
{
    padding:3px;
width:100%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ddf3ff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,243,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,243,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,243,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddf3ff',GradientType=0 ); /* IE6-9 */

}

.chatUser
{
    font-weight:bold;
}

.chatTime
{
    float:right;
    color:#AAAAAA;
}

.chatMessage
{

}

/*--------------------------------Chat module END--------------------------------------------------------------------*/

.divError
{
    margin-bottom:10px; width:100%; display:block;
}
.error
{
  color: Red;
  font-size: 16px;
  font-weight:600;
  line-height: 1;
}

.validatorError[style*="inline"]
{
    display: block !important;
    position: relative;
    margin-top: 0px;
    margin-left: -8px;
    background-image:url(../Images/Icons/alert16v2.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;
   color:red;
}

.validatorError
{
    display: block;
    position: relative;
    margin-top: 0px;
    margin-left: -8px;
    background-image:url(../Images/Icons/alert16v2.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;
   color:red;
}

.validationSummary ul {
    margin: 0;
    padding:10px;
    padding-left: 30px;
    border-top: none;
    list-style-type:decimal;
    color:#FF0000;
}

.validatorErrorInline
{
    background-image:url(../Images/Icons/alert16v2.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    color:red;
    padding-left: 20px;
}

.tableColumn5
{
    width:5px;
}

.alignButtonCenter {
            margin-left: auto;
            margin-right: auto;
}


.showCriticalBBDCell
{
    background-color:#FFD2D2;
    color:#FF0000;
    font-weight:bold;
}

.showCriticalBBDRow
{
    background-color:#FFD2D2;
}

.showSOCell
{
    background-color:#D6E5FF;
    color:#0072C6;
    font-weight:bold;
}

.showSORow
{
    background-color:#D6E5FF;
}

.AddProductHeader900 span
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:850px;
}

.showSelectedProductRow
{
     background-color:#f1da36 !important;
}

.showOrderedRow
{
    background-color:#fefcea;
}

.vaMid
{
    vertical-align:middle;
}


.realTimeDataPoint {
    background: #ededed;
    position: absolute;
    display: block;
    z-index: 100;
    border-spacing: 0;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #CCCCCC;*/
    border-radius: 5px;
}

.realTimeDataPoint:hover
{
    cursor:pointer;
   -webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfe7fa+0,6393c1+100;Grey+Blue+3D */
background: rgb(207,231,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */


  border:1px solid #000000;


}

    .realTimeDataPoint table {
        border-spacing: 0px;
        /*padding: 2px;*/
        /*max-width:150px;*/
        padding:2px;
    }

.realTimeDataPoint td
{
    white-space: nowrap
}

.realTimeDataPoint td img
{
    vertical-align:middle;
}

    .realTimeDataPoint td span {
        vertical-align: middle;
        font: 11px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    }


.dpConnecting {
    border: 1px solid #ead000;
    border-radius: 5px;
}

.dpConnecting span {
   color: #BBBBBB !important;
}

.dpConnected {
    border: 1px solid #00bb43;
    border-radius: 5px;
}

.dpDisconected {
    border: 1px solid #ffd1d1;
    border-radius: 5px;
}

.isPooling
{
    /*border-bottom: 1px solid #0088FF;*/
}


.dpConnectingRight {
    border: 1px solid #ead000;
    border-radius: 5px;
}

.dpConnectedRight {
    border: 1px solid #00bb43;
    border-radius: 5px;
}

.dpDisconectedRight {
    border: 1px solid #ffd1d1;
    border-radius: 5px;
}

.dp_val {
    font-weight: bold !important;
    text-transform: uppercase;
    /*padding: 0px 5px 0px 5px;
    background-color: #d8d8d8;
    border: 1px solid #929292;
    border-radius: 5px;*/
}
.condFrmt_val_green {
    padding: 0px 5px 0px 5px;
    /*background-color: #58ff00;
    border: 1px solid #4faf00;
    border-radius: 5px;*/
    color: #44c500;
}

.condFrmt_val_red {
    padding: 0px 5px 0px 5px;
    /*background-color: #ff3131;
    border: 1px solid #730000;
    border-radius: 5px;*/
    color: #ff3131;
}


.condFrmt_table_green {
    /*padding: 0px 5px 0px 5px;*/
    /*background-color: #58ff0099;*/
    background: rgb(220,255,216); /* Old browsers */
    /*border: 1px solid #4faf00;
    border-radius: 5px;*/
}

.condFrmt_table_red {
    /*padding: 0px 5px 0px 5px;*/
    /*background-color: #ff313199;*/
    background: rgb(255,178,178); /* Old browsers */
    /*border: 1px solid #730000;
    border-radius: 5px;*/
}

.condFrmt_table_hidden_alarm {
    background: url("../Images/Icons/alarm_grey_16x16.png") no-repeat;
    background-position: center;
    min-width: 24px;
    min-height: 25px;
}

.condFrmt_val_hidden_alarm {
    display: none;
}


.dpCaption {
    /*background-color: #124768;
    padding: 4px;*/
}

    .dpCaption span {
        color: #124668 !important;
    }

.plantViewArea {
    position: absolute;
    display: block;
    z-index: 99;
    border-spacing: 0;
    margin: 0px;
    padding: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ededed+100&0.2+0,0.2+100 */
    background: -moz-linear-gradient(top, rgba(237,237,237,0.2) 0%, rgba(237,237,237,0.2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(237,237,237,0.2) 0%,rgba(237,237,237,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(237,237,237,0.2) 0%,rgba(237,237,237,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dededed', endColorstr='#4dededed',GradientType=0 ); /* IE6-9 */
    border: 1px solid #AAAAAA;
}

.plantViewArea:hover
{
    cursor:pointer;

    -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ededed+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top,  rgba(237,237,237,0.5) 0%, rgba(237,237,237,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(237,237,237,0.5) 0%,rgba(237,237,237,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(237,237,237,0.5) 0%,rgba(237,237,237,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ededed', endColorstr='#80ededed',GradientType=0 ); /* IE6-9 */


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
background: #deefff; /* Old browsers */
background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */


    border:1px solid #000000;

}

.plantViewLink
{
       background: -moz-linear-gradient(-45deg, rgba(230,230,230,0.7) 0%, rgba(230,230,230,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(230,230,230,0.7) 0%,rgba(230,230,230,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(230,230,230,0.7) 0%,rgba(230,230,230,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/*-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;*/


    position: absolute;
    display: block;
    z-index: 100;
    border-spacing: 0;
  
    margin:0px;  
    padding:2px;
    padding-top:4px;
    padding-bottom:4px;

    border:1px solid #AAAAAA;
}

.plantViewLink:hover
{
    cursor:pointer;
 -webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
background: #deefff; /* Old browsers */
background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
 z-index: 101;

  border:1px solid #000000;

}

.linkSelected
{
    cursor:pointer;
   

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9ff00+100&0.5+0,0.6+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(233,255,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(233,255,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(233,255,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#99e9ff00',GradientType=0 ); /* IE6-9 */

 z-index: 101;
 border:1px solid #000000;
}


.dpSelected
{
    cursor:pointer;
   

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9ff00+100&0.5+0,0.6+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(233,255,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(233,255,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(233,255,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#99e9ff00',GradientType=0 ); /* IE6-9 */

 z-index: 101;
 /*border:1px solid #000000;*/

}

.areaSelected
{
     cursor:pointer;
 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9ff00+100&0.5+0,0.6+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(233,255,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(233,255,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(233,255,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#99e9ff00',GradientType=0 ); /* IE6-9 */

border:1px solid #000000;
}

.NoAlarms
{
    background-color:#92ff97;
}

.AlarmsNotAcked
{
    background-color:#ff8383;
}

.AlarmsAcked
{
    background-color:#f7f886;
}

.undefined
{
}

.LocationConnected
{
    background-color:#92ff97;
}

.LocationDisconnected
{
    background-color:#ff8383;
}


.scheduler
{
     border-top:1px solid #EEEEEE;
     padding:0;
}

.scheduler th
{
    padding:0;
    border-bottom:2px solid #AAAAAA;
    /*border-left:1px solid #EEEEEE;*/
    text-align:left;
    font-weight:bold;
}

.scheduler td
{
    padding:0;
    border-bottom:1px solid #DDDDDD;
    /*border-left:0.1px solid #EEEEEE;*/
    text-align:left;
    
}

.tdDay
{
    vertical-align:middle;
    height:27px;
}

.tdHour
{
    vertical-align:top;
    background-image:url(../Images/ScheduleBkg.PNG);
    background-repeat:repeat-y;
    background-position:0px 0px;
    height:100%;
}

.schOdd
{
     background-color: #EFEFEF;
}

.sch_item_wraper
{
    display:block;
}
.sch_item
{
    position:relative;
    height:25px;
    background-color:rgba(200,200,200,1);
    border:1px solid #999999;
    display:inline-block;
}


.right
{
    float:right;
    margin-right:5px;
}


.sch_item_ctrls
{
    position:relative; 
    display:inline-block;
    vertical-align:top;

}

.sch_item_ctrls span
{
    position:relative;
    top:4px;
}


.sch_item_ctrls a
{
    
}

.cbPlantViewSelector
{
    margin-bottom:10px;
}

/*----DASHBOARD CARD BEGIN*/
.dCard-container {
    padding-right: 15px;
}

.dCard-container-last {
    padding-right: 0px;
}

.dCard {
    width: 100%;
    height: 100px;
}



.dCardIcon {
    color: rgba(255,255,255,0.2);
    display: table-cell;
    font-size: 32px;
    text-align: center;
    vertical-align: central;
    width: 30%;
}

.dCardtitle {
    background-color: #EEEEEE;
    padding-left: 5px;
    height: 25px;
}

    .dCardtitle span {
        font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        color: black;
    }

.dCardNo {
    padding-left: 25px;
}

    .dCardNo span {
        color: white;
        font-size: 38px;
        font-weight: bold;
    }
/*----DASHBOARD CARD END*/



.col1 {
    width: 8.33333333%
}

.col1p5 {
    width: 12.5%
}

.col2 {
    width: 16.66666666%
}

.col2p5 {
    width: 20.83333333%
}

.col3 {
    width: 25%
}

.col4 {
    width: 33.33333333%
}

.col5 {
    width: 41.66666666%
}

.col5p5 {
    width: 45.83333333%;
}

.col6 {
    width: 50%
}

.col6p5 {
    width: 54.16666666%
}


.col7 {
    width: 58.33333333%
}

.col8 {
    width: 66.66666666%
}

.col9 {
    width: 75%
}

.col10 {
    width: 83.33333333%
}

.col11 {
    width: 91.66666666%
}

.col12 {
    width: 100%
}

.tableDefault100 {
    width: 100%;
    border: 0px;
    border-spacing: 0px;
}

    .tableDefault100 td {
        /*border:0px;*/
        border-spacing: 0px;
        /*vertical-align:top;*/
    }


.dataLabelR {
    text-align: right;
    padding-right: 10px;
    vertical-align: middle;
}

    .dataLabelR span {
        font-weight: bold;
        /*font-size:0.9em;*/
        font-size: 12.5px;
    }


.dataFieldR {
    padding-right: 10px;
}

.validatorErrorPortal {
    display: block;
    position: absolute;
    /*margin-top: 15px;*/
    margin-left: -8px;
    background-image: url(../Images/Icons/error3_16x16.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    z-index: 1000;
}


.validationSummaryPortal ul {
    margin: 0;
    padding: 10px;
    padding-left: 30px;
    border-top: none;
    list-style-type: decimal;
    color: #FF0000;
}

.loader {
    border: 4px solid #888888 !important;
    border-radius: 50% !important;
    border-top: 4px solid #EEE !important;
    width: 20px !important;
    height: 20px !important;
    -webkit-animation: spin 1s linear infinite !important; /* Safari */
    animation: spin 1s linear infinite !important;
}