@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.custom-icon {
    color: #fff;
    left: 45%;
    text-align: center;
    width: 100%;
}

.custom-a {
    color: #004682;
    text-decoration: inherit;
}

.custom-a:hover {
    color: #003667;
    text-decoration: inherit;
    font-weight: bolder;
}

.custom-user-icon {
    color: #006abf;
}

.p-dashboard {
    text-align: center;
    color: #fff;
    margin-top: 15px;
}

/* LOGIN.PHP */
.login {
    background-color: white;
    font-family: 'Roboto', sans-serif;
}

#login img {
    margin: 10px 0;
}

#login .center {
    text-align: center;
}

#login .login {
    max-width: 400px;
    margin: 35px auto;
}

#login .login-form {
    padding: 0px 25px;
}

#login .btn {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.loginText {
    color: darkgray;
    text-align: center;
    font-size: 13px;
}

.loginBtn {
    background-color: #004682;
}

.loginBtn:hover {
    background-color: #00335e;
}

/* END LOGIN.PHP */