/* ------ Login.css */


#DDMS_LoginScreen
{
    background-attachment: fixed;
    background-color: #1e5aa0;
    background-image: url(".././ES/?loginImageName=ES6 Beta Theme - Official DALIM SOFTWARE_LOGIN_BG_IMAGE&ts=1568106844134");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

#allLoginGrp
{
    border:1px solid #b1b1b1 !important;
    border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 8px;    
    background-color: #ffffff;    
    opacity: 0.88;    
    -ms-filter: "alpha(opacity=88)";
    width: 380px;
}

#bodyLogin
{
    justify-content: center;
    align-items: center;
}
#loginContainer
{
    margin-top: 2vh;
    margin-bottom: 2vh;
    margin-left: 2vw;
    margin-right: 2vw;
}
#allLoginGrp .x-panel-body
{
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.x-panel-tl 
{
    border-bottom:0px;
}

#orgUnitLogoGrp {
    padding: 10px 0;
}

#orgUnitLogoGrp td {
    height: 125px;
    width: 300px;
    background-image : url("./ES/?loginImageName=ES6 Beta Theme - Official DALIM SOFTWARE_LOGIN_LOGO&ts=1568106844135")
}

#orgUnitLogo {
    max-width: 380px;
    max-height: 80px;
}

#loginIcon {
    width: 100px;    
}

#esLogoGrp {
    padding: 10px 0;    
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;    
}

#esLogo {
    background-image: url("../images/ES_designed_black.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 250px;
    height: 90px;
}




.x-panel-br {
    padding-right: 0px;
    float: right;
}

.x-panel-btns{
    padding-right: 0px;
}

#ESPRiT_TestRequirements_Group {
    float: right;
}

.x-panel-mc .x-panel-body {
    border-bottom: none !important;
    border-top: none !important;
}

#loginDiv{
    word-wrap: break-word;
}

#pNoScript
{
    height: 50px;
    width: 300px;
    background-color: rgba(0,0,0,0.4);
    border-style:solid;
     border-color: rgba(0,0,0,0.8);
    border-width: 1px;
    margin: auto;
    text-align: center;
      line-height:50px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;    
    color : white;
}
/* ------ PRJ.css */


.x-pageContainer-div {
    width:100%;
    display:inline;
}




/* number */
.x-pagelayout-left {
    float:left;
    font-size:9px;
    font-weight:bold
    }
    
.x-pagelayout-right {
    float:right;
    font-size:9px;
    font-weight:bold
    }
.x-pagelayout-center {
    float:right;
    left:-50%;
    position:relative
    }



/* bandeau*/

.statusTD {
   overflow:hidden;
   height:14px;
}
.PRJCategoryDiv {
   height:14px;
}
.PRJSectionDiv {
   height:14px;
}
.statusTDGrid{
   border:0px !important;
   font-weight:500;
   font-size:8px;
   line-height:14px;
   overflow:hidden !important;
   text-overflow: ellipsis;
   box-shadow:inset 0px -1px 1px -1px rgba(0, 0, 0, .6) ; 
}

.approvalBandeau {position:relative;float:left;}




/* ------ PRJ.css */
 .x-pageLayout-div{
    background-color: #f0f5fe !important;
color: #252525 !important;
border-top: 1px solid #b9b9b9 !important;
border-bottom: 1px solid #b9b9b9 !important;
border-right: 1px solid #b9b9b9 !important;
border-left: 1px solid #b9b9b9 !important;
  
 }


 .PRJThumb,
 .FolderBox,
 .DocumentBox {
    float:left;
    border-radius : 6px;
    -moz-border-radius : 6px;
    
}






.x-view-selected .PRJThumb,
.x-view-selected .FolderBox,
.x-view-selected .DocumentBox,
.x-pageLayout-divSelected,
#basketView .item-selected {
    border-radius:6px;
    background-color:#a8a8a8; 
    color:#454545;
    border: 2px solid #a8a8a8;
}

.x-pageLayout-divSelected{
    border-radius:1px;
   border:0px;
    z-index:10000;
}





.img-chooser-view .x-view-selected .ux-rightindicator{
     color:red;
     background-color:orange;
}

.InfoBox{
    height: 16px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

.PRJThumb span,
.FolderBox span,
.DocumentBox span{
    display: block;
    overflow: hidden;
    text-align: center;
}


/* 

#fvDataView .x-view-over{ 
    border:1px solid red;
    background: #0fefef;
    padding: 4px;
}

#fvDataView .x-view-selected{
    background: #eff5fb url(selected.gif) no-repeat right bottom;
    border:1px solid #99bbe8;
    padding: 4px;
}
 */

.x-selected-pageorder {
    opacity:0.4
    }

.bandeauTD {
    padding: 0px !important;
}

.revisionBandeau {
    float:right;
    background: #242424;
    color:white;
    font-size:9px;
    height:12px;
    min-width:15px;
    padding:0px 2px;
    text-align:center;
    margin:1px;
}

.dialogNoteBandeau {
    float:left;
    background-image: url('../images/postit.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:17px;
    height:14px;
    
    }
    
.dialogNoteBandeau img{
    display:none
    }    
    
    
    
.miniApproval{
    float:left;
    background-image: url('../images/miniApproval.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:17px;
    height:14px;
   }
  
.miniRejected{
   float:left;
    background-image: url('../images/miniRejected.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:17px;
    height:14px;
   }  
  
.miniWarning{
   float:left;
    background-image: url('../images/miniWarning.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:17px;
    height:14px;
   }  
  
 .miniToSet{
   float:left;
    background-image: url('../images/miniToSet.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:17px;
    height:14px;
   }   
  
  
 .Archiving{
   float:left;
    background-image: url('../images/archiving.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:17px;
    height:14px;
   }    
  
  
 .Archive{
   float:left;
    background-image: url('../images/archive.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:17px;
    height:14px;
   }    
   
 .Restoring{
   float:left;
    background-image: url('../images/restore.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:17px;
    height:14px;
   }    
   
  .lock-left{
    background-image: url('../images/lock_closed.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:12px;
    height:12px;
   float: left;
   }
   
  .lock-right{
   background-image: url('../images/lock_closed.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:12px;
    height:12px;
    float: right;
  }
  .lock-center{
    float:right; left:-50%; position:relative;
    background-image: url('../images/lock_closed.svg') !important; 
    background-position: center !important ;
    background-repeat:no-repeat !important;
    width:12px;
    height:12px;
  }
  
  
    

.lockBandeau {
    position:relative;
    top:20;
    left:25
    }
    
.incoming {
    background-color:red;
    border-radius : 6px;
    -moz-border-radius : 6px;
    color:white;
    font-size:9px;
    font-weight:bold;
    overflow:hidden;
    padding:0;
    text-align:center;
    width:13px;
    float:right;
    margin-top:1px; 
    padding:1px;
    line-height:9px !important;
    } 


.PRJBorderLabel
{
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 2px -1px black;
    color: black;
    font-size:9px;
    font-weight:bold;
    height:18px;
    margin-bottom:5px;
    margin-left:5px;
    margin-right:2px;
    padding:2px 5px 3px;
    position:relative;
    text-align:center;
    text-transform:uppercase;
    top: 5px;
    white-space:nowrap;         
}
.number {
    overflow:hidden;
    padding-top:0;
    } 
    
.RowEven {
    background : #ffffff;
    }
    
.RowOdd {
    background : #ffffff;
    }
    
    
.x-grid-verticalAlign {
    vertical-align:middle
    }
    
.x-cell-verticalAlignTop {
    vertical-align:top !important
    }



.x-grid3-col-pageProgress{
   padding-top:16px;
}

.prj_progressbar {height:14px;background-image: url(../images/reflect.png);width:100%
;border:solid 1px #252525; border-radius:4px;}

.prj_progression {height:14px;background-image: url("../images/degrade.png");border-radius:4px;}
/*
.prj_progressbar {
   
    width:100%;
    background-color: #fff;
    border-radius: 1px;
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, .6) inset, 0px 1px 1px -1px rgba(0, 0, 0, .4) ;
    top: 15px;
    height: 6px;
   
    }

.prj_progression {
    border-radius: 1px;
    display: block;
    height: 6px;
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, .5) ;
    }
    
.prj_progressbar span{
    padding: 2px 5px;
    font-size: 8px !important;
    text-align: center;
    line-height: 10px;
    font-weight: normal !important;;
    box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 1) ;
    border-radius: 2px;
    background: #fff;
    color: black !important; 
    top:-15px !important;
 }  
*/





/* ------ border.css */


.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    border: 0px solid;
}

 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar{
    border-bottom:0px;
    position:relative;
  
}
 


.x-panel-noborder .x-panel-tbar-noborder .x-toolbar .x-small-editor{
    border-top:0px;
}


.x-panel-header,
.x-tab-strip-top,
.x-panel-tbar-noborder,
.x-panel-tbar-noheader,
.x-panel-tbar,
.x-panel-body,
.x-tab-panel-body,
.x-panel-body-noheader,
.x-panel-mc .x-panel-body,
.x-tab-panel-header-plain{
   border:0px !important ; 
 }
    
.x-tab-strip-top,
.x-panel-tbar-noborder,
.x-panel-tbar-noheader,
.x-panel-tbar{
    position:relative; 
}


.x-window-tl:after{
    content: "";
    position: absolute;
    bottom:0px;
    width: 100%;
    left: 0px;
    height: 1px;
    background: linear-gradient(to bottom, #b3b3b3 0%, #b3b3b3 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;   
} 

.x-panel-body-noheader,
.x-panel-mc .x-panel-body,
.x-tab-panel-body-noborder,
.x-panel-header-noborder{
    border: 0px !important 
   }  
    

/* ------ button.css */


.smv_preview_button{
    height: 20px;
}
.x-btn-disabled *{
    color:gray !important;
    }


/****************************small icon button************************************/



.x-btn-icon .x-btn-small .x-btn-text{
    height: 24px;
    width: 24px;
    background-size: 18px !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    border-radius:50%;
    border:1px solid rgba(1, 1, 1, 0.0);
 }



.x-btn-icon.x-btn-pressed       .x-btn-text,
.x-btn-icon.x-btn-click         .x-btn-text{
   border:1px solid #a8a8a8 ;
   background: none ; 
   color: #454545; 
}


/****************************medium text button************************************/

.x-btn-noicon .x-btn-medium  .x-btn-mc{
    border-radius:4px;
    border:1px solid #1e5aa0; 
    background: #ffffff; 
    color: #1e5aa0 ; 
}



.x-btn-noicon .x-btn-medium .x-btn-text{
    min-width:50px;
    height:20px;
    padding:0px 10px;
    color: #1e5aa0; 
}

.x-btn-noicon .x-btn-medium .x-btn-mc em.x-btn-arrow{
    background-image: url('../themeimage/svg/dbl.svg?color1=-14787936');
    background-repeat: no-repeat;
    background-position:  right center;
    background-size: 12px;
}

/************active**********/
.x-btn-noicon.x-btn-pressed     .x-btn-medium .x-btn-mc,
.x-btn-noicon.x-btn-menu-active .x-btn-medium .x-btn-mc,
.x-btn-noicon.x-btn-click       .x-btn-medium .x-btn-mc{
    border:1px solid #a8a8a8 !important;
    background: #a8a8a8;  
    
     
}

.x-btn-noicon.x-btn-pressed     .x-btn-medium .x-btn-text,
.x-btn-noicon.x-btn-menu-active .x-btn-medium .x-btn-text,
.x-btn-noicon.x-btn-click       .x-btn-medium .x-btn-text{
   color: #454545;
}


.x-btn-noicon.x-btn-pressed     .x-btn-medium .x-btn-mc em.x-btn-arrow,
.x-btn-noicon.x-btn-menu-active .x-btn-medium .x-btn-mc em.x-btn-arrow,
.x-btn-noicon.x-btn-click       .x-btn-medium .x-btn-mc em.x-btn-arrow{
    background-image: url('../themeimage/svg/dbl.svg?color1=-12237499'); 
    background-repeat: no-repeat;
    background-position:  right center;
    background-size: 12px;
}

/****************************medium small button************************************/

.x-btn-noicon .x-btn-small  .x-btn-mc{
    border-radius:4px;
    border:1px solid #1e5aa0; 
    background: #ffffff; 
    color: #1e5aa0; 
}

.x-btn-noicon .x-btn-small .x-btn-text{
   /*  min-width:30px;
    height:14px;
    padding:0px 8px;
    color: #1e5aa0; 
    font-size:9px; */
    
    min-width:50px;
    height:20px;
    padding:0px 10px;
    
    color: #1e5aa0; 
}

.x-btn-noicon .x-btn-small .x-btn-mc em.x-btn-arrow{
    background-image: url('../themeimage/svg/dbl.svg?color1=-14787936');
    background-repeat: no-repeat;
    background-position:  right center;
    background-size: 10px;
}

.x-btn-medium .x-btn-mc em.x-btn-split {
    background-image: url('../themeimage/button_medium/arrow-line-split.png?color1=-14787936');
    background-repeat: no-repeat;
    background-position: right center;
}

/************active**********/
.x-btn-noicon.x-btn-pressed     .x-btn-small .x-btn-mc,
.x-btn-noicon.x-btn-menu-active .x-btn-small .x-btn-mc,
.x-btn-noicon.x-btn-click       .x-btn-small .x-btn-mc{
    border:1px solid #a8a8a8 !important;
    background: #a8a8a8;   
}

.x-btn-noicon.x-btn-pressed     .x-btn-small .x-btn-text,
.x-btn-noicon.x-btn-menu-active .x-btn-small .x-btn-text,
.x-btn-noicon.x-btn-click       .x-btn-small .x-btn-text{
   color: #454545;
}


.x-btn-noicon.x-btn-pressed     .x-btn-small .x-btn-mc em.x-btn-arrow,
.x-btn-noicon.x-btn-menu-active .x-btn-small .x-btn-mc em.x-btn-arrow,
.x-btn-noicon.x-btn-click       .x-btn-small .x-btn-mc em.x-btn-arrow{
    background-image: url('../themeimage/svg/dbl.svg?color1=-12237499'); 
    background-repeat: no-repeat;
    background-position:  right center;
    background-size: 12px;
}


/************menu special**********/


.menu.x-btn-noicon .x-btn-medium  .x-btn-mc{
    border-radius:4px;
    border:1px solid rgba(1,1,1,0) ; 
    background: #ffffff; 
    color: #1e5aa0; 
}
.menu.x-btn-noicon .x-btn-medium  .x-btn-text{
    min-width:50px;
    height:20px;
    padding:0px 10px;
    color: #1e5aa0; 
}

.menu.x-btn-noicon .x-btn-medium .x-btn-mc em.x-btn-arrow{
    background-image: none ;
    background-repeat: no-repeat;
    background-position:  right center;
    background-size: 18px !important;
    padding-right: 0px;
}

/************active**********/
.menu.x-btn-noicon.x-btn-over        .x-btn-medium .x-btn-mc,
.menu.x-btn-noicon.x-btn-pressed     .x-btn-medium .x-btn-mc,
.menu.x-btn-noicon.x-btn-menu-active .x-btn-medium .x-btn-mc,
.menu.x-btn-noicon.x-btn-click       .x-btn-medium .x-btn-mc{
    border:1px solid #a8a8a8;
    background: #a8a8a8;   
}

.menu.x-btn-noicon.x-btn-over        .x-btn-medium .x-btn-text,
.menu.x-btn-noicon.x-btn-pressed     .x-btn-medium .x-btn-text,
.menu.x-btn-noicon.x-btn-menu-active .x-btn-medium .x-btn-text,
.menu.x-btn-noicon.x-btn-click       .x-btn-medium .x-btn-text{
   color: #454545;
}

.menu.x-btn-noicon.x-btn-over        .x-btn-medium .x-btn-mc em.x-btn-arrow,
.menu.x-btn-noicon.x-btn-pressed     .x-btn-medium .x-btn-mc em.x-btn-arrow,
.menu.x-btn-noicon.x-btn-menu-active .x-btn-medium .x-btn-mc em.x-btn-arrow,
.menu.x-btn-noicon.x-btn-click       .x-btn-medium .x-btn-mc em.x-btn-arrow{
    background-image: none; 
}









/**************************************large button************************************/

.x-btn-noicon .x-btn-large .x-btn-text{
    padding-left:5px;padding-right:5px;
}

.x-btn-group-ml {
    padding-left:0px;
}
    
 .x-btn-large .x-btn-text{
    min-width:45px;
    background-size: 32px;
    color: #1e5aa0;
  
}


 .x-btn-large  .x-btn-mc{
    border-radius:4px;
    border:1px solid #1e5aa0; 
    background: #ffffff; 
    color: #1e5aa0;
    height:50px;
   
}



 .x-btn-large  .x-btn-text p{
    padding-right:14px;
}

 .x-btn-large .x-btn-mc em.x-btn-arrow{
    background: url('../themeimage/svg/dbl.svg?color1=-14787936');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px ;
}

/************active**********/
.x-btn-pressed     .x-btn-large .x-btn-mc,
.x-btn-menu-active .x-btn-large .x-btn-mc,
.x-btn-click       .x-btn-large .x-btn-mc{
    border:1px solid #a8a8a8;
    background: #a8a8a8;   
}

.x-btn-pressed     .x-btn-large .x-btn-text,
.x-btn-menu-active .x-btn-large .x-btn-text,
.x-btn-click       .x-btn-large .x-btn-text{
   color: #454545;
}


.x-btn-pressed     .x-btn-large .x-btn-mc em.x-btn-arrow,
.x-btn-menu-active .x-btn-large .x-btn-mc em.x-btn-arrow,
.x-btn-click       .x-btn-large .x-btn-mc em.x-btn-arrow{
    background-image: url('../themeimage/svg/dbl.svg?color1=-12237499'); 
  
}


/*******************************button menu*****************************************/

.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
    background-size:12px;
    background-position:3px center;
    padding:0px 10px;
}


.x-btn-text-icon .x-btn-icon-medium-left  .x-btn-mc{
    border-radius:4px;
    border:1px solid #1e5aa0; 
    background: #ffffff;
    color: #1e5aa0 ;
}

.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
    color: #1e5aa0 ;
    min-width: 50px;
    height: 20px;
}

.x-btn-menu-active.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text,
.x-btn-click.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text,
.x-btn-pressed.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
    color: #454545;
}





/******************************filter little arrow*****************************************/
.x-btn-mc em.x-btn-split {
    padding-right: 9px;
}

.x-btn-menu-active .x-btn-small .x-btn-mc em.x-btn-split,
.x-btn-pressed.x-btn-menu-active .x-btn-small .x-btn-mc em.x-btn-split{

    background-image: url('../themeimage/svg/smallArrowOpen.svg?color1=-5723992') !important;
    background-repeat: no-repeat;
    background-position: right 10px;
    background-size:11px;
}

.x-btn-small .x-btn-mc em.x-btn-split,
.x-btn-click .x-btn-small .x-btn-mc em.x-btn-split,
.x-btn-pressed .x-btn-small .x-btn-mc em.x-btn-split,
.x-btn-click.x-btn-pressed .x-btn-small .x-btn-mc em.x-btn-split{
    background-image: url('../themeimage/svg/smallArrowClose.svg?color1=-5723992') !important;
    background-repeat: no-repeat;
    background-position: right 10px;
    background-size:11px;
}




/********************************************reinit button******************************/
.x-btn-tl,
.x-btn-tr,
.x-btn-tc,
.x-btn-ml,
.x-btn-mr,
.x-btn-bl,
.x-btn-br,
.x-btn-bc,
.x-btn-tr i, 
.x-btn-tl i, 
.x-btn-mr i, 
.x-btn-ml i,
.x-btn-br i, 
.x-btn-bl i{
    font-size:0px ;
    line-height:0px;
    width:0px ;
    display:block ;
    overflow:hidden ;
    height:0px !important;
}


/*Overides*/
body .over-cls-align-right{
        left: auto !important;
        right: 0;
}



/* ------ chooser.css */



 .x-view-over{
    cursor:pointer;
}

/* .img-chooser-view .loading-indicator {
    font-size:11px;
    background-image:url(../images/grid/loading.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
} */

/* 

.redflagtriangle {
    background-image: url('../images/invalid4.png') !important;
    background-repeat: no-repeat;
    background-position: left top;
}



.tdgreen {
    background-color:#20e81b !important;
}

.tdblue {
    background-color:rgb(104, 121, 245) !important;
}
.tdyellow {
    background-color:yellow !important;
    color:#000;
}

.tdorange {
    background-color:orange !important;
    color:#000;
}
.tdred {
    background-color:red !important;
}

.objLayoutProgressbar {
    height:14px;
    background-image: url(../images/reflect.png);
    vertical-align: middle;
    margin:auto;
    border:solid 1px #252525
    }

.objLayoutProgression {
    height:14px;
    line-height: 14px; 
    background-image: url("../images/degrade.png");
    }
    
*/
.objLayoutApprovalBand {
    position:absolute;
    margin-left:1px;
    margin-top:1px;
    }
 /*   
.objLayoutCheckoutBand {
    position:relative;
    float:right;
    margin-left:1px;
    margin-top:0px;
    height:11px;
    }
  */  
.objLayoutRevisionBand {
    float:right;
    background : black;
    color:white;
    font-size:10px;
    margin:1px;
    font-size:9px;
    height:11px;
    padding:1px;
    padding-bottom:0px !important;
    line-height:9px !important;
}
/*
.statusBandTD {
    border:12px ;
    vertical-align:middle;
    margin:auto;
    overflow:hidden;
    border-bottom:0px;
    background-image : url("../images/degrade.png");
    }
     */

/* ------ combo.css */



.x-resizable-pinned .x-combo-list-inner {
    border-bottom:0px;
}
.x-resizable-pinned .x-combo-list-inner{
    width:100% !important;
}


.x-resizable-pinned .x-combo-list-item:nth-child(odd){
    background:#ffffff;
}
.x-resizable-pinned .x-combo-list-item hr{
    display:none
    }


.x-resizable-handle-southeast{
    width:100% !important;
    cursor: se-resize;
    left: 0px;
    bottom: 0px;
    height: 10px;
    z-index: 101;
    background: url(images/scratch_resize.svg) !important;
    background-size:10px !important;
    background-position: top right !important;
    background-repeat: no-repeat !important;
}


.x-resizable-handle-southeast:after{
  content: "";
    position: absolute;
    top: 2px;
    width: 100%;
    left: 0px;
    height: 1px;
    background: linear-gradient(to bottom, #b3b3b3 0%, #b3b3b3 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;
}

/* ------ component.css */
 
 #ComponentMDTJSPEditPageOrder175floatingBox{
    background:#ffffff
 }
.esCompNLnotes {
   background-color:#f8f7ff;
   color:#252525;
   box-shadow:0px 0px 2px -1px black;
}

.esCompNLSelected {
    background-color:#a8a8a8;
    color:#454545;
}
.esCompNLSelected .esCompNLcontent{
    padding:0px !important;
    }
    
.esCompNLcontent input{
    margin:0px !important;
    width:100%;
    }
 
 
.esCompNLnotes {
    position:relative;
    margin:5px;
    font-size:10px;
}
.esCompNLnotes>.left {
    
        position:absolute;
        top:1px;
        right:1px;
        bottom:1px;
        width:19px;
        z-index:12;
        line-height:12;
        text-align:center;
        border-radius:0px 3px 3px 0px;
        box-shadow:inset 1px 1px 3px 0px rgba(0,0,0,0.5);
}
.esCompNLnumber {
    height: 18px;
    margin: auto;
    text-shadow: 0px 0px 2px black;
    line-height: 21px;
    font-size: 9px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    overflow: hidden;
}
.esCompNLread {
    height: 18px;
    margin: auto;
    text-shadow: 0px 0px 2px black;
    line-height: 14px;
    font-family: 'DALIM_ESICON';
    font-size: 12px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.esCompNLheader {
    height: 20px;
    line-height: 22px;
}
.esCompNLname {
    position: absolute;
    top: 0px;
    left: 7px;
    right: 75px;
    overflow: hidden;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    text-align: left;
    opacity:0.8;
}
.esCompNLname img {
    vertical-align:text-bottom;

    }
.esCompNLdate {
    position: absolute;
    top: 0px;
    right: 7px;
    text-align: right;
    overflow: hidden;
    opacity:0.8;
    font-size: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
}

.esCompNLoption 
{
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
    text-align: right;
    font-size: 11px;
    
    line-height: 16px;
    font-family: 'DALIM_ESICON';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.esCompNLdisabled 
{
    opacity:0.5;
}
.esCompNLanswer:hover>.esCompNLheader>.esCompNLdate 
{
    display: none
}

.esCompNLanswer:hover>.esCompNLheader>.esCompNLoption 
{
    display: inline-block
}

.esCompNLcontent:hover {
    border:2px solid gray;

    }
.esCompNLcontent {
    position: relative;
    display: list-item;
    text-shadow: none;
    margin: 0px 2px 0px 0px;
    overflow: auto;
    font-size: 13px;
    word-wrap: break-word;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 6px;
    text-overflow: none;
    border-bottom: 1px solid #fff;
    white-space: pre-wrap;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
    cursor: text;
    border: solid 2px rgba(0, 0, 0, 0);
}
.esCompNLAppcontent {
    position: relative;
    display: list-item;
    text-shadow: none;
    margin: 0px 2px 0px 0px;
    overflow: auto; 
    font-size: 11px;
    word-wrap: break-word;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 6px;
    text-overflow: none;
    border-bottom: 1px solid #fff;
    white-space: pre-wrap;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
    cursor: text;
    border: solid 2px rgba(0, 0, 0, 0);
}
.esCompNLAppcontent:hover .esCompNLname:after {
    content : '\7a';
    font-family: 'DALIM_ESICON';
    padding-left:5px;
}
.esCompNLtextDiff_normalText {
    font-size: 13px;
}

.esCompNLunread {
    font-size:12px;
    font-weight:bold;
}
.esCompNLtop {
    position: relative;
    display: block;
    margin-right: 19px;
    cursor: pointer;
}
.esCompNLcenter {
    position: relative; 
    margin-right: 19px;
    cursor: pointer;
}
.esCompNLbottom {
    position: relative;
    display: block;
    margin-right: 19px;
}
.esCompNLreply {
    height: 17px;
    margin-left: 7px;
    
    white-space: nowrap;
    font-weight: bold;
    font-size: 9px;
    cursor: pointer;
}

.esCompNLreply:hover.esCompNLreply:after 
{
    content: ' (SHOW/HIDE)';
    cursor: pointer;
    display: inline;
    margin-right: 5px;
    text-shadow: 1px 1px 1px rgba(1, 1, 1, 0.1);
    font-weight: bold;
    line-height: 10px;
    font-size: 9px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.esCompNLminiReply {
    position:absolute;
    right:1px;
    bottom:0px;
    cursor:pointer;
    width:18px;
    height:18px;
    line-height:20px;
    font-size:11px;
}


.esCompNLanswer {
    position: relative;
    padding: 5px;
    margin: 5px 7px 0px 7px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(12, 12, 12, 0.6)
}





/* Job progress */


.jobprogress-bar {
    position:relative;
    display:block;
    background-color: #fff;
    border-radius: 1px;
    box-shadow:  0px 1px 2px -1px rgba(0, 0, 0, .6) inset, 0px 1px 1px -1px rgba(0, 0, 0, .4) ;
    top:15px;
    height:6px;
    margin-bottom:40px;
}

.job-bar{
    position:absolute;
    border-radius: 1px;
    display: block;
    height:6px;
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, .5) ;
}

.job-bar[data-value]:after {
    position:absolute;
    top:-13px;
    right:-11px;
    width:20px;
    padding:1px;
    font-size:8px;
    text-align:center;
    line-height:10px;
    font-weight:normal;
    content: attr(data-value);
    box-shadow: 0 0px 2px -1px rgba(0, 0, 0, 1) ;
    border-radius:2px;
    background:#fff;
    color:black;
}
/*
    Bread Crump
*/
.breadCrumb .x-box-inner{
    overflow:visible;   
    display:inline-block;
   border-radius:2px;
}
.breadCrumb .x-panel-body{
 border-top:1px solid transparent!important;
 border-bottom:1px solid transparent!important;
 display:inline-flex;
}
.breadCrumb .x-box-inner{
    margin:auto;
    }
.breadCrumbItem{
    cursor:pointer; 
   white-space:nowrap;
   text-transform:uppercase;
  
    float: left;
  padding: 2px 10px 2px 10px;   
}

/*
Menu Component 
*/
.esCompMenuColumn .x-menu-item-text {
padding-right:10px;

}

.x-menu-list-item > .esCompMenuItem { /* useful for slider */
padding-left:25px;
background-origin:content-box;
}

.esCompMenu, .esCompMenu .x-menu{

}
.esCompMenuColumn .x-menu-item{

}

.esCompMenuColumn a.x-menu-item {
padding:4px 10px 3px 10px!important;
margin:0px 1px 1px 0px;

}
.esCompBookmarkIcon{ 
    background-size:contain;
}
.esCompLinkIcon { 
background-size:contain;
}
.esCompLinkIcon:hover { 
 text-decoration: underline;
}

.esCompBasketList{
    padding:5px;
    margin:5px;
    border:1px dotted black;
    
}
.esCompBasketList .itemb-selected{
    padding:0px;    
}

.esCompBasketHeader:after {

    content: '';
    position: absolute;
    top:-15px;
    left:30px;
    height:0px;
    width:0px;
   border-left:15px solid transparent;
   border-right:15px solid transparent;   
    z-index:1;
}

.esCompBasket-countTextIcon {
  position:absolute;
  top:0px;
  left:11px;
  width:10px;
  font-size:9px;
  padding:1px;
  line-height:10px;
  text-align:center;
  font-weight:bold;
  background-color:red;
  color:white;
  border-radius:50%;
}


/*
* RecentlyAddedComponent
*/

.recentlyAddedTopBtn::after{
    position: absolute;
    height: 0px;
    width: 0px;
    left: 50%;
    content: '';
    margin-top: 5px;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid;
    border-bottom-color: inherit;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
    z-index:99;
}

.recentlyAddedLeftBtn::after{
    position: absolute;
    height: 0px;
    width: 0px;
    top: 50%;
    content: '';
    margin-left: 5px;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid;
    border-right-color: inherit;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
    z-index:99;
}

.recentlyAddedBottomBtn{
    height: 0px;
}

.recentlyAddedBottomBtn::before{
    position: relative;
    height: 0px;
    width: 0px;
    left: 50%;
    top: -5px;
    content: '';
    margin-bottom: 5px;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid;
    border-top-color: inherit;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
    z-index:99;
}

.recentlyAddedRightBtn{
    width: 0px;
}

.recentlyAddedRightBtn::before{
    position: absolute;
    height: 0px;
    width: 0px;
    top: 50%;
    content: '';
    left: -25px;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid;
    border-left-color: inherit;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
    z-index:99;
}

.recentlyAdded {
    overflow:hidden;
    float:left;
}

.RAImgDiv {
    padding: 10px;
    position: absolute;
}
    
.recentlyAdded img {
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5), 0 0 20px 0 rgba(0,0,0,0.2);
    max-height: 95%;  
    max-width: 95%; 
    width: auto;
    height: auto;
    position: absolute;
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
    
/*
CalendarIcon
*/  
div.esCompCalendarDate {
color : #333 !important;
    font-size:7px;
    /*change calendarIcon size */
    display: block;
    position: relative;
    width: 7em;
    height: 7em;
    background-color: #fff;
    border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
}
div.esCompCalendarDate * {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}
div.esCompCalendarDate strong {
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #fff;
    background-color: #aaaaaa;
    border-bottom: 1px dashed #ddd;
    text-transform:capitalize;
    box-shadow: 0 2px 0 #19aaaa;
}
div.esCompCalendarDate em {
    position: absolute;
    bottom: 0em;
    color: #fff;
    padding-top:.2em;
    height: 1.6em;
    background-color: #aaaaaa;
    text-transform:capitalize;
}
div.esCompCalendarDate span {
    font-size: 2.8em;
    letter-spacing: -0.05em;
    padding-top: 0.65em;
    color: #2f2f2f;
}







/******************************desktop*********************************/
.esCompBookmarkIcon,
.esCompBasket-buttontext,
.esCompLogout-text{
    border-radius:0px !important;
}
.voidlesstable .x-table-layout {
    width : 100%;
}

.escss_toggle_0FDE00.x-btn-pressed,
.escss_toggle_0FDE00.x-btn-over.x-btn-pressed
{
      background:#00FF01;
      border-color:#00FF01;
}

.escss_toggle_FF0101.x-btn-pressed,
.escss_toggle_FF0101.x-btn-over.x-btn-pressed
{
      background:#FF0101;
      border-color:#FF0101;
}
.esCompBookmark .x-btn-text {color:white}


/*************************video********************************/
#videoWindow .toolbar_vid .x-btn,
#videoWindow .video_Info .x-btn{
    border:0px !important;
    background:none !important; 
} 
#videoWindow .videoPlayer-buttons.x-btn{
    border-radius:50% !important;
}
#videoWindow .videoPlayer-buttons.x-btn .buttonSVG{
    height:22px !important;width:22px !important; 
}

#videoWindow{
    background:#ffffff;
 
}

.ecranCommandeFirstLine .buttonSVG{
    margin-right: 10px;
}
#videoWindow .x-toolbar.x-small-editor.x-box-item.x-toolbar-layout-ct{
    background:#ffffff;
    position:relative;
}
#videoWindow .x-toolbar.x-small-editor.x-box-item.x-toolbar-layout-ct:before{
    content: "";
    position: absolute;
    width: 100%;
    top:0px;
    left: 0px;
    height: 1px;
    background-image: linear-gradient(to bottom, #bbbbbb 0%, #bbbbbb 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;   
}


.x-small-editor .x-form-num-field{
    text-align:left;
}

.timer,
.video_FrameCount{
    color : #58A3E2;
}
.time_cursor{
    background: #58A3E2;
}

.x-toolbar.toolbar_vid{
    border-bottom: none !important;
    min-height:0;
    box-shadow:none !important; 
}

.ecranCommande div{
   font-weight: bold;
}

.esCompNLminiUpload {
    position:absolute;
    right: -16px;
    bottom:0px;
    cursor:pointer;
    width:18px;
    height:18px;
    line-height:20px;
    font-size:11px;
}

.esCompNLminiHasFiles {
    position:absolute;
    right: -17px;
    cursor:pointer;
    width:18px;
    height:18px;
    line-height: 24px;
    font-size:11px;
}

.esCompNoteList {
    position: absolute;
    right: 15px;  
    top: 25px; 
    display: none;
    min-width: 100px;
    min-height: 22px;
    z-index: 10100;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px 0px;
    color: black;
    user-select: none;
    list-style: none;
    padding: 0px;
    border-radius: 3px;
    background: #ffffff;
}

.notelistsubmenu{
    height: 23px;
    text-align: left;
    padding-left: 5px;
}

.esCompNoteList .notelistsubmenu:first-child {
    border-radius: 2px 2px 0px 0px;
}

.esCompNoteList .notelistatt_ui {
    padding: 5px 18px 5px 5px;
}

.att_container{
     min-width:265px;
}

.esCompNoteList .notelistatt_ui:nth-child(even) {
    background-color: #ededed;
}

.esCompNoteList .notelistsubmenu:hover {
    color: rgb(238, 238, 238);
    background: rgb(0, 126, 252);
}




.esCompNoteList .notelistatt_attName {
    min-width: 175px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    clip: auto;
    vertical-align: top;
}

.esCompNoteList .notelistatt_attSize {
    width: 50px;
    /*display: inline-block;*/
    vertical-align: top;
}

.esCompMilestoneBar .esCompMilestoneBar-selected {
    color : #454545;
    background-color : #a8a8a8;
}
.esCompSmvCounterSelection{
    color:#a8a8a8;
    background-color:#454545;
border:1px solid #a8a8a8;
    padding:4px;
    line-height:17px;
   }
.esCompSmvCounterTotal{
color:#454545;
background-color:#a8a8a8;
border:1px solid #454545;
padding:4px;
line-height:17px;
}
.esCompSearch-previewtitle {
font-weight:bold;
border-yop:1px dotted black;
border-bottom:1px dotted black;
display:inline-block;
 width:'100%';
 }
 
 .esCompSearch-extensionCell{
     vertical-align: middle;
     text-align:right;
}
.esCompSearch-previewLabel {
}
.esCompSearch-previewtitle {

}
.esCompSearch-previewExtension {
color: white;
background-color: #000099;
border-radius: 5px;
padding: 3px;
text-align: center;
float: 'right';
}
.esComp-viewStatTitle {
padding:2px;
}

/* ------ core.css */


.x-spotlight {
    background-color: green;
    }
 

 

 
 
/*----------- to fix -------------*/ 
 
.ext-el-mask {
 background-color: #252525;
   opacity:.2; 
}

.x-masked-relative{
   /*  position:relative;
    background-color:green;
    opacity:1 !important; */
}

.x-masked-relative:after{
      /*  content: "";
        position: absolute;
        margin: auto;
        width: 12px; 
        left: 50%;
        top: 50%;
        margin-top:-6px;
        margin-left:-6px;
        height: 12px;
        border: 4px solid #0099ff;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -ms-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite; */
        }
        
  
.ext-el-mask-msg {
    border:0px;
    padding:0px;
}
    
    
.x-dd-drag-ghost, 
.ext-el-mask-msg div,
.x-mask-loading div {
    padding:10px 20px 10px 40px;
    border-radius:3px;
    font-weight:100;
    font-size:16px;
     border:0px;
    color: #a8a8a8;
    position:relative;
    /*
    background-color: rgba(233,233,233,0.9);
    box-shadow: 0px 1px 1px -1px #000000;
    */
}
.x-dd-drag-ghost{
     box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); 
}

.ext-el-mask-msg > div:after,
.x-mask-loading > div:after{
        content: "";
        position: absolute;
        margin: auto;
        width: 36px; 
        left: -10px;
        top: 0px;
        height: 36px;
        border: 4px solid #a8a8a8;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite; 
        -moz-animation: spin 1s linear infinite;
        -ms-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        }

.loading-indicator{
    padding:2px 26px;
    border: 0px;
    font-weight:100;
    font-size:16px;
    color: #000000;
     position:relative;
}





        
        



.loading-indicator:after{
       content: "";
        position: absolute;
        margin: auto;
        width: 12px; 
        left: 0px;
        top: 0px;
        height: 12px;
        border: 4px solid #0099ff;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -ms-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        }





.x-splitbar-proxy {
    background-color: #aaa;
}

.x-color-palette a {
    border-color:#fff;
}

.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
    border-color:#CFCFCF;
    background-color: #eaeaea;
}

.x-color-palette em:hover, .x-color-palette span:hover{   
    background-color: #eaeaea;
}

.x-color-palette em {
    border-color:#aca899;
}

.x-ie-shadow {
    background-color:#777;
}



#uploadIndicator .uploadIndicatorCell:first-child{
    background-image: none !important;
    padding: 0px;
    margin: 0px;
    width:12px;
    height:12px;
    border: 4px solid #a8a8a8;
    border-right-color: transparent;
    border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -ms-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
         animation: spin 1s linear infinite;
    }
    
    
.loading-indicator img,        
#uploadIndicator img{
    display:none;
    background-image:none !important;
    } /* to remove whne compsant redone*/ 
 
 
#uploadCount{
    color:#a8a8a8;
    font-size: 8px;
    font-weight: 500;
    height: 18px;
    left: 0px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    width: 20px;
 }
    




@-webkit-keyframes spin
{
        from { -webkit-transform: rotate(0deg); opacity: 0.4; }
        50%  { -webkit-transform: rotate(180deg); opacity: 1; }
        to   { -webkit-transform: rotate(360deg); opacity: 0.4;}
}

@-moz-keyframes spin
{
        from { -moz-transform: rotate(0deg); opacity: 0.4; }
        50%  { -moz-transform: rotate(180deg); opacity: 1; }
        to   { -moz-transform: rotate(360deg); opacity: 0.4; }
}

@-ms-keyframes spin
{
        from { -ms-transform: rotate(0deg); opacity: 0.4; }
        50%  { -ms-transform: rotate(180deg); opacity: 1; }
        to   { -ms-transform: rotate(360deg); opacity: 0.4; }
}

@-o-keyframes spin
{
        from { -o-transform: rotate(0deg); opacity: 0.4; }
        50%  { -o-transform: rotate(180deg); opacity: 1; }
        to   { -o-transform: rotate(360deg); opacity: 0.4; }
}

@keyframes spin
{
        from { transform: rotate(0deg); opacity: 0.2; }
        50%  { transform: rotate(180deg); opacity: 1; }
        to   { transform: rotate(360deg); opacity: 0.2; }
}

/* ------ date-picker.css */




.x-date-inner .x-date-disabled a   {
    background-color:#ffacac; 
    }
.x-date-inner .x-date-disabled a span  {
    font-style: italic;color:#454545
    }


.x-date-right a,
.x-date-mp-ybtn a.x-date-mp-next:hover,
.x-date-mp-ybtn a.x-date-mp-next,
.x-date-mp-next{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/right.svg?color1=-5723992');
    background-position:center  center ;
    background-size:6px;
    background-repeat:no-repeat;
}

.x-date-left a,
.x-date-mp-ybtn a.x-date-mp-prev:hover,
.x-date-mp-ybtn a.x-date-mp-prev,
.x-date-mp-prev{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/left.svg?color1=-5723992');
    background-position:center  center ;
    background-size:6px;
    background-repeat:no-repeat;
}


.x-date-inner th{
    background-color:#ededed;
    border-bottom:0px;
}
.x-date-inner th span{
    color:#3d3d3d;
    font-size:9px ;
    font-weight:bold ;
}


.x-date-inner .x-date-prevday a,
.x-date-inner .x-date-nextday a{
    color:#2b2b2b;
}


.x-date-inner td{
  border:0px;
  height:22px
}
.x-date-mp-btns td{
  border:0px;
}

td.x-date-mp-month a,
td.x-date-mp-year a,
.x-date-inner a{
    color:#3d3d3d;
    text-align:center;
}
.x-date-inner a{
    border:0px !important;
}
.x-date-inner a em{
    font-size: 10px; 
     font-weight:300;  
}

.x-date-inner .x-date-selected {
    background-color:#a8a8a8;
}
.x-date-inner .x-date-selected a em{
    color:#454545;
}

.x-date-mp{
    background:#ffffff
}

.x-date-mp-month{
    background:#ededed;
}
.x-date-mp-month,
.x-date-mp-year{
    font-size: 10px !important;
}

td.x-date-mp-sep{
    border: 0px  !important;
}

td.x-date-mp-sel{
    background-color:#a8a8a8 !important;
  
}
td.x-date-mp-sel a {
    border: 0px solid;
    color:#454545;
    }

.x-date-bottom{
    position:relative;
    border-top:0px !important;
}

.x-date-bottom:after{
    content: "";
    position: absolute;
    width: 100%;
    top:0px;
    left: 0px;
    height: 1px;
    background-image: linear-gradient(to bottom, #656565 0%, #656565 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:0;   
}

.x-date-mp-btns button{
    border:1px solid #a8a8a8 !important ;
    border-radius:3px !important;
    background:#ffffff !important ;
    min-width:50px !important ;
    color:#a8a8a8 !important ;
    height:20px;
}

/* ------ dd.css */
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.x-dd-drag-ghost{
    color:#000;
    
  
    background-color:#fff;
}
.x-dd-drag-ghost .x-grid3-hd-btn {border:2px dotted red !important;}
.x-dd-drop-nodrop .x-dd-drop-icon{
  background-image: url(../images/default/dd/drop-no.gif);
}

.x-dd-drop-ok .x-dd-drop-icon{
  background-image: url(../images/default/dd/drop-yes.gif);
}

.x-dd-drop-ok-add .x-dd-drop-icon{
  background-image: url(../images/default/dd/drop-add.gif);
}

.x-view-selector {
    background-color:#D6D6D6;
   
}
.x-dd-drag-proxy .x-grid3-hd-inner {border:0px;}
/* ------ default-theme.css */


body,em,b,i,
h1,h2,h3,h4,h5,h6,
address,
input,
button{
    font-family: 'Lucida Grande', Helvetica, 'Roboto Condensed', Arial, sans-serif;
    font-size: 11px;
    font-weight: 300;
 }

table,td,tr{
    font-family: 'Lucida Grande', Helvetica, 'Roboto Condensed', Arial, sans-serif;
    font-size: 11px;
}

.x-dalimes-font {
    font-family:"DALIM_ESICON"; 
    text-shadow:0px 1px 1px 0px rgba(12,12,12,0.6);
}

.breadCrumbItem{
    background-color: transparent;
}

.breadCrumbItemHover:hover{
    background-color: #000;
    color:white;
}

.esCompBasketBodyCls{
    background-color: orange;
    color:black;
}


.x-tbar-page-prev{
 background-image:url(../themeimage/navigbar/toLeft.png?color1=252525) ;
}
.x-tbar-page-next{
 background-image:url(../themeimage/navigbar/toRight.png?color1=252525) ;
}
.x-tbar-page-last{
 background-image:url(../themeimage/navigbar/toEnd.png?color1=252525) ;
}
.x-tbar-page-first{
 background-image:url(../themeimage/navigbar/toStart.png?color1=252525) ;
}
.x-tbar-loading{
 background-image:url(../themeimage/navigbar/toRefresh.png?color1=252525) ;
}

#configurationInspector{
 background-color:red;
}
.label{
 color:#3d3d3d;
}
.comment{
 color:#686868;
}
.theBox{
 background-color:#D2D7E0;
}
.passed{
 color:#58A3E2;
}
.impair{
 background-color:violet;
}
.pair{
 background-color:#bec3cc;
}
.result{
 background-color:#D2D7E0;
}
.subButton{
 border-color:#9b9b9b;
}
.black{
 background-color:#FFFFFF;
 color:#3d3d3d;
}







ul.recentLocation:active{
 color:#FFFFFF;
 background-color:#58A3E2;
}
._active{
 color:#FFFFFF;
 background-color:#58A3E2;
}
ul.uploadItem{
 border-bottom-color:#b9b9b9 !important;
 border-top-color:#ffffff !important;
 background-color:#bec3cc;
}





.x-date-mp-btns button .PRJThumb{
    border-left:1px solid red !important ;
}



.x-tab-hide > .x-tab-panel-header {
    display: none;
}

/*Overides*/
body .over-cls-align-right{
        left: auto !important;
        right: 0;
}

/*esloader*/

.esloader-container,
.esloader-container *
{
  box-sizing: border-box;
}
.esloader-darker{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999999;
}
.esloader-container{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 180px;
  box-shadow: 1px 1px 12px rgba(0,0,0,0.4);
  border-radius: 1px;
  background: #fff;
  transition: all 0.2s;
  overflow: hidden;
    z-index: 99999999;
}

.esloader-content{
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 1.4em;
  width: 100%;
  padding: 25px 15px;
  transition: all 0.2s;
  color: #1e5aa0;
}

.esloader{
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  display: inline-block;
  transition: transform .2s;
  transition: all 0.2s;
}

.esloader-container.response .esloader{
  transform: translateX(-50%) scale(0);  
  opacity: 0;
}

.esloader-container.response .esloader-content{
  transform: scale(0);  
  opacity: 0;
}

/*esloader type 1*/
.esloader-1{
  width: 50px;
  height: 50px;
}

.esloader-1 .loader-inner{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 100%;
  animation-duration: 1.2s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  background: #1e5aa0;
}

.esloader-1 .loader-inner-0{
   left: 0;
  animation-delay: -0.1s;
}

.esloader-1 .loader-inner-1{
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  animation-delay: -0.3s;
}

.esloader-1 .loader-inner-2{
  right: 0;
  animation-delay: -0.5s;
}

.response-container{
  margin-top: 30%;
  margin-left: 50%;
  width: 500px;
  height: 500px;
  background: #1e5aa0;
  border-radius: 100%;
  transform: translate(-50%, -50%) scale(0);
  transition: all .2s ease-out;
  opacity: 0;
  z-index: 100;
}

.response-container-title,
.response-container-content{
  position: absolute;
  text-align: center;
}

.response-container-title{
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  font-size: 1.6em;
  color: #fff;
  font-weight: 700;
  transition: opacity .2s;
  opacity: 0;
  transition-delay: .2s;
  background: #1e5aa0;
  z-index: 300;
  text-shadow: 1px 1px 6px rgba(0,0,0,0.3);
}

.response-container-title::first-letter,
.response-container-content::first-letter{
    text-transform: uppercase;
}

.response-container-content{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  color: #1e5aa0;
  background: #eff3f4;
  transition: opacity .2s;
  opacity: 0;
  transition-delay: .2s;
  z-index: 200;
}

.response-container-content button{
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  border: none;
  background: #1e5aa0;
  color: #fff;
  padding: 8px 25px;
  border-radius: 1px;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: opacity .2s;
}

.response-container-content button:hover{
    opacity: .8;
}

.response-container.response{
  transform: translate(-50%, -50%) scale(1);  
  opacity: 1;
}

.response-container-title.response{
  opacity: 1;
}
.response-container-content.response{
  opacity: 1;
}

.response-container-close{
  position: absolute;
  top: 19px;
  right: 15px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #fff;
  cursor: pointer;
  z-index: 500;
}

.response-container-close::before,
.response-container-close::after{   
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 60%;
  background: #fff;
}

.response-container-close::before{
  transform: translate(-50%, -50%) rotate(45deg);
}

.response-container-close::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.response-container-close,
.response-container-close::before,
.response-container-close::after{
  transition: all .2s;
}

.response-container-close:hover{
  background: #fff;
}
.response-container-close:hover::before,
.response-container-close:hover::after{
  background: #1e5aa0;
}

@keyframes bounce {
  0%{
    margin-top:10px;
    opacity: 0.6;  
    width: 10px;
    height: 10px;
  }
  50%{
    margin-top:-20px;
    opacity: 1;  
    width: 14px;
    height: 14px;
  }
  100%{
    margin-top:10px;
    opacity: 0.6;  
    width: 10px;
    height: 10px;
  }
}

/*state button */

.preview-label,
.preview-button,
.preview-button::before,
.preview-button::after{
  box-sizing: border-box;
}

.preview-label{
    margin-left: 25px;
}

.preview-label label,
.preview-label span{
    width: auto !important;
}

.preview-label::before{
    content: '';
    position: absolute;
    top: 10%;
    left: -10px;
    width: 1px;
    height: 60%;
    background: #d2d7e0;
}

.preview-button{
  right: 1px !important;
  left: auto !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #e74c3c !important;
  border-radius: 100% !important;
  background: transparent !important;
  cursor: pointer;
  margin-left: 10px;
  transform: scale(0.75);
}

.preview-button,
.preview-button:focus,
.preview-button:active{
    box-shadow: none !important;
}

.preview-button span{
  color: transparent !important;    
}

.preview-button::before{
    content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 40%;
  border: 3px solid #e74c3c;
  border-bottom: none;
  border-top: none;
  transition: all .2s;
}

.preview-button.active{
    border-color: #2ecc71;
}

.preview-button.active::before{
    border: 7px solid #2ecc71;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  margin-left: 19%;
}

/*notification preview*/
.notification-preview-panel,
.notification-preview-panel *,
.notification-preview-panel *::before,
.notification-preview-panel *::after{
    box-sizing: border-box;
}

.notification-preview-panel{
    padding: 50px !important;
    overflow: visible !important;
}

.notification-preview-title{
    padding-bottom: 50px;
}

.notification-preview-title h3{
    font-size: 3.2em;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 5px;
}

.notification-preview-title span{
    font-size: 1.6em;
    opacity: .6;
}

.notification-preview-content{
    padding-top: 25px;
}

.notification-preview-actions .remove-notification{
  margin-top: 50px;
  display: inline-block;
  border-radius: 1px;
  border: none;
  color: #fff;
  background: #e74c3c;
  padding: 10px 25px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.6);
  transition: background .2s;
  cursor: pointer;
  transform: translateY(-10px)
}

.notification-preview-actions .remove-notification:hover{
  background: #e55547;
}

/*Overides*/
body .over-cls-align-right{
        left: auto !important;
        right: 0;
}

/*esloader*/

.esloader-container,
.esloader-container *
{
  box-sizing: border-box;
}
.esloader-darker{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999999;
}
.esloader-container{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 180px;
  box-shadow: 1px 1px 12px rgba(0,0,0,0.4);
  border-radius: 1px;
  background: #fff;
  transition: all 0.2s;
  overflow: hidden;
    z-index: 99999999;
}

.esloader-content{
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 1.4em;
  width: 100%;
  padding: 25px 15px;
  transition: all 0.2s;
  color: #d2d7e0;
}

.esloader{
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  display: inline-block;
  transition: transform .2s;
  transition: all 0.2s;
}

.esloader-container.response .esloader{
  transform: translateX(-50%) scale(0);  
  opacity: 0;
}

.esloader-container.response .esloader-content{
  transform: scale(0);  
  opacity: 0;
}

/*esloader type 1*/
.esloader-1{
  width: 50px;
  height: 50px;
}

.esloader-1 .loader-inner{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 100%;
  animation-duration: 1.2s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  background: #d2d7e0;
}

.esloader-1 .loader-inner-0{
   left: 0;
  animation-delay: -0.1s;
}

.esloader-1 .loader-inner-1{
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  animation-delay: -0.3s;
}

.esloader-1 .loader-inner-2{
  right: 0;
  animation-delay: -0.5s;
}

.response-container{
  margin-top: 30%;
  margin-left: 50%;
  width: 500px;
  height: 500px;
  background: #d2d7e0;
  border-radius: 100%;
  transform: translate(-50%, -50%) scale(0);
  transition: all .2s ease-out;
  opacity: 0;
  z-index: 100;
}

.response-container-title,
.response-container-content{
  position: absolute;
  text-align: center;
}

.response-container-title{
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  font-size: 1.6em;
  color: #fff;
  font-weight: 700;
  transition: opacity .2s;
  opacity: 0;
  transition-delay: .2s;
  background: #d2d7e0;
  z-index: 300;
  text-shadow: 1px 1px 6px rgba(0,0,0,0.3);
}

.response-container-title::first-letter,
.response-container-content::first-letter{
    text-transform: uppercase;
}

.response-container-content{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  color: #d2d7e0;
  background: #eff3f4;
  transition: opacity .2s;
  opacity: 0;
  transition-delay: .2s;
  z-index: 200;
}

.response-container-content button{
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  border: none;
  background: #d2d7e0;
  color: #fff;
  padding: 8px 25px;
  border-radius: 1px;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: opacity .2s;
}

.response-container-content button:hover{
    opacity: .8;
}

.response-container.response{
  transform: translate(-50%, -50%) scale(1);  
  opacity: 1;
}

.response-container-title.response{
  opacity: 1;
}
.response-container-content.response{
  opacity: 1;
}

.response-container-close{
  position: absolute;
  top: 19px;
  right: 15px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #fff;
  cursor: pointer;
  z-index: 500;
}

.response-container-close::before,
.response-container-close::after{   
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 60%;
  background: #fff;
}

.response-container-close::before{
  transform: translate(-50%, -50%) rotate(45deg);
}

.response-container-close::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.response-container-close,
.response-container-close::before,
.response-container-close::after{
  transition: all .2s;
}

.response-container-close:hover{
  background: #fff;
}
.response-container-close:hover::before,
.response-container-close:hover::after{
  background: #d2d7e0;
}

@keyframes bounce {
  0%{
    margin-top:10px;
    opacity: 0.6;  
    width: 10px;
    height: 10px;
  }
  50%{
    margin-top:-20px;
    opacity: 1;  
    width: 14px;
    height: 14px;
  }
  100%{
    margin-top:10px;
    opacity: 0.6;  
    width: 10px;
    height: 10px;
  }
}

#previewControl{
  position: absolute;
  top: 50% !important;
  left: auto !important;
  right: 10px !important;
  margin-left: 15px !important;
  transform: translateY(58%);
}

#previewControl .preview-control{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
/*   border: 2px solid #e74c3c; */  
  border: 2px solid transparent;
  border-radius: 100%;
  background: transparent;
  cursor: pointer;
  box-shadow: 0 0 0 2px #e74c3c;
}

#previewControl .preview-control span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  border: 3px solid #e74c3c;
  border-bottom: none;
  border-top: none;
  transition: all .2s;
}

#previewControl .preview-control.active{
/*   border-color: #2ecc71; */
  border-color: transparent;
  box-shadow: 0 0 0 2px #2ecc71;
}

#previewControl .preview-control.active span{
  border: 7px solid #2ecc71;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  transform: translate(-15%, -50%);
}

#previewControl .preview-control.error{
/*   border-color: #2ecc71; */
  border-color: transparent;
  box-shadow: 0 0 0 2px #6d6d6d;
}

#previewControl .preview-control.error span{
  background: #6d6d6d;
  border: none;
}


/* ------ dialog.css */


.es-dialog-colors-BG{
    color : #ffffff
}

.es-dialog-colors-FG{
    color : #3d3d3d
}

.es-dialog-colors-customBG{
    color : #ffffff
}

.es-dialog-colors-headerBG{
    color : #ffffff
}

.es-dialog-colors-selectBG{
    color : #a8a8a8
}

.es-dialog-colors-selectFG{
    color : #454545
}

.es-dialog-colors-buttonsBG{
    color : #ffffff
}

.es-dialog-colors-buttonsFG{
    color : #1e5aa0
}

.es-dialog-colors-formFG{
    color : #000000
}

.es-dialog-colors-formBG{
    color : #ffffff
}

.es-dialog-colors-tableBG{
    color : #ffffff
}

.es-dialog-colors-tableBGAlt{
    color : #ffffff
}

.es-dialog-colors-menuBG{
    color : #ffffff
}


/* ------ divers.css */


.x-tool{
    width: 20px;
    height: 24px;
    background-position:center center;
}

.ChangeLogoCbx_image{width:50px;display:inline-block;text-align:center;}
.ChangeLogoCbx_image>img{max-width:50px;max-height:50px;}
.ChangeLogoCbx_title{line-height:50px;vertical-align:top;display:inline-block}

.touch-no-context {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.x-noellipsistooltip{
pointer-events:none;
}
.x-grid3-check-col-medium {
    background-position: center center;
    background-repeat: no-repeat;
    background-image:url(../images/checkmedium.gif);
}



.thumb-wrap {
   display: inline-block;
    margin: 4px 0 4px 4px;
    border: 1px solid transparent;
    padding: 5px;
}
.img-chooser-view .thumb-wrap{
    display: inline-block;
    margin: 4px;
    margin-right: 0;
    padding: 3px;
    zoom:1;
}

.itemb-selected  {
    background: none repeat scroll 0 0 #a8a8a8;
    color : #454545;
    border: 1px solid #a8a8a8;
    padding: 5px;
}

#basketView .thumb-wrap {
    display: inline-block;
    margin: 4px 0 4px 4px;
    border: 2px solid transparent;
    padding: 5px;
}

#basketView span {
    font-size:9px;
    position: relative;
    top:-5px;
}




















/* node font override*/
.x-tree-node .x-tree-italic.x-tree-selected a span{
font-style : italic;
}

/* node font override*/
.x-tree-node .x-tree-italic a span{
font-style : italic;
}

/*--------SMV PRINT------*/


.SMVblock
{
    border: 1px solid #CCC;
    empty-cells: show;
    border-collapse : collapse;
}
.SMVheader
{
    padding: 3px;
    font-weight: bold;
    text-align: center;
    border: 1px solid ;
}
.SMVvalue
{
    padding: 3px;
    vertical-align: middle;
    max-width:500px;
    border: 1px solid #CCC;
    word-wrap:break-word;
}


.strike{
 text-decoration: line-through;
}
.strike .x-menu-item-text {
 text-decoration: line-through;
}

/* for upload (html5)*/

ul.recentLocation{
    height:40px;
    background-image:url(../images/upload_folder.png);
    background-repeat:no-repeat;
    background-position: 5px 7px;
    cursor:pointer;
    margin-bottom:1px;
    }


div.abort{
    cursor:pointer;
    float:right;
    width:14px;
    height:14px;
    margin-left:3px;
    background-image:url(../images/upload_abort.png);
    background-repeat:no-repeat;
    background-position:center center;
    }

div.log{cursor:pointer;
    float:right;
    width:14px;
    height:14px;
    margin-left:3px;
    background-image:url(../images/reveal.png);
    background-repeat:no-repeat;
    background-position:center 1px;
    }


/*------------------------------------ dont touch--------------------------------------------*/


.ESFileUploadWin .x-panel-body-noheader,
#ESFileUploadWin .x-panel-body-noheader
    {
        border:0px !important;
    }

.ESFileUploadWin .x-panel-footer,
#ESFileUploadWin .x-panel-footer
    {
       /*  border-top:1px solid #b3b3b3; */
        background: #ffffff;
        border-radius:0px 0px 5px 5px;
        position:relative;
    }

.ESFileUploadWin .x-panel-footer:after{
   content: "";
    position: absolute;
    width: 100%;
    left: 0px;
    top:0px;
    height: 1px;
    background: linear-gradient(to bottom, #b3b3b3 0%, #b3b3b3 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;
}


.rightPanel .x-panel-body{
    position:relative;
}
 .rightPanel .x-panel-body:after{
   content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    top:0px;
    width: 1px;
    background: linear-gradient(to left, #b3b3b3 0%, #b3b3b3 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;
}


.ESFileUploadWin  .x-splitbar-v,
#ESFileUploadWin  .x-splitbar-v
    {
        background-color:transparent !important;
        border:none !important;
    }

.ESFileUploadWin .multipleFile
    {
        margin: 2px;
        padding: 3px;
        overflow-y : auto;
        border: 1px solid grey;
        max-height: 20em;
        display: none;
    }

.dropPanel,
.metaPanel,
.centerPanel,
.leftPanel,
.rightPanel
    {
        border: 1px solid;
        border-radius: 4px;
        box-shadow: 0px 1px 1px -1px rgba(255,255,255,0.9);
    }

.dropPanel   .x-panel-tbar,
.metaPanel   .x-panel-tbar,
.centerPanel .x-panel-tbar,
.leftPanel   .x-panel-tbar,
.rightPanel  .x-panel-tbar
    {
        border-radius:4px 4px 0px 0px;
    }


.dropPanel .x-panel-body
    {
        background:  url(../images/bck.png);
        -webkit-box-shadow: inset 0px 2px 8px 1px rgba(12,12,12,0.5), 0px 1px 1px -1px rgba(255,255,255,0.9);
        box-shadow: inset 0px 2px 8px 1px rgba(12,12,12,0.5),0px 1px 1px -1px rgba(255,255,255,0.9);
    }




.dropPanel_contenair{text-align:center;}







span.titleBar,
span.jobName
    {   white-space:nowrap;
        height:30px;
        font-size:12px;
        font-weight:bold;
        text-shadow:0px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(45,45,45,0.1);
    }



/*----------------------------------------choosen item-------------------------------------*/

ul.choosenItems{
    width:85%;
    margin:5px auto;
    background-color: rgba(14,14,14,0.6);
    border:1px solid #656565;
    border-radius:3px;
    color:#eee;
    cursor:pointer;
    box-shadow:  0px 5px  5px 0px rgba(0,0,0,.6);
    }
ul.choosenItems li{
    padding:3px 3px 3px 10px;
    font-size:10px;
    font-weight:bold;
    display:list-item;
    text-shadow:0px -1px -1px rgba(0,0,0,0.8), 1px 1px 1px rgba(45,45,45,0.8);

    }

ul.choosenItems li.name{
    text-align:left;
    font-size:11px;white-space:nowrap;
    color:#eee;
    text-shadow:0px -1px -1px rgba(0,0,0,0.8), 1px 1px 1px rgba(45,45,45,0.8);
    text-overflow: ellipsis;
    overflow:hidden;
    }
ul.choosenItems li.name .size{
    float:right;
    font-size:9px;
    margin: 0px 8px;
    line-height:16px;
    color:#ccc;
    text-shadow:0px -1px -1px rgba(0,0,0,0.8), 1px 1px 1px rgba(45,45,45,0.8);

    }


ul.choosenItems li.name .size::before{content:'('}
ul.choosenItems li.name .size::after{content:')'}
/*----------------------------------------metadata layout-------------------------------------*/


table.metadata
    {
        margin:20px auto;
    }

table.metadata td{padding:3px;}
td.label
    {
        white-space:nowrap;
        text-shadow:0px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(45,45,45,0.1);
        text-align:right;
        font-size:12px
    }

td.label::after
    {
        content:" :"
    }




/*----------------------------------------recent location-------------------------------------*/


ul.recentLocation:active,
._active {


    text-shadow:1px 1px 1px  rgba(45,45,45,0.7);


    }

ul.recentLocation li.location_item {
    padding:8px 3px 0px 35px;
    font-size:10px;
    font-weight:bold;
    display:list-item;


    }
ul.recentLocation li.location_conteneur {
    display:list-item;
    padding: 3px 3px 4px 35px;
    font-size:9px;


}

/*----------------------------------------current upload-------------------------------------*/


ul.uploadItem{
    padding:6px 0px 10px 0px;

    float:left;
    width:100%;
    border-top:1px solid;
    border-bottom:1px solid;
    }

ul.uploadItem li {
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    margin:2px 5px;
    display:list-item;

    }

ul.uploadItem li.name{cursor:pointer;
    font-size:11px;

    }

ul.uploadItem li.status {

    font-size:9px;

    }

.ESUploadDrop {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: table;
}
.ESUploadDropView {
    background:  url(../images/bck.png);
    -webkit-box-shadow: inset 0px 2px 8px 1px rgba(12,12,12,0.5), 0px 1px 1px -1px rgba(255,255,255,0.9);
    box-shadow: inset 0px 2px 8px 1px rgba(12,12,12,0.5),0px 1px 1px -1px rgba(255,255,255,0.9);
}
.ESUploadDrop div{
    z-index: 0;
    opacity: 0.5;
    font-size: 2em;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.toUploadDV{
    position: relative;
    z-index: 1;
}

.formUploadPanel, .panESUpload{
    border: none !important;
}


/*-------------------------------- progress bar---------------------------------*/

.loaderBox{
    border-radius: 5px;
    font-size:9px;
    line-height:9px;
    text-align:center;
    height:11px;
    border:1px solid rgba(20,20,20,0.5);
    border-bottom:0px;
    box-shadow: inset 0px 5px  5px 0px rgba(0,0,0,.5), 0px 1px 0px 0px rgba(255,255,255,0.9);
    }

.error{background-color: #ff4545}

.done{background-color:#00e700}

.loaderBar{
    border-radius: 4px;
    float:left;
    color:white;
    height:10px;


    background-image:
        -webkit-linear-gradient(
        -45deg,
        #06F 25%,
        white 25%,
        white 50%,
        #06F 50%,
        #06F 75%,
        white 75%,
        white
    );
    background-image:
        -moz-linear-gradient(
        -45deg,
        #06F 25%,
        white 25%,
        white 50%,
        #06F 50%,
        #06F 75%,
        white 75%,
        white
    );
    background-image:
        -ms-linear-gradient(
        -45deg,
        #06F 25%,
        white 25%,
        white 50%,
        #06F 50%,
        #06F 75%,
        white 75%,
        white
    );
    background-image:
        linear-gradient(
        -45deg,
        #06F 25%,
        white 25%,
        white 50%,
        #06F 50%,
        #06F 75%,
        white 75%,
        white
    );
    -webkit-background-size:50px 50px;
    -moz-background-size:50px 50px;
    -ms-background-size:50px 50px;
    background-size:50px 50px;
    /*-webkit-animation:move 2s linear infinite;*/
    -moz-animation:move 2s linear infinite;
    -ms-animation:move 2s linear infinite;
    animation:move 2s linear infinite;
        overflow: hidden;


    -webkit-box-shadow:inset 0px 5px  5px 0px rgba(255,255,255,.4) , inset 0px -2px  1px 0px rgba(0,0,0,.8);
    -moz-box-shadow:inset 0px 5px  5px 0px rgba(255,255,255,.4) , inset 0px -2px  1px 0px rgba(0,0,0,.8);
    -ms-box-shadow:inset 0px 5px  5px 0px rgba(255,255,255,.4) , inset 0px -2px  1px 0px rgba(0,0,0,.8);
    box-shadow: inset 0px 5px  5px 0px rgba(255,255,255,.4) , inset 0px -2px  1px 0px rgba(0,0,0,.8);

}

/*
Animate the stripes
*/
@-webkit-keyframes move{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes move{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@-ms-keyframes move{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@keyframes move{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

/*--- Component CSS ---*/
.noBorderBottom td {
    border-bottom:0px!important;
}
.noPadding td {
    padding:0px!important;
}
.centered {
    margin:0px auto;
}
.approverPastille {

    border-radius:5px;
    width:10px;
    height:10px;
}

.labelBig {
    font-weight:bold;
    font-size:larger;
}
.x-grid-verticalAlign {vertical-align:middle}
.grayScale {
    -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
   }









.x-tree-selected .x-tree-node-loading .x-tree-elbow-plus
{
       /*  background-image:url(../images/default/tree/loading.gif) !important; */
}


/******** components Comments ******/

.CommentsComponentTable
{
    border-collapse: collapse;
    margin:10px;
}

.CommentsComponentTable tr td
{
    vertical-align: top;
     white-space: normal;
    padding: 0px 4px;
    box-shadow: 1px 0px 0px 0px rgba(1,1,1,.2);
}
.CommentsComponentTable th
{
    text-align: center;
     font-weight: bold;
    text-align: left;
    padding: 0px 4px;
    box-shadow: 1px 0px 0px 0px rgba(1,1,1,.2), 0px 1px 0px 0px rgba(1,1,1,.2);
}

.containerComments
{
    position: relative;
    height: inherit;
    overflow: hidden;
    width: 100%;
}

.overflowComments
{

    position: relative;
    top: 10px;
    left: 0px;
    right: 10px;
    bottom: 10px;
    overflow: auto;
    border: 1px solid rgba(1,1,1,.2);
}

.overflowComments table tr:nth-child(odd) td
{
    background-color: rgba(1,1,1,.1);
}

td > .containerComments > .overflowComments
{
    position: static;
}
.jdfImpoFolioName {
    background-color:silver;
    color:black;
    display:inline-block;
    border:1px dotted black;
    padding:2px;
}
.toolBadge {
    background-color:red;
    border-radius : 10px;
    -moz-border-radius : 10px;
    color:white;
    font-size:12px;
    font-weight:bold;
    overflow:hidden;
    padding:0;
    text-align:center;
    width:13px;
    float:right;
    margin-top:1px;
    padding:1px;
    line-height:13px !important;
    position:relative;
    top:-10px;
    left:-5px;
    opacity:0.5;
    }

.smv-uploadOnDrag{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #ffffff;
  z-index: 6010;
  transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -o-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.smv-uploadOnDrag-popup{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 55%;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 45px, rgba(0, 0, 0, 0.22) 0px 10px 18px !important;
  border-radius: 5px;
  padding: 45px;
  z-index: 6015;
  transform: translate(-50%,-50%) scale(0);
  opacity: 0;
  -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, border 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, background 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -o-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, border 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, background 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, border 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, background 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  border: 2px solid transparent;
}


.smv-inner-upload{
  position: relative;
  border: 2px dashed rgba(255,255,255,0.1);
  width: 100%;
  height: 100%;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.smv-inner-upload-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}

.smv-inner-upload-content .smv-upload-img{
  display: inline-block;
  background-image: url(./cloud_shadow.svg?csstheme=demo-desktop);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}

.smv-inner-upload-content p{
  color: #fff;
  font-size: 1.5em;
  padding: 20px 0;
  text-transform: uppercase;
}

.smv-inner-upload-content button{
  display: inline-block;
  padding: 10px 25px;
  height: auto;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  text-transform: uppercase;
  -webkit-transition: background 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -o-transition: background 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: background 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  font-weight: bold;
  background: #b3b3b3;
  color: #fff;
  border: none;
  font-size: 1.1em;
  cursor: pointer;
}


.smv-uploadOnDrag-info{
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%) translateY(200%);
   position: fixed;
  opacity: 0;
  background: #b3b3b3;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 45px, rgba(0, 0, 0, 0.22) 0px 10px 18px !important;
  padding: 25px;
  -webkit-transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -o-transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 6015;
  overflow: hidden;
}



.smv-uploadOnDrag-info .smv-inner-upload-info{
  display: block;
}

.smv-uploadOnDrag-info .smv-inner-upload-info p{
  
  text-transform: uppercase;
  font-size: 1.1em;
}

.smv-uploadOnDrag-info .smv-inner-upload-info p span{
  font-weight: bold;
}

body.smv-dragenter .smv-uploadOnDrag{
  transform: scale(1);
  opacity: .1;
}


body.smv-dragenter .smv-uploadOnDrag-popup{
  transform: translate(-50%,-50%) scale(1);
  opacity: 1;
}

body.smv-dragenter .smv-uploadOnDrag-info{
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  position: fixed;
}


.smv-dragzone{
  position: fixed;
  z-index: -1;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
}
.flexcontainer {
  display: -webkit-flex;
  display: flex;
  flex: 1;
}

/* ------ font.css */


/*body,strong, em, b, i,h1, h2, h3, h4, h5, h6, address,table, td, tr 
{ font-size: 11px; font-family: "Lucida Grande", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }*/

.ext-ie8 input{
    padding-top:4px !important
    }
    
.ext-ie ul.x-tree-node-ct {
    font-size: 11px
    }

.x-menu-item-text{
    font-size: 10px;
    }


.x-dd-drag-ghost{
    
    font-size: 10px;
}

.x-fieldset legend {
     font-weight: bold;
     font-size: 11px; 
 
  }



.x-tip .x-tip-mc {
    font-size: 9px ;
}

.x-tip .x-tip-header-text {
  /*   font-weight: bold;
    font-size: 9px ; */
  
}

.x-tip .x-tip-body {
    
   /*  color:#252525; */
}

.x-tab-strip-disabled .x-tabs-text,
.x-item-disabled .x-tab-strip-text  {
  /*   color:#eeeeee; */
    font-style: oblique !important;
    }
    

.x-tree-node .x-tree-node-disabled a span{
    color:gray !important;
}



/*font face and icon by text*/


.buttonSVG{
        font-family: 'DALIM_ESICON' !important;
        padding: 0px 4px !important;
        text-align:center !important; 
        font-weight:normal !important;
        font-size: 14px !important
    }

@font-face {
    font-family: 'DALIM_ESICON';
    src:url('../fonts/DALIM_ICON.eot');
    src:url('../fonts/DALIM_ICON.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DALIM_ICON.woff') format('woff'),
        url('../fonts/DALIM_ICON.ttf') format('truetype'),
        url('../fonts/DALIM_ICON.svg#DALIM_ICON') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'DALIM_ESICON';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-pencil, .icon-folder, .icon-remove, .icon-add, .icon-delete, .icon-pins, .icon-dbl, .icon-ticks, .icon-close, .icon-open, .icon-tags, .icon-remove-2, .icon-layers, .icon-info, .icon-search, .icon-zoom2, .icon-miniZoom3, .icon-cog, .icon-star, .icon-star-2, .icon-approve, .icon-stackoverflow, .icon-tampon, .icon-dblPage, .icon-page, .icon-trim, .icon-comment-alt2-stroke, .icon-bold, .icon-italic, .icon-SimpleV, .icon-VignetteV, .icon-OnlyV, .icon-eye, .icon-forward, .icon-backward, .icon-first, .icon-last, .icon-portrait, .icon-paysage, .icon-thumbs-up, .icon-thumbs-up-2, .icon-user {
    font-family: 'DALIM_ESICON';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-folder:before {
    content: "\66";
}
.icon-tool:before {
    content: "\24";
}
.icon-remove:before {
    content: "\72";
}
.icon-add:before {
    content: "\61";
}
.icon-delete:before {
    content: "\64";
}
.icon-pins:before {
    content: "\6e";
}
.icon-dbl:before {
    content: "\62";
}
.icon-stack:before {
    content: "\52";
}
.icon-approve:before {
    content: "\41";
}
.icon-star:before {
    content: "\79";
}
.icon-star2:before {
    content: "\75";
}
.icon-cog:before {
    content: "\71";
}
.icon-eye:before {
    content: "\22";
}
.icon-forward:before {
    content: "\4e";
}
.icon-backward:before {
    content: "\50";
}
.icon-first:before {
    content: "\4b";
}
.icon-last:before {
    content: "\45";
}
.icon-unchecked:before {
    content: "\25";
}
.icon-bubbles:before {
    content: "\26";
}
.icon-cogs:before {
    content: "\27";
}
.icon-radio:before {
    content: "\28";
}
.icon-round:before {
    content: "\29";
}
.icon-trim:before {
    content: "\4d";
}
.icon-bold:before {
    content: "\42";
}
.icon-italic:before {
    content: "\49";
}
.icon-page:before {
    content: "\53";
}
.icon-image:before {
    content: "\33";
}
.icon-sidebyside:before {
    content: "\3b";
}
.icon-overlay:before {
    content: "\3c";
}
.icon-mask:before {
    content: "\3d";
}
.icon-uni31:before {
    content: "\31";
}
.icon-reject:before {
    content: "\32";
}
.icon-close:before {
    content: "\63";
}
.icon-open:before {
    content: "\6f";
}
.icon-wall:before {
    content: "\4f";
}
.icon-vignette:before {
    content: "\76";
}
.icon-minizoom:before {
    content: "\7a";
}
.icon-zoom+:before {
    content: "\5a";
}
.icon-zoom:before {
    content: "\73";
}
.icon-info:before {
    content: "\69";
}
.icon-portraitVign:before {
    content: "\67";
}
.icon-paysageVign:before {
    content: "\47";
}
.icon-user:before {
    content: "\78";
}
.icon-uni6B:before {
    content: "\6b";
}
.icon-text:before {
    content: "\2a";
}
.icon-spinner:before {
    content: "\2b";
}
.icon-target:before {
    content: "\2c";
}
.icon-camera:before {
    content: "\2d";
}
.icon-user2:before {
    content: "\34";
}
.icon-100:before {
    content: "\35";
}
.icon-fullscreen:before {
    content: "\37";
}
.icon-fullscreen2:before {
    content: "\38";
}
.icon-simple:before {
    content: "\56";
}
.icon-pencil:before {
    content: "\65";
}
.icon-tampon:before {
    content: "\54";
}
.icon-layers:before {
    content: "\6c";
}
.icon-trash:before {
    content: "\70";
}
.icon-tags:before {
    content: "\6d";
}
.icon-uni21:before {
    content: "\21";
}
.icon-bullet:before {
    content: "\30";
}
.icon-check:before {
    content: "\23";
}
.icon-uni2E:before {
    content: "\2e";
}
.icon-picture:before {
    content: "\2f";
}
.icon-dblpage:before {
    content: "\44";
}
.icon-undo:before {
    content: "\39";
}
.icon-link:before {
    content: "\3a";
}
.icon-sidebysideV:before {
    content: "\36";
}
.icon-showPins:before {
    content: "\57";
}
.icon-userNew:before {
    content: "\59";
}
.icon-users:before {
    content: "\77";
}
.icon-uniF0B0:before {
    content: "\a7";
}
.icon-uni3F:before {
    content: "\3f";
}
.icon-uniF0C1:before {
    content: "\5b";
}
.icon-uni40:before {
    content: "\40";
}
.icon-uni3E:before {
    content: "\3e";
}
.icon-uniF10E:before {
    content: "\5d";
}
.icon-uniF10D:before {
    content: "\7b";
}
.icon-uniF107:before {
    content: "\b1";
}
.icon-uniF106:before {
    content: "\f106";
}
.icon-uniF102:before {
    content: "\7d";
}
.icon-uniF104:before {
    content: "\5e";
}
.icon-uniF105:before {
    content: "\7c";
}
.icon-uniF103:before {
    content: "\5c";
}
.icon-uniF101:before {
    content: "\60";
}
.icon-uniF100:before {
    content: "\5f";
}
.icon-uni4A:before {
    content: "\4a";
}
.icon-uni43:before {
    content: "\43";
}
.icon-uni46:before {
    content: "\46";
}
.icon-uni48:before {
    content: "\48";
}
.icon-uni4C:before {
    content: "\4c";
}
.icon-uni51:before {
    content: "\51";
}
.icon-uni55:before {
    content: "\55";
}
/* ------ form.css */

.x-small-editor .x-form-field-wrap .x-form-trigger      {height:21px}
.ext-strict .ext-safari .x-small-editor .x-form-text    {height:16px !important;}
.ext-strict .ext-chrome .x-small-editor .x-form-text    {height:17px !important;}
.ext-strict .ext-gecko3 .x-small-editor .x-form-text    {height:18px !important;}
.ext-strict .ext-chrome .x-form-text                    {height: 19px;}

.x-table-layout-cell{
    padding: 2px 3px ;
    vertical-align: top;
    position:relative;
 }
 
.x-form-display-field{
    padding-top:3px;
}
 
 
/**************************************************************/
 
.x-form-item-label{
    color:#3d3d3d;
}


.x-form-text,
.x-form-textarea{
    background: #ffffff !important; 
    border-radius:2px;
    border:0.5px solid #cccccc !important;
    color:#000000; 
   }  
.x-form-invalid, textarea.x-form-invalid{
background: #ffffff repeat-x bottom!important;
background-image:url(../javascript/framework/extjs/images/default/grid/invalid_line.gif)!important;
}
  
._chrome_only  .x-form-textarea,
._chrome_only  .x-form-text{ 
           border-width:0px !important;
           box-shadow:inset 0px 0px 0px 0.5px #cccccc ;
      }  

.x-form-field-trigger-wrap .x-form-text{
    background:#ffffff;
    color:#000000;
    border-radius:2px 0px 0px 2px ;
}

.x-form-trigger {
    border: 0px !important;
}

/********************focus*******************/

.x-form-textarea.x-form-focus,
.x-form-focus { 
  box-shadow: inset 0px 0px 0px 1px #a8a8a8 !important;
  border-color: #a8a8a8 !important;
}

/*********************************dbl ***************************************/

.x-form-field-trigger-wrap  .x-form-trigger{
   background: #a8a8a8 url('../themeimage/svg/dbl.svg?color1=-12237499'); 
   background-position: 3px 5px;
   background-repeat: no-repeat;
   background-size:12px;
   border-radius:0px 2px 2px 0px ;
   margin-left:-1px;
   position:absolute;
   }

#allloginGrp .x-form-field-trigger-wrap  .x-form-trigger{
    background: #a8a8a8 url('./themeimage/svg/dbl.svg?color1=-12237499');
}

.x-trigger-wrap-focus .x-form-trigger{
    background: #a8a8a8 url('../themeimage/svg/dbl.svg?color1=-12237499');
    background-position: 3px 5px;
    background-repeat: no-repeat;
    background-size:12px;
    border:0.5px solid #a8a8a8;
}


/*******************************************date****************************/

.x-form-field-trigger-wrap .x-form-date-trigger{
    background: #a8a8a8 url('../themeimage/svg/calendar.svg?color1=-12237499') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size:12px !important;
}

.x-trigger-wrap-focus .x-form-date-trigger{
    background: #a8a8a8 url('../themeimage/svg/calendar.svg?color1=-12237499') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size:12px !important;
}


/*********************************search*********************************/

.x-form-field-trigger-wrap  .x-form-search-trigger{
    background: #a8a8a8 url('../themeimage/svg/zoom.svg?color1=-12237499');
    background-position: 0px center;
    background-repeat: no-repeat;
}

.x-trigger-wrap-focus .x-form-search-trigger{
    background: #a8a8a8 url('../themeimage/svg/zoom.svg?color1=-12237499') !important;
    background-repeat: no-repeat !important;
    background-position: 0px center !important;
}



 /**********************clear**************************************/
.x-form-field-trigger-wrap .x-form-clear-trigger{
      border-radius:0px;
      margin-right:0px;
}

.x-form-field-trigger-wrap .x-form-clear-trigger{
    background: #a8a8a8 url('../themeimage/svg/bt_close.svg?color1=-12237499');
    background-position: 2px 4px ;
    background-size:14px;
    background-repeat: no-repeat;
}
 
.x-trigger-wrap-focus .x-form-clear-trigger{
    background: #a8a8a8 url('../themeimage/svg/bt_close.svg?color1=-12237499') !important;
    background-position: 2px 4px !important;
    background-size:14px !important;
    background-repeat: no-repeat !important;
    
}

/*************************************filter***************************/

.x-form-field-trigger-wrap .x-form-filter-trigger {
    background: #ffffff url('../themeimage/svg/filter.svg?color1=-12237499') !important;
    background-position: 0px center !important;
    background-repeat: no-repeat !important;
    background-size: 13px !important;
}

.x-trigger-wrap-focus .x-form-filter-trigger{
    background: #a8a8a8 url('../themeimage/svg/filter.svg?color1=-12237499') !important;
    background-repeat: no-repeat !important;
    background-position: 0px center !important;
    background-size: 13px !important;

}

/****************************color*****************************/
 .ux-form-color-trigger{
    left: 0px !important;
    border-radius: 50% !important;
    width: 22px !important;
    box-shadow:inset 0px 1px 2px -1px #909090 , 0px 1px 1px -1px #909090  !important;
    background-image:none !important;
   }

/***********************************disabled************************/
.x-item-disabled {
    color:#000000;
    opacity: .5 !important; 
    font-style:italic;
    -moz-opacity: .5 !important;
    filter: alpha(opacity=50) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"!important;
}


 .x-form-invalid {
    background: #ffffff repeat-x bottom!important;
    background-image: url('../images/underline.svg') !important; 
    background-size: 15px !important;
}





/* 
.x-form-check-group-label {
    color: #15428b;
    }

.x-form-invalid, textarea.x-form-invalid {
    background-color:#fff;
    background-image:url(../images/default/grid/invalid_line.gif);
}

.x-form-invalid.x-form-composite {
    border: none;
    background-image: none;
}

.x-form-invalid.x-form-composite .x-form-invalid {
    background-color:#fff;
    background-image:url(../images/default/grid/invalid_line.gif);
    border-color:#c30;
}

.x-form-inner-invalid, textarea.x-form-inner-invalid {
    background-color:#fff;
    background-image:url(../images/default/grid/invalid_line.gif);
}

.x-form-invalid-msg {
    color:#c0272b;
    background-image:url(../images/default/shared/warning.gif);
}

.x-form-empty-field {
    color:gray;
}

.x-form-invalid-icon {
    height: 20px;
    background:url('../themeimage/svg/exclamation.svg?color1=-47803') !important;
}

 */
/*------------------------------------------------------------------------------------*/




.x-fieldset{
    border: 1px solid #a8a8a8;
    border-radius:3px;
    overflow: visible;
}


.x-fieldset .x-fieldset-header{
    font-size: 12px;
    font-weight: 300;
    color: #3d3d3d;
}

fieldset.x-panel-collapsed{
    border-width:2px 0px 0px 0px !important ;
    border-color:#969ba4 !important ;
    -moz-border-radius:0px !important;
    -webkit-border-radius:0px !important;
}










/* ------ grid.css */


.x-grid-panel{
    border:0.5px solid #cccccc !important ;
}

._chrome_only  .x-grid-panel{ 
           border-width:0px !important;
           box-shadow: 0px 0px 0px 0.5px #cccccc ;
      } 


#pageLinkPanel .x-grid-panel,
.x-box-item.x-grid-panel{ /* fullscreen x-grid */
    border:0px !important
}



.x-grid3-header,
.x-grid-panel .x-grid3-hd-row,
.x-grid-panel  .x-panel-header,
.x-grid-panel .x-panel-tbar{
    background: #ffffff !important;
   
}


/********main title grid-toolbar****************/ 
.x-grid-panel .x-panel-header-text,
.x-toolbar div.xtb-text{
    font-size:14px;
    font-weight:100;
    color:#454545; 
   }



.x-grid3-hd-row td{
    background:#ffffff;
    color:#151515; 
}


.x-grid3-row{
    border:0px;
}
.x-grid3-header-offset{
    padding:0px;
}

.x-grid3-header{
    padding:0px;
  
}
.x-grid3-row td, .x-grid3-summary-row td{
    padding-left: 0px;
    padding-right: 0px;
    position:relative;
}
    
.x-grid3-hd-row td{
    border-right:0.5px solid #b3b3b3;
    border-left:0px;
    border-bottom:0.5px solid #b3b3b3;
}


td.sort-desc,
td.sort-asc{
    border-right:0.5px solid #b3b3b3;
    border-left:0px;
    color:#454545
}

.x-grid3-hd-btn{
    height:23px !important;
}
.x-grid3-cell-first .x-grid3-cell-inner{
    padding-left:4px;
}


.x-grid3-cell-inner, .x-grid3-hd-inner{
    padding:4px 3px 4px 5px;
}





.x-grid3-row{
    background:#ffffff; 
    min-height:20px;
}
.x-grid3-row-alt{
    background:#ffffff; 
} 
.x-grid-group .x-grid3-row{
    background: #ffffff;  
}
.x-grid-group  .x-grid3-row-alt{
    background: #ffffff; 
} 

 
.x-grid3-row-selected{
    background:#a8a8a8 !important;
    color:#ffffff !important; 
    }



/* Checkers */
.x-grid3-body .x-grid3-td-checker {
    background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
    padding:0 !important;
    height:100%;
}

.x-grid3-row-checker, .x-grid3-hd-checker {
    width:100%;
    height:18px;
    background-position:2px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-row .x-grid3-row-checker {
    background-position:2px 2px;
}

.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
    background-position:-23px 2px;
}

.x-grid3-hd-checker {
    background-position:2px 1px;
}

.ext-border-box .x-grid3-hd-checker {
    background-position:2px 3px;
}

.x-grid3-hd-checker-on .x-grid3-hd-checker {
    background-position:-23px 1px;
}

.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
    background-position:-23px 3px;
}

.multilineColumn .x-grid3-cell-inner {
    white-space:normal !important;
}

.x-grid3-check-col {
    background-image:url(../images/default/menu/unchecked.gif) !important;
}

.x-grid3-check-col-on {
    background-image:url(../images/default/menu/checked.gif) !important;;
}


.x-editor .x-form-check-wrap {
    padding: 0 0 0 5px;
    text-align: center;
    background-color:transparent;
}

.x-grid3-check-col {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 100%;
}

.x-grid3-row-checker, .x-grid3-hd-checker {
    background-image:url(../images/default/grid/row-check-sprite.gif);
}

/***********************sort****************************/
.sort-asc,
.sort-desc{
   background:#a8a8a8 !important ;
}
.sort-asc .x-grid3-sort-icon{
    background-image: url('../themeimage/svg/top.svg?color1=-12237499') !important;
}
.sort-desc .x-grid3-sort-icon{
    background-image: url('../themeimage/svg/bottom.svg?color1=-12237499') !important;
}

.x-grid3-sort-icon{
    height: 12px;
    width: 16px;
    background-position: center center 
}

td.x-grid3-hd-over .x-grid3-hd-inner .x-grid3-hd-btn,
td.x-grid3-hd-over .x-grid3-hd-inner .x-grid3-hd-btn:hover{
    background: #ffffff;
    background-repeat:no-repeat;
    background-image: url('../themeimage/svg/dbl.svg?color1=-15395563') !important;
    background-position:2px 7px !important;
    background-size:11px;
}


td.x-grid3-hd-menu-open .x-grid3-hd-inner .x-grid3-hd-btn,
td.x-grid3-hd-menu-open .x-grid3-hd-inner .x-grid3-hd-btn:hover{
    background:#a8a8a8;
    background-repeat:no-repeat;
    background-image: url('../themeimage/svg/dbl.svg?color1=-12237499') !important;
    background-position:2px 7px !important;
    background-size:11px;
}

td.sort-desc .x-grid3-hd-inner .x-grid3-hd-btn,
td.sort-desc .x-grid3-hd-inner .x-grid3-hd-btn:hover,
td.sort-desc.x-grid3-hd-menu-open  .x-grid3-hd-inner .x-grid3-hd-btn:hover,
td.sort-asc .x-grid3-hd-inner .x-grid3-hd-btn,
td.sort-asc .x-grid3-hd-inner .x-grid3-hd-btn:hover,
td.sort-asc.x-grid3-hd-menu-open  .x-grid3-hd-inner .x-grid3-hd-btn:hover{
    background:#a8a8a8;
    background-repeat:no-repeat;
    background-image: url('../themeimage/svg/dbl.svg?color1=-12237499') !important;
    background-position:2px 7px !important;
    background-size:11px;
}







.x-grid3-resize-proxy {
   border-right:1px dotted #777;/*!couleur barre V de resize on drag*/
}

.x-grid3-resize-marker {
    border-right:1px dotted #777;/*!couleur barre V de resize on drag*/
}


/***********************group******************************/


.x-grid-group-hd div.x-grid-group-title {
    background-image: url('../themeimage/svg/open.svg?color1=-5723992') !important;
    background-position: 6px 6px !important;
    background-size: 9px;
    position: relative;
}

.x-grid-group-title-groupedactions {
    position:absolute;
    right:0px;
}

.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
    background-image: url('../themeimage/svg/close.svg?color1=-12763843') !important;
    background-position: 6px 6px !important;
    background-size: 9px;
}

.x-grid-group-hd {
   border-bottom:0.5px solid #cccccc ;
   padding-top:0px;
   background:#ffffff;
}

.x-grid-group-title{
     color: #a8a8a8;
     font-weight:500;
}

.x-grid3-scroller {
    -webkit-overflow-scrolling: touch;
}

.x-grid3-scroller .x-grid-group:first-child .x-grid-group-title{
      border-top:0px ;  
}

.x-grid3-scroller .x-grid-group-collapsed:last-child .x-grid-group-title{
       border-bottom:0.5px solid #cccccc; 
}
.x-grid3-scroller .x-grid-group:last-child .x-grid-group-body{
      border-bottom:0.5px solid #cccccc; 
}

.x-grid-group-collapsed .x-grid-group-title{
    color: #3d3d3d

   }
   
.x-grid-group-body{
  border-bottom:0.5px solid #cccccc ;
}

.x-grid-group-body .x-grid3-cell-first:not(.x-grid3-td-checker){
      padding-left: 16px !important; 
}
 .x-grid-group:first-child .x-grid-group-title:before{
      background: none;
 }
 































/***********************************checker**************************************/
td.x-grid3-col.x-grid3-cell,
.x-grid-group{
    position:relative;
}



.x-grid3-hd-checker .x-grid3-hd-checker:before,
.x-grid3-row .x-grid3-row-checker:before{
    background:#ffffff;;
    border-radius:2px;
    box-shadow:inset 0px 1px 3px -2px #000000;
    border:0.5px solid #cccccc;
    content: "";
    height: 10px;
    left: 4px;
    pointer-events:none;
    position: absolute;
    top:6px;
    width: 10px; 
}

.x-grid3-row-checker:before{
    top:5px;
}


.x-grid3-hd-checker-on .x-grid3-hd-checker:before,
.x-grid3-row-selected .x-grid3-row-checker:before{
    background:#a8a8a8;
    border:0.5px solid #a8a8a8;
}



.x-grid3-hd-checker-on .x-grid3-hd-checker:after,
.x-grid3-scroller .x-grid3-row-selected .x-grid3-row-checker:after{
    background-image: url('../themeimage/svg/check.svg?color1=-12237499') !important;
    background-position: 0px 0px !important;
    background-size: contain; 
    content: "";
    height: 10px;
    left: 4px;
    line-height: 10px;
    position: absolute;
    pointer-events:none;
    top: 6px;
    width:10px;
}

.x-grid3-row-selected .x-grid3-row-checker:after{
    top:5px;
}



 .x-shadow{
    display:none !important
 }



/******************************************????*********************************************/

.esDocumentBoxList{
    padding:3px;
}
.esThumbnailBox{
    vertical-align: middle !important;
  /*   box-shadow: 0px 0px 1px 0px black; */
}
.esDocumentBox,
.esFolderBox,
.esCustomerBox,
.esJobBox,
.esSmartViewBox{
    border:2px solid #b3b3b3
}
.gridImageBox{
     border:1px solid #b3b3b3 !important ;
}
.esInfoBox .x-toolbar{border-bottom:0px !important;}

/* ------ icons.css */


.x-tab-with-icon .administration20{
    background-image: url('../themeimage/svg/cogs.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .administration20{
    background-image: url('../themeimage/svg/cogs.svg?color1=-12237499') !important;
    background-size:contain;
}

.x-tab-with-icon .production20{
    background-image: url('../themeimage/svg/folder.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .production20{
    background-image: url('../themeimage/svg/folder.svg?color1=-12237499') !important;
    background-size:contain;
}
.x-tab-with-icon .smartView20{
    background-image: url('../themeimage/svg/smartview.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .smartView20{
    background-image: url('../themeimage/svg/smartview.svg?color1=-12237499') !important;
    background-size:contain;
}
.x-tab-with-icon .search20{
    background-image: url('../themeimage/svg/zoom.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .search20{
    background-image: url('../themeimage/svg/zoom.svg?color1=-12237499') !important;
    background-size:contain;
}

.x-tab-with-icon .jobStatus20{
    background-image: url('../themeimage/svg/jobStatus.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .jobStatus20{
    background-image: url('../themeimage/svg/jobStatus.svg?color1=-12237499') !important;
    background-size:contain;
}

.x-tab-with-icon .metadata20{
    background-image: url('../themeimage/svg/metadata.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .metadata20{
    background-image: url('../themeimage/svg/metadata.svg?color1=-12237499') !important;
    background-size:contain;
}



.x-tab-with-icon .jobprogress20{
    background-image: url('../themeimage/svg/jobprogress.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .jobprogress20{
    background-image: url('../themeimage/svg/jobprogress.svg?color1=-12237499') !important;
    background-size:contain;
}


.x-tab-with-icon .notelist20{
    background-image: url('../themeimage/svg/notelist.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .notelist20{
    background-image: url('../themeimage/svg/notelist.svg?color1=-12237499') !important;
    background-size:contain;
}

.x-tab-with-icon .approval20{
    background-image: url('../themeimage/svg/approval.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .approval20{
    background-image: url('../themeimage/svg/approval.svg?color1=-12237499') !important;
    background-size:contain;
}

.x-tab-with-icon .pageLinks20{
    background-image: url('../themeimage/svg/link.svg?color1=-14787936') !important;
    background-size:contain;
}
.x-tab-strip-active .pageLinks20{
    background-image: url('../themeimage/svg/link.svg?color1=-12237499') !important;
    background-size:contain;
}








 
  


.x-btn .x-btn-small .miniValidate,.x-btn .x-btn-medium .miniValidate,.x-btn-over .x-btn-medium .miniValidate,
.x-btn-over .x-btn-small .miniValidate{
    background: rgba(1, 1, 1, 0.004) url('../themeimage/svg/validate.svg?color1=-16718080') ;
   
}
.x-btn-active .x-btn-small .miniValidate,
.x-btn-click .x-btn-small .miniValidate,
.x-btn-pressed .x-btn-small .miniValidate,
.x-btn-active .x-btn-medium .miniValidate,
.x-btn-click .x-btn-medium .miniValidate,
.x-btn-pressed .x-btn-medium .miniValidate{
    background: rgba(1, 1, 1, 0.004)  url('../themeimage/svg/validate.svg?color1=-16718080');
   
 }
.x-btn .x-btn-small .miniReject,
.x-btn-over .x-btn-small .miniReject,
.x-btn .x-btn-medium .miniReject,
.x-btn-over .x-btn-medium .miniReject{
    background: rgba(1, 1, 1, 0.004) url('../themeimage/svg/reject.svg?color1=-47803');
   
}
.x-btn-active .x-btn-small .miniReject,
.x-btn-click .x-btn-small .miniReject,
.x-btn-pressed .x-btn-small .miniReject,
.x-btn-active .x-btn-medium .miniReject,
.x-btn-click .x-btn-medium .miniReject,
.x-btn-pressed .x-btn-medium .miniReject{
    background: rgba(1, 1, 1, 0.004) url('../themeimage/svg/reject.svg?color1=-47803');
 
 }
 









.x-btn .x-btn-small .new,
.x-btn-over .x-btn-small .new{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/plus.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .new,
.x-btn-click .x-btn-small .new,
.x-btn-pressed .x-btn-small .new{
    background: #a8a8a8 url('../themeimage/svg/plus.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniAdd,
.x-btn-over .x-btn-small .miniAdd{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/plus.svg?color1=-15395563'); 
 }
.x-btn-active .x-btn-small .miniAdd,
.x-btn-click .x-btn-small .miniAdd,
.x-btn-pressed .x-btn-small .miniAdd{
    background: #a8a8a8 url('../themeimage/svg/plus.svg?color1=-12237499'); 
 }





.x-btn .x-btn-small .miniTrash,
.x-btn-over .x-btn-small .miniTrash{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/trash.svg?color1=-15395563');
    background-size:contain; 
}
.x-btn-active .x-btn-small .miniTrash,
.x-btn-click .x-btn-small .miniTrash,
.x-btn-pressed .x-btn-small .miniTrash{
    background: #a8a8a8 url('../themeimage/svg/trash.svg?color1=-12237499');
 }
 
 
.x-btn .x-btn-small .miniDelete,
.x-btn-over .x-btn-small .miniDelete{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/minus.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniDelete,
.x-btn-click .x-btn-small .miniDelete,
.x-btn-pressed .x-btn-small .miniDelete{
    background: #a8a8a8 url('../themeimage/svg/minus.svg?color1=-12237499');
 }
 
 
.x-btn .x-btn-small .delete12,
.x-btn-over .x-btn-small .delete12{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/minus.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .delete12,
.x-btn-click .x-btn-small .delete12,
.x-btn-pressed .x-btn-small .delete12{
    background: #a8a8a8 url('../themeimage/svg/minus.svg?color1=-12237499');
 }
 
 
.x-btn .x-btn-small .miniView,
.x-btn-over .x-btn-small .miniView{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/eye.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniView,
.x-btn-click .x-btn-small .miniView,
.x-btn-pressed .x-btn-small .miniView{
    background: #a8a8a8 url('../themeimage/svg/eye.svg?color1=-12237499');
 }
 
 
 
.x-btn .x-btn-small .miniDownload,
.x-btn-over .x-btn-small .miniDownload{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/download.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniDownload,
.x-btn-click .x-btn-small .miniDownload,
.x-btn-pressed .x-btn-small .miniDownload{
    background: #a8a8a8 url('../themeimage/svg/download.svg?color1=-12237499');
  }
 
 
 
 
.x-btn .x-btn-small .miniUpload,
.x-btn-over .x-btn-small .miniUpload{
   background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/upload.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniUpload,
.x-btn-click .x-btn-small .miniUpload,
.x-btn-pressed .x-btn-small .miniUpload{
    background: #a8a8a8 url('../themeimage/svg/upload.svg?color1=-12237499');
  }
  
   
.x-btn .x-btn-small .miniCheckout,
.x-btn-over .x-btn-small .miniCheckout{
   background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/checkout.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniCheckout,
.x-btn-click .x-btn-small .miniCheckout,
.x-btn-pressed .x-btn-small .miniCheckout{
    background: #a8a8a8 url('../themeimage/svg/checkout.svg?color1=-12237499');
  }
   
.x-btn .x-btn-small .miniCheckin,
.x-btn-over .x-btn-small .miniCheckin{
   background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/checkin.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniCheckin,
.x-btn-click .x-btn-small .miniCheckin,
.x-btn-pressed .x-btn-small .miniCheckin{
    background: #a8a8a8 url('../themeimage/svg/checkin.svg?color1=-12237499');
  }
  
.x-btn .x-btn-small .miniRefresh,
.x-btn-over .x-btn-small .miniRefresh{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/refresh.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniRefresh,
.x-btn-click .x-btn-small .miniRefresh,
.x-btn-pressed .x-btn-small .miniRefresh{
    background: #a8a8a8 url('../themeimage/svg/refresh.svg?color1=-12237499');
 }
 
 
 
.x-btn .x-btn-small .miniFilter,
.x-btn-over .x-btn-small .miniFilter{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/filter.svg?color1=-15395563');
}
/* .x-btn-active .x-btn-small .miniFilter,
 */.x-btn-click .x-btn-small .miniFilter,
.x-btn-pressed .x-btn-small .miniFilter{
    background: #a8a8a8 url('../themeimage/svg/filter.svg?color1=-12237499');
  }
  
  
  
.x-btn .x-btn-small .miniSmallPage,
.x-btn-over .x-btn-small .miniSmallPage{
   background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/smallpage.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniSmallPage,
.x-btn-click .x-btn-small .miniSmallPage,
.x-btn-pressed .x-btn-small .miniSmallPage{
    background: #a8a8a8 url('../themeimage/svg/smallpage.svg?color1=-12237499');
  }
  
  
  
.x-btn .x-btn-small .miniBigPage,
.x-btn-over .x-btn-small .miniBigPage{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/page.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniBigPage,
.x-btn-click .x-btn-small .miniBigPage,
.x-btn-pressed .x-btn-small .miniBigPage{
    background: #a8a8a8 url('../themeimage/svg/page.svg?color1=-12237499');
  }
  
  
.x-btn .x-btn-small .miniList,
.x-btn-over .x-btn-small .miniList{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/gallery.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniList,
.x-btn-click .x-btn-small .miniList,
.x-btn-pressed .x-btn-small .miniList{
    background: #a8a8a8 url('../themeimage/svg/gallery.svg?color1=-12237499');
  }
  
  
  
.x-btn .x-btn-small .miniGallery,
.x-btn-over .x-btn-small .miniGallery{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/wall.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniGallery,
.x-btn-click .x-btn-small .miniGallery,
.x-btn-pressed .x-btn-small .miniGallery{
    background: #a8a8a8 url('../themeimage/svg/wall.svg?color1=-12237499');
  }
  
  
.x-btn .x-btn-small .miniPreviewPage,
.x-btn-over .x-btn-small .miniPreviewPage{
   background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/preview.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniPreviewPage,
.x-btn-click .x-btn-small .miniPreviewPage,
.x-btn-pressed .x-btn-small .miniPreviewPage{
    background: #a8a8a8 url('../themeimage/svg/preview.svg?color1=-12237499');
  }
  
  
.x-btn .x-btn-small .miniCopy,
.x-btn-over .x-btn-small .miniCopy{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/duplicate.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniCopy,
.x-btn-click .x-btn-small .miniCopy,
.x-btn-pressed .x-btn-small .miniCopy{
    background: #a8a8a8 url('../themeimage/svg/duplicate.svg?color1=-12237499');
  }
  
.x-btn .x-btn-small .miniZoom,
.x-btn-over .x-btn-small .miniZoom {
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/zoom.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniZoom,
.x-btn-click .x-btn-small .miniZoom,
.x-btn-pressed .x-btn-small .miniZoom{
    background: #a8a8a8 url('../themeimage/svg/zoom.svg?color1=-12237499');
}

.x-btn .x-btn-small .miniBack,
.x-btn-over .x-btn-small .miniBack{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/back_a.svg?color1=-15395563');
 }
.x-btn-active .x-btn-small .miniBack,
.x-btn-click .x-btn-small .miniBack,
.x-btn-pressed .x-btn-small .miniBack{
    background: #a8a8a8 url('../themeimage/svg/back_a.svg?color1=-12237499');
  }


.x-btn .x-btn-small .miniUnLink,
.x-btn-over .x-btn-small .miniUnLink{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniUnLink.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniUnLink,
.x-btn-click .x-btn-small .miniUnLink,
.x-btn-pressed .x-btn-small .miniUnLink{
    background: #a8a8a8 url('../themeimage/svg/miniUnLink.svg?color1=-12237499');
}





.x-btn .x-btn-small .miniUp,
.x-btn-over .x-btn-small .miniUp{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniUp.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniUp,
.x-btn-click .x-btn-small .miniUp,
.x-btn-pressed .x-btn-small .miniUp{
    background: #a8a8a8 url('../themeimage/svg/miniUp.svg?color1=-12237499');
}




.x-btn .x-btn-small .miniDown,
.x-btn-over .x-btn-small .miniDown{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniDown.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniDown,
.x-btn-click .x-btn-small .miniDown,
.x-btn-pressed .x-btn-small .miniDown{
    background: #a8a8a8 url('../themeimage/svg/miniDown.svg?color1=-12237499');
}





.x-btn .x-btn-small .miniLink,
.x-btn-over .x-btn-small .miniLink{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniLink.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniLink,
.x-btn-click .x-btn-small .miniLink,
.x-btn-pressed .x-btn-small .miniLink{
    background: #a8a8a8 url('../themeimage/svg/miniLink.svg?color1=-12237499');
}



.x-btn .x-btn-small .miniDuplicateCursor,
.x-btn-menu-over .x-btn-small .miniDuplicateCursor{
    background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniDuplicateCursor.svg?color1=-15395563');
}
.x-btn-menu-active .x-btn-small .miniDuplicateCursor,
.x-btn-click .x-btn-small .miniDuplicateCursor,
.x-btn-pressed .x-btn-small .miniDuplicateCursor{
    background: #a8a8a8 url('../themeimage/svg/miniDuplicateCursor.svg?color1=-12237499');
}



.x-btn .x-btn-small .miniInsertCursorToRight,
.x-btn-menu-over .x-btn-small .miniInsertCursorToRight{
     background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniInsertCursorToRight.svg?color1=-15395563');
 
}
.x-btn-menu-active .x-btn-small .miniInsertCursorToRight,
.x-btn-click .x-btn-small .miniInsertCursorToRight,
.x-btn-pressed .x-btn-small .miniInsertCursorToRight{
     background: #a8a8a8 url('../themeimage/svg/miniInsertCursorToRight.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniInsertCursorToLeft,
.x-btn-menu-over .x-btn-small .miniInsertCursorToLeft{
     background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniInsertCursorToLeft.svg?color1=-15395563');
}
.x-btn-menu-active .x-btn-small .miniInsertCursorToLeft,
.x-btn-click .x-btn-small .miniInsertCursorToLeft,
.x-btn-pressed .x-btn-small .miniInsertCursorToLeft{
     background: #a8a8a8 url('../themeimage/svg/miniInsertCursorToLeft.svg?color1=-12237499');
}



.x-btn .x-btn-small .miniSimpleCursor,
.x-btn-menu-over .x-btn-small .miniSimpleCursor{
     background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniSimpleCursor.svg?color1=-15395563');
}
.x-btn-menu-active .x-btn-small .miniSimpleCursor,
.x-btn-click .x-btn-small .miniSimpleCursor,
.x-btn-pressed .x-btn-small .miniSimpleCursor{
     background: #a8a8a8 url('../themeimage/svg/miniSimpleCursor.svg?color1=-12237499');
}





.x-btn .x-btn-small .miniSideBySide,
.x-btn-menu-over .x-btn-small .miniSideBySide{
     background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniSideBySide.svg?color1=-15395563');
}
.x-btn-menu-active .x-btn-small .miniSideBySide,
.x-btn-click .x-btn-small .miniSideBySide,
.x-btn-pressed .x-btn-small .miniSideBySide{
     background: #a8a8a8 url('../themeimage/svg/miniSideBySide.svg?color1=-12237499');
}




.x-btn .x-btn-small .miniSwapCursor,
.x-btn-menu-over .x-btn-small .miniSwapCursor{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniSwapCursor.svg?color1=-15395563');
    }
.x-btn-menu-active .x-btn-small .miniSwapCursor,
.x-btn-pressed .x-btn-small .miniSwapCursor,
.x-btn-click .x-btn-small .miniSwapCursor{
         background: #a8a8a8 url('../themeimage/svg/miniSwapCursor.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniMultiSelection,
.x-btn-menu-over .x-btn-small .miniMultiSelection{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/multiselection.svg?color1=-15395563');
    }
.x-btn-menu-active .x-btn-small .miniMultiSelection,
.x-btn-pressed .x-btn-small .miniMultiSelection,
.x-btn-click .x-btn-small .miniMultiSelection{
         background: #a8a8a8 url('../themeimage/svg/multiselection.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniEdit,
.x-btn-over .x-btn-small .miniEdit{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniEdit.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniEdit,
.x-btn-click .x-btn-small .miniEdit,
.x-btn-pressed .x-btn-small .miniEdit{
         background: #a8a8a8 url('../themeimage/svg/miniEdit.svg?color1=-12237499');
}





.x-btn .x-btn-small .miniExpandAll,
.x-btn-over .x-btn-small .miniExpandAll{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniExpandAll.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniExpandAll,
.x-btn-click .x-btn-small .miniExpandAll,
.x-btn-pressed .x-btn-small .miniExpandAll{
         background: #a8a8a8 url('../themeimage/svg/miniExpandAll.svg?color1=-12237499');
}

.x-btn .x-btn-small .miniCollapseAll,
.x-btn-over .x-btn-small .miniCollapseAll{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniCollapseAll.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniCollapseAll,
.x-btn-click .x-btn-small .miniCollapseAll,
.x-btn-pressed .x-btn-small .miniCollapseAll{
         background: #a8a8a8 url('../themeimage/svg/miniCollapseAll.svg?color1=-12237499');
}

.x-btn .x-btn-small .miniDvlView,
.x-btn-over .x-btn-small .miniDvlView{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniDvlView.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniDvlView,
.x-btn-click .x-btn-small .miniDvlView,
.x-btn-pressed .x-btn-small .miniDvlView{
         background: #a8a8a8 url('../themeimage/svg/miniDvlView.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniGoTo,
.x-btn-over .x-btn-small .miniGoTo{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniGoTo.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniGoTo,
.x-btn-click .x-btn-small .miniGoTo,
.x-btn-pressed .x-btn-small .miniGoTo{
         background: #a8a8a8 url('../themeimage/svg/miniGoTo.svg?color1=-12237499');
}



.x-btn .x-btn-small .miniResend,
.x-btn-over .x-btn-small .miniResend{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniResend.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniResend,
.x-btn-click .x-btn-small .miniResend,
.x-btn-pressed .x-btn-small .miniResend{
         background: #a8a8a8 url('../themeimage/svg/miniResend.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniMerge,
.x-btn-over .x-btn-small .miniMerge{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniMerge.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniMerge,
.x-btn-click .x-btn-small .miniMerge,
.x-btn-pressed .x-btn-small .miniMerge{
         background: #a8a8a8 url('../themeimage/svg/miniMerge.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniProperties,
.x-btn-over .x-btn-small .miniProperties{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniProperties.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniProperties,
.x-btn-click .x-btn-small .miniProperties,
.x-btn-pressed .x-btn-small .miniProperties{
         background: #a8a8a8 url('../themeimage/svg/miniProperties.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniShare,
.x-btn-over .x-btn-small .miniShare{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniSharing.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniShare,
.x-btn-click .x-btn-small .miniShare,
.x-btn-pressed .x-btn-small .miniShare{
         background: #a8a8a8 url('../themeimage/svg/miniSharing.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniShowWfl,
.x-btn-over .x-btn-small .miniShowWfl{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniShowWfl.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniShowWfl,
.x-btn-click .x-btn-small .miniShowWfl,
.x-btn-pressed .x-btn-small .miniShowWfl{
         background: #a8a8a8 url('../themeimage/svg/miniShowWfl.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniSplit,
.x-btn-over .x-btn-small .miniSplit{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniSplit.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniSplit,
.x-btn-click .x-btn-small .miniSplit,
.x-btn-pressed .x-btn-small .miniSplit{
         background: #a8a8a8 url('../themeimage/svg/miniSplit.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniStartWFL,
.x-btn-over .x-btn-small .miniStartWFL{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniStartWFL.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniStartWFL,
.x-btn-click .x-btn-small .miniStartWFL,
.x-btn-pressed .x-btn-small .miniStartWFL{
         background: #a8a8a8 url('../themeimage/svg/miniStartWFL.svg?color1=-12237499');
}



.x-btn .x-btn-small .miniPrintHtml,
.x-btn-over .x-btn-small .miniPrintHtml{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniPrintHtml.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniPrintHtml,
.x-btn-click .x-btn-small .miniPrintHtml,
.x-btn-pressed .x-btn-small .miniPrintHtml{
         background: #a8a8a8 url('../themeimage/svg/miniPrintHtml.svg?color1=-12237499');
}




.x-btn .x-btn-small .miniBasket,
.x-btn-over .x-btn-small .miniBasket{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniBasket.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniBasket,
.x-btn-click .x-btn-small .miniBasket,
.x-btn-pressed .x-btn-small .miniBasket{
         background: #a8a8a8 url('../themeimage/svg/miniBasket.svg?color1=-12237499');
}




.x-btn .x-btn-small .miniExportCsv,
.x-btn-over .x-btn-small .miniExportCsv{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniExportCsv.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniExportCsv,
.x-btn-click .x-btn-small .miniExportCsv,
.x-btn-pressed .x-btn-small .miniExportCsv{
         background: #a8a8a8 url('../themeimage/svg/miniExportCsv.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniExport,
.x-btn-over .x-btn-small .miniExport{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniExport.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniExport,
.x-btn-click .x-btn-small .miniExport,
.x-btn-pressed .x-btn-small .miniExport{
         background: #a8a8a8 url('../themeimage/svg/miniExport.svg?color1=-12237499');
}


.x-btn .x-btn-small .miniRename,
.x-btn-over .x-btn-small .miniRename{
         background: rgba(1, 1, 1, 0.0) url('../themeimage/svg/miniRename.svg?color1=-15395563');
}
.x-btn-active .x-btn-small .miniRename,
.x-btn-click .x-btn-small .miniRename,
.x-btn-pressed .x-btn-small .miniRename{
         background: #a8a8a8 url('../themeimage/svg/miniRename.svg?color1=-12237499');
}
















.x-tool-close,
.x-tool-close-over{
     background-image: url('../themeimage/svg/bt_close.svg?color1=-5723992');   
}


.x-tool-dialog:active{
 background-image:url(../themeimage/miniIcon/miniView.png?color1=58A3E2);
}
.x-tool-download{
 background-image:url(../themeimage/miniIcon/miniDownload.png?color1=252525);
}
.x-panel-header .x-tool-download{
 background-image:url(../themeimage/miniIcon/miniDownload.png?color1=252525);
}
.x-tool-download{
 background-image:url(../themeimage/miniIcon/miniDownload.png?color1=58A3E2);
}
.x-tool-delete{
    background-image:url(../themeimage/miniIcon/miniTrash.png?color1=252525);
}

.x-panel-header .x-tool-delete{
    background-image:url(../themeimage/miniIcon/miniTrash.png?color1=252525);
}

.x-tool-delete:active{
 background-image:url(../themeimage/miniIcon/miniTrash.png?color1=58A3E2);
}

.x-tool-dialog{
 background-image:url(../themeimage/miniIcon/miniView.png?color1=252525);
}
.x-tool-dialog{
 background-image:url(../themeimage/miniIcon/miniView.png?color1=252525);
}
.x-panel-header .x-tool-dialog{
 background-image:url(../themeimage/miniIcon/miniView.png?color1=252525);
}




.x-tool-toggle{
    background: #ffffff url('../themeimage/svg/open.svg?color1=-5723992');
    background-position: left center !important;
    background-size: 11px !important;
    background-repeat: no-repeat !important;
    position: absolute;
    right: 0px;
    width: 20px;
}

.x-panel-collapsed .x-tool-toggle {
    background: #ffffff url('../themeimage/svg/close.svg?color1=-12763843');
    background-position: left center !important;
    background-size: 11px !important;
    background-repeat: no-repeat !important;
    position: absolute;
    right: 0px;
    width: 20px;
}


















.x-btn .mediumAdd{
 background-image:url(../themeimage/normalIcon/mediumAdd.png?color1=252525) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn-menu-over .mediumAdd{
 background-image:url(../themeimage/normalIcon/mediumAdd.png?color1=252525) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn-menu-active  .mediumAdd{
 background-image:url(../themeimage/normalIcon/mediumAdd.png?color1=252525) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn-pressed .mediumAdd{
 background-image:url(../themeimage/normalIcon/mediumAdd.png?color1=FFFFFF) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn-click .mediumAdd{
 background-image:url(../themeimage/normalIcon/mediumAdd.png?color1=FFFFFF) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn .mediumDelete{
 background-image:url(../themeimage/normalIcon/mediumDelete.png?color1=252525) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn .CMYKcolor{
 background-image:url(../images/modeColor.png) !important;padding-left: 30px !important;text-align: left;
}
.x-btn-menu-over .mediumDelete{
 background-image:url(../themeimage/normalIcon/mediumDelete.png?color1=252525) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn-menu-active  .mediumDelete{
 background-image:url(../themeimage/normalIcon/mediumDelete.png?color1=252525) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn-pressed .mediumDelete{
 background-image:url(../themeimage/normalIcon/mediumDelete.png?color1=FFFFFF) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}
.x-btn-click .mediumDelete{
 background-image:url(../themeimage/normalIcon/mediumDelete.png?color1=FFFFFF) !important;width:100% !important;padding-left: 20px !important;text-align: left;
}














  
  
  
  
 /*----------------------------------------------------------*/
 .x-btn .largeUser{
    background-image: url('../themeimage/svg/user2.svg?color1=-14787936') !important;
}

.x-btn-menu-active .largeUser,
.x-btn-pressed .largeUser,
.x-btn-click .largeUser{
    background-image: url('../themeimage/svg/user2.svg?color1=-12237499') !important;
}

.x-btn .largeHelp{
    background-image: url('../themeimage/svg/help.svg?color1=-14787936') !important;
}
.x-btn-menu-active .largeHelp,
.x-btn-pressed .largeHelp,
.x-btn-click .largeHelp{
    background-image: url('../themeimage/svg/help.svg?color1=-12237499') !important;
}
 
 
 
 /*----------large submenu---------------------*/
  
.x-btn .deconnection,
.x-btn-menu-over .deconnection,
.x-btn-menu-active .deconnection{
    background: url('../themeimage/svg/key.svg?color1=-5723992') !important;
   background-repeat: no-repeat !important;
     background-size: 16px !important;
      background-position: 2px 3px !important;
     width: 100% !important;
     padding-left: 20px !important;
     text-align: left !important;
    }
.x-btn-pressed .deconnection, 
.x-btn-click .deconnection{
    background:#a8a8a8  url('../themeimage/svg/key.svg?color1=-12237499') !important;
   background-repeat: no-repeat !important;
     background-size: 16px !important;
      background-position: 2px 3px !important;
     width: 100% !important;
     padding-left: 20px !important;
     text-align: left !important;
    }

 .x-btn .userPreference, 
 .x-btn-menu-over .userPreference,
 .x-btn-menu-active .userPreference{
     background: url('../themeimage/svg/cogs.svg?color1=-5723992') !important;
     background-repeat: no-repeat !important;
       background-size: 16px !important;
         background-position: 2px 3px !important;
     width: 100% !important;
     padding-left: 20px !important;
     text-align: left !important;
}

.x-btn-pressed .userPreference,
.x-btn-click .userPreference{
     background: #a8a8a8 url('../themeimage/svg/cogs.svg?color1=-12237499') !important;
     color : #454545 !important;
     background-repeat: no-repeat !important;
     background-size: 16px !important;
      background-position: 2px 3px !important;
     width: 100% !important;
     padding-left: 20px !important;
     text-align: left !important;
}   

.x-btn .help,
.x-btn-menu-over .help,
.x-btn-menu-active  .help{
    background: url('../themeimage/svg/help.svg?color1=-5723992') !important;
    background-repeat: no-repeat !important;
       background-size: 16px !important;
         background-position: 2px 3px !important;
     width: 100% !important;
     padding-left: 20px !important;
     text-align: left !important;
}
.x-btn-pressed .help,
.x-btn-click .help{
    background: #a8a8a8 url('../themeimage/svg/help.svg?color1=-12237499') !important;
    color : #454545 !important;
    background-repeat: no-repeat !important;
       background-size: 16px !important;
         background-position: 2px 3px !important;
     width: 100% !important;
     padding-left: 20px !important;
     text-align: left !important;
}




/* used by factice screen in roles */


.writebutton,
.write{ 
    background-image: url('../themeimage/svg/miniEdit.svg?color1=-14787936') !important;
    background-repeat:no-repeat !important;
    background-position: left !important ;
    padding-left: 5px !important;
    height: 14px;
    width:14px;
}

.x-tab-strip-active .writebutton,
.x-tab-strip-active .write{
    background-image: url('../themeimage/svg/miniEdit.svg?color1=-12237499') !important;
    background-repeat:no-repeat !important;
    background-position: left !important ;
    padding-left: 5px !important;
    height: 14px;
    width:14px;
}

.nothing{
    background-image: url('../themeimage/svg/no_view.svg?color1=-14787936') !important;
    background-position: left !important ;    background-repeat:no-repeat !important;
    padding-left: 5px !important;
    height: 14px;
    width:14px;
}

.x-tab-strip-active .nothing,
.x-tree-selected .nothing {
    background-image: url('../themeimage/svg/no_view.svg?color1=-12237499') !important;
    background-position: left !important ;    background-repeat:no-repeat !important;
    padding-left: 5px !important;
    height: 14px;
    width:14px;
}

.nowrite{
    background-image: url('../themeimage/svg/view.svg?color1=-14787936') !important;
    background-position: center !important ;
    background-repeat:no-repeat !important;
    padding-left: 5px !important;
    height: 14px;
    width:14px;
}
.x-tab-strip-active .nowrite,
.x-tree-selected .nowrite {
    background-image: url('../themeimage/svg/view.svg?color1=-12237499') !important;
    background-position: left !important ;    background-repeat:no-repeat !important;
    padding-left: 5px !important;
    height: 14px;
    width:14px;
}





.nowritebutton{
    background-image: url('../themeimage/svg/view.svg?color1=-14787936') !important;
    background-position: left !important ;    background-repeat:no-repeat !important;
    background-size:18px !important;
    height: 14px;
    width:14px;
    padding-left: 24px !important;
}

.writebutton{
    background-image: url('../themeimage/svg/view.svg?color1=-14787936') !important;
    background-position: left !important ;    background-repeat:no-repeat !important;
    background-size:18px !important;
    height: 14px;
    width:14px;
    padding-left: 24px !important;
    
} 
.nothingbutton{
    background-image: url('../themeimage/svg/no_view.svg?color1=-14787936') !important;
    text-decoration: line-through;
    background-position: left !important ;
    background-repeat:no-repeat !important;
    background-size:18px !important;
    height: 14px;
    width:14px;
   padding-left: 24px !important;
}




.nowritebutton img,
.nothingbutton img,
.writebutton img{height:14px;}












    
/* ------ icons_tree.css */

/*.x-tree-node-icon{
      background-image: url('../themeimage/svg/tree/default.svg?color1=-5723992');
    } 


.noBorderBottom.noPadding.x-table-layout-ct{
    background-image: url('../themeimage/svg/tree/default.svg?color1=-5723992');
    top: 20px;
    bottom: 35px;
    right: 20px;
    left: 20px;
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: center center !important;
} */


.x-tree-node-icon.folder{
          background-image: url('../themeimage/svg/tree/folder.svg?color1=-5723992&color2=-12237499') !important;
}



/*******************accordeon title*******************/

.user_accordeon {
  background-image: url('../themeimage/svg/tree/users.svg?color1=-5723992') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important;
} 
.x-panel-collapsed .user_accordeon{
  background-image: url('../themeimage/svg/tree/users.svg?color1=-5723992') !important; 
} 



.product_accordeon{
  background-image: url('../themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important;
}
.x-panel-collapsed .product_accordeon{
  background-image: url('../themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
}




.io_accordeon{
  background-image: url('../themeimage/svg/tree/io.svg?color1=-5723992') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important;
}
.x-panel-collapsed .io_accordeon{
  background-image: url('../themeimage/svg/tree/io.svg?color1=-5723992') !important; 
}


.workflow_accordeon{
  background-image: url('../themeimage/svg/tree/wfl.svg?color1=-5723992') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important;
}
.x-panel-collapsed .workflow_accordeon{
  background-image: url('../themeimage/svg/tree/wfl.svg?color1=-5723992') !important; 
}


.customisation_accordeon{
  background-image: url('../themeimage/svg/tree/customisation.svg?color1=-5723992') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important;
}
.x-panel-collapsed .customisation_accordeon{
  background-image: url('../themeimage/svg/tree/customisation.svg?color1=-5723992') !important; 
}

.color_accordeon{
  background-image: url('../themeimage/svg/tree/color.svg?color1=-5723992') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important;
}
.x-panel-collapsed .color_accordeon{
  background-image: url('../themeimage/svg/tree/color.svg?color1=-5723992') !important; 
}



.notification_accordeon{
  background-image: url('../themeimage/svg/tree/enveloppe.svg?color1=-5723992') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important;
}
.x-panel-collapsed .notification_accordeon{
  background-image: url('../themeimage/svg/tree/enveloppe.svg?color1=-5723992') !important; 
}



.production_accordeon{
  background-image: url('../themeimage/svg/tree/print_production.svg?color1=-5723992&color2=-12237499') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important; 

}
.x-panel-collapsed .production_accordeon{
  background-image: url('../themeimage/svg/tree/print_production.svg?color1=-5723992&color2=-12237499') !important;
}


.monitoring_accordeon{
  background-image: url('../themeimage/svg/tree/system_monitoring.svg?color1=-5723992&color2=-12237499') !important;
  background-position: center !important ;
  background-repeat:no-repeat !important; 

}
.x-panel-collapsed .monitoring_accordeon{
  background-image: url('../themeimage/svg/tree/system_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}


.esNavIconproduct_folder{
      background-image: url('../themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconproduct_folder{
     background-image: url('../themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
}


.previewByClass.esNavIconproduct_folder{
     background-image: url('../themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconproduct_folder{
     background-image: url('..w/themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
}

.esNavIconproduct{
      background-image: url('../themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconproduct{
     background-image: url('../themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
}


.previewByClass.esNavIconproduct{
     background-image: url('../themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconproduct{
     background-image: url('..w/themeimage/svg/tree/product_parameter.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIconproperties{
      background-image: url('../themeimage/svg/tree/properties.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconproperties{
     background-image: url('../themeimage/svg/tree/properties.svg?color1=-5723992&color2=-12237499') !important;
}


.previewByClass.esNavIconproperties{
     background-image: url('../themeimage/svg/tree/properties.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconproperties{
     background-image: url('../themeimage/svg/tree/properties.svg?color1=-5723992&color2=-12237499') !important;
}


.esNavIconfolder{
      background-image: url('../themeimage/svg/tree/folder.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconfolder{
     background-image: url('../themeimage/svg/tree/folder.svg?color1=-5723992&color2=-12237499') !important;
}


.previewByClass.esNavIconfolder{
     background-image: url('../themeimage/svg/tree/folder.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconfolder{
     background-image: url('../themeimage/svg/tree/folder.svg?color1=-5723992&color2=-12237499') !important;
}






.esNavIconsection_folder{
      background-image: url('../themeimage/svg/tree/folder_tree.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconsection_folder{
     background-image: url('../themeimage/svg/tree/folder_tree.svg?color1=-12237499&color2=-12237499') !important;
}


.previewByClass.esNavIconsection_folder{
     background-image: url('../themeimage/svg/tree/folder_tree.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconsection_folder{
     background-image: url('../themeimage/svg/tree/folder_tree.svg?color1=-12237499&color2=-12237499') !important;
}







.esNavIconcustomer_folder{
   background-image: url('../themeimage/svg/tree/customer_folder.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconcustomer_folder{
   background-image: url('../themeimage/svg/tree/customer_folder.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconcustomer_folder{
   background-image: url('../themeimage/svg/tree/customer_folder.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconcustomer_folder{
   background-image: url('../themeimage/svg/tree/customer_folder.svg?color1=-5723992&color2=-12237499') !important;
}

    
    
    
.esNavIconjob{
   background-image: url('../themeimage/svg/tree/product.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconjob{
   background-image: url('../themeimage/svg/tree/product.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconjob{
   background-image: url('../themeimage/svg/tree/product.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconjob{
   background-image: url('../themeimage/svg/tree/product.svg?color1=-12237499&color2=-12237499') !important;
}





.esNavIconsection_folder{
   background-image: url('../themeimage/svg/tree/folder_section.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconsection_folder{
   background-image: url('../themeimage/svg/tree/folder_section.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconsection_folder{
   background-image: url('../themeimage/svg/tree/folder_section.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconsection_folder{
   background-image: url('../themeimage/svg/tree/folder_section.svg?color1=-5723992&color2=-12237499') !important;
}




.esNavIconprint_order_folder{
   background-image: url('../themeimage/svg/tree/folder_imposition.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconprint_order_folder{
   background-image: url('../themeimage/svg/tree/folder_imposition.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconprint_order_folder{
   background-image: url('../themeimage/svg/tree/folder_imposition.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconprint_order_folder{
   background-image: url('../themeimage/svg/tree/folder_imposition.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIconvariant_folder{
   background-image: url('../themeimage/svg/tree/folder_common.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconvariant_folder{
   background-image: url('../themeimage/svg/tree/folder_common.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconvariant_folder{
   background-image: url('../themeimage/svg/tree/folder_common.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconvariant_folder{
   background-image: url('../themeimage/svg/tree/folder_common.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIconcustom_folder{
   background-image: url('../themeimage/svg/tree/custom_folder.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconcustom_folder{
   background-image: url('../themeimage/svg/tree/custom_folder.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconcustom_folder{
   background-image: url('../themeimage/svg/tree/custom_folder.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconcustom_folder{
   background-image: url('../themeimage/svg/tree/folder_collection.svg?color1=-5723992&color2=-12237499') !important;
}








.esNavIcondocument{
   background-image: url('../themeimage/svg/tree/document.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIcondocument{
   background-image: url('../themeimage/svg/tree/document.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIcondocument{
   background-image: url('../themeimage/svg/tree/document.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIcondocument{
   background-image: url('../themeimage/svg/tree/document.svg?color1=-5723992&color2=-12237499') !important;
}




.esNavIconsection{
   background-image: url('../themeimage/svg/tree/section.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconsection{
   background-image: url('../themeimage/svg/tree/section.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconsection{
   background-image: url('../themeimage/svg/tree/section.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconsection{
   background-image: url('../themeimage/svg/tree/section.svg?color1=-5723992&color2=-12237499') !important;
}









/******************************users/profile**************************/








.esNavIconorganisation{
   background-image: url('../themeimage/svg/tree/organisation.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconorganisation{
   background-image: url('../themeimage/svg/tree/organisation.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconorganisation{
   background-image: url('../themeimage/svg/tree/organisation.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconorganisation{
   background-image: url('../themeimage/svg/tree/organisation.svg?color1=-5723992') !important;
}




.esNavIconcustomer{
   background-image: url('../themeimage/svg/tree/customer.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconcustomer{
   background-image: url('../themeimage/svg/tree/customer.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconcustomer{
   background-image: url('../themeimage/svg/tree/customer.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconcustomer{
   background-image: url('../themeimage/svg/tree/customer.svg?color1=-5723992') !important;
}





.esNavIconuser{
   background-image: url('../themeimage/svg/tree/users.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconuser{
   background-image: url('../themeimage/svg/tree/users.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconuser{
   background-image: url('../themeimage/svg/tree/users.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconuser{
   background-image: url('../themeimage/svg/tree/users.svg?color1=-5723992') !important;
}


.esNavIconuser_group{
   background-image: url('../themeimage/svg/tree/users_group.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconuser_group{
   background-image: url('../themeimage/svg/tree/users_group.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconuser_group{
   background-image: url('../themeimage/svg/tree/users_group.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconuser_group{
   background-image: url('../themeimage/svg/tree/users_group.svg?color1=-5723992') !important;
}







.esNavIconuser_role{
   background-image: url('../themeimage/svg/tree/user_role.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconuser_role{
   background-image: url('../themeimage/svg/tree/user_role.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconuser_role{
   background-image: url('../themeimage/svg/tree/user_role.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconuser_role{
   background-image: url('../themeimage/svg/tree/user_role.svg?color1=-5723992') !important;
}



.esNavIconuser_profile{
   background-image: url('../themeimage/svg/tree/user_profile.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconuser_profile{
   background-image: url('../themeimage/svg/tree/user_profile.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconuser_profile{
   background-image: url('../themeimage/svg/tree/user_profile.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconuser_profile{
   background-image: url('../themeimage/svg/tree/user_profile.svg?color1=-5723992') !important;
}



.esNavIconuseraction{
   background-image: url('../themeimage/svg/tree/action.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconuseraction{
   background-image: url('../themeimage/svg/tree/action.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconuseraction{
   background-image: url('../themeimage/svg/tree/action.svg?color1=-5723992') !important;
} 
.x-view-selected.esNavIconuseraction .previewByClass.esNavIconuser_profile{
   background-image: url('../themeimage/svg/tree/action.svg?color1=-5723992') !important;
}




/***************************************production parameter***********************************/














/***************************************io***********************************/


.esNavIconvolume{
   background-image: url('../themeimage/svg/tree/volumes.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconvolume{
   background-image: url('../themeimage/svg/tree/volumes.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconvolume{
   background-image: url('../themeimage/svg/tree/volumes.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconvolume{
   background-image: url('../themeimage/svg/tree/volumes.svg?color1=-5723992') !important;
}





.esNavIconinput_channel{
   background-image: url('../themeimage/svg/tree/input.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconinput_channel{
   background-image: url('../themeimage/svg/tree/input.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconinput_channel{
   background-image: url('../themeimage/svg/tree/input.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconinput_channel{
   background-image: url('../themeimage/svg/tree/input.svg?color1=-5723992') !important;
}







.esNavIconoutput_channel{
   background-image: url('../themeimage/svg/tree/output.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconoutput_channel{
   background-image: url('../themeimage/svg/tree/output.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconoutput_channel{
   background-image: url('../themeimage/svg/tree/output.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconoutput_channel{
   background-image: url('../themeimage/svg/tree/output.svg?color1=-5723992') !important;
}
/****************************************Wfl**************************************/


.esNavIconworkflow{
   background-image: url('../themeimage/svg/tree/wfl.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconworkflow{
   background-image: url('../themeimage/svg/tree/wfl.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconworkflow{
   background-image: url('../themeimage/svg/tree/wfl.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconworkflow{
   background-image: url('../themeimage/svg/tree/wfl.svg?color1=-5723992') !important;
}









.esNavIconrule_set{
   background-image: url('../themeimage/svg/tree/rules_set.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconrule_set{
   background-image: url('../themeimage/svg/tree/rules_set.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconrule_set{
   background-image: url('../themeimage/svg/tree/rules_set.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconrule_set{
   background-image: url('../themeimage/svg/tree/rules_set.svg?color1=-5723992') !important;
}



.esNavIconmilestone{
   background-image: url('../themeimage/svg/tree/milestone.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconmilestone{
   background-image: url('../themeimage/svg/tree/milestone.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconmilestone{
   background-image: url('../themeimage/svg/tree/milestone.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconmilestone{
   background-image: url('../themeimage/svg/tree/milestone.svg?color1=-5723992') !important;
}






.esNavIconparameter{
   background-image: url('../themeimage/svg/tree/process_parameter.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconparameter{
   background-image: url('../themeimage/svg/tree/process_parameter.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconparameter{
   background-image: url('../themeimage/svg/tree/process_parameter.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconparameter{
   background-image: url('../themeimage/svg/tree/process_parameter.svg?color1=-5723992') !important;
}





/*****************************Color*****************************************/
.esNavIconcolor_space{
   background-image: url('../themeimage/svg/tree/color_viewing.svg?color1=-5723992&color2=-12237499') !important;
}
.x-tree-selected .esNavIconcolor_space{
   background-image: url('../themeimage/svg/tree/color_viewing.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconcolor_space{
   background-image: url('../themeimage/svg/tree/color_viewing.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconcolor_space{
   background-image: url('../themeimage/svg/tree/color_viewing.svg?color1=-5723992&color2=-12237499') !important;
}





.esNavIconviewing{
   background-image: url('../themeimage/svg/tree/color.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconviewing{
   background-image: url('../themeimage/svg/tree/color.svg?color1=-5723992') !important;
}
.previewByClass.esNavIconviewing{
   background-image: url('../themeimage/svg/tree/color.svg?color1=-5723992') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconviewing{
   background-image: url('../themeimage/svg/tree/color.svg?color1=-5723992') !important;
}




.esNavIconink{
   background-image: url('../themeimage/svg/tree/ink.svg?color1=-5723992&color2=-12237499') !important;
}
.x-tree-selected .esNavIconink{
   background-image: url('../themeimage/svg/tree/ink.svg?color1=-12237499&color2=-12237499') !important;
}
.previewByClass.esNavIconink{
   background-image: url('../themeimage/svg/tree/ink.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconink{
   background-image: url('../themeimage/svg/tree/ink.svg?color1=-12237499&color2=-12237499') !important;
}








.esNavIconcolor_profil{
   background-image: url('../themeimage/svg/tree/profil_management.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconcolor_profil{
   background-image: url('../themeimage/svg/tree/profil_management.svg?color1=-12237499&color2=-12237499') !important;
}
.previewByClass.esNavIconcolor_profil{
    background-image: url('../themeimage/svg/tree/profil_management.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconcolor_profil{
    background-image: url('../themeimage/svg/tree/profil_management.svg?color1=-12237499&color2=-12237499') !important;
}




/********************customisation***************/


.esNavIcontheme{
   background-image: url('../themeimage/svg/tree/customisation.svg?color1=-12237499') !important;
}

.x-tree-selected .esNavIcontheme{
   background-image: url('../themeimage/svg/tree/customisation.svg?color1=-12237499') !important;
}
.previewByClass.esNavIcontheme{
    background-image: url('../themeimage/svg/tree/customisation.svg?color1=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIcontheme{
    background-image: url('../themeimage/svg/tree/customisation.svg?color1=-12237499') !important;
}


.esNavIconmetadatas{
   background-image: url('../themeimage/svg/tree/metadata.svg?color1=-12237499') !important;
}

.x-tree-selected .esNavIconmetadatas{
   background-image: url('../themeimage/svg/tree/metadata.svg?color1=-12237499') !important;
}
.previewByClass.esNavIconmetadatas{
    background-image: url('../themeimage/svg/tree/metadata.svg?color1=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconmetadatas{
    background-image: url('../themeimage/svg/tree/metadata.svg?color1=-12237499') !important;
}

.esNavIconcalendar{
   background-image: url('../themeimage/svg/tree/calendar.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconcalendar{
   background-image: url('../themeimage/svg/tree/calendar.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconcalendar{
    background-image: url('../themeimage/svg/tree/calendar.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconcalendar{
    background-image: url('../themeimage/svg/tree/calendar.svg?color1=-5723992&color2=-12237499') !important;
}


.esNavIconjob_ticket{
   background-image: url('../themeimage/svg/tree/job_ticket_layout.svg?color1=-12237499') !important;
}

.x-tree-selected .esNavIconjob_ticket{
   background-image: url('../themeimage/svg/tree/job_ticket_layout.svg?color1=-12237499') !important;
}
.previewByClass.esNavIconjob_ticket{
    background-image: url('../themeimage/svg/tree/job_ticket_layout.svg?color1=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconjob_ticket{
    background-image: url('../themeimage/svg/tree/job_ticket_layout.svg?color1=-12237499') !important;
}





.esNavIconsmart_view{
   background-image: url('../themeimage/svg/tree/smart_folder.svg?color1=-12237499') !important;
}

.x-tree-selected .esNavIconsmart_view{
   background-image: url('../themeimage/svg/tree/smart_folder.svg?color1=-12237499') !important;
}
.previewByClass.esNavIconsmart_view{
    background-image: url('../themeimage/svg/tree/smart_folder.svg?color1=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconsmart_view{
    background-image: url('../themeimage/svg/tree/smart_folder.svg?color1=-12237499') !important;
}



.esNavIconfeed{
   background-image: url('../themeimage/svg/tree/feed.svg?color1=-12237499') !important;
}

.x-tree-selected .esNavIconfeed{
   background-image: url('../themeimage/svg/tree/feed.svg?color1=-12237499') !important;
}
.previewByClass.esNavIconfeed{
    background-image: url('../themeimage/svg/tree/feed.svg?color1=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconfeed{
    background-image: url('../themeimage/svg/tree/feed.svg?color1=-12237499') !important;
}

/****change class to  esNavIconuseraction***/
.esNavIconparameter{
   background-image: url('../themeimage/svg/tree/user_action.svg?color1=-5723992') !important;
}

.x-tree-selected .esNavIconparameter{
   background-image: url('../themeimage/svg/tree/user_action.svg?color1=-5723992') !important;
}
 .previewByClass.esNavIconparameter{
   background-image: url('../themeimage/svg/tree/user_action.svg?color1=-5723992') !important;
} 
 .x-view-selected.esItemSelected .previewByClass.esNavIconparameter{
   background-image: url('../themeimage/svg/tree/user_action.svg?color1=-5723992') !important;
}




/********************notification*******************/
.esNavIconmail{
   background-image: url('../themeimage/svg/tree/feed_template.svg?color1=-12237499') !important;
}

.x-tree-selected .esNavIconmail{
   background-image: url('../themeimage/svg/tree/feed_template.svg?color1=-12237499') !important;
}
.previewByClass.esNavIconmail{
    background-image: url('../themeimage/svg/tree/feed_template.svg?color1=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconmail{
    background-image: url('../themeimage/svg/tree/feed_template.svg?color1=-12237499') !important;
}





.esNavIconnotification{
   background-image: url('../themeimage/svg/tree/enveloppe.svg?color1=-12237499') !important;
}

.x-tree-selected .esNavIconnotification{
   background-image: url('../themeimage/svg/tree/enveloppe.svg?color1=-12237499') !important;
}
.previewByClass.esNavIconnotification{
    background-image: url('../themeimage/svg/tree/enveloppe.svg?color1=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconnotification{
    background-image: url('../themeimage/svg/tree/enveloppe.svg?color1=-12237499') !important;
}









/*************************monitoring*****************/


.esNavIconfile_unassigned{
   background: url('../themeimage/svg/tree/folder_unassigned.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconfile_unassigned{
   background: url('../themeimage/svg/tree/folder_unassigned.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconfile_unassigned{
    background-image: url('../themeimage/svg/tree/folder_unassigned_big.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconfile_unassigned{
    background-image: url('../themeimage/svg/tree/folder_unassigned_big.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIconsystem_activity{
   background: url('../themeimage/svg/tree/system_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconsystem_activity{
   background: url('../themeimage/svg/tree/system_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconsystem_activity{
    background-image: url('../themeimage/svg/tree/system_monitoring.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconsystem_activity{
    background-image: url('../themeimage/svg/tree/system_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIconsites{
   background: url('../themeimage/svg/tree/sites.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconsites{
   background: url('../themeimage/svg/tree/sites.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconsites{
    background-image: url('../themeimage/svg/tree/sites.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconsites{
    background-image: url('../themeimage/svg/tree/sites.svg?color1=-5723992&color2=-12237499') !important;
}


.esNavIcondevice{
   background: url('../themeimage/svg/tree/device.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIcondevice{
   background: url('../themeimage/svg/tree/device.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIcondevice{
    background-image: url('../themeimage/svg/tree/device.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIcondevice{
    background-image: url('../themeimage/svg/tree/device.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIconlog{
   background: url('../themeimage/svg/tree/event_log.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconlog{
   background: url('../themeimage/svg/tree/event_log.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconlog{
    background-image: url('../themeimage/svg/tree/event_log.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconlog{
    background-image: url('../themeimage/svg/tree/event_log.svg?color1=-5723992&color2=-12237499') !important;
}






.esNavIconuser_monitoring{
   background: url('../themeimage/svg/tree/user_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconuser_monitoring{
   background: url('../themeimage/svg/tree/user_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconuser_monitoring{
    background-image: url('../themeimage/svg/tree/user_monitoring.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconuser_monitoring{
    background-image: url('../themeimage/svg/tree/user_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}





.esNavIconsystem_configuration{
   background: url('../themeimage/svg/tree/system_configuration.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconsystem_configuration{
   background: url('../themeimage/svg/tree/system_configuration.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconsystem_configuration{
    background-image: url('../themeimage/svg/tree/system_configuration.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconsystem_configuration{
    background-image: url('../themeimage/svg/tree/system_configuration.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIconresource_sharing{
   background: url('../themeimage/svg/tree/resource_sharing.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconresource_sharing{
   background: url('../themeimage/svg/tree/resource_sharing.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconresource_sharing{
    background-image: url('../themeimage/svg/tree/resource_sharing.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconresource_sharing{
    background-image: url('../themeimage/svg/tree/resource_sharing.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIconstatistics{
   background: url('../themeimage/svg/tree/statistics.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconstatistics{
   background: url('../themeimage/svg/tree/statistics.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconstatistics{
    background-image: url('../themeimage/svg/tree/statistics.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconstatistics{
    background-image: url('../themeimage/svg/tree/statistics.svg?color1=-5723992&color2=-12237499') !important;
}



.esNavIcondata_import{
   background: url('../themeimage/svg/tree/data_import.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIcondata_import{
   background: url('../themeimage/svg/tree/data_import.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIcondata_import{
    background-image: url('../themeimage/svg/tree/data_import.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIcondata_import{
    background-image: url('../themeimage/svg/tree/data_import.svg?color1=-5723992&color2=-12237499') !important;
}







.esNavIconuseraction_monitoring{
   background: url('../themeimage/svg/tree/user_action_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIconuseraction_monitoring{
   background: url('../themeimage/svg/tree/user_action_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIconuseraction_monitoring{
    background-image: url('../themeimage/svg/tree/user_action_monitoring.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIconuseraction_monitoring{
    background-image: url('../themeimage/svg/tree/user_action_monitoring.svg?color1=-5723992&color2=-12237499') !important;
}





.esNavIcondata_archive{
   background: url('../themeimage/svg/tree/archive.svg?color1=-5723992&color2=-12237499') !important;
}

.x-tree-selected .esNavIcondata_archive{
   background: url('../themeimage/svg/tree/archive.svg?color1=-5723992&color2=-12237499') !important;
}
.previewByClass.esNavIcondata_archive{
    background-image: url('../themeimage/svg/tree/archive.svg?color1=-5723992&color2=-12237499') !important;
} 
.x-view-selected.esItemSelected .previewByClass.esNavIcondata_archive{
    background-image: url('../themeimage/svg/tree/archive.svg?color1=-5723992&color2=-12237499') !important;
}


/****************charge � la fin important**************/
.previewByClass{
    top: 20px;
    bottom: 55px;
    right: 7px;
    left: 16px;
    position: absolute;
    background-repeat:no-repeat !important;
    background-position: center center !important;
}
.previewByClassList{
    bottom: 10px;
}

/* ------ layout.css */


.x-layout-split{
    background-color:#d9d9d9;
}
.x-layout-collapsed{
    background-color:#d9d9d9;
 
}
.x-layout-collapsed-over{
    background-color:#d9d9d9; 
}


.x-splitbar-v{
    border-bottom:1px solid #d9d9d9;
}

.x-layout-split-west .x-layout-mini,
.x-layout-split-east .x-layout-mini,
.x-layout-cmini-west .x-layout-mini,
.x-layout-cmini-east .x-layout-mini {
    background-image: url('../themeimage/svg/scratch_v.svg?color1=-12763843') !important;
    background-repeat:no-repeat;
    top: 50%;
    height: 20px;
    width: 5px;
    margin-top:-10px;
   
}



.x-layout-split-north .x-layout-mini,
.x-layout-split-south .x-layout-mini,
.x-layout-cmini-north .x-layout-mini,
.x-layout-cmini-south .x-layout-mini {
    background-image: url('../themeimage/svg/scratch_h.svg?color1=-12763843') !important;
    background-repeat:no-repeat;
    left: 50%;
    height: 5px;
    width: 20px;
    margin-left:-10px;
    top: -1px;
}

.x-layout-cmini-north .x-layout-mini{
    top:0px;
}
.x-layout-split-south .x-layout-mini,
.x-layout-cmini-south .x-layout-mini{
    top:0px;
}

.x-resizable-handle-east{
    right: -5px;
}
.x-resizable-handle-west{
    left: -5px;
}

/* ------ loader.css */
 



.gridImageBox {
    line-height: 0px !important;
    padding: 0px !important;
}
.gridImageBox div{
   
}

.loader{
        margin:auto;
        position: absolute !important;
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
        bottom: 0px !important;
        height: 12px !important;
        width: 12px !important;
        border: 4px solid #a8a8a8 !important;
        border-right-color: transparent !important;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -ms-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
         animation: spin 1s linear infinite;
        }

@-webkit-keyframes spin
{
        from { -webkit-transform: rotate(0deg); opacity: 0.4; }
        50%  { -webkit-transform: rotate(180deg); opacity: 1; }
        to   { -webkit-transform: rotate(360deg); opacity: 0.4;}
}

@-moz-keyframes spin
{
        from { -moz-transform: rotate(0deg); opacity: 0.4; }
        50%  { -moz-transform: rotate(180deg); opacity: 1; }
        to   { -moz-transform: rotate(360deg); opacity: 0.4; }
}

@-ms-keyframes spin
{
        from { -ms-transform: rotate(0deg); opacity: 0.4; }
        50%  { -ms-transform: rotate(180deg); opacity: 1; }
        to   { -ms-transform: rotate(360deg); opacity: 0.4; }
}

@-o-keyframes spin
{
        from { -o-transform: rotate(0deg); opacity: 0.4; }
        50%  { -o-transform: rotate(180deg); opacity: 1; }
        to   { -o-transform: rotate(360deg); opacity: 0.4; }
}

@keyframes spin
{
        from { transform: rotate(0deg); opacity: 0.2; }
        50%  { transform: rotate(180deg); opacity: 1; }
        to   { transform: rotate(360deg); opacity: 0.2; }
}


/* ------ menuE.css */





.x-shadow{
    display:none !important
}


.x-combo-list,
.x-menu-floating {  
   border-radius: 3px 3px 3px 3px; 
   box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); 
   background: #ffffff !important;
   color: #3d3d3d;
   border:0px;
}   

.x-menu-item-text b,
.x-resizable-pinned .x-combo-list-item b{
    font-weight:bold;
}
.x-menu-list-item,
.x-menu-list{
    padding:0px;
}
.x-menu-list-item,
.x-menu-item{
    margin:0px;
}

.x-combo-list-item:first-child,
.x-menu-list-item:first-child{
    border-radius: 3px 3px 0px 0px ;
}


.x-combo-list-item:last-child,
.x-menu-list-item:last-child{
    border-radius: 0px 0px 3px 3px;
}

.x-combo-list-item:first-child:last-child,
.x-menu-list-item:first-child:last-child{
    border-radius: 3px;
}


/*-------menu multi column only ----------*/
.x-column-layout-ct{
    border:1px solid rgba(1,1,1,0);
}

.x-column .x-combo-list-item,
.x-column .x-menu-list-item{
    border-radius: 1px !important;
   
}
/*-----------------------------------------------------------*/







a.x-menu-item { 
    padding: 4px 10px 4px 27px !important;
    color:#3d3d3d;
    outline:none;
    outline-style: none; 
    outline-width: 0;
    border:0px !important;
    min-width:80px;
    margin:0px !important
}

.x-combo-list-item{
    padding: 4px 10px 4px 10px !important;
    color:#3d3d3d ;
    outline:none;
    outline-style: none; 
    outline-width: 0;
    border:0px;
}
.x-combo-list-inner{
    min-width:120px;
    }


.x-combo-list-item{
    border:0px;
    }
    
    
.x-combo-list .x-combo-selected,
.x-combo-selected,
.x-menu-item-active{
    background:#a8a8a8 !important;
    border:0px !important;
}
.x-combo-list .x-combo-selected,
.x-menu-item-active a.x-menu-item .x-menu-item-text{
    color:#454545 !important;
  
}









.shortcut {
    font-size:10px !important;
    margin-left:14px
}

.x-menu-item-active .shortcut{
    color:#454545;
}



.x-menu-sep{
    border-bottom: 0.5px solid #b3b3b3;
    margin:0px;
}


.x-menu-item-checked .x-menu-item-icon{
    background-image: url('../themeimage/svg/check.svg?color1=-12763843') !important;
   background-size: 13px !important;
}
.x-menu-item-active.x-menu-item-checked  .x-menu-item-icon{
   background-image: url('../themeimage/svg/check.svg?color1=-12237499') !important;
  background-size: 13px !important;
}

.x-menu-item-arrow{
    background-image: url('../themeimage/svg/right_thin.svg?color1=-12763843') !important;
    background-size:12px;
}
.x-menu-item-active .x-menu-item-arrow{
    background-image: url('../themeimage/svg/right_thin.svg?color1=-12237499') !important;
}


/* .x-menu-floating{
    border:0px;
}

.x-menu-list{
    padding:0px;
}


.x-menu-list-item{
    padding:0px;
}

.x-menu-nosep {
  background-image:none;
}


.x-menu-item-active {
    background-image: none !important;
    margin: 0px !important;
    }

.x-menu-item-checked .x-menu-item-icon{
    background-position: -3px 0
    }

.x-menu-item-active  .x-menu-check-item  .x-menu-item-icon {
    background-position: -3px 0
    }


.x-menu-group-item .x-menu-item-icon{
    background-image:none;
    }

a.x-menu-item {
    padding: 4px 10px 3px 25px !important;
    margin: 0px  5px 2px 0px !important;
}
 .x-menu-item-text {
    padding-right: 50px
 }
.x-menu-scroller-top {
    background-image:url(../images/core/mini-top.gif);
}

.x-menu-scroller-bottom {
    background-image:url(../images/core/mini-bottom.gif);
}
 */
 

/* .x-menu-item-active a.x-menu-item{
 border-color:#58A3E2;
}
.x-menu{
 background-color:#e1e6ef;
}
.x-menu-item{
 color:#3d3d3d;
 font-weight:bold;
}
.x-menu-item-text{
 color:#3d3d3d;
 font-weight:bold;
}
.x-menu-item-active{
 background-color:#58A3E2;
 color:#FFFFFF;
}
.x-menu-item-active .x-menu-item-text{
 color:#FFFFFF;
}
.x-menu-item-checked .x-menu-item-icon{
 background-image:url(../themeimage/divers/checked.png?color1=252525) !important;
}
.x-menu-item-active.x-menu-item-checked  .x-menu-item-icon{
 background-image:url(../themeimage/divers/checked.png?color1=FFFFFF) !important;
}
.x-menu-item-arrow{
 background-image:url(../themeimage/grid/menu-parent-C.png?color1=252525.png) !important;
}
.x-menu-item-active .x-menu-item-arrow{
 background-image:url(../themeimage/grid/menu-parent-C.png?color1=FFFFFF.png) !important;
}
 */
/* ------ panel.css */


body{
    background:#ffffff;
    color:#3d3d3d;
}

/**********************************top bar*********************************/
.topbar{
    background-repeat: repeat-x;
    background-position: 0 0;
    }
    
#north-panel-xsplit{
   background:#ffffff !important;
    }
#north-panel{
    background:#ffffff;
    }

/*******************************split bar top****************************/   
    
#north-panel-xsplit{
   background:#ffffff !important;
    } 
    
#north-panel-xsplit.x-splitbar-v{
    border-bottom:0px !important;
}  

#north-panel-xsplit.x-splitbar-v:after{
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: 0px;
    height: 1px;
    background: linear-gradient(to bottom, #b3b3b3 0%, #b3b3b3 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;
}

  
 /******************************header-toolbar*****************************/
 
/* .x-panel-tbar-noheader .x-toolbar,
.x-panel-mc .x-panel-tbar .x-toolbar{
   border-bottom:0.5px solid #b3b3b3 !important;
 } */
 
   /*   ._chrome_only .x-panel-tbar-noheader .x-toolbar,
     ._chrome_only.x-panel-mc .x-panel-tbar .x-toolbar{ 
               border-width:0px !important;
               box-shadow:inset 0px -0.5px 0px 0px #b3b3b3 ;
          } 
       */
  
 .x-toolbar{
   border-bottom:0.5px solid #b3b3b3 !important;
   padding: 2px
 }
  
  
    ._chrome_only .x-toolbar{ 
               border-width:0px !important;
               box-shadow:inset 0px -0.5px 0px 0px #b3b3b3;
          } 
      
  
  
  
  
    
    
dt em div  {
    word-break: break-all;
    }
    









/****************************accordeon et metadata titre*******************/

#tree-panel-admin1 .x-panel{
    position:relative;
    border-bottom:0.5px solid #bbbbbb;  
} 
._chrome_only #tree-panel-admin1 .x-panel{ 
    border-width:0px !important;
    box-shadow:inset 0px -0.5px 0px 0px #bbbbbb; ;
} 
    

 

#adminTab .x-panel-header-noborder:after{
    background-image:none;
}


.metadata{
    border-bottom:0.5px solid #bbbbbb !important;
}  

._chrome_only .metadata{ 
    border-width:0px !important;
    box-shadow:inset 0px -0.5px 0px 0px #bbbbbb ;
} 

#adminTab .x-accordion-hd:before{
    background-image: none !important;
}
      
.x-accordion-hd,
.x-panel-header-text{
    font-size:11px;
    padding: 3px 2px 2px 2px!important;
    position:relative;
    color:#454545;
    font-weight:500 !important;
    line-height: 22px;
}  

.x-accordion-hd .x-panel-inline-icon{
    width: 18px;
    height: 18px;
    margin-top:-3px; 
  }
 

.x-panel-collapsed .x-accordion-hd .x-panel-header-text,
.x-panel-collapsed.metadata  .x-panel-header-text{
    background:none !important; 
    color:#3d3d3d;
  }
  

/* accordion search*/

.x-panel.accordion_upper_sep {
    border-top: 1px solid #bbbbbb;
}

.accordion_upper_sep .x-panel-header .x-tool-toggle {
    height: 26px;
}


#layout-browser,
#PRJEastPanelMain{
    background:#ffffff; /*background general*/
    }


  
  
.x-panel-body,
.x-panel-body-noheader{
  border:0px;
}

 
.x-panel-tbar-noborder, 
.x-panel-tbar-noheader,
.x-panel-tbar, 
.x-tab-panel-header,
.x-tab-panel-header-plain,
.x-tab-panel-footer,
.x-tab-panel-footer-plain{
    background: #ffffff !important;
}




/* #PRJEastPanelMain .x-small-editor:after{
    content: "";
    position: absolute;
    width: 100%;
    bottom:0px;
    left: 0px;
    height: 1px;
    background-image: linear-gradient(to bottom, blue 0%, blue 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;  
}  
 */












/*****************************list**********************************/
.x-list-body,
.x-list-header-inner div{
    position:relative;
    overflow:auto !important;
}
.x-list-header-inner em.sort-asc{
    background-image: url(../css/images/top_white.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-size: 16px !important;
}
.x-list-header-inner em.sort-desc{
    background-image: url(../css/images/bottom_white.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-size: 16px !important;
}
.x-list-header-inner div:before{
    content: "";
    position: absolute;
    width: 100%;
    top:0px;
    left: 0px;
    height: 1px;
    background-image: linear-gradient(to bottom, #bbbbbb 0%, #bbbbbb 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;   
}

.x-list-header-inner div em{
    background:#fff;
    font-weight:500 !important;
    font-size:10px;
    border:0px !important;
    position:relative;
    padding-bottom:3px !important;
}


.x-list-header-inner div em:before{/* left border */
    content: "";
    position: absolute;
    bottom: 0px;
    top: 0px;
    right: 0px;
    width:1px;
    background-image: linear-gradient(to left, #b3b3b3 0%, #b3b3b3 51%, transparent 51%);
    background-size: 1px 100%;
    
}


.x-list-body{
   padding-bottom:10px 
}

.x-list-body dl dt:first-child em{
    font-weight:500 !important;
    font-size:10px;
    }

.x-list-body dl dt div:empty:after{
    content:"--";
   }

.x-list-body dt em {
    padding: 0px 5px 0px 15px;
    line-height: 16px;
    text-overflow: ellipsis !important
}



/********************************************ghost*********************************/
.x-panel-ghost {
    background-color:#eeeeee;
    opacity:.75;
    -moz-opacity:.75;
    filter:alpha(opacity=75);
}



.eswktouchscroll {
    -webkit-overflow-scrolling: touch;
}


/* ------ progress.css */


.x-progress-wrap {  
    
    border-color: #454545;
    
    height:12px;
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <=1.6 */
    -moz-border-radius: 12px; /* FF1-3.6 */
    border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ 
    
}

.x-progress-inner {
    height:12px; 
    background-color: #eee;
    
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <=1.6 */
    -moz-border-radius: 12px; /* FF1-3.6 */
    border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    
    -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.8);
    -moz-box-shadow   : inset 0 8px 8px rgba(0,0,0,0.4);
    box-shadow        : inset 0 8px 8px rgba(0,0,0,0.4);
             
}

.x-progress-bar {
    background-color: #58a3e2;
    background-image:url(../themeimage/progressbar/progress-bar.png?color1=007EFF);
    border-top-color:black;
    border-bottom-color:black;
    border-right-color:black;border:none;
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <=1.6 */
    -moz-border-radius: 12px; /* FF1-3.6 */
    border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

.x-progress-text {
    font-size:9px !important;padding-top:0px;
    font-weight:bold !important;font-family: "Lucida Grande", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif ; 
    color:#fff;
}
.x-progress-text  div{
    font-size:9px !important;padding-top:4px;color: white;}
    
.x-progress-text-back div{
    color:black;padding-top:2px;
}

/* ------ qtips.css */
 
 .x-tip, 
 .x-tipFP .x-tipFP-body .x-combo-list-item{
    border-radius: 3px 3px 3px 3px; 
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); 
    background: #ffffff;
    color: #3d3d3d !important;
    border:0px;
 }
 
 .x-tip,
 .x-tipFP{
    white-space:nowrap;
    font-size: 10px;
    font-weight: 500;
    color:#3d3d3d;
   }
   

.x-tip .x-tip-close{
    background-image: url(../images/qtip/close.gif);
}

.x-form-invalid-tip .x-tip-body {
    background-image:url(../images/qtip/exclamation.gif);
}

.x-tip-anchor {
    background-image:url(../images/qtip/tip-anchor-sprite.gif);
}

.x-tipFP table{
    border:0px !important;
    }
    
.x-shadow{
    display:none !important;
    }

/* ------ slider.css */


.x-slider-horz .x-slider-thumb {
    background: none ;
    width: 14px;
    height: 14px;
    background: #454545 !important;
    border-radius:50%;
    border:1px solid #a8a8a8
}


.x-slider-vert .x-slider-thumb {
     background-position: 0 0 !important;
    background: none ;
    width: 14px;
    height: 14px;
    background: #454545 !important;
    border-radius:50%;
    border:1px solid #a8a8a8;
}

.x6-slider-thumb {
   border-radius:50%!important;
    background: #454545 !important;
    border:1px solid #a8a8a8!important;
  
}
.x6-slider-vert:before {
width: 8px!important;
background-color: lightgray!important;
margin-left: -4px!important;
border: 1px solid gray!important;
}
.x6-slider-horz .x6-slider-thumb:before {
    content: ''!important;
}
.x6-slider-vert .x6-slider-thumb:before {
    content: ''!important;
}



/* ------ spinner.css */
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.x-form-spinner-proxy{
    /*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
   background-image: url(../themeimage/spinner.png?color1=eeeeee&color2=252525) !important;background-position: center !important;
}

.x-form-field-wrap .x-form-spinner-overup{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup{
    background-position:-34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown{
    background-position:-51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown{
    background-position:-68px 0;
}


.x-trigger-wrap-focus .x-form-spinner-trigger{
    background-position:-85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup{
    background-position:-102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup{
    background-position:-119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown{
    background-position:-136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown{
    background-position:-153px 0;
}


.x-form-field-wrap .x-form-spinner-splitter {
    line-height:0px;
    font-size:0px;
   
    position:absolute;height:1px !important;background-color: #252525;
    cursor: n-resize;width:17px !important;right:1px !important;top:9px !important;
}
.x-trigger-wrap-focus .x-form-spinner-splitter{
    background-position:-14px 0;
}

/* ------ tabs.css */


    
/**************************general***************************/
ul.x-tab-strip-top{
     min-height:24px;
}
.x-tab-panel-header{
    border:0px;
    padding-top:1px;
    padding-bottom:1px;
}
  
.x-tab-panel-header-plain{
    padding-top:2px;
}
.x-tab-strip-spacer,
.x-tab-strip-spacer{
   border:0px !important;
}

.x-tab-strip-top  li:first-child  {
    margin-left:2px !important; 
    } 
   
    
.x-tab-panel-header{
    position:relative;
}


.x-tab-panel-header{
   border-bottom:0.5px solid #b3b3b3 !important  
 }
 ._chrome_only .x-tab-panel-header{ 
           border-width:0px !important;
           box-shadow:inset 0px -0.5px 0px 0px #b3b3b3 ;
      } 
 
.x-tab-strip-top .x-tab-with-icon .x-tab-left{
    padding-right: 6px;
}

ul.x-tab-strip {
  width: 10000px;
}
/***************tab*****************************/

ul.x-tab-strip li {
    border:0.5px solid #a8a8a8;
    margin-left: 0px; 
    background: #ffffff;
    border-left:0px;
    height:22px;
    /* box-shadow: 0px 1px 3px -1px #909090;  */
  } 
  
    ._chrome_only  ul.x-tab-strip li{ 
           border-width:0px !important;
           box-shadow:
                inset -0.5px 0px 0px 0px #a8a8a8,
                inset 0px 0.5px 0px 0px #a8a8a8,
                inset 0px -0.5px 0px 0px #a8a8a8,
                0px 1px 2px -1px #909090 ;
      }  
  
li.x-tab-edge{
    border:0px !important;
    box-shadow:none !important;
}
  
ul.x-tab-strip  li:first-child{
    border-radius:4px 0px 0px 4px;
    border-left:0.5px solid #a8a8a8;
    }
    
    ._chrome_only  ul.x-tab-strip  li:first-child{ 
           border-width:0px !important;
           box-shadow:
                inset 0.5px 0px 0px 0px #a8a8a8,
                inset -0.5px 0px 0px 0px #a8a8a8,
                inset 0px 0.5px 0px 0px #a8a8a8,
                inset 0px -0.5px 0px 0px #a8a8a8,
                0px 1px 2px -1px #909090 ;
      }  
    
    
ul.x-tab-strip  li:nth-last-child(3)  {
    border-radius: 0px 4px 4px 0px ;
    } 

ul.x-tab-strip  li:first-child:nth-last-child(3) {
    border-radius:  4px ;
    }

.x-tab-strip  span.x-tab-strip-text{
    color:#000000; 
    font-weight: 300;
    background-size: 17px;
    background-position: center 2px;
    background-repeat: no-repeat;
    }
    
 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text{
    background-position: center 2px;
 }

    
/**************************active***************************/
ul.x-tab-strip .x-tab-strip-active{
    border-color:#a8a8a8 !important;
    background: #a8a8a8; 
 }
    
ul.x-tab-strip  .x-tab-strip-active .x-tab-strip-text{
    color:#454545;
    }


/***************special dalim logo************************/


.work .x-tab-strip-top  li:first-child  {
    margin-left:58px !important;
    }

.work .x-tab-strip-wrap {
    background-repeat: no-repeat; 
    background-position: 6px  !important; 
    background-size: 48px;
    background-image: url('../themeimage/svg/logo.svg?color1=-12237499') !important;
} 

.x-tab-panel-header-plain .x-tab-strip-top  li:first-child  {
    margin-left:4px !important;
    }/*marge tabs frame central overwrite du margin special logo*/
    
.x-tab-panel-header-plain .x-tab-strip-wrap {
    background-image : none !important;
    }

 
/*----------------------------- scroller des tabs------------------------------------------------------------------------------------------------*/ 
    
.x-tab-scroller-left {  
    margin-top:2px;
    height:22px !important;
    border-right:0.5px solid #a8a8a8 ;
    border-top:0.5px solid #a8a8a8 ;
    border-bottom:0.5px solid #a8a8a8 ;
    background: #ffffff url('../themeimage/svg/left.svg?color1=-14787936');
    background-position:center center;
    background-repeat:no-repeat;
    }  
    
 .x-tab-scroller-left-over:not(.x-unselectable){
    background: #a8a8a8 url('../themeimage/svg/left.svg?color1=-12237499'); 
    background-position:center center;
    background-repeat:no-repeat;   
 }
 
.x-tab-scroller-left-disabled {
    border:0px;
 }
 
.x-tab-scroller-right {
    margin-top:2px;
    height:22px !important;
    border-left:0.5px solid #a8a8a8 ;
    border-top:0.5px solid #a8a8a8 ;
    border-bottom:0.5px solid #a8a8a8 ;
    background:#ffffff url('../themeimage/svg/right.svg?color1=-14787936');
    background-position:center center;
    background-repeat:no-repeat;  
}
.x-tab-scroller-right-over:not(.x-unselectable){
    background: #a8a8a8 url('../themeimage/svg/right.svg?color1=-12237499'); 
    background-position:center center;
    background-repeat:no-repeat;   
 }
 
 .x-tab-scroller-right-disabled {
    border:0px;
 }
 
 .x-tab-panel-header-plain .x-tab-scroller-left,
 .x-tab-panel-header-plain .x-tab-scroller-right{
    margin-top:2px;
  }
  
/************************************************************************/
 
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close  {
    opacity: .9;
    -moz-opacity: .9;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    right: 3px;
}


/***************************special icon TOFIX  *****************/
 .x-tab-strip span.estabIcon {
    background-position: 0 3px !important;
} 

/* ------ toolbar.css */
 
 .x-toolbar{
    min-height:24px;
    }
    
  .esDocumentBox .x-toolbar{
   min-height:16px;
   } 
   
 .x-panel-tbar-noheader .x-toolbar,
 .x-tab-panel-body,
 .x-tab-panel-header,
 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar{
   /*   border:0px !important;  */
 }

 .xtb-sep{
    width: 0.5px !important;
    background:#b3b3b3;
 }



/*****************icons****/

.x-edit-bold{
   background-color: rgba(1, 1, 1, 0.0);
   background-image: url('../themeimage/svg/toolbar/bold.svg?color1=-15395563') !important;
} 

.x-btn-menu-active  .x-edit-bold,
.x-btn-click   .x-edit-bold,
.x-btn-pressed .x-edit-bold{
     background-color: #a8a8a8;
     background-image: url('../themeimage/svg/toolbar/bold.svg?color1=-12237499') !important;
}
 
 
.x-edit-italic{
   background-color: rgba(1, 1, 1, 0.0); 
   background-image: url('../themeimage/svg/toolbar/italic.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-italic,
.x-btn-click   .x-edit-italic,
.x-btn-pressed .x-edit-italic{
   background-color: #a8a8a8; 
   background-image: url('../themeimage/svg/toolbar/italic.svg?color1=-12237499') !important;
}


.x-edit-underline{
   background-color: rgba(1, 1, 1, 0.0); 
   background-image: url('../themeimage/svg/toolbar/underline.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-underline,
.x-btn-click   .x-edit-underline,
.x-btn-pressed .x-edit-underline{
   background-color: #a8a8a8; 
   background-image: url('../themeimage/svg/toolbar/underline.svg?color1=-12237499') !important;
}



.x-edit-increasefontsize{
   background-color: rgba(1, 1, 1, 0.0); 
   background-image: url('../themeimage/svg/toolbar/text-increase.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-increasefontsize,
.x-btn-click   .x-edit-increasefontsize,
.x-btn-pressed .x-edit-increasefontsize{
   background-color: #a8a8a8; 
   background-image: url('../themeimage/svg/toolbar/text-increase.svg?color1=-12237499') !important;
}

.x-edit-decreasefontsize{
   background-color: rgba(1, 1, 1, 0.0);
   background-image:url('../themeimage/svg/toolbar/text-decrease.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-decreasefontsize,
.x-btn-click   .x-edit-decreasefontsize,
.x-btn-pressed .x-edit-decreasefontsize{
   background-color: #a8a8a8; 
   background-image: url('../themeimage/svg/toolbar/text-decrease.svg?color1=-12237499') !important;
}


.x-edit-forecolor{
   background-color: rgba(1, 1, 1, 0.0); 
   background-image: url('../themeimage/svg/toolbar/forecolor.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-forecolor,
.x-btn-click   .x-edit-forecolor,
.x-btn-pressed .x-edit-forecolor{
   background-color: #a8a8a8; 
   background-image: url('../themeimage/svg/toolbar/forecolor.svg?color1=-12237499') !important;
}



.x-edit-backcolor{
   background-color: rgba(1, 1, 1, 0.0); 
   background-image: url('../themeimage/svg/toolbar/backcolor.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-backcolor,
.x-btn-click   .x-edit-backcolor,
.x-btn-pressed .x-edit-backcolor{
   background-color: #a8a8a8; 
   background-image: url('../themeimage/svg/toolbar/backcolor.svg?color1=-12237499') !important;
}







.x-edit-justifyleft{
   background-color: rgba(1, 1, 1, 0.0); 
   background-image: url('../themeimage/svg/toolbar/paragraph-left.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-justifyleft,
.x-btn-click   .x-edit-justifyleft,
.x-btn-pressed .x-edit-justifyleft{
   background-color: #a8a8a8 ;
   background-image: url('../themeimage/svg/toolbar/paragraph-left.svg?color1=-12237499') !important;
}

.x-edit-justifycenter{
   background-color: rgba(1, 1, 1, 0.0);
   background-image: url('../themeimage/svg/toolbar/paragraph-center.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-justifycenter,
.x-btn-click   .x-edit-justifycenter,
.x-btn-pressed .x-edit-justifycenter{
   background-color: #a8a8a8; 
   background-image: url('../themeimage/svg/toolbar/paragraph-center.svg?color1=-12237499') !important;
}

.x-edit-justifyright{
   background-color: rgba(1, 1, 1, 0.0);
   background-image:  url('../themeimage/svg/toolbar/paragraph-right.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-justifyright,
.x-btn-click   .x-edit-justifyright,
.x-btn-pressed .x-edit-justifyright{
   background-color: #a8a8a8;
   background-image: url('../themeimage/svg/toolbar/paragraph-right.svg?color1=-12237499') !important;
}


.x-edit-insertorderedlist{
   background-color: rgba(1, 1, 1, 0.0);
   background-image: url('../themeimage/svg/toolbar/list-order.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-insertorderedlist,
.x-btn-click   .x-edit-insertorderedlist,
.x-btn-pressed .x-edit-insertorderedlist{
   background-color: #a8a8a8;
   background-image:  url('../themeimage/svg/toolbar/list-order.svg?color1=-12237499') !important;
}


.x-edit-insertunorderedlist{
   background-color: rgba(1, 1, 1, 0.0);
   background-image:  url('../themeimage/svg/toolbar/list-unorder.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-insertunorderedlist,
.x-btn-click   .x-edit-insertunorderedlist,
.x-btn-pressed .x-edit-insertunorderedlist{
   background-color: #a8a8a8;
   background-image:  url('../themeimage/svg/toolbar/list-unorder.svg?color1=-12237499') !important;
}



.x-edit-createlink{
   background-color: rgba(1, 1, 1, 0.0);
   background-image:  url('../themeimage/svg/toolbar/createlink.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-createlink,
.x-btn-click   .x-edit-createlink,
.x-btn-pressed .x-edit-createlink{
   background-color: #a8a8a8;
   background-image:  url('../themeimage/svg/toolbar/createlink.svg?color1=-12237499') !important;
}










.x-edit-sourceedit{
   background-color: rgba(1, 1, 1, 0.0);
   background-image:  url('../themeimage/svg/toolbar/sourcedit.svg?color1=-15395563') !important;
} 
.x-btn-menu-active  .x-edit-sourceedit,
.x-btn-click   .x-edit-sourceedit,
.x-btn-pressed .x-edit-sourceedit{
   background-color: #a8a8a8;
   background-image:  url('../themeimage/svg/toolbar/sourcedit.svg?color1=-12237499') !important;
}

 
/* ------ tree.css */


.x-tree-node a span{
 color:#3d3d3d;
}

.x-tree-node-el {
    line-height:24px;
    }

.x-tree-node-over{
    background: none ;
    }

.x-tree-selected,
.x-tree-selected.x-tree-node-over {
    background: #a8a8a8;
}

.x-tree-selected a span {
    color:#454545 !important;
    font-style: normal !important;
}


.x-tree-ec-icon {
    height:12px;
    }
    
    
.x-tree-elbow-end-plus,
.x-tree-elbow-plus,
.x-tree-elbow-end-minus,
.x-tree-elbow-minus,
.x-tree-elbow,
.x-tree-elbow-over,
.x-tree-elbow-selected,
.x-tree-elbow-end{
    background-size:contain;
    margin-left:9px !important;
}

.x-tree-elbow-end-plus,
.x-tree-elbow-plus{
    background-image: url('../themeimage/svg/close.svg?color1=-12763843') !important;   
}
.x-tree-elbow-end-minus,
.x-tree-elbow-minus{
    background-image: url('../themeimage/svg/open.svg?color1=-12763843') !important;   
}
.x-tree-selected .x-tree-elbow-end-plus,
.x-tree-selected .x-tree-elbow-plus{
    background-image: url('../themeimage/svg/close.svg?color1=-12237499') !important;   
}
.x-tree-selected .x-tree-elbow-end-minus,
.x-tree-selected .x-tree-elbow-minus{
    background-image: url('../themeimage/svg/open.svg?color1=-12237499') !important;   
}





.x-tree-icon, 
.x-tree-ec-icon, 
.x-tree-elbow-line, 
.x-tree-elbow, 
.x-tree-elbow-over,
.x-tree-elbow-end, 
.x-tree-elbow-plus, 
.x-tree-elbow-minus, 
.x-tree-elbow-end-plus, 
.x-tree-elbow-end-minus,
.x-tree-node-collapsed .x-tree-node-icon, 
.x-tree-node-expanded .x-tree-node-icon, 
.x-tree-node-leaf .x-tree-node-icon{
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 18px;
}





.x-tree-node a,
.x-dd-drag-ghost a{
    vertical-align: middle;
    }

.x-tree-node-icon.treeTextExpandAll{
    background-image: url('../themeimage/svg/miniExpandAll.svg?color1=-12763843');
    margin-top: 3px;
}
.x-tree-selected .x-tree-node-icon.treeTextExpandAll{
    background-image: url('../themeimage/svg/miniExpandAll.svg?color1=-12237499');
}


.x-tree-node-icon.treeTextCollapseAll{
    background-image: url('../themeimage/svg/miniCollapseAll.svg?color1=-12763843');
    margin-top: 3px;
}
.x-tree-selected .x-tree-node-icon.treeTextCollapseAll{
    background-image: url('../themeimage/svg/miniCollapseAll.svg?color1=-12237499');
}    

/* .x-tree-node-expanded .x-tree-node-icon{
    background-image:url(../javascript/framework/extjs/images/default/tree/folder-open.gif);
}

.x-tree-node-leaf .x-tree-node-icon{
    background-image:url(../javascript/framework/extjs/images/default/tree/leaf.gif);
}

.x-tree-node-collapsed .x-tree-node-icon{
    background-image:url(../javascript/framework/extjs/images/default/tree/folder.gif);
} */

.x-tree-node-loading .x-tree-node-icon{
  /*   background-image:url(../javascript/framework/extjs/images/default/tree/loading.gif) !important;  */
   
}



.x-tree-node-indent{
    position:relative;
}

.x-tree-node-loading .x-tree-node-indent:after{
    content: "";
    position: absolute;
    width: 6px;
    right: -23px;
    top: 2px;
    height: 6px;
    border: 3px solid #a8a8a8;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation-delay: 900ms; /* Chrome, Safari, Opera */
    animation-delay: 900ms;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; 
}

.x-tree-selected.x-tree-node-loading .x-tree-node-indent:after{
     border: 3px solid #454545;
    border-right-color: transparent;
}


.x-tree-node-loading .x-tree-ec-icon{
    background-image:none !important;
}




.x-tree-node .x-tree-node-inline-icon {
    background-image: none;
}

.x-tree-node-loading a span{
     font-style: normal;
}

.ext-ie .x-tree-node-el input {
    width:15px;
    height:15px;
}

/* .x-tree-lines .x-tree-elbow{
    background-image:url(../javascript/framework/extjs/images/default/tree/elbow.gif);
}


.x-tree-lines .x-tree-elbow-end{
    background-image:url(../javascript/framework/extjs/images/default/tree/elbow-end.gif);
}

.x-tree-lines .x-tree-elbow-line{
    background-image:url(../javascript/framework/extjs/images/default/tree/elbow-line.gif);
} */


.x-tree-node-el{
    position:relative;
}

.ux-rightindicator{
    background: #a8a8a8;
    border:0.5px solid #454545;
    color:#454545;
    height: 13px;
    line-height: 14px;
    position: absolute;
    right: 1px;
    top: 5px;  
}

/* ------ window.css */


.x-window-proxy {
    background-color:red;
 }

.x-dlg-mask{
   background-color:green;
}

.x-window{
    border-radius: 5px; 
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); 
    background: #ffffff;
    color: #3d3d3d;
    min-width:130px;
    border:0px; 
    }



.x-window-tl{
    background:#ffffff;
    border-radius:5px 5px 0px 0px ;
}

.x-window-bc{
    background:#ffffff;
    border-radius:0px 0px 5px 5px ;  
}



.x-window-mc{
   border:0px;
}

.x-window-bl,
.x-window-tl,
.x-window-ml{
    padding-left:0px
    }
    

.x-window-mr,
.x-window-br,    
.x-window-tr{
    padding-right:0px;
    }
    
.x-panel-btns {
    padding:0px;
    }
    
.x-window-tl .x-window-header{
    padding:2px !important;
     text-align: center;
} 
   
.x-window-header-text{
    font-weight:500;
    text-transform: uppercase;
    line-height:20px;
}

.x-window-header,
.x-window-footer{
    position:relative;
}

.x-window-footer:after{
   content: "";
    position: absolute;
    width: 100%;
    left: 0px;
    top:0px;
    height: 1px;
    background: linear-gradient(to bottom, #b3b3b3 0%, #b3b3b3 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;    
}

.x-panel-ghost .x-window-tl{
    border-bottom:0px solid red !important ;
}
.x-panel-collapsed .x-window-tl{
    border-bottom:0px solid red !important ;
}
.x-panel-ghost ul{
    border-bottom:0px solid red !important ;
    border-right:0px solid red !important;
    border-left:0px solid red !important ;
}
.x-panel-ghost {
    opacity:0.8;
    border-radius:4px;
    }

    
    
/***********************upload*********************************/
.dropPanel,
.metaPanel,
.centerPanel,
.leftPanel,
.rightPanel{
   border:0px; 
    }
    
    
    
    
    /******************************************************* handles for crop *************************************************/

.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
{
    background-image: url('../images/invalid4.png') !important;
    
}

.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
{
    background-image:url(../images/default/sizer/s-handle-dark.gif);
}

.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
    background-image:url(../images/default/sizer/s-handle-dark.gif);
}
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
    background-image:url(../images/default/sizer/se-handle-dark.gif);
}
.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
    background-image:url(../images/default/sizer/nw-handle-dark.gif);
}
.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
    background-image:url(../images/default/sizer/ne-handle-dark.gif);
}
.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
    background-image:url(../images/default/sizer/sw-handle-dark.gif);
}

    
/* ------ ww.css */


.x-window-proxy {
    background-color:red;
 }

.x-dlg-mask{
   background-color:green;
}

.x-window{
    border-radius: 5px; 
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); 
    background: #ffffff;
    color: #3d3d3d;
    min-width:130px;
    border:0px; 
    }

.x-window-tl{
    background:#ffffff;
    border-radius:5px 5px 0px 0px ;
}

.x-window-mc{
   border:0px;
}

.x-window-bl,
.x-window-tl,
.x-window-ml{
    padding-left:0px
    }
    

.x-window-mr,
.x-window-br,    
.x-window-tr{
    padding-right:0px;
    }
    
.x-panel-btns {
    padding:0px;
    }
    
.x-window-tl .x-window-header{
    padding:5px !important;
} 
.x-window-header,
.x-window-footer{
    position:relative;
}

.x-window-footer:after{
   content: "";
    position: absolute;
    width: 100%;
    left: 0px;
    top:0px;
    height: 1px;
    background: linear-gradient(to bottom, #b3b3b3 0%, #b3b3b3 51%, transparent 51%);
    background-size: 100% 1px;
    z-index:10;    
}