.group-panel-icon {
    height: 32px !important;
    width: 32px !important;
}

.tree-parent-icon {
    height: 32px !important;
    width: 32px !important;
}

.tree-node-parent span{
    font-size: 12px !important;
    font-weight: normal;
    line-height:24px !important;
}

.cboCompany-list {
    width : 400px !important;
    font  : 11px tahoma,arial,helvetica,sans-serif;
}
        
.cboCompany-list th {
    font-weight : bold;
}
        
.cboCompany-list, .cboCompany-list th {
    padding : 3px;
    text-align:left !important;
}

.x-boundlist-item {
    cursor : pointer;
}

.groupFieldLogin
{
    margin:0 0 0 20px;
}

#pnlTop-body, #menuTop-body{
    background-color:#5eb6ff;
}

#menuTop.x-menu-default{
    border:none !important;
}

#menuTop .x-menu-item-default.x-menu-item-separator{
    width:1px !important;
    border:none;
    background-color:#8fc7ff;
}

#menuTop .x-menu-item-default:hover{
    background-color:#50a0e3 !important;
    color:white !important;
}
#menuTop .x-menu-item-default.x-menu-item-active{
    background-color:#50a0e3 !important;
    color:white !important;
}

#menuTop .x-menu-item-text-default{
    padding-left:20px;
    padding-right:20px;
    color: #f5faff;
    margin-left:0px;
    font-size:14px;
    text-transform:uppercase;
    line-height: 30px;
}

#lblLogo{
    font-size: 28px;
    color: #f0f8fd;
    line-height: 30px;
    margin-left: 10px;
    font-weight: bold;
}


#btnNotify{
    margin-top: 3px;
    border: none;
    border-radius: 10px;
    /*background-color: #5eb6ff;*/
    margin-right:10px;
}
#btnNotify:hover{
    background-color: #5eb6ff;
}
#btnNotify-btnIconEl{
    background-size:20px 20px;
    width:20px;
    height:20px;
}


#btnProfile{
    margin-top: 3px;
    border: none;
    border-radius: 10px;
    /*background-color: #5eb6ff;*/
    margin-right:10px;
}
#btnProfile:hover{
    background-color: #5eb6ff;
}
#btnProfile-btnIconEl{
    background-size:20px 20px;
    width:20px;
    height:20px;

}

/*bỏ border khi focus*/
.x-btn-focus.x-btn-default-small{
    border: none !important;
    box-shadow:none !important;
}

#btnProfile-btnEl{
    padding-right:0px !important;
    height:20px;
    width:20px;
}
#btnNotify-btnEl{
    padding-right:0px !important;
    height:20px;
    width:20px;
}

.x-btn-wrap-default-small.x-btn-arrow-right:after{
    width:0px !important;
    padding-right: 0px;
}

.x-menu-item-text-default.x-menu-item-indent-no-separator{
    margin-left:5px;
}

#menuProfile .x-menu-item i.fa-lg{
    width:30px !important;
}

#pnlSearch-body{
    background-color:#f5f5f5;
    padding-right: 5px;
}

#pnlSearch{
    border-right: 1px solid #e9e9e9;
}

#cboSearch{
    margin:5px 15px 0px 10px;
}

#btnCollapse{
    background-image: url("images/tool_sprites.png");
    background-position: 0 -192px;
}

#btnCollapse.x-btn-default-small{
    background-color: #f5f5f5 !important;
    border:none;
    margin-top:8px;
}

.x-tree-icon{
    width:0px;
}

#winAbout-body{
    background-color:#f5faff;
}

#winLock-body{
    background-color:white;
}
.x-mask{
   background-color: rgba(57, 57, 57, 0.48);
}



#btnTopCollapse{
    margin-top: 2px;
    border: none;
    border-radius: 10px;
    background-color: #5eb6ff;
}
#btnTopCollapse:hover{
    background-color: #50a0e3;
}

.mobile-search #pnlSearch-body{
    background-color: #325f85;
}

.mobile-search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #79afdd;
}
.mobile-search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #79afdd;
    opacity:  1;
}
.mobile-search ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #79afdd;
    opacity:  1;
}
.mobile-search :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #79afdd;
}
.mobile-search #cboSearch-inputEl{
    background-color: #325f85;
    color:#79afdd;
}
.mobile-search #cboSearch-triggerWrap{
    border: none;
    border-bottom: 1px solid #79afdd;
}
#pnlTreeScreenMobile-body{
    border: 1px solid #325f85 !important;
}
#pnlTreeScreenMobile-body .x-tree-no-lines .x-tree-expander{
     width:0px;
 }

#pnlTreeScreenMobile-body .x-grid-tree-node-expanded .x-tree-expander:before{
    width: 50px;
    /* text-align: center; */
    display: inline;
    font-size: 14px;
    line-height: 35px;
    font-family: FontAwesome;
    height: auto;
    content: "\f107 " !important;
    font-weight: 300;
    text-shadow: none;
    /* margin-right: 20px; */
    margin-left: 2px;
    /* display: block; */
 }

 #pnlTreeScreenMobile-body .x-tree-no-lines .x-tree-expander:before{
    width: 50px;
    /* text-align: center; */
    display: inline;
    font-size: 14px;
    line-height: 35px;
    font-family: FontAwesome;
    height: auto;
    content: "\f105 ";
    font-weight: 300;
    text-shadow: none;
    /* margin-right: 20px; */
    margin-left: 2px;
    /* display: block; */
 }
 #pnlTreeScreenMobile-body div + span{
     padding-left:15px;
 }
#pnlTreeScreenMobile-body tr.x-grid-row {
    background-color: #325f85;
    color: #edf7ff;
    font-size: 14px;
    height: 30px;
}

#pnlTreeScreenMobile-body .x-tree-elbow, #pnlTreeScreenMobile-body .x-tree-elbow-end{
    width:0px;
}

#pnlTreeScreenMobile-body .x-grid-item {
    border-bottom: 1px solid #4276a2;
    line-height: 24px !important;
}
#pnlTreeScreenMobile-body .x-grid-item-focused {
    color: #edf7ff;
}

#pnlTreeScreenMobile-body .x-grid-item-focused .x-grid-cell-inner:before  
{     
      display: none; 
}
#pnlTreeScreenMobile-body .x-grid-body{
      background-color: #325f85;
}

.x-badge-small{
    box-shadow:none !important;
    background-color:none !important;
}
.x-badge {
    background: none !important;
    border: none;
}


#callNotify-body{
    padding:0px;
}
#callNotify-body li{
    padding-top:10px;
    padding-bottom:10px;
    list-style: none;
    line-height: 24px;
    border-bottom:1px solid #c7c7c7;
    min-height:40px;
    padding-left:10px;
    padding-right:10px;
}
#callNotify-body li:last-child{
    border-bottom:none;
}
#callNotify-body ul{
    padding:0px;
    margin:0px;
}
#callNotify-headerText{
    color: #4d9ee1;
}
.notify-right{
    margin-left:10px;
    margin-right:10px;
    float:right;   
   
}
.notify-time{
    background-color: #f0f0f0;
    color: #6d6d6d;
    padding:2px 5px 2px 5px;
    line-height:16px;
    font-size:10px;
}
.notify-content{
    color: #6d6d6d;
    text-align:center;
    line-height:16px;
    font-size:10px;
}
.notify-view{
    background-color: #f0f0f0;
    color: #6d6d6d;
    padding:2px 5px 2px 5px;
    line-height:16px;
    font-size:10px;
    margin-left:5px;
    text-decoration:none;
}

.notify-icon{
    background-color:#659be0;
    color:white;
    width:24px;
    height:24px;
    margin-right:10px;
    display:inline-block;
    text-align:center;
    line-height:24px;
    
}

.notify-icon-info{
    background-color:#659be0;
}
.notify-icon-warning{
    background-color:#F1C40F;
}
.notify-icon-error{
    background-color:#ed6b75;
}
#callNotify-body li:hover{
     background-color: #f8f8f8;
}

.x-view-item-focused{
    border:none !important;
    outline: 0 !important;
}

.x-callout{
    overflow:auto;
}