:root {
    --f7-card-margin-horizontal: 0;
    --f7-card-margin-vertical: 0;
}

/*
.content-body {
    padding-bottom: 80px;
}

.content-body.small-padding {
    padding: 0 20px;
}
*/

/* Layout */
.footer {
    padding-left: 20.563rem;
}

.footer .copyright {
    background-color: var(--sidebar-bg) !important;
}

/* Common */
.font-title {
    font-family: var(--font-family-title);
}

#preloader {
    z-index: 1000;
}

.nav-header {
    z-index: 7 !important;
}

.nav-header .logo-abbr,
.nav-header .brand-title {
    font-family: var(--font-family-title);
    color: #fff;
}

.header {
    z-index: 6 !important;
}

.logo-abbr {
    width: 2.1875rem;
    height: 2.1875rem;
    background: url('../image/logo-easyee.png') center center;
    background-size: contain;
}

.menu-toggle .plus-box-custom {
    display: none;
}

.navbar-expand .header-profile:after {
    opacity: .2;
}

.navbar-expand .header-profile .nav-link:before {
    background: none;
}

.chatbox .chatbox-close {
    opacity: .5;
}

.chatbox .user_info p {
    line-height: 1.2;
}

.chatbox-inline {
    position: relative;
    z-index: 0;
}

.card-title {
    text-transform: none;
}

.card-menu-order.has-order {
    background-color: #0F5830;
}

.auth-form .btn {
    height: auto;
}

.btn-dark-dark {
    background-color: #222 !important;
}

.form-control-super-lg {
    font-size: 2rem !important;
}

img.img-thumbnail-130 {
    width: 100%;
    height: 130px;
    object-fit: cover;
}

img.img-thumbnail-200 {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.opacity-25 {
    opacity: .25 !important;
}

.opacity-50 {
    opacity: .5 !important;
}

.opacity-75 {
    opacity: .75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.border-10 {
    border-width: 10px !important;
}

.flex-break {
    flex-basis: 100%;
    /* width: 0; */
    height: 0;
}

.fs-1.double-size {
  font-size: 4.5rem !important;
}

/* Login */
#loginQrCode video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Accordions */
.accordion-header-indicator {
    font-family: 'Font Awesome 5 Pro';
}

.accordion-header.collapsed .accordion-header-indicator::before {
    content: '\f055';
}

.accordion-header:not(.collapsed) .accordion-header-indicator::before {
    content: '\f056';
}

/* Progress bars */
.progress-large,
.progress-large .progress-bar {
    height: 20px;
}

/* Gauges */
.gauge-container {
    position: relative;
}

.gauge-container .gauge-value {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -45%);
    font-weight: bold;
}

.gauge-container .gauge-value::after {
    content: '%';
}

/* Popovers */
.popover {
    border-color: var(--primary);
}

.popover .popover-header {
    background-color: var(--primary);
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
    border-color: var(--primary);
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/* Tables */
.table-sm> :not(caption)>*>* {
    padding: 0.3rem 0.3rem !important;
}

table.dataTable thead th {
    text-transform: none;
}

table.dataTable tbody td {
    padding: 0.75rem 0.9375rem;
    font-size: 0.875rem;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1.25rem;
}

.dataTables_wrapper .dataTables_paginate {
    justify-content: center;
}

/* No more tables */
@media only screen and (max-width: 800px) {

    table.no-more-tables,
    table.no-more-tables thead,
    table.no-more-tables tbody,
    table.no-more-tables tfoot,
    table.no-more-tables th,
    table.no-more-tables td,
    table.no-more-tables tr {
        display: block;
    }

    table.no-more-tables thead tr,
    table.no-more-tables tfoot tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.no-more-tables tr {
        border: 1px solid #333;
    }

    table.no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left;
    }

    table.no-more-tables td.dt-child-row {
        padding-left: 10px !important;
    }

    table.no-more-tables td.dataTables_empty {
        padding-left: 0 !important;
    }

    table.no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    table.no-more-tables td:before {
        content: attr(data-title);
    }

    table.no-more-tables [data-bs-toggle="dropdown"] {
        display: none;
    }

    table.no-more-tables .dropdown-menu {
        position: initial;
        margin: 0;
        padding: 0 !important;
        display: block;
        background: none;
        border: none !important;
        box-shadow: none;
    }

    table.no-more-tables .dropdown-menu .dropdown-item {
        padding: 5px 0;
    }

}

/* Nice select */
[data-theme-version="dark"] .nice-select .list {
    background-color: #212130;
}

/* Ellipsis */
.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}