/*#region custom scrollbar */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #C7C7C7;
}

::-webkit-scrollbar-track {
    background: rgba(224, 224, 224, 0.26);
}

/*#endregion */
#unlicensed {
    z-index: -1;
    top: -99999px !important;
    position: absolute !important;
    display: none !important;
}

.x-border-box, .x-border-box * {
    outline: none !important;
}

.x-grid-item-focused .x-grid-cell-inner:before {
    border: none;
}

.x-form-item-default.x-item-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}


.x-form-item-default .x-form-text-default {
    font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
    font-size: 13px;
    background-image: none !important;
}

.x-item-disabled .x-form-text-default,
.x-item-disabled .x-form-trigger-default {
    background-color: #f5f5f5 !important;
    background-image: none;
    color: rgba(0,0,0,0.54);
}

.x-item-disabled .x-form-item-label-default,
.x-item-disabled .x-form-cb-label-default {
    color: rgba(0,0,0,0.54);
}

.x-form-item-label-toolbar,
.x-column-header,
.x-toolbar-text-default,
.x-grid-item {
    color: rgba(0,0,0,0.87);
}

.x-form-invalid-field-default {
    background-image: none;
}

.x-form-text-wrap-default.x-form-text-wrap-invalid {
    border-color: #d94e37 !important;
}

.x-tip-default {
    background-color: white;
}

/*#region [Toolbar Style] */

.m-toolbar {
    border: none;
    border-radius: 0;
    background-color: #4262F0;
    background-image: none;
    padding: 0 6px 0 0;
    margin: 0;
    /*box-shadow: 0 3px 7px 0 rgba(0,0,0,0.26);*/
}
    /*Sửa lại padding của button trên toolbar do chỉnh lại height của toolbar*/
    .m-toolbar .x-btn {
        padding: 10px;
        border: none;
        border-radius: 0;
        background-image: none;
        outline: none;
        margin: 0;
    }

    .m-toolbar .m-fileuploadfield .x-btn {
        box-shadow: none;
        border-radius: 0;
        padding: 10px 5px 10px 10px;
        margin-left: -5px;
    }

        .m-toolbar .m-fileuploadfield .x-btn .x-btn-inner-default-small {
            text-transform: none;
        }

    .m-toolbar .x-btn-over.x-btn,
    .m-toolbar .x-btn-focus.x-btn,
    .m-toolbar .x-btn-pressed.x-btn {
        background-color: #3856DA;
        background-image: none;
    }

    .m-toolbar .x-btn.x-btn-menu-active.x-btn-default-toolbar-small {
        background-color: #3856DA;
        background-image: none;
    }

    .m-toolbar .x-btn.x-btn-disabled {
        border-color: transparent;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)" !important;
        opacity: 0.54 !important;
    }

        .m-toolbar .x-btn.x-btn-disabled.x-btn-default-toolbar-small .x-btn-inner {
            color: #fff;
        }

    .m-toolbar .x-btn-inner-default-toolbar-small {
        color: #fff;
        font-size: 13px;
        outline: none;
        padding-left: 6px;
        padding-right: 0;
    }

.x-toolbar .m-checkbox .x-form-cb-label {
    margin-top: 0;
}

/*#endregion */

/*#region [MISAToolbar Detail Style - dùng cho các màn hình đặc biệt ví dụ chi tiết hồ sơ] */
.m-toolbar-detail {
    /*border: none;*/
    border-radius: 0;
    background-color: #f5f5f5;
    background-image: none;
    padding: 0;
    margin: 0;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.26);
}

    .m-toolbar-detail .x-btn {
        /*padding: 12px 10px;*/
        border: none;
        border-radius: 0;
        background-image: none;
        outline: none;
        margin: 0;
        margin-right: 10px;
    }

    .m-toolbar-detail .x-btn-over.x-btn,
    .m-toolbar-detail .x-btn-focus.x-btn,
    .m-toolbar-detail .x-btn-pressed.x-btn {
        /*background-color: #1e88e5;
        background-image: none;*/
    }

    .m-toolbar-detail .x-btn.x-btn-disabled {
        border-color: transparent;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)" !important;
        opacity: 0.54 !important;
    }

        .m-toolbar-detail .x-btn.x-btn-disabled.x-btn-default-toolbar-small .x-btn-inner {
            /*color: #5146fa;*/
        }

    .m-toolbar-detail .x-btn-inner-default-toolbar-small {
        /*color: #5146fa;*/
        font-size: 13px;
        outline: none;
        padding-left: 6px;
        padding-right: 0;
        padding-top: 2px;
    }

/*#endregion */

/*#region [Button Style] */
.x-btn-disabled.x-btn-default-small .x-btn-inner,
.x-btn-disabled.x-btn-default-small .x-btn-icon-el,
.x-btn-disabled.x-btn-default-toolbar-small {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    opacity: 1 !important;
}

.m-button {
    background-color: #4262F0;
    background-image: none;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    padding: 8px 12px 8px 8px;
    border: none;
}

    .m-button.x-btn-focus,
    .m-button.x-btn-pressed.x-btn-default-small,
    .m-button.x-btn-over {
        background-color: #3856DA;
        background-image: none;
        border: none;
    }

    .m-button .x-btn-inner-default-small {
        color: rgba(255,255,255,0.87);
        text-transform: uppercase;
        font-size: 13px;
        line-height: 18px;
        padding-left: 8px;
    }

    .m-button.x-btn.x-btn-disabled.x-btn-default-small {
        background-color: #89abd1;
        background-image: none;
        color: rgba(255,255,255,0.87);
    }

    .m-button.x-btn .x-btn-wrap {
        outline: none;
    }
/*#endregion */

/*#region [Button Split Style] */

.x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    background-image: none;
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    background: transparent !important;
    line-height: 24px;
    text-transform: none;
    letter-spacing: normal;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    border: none;
    content: "\E018";
    padding-right: 0;
    margin-left: 5px;
}

/*#endregion */

/*#region [Toolbar Popup Style] */
.m-toolbar-popup {
    border-color: #e0e0e0;
    background-image: none;
    padding: 10px;
    border-top: none;
    border-bottom: none;
}

    .m-toolbar-popup .x-btn {
        background-color: #4262F0;
        background-image: none;
        border-radius: 3px;
        border: none;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
        padding: 8px 12px 8px 8px;
        margin-left: 10px;
        margin-right: 0;
    }

        .m-toolbar-popup .x-btn.x-btn-over {
            background-color: #3856DA;
            background-image: none;
        }

        .m-toolbar-popup .x-btn.x-btn-focus {
            background-color: #3856DA;
            background-image: none;
        }

        .m-toolbar-popup .x-btn .x-btn-inner-default-toolbar-small {
            color: rgba(255,255,255,0.87);
            text-transform: uppercase;
            font-size: 13px;
            line-height: 18px;
            padding-left: 8px;
        }

        .m-toolbar-popup .x-btn.x-btn-disabled.x-btn-default-toolbar-small {
            background-color: #89abd1;
        }

            .m-toolbar-popup .x-btn.x-btn-disabled.x-btn-default-toolbar-small .x-btn-inner {
                color: rgba(255,255,255,0.87);
            }

        .m-toolbar-popup .x-btn .x-btn-wrap {
            outline: none;
        }

/*#endregion */

/*#region [TabPanel Style] */


/*.m-tab-panel .x-tab-default {
    position: relative !important;
    float: left;
    left: 10px !important;
}*/

.m-tab-panel .x-tab-focus.x-tab-default .x-tab-button::before {
    outline: none;
}

.m-tab-panel .x-tab-button-default {
}

.m-tab-panel .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.m-tab-panel .x-tab-default .x-tab-inner {
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 15px;
    color: rgba(0,0,0,0.7);
    font-weight: 700;
    position: relative;
}

.m-tab-panel .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: rgba(0,0,0,0.87);
}

.m-tab-panel .x-tab-default-top {
    padding: 0;
    margin: 0;
}

    .m-tab-panel .x-tab-default-top:first-child {
        margin-left: 10px;
    }

.m-tab-panel .x-tab-bar-default-top,
.m-tab-panel .x-tab.x-tab-focus.x-tab-over.x-tab-default,
.m-tab-panel .x-tab.x-tab-active.x-tab-default-top,
.m-tab-panel .x-tab.x-tab-active.x-tab-default-left,
.m-tab-panel .x-tab.x-tab-active.x-tab-default-right {
    background-image: none;
    background-color: transparent;
}


.m-tab-panel .x-tab-default {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-image: none;
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
}

.m-tab-panel .x-tab-bar-top > .x-tab-bar-body-default {
    border-radius: 0;
    border: none;
    background-image: none;
    background-color: #f5f5f5;
}

.m-tab-panel .x-tab.x-tab-active {
    border: none;
    box-shadow: none;
    border-bottom: 3px solid #4262F0;
    padding-bottom: 0;
}

.m-tab-panel .x-tab-bar-top > .x-tab-bar-strip-default {
    display: none;
}

.m-tab-panel > .x-panel-bodyWrap > div.x-panel-body-default {
    border-top-width: 0;
}

.m-tab-panel .barge {
    position: absolute;
    right: 0;
    top: 5px;
    background-color: #FF6F00;
    color: #fff;
    border-radius: 11px;
    padding: 1px 5px;
    font-size: 10px;
}

.m-tab-panel .x-tab-bar-default-top .x-box-scroller-right,
.m-tab-panel .x-tab-bar-default-top .x-box-scroller-left {
    /*display: none;*/
}

.m-tab-panel-detail .x-tab-default-top:first-child {
    margin-left: 0;
    border-left: none;
}

.m-tab-panel-detail .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.m-tab-panel-detail .x-tab-default .x-tab-inner {
    padding: 8px 15px !important;
}

/*#endregion */

/*#region [Splitter Style] */

.x-splitter-vertical,
.x-splitter-horizontal {
    background-color: #dfdfdf;
}

/*#endregion */

/*#region [Grid Style] */


.m-gridpanel .x-grid-header-ct,
.m-gridpanel .x-grid-body {
    box-shadow: 0 1px 5px 0 rgba(50,50,50,0.3);
    border-top: none;
    border-color: #c1c1c1;
}

.m-gridpanel .x-column-header,
.m-gridpanel .x-group-sub-header {
    border: none;
    border-color: #c1c1c1;
    border-top: none !important;
}


.m-gridpanel .x-column-header {
    background-color: #e9e9e9;
    background-image: none;
}


    .m-gridpanel .x-column-header:last-child {
        border-right: none;
        /*padding-right: 6px;*/
    }


.m-gridpanel .x-column-header-inner.x-column-header-over {
    background: #d2d2d2;
}

.m-gridpanel .x-column-header-text {
    line-height: 18px;
    white-space: normal;
    text-align: left;
    font-weight: 500;
}

.m-gridpanel .x-column-header-trigger {
    display: none;
}

.m-gridpanel .x-column-header-over .x-column-header-trigger,
.m-gridpanel .x-column-header-open .x-column-header-trigger {
    display: none;
}

.m-gridpanel .x-grid-with-row-lines .x-grid-item,
.m-gridpanel .x-grid-td {
    border-color: #d0d7e5;
}


.m-gridpanel .x-grid-cell-inner {
    padding: 8px 4px;
    line-height: 16px;
}

    .m-gridpanel .x-grid-cell-inner span.x-cell-number {
        line-height: 16px;
    }

.m-gridpanel .x-grid-cell.ms-edits-cls {
    border: 1px solid #F1991E;
}

.m-gridpanel .x-grid-row .x-grid-cell-selected,
.m-gridpanel .x-grid-row-over .x-grid-cell-selected {
    background-color: #b8cfee !important;
}

.m-gridpanel .x-grid-td {
    border: none;
}

.m-gridpanel .x-grid-with-row-lines .x-grid-item-over {
    background: #e2eff8;
}

.m-gridpanel .x-grid-with-row-lines .x-grid-item.x-grid-item-over {
    border-color: #d0d7e5;
}

.m-gridpanel .x-grid-item.x-grid-item-selected {
    background-color: #ffe69f;
}

.m-gridpanel .x-column-header .x-column-header-inner {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: rgba(0,0,0,0.87);
}

.m-gridpanel .x-column-header-inner {
    text-align: center;
    padding: 5px 4px;
}

.m-gridpanel .x-grid-with-row-lines .x-grid-item:first-child {
    border-top: none;
}

.m-gridpanel .x-grid-row .x-grid-cell-selected {
    background-color: #dedede;
}

.m-gridpanel .x-grid-cell-special {
    background: transparent;
}

.m-gridpanel.x-grid .column-readonly {
    background: #f2f2f2;
}

.m-gridpanel .checkbox-column-border-bottom .x-column-header-inner {
    border-bottom: 1px solid rgb(197,197,197);
    height: 28px !important;
    left: 4px !important;
    top: 1px !important;
}

.m-gridpanel .number-column-border-bottom .x-column-header-inner {
    border-bottom: 1px solid rgb(197,197,197);
    height: 28px !important;
    top: 1px !important;
}

.m-gridpanel .x-grid-cell-row-checker .x-grid-cell-inner {
    padding: 4px 5px 3px 8px;
}

.m-gridpanel .x-column-header-checkbox .x-column-header-inner {
    padding: 5px 0 4px 8px;
    text-align: left;
}

.m-gridpanel.m-groupheader .x-column-header-checkbox .x-column-header-inner {
    padding-top: 15px !important;
}

.m-gridpanel .x-col-nogroup .x-column-header-inner {
    padding-bottom: 24px;
}

.m-gridpanel .x-col-nogroup .x-column-header-text {
    padding-top: 10px;
}

.m-gridpanel .x-group-sub-header:last-child {
    border-right: none;
    padding-right: 0px;
}



.m-gridpanel .x-group-sub-header .x-column-header-inner {
    border-top: 1px solid #ccc;
}

.m-gridpanel .x-grid-item-selected .x-grid-cell-special {
    background-image: none;
}

.m-gridpanel .x-grid-with-row-lines .x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 8px;
}

.m-gridpanel .x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    background-position: 0 0;
}

.m-gridpanel .x-grid-item-selected .x-selmodel-column .x-grid-cell-inner.x-grid-checkcolumn-cell-inner {
}

.m-gridpanel .x-grid-empty {
    font: normal 13px/18px Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif;
    background-color: unset !important;
}

/*Bỏ viền khi click vào grid*/
.m-gridpanel .x-grid-item-focused .x-grid-cell-inner:before {
    border: 0 !important;
    outline: none !important;
}

.m-gridpanel .x-grid-row-summary td div {
    font-weight: bold;
}

.m-gridpanel .x-grid-row-summary .x-grid-cell,
.m-gridpanel .x-grid-row-summary .x-grid-rowwrap,
.m-gridpanel .x-grid-row-summary .x-grid-cell-rowbody {
    background-color: #f2f2f2 !important;
    border-color: #ccc;
    border-top: none;
}

.m-gridpanel .x-docked-summary {
    border-color: #ccc;
}

.m-gridpanel .row-imagecommand {
    width: 100%;
    height: 30px !important;
    line-height: 30px;
}

.m-gridpanel .x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top-style: solid;
    border-top-color: #ccc;
}

.m-gridpanel .m-checkcolumn-editor {
    text-align: center;
}

    .m-gridpanel .m-checkcolumn-editor .x-form-cb-default {
        margin-top: 3px;
    }


/*Checkbox column*/
.m-gridpanel .x-grid-cell-inner.x-grid-checkcolumn-cell-inner {
    padding: 8px 7px 0 7px !important;
    text-align: left !important;
    outline: none !important;
}


.m-gridpanel .x-column-header-checkbox .x-column-header-checkbox:after,
.m-gridpanel .x-grid-checkcolumn:after {
    background: url('/Content/Images/Icon/checkbox-unchecked.png') 0 0 no-repeat;
    width: 16px;
    height: 16px;
}

.m-gridpanel .x-grid-hd-checker-on .x-column-header-checkbox:after,
.m-gridpanel .x-grid-checkcolumn.x-grid-checkcolumn-checked:after,
.m-gridpanel .x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    background: url('/Content/Images/Icon/checkbox-checked.png') 0 0 no-repeat;
}

.x-column-header-text-wrapper {
    display: table-cell;
    vertical-align: top;
}

.x-grid-cell-inner-row-numberer {
    text-align: right !important;
    padding-top: 11px !important;
}

.td-cell-inner .x-grid-cell-inner {
    padding-top: 11px !important;
}

/*#endregion */

/*#region [MISAFilterHeader Style] */
.m-gridpanel .m-column-hasfilter.x-column-header .x-column-header-inner {
    border-bottom: 1px solid #c1c1c1;
    border-top: none !Important;
}

/*line grid NHGiang*/
/*.m-gridpanel .x-column-header .x-column-header-inner{
    border-bottom: 1px solid #c1c1c1;
    height: 29px !important;
}*/

.m-filter-container .x-form-text-default {
    background: #fff;
    background-image: none;
}

.m-filter-container .x-form-text-wrap {
    border: 1px solid #c1c1c1;
}

.m-filter-container .x-field-focus .x-form-text-wrap,
.m-filter-container .x-field-focus .x-form-trigger-default {
    border-color: #4262F0;
}

.m-filter-container .x-field-focus .x-form-arrow-trigger {
    color: #4262F0 !important;
}

.m-column-hasfilter {
}

.m-numberfilterfield {
}

.m-datetimefilterfield .x-form-trigger-default {
    width: 24px;
    background: #fff;
    background-image: none;
    border-width: 1px 1px 1px 0;
    border-color: #c1c1c1;
    border-style: solid;
}

.m-datetimefilterfield .x-form-text-wrap {
    border-right: none;
}

.m-datetimefilterfield .x-form-trigger-default::before {
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    background: transparent !important;
    line-height: 16px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    border: none;
    content: "\E004";
    position: relative;
    right: 0;
    top: 8px;
}

.m-checkboxfilterfield {
}

.m-enumfilterfield .x-form-trigger-default {
    width: 24px;
    background: #fff;
    background-image: none;
    border-width: 1px 1px 1px 0;
    border-color: #c1c1c1;
    border-style: solid;
}

.m-enumfilterfield .x-form-text-wrap {
    border-right: none;
}

.m-enumfilterfield .x-form-arrow-trigger::before {
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    background: transparent !important;
    line-height: 16px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    border: none;
    content: "\E065";
    position: relative;
    right: 0;
    top: 8px;
}

.m-textfilterfield {
}

.m-filtercyclebutton {
    border: none;
    border-radius: 0;
    background: #e9e9e9;
}

    .m-filtercyclebutton .x-btn-wrap-default-small.x-btn-arrow-right:after {
        background-image: none;
    }

    .m-filtercyclebutton.x-btn-menu-active.x-btn-default-small,
    .m-filtercyclebutton.x-btn-focus.x-btn-default-small,
    .m-filtercyclebutton.x-btn-over.x-btn-default-small {
        background: #e9e9e9;
    }

    .m-filtercyclebutton .ic-filter4::before {
        left: 2px;
        position: absolute;
        color: rgba(0,0,0,0.62);
    }

.misaIcon.ic-filter4 {
    opacity: 0.62;
}

/*#endregion */


/*#region [MISATreePanel Style] */
.m-treegridpanel .m-column-hasfilter.x-column-header .x-column-header-inner {
    /*border-bottom: 1px solid #c1c1c1;*/
    border-top: none !Important;
}

.m-treegridpanel .x-column-header .x-column-header-inner {
    border-bottom: 1px solid #c1c1c1;
    height: 29px !important;
}

.m-treegridpanel {
}

    .m-treegridpanel .x-grid-header-ct,
    .m-treegridpanel .x-grid-body {
        box-shadow: 0 1px 5px 0 rgba(50,50,50,0.3);
    }

    .m-treegridpanel .x-grid-body {
        border-top: none;
    }

    .m-treegridpanel .x-column-header,
    .m-treegridpanel .x-group-sub-header {
        border: none;
        border-color: #c1c1c1;
        border-top: none !important;
    }

    .m-treegridpanel .x-grid-item-over {
        background: #e2eff8;
        border-color: #d0d7e5;
    }

    .m-treegridpanel .x-grid-item.x-grid-item-selected {
        background-color: #ffe69f;
        background-image: none;
    }

    .m-treegridpanel .x-column-header {
        background-color: #e9e9e9;
        background-image: none;
        font-weight: 500;
    }

    .m-treegridpanel .x-grid-cell-inner {
        padding: 8px 7px;
        line-height: 16px;
    }

    .m-treegridpanel .x-column-header:last-child {
        border-right: none;
        padding-right: 6px;
    }


    .m-treegridpanel .x-column-header-inner.x-column-header-over {
        background: #d2d2d2;
    }

    .m-treegridpanel .x-column-header-text {
        line-height: 18px;
        white-space: normal;
        text-align: left;
        font-weight: 500;
    }

    /*.m-treegridpanel .x-grid-with-row-lines .x-grid-item,*/
    .m-treegridpanel .x-grid-td {
        border-bottom: 1px solid #d0d7e5;
    }

.m-tree-noborder .x-grid-td {
    border-bottom: none !important;
}

.treegridpanel .x-grid-cell-inner {
    padding: 7px 7px;
    line-height: 16px;
}

.m-tree-noborder .x-grid-cell-inner {
    padding: 4px 7px !important;
    line-height: 16px;
}

.m-treegridpanel .x-column-header-trigger {
    /*background: url('Image/bg-x-column-header-trigger.gif') no-repeat -14px 50%;*/
    display: none;
}

.m-treegridpanel .x-column-header-over .x-column-header-trigger,
.m-treegridpanel .x-column-header-open .x-column-header-trigger {
    display: none;
}

.m-treegridpanel .x-grid-cell-inner.x-grid-checkcolumn-cell-inner {
    padding: 8px 7px 4px 7px !important;
    text-align: left !important;
    outline: none !important;
}


.m-treegridpanel .x-column-header-checkbox .x-column-header-checkbox:after,
.m-treegridpanel .x-grid-checkcolumn:after {
    background: url('/Content/Images/Icon/checkbox-unchecked.png') 0 0 no-repeat;
    width: 16px;
    height: 16px;
}

.m-treegridpanel .x-grid-hd-checker-on .x-column-header-checkbox:after,
.m-treegridpanel .x-grid-checkcolumn-checked:after {
    background: url('/Content/Images/Icon/checkbox-checked.png') 0 0 no-repeat;
}

.m-treegridpanel .x-tree-expander {
    background: url('/Content/Images/Icon/squared-plus.png') 5px 8px no-repeat;
}

.m-treegridpanel .x-grid-tree-node-expanded .x-tree-expander {
    background: url('/Content/Images/Icon/squared-minus.png') 5px 8px no-repeat;
}

.m-treegridpanel .x-tree-elbow-img {
    width: 25px;
    margin-top: -5px;
    height: 29px;
}

.m-tree-noborder .x-tree-elbow-img {
    width: 25px;
    margin-top: -5px;
    height: 31px !important;
}

.m-treegridpanel .x-tree-elbow {
    background: url('/Content/Images/Icon/elbow.png') 11px 0px no-repeat !important;
}

.m-treegridpanel .x-tree-elbow-line {
    background: url('/Content/Images/Icon/elbow-line.png') 11px no-repeat !important;
}

.m-treegridpanel .x-tree-elbow-end {
    background: url('/Content/Images/Icon/elbow-end.png') 11px 0px no-repeat !important;
}

.m-treegridpanel .x-grid-tree-node-expanded .x-tree-checkbox,
.m-treegridpanel .x-grid-tree-node-leaf .x-tree-checkbox,
.m-treegridpanel .x-grid-row .x-tree-checkbox {
    margin-right: 3px;
    top: -1px;
    width: 22px;
    height: 22px;
    background: url('/Content/Images/Icon/checkbox-unchecked.png') 5px 6px no-repeat;
}

    .m-treegridpanel .x-grid-tree-node-expanded .x-tree-checkbox.x-tree-checkbox-checked,
    .m-treegridpanel .x-grid-tree-node-leaf .x-tree-checkbox.x-tree-checkbox-checked,
    .m-treegridpanel .x-grid-row .x-tree-checkbox.x-tree-checkbox-checked {
        margin-right: 3px;
        top: -1px;
        width: 22px;
        height: 22px;
        background: url('/Content/Images/Icon/checkbox-checked.png') 5px 6px no-repeat;
    }

.tree-noicon .x-tree-icon-parent-expanded,
.tree-noicon .x-tree-icon-parent,
.tree-noicon .x-tree-icon-leaf {
    display: none;
}

/*style riêng cho treepanel không có dòng kẻ như treegridpanel*/
.m-treepanel {
}

    .m-treepanel .x-grid-header-ct,
    .m-treepanel .x-grid-body {
        box-shadow: 0 1px 5px 0 rgba(50,50,50,0.3);
        border-top: none;
    }

    .m-treepanel .x-column-header,
    .m-treepanel .x-group-sub-header {
        border: none;
        border-color: #c1c1c1;
        border-top: none !important;
    }

    .m-treepanel .x-grid-item-over {
        background: #e2eff8;
        border-color: #d0d7e5;
    }

    .m-treepanel .x-grid-item.x-grid-item-selected {
        background-color: #ffe69f;
        background-image: none;
    }

    .m-treepanel .x-column-header {
        background-color: #e9e9e9;
        background-image: none;
    }

    .m-treepanel .x-grid-cell-inner {
        padding: 8px 7px;
        line-height: 16px;
    }

    .m-treepanel .x-column-header:last-child {
        border-right: none;
    }


    .m-treepanel .x-column-header-inner.x-column-header-over {
        background: #d2d2d2;
    }

    .m-treepanel .x-column-header-text {
        line-height: 18px;
        white-space: normal;
        text-align: left;
    }

    /*.m-treepanel .x-grid-with-row-lines .x-grid-item,*/
    /*.m-treepanel .x-grid-td {
        border-bottom: 1px solid #d0d7e5;
    }*/


    .m-treepanel .x-column-header-trigger {
        /*background: url('Image/bg-x-column-header-trigger.gif') no-repeat -14px 50%;*/
        display: none;
    }

    .m-treepanel .x-column-header-over .x-column-header-trigger,
    .m-treepanel .x-column-header-open .x-column-header-trigger {
        display: none;
    }

    .m-treepanel .x-grid-cell-inner.x-grid-checkcolumn-cell-inner {
        padding: 8px 7px 4px 7px !important;
        text-align: left !important;
        outline: none !important;
    }

    .m-treepanel .x-column-header-checkbox .x-column-header-checkbox:after,
    .m-treepanel .x-grid-checkcolumn:after {
        background: url('/Content/Images/Icon/checkbox-unchecked.png') 0 0 no-repeat;
        width: 16px;
        height: 16px;
    }

    .m-treepanel .x-grid-hd-checker-on .x-column-header-checkbox:after,
    .m-treepanel .x-grid-checkcolumn-checked:after {
        background: url('/Content/Images/Icon/checkbox-checked.png') 0 0 no-repeat;
    }

    .m-treepanel .x-tree-expander {
        background: url('/Content/Images/Icon/squared-plus.png') 5px 6px no-repeat;
    }

    .m-treepanel .x-grid-tree-node-expanded .x-tree-expander {
        background: url('/Content/Images/Icon/squared-minus.png') 5px 6px no-repeat;
    }

    .m-treepanel .x-tree-elbow-img {
        width: 25px;
        margin-top: -4px;
    }

    .m-treepanel .x-grid-tree-node-expanded .x-tree-checkbox,
    .m-treepanel .x-grid-tree-node-leaf .x-tree-checkbox,
    .m-treepanel .x-grid-row .x-tree-checkbox {
        margin-right: 3px;
        top: -3px;
        width: 22px;
        height: 22px;
        background: url('/Content/Images/Icon/checkbox-unchecked.png') 5px 6px no-repeat;
    }

        .m-treepanel .x-grid-tree-node-expanded .x-tree-checkbox.x-tree-checkbox-checked,
        .m-treepanel .x-grid-tree-node-leaf .x-tree-checkbox.x-tree-checkbox-checked,
        .m-treepanel .x-grid-row .x-tree-checkbox.x-tree-checkbox-checked {
            margin-right: 3px;
            top: -3px;
            width: 22px;
            height: 22px;
            background: url('/Content/Images/Icon/checkbox-checked.png') 5px 6px no-repeat;
        }

    .m-treepanel .x-grid-tree-node-disabled .x-tree-checkbox {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)" !important;
        opacity: 0.54 !important;
    }

/*@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {*/

/*}*/

.x-grid-cell-inner {
    line-height: 20px !important;
    padding: 11px 8px !important;
}

.m-treegridpanel .x-grid-checkcolumn::after, .m-gridpanel .x-grid-checkcolumn::after {
    position: relative;
    top: 4px;
}

/*#endregion 

/*#region [Paging Style] */

.m-pagging-toolbar {
    padding: 0 3px;
    border-color: #c1c1c1;
    background: #e9e9e9;
}

    .m-pagging-toolbar .x-toolbar-text-default {
        font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
        font-size: 13px;
    }

    .m-pagging-toolbar .m-combobox.x-form-item.x-form-item-default.x-form-type-text.x-box-item.x-toolbar-item.x-field-toolbar.x-hbox-form-item {
        top: 1px !important;
    }

    .m-pagging-toolbar .m-combobox .x-form-item-label-inner-toolbar {
        padding-top: 4px;
    }

    .m-pagging-toolbar .cbopagesize .x-form-item-label-text {
        color: rgba(0,0,0,0.87);
    }

    .m-pagging-toolbar .m-numberfield .x-form-text-default {
        padding: 0 6px;
        height: 24px;
    }

    .m-pagging-toolbar .tbar-page-number .x-form-text-wrap-default {
        border-radius: 3px;
    }

    .m-pagging-toolbar .tbar-page-number .x-form-text-default {
        text-align: center;
    }

    .m-pagging-toolbar .x-tbar-page-first,
    .m-pagging-toolbar .x-tbar-page-prev,
    .m-pagging-toolbar .x-tbar-page-next,
    .m-pagging-toolbar .x-tbar-page-last {
        background-image: none;
        font-family: MISAIconFont !important;
        speak: none;
        font-weight: normal;
        font-style: normal;
        font-size: 16px !important;
        color: rgba(0, 0, 0, 0.54) !important;
        background: transparent !important;
        padding-left: 3px;
        text-transform: none;
        letter-spacing: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga';
        border: none;
    }

        .m-pagging-toolbar .x-tbar-page-first::before {
            content: "\E098";
        }

        .m-pagging-toolbar .x-tbar-page-prev::before {
            content: "\E096";
        }

        .m-pagging-toolbar .x-tbar-page-next::before {
            content: "\E097";
        }

        .m-pagging-toolbar .x-tbar-page-last::before {
            content: "\E099";
        }

    .m-pagging-toolbar .x-btn.x-btn-disabled.x-btn-default-toolbar-small {
        border: none;
    }

/*#endregion */

/*#region [Window Style] */

.m-popup {
    padding: 0;
    border: none;
    border-radius: 3px;
}

    .m-popup.x-window-default {
        background-color: #4262F0;
        box-shadow: 0 14px 45px 0 rgba(0,0,0,0.24), 0 10px 18px 0 rgba(0,0,0,0.22);
    }

    .m-popup .x-window-header-default-top {
        border: none;
        background-color: #4262F0;
        box-shadow: none;
        padding: 7px 10px;
    }
    /*nttam sửa lại chiều cao của dòng tilte để hiển thị được hết dấu*/
    .m-popup .x-window-header-title-default {
        line-height: 20px !important;
    }

        .m-popup .x-window-header-title-default > .x-title-text-default {
            text-transform: uppercase;
            color: rgba(255,255,255,0.87);
            font-weight: normal;
        }

    .m-popup .x-panel-body {
        padding: 10px;
        background: #f5f5f5;
    }

    .m-popup .m-treegridpanel .x-panel-body,
    .m-popup .m-gridpanel .x-panel-body {
        padding: 0;
    }



    /*Tạm ẩn window close button*/
    .m-popup .x-tool-img {
        display: none;
    }
/*#endregion */

/*#region [Checkbox Style] */
.m-checkbox .x-form-checkbox {
    background: none;
    width: 22px;
    height: 22px;
    margin: 0;
}

    .m-checkbox .x-form-checkbox:before {
        font-family: MISAIconFont !important;
        speak: none;
        font-weight: normal;
        font-style: normal;
        font-size: 16px !important;
        color: rgba(102, 102, 102, 0.9);
        background: transparent !important;
        line-height: 24px;
        padding-left: 2px;
        text-transform: none;
        letter-spacing: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga';
        content: "\E057";
        top: -4px;
        left: 0;
        position: absolute;
    }

.m-checkbox.x-form-cb-checked .x-form-checkbox:before {
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px !important;
    color: rgba(102, 102, 102, 0.9);
    background: transparent !important;
    line-height: 24px;
    padding-left: 2px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    content: "\E056" !important;
    top: -4px;
    left: 0;
    position: absolute;
}


.m-checkbox .x-form-cb-label {
    position: absolute;
    margin-top: 2px;
    left: 12px;
    font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
    font-size: 13px;
}

    .m-checkbox .x-form-cb-label.x-form-cb-label-after {
        padding-left: 12px;
        color: rgba(0,0,0,0.87);
    }

.m-checkbox.x-item-disabled input.x-form-checkbox + label.x-form-cb-label::before,
.m-checkbox.x-item-disabled input.x-form-checkbox + label.m-checkboxgroup-boxlabel::before {
    color: #666 !important;
}

.m-checkbox .x-form-checkbox:hover:before,
.m-checkbox .x-form-checkbox-focus::before {
    color: #4262F0 !important;
}


.m-checkbox.x-item-disabled {
    opacity: 0.54;
}
/*#endregion */

/*#region [Combobox Style] */

.m-combobox .x-form-item-label-default {
    padding-top: 8px;
    font-size: 13px;
}

.m-combobox .x-form-text-default {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    background-image: none;
    border-radius: 0 0 3px 3px;
}

.m-combobox .x-form-text-wrap-default {
    border: 1px solid #9e9e9e;
    border-right: none;
    border-radius: 3px 0 0 3px;
    height: 30px;
}

.m-combobox .x-form-trigger-default {
    width: 24px;
    background: none;
    border-width: 1px 1px 1px 0;
    border-color: #9e9e9e;
    border-style: solid;
    border-radius: 0 3px 3px 0;
}

/*#region [Combobox InToolbar Style] */

.m-combobox .x-form-item-label-inner-toolbar {
    padding-top: 2px;
    font-size: 13px;
    color: #fff;
}

.m-combobox .x-form-text-wrap-toolbar {
    border: 1px solid #9e9e9e;
    border-right: none;
    border-radius: 3px 0 0 3px;
    height: 26px;
}

.m-combobox .x-form-trigger-toolbar {
    width: 24px;
    border-width: 1px 1px 1px 0;
    border-color: #9e9e9e;
    border-style: solid;
    border-radius: 0 3px 3px 0;
    background: #fff;
    background-image: none;
}

.m-combobox .x-form-text-toolbar {
    font-size: 13px;
    background: #fff;
    background-image: none;
    padding: 1px 6px 2px;
}
/*#endregion */

.m-combobox .x-form-arrow-trigger::before {
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    background: transparent !important;
    line-height: 16px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    border: none;
    content: "\E065";
    position: relative;
    right: 0;
    top: 5px;
}

.m-combobox.x-item-disabled .x-form-arrow-trigger::before {
    color: rgba(0,0,0,0.26) !important;
}

.m-combobox.x-field-focus .x-form-item-body {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

.m-combobox.x-field-focus .x-form-trigger-default,
.m-combobox.x-field-focus .x-form-text-wrap-default {
    border-color: #4262F0;
}

.m-combobox.x-field-focus .x-form-arrow-trigger::before {
    color: #4262F0 !important;
}

.m-combobox.x-form-invalid .x-form-trigger-default {
    border-color: #d94e37 !important;
}

/*#endregion */

/*#region [Combobox Style] */

.x-mcombo-item-unchecked {
    background: url('/Content/Images/Icon/checkbox-unchecked.png') left center no-repeat;
    height: 26px;
    line-height: 26px;
    /*padding-left: 20px;*/
}

.x-mcombo-item-checked {
    background: url('/Content/Images/Icon/checkbox-checked.png') left center no-repeat;
    height: 26px;
    line-height: 26px;
    /*padding-left: 20px;*/
}

.x-mcombo-item-checked, .x-mcombo-item-unchecked {
    padding-left: 21px;
}

.x-multi-selected {
    background: #ffe69f;
    border-color: #ffe69f;
    border-style: solid;
}

/*HNTHANG Bug 115394: Bỏ ngăn cách giá trị trong combo*/
.x-boundlist-multicombobox .x-boundlist-item:hover {
    background: #ffe69f !important;
}

.x-boundlist-multicombobox .x-boundlist-item {
    border: 1px solid #fff;
    overflow: hidden; /*TVThang1 30.09.2019 - Khi độ dài vượt quá thì hidden*/
}

/*#endregion */

/*#region [Grid group Style] */


.x-grid-group-hd {
    background: #f5f5f5;
    padding: 9px 7px;
    border-color: #c1c1c1;
    border-width: 0 0 1px 0;
}

.x-group-hd-container {
    position: relative;
}

.x-grid-group-title {
    font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
    font-size: 13px;
    color: rgba(0,0,0,0.87);
    font-weight: 500;
}

.x-grid-group-hd-collapsed .x-grid-group-title,
.x-grid-group-hd-collapsible .x-grid-group-title {
    background-image: none;
    padding: 0 0 0 20px;
}

.x-grid-group-hd-collapsed,
.x-grid-group-hd-collapsible,
.m-grid-locked .x-grid-group-hd-collapsed .x-grid-group-title,
.m-grid-locked .x-grid-group-hd-collapsible .x-grid-group-title {
    font-family: 'MISAIconFont' !important;
    font-size: 18px;
}

    .x-grid-group-hd-collapsible::before {
        content: "\E066";
        position: absolute;
        top: 8px;
        color: #6b6b6b;
    }

    .x-grid-group-hd-collapsed .x-grid-group-hd-collapsible::before {
        content: "\E065" !important;
        position: absolute;
        top: 8px;
        color: #6b6b6b;
    }

.m-grid-locked {
}

    .m-grid-locked .x-grid-group-hd-collapsible .x-grid-group-title {
        padding: 0 0 0 18px;
    }

    .m-grid-locked .x-grid-group-hd-collapsed .x-grid-group-hd-collapsible::before,
    .m-grid-locked .x-grid-group-hd-collapsible::before {
        content: '' !important;
    }

    .m-grid-locked .x-grid-group-hd-collapsible .x-grid-group-title::before {
        content: "\E066";
        position: absolute;
        top: 2px;
        left: 0;
        color: #6b6b6b;
    }

    .m-grid-locked .x-grid-group-hd-collapsed .x-grid-group-hd-collapsible .x-grid-group-title::before {
        content: "\E065" !important;
        position: absolute;
        top: 2px;
        color: #6b6b6b;
    }

    .m-grid-locked .x-grid-group-hd-collapsible .x-grid-group-title span {
        padding: 0 0 0 24px;
    }

/*#endregion */

/*#region [Menu context in TabPanel Style] */

.m-menu-ctx {
    border: none;
}

    .m-menu-ctx .x-menu-body-default {
        background: #fff;
        padding: 0;
    }

    .m-menu-ctx .x-menu-item-text-default {
        font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
        font-size: 13px;
        padding-bottom: 4px;
        padding-top: 4px;
        margin-left: 8px;
        position: relative;
    }

    .m-menu-ctx .x-menu-icon-separator-default {
        display: none;
    }

    .m-menu-ctx .x-menu-item-default {
        border: none;
        position: relative;
    }

    .m-menu-ctx.x-menu .x-menu-item-text-default {
        margin-left: 8px !important;
    }

    .m-menu-ctx .x-menu-item-default span.barge {
        top: 2px;
        background-color: #FF6F00;
        color: #fff;
        border-radius: 14px;
        padding: 1px 5px;
        font-size: 10px;
        display: inline-block;
        height: 16px;
        text-align: center;
        line-height: 16px;
        margin-left: 3px;
        position: absolute;
    }

    .m-menu-ctx .x-menu-item-default.x-menu-item-focus,
    .m-menu-ctx .x-menu-item-default.x-menu-item-active {
        background: #ffe69f;
        background-image: none;
        border-radius: 0;
        padding: 0;
    }

/*#endregion */

/*#region [MISATextField Style] */

.m-textbox .x-form-text-default {
    padding: 6px;
    background: #fff;
    background-image: none;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
}

.m-textbox .x-form-text-wrap-default {
    border-radius: 3px;
    border: 1px solid #9e9e9e;
}

.m-textbox .x-form-item-label-default {
    padding-top: 8px;
    font-size: 13px;
}

.m-textbox.x-field-focus .x-form-text-wrap-default {
    border-color: #4262F0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}


/*#endregion */

/*#region [MISATextArea Style] */

.m-textarea .x-form-text-default {
    padding: 6px;
    background: #fff;
    background-image: none;
    border-radius: 3px;
    line-height: 18px;
}

.m-textarea .x-form-text-wrap-default {
    border-radius: 3px;
    border: 1px solid #9e9e9e;
}

.m-textarea .x-form-item-label-default {
    padding-top: 8px;
    font-size: 13px;
}

.m-textarea.x-field-focus .x-form-text-wrap-default {
    border-color: #4262F0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

.m-textarea.x-form-textarea-one-row .x-form-text-default {
    min-height: 30px;
    height: 30px;
}

.m-textarea.x-form-textarea-four-row .x-form-text-default {
    min-height: 70px;
    height: 70px;
}

.m-textarea.x-form-textarea-two-row .x-form-text-default {
    min-height: 46px;
    height: 46px;
}

/*#endregion */

/*#region [MISANumberField Style] */

.m-numberfield .x-form-text-default {
    padding: 6px;
    border-radius: 3px;
    background: #fff;
    background-image: none;
    height: 30px;
}

.m-numberfield .x-form-text-wrap-default {
    border-radius: 3px;
    border: 1px solid #9e9e9e;
}

.m-numberfield.x-field-focus .x-form-text-wrap-default {
    border-color: #4262F0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

.m-numberfield .x-form-trigger-default {
    background: #fff;
    border: 1px solid #9e9e9e;
}

.m-numberfield-spin .x-form-text-default {
    padding: 6px;
    background: #fff;
    background-image: none;
    border-radius: 0 0 3px 3px;
}

.m-numberfield-spin .x-form-trigger-wrap {
    border-radius: 2px;
    border: 1px solid #9e9e9e;
}

.m-numberfield-spin .x-form-text-wrap-default {
    border: none;
}

.m-numberfield-spin.x-field-focus .x-form-trigger-wrap {
    border-color: #4262F0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

.m-numberfield-spin .x-form-trigger-default {
    background: #fff;
    border-radius: 0 3px 3px 0;
    border: none;
}

/*#region [MISANumberField In Toolbar Style] */

.m-numberfield-spin .x-form-trigger-wrap-toolbar {
    border: none;
}

.m-numberfield-spin .x-form-item-label-inner-toolbar {
    color: #fff;
    padding-top: 4px;
}

.m-numberfield-spin .x-form-text-wrap-toolbar {
    border: 1px solid #9e9e9e;
    border-right: none;
    border-radius: 3px 0 0 3px;
}

.m-numberfield-spin .x-form-trigger-spinner-toolbar {
    background: #fff;
    background-image: none;
    border: 1px solid #9e9e9e;
    border-left: none;
    border-radius: 0 3px 3px 0;
}

.m-numberfield-spin .x-form-spinner-toolbar {
    background-image: none;
    background-color: #fff;
}

.m-numberfield-spin .x-form-text-toolbar {
    font-size: 13px;
    background: #fff;
    background-image: none;
    padding: 1px 6px;
}

.m-numberfield-spin .x-form-spinner-toolbar,
.m-numberfield-spin .x-form-spinner-default {
    background-image: none;
    border: none;
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 18px !important;
    color: rgba(0, 0, 0, 0.54);
    background: transparent !important;
    line-height: 20px;
    padding-left: 2px;
    text-transform: none;
    letter-spacing: normal;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    content: "\E057";
    width: 20px;
    height: 13px;
    position: relative;
}

/*#endregion */
.m-numberfield-spin .x-form-spinner-default {
    background-image: none;
    border: none;
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 18px !important;
    color: rgba(0, 0, 0, 0.54);
    background: transparent !important;
    line-height: 24px;
    padding-left: 2px;
    text-transform: none;
    letter-spacing: normal;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    content: "\E057";
    width: 20px;
    height: 13px;
    position: relative;
}

.m-numberfield-spin .x-form-spinner-up-default.x-form-spinner-focus,
.m-numberfield-spin .x-form-spinner-down-default.x-form-spinner-focus {
    /*color: #3276c3 !important;*/
}

.m-numberfield-spin .x-form-spinner-up-toolbar.x-form-spinner-over,
.m-numberfield-spin .x-form-spinner-down-toolbar.x-form-spinner-over,
.m-numberfield-spin .x-form-spinner-up-default.x-form-spinner-over,
.m-numberfield-spin .x-form-spinner-down-default.x-form-spinner-over {
    color: #4262F0 !important;
}

.m-numberfield-spin .x-form-spinner-up-toolbar::before,
.m-numberfield-spin .x-form-spinner-up-default::before {
    content: "\E066";
    position: absolute;
    top: -5px;
    right: 5px;
}

.m-numberfield-spin .x-form-spinner-down-toolbar::before,
.m-numberfield-spin .x-form-spinner-down-default::before {
    content: "\E065";
    position: absolute;
    top: -5px;
    right: 5px;
}

/*#endregion */

/*#region [MISADateField Style] */

.m-datefield .x-form-text-default {
    padding: 6px;
    height: 30px;
    line-height: 30px;
}

.m-datefield .x-form-text-wrap-default {
    border-radius: 3px;
    border: 1px solid #9e9e9e;
}

.m-datefield.x-field-focus .x-form-text-wrap-default {
    border-color: #4262F0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

.m-datefield .x-form-item-label-default {
    padding-top: 8px;
    font-size: 13px;
}

.m-datefield .x-form-date-trigger {
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 17px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    background: transparent !important;
    line-height: 24px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    border: none;
    padding-left: 10px;
    padding-right: 2px;
    background-image: none;
}

    .m-datefield .x-form-date-trigger::before {
        content: "\E004";
        position: relative;
        top: 4px;
        right: 1px;
    }

.m-datefield.x-item-disabled .x-form-date-trigger::before {
    color: rgba(0,0,0,0.26) !important;
}

.m-datefield .x-form-trigger-over::before {
    color: #4262F0;
}

/*#endregion */

/*#region [MessageBox Style] */

.x-message-box {
    padding: 0;
    box-shadow: 0 14px 45px 0 rgba(0,0,0,0.24);
}

    .x-message-box .x-tool-img {
        display: none;
    }

    .x-message-box .x-window-body,
    .x-message-box.x-window-default,
    .x-message-box .x-window-header-default-top {
        background-color: #fff;
        border: none;
    }

    .x-message-box .x-window-body {
        padding: 18px !important;
    }

    .x-message-box .x-window-header-default-top {
        box-shadow: none;
        padding: 18px 20px 0 20px !important;
        color: rgba(0,0,0,0.87);
    }

    .x-message-box .x-title-text-default {
        font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
        font-size: 18px;
        line-height: 24px;
        min-height: 23px;
    }

    .x-message-box .x-message-box-icon {
        display: none;
        width: 0 !important;
        height: 0 !important;
        background-image: none;
    }

    .x-message-box .m-messagebox-msg {
        font-size: 14px;
        color: rgba(0,0,0,0.87);
    }

    .x-message-box .x-window-body .x-box-item {
        left: 0 !important;
        max-width: 500px !important;
    }

    .x-message-box .x-toolbar {
        padding: 8px !important;
        border-top: 1px solid #E0E0E0;
        background-image: none;
        background-color: #FAFAFA;
    }

        .x-message-box .x-toolbar a.x-btn-default-small {
            padding: 9px 10px;
            background-image: none;
            background: none;
            background-color: #FAFAFA;
            border: 1px solid #E0E0E0;
            box-shadow: none;
            height: 34px;
        }

        .x-message-box .x-toolbar .x-btn-inner-default-small {
            font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
            font-size: 13px;
            text-transform: uppercase;
            color: #1F1F1F;
            line-height: 18px;
            font-weight: 500;
        }

        .x-message-box .x-toolbar .x-btn-icon-el {
            display: none;
        }

        .x-message-box .x-toolbar a.x-btn-default-small.x-btn-over,
        .x-message-box .x-toolbar a.x-btn-default-small.x-btn-focus,
        .x-message-box .x-toolbar a.x-btn-default-small.x-btn-pressed {
            background-image: none;
            background: #E0E0E0;
        }

    .x-message-box.msgbox-notitle .m-messagebox-msg {
        font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
        font-size: 18px;
        line-height: 20px;
        font-weight: bold;
    }

    .x-message-box .msg-btn-help .x-btn-inner-default-small {
        text-transform: none;
    }

    .x-message-box .x-toolbar a.msg-btn-help.x-btn-default-small.x-btn-over,
    .x-message-box .x-toolbar a.msg-btn-help.x-btn-default-small.x-btn-focus,
    .x-message-box .x-toolbar a.msg-btn-help.x-btn-default-small.x-btn-pressed {
        background-image: none;
        background: none;
    }

/*#endregion */
/*#region [Tabpanel width header flex Style] */
.m-tab-panel.m-tab-panel-flex .x-tab-default {
    position: relative !important;
    float: left;
    left: 0 !important;
    height: 29px !important;
}

.m-tab-panel.m-tab-panel-flex .x-box-scroller {
    display: none;
    width: 0;
}

.m-tab-panel.m-tab-panel-flex .x-tab-bar-default-scroller .x-box-scroller-body-horizontal {
    margin-left: 0;
}

.m-tab-panel.m-tab-panel-flex .x-tab-bar-default-top {
    border-left: none;
}

/*#endregion */

/*#region [Tabpanel width header flex Style] */

.m-radiogroup {
    position: relative;
}

    .m-radiogroup .x-form-cb-label {
        margin-top: 2px;
        font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
        font-size: 13px;
    }

    .m-radiogroup .x-form-radio-default {
        background: none;
    }

    .m-radiogroup span.x-form-radio-default + label.x-form-cb-label::before {
        font-family: MISAIconFont !important;
        speak: none;
        font-weight: normal;
        font-style: normal;
        font-size: 16px !important;
        color: rgba(0, 0, 0, 0.54);
        background: transparent !important;
        line-height: 24px;
        text-transform: none;
        letter-spacing: normal;
        /* Support for all WebKit browsers. */
        -webkit-font-smoothing: antialiased;
        /* Support for Firefox. */
        -moz-osx-font-smoothing: grayscale;
        /* Support for IE. */
        font-feature-settings: 'liga';
        content: "\E032";
        top: -2px;
        left: -4px;
        position: absolute;
    }

    .m-radiogroup .x-form-cb-checked span.x-form-radio-default + label.x-form-cb-label::before {
        font-family: MISAIconFont !important;
        speak: none;
        font-weight: normal;
        font-style: normal;
        font-size: 16px !important;
        color: rgba(0, 0, 0, 0.54);
        background: transparent !important;
        line-height: 24px;
        text-transform: none;
        letter-spacing: normal;
        /* Support for all WebKit browsers. */
        -webkit-font-smoothing: antialiased;
        /* Support for Firefox. */
        -moz-osx-font-smoothing: grayscale;
        /* Support for IE. */
        font-feature-settings: 'liga';
        content: "\E031";
        top: -2px;
        left: -4px;
        position: absolute;
    }

    .m-radiogroup.x-item-disabled span.x-form-radio-default + label.x-form-cb-label::before {
        color: rgba(0, 0, 0, 0.54) !important;
    }

    .m-radiogroup .x-form-cb-checked span.x-form-radio-default + label.x-form-cb-label:hover::before,
    .m-radiogroup span.x-form-radio-default + label.x-form-cb-label:hover::before,
    .m-radiogroup span.x-form-checkbox-focus + label.x-form-cb-label::before,
    .m-radiogroup .x-form-cb-checked span.x-form-checkbox-focus + label.x-form-cb-label::before {
        color: #4262F0;
    }

/*#endregion */

/*#region [Menucontext flex Style] */
.x-menu {
    border-width: 0 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    margin-top: -2px;
}

    .x-menu .x-menu-body-default {
        background: #fafafa;
        padding: 0 !important;
    }

    .x-menu .x-menu-item {
        border-width: 0;
        height: 32px;
    }

    .x-menu .x-menu-item-link {
        line-height: 32px;
    }

    .x-menu .x-menu-item-text-default {
        margin-right: 24px;
        margin-left: 38px !important;
        font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
        font-size: 13px;
    }

    .x-menu .x-menu-item-default.x-menu-item-separator {
        height: 2px !important;
        border-top: solid 1px #e0e0e0 !important;
        background-color: #fff;
        margin: 2px 0;
        padding: 0;
    }

.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon {
    background-position-x: 4px;
    background-position-y: 4px;
}

.x-menu-item-default.x-menu-item-focus,
.x-menu-item-default.x-menu-item-active {
    background-image: none;
    background: #ffe69f;
}

/*#endregion */


/*#region [Combobox Editor Style] */

.m-combobox-editor .x-form-text-default {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    background-image: none;
    border-radius: 0 0 3px 3px;
}

.m-combobox-editor .x-form-text-wrap-default {
    border: 1px solid #9e9e9e;
    border-right: none;
    height: 26px;
    border-radius: 3px 0 0 3px;
}

.m-combobox-editor .x-form-trigger-default {
    width: 24px;
    background: none;
    border-width: 1px 1px 1px 0;
    border-color: #9e9e9e;
    border-style: solid;
    border-radius: 0 3px 3px 0;
}

.m-combobox-editor .x-form-arrow-trigger::before {
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    background: transparent !important;
    line-height: 16px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    border: none;
    content: "\E065";
    position: relative;
    right: 0;
    top: 5px;
}

.m-combobox-editor.x-item-disabled .x-form-arrow-trigger::before {
    color: rgba(0,0,0,0.26) !important;
}

.m-combobox-editor.x-field-focus .x-form-item-body {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

.m-combobox-editor.x-field-focus .x-form-trigger-default,
.m-combobox-editor.x-field-focus .x-form-text-wrap-default {
    border-color: #3892d3;
    background: #fff;
}

.m-combobox-editor.x-field-focus .x-form-arrow-trigger::before {
    color: #3892d3 !important;
}

.m-combobox-editor.x-form-invalid .x-form-trigger-default {
    border-color: #d94e37 !important;
}

/*#endregion */

/*#region [MISATextField Editor Style] */

.m-textbox-editor .x-form-text-default {
    padding-left: 6px;
    padding-right: 6px;
    background: #fff;
    background-image: none;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
}

.m-textbox-editor .x-form-text-wrap-default {
    border: 1px solid #9e9e9e;
    border-radius: 3px;
}

.m-textbox-editor.x-field-focus .x-form-text-wrap-default {
    border-color: #3892d3;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}


/*#endregion */

/*#region [Datepicker Style] */

.x-datepicker {
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1;
    background-color: white;
    width: 282px;
}

.x-datepicker-header {
    padding: 7px 6px;
    text-align: center;
    background-image: none;
    background-color: #f5f5f5;
}

.x-datepicker-arrow {
    width: 32px;
    height: 32px;
    top: 6px;
    cursor: pointer;
    -webkit-touch-callout: none;
    background-color: #f5f5f5;
    filter: alpha(opacity=70);
    opacity: .7;
}

div.x-datepicker-arrow:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}


.x-monthpicker-yearnav-next {
    background: url("/Content/Images/Icon/arrow-right.png") no-repeat center center;
}

.x-monthpicker-yearnav-prev {
    background: url("/Content/Images/Icon/arrow-left.png") no-repeat center center;
}

.x-datepicker-next {
    right: 6px;
    background: url("/Content/Images/Icon/arrow-right.png") no-repeat center center;
}

.x-datepicker-prev {
    left: 6px;
    background: url("/Content/Images/Icon/arrow-left.png") no-repeat center center;
}

.x-datepicker-month .x-btn, .x-datepicker-month .x-btn .x-btn-tc, .x-datepicker-month .x-btn .x-btn-tl, .x-datepicker-month .x-btn .x-btn-tr, .x-datepicker-month .x-btn .x-btn-mc, .x-datepicker-month .x-btn .x-btn-ml, .x-datepicker-month .x-btn .x-btn-mr, .x-datepicker-month .x-btn .x-btn-bc, .x-datepicker-month .x-btn .x-btn-bl, .x-datepicker-month .x-btn .x-btn-br {
    background: transparent;
    border-width: 0 !important;
}

.x-datepicker-month .x-btn-inner {
    color: rgba(0,0,0,0.87);
    font: normal 13px Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
    line-height: 20px;
}

.x-datepicker-month .x-btn-split-right:after, .x-datepicker-month .x-btn-over .x-btn-split-right:after {
    background-image: url('/Content/Images/Icon/month-arrow.png');
    padding-right: 16px;
}

.x-datepicker-month .x-btn-over {
    border-color: transparent;
}

.x-datepicker-column-header {
    width: 40px;
    color: black;
    font: bold 15px helvetica,arial,verdana,sans-serif;
    text-align: right;
    background-image: none;
    background-color: white;
}

.x-datepicker-column-header-inner {
    line-height: 32px;
    padding: 0 9px 0 0;
}

.x-datepicker-cell {
    text-align: right;
    border-width: 1px;
    border-style: solid;
    border-color: white;
}

.x-datepicker-date {
    padding: 0 11px 0 0;
    font: normal 15px helvetica,arial,verdana,sans-serif;
    color: black;
    cursor: pointer;
    line-height: 30px;
}

div.x-datepicker-date:hover {
    color: black;
    background-color: #eaf3fa;
}

.x-datepicker-selected {
    border: 1px solid #FF6F00;
}

    .x-datepicker-selected .x-datepicker-date {
        background: #ffe69f;
        font-weight: bold;
    }


.x-datepicker-prevday .x-datepicker-date, .x-datepicker-nextday .x-datepicker-date {
    color: #bfbfbf;
}

.x-datepicker-selected div.x-datepicker-date {
    background-color: #ffe69f;
}

.x-datepicker-disabled .x-datepicker-date {
    background-color: #eee;
    cursor: default;
    color: gray;
}

.x-datepicker-disabled div.x-datepicker-date:hover {
    background-color: #eee;
    color: gray;
}

.x-datepicker-footer, .x-monthpicker-buttons {
    padding: 6px 0;
    background-image: none;
    background-color: #f5f5f5;
    text-align: center;
}

    .x-datepicker-footer .x-btn, .x-monthpicker-buttons .x-btn {
        margin: 0 3px 0 2px;
        padding: 4px;
    }

.x-monthpicker {
    width: 282px;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1;
    background-color: white;
}

.x-monthpicker-months {
    border-width: 0 1px 0 0;
    border-color: #e1e1e1;
    border-style: solid;
    width: 140px;
}

    .x-monthpicker-months .x-monthpicker-item {
        width: 69px;
    }

.x-monthpicker-years {
    width: 140px;
}

    .x-monthpicker-years .x-monthpicker-item {
        width: 70px;
    }

.x-monthpicker-item {
    margin: 6px 0 7px;
    font: normal 15px helvetica,arial,verdana,sans-serif;
    text-align: center;
}

.x-monthpicker-item-inner {
    margin: 0 5px 0 5px;
    color: black;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    line-height: 30px;
    cursor: pointer;
}

a.x-monthpicker-item-inner:hover {
    background-color: #eaf3fa;
}

.x-monthpicker-selected {
    background-color: #d6e8f6;
    border-style: solid;
    border-color: #3892d3;
}

.x-monthpicker-yearnav {
    height: 45px;
}

.x-monthpicker-yearnav-button-ct {
    width: 70px;
}

.x-monthpicker-yearnav-button {
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-top: 6px;
    filter: alpha(opacity=70);
    opacity: .7;
    -webkit-touch-callout: none;
    background-color: white;
}

a.x-monthpicker-yearnav-button:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.x-monthpicker-yearnav-next-over {
    background-position: center center;
}

.x-monthpicker-yearnav-prev-over {
    background-position: center center;
}

.x-monthpicker-small .x-monthpicker-item {
    margin: 2px 0 3px;
}

.x-monthpicker-small .x-monthpicker-item-inner {
    margin: 0 5px 0 5px;
}

.x-monthpicker-small .x-monthpicker-yearnav {
    height: 37px;
}

.x-monthpicker-small .x-monthpicker-yearnav-button {
    margin-top: 2px;
}

/*.x-btn .x-btn-inner, .x-form-item, .x-form-field, .x-column-header-text, .x-grid-cell, .x-menu-item-text, .x-form-item-label, .x-form-cb-label, .x-grid-with-row-lines .x-grid-td, .x-grid-editor .x-form-text, .x-tree-node-text, .x-form-display-field, .x-grid-empty {
    font: normal 13px Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
    line-height: 20px;
}*/

.x-datepicker .x-btn {
    padding: 8px 12px 8px 8px;
}

.x-datepicker .x-btn-inner {
    font: normal 13px Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
}

.x-datepicker .x-btn-focus,
.x-datepicker .x-btn-pressed.x-btn-default-small,
.x-datepicker .x-btn-over {
    padding: 8px 12px 8px 8px;
    background-color: #1e88e5;
    background-image: none;
    border: none;
}

    .x-datepicker .x-btn-focus .x-btn-inner-default-small,
    .x-datepicker .x-btn-pressed .x-btn-inner-default-small,
    .x-datepicker .x-btn-over .x-btn-inner-default-small {
        color: #fff !important;
    }
/*#endregion */

/*#region [Numberfield-editor Style] */
.m-numberfield-editor {
    background: #fff;
}

    .m-numberfield-editor .x-form-text-default {
        padding: 6px;
        border-radius: 3px;
        background: #fff;
        background-image: none;
        height: 26px;
        text-align: right;
    }

    .m-numberfield-editor .x-form-text-wrap-default {
        border-radius: 3px;
        border: 1px solid #9e9e9e;
    }

    .m-numberfield-editor.x-field-focus .x-form-text-wrap-default {
        border-color: #3892d3;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    }

    .m-numberfield-editor .x-form-trigger-default {
        background: #fff;
        border: 1px solid #9e9e9e;
    }

/*#endregion */

/*#region [Numbercolumn Style] */

.m-numbercolumn .x-column-header-text {
    text-align: right;
    margin-right: 0;
}

.m-numbercolumn.m-column-hasfilter-button .x-column-header-text {
    padding-right: 20px;
}

/*#endregion */


/*#region [Checkbox-editor Style] */

.m-checkbox-editor .x-form-checkbox {
    background: none;
    width: 25px;
    height: 22px;
    margin: 0;
}

    .m-checkbox-editor .x-form-checkbox:before {
        font-family: MISAIconFont !important;
        speak: none;
        font-weight: normal;
        font-style: normal;
        font-size: 16px !important;
        color: rgba(102, 102, 102, 0.9);
        background: transparent !important;
        line-height: 24px;
        padding-left: 2px;
        text-transform: none;
        letter-spacing: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga';
        content: "\E057";
        top: -1px;
        left: 5px;
        position: absolute;
    }

.m-checkbox-editor.x-form-cb-checked .x-form-checkbox:before {
    font-family: MISAIconFont !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px !important;
    color: rgba(102, 102, 102, 0.9);
    background: transparent !important;
    line-height: 24px;
    padding-left: 2px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    content: "\E056" !important;
    left: 5px;
    top: -1px;
    position: absolute;
}


.m-checkbox-editor.x-item-disabled input.x-form-checkbox + label.x-form-cb-label::before,
.m-checkbox-editor.x-item-disabled input.x-form-checkbox + label.m-checkboxgroup-boxlabel::before {
    color: #666 !important;
}

.m-checkbox-editor .x-form-checkbox:hover:before,
.m-checkbox-editor .x-form-checkbox-focus::before {
    color: #4262F0 !important;
}

/*Style icon xổ xuống trên menutoolbar*/
.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
    width: 8px;
    background-image: url(/Content/Images/Icon/dropdown-white-line16.png);
    padding-right: 14px;
}

/*#endregion */



.m-fileuploadfield .x-btn {
    background-color: #4262F0;
    background-image: none;
    border-radius: 3px;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    padding: 8px 12px 8px 8px;
    /*margin-left: 10px;*/
    margin-right: 0;
}

    .m-fileuploadfield .x-btn .x-btn-inner-default-small {
        color: rgba(255,255,255,0.87);
        text-transform: uppercase;
        font-size: 13px;
        line-height: 18px;
        padding-left: 8px;
    }

.m-fileuploadfield .x-form-text-field-body-default {
    max-width: none;
}

/*
    Style cho mask của window bật lên.
    Sửa lỗi 114487
*/
body > .x-mask {
    background-color: rgba(0, 0, 0,0.54);
}

.col-finish {
    padding-right: 6PX;
}

.m-rownumberercolumn .x-column-header-text {
    text-align: right;
    padding-right: 0px;
    margin-right: 3px;
}
/*Style cho notify*/
/*.x-notification {
    padding: 0;
    box-shadow: 0 14px 45px 0 rgba(0,0,0,0.24);
}

    .x-notification.x-window-default {
        background-color: #f5f5f5;
        border: solid 1px #ccc;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    }

    .x-notification .x-window-body,
    .x-notification .x-window-header-default-top {
        background-color: #f5f5f5;
        border: none;
    }

    .x-notification .x-window-body {
        padding: 8px !important;
        padding: 3px 20px 0px 20px !important;
    }

    .x-notification .x-window-header-default-top {
        box-shadow: none;
        padding: 8px 10px 0 0px !important;
        color: #FF6F00 !important;
    }

    .x-notification .x-title-text-default {
        font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
        font-size: 15px;
        color: #FF6F00 !important;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 20px;
    }

    .x-notification .m-messagebox-msg {
        font-size: 14px;
        color: rgba(0,0,0,0.87);
    }

    .x-notification .x-window-body .x-box-item {
        left: 0 !important;
        max-width: 500px !important;
    }

    .x-notification .x-toolbar {
        padding: 8px !important;
    }

    .x-notification .x-window-body {
        padding: 3px;
        text-align: left !important;
        top: 24px !important;
    }

    .x-notification .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-left {
        width: 8px;
        padding-right: 2px;
    }*/
/*Style trên thông báo notify*/
/*.x-notification .showContent-cls {
        color: blue;
        text-decoration: none;
        cursor: pointer;
    }

    .x-notification .x-tool-img {
    }*/

.notifyCheckbox .m-checkbox .x-form-cb-label {
    position: absolute;
    left: 15px;
    font-family: Roboto, Segoe UI, Arial, tahoma, verdana, sans-serif !important;
    font-size: 13px;
}

/*.x-notification .notifyCheckbox {
    position: absolute;
    padding-top: 4px;
    left: 7px;
}

.x-notification .x-window-header-default .x-tool-img {
    background-color: #f5f5f5 !important;
    background-image: none !important;
    font-family: 'MISAIconFont' !important;
    speak: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    display: inline-block;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    /*position: absolute;
    top: -6px;
    right: -20px;*/
}

.x-notification .x-tool-tool-el {
    color: #666;
    opacity: 0.9;
}

.x-notification .x-window-header-default .x-tool-img::before {
    content: "\E080";
}


/*#region x-taglabel */

.x-taglabel ul.x-taglabel-list {
    height: auto;
    min-height: 20px;
    cursor: text;
    padding: 0px;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.x-taglabel input {
    border: 0px;
    background: none;
    margin: 0px;
    padding: 0px;
}

.x-taglabel-input, .x-taglabel-item {
    float: left;
    display: inline-block;
    position: relative;
    zoom: 1;
}

.x-ie7m .x-taglabel-input, .x-ie7m .x-taglabel-item {
    float: left;
    display: inline;
    zoom: 1;
}

.x-ie7m .x-taglabel {
    margin-top: 0px;
    margin-bottom: 0px;
}

.x-taglabel-item {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #8fafe0;
    padding: 0px 1px 0px 5px;
    margin: 1px 2px 1px 1px;
    background-color: #dfe8f6;
    cursor: default;
    float: left;
}

.x-ie6 .x-taglabel-item-disabled {
    filter: none;
}

.x-taglabel-item-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.x-taglabel-item-icon {
    padding-left: 25px;
    background-position: 5px 0px;
}

.x-taglabel-item.x-taglabel-item-selected {
    background-color: #6892d4;
    color: white;
    border: 1px solid #0557be !important;
}

.x-taglabel-item.x-taglabel-item-over {
    background-color: #b7cbeb;
    border: 1px solid #6892d4;
}

.x-taglabel-stacked .x-taglabel-item,
.x-taglabel-stacked .x-taglabel-input {
    display: block;
    float: none;
}

.x-taglabel-stacked ul.x-taglabel-list {
    overflow-x: hidden;
    overflow-y: auto;
}

.x-taglabel-item-text {
    line-height: 16px;
    padding-right: 5px;
    font-size: 12px;
}

.x-taglabel-closable .x-taglabel-item-text {
    padding-right: 16px;
}

.x-taglabel-empty {
    color: gray;
    float: left;
    padding: 0px 1px 0px 2px;
    margin: 2px 1px 1px 0;
}

.x-taglabel-item .x-taglabel-close-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    font-size: 0;
    line-height: 0;
    background: no-repeat;
    width: 11px;
    height: 11px;
    top: 3px;
    right: 3px;
    background-image: url(../Images/Icon/close-groupbar.png);
}

.x-taglabel-item-disabled .x-taglabel-close-btn {
    cursor: default;
}

.x-taglabel-item .x-taglabel-close-btn-over {
    background-position: 0px -22px;
}

.x-tagcombo .x-form-trigger {
    margin-top: 0px;
}

.x-tagcombo .x-form-field {
    padding: 0px;
}

.x-ie7m .x-taglabel {
    margin-top: -1px;
    margin-bottom: 0px;
}

    .x-ie7m .x-taglabel input {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.x-tagcombo.x-item-disabled .x-form-field,
.x-tagcombo.x-item-disabled .x-form-trigger {
    filter: inherit;
    opacity: inherit;
}

.x-tagcombo.x-item-disabled .x-form-trigger-wrap {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.x-tagcombo-stacked .x-field-toolbar-body .x-trigger-cell {
    border-bottom: none;
}

.x-hide-selection .x-boundlist-selected {
    display: none;
}

.x-taglabel-item {
    padding: 3px 1px 2px 5px;
}

.x-tagcombo .x-taglabel-item {
    padding: 0px 1px 0px 5px;
}

.x-taglabel-item.x-taglabel-closable {
    padding: 3px 3px 2px 5px;
}

.x-tagcombo .x-taglabel-item.x-taglabel-closable {
    padding: 0px 1px 0px 5px;
}

    .x-tagcombo .x-taglabel-item.x-taglabel-closable.x-taglabel-item-icon {
        padding: 0px 1px 0px 25px;
    }

.x-taglabel-item .x-taglabel-close-btn {
    top: 5px;
}

.x-tagcombo .x-taglabel-item .x-taglabel-close-btn {
    top: 3px;
}

.x-taglabel-item-icon {
    padding-left: 25px;
    background-position: 5px center;
}

.x-theme-neptune .x-taglabel ul.x-taglabel-list,
.x-theme-neptunetouch .x-taglabel ul.x-taglabel-list,
.x-theme-gray .x-form-text-wrap-toolbar .x-taglabel-list,
.x-theme-blue .x-form-text-wrap-toolbar .x-taglabel-list {
    background-color: white;
}
/*#endregion */

/*Style cho Menu cấu hình Layout Grid*/
/*#region */
.m-checkbox-configlayout-active {
    opacity: 1 !important;
}

    .m-checkbox-configlayout-active .x-menu-item-checkbox {
        background-image: none !important;
    }

        .m-checkbox-configlayout-active .x-menu-item-checkbox::before {
            font-family: MISAIconFont !important;
            speak: none;
            font-weight: normal;
            font-style: normal;
            font-size: 16px !important;
            color: rgba(102, 102, 102, 0.9);
            background: transparent !important;
            line-height: 20px;
            text-transform: none;
            letter-spacing: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-feature-settings: 'liga';
            content: "\E056";
            position: absolute;
        }

    .m-checkbox-configlayout-active .x-menu-item-text-default {
        padding-left: 24px !important;
        cursor: default !important;
    }

/*NTXUAN 11.01.2020 Bổ sung thêm trường hợp inactive*/
.m-checkbox-configlayout-inactive {
    opacity: 1 !important;
}

    .m-checkbox-configlayout-inactive .x-menu-item-checkbox {
        background-image: none !important;
    }

        .m-checkbox-configlayout-inactive .x-menu-item-checkbox::before {
            font-family: MISAIconFont !important;
            speak: none;
            font-weight: normal;
            font-style: normal;
            font-size: 16px !important;
            color: rgba(102, 102, 102, 0.9);
            background: transparent !important;
            line-height: 20px;
            text-transform: none;
            letter-spacing: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-feature-settings: 'liga';
            content: "\E057";
            position: absolute;
        }

    .m-checkbox-configlayout-inactive .x-menu-item-text-default {
        padding-left: 24px !important;
        cursor: default !important;
    }
/*#endregion */

/*#region TreeColumn header with checkbox 
* HNTHANG 26.10.2019 Thêm check ở trên head
*/

.m-treegridpanel .tree-column-checkbox-header .x-column-header-checkbox {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 4px;
    margin-left: 6px;
}

.m-treegridpanel .tree-column-checkbox-header .x-column-header-checkbox {
    background: url(/Content/Images/Icon/checkbox-unchecked.png) 0 0 no-repeat;
    content: " ";
    width: 16px;
    height: 16px;
}

.m-treegridpanel .x-treepanel-hd-checker-on .x-column-header-checkbox {
    background: url(/Content/Images/Icon/checkbox-checked.png) 0 0 no-repeat !important;
}

.m-treegridpanel .tree-column-checkbox-header .x-column-header-text {
    line-height: 18px;
    white-space: normal;
    text-align: left;
    font-weight: 500;
    margin-left: 25px;
}

/*#endregion */


/*#region Style riêng grid số liệu*/

.m-grid-border .x-column-header {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6 !important;
}

    .m-grid-border .x-column-header.x-column-header-last {
        border-right: none;
    }

    .m-grid-border .x-column-header .x-group-sub-header {
        border-right: 1px solid #e6e6e6;
        border-bottom: none;
        border-top: none !important;
    }

        .m-grid-border .x-column-header .x-group-sub-header.x-column-header-last {
            border-right: none;
        }

.m-grid-border .x-grid-with-row-lines .x-grid-item {
    border-bottom: 1px solid #e6e6e6;
    border-top: none;
}

.m-grid-border .x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top: none;
}

.m-grid-border .x-docked-summary .x-grid-item {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.m-grid-border .x-grid-td {
    border-right: 1px solid #e6e6e6;
}

    .m-grid-border .x-grid-td:last-child {
        border-right: none;
    }

.m-grid-border .x-column-header.m-column-hasfilter .x-column-header-inner {
    border-bottom: 1px solid #e6e6e6;
}

.m-grid-border .x-group-header.m-column-hasfilter .x-column-header-inner {
    border-bottom: none;
}

.m-grid-border .x-group-header > .x-column-header-inner {
    border-bottom: 1px solid #e6e6e6 !important;
}

.m-grid-border .x-column-header-text {
    text-align: center;
}

/*#endregion */