body{background-color: #f6f6f6;}
.container{ 
        max-width: 400px;
       margin: 100px auto;

}
.logo{
       margin-bottom: 20px
}
.mt{
    margin: 20px auto
}
.title-header{
    text-align: center;
    color: #999;
    margin-bottom: 0
}
.text-hr-line>span {
    padding: 0 10px;
    background: #fff;
    position: relative;
    display: inline-block;
}
.text-hr-line {
    min-height: 1px;
    position: relative;
        box-sizing: border-box;
}
.text-hr-line::before {
    left: 0;
    top: 52%;
    right: 0;
    height: 1px;
    content: "";
    position: absolute;
    background: #e5e5e5;
}
.ico-facebook{
    display: inline-block !important;
}
.btn-facebook,.btn-google,.btn-apple,.btn-success{
    color: #fff;    
    width: 200px;        
    line-height: 28px;
}
.btn-facebook{
    background: #3B5998;
    border: 1px solid #3B5998;
}
.btn-google{
    background: #cf553d;
    border: 1px solid #cf553d;
}
.btn-apple{
    background: #000;
    border: 1px solid #000;
}
.btn-success{
    font-weight: bold;
}
.text-soc {
    vertical-align: text-bottom;
    font-weight: bold;
    margin-left:10px
}
.btn-facebook:hover,.btn-facebook:focus,.btn-google:hover,.btn-google:focus,.btn-apple:hover,.btn-apple:focus {
    color: #fff;
}
input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 20px;
}    
.title-header {
    font-size: 19px;
    margin: 10px 0;
    padding: 0px;
}                        
.title-header .active{
    border-bottom: 2px solid #444343;
    color: #444343;
}
.title-header .inactive{
    border-bottom: 2px solid lightgray;
}
.title-header .inactive a{
    color: #999999
}

@media (max-width: 800px){
    .container{ 
        max-width: 320px;
        margin: 20px auto;
        padding: 0
   }   
}