/* ************************************  MENU CSS ************************************* */

/* ================================================================================  */
/*                                                   CHANGING COLORS                                                                          */
/* ================================================================================  */
::-ms-reveal{
  display: none;
  }
  ::-ms-clear{
  display: none;
  }
/* color of borders */
.suiteMenu ,.precMenu {
    border-color:#D6D6D6;
}

/* background color of menu boxes */
/* text color of the  menu */
#divMenu{
    background-color: #F1F1F1;
    color:#606060;
}

/* color of a selected entry of the menu */
.libelleMenuPrincipal2,.libelleSousMenu2 {
    background-color: white;
    color:#152F50;
}
/*
.libelleMenuPrincipal2{
    background:url("./../img/bgMenuSelected.png") repeat-x 0;
}
*/

#header{ 
    padding-top:2px;
    padding-left:10px;
    padding-bottom:0px;
    position:fixed;
    height:35px;
    top:0px;
    left:0px;
    width:100%;
    z-index:50;
    /* background:white url("./../img/bgHeader.gif") repeat-x bottom; */
    background: white url("../img/bgSprite10.png") repeat-x bottom; 
    background-position: 0px 7px;
    border-bottom:3px solid #EBEBEB;
    overflow: hidden;    
}

#headerCust{
    float: left; 
    padding-top : 2px;
    width: 145px;
    height: 100%;
    padding-top: 2px;
}
#headerAldata{
    width: auto;
    text-align: center;
    padding-top: 2px;
    height: 100%;
}
#summary{
    float: right;
    padding-top: 2px;
    width: 600px;
    height: 100%;
}

/* button/text field disabled css for IE10 and Chrome */
input[type="button"]:disabled {
    color: #DDDDDD;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.logoMenu{
    height: 90%;
    background-size: 50%;
    background-repeat:no-repeat;
    background-position: center;
}
.copyright{
    font-size:9px;
    color:#999999;
    text-align:right;
       height:9px;
       position:fixed;
       right:6px;
       top:25px;
}

.divIntro {
    padding-top:1px;
    margin:0px;
    text-align:right;
    vertical-align:top;
}
.introLibel {
    margin-top:1px;
    margin-right:7px;
    font-size: 8pt;
    color: #7C8D9B;
    height: 20px;
}
.introIcon{
    height:19px;
    width:19px;
    display:inline-block;
    margin-right:5px;
    margin-left:40px;
}
.introUser{
    /* background:url("./../img/headerUser.png") no-repeat; */
    background:url("../img/allSprite.png") no-repeat;
    background-position: 0 -1386px; 
    width: 19px; 
    height: 19px;
}
.introSite{
    /* background:url("./../img/headerSite.png") no-repeat; */
    background:url("../img/allSprite.png") no-repeat;
    background-position: 0 -1357px;
     width: 19px;
      height: 19px;
}
.introDomain{
    /* background:url("./../img/headerDomain.png") no-repeat; */
    background:url("../img/allSprite.png") no-repeat;
    background-position: 0 -1328px; 
    width: 19px; 
    height: 19px;
}

.introApp{
    /* background:url("./../img/headerAppli.png") no-repeat; */
    background:url("../img/allSprite.png") no-repeat;
    background-position: 0 -1303px;
    width: 19px; 
    height: 17px;
}

.parametersButton{
    border:none;
    /* background:url("./../img/parameters.png") no-repeat; */
    background:url("../img/allSprite.png") no-repeat;
    height: 20px;
    width: 20px;
    cursor:pointer;
    margin-right:5px;
    margin-left:30px;
    background-position: 0 -1712px;
}


.introData {
    padding-left: 3px;
    padding-right: 3px;
    background-color:none;
    height: 20px;
    color: #7C8D9B;
    vertical-align:top;
    padding-top:3px;
    display:inline-block;
}

.helpButton{
    border:none;
    /* background:url("./../img/help.png") no-repeat; */
    background:url("../img/allSprite.png") no-repeat;
    background-position: 0 -1415px;
    height: 20px;
    width: 20px;
    cursor:pointer;
    margin-right:10px;
    margin-left:30px;
}

.logoutButton{
    border:none;
    /* background:url("./../img/logout.png") no-repeat; */
    background:url("../img/allSprite.png") no-repeat;
    background-position: 0 -1444px;
    height: 20px;
    width: 20px;
    cursor:pointer;
    margin-right:20px;
    margin-left:30px;
}


#divMenu{
    background-color:#EBEBEB;
    /*background:#EBEBEB url("./../img/bgMenu.png") repeat-x 0 0 ;*/
}

.divMenuPrincipal {
    border:none;
}

/* .precMenu,.suiteMenu {
    width:15px;
    height:22px;
    background: transparent url("./../img/menuPrev.png") no-repeat center;
    border:none;
    cursor: pointer;
    margin-left:10px;
    margin-right:10px;
    margin-top:2px;
}
.suiteMenu {
    background: transparent url("./../img/menuNext.png") no-repeat center;
} */
.boutonsmenu {
    text-align:right;
    border:none;
    width:16px;
}
/* .suitesousMenu {
    width:16px;
    height:16px;
    background: url("./../img/suiteSousMenu_transp.gif") no-repeat left; 
    text-align:right;
    border:none;
    margin:0px;
    vertical-align:top;
} */

.tableMenuPrincipal {
    border:none;
    background-color: transparent;
    border-collapse:collapse;
    padding:0px;
    margin:0px;
}
.tableSousMenu {
    font-size: 8pt;
    width:100%;
   padding:0px;
   margin:0px;
   border-collapse:collapse;
   /* clear : both */
   height:auto;
   overflow:hidden;
   background-color:#F1F1F1;
}
.tableSousMenu td{
 padding-top : 1px;
 padding-bottom : 1px;
}

.libelleMenuPrincipal {
    cursor: pointer;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight:bold;
    border:none;
    text-align: center;
    width: 100%;
    height:25px;
    padding-left: 14px;
    padding-right: 14px;
    background-color: transparent;
    color:inherit;
    margin:0px;
}
.libelleMenuPrincipal2 {
    cursor: pointer;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight:bold;
    border:none;
    text-align: center;
    width: 100%;
    height:25px;
    padding-left: 14px;
    padding-right: 14px;
    margin:0px;
}
/* .libelleSousMenu {
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
    background:none;
    width:100%;
    border: none;
    height:25px;
    padding-left : 20px;
    background-image:url("./../img/bgMenu.png"); 
    background-position: 3px;
    background-repeat: repeat-y;
    color:inherit;
    cursor: pointer;
}

.libelleSousMenu2 {
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
    cursor: pointer;
    text-align: left;
    width:100%;
    border: none;
    height:25px;
    padding-left : 20px;
    background-image:url("./../img/bgMenuSelected.png"); 
    background-position: 3px;
    background-repeat: repeat-y;
} */

.tdBouton{
    width:20px;
}

/* ========= */
/* New Menu  */
/* ========= */

.subMenuDiv img{
    position:absolute;
    left:2px;
    margin-top:4px;
}

.divContextMenu img{
    position:absolute;
    left:2px;
    margin-top:4px;
}

/* ================================================================================  */

#divMainMenu{
    position:relative;
    background-color: #F1F1F1;
    height:30px;
}

.menuEntryMarker{
    margin-top:2px;
    height:21px;
    width: 4px;
    background-color: #A0A29D;
    position: absolute;
    left:25px;
}

.menuEntryArrowSub{
    width:16px;
    height:16px;
    /* background: url("./../img/suiteSousMenu_transp.gif") no-repeat left; */ 
    background: url("../img/allSprite.png") no-repeat left;
    margin:0px;
    position: absolute;
    right:2px;
    top:4px;
    background-position: 0 -1071px;
}

.subMenuEntryDiv, .mainMenuEntryDiv{
    padding-left:20px;
    padding-right: 20px;
    background-color: #F1F1F1;
    color:#606060;
    height:25px;
}

.mainMenuEntryDiv{
    float:left;
    height:26px;
    margin-top:2px;
    border:solid 1px #F1F1F1;
}

.menuDisabled{
    color:#D3D3D3 !important;
}

.menuDisabled .menuEntryMarker{
    background-color:#D3D3D3;
}

.menuEntryLabel{
    border:none;
    font: bold 8pt Arial;
    cursor: pointer;
    text-align: left;
    height:23px;
    background-color: transparent;
    color: inherit;
}

.subMenuEntryDiv{
    position:relative; /* for the arrow of submenu */
}

.subMenuEntryDiv .menuEntryLabel{
    width:240px;
    padding-left:20px;
}
.mainMenuEntryDiv .menuEntryLabel{
    margin-top:2px;
}
.selectedMainMenu{
    background-color:#E4E4E4 !important;
    border:solid 1px #FFFFFF;
}

.subMenuDiv{
    position:absolute;
    z-index:410;
    border-style: solid;
    border-width:1px; 
    -moz-box-shadow: 3px 3px 4px #7E8B98;    
    -webkit-box-shadow: 3px 3px 4px #7E8B98;    
    box-shadow: 3px 3px 4px #7E8B98;    
    /* For IE 8 */   
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7E8B98')"; 
    border-color:#D6D6D6;
}

/* ContextMenu */

.divContextMenu .menuEntryLabel{
    font-weight:normal;
    width:auto;
    padding-right:20px;
}

/* ************************************  MENU CSS ************************************* */ 

/* ************************************  CALENDAR CSS ************************************* */


/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ CALENDAR ------------------------------------------------------  */
.calendarDiv{
    left:0px; 
    top:0px; 
    width:auto;
    height:auto;
}
.calendarFrame{
    position: absolute;
}
.calendarBox {
    background-color: #B5BCC7;
    position: absolute;
    z-index:200;/* z-index buggy in IE6. But here, it is taken into account because placed in a iframe. If not specified, user won't be able to click on the calendar */
}
.calendarTable{
    background-color: #FFF;
    font-family: Tahoma;
    border-spacing:3px;
    border-collapse: separate;
}
.calendarHead {
    cursor: pointer;
    background: #6F859A /* url("./../img/bgShadowTop.png") repeat-x 0 0 */; 
    color: white;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    height:20px;
}
.calendarMonth{
    background: #505050 /* url("./../img/bgField.png") repeat-x top */;
}
.calendarSubhead {
    background-color: #C9D9E9;
    color: black;
    font: bold 7pt Tahoma;
    text-align: center;
    width: 20px;
    height:16px;
    padding: 1px;
}
.calendarCell {
    /* background: #F2F2F2 url("./../img/bgShadowLeft.png") repeat-y 0 0; */
    background: #F2F2F2 url("../img/bgSprite15.png") repeat-y;
    color: #000000;
    font-size: 8pt;
    font-weight:normal;
    text-align: center;
    cursor: pointer;
    background-position: 0 -74px;
}
.calendarCellSelect {
    background-color: #d1eef0;
    color: #000000;
    font-size: 8pt;
    text-align: center;
    cursor: pointer;
}
.calendarWeek{
    background-color: #C9D9E9;
    color: #666666;
    font-size: 8pt;
    text-align: center;
    font-style:italic;
    font-weight:bold;
    width:30px;
}
.currentDate{
    color: #FF1443;
}
#selectedDate{
    background-color: #6495AA;
}
#framemessage{
    z-index:0;
    height:0px;
    width: 0px;
    position:absolute; 
    padding: 0px; 
    margin-top: 0px; 
    margin-bottom: 0px; 
}

/* ************************************  CALENDAR CSS ************************************* */

/* ************************************  COMMON CSS ************************************* */


/* ----------------------------- R&D CSS -- applied to common objects -- ---------------------------*/

body,html{
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-weight: bold;
    font-size: 8pt;
    height:100%;
}
body{
    position:relative;
}

html{
   overflow-y:scroll;
   overflow-x:hidden;
}

pre{
    font-family:Arial;
    font-weight: bold;
    font-size: 8pt;
}

th{
    font-family:Arial;
    font-weight: normal;
    font-size: 8pt;
}

/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------  CONTENT  -----------------------------------------------  */
#content {
    padding-top:38px;
    width:100%;
}

/* #transactionPath{
    background:url("./../img/bgPath.png") repeat-x;   -- Not found so commented out
    color:#353E47;
    position:relative;
    height:19px;
    vertical-align:middle;
    padding-left:20px;
    padding-top: 5px;
    clear:both;
}

#transactionPath div{
    float:left;
} */
#transactionTitle{
    padding-left:4px;
    color:#D2002F;
}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------------------- HORIZONTAL SPLITTER  -------------------------------------------  */
div.horizontalSplitter{
    overflow-x:auto;
    overflow-y: hidden;
    /* padding-bottom:18px; */ /* IE7 only */
    margin : 0 auto; /* IE9 auto expanding issue */
}

.horizontalSplitter td{
   padding:0px;
   margin:0px;
}
.horizontalSplitterTD{
   vertical-align : top;
}



/* --------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------  TABBED PANE  ---------------------------------------------  */

/***** Horizontal Tabbed Pane *****/
div.horizontalTabbedPaneTabs {
    float: left;
    clear:both;
    width: 100%;
    line-height: normal;
    /* background: url("./../img/tabbedPane_bg.gif") repeat-x bottom; */
    background: url("../img/20x45.png") repeat-x bottom;
}
div.horizontalTabbedPaneTabs .tabbedPane {
    margin: 0;
    padding: 0;
    padding: 15px 0px 0;
    list-style: none;
}
div.horizontalTabbedPaneTabs .tab {
    float: left;
    background: url("../img/norm_right.gif") no-repeat right top;  
    margin: 0;
    padding: 0;
}
div.horizontalTabbedPaneTabs .tabButton {
    display:block;    
    /* for IE Mac uniquely \*//*/
    float:left;
    /**/
    background: url("../img/norm_left.gif") no-repeat left top;     
    padding-right: 10px !important;       
    padding-left: 10px !important;   
    padding: 5px 5px 4px 5px; /* top right bottom left */
    cursor: pointer;
    border: none;
    font-size: 8pt;
    font-weight: bold;
    font-family: tahoma; /* nicer in bold */
    margin: 0px; /* Chrome... */
}
div.horizontalTabbedPaneTabs .selectedTab {
    background-image: url("../img/norm_right_on.gif");
}
div.horizontalTabbedPaneTabs .selectedTab button {
    background-image: url("../img/norm_left_on.gif");
    padding-bottom: 5px;
}
.horizontalTabbedPaneContent {
    clear: both;
    border-bottom: 1px solid #B5BCC7;
    border-left: 1px solid #B5BCC7;
    border-right: 1px solid #B5BCC7;
    padding: 5px;
    overflow: auto;
    background-color: transparent;
    position:relative;
}
.tabButtonPlus{
    height:26px;
    width:26px;
    /* background: url("./../img/tableAdd.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    cursor: pointer;
    border: none;
    padding-top:0px;
    background-position: 0 -1741px;
}
div.horizontalTabbedPaneTabs .tabButtonPlus{
    float:left;
}
/***** Vertical Tabbed Pane *****/
div.verticalTabbedPane {
    padding: 5px 0px 5px 0px;/* top right bottom left */
    width: 100%;
}
div.verticalTabbedPaneTabs {
    float: left;
    /*width: 10%;*/
    line-height: normal;
    background:transparent url("../img/vTabbedPane_bg_engine.gif") repeat-y right;
    /*border-bottom: 1px solid #b5bcc7;*/
    height:100%;
}
div.verticalTabbedPaneTabs .tabbedPane {
    margin: 0;
    padding: 0;
    /*padding: 15px 0px 0;*/
    list-style: none;
}
div.verticalTabbedPaneTabs .tab {
    background:transparent url("../img/norm_bottom.gif") no-repeat left bottom;
    margin: 0px 0px 1px 0px; /* top right bottom left */
    padding: 0px 0px 1px 0px;
    min-height: 39px;
    max-height: 50px;
    cursor: pointer !important;
    border-right: 1px solid #B5BCC7;
}
div.verticalTabbedPaneTabs .tabButton {
    display: block;
    background:transparent url("../img/norm_top.gif") no-repeat left top;
    padding: 5px 10px 0px 10px; /* top right bottom left */
    margin: 0px; /* Chrome... */
    cursor: pointer;
    border: none;
    font-size: 8pt;
    font-weight: bold;
    font-family: tahoma; /* nicer in bold */
    width: 100% !important;
    height: 100% /*!important*/;
}
div.verticalTabbedPaneTabs .toolbarDisabled{
    cursor:none;
}
div.verticalTabbedPaneTabs .tabButtonWithoutIcon {
    min-height: 39px;
    line-height: 28px;
}
div.verticalTabbedPaneTabs .selectedTab {
    background-image: url("../img/norm_bottom_on.gif");
    border-right-style: none;
}
div.verticalTabbedPaneTabs .selectedTab button {
    background-image: url("../img/norm_top_on.gif");
    /*padding-bottom:5px;*/
}
div.verticalTabbedPaneTabs .tabImg {
    display: block;
    max-width: 32px;
    max-height: 32px;
}
.verticalTabbedPaneContent {
    /*clear:both;*/
    /*width: 89%; width of tabs is set in TabbedPane.getDOMElement now*/
    /*border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;*/
    padding: 5px;
    background-color: transparent;
    border-top: 1px solid #B5BCC7;
    border-right: 1px solid #B5BCC7;
    border-bottom: 1px solid #B5BCC7;
    position:relative; /* in case there is a flap inside the tab */
}



/* --------------------------------------------------------------------------------------------------- */
/* ------------------------------------  LOOK OF TABLES  --------------------------------------------  */
/* --------------------------------------------------------------------------------------------------- */

/* UPPER BUTTONS */
.boutonExpandAll, .boutonCollapseAll {
    margin:1px;
    margin-left:4px;
    margin-right:4px;
    height:17px;
    width:17px;
     /* background: url("./../img/expandAll.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1250px;
    cursor: pointer;
    border: none;
}

.boutonCollapseAll {
    /* background: url("./../img/collapseAll.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1165px;
}

.boutonExportExcel {
    margin-left:4px;
    margin-right:4px;
    height:19px;
    width:17px;
    /* background: url("./../img/excelExport.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1192px;
    cursor: pointer;
    border: none;
}
.boutonImportExcel {
    margin-left:2px;
    margin-right:2px;
    height:19px;
    width:17px;
    /* background: url("./../img/excelImport.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1221px;
    cursor: pointer;
    border: none;
}
.boutonMassUpdate {
    margin-left:2px;
    margin-right:2px;
    height:19px;
    width:17px;
    /* background: url("./../img/tableMassUpdate.png") no-repeat center; */
     background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1473px;
    cursor: pointer;
    border: none;
}

.boutonSelectAll {
    margin:1px;
    height:17px;
    width:10px;
  /*   background: url("./../img/arrow_bottom.gif") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -543px;
    cursor: pointer;
    border: none;
    background-position: right;
}


/* LAYOUT */
.tableContainer{
    width:auto; 
    overflow-x:auto;
    height:auto;
    padding:0px;
    padding-bottom:3px;
    margin:0px;
}
.tableContainerComputed{
    position:relative;
    overflow-x:auto;
    height:auto;
    padding:0px;
    padding-top:1px;
    padding-bottom:1px;
    margin:0px;
    width:auto;
    text-align:left;
}
.tableContainerComputedWithSub{
    /*padding-top:86px;/* 0 3em 0;*/
}

.table{
       border-collapse:collapse;
       /*border:1px solid #CCCCCC;*/
    overflow-x:visible;
    margin-right:1px;
}
.tableContainerComputedWithSub .table, .tableContainerComputed .table{
    border-top:none;
}

.tableHeaderFrame{
}
.tableFooterFrame{
}
.framefixe{
    width:auto;
    height:auto;
    max-height:350px;
    overflow-x:hidden; /*visible*/
    overflow-y:scroll;
    /*border:1px solid #F9F9F6; /* same color as background of panel, but border needed because of the shift in resizeTable */
    background-color:transparent;
    background-image: url("../img/bgPanelFrame.png");
    background-repeat: repeat;
    padding-bottom:2px; /* to avoid scroll on nothing */
}
.frameauto{
    width:auto;
    height:auto;
    /*border:1px solid #F9F9F6;*/
    overflow-x:visible;
    overflow-y:visible;
}

/* ---------- HEADER ---------- */
.tableDOM{
    text-align:left;
}

.tableHeader{
    /*
   border-collapse:separate;
    cell-spacing:1px;
    cell-padding:3px;
    */
       border-collapse:collapse;
   border:none; /* remove for IE9 ? */
    overflow-x:visible;
    margin-right:18px; /* so that it doesn't spread on 100% in case of a scroll on the tbody */
    /* margin-bottom: 3px; remove for no shadow */
}

.tableTitle  {
    background-color: #666666;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
} 
.tableTitle th{
   height:14px;
   padding-top:0px;
   padding-bottom:0px;
   border-bottom:2px solid #b5bcc7;
}
.thead{
    position:relative;
}
.thead th{ 
   padding: 3px 3px 3px 3px;/* top right bottom left */
   margin:0px;
   vertical-align:middle;
   position:relative;  /* remove for no shadow */
   border:1px solid transparent;
   font-weight:bold;
   /* border:1px solid #BBBBBB; */
}
th.subHead{
    background-color: #152F50; /* EYC blue */
    color:white;
    line-height:10px;
    text-align:center;
    height:30px;
    width:auto;

       border-bottom:1px solid #A0B7C9;
       border-left:1px solid #A0B7C9;
       border-right:1px solid #A0B7C9;
   /*border:1px solid #A0B7C9;*/
   
}

th.tableHeaderTD{
    background-color: #6F859A;
    color:white;
      line-height:10px;
       height:30px;
       text-align:center;
       
       border-left:1px solid #A0B7C9;
       border-right:1px solid #A0B7C9;
       /* border:1px solid #A0B7C9; */  /* remove for no shadow */
}

th div{
    min-height: 30px;
    height:100%;
    border:none;
    position:fixed;
    top:0;
    left:0px;
    right:1px;
}

.subHead div{
    /*
    color:#D3D7DB;
    border-bottom:1px solid #596C7D;
    border-right:1px solid #596C7D;

       -moz-box-shadow: 3px 3px 4px #7E8B98;    
    -webkit-box-shadow: 3px 3px 4px #7E8B98;    
    box-shadow: 3px 3px 4px #7E8B98;    
    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(Strength=3, Direction=135, Color='#7E8B98', Positive='false')"; */

}

.tableHeaderTD div{
    color:#D3D7DB;
    color:white;
    border-bottom:1px solid #677b8f;
    /*border-right:1px solid #6F859A;*/
    /*border:1px solid #A0B7C9;*/

       -moz-box-shadow: 3px 3px 4px #7E8B98;    
    -webkit-box-shadow: 3px 3px 4px #7E8B98;    
    box-shadow: 3px 3px 4px #7E8B98;    
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7E8B98', Positive='false')"; 
}


.tableHeaderSort{
   cursor:pointer;
}

table.table th.hiddenSubHead, table.tableHeader th.hiddenSubHead{
    /*
   border-top:1px solid white;
   border-right:1px solid white;
   border-left:1px solid white;
   /*display:none;*/
}
table.table th.hiddenExpandTh, table.tableHeader th.hiddenExpandTh{
   /* border:1px solid white; */
    padding : 0px; /* inherited from .thead TH */
    /*
   border-top:1px solid white;
   border-right:1px solid white;
   border-left:1px solid white;
   */
}

table.table th.expandTh, table.tableHeader th.expandTh{
    height:12px;
    padding:0px;
    padding-top:0px;
    margin:0px;
    background:transparent url("../img/grouping_right.gif") no-repeat right bottom;
    /*
    border-top:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;
    */
    text-align:left;
    line-height:9px; /* otherwise there is a shift in IE8, Chrome and Safari */
}
.collapseGrouping, .expandGrouping{
    border:none;
    height:12px;
    width:30px;
    background-color:transparent;
    /* background-image:url("./../img/mini.gif"); */
    background-image:url("../img/allSprite.png");
    background-repeat:no-repeat;
    background-position: 0 bottom; 
    cursor:pointer;
    vertical-align:bottom;
    margin-left:0px;
    background-position: 0 -2394px;
}
.expandGrouping{
    /* background-image:url("./../img/maxi.gif"); */
    background-image:url("../img/allSprite.png");
    background-position:0;
    background-position: 0 -2372px;
}


/* Special css for table with browser layout = false */

.tableHeaderNoSub{
    margin-left:1px;
  /* border-left:1px solid #CFCFCF; */
}
.headerLine th, .headerLineWithSub th{
    /*border:1px solid #888888;*/
}
tr.subheaderCollapseLine{
    /*position:absolute;
    top:0px;
    left:2;*/
    height:12px;
    width:auto;
}
tr.subheaderLine{
    /*position:absolute;
    top:12px;
    left:2;*/
    height:30px;
    width:auto;
}
tr.headerLineWithSub{
    /*position:absolute;
    top:48px;
    left:2;*/
    height:30px;
    width:auto;
}

/* ---------- CELLS ---------- */

.doubleClickTR{
    cursor:pointer;
}

.table td{ /* beware : using this selector will prevent later same style attribute on the <TD>s to be effective, hence putting those modifiable attributes in evenCell and oddCell*/
   white-space:pre;
   padding: 0px 3px 0px 3px;/* top right bottom left */
   border-color:white;
   border-color:#BBBBBB;
   border-color:#CFCFCF;
   border-color:#c9dbeb;
   height:20px;
   /*line-height:20px;*/
}
.evenCell{
    background-color: #E8F1F8;
    border: #C9DBEB 1px solid; /* to allow overloading of border attribute later */
}
.oddCell{
    border: #C9DBEB 1px solid; /* to allow overloading of border attribute later */
    background-color: white;
}
.insertedCell{
   border:1px solid #C9DBEB;  /* to allow overloading of border attribute later */
}
tr.selectedLine td.evenCell, tr.selectedLine td.oddCell, tr.selectedLine td.insertedCell { /* only for TD from table, not sheet */
/* chrome modification */
/*    background:none url("./../img/bgSelectedLine.gif") repeat-x 0; */
    /* background: url("./../img/bgSelectedLine.gif") repeat-x 0; */
    background: url("../img/bgSprite15.png") repeat-x 0;
    border-top: 1px solid #87aedd;
    border-bottom: 1px solid #87aedd;
    background-position: 0 -28px;
}
tr.updatedLine td.evenCell, tr.updatedLine td.oddCell, tr.updatedLine td.insertedCell { /* only for TD from table, not sheet */
    background-color: #f2ffb7; /*#f5e9bf;*/
}
tr.insertedLine td.evenCell, tr.insertedLine td.oddCell, tr.insertedLine td.insertedCell { /* only for TD from table, not sheet */
    background-color: #dff5be; /*D3FFB7*/
}
/* .selectedBigCell{
   border:1px solid #efd3d9; 
   background-image:url("./../img/selectedBigCellbg.gif"); 
   background-position:0 0;
   background-repeat:no-repeat;
} */
.listCell{
   margin:0;
   padding:0; 
   list-style:none;
}

th.checkBoxField, td.checkBoxField {
    width: 40px !important;
    text-align: center;
}


/* ---------- FOOTER ---------- */
.tfoot th{
    border:none;
}

.tableFooter{
   border-collapse: collapse; 
   border-left:1px solid #F9F9F6; /* because framefixe and frameauto also have a border which may shift the columns */
    overflow-x:visible;
    zoom:1;
}
.tableFooterTitle{
   background-color:#AAB4B4;
   font-style:italic;
   text-align:right;
   color:white;
   padding-right:2px;
   padding: 0px 3px 0px 3px;/* top right bottom left */
   border:none;
   border:1px solid #AAB4B4;
}
.tableFooterEmptyBefore{
    border:1px solid #F9F9F6;
   padding-right:2px;
   padding: 0px 3px 0px 3px;/* top right bottom left */
}
.tableFooterEmptyAfter{
   background-color:#C9CDCD;
   border:none;
   border:1px solid #C9CDCD;
   padding-right:2px;
   padding: 0px 3px 0px 3px;/* top right bottom left */
}
.tableFooterValue{
   background-color: #7E98AF;
   border:1px solid #BCC4C4 !important;
   text-align:right;
   color:white;
   border:none;
   font-weight:bold;
   /* padding-right:2px; */
   padding: 0px 2px 0px 3px;/* top right bottom left */
}


/* ---------- SEARCH FILTERS ON TABLE ---------- */
.filterTH{
   background-color:#E8E8E8;
}
.searchSpan .field{
   width:70px;
}
.searchSpan{
   white-space:nowrap;
}
.searchButton{
   border:none;
   padding:0px;
   margin:0px;
   margin-left:5px;
   cursor:pointer;
   height:18px;
   width:18px;
   background:url("https://action.symphonygold.com/gwr/img/search.gif") no-repeat right center;
} 
.eraseButton{
   border:none;
   padding:0px;
   margin:0px;
   margin-right:5px;
   cursor:pointer;
   height:20px;
   width:15px;
   background:url("../img/erase.gif") no-repeat right center;
}


/* ---------- BUTTONS ON TABLE ---------- */

.tableButtons{
    width:100%;
    height:30px;
    clear:both;
    padding-top:3px;
}
.tableButtons span{
    float:left;
}
.tableButtons ul{
    margin-top:0px;
}

.tableButtons {
    /*width: 100%;*/
    /*margin-top: -10px;*/
}

.tableButtons .elem{
    white-space:nowrap;
    float:left;
    padding-top:4px;
}



/* ---------- LIST IN WEBSCREEN ---------- */
.manualList{
    padding-top:30px;
    padding-right:20px;
    padding-left:20px;
    padding-bottom:20px;
    z-index:110;
}
.divTableList{
    text-align:left;
    min-width:300px;
    margin:2px;
    margin-top:20px;
}
.divTableList .tableButtons{
    text-align:center;
}
.divTableList .tableButtons span{
    /*float:none;*/
}

.divTableList div.tableContainerComputed{
    overflow-x:hidden;
}

.divTableList td{
    white-space:nowrap;
}
.divTableList .tableButtons .elem{
    white-space:normal;
}

.divTableList .tableButtons .spanNavigPages{
    white-space:nowrap;
}

/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------  POPUP  --------------------------------------------------  */
#hideshow {
       visibility: hidden;
       /*display:none; /* doesn't work with IE6 when calling the popup twice */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#fade {
    background: black; 
    position: fixed; 
    width: 100%;
    height: 100%;
    filter:alpha(opacity=50);
    opacity: .50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
    left: 0;
    z-index: 10;
}


.popupBlock {
    padding: 0px;
    margin-bottom: 1px;
    background-color: #A0A0A0;
    width: auto;
    text-align: center; 
    position: absolute; /*fixed;*/
    margin-top: 50px;
    z-index: 90;
    
    -webkit-transition-property: background-color, border;
    -moz-transition-property: background-color, border;
    transition-property: background-color, border;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
}
.pickerBlock{
    z-index: 112;
    
}
.popupBlock .popup {
    float: left;
    width:auto;
    padding: 20px;
    text-align:center;
}
.popupTitlePane {
    background-color: transparent;
    background-image: url(../img/bgPanelTitle.gif);
    background-position: 0px -4px; /* -2 because bgPanelTitle.gif has 2 transparent pixels at the top */
    background-repeat: repeat-x;
    padding: 5px 7px 2px 10px;
    height: 17px;
    /*min-height: 17px;*/
    /*color: #494949;*/
    color: #FFFFFF;
    text-align: left;
    cursor: default;
    clear:both;
}
.popupTitleText {
    float: left;
}
.popupContentPane{
    padding:0px;
    margin-left:4px;
    margin-right:4px;
    overflow: hidden;
    border: 1px solid #759dc0;
}
#validatePopup{
   color:#76AA34;
   color:#529003;
}
#validateErrorPopup{
   color: #e2002c;
}
#cancelPopup{
   color:red;
}
.popupButtons{
   text-align:center;
   white-space:nowrap;
}
.popupButton{
    /*margin:20px 4px 4px 4px;
    */
    margin:10px 4px 4px 4px;
    
    border:none;
    font-size:8pt;
    font-weight:bold;
    font-family: tahoma;
    cursor:pointer;
    height:26px;
    width:151px;
    /* background: url("./../img/button.png") no-repeat right center; */
    background: url("../img/151x26.png") no-repeat right center;
    background-position: 0 0;
}
.popupCloseIcon {
    background: url(../img/close.png) no-repeat;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-right: -4px;
    border: 0 none;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    float: right;
}
.popupCloseIconHover {
    background-position: -14px;
}
.popupCloseIconActive {
    background-position: -28px;
}


/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ WAITING BOX  -----------------------------------------------  */
#waitingBox{
    z-index: 200;
       position:fixed;
       top:0px;
       bottom:0px;
    background-color:transparent;
    height:150px;
    width:300px;
}
#waitBox{
    text-align:center;
    width:100%;
}
.waitingIcon{
   height:128px;
   width:128px;
   border:none;
}
.waitingMsg{
    position:absolute;
    top:39px;
    font-family: tahoma; /* nicer in bold */
    font-weight:bold;
    font-size:8pt;
    padding-left:30px;
    margin-top:0px;
    height:20px;
}

/* for not-loaded-yet tabs */
.waitingDiv{
    height:55px;
    width:350px;
    font-family: tahoma; /* nicer in bold */
    font-weight:bold;
    font-size:8pt;
    text-align:center;
    vertical-align:center;
    padding-top:45px;
    padding-left:70px;
    background-color:#F2F2F2;
    border:3px double #AAAAAA;
}

.waitingBox-div{
      background-color: transparent;
      color:black;
}
/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ CANCEL BOX  -----------------------------------------------  */
#cancelBox{
       top:0px;
       bottom:0px;
    height:24px;
    width:24px;
    margin: auto;
    cursor: hand;
}

/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ MESSAGE INFO  -----------------------------------------------  */
#messageInfo{
    /*
    background: #e3e3e3;
    border: 5px double #999999;
    */
    background-color: #efefef;
    border: solid 1px #b5bcc7;
    
    /*padding: 20px;
    padding: 10px;*/
    padding: 10px 10px 15px 10px;
    
    margin:0px;
    /*float: left;*/
    width:auto;
    height:auto;
    position: fixed;
    top:0px;
    bottom:0px;
    text-align:center;
    z-index: 300;
   /*
    top: 20%;
    left: 50%;
    margin: 0 0 0 -250px;  /* top right bottom left */
}

#messageInfoContent{
    position:absolute;
    top:39px;
    font-family: tahoma; /* nicer in bold */
    font-size:8pt;
    padding-left:30px;
    margin-top:0px;
    height:20px;
}
.popupMsgDiv{
    width:auto;
    height:auto;
}
.preMsgDiv{
    text-align:center;
    width:auto;
    border:none;
    /*newly added*/
    overflow-y:auto;
    word-wrap:break-word;
    max-height:400px;
}

.fontMsgDiv {
    text-align: center;
}


/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- ERROR MESSAGE --------------------------------------------  */
#errorMessageBox, #exceptionMessageBox {
    width : 450px;
    height : 400px;
    /*
    background: #e3e3e3;
    border: 5px double #999999;
    */
    background-color: #efefef;
    border: solid 1px #b5bcc7;
    
    padding: 20px;
    margin: 0px;
    float: left;
    /*width: auto;
    height: auto;*/
    position: fixed;
    top: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 300;
}



#errorMessageTitle{
    border-bottom :  solid 3px #b5bcc7;
    text-align: center;
    padding-bottom : 10px;
    margin-bottom : 20 px;
}


.errorImage{
    width: 32px;
     height: 32px;
}




/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------- PANEL ---------------------------------------------------------*/
.panelTable {
   width:100%;
   cell-padding:0;
   border-collapse:separate;
}


.panelTable td{
   vertical-align:center;
   white-space:nowrap;
   padding:0;
   padding-bottom:1px;;
}

.panelTR{
    /*height: 22px;*/
}

td.panelTDButton {
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
}

.panelDIV{
    width:100%;
    padding-bottom:6px;
    padding-bottom:6px;
    /*padding-bottom:18px;*/ /* IE7 only */
    overflow-x:auto;
    overflow-y:hidden;
    /*solving the issue of auto increment DIV hieght in IE9/IE10*/
    margin-top: 0px; 
    margin-right: auto; 
    margin-bottom: 0px; 
    margin-left: auto;
}

.panelTable div{
    text-align:center;
}

.panelFrame{
    /*
       border:3px double #AAAAAA;*/
    margin:2px;
    padding: 2px;
    background-color: transparent;
    background-image: url("../img/bgPanelFrame.png");
    background-repeat: repeat;
    border:1px solid #8598a7;
}

.panelFrameTitle{
    display:inline;
    background-color: transparent;
    height:20px;
    text-align:center;
    position:relative;
    color:#999999;
    color:#393c41;
    color:#17191b;
    top:-2px;
    left:0px;
    padding-left:4px;
    padding-right:4px;
    font-size:9pt;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* --------------------------------------- F I E L D S ---------------------------------------------------- */


/* classes for disabled fields in a table or a fiche : width is termined by the field size in aspdisplay.js */
/* to go back to version with determined widths see grev v. 5.08.6 */
.texte { 
    height: 18px;
    margin:1px;
    padding-left:2px;
    padding-right:5px;
    border:1px solid #D3D3D3;
    color:#777777;
    font-weight: normal; /* as in fields */
    display: inline-block;
    line-height: 18px;
}

.plainLabel { 
    height: 18px;
    margin:1px;
    padding-top :3px;
    padding-left:2px;
    padding-right:5px;
    font-weight: normal; /* as in fields */
    display: inline-block;
}


.texteTable { 
    border:none;
}
.field{
    margin-left:1px;
    font-size: 8pt;
    font-family:tahoma;
    height: 16px;
    padding:2px 2px 0px 2px; /* top right bottom left */
    vertical-align:top;
    margin-top: 1px;
    border:1px solid #88a4c7;
    border-width:0px;
}
.checkboxField{
    vertical-align:top;
    margin-top: 3px;
    padding: 0px; /* IE9 */
}
textarea.field{
    height: auto;
    white-space: pre-wrap;
}
select.field{
    height: 20px;
    padding:1px;
}
.importantInfo{
    background-color:#F3F3F3;
    background-color:#F8F8F8;
    color:black;
    font-size:8pt;
    font-family:tahoma;
    font-weight:bold;
    padding-left:3px;
    vertical-align:top;
}
.mandatoryField{
    margin-left:1px;
    font-family:tahoma;
    border: 1px solid #FF3756;
    font-size: 8pt; 
    height: 16px;
    padding:2px 2px 0px 2px; /* top right bottom left */
    vertical-align:top;
    margin-top: 1px;
}
select.mandatoryField{
    height: 20px;
    padding:1px;
}
textarea.mandatoryField{
    height: auto;
    white-space: pre-wrap;
}
.disabledField{
    height:16px;
    color:#333333;
    font-size: 8pt;
    border: 1px solid #CCCCCC; 
    background-color: #F8F8F8;/* transparent; /* inherit won't work under IE */
    padding:2px 2px 0px 2px; /* top right bottom left */
    vertical-align:top;
    margin-top: 1px;
    opacity: 0.6; /*HTML5 Change*/
    filter: alpha(opacity=60); /*HTML5 change*/
}

.panelQuery select.disabledField:disabled::-ms-value{
    color: #f1f1f1;
}

.checkboxField.disabledField{
    background-color:transparent;
    border:none;
}
.numericField{
    text-align:right;
    padding-right:2px;
}

/* labels of fields in  a panel */

td.labelTD, .labelTD{
    height: 16px;
    text-align: right;
    padding-right: 2px;
    padding-left: 10px;
    color:#585D64;
    color:#3a3d42;
}

.divTableau TD[checkboxTD="true"]{
    text-align:center;
}

.table TD{
    color:#585D64;
}

.fieldTD{
    text-align:left;
    height:20px;
}
/*
.tooltip{
    padding:1px 3px 1px 3px;
    border:1px solid #B20827;
    background-color:#E2002C;
    color:white;
    font-weight:bold;
    width:auto;
    height:auto;
    top:0px;
    left:0px;
    position:absolute;
    z-index:2;
}
.tooltipFrame{
    width:auto;
    height:auto;
    border:1px solid #B20827;
    top:0px;
    left:0px;
    position:absolute;
    z-index:1;
}
*/

.errorField{
    /* background: url("./../img/fieldError.png") no-repeat; */
    background: url("../img/allSprite.png") no-repeat;
    background-position: 0 -1562px;
    border: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-left:3px;
    vertical-align: top;
    margin-top: 1px;
}

.warningField{
    /* background: url("./../img/fieldWarning.png") no-repeat; */
    background: url("../img/allSprite.png") no-repeat;
    background-position: 0 -1592px;
    border: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-left:3px;
    vertical-align: top;
    margin-top: 1px;
}
.infoButton{
    /* background: url("./../img/infoButton.png") no-repeat; */
    background: url("../img/allSprite.png") no-repeat;
    background-position: 0 -1622px;
    border: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-left:3px;
    vertical-align: top;
    margin-top: 1px;
}


.emptyErrorSpace{
    border:none;
    background-color: transparent;
    height: 20px;
    width: 20px;
    margin-left:3px;
    margin-top: 1px;
    vertical-align: top;
    display:inline-block;
}
/* ------------------------ COMBO FIELD ------------------------- */
.comboSpan{
   height:20px;
   margin:0px;
   padding:0px;
   border: 1px inset #B9D6F0;
}
.mandatoryComboSpan{
   height:30px;
   margin:0px;
   padding:0px;
   border: 1px inset red;
}
.comboField{
   height:16px;
   border:none;
   margin:0px;
   vertical-align:top;
   font-size:8pt;
    font-family:tahoma;
   color:#333333;
   padding:0px 0px 0px 3px;
   background-color:#F1F1F1;
}
.comboArrow{
   height:16px;
   width:16px;
   /* background:url("./../img/comboArrow.gif") no-repeat 0px 0px; */
   background:url("../img/allSprite.png") no-repeat 0px 0px;
   border:none;
   margin:0px;
   padding:0px;
   vertical-align:top;
   background-position: 0 -915px;
}
.comboFrame{
   width:auto;
   height:auto;
   top:0px;
   left:0px;
   border: 1px solid #649c9c;
   background-color:white;
   overflow-y:scroll;
   position:absolute;
}
.comboFrame table{
   padding:0px;
   border-spacing: 0px;
   border-collapse: collapse; 
   width:90%;
}
.comboFrame td{
   width:100%;
}
.comboLine, .selectedComboLine{
   width:100%;
   height:14px;
   font-size:8pt;
   border:none;
   background-color:white;
   text-align:left;
   margin:0px;
   padding:0px;
}
.selectedComboLine{
   background-color:#C9DEDE;
}

.opacity{
    filter:alpha(opacity=65);
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}




/* ----- FLAP ----- */

.flapContainerDiv{
    /*position:relative; /* in case there is a Table object inside the content *//* don't know wwhy now it's working... */
    overflow-x:auto;
    overflow-y: hidden;
    padding-bottom:2px;
    /*
    border-top: 1px solid #B5BCC7;
    border-bottom: 1px solid #B5BCC7;
    */
}

.flapContainerTable{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}

/* trick to make the table flap resize and fit the top-flap when closing it... don't know why it doesn't work without the border */
.flapContainerTable, .flapContainerTableTD, .flapContainerTableTBODY, .flapContainerTableTR{ 
    /*border:1px solid #F9F9F6;*/ /* IE7 ? seems to work in IE8... */
}
.flapContainerTableTD{
}

.flapTopTD, .flapLeftTD, .flapRightTD{
    z-index:30; /* IE7-IE8 bug... the parent element of the element we want to have a z-index must have a higher z-index...*/
}
 .flapBottomTD{
     z-index:50;/* IE7-IE8 bug... the parent element of the element we want to have a z-index must have a higher z-index...*/
 }
.flapRightTD, .flapLeftTD{
    /*position:relative;*/ /*HTML5 change*/
    padding:0;
}
.flapRightTD{
    border-right:1px solid #B5BCC7;
}
.flapLeftTD{
    border-left:1px solid #B5BCC7;
}
.flapCenterTD{
    overflow-x:auto;
    overflow-y:hidden;
    padding:4px;
}
.flapContainer{
    position:absolute;
    z-index:0; /*removed z-index here and added at .flapContainerTop.flapArrowClose */ 
    border:1px solid #434D55;
    background-color:#6F7E8B;
    overflow:hidden;
    vertical-align:middle;
}

.flapBottomTD .flapContainer{
    z-index:40; /* bottom flap has to be higher than left and right flaps, if they are pinned */
}

.flapContainerPinned{
    position:relative;
}

.flapContainerTop{
    top:0px;
    left:1%;
    width:98%;
    padding-bottom:13px;
    border-top:none;
}
.flapContainerRight{
    right:0px;
    top:0px; 
    height:100%;
    padding-left:13px;
    border-right:none;
}
.flapContainerBottom{
    bottom:0px;
    left:1%;
    width:98%;
    padding-top:13px;
    border-bottom:none;
}
.flapContainerLeft{
    left:0px;
    top:0px; 
    height:100%;
    padding-right:13px;
    border-left:none;
}


.flapContentContainer{
    /*background-color:white;*/
    cursor: default;
}
.flapAlwaysVisible{
    border:none;
}

.flapContainerHidable{
    border:none;
    width:auto;
}

.flapContainerRight .flapContainerHidable, .flapContainerLeft .flapContainerHidable,.flapContainerRight .flapAlwaysVisible, .flapContainerLeft .flapAlwaysVisible {
    float:left;
}

.flapArrowClose.flapContainerRight .flapContentContainer, .flapArrowClose.flapContainerLeft .flapContentContainer {
    /* padding-right:18px; */ /* IE7 only */
    overflow:auto;
    overflow-x:hidden;
    width:auto;
}

.flapArrowClose.flapContainerTop .flapContentContainer, .flapArrowClose.flapContainerBottom .flapContentContainer {
    /* padding-bottom:18px; */ /* IE7 only */
    overflow:auto;
    overflow-y:hidden;
    height:auto;
}

.flapContainerRight .flapContentContainer, .flapContainerLeft .flapContentContainer{
    height:100%;
}
.flapContainerTop .flapContentContainer, .flapContainerBottom .flapContentContainer{
    width:100%;
}


/*.flapArrowClose*/.flapContainerRight .flapContentContainer{
    border-left:1px solid #759DC0;
}
/*.flapArrowClose*/.flapContainerLeft .flapContentContainer{
    border-right:1px solid #759DC0;
}
/*.flapArrowClose*/.flapContainerTop .flapContentContainer{
    border-bottom:1px solid #759DC0;
}
/*.flapArrowClose*/.flapContainerBottom .flapContentContainer {
    border-top:1px solid #759DC0;
}

.flapContainerTop.flapArrowOpen, .flapContainerBottom.flapArrowClose {
    background-image:url("../img/arrowBottom.png");   
    background-repeat: no-repeat;
    cursor: pointer;
}

.flapContainerTop.flapArrowOpen{
    background-position:center bottom;
}

.flapContainerBottom.flapArrowClose{
    background-position:center top;
    z-index:20;
}

.flapContainerTop.flapArrowClose, .flapContainerBottom.flapArrowOpen{
    background-image:url("../img/arrowTop.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.flapContainerTop.flapArrowClose{
    background-position:center bottom;
    z-index: 20; /* GLIB16020009 - correction */
}

.flapContainerBottom.flapArrowOpen{
    background-position:center top;
}

.flapContainerRight.flapArrowClose, .flapContainerLeft.flapArrowOpen{
    background-image:url("../img/arrowRight.png");
    background-repeat: no-repeat;
    cursor: pointer;
}
.flapContainerRight.flapArrowClose{
    background-position:center left;
    z-index:20;
}
.flapContainerLeft.flapArrowOpen{
    background-position:center right;
}

.flapContainerRight.flapArrowOpen, .flapContainerLeft.flapArrowClose{
    background-image:url("../img/arrowLeft.png");
    background-repeat: no-repeat;
    cursor: pointer;
}
.flapContainerRight.flapArrowOpen{
    background-position:center left;
}
.flapContainerLeft.flapArrowClose{
    background-position:center right;
    z-index:20;
}


.flapPin{
    position: static;/*absolute; leave space so that the pin button isn't over the flap content */
    /* background:url("./../img/pinon.png") no-repeat; */
    background: url("../img/allSprite.png") no-repeat;
    border:none;
    height:25px;
    width:25px;
    cursor: pointer;
        background-position: 0 -2306px;
}
.flapPinEnabled{
    /* background:url("./../img/pinoff.png") no-repeat; */
    background: url("../img/allSprite.png") no-repeat;
    background-position: 0 -2271px;
}
.flapPinTop{
    bottom:18px;
    right:2px;
}
.flapPinRight{
    top:2px;
    left:18px;
}
.flapPinBottom{
    top:18px;
    right:2px;
}
.flapPinLeft{
    top:2px;
    right:18px;
}


.tooltipContainer{
    position:absolute;
    top:0px;
    left:0px;
    z-index:400;
    border-top:1px solid #B5BCC7;
    border-left:1px solid #B5BCC7;
    border-bottom:1px solid #759DC0;
    border-right:1px solid #759DC0;
    background-color:white;
    
    /* doesn't work in IE yet */
      -moz-box-shadow:    3px 3px 5px 6px #ccc;
      -webkit-box-shadow: 3px 3px 5px 6px #ccc;
      box-shadow:         3px 3px 5px 6px #ccc;
}

.tooltipFantom{
    background-color:transparent;
    /* background:url("./../img/semitransp.png"); */
    background:url("../img/allSprite.png");
    background-position: 0 -469px;
}

/* DRAG AND DROP */
.activeDropTarget{
    border: 2px dotted red;
}
.hoverDropTarget{
    border: 2px solid #4BE01A;
}

 .tranHyperLink {
     text-decoration: underline;
     padding-bottom: 0.05em;
     color : blue /*!important*/; 
  }
  
 .tranHyperLinkVisited{
    color: #A230A0 /*!important*/;
 }
 
 .tranHyperLinkCursor { 
     cursor : pointer; 
 }
 
  .tranHyperLinkCursorAuto { 
     cursor : auto; 
 }

  
 .popupSEYCCloseIcon {
    background: url(../img/close.png) no-repeat;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-right: 2px;
    border: 0 none;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    float: right;
}
 /* ************************************  COMMON CSS ************************************* */
 
 /* ************************************  CHART CSS ************************************* */
 
 div.raphael {
    margin: 0 auto;
    position: relative;
    background-color: #ddd;
    border: thin gray solid;
    font: 100.01% "Fontin Sans", Fontin-Sans, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px #666;
}

.graphPanel {
    padding-bottom: 40px;
}

#tempChartContainer {
    position: fixed;
    top: 0px;
    left: -1500px;
    width: 0px;
    height: 0px;
}

/*#hb {
    width: 1300px;
    background: white;
    border:thin gray solid;
}

#copy {
    bottom: 0;
    font: 300 .7em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
    position: absolute;
    right: 1em;
    text-align: right;
}

#copy a {
    color: #fff;
}*/
 
 
 /* ************************************  CHART CSS ************************************* */
 
 /* ************************************  GETTER CSS ************************************* */
 
 #treeViewBox {
    margin: 0;
    padding: 0;
    width: 450px;
    height: 420px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    text-align: left;
    background-color: white;
    color: #131313;
    cursor: default;
    overflow-x: hidden;
    overflow-y: auto;
}

.treeNode {
    zoom: 1;
}

.treeRootNode {
    background-image: none;
}

.treeRow {
    padding: 4px 1px 2px 0;
    margin: 0 1px;
    background-color: rgba(171, 214, 255, 0);
    background-position: 0 0;
    background-repeat: repeat-x;
    border-color: rgba(118, 157, 192, 0);
    border-width: 0;
    color: #000000;
    -webkit-transition-property: background-color, border-color;
    -moz-transition-property: background-color, border-color;
    transition-property: background-color, border-color;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.treeRow img {
    vertical-align: middle;
}

.treeRow, .rowContent {
    white-space: nowrap;
}

.rowContent {
    cursor: default;
    margin-left: 3px;
}

.rowLabel {
    margin: 0 4px;
}


/****************************** Tree row states (update on events) ******************************/
.treeRowSelected {
    background-repeat: repeat-x;
    background-color: #cfe5fa;
    background-image: url(../img/highlight.png);
    padding: 3px 0 1px;
    margin: 0;
    border: solid 1px #759dc0;
    color: #000000;
}

.treeRowHover {
    background-color: #abd6ff;
    background-image: url(../img/highlight.png);
    padding: 3px 0 1px;
    margin: 0;
    border: solid 1px #759dc0;
    color: #000000;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.treeRowActive {
    background-color: #7dbdfa;
    background-image: url(../img/highlight.png);
    background-position: 0 -177px;
    padding: 3px 0 1px;
    margin-left: 0;
    border: solid 1px #759dc0;
    color: #000000;
}

/*.treeRowFocused {
    background-repeat: repeat;
}*/


/********************************* Expand & collapse node icons *********************************/
.nodeExpando {
    background-image: url(../img/treeNodeExpando.png);
    width: 16px;
    height: 16px;
}

.nodeExpandoOpened {
    background-position: -35px 0;
}

.treeRowHover .nodeExpandoOpened {
    background-position: -53px 0;
}

.nodeExpandoClosed {
    background-position: 1px 0;
}

.treeRowHover .nodeExpandoClosed {
    background-position: -17px 0;
}

.nodeExpandoLeaf {
    background-image: none;
}


/**************************** Folder (opened & closed) and leaf icons ****************************/
.folderIconClosed, .folderIconOpened, .leafNode {
    background-image: url(../img/treeNodeIcons.png); 
    width: 16px;
    height: 16px;
}

.folderIconClosed {
    background-position: 0px;
}

.folderIconOpened {
    background-position: -16px;
}

.leafNode {
    background-position: -32px;
}
 
 /* ************************************  GETTER CSS ************************************* */
 
 /* ************************************  LOGIN CSS ************************************* */
 
 .loginDIV{
    text-align:left; /*to be aligned with fields */
}

.loginLogo {
    width:100%;
    height: 50%;
    background-image:url(../img/symphonyEYCMedium.png);
    background-size: 62%;
    background-repeat:no-repeat;
    background-position: center;
    padding-top: 18%;
    
}


.tdLoginLabel {
    width: 100px;
    height: 23px;
    text-align : right;
}

.tdLoginField {
    height: 23px;
    text-align: left;
}

.loginDIV table{
    margin-right:10px;
    white-space:nowrap;
}

.loginButtonDIV{
    padding-top:6px;
    padding-bottom:6px;
    padding-left:100px; /* 100 to be aligned with fields */
}

.divApp {
    text-align:center;
    color:#808080;
    height: 16px;
    width : 380px;
    font-size:11pt;
    margin-top:5px;
    margin-bottom:10px;
    font-weight:bold;
    font-family: tahoma;
}

/* ************************************  LOGIN CSS ************************************* */

/* ************************************  TITLE PANE CSS ************************************* */

.panel_titlePane, .panelcollapsed_titlePane , .panelNoImage_titlePane
{
      background-color: transparent;
      margin:3px;
      border: 1px solid #999;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      padding: 0ps !important;
      
}

/* panel heading */
.panel_titlePane h2, .panelcollapsed_titlePane h2 ,.panelNoImage_titlePane h2
{
      font-size: 18px;
      font-weight: normal;
      margin: 0px;
      padding: 0px;
      background:#A5A2A5;
      border-bottom: 1px solid #999;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-top: 1px solid #FFF;
      border-right: 1px solid #FFF;
      border-left: 1px solid #FFF;
      background-position: right;
      display:inline-block;
      width:99.9%;
      line-height:20px;
      font:bold 9pt tahoma;
}

/* panel heading on rollover 
.panel_titlePane h2:hover, .panelcollapsed_titlePane h2:hover { background-color: white; }*/

/* heading of a collapsed panel */
.panelcollapsed_titlePane h2 
{
      border-color: #A5A2A5;
        background-position: right;
}

.panelNoImage_titlePane h2 
{
      background: #A5A2A5;
      border-color: #A5A2A5;
        background-position: right;
}

/* panel content - do not set borders or paddings */
.panelcontent_titlePane 
{ 
      background: #EEE; 
      overflow: hidden;
      background-color: transparent;
}

/* collapsed panel content */
.panelcollapsed_titlePane .panelcontent_titlePane { display: none; }


.boutonBottomTitle, .boutonRightTitle {
    margin:1px;
    height:17px;
    width:17px;
    background:#A5A2A5 url(../img/arrowBottom.png) no-repeat 280px;
    cursor: pointer;
    border: none;
    background-position: Left;
}
.boutonRightTitle {
    width:10px;
    background: #A5A2A5 url(../img/arrowRight.png) no-repeat 50%; 
}

/* ************************************  TITLE PANE CSS ************************************* */

/* ************************************  MULTICONTAINER CSS ************************************* */

.evenCellTitlePane, .oddCellTitlePane, .insertedCellTitlePane{
    background-color: transparent;
    border: #C9DBEB 1px solid; /* to allow overloading of border attribute later */
}

tr.selectedTitlePane>td.evenCellTitlePane, tr.selectedTitlePane>td.oddCellTitlePane, tr.selectedTitlePane>td.insertedCellTitlePane, tr.selectedNContainerTitlePane, tr.selectedTitlePane>td.insertedCellTitlePane { /* only for TD from table, not sheet */
    border: 2px solid #87aedd;
    border-collapse: separate;
}

.ascendingField, .descendingField{   /* Need to find TODO  */
    /* background: url("./../img/ascendingOrder.png") no-repeat; */
    background: url("../img/allSprite.png") no-repeat;
    border: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-left:3px;
    vertical-align: top;
    margin-top: 1px;
    background-position: 0 -1502px;
}

.descendingField{   /* Need to find TODO  */
    /* background: url("./../img/descendingOrder.png") no-repeat; */
    background: url("../img/allSprite.png") no-repeat;
    background-position: 0 -1532px;
}

.next, .previous {
    width:15px;
    height:22px;
    /* background: transparent url("./../img/show.gif") no-repeat center; */
    background: transparent url("../img/allSprite.png") no-repeat center;
    border:none;
    cursor: pointer;
    margin-left:10px;
    margin-right:10px;
    margin-top:2px;
    background-position: 0 -1019px;
}
.previous {
    /* background-image:url("./../img/hide.gif"); */
     background: transparent url("../img/allSprite.png") no-repeat;
     background-position: 0 -967px;
}

.nextDisabled, .previousDisabled {
    width:15px;
    height:22px;
   /*  background: transparent url("./../img/showdisabled.gif") no-repeat center; */
    background: transparent url("../img/allSprite.png") no-repeat center;
    border:none;
    margin-left:10px;
    margin-right:10px;
    margin-top:2px;
    background-position: 0 -1045px;
}
.previousDisabled {
    /* background-image:url("./../img/hidedisabled.gif"); */
     background: transparent url("../img/allSprite.png") no-repeat;
     background-position: 0 -993px;
}

/* ************************************  MULTICONTAINER CSS ************************************* */

/* ************************************  SEYCGRID CSS ************************************* */

.ui-widget.SEYCGrid { 
    
    scrollbar-face-color: #EDEDED; 
    scrollbar-shadow-color: #bbbbbb; 
    scrollbar-highlight-color: white; 
    scrollbar-3dlight-color: #d3d3d3; 
    scrollbar-darkshadow-color: #d3d3d3; 
    scrollbar-track-color: #f3f3f3; 
    scrollbar-arrow-color: #555555;
    
}

.slick-header-sortable{
    cursor : pointer;
}

/* grouping css start */
.ui-state-default-remove{
    background: transparent !important;
    border-top-color : transparent !important;
    border-bottom-color : transparent !important;
}
.slick-header-grouping-column {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
  -o-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  height: 12px !important;
  line-height: 12px !important;
  margin: 0 !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
  padding-left:4px !important;
  padding-right:4px !important;
  border-right: 1px solid transparent !important;
  border-left: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  float: left !important;
  background-color: transparent !important;
}

.slick-column-name{
    /* margin-right: 12px; */
    /* word-wrap: break-word; */
    white-space: normal;
}

.slick-header-grouping-header-column {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 26px;
  line-height: 14px;
  margin: 0;
  padding-left:4px;
  padding-right:4px;
  padding-top:4px;
  padding-bottom:4px;
  border-right: 1px solid white !important;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
  color:white !important;
  font-weight: bold !important;
  background-color: #152F50 !important;
}

.expandGroupingDiv{
    border:none;
    height:12px;
    width:30px;
    background-color:transparent;
    /* background-image:url("./../img/maxi.gif"); */
    background-image:url("../img/allSprite.png");
    background-repeat:no-repeat;
    background-position:0; 
    cursor:pointer;
    vertical-align:bottom;
    margin-left:0px;
    float: left;
    background-position: 0 -2372px;
}

.collapseGroupingDiv{
    border:none;
    height:12px;
    width:30px;
    background-color:transparent;
    /* background-image:url("./../img/mini.gif"); */
    background-image:url("../img/allSprite.png");
    background-repeat:no-repeat;
    background-position:0; 
    cursor:pointer;
    vertical-align:bottom;
    margin-left:0px;
    float: left;
    background-position: 0 -2394px;
}

.expandDiv {
    height:12px;
    padding:0px;
    padding-top:0px;
    margin:0px;
    background-color:transparent;
    background-image:url("../img/grouping_center.gif");
    margin-left: 30px;
    margin-right: 5px;
    /*
    border-top:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;
    */
    text-align:left;
    line-height:9px; /* otherwise there is a shift in IE8, Chrome and Safari */
}

.expandRightDiv {
    float:right;
    height:12px;
    width:5px;
    padding:0px;
    padding-top:0px;
    margin:0px;
    background-color:transparent;
    background-image:url("../img/grouping_right.gif");
    background-repeat:no-repeat;
    background-position:right bottom; 
    /*
    border-top:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;
    */
    text-align:left;
    line-height:9px; /* otherwise there is a shift in IE8, Chrome and Safari */
}

/* grouping css end */

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns, .slick-headerrow-columns {
  position: relative;
  cursor: default;
  overflow: hidden;
}

.slick-header-column-header.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 10px;
  line-height: 10px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  /* -o-text-overflow: ellipsis;
  text-overflow: ellipsis; */
  height: auto;
  line-height: 10px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
  text-align: center;
  /*word-wrap: break-word;*/
}

.slick-headerrow-column.ui-state-default {
  padding: 4px;
}

.slick-header-column-sorted {
  /*font-style: italic;*/
}

.slick-sort-indicator {
  /* display: inline-block; */
  width: 8px;
  height: 5px;
  /* margin-left: 4px;
  margin-top: 6px;
  float: left; */
}

.slick-sort-indicator-desc {
  /* background: url(./../img/sort-desc.gif); */
  background: url(../img/allSprite.png);
  display: inline-block;
  float: center;
  background-position: 0 -604px;
}

.slick-sort-indicator-asc {
  /* background: url(./../img/sort-asc.gif); */
  background: url(../img/allSprite.png);
  display: inline-block;
  float: center;
  background-position: 0 -589px;
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-cell, .slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px solid #A0B7C9;
  border-bottom-color: silver;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: pre;
  cursor: default;
}

.slick-group {
}


.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  border-style: solid;
}

.editableCell{
  background-color: white !important;
  margin-top:-1px;
}

.slick-cell:focus {
  outline: none;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity = 15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

/*  extra css  
h2 {
  font-size: 10pt;
  border-bottom: 1px dotted gray;
}

ul {
  margin-left: 0;
  padding: 0;
  cursor: default;
}

li {
  background: url("./../img/arrow_right_spearmint.png") no-repeat center left;
  padding: 0 0 0 14px;

  list-style: none;
  margin: 0;
}

.grid-header {
  border: 1px solid gray;
  border-bottom: 0;
  border-top: 0;
  background: url('./../img/header-bg.gif') repeat-x center top;
  color: black;
  height: 24px;
  line-height: 24px;
}

.grid-header label {
  display: inline-block;
  font-weight: bold;
  margin: auto auto auto 6px;
}

.grid-header .ui-icon {
  margin: 4px 4px auto 6px;
  background-color: transparent;
  border-color: transparent;
}

.grid-header .ui-icon.ui-state-hover {
  background-color: white;
}

.grid-header #txtSearch {
  margin: 0 4px 0 4px;
  padding: 2px 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid silver;
}

.options-panel {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 320px;
  position: absolute;
  top: 0px;
  left: 650px;
}*/

/* Individual cell styles */
.slick-cell.task-name {
  font-weight: bold;
  text-align: right;
}

.slick-cell.task-percent {
  text-align: right;
}

.slick-cell.cell-move-handle {
  font-weight: bold;
  text-align: right;
  border-right: solid gray;

  background: #efefef;
  cursor: move;
}

.cell-move-handle:hover {
  background: #b6b9bd;
}

.slick-row.selected .cell-move-handle {
  background: #D5DC8D;
}

.slick-row .cell-actions {
  text-align: left;
}

.slick-row.complete {
  background-color: #DFD;
  color: #555;
}

.percent-complete-bar {
  display: inline-block;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Default css */
/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-header-columns {
  /* background: url('../../img/header-columns-bg.gif') repeat-x center bottom; */
  border-bottom: 1px solid silver;
}

.slick-header-column {
  background-color: #6F859A;
  border-right: 1px solid #A0B7C9;
  border-left: 1px solid #A0B7C9;
  color:white;
}

.slick-header-column:hover, .slick-header-column-active {
  /*background: white url('../../img/header-columns-over-bg.gif') repeat-x center bottom;*/
}

.slick-headerrow {
  background: #fafafa;
}

.slick-headerrow-column {
  background: #fafafa;
  border-bottom: 0;
  height: 100%;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row {
  position: absolute;
  background: #D1E0E5;
  border: 0px;
  line-height: 20px;
}

.slick-row.selected {
  z-index: 10;
  background: #DFE8F6;
}

.slick-cell span{
    overflow:hidden;
    text-overflow:ellipsis;
    display:block; /* can't apply ellipsis on an inline element*/
    max-height:20px; /* obliged to set height otherwise because of block element, clicking on cell above, if editable, was not possible */
}

.slick-cell.editable span {  
    text-overflow: clip;
    display: inline-block;
}

.slick-group {
  border-bottom: 2px solid silver;
}

.slick-group-toggle {
  width: 9px;
  height: 9px;
  margin-right: 5px;
  display: inline-block !important;
}

.slick-group-title {
  display: inline !important;
}

.slick-group>.slick-cell {
    border: 0px;
    position: relative;
}

.slick-group-toggle.expanded {
  /* background: url(./../img/collapse.gif) no-repeat center center; */
  background: url(../img/allSprite.png) no-repeat center center;
    background-position: 0 -111px;
}

.slick-group-toggle.collapsed {
  /* background: url(./../img/expand.gif) no-repeat center center; */
      background: url(../img/allSprite.png) no-repeat center center;
    background-position: 0 -130px;
}

.slick-group-totals {
  color: gray;
  background: white;
}

.slick-cell.selected {
  background-color: rgb(173,199,231);
}

.slick-cell.active {
  /* border-color: gray;
  border-style: solid; */
}

.slick-sortable-placeholder {
  background: silver !important;
}

.slick-row.odd {
  background: #E8F1F8;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row.loading {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.slick-cell.invalid {
  border-color: red;
  -moz-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-name: slickgrid-invalid-hilite;
  -webkit-animation-name: slickgrid-invalid-hilite;  
}

@-moz-keyframes slickgrid-invalid-hilite {
  from { box-shadow: 0 0 6px red; }
  to { box-shadow: none; }
}

@-webkit-keyframes slickgrid-invalid-hilite {
  from { box-shadow: 0 0 6px red; }
  to { box-shadow: none; }
}

/* input[type=checkbox] {
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
} */
SEYCGrid input[type=text] {
    width: 70% !important;
    font-size: 8pt;
    font-family: tahoma;
    vertical-align: top;
}
select.editor{
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  background-color: rgb(80, 80, 80);
}


/* Menu button */
.slick-header-menubutton {
  position: absolute;
  top: 0;
  left:22px;
  height:16px;
  bottom: 0;
  width: 10px;
  background-repeat: no-repeat;
  background-position: left;
 /*  background-image:url("./../img/arrow_bottom.gif"); */
  background-image:url("../img/allSprite.png");
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -1px -540px;
 }


/* Menu */
.slick-header-menu {
 position:absolute;
    z-index:410;
    border-style: solid;
    border-width:1px; 
    -moz-box-shadow: 3px 3px 4px #7E8B98;    
    -webkit-box-shadow: 3px 3px 4px #7E8B98;    
    box-shadow: 3px 3px 4px #7E8B98;    
    /* For IE 8 */   
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7E8B98')"; 
    border-color:#D6D6D6;
    color: #152F50;
    background-color: #F1F1F1;
    padding-right: 20px;
}


.slick-header-menuitem:hover {
      border-color: silver;
      background: white;
    }
    

.slick-header-menuicon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-header-menucontent {
  display: inline-block;
  vertical-align: middle;
}


.slick-header-menuitem-disabled {
     color:#DEDEDE;
}
    
.slick-item-menuEntryMarker{
    margin-top:2px;
    height:21px;
    width: 4px;
    background-color: #A0A29D;
    position: absolute;
    left:25px;
}

.slick-viewport{
    margin-top: 0px; 
    margin-right: auto; 
    margin-bottom: 0px; 
    margin-left: auto;
} 

.subMenuEntryDiv:hover > .slick-item-menuEntryMarker{
    background-color: #72BF43;

}

.subMenuEntryDiv:hover{
    color: #152f50;
    background-color: white;

}
.required {
    /* background-image:url("./../img/star-dark.png"); */
    background-image:url("../img/allSprite.png");
    background-repeat:no-repeat;
      margin-left:1px;
      height: 20px;
    width: 8px;
    margin-right : -4px;
    display : inline-block;
    background-position: 0px -10px;
    
}

.requiredOnGrid {
    /* background-image:url("./../img/star-white.png"); */
    background-image:url("../img/allSprite.png");
    background-repeat:no-repeat;
      margin-left:1px;
      padding-top: 1px;
    padding-left:9px; 
    height: 20px;
    width: 10px;
    background-position: 0 -28px;
}
.errorOnGrid {
    /* background-image:url("./../img/fieldErrorSmall.png"); */
    background-image:url("../img/allSprite.png");
    background-repeat:no-repeat;
      margin-left:1px;
    padding-left:9px; 
    height: 20px;
    width: 12px;
    background-position: 0 -45px;
    
}
.warningOnGrid {
    /* background-image:url("./../img/fieldWarningSmall.png"); */
    background-image:url("../img/allSprite.png");
    background-repeat:no-repeat;
      margin-left:1px;
    padding-left:9px; 
    height: 20px;
    width: 12px;
    background-position: 0 -63px;
}

.requiredEmpty {
    border:none;
    background-color: transparent;
    height: 20px;
    width: 8px;
    vertical-align: top;
    display:inline-block;
    margin-right : -4px;
    
}

.divFiche .required, .divFicheMP .required, .panelDIV .required{
    /* background-image:url("./../img/star-dark.png"); */
    background-image:url("../img/allSprite.png");
    background-repeat:no-repeat; 
      margin-left:1px;
      height: 20px;
    width: 8px;
    margin-right : -4px;
    display : inline-block;
    background-position: 0px -9px;
    
}

#updateTList{
    min-width:300px;
    max-height:400px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
    padding-top:5px;
}


/* ************************************  Jquery Autocomplete Plugin CSS ************************************* */

.container {
    width: 800px;
    margin: 0 auto;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

.ui-autocomplete-category {
    color: white;
    background: #6F859A;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin: 0px !important;
}

.ui-autocomplete.ui-corner-all {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.ui-autocomplete.ui-menu {
    list-style: none;
    padding: 0px;
    margin: 0;
    display: block;
    border-color: black;
}

.ui-autocomplete .ui-menu-item .ui-state-hover {
    background-color: rgb(173, 199, 231);
    border-radius: 0px;
    margin: 0px !important;
    border:0px;
    font-weight: bold !important;
}

.seyc_autocomplete_div{
    text-align: center;
      margin-top: 2px;
     margin-bottom: 2px;
}

/* ************************************  Jquery Autocomplete Plugin CSS (END)************************************* */


/* ************************************  Drag/drop tools ************************************* */
.dragContainer {
    padding: 2px;
}

/* classes related to drag & drop container objects */
.dragHandleTop{
    background-image: url("https://action.symphonygold.com/gwr/img/dragHandleH.png");
    background-repeat: repeat;
    cursor:move;
    height: 8px;
    min-width: 12px;
}
.dragHandleLeft{
    background-image: url("https://action.symphonygold.com/gwr/img/dragHandleV.png");
    background-repeat: repeat;
    float: left;
    cursor:move;
    width: 8px;
    min-height: 12px;
}
.dragHandleRight{
    background-image: url("https://action.symphonygold.com/gwr/img/dragHandleV.png");
    background-repeat: repeat;
    float: Right;
    cursor:move;
    width: 8px;
    min-height: 12px;
}

.fullDivDrag {
        cursor:move;
}

.dropTargetHover{
    background-color: silver;
}

/* CSS for reducing the extra spaces from panelFrame - Start*/
.panelFrame .panelDIV, .panelFrame .panelTable td{
    padding-bottom:0px;
}

.panelFrame .labelTD, .panelFrame .fieldTD, .panelFrame .plainLabel {
    height:auto;
}

.panelFrame .plainLabel{
    padding-bottom:0px;
    padding-top:0px;
}


/* CSS for reducing the extra spaces from panelFrame - End*/


/* Overriden to consider sprite  */
.ui-slider .ui-slider-handle { 
  background:url('../img/allSprite.png');
  background-position: -1px -813px;
}
.ui-state-disabled .ui-slider-handle {
    background:url('../img/allSprite.png');
    background-position: -1px -838px;
}

#multiSortPopup{
       padding : 10px;
}
#multiSortPopup .horizontalSplitterTD{
       vertical-align:middle;
}
.boutonMultiSort{
    margin-left:4px;
    margin-right:4px;
    height:19px;
    width:17px;
    background: url('../img/multiSort.png') no-repeat center;
   /* background: url("./../img/allSprite.png") no-repeat center;
    background-position: 0 -1192px;*/
    cursor: pointer;
    border: none;
}