/* =========================
   COMPACT UI MODE - LEVEL 2
========================= */

/* Global */
body {
    font-size: 0.85rem;
}

/* Layout */
.content-wrapper > .content {
    padding: .55rem;
}

.content-header {
    padding: .5rem .7rem;
}

.content-header h1 {
    font-size: 1.15rem;
    margin: 0;
}

/* Cards */
.card {
    margin-bottom: .55rem;
    border-radius: .35rem;
}

.card-header {
    padding: .38rem .65rem;
}

.card-title {
    font-size: .92rem;
}

.card-body {
    padding: .65rem;
}

/* Buttons */
.btn {
    padding: .24rem .55rem;
    font-size: .82rem;
}

.btn-sm {
    padding: .18rem .45rem;
    font-size: .75rem;
}

/* Inputs */
.form-control,
.custom-select {
    height: calc(1.75rem + 2px);
    padding: .18rem .45rem;
    font-size: .82rem;
}

label {
    margin-bottom: .18rem;
    font-size: .82rem;
}

.form-group {
    margin-bottom: .5rem;
}

/* Tables */
.table td,
.table th {
    padding: .32rem;
    font-size: .82rem;
    vertical-align: middle;
}

/* DataTables */
table.dataTable td,
table.dataTable th {
    padding: .32rem !important;
    font-size: .82rem;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    font-size: .8rem;
}

/* Select2 */
.select2-container--default .select2-selection--single {
    height: 29px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 27px;
    font-size: .82rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 27px;
}

/* Sidebar */
.nav-sidebar .nav-link {
    padding: .38rem .6rem;
    font-size: .84rem;
}

.nav-sidebar .nav-icon {
    font-size: .82rem;
}

/* Navbar */
.main-header {
    min-height: 46px;
}

.navbar-nav .nav-link {
    padding-top: .28rem;
    padding-bottom: .28rem;
    font-size: .84rem;
}

/* Breadcrumb */
.breadcrumb {
    padding: .35rem .55rem;
    font-size: .78rem;
}

/* Modals */
.modal-header {
    padding: .55rem .75rem;
}

.modal-body {
    padding: .75rem;
}

.modal-footer {
    padding: .5rem .75rem;
}

.modal-title {
    font-size: .95rem;
}

/* Dashboard */
.small-box .inner {
    padding: .6rem;
}

.small-box .inner h3 {
    font-size: 1.25rem;
}

.small-box .inner p {
    font-size: .78rem;
}

.small-box .icon {
    font-size: 45px;
    top: 10px;
}

/* Pagination */
.page-link {
    padding: .28rem .5rem;
    font-size: .8rem;
}