div#container
{
    overflow: hidden;    
    margin-top: 56px;
    background-color: #f6f8f9;
}
div.container-fluid
{    
    overflow-y: auto;                
}
nav#sidebar
{
    z-index: 1031;
} 



/* .admin-main-content (kenji styles) */

.admin-main-content h3 { font-size: 18px; font-weight: 700; margin-bottom: 0; }

.admin-main-content .table { margin-bottom: 20px !important; }
.admin-main-content .table thead th {
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 600;
    background-color: #f5f5f5;
}
.admin-main-content .table#outbount-table thead th,
.admin-main-content .table#pageMeta-table thead th { border-top: 0 }

.admin-main-content .table tbody td {
    padding: 5px 10px;
    font-size: 13px;
}
.admin-main-content .card-header { background-color: #fff; }
.admin-main-content .card-header .form-group { margin-bottom: 0 }

.admin-main-content .es-btn-group { text-align: center; }
.admin-main-content .es-btn-group .btn {
    font-size: 13px;
    padding: 6px 8px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 500;
}
.admin-main-content .es-btn-group .btn:nth-child(1) {
    background: #233ba2;
    border-color: #233ba2;
}
.admin-main-content .es-btn-group .btn:nth-child(2) {
    background: #007cfc;
    border-color: #007cfc;
}
.admin-main-content .es-btn-group .btn:nth-child(3) {
    background: #50baff;
    border-color: #50baff;
}


.admin-main-content .dash-btn {
    padding: 5px 10px;
    font-size: 14px;
}
.admin-main-content .dash-search {
    height: auto;
    padding: 5px 10px;
    line-height: 1;
}
.admin-main-content .page-link {
    padding: 0.4rem 0.75rem;
    font-size: 15px;
}

.admin-main-content .if-empty-table {
    margin-top: -20px; border: 1px solid #dee2e6; border-top: 0; padding: 7px 10px; font-weight: 600; text-align: center; font-size: 14px; margin-bottom: 20px;
}

.admin-main-content .pagination { justify-content: center; margin-bottom: 0; }
.admin-main-content .btn-group-table-actions .btn-sm,
.btn-group-table-actions .btn-group-sm > .btn {
    padding: 0.25rem 0.4rem; font-size: 10px;
}

.admin-main-content .tab-content { background-color: #fff; border: 1px solid #dee2e6; border-top: 0; }
.admin-main-content .nav-item .nav-link {
    border-color: #dee2e6 !important;
    color: #777 !important;
    border-bottom-color: transparent !important;
}
.admin-main-content .nav-tabs .nav-item { font-size: 15px; }
.admin-main-content .es-btn-group .btn,
.admin-main-content .es-btn-group .btn a { color: #fff !important }

.admin-main-content .es-action-btn-group .btn { font-size: 12px; margin-right: 2px; }
.admin-main-content .badge { padding: 5px; }

/* blurb */
.admin-main-content .es-blurb {
    display: flex;
    padding: 20px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.admin-main-content .es-blurb .icon-wrap {
    background: rgb(238, 238, 238);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-main-content .es-blurb .icon-wrap i {
    font-size: 20px;
}

.admin-main-content .es-blurb .right {
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.admin-main-content .es-blurb .right strong { font-size: 24px; color: #333 }
.admin-main-content .es-blurb .right span { margin-bottom: -7px; margin-left: 7px; color: #555; font-weight: 500; }

.admin-main-content .user-list-header, .admin-main-content .user-list-header .right {
    display: flex;
}

.theme-primary .left .icon-wrap { background-color: #007bff1c; color: var(--primary); }
.theme-warning .left .icon-wrap { background-color: #ffc1071a; color: var(--warning); }
.theme-success .left .icon-wrap { background-color: #28a7451f; color: var(--success); }
.theme-danger .left .icon-wrap { background-color: #dc35451f; color: var(--danger); }

@media only screen and (max-width: 1024px){
    .admin-main-content .es-blurb {
        display: block;
    }
}

@media only screen and (max-width: 768px){
    .admin-main-content .es-blurb {
        display: flex;
    }
}

@media only screen and (max-width: 640px){
    .admin-main-content .user-list-header .right {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 414px){
    .admin-main-content .user-list-header, .admin-main-content .user-list-header .right {
        display: contents;
    }

    .admin-main-content .user-list-header .right .btn-outline-primary {
        margin-left: 0 !important;
        margin-top: 10px;
    }
}