@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Numans');

html,
body{
    height:100%;
    margin:0;
    font-family:'Numans',sans-serif;
    background:url('../img/415413.jpg') center center / cover no-repeat fixed;
}

.container{
    height:100%;
}

.d-flex.h-100{
    align-items:center;
}

.card{
    width:430px;
    border:none;
    border-radius:18px;
    background:rgba(20,28,40,.88);
    box-shadow:0 20px 50px rgba(0,0,0,.45);
    overflow:hidden;
}

.card-header{
    background:transparent;
    border:none;
    padding:30px 30px 10px;
}

.card-body{
    padding:20px 30px;
}

.card-footer{
    background:transparent;
    border:none;
    padding:10px 30px 25px;
}

.gwadi-logo{
    color:#ffffff;
    font-size:2.4rem;
    font-weight:bold;
    letter-spacing:3px;
    margin:0;
}

.gwadi-subtitle{
    color:rgba(255,255,255,.80);
    font-size:0.95rem;
    margin:10px 0 20px;
}

.card-header h3{
    color:#ffffff;
    margin:0;
    font-size:1.4rem;
}

.card-header hr{
    border-top:1px solid rgba(255,255,255,.20);
    margin:20px 0;
}

.input-group{
    margin-bottom:18px;
}

.input-group-prepend span{
    width:50px;
    justify-content:center;
    align-items:center;
    background:#0d6efd;
    color:#ffffff;
    border:none;
}

.form-control{
    height:48px;
    border:none;
    box-shadow:none;
}

.form-control:focus{
    border:1px solid #0d6efd;
    box-shadow:none;
}

.login_btn{
    width:100%;
    height:48px;
    border:none;
    border-radius:6px;
    background:#0d6efd;
    color:#ffffff;
    font-size:1rem;
    transition:.2s;
}

.login_btn:hover{
    background:#0b5ed7;
    color:#ffffff;
}

.links{
    color:#ffffff;
    text-align:center;
}

.links a{
    color:#9ecbff;
    text-decoration:none;
}

.links a:hover{
    color:#ffffff;
}

.alert{
    margin-top:15px;
    margin-bottom:0;
}

@media (max-width:576px){

    .card{
        width:95%;
        margin:15px;
    }

    .card-header,
    .card-body,
    .card-footer{
        padding-left:20px;
        padding-right:20px;
    }

    .gwadi-logo{
        font-size:2rem;
    }

}

.login-page{
    min-height:100vh;
}

.row.min-vh-100{
    align-items:center;
}

.login-left{
    background:rgba(13,59,102,.82);
	backdrop-filter:blur(3px);
    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    min-height:100vh;
    padding:60px;
}

.login-left-content{
    max-width:500px;
    width:100%;
}

.login-left h1{
    font-size:4rem;
    font-weight:700;
    letter-spacing:4px;
}

.login-left h4{
    margin-top:15px;
    color:#dbe9ff;
}

.linha{
    width:80px;
    height:4px;
    background:#ffffff;
    margin:30px 0;
    border-radius:4px;
}

.login-left p{
    font-size:1.2rem;
    margin-bottom:18px;
}

.versao{
    margin-top:60px;
    opacity:.75;
    font-size:.9rem;
}

@media (max-width:991px){

    .login-left{
        display:none;
    }

    .card{
        width:95%;
    }

}

.login-right{
    min-height:100vh;
}