body {
    padding-bottom: 0px;
    font-size: 0.8rem;
}

.navbar-custom {
    height: 40px;
}

.logo {
    line-height: 40px;
}

.logo-box {
    height: 40px;
}

.topnav-menu {
    margin-top: -10px;
}

.swal2-container {
  z-index: 20000 !important;
}

.navbar-custom {
    height: 40px;
}

.navbar-custom .topnav-menu .nav-link {
    line-height: 0px;
    max-height: 40px;
}

.navbar-custom .app-search {
    height: 40px;
}

.navbar-custom .button-menu-mobile {
    height: 40px;
    line-height: 40px;
}

.notification-list .noti-icon-badge {
    top: 0px;
    background-color: #ff0000;
    border: 2px solid #ff0000;
}

.wrapper {
    padding: 90px 12px 20px 12px;
}

#topnav .navbar-toggle .lines {
    margin-top: 9px;
}

#topnav .topbar-menu {
    margin-top: 40px;
}

.navigation-menu > li > a {
    padding: 10px 12px;
}

.navigation-menu > li > a i {
    font-size: 18px;
}

#navigation {
    top: 40px;
}

.footer {
    padding: 0 0 0;
}

.card-header {
    cursor: pointer !important;
}

table.dataTable {
    font-size: 0.8rem;
    line-height: 2.0em !important;
}

.responsive-table-plugin .checkbox-row label::after {
    font-size: 11px;
}

.container-fluid {
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 20px;
}

.form-control {
    font-size: 0.8rem;
}

.col-form-label-sm {
    font-size: 0.8rem;
}

.form-group {
    margin-bottom: 0;
}

.btn {
    font-size: 0.9rem;
    line-height: 1;
}

.dropdown-menu {
    font-size: 0.9rem;
}

.input-group-text {
    font-size: 0.8rem;
}

.custom-select {
    font-size: 0.9rem;
}

.card-body {
    padding: 0.5rem;
}

.popover-header {
    font-size: 0.9rem;
}

.mb-3,
.my-3 {
    margin-bottom: 0;
}

.mx-3 {
    margin-left: 1rem !important;
}

.card-header {
    padding: 0.4rem 1.1rem;
}

.notification-list .profile-dropdown .notify-item {
    padding: 15px 20px;
    line-height: 20px;
}

form label {
    margin-top: 10px;
}

.popover,
.popover-body {
    white-space: pre-wrap !important;
}

@media (min-width: 992px) {
    .modal-xxl {
        max-width: 900px;
    }
}

@media (min-width: 1200px) {
    .modal-xxl {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .modal-xxl {
        max-width: 1500px;
    }
}

@media (min-width: 1700px) {
    .modal-xxl {
        max-width: 1600px;
    }
}

.modal-xxl {
    max-height: 460px !important;
}

label,
.card-title {
    font-size: 0.75rem !important;
}

/* Replace for tablesorter arrows to match DataTables */
.table-bordered thead th,
.table-bordered thead td {
    position: relative;
}
.tablesorter-headerUnSorted.sorter-false:before,
.tablesorter-headerUnSorted.sorter-false:after {
    content: "";
}

.tablesorter-headerDesc {
    background-image: url("");
}
.tablesorter-headerAsc {
    background-image: url("");
}
.tablesorter-headerUnSorted {
    background-image: url("");
}

/* unsorted replacement */
.tablesorter-headerUnSorted:before {
    right: 1em;
    content: "\2191";
    opacity: 0.3;
    left: 97%;
    left: calc(100% - 18px);
    bottom: 14px;
    position: absolute;
}
.tablesorter-headerUnSorted:after {
    right: 0.5em;
    content: "\2193";
    opacity: 0.3;
    left: 100%;
    left: calc(100% - 12px);
    top: 10px;
    position: absolute;
}

/* asc replacement */
.tablesorter-headerAsc:before {
    right: 1em;
    content: "\2191";
    opacity: 1;
    left: 97%;
    left: calc(100% - 18px);
    bottom: 14px;
    position: absolute;
}
.tablesorter-headerAsc:after {
    right: 0.5em;
    content: "\2193";
    opacity: 0.3;
    left: 100%;
    left: calc(100% - 12px);
    top: 10px;
    position: absolute;
}

/* desc replacement */
.tablesorter-headerDesc:before {
    right: 1em;
    content: "\2191";
    opacity: 0.3;
    left: 97%;
    left: calc(100% - 18px);
    bottom: 14px;
    position: absolute;
}
.tablesorter-headerDesc:after {
    right: 0.5em;
    content: "\2193";
    opacity: 1;
    left: 100%;
    left: calc(100% - 12px);
    top: 10px;
    position: absolute;
}