input[type=text], select {
      width: 100%;
      padding: 10px 20px;
      margin: 5px 0;
      display: inline-block;
      border: 1px solid #dbdbdb;
      border-radius: 4px;
      box-sizing: border-box;
      background-color: #fafafa !important;
      font-size:0.85rem;
     
    }


    input[type=text]:hover{
        border: 1px solid #a8a8a8 !important;
        outline: 1px solid #a8a8a8  !important;
        
    }
    input[type=text]:focus{
        border: 1px solid #a8a8a8 !important;
        outline: 1px solid #a8a8a8  !important;
        font-size: 0.85rem !important;
        transition: 0.5s;
         direction: ltr;
    }
    input[type=text]:focus::placeholder {
        color: transparent;
      }
      
      input[type=password], select {
        width: 100%;
        padding: 10px 20px;
        margin: 5px 0;
        display: inline-block;
        border: 1px solid #dbdbdb;
        border-radius: 4px;
        box-sizing: border-box;
        background-color: #fafafa !important;
        font-size:0.85rem;
       
      }
  
  
      input[type=password]:hover{
          border: 1px solid #a8a8a8 !important;
          outline: 1px solid #a8a8a8  !important;
          
      }
      input[type=password]:focus{
          border: 1px solid #a8a8a8 !important;
          outline: 1px solid #a8a8a8  !important;
          font-size: 0.85rem !important;
          transition: 0.5s;
      }
      input[type=password]:focus::placeholder {
          color: transparent;
        }
      form i {
      z-index: 5;
      margin-left: -25px !important;
      margin-top: 10px;
      cursor: pointer;
      color:#8e8e8e;
      position:absolute;
  }
    
    
.text_color_blue{
color:  #0095f6 !important;
}
.bg-gray-light{
background-color: #fafafa;
}
.or-label {
  flex-grow: 1;
  margin: 0 0px;
  text-align: center
}
.or-container {
  align-items: center;
  color: #ccc;
  display: flex;
  margin: 5px 0
}

.line-separator {
  background-color: #ccc;
  flex-grow: 5;
  height: 1px
}
.text-gmail-color{
color: #df4a32 !important;
}
.bg-gmail-color{
background-color: #df4a32 !important;
}

/************************* Start Error Dialougue *********************************************/
.alert {
  
padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;

}

.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}

.closebtn:hover {
color: black;
}
/************************* Start Error Dialougue *********************************************/

/**********************  Start Page Elements *************************************************/
body {
    font-family: iranyekan;
    height:100vh;
}
.login-pg{
    max-width:375px;
}
.title-page{
    font-weight:normal; 
    font-size: 0.95rem;
}
.btn-login-pg{
    font-size:0.92rem;
    transition:0.5s;
}
.btn-gmail{
    text-decoration: none; 
    transition:0.5s;
}
a{
    text-decoration: none;
}