
:root {
    --aha-global-font-family: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
}

html,
body,
input,
button,
select,
textarea {
    font-family: var(--aha-global-font-family) !important;
}

.clr-float {
    clear: both !important;
}

a, .button.link { /*liên kết k gạch chân*/
    text-decoration: none !important;
}

.checkbox .check { /*ô checkbox trong list table đều hơn*/
    width: 18px !important;
    height: 18px !important;
}

.checkbox .caption, .checkbox .check { /*ô checkbox trong list table đều hơn*/
    margin: 0 0 !important;
}

.navview .navview-menu li.active::before { /*style active menu left admin*/
    background-color: #00d600 !important;
}

.navview .navview-menu .icon {
    height: 36px !important; /*canh icon bên trái đều hơn (menu left)*/
}

.file .button > * {
    height: 12px !important; /*icon ở input upload đc canh giữa   */
}

.carousel {
    z-index: 0 !important; /*để dropdown menu đè lên đc*/
}

.app-bar-expand .app-bar-menu .d-menu a, .app-bar-expand .app-bar-menu .d-menu li {
    min-width: 220px; /*để menu 3 cấp trở lên có nền*/
}

.app-bar-expand .app-bar-menu .d-menu .d-menu, .app-bar-expand .app-bar-menu .d-menu .v-menu, .app-bar-expand .app-bar-menu .v-menu .d-menu, .app-bar-expand .app-bar-menu .v-menu .v-menu {
    top: 0px; /*để menu 3 cấp trở lên hiển thị ngang hàng với menu cấp 2 trên máy tính*/
}

select { /*để select dropdown hiển thị đẹp trên điện thoại*/
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    border: 1px #d9d9d9 solid !important;
    color: #1d1d1d !important;
    width: 100% !important;
    /*display: block !important;*/
    padding: 0 0.75rem !important;
    font-family: var(--aha-global-font-family) !important;
    font-size: 1rem !important;
    height: 36px !important;
    line-height: 36px !important;
    background: #ffffff none !important;
    background-clip: padding-box !important;
    min-width: 0 !important;
}

.progress {
    z-index: 0;
}

