.x-treelist {
    background-position: 22px 0%;
    overflow: hidden;
    padding: 0 0 0 0;
}

.x-treelist-container, .x-treelist-root-container {
    width: 100%;
}

.x-treelist-toolstrip {
    display: none;
}

.x-treelist-micro > .x-treelist-toolstrip {
    display: inline-block;
}

.x-treelist-micro > .x-treelist-root-container {
    display: none;
}

.x-treelist-item, .x-treelist-container, .x-treelist-root-container {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}

.x-treelist-item-tool, .x-treelist-row, .x-treelist-item-wrap {
    position: relative;
}

.x-treelist-item-icon, .x-treelist-item-expander {
    display: none;    
    position: absolute;
    top: 0;
}

.x-treelist-item-expander {
    right: 0;
    cursor: pointer;
}

.x-treelist-expander-only .x-treelist-item-expandable > * > .x-treelist-item-wrap > * {
    cursor: pointer;
}

.x-treelist-item-text {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.x-treelist-item-collapsed > .x-treelist-container {
    display: none;
}

.x-treelist-item-expandable > * > * > .x-treelist-item-expander, .x-treelist-item-icon {
    display: block;
}

.x-treelist-item-floated > * > * > .x-treelist-item-expander, .x-treelist-item-floated > * > * > .x-treelist-item-icon {
    display: none;
}

.x-treelist-expander-first .x-treelist-item-expander {
    left: 0;
    right: auto;
}

.x-treelist-toolstrip {
    background-color: #fafafa;
    background-color: var(--background-color);
}

.x-treelist-item-tool {
    padding-left: 16px;
    padding-left: var(--content-padding);
    padding-right: 16px;
    padding-right: var(--content-padding);
}

    .x-treelist-item-icon:before, .x-treelist-item-tool:before, .x-treelist-item-expander {
        line-height: 24px;
    }

.x-big .x-treelist-item-icon:before, .x-big .x-treelist-item-tool:before, .x-big .x-treelist-item-expander {
    line-height: 32px;
}

.x-treelist-item-icon, .x-treelist-item-tool, .x-treelist-item-expander {
    text-align: center;    
    background-repeat: no-repeat;
    background-position: 0 center;
}

.x-treelist-item-loading .x-treelist-item-icon {
    background-image: url(images/tree/loading.gif);
    color: transparent;
}

.x-treelist-item-icon, .x-treelist-item-tool {
    color: #111;
    color: var(--color);
    font-size: 18px;
    width: 22px;
}

.x-treelist-item-tool {
    width: 54px;
}

.x-treelist-item-expander {
    color: #111;
    color: var(--color);
    font-size: 16px;
    width: 16px;
}

.x-big .x-treelist-item-expander {
    font-size: 24px;
}

.x-big .x-treelist-item-expander {
    width: 24px;
}

.x-treelist-item-expander:after {
    content: "\f0da";
font: 12px/1 FontAwesome;
}

.x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
    content: "\f0d7";
font: 12px/1 FontAwesome;
}

.x-treelist-item-text {
    color: #111;
    color: var(--color);
    margin-left: 38px;
    margin-right: 16px;
    font-size: 14px;
    line-height: 24px;
    text-overflow: ellipsis;
}

.x-big .x-treelist-item-text {
    line-height: 32px;
    margin-right: 24px;
}

.x-treelist-row {
    padding-left: 16px;
    padding-left: var(--content-padding);
    padding-right: 16px;
    padding-right: var(--content-padding);
}

.x-treelist-item-floated .x-treelist-container {
    width: auto;
}

.x-treelist-item-floated > .x-treelist-row {
    background-color: #fafafa;
    background-color: var(--background-color);
}

.x-treelist-item-floated > .x-treelist-container {
    margin-left: -16px;
}

.x-big .x-treelist-item-floated > .x-treelist-container {
    margin-left: -16px;
}

.x-treelist-item-floated > * > * > .x-treelist-item-text {
    margin-left: 0;
}

.x-treelist-item-floated > * .x-treelist-row {
    cursor: pointer;
    padding-left: 0;
}

.x-treelist-item-floated .x-treelist-row:before {
    width: 0;
}

.x-treelist-item-floated > .x-treelist-row-over {
    background-color: #fafafa;
    background-color: var(--background-color);
}

    .x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
        color: #111;
        color: var(--color);
    }

.x-treelist-item-expanded > .x-treelist-item-expander:after {
    content: "\f0d7";
 font: 12px/1 FontAwesome;
}

.x-treelist-item-collapsed > * > .x-treelist-item-expander:after {
    content: "\f0da";
 font: 12px/1 FontAwesome;
}

.x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-icon {
    color: #5fa2dd;
 
    transition: color 0.5s;
}

.x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-text {
    color: #5fa2dd;
  
    transition: color 0.5s;
}

.x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-expander {
    color: #5fa2dd;
    transition: color 0.5s;
}

.x-treelist-row-over {
    background-color: rgba(0, 0, 0, 0.03);
    background-color: var(--overlay-color);
}

    .x-treelist-row-over > * > .x-treelist-item-icon {
        color: #111;
        color: var(--color);
        transition: color 0.5s;
    }

    .x-treelist-row-over > * > .x-treelist-item-text {
        color: #111;
        color: var(--color);
        transition: color 0.5s;
    }

    .x-treelist-row-over > * > .x-treelist-item-expander {
        color: #111;
        color: var(--color);
        transition: color 0.5s;
    }

.x-treelist-expander-first .x-treelist-item-icon {
    left: 16px;
}

.x-big .x-treelist-expander-first .x-treelist-item-icon {
    left: 24px;
}

.x-treelist-expander-first .x-treelist-item-text {
    margin-left: 54px;
    margin-right: 0;
}

.x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
    margin-left: 24px;
}

.x-big .x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
    margin-left: 32px;
}

.x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
    margin-left: 8px;
}

.x-treelist-nav {
    background-color: #fafafa;
    background-color: var(--background-color);
    background-position: 24px 0%;
    padding: 0 0 0 0;
}

    .x-treelist-nav .x-treelist-toolstrip {
        background-color: #fafafa;
        background-color: var(--background-color);
    }

    .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
        color: #111;
        color: var(--color);
        background-color: #d4d4d4;
    }

        .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool:after {
            height: 44px;
            position: absolute;
            top: 0;
            left: 0;
            content: " ";
            width: 4px;
            background-color: #ff9800;
            background-color: var(--accent-color);
        }

    .x-treelist-nav .x-treelist-item-selected > .x-treelist-row {
        background-color: #e1e1e1;
    }

    .x-treelist-nav .x-treelist-item-tool {
        padding-left: 16px;
        padding-left: var(--content-padding);
        padding-right: 16px;
        padding-right: var(--content-padding);
    }

    .x-treelist-nav .x-treelist-item-tool-floated:after {
        height: 44px;
        position: absolute;
        top: 0;
        left: 0;
        content: " ";
        width: 4px;
        background-color: #ffe0b2;
        background-color: var(--accent-light-color);
    }

    .x-treelist-nav .x-treelist-item-icon:before, .x-treelist-nav .x-treelist-item-tool:before, .x-treelist-nav .x-treelist-item-expander {
        line-height: 44px;
    }

    .x-treelist-nav .x-treelist-item-icon, .x-treelist-nav .x-treelist-item-tool, .x-treelist-nav .x-treelist-item-expander {
        text-align: center;
        background-repeat: no-repeat;
        background-position: 0 center;
    }

    .x-treelist-nav .x-treelist-item-loading .x-treelist-item-icon {
        background-image: url(images/tree/loading.gif);
        color: transparent;
    }

    .x-treelist-nav .x-treelist-item-icon, .x-treelist-nav .x-treelist-item-tool {
        color: #515151;
        font-size: 18px;
        width: 24px;
    }

    .x-treelist-nav .x-treelist-item-tool {
        width: 56px;
    }

    .x-treelist-nav .x-treelist-item-expander {
        color: #5e5e5e;
        font-size: 22px;
        width: 24px;
    }

        .x-treelist-nav .x-treelist-item-expander:after {
            content: "\f0da";
            font: 12px/1 FontAwesome;
        }

    .x-treelist-nav .x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
        content: "\f0d7";
        font: 12px/1 FontAwesome;
    }

    .x-treelist-nav .x-treelist-item-text {
        color: #7f7f7f;
        /*color: var(--color);*/
        margin-left: 40px;
        margin-right: 24px;
        font-size: 14px;
        line-height: 44px;
    }

    .x-treelist-nav .x-treelist-row {
        padding-left: 16px;
        padding-left: var(--content-padding);
        padding-right: 16px;
        padding-right: var(--content-padding);
    }

    .x-treelist-nav .x-treelist-row-over:before, .x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
        content: " ";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
    }

    .x-treelist-nav .x-treelist-row-over:before {
        /*background-color: #ffe0b2;
        background-color: var(--accent-light-color);*/
        background-color: #5fa2dd;
    }

    .x-treelist-nav .x-treelist-item-selected > .x-treelist-row-over:before {
        background-color: #ff9800;
        background-color: var(--accent-color);
    }

    .x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
        background-color: #ff9800;
        background-color: var(--accent-color);        
    }

    .x-treelist-nav .x-treelist-item-floated .x-treelist-container {
        width: auto;        
    }

    .x-treelist-nav .x-treelist-item-floated > .x-treelist-row {
        background-color: #fafafa;        
        background-color: var(--background-color);
    }

    .x-treelist-nav .x-treelist-item-floated > .x-treelist-container {
        margin-left: -16px;
        width:400px;
    }

.x-big .x-treelist-nav .x-treelist-item-floated > .x-treelist-container {
    margin-left: -16px;  
}

.x-treelist-nav .x-treelist-item-floated > * > * > .x-treelist-item-text {
    margin-left: 0px;
    background-color: #5fa2dd;
    color :#ffffff;
    width:200px
}

.x-treelist-nav .x-treelist-item-floated > * .x-treelist-row {
    cursor: pointer;
    padding-left: 0;    
}

.x-treelist-nav .x-treelist-item-floated .x-treelist-row:before {
    width: 0;     
}

.x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over {
    background-color: #fafafa;
    background-color: var(--background-color);
}

    .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
        color: #111;        
        color: var(--color);
    }

.x-treelist-nav .x-treelist-item-expanded {
    background-color: #eee;
}

    .x-treelist-nav .x-treelist-item-expanded > .x-treelist-item-expander:after {
      content: "\f0da";
        font: 12px/1 FontAwesome;
    }

.x-treelist-nav .x-treelist-item-collapsed > * > .x-treelist-item-expander:after {
content: "\f0d7";
        font: 12px/1 FontAwesome;
}

.x-treelist-nav .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-icon {
    color: #515151;
    transition: none;
}

.x-treelist-nav .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-text {
    color: #111;
    color: var(--color);
    transition: none;
}

.x-treelist-nav .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-expander {
    color: #111;
    color: var(--color);
    transition: none;
}

.x-treelist-nav .x-treelist-row-over {
    background-color: #e1e1e1;
    transition: all 450ms cubic-bezier(0.23,1,0.32,1) 0ms;
}

    .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-icon {
        color: #515151;
        transition: none;
    }

    .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text {
        color: #111;
        color: var(--color);
        transition: none;
    }

    .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-expander {
        color: #111;
        color: var(--color);
        transition: none;
    }

.x-treelist-nav .x-treelist-expander-first .x-treelist-item-icon {
    left: 24px;
}

.x-treelist-nav .x-treelist-expander-first .x-treelist-item-text {
    margin-left: 64px;
    margin-right: 0;
}

.x-treelist-nav .x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
    margin-left: 32px;
}

.x-treelist-nav .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
    margin-left: 8px;
}



 /*other elemens*/


.loginbody {
background-image: url("resources/images/linked.jpg");            
background-repeat:no-repeat;            
background-size:cover;
background-position: center center;
}
.transparent-panel {
background-color: transparent;
}
.loginpanel {
background-color:#ffffff;             
}
.footerlabel {
color:#E5E8E9;
}
.welcome-label {
color: #5fa2dd; 
font-size: 20px;
font-weight: 500;    
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.login-panel-top{
background: #000;	
z-index: 9999;	
}

.panel-gray{
background: #f6f6f6;	
z-index: 9999;	
}
    .panel-footer {
        background: #2e2d2b;
    }
    .panel-info {
        background: #5FA2DD;
        background-image: url("resources/images/homebg2.jpg");    
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .lblwelcome{
        color:#fff;
         font-size:x-large;       
         font-weight:300;
    }
    .lblwelcomebody{
        color:#fff;
         font-size:large;       
    }

    .top-navigationx{color:#bccfe1;width:100%;background-color:#5FA2DD;height:50px;position:relative}
    .logo-containerx{height:50px;float:left;background-color:#5FA2DD}



     .my-collapsible-panel .x-panel-header {
            cursor: pointer;
        }


        .mpanel-background {
            background-color: #ffffff;
            font-family:Arial;
            font-size:12px;                        
        }