* {
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    background-color: #f5f7f9;
}

/* Start framework */
:root {
    --primary-color: #043c50;
}
.fixed-button {
    background-color: var(--primary-color);
    color: #fff;
}
.cke_notification {
    display: none !important;
}
/* End framework */

/* Start sidebar */
#sidebar {
    height: 100vh;
    background-color: #fff;
}
#sidebar .navbar-brand {
    border-bottom: 1px solid #e4e6ea;

    margin-right: 0;
    padding: 31px;
}
#settingsDropdown {
    padding: 0;
}
aside ul {
    list-style: none;
    padding: 20px;
}
li .sidebar-link {
    text-decoration: none;
    color: #656c77 !important;
    border-radius: 6px;
}
li .sidebar-link {
    padding: 17px;
    display: block;
}
li .setting {
    border: 1px solid #e7e7e7;
    border-radius: 11px;
}
.sidebar-item.active > .sidebar-link {
    background-color: #5788fb;
    color: #fff !important;
}

.sidebar-item .sidebar-item.active > .sidebar-link {
    color: #fff;
    background-color: #004466;
}

.sidebar-link[aria-expanded="true"]::after {
    content: "▲";
    float: right;
    margin-right: 10px;
}

.sidebar-link[aria-expanded="false"]::after {
    content: "▼";
    float: right;
    margin-right: 10px;
}

/* End sidebar */
/* Start navbar */
.navbar {
    height: 110px;
    max-height: 110px;
    background-color: #fbfcfd;
}
/* End navbar */
/* Start login page */
.login-right-side,
.register-right-side {
    background-size: cover;
    height: 100vh;
    background-position: center;
}
.login-right-side {
    background-image: url(../images/cover-login.png);
}
.register-right-side {
    background-image: url(../images/cover-register.png);
}
.login-btn {
    background-color: #186c8a;
}
/* End login page */
/* Start roles page */
.btn-add-new {
    background-color: var(--primary-color);
    color: #fff !important;
}
.header-pages {
    background-color: #fbfcfd;
    margin: 30px 0;
    padding: 20px;
    align-items: center;
}
/* End roles page */
/* Start messages page */
.box-data {
    background-color: #fff;
    padding: 25px;
    border-radius: 25px;
    margin-bottom: 15px;
}
.box-data .icon {
    width: 27%;
    margin-right: 25px;
}
.box-data .icon img {
    width: 100%;
}
.box-data .num-messages {
    margin-top: 10px;
}
.box-data .num-messages p {
    color: #4a505c;
    font-size: 15px;
}
/* End messages page */

/* Start media Query */

@media (max-width: 768px) {
    #sidebar {
        height: auto;
    }
}
/* End media query */