body,
.nav_menu,
.left_col,
.right_col,
.x_panel,
.x_title h2,
.site_title {
    font-family: "Segoe UI", "Trebuchet MS", sans-serif;
}

.irri-admin-sidebar,
.nav_title,
.left_col {
    background: #063657 !important;
}

.nav.side-menu > li > a,
.profile_info h2,
.profile_info span,
.site_title {
    color: #ffffff !important;
}

.nav.side-menu > li.active > a,
.nav.side-menu > li.current-page,
.nav.side-menu > li > a:hover {
    background: #0085c6 !important;
}

.site_title img,
.login-logo {
    width: 120px;
}

.top_nav .nav_menu {
    background: #ffffff;
    border-bottom: 1px solid #dceefa;
}

.right_col {
    background: #f5f7f9;
}

.x_panel {
    border-radius: 20px;
    border: 1px solid #dceefa;
    box-shadow: 0 10px 22px rgba(6, 54, 87, 0.06);
}

.x_title {
    border-bottom: 1px solid #e5edf3;
}

.btn-success,
.btn-default.submit {
    background: #77c231 !important;
    border-color: #77c231 !important;
}

.btn-success:hover,
.btn-default.submit:hover {
    background: #64ba00 !important;
    border-color: #64ba00 !important;
}

.logout-form,
.inline-form {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.logout-button {
    background: transparent;
    border: 0;
    color: #063657;
    padding: 14px 18px;
}

.dashboard-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px;
}

.dashboard-summary article {
    background: #f8fbfd;
    border: 1px solid #dceefa;
    border-radius: 16px;
    padding: 16px;
}

.dashboard-summary strong {
    display: block;
    color: #063657;
}

.dashboard-summary span {
    color: #536473;
}

.message-snippet {
    padding: 14px 0;
    border-bottom: 1px solid #eef3f6;
}

.message-snippet:last-child {
    border-bottom: 0;
}

.admin-table-wrap {
    overflow-x: auto;
}

.irri-login {
    background: #063657;
}

.irri-login .login_wrapper {
    max-width: 420px;
}

.irri-login .login_content {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.irri-login .login_content h1 {
    color: #063657;
}

.count-green {
    color: #77c231 !important;
}

@media (max-width: 767px) {
    .dashboard-summary {
        grid-template-columns: 1fr;
    }
}