/* Made with love by Mutiullah Samim*/



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



html,
body {

    background-image: url('https://wps-dev.com/beta/erp/assets/img/login-banner.jpeg');

    background-size: contain;
    background-repeat: repeat;
    font-family: 'Numans', sans-serif;

}



.container {

    height: 100%;

    align-content: center;

}



.card {

    /* height: 370px; */
    margin-top: auto;
    margin-bottom: auto;
    width: 400px;
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: flex;
    align-items: center;
    justify-content: center;

}

.logindiv {
    width: 370px;
    position: relative;
    left: 50%;
    top: -50%;
    transform: translate(-50%, 50%);
    height: 400px;
}


.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;

}