table, tr, td {

margin:0;
padding:0;
}


body {
    background-color:#fff;
  font-family: 'Segoe UI' !important;
    font-size:12px;
    font-weight:normal;
    margin:0;
    padding:0;
    direction:ltr;
}
.lbl_TB_style {
font-family: 'Segoe UI';
    font-size: 12px;

}






.logo {
    width: auto;
    height: 80px;
    float: left;
    margin:6px 0;
}






.header_masterpage {
    background-color: #e3dfe0;
    width: 100%;
    height: auto;
}


.content_header_masterpage {
   width:1200px;
      margin:0 auto;
      direction:ltr;

}
.log_header_masterpage {

    margin:0px 0 0 0;
    border:0px solid #333;
}



.footer_masterpage {
    background-color:#6B6E75;
    width:100%;
}


.content_footer_masterpage {

      width:1200px;
      margin:0 auto;

}
.log_footer_masterpage {

    margin:0px 0 0 0;
    border:0px solid #333;
}

h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    /*text-shadow: 3px 3px 0px rgba(0,0,0,0.2);*/
 
}

h5 {
    color: #D1D2D4;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding:0px;
 
}




h5 a {
    color: #EABB16;
    font-size: 14px;
    text-decoration:none; 
}


h5 a:hover {
    color: #ffffff;
}




        .tblInsert {
          width:100%;
          background-color:white; border-radius:4px; margin-bottom:15px; padding:4px 0; color:white;
        }






.tblInsert2 {
    background:none !important;
}




.tblInsertFuel {
          width:100%;
          background-color:#A82A2A; border-radius:4px; margin-bottom:15px; padding:4px 0; color:white;
        }




.tblInsertPower {
          width:100%;
          background-color:#0b83d9; border-radius:4px; margin-bottom:15px; padding:4px 0; color:white;
        }




.tblInsertLight {
          width:100%;
          background-color:#156182; border-radius:4px; margin-bottom:15px; padding:4px 0; color:white;
        }




.tblInsertEXAlarm {
          width:100%;
          background-color:#990033; border-radius:4px; margin-bottom:15px; padding:4px 0; color:white;
        }




.tblInsertDailyPlan {
    width: 100%;
    background-color: #6B6E74;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 4px 0;
    color: white;
}













.tblInsertPMPower {
          width:100%;
          background-color:#FF3333; border-radius:4px; margin-bottom:15px; padding:4px 0; color:white;
        }





.tblInsertPMPower {
          width:100%;
          background-color:#FF3333; border-radius:4px; margin-bottom:15px; padding:4px 0; color:white;
        }






.tblInsertGSM {
          width:100%;
          background-color:#443266; border-radius:4px; margin-bottom:15px; padding:4px 0; color:white;
        }







.Orange { background-color:#f3800f !important;}
.Darkgreen { background-color:#003333 !important;}
.Lightgreen { background-color:#669999 !important;}
.Red { background-color:red !important;}
.Red2 { background-color:#FF3333 !important;}
.Gray { background-color:#6B6E75 !important;}
.Blue { background-color:#0B83D9 !important;}
.Blue2 { background-color:#3ca1e9 !important;}
.yellow { background-color:#FFA500 !important;}
.jargi { background-color:#990033 !important;}
.pirozaey { background-color:#156182 !important;}
.silver { background-color:#EEEEEE !important;}
.redorange { background-color:#C13100 !important;}
.hippieblue { background-color:#6194BC !important;}

.jargi2 { background-color:#a50e14 !important;}


.jargi_user {
    background-color: #EDEDEE !important;
}




















 





.menu1 {

        width:100%;
     
       background-color:#6b6e75;
  direction:ltr;
  text-align:left;
 margin:0px 0 !important;
        
}
.menu1 tr  td {

       margin: 0 ;
      padding: 0 ;
      
    direction:ltr;
  text-align:left;
        
}
.menu_content {
        width:100%;
      margin:0px  ;
 
           padding:0;

            direction:ltr;
  text-align:right;
}

.menu_content tr td {
        
      margin:0;
       padding:0;
         direction:ltr;
  text-align:left;
}

 
 
 
 .body_all
{
           width:1200px;
      margin:5px auto;
       background-color:#fff;
       height:500px;

}

  .body_all tr td
{
          
      margin:0;
      padding:0;
          vertical-align:top;


}



.txtbox_style {
    font-family: 'Conv_Chawder-Reg';
    border: 1px solid #c4c4c4;
    width: 187px;
    height: 22px;
    font-size: 13px;
    font-weight: 600  ;
    border-radius: 0px;
    margin: 5px auto;
    padding: 2px 2px 2px 10px !important;
    color: #333;
}



/*.txtbox_style_site {

font-family: 'Segoe UI';
    border: 1px solid #c4c4c4;
    width: 182px !important;
    height: 18px;
    font-size: 13px;
    border-radius: 0px;
    margin:5px auto;
    padding: 2px 2px 2px 10px !important;
    color: #000000;
    font-weight: 300 !important;
}*/

















.padding-R5 {

padding-right:5px}

.padding-R10 {

padding-right:10px}


.padding-5 {

padding:5px}

.padding-10 {

padding:10px}


.padding-L5 {

padding-left:5px}

.padding-L10 {

padding-left:10px}

.txtbox_style:focus {
    /*outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;*/
}


.lbl_style {
font-family: 'Segoe UI';
    font-size: 15px;

}
#example .demo-container .submit {
    margin-left: 5px;
}
 
.demo-container .results {
    margin: 20px 0 0;
}





.lbl_login {


    font-size:16px;
    color:#333;
    font-weight:600;}

.btn_login {
    width:80%;
    text-align:right;
 

}


.button{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #eee;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                                        url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color 0.8s ease-out;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

  background-clip: padding-box; /* Fix bleeding */
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
}

.button:hover{ 
  background-color: #FFA500;
  border: 1px solid #FFA500;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.button:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}


















.button22 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #2092e9;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  background-color: #2092e9;
  background-image: linear-gradient(top, rgba(32,146,233,1),
                                         rgba(32,146,233,0)),
                                        url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color 0.8s ease-out;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

  background-clip: padding-box; /* Fix bleeding */
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
}

.button22:hover{ 
  background-color: #0c6fbc;
  border: 1px solid #0c6fbc;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.button22:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}










.button33 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #e60909;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  background-color: #e60909;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
}

.button33:hover{ 
  background-color: #ce0909;
  border: 1px solid #ce0909;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.button33:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}




















.redbutton {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #ec262d;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  background-color: #ec262d;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                                        url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color 0.8s ease-out;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

  background-clip: padding-box; /* Fix bleeding */
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
}

.redbutton:hover{ 
  background-color: #cc0f16;
  border: 1px solid #cc0f16;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.redbutton:active{
  background: #ec262d;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}































.graybutton {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 2.5px 15px !important;
  margin: 0;
  cursor: pointer;
  border: 1px solid #6B6E75;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  background-color: #6B6E75;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
  width:auto !important;
}

.graybutton:hover{ 
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.graybutton:active{
  background: #6B6E75;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}





.redorangebtn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 2.5px 15px !important;
  margin: 0;
  cursor: pointer;
  border: 1px solid #000000;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  background-color: #000000;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
  width:auto !important;
}

.redorangebtn:hover{ 
  background-color: #a8320a;
  border: 1px solid #a8320a;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.redorangebtn:active{
  background: #C13100;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}













.perano {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 2.5px 15px !important;
  margin: 0;
  cursor: pointer;
  border: 1px solid #A5D1F3;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
  background-color: #A5D1F3;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
  width:auto !important;
}

.perano:hover{ 
  background-color: #6194BC;
  border: 1px solid #6194BC;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.perano:active{
  background: #A5D1F3;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}


















.purplebtn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 2.5px 15px !important;
  margin: 0;
  cursor: pointer;
  border: 1px solid #C3C3E5;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #443266;
  background-color: #C3C3E5;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
  width:auto !important;
}

.purplebtn:hover{ 
  background-color: #443266;
  border: 1px solid #443266;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.purplebtn:active{
  background: #C3C3E5;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}










.greenbtn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 2.5px 15px !important;
  margin: 0;
  cursor: pointer;
  border: 1px solid #669999;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:400;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  background-color: #669999;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  border-radius: 0px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/  
  border-radius: 4px;
  width:auto !important;
}

.greenbtn:hover{ 
  background-color: #003333;
  border: 1px solid #003333;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.greenbtn:active{
  background: #669999;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}








.yellowbtn {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 2.5px 15px !important;
    margin: 0;
    cursor: pointer;
    border: 1px solid #FFA500;
    overflow: visible;
    font-family: 'Segoe UI';
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    color: #ffffff;
    background-color: #FFA500;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 0px;
    /*box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);*/
    border-radius: 4px;
    width: auto !important;
}

    .yellowbtn:hover {
        background-color: #FFA500;
        border: 1px solid #FFA500;
        color: #ffffff;
        border-radius: 4px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }


    .yellowbtn:active {
        background: #FFA500;
        position: relative;
        top: 1px;
        text-shadow: none;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    }










.teambtnstyle {
    font-family: 'Conv_Chawder-Reg';
    width: 180px;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    background-color: #6B6E75;
    margin: 0px auto 0px 25px;
    -webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
text-align:center;
}
       


.teambtnstyle:hover {
    background-color: #ED1C24;
    -webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}



















.fieldset_login2 {
 font-size: 15px;
border: 1px solid #cac7c7;
margin: 10px 0 20px 0;
border-radius: 5px;
padding: 30px;
font-weight: 600;
box-sizing: border-box;
 

     }



 .legentstyle {
            padding: 3px 14px;
            background: #EEEEEE;
            border-radius: 4px;
            color: black;
            font-weight: 600;
            font-size: 16px;
        }




 .legentstyle2 {
            padding: 3px 14px;
            background: #6b6e74;
            border-radius: 4px;
            color: white;
            font-weight: 600;
            font-size: 16px;
        }





.lbl_style_page22 {
font-family: 'Segoe UI';
    font-size: 14px !important;
    font-weight:600;
    color:#363636 !important;

}


.lbl_style_page222 {
font-family: 'Segoe UI';
    font-size: 14px !important;
    font-weight:600;
    color:#ffffff !important;

}


         .lbl_style_page33 {
font-family: 'Segoe UI';
    font-size: 14px !important;
    font-weight:600;
    color:red !important;

}

         .lbl_style_page44 {
font-family: 'Segoe UI';
    font-size: 17px !important;
    font-weight:600;
    color:#363636 !important;

}










         .lbl_style_pageWHITE {
    color:#ffffff !important;

}














.buttonsearch {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 2px 20px 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font-family: 'Segoe UI';
  font-weight:600;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #eee;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                                        url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color 0.8s ease-out;
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

  background-clip: padding-box; /* Fix bleeding */
  border-radius: 0px;
  height:28px;
}

.buttonsearch:hover { 
  background-color: #ddd;
  color: #000;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.buttonsearch:active {
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}



















.ddlType_style {
    padding:2px 0px ;
     height:28px ;
     width:148px ;
      font-family: 'Segoe UI' ;
       font-weight:600;
}

.ddlType_style option{


       font-family: 'Segoe UI' ;
       font-weight:800;

}


.ddlReagion_style {
    padding:2px 0px ;
     height:28px ;
     width:148px ;
      font-family: 'Segoe UI' ;
       font-weight:600;
}

.ddlReagion_style option{


       font-family: 'Segoe UI' ;
       font-weight:800;

}


.ddlQuarterName_style {
    padding:2px 0px ;
     height:28px ;
     width:148px ;
      font-family: 'Segoe UI' ;
       font-weight:600;

}

.ddlQuarterName_style option{


       font-family: 'Segoe UI' ;
       font-weight:800;

}