@import url('https://fonts.googleapis.com/css?family=Numans');



html,body{



background-size: cover;

background-repeat: no-repeat;

height: 100%;

font-family: 'Numans', sans-serif;

background:-webkit-linear-gradient(left, #eeeeee, #eeeeee);

}



.tabcontent{display:none;}

.tabcontent.active{display:block;}

.buttons a.active, .buttons a.focus {

    background: blue;

    border-radius: 50%;

    padding: 1px;

    border: 1px solid blue;

}

h2.loginh {

    font-size: 26px;

    padding-top: 12px;

    font-weight: 600;

    color: whitesmoke;

}



img {

    width: 149px;

    height: 143px;

    border-radius: 3px;

}



div.radibtn {

    color: whitesmoke;

    /* padding: 2px; */

}



.container{

height: 100%;

align-content: center;

}



.card{

height: 563px;

margin-top: auto;

margin-bottom: auto;

width: 400px;

background-color: rgba(0,0,0,0.5) !important;

}



.social_icon span{

font-size: 60px;

margin-left: 10px;

color: #FFC312;

}



.social_icon span:hover{

color: white;

cursor: pointer;

}



.card-header h3{

color: white;

}



.social_icon{

position: absolute;

right: 20px;

top: -45px;

}



.input-group-prepend span{

width: 50px;

background-color: #FFC312;

color: black;

border:0 !important;

}



input:focus{

outline: 0 0 0 0  !important;

box-shadow: 0 0 0 0 !important;



}



.remember{

color: white;

}



.remember input

{

width: 20px;

height: 20px;

margin-left: 15px;

margin-right: 5px;

}



.login_btn{

color: black;

background-color: #FFC312;

width: 100px;

}



.login_btn:hover{

color: black;

background-color: white;

}



.links{

color: white;

}



.links a{

margin-left: 4px;

}