table td, table th {
    padding: 0.8em!important;
}

table tr td {
    color: #707070!important;
}


table button {
    background-image: linear-gradient(to right, #b06ab3, #4a68da);
}

table button {
    color: #fafafa!important;
    font-weight: 500!important;
}


.logout {
    background: #a9c22b!important;
    padding: 13px!important;
    color: #fafafa!important;
    font-size: 15px!important;
}



/* login form */

.login-form{
    margin-top: 20%!important;
    background-color: #faf8f7;
}


.fbtn{
    color: #a9c22b!important;
    background: transparent;
    border: 1px solid #a9c22b!important;
    transition: 0.35s!important;
    font-weight: 400!important;
}

.fbtn:hover{
    transform: translateY(-0.25em)!important;
    color: #fafafa!important;
    background: #a9c22b!important;
}

.fa-sign-in, .fa-search {
    color: #fafafa;
    margin-right: 10px;
    font-size: 20px;
}

/* end of login form */




/* navbar */


.navbar-brand img {
    width: 120px!important;
}

@media screen and (max-width: 992px) {
    .logo-brand {
        width: 20%!important;
        font-size: 13.5px!important;
    }

    .logout-brand {
        width: 49%!important;
        font-size: 10px!important;
    }

    .navbar-brand img {
        width: 100px!important;
    }

}

/* end of navbar */


.activebtn {
    background: #a9c22b!important;
    padding: 13px!important;
    color: #fafafa!important;
    font-size: 15px!important;
}