























  
  

  


<!-- Standard theme -->
































  
  
  
  
  
    
  
  
  
  
  
  
  
  
  
  
  
  
  





<style>
/* this file is supposed to be a css file, so the tag above is not valid.
But it allows proper syntax coloring in the eclipse editor. the first dummy class
below is here to allow browsers css parser to recover from this monstruosity */

  dummy{}

/*****************************/
/* generic reset css : begin */
/*****************************/


html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;margin:0}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{align:center}
a{text-decoration:none}

/* miscellanous utils */
.ui-state-error-text,.ui-state-error-text .kvtd{color:red !important}
.dimmed{opacity:0.5; filter:alpha(opacity=50)}
#progress-bar{margin:15px}
#progress-bar-container #pb-indicators{text-align:center;margin-top:20px;font-size:120%;}
.ui-progressbar-value{background:#DD4B39 !important}

/**************************/
/* page structure : begin */
/**************************/
html.fullpage{height:100%;background: #ffffff; ;}
html.realpopup{height:100%;background: #e1E1E1;text-align:center;}

.printonly{display:none;}

#zion-page{width:1200px ;margin:0 auto;position:relative}
#zion-page.liquid-layout{min-width:1200px ;width:85%;}

#zion-header-risk{position: fixed;top:0;left:0;width:100%;background-color:#444444;height:28px;z-index:4;border-bottom:4px solid #3B7FA1}
#zion-header-claims{position: fixed;top:0;left:0;width:100%;background-color:#444444;height:28px;z-index:4;border-bottom:4px solid #A13A2A}
#zion-header-admin{position: fixed;top:0;left:0;width:100%;background-color:#444444;height:28px;z-index:4;border-bottom:4px solid #D19D3D}
#zion-header-comm{position: fixed;top:0;left:0;width:100%;background-color:#444444;height:28px;z-index:4;border-bottom:4px solid #858026}

#zion-content{height:675px;oveflow:auto;overflow-x:hidden;margin-top: 60px;}
#zion-page-title{color:#373737;position:absolute;height:40px;width:800px;top:-25px;left:0px;;overflow:hidden;font-weight:bold;font-size:18px;line-height:16px;white-space:nowrap}
#zion-page-title-popup{color:#373737;position:absolute;height:40px;width:800px;top:10px;left:15px;;overflow:hidden;font-weight:bold;font-size:18px;line-height:16px;white-space:nowrap}
#zion-page-subtitle{font-size:14px;}
#zion-page-env{position:fixed;z-index:6;top:32px;left:40px;display:block;float:right;color:black;font-size:9px;font-weight:bold !important}
#zion-page-instance {position:fixed;z-index:6;top:32px;left:3px;display:block;float:right;font-size:9px;color:#DD4B39;font-weight:bold}
#layoutpage-body>.ui-widget-content{height:100%}
.ts-popup-content{margin-top:-1px;padding-top:1px;}

/* loading gif */
#image-loading{position:absolute;top:-15px;right:2px;width:23px;height:16px;overflow:hidden;z-index:4}
.tsl-tgt-overlay {zoom: 1; position:absolute;top:0px;width:0px;width: 100%;height:100%;z-index:8749;background-color:transparent !important;background-image:url(jsp/common/cssimg/transparent.gif);background-repeat: repeat}

.tsl-tgt-overlay { display:none !important }
/****************************/
/*** JGROWL Notifiactions ***/
/****************************/

.jGrowl{font-size:130% !important;font-weight:bolder;margin-top:20px    }
.jGrowl-notification .close{font-size:200% !important;position:relative;top:-12px;}
div.jGrowl-notification {opacity:1 !important;filter:alpha(opacity = 100) !important;background-color:#DD4B39 ;color:#ffffff }
div.jGrowl .jGrowl-notification.highlight.ui-state-highlight{background-color:#FEF7CB !important;border:1px solid #FFE475;color:#373737;}


/****************************/
/***    inputs            ***/
/****************************/

input.invalidInput{border-color:red !important;color:red !important;background-color:#FFDDDD !important}
input.error{color:red;background-color:#FFBBBB}
label.error {display:block; position:absolute;background:white; width:150px; border:1px solid red; color:red; padding:5px; }

.input-date{width:65px;}
.ui-datepicker-trigger{vertical-align:baseline;cursor:pointer}
.input-staid{width:50px;}
.input-amount{width:70px;}
.input-phone{width:70px;}
.input-number{width:70px;}
.input-float{width:70px;}
.input-country{width:30px;}
.input-login{width:70px;}
.input-zonable{background-color:#FFDDDD;}
.daterange-label{width: 20px;}

.tsl-no-border{border-width:0px !important;}
input, textarea, select{;padding-top:1px;padding-left:1px;background-color:#ffffff;color:#373737;border:1px solid #fbfbfb;}
.input-readonly, .input-disabled{}
.input-readonly{opacity:0.7;filter:alpha(opacity=50)}

/*** z-index hack pour le datepicker ***/
#ui-datepicker-div{z-index: 9999999;}

input, textarea,select{border-color:#d6d6d6}
/*** sous ie on a un fond blanc et un border, la largeur c'est pour aligner à gauche sous chrome ***/
.ts-input-cb{background-color:transparent;border-color:transparent;width:15px !important}}
/****************************/
/***    Multiselect       ***/
/****************************/

.multiselectable { width:auto; display:block; overflow: auto; width: 100%;position:relative ;margin-bottom:10px}
.multiselectable div { width: 44%; float:left; display: inline}
.multiselectable select{ width: 200px; height:140px; }/*Setting a percentage here will unfortunately not work in IE */
.multiselectable div * { display: block; margin: 0 auto; }
.multiselectable .m-selectable-controls { margin-top: 3em; width: 10%; }
.multiselectable .m-selectable-controls button{margin:auto;margin-top: 1em; padding:6px 7px;margin-bottom:6px;}
.multiselectable button.ui-state-default, .multiselectable button.ui-state-hover{border:1px solid #fbfbfb !important;;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;;;cursor:pointer}
.multiselectable label{font-weight:bold;}

/* Multi select checkbox */
.multiselect{overflow:auto; height:100px;width:180px;margin-left:10px;margin-top:2px;display:none;position:absolute;padding:5px;z-index:1003 }
.multiselect{background-color:#ffffff;;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;;;border:1px solid #fbfbfb;}

/* Multi select group */
.multiselectable-group .multiselectable-group-header {font-weight: bold;}
.multiselectable-group option:not(.multiselectable-group-header)::before {content: "    ";}

/****************************/
/***    Accordion       ***/
/****************************/
.ui-accordion .ui-accordion-header.ui-state-active{background-color:#eeeeee !important;color:#373737 !important}
.ui-accordion .ui-accordion-content.ui-widget-content{border:1px solid #fbfbfb;background-color:#f3f3f3;border-top-width:0px}

/****************************/
/***    Autocomplete       ***/
/****************************/
.ui-autocomplete {font-size:11px;  background-color: #ffffff !important;color:#373737 !important;border:1px solid #fbfbfb !important;max-height:220px;width:200px;overflow:auto;}
.ui-autocomplete li.ui-menu-item a{font-size:11px !important; padding:2px !important; line-height:16px; border:1px solid #ffffff !important;margin:0 !important;white-space:nowrap}

/****************************/
/***    Buttons           ***/
/****************************/

.tss-button{padding:5px 15px;display: inline-block;min-width:80px;text-align:center;position:relative;}
.tss-button .inner-button-span{text-decoration:none;}
a.tss-button.tsl-simple-link{min-width:0px;display:inline;margin:0;background-color:transparent ;text-decoration:none;padding:0}
a.tss-button.tsl-simple-link .inner-button-span{padding:0px ;margin:0 ;min-width:0;}
a.tss-button.tsl-simple-link .button-label{text-shadow:none !important;padding:0 3px;border:1px solid transparent;margin:-1px;text-decoration:underline;display:inline-block; font-weight:bolder;}
a.t-link {text-decoration:underline;font-weight:bolder;}

a.tss-button.ui-state-default{;border:1px solid #ffffff;}
a.tss-button.ui-state-hover{;border:1px solid #ffffff !important;}

li>.tss-button.ui-state-default,a.tsl-simple-link.ui-state-default,a.tsl-simple-link.ui-state-default:hover{;border:none;}

.jqcontextmenu .ui-menu-item .ui-menu-item-wrapper.tss-button{width:100%;padding:5px 0px}
.jqcontextmenu .ui-menu-item .ui-menu-item-wrapper.tss-button.ui-state-active{;border:1px solid #ffffff !important;}
.jqcontextmenu .ui-menu-item .ui-menu-item-wrapper.tss-button.ui-state-default{;border:none;}

/* badges */
a .button-badge { background-color: #ffffff; font-size: 10px; font-weight: bolder; text-align: center; line-height: 14px; vertical-align: middle; color: #373737; position: absolute; top: 1px; left: 1px; ;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;; min-width: 12px; display: block; padding:0 1px;  }
a .button-badge.highlighted { background-color: #DD4B39; color: #ffffff }
a .button-badge.highlighted-text { color: #DD4B39; }
a .highlighted-background { background-color: #DD4B39; }
a .button-badge-img { padding: 0 1px; position: absolute; top: 1px; right: 1px; width: 14px; height: 15px;}
a .button-badge-img img { display: block; margin: 0 auto; width: 18px; height: 18px; position: absolute; top: -2px; left: -1px; }

a.tsl-simple-link .button-label,a.dbqaction{border:1px solid transparent ;color:#373737;}
a.tsl-simple-link:hover .button-label,a.dbqaction:hover{text-decoration:none; background-color:#DD4B39 !important;color:#ffffff !important;;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;;;border-color: #ffffff !important}
.ui-state-highlight a.dbqaction{color:#ffffff}

tr.selected a.tsl-simple-link>span>span.button-label{color:#ffffff}
/****************************/
/***    Menu              ***/
/****************************/
#mainmenu {margin-left:40px;}
.back-logo {height: 26px ; background-size: contain ;  margin-left: 7px ;}
.header-with-logo{ touch-action: pan-y; margin-top: -29px !important;}
.headlink{margin-left:4px;border-top:3px solid #444444}
.headlink:hover{border-top-color:#DD4B39 !important}
.headlink>a{padding:0 2px;}
.headlink>a>span{line-height:36px;font-size:16px;display:inline-block;vertical-align:middle;}

.menu-label{padding:0 4px;}
.t-submenu{margin-top:1px;}
.t-submenu li a{background-image:none !important;font-size:140%;padding:5px;padding-left:10px;}
.t-submenu li:last-child a{padding-bottom:10px}
.t-submenu .t-submenuitem{float:left}
#exit-btn{border:none;margin-top:8px}



.headlink>a>.menu-bg-image{display:none;width:36px;height:34px;background-size:24px 24px;background-repeat:no-repeat;background-position:6px 6px}
#headlink-reporting>a>.menu-bg-image{display:inline-block;background-image:url(jsp/common/cssimg/menu/dashboard.png) ;font-weight:bolder;}
#headlink-recherche>a>.menu-bg-image{display:inline-block;background-image:url(jsp/common/cssimg/menu/picons/search_white_24.png) ;}
#headlink-add-buyer>a>.menu-bg-image{display:inline-block;background-image:url(jsp/common/cssimg/menu/picons/add_buyer_24.png) ;}


#headlink-risk{width:36px;height:28px;background-image:url(jsp/common/cssimg/menu/picons/risk_white_24.png) ;background-color:#3B7FA1 !important;background-repeat:no-repeat;background-position:6px 1px;cursor:pointer;border-radius:12px 12px 0 0; }
#headlink-claims{width:36px;height:28px;background-image:url(jsp/common/cssimg/menu/picons/claims_white_24.png) ;background-color:#A13A2A !important;background-repeat:no-repeat;background-position:6px 1px;cursor:pointer;border-radius:12px 12px 0 0; }
#headlink-admin{width:36px;height:28px;display:inline-block;background-image:url(jsp/common/cssimg/menu/picons/admin_white_24.png) ;background-color:#D19D3D !important;background-repeat:no-repeat;background-position:6px 1px;cursor:pointer;border-radius:12px 12px 0 0;  }
#headlink-comm{width:36px;height:28px;display:inline-block;background-image:url(jsp/common/cssimg/menu/picons/comm_white_24.png) ;background-color:#858026 !important;background-repeat:no-repeat;background-position:6px 1px;cursor:pointer ;border-radius:12px 12px 0 0; }
#headlink-risk:hover{border-top-color:#3B7FA1 !important; -webkit-transition:all 1s;-moz-transition:all 1s ;ms-transition:all 1s ;transition:all 1s ;}
#headlink-claims:hover{border-top-color:#A13A2A !important; -webkit-transition:all 1s;-moz-transition:all 1s ;ms-transition:all 1s ;transition:all 1s ;}
#headlink-admin:hover{border-top-color:#D19D3D !important; -webkit-transition:all 1s;-moz-transition:all 1s ;ms-transition:all 1s ;transition:all 1s ;}
#headlink-comm:hover{border-top-color:#858026 !important; -webkit-transition:all 1s;-moz-transition:all 1s ;ms-transition:all 1s ;transition:all 1s ;}
#menu-item-image-risk,
#menu-item-image-comm,
#menu-item-image-admin,
#menu-item-image-claims{padding:10px 15px!important;margin:0px !important;width:96px; height:96px; display:block;background-repeat:no-repeat;background-position: 15px 10px;-webkit-border-radius:8px !important;-moz-border-radius:8px !important;border-radius:8px !important;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;ms-transition:all 0.2s ease-in;transition:all 0.2s ease-in}
#menu-item-image-risk  {background-color:#3B7FA1 !important; background-image:url(jsp/common/cssimg/menu/picons/risk_white_96.png);}
#menu-item-image-claims{background-color:#A13A2A !important; background-image:url(jsp/common/cssimg/menu/picons/claims_white_96.png);}
#menu-item-image-admin {background-color:#D19D3D !important; background-image:url(jsp/common/cssimg/menu/picons/admin_white_96.png);}
#menu-item-image-comm  {background-color:#858026 !important; background-image:url(jsp/common/cssimg/menu/picons/comm_white_96.png);}
#menu-item-label-risk,
#menu-item-label-comm,
#menu-item-label-admin,
#menu-item-label-claims{display:block;font-size: 20px;text-align:center;margin-top:2px;}

#mainmenu>li:first-child>ul{padding:10px;width:372px !important;background-color:#F3F3F3  !important;background-image:none !important;border:2px solid #CCCCCC}
#mainmenu>li:first-child li{border-width:0 0 0 0  !important;
  display:inline-block; width:156px !important; margin:10px !important;
  background-color:#444444 !important;
  -webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important}
#mainmenu>li:first-child li:hover{
-webkit-transform:scale(1.08);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);
  border-color:transparent !important;
  background-image: linear-gradient(to bottom, rgb(78,78,78) 0%, rgb(120,120,120) 16%, rgb(28,28,28) 100%) !important;
  background-image: -webkit-gradient( linear, left bottom,left top, color-stop(0, rgb(78,78,78)), color-stop(0.16, rgb(120,120,120)), color-stop(1, rgb(28,28,28))) !important;
  box-shadow: 3px 3px 10px 3px #222222;
  -webkit-transition:all 0.25s;-moz-transition:all 0.25s ;-ms-transition:all 0.25s ;transition:all 0.25s ;
}

#mainmenu>li:first-child li:hover>a>span:first-child{
  /* -webkit-transform: rotate(-4deg) ;-moz-transform: rotate(-4deg);-ms-transform: rotate(-4deg); */
}

#mainmenu>li:first-child>ul  a{margin:0 !important;padding:10px 15px 4px 15px !important;border-left: none !important;-webkit-border-radius:8px !important;background-color:transparent !important;background-image:none !important;color:white !important;}
#mainmenu{width:97%}
#menu-quicksearch{float:right;padding:0 10px;margin-top:-4px;background:none !important;border:none !important;line-height:36px;font-size:16px; }
#menu-quicksearch input{width:66px;}
#mainmenu #menu-sign-off{float:right;padding:0 2px;font-size:10px;color:white;height:36px}
#mainmenu #menu-sign-off a{background-color:red}
#mainmenu #menu-adm-my-profil{float:right;padding:0 2px;text-decoration:underline;color:white;font-size: 13px;}
#mainmenu #menu-adm-my-profil a{border:none}



#mainmenu>li>a {;background-color:transparent;background-image:none;color:#ffffff}
ul>.t-submenuitem:first-child>a{;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;;}
.t-submenuitem-last>a{;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;;;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;;;}
#menuloookupstaid {;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;;height:19px;width:140px !important;}

#menu-entitysearch {border-radius: 8px;float: right;padding: 0 10px;margin-top: 0px;background: white ;border: none !important;line-height: 24px;font-size: 16px; max-width: calc(100vh - 380px)!important; }
#entity-search-input {padding-left: 10px; border: none !important;height: 24px;width: 380px !important;}
#entity-input-box {color: #d4d5d6; font-size: 16px; left: 4px; overflow: hidden; padding-left: 20px; vertical-align: middle; visibility: inherit;}
#entity-search-input::placeholder {color: #d4d5d6;}
.menu-icon {width: 20px; height: 20px;}
.helper {cursor: help;}
#search-link {width: 24px; height: 24px;position: absolute;cursor: pointer;}
.disabledLink  {
   pointer-events: none;
   cursor: default;
}

.dwbuttonbi{width: auto; min-width: 32px; padding: 10px; border-radius: 2px; background: #fff; border: solid 1px #ececec; color: #000;}
.dwbuttonbi:hover{ background: #dd4b39; border: solid 1px #fff; color: #fff;}
.dwbuttonbi:disabled{ background: #e5e5e5; border: solid 1px #fff; color: #fff;}
.dwtextbuttonbi{ padding-left: 10px; font-family: Montserrat,Helvetica; font-size: 14px;}

.greyout::-webkit-input-placeholder {
   color:#808080 !important;
}

.greyout:-ms-input-placeholder {
   color:#808080 !important;
}

.greyout:-moz-placeholder {
   color:#808080 !important;
}

.greyout::-moz-placeholder {
   color:#808080 !important;
}

.es-li-item:hover{background: lightgrey}
.ar-es-description {font-size: 1em; color:grey;}
.ar-es-date {font-size: 1em;}
.ar-es-id {color: #802613}
.ar-es-inactive {color: red; float:right;}
.ar-es-name {font-size: 1.2em}
.as-es-name {font-size: 1.5em}
.ar-es-type {padding: 1px 5px;margin-right: 5px; margin-left: 5px}
.es-autocomplete {
   width: 480px;
   max-height: 900px;
   overflow-y: hidden; overflow-x: hidden;
   box-shadow: 0 7px 12px 3px rgba(0, 0, 0, .4);
   border-radius: 0 0 9px 9px;
}

.es-li-item {
   margin:-12px 0 0 0 !important;

}

.es-li-item:last-child .ar-es-name {font-size: 1em; color: grey}
.es-li-item:last-child .ar-es-description {font-size: 0.9em; color: grey}
.es-li-item:last-child {border-bottom: none}
#search-link2 {width: 15px; height: 15px;cursor: pointer;}

.result-ACTOR {color: rgb(255, 255, 255); background-color: rgb(255, 173, 70);}
.result-USER {color: rgb(255, 255, 255); background-color: rgb(73, 134, 231);}
.result-POLICY {color: rgb(255, 255, 255); background-color: rgb(11, 187, 80);}
.result-OTHER {color: rgb(255, 255, 255); background-color: rgb(204, 166, 172);}
.result-CLAIM {color: rgb(255, 255, 255); background-color: rgb(140, 10, 10);}
.result-SUBMISSION {color: rgb(255, 255, 255); background-color: rgb(150, 60, 200);}
.result-QUOTE {color: rgb(255, 255, 255); background-color: rgb(10, 150, 60);}
.result-REINSURANCE {color: rgb(255, 255, 255); background-color: rgb(150, 150, 1);}

.headlink > a > span{font-size:13px;line-height:auto;margin-top:-5px;}

.t-submenu>li>a{font-size:13px;}


.t-submenu .t-submenuitem-a{background-color:#f3f3f3 !important;border-left:5px solid transparent !important;}
.t-submenu .t-submenuitem-a:hover{background-color:#e1E1E1 !important; border-left-color:#DD4B39 !important;color :#DD4B39 !important;}


/* ContextMenu */
.jqcontextmenu .tss-button{-moz-border-radius:0;-webkit-border-radius:0;background-image:none;}

/****************************/
/***    Tree              ***/
/****************************/

ul.tree, ul.tree ul { list-style-type: none; background: url(jsp/common/cssimg/vline.png) repeat-y  ; margin: 0; padding: 0; }
ul.tree{margin-top:5px;}
ul.tree ul { margin-left: 8px; }
ul.tree li {list-style:none; margin: 0; padding: 0 0 0 10px; line-height: 20px; background: url(jsp/common/cssimg/node.png) no-repeat ;  font-weight: bold; }
ul.tree li.last {background:  url(jsp/common/cssimg/lastnode.png) no-repeat ; }
ul.tree span.plieur{width:12px;line-height:14px;background: url(jsp/common/cssimg/moins.png) no-repeat;cursor:pointer;display:inline-block}
ul.tree span.plieur.plus{background: url(jsp/common/cssimg/plus.png) no-repeat;}
ul.tree span.plieur.ui-helper-hidden{display:none;}
ul.tree li.last { background-color: #ffffff ; }

/***************************/
/***    Filter           ***/
/***************************/

.popup-filter-bar{padding:0 5px;height:30px;vertical-align:middle;line-height:28px;font-size:12px;overflow:hidden;background-color:#f3f3f3 !important;border-top:1px solid #d2d2d2 !important;}
.popup-filter-bar a.tss-button{min-width:0;margin:0 10px;padding:0px 10px;font-weight:bolder;line-height:16px;vertical-align:middle}
.popup-filter-bar .zion-pagination-bar{float:right;width:230px;text-align:right;}

.popup-filter-bar{background-color:#eeeeee;color:#373737;;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;;;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;;;}
.popup-filter-bar .tss-button{}
.popup-filter-bar a#filter-bar-filter {;margin-right:0px;;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;;;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;;;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;;}
.popup-filter-bar a#filter-bar-reset {margin-left:0px;;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;;;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;;;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;;;font-weight:bolder;}


/****************************/
/***    Tabs/Onglet       ***/
/****************************/
.ui-tabs{margin-left:0px;margin-right:0px;padding:0px}
.ui-tabs>.ui-tabs-nav {padding-left:0}
.ui-tabs>.ui-tabs-nav>li{margin-right:7px;}
#zion-page .ui-tabs .ui-tabs-nav li a{padding-right:1.5em;position:relative;}



.ui-tabs .ui-tabs-panel{padding:0px}

.ui-tabs .ui-tabs-nav>li{background-color:#d2d2d2;border:1px solid #fbfbfb;}
.ui-tabs .ui-tabs-nav>li>a{color:#000000}
.ui-tabs .ui-tabs-nav>li.ui-state-hover{background-color:#DD4B39;color:#ffffff;}
.ui-tabs .ui-tabs-nav>li.ui-state-hover>a{color:#ffffff;}
.ui-tabs .ui-tabs-nav>li.ui-state-hover{border-color:#DD4B39;}

.ui-tabs-panel.ui-widget-content{background-color:#f3f3f3 ;border:1px solid #fbfbfb ;}
.ui-tabs-panel{;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;;;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;;;;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;}
.ui-tabs-nav>li.ui-state-active.ui-tabs-selected{background-color:#f3f3f3 ;border:1px solid #fbfbfb ;border-bottom-width:0px; padding-bottom:0px}
.ui-tabs-nav>li.ui-state-active.ui-tabs-selected>a{color:#373737;}

li.ui-tabs-selected a{font-weight:bold;color:#DD4B39 !important;letter-spacing:-1px;}
li.ui-tabs-selected{border-top-color:#DD4B39 !important;border-top-width:3px !important;}

.ui-tabs-nav>li.condensed-tabs{border-left-color:#999999 !important;-webkit-box-shadow: -4px 0px 4px -4px rgba(0, 0, 0, .4);-moz-box-shadow: -4px 0px 4px -4px rgba(0, 0, 0, .4);box-shadow: -4px 0px 4px -2px rgba(0, 0, 0, .4);}
.ui-tabs-nav>li.condensed-tabs:first-child{border-left-color:transparent !important}
/* First level tabs */
#zion-content>.ui-tabs>.tab-container>.ui-tabs-panel.ui-widget-content,
#zion-content>form>.ui-tabs>.tab-container>.ui-tabs-panel.ui-widget-content{overflow:hidden;background-color:#e1E1E1 ;border-color: #e1E1E1;}

#zion-content>.ui-tabs>.ui-tabs-nav>li,
#zion-content>form>.ui-tabs>.ui-tabs-nav>li{border-color:#d2d2d2 }


#zion-content>.ui-tabs>.ui-tabs-nav>li.ui-state-active.ui-tabs-selected,
#zion-content>form>.ui-tabs>.ui-tabs-nav>li.ui-state-active.ui-tabs-selected{background-color:#e1E1E1 ;border-color:#e1E1E1 }

#zion-content>.ui-tabs>.ui-tabs-nav>li.ui-state-active.ui-tabs-selected>a,
#zion-content>form>.ui-tabs>.ui-tabs-nav>li.ui-state-active.ui-tabs-selected>a{color:#373737;padding-top :3px !important;}

#zion-content>.ui-tabs>.ui-tabs-nav>li,
#zion-content>form>.ui-tabs>.ui-tabs-nav>li{margin-right:7px;}

#zion-content>.ui-tabs>.ui-tabs-nav>li>a,
#zion-content>form>.ui-tabs>.ui-tabs-nav>li>a{font-size:120%;padding-top:4px;padding-bottom:4px;padding-left:20px;}

/*second levels tabs */

.ui-tabs .ui-tabs .ui-tabs-nav>li>a{padding:0.2em 1em;}
.ui-tabs .ui-tabs .ui-tabs-nav>li.ui-tabs-selected{border-top-width:2px !important;}
/****************************/
/***    dbrequest         ***/
/****************************/

.dbqtablediv {}

.dbq-table-div-header {padding-right:16px;overflow:hidden}
.dbq-table-div-content{overflow:scroll;overflow-x:hidden;}
.dbqtable{width:100%;table-layout: fixed;}
.dbqtable th{height:34px;padding:0px 3px;line-height:12px;}
.dbqtable th.activesort{cursor:pointer;}
.dbqtr>td {height:28px;padding:1px 3px;line-height:12px;}
.dbqtable td,.dbqtable th{overflow:hidden}
.dbqtable a{text-decoration:underline}

.dbq-table-div-header{;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;;;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;;;background-color:#f3f3f3 !important;border-bottom:1px solid #d2d2d2 !important}
.dbq-table-div-content{background-color:#ffffff;}
.dbq-table-div-header  th{background-color:transparent !important; color:#373737;}
.dbq-table-div-header  th.ui-state-highlight{background-color:#d2d2d2 !important; color:#000000 !important;}
.dbq-table-div-content tr.ui-state-highlight>td{background-color:#DD4B39 !important;color:#ffffff !important;}

.amount-positive{color:green}
.amount-negative{color:red}
.date-negative{color:red}
.previous-date{opacity:0.4;filter:alpha(opacity=60)}


/****************************/
/** Ecran de liste simple  **/
/****************************/

#zion-content.page-suivi-reporting>.dbqzone th{height:42px}
#zion-content.page-suivi-reporting{padding:10px;padding-top: 75px;margin-top:0px;background-color:#fbfbfb;height:auto}
#zion-content.page-suivi-reporting #zion-page-title{top:45px;left:10px}
#zion-workflow-page-title {color:#373737;position:absolute;height:40px;width:800px;top:30px;left:10px;;overflow:hidden;font-weight:bold;font-size:18px;line-height:16px;white-space:nowrap}

#zion-content.page-suivi-reporting .dbq-table-div-content{height:535px}
#zion-content.page-suivi-reporting>.genericzone {border:none !important ;padding:0px; margin:0px}
#zion-content.page-suivi-reporting>.genericzone>.genericzonecontent {margin:0 ;}

#zion-content.page-suivi-reporting-bi{padding:10px;padding-top: 43px;margin-top:0px;background-color:#fbfbfb;height:auto; width: 1500px; margin-left: -173px;}


#zion-content.simple-page{height:auto;padding:10px;margin-top:20px;padding-top: 50px;background-color:#fbfbfb !important;}

/********************************/
/** Reset graphique jquery-ui  **/
/********************************/

/* new jquery icon close has not more the class ui-state-default, so the border is show, so I add
specically .ui-dialog-titlebar-close*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,
.ui-widget-content,.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-state-hover,.ui-widget-content .ui-state-hover,
.ui-state-active,.ui-widget-content .ui-state-active,.ui-dialog>.ui-dialog-titlebar>.ui-dialog-titlebar-close {background-image:none;background:transparent;border:none}



.ui-widget-content,.ui-widget-header{color:#373737;background-image:none;background-color:transparent}

.ui-icon{background-color:white;;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.ui-icon.ui-resizable-handle{background-color:transparent;;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}

#ui-datepicker-div.ui-widget-content{background-color:#ffffff; color:#373737;border:2px solid #eeeeee;}
#ui-datepicker-div.ui-widget-content .ui-widget-header{background-color:#eeeeee; color:#373737}


.ui-corner-large{;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;}
.ui-corner-small{;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ui-corner-all{;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.ui-corner-tl {;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;}
.ui-corner-tr {;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;}
.ui-corner-bl {;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;}
.ui-corner-br {;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;}
.ui-corner-top { ;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;;;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;;}
.ui-corner-bottom {;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;;;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;; }
.ui-corner-right {;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;;;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;;; }
.ui-corner-left {;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;;;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;;;}

.ui-state-default,.ui-widget-content .ui-state-default{background-color:#d2d2d2;color:#000000;}
.ui-state-default a,.ui-widget-content .ui-state-default a{color:#000000;}
.ui-state-hover,.ui-widget-content .ui-state-hover{background-color:#DD4B39;color:#ffffff;}
/*previous line with .ui-state-hover <--> .jqcontextmenu .ui-state-active for jqcontextmenu
.jqcontextmenu .ui-state-active, .ui-contextmenu .ui-widget-content .ui-state-active{background-color:#DD4B39;color:#ffffff;}*/
.ui-state-hover a,.ui-widget-content .ui-state-hover a{color:#ffffff;}
/*previous line with .ui-state-hover <--> .jqcontextmenu .ui-state-active for jqcontextmenu
.jqcontextmenu .ui-state-active a,.ui-widget-content .ui-contextmenu .ui-state-active a{color:#ffffff;}*/
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#373737}

a.tss-button:not(.tsl-simple-link) {
   background-color: #d2d2d2 !important;
   color: #000000;
}



/********************************/
/** genericZone                **/
/********************************/

.genericzone{border:1px solid #d2d2d2;margin:10px; padding:0px;overflow:visible;position:relative; background:#ffffff; color:#373737; ;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;; ;}
.genericzonetitle{border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;position:absolute;left:-1px;top:-1px;width:auto;height:8px;overflow:visible;background-color:#e1E1E1;color:#373737;;;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;;}
.genericzonetitle>span.s-title{position:relative;top:-8px;left:-6px;white-space:nowrap;font-size:10px;margin-right:4px;font-weight:normal;;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;;}
.genericzonecontent{height:100%; overflow-y:auto; overflow-x:hidden;}
.genericzone.confidential .s-title{color:#ffffff !important;background-color:#DD4B39 !important;padding-right:30px !important;background-image:url(jsp/common/cssimg/confidentiel.png) !important;background-repeat:no-repeat !important;background-position:right center !important; }

.genericzone-buttonbar{margin:0px !important;position:absolute;bottom:0px;right:0px;left:0px;text-align:right;padding:5px 10px 8px;border-top:1px solid #e1E1E1;background-color:#f3f3f3;;;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;;;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;;}
.genericzone-buttonbar a.tss-button{padding:2px 8px;min-width:40px;margin-left:7px;line-height:normal;}
.genericzone .genericzone .genericzone-buttonbar{border-color:#fbfbfb;}
.ui-tabs-panel>.ts-popup-content>.genericzone-buttonbar,.ui-tabs-panel>.genericzone-buttonbar{background-color:#ffffff;;border:1px solid #e1E1E1;border-top:1px solid #d2d2d2}
.ui-tabs-panel>.ts-popup-content>.genericzone-buttonbar a.tss-button,
.ui-tabs-panel>.genericzone-buttonbar a.tss-button{padding:5px 15px;min-width:80px;}

a.tss-button.genericzone-button-tl,
a.tss-button.genericzone-button-tr,
a.tss-button.genericzone-button-bl,
a.tss-button.genericzone-button-br{margin:0;position:absolute; overflow:visible; padding:2px 6px !important;min-width:30px !important;}
a.tss-button.genericzone-button-tl{top:-10px; left: -10px;}
a.tss-button.genericzone-button-tr{top:-10px; right: -10px;}
a.tss-button.genericzone-button-br{bottom:-10px; right: -10px;}
a.tss-button.genericzone-button-bl{bottom:-10px; left: -10px;}


.genericzone .genericzonecontent.folded,.genericzone .genericzone .genericzonecontent.folded{overflow:hidden;height:0px;}
a.gz-folder.tss-button{margin:-3px 6px 0 -5px;vertical-align:middle;line-height:10px;font-size:14px;width:13px;height:13px;padding:0;font-weigtht:bolder;min-width:0;;overflow:hidden}

/*TODO : remplacer par un forTokens */

  .gz-left-25{clear:left;float:left; width:25px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-25 + div,.gz-left-25 + div.genericzone, .gz-left-25 + div + div, .gz-left-25 + div + div + div, .gz-left-25 + div + div + div + div{margin-left:55px}

  .gz-left-50{clear:left;float:left; width:50px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-50 + div,.gz-left-50 + div.genericzone, .gz-left-50 + div + div, .gz-left-50 + div + div + div, .gz-left-50 + div + div + div + div{margin-left:80px}

  .gz-left-75{clear:left;float:left; width:75px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-75 + div,.gz-left-75 + div.genericzone, .gz-left-75 + div + div, .gz-left-75 + div + div + div, .gz-left-75 + div + div + div + div{margin-left:105px}

  .gz-left-100{clear:left;float:left; width:100px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-100 + div,.gz-left-100 + div.genericzone, .gz-left-100 + div + div, .gz-left-100 + div + div + div, .gz-left-100 + div + div + div + div{margin-left:130px}

  .gz-left-125{clear:left;float:left; width:125px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-125 + div,.gz-left-125 + div.genericzone, .gz-left-125 + div + div, .gz-left-125 + div + div + div, .gz-left-125 + div + div + div + div{margin-left:155px}

  .gz-left-150{clear:left;float:left; width:150px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-150 + div,.gz-left-150 + div.genericzone, .gz-left-150 + div + div, .gz-left-150 + div + div + div, .gz-left-150 + div + div + div + div{margin-left:180px}

  .gz-left-175{clear:left;float:left; width:175px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-175 + div,.gz-left-175 + div.genericzone, .gz-left-175 + div + div, .gz-left-175 + div + div + div, .gz-left-175 + div + div + div + div{margin-left:205px}

  .gz-left-200{clear:left;float:left; width:200px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-200 + div,.gz-left-200 + div.genericzone, .gz-left-200 + div + div, .gz-left-200 + div + div + div, .gz-left-200 + div + div + div + div{margin-left:230px}

  .gz-left-225{clear:left;float:left; width:225px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-225 + div,.gz-left-225 + div.genericzone, .gz-left-225 + div + div, .gz-left-225 + div + div + div, .gz-left-225 + div + div + div + div{margin-left:255px}

  .gz-left-250{clear:left;float:left; width:250px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-250 + div,.gz-left-250 + div.genericzone, .gz-left-250 + div + div, .gz-left-250 + div + div + div, .gz-left-250 + div + div + div + div{margin-left:280px}

  .gz-left-275{clear:left;float:left; width:275px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-275 + div,.gz-left-275 + div.genericzone, .gz-left-275 + div + div, .gz-left-275 + div + div + div, .gz-left-275 + div + div + div + div{margin-left:305px}

  .gz-left-300{clear:left;float:left; width:300px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-300 + div,.gz-left-300 + div.genericzone, .gz-left-300 + div + div, .gz-left-300 + div + div + div, .gz-left-300 + div + div + div + div{margin-left:330px}

  .gz-left-325{clear:left;float:left; width:325px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-325 + div,.gz-left-325 + div.genericzone, .gz-left-325 + div + div, .gz-left-325 + div + div + div, .gz-left-325 + div + div + div + div{margin-left:355px}

  .gz-left-350{clear:left;float:left; width:350px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-350 + div,.gz-left-350 + div.genericzone, .gz-left-350 + div + div, .gz-left-350 + div + div + div, .gz-left-350 + div + div + div + div{margin-left:380px}

  .gz-left-375{clear:left;float:left; width:375px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-375 + div,.gz-left-375 + div.genericzone, .gz-left-375 + div + div, .gz-left-375 + div + div + div, .gz-left-375 + div + div + div + div{margin-left:405px}

  .gz-left-400{clear:left;float:left; width:400px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-400 + div,.gz-left-400 + div.genericzone, .gz-left-400 + div + div, .gz-left-400 + div + div + div, .gz-left-400 + div + div + div + div{margin-left:430px}

  .gz-left-425{clear:left;float:left; width:425px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-425 + div,.gz-left-425 + div.genericzone, .gz-left-425 + div + div, .gz-left-425 + div + div + div, .gz-left-425 + div + div + div + div{margin-left:455px}

  .gz-left-450{clear:left;float:left; width:450px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-450 + div,.gz-left-450 + div.genericzone, .gz-left-450 + div + div, .gz-left-450 + div + div + div, .gz-left-450 + div + div + div + div{margin-left:480px}

  .gz-left-475{clear:left;float:left; width:475px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-475 + div,.gz-left-475 + div.genericzone, .gz-left-475 + div + div, .gz-left-475 + div + div + div, .gz-left-475 + div + div + div + div{margin-left:505px}

  .gz-left-500{clear:left;float:left; width:500px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-500 + div,.gz-left-500 + div.genericzone, .gz-left-500 + div + div, .gz-left-500 + div + div + div, .gz-left-500 + div + div + div + div{margin-left:530px}

  .gz-left-525{clear:left;float:left; width:525px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-525 + div,.gz-left-525 + div.genericzone, .gz-left-525 + div + div, .gz-left-525 + div + div + div, .gz-left-525 + div + div + div + div{margin-left:555px}

  .gz-left-550{clear:left;float:left; width:550px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-550 + div,.gz-left-550 + div.genericzone, .gz-left-550 + div + div, .gz-left-550 + div + div + div, .gz-left-550 + div + div + div + div{margin-left:580px}

  .gz-left-575{clear:left;float:left; width:575px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-575 + div,.gz-left-575 + div.genericzone, .gz-left-575 + div + div, .gz-left-575 + div + div + div, .gz-left-575 + div + div + div + div{margin-left:605px}

  .gz-left-600{clear:left;float:left; width:600px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-600 + div,.gz-left-600 + div.genericzone, .gz-left-600 + div + div, .gz-left-600 + div + div + div, .gz-left-600 + div + div + div + div{margin-left:630px}

  .gz-left-625{clear:left;float:left; width:625px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-625 + div,.gz-left-625 + div.genericzone, .gz-left-625 + div + div, .gz-left-625 + div + div + div, .gz-left-625 + div + div + div + div{margin-left:655px}

  .gz-left-650{clear:left;float:left; width:650px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-650 + div,.gz-left-650 + div.genericzone, .gz-left-650 + div + div, .gz-left-650 + div + div + div, .gz-left-650 + div + div + div + div{margin-left:680px}

  .gz-left-675{clear:left;float:left; width:675px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-675 + div,.gz-left-675 + div.genericzone, .gz-left-675 + div + div, .gz-left-675 + div + div + div, .gz-left-675 + div + div + div + div{margin-left:705px}

  .gz-left-700{clear:left;float:left; width:700px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-700 + div,.gz-left-700 + div.genericzone, .gz-left-700 + div + div, .gz-left-700 + div + div + div, .gz-left-700 + div + div + div + div{margin-left:730px}

  .gz-left-725{clear:left;float:left; width:725px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-725 + div,.gz-left-725 + div.genericzone, .gz-left-725 + div + div, .gz-left-725 + div + div + div, .gz-left-725 + div + div + div + div{margin-left:755px}

  .gz-left-750{clear:left;float:left; width:750px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-750 + div,.gz-left-750 + div.genericzone, .gz-left-750 + div + div, .gz-left-750 + div + div + div, .gz-left-750 + div + div + div + div{margin-left:780px}

  .gz-left-775{clear:left;float:left; width:775px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-775 + div,.gz-left-775 + div.genericzone, .gz-left-775 + div + div, .gz-left-775 + div + div + div, .gz-left-775 + div + div + div + div{margin-left:805px}

  .gz-left-800{clear:left;float:left; width:800px;margin-right:0px !important;margin-left:10px !important}
  .gz-left-800 + div,.gz-left-800 + div.genericzone, .gz-left-800 + div + div, .gz-left-800 + div + div + div, .gz-left-800 + div + div + div + div{margin-left:830px}


#zion-content.simple-page>div>.genericzone,   #zion-content.simple-page>.genericzone{height:600px;}

.genericzone,.genericzonetitle{border-color:#ececec}
.genericzonetitle{visibility:hidden;}
.genericzone:hover>.genericzonetitle{visibility:visible;color:#DD4B39}
.genericzone .genericzone>.genericzonetitle{visibility:visible !important;}


/* Zone secondaires */
.genericzone .genericzone{border-color:#fbfbfb;margin:20px 15px;padding-top:10px;padding-bottom:10px;background-color:#f3f3f3; color:#373737;;}
.genericzone .genericzone>.genericzonetitle{border:none;background-color:transparent; ;left:-8px}
.genericzone .genericzone>.genericzonetitle>span.s-title{background-color:#d2d2d2;font-size:12px;color:#373737;padding:2px 10px 2px 10px;border:1px solid #d2d2d2;;}

.genericzone .genericzone:hover{border-color:#d2d2d2}
.genericzone .genericzone:hover>.genericzonetitle>span.s-title{border-color:#ffffff}
.genericzone .ui-tabs-panel .genericzone{background-color:#ffffff}
.genericzone .genericzone-buttonbar{background-color:#f3f3f3 !important;border-top:1px solid #d2d2d2 !important}

#bd-header.genericzone{background-color:#f3f3f3}


/********************************/
/** Standard tnb-data-table    **/
/********************************/

.tnb-data-table{width:100%}

.tnb-data-table>tbody>tr>td, .tnb-data-table>tbody>tr>th{padding:3px 3px 2px;}
.tnb-data-table>tbody>tr>td img{margin-top:-2px;margin-bottom:-2px}

.tnb-data-table>thead>tr>th:first-child{;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;;}
.tnb-data-table>thead>tr>th:last-child{;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;;}
.tnb-data-table>thead>tr:first-child>td:first-child{;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;;}
.tnb-data-table>thead>tr:first-child>td:last-child{;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;;}
.tnb-data-table>tbody>tr:last-child>td:first-child{;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;;}
.tnb-data-table>tbody>tr:last-child>td:last-child{;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;;}

.tnb-data-table > thead > tr > th,
.tnb-data-table > thead > tr > td,
.tnb-data-table > tbody > tr.inner-header > th,
.tnb-data-table > tbody > tr.inner-header > td {padding:7px 3px;color:#373737;background-color:#f3f3f3 !important;border-bottom:1px solid #d2d2d2 !important}

.tnb-data-table>tbody>tr.selected>td{background-color:#DD4B39;color:#ffffff}

.kvspacer td{height:8px;}
tr.selected.ui-state-highlight >td,tr.selected >td{background-color:#4D90FE  !important}
/********************************/
/** Dialogs and Popups    **/
/********************************/

.ui-dialog{background-color:#ffffff !important;  box-shadow: 2px 2px 8px 3px #777777;;padding:0x;}
.ui-dialog>.ui-dialog-titlebar{position:relative;background-color:transparent !important;height:0px !important;overflow:visible;padding:0px !important; z-index:1003;}
.ui-dialog>.ui-dialog-titlebar>.ui-dialog-title{vertical-align:middle;height:22px;line-height:22px;position:absolute;left:2px;top:2px;background-color:#d2d2d2;color:#000000;display:inline-block;padding:0px 8px;font-weight:bolder;;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;;}
.ui-dialog>.ui-dialog-titlebar>.ui-dialog-titlebar-close{vertical-align:middle;height:22px;width:22px;line-height:22px; position:absolute;right:2px;top:3px;background-color:#d2d2d2;display:inline-block;padding:0;margin:0;outline-color:transparent}
.ui-dialog>.ui-dialog-titlebar>.ui-dialog-titlebar-close>span{vertical-align:middle}
.ui-dialog>.ui-dialog-content{clear:both;margin:0;padding:20px !important;}
.ui-dialog>.ui-dialog-content>.ts-popup-content{margin:-10px !important;height:100%;}
.ui-dialog-content>.ts-popup-content>.genericzone{margin:0px ;height:100%;padding-top:20px;}
.ui-dialog-content>.ts-popup-content>.genericzone .genericzone{margin-top:15px;}
.ui-widget.genericzone.gz-left-350.no-margin-top{margin:0px;}

/* real popup */
#zion-realpopup-content{margin:auto;padding:10px;text-align:left;}
#zion-realpopup-content>.genericzone{height:100%;}
html.realpopup{background-color:#ffffff !important}
#zion-realpopup-content>.genericzone>.genericzonetitle{background-color:#ffffff !important}

.ui-helper-hidden{display:none}
/* message d'erreur du validateur*/
label.error { z-index: 3 }
/*
Les params dans credit insurance
*/
.cssclassNoZonableParam{background-color:#DCDCDC}

#select_buyerCountry {
width: 200px;
}
/** **/
.company-name{white-space: pre; }

/** monitoring **/
#task_monitoring_filter_table:{ margin: 20px 15px;
  padding-top: 10px;
  padding-bottom: 10px;}
/** Confirmation popup **/
.confirm-popup .confirm-message{margin:30px;text-align: center}
.confirm-popup .ui-dialog-titlebar-close{display : none}


   


   

</style>
