*, ::after, ::before {
    box-sizing: border-box;
}

body {
    background-color: #fbfbfb;
    font-family: Helvetica, arial;
    font-weight: normal;
}

.tcenter {text-align:center;}

.login-form {
   /* font-family: arial;*/
    color: #333;
} 
.login-form form {
    width: 500px;
    margin: 0 auto;
    padding: 20px 30px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #ffffff;
}
.login-form h2, .login-form .title{
    text-align: center;
    font-size: 30px;
    margin: 10px 0px 10px;
}
.login-form input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px 10px;
    height: 45px;
    margin: 0px 0px 20px;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 17px;
}
.login-form button {
    margin: 10px auto 30px;
    display: table;
    font-size: 16px;
    padding: 10px 30px;
    background-color: #e7e7e7;
    border: 1px solid #d2d6de;
    color: #494949;
    border-radius: 4px;
    cursor: pointer;
}
.login-form button:hover{
  opacity: 0.8;
}
.login-form input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    float: left;
}
.login-form .forget-psw {
    float: right;
}
.login-form .forget-psw a {
    color: #2196F3;
    text-decoration: none;
}
.social-btn button.twitter-btn, .social-btn button.facebook-btn, .social-btn button.sociallogin-btn, .login-btn {
    width: 100%;
    font-size: 18px;
    margin: 0px 0px 10px;
    border: 1px solid #d2d6de;
    background-color: #ffffff;
    color: #494949;
}
.social-btn button.sociallogin-btn:hover {
    background-color: #e7e7e7;
}


.social-btn button.twitter-btn{
  background-color: #26abfd;
}
.social-btn button.facebook-btn{
  background-color: #3f68be;
}
.social-btn {
   /* border-top: 1px solid #ddd; */
    padding-top: 30px;
    padding-bottom: 30px;
    margin:0;
}
.social-btn button i {
    margin-right: 5px;
    font-size: 20px;
}
@media (max-width: 767px){
.login-form form {
    width: 90%;
    padding: 20px 15px 20px;
}
.social-btn button.twitter-btn, .social-btn button.facebook-btn {
    font-size: 15px;
}
}


.div-or {width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    line-height: 20px;
    padding: 0;}

.div-or-border {border-top: 1px solid #ccced7;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;}

.div-or span {display: inline-block;
    background: #fff;
    color: #ccced7;
    position: relative;
    z-index: 2;
    padding: 0 12px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;}

.log-box { padding-top: 30px;
    padding-bottom: 30px;}