.x-menu-item-icon {
    background-position: center center;
    height: 16px !important;
    left: 3px;
    top: 5px;
    width: 16px !important;
}
.horizontal-menu .x-box-inner {
    background: none repeat scroll 0 0 #DDDDDD;
}
.menu-cls {
    background: none repeat scroll 0 0 #F2F2F2;
}
    .menu-cls .x-panel-body-default {
        background: none;
    }
    .left.action-title {
    font-size: 15px;
    font-weight: bold;
    width: 260px;
}
    
.button {
        background: none repeat scroll 0 0 #0589C7;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: helvetica;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
}
.link-focus{
    background: none repeat scroll 0 0 #E49D01;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: helvetica;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 175px;
    padding: 7px 10px;
    text-align: left;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
    width: 175px;
}

.link-focus:hover{
    background: none repeat scroll 0 0 #E49D01;
    color: #f2f2f2;
}

.button:hover {
    background-color: #045D87;
    color: #FFFFFF;
}

.header {
    padding-top: 10px;
}
.header .ic-action-title {    
    background: url("../Staff/images/logo.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    height: 40px;
    margin-left: 10px;
    width: 40px;
}
.header .title {
    font-family: Tahoma;
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
}
.none-border .x-menu {
    border: medium none;
}
.tab-none-background .x-tab-bar-default {
    background: none;
}
.cus-border-grid.x-panel-default-framed {
    border-color: #ADD2ED;
    padding: 0;
}

.attach-border-grid {
    border-color: #ADD2ED;
    padding: 0;
    
}

.footer .x-panel-body-default {
    background: none repeat scroll 0 0 #256C95;
}
.header-block-menu .x-box-inner {
    height: 7px !important;
}
.x-splitter {
    background: #f2f2f2;
}
.button-action-lable {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: none;
    clear: both;
    color: #000000 !important;
    overflow: hidden;
    padding: 5px;
}
.button-action-lable .x-btn-inner {
        background: url("../Staff/images/action.gif") no-repeat scroll right 5px rgba(0, 0, 0, 0);
    color: #3892D3 !important;
    font-family: helvetica,arial,verdana,sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 25px;
    padding-right: 20px !important;
    text-transform: uppercase;
}

.x-fieldset-header-text {
    color: #3892D3;
    font: bold 13px/16px bold helvetica,arial,verdana,sans-serif;
    padding: 1px 0;
}

.button-action-header {
    margin-bottom: 10px !important;
}
.button-action-header .x-panel-body-default {
    border-bottom: 1px solid #EEEEEE !important;
}
.mnuPopup {
    width: 250px !important;
    padding: 10px 0px !important;
}
.button-action-header .x-btn-button {
    height: 25px !important;
}

.x-field-indicator {
    height: 18px !important;
}
.cell-imagecommand {
    height: 16px !important;
}
.blue {
    background: #add2ed;
}
.fb {
    font-weight: bold;
}
.pd5 {
    padding: 5px;
}
.tree-body-custom {
    border: 0px;
}
.tree-custom {
    overflow-x: scroll;
    overflow-y: hidden;
}
.main-node .x-tree-node-text {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
.sub-node .x-tree-node-text {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}

.bg-blue {
    background: #EFF9FE;
}
.selected .x-menu-item-text{
    font-weight: bold;
    color: #F0AD4E ;
}


.main-dashboard {
    margin-top: 25px;
    margin-bottom: 18px;
    margin-left: 18px;
}
.action-list {
    margin: 0px !important;   
}
.action-list > li {
    border: 1px solid #EEEEEE;
    display: block;
    float: left;
    height: 125px;
    margin-bottom: 25px;
    margin-right: 25px;
    width: 160px;

}

.action-list > li a {
    text-decoration: none;  
        cursor: pointer;
}

.ic_Industry {
    background: url("../Staff/images/lvuc_nnghe.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}


.action-list > li a h3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    font-size: 14px;
    padding-top: 85px;
    text-align: center;
    text-decoration: none !important;
    margin: 0px;
}



.ic_Priority {
    background: url("../Staff/images/dokhan.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_SecretLevel {
    background: url("../Staff/images/domat.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_DocType {
    background: url("../Staff/images/loaivanban.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_DocStatus {
    background: url("../Staff/images/trangthai.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_ProcessType {
    background: url("../Staff/images/loaixuly.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_IssuedOrgGroup {
    background: url("../Staff/images/capgui.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_IssuedOrg {
    background: url("../Staff/images/donvigui.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_Signer {
    background: url("../Staff/images/nguoiky.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_DocBookType {
    background: url("../Staff/images/loaisovanban.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_DocBook {
    background: url("../Staff/images/sovanban.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_Profile {
    background: url("../Staff/images/cauhinh.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}

.ic_Permission {
    background: url("../Staff/images/phanquyen.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px; 
}


.lbtitle {
    display: block;
    float: left;
    width: 123px;
}
.lbwidth {
    display: block;
    float: left;
    width: 163px;
}

.tooltip-cus {    
    background: none repeat scroll 0 0 #247ebf;
    border: 1px solid #1771b2 !important;
    border-radius: 3px;
    color: #ffffff;
    padding: 5px 10px;
    position: relative;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
.tooltip-main-cus.x-tip-default {
    background: none;
    border-radius: 0px;
    border-style: none;
    border-width: 0px;
    padding: 2px;
}

.fixPadding .x-form-text {
    padding: 0px 0px 0px 20px !important;
}


.icon-combo-item {
    background-repeat   : no-repeat !important;
    background-position : 3px 50% !important;
    padding-left        : 24px !important;
}

.list-item {
    font-size: 11px;
    padding: 0px;    
    border-top: solid 1px #ddd;
}
.list-item h3{
    font-size: 13px;
    line-height: 13px !important;
    margin: 0px;
    padding: 10px 0 0 0px;
}

.unread .strong {
    font-weight: bold;
}


.x-border-layout-ct {
    background-color: #F2F2F2;
}
.task-completed .x-grid-cell-inner {
    color: gray;
    text-decoration: line-through;
}

.task-expried .text-content .x-grid-cell-inner {
    color: #d9534f !important;
}
.unread .text-content .x-grid-cell-inner {
    color: #444;
    font-weight: bold;
}
.x-grid-cell-inner {
    color: #666;
    font-weight: normal;
}
.read .x-grid-cell-inner {
    color: #444;
    font-weight: normal;
}
.read {
    background: #f4f4f4;
}
.green .x-grid-cell-inner {
    color: green;
}
.mnu-selected {
        background-color: #f0ad4e !important;
    background-image: -moz-linear-gradient(center top , #f1b55f, #f0ad4e 50%, #e4a44a 51%, #f0ad4e);
    border-radius: 3px;
}
.x-html-editor-wrap,.editor,.editor-component,.editor-base,.body-base {
    border: solid 1px #ddd !important;
}









.comment-item {
    clear: both;
    float: left;
    overflow: hidden;
    width: 100%;
    border-top: 1px dashed #ddd;
    padding: 10px 0;
}
.comment-item.level0 {
    
} 

.comment-item.level1 {
    margin-left: 80px;
} 

.comment-item.level2 {
    margin-left: 160px;
} 

.comment-item.level3 {
    margin-left: 240px;
} 

.comment-item.level4 {
    margin-left: 320px;
} 

.comment-item.level5 {
    margin-left: 400px;
} 

.comment-item.level6 {
    margin-left: 480px;
} 

.comment-item.level7 {
    margin-left: 560px;
} 

.comment-item.level8 {
    margin-left: 640px;
} 

.comment-item.level9 {
    margin-left: 720px;
} 

.comment-item.level10 {
    margin-left: 800px;
} 
.avatar,.avatar img {
    float: left;
    height: 60px;
    margin-right: 10px;
    overflow: hidden;
    width: 60px;
}


.username label {
    color: #444;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
}

.date span {
    color: #878988;
    font-size: 13px;
    float: left;
}


.comment-item .content {
    overflow: hidden;    color: #333;
    font-size: 13px;
    line-height: 22px !important;
    padding: 0;
    margin: 5px 0px;
}

.content-p1 {
    width: 90%;
    
}

.username {
    clear: both;
    overflow: hidden;
}
.reply-action,.edit-action{    
    color: #666;
    cursor: pointer;
    float: left;
    font-size: 12px;
    padding-right: 10px;
}
.reply-action a ,.edit-action a{
        color: #3581e0;
    text-decoration: none;
    }

.meta div.reply-button,.meta div.edit-button,.meta div.delete-button {
    display: inline;
    margin-right: 10px;
}
.meta .edit-button a ,.meta .reply-button a,.meta .delete-button a {
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle !important;
    color: #1771B2;
}
.h26 .x-box-inner {
    height: 26px !important;
}
.lbl .x-label-value {
    color: #1771b2;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    vertical-align: bottom;
}
.lbl.count .x-label-value {
    padding: 0px 5px 0 0;
} 

.lbl .x-label-icon {
    margin-top: 5px;
}
.chart-title {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 480px;
}

/*CSS Danh sach Sinh nhat Trang chu*/


.Main {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    height: 520px;
    overflow-y: scroll;
}

.header {
    border-bottom: 1px solid #E9E9E9;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
}


.header-left {
    color: #1771B2;
    font-size: 18px;
    font-weight: bold;
}


.header-right {
    background: none repeat scroll 0 0 #FF0000;
    border-radius: 50%;
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    width: 30px;
}

.info {
    margin-left: 70px;
}

ul li.StaffItem {
    border-bottom: 1px solid #F1F1F1;
    clear: both;
    list-style: none outside none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 0 10px;
}

ul li.StaffItem .avatar {
    float: left;
    height: 60px;
    margin-right: 10px;
    overflow: hidden;
    width: 60px;    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

ul li.StaffItem a.StaffName {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

ul.Staff 
{
    list-style: none;
}
.Span-OrgName {
    display: block;
    color: #878787;
    font-size: 11px;
    padding-top: 5px;
}

.Span-DeptName {
    display: block;
    color: #878787;
    font-size: 12px;
    padding-top: 5px;
}

.x-border-layout-ct {
    background-color: #F2F2F2;
}
.italic {
    font-style: italic;
}
.right {
    float: right;    
    text-align: right;
}

.selected .x-menu-item-text {
    color: #f0ad4e;
    font-weight: bold;
}

span.focus {
    background: none repeat scroll 0 0 red;
    border-radius: 8px;
    color: #fff;
    font-size: 11px;
    margin-left: 7px;
    padding: 4px;
}
.RadioB .x-form-cb-label.x-form-cb-label-after  {
    width: 53px;
}