html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #f4f6f9;
}

.main-hide-sidebar .main-body {
    margin-left: inherit;
}

.card-footer,
.card-header {
    background-color: lavender;
}

.card-body {
    background-color: #ffffff;
}

.footer {
    overflow-x: hidden;
}

.body-content {
    margin-top: 70px;
}

/* Áp dụng hiệu ứng mượt cho phần nội dung chính */
.main-body {
    transition: margin-left 0.3s ease, width 0.3s ease;
}

/* Sidebar có thể cũng cần transition */
.sidebar {
    transition: width 0.3s ease;
}


@media only screen and (max-width: 991px) {
    .user-dropdown {
        position: fixed;
        display: block;
        top: 45px;
        width: 150px;
        right: 10px;
        border: 1px solid #808080;
        border-radius: 10px;
        left: auto;
        z-index: 100;
        padding-right: 10px;
        background-color: #ffffff;
        font-size: 16px
    }

    .body-content {
        margin-top: 60px;
    }
}

.even {
    background-color: #e2e3e5 !important;
}

.btn-huong-dan {
    border: unset;
    background-color: white;
}

@media only screen and (max-width: 576px) {
    .footer {
        text-wrap: balance !important;
        line-height: inherit !important;
    }
}

.col-action {
    min-width: 110px !important;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

/*Khóa cứng readonly cho tỉnh thành*/
.readonly-select {
    pointer-events: none;
    background-color: #e9ecef;
}