/*Global*/
/*body { background: #fff url(../images/background.jpg) no-repeat center top; }*/
body { font-family: "Segoe Ui",Helvetica,Arial,sans-serif !important; }
#main { }
.bold { font-weight:bold; }
.colorRed { color: red; }
.colorGreen { color: green; }
.colorWhite { color: white; }
.disabledBtn { display: none; }
.clear { clear: both; }
.clearfix:after { clear: both; }
.clearfix:before, .clearfix:after { content: " "; display: block; height: 0; overflow: hidden; }
/* float clearing for IE6 */
* html .clearfix{ height: 1%; overflow: visible; }
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%; }
/*div[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}*/

/**/
#PanelTutorial { 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#DisableBody{ 
  position: absolute;
  background-color: black;
  filter: alpha(opacity=30);
  opacity: 0.3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#ButtonNext{ 
	border: 1px solid black; 
	padding: 5px; 
	position: absolute; 
	bottom: 40px; 
	right: 20px; 
	z-index: 2; 
	background-color: green; 
	color: white; 
	cursor: pointer; 
	font-size: 1.2em; 
}
.panelBack { z-index: -1; }

.panelTuto{
	width: 150px;
	height: 100px;
	position: absolute;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.panelTuto:after{
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 15px;
	display: block;
	width: 0;
	z-index: 1;
}
.panelTuto:before{
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 15px;
	display: block;
	width: 0;
	z-index: 0;
}
.panelTuto.down:after { top: 98px; left: 15px; border-color: #FFFFFF transparent transparent transparent; }
.panelTuto.down:before { top: 99px; left: 15px; border-color: #000 transparent transparent transparent; }
.panelTuto.up:after { top: -30px; left: 15px; border-color: transparent transparent #FFFFFF transparent; }
.panelTuto.up:before { top: -31px; left: 15px; border-color: transparent transparent #000 transparent; }
.panelTuto.left:after { top: 25px; left: -30px; border-color: transparent #FFFFFF transparent transparent; }
.panelTuto.left:before { top: 26px; left: -31px; border-color: transparent #000 transparent transparent; }
.panelTuto.right:after { top: 25px; left: 248px; border-color: transparent transparent transparent #FFFFFF; }
.panelTuto.right:before { top: 26px; left: 249px; border-color: transparent transparent transparent #000; }

.x-splitter-vertical { cursor: col-resize !important; }
/*----- ----- -----*/

/*West*/
.tree-expand { background: url(../images/expand.png) no-repeat top left; background-size: cover; }
.tree-collapse { background: url(../images/collapse.png) no-repeat top left; background-size: cover; }
.tree-folder-supplier { width: 16px; background-image:url(../images/provider_16.png) !important; }
.tree-leaf-VALID { width: 16px; background-image:url(../images/light-green.png); }
.tree-leaf-REFUSE { width: 16px; background-image:url(../images/light-red.png); }
.tree-leaf-PARTIAL { width: 16px; background-image:url(../images/light-orange.png); }
.tree-leaf-WAITING { width: 16px; background-image:url(../images/light-grey.png); }
.sendMailIcon { background-image:url(../images/mail.png); }
.addApprobationUser { background-image:url(../images/Ajouter.png); }
.viewInfoApprobationUser { background-image:url(../images/infoApprob.png); }
.viewInfoDoc { background-image:url(../images/infoDoc.png); }
.subIndex { font-weight: bold; font-size: 9px; margin-left: -13px; margin-right: 10px; }
.subIndex2 { font-weight: bold; font-size: 9px; margin-left: -15px; margin-right: 7px; }
.unreadComment { position: absolute; width: 12px; height: 10px; margin-left: 10px; margin-top: 4px; background-image: url(../images/unread.png); background-repeat: no-repeat; }
.x-grid-dirty-cell { background-image: none; }
/*----- ----- -----*/

/*West Tree Up*/
#helpTreeBtn { text-align: right; }
#TooltipBox { padding: 5px; border-color: #057B5D; }
#TooltipBox_header { padding: 5px; background-color: #057B5D; border-radius: 3px 3px 3px 3px; }
#TooltipBox_header_hd-textEl { color: #FFFFFF; }
.iconAlign { float: left; margin-right: 2px; }
.refresh { background-image:url(../images/refresh.gif); }
.help { background-image:url(../images/help.png); }
.search { background-image:url(../images/search.png); }
.focusBtn { background: none repeat scroll 0 0 #93B7D9 !important; }

#FilterWindow-body>table { margin-top: 5px; margin-left: 5px; }
#FilterWindow-body>table>tbody>tr>td:first-of-type { width: 125px !important; }
#FilterWindow-body>table>tbody>tr>td:first-of-type label { width: 125px !important; }

#FilterHistoryWindow-body>table { margin-top: 5px; margin-left: 5px; }
#FilterHistoryWindow-body>table>tbody>tr>td:first-of-type { width: 125px !important; }
#FilterHistoryWindow-body>table>tbody>tr>td:first-of-type label { width: 125px !important; }
/*----- ----- -----*/

#treePanelDown_header_hd-textEl input { position: absolute; left: 0; top: 3px; }
#treePanelDown_header_hd-textEl.x-panel-header-text-default { margin-left: 17px; }

/*Central Title*/
.rightAlign { float: right; }
.leftAlign { position: fixed; }
#pdfTitleHeader { display: inline-block; }
.pdfTitleHeaderFolder { display: inline-block; position: absolute; right: 5px; }
#buttonMailSend { width: 16px; height: 13px; cursor: pointer; display: inline-block; margin-left: 5px; background-image:url(../images/mail.png); }
/*----- ----- -----*/

/*East Global Comment*/
#globalCommentPanel-body { padding: 5px; }
/*----- ----- -----*/

/*East*/
.contextBlock { font-style: italic; }
.block { width: 16px; height: 16px; display: inline-block;}
#disconnectBtn { 
	background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #F9F9F9 48%, #E2E2E2 52%, #E7E7E7);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
	border-color: #D1D1D1;	
}
#disconnectBtn :active {
	background-color: #E7E7E7;
    background-image: -moz-linear-gradient(center top , #E7E7E7, #ECECEC 48%, #E8CDCE 52%, #EBD5D6);
    border-color: #DCD7D6;
}
/*----- ----- -----*/

/*East Write Comment*/
.save { width: 32px !important; background-image:url(../images/save.png); }
.saveBlock { /*margin-left: 10px !important;*/ /*background-color: #e0e1dd !important;*/ }
.saveBlock.x-btn-default-toolbar-small-over { /*background-color: #e0e1dd;*/ }
.saveBlock.x-btn-default-toolbar-small-pressed {  }
.saveImg { background-image:url(../images/comment.png); }

.valid { /*margin-left: -5px !important;*/ /*background-color: #34b233 !important;*/ }
.valid.x-btn-default-toolbar-small-over { /*background-color: #34b233;*/ }
.valid.x-btn-default-toolbar-small-pressed {  }
.validImg { background-image:url(../images/accept.png); }

.valid .x-btn-inner { color: #348000; }
.noValid .x-btn-inner { color: #ff1a1f; }

.noValid { margin-left: 0px !important; /*background-color: #ff1a1f !important;*/ }
.noValid.x-btn-default-toolbar-small-over { /*background-color: #ff1a1f;*/ }
.noValid.x-btn-default-toolbar-small-pressed {  }
.noValidImg { background-image:url(../images/refuse.png); }

.button.x-btn-default-toolbar-small-over { border: 1px solid #919191 !important; background-image: none; }
.button.x-btn-default-toolbar-small-pressed { border: 1px solid #919191 !important; background-image: none; box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.2) inset; }
/*----- ----- -----*/

/*East History*/
#trace { margin: 5px;}
#trace .line { margin-top: 10px; }
#trace .line .title { float:left; font-style:italic }
#trace .line .bold { font-weight:bold; }
#trace .line .sub { float:left; }
#trace .line .comment { float:left; }
#trace .separator { background-image:url(../images/separator.png); background-repeat:repeat-x; height: 1px; margin-top: 5px; }
/*----- ----- -----*/

/*South*/
#msg { margin: 5px; }
#north-panel-body { height: 35px !important; padding: 5px; }
#north-panel-body .northPanelText { font-size: 1.2em; }
/*----- ----- -----*/

/*Dialog*/
.helpSection .helpLine { margin-bottom: 10px; text-align: justify; text-justify: inter-word; }
.helpTipsImg { border: 1px solid; display: block; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; }
#HelpForm-body ul  { margin-left: 15px; margin-top: 5px; }
#HelpForm-body ul li { list-style-type: disc; }
#infoDocForm .infoDocField { margin-bottom: 10px !important; }
/*#btnFillMail { left: 175px !important; position: relative; top: 17px !important; background-image:url(../images/separator.png); }*/
#putMail { display: inline-block; top: 15px !important; z-index: 50; }
.putMailCls { background-image:url(../images/putMail.png); }
#mailTo-labelEl { margin-left: 25px; }
.sendMailFormBody { padding-left: 10px; padding-right: 10px; }
/*----- ----- -----*/

/*Issue from IE*/
.x-nlg .x-panel-header-default-top { background-image: none; }
.x-nlg .x-toolbar-default { background-image: none !important; }
.x-nlg .x-btn-default-small { background: linear-gradient(#FFF, #FFF, #DDD, #CCC); }
.x-nbr .x-btn-default-toolbar-small { background-position-x: 0px; background-position-y: 0px; border-width: 1px!important; }
.x-nlg .x-tab-bar { background-image: none; }
.x-nlg .x-tab-top { background-image: none !important; }
/*----- ----- -----*/

/*Login*/
#logo { background: #fff url(../images/sage-logo.png) no-repeat center top; width: 100px; height: 44px; position: absolute; right: 50px; top: 40px; }
#loginBlock { margin-left: auto; margin-right: auto; width: 600px; margin-top: 115px; }
#separator { position: relative; }
#loginBlock .separation { height: 15px; background-color: #007f64; background-image:linear-gradient(to right, #007f64, #31af36); }
#loginHeadingText { margin-top: 15px; height: 180px; width: 580px; margin-left: auto; margin-right: auto; }
#loginHeadingText .title { color: #47b947; font-size: 2em; }
#loginHeadingText .subtitle { color: #25927a; font-size: 2em; margin-top: 5px; }
#loginHeadingText .text { margin-top: 5px; }
#loginBody { margin-left: auto; margin-right: auto; width: 355px; margin-bottom: 40px; }
#loginBody .x-panel-default-framed { border-color: #7fbfb1; background-color: white; }
#loginBody .x-panel-body-default-framed { background-color: white; }
#loginBody .x-btn-default-small { background-image: none; }
#loginPanel { margin-left: auto; margin-right: auto; margin-top: 10px; width: 350px; }
#loginLang { margin-left: auto; margin-right: auto; width: 50px; position: absolute; right: -60px; font-size: 0.9em; }
#loginLang a { color: blue; cursor: pointer; }
#loginButton { background-color: #34b233; }
#loginButton .x-btn-inner { color: white; }
#cancelButton{ background-color: #e0e1dd; }
#versionPanel { margin-left: auto; margin-top: 4px; width: 96px; font-size: 10px;}
.x-nbr .x-btn-default-small-tl { background-image:none; }
.x-nbr .x-btn-default-small-tc { background-image:none; }
.x-nbr .x-btn-default-small-tr { background-image:none; }
.x-nbr .x-btn-default-small-ml { background-image:none; }
.x-nlg .x-btn-default-small-mc { background-image:none; background-color: transparent; }
.x-nbr .x-btn-default-small-mr { background-image:none; }
.x-nbr .x-btn-default-small-bl { background-image:none; }
.x-nbr .x-btn-default-small-bc { background-image:none; }
.x-nbr .x-btn-default-small-br { background-image:none; }
/*----- ----- -----*/

/* accinfo */

#AccInfoSummary-panel {
  border: 0px none;
  padding: 4px;
}

.AccInfoSummaryGrid {
  border: 0px none;
}

.x-resizable-handle-east{
	width:4px;
	height:100%;
	right:0;
	top:0;
}

.x-resizable-over .x-resizable-handle-east{	
	background-image:none;
}