.btn-logout{
     width: 100%;
      background: #AA1B1B;
      border: 0;
      padding: 6px;
      border-radius: 6px;
      color: #FFF;
      text-shadow: #1D1C1C 1px 1px 0;
 }
  .btn-login{
     width: 100%;
      background: #58815F;
      border: 0;
      padding: 6px;
      border-radius: 6px;
      color: #FFF;
      text-shadow: #1D1C1C 1px 1px 0;
 }
 .btn-recover{
     background: transparent;
  border: 1px solid #884810;
  padding: 5px;
  width: 100%;
  display: block;
  margin-top: 10px;
  text-align: center;
  border-radius: 5px;
  font-size: 15px;
  color: #884810;
 }
  .btn-recover:hover{
     background: #884810; 
     border: 1px solid #FFF;
     color: #FFF;
     
  }
  .btn-reg{
     background: transparent;
      border: 1px solid #108829;
      padding: 5px;
      width: 100%;
      display: block;
      margin-top: 10px;
      text-align: center;
      border-radius: 5px;
      font-size: 15px;
      color: #108829;
 }
   .btn-reg:hover{
     background: #108829; 
     border: 1px solid #FFF;
     color: #FFF;
     
  }
 .modlgn-username{
   border: 1px solid #bbb !important;
  padding: 7px 30px 7px 7px !important;
  border-radius: 5px !important;
  font-size: 14px !important;
 }

 .modlgn-passwd{
   border: 1px solid #bbb !important;
  padding: 7px 30px 7px 7px !important;
  border-radius: 5px !important;
  font-size: 14px !important;
 }
 
 .input-icon i{
  position: relative;
  top: 32px;
  font-size: 14px;
  opacity: 0.8;
  opacity: 0.4;
  right: 9px;
}


.input-icon input{
  width: 100%;
  padding: 10px 40px; 
  font-size: 14px;
  box-sizing: border-box;
  direction: rtl;  
}