.x-tip {
    width: auto !important;
}

.x-tip-body {
    width: auto !important;
}

    .x-tip-body span {
        width: auto !important;
    }

.tieuchi-danhgia .x-form-checkbox {
    background: url(../images/Tacvu_Chung/generate.png) !important;
    cursor: pointer;
}

.processing-window {
    z-index: 99999 !important;
}

.x-portlet {
    margin-bottom: 10px;
    padding: 1px;
}

.x-portal .x-portal-column {
    /* columns must have vertical padding to avoid losing dimensions when empty */
    padding: 8px 8px 0 0;
}

.x-portal-body {
    padding: 0 0 0 8px;
}

.query-builder .x-mask {
    opacity: 0.3
}

#loading-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
    background-color: white;
}

#loading {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 2px;
    z-index: 20001;
    height: auto;
    margin: -35px 0 0 -30px;
}

    #loading .loading-indicator {
        background: url(../images/ajax-loader.gif) no-repeat;
        color: #555;
        font: bold 13px tahoma,arial,helvetica;
        padding: 28px 42px;
        margin: 0;
        text-align: center;
        height: auto;
    }

.custom-display .x-form-display-field {
    font-weight: bold;
}
/*Grid*/
/*.x-grid .x-group-header .x-column-header-text {
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    margin-right: 0px;
}*/
/*.row-style .x-grid-cell, .row-style .x-grid-row-alt .x-grid-td {
    background-color: #6593cf;
}*/
.x-grid-row-summary .x-grid-cell-last .x-grid-cell-inner {
    padding-right: 25px;
}

.x-grid-cell.read-only {
    background-color: #fffacd !important;
}

/* Tool tip*/
/*.x-tip {
    width: auto !important;
}*/

.x-tip-body {
    width: auto !important;
}

    .x-tip-body span {
        width: auto !important;
    }

/* Org chart*/
.x-ochart * {
    margin: 0;
    padding: 0;
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -ms-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-attachment: scroll;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-image: none; /* no v-lines */
    border-spacing: 0px !important;
    border-collapse: collapse !important;
}

.x-ochart {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.x-ochart-wrap {
    white-space: nowrap;
    padding-top: 2px;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    margin: 20px;
}

.x-ochart-node {
    vertical-align: top !important;
}

.x-ochart-expander-row {
    display: none !important;
    text-align: center !important;
}

.x-ochart-expander {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: -2px !important;
    margin-left: 4px;
    background: url("../images/ochart-tree.png") center no-repeat;
    cursor: pointer !important;
}

.x-ochart-add {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: -2px;
    margin-left: 2px;
    background: url("../images/ochart-add.png") center no-repeat;
    cursor: pointer !important;
}

.x-ochart-remove {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: -2px;
    margin-left: 4px;
    background: url("../images/ochart-remove.png") center no-repeat;
    cursor: pointer !important;
}

.x-ochart-node.x-item-collapsed > table > tbody > .x-ochart-lines.x-ochart-children-lines, .x-ochart-node.x-item-collapsed > table > tbody > .x-ochart-container {
    display: none !important;
}

.x-ochart-node.x-item-collapsed > table > tbody > .x-ochart-expander-row {
    display: table-row !important;
}

/* node cell */
.x-ochart-node-row {
    vertical-align: top;
    padding: 0;
}

    .x-ochart-node-row > td {
        text-align: center;
    }

.x-ochart-node-content {
    border: 1px solid black;
    display: inline-block !important;
    padding: 4px;
    margin-top: -3px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    min-width: 48px;
}

.x-ochart-container {
    vertical-align: top !important;
}

.x-ochart-left {
    width: 50% !important;
    display: inline-block !important;
    border-style: solid;
    border-width: 0;
    margin-top: -2px;
}

.x-ochart-right {
    width: 50% !important;
    display: inline-block !important;
    border-style: solid;
    border-width: 0;
    margin-top: -2px;
}

.x-ochart-lines.x-ochart-down .x-ochart-left, .x-ochart-lines.x-ochart-down .x-ochart-right {
    border-top: 0;
    margin-top: 0px;
    margin-bottom: -1px;
}

.x-ochart-lines > .x-ochart-first > .x-ochart-left {
    border: 0;
}

.x-ochart-lines > .x-ochart-first > .x-ochart-right {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

.x-ochart-lines > .x-ochart-last > .x-ochart-right {
    border: 0;
}

.x-ochart-lines > .x-ochart-last > .x-ochart-left {
    border-right: 2px solid black;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.x-ochart-node .x-item-selected {
    /*background-color: #b0eeff;*/
}

.x-ochart-ddindicator {
    width: 16px;
    height: 16px;
    background: transparent url(../images/ochart-arrows.png) no-repeat;
}

    .x-ochart-ddindicator.before {
        background-position: -48px center;
    }

    .x-ochart-ddindicator.after {
        background-position: -16px center;
    }

    .x-ochart-ddindicator.append {
        background-position: -32px center;
    }

.x-ochart-over-node {
    background-color: #ffedb3;
    border-color: red !important;
}

.over-item-cls {
    background-color: #ffedb3;
    border-color: red !important;
}

.dept-item {
    border-color: gray;
    text-align: left;
    padding: 0;
    width: 130px;
    white-space: pre-wrap;
}

    .dept-item > .item-title {
        background-color: green;
        padding: 8px;
        color: white;
        text-align: center;
        font-weight: 700;
    }

    .dept-item > .item-body {
        padding: 5px;
    }

        .dept-item > .item-body > .item-label {
            display: inline-block;
            text-align: right;
        }

        .dept-item > .item-body > .item-value {
            display: inline-block;
            text-align: left;
            margin-left: 4px;
            font-weight: bold;
        }
/* end org chart*/

.matched {
    background-color: yellow !important;
}

.x-grid-td {
    vertical-align: middle !important;
}

.x-grid-cell.display-full .x-grid-cell-inner {
    white-space: normal;
}

.grid-truncate-header-text .x-column-header-inner .x-column-header-text {
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.x-form-item-label {
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/*
 * GridFilters Styles
 */

.ux-filtered-column {
    font-style: italic;
    font-weight: bold;
}

    .ux-filtered-column .x-column-header-text {
        padding-right: 17px;
        background-position: right center;
        background-image: url(../images/filter.png) !important;
    }

.ux-gridfilter-text-icon {
    background-image: url(../images/find.png) !important;
}

/*
 * RangeMenu Styles
 */

.ux-rangemenu-icon {
    display: block;
    height: 16px;
    background: no-repeat 5px center;
}

.ux-rangemenu-gt {
    background-image: url(../images/greater_than.png) !important;
}

.ux-rangemenu-lt {
    background-image: url(../images/less_than.png) !important;
}

.ux-rangemenu-eq {
    background-image: url(../images/equals.png) !important;
}

/* Customize month picker style*/
.x-monthpicker {
    width: 270px !important;
    height: 240px !important;
}

.x-monthpicker-months {
    width: 160px !important;
}

    .x-monthpicker-months .x-monthpicker-item {
        width: 70px !important;
    }

.x-datepicker {
    width: 270px !important;
}

.tree-no-icon .x-tree-arrows .x-tree-expander, .tree-no-icon .x-tree-icon, .tree-no-icon .x-tree-icon-parent, .tree-no-icon .x-tree-icon-leaf {
    display: none;
    background-image: none !important;
}

/*Wrap grid column header*/
.x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.x-column-header-inner {
    line-height: normal;
    /*padding-top: 3px !important;*/
    /*padding-bottom: 3px !important;*/
    text-align: center;
    /*top: 20%;*/
}


/*Ux Notification*/

.ux-notification-window {
    border-width: 1px !important;
    min-height: 250px !important;
}

    .ux-notification-window .x-window-header {
        left: -1px !important;
    }

    .ux-notification-window .x-window-header-text-container-default {
        color: #ffffff;
        font-size: 16px;
        font-weight: 500;
        font-family: helvetica, arial, verdana, sans-serif;
        line-height: 20px;
    }

    .ux-notification-window .item-image {
        width: 30px;
    }

    .ux-notification-window .item-text {
        font-size: 14px;
        font-weight: normal;
    }

    .ux-notification-window .item-image, .ux-notification-window .item-text {
        display: table-cell;
        vertical-align: middle
    }

    .ux-notification-window .notification-item {
        cursor: pointer;
        height: 40px;
        display: table;
        color: navy;
        background-color: white;
        width: 100%;
        text-align: left;
    }

        .ux-notification-window .notification-item:hover {
            background-color: lightgrey;
        }

.ux-notification-window, .ux-notification-light {
    z-index: 9999999 !important;
}
    /* Using standard theme */
    .ux-notification-window .x-window-body {
        text-align: center;
        padding: 10px 5px 10px 5px;
    }

.ux-notification-icon-information {
    background-image: url('../images/icon16_info.png');
}

.ux-notification-icon-error {
    background-image: url('../images/icon16_error.png');
}

/* Custom styling */
.ux-notification-light .x-window-header {
    background-color: transparent;
    border: none;
}

body .ux-notification-light {
    background-image: url('../images/fader.png');
    border: none;
}

.ux-notification-light .x-window-body {
    /*text-align: center;*/
    padding: 0 5px 20px 5px;
    background-color: transparent;
    border: 0px solid white;
}

.ux-notification-light a {
    text-decoration: none;
    color: #848488;
}

    .ux-notification-light a:hover {
        color: blue;
    }

.ux-notification-light .x-window-header-text-container-default {
    color: blue;
}

.middle-cell {
    vertical-align: middle;
}

input[readonly], textarea[readonly] {
    background-color: #fffacd;
}

.x-panel-body-default {
    background-color: lightcyan;
}

.x-timeline-item {
    color: #fff;
    text-shadow: rgba(0,0,0,.2) 0 -1px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: Lavender;
    overflow: hidden;
    cursor: pointer;
    z-index: 3;
    border: 1px solid #aaa;
    /*background: lightblue url(../images/transp-1px.png) repeat-x left top;*/
    box-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);
    border-radius: 3px;
}

    .x-timeline-item:hover {
        border-color: #888;
        -webkit-box-shadow: 1px 1px 1px rgba(100,100,100,0.5);
        -moz-box-shadow: 1px 1px 1px rgba(100,100,100,0.5);
        box-shadow: 1px 1px 1px rgba(100,100,100,0.5);
    }

.x-timeline-td {
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-top-width: 0px;
}

.sao-chep {
    background-image: url(../images/copy.png) !important;
}

.ngung-su-dung {
    background-image: url(../images/document_stop.png) !important;
}

.su-dung-lai {
    background-image: url(../images/document_ok.png) !important;
}

.bonhiem32 {
    background-image: url(../images/bonhiem32.png) !important;
}

.nghiviec32 {
    background-image: url(../images/nghiviec32.png) !important;
}

.thaydoichinhsach32 {
    background-image: url(../images/thaydoichinhsach32.png) !important;
}

.hienthiluoi32 {
    background-image: url(../images/hienthiluoi32.png) !important;
}

.hienthitile32 {
    background-image: url(../images/hienthitile32.png) !important;
}

.apdung {
    background-image: url(../images/check.png) !important;
}

.khenthuong {
    background-image: url(../images/Quanly_Hoso_Nhanvien/khenthuong.png) !important;
}

.kyluat {
    background-image: url(../images/Quanly_Hoso_Nhanvien/ky_luat.png) !important;
}

.bonhiem {
    background-image: url(../images/Quanly_Hoso_Nhanvien/bonhiem_nhanvien.png) !important;
}

.thaydoi-chinhsach {
    background-image: url(../images/Quanly_Hoso_Nhanvien/dieuchinh_chinhsach.png) !important;
}

.nghiviec {
    background-image: url(../images/Quanly_Hoso_Nhanvien/khoa-nhanvien.png) !important;
}

.kyhd {
    background-image: url(../images/Quanly_Hoso_Nhanvien/ky_hopdong.png) !important;
}

#listDanhSachNhanVien {
    background: white;
    font-size: 13px;
    font-family: segoe ui, verdana, Arial, Helvetica, sans-serif;
}

    #listDanhSachNhanVien .thumb {
        padding: 3px;
    }

    #listDanhSachNhanVien .thumb-wrap {
        float: left;
        margin: 4px;
        margin-right: 0;
        padding: 5px;
        text-align: center;
        width: 150px;
        max-width: 150px;
        height: 160px;
        max-height: 160px;
    }

        #listDanhSachNhanVien .thumb-wrap div {
            display: block;
            /*overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;*/
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 600;
            color: blue;
        }

        #listDanhSachNhanVien .thumb-wrap span {
            display: block;
            /*overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;*/
            font-size: 13px;
            font-weight: normal;
            margin-top: 5px;
        }

    #listDanhSachNhanVien .x-view-over {
        border: 1px solid #dddddd;
        background-color: #efefef;
        padding: 4px;
    }

    #listDanhSachNhanVien .x-item-selected {
        background: #DFEDFF;
        border: 1px solid #6593cf;
        padding: 4px;
    }

        #listDanhSachNhanVien .x-item-selected .thumb {
            background: transparent;
        }

        #listDanhSachNhanVien .x-item-selected div {
            color: #1A4D8F;
        }

        #listDanhSachNhanVien .x-item-selected span {
            color: #1A4D8F;
        }

.emp-name {
    text-transform: uppercase;
    font-size: 14px;
    color: blue;
    font-weight: 600;
    text-align: center;
}

.emp-position {
    text-transform: capitalize;
    font-size: 10pt;
    text-align: center;
    /*font-weight: bold;*/
}

.emp-department {
    text-transform: capitalize;
    font-size: 10pt;
    text-align: center;
    /*font-weight: bold;*/
}

.view-not-selected-list {
    padding: 0 3px 0 3px;
}

.view-not-selected-list-item {
    display: block;
    background: /*url(../images/Briefcase.png) no-repeat*/ left #DFEDFF;
    background-position: 5px 5px;
    border-bottom: 1px #FFFFFF solid;
    font-size: 13px;
    text-decoration: none;
    color: #504b4b;
    padding: 5px 5px 0 30px;
    line-height: 25px;
    cursor: pointer;
    font-weight: normal;
}

.view-not-selected-list-item-hover {
    background: /*url(../images/Green_pin.png) no-repeat */ left lightblue;
    color: blue;
    background-position: 7px 5px;
    font-weight: normal;
}

.emp-function-list {
    padding: 0 3px 0 3px;
}

.emp-function-list-image {
    float: left;
    margin-top: 7px;
    margin-left: 5px;
}

.emp-function-list-item {
    display: block;
    background: /*url(../images/Briefcase.png) no-repeat */ left #DFEDFF;
    background-position: 5px 5px;
    border-bottom: 1px #FFFFFF solid;
    font-size: 13px;
    text-decoration: none;
    color: #504b4b;
    padding: 5px 5px 0 30px;
    line-height: 25px;
    cursor: pointer;
    font-weight: normal;
}

.emp-function-list .x-item-selected {
    display: block;
    background: /*url(../images/Yellow_pin.png) no-repeat*/ left #269ccb;
    background-position: 20px 5px;
    border-bottom: 1px #FFFFFF solid;
    color: #15428B;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    padding: 5px 5px 0 40px;
    line-height: 25px;
}

.emp-function-list-item-hover {
    background: /*url(../images/Green_pin.png) no-repeat */ left lightblue;
    color: #504b4b;
    background-position: 7px 5px;
    font-weight: normal;
}

.x-combo-checker {
    background-position: 50% -2px;
    margin-left: 1px;
    background-color: transparent;
    background-image: url("../images/unchecked.gif");
    background-position: -1px -1px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: flexbox;
    padding: 0 0 0 10px;
}

.x-boundlist-selected .x-combo-checker {
    background-image: url("../images/checked.gif");
}


.save_add {
    background-image: url(../images/disk_blue_add.png) !important;
}

.add-selected-items {
    background-image: url(../images/arrow_right_blue.png) !important;
    background-color: #ffffff !important;
    width: 32px !important;
    height: 32px !important;
}

.remove-selected-items {
    background-image: url(../images/arrow_left_blue.png) !important;
    background-color: #ffffff !important;
    width: 32px !important;
    height: 32px !important;
}

.emp_add_detail {
    background-image: url(../images/Quanly_Hoso_Nhanvien/them_hoso_nhanvien.png) !important;
}

.emp_delete_detail {
    background-image: url(../images/Quanly_Hoso_Nhanvien/xoa-hoso-nhanvien.png) !important;
}

.change-password {
    background-image: url( ../images/change_password.png ) !important;
}

.show-notification {
    background-image: url( ../images/Tacvu_Chung/Apps-Notifications-icon.png ) !important;
}

.show-desktop {
    background-image: url( ../images/Desktop-16.png ) !important;
}

.export {
    background-image: url(../images/Tacvu_Chung/excel.png) !important;
}


.x-tree-icon-parent {
    background-image: url('../images/Tacvu_Chung/folder_violet.png') !important;
    background-repeat: no-repeat;
}

.x-tree-icon-leaf {
    background-image: url(../images/Tacvu_Chung/folder_violet.png) !important;
    background-repeat: no-repeat;
}

/*textcomplete*/
.dropdown-menu {
    border: 1px solid #ddd;
    background-color: white;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
}

    .dropdown-menu li {
        border-top: 1px solid #ddd;
        padding: 2px 5px;
    }

        .dropdown-menu li:first-child {
            border-top: none;
        }

        .dropdown-menu li:hover,
        .dropdown-menu .active {
            background-color: rgb(110, 183, 219);
        }

.dropdown-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .dropdown-menu a:hover {
        cursor: pointer;
    }

/*token input*/
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    /*width: 550px;*/
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 13px;
    font-family: segoe ui;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

    ul.token-input-list-facebook li input {
        border: 0;
        width: 100px;
        padding: 3px 8px;
        background-color: white;
        margin: 2px 0;
        -webkit-appearance: caret;
        font-family: segoe ui;
        font-size: 13px;
    }

.readonly-tag li input {
    background-color: #fffacd !important;
}

.readonly-tag ul {
    background-color: #fffacd !important;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 13px;
    font-family: segoe ui;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
}

    li.token-input-token-facebook p {
        display: inline;
        padding: 0;
        margin: 0;
    }

    li.token-input-token-facebook span {
        color: #a6b3cf;
        margin-left: 5px;
        font-weight: normal;
        cursor: pointer;
    }

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: segoe ui;
    font-size: 13px;
}

li.token-input-operator-facebook {
    color: blueviolet;
    background-color: lightblue;
}

li.token-input-bracket-facebook {
    color: blue;
    background-color: lightgreen;
}

li.token-input-numeric-facebook {
    background-color: lightgray;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 13px;
    font-family: segoe ui;
    z-index: 999999;
    /*z-index: 1;*/
}

    div.token-input-dropdown-facebook p {
        margin: 0;
        padding: 5px;
        font-weight: normal;
        color: #777;
    }

    div.token-input-dropdown-facebook ul {
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: scroll;
    }

        div.token-input-dropdown-facebook ul li {
            background-color: #fff;
            padding: 3px;
            margin: 0;
            list-style-type: none;
        }

            div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
                background-color: #fff;
            }

            div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
                background-color: #fff;
            }

            div.token-input-dropdown-facebook ul li em {
                font-weight: normal;
                font-style: normal;
            }

            div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
                background-color: #3b5998;
                color: #fff;
            }

/*notification*/
#msg-div {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 400px;
    margin-left: -200px;
    z-index: 9999999;
}

    #msg-div .msg {
        background: #FBE3E4 url('../images/error.png') no-repeat 15px center;
        color: #8a1f11;
        border: 1px solid #FBC2C4;
        padding: 10px;
        padding-left: 50px;
        margin: 15px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        #msg-div .msg h3 {
            margin: 0 0 8px;
            font-weight: bold;
            font-size: 15px;
        }

        #msg-div .msg p {
            margin: 0;
        }

/*----------------------------------------------------
    Start Button
*/

.ux-start-button-icon {
    background-image: url(../images/Tacvu_Chung/start-menu-hrm.png) !important;
    background-color: transparent;
}

.ux-start-button .x-btn-arrow {
    background-image: none;
}

.ux-taskbar {
    padding-left: 4px !important;
}

/*
    Start Button (Black)
*/

.ux-desktop-black .ux-start-button {
    height: 28px;
    padding: 0px;
    display: block;
}

    .ux-desktop-black .ux-start-button em {
        margin-top: 5px;
    }

    .ux-desktop-black .ux-start-button .x-btn-inner {
        color: black;
        font-size: 11px;
        font-weight: bold;
    }

.ux-desktop-black .ux-start-button {
    background-image: -moz-linear-gradient(center top, #E4F3FF, #D9EDFF 48%, #C2D8F2 52%, #C6DCF6);
    border-radius: 8px 8px 8px 8px;
    border-color: #81A4D0;
}

/*----------------------------------------------------
    Start Menu
*/

.ux-start-menu-toolbar .x-btn-inner {
    text-align: left;
}

.ux-start-menu-toolbar {
    padding: 4px !important;
}

/*----------------------------------------------------
    TaskBar
*/

/* Use high specificity selector to override default styling*/
div.ux-taskbar div.x-toolbar {
    background: transparent none;
    border: 0 none;
    padding: 0;
}

.ux-desktop-windowbar .x-btn-inner,
.x-nbr .ux-desktop-windowbar .x-btn-icon-text-left button {
    text-align: left !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
    TaskBar (Black)
*/

.ux-desktop-black .ux-taskbar {
    background: transparent url('..../images/taskbar/black/taskbar-start-panel-bg.gif') repeat-x left top;
    border-color: transparent;
    /*height: 30px;*/
}

    .ux-desktop-black .ux-taskbar .x-splitter {
        background: transparent url(..../images/taskbar/black/taskbar-split-h.gif) no-repeat scroll 0 -2px;
    }

    .ux-desktop-black .ux-taskbar .x-toolbar-text {
        color: white !important;
    }

    .ux-desktop-black .ux-taskbar .x-btn-default-toolbar-small-over {
        background-color: yellow;
    }

    .ux-desktop-black .ux-taskbar .x-btn-inner {
        color: white;
    }

    .ux-desktop-black .ux-taskbar .x-btn-pressed .x-btn-inner, .ux-taskbar .x-btn-over .x-btn-inner {
        color: black;
    }

/*----------------------------------------------------
    Tray Clock
*/

.ux-desktop-trayclock {
    text-align: center;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}

/*----------------------------------------------------
    Desktop DataView
*/

.ux-wallpaper {
    background-color: #3d71b8;
}

.ux-wallpaper-tiled {
    background-repeat: repeat;
}

.ux-desktop-shortcut {
    cursor: pointer;
    text-align: center;
    padding: 5px;
    margin: 0 15px 0 15px;
    /*width: 106px;
      height: 135px;*/
    width: 85px;
    height: 125px;
    float: left;
}

.ux-desktop-shortcut-icon {
    /*width: 96px;
    height: 96px;*/
    width: 72px;
    height: 72px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.ux-desktop-shortcut-text {
    font: normal 13px segoe ui,tahoma,arial,verdana,sans-serif;
    text-decoration: none;
    padding-top: 5px;
    color: white;
}

.x-view-over {
    background-color: skyblue;
    border-radius: 5px;
}

/*.x-view-over .ux-desktop-shortcut-text {
    text-decoration: underline;
}*/
/*----------------------------------------------------
    Various icon classes
*/

.danhmuc-shortcut {
    background-image: url(../images/desktop/Quanly_Danhmuc_72.png);
}

.congtacphi-shortcut {
    background-image: url(../images/desktop/Quanly_Congtacphi_72.png);
}

.quyetdinh-shortcut {
    background-image: url(../images/desktop/quanly_quyetdinh_72.png);
}

.congcu-shortcut {
    background-image: url(../images/desktop/quanly_congcu_72.png);
}

.nhanvien-shortcut {
    background-image: url(../images/desktop/Quanly_Hoso_Nhanvien_72.png);
}

.hopdong-shortcut {
    background-image: url(../images/desktop/Quanly_Hopdong_72.png);
}

.nguoidung-shortcut {
    background-image: url(../images/desktop/Quanly_NguoiDung_72.png);
}

.chamcong-shortcut {
    background-image: url(../images/desktop/Quanly_Chamcong_72.png);
}

.bangphanca-shortcut {
    background-image: url(../images/desktop/BangPhanCa_72.png);
}

.phuonganluong-shortcut {
    background-image: url(../images/desktop/Quanly_Phuongan_Luong_72.png);
}

.bangluong-shortcut {
    background-image: url(../images/desktop/Quanly_Bangluong_72.png);
}

.baocao-shortcut {
    background-image: url(../images/desktop/Quanly_Baocao_72.png);
}

.dangky-congviec-shortcut {
    background-image: url(../images/desktop/Quanly_Dangky_Congviec_72.png);
}

.dangky-calamviec-shortcut {
    background-image: url(../images/desktop/Quanly_Dangky_Calamviec_72.png);
}

.xetduyet-shortcut {
    background-image: url(../images/desktop/Quanly_Xetduyet_Tailieu_72.png);
}

.khenthuong-kyluat-shortcut {
    background-image: url(../images/desktop/Quanly_Khenthuong_Kyluat.png);
}

.danhgia-shortcut {
    background-image: url(../images/desktop/Quanly_Danhgia_Nhanvien.png);
}

.phepthamnien-shortcut {
    background-image: url(../images/desktop/Quanly_Phepthamnien.png);
}

.dangky-nghiphep-shortcut {
    background-image: url(../images/desktop/Quanly_Dangky_Nghiphep_72.png);
}

.thietlap-bhxh-shortcut {
    background-image: url(../images/desktop/Thietlap_bhxh_72.png);
}

.so-bhxh-shortcut {
    background-image: url(../images/desktop/Quanly_so_bhxh_72.png);
}

.bieumau-bhxh-shortcut {
    background-image: url(../images/desktop/Quanly_BHXH_Bieumau.png);
}

.nghichinhsach-bhxh-shortcut {
    background-image: url(../images/desktop/Quanly_BHXH_Chinhsach.png);
}

.thue-tncn-shortcut {
    background-image: url(../images/desktop/Quanly_Thue_TNCN.png);
}

.daotao-shortcut {
    background-image: url(../images/desktop/Quanly_Daotao_72.png);
}

.tuyendung-shortcut {
    background-image: url(../images/desktop/Quanly_Tuyendung_72.png);
}

.dashboard-shortcut {
    background-image: url(../images/desktop/dashboard.png);
}

.logout {
    background-image: url( ../images/start/Hethong_Thoat.png ) !important;
}

.settings {
    background-image: url( ../images/start/Hethong_Cauhinh_Hethong.png ) !important;
}

.icon-tochuc-nhansu {
    background-image: url( ../images/start/Tochuc_Nhansu.png ) !important;
}

.icon-hopdong-laodong {
    background-image: url( ../images/start/Quanly_HDLD.png ) !important;
}

.icon-quanly-chamcong {
    background-image: url( ../images/start/Quanly_Chamcong.png ) !important;
}

.icon-quanly-luong {
    background-image: url( ../images/start/Quanly_Luong.png ) !important;
}

.icon-quanly-duyetailieu {
    background-image: url( ../images/start/Quanly_Pheduyet_Tailieu.png ) !important;
}

.icon-quanly-bhxh {
    background-image: url( ../images/start/Quanly_Baohiem_Xahoi.png ) !important;
}

.icon-quanly-tncn {
    background-image: url( ../images/start/Quanly_Thue_TNCN.png ) !important;
}

.icon-khung-tinh-thue {
    background-image: url( ../images/start/Quanly_Thue_TNCN_Khung_Tinh_Thue.png ) !important;
}

.icon-chucvu {
    background-image: url( ../images/start/Tochuc_Nhansu_Danhmuc_Chucvu.png ) !important;
}

.icon-dimension {
    background-image: url( ../images/start/Tochuc_Nhansu_Chitieu_Phantich.png ) !important;
}

.icon-dimension-config {
    background-image: url( ../images/start/Tochuc_Nhansu_Doituong_Dulieu.png ) !important;
}

.icon-phongban {
    background-image: url( ../images/start/Tochuc_Nhansu_Danhmuc_Donvi_Phongban.png ) !important;
}

.icon-cocautochuc {
    background-image: url( ../images/start/Tochuc_Nhansu_Cocau_Tochuc_Nhansu.png ) !important;
}

.icon-tochuc {
    background-image: url( ../images/start/TochucNhansu_Danhmuc_Chinhanh_Tochuc.png ) !important;
}

.icon-phanloai {
    background-image: url( ../images/start/Tochuc_Nhansu_Danhmuc_Phannhom_Nhansu.png ) !important;
}

.icon-hdphanloai {
    background-image: url( ../images/start/Quanly_HDDL_Phanloai_Hopdong.png ) !important;
}

.icon-danhmucdieukhoan {
    background-image: url( ../images/start/Tochuc_Nhansu_Dulieu_Nhansu_Bosung.png ) !important;
}

.icon-dieukhoanchucvu {
    background-image: url( ../images/start/Tochuc_Nhansu_Dulieu_Nhansu_Dieukhoan_Chucvu.png ) !important;
}

.icon-dieukhoannhanvien {
    background-image: url( ../images/start/Tochuc_Nhansu_Dulieu_Nhansu_Dieukhoan_Nhanvien.png ) !important;
}

.icon-loaicong {
    background-image: url( ../images/start/Quanly_Chamcong_Danhmuc_Loaicong.png ) !important;
}

.icon-lichlamviec {
    background-image: url( ../images/start/Quanly_Chamcong_Lichlamviec_Chuan.png ) !important;
}

.icon-danhmuc {
    background-image: url( ../images/start/Quanly_Danhmuc.png ) !important;
}

.icon-congtacphi {
    background-image: url( ../images/start/Quanly_Congtacphi.png ) !important;
}

.icon-lapnhanhhd {
    background-image: url( ../images/start/Quanly_HDLD_Lapnhanh_HDLD.png ) !important;
}

.icon-taikyhhd {
    background-image: url( ../images/start/Quanly_HDLD_Lapnhanh_HDLD.png ) !important;
}

.icon-lapnhanhgiahan {
    background-image: url( ../images/start/Quanly_HDLD_Lapnhanh_Giahan.png ) !important;
}

.icon-nhanvien {
    background-image: url( ../images/start/Tochuc_Nhansu_Hoso_Nhansu.png ) !important;
}

.icon-hopdong {
    background-image: url( ../images/start/Quanly_HDLD_Hopdong_Laodong.png ) !important;
}

.icon-chamcong {
    background-image: url( ../images/start/Quanly_Chamcong_Dulieu_Chamcong.png ) !important;
}

.icon-phuonganluong {
    background-image: url( ../images/start/Quanly_Luong_thietlap_Phuongan_Tinhluong.png ) !important;
}

.icon-bangluong {
    background-image: url( ../images/start/Quanly_Luong_Bangluong.png ) !important;
}

.icon-khoa-bangluong {
    background-image: url( ../images/start/Quanly_BHXH_Thietlap.png ) !important;
}

.icon-baocao {
    background-image: url( ../images/start/Baocao_Thongke.png ) !important;
}

.icon-printing-template {
    background-image: url( ../images/start/Device-Printer-icon.png ) !important;
}

.icon-activity-log {
    background-image: url( ../images/start/Quanly_BHXH_Thietlap.png ) !important;
}

.icon-meal {
    background-image: url( ../images/start/Quanly_Monan.png ) !important;
}

.icon-bhsk {
    background-image: url( ../images/start/Quanly_BHSK.png ) !important;
}

.icon-dangky-congviec {
    background-image: url( ../images/start/Quanly_Chamcong_Dangky_Congviec.png ) !important;
}

.icon-dangky-duan {
    background-image: url( ../images/start/Quanly_Chamcong_Dangky_Congviec.png ) !important;
}

.icon-xetduyet {
    background-image: url( ../images/start/Quanly_Pheduyet_Tailieu_Pheduyet.png ) !important;
}

.icon-khenthuong-kyluat {
    background-image: url( ../images/start/Quanly_khenthuong_kyluat.png ) !important;
}

.icon-danhgia {
    background-image: url( ../images/start/Quanly_Danhgia_Nhanvien.png ) !important;
}

.icon-phepthamnien {
    background-image: url( ../images/start/Quanly_phepthamnien.png ) !important;
}

.icon-dangky-nghiphep {
    background-image: url( ../images/start/Quanly_Chamcong_Dangky_Nghiphep.png ) !important;
}

.icon-thietlap-bhxh {
    background-image: url( ../images/start/Quanly_BHXH_Thietlap.png ) !important;
}

.icon-birthday {
    background-image: url( ../images/start/Gift-16.png ) !important;
}

.icon-passport {
    background-image: url( ../images/start/passport-16.png ) !important;
}

.icon-visa {
    background-image: url( ../images/start/visa-16.png ) !important;
}

.icon-so-bhxh {
    background-image: url( ../images/start/Quanly_BHXH_So.png ) !important;
}

.icon-bieumau-bhxh {
    background-image: url( ../images/start/Quanly_BHXH_Bieumau.png ) !important;
}

.icon-nghichinhsach-bhxh {
    background-image: url( ../images/start/Quanly_BHXH_Chinhsach.png ) !important;
}

.icon-user {
    background-image: url( ../images/start/Hethong_Quanly_Nguoidung.png ) !important;
}

.icon-quytac {
    background-image: url( ../images/start/Quanly_Pheduyet_Tailieu_Thietlap.png ) !important;
}

.icon-nguoitao {
    background-image: url( ../images/Quanly_Hoso_Nhanvien/them_hoso_nhanvien.png ) !important;
}

.icon-nguoiduyet {
    background-image: url( ../images/Quanly_Hoso_Nhanvien/khoa-nhanvien.png ) !important;
}

.icon-daotao {
    background-image: url( ../images/start/Quanly_DTTD_Huanluyen_Daotao.png ) !important;
}

.icon-congcu {
    background-image: url( ../images/start/quanly_congcu_16.png ) !important;
}

.icon-quyetdinh {
    background-image: url( ../images/start/quanly_quyetdinh_16.png ) !important;
}

.icon-tuyendung {
    background-image: url( ../images/start/quanly_tuyendung_16.png ) !important;
}

.icon-dashboard {
    background-image: url( ../images/start/dashboard.png ) !important;
}


.lich-lam-viec-chuan {
    background-image: url( ../images/Quanly_Chamcong/lich_lamviec_chuan.png ) !important;
}

.bogus {
    background-image: url( ..../images/bogus.png ) !important;
}

.select-employees {
    background-image: url(../images/Quanly_Hoso_Nhanvien/them-nhom-user.png) !important;
}

.icon-grid {
    background-image: url( ..../images/grid.png ) !important;
}

.icon-in {
    background-image: url( ../images/print.png ) !important;
}

.icon-expand-all {
    background-image: url( ../images/ochart-tree.png ) !important;
}

.icon-collapse-all {
    background-image: url( ../images/equals.png ) !important;
}

.icon-expand-all-emps {
    background-image: url( ../images/Tacvu_Chung/zoom-fit.png ) !important;
}

.icon-collapse-all-emps {
    background-image: url( ../images/Tacvu_Chung/zoom-origin.png ) !important;
}

.icon-email {
    background-image: url( ../images/sendmail.png ) !important;
}

.find {
    background-image: url(../images/find.png) !important;
}

.add {
    background-image: url(../images/Tacvu_Chung/add.png) !important;
}

.add-child {
    background-image: url(../images/Tacvu_Chung/add-child.png) !important;
}

.remove {
    background-image: url(../images/Tacvu_Chung/delete_remove.png) !important;
}

.generate {
    background-image: url(../images/Tacvu_Chung/generate.png) !important;
}

.move {
    background-image: url(../images/Tacvu_Chung/move.png) !important;
}

.calculate {
    background-image: url(../images/Tacvu_Chung/calculate.png) !important;
}

.validate {
    background-image: url(../images/Tacvu_Chung/commit.png) !important;
}

.history {
    background-image: url(../images/Tacvu_Chung/history.png) !important;
}

.approve {
    background-image: url(../images/Tacvu_Chung/accept.png) !important;
}

.not-approve {
    background-image: url(../images/Tacvu_Chung/cancel.png) !important;
}

.edit {
    background-image: url(../images/Tacvu_Chung/edit.png) !important;
}

.copy {
    background-image: url(../images/copy.png) !important;
}

.detail {
    background-image: url(../images/Tacvu_Chung/table-sheet.png) !important;
}

.move-up {
    background-image: url(../images/arrow_up_blue.png) !important;
    width: 25px !important;
    height: 25px !important;
}

.move-down {
    background-image: url(../images/arrow_down_blue.png) !important;
    width: 25px !important;
    height: 25px !important;
}

.move-left {
    background-image: url(../images/Tacvu_Chung/move-left.png) !important;
}

.move-right {
    background-image: url(../images/Tacvu_Chung/move-right.png) !important;
}

.finish {
    background-image: url(../images/Tacvu_Chung/commit.png) !important;
}

.re-calculate {
    background-image: url(../images/Tacvu_Chung/recalculator.png) !important;
}

.lock {
    background-image: url(../images/Tacvu_Chung/lock.png) !important;
}

.unlock {
    background-image: url(../images/Tacvu_Chung/unlock.png) !important;
}

.save {
    background-image: url(../images/Tacvu_Chung/disk_blue.png) !important;
}

.user {
    background-image: url( ../images/Tacvu_Chung/user.png ) !important;
}

.pdf {
    background-image: url(../images/Tacvu_Chung/Pdf-icon.png) !important;
}

.excel {
    background-image: url(../images/Tacvu_Chung/icon_excel.gif) !important;
}

.word {
    background-image: url(../images/Tacvu_Chung/icon_word.gif) !important;
}

.editreport {
    background-image: url(../images/Tacvu_Chung/report-edit-icon.png) !important;
}

.truncate-text {
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
}

.x-view-selector {
    position: absolute;
    border: 1px dotted #3399BB;
}

/*Upload files*/
.ux-mu-status-value {
    float: right;
    min-width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin: 0 3px 0 2px;
    cursor: pointer;
    overflow: hidden;
}

.icon-help {
    background-image: url(../images/Tacvu_Chung/help.png) !important;
}

/*
 * Action icons
 */
.ux-mu-icon-action-ok {
    background-image: url(../images/Tacvu_Chung/tick.png) !important;
}

.ux-mu-icon-action-upload {
    background-image: url(../images/Tacvu_Chung/arrow_up.png) !important;
}

.ux-mu-icon-action-abort {
    background-image: url(../images/Tacvu_Chung/cancel.png) !important;
}

.ux-mu-icon-action-remove {
    background-image: url(../images/Tacvu_Chung/delete_remove.png) !important;
}

.ux-mu-icon-action-browse {
    background-image: url(../images/Tacvu_Chung/folder.png) !important;
}

/*
 * Upload status icons
 */
.ux-mu-icon-upload-ready { /*
    background-image: url(../img/ready.png) !important;
    */
}

.ux-mu-icon-upload-uploading {
    background-image: url(../images/Tacvu_Chung/loading.gif) !important;
}

.ux-mu-icon-upload-uploaded {
    background-image: url(../images/Tacvu_Chung/accept.png) !important;
}

.ux-mu-icon-upload-uploaderror {
    background-image: url(../images/Tacvu_Chung/exclamation.png) !important;
}

/*
 * Box select
 */
.x-boxselect.x-form-text {
    height: auto;
    cursor: text;
    padding: 0;
    overflow-y: auto;
}

.x-boxselect ul.x-boxselect-list {
    padding: 1px 3px;
}

ul.x-boxselect-list.x-boxselect-singleselect {
    white-space: nowrap;
    overflow: hidden;
}

.x-boxselect-input, .x-boxselect-item {
    display: inline-block;
    position: relative;
    *display: inline; /* IE7 */
    zoom: 1; /* IE */
}

    .x-boxselect-input input, .x-boxselect-input div {
        border: none;
        background: none;
        line-height: 18px !important;
        height: 20px;
        width: 100%;
    }

.x-boxselect-emptyinput {
    display: none;
}

.x-boxselect-stacked .x-boxselect-item {
    display: block;
}

.x-boxselect-item {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    o-border-radius: 6px;
    khtml-border-radius: 6px;
    border: 1px solid #CAD8F3;
    padding: 0px 1px 0px 5px !important;
    margin: 1px 1px 1px 0;
    background-color: #DEE7F8;
    cursor: default;
}

.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
    background: #BBCEF1;
    border: 1px solid #6D95E0;
}

.x-field:not(.x-item-disabled) .x-boxselect-item.selected {
    border: 1px solid #316AD3 !important;
    background: #658FDC !important;
}

.x-boxselect-item-text {
    line-height: 16px;
    padding-right: 20px !important;
}

.x-boxselect-item-close {
    cursor: pointer;
}

.x-boxselect-hideselections .x-boundlist-selected {
    display: none;
}

/*
    Query builder
*/
.query-builder, .query-builder * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.query-builder {
    font-family: sans-serif;
}

    .query-builder .hide {
        display: none;
    }

    .query-builder .pull-right {
        float: right !important;
    }

    .query-builder .btn {
        text-transform: none;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

        .query-builder .btn.focus, .query-builder .btn:focus, .query-builder .btn:hover {
            color: #333;
            text-decoration: none;
        }

        .query-builder .btn.active, .query-builder .btn:active {
            background-image: none;
            outline: 0px none;
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset;
        }

    .query-builder .btn-success {
        color: #FFF;
        background-color: #5CB85C;
        border-color: #4CAE4C;
    }

    .query-builder .btn-primary {
        color: #FFF;
        background-color: #337AB7;
        border-color: #2E6DA4;
    }

    .query-builder .btn-danger {
        color: #FFF;
        background-color: #D9534F;
        border-color: #D43F3A;
    }

    .query-builder .btn-success.active, .query-builder .btn-success.focus,
    .query-builder .btn-success:active, .query-builder .btn-success:focus,
    .query-builder .btn-success:hover {
        color: #FFF;
        background-color: #449D44;
        border-color: #398439;
    }

    .query-builder .btn-primary.active, .query-builder .btn-primary.focus,
    .query-builder .btn-primary:active, .query-builder .btn-primary:focus,
    .query-builder .btn-primary:hover {
        color: #FFF;
        background-color: #286090;
        border-color: #204D74;
    }

    .query-builder .btn-danger.active, .query-builder .btn-danger.focus,
    .query-builder .btn-danger:active, .query-builder .btn-danger:focus,
    .query-builder .btn-danger:hover {
        color: #FFF;
        background-color: #C9302C;
        border-color: #AC2925;
    }

    .query-builder .btn-group {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

        .query-builder .btn-group > .btn {
            position: relative;
            float: left;
        }

            .query-builder .btn-group > .btn:first-child {
                margin-left: 0px;
            }

                .query-builder .btn-group > .btn:first-child:not(:last-child) {
                    border-top-right-radius: 0px;
                    border-bottom-right-radius: 0px;
                }

            .query-builder .btn-group > .btn:last-child:not(:first-child) {
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px;
            }

        .query-builder .btn-group .btn + .btn, .query-builder .btn-group .btn + .btn-group,
        .query-builder .btn-group .btn-group + .btn, .query-builder .btn-group .btn-group + .btn-group {
            margin-left: -1px;
        }

    .query-builder .btn-xs, .query-builder .btn-group-xs > .btn {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-display-field, .x-item-disabled .x-form-cb-label, .x-item-disabled .x-form-trigger {
    filter: alpha(opacity=30);
    opacity: .5 !important;
}