/*
 * email:shaigeta@walla.com
 * copyright see-date 2020.
 */
 @import url('https://fonts.googleapis.com/css2?family=Assistant&display=swap');
 body{
  font-family: 'Assistant', sans-serif;
 }

.help:lang(he),.help:lang(ar){
  direction: rtl;
}
.help{


  width: 60%;
  height: auto;
  margin: 0px auto;
  padding: 5% ;
 /* box-shadow: 4px 7px 8px #888888;*/
 border-left:1px  solid  rgb(166, 166, 166);
 border-right:1px  solid  rgb(166, 166, 166);
 border-bottom:1px  solid  rgb(166, 166, 166);
 
}
.help button{
  padding: 7px;

  background: #ff1486;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50px;
}
.help #start{
  margin-top: 5%;
  
}
.help #start button{
  padding: 7px;

  background: #ff1486;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50px;
}
/*.help #start button:hover{
  background-color: rgb(111, 163, 170);
  color: black;
}*/
.help #ChangePassword label{
  /*background-color: aqua;*/
  display: inline-block;
  width: 25%;
  padding: 2px;
font-size: 15px;
  
}
.help  input{
  padding: 2px;
  margin: 0 3px;
}
.help .submitBtn{
  padding: 7px;

  background: #ff1486;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50px;

}


/* tablet*/
@media only screen and (max-width: 990px) {

  .help{
    padding: 10%;
   width: 70%;

  }
  .help #ChangePassword label{
   
    width: 50%;
    
    
  }
}

/* mobile */
@media only screen and (max-width: 690px) {

  .help{
    /*padding: 10%; 
   width: 70%;*/

   padding: 5%;
   width: 86%;
  
  }
  .help #ChangePassword input{
    /*width: 41%;*/
    width: 48%;
    
  }
  .help #ChangePassword label{
   
    width: 45%;
    
    
  }
  .help .img-shai-about{
   
  }

}