/* HEADER */

header {
    /*background-color: #6667AB;*/
    background-image: linear-gradient(#793079, #793079 60%, #3d0036);
}

#logo-main {
    font-size: 24px;
    font-family: 'Orbitron', sans-serif;
}
#logo-main-icon {
    display: inline-block;
    position: relative;
    padding: 5px 7px;
    right: 9999px;
}
#logo-main-icon::after {
    content: url('../img/commentwise-o.svg');
    filter: invert(100%) sepia(100%) saturate(21%) hue-rotate(336deg) brightness(106%) contrast(106%);
    position: absolute;
    top: 12px;
    right: -9997px;
    width: 30px;
    height: auto;
}

/* NAVIGATION */

.nav__user-img {
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 50%;
    margin-right: 1rem;
}

/* FOOTER */

footer {
    background-color: #555555;
}

/* LOGIN FORM */

.login-form {
    width: 100%;
    max-width: 330px;
    padding: 45px;
    margin: auto;
}

/* BUTTONS */

.btn-peri {
    color: #fff;
    background-color: #505191;
    border-color: #505191;
}
.btn-peri:hover {
    color: #fff;
    background-color: #7B7CB7;
}

/* ALERTS */

.alert {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 1.6rem 15rem;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.25);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.25);
}
.alert--success {
    background-color: #20bf6b;
}
.alert--error {
    background-color: #eb4d4b;
}

/*DATATABLES*/
div.dt-buttons {
    float: right !important;
}