/* Log in -------------------------------------------*/

.center-form{ text-align: center !important; }
.auth-form-wrapper { padding: 25px 0 0px 0; position: relative; }
hr.full {border: 0; border-top: 0.001em dotted #d3d3d3; width:97%; margin:auto;}
.auth-form {  width:100%; }
.form-input { text-align: center;  display: ruby;}
.auth-form .form-input >  input, .comment-form > textarea { padding: 12px; margin-bottom: 10px; border:1px solid #d8d8d8;  font-style: normal; font-size: 14px; border-radius:3px; line-height: 20px; width: 80%; }
.auth-form .form-input > input:focus, .comment-form > textarea:focus { background:#f5f5f5; }
.auth-form .send-btn {  border-radius:30px; background:rgba(0,0,0,0.05); padding:10px 25px 14px;  line-height:1; font-size:14px; display:inline-block; color:#555; margin-top:20px; border: none;}
.auth-form .send-btn:hover { background:rgba(0,0,0,0.1); color:#2b2b2b}
/*.grey-log {height: 700px; position:relative; padding-top:60px;  padding-bottom:50px; }
*/.auth-block {position: absolute; left: 50%;
    transform: translate(-50%); margin-bottom: 20px; margin-top: 100px;}
.facebook-sign-in {padding:20px 30px 20px 30px; display:inline-block; background-color:#2e53cf; color: #e9e9e9; border-radius: 40px; font-size: 18px; border: none; }
.facebook-sign-in:hover {background-color:#2745a8;}
.auth-form-wrapper p {color: #555;}
.facebook-sign-in i {color: #e9e9e9; font-size: 26px;   display: inline-block;
    vertical-align: middle; padding-bottom: 3px;}
.auth-form-wrapper form {display: none;}
.divider-container {
    display: flex;
    align-items: center;
    text-align: center;
}
.grey-bg-color{
    background-color: #e9e9e9 !important;
}
.divider-container hr {
    flex: 1;
    border: 0;
    border-top: 0.001em dotted #d3d3d3;
    margin: 0 10px;
}

.divider-container span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
 
}
.auth-form-wrapper p:hover {
    color: #353535;
    cursor: pointer;
}

.padding-wrapper{
    margin: auto;
}

.inline-text p:last-child {
    float: right;
}
.inline-text p:first-child {
    float: left;
}
/*End Log in  --------------------------------------------------*/
/* sign up ================ */

#submit-sign-up {
    display: none;
}
#back {
    display: none;
}
#sign-up-form .form-input {
    display: none;
}
@keyframes appearing {
    from {
        opacity: 0;
        width: 0%;
    }
    to {
        opacity: 1;
        width: 100%;
    }
}
.displayed {
    display: ruby !important;
}
/* 
data of registration
- email
- password
- repeat password

- name
- surname

- nickname (optional)
- phone 
- 
*/