@charset "utf-8";
/* CSS Document */

* {
   margin:0; padding:0;
}
html,body {
   height:100%; width:100%; min-height:100%; background-color:#000000; background-image:url(img/1612592853.jpg);  
}
a, a:visited {color:#464646; text-decoration:none;}
 .container_site{ 
   min-height:100%;
   padding-top:0px; 
   padding-bottom:0px; 
   margin:0 auto;
   position:relative;
   overflow:hidden;
   background:#FFFFFF;
   width:900px;
} 
.irrigationLogo {
   /*background-image:url(img/1.png);
   background-repeat:no-repeat;*/
   position:relative;
   float:left;
   width:160px;
   height:150px;
   background-color:#FFFFFF;
   z-index:1;
}
.irrigationLogoPrivate {
   /*background-image:url(img/1.png);
   background-repeat:no-repeat;*/
   position:relative;
   float:left;
   width:200px;
   height:200px;
   background-color:#FFFFFF;
   z-index:1;
}
.irrigationName div {
  width: 150px;
  height: 150px;
  display: inline-block;
  position:relative;
  vertical-align: top;
  text-align: center;
  font-size:24px;
  z-index:2;
}
.irrigationNamePrivate {
   text-align:center;
   font-size:24px;
}
.irrigationNameDevice {
  top:-150px;
}
.irrigationName div:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.irrigationParametrs {
   position:relative;
   float:left;
   width:580px; /*740*/
   background-color:#FFFFFF;
}

.warning {background-image:url(img/warning.png);}
.warningB {background-image:url(img/warningCable.png);}
.greenForvardOnline {background-image:url(img/greenForvardOnline.png);}
.greenReverseOnline {background-image:url(img/greenReverseOnline.png);}
.greenForvardOffline {background-image:url(img/greenForvardOffline.png);}
.greenReverseOffline {background-image:url(img/greenReverseOffline.png);}
.stopOonline {background-image:url(img/stopOnline.png);}
.stopOffline {background-image:url(img/stopOffline.png);}

.menu a{
   display:block;
   padding:0 15px;
   line-height:40px;
   font-weight:bolder;
   text-transform:uppercase;
   color:#000099;
   
}
.noError {
   color:#00FF00; 
   font-weight:bold;
}
.error {
   color:#FF0000; 
   font-weight:bold;
   text-transform:uppercase;
}
.frsContainer {
   position:relative;
   width:414px;
}
.frsContainer div{
   position:relative;
   float:left;
   width:138px;
}
.buttonForvard, .buttonReverse {
   /*width:50px;
   height:50px;
   background-image:url(img/green50.jpg);
   */
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	width:130px;
}
.buttonStop {
   /*width:50px;
   height:50px;
   background-image:url(img/green50.jpg);
   */
    background-color:#FF0000;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	width:130px;
}
.cls {
   clear:both;
}

.TableParametrs {
   width:405px;
   background-color:#F4FDAC;
   border:solid 1px;
   border-collapse:collapse;
   text-align:left;
   font-family:0.92em/1.4 Arial, Helvetica, sans-serif;
   margin-bottom:5px;
}
.TableParametrs td {
   border:solid 1px;
   border-collapse:collapse;
   padding:3px 3px 3px 10px;
}
.TableParametrs th {
   background-color:#CCCCCC;
   padding:3px 3px 3px 10px;
   font-family:0.92em/1.4 Arial, Helvetica, sans-serif;
   font-weight:bold;
   text-transform:uppercase;

}

.divLoginContainer {
   min-height:100%;
   padding-top:0px; 
   padding-bottom:0px; 
   margin:0 auto;
   position:relative;
   overflow:hidden;
   width:400px;
}
.divLogin{
  height: 230px;
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  background-color:#FFFFFF;
  padding:10px;

}
.formLogin {
    display: flex;
    flex-direction: column;
    width: 380px;
	background-color:#FFFFFF;

}

.formLogin input {
    margin: 10px 0;
    padding: 10px;
    outline: none;
}

.formLogin button {
    padding: 10px;
    background: #5E8DFF;
    border: unset;
    cursor: pointer;
}