﻿/******************************************************************************
  taysir authentification
*******************************************************************************/
 .info-authentification,
 .form-authentification{
      height: 100vh;
 }

.info-authentification{
     -webkit-box-shadow: 16px 0px 0px 0px rgba(0,0,0,0.08);
     -moz-box-shadow: 16px 0px 0px 0px rgba(0,0,0,0.08);
     box-shadow: 16px 0px 0px 0px rgba(0,0,0,0.08);
 }

.form-authentification{
     background : #fff;
     padding-top:10%;
}

.container-logo{
     text-align:center;
     padding-top: 30px;
     padding-bottom:30px;
 }

.copyright-authentification{
       padding-top: 10%;
}

.copyright-authentification p{
    color:#666666;
    font-size: 12px;
 }


/******************************************************************************
  Login form
*******************************************************************************/

 #loginForm .form-control{
     border:0px;
     border-bottom:1px solid #999999;
     box-shadow:0px 0px 0px 0px;
     -webkit-box-shadow:0px 0px 0px 0px;
 }

 #loginForm .form-group {
    margin-bottom: 20px;
    position:relative;
}

  #loginForm  label{
    color: #666666;
    font-size: 14px;
  }

#loginForm .btn-login{
     width:100%;
     background-color:#f4bd2f;
     height:40px;
     color:#fff;
     font-size:15px;
     border: 0px;
 }
 #loginForm .last-form-group{
     margin-top:50px;
 }  

 #loginForm .form-icon{
    position: absolute;
    top: 8px;
    right: 0;
    border-left: 1px solid #dddddd;
    padding: 0px 10px;
 }

 #loginForm .form-icon i{
        font-size: 24px;
        color:#f4bd2f;
 }

  #loginForm input[type="text"],
  #loginForm input[type="password"]
  {
      font-size:15px;
      color: #f4bd2f;
      height: 40px;
  }

  #loginForm input[type="text"]:focus,
  #loginForm input[type="password"]:focus,
  #loginForm .focus-icon i{
   color:  #006f7d;
}

 #loginForm input::-webkit-input-placeholder,
  #loginForm input:-moz-placeholder,
  #loginForm input::-moz-placeholder,
  #loginForm input:-ms-input-placeholder,
  #loginForm input::-ms-input-placeholder { 
  color: #f4bd2f;
  opacity:0.7;
} 
 
  