@font-face {
    font-family: 'Fz Albula';
    src: url('/fonts/AlbulaPro-Regular.otf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Poppins-Black";
    src: url("/fonts/FZ Poppins-Black.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-BlackItalic";
    src: url("/fonts/FZ Poppins-BlackItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-Bold";
    src: url("/fonts/FZ Poppins-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-BoldItalic";
    src: url("/fonts/FZ Poppins-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-ExtraBold";
    src: url("/fonts/FZ Poppins-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-ExtraBoldItalic";
    src: url("/fonts/FZ Poppins-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-ExtraLight";
    src: url("/fonts/FZ Poppins-ExtraLight.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-ExtraLightItalic";
    src: url("/fonts/FZ Poppins-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-Italic";
    src: url("/fonts/FZ Poppins-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-Light";
    src: url("/fonts/FZ Poppins-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-LightItalic";
    src: url("/fonts/FZ Poppins-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-Medium";
    src: url("/fonts/FZ Poppins-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-MediumItalic";
    src: url("/fonts/FZ Poppins-MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-Regular";
    src: url("/fonts/FZ Poppins-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url("/fonts/FZ Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-SemiBoldItalic";
    src: url("/fonts/FZ Poppins-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-Thin";
    src: url("/fonts/FZ Poppins-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-ThinItalic";
    src: url("/fonts/FZ Poppins-ThinItalic.ttf") format("truetype");
}

:root {
    /* ========== PRIMARY TONES  ========== */
    --color-primary-25: #f0f9ff;
    --color-primary-50: #e0f2fe;
    --color-primary-100: #bae6fd;
    --color-primary-200: #7dd3fc;
    --color-primary-300: #38bdf8;
    --color-primary-400: #0ea5e9;
    --color-primary-500: #0284c7;
    --color-primary-600: #0369a1;
    --color-primary-700: #075985;
    --color-primary-800: #0c4a6e;
    --color-primary-900: #082f49;
    --color-primary-950: #0a1929;
    /* ========== SECONDARY DARK TONES ========== */
    --color-secondary-dark-25: #f8fafc;
    --color-secondary-dark-50: #f1f5f9;
    --color-secondary-dark-100: #e2e8f0;
    --color-secondary-dark-200: #cbd5e1;
    --color-secondary-dark-300: #94a3b8;
    --color-secondary-dark-400: #64748b;
    --color-secondary-dark-500: #475569;
    --color-secondary-dark-600: #334155;
    --color-secondary-dark-700: #1e293b;
    --color-secondary-dark-800: #0f172a;
    --color-secondary-dark-900: #020617;
    --color-secondary-dark-950: #000000;
    /* ========== SECONDARY LIGHT TONES ========== */
    --color-secondary-light-25: #fcfcfd;
    --color-secondary-light-50: #f7f8fa;
    --color-secondary-light-100: #f1f3f7;
    --color-secondary-light-200: #e7e9f0;
    --color-secondary-light-300: #dde0ea;
    --color-secondary-light-400: #d3d6e3;
    --color-secondary-light-500: #eaecf2;
    --color-secondary-light-600: #cfd1d7;
    --color-secondary-light-700: #b4b6bc;
    --color-secondary-light-800: #999ba1;
    --color-secondary-light-900: #7e8086;
    --color-secondary-light-950: #63656b;
    /* ========== GRAY SCALE (based on #475569) ========== */
    --gray-950: #2f3f5e; /* R?t d?m, d�ng cho dark mode text */
    --gray-900: #475569; /* Text ch�nh */
    --gray-800: #5a678b; /* Text ph? m?nh */
    --gray-700: #6f7ca0; /* Text ph? */
    --gray-600: #8b95b4; /* Icon, border nh? */
    --gray-500: #a3acc7; /* Disabled text, border */
    --gray-400: #bcc2da; /* Divider, input border */
    --gray-300: #d5d9e5; /* Background nh?, hover */
    --gray-200: #eaecf2; /* N?n card, input */
    --gray-100: #f1f2f6; /* N?n s�ng hon */
    --gray-50: #f7f8fa; /* Hover, surface nh? */
    --gray-25: #fcfcfd; /* N?n si�u nh? */
    /* ========== NEUTRALS WHITE TONES  ========== */
    --color-white-100: rgba(255, 255, 255, 1);
    --color-white-88: rgba(255, 255, 255, 0.88);
    --color-white-72: rgba(255, 255, 255, 0.72);
    --color-white-64: rgba(255, 255, 255, 0.64);
    --color-white-52: rgba(255, 255, 255, 0.52);
    --color-white-48: rgba(255, 255, 255, 0.48);
    --color-white-32: rgba(255, 255, 255, 0.32);
    --color-white-24: rgba(255, 255, 255, 0.24);
    --color-white-16: rgba(255, 255, 255, 0.16);
    --color-white-12: rgba(255, 255, 255, 0.12);
    --color-white-8: rgba(255, 255, 255, 0.08);
    --color-white-4: rgba(255, 255, 255, 0.04);
    /* ========== NEUTRALS BLACK TONES  ========== */
    --color-black-100: rgba(30, 30, 30, 1);
    --color-black-88: rgba(30, 30, 30, 0.88);
    --color-black-72: rgba(30, 30, 30, 0.72);
    --color-black-64: rgba(30, 30, 30, 0.64);
    --color-black-52: rgba(30, 30, 30, 0.52);
    --color-black-48: rgba(30, 30, 30, 0.48);
    --color-black-32: rgba(30, 30, 30, 0.32);
    --color-black-24: rgba(30, 30, 30, 0.24);
    --color-black-16: rgba(30, 30, 30, 0.16);
    --color-black-12: rgba(30, 30, 30, 0.12);
    --color-black-8: rgba(30, 30, 30, 0.08);
    --color-black-4: rgba(30, 30, 30, 0.04);
    /* ========== SUPPORTIVE SUCCESS TONES  ========== */
    --color-success-950: #054F31;
    --color-success-900: #0B6942;
    --color-success-800: #0F8150;
    --color-success-700: #149E66;
    --color-success-600: #17B978;
    --color-success-500: #1DD191;
    --color-success-400: #4ADEA1;
    --color-success-300: #7DECBF;
    --color-success-200: #A6F4D5;
    --color-success-100: #D0FCEB;
    --color-success-50: #E9FFF5;
    --color-success-25: #F4FFF9;
    /* ========== SUPPORTIVE INFO TONES  ========== */
    --color-info-950: #0B3A5B;
    --color-info-900: #0D4A74;
    --color-info-800: #0F5A8D;
    --color-info-700: #1171B1;
    --color-info-600: #1488D4;
    --color-info-500: #1AA1F2;
    --color-info-400: #42B3F5;
    --color-info-300: #6CC8F8;
    --color-info-200: #94DBFA;
    --color-info-100: #BDEEFF;
    --color-info-50: #E1F7FF;
    --color-info-25: #F0FBFF;
    /* ========== SUPPORTIVE WARNING TONES  ========== */
    --color-warning-950: #5A3005;
    --color-warning-900: #743D0A;
    --color-warning-800: #8E4A0F;
    --color-warning-700: #B15C17;
    --color-warning-600: #D46E1F;
    --color-warning-500: #F57C25;
    --color-warning-400: #F7944E;
    --color-warning-300: #F9AD77;
    --color-warning-200: #FBC6A0;
    --color-warning-100: #FDDDC7;
    --color-warning-50: #FFF1EB;
    --color-warning-25: #FFF8F5;
    /* ========== SUPPORTIVE DANGER TONES  ========== */
    --color-danger-950: #4F0A1F;
    --color-danger-900: #690D2A;
    --color-danger-800: #831036;
    --color-danger-700: #A51445;
    --color-danger-600: #C71854;
    --color-danger-500: #E31B5B;
    --color-danger-400: #E94A7D;
    --color-danger-300: #F27DA1;
    --color-danger-200: #F7A6BF;
    --color-danger-100: #FCD0DF;
    --color-danger-50: #FFE9F0;
    --color-danger-25: #FFF4F7;
    /* ========== TEXT COLOR MAPPINGS (WHITE TONES) ========== */
    --color-white-pure: rgba(255, 255, 255, 1);
    --color-white-semi: rgba(255, 255, 255, 0.67);
    --color-white-neutral: rgba(255, 255, 255, 0.50);
    --color-white-light: rgba(255, 255, 255, 0.34);
    --color-white-disabled: rgba(255, 255, 255, 0.12);
    /* ========== TEXT COLOR MAPPINGS (BLACK TONES) ========== */
    --color-black-pure: rgba(63, 82, 122, 1);
    --color-black-semi: rgba(63, 82, 122, 0.67);
    --color-black-neutral: rgba(63, 82, 122, 0.50);
    --color-black-light: rgba(63, 82, 122, 0.34);
    --color-black-disabled: rgba(63, 82, 122, 0.12);
    /*--color-primary: #0284c7;*/ /*M�u ch�nh d?i di?n thuong hi?u*/
    /*--color-secondary: #475569;*/ /*M�u ph? h? tr? cho m�u ch�nh*/
    /*--color-accent:*/ /*M�u nh?n n?i b?t d? t?o di?m nh?n*/
    /*--color-background: #ffffff;*/ /*M�u n?n chung cho layout ho?c card*/
    /*--color-surface: #eaecf2;*/ /*M�u n?n c?a c�c th�nh ph?n n?i tr�n n?n*/
    /*--color-border: #eaecf2;*/ /*M�u du?ng vi?n ho?c ph�n chia kh?i*/
    /*--color-text: #475569;*/ /*M�u ch? ch�nh*/
    /*--color-text-muted*/ /*M�u ch? ph?, �t quan tr?ng hon*/
    /*--color-danger*/ /*M�u c?nh b�o ho?c l?i*/
    /*--color-warning*/ /*M�u c?nh b�o nh?*/
    /*--color-success*/ /*M�u x�c nh?n ho?c th�nh c�ng*/
    /*--color-info*/ /*M�u d�ng d? hi?n th? th�ng tin*/
    /*--color-disabled*/ /*M�u d�nh cho tr?ng th�i b? v� hi?u h�a*/
    /*--color-hover*/ /*M�u hi?u ?ng khi r� chu?t*/
    /*--color-active*/ /*M�u tr?ng th�i dang ch?n ho?c nh?n*/
    /*--font-family-base*/ /*Font ch? m?c d?nh cho to�n h? th?ng*/
    /*--font-family-heading*/ /*Font cho ti�u d? (d?m, n?i b?t hon)*/
    /*--font-size-base*/ /*C? ch? m?c d?nh*/
    /*--font-size-sm*/ /*C? ch? nh?*/
    /*--font-size-lg*/ /*C? ch? l?n*/
    /*--font-size-xl*/ /*C? ch? si�u l?n (hero section, banner...)*/
    /*--font-weight-normal*/ /*Tr?ng lu?ng b�nh thu?ng*/
    /*--font-weight-bold*/ /*Tr?ng lu?ng d?m*/
    /*--font-weight-light*/ /*Tr?ng lu?ng nh?*/
    /*--line-height-base*/ /*Kho?ng c�ch d�ng m?c d?nh*/
    /*--letter-spacing-base*/ /*�? gi�n ch? m?c d?nh*/
    /*--font-style-base*/ /*Ki?u ch? (normal, italic...)*/
    /* ========== TEXT COLORS ========== */
    --color-text-primary: #0f172a; /* Text ch�nh, ti�u d?, n?i dung quan tr?ng */
    --color-text-secondary: #475569; /* Text ph?, m� t?, label */
    --color-text-tertiary: #64748b; /* Text �t quan tr?ng hon, caption */
    --color-text-disabled: #94a3b8; /* Text b? v� hi?u h�a, placeholder */
    --color-text-inverse: #ffffff; /* Text tr�n n?n t?i ho?c n�t m�u */
    --color-text-link: #0284c7; /* Link m?c d?nh */
    --color-text-link-hover: #0369a1; /* Link khi hover */
    /* ========== BACKGROUND COLORS ========== */
    --color-bg-body: #F2f3f5; /* N?n t?ng th? */
    --color-bg-main: #ffffff; /* N?n v�ng n?i dung */
    --color-bg-sidebar: #eaecf2; /* N?n sidebar */
    --color-bg-card: #d5d9e5; /* N?n card/task */
    --color-bg-section: #eaecf2; /* N?n ph�n v�ng sprint */
    --color-bg-hover: #f7f8fa; /* Hover nh? */
    --color-bg-active: #0284c71a; /* Active v?i m�u primary (blue nh?t) */
    --color-bg-disabled: #bcc2da; /* N?n tr?ng th�i disabled */
    /* ========== BORDER COLORS ========== */
    --color-border-default: #e6ebf1;
    --color-border-hover: #d5d9e5;
    --color-border-focus: #475569;
    --color-border-error: #E31B5B;
    --color-border-disabled: #bcc2da;
    /* ========== FONT SIZE ========== */
    --font-size-primary: 13.2px; /* Font size chính cho toàn bộ hệ thống */
    /* ========== FONT FAMILY ========== */
    --font-family-primary: "Inter"; /* Font chính cho toàn bộ hệ thống, fallback sang sans-serif nếu Inter không load */
}







/* ========== FONT ========== */


.font-primary {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    color: var(--color-text-primary);
}


.font-primary-semibold {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    font-weight: 500;
    color: var(--color-text-primary);
}

.font-primary-small {
    font-family: var(--font-family-primary);
    font-size: 12px;
    color: var(--color-text-primary);
}


/* ========== FONT V1 ========== */

.font-basic {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    color: var(--color-black-pure);
}


.font-basic-semibold {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    font-weight: 500;
    color: var(--color-black-pure);
}


/* ========== PANEL ========== */

.pnl-info {
    background-color: var(--color-bg-body);
}

.pnl-info-radius {
    background-color: var(--color-bg-body);
    border-radius: 10px;
}









/*---------------------------------------------QAS Skin------------------------------------------------*/
/*----------Hi?n t?i chua t�ch ri�ng ra file kh�c du?c, c?n xin � ki?n c?a ngu?i qu?n l� Shell---------*/
.ppx-0 {
    padding: 0px;
}

.ppxr-0 {
    padding-right: 0px;
}

.ppxl-0 {
    padding-left: 0px;
}

.ppxt-0 {
    padding-top: 0px;
}

.ppxb-0 {
    padding-bottom: 0px;
}



.ppx-4 {
    padding: 4px;
}

.ppxr-4 {
    padding-right: 4px;
}

.ppxl-4 {
    padding-left: 4px;
}

.ppxt-4 {
    padding-top: 4px;
}

.ppxb-4 {
    padding-bottom: 4px;
}


.ppx-8 {
    padding: 8px;
}

.ppxr-8 {
    padding-right: 8px;
}

.ppxl-8 {
    padding-left: 8px;
}

.ppxt-8 {
    padding-top: 8px;
}

.ppxb-8 {
    padding-bottom: 8px;
}


.ppx-12 {
    padding: 12px;
}

.ppxr-12 {
    padding-right: 12px;
}

.ppxl-12 {
    padding-left: 12px;
}

.ppxt-12 {
    padding-top: 12px;
}

.ppxb-12 {
    padding-bottom: 12px;
}


.ppx-16 {
    padding: 16px;
}

.ppxr-16 {
    padding-right: 16px;
}

.ppxl-16 {
    padding-left: 16px;
}

.ppxt-16 {
    padding-top: 16px;
}

.ppxb-16 {
    padding-bottom: 16px;
}


.ppx-32 {
    padding: 32px;
}

.ppxr-32 {
    padding-right: 32px;
}

.ppxl-32 {
    padding-left: 32px;
}

.ppxt-32 {
    padding-top: 32px;
}

.ppxb-32 {
    padding-bottom: 32px;
}


.ppx-64 {
    padding: 64px;
}

.ppxr-64 {
    padding-right: 64px;
}

.ppxl-64 {
    padding-left: 64px;
}

.ppxt-64 {
    padding-top: 64px;
}

.ppxb-64 {
    padding-bottom: 64px;
}


.mpx-32 {
    margin: 32px;
}

.mpxr-32 {
    margin-right: 32px;
}

.mpxl-32 {
    margin-left: 32px;
}

.mpxt-32 {
    margin-top: 32px;
}

.mpxb-32 {
    margin-bottom: 32px;
}



.mpx-12 {
    margin: 12px;
}

.mpxr-12 {
    margin-right: 12px;
}

.mpxl-12 {
    margin-left: 12px;
}

.mpxt-12 {
    margin-top: 12px;
}

.mpxb-12 {
    margin-bottom: 12px;
}



.mpx-16 {
    margin: 16px;
}

.mpxr-16 {
    margin-right: 16px;
}

.mpxl-16 {
    margin-left: 16px;
}

.mpxt-16 {
    margin-top: 16px;
}

.mpxb-16 {
    margin-bottom: 16px;
}


.mpx-8 {
    margin: 8px;
}

.mpxr-8 {
    margin-right: 8px;
}

.mpxl-8 {
    margin-left: 8px;
}

.mpxt-8 {
    margin-top: 8px;
}

.mpxb-8 {
    margin-bottom: 8px;
}


.mpx-4 {
    margin: 4px;
}

.mpxr-4 {
    margin-right: 4px;
}

.mpxl-4 {
    margin-left: 4px;
}

.mpxt-4 {
    margin-top: 4px;
}

.mpxb-4 {
    margin-bottom: 4px;
}


.mpx-64 {
    margin: 64px;
}

.mpxr-64 {
    margin-right: 64px;
}

.mpxl-64 {
    margin-left: 64px;
}

.mpxt-64 {
    margin-top: 64px;
}

.mpxb-64 {
    margin-bottom: 64px;
}


.pnl-driver-all {
    border: 1px solid #D6D6D3;
}

.pnl-divider-bottom {
    border-bottom: 1px solid #D6D6D3;
}

.pnl-divider-right {
    border-right: 1px solid #D6D6D3;
}



.pnl-primary {
    background-color: transparent;
}


.pnl-secondary {
    background-color: #EAECF2;
}

    .pnl-secondary.radius.small {
        border-radius: 5px;
    }


.pnl-secondary-radius {
    background-color: #EAECF2;
    border-radius: 10px;
}


.pnl-basic {
    background-color: white;
}

.pnl-basic-radius {
    background-color: white;
    border: 1px solid #D4D5DA;
    border-radius: 10px;
    box-shadow: 0px 0.5px 2px 0px #60617029, 0px 0px 1px 0px #28293D14;
}





.pnl-success {
    background-color: #0284c7;
}

.hfont-primary-semibold {
    font-family: var(--font-family-primary);
    font-size: 16px;
    font-weight: 500;
    color: #0f172a;
}



.font-small {
    font-size: 12px;
}





.font-primary.semibold {
    font-weight: 500;
}


.font-secondary {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    color: #475569;
}

.font-secondary-small {
    font-family: var(--font-family-primary);
    font-size: 12px;
    color: #475569;
}

.font-secondary-semibold {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    font-weight: 500;
    color: #475569;
}






.font-dark {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    color: rgb(98, 141, 199);
}

.font-dark-semibold {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    font-weight: 500;
    color: rgb(98, 141, 199);
}


.font-danger {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    color: rgba(229, 76, 95);
}

.font-danger-semibold {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    font-weight: 500;
    color: rgba(229, 76, 95);
}




/*<!-- #region Grid -->*/

/*<!-- #endregion -->*/





dropdown-dark.dropdown-toggle::after {
    content: "\f282"; /* m� c?a icon trong bootstrap icons */
}








.border-all-info {
    border: 1px solid rgb(218, 218, 218);
}

.border-left-info {
    border-left: 1px solid rgb(218, 218, 218);
}


.border-all-danger {
    border: 1px solid rgb(229, 76, 95);
}

.border-left-danger {
    border-left: 1px solid rgb(229, 76, 95);
}




.box-primary {
    --dxbl-text-edit-focus-shadow-color: rgba(90, 129, 250, 16%);
    --dxbl-text-edit-focus-border-color: rgba(90, 129, 250, 32%);
}

    /*region dxbl-edit-btn-dropdown (c�c button c?a combobox hay dateedit) -->*/
    .box-primary .dxbl-edit-btn-dropdown {
        border-left: none;
    }

    .box-primary svg {
        color: rgb(106, 138, 196) !important;
        font-size: 16px
    }
/*#endregion*/


/* #region Radio group */
/*.radio-primary .dxbl-checkbox {
    --dxbl-checkbox-radio-checked-border-color: rgb(106, 138, 196);
    --dxbl-checkbox-radio-check-bg: rgb(106, 138, 196);
    --dxbl-checkbox-switch-checked-bg: rgb(106, 138, 196);
    --dxbl-checkbox-switch-checked-hover-bg: rgb(106, 138, 196);
    --dxbl-checkbox-radio-checked-hover-bg: rgb(106, 138, 196);
}*/
/* #endregion */


.box-info {
    --dxbl-text-edit-focus-shadow-color: transparent;
    --dxbl-text-edit-focus-border-color: rgba(109,110,112,24%);
    --dxbl-text-edit-border-style: dashed;
    --dxbl-text-edit-bg: none;
    --dxbl-text-edit-btn-bg: none;
    --dxbl-btn-border-style: dashed;
}



.box-basic {
    --dxbl-text-edit-focus-shadow-color: transparent;
    --dxbl-text-edit-focus-border-color: none;
}

.box-primary::placeholder {
    /*font-style: italic;*/
}





.datetime-picker-primary > .dxbl-btn-group dxbl-btn-group-right > .dxbl-btn {
    color: #5A81FA;
}














.dxbl-text-edit.dxbl-tag-box.tag-box-dropdown {
    --dxbl-text-edit-btn-padding-x: 4px;
    --dxbl-text-edit-btn-padding-y: 4px;
    --dxbl-text-edit-focus-border-color: transparent;
    --dxbl-text-edit-border-radius: 5px;
    --dxbl-text-edit-focus-shadow-color: rgba(90, 129, 250, 16%);
    --dxbl-text-edit-focus-border-color: rgba(90, 129, 250, 32%);
}

    /* .dxbl-text-edit.dxbl-tag-box.tag-box-dropdown > .dxbl-btn.dxbl-edit-btn-clear {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }*/
    .dxbl-text-edit.dxbl-tag-box.tag-box-dropdown:after {
        font-family: "FontAwesome";
        content: "\f0d7";
        font-size: 8px;
        color: black;
        display: block;
        width: 12px;
        margin-left: 0px;
        position: absolute;
        right: 2px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
/* .checkbox-primary .dxbl-checkbox > .dxbl-text:last-child {
        padding-left: 4px;
    }*/
/*.checkbox-primary:focus {
    border: 1px solid rgba(90, 129, 250, 32%);
    box-shadow: 0px 0px 2px 2px rgba(90, 129, 250, 16%);
}


    .checkbox-primary:checked {
        background-color: rgba(90, 129, 250);
        border-color: rgba(90, 129, 250);
    }
*/




        /*input[type="radio"].radio-primary:disabled:checked:before {
            content: '';
            display: block;
            width: 9px;*/ /* K�ch thu?c v�ng tr�n b�n trong */
            /*height: 9px;*/ /* K�ch thu?c v�ng tr�n b�n trong */
            /*border-color: #6c757d !important;*/ /* M�u vi?n khi du?c ch?n */
            /*background-color: #6c757d;*/ /* M�u v�ng tr�n b�n trong khi b? v� hi?u h�a */
            /*border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }*/

/*.checkbox-primary {
    border-color: rgba(90, 129, 250);
}


.checkbox-primary:focus 
{
    border: 1px solid rgba(90, 129, 250, 32%);
    box-shadow: 0px 0px 2px 2px rgba(90, 129, 250, 16%);
}


.checkbox-primary:checked 
{
    background-color: rgba(90, 129, 250);
    border-color: rgba(90, 129, 250);
}
*/











/* Thay d?i m�u thanh cu?n khi hover */
/*table::-webkit-scrollbar-thumb:hover {
        background: #555;
    }*/

/*
Trong do?n m� tr�n:
� table::-webkit-scrollbar t�y ch?nh k�ch thu?c c?a thanh cu?n.

� table::-webkit-scrollbar-track t�y ch?nh track c?a thanh cu?n, bao g?m c? margin.

� table::-webkit-scrollbar-thumb t�y ch?nh thanh cu?n ch�nh.

Luu � r?ng c�c b? ch?n n�y ch? ho?t d?ng tr�n c�c tr�nh duy?t d?a tr�n WebKit. �?i v?i c�c tr�nh duy?t kh�c nhu Firefox, b?n s? c?n s? d?ng c�c phuong ph�p kh�c ho?c c�c ti?n �ch m? r?ng.
*/




















img.ic-basic {
    filter: brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(3198%) hue-rotate(179deg) brightness(84%) contrast(82%);
}


img.ic-light {
    filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(0%) hue-rotate(120deg) brightness(93%) contrast(91%);
}







/*Tabs*/



/*.tabs-primary .dxbl-scroll-viewer-content > ul > li > .dxbl-active {
}
*/