/* shares.css */

@font-face { /* rounded, fill, 300n grade 0 */
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 300;
  /*src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v38/syl7-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUdV6_gjDK-P1Ju1_Zs-obHph2-jOcOzKPq8a9A5M.woff2) format('woff2');*/
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v104/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOc7TOVpeRL2w5rwZu2rNmlXxGJKJBiCa8.woff) format('woff');
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 48;
}
.msr {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-variant: normal !important;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 48;
}
.msr.sup {position:absolute;top:0;right:0;border-radius:20px;background-color:rgba(0,0,0,0.05);min-width: 8px !important;font-size:75%;;line-height: 12px !important;opacity:0.6;}



html {font-family: Verdana, Arial, Helvetica, sans-serif; }
body {  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: start; }
body.nomenu {}
body.noscroll {overflow:hidden;}

img { border-width:0px; max-width:100%;}
form {margin:0;}
td { font-family: Verdana, Arial, Helvetica, sans-serif;  }
th { font-family: Verdana, Arial, Helvetica, sans-serif;  }
span.selectspan select {
	position:relative;font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; border:none;border-radius:0px;
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
    background-color:none !important; 
}

.loading {
  display: inline-block;
  position: relative;
  opacity:0.6;
}
.loading:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: -8px 0x 0px -8px;
  position: absolute;left: 50%;top: 10%;
  box-sizing: border-box;
  border: 16px solid #fff;
  border-color: rgba(50,50,50,0.9) transparent rgba(230,230,230,0.4) transparent;
  animation: lds-hourglass 10s infinite;
}
@keyframes lds-hourglass {
  0% {
    border-color: rgba(50,50,50,0.9) transparent rgba(230,230,230,0.4) transparent;
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    border-width: 16px 16px 16px 16px;
  }
  20% {
    transform: rotate(900deg);
    border-color: rgba(220,220,220,0.4) transparent rgba(200,200,200,0.6) transparent;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    border-width: 2px 30px 30px 2px;
  }
  80% {
    transform: rotate(1440deg);
    border-color: rgba(220,220,220,0.4) transparent rgba(50,50,50,0.6) transparent;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    border-width: 30px 2px 2px 30px;
  }
  100% {
    border-color: rgba(50,50,50,0.9) transparent rgba(230,230,230,0.4) transparent;
    transform: rotate(1800deg);
    border-width: 16px 16px 16px 16px;
  }
}
.loadingalone {position:absolute;width:32px;height:32px;}


div.zoombg {
	z-index:98;position:fixed;left:0;top:100vh;width:100%;height:100vh;overflow:hidden;opacity:.85;background-color:#000;visibility:hidden;transition: all 0.3s;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);
}
div.zoomdiv {z-index:10000;position:fixed;left:0%;top:100vh;margin-top:48px;width:100%;height:100vh;overflow:auto;color:#FFF;text-align:center;display:flex;flex-wrap: wrap;vertical-align: middle;justify-content: center;transition: all 0.3s;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);/*align-content: center;*/}
.nomenu div.zoomdiv {margin-top:0px;}
/*div.zoomdiv .divimg {max-width:100%;max-height:100%;display:table-cell;vertical-align: middle;}*/
div.zoomdiv img#zoomedimg {margin:auto;vertical-align: middle;z-index:99;}
.zoomable {cursor:zoom-in;}
div.zoomdiv .zoom_zoomhtmldiv {position:fixed;width:90px;right:5%;top:5%;bottom:5%;overflow:auto;}
div.zoomdiv .zoom_zoomhtmldiv img {padding:5px;}
div.zoomdiv .zoom_zoomhtmldiv img.zoomhere {padding:4px;border:1px solid #FFF;}
.zoomtopbuttons {min-width:100%;}
.order_table_imagethumbs {width:70px;float:right;}
.order_table_imagethumbs img {padding:5px;}

#zoomimgs_next {
width: 100%;
padding-right:140px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#zoomimgs_next.with_thumbs {width:calc(100% - 130px);}

.fullwidth {width:100%;}
.fullwidth img {position:absolute;left:0;width:100%;min-width:100vw;cursor:zoom-out;}
.preview_page,.preview_mainimage.haspages {float:left;flex: 1;/*min-width: 1024px;*/max-width: 1024px;display:block;position: relative;}
#zoomimgs_next .preview_page#page1 {float:none;margin:0 auto;/*left;min-width: 100%;max-width: 100%;*/}
.preview_page:not(.fullwidth) img {max-width: 100vw;max-height: 100vh;}
.preview_page.fullwidth {min-width: 100vw;min-height: 100vh;z-index:999;}

#zoomimgs_thumbs {
width: 134px;
display: block;/*
flex-wrap: wrap;
justify-content: center;*/
position:fixed;right:0px;top:50px;bottom:0px;overflow-x:hidden;overflow-y:auto;
}
#zoomimgs_thumbs .preview_page,#zoomimgs_thumbs .preview_page img {min-width:128px;max-width:128px;}
.zoomable {position:relative;}
.preview_page .pagenumber {color:#fff;background-color:rgba(120,120,120,0.5);padding:1px 4px;position: absolute;z-index:2;bottom:5px;right:2px;font-size:68%;}
#zoomimgs_thumbs .preview_page .pagenumber {bottom:5px;right:1px;font-size:55%;}

#zoomimgs_more {padding-bottom:200px;}

@media screen and (max-width: 480px) {
  #zoomimgs_thumbs{display:none;}
  #zoomimgs_next.with_thumbs {width:100%;}

}

span.inputspan, span.inputspangroup, span.buttongroup,span.inputgroup {border: 1px solid #e0e0e088; }

span.selectspan {display:inline-block;max-width:300px;overflow:hidden;position:relative;padding:2px 10px 2px 2px;border-radius:0px;margin:1px 2px 1px 1px;vertical-align: top;min-height: 49px;box-sizing: border-box;border-radius:12px;padding:0px 8px;}
span.selectspan:hover::after {position:absolute;right:0px;content:'\2B0D'; opacity:0.4; padding-right:2px;z-index: 3;bottom:4px;pointer-events:none;}
span.selectspanmultiple {position:relative;min-width:100px;height:48px;box-sizing: border-box;}
span.selectspanmultiple::after {content:'';}
span.selectspanmultiple select {position:absolute;height:43px;transition-property: all;transition-duration: 0.3s;}
span.selectspanmultiple:hover {position:relative;overflow:visible;z-index:101;}
span.selectspanmultiple:hover span.placeholder {z-index:105;}
span.selectspanmultiple:hover::after {display:none;}
span.selectspanmultiple:hover span.placeholder {/*position:relative;*/z-index:103;}
span.selectspanmultiple:hover select {position:absolute;width:auto;left:-2px;right:0px;top:36px;padding-top:20px;min-width:200px;height:300px !important;margin:0px -1px;z-index:102 !important;border-width:0px 5px 1px 1px;border-style:solid;border-color:#e0e0e0;}
span.selectspanmultiple.noplaceholder:hover select {top:24px !important;padding-top:0px !important;}
span.selectspanmultiple span.selectpreview {display:flex;flex-wrap:wrap;overflow-x: auto;overflow-y: hidden;min-height: 21px;max-height:40px;width:100%;max-width:100%;/*position:absolute;*/padding-top: /*15px*/18px;margin:0px 16px 0px 1px;top:0px;left:0;z-index:2;/*background-color:#fff;*/transition:all 0.3s;}
span.selectspanmultiple:hover span.selectpreview {min-width: 200px/*calc(100% + 4px)/*100%/*350px*/;max-width:90vw;min-height: 21px !important;max-height:100vh;z-index:104;margin-left: -9px;border-radius: 12px;}
span.inputspangroup span.selectspanmultiple:hover span.selectpreview {margin-left: -18px;border-radius: 0px 0px 12px 12px;}
span.selectspanmultiple:not(.tools):has(.selectpreview):not(:has( .selecteditem)):not(:has( .owselect_item)) {min-width: 90px;max-width: 90px;}
span.selectspanmultiple .owselect ~ span.selectpreview {display:none;}
span.selectspanmultiple.noplaceholder span.selectpreview {margin-top:0px;padding-top: 2px;}
span.selectspan.hasplaceholder {/*min-height:39px;*/}
span.selectspan.noplaceholder {min-height:30px;}
span.selectspanmultiple.hasplaceholder {min-height:55px !important;}
span.inputspangroup span.selectspan {min-height:35px;max-width:600px;}
span.inputspangroup span.selectspanmultiple {max-width:100%;}
select.selectmultiple_haspreview {top:40px;}
select.selectmultiple_haspreview option[selected] {/*opacity:0.5;color:#999;background-color:#222;*/}
span.inputspangroup > form {width:100%;margin-right:3px;}
span.inputspangroup > b {padding-top:17px;}

span.selectspanmultiple_large {max-width:100%;}
span.selectspanmultiple_large span.selectpreview {min-width:100%;}

span.selectpreview input.filter {min-width: calc(100% + 15px);margin: -17px -6px 10px -6px;padding: 24px 8px 4px 8px;}

span.inputspan input { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; border: 1px solid #e0e0e0; font-size:100%;
	padding:2px;border-radius:0px;margin:0px;
	appearance: none;-webkit-appearance: none;-moz-appearance: none;outline:0;
}
span.inputspan textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; border: 1px solid #e0e0e0;
	padding:2px;border-radius:0px;
}
span.inputspan i { padding:0;width:auto;height:auto; pointer-events:none;}
span.inputspan span.input { 
	display:block;padding:2px;border-width:0px;border-radius:0px;margin:0px;position:relative;text-align:left;
}
/*text, span.inputspantextarea,span.inputspandate */
span.inputspanhidden {display:none !important;}
span.inputspansubmit, span.inputspanbutton {border:none !important;}
span.inputspan, span.inputspangroup, span.buttongroup,span.inputgroup {display:inline-block;position:relative;padding:2px 8px 1px 8px;margin:1px -2px 1px 1px;text-align:left;vertical-align: top;box-sizing: border-box; border-radius:12px;/*padding:0px 8px;*//*overflow:hidden;*/}
li span.inputspan, span.inputspangroup, span.buttongroup,span.inputgroup { vertical-align: initial;}
span.inputspan.hasplaceholder {min-height:49px;min-width:20px;}
span.inputspangroup span.inputspan {border-radius:0px;padding:0px;}
span.inputspangroup span.inputspan.hasplaceholder {min-height:35px;}
span.inputspangroup {display:inline-flex;/*min-width:150px;*/flex-wrap:wrap;/*overflow:hidden/*visible*/;}
span.inputspangroupmini {min-width:10px !important;}
span.inputspangroup.nowrap {flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;}
table.cardcontent span.inputspan,table.cardcontent span.selectspan {/*padding:0px;margin:0px;/*width:100%;*/}
table.cardcontent td > span.inputspan,table.cardcontent td > span.selectspan {width:100%;}
table.cardcontent .bottomsubmit span.inputspan {width:auto;}
span.inputspan.inputspanfile input {display:none;}
span.inputspan.inputspanfile label::after {content:'\21EB';padding:0px 8px;}

span.inputspangroup {padding-top:16px;/*display:flex;flex-wrap:wrap;*/max-width:100%;box-sizing: border-box;}
span.inputspangroup:not(.noplaceholder) {min-height: 49px;}
span.inputspangroup.noplaceholder {padding-top:0px;/*min-height: 21px;*/}
span.inputspangroup span.inputspan label {margin-top:0px/*-16px*/;}
span.inputspangroup.noplaceholder span.inputspan label,span.buttongroup.noplaceholder span.inputspan label {margin-top:0px;}

span.noplaceholder .placeholder {}
span.inputspangroup span.inputspantext, span.inputspangroup span.inputspantextarea, span.inputspangroup span.selectspan, span.inputspangroup div.contactchoice {flex:1;}
span.inputspangroup span.inputspan.noplaceholder, span.inputspangroup.noplaceholder div.contactchoice,span.inputspangroup span.selectspan.noplaceholder {height:22px;min-height:22px;}
span.inputspangroup span.inputspan, span.inputspangroup div.contactchoice,span.inputspangroup span.selectspan {border-width:0px;}
span.inputspangroup.hasplaceholder span.inputspan:not(.inputspancheckbox):not(.inputspanradio), span.inputspangroup.hasplaceholder div.contactchoice,span.inputspangroup.hasplaceholder span.selectspan:not(.noplaceholder) {/*height:39px ;*/}
span.inputspangroup.noplaceholder span.inputspan:not(.inputspancheckbox):not(.inputspanradio):not(.inputspantextarea), span.inputspangroup.noplaceholder div.contactchoice,span.inputspangroup.noplaceholder span.selectspan:not(.noplaceholder) {height:44px;}
span.inputspangroup.noplaceholder span.inputspantextarea {min-height:44px;}
span.inputspangroup span.inputspantext input {padding-top:5px;}
span.inputspangroup span.inputspantext.hasplaceholder input {padding-top:20px;}
span.inputspangroup.noplaceholder span.inputspantext input {padding-top:17px/*20px/*16px*/ !important;}
span.inputspangroup.noplaceholder span.inputspantext.noplaceholder input {padding-top:0px !important;}
span.inputspangroup.nosubplaceholder span.selectspan select {padding-top:0px !important;}
span.inputspangroup span.inputspancheckbox, span.inputspangroup span.inputspanradio {background-color:rgba(0,0,0,0) !important;}
span.inputspan span.placeholder {max-width:100%;}
span.inputspan label:not(:has(.tools_inline)) {max-width:100%;overflow:hidden;}
/*span.inputspangroup span.selectspan.hasplaceholder {margin-top:-20px;}*/
span.inputspangroup span.inputspangroup {margin-top: 15px}
span.inputspangroup span.placeholder span.inputspangroup {margin-top: 0px;background: none;}
span.inputspangroup span.inputspangroup.noplaceholder {margin-top: 0px}
span.inputspangroup.hasplaceholder span.inputspan.hasplaceholder {/*margin-top:-16px !important;*/}


span.inputspangroup.oneperline {min-width:100%;width:100%;margin:0px !important;padding-bottom:10px;}
span.oneperline span.inputspan label {margin-top:0px !important;}
span.inputspangroup.oneperline span.inputspan {min-width:100%;width:100%;height:auto !important;white-space: normal;}
span.inputspangroup.oneperline span.inputspanradio label, span.inputspangroup.oneperline span.inputspancheckbox label {overflow: visible !important;display: block;white-space: normal !important;}

span.inputspangroup.alignright, span.inputspangroup.alignright span.inputspan, span.inputspangroup.alignright span.placeholder, span.inputspangroup.alignright label {text-align:right;}
span.inputspangroup.alignright span.inputspancheckbox input[type=checkbox],span.inputspangroup.alignright span.inputspanradio input[type=radio] {float:right;margin-left:10px;}

span.inputspangroup span.inputspangroup,span.inputspangroup span.buttongroup {border-width:0px !important;padding-top:0px !important;}
span.inputspangroup span.inputspangroup.hasplaceholder,span.inputspangroup span.buttongroup.hasplaceholder {min-height:40px;padding-top:17px !important}
span.buttongroup  span.inputspan {min-height:15px !important;}
span.inputspangroup span.inputspangroup:not(.hasplaceholder),span.inputspangroup span.buttongroup:not(.hasplaceholder) {padding:0px !important;}
.doubleline {height:74px;}
.doubleline span.inputspantextarea {height:71px;overflow:hidden;}
.doubleline span.inputspantextarea textarea {height:70px;}
.doubleline span.inputspangroup {height:71px;overflow:hidden;}
.doubleline span.selectspanmultiple {height:71px;}
.doubleline span.selectspanmultiple select {height:70px;}

span.inputspangroup span.inputspantext, span.inputspangroup span.inputspantextarea, span.inputspangroup span.selectspan, span.inputspangroup div.contactchoice {min-width:110px;}
span.inputspangroup span.inputspannumber {min-width:50px;max-width:100px;}
span.inputspangroup .selectspan.hasplaceholder {/*margin-top:-16px !important;*/}
span.inputspangroup.noplaceholder .selectspan.hasplaceholder {margin-top:0px !important;}
span.inputspangroup.hasplaceholder span.inputspangroup .placeholder {top:-15px !important;}
span.inputspangroup.noplaceholder span.inputspangroup .placeholder {top:0px !important;}
/*
span.inputspangroup span.selectspan,span.inputspangroup div.contactchoice2 {margin-top:-16px;}
span.inputspangroup.noplaceholder span.selectspan, span.inputspangroup.noplaceholder div.contactchoice2 {margin-top:0px;}
*/
span.inputspangroup.oneline {display:inline-block !important;}
span.inputspangroup.oneline span.inputspantext, span.inputspangroup.oneline span.inputspantextarea, span.inputspangroup.oneline span.selectspan, span.inputspangroup.oneline div.contactchoice {min-width:30px;}

span.inputspangroup span.inputspanbutton.noplaceholder, span.inputspangroup span.inputspansubmit.noplaceholder {top: -5px;}

span.inputspangroup div.image {border: 1px solid #ccc;border-radius: 2px;margin: 2px;}

span.inputspancheckbox input[type=checkbox],span.inputspanradio input[type=radio] {
	display:block;float:left;width:1px;height:1px;margin:-1px 26px 12px 0px;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline:0;border:none;}
span.inputspancheckbox input[type=checkbox]::before,span.inputspanradio input[type=radio]::before {
	display:block;content:'\2716';overflow:hidden;font-size:75%;;line-height:12px;text-align:center;color:#A44;
	box-sizing:content-box; width:16px;height:12px;border-width:1px 8px 1px 1px;border-radius:4px;border-color:#C44;background-color:#E99;border-style:solid;}
span.inputspancheckbox input[type=checkbox]:checked::before,span.inputspanradio input[type=radio]:checked::before  {
	content:'\2714';color:#3A3;border-width:1px 1px 1px 8px;border-color:#4C4;background-color:#9E9;}

span.inputspancheckbox input[type=checkbox].selector,span.inputspanradio input[type=radio].selector {margin: -3px 11px 11px -3px;}
span.inputspancheckbox input[type=checkbox].selector::before {border-radius:2px;}
span.inputspancheckbox input[type=radio].selector::before {border-radius:8px;}

span.inputspancheckbox input[type=checkbox].selector.toggleall::before {color:#888;content:'\21DF' !important;}
span.inputspancheckbox input[type=checkbox].selector::before,span.inputspanradio input[type=radio].selector::before {
	display:block;content:' ';overflow:hidden;font-size:50%;;line-height:12px;text-align:center;color:#222;
	box-sizing:content-box; width:12px;height:12px;border-width:1px 1px 1px 1px;border-color:#AAA;background-color:#ddd;border-style:solid;}
span.inputspancheckbox input[type=checkbox].selector:checked::before,span.inputspanradio input[type=radio].selector:checked::before {
	content:'\2714' !important;color:#222;border-color:#444;background-color:#AAA;}
span.inputspancheckbox input[type=checkbox].selector:checked~label{ font-weight: bold; }

span.inputspancolor {margin-top:0px !important; width:30px !important;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:0px 0px 0px 0px !important;border-bottom:0px solid #FFF;}
span.inputspancolor input[type=color] {border-bottom:0px solid #FFF;padding:0px !important;}

span.inputspanradio input[type=radio] {
	margin:2px 14px 12px 0px;}
span.inputspanradio input[type=radio]::before {content:' ';width:12px;border-width:1px;border-radius:8px;}
span.inputspanradio input[type=radio]:checked::before {width:12px;border-width:1px;border-radius:8px;}
span.inputspanradio input[type=radio]:checked~label{ font-weight: bold; }
span.inputspanradio label, span.inputspancheckbox label {overflow: hidden;display: block;white-space: normal;position:relative;}
span.inputspanradio label:hover, span.inputspancheckbox label:hover {height:auto !important;/*overflow: visible;*/z-index:2;}


span.buttongroup,span.inputgroup {line-height:17px;white-space:nowrap;/*overflow:hidden;*//*padding:0px !important;*/display:inline-flex;flex-wrap:wrap;background-color:#fff;color:#222;padding-top:18px !important;/*container-name: buttongroup;container-type: inline-size;*/}
span.buttongroup:not(.noplaceholder),span.inputgroup:not(.noplaceholder) {min-height: 49px;box-sizing: border-box;}
span.buttongroup .toolszone_inline,span.inputgroup .toolszone_inline {float:right;margin-left:6px;overflow: hidden;display: flex;}
span.buttongroup > span.placeholder,span.inputgroup > span.placeholder {/*background-color:#fff;*/opacity:1 !important;/*left:0px !important;*/padding-left:3px !important;width:100%;height:18px;color:#bbb !important;/*position:relative !important;padding:1px 8px;border-right:1px solid #ddd;*/}
span.buttongroup.noplaceholder {background-color:#fff;padding:0px 0px 0px 8px !important;line-height:20px;align-items: center;overflow:hidden;}
span.buttongroup .buttons_ingroup {white-space:normal;}
span.buttongroup span.inputspanradio,span.buttongroup span.inputspancheckbox {border:none !important;border-radius:0px !important;padding:0 !important;height:22px;margin:0px;background-color:rgba(0,0,0,0) !important;}
span.buttongroup.noplaceholder span.inputspanradio,span.buttongroup.noplaceholder span.inputspancheckbox {margin:0px !important;}
span.buttongroup span.inputspanradio input[type=radio]:checked::before,span.buttongroup span.inputspancheckbox input[type=checkbox]:checked::before {opacity:1;/*background-color:#fff;*/}
span.buttongroup span.inputspanradio input[type=radio][owtype=css]::before,span.buttongroup span.inputspancheckbox input[type=checkbox][owtype=css]::before {opacity:1;/*background-color:#fff;*/}
span.buttongroup span.inputspanradio input[type=radio]::before,span.buttongroup span.inputspancheckbox input[type=checkbox]::before {opacity:0;z-index:3;position:absolute;top:4px;left:4px;}
span.buttongroup span.inputspanradio input[type=radio],span.buttongroup span.inputspancheckbox input[type=checkbox] {margin:0px;padding:0px;}
span.buttongroup span.inputspanradio input[type=radio]~label {color:#888;background-color:#f8f8f8;height:auto/*17px*/;padding:2px 6px 2px 6px;border-radius:0px;}
span.buttongroup span.inputspanradio:nth-of-type(2) input[type=radio]~label {border-radius:16px 0px 0px 16px;}
span.buttongroup span.inputspanradio:last-of-type input[type=radio]~label {border-radius:0px 16px 16px 0px;}
span.buttongroup span.inputspanradio input[type=radio]:checked~label {color:#000;background-color:#ddd;padding-left: 18px;font-weight: normal;}
span.buttongroup span.inputspancheckbox input[type=checkbox]~label {color:#888;background-color:#f8f8f8;height:17px;padding:2px 8px 2px 28px;border-radius:16px;}
span.buttongroup span.inputspancheckbox input[type=checkbox]:checked~label {color:#000;background-color:#ddd;}
span.buttongroup span.inputspancheckbox input[type=checkbox]:not(:checked)~label {text-decoration: line-through;}
span.buttongroup.hasplaceholder {padding-top: 21px !important;}
@container buttongroup (max-width: 30px) {
span.buttongroup span.inputspanradio,span.buttongroup span.inputspancheckbox {/*min-width:100%;*/}
}
span.buttongroup .toolszone_inline .tools {border-radius: 0 !important;height: 100%;border-width: 0px 0px 0px 1px;padding: 0px 2px;}
span.buttongroup.noplaceholder .toolszone_inline .tools:before {line-height:20px;}
span.buttongroup.noplaceholder .toolszone_inline > span {height:20px;}/* for s2.xx email ok/no */
span.buttongroup.noplaceholder .tool_container {height:100%;}

span.inputspan span.aroundinput {position:absolute;z-index:3;padding-top:4px;color:#999;}
span.inputspan span.aroundinputr {right:0px;}
span.inputspan.hasplaceholder span.aroundinput {padding-top:20px;}

.inputspanflex {display: flex;flex-wrap: wrap;}
.inputspanflex .inputspan {min-width: 220px;max-width: 600px;flex: 1;}

.inputspan_hideunchecked .inputspan input~label {visibility: hidden;}
.inputspan_hideunchecked .inputspan input:checked~label {visibility: visible !important;}
.inputspan_hideunchecked:hover .inputspan input~label {visibility: visible !important;}

.bottomsubmit {display:flex;justify-content: end;align-items: center;padding-top: 20px;min-width:99%;position:sticky;bottom:0px;z-index:9999 !important;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px); }
.bottomsubmit span.inputspansubmit,.bottomsubmit span.inputspanbutton {margin: 5px !important;vertical-align: middle;}

@media screen and (max-width: 480px) {
.navpagesblock_fixedtop {/*bottom: 0px;top: auto !important;height: 55px;*/left: 50px;right: 0px !important;}
.bottomsubmit {height: 55px;display: flex;}
span.inputspansubmit,span.inputspanbutton {max-width: 320px;}
.bottomsubmit span.buttongroup {max-width: 50%;overflow-x: auto;overflow-y: hidden;margin-right: 2px !important;}
.bottomsubmit span.buttongroup span.inputspanradio input[type=radio]~label {max-width: 10px;padding-left:4px;}
.bottomsubmit span.buttongroup span.inputspanradio input[type=radio]:checked~label,span.buttongroup span.inputspancheckbox input[type=checkbox]:checked~label {max-width: 100px;padding-left:18px;}
.bottomsubmit span.inputspansubmit,.bottomsubmit span.inputspanbutton {max-width: 140px;}
}

span.buttongroup span.inputspanradio input[type=radio][value=delete]:checked~label,span.buttongroup span.inputspanradio input[type=radio].delete:checked~label {color:#400;background-color:#FAA;}
span.buttongroup span.inputspanradio input[type=radio][value=delete]:checked::before,span.buttongroup span.inputspanradio input[type=radio].delete:checked::before {opacity:1;background-color:#800;}

span.placeholder span.buttongroup span.inputspanradio input[type=radio],span.placeholder span.buttongroup span.inputspancheckbox input[type=checkbox] {display:none;}
span.placeholder span.buttongroup span.inputspanradio input[type=radio]~label {padding-left:2px;}

span.inputspantext > label,span.inputspantags > span.placeholder,span.inputspanpassword > label, span.inputspantextarea > label, span.inputspangroup > span.placeholder, span.selectspan > span.placeholder , span.inputspandate > span.placeholder, span.buttongroup > span.placeholder,span.inputgroup > span.placeholder {
        display:block;width:100%;position:absolute;top:2px;/*left:3px;*/color:#999;opacity:1;font-size:80%;z-index:3;white-space: nowrap; pointer-events:none;}
span.inputspantext > label > span, span.inputspanpassword > label > span, span.inputspantextarea > label > span, span.inputspangroup > span.placeholder > span, span.inputspantags > span.placeholder > span, span.selectspan > span.placeholder > span, span.inputspandate > span.placeholder > span {
        opacity:1;position:absolute;top:-4px;right:0px;pointer-events: all;}
span.inputspantext > label > span.selectspan, span.inputspanpassword > label > span.selectspan, span.inputspantextarea > label > span.selectspan, span.inputspangroup > span.placeholder > span.selectspan, span.inputspantags > span.placeholder > span.selectspan, span.selectspan > span.placeholder > span.selectspan, span.inputspandate > span.placeholder > span.selectspan {
        top:0px !important;}
span.inputspantext.hideplaceholder > label,span.inputspantags.hideplaceholder > span.placeholder,span.inputspanpassword.hideplaceholder > label, span.inputspantextarea.hideplaceholder > label, span.inputspangrou.hideplaceholder > span.placeholder, span.selectspan.hideplaceholder > span.placeholder , span.inputspandate.hideplaceholder > span.placeholder {
        font-size:0px !important;}
span.inputspantext.hideplaceholder > label > span, span.inputspanpassword.hideplaceholder > label > span, span.inputspantextarea.hideplaceholder > label > span, span.inputspangroup.hideplaceholder > span.placeholder > span, span.inputspantags.hideplaceholder > span.placeholder > span, span.selectspan.hideplaceholder > span.placeholder > span, span.inputspandate.hideplaceholder > span.placeholder > span {
        }
span.inputspanradio > span.placeholder,span.inputspancheckbox > span.placeholder {
        display:block;width:100%;color:#999;opacity:1;font-size:80%;z-index:3;white-space: nowrap; pointer-events:none;}

/*span.inputspantext.inputspanempty label {top:15px;left:5px;font-size:100%;pointer-events: none;}
span.inputspantext.inputspanempty:hover label {top:0px;left:3px;font-size:80%;animation:notempty 0.3s ease-in;}
@keyframes notempty { 0% { top:15px;left:5px;font-size:100%; } 100% { top:0px;left:3px;font-size:80%; } }
*/

span.inputspan .toolszone,span.inputspan .toolszone_inline,span.selectspan .toolszone,span.selectspan .toolszone_inline {position:absolute;z-index:4;right:1px;top:1px;}
span.inputspan .toolszone_inline,span.selectspan .toolszone_inline {visibility:hidden;}
span.inputspan:hover .toolszone_inline,span.selectspan:hover .toolszone_inline {visibility:visible;}
span.selectspan:not(:has( option:checked)):not(:has( option.placeholder)):not(:hover):not(:has( .contactchoice_owselect)):not(:has( .owselect)) > span.placeholder {font-size: 90%;margin-top: 13px;margin-left: 3px;/*position:absolute;top:3px;pointer-events: none;*/}
span.selectspan:has( option:checked:empty) > span.placeholder {font-size: 90%;margin-top: 13px;margin-left: 3px;/*position:absolute;top:3px;pointer-events: none;*/}
span.selectspan:hover > span.placeholder {z-index:3;}
span.selectspan > span.placeholder .tools {opacity:0;}
span.selectspan:hover > span.placeholder .tools {opacity:1;pointer-events: all;}
span.inputspantext input,span.inputspanpassword input,span.inputspantextarea textarea,span.selectspan select {border:none;border-bottom:1px solid #fff;max-width:100%;maxWidth:100%;background-color:inherit;}
span.inputspantext input,span.inputspanpassword input {/*position:absolute;*/padding: 21px/*15px*/ 0px 0px 0px;width:100%;box-sizing: border-box;}
span.inputspantextarea textarea {padding:16px/*12px*/ 0px 0px 0px;width:100%;}
span.inputspantextarea.hasheight textarea {min-height: 100%;box-sizing: border-box;}
span.inputspan.noplaceholder input,span.inputspantextarea.noplaceholder textarea,span.inputspan.noplaceholder select,span.selectspan.noplaceholder select {padding-top: 0px/*4px*/ !important;}
span.inputspan.nobackground,span.inputspangroup.nobackground,span.buttongroup.nobackground,span.inputspan.nobackground input,span.inputspan.nobackground select,span.inputspangroup.nobackground span.inputspan,span.inputspangroup.nobackground span.selectspan
 {background-color:rgba(0,0,0,0) !important;border-color:rgba(0,0,0,0) !important;}

span.selectspan > select/*,span.selectspan > span > select*/ {padding:20px/*12px*/ 6px 0px 1px;width:100%;max-width:110%;}
span.selectspan > span.owselect, span.selectspan > span > span.owselect {/*padding:14px 16px 1px 1px;*/width:110%;max-width:110%;min-height:25px;min-width:80px;}
span.inputspantext input:focus,span.inputspanpassword input:focus,span.inputspan textarea:focus {outline: none;border-bottom:1px solid #800;animation:inputborder 0.3s ease-in;z-index:2;}
span.inputspantext input:not(:focus)::placeholder { color: transparent;}

span.inputspantags {padding-top:12px;/*padding-right:20px;*/}

td.inputleftlegend {padding-top:14px;text-align:right;}
.is_mandatory {position: absolute; z-index:9;margin-top:14px;margin-left:-3px; opacity:0.2;}
td.inputleftlegend .is_mandatory {margin-top:0 !important;}

#titlezone span.selectspan, .toolszone_big span.selectspan, .toolszone_medium span.selectspan {border-radius:12px !important;margin-top:-1px !important;}
#titlezone span.selectspan.noplaceholder > select {padding-top:0px !important;max-width:100px !important;}

.onefieldok span.inputspantext input ~ i::after {position:absolute;opacity:0;content:'\2714';display:block;right:6px;bottom:6px;width:14px;height:20px;background-color:#ccc;border:1px solid #888;border-radius:0px 4px 4px 0px;padding:2px 6px;z-index:3;}
.onefieldok span.inputspantext input:focus ~ i::after {opacity:1;}

.onefield_percent span.inputspantext input ~ i::after {position:absolute;opacity:0;content:'%';display:block;right:2px;bottom:2px;width:20px;height:20px;padding:2px;z-index:3;}
.onefield_percent span.inputspantext input:focus ~ i::after {opacity:1;}
.onefield_percent_neg span.inputspantext input ~ i::before {position:absolute;opacity:0;content:'-';display:block;left:2px;bottom:2px;width:20px;height:20px;padding:2px;z-index:3;}
.onefield_percent_neg span.inputspantext input {padding-left:15px;}
.onefield_percent_pos span.inputspantext input ~ i::before {position:absolute;opacity:0;content:'+';display:block;left:2px;bottom:2px;width:20px;height:20px;padding:2px;z-index:3;}
.onefield_percent_pos span.inputspantext input {padding-left:15px;}
.onefield_percent span.inputspantext input:focus ~ i::before {opacity:1;}

.toolszone_big span.selectspan, .toolszone_medium span.selectspan {/*height:28px !important;width:28px;*/overflow:visible !important;}
span.selectspan.tools:not(:has( .owselect_item)) {width:20px !important;min-width:0px !important;}
span.selectspan.tools:has( .owselect_item) .owselect {z-index:9;padding-top:0px;}
span.selectspan.tools select,span.selectspan.tools .owselect {min-width:30px;min-height:30px;margin:0 !important;}
span.selectspan.tools:hover select,span.selectspan.tools:hover .owselect {min-width:150px;font-size:12px !important;z-index:10001;left: 0px;position: absolute;}

span.inputspantext input[value=''] ~ label {font-size:90%;margin-top:13px/*11px*/ !important;margin-left:3px;color:#888;}
span.inputspantext input[value=''] ~ label span.inputspan {display:none;}
span.inputspantext input[value=''] ~ label span.inputspan input {padding-top: 0px !important;}
span.inputspantext input[value='']:focus ~ label,span.inputspantext input[changed='1'] ~ label {font-size:80% !important;margin-top:0px !important;margin-left:0px !important;animation:labelreduce 0.3s ease-out;}
span.inputspantext input[value='']:focus ~ label span.inputspan,span.inputspantext input[changed='1'] ~ label  span.inputspan {display:inline-block;}
span.inputspanpassword input[value=''] ~ label {font-size:90%;margin-top:13px/*11px*/;margin-left:3px;color:#888;}
span.inputspanpassword input[value='']:focus ~ label,span.inputspantext input[changed='1'] ~ label {font-size:80% !important;margin-top:0px !important;margin-left:0px !important;animation:labelreduce 0.3s ease-out;}
span.inputspantextarea textarea:empty ~ label {font-size:90%;margin-top:15px;margin-left:3px;color:#888;}
span.inputspantextarea textarea:focus ~ label,span.inputspantextarea textarea[changed='1'] ~ label {font-size:80% !important;margin-top:0px !important;margin-left:0px !important;animation:labelreduce 0.3s ease-out;}
input[changed='1'],textarea[changed='1'] {color:#800;}

span.inputspantextarea textarea.visualediting {opacity:0.3;}
span.inputspantextarea textarea.visualediting ~ label {font-size:80% !important;margin-top:0px !important;margin-left:0px !important;animation:labelreduce 0.3s ease-out;}

span.inputspan input[required] ~ label {font-weight: bold;}
span.inputspan input[required] ~ label::before { content: " *";}
span.inputspan textarea[required] ~ label {font-weight: bold;}
span.inputspan textarea[required] ~ label::before { content: " *";}

@keyframes labelreduce { 
	0% { font-size:90%;margin-top:11px;margin-left:3px; }	100% { font-size:90%;margin-top:0px;margin-left:0px; } 
}

span.inputspandate.hasplaceholder {padding-top:16px !important;}
span.inputspandate .date {font-size:inherit !important;	color: inherit !important; border: none !important;}

option.placeholder {color:#888;}

span.selectspan_noborder input,span.selectspan_noborder select {border:none;outline: none;background-color:rgba(255,255,255,0);}

span.datepicker {display:inline-block;width:72px;height:44px;position:relative;}

span.datepicker_long {display:inline-block;width:auto !important;height:22px !important;position:relative;white-space:nowrap;overflow:visible;margin-right:0 !important;}
span.datepicker select {border:none;outline: none;background-color:rgba(255,255,255,0);	-webkit-appearance: none;  -moz-appearance: none; appearance: none;  }
span.datepicker .datepicker_nav {position:absolute;bottom:0;left:0;width:100%;text-align:center;overflow:visible;margin-left:-2px;white-space:nowrap;}
span.datepicker .datepicker_nav .date {font-size:5px;}
span.datepicker .date_month {position:absolute;top:0;width:38px;left:0px;background-color:#DDF;height:18px;}
span.datepicker .date_year {position:absolute;top:0;width:38px;right:0px;background-color:#DDF;height:18px;}
span.datepicker_long .date_year {/*position:absolute;top:16px;width:34px;left:0px;background-color:#DDF;height:18px;*/}
span.datepicker .date_day {position:absolute;top:16px;font-size:160%;right:0;width:36px;text-align:right;}
span.datepicker .date_weekday {position:absolute;bottom:14px;left:0px;right:0px;width:38px;text-align:center;font-size:80%;}
span.datepicker div.button_datenow,span.datepicker_long div.button_datenow {font-size:0px !important;border-width:3px 1px 1px 1px !important;border-color:#88F !important;margin:1px;padding-top:7px;}
span.datepicker div.button_datenow::before,span.datepicker_long div.button_datenow::before {display:inline-block;width:0px;height:0px;padding:0px;border:3px solid #C44;border-radius:5px;content:'';margin-top:4px;}
span.datepicker_hour {margin-right:90px;}
span.datepicker_hour div.date_hour {display:inline-block;left:-5px;top:18px;/*width:125px;*/position:absolute;background-color:#fff;}
span.datepicker_long div.date_hour {position:relative !important;left:auto !important;top:auto !important;width:auto !important;}
span.datepicker_long .date {border-color:#FFF;}

.checkboxzone {}
.checkboxzone::after {content:' ';width:22px;height:22px;display:inline-block;float:left;}
.checkboxzone .inputspancheckbox {position:absolute;}

span.inputspannoborder {background-color:rgba(255,255,255,0) !important;border:none !important;}
span.inputspannoborder label {white-space:normal !important;}
span.langs {display:flex;flex-wrap:wrap;width:100%;/*padding-top: 4px;*/}
span.inputspan span.langs {padding-top:24px;position:relative;}
span.onelang {flex:1;min-width:180px;/*padding-top:8px;*//*position:relative;*/}
span.onelang .langnames {display:block;font-size:9px;}
div.inplaceedit4 span.onelang {border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;max-height: 26px;/*min-width:100%;max-height:16px;*/}
div.inplaceedit4 span.onelang:has(textarea:focus) {min-width: 100%;position: absolute;top: 0;left: 0;z-index: 1000;bottom: 0;height: 100%;min-height: 100%;max-height: 100%;background-color: #FFF;}
div.inplaceedit4 span.onelang textarea:focus {min-width: 100%;height: 100%;min-height: 100%;max-height: 100%;padding-top:16px !important;}
div.inplaceedit4 span.onelang .langname {position:absolute;left:0px;top:3px;width:8px;}
.news21_lines_maxsize td div.inplaceedit4 span.inputspan span.langs {padding-top:0px !important;}
.news21_lines_maxsize td > div:has( .inplaceedit4) {padding:0 !mportant;}

.inputspantextarea span.onelang textarea:focus {position: absolute;left: -2px;right: -2px;z-index: 10;top: 20px;bottom: 0;}

span.onelang.onelang_exists .langname,span.langname.onelang_exists {background-color:#CDC !important;}
span.onelang.onelang_empty .langname,span.langname.onelang_empty {background-color:#D99 !important;}
span.langname.onelang_translating {background-color:#44A !important;color:#DDF !important;font-weight:bold;box-shadow:0px 0px 2px 2px #44A;position:relative;z-index:2;}
span.langname.onelang_translated {font-weight:bold;}
div.inplaceedit4 span.onelang .inputspan {left:18px;width: calc(100% - 18px);}
div.inplaceedit4 span.onelang .inputspan textarea {font-size:11px;max-height:24px;}
div.inplaceedit4 span.onelang .toolszone {left:auto !important;right:0px !important;}

.toolszone:not(:hover) .tools_onlyhover {display:none !important;}

span.onelang span.langname,span.langnames span.langname {position:relative;left:auto !important; right:0;margin-left:-1px;font-size:60%;font-weight:normal;color:#aaa;z-index:9;left:1px;color:#fff;background-color:#e0e0e0;padding:1px 4px;border-radius:2px 2px 2px 0px;}
span.onelang .toolszone {position:absolute;margin-top: -5px;white-space:nowrap;left:16px;}
span.onelang_langlist .toolszone {left:auto !important;top:-1px !important;right:0px;}
span.onelang .toolszone .tool_container {/*width:36px;*/}
span.onelang span.langtext {display:inline-block;padding:2px 0px 0px 2px;}
span.onelang span.inputspan {position:initial;width:99%;border-width:0px 0px 0px 1px;border-radius:0;}
span.onelang span.inputspan input {position:relative;}
span.onelang span.inputspan textarea {padding: 0px;}
span.onelang p {padding:0;margin:0;}

div.langlinks {display:inline-block;}
div.langlinks a.langlink {display:inline-block;width:22px;height:15px;box-sizing: border-box;border:1px solid #00000044;margin:0px 2px;padding:0px;border-radius:2px;opacity:0.7;position: relative;overflow: hidden;}
div.langlinks a.langlink img {width:20px;height:13px;margin:0px;padding:0px;position: absolute;left: 0;top:0;}
div.langlinks a.langlink.here {opacity:1;border:1px solid #00000088;}
div.langlinks a.langlink:hover {opacity:1;}

@keyframes inputborder { 0% { border-bottom:1px solid #fff; } 100% { border-bottom:1px solid #800; } }

span.inputspan .toolszone, span.inputspan .toolszone_inline, .newscontainer .toolszone_inline {display:none;position:absolute;right:0;top:0;z-index: 100001}
.toolszone_inplace {display:block;width:20px;float:left;position:relative !important;}

span.inputspan:hover .toolszone,span.inputspan:hover .toolszone_inline, .newscontainer:hover .toolszone_inline {display:block;}
span.inputspannoborder .toolszone, span.inputspannoborder .toolszone_inline {display:block !important;}

input, textarea {position:relative;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,span.selectspan span.placeholder { 
        /*position:absolute;top:0px;left:5px;color:#ccc;opacity:0.5;font-size:80%;z-index:1;pointer-events: none;*/
    }
span.selectspan:hover select {z-index:2;}

.contactchoice span.selectspan {border:0 !important;}

.sliderspan {position:relative;height:46px;width:350px;max-width:100%;font-size:90%;background:none;color:#333;min-height: 46px;box-sizing: border-box;}
.sliderspan_100 {width:100%;}
.sliderspan_150 {width:150px;}
.sliderspan .sliderlegend {display:none;}
.sliderspan .placeholder {position:absolute;top:4px;z-index:99;pointer-events: none;width:80px;height:18px;line-height:10px;}
.sliderspan .slidervalue {position:absolute;bottom: 3px;z-index:99;pointer-events: none;width:80px;height:8px;line-height:8px;vertical-align:bottom;display:block;}
.sliderspan .slidervalue1 {left:14px;text-align:left;}
.sliderspan .slidervalue2 {right:14px;text-align:right;}
.sliderspan .slidervalue2::before {/*content:" ";display:inline-block;position:absolute;left:-16px;top:5px;height:1px;width:12px;border-top:1px dashed #000;*/}
.sliderspan input[type=range] {position:absolute;top:17px;left:4px;right:4px;
	pointer-events: none;overflow: hidden;outline: none;
    height: 12px;margin: 0;padding: 0;background-color: #888;border-radius:20px;border:1px solid #aaa;
    }
.sliderspan input[type=range]::-webkit-slider-thumb {
	pointer-events: all;position: relative;z-index: 1;outline: 0;border-radius:0px;
      width: 10px;-webkit-appearance: none;height: 20px;cursor: ew-resize;
      background: #222;box-shadow: 400px 0 0 400px #CCC;
}
.sliderspan input[type=range]:first-of-type::-webkit-slider-thumb {
	/*border-radius:9px 0px 0px 9px;*/ box-shadow: -800px 0 0 800px #CCC;}
.sliderspan input[type=range]::-moz-range-thumb {pointer-events: all;position: relative;z-index: 10;-moz-appearance: none;width: 9px;}
.sliderspan input[type=range]::-moz-range-track {position: relative;z-index: -1;background-color: rgba(0, 0, 0, 1);border: 0;}
.sliderspan input[type=range]:last-of-type::-moz-range-track {-webkit-appearance: none;-moz-appearance: none;background: none transparent;border: 0;}
.sliderspan input[type=range]::-moz-focus-outer {border: 0;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {-webkit-appearance: none;background-color: none;} 
    input[type='range']::-webkit-slider-runnable-track {height: 20px;-webkit-appearance: none;margin-top: -1px;}


}
input[type="range"]::-moz-range-progress { background-color: #000; }
input[type="range"]::-moz-range-track {   background-color: none;}
input[type="range"]::-ms-fill-lower { background-color: #000; }
input[type="range"]::-ms-fill-upper {   background-color: none;}


.old_button { font-family: Verdana, Arial, Helvetica, sans-serif;font-style: normal;
 border: 1px outset #f0f0f0;padding:2px 4px;background-color:#CDC9B6; color:black;text-decoration: none;
 text-align: center;display:inline-block;cursor:hand;margin:1px;
 border-radius:0px;
 }

.inputspansubmit input[type=submit], .inputspansubmit input[type=submit].submit_act, .inputsspansubmit_act, a.button_act {text-decoration:none;display:inline-block;position:relative;margin:4px;padding:3px 24px !important;font-size:100%;;background-color:#DDD0D0 !important;color:#222 !important;border-radius:4px;border-width:2px;border-color:#CCC0C0;border-style:solid;}
.inputspanbutton input[type=button], a.button, a.button_next, a.button_cancel, input[type=submit] {text-decoration:none;display:inline-block;position:relative;margin:5px;padding:3px 24px /*!important*/;font-size:87%;;background-color:#D0D0D0;color:#222;border-radius:4px;border-width:1px;border-color:#C0C0C0;border-style:solid;}
a.button {max-width: 100%;white-space: normal;}
span.button {text-decoration:none;display:inline-block;position:relative;min-height:auto !important;margin:5px;padding:3px 24px /*!important*/;font-size:87%;;background-color:#D0D0D0 !important;color:#222;border-radius:4px;border-width:1px;border-color:#C0C0C0;border-style:solid;}
span.button > span.placeholder {position: relative !important;float: left;width: auto;}
.inputspanbutton input[type=button] {padding:3px 24px !important;}
.inputspansubmit input[type=submit]:hover, div.cardbottom .inputspansubmit input[type=submit]:hover, .inputspanbutton input[type=button]:hover, .inputsspansubmit_act:hover, a.button_act:hover, .inputsspansubmit:hover, a.button:hover, a.button_next:hover, a.button_cancel:hover {border-color:#888;background-color:#FFF;text-decoration:none;box-shadow: rgba(235,230,230,0.5) 0px 0px 5px 5px;}
.inputspancancel::before, a.button_cancel::before {content:'\25A0' !important;color: #444 !important;display:block;position:absolute;left:17px;top:8px;z-index:9;}
.inputspanlist::before, a.button_list::before {content:'\27A1';display:block;position:absolute;left:17px;top:8px;z-index:9;}
.inputspansubmit::before, .inputsspansubmit_act::before, a.button_act::before {content:'\25CF';color:#A88;display:block;position:absolute;left:17px;top:8px;z-index:9;}
a.button_list::before, a.button_act::before {left:12px;top:0px;}
.inputspansubmit:hover::before, .inputsspansubmit_act:hover::before, a.button_act:hover::before {color:darkred;}
.inputspansubmit_play input[type=submit] {background-color:#D0DDD0;border-width:1px;border-color:#C0CCC0;padding:3px 10px 3px 30px !important;}
.inputspansubmit_play::before, .inputspannext::before, a.button_next::before,.inputspanplay::before, a.button_play::before, .inputspanbuttonplay::before {content:'\25B6';color:#8A8;/*play*/display:block;position:absolute;left:17px;top:8px;z-index:9;}
.inputspansubmit_play:hover::before, .inputspansubmit_count:hover::before, .inputsspannext:hover::before, a.button_next:hover::before,.inputsspanplay:hover::before, a.button_play:hover::before, .inputspanbuttonplay:hover::before {color:#080;}
.inputsspannormal input[type=submit] {background-color:#D0D0D0;border-width:1px;border-color:#C0C0C0;}
.inputsspannormal::before {content:' ';}
.inputspansubmit_count::before {content:'\2211' !important;top:7px;}

.button_red {background-color:#F88;}
.button_green {background-color:#8F8;}

.percent_pie {display:inline-flex;height:18px;white-space:nowrap;align-items: center;}
.percent_pie .pie {width:16px;height:16px;display:inline-block; border-radius: 50%;margin-right:4px;border:1px solid #ddd;}

.undertabs {margin-top:-2px;padding-left: 10px;}
.undertab {display: inline-block;margin: -1px 2px 1px 0px;color: #333;padding: 1px 4px;border-width: 0px 1px 1px 1px;border-style:solid; border-color: #ddd;border-radius: 0px 0px 4px 4px;}

ul.datalist {display: flex !important;flex-wrap: wrap;padding: 0;margin: 0;}
ul.datalist li {flex: 1;min-width: 60px;max-width: 100%;max-height: 18px;overflow: hidden;list-style:none;margin: 2px; border: 1px solid #fff;border-radius: 4px;background-color: #eee;color: #333;font-size:75%;;white-space: nowrap;}
ul.datalist li.lines {max-height: 32px;}
ul.datalist li.open {flex: 100;min-width: 100%;max-width: 100%;max-height: 150px;white-space: normal;}
ul.datalist li.title {border-width: 0px;background: none !important;text-align: right;}
ul.datalist li.button {text-align: center;}

div.centered {min-height: 100vh;min-width: 100%;text-align: center;align-items: center;justify-content: center;align-content: center;}
div.centered td {text-align: center;}
.block {display:block;}
.smallbutton { font-size: 90%; font-style: normal; border: 1px solid #DDD;border-radius:2px;padding:1px 2px;background-color:#EEE; color:black;text-decoration: none; text-align: center;display:inline;cursor: hand;margin:0px;}
.mediumbutton { font-size: 100%; display: block !important; width: auto !important;min-width: auto !important;font-style: normal; border: 1px solid #DDD !important;border-radius:4px !important;padding:2px 12px !important;background-color:#EEE !important; text-decoration: none; text-align: center;cursor: hand;margin:2px;}
.mediumbutton1c { font-size: 100%; display: block !important; width: auto !important;min-width: 40px !important;max-width: 40px !important;font-style: normal; border: 1px solid #DDD !important;border-radius:4px !important;padding:2px 12px !important;background-color:#EEE !important; text-decoration: none; text-align: center;cursor: hand;margin:2px;}
.bigbutton {font-size:130%;font-weight:bold;}
.centeredbutton {min-width: 50%;margin: 30px 25% !important;}
.old_buttonhover,.old_button:hover { border: 1px inset #f0f0f0;/*padding:0px 16px 0px 16px;*/background-color:#CDC9B6; color:black;text-decoration: none; /*text-align: center;display:inline-block;*/cursor: hand;/*margin:1px;*/}
th { font-size: 100%; font-weight:bold;text-align:left;}
.search { font-size: 90%; font-style: normal;}
.texte { font-size: 90%; font-style: normal; color: #000000; text-decoration: none}

div.menu 	{
	text-decoration: none;
	font-weight: bold;
	display:block;
	float:left;
	cursor:hand;
	padding-right:4px;
	cursor:pointer;
}
div.menu_between { display:block;float:left;width:4px; }

.docid {font-family:Courier New,Courier,Fixed;font-size:60%;padding:3px;border:1px solid #666;border-radius:2px;background-color:#444;color:#ccc;}
.chatOLD {  font-size: 10pt; color:#333; text-decoration: none; background-color: #ffc; border: 1px solid; filter: Alpha(Opacity=90%); border-color: #E8E8F0}
input.biginput { font-size: 130%; font-weight: bold; }
.contactname .online  {  border-bottom: #666666 1px dashed; }
.infobulle { background-color: rgba(240,240,230,0.9); font-size: 80%; border: #e0e0d0 1px solid;border-radius:2px;padding:2px 8px 2px 8px; position: fixed !important;z-index:100001 !important; top: 5px;/*right: 50px !important; left:auto !important;*/}
.dek2 { background-color: #ddd; font-size: 80%; border: #eee 1px solid;width:300px;overflow:visible;padding:4px; }
.infobulle2 { background-color: #f0f0f0; font-size: 80%; border: #e0e0a0 1px solid;padding:2px 8px 2px 8px; width:250px;z-index:999998;vertical-align:bottom;padding-top:230px;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}
.infobulle2in { z-index:999999;padding:4px; margin-bottom:20px;position:absolute;overflow:visible;width:250px;height:250px; }
#popupmenudiv,#subpopupmenudiv,#subpopupmenudiv2,#subpopupmenudiv3,#subpopupmenudiv4,#subpopupmenudiv5
	{ z-index:9999; font-size: 100%; maxHeight:400px;max-height:400px;maxWidth:400px;max-width:400px;overflow-x:hidden;overflow-y:auto;	border:1px solid #AAA; border-radius:4px;background-color:rgba(245,245,245,0.97);padding:4px;
	-moz-box-shadow: 3px 3px 5px #aaa;
    -webkit-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
	}
	.popupmenu2 .close {display: none;min-width:30px;}
	.popupmenu2 .close .popupmenuhassub {display: none;}
#subpopupmenudiv,#subpopupmenudiv2,#subpopupmenudiv3,#subpopupmenudiv4,#subpopupmenudiv5 {margin-top:15px;}
#popupmenudiv.iframein {margin-top: -5px;min-width: 320px;min-height: 300px;width: 600px;height: 600px;max-width: 100vw;max-height: 90vh;}
#popupmenudiv iframe {border: 4px solid #ccc;width: 100%;height: 600px;min-width: 320px;min-height: 300px;max-width: 100vw;max-height: 90vh;;position: relative;z-index: 9999;margin: -4px;}
@media screen and (max-height: 50px) {
#popupmenudiv {left: 0 !important;right: 0 !important;width: 100% !important;position: fixed !important;max-width: 100% !important;}
#popupmenudiv div {display:flex;}
#popupmenudiv div div[title=----] {display:none;}

}


#ajax { position: fixed;z-index:99999;background-color: #f8f8f8; text-align:left; border: #888 1px solid; overflow-x:hidden;overflow-y:auto;border-radius: 4px;left: 10%;top: 10%;width: 80%;height: 80%;justify-content: center;align-content: center;/*display: flex;*/}
#ajaxcloser {position: absolute;top: -16px;height: 16px;background-color: #ccc;text-align: right;width: 100%;padding: 2px 8px;box-sizing: border-box;}
.ajax_goback {background-color:#ccc;height:12px;text-align:left;width:100%;}
.popupmenu2 { background-color: #d0d0d0; border-top: #888 1px solid;}
.popupmenu2:hover { background-color: #fff; color:#222;}
.popupmenu2 a { line-height:20px; color:#444;}
.popupmenu2 a .floatright { position: absolute; right:6px; z-index:3;}

.popupmenu2 a:hover { color:#222; text-decoration:none;}
.subopenmenu a { line-height:20px; color:#444;}
.subopenmenu:hover a { line-height:20px; color:#444;}
.subopenmenu a:hover { color:#222; text-decoration:none;}
.popupmenu2line { height:20px; background-color: #d0d0d0; color:#444;width:100%;position:relative;}
.popupmenu2line:hover { background-color: #fff; color:#222;}
.popupmenuover {/*border:1px solid #FFF;background-color:#888;color:#fff;*/}
.subpopupmenu { height:20px; line-height:20px;overflow:hidden;white-space:nowrap; font-size: 13px; padding:4px 0px 4px 22px;margin:0px; /*border-bottom:1px solid #ddd !important;*/position:relative;}
.subpopupmenu_section {border-top:1px solid #eee !important;}
.subpopupmenu::before { position:absolute;left:6px;top:3px;opacity:0.6;font-size:15px;}
.subpopupmenu:hover::before { opacity:0.99;}
.subpopupmenu > span { display: block;min-height:24px;margin-right:15px;}
#search.subpopupmenu { height:32px;font-size: 100%; padding:0px;margin:-3px -3px 0px -3px; background-color:#eee;}
#search.subpopupmenu input { height:28px;margin:-3px 0px;padding:0px; font-size:100% !important;}
#search.subpopupmenu input[type=text] { width:100%; background-color:#eee;border-color:#eee;}
#search.subpopupmenu input[type=submit] { display:none;width:15%; }
.subopenmenu { height:20px; overflow:visible;white-space:nowrap; font-size: 80%; padding:1px 15px 1px 15px;position:relative; }
.subopenmenu:hover { overflow:visible; font-size: 80%; padding:1px 15px 1px 15px;border:none !important;}
.subpopupmenu:hover {  /*overflow:visible;*/white-space:nowrap; background-color: #88888822;/*padding:1px 15px 1px 15px;*/ border-radius:2px; }
.popupmenutitle { /*height:40px;overflow:hidden;*/ height:auto; background-color: #888 !important; color:#fff; font-size:80%; margin: -4px -4px 0px -4px;
padding: 4px;}
.popupmenutitle a { color:#eee; }
.popupmenutitle a:hover { color:#fff; }
.subpopupmenu.selected {font-weight:bold;background-color:#f8f8f8;}
.subpopupmenu.selected a {color:darkgreen;}
.subpopupmenu.selected::before {content:'\2713';color:green;}
.subpopupmenu:has( .subpopupmenu.selected) {text-decoration:underline;}
.subpopupmenu:has( .subpopupmenu.selected)::before {content:'\2713';font-size:70%;}

.popupmenu2 .lefticon {position: absolute;left: 0;width: 36px;overflow: hidden;font-size: 70%;justify-content: start;display: inline-flex;height: 16px;align-items: end;line-height: 8px;white-space: normal;}
.popupmenu2 a:has(.lefticon) {margin-left:16px;}

.popupmenuhassub::after {display:block;position:absolute;right:10px;color:#bbb;content:'\231D';transform:rotate(45deg);font-size: 18px;}

.submenu_found.popupmenuhassub {border-width: 0px !important;}

.submenu_notfound {margin: 0 !important;padding: 0 !important;border-width:  0 !important;}
.submenu_alwaysvisible {visibility: visible !important;height: 35px !important;}
#popupmenudiv .enter_to_valid::after {display: block;position: absolute;right: 0;top: 35%;content: '\21B5';padding: 0px 8px;border: 1px solid #bbb;background-color: #ccc;border-radius: 2px;height: 12px;line-height: 12px;} 

.infobullea { background-color: #c0f0c0;font-size: 80%; border: #a0e0a0 1px solid;padding:2px 8px 2px 8px; }
div.path {padding:10px 0px;/*width:100%;*/}
span.path {font-size:10px;text-decoration: none;display:inline-flex;flex-wrap:nowrap;/*width:100%;*/align-items:center;/*height:12px;*/}
span.path .delimiter {margin:2px;font-size:60%;}
span.path > a {position:relative;text-decoration: none;white-space:nowrap;margin:2px 3px;padding:0px 4px;border-radius:0px;background-color:#eee;overflow:visible !important;  }
span.path > a span {overflow:hidden;display:inline-block;/*width:100%;*/white-space:nowrap;}
span.path > a::after {content:' ';display:inline-block;width: 10px;height: 100%;position: absolute;background-color: inherit;clip-path: polygon(30% 0%, 100% 50%, 30% 100%, 0% 100%, 0% 50%, 0% 0%);right: -10px;}
span.path br::before {display:inline-block;content:' ';}
span.path br {display:none;}
span.path > a {background-blend-mode:multiply;  }

a {text-decoration: none;}
a:hover {text-decoration: underline;}

@media screen and (max-width: 760px) {
span.path .delimiter {/*display:none;*/}
span.path a {display:inline-block;/*height:15px;*/overflow:hidden;}
}

.contactchoice {position:relative;display:inline-block;border:1px solid #e0e0e0;background-color:#ffffff;margin:1px 5px;max-height:100px;overflow-y:visible;min-height: 49px;box-sizing: border-box;}
.contactchoice a {color:#000 !important;}
.contactchoice .toolszone_inline {position:absolute;top:0;right:10px;z-index:2;display:none;}
.contactchoice:hover .toolszone_inline {display:block;visibility: visible;}
.contactchoice .selectspan {min-width:150px;min-height:45px;height:45px;}
.contactchoice_multiple {width:100% !important;}
.contactchoice_multiple .selectspan {width:90% !important;}
.contactchoice_multiple .selectspan .owselect,.contactchoice_multiple .selectspan .contactchoice_owselectselect {width:100% !important;}

div.owselect, span.owselect { /*background-color:#fff;*/display:inline-block;/*padding:2px;*/}
.owselectmultiple {display:flex;}
.owselectmultiple .owselect_item, .selectspanmultiple .selectitem, datalist .selectitem {flex:1;white-space:nowrap;position:relative;display:inline-block;border:1px solid #eee;border-radius:3px;padding:2px 10px 2px 4px/*0px 2px*/;margin:-2px 6px 6px 2px;background-color:#f8f8f8;min-width:10px;max-width: 90%;line-height: 12px;height: 12px;text-overflow: clip;align-self: flex-start;transition-property: all;transition-duration:0.3s;}
.owselectmultiple .owselect_item, .selectspanmultiple .selectitem.selectall {max-width:100% !important;}
.selectspanmultiple .selectitem.selectall {max-width:100% !important;color:#ddd;background-color:#555;}
.owselectmultiple .owselect_item .text, .selectspanmultiple .selectitem .text, datalist .selectitem .text {display:inline-block;max-width: 100%;overflow:hidden;}
.owselectmultiple .owselect_item:hover, .selectspanmultiple .selectitem:hover {flex:3;opacity:1;}
.selectspanmultiple .selectitem span.itemtext, datalist .selectitem span.itemtext {display: inline-block;max-width: 100%;overflow: hidden;font-size:80%;height:14px;}
.owselectmultiple .owselect_item .owselect_deleteitem, .selectspanmultiple .selectitem .deleteitem, .owselectmultiple .owselect_item .owselect_additem, .selectspanmultiple .selectitem .additem, datalist .selectitem .additem  {display:none;}
.owselectmultiple .owselect_item:hover span.itemtext, .selectspanmultiple .selectitem:hover span.itemtext  {z-index: 2;position: absolute;background-color: inherit; border: inherit;border-radius: inherit;padding-top:inherit;padding-left:inherit;padding-right:inherit;left: -1px;top: -1px;height: 100%;min-width:100%; max-width: 1000%;}
.owselectmultiple .owselect_item:hover .owselect_deleteitem, .selectspanmultiple .selectitem:hover .deleteitem  {display:block;position:absolute;z-index:3;width:16px;height:16px;text-align:center;line-height:16px;right:-8px;top:-6px;border:1px solid #800;color:#800;background-color:rgba(255,0,0,0.8);border-radius:100px;}
.owselectmultiple .owselect_item:hover .owselect_additem, .selectspanmultiple .selectitem:hover .additem, datalist .selectitem:hover .additem  {display:block;position:absolute;z-index:3;width:16px;height:16px;text-align:center;line-height:16px;right:-8px;top:-6px;border:1px solid #800;color:#800;background-color:rgba(0,255,0,0.8);border-radius:100px;}
.selectspanmultiple .selectitem .deleteitem  {top:-13px;}
.selectspanmultiple.noplaceholder .selectitem .deleteitem {top:0px;}
.selectspanmultiple:not(.keepselect) h6 {display:none;}
.selectspanmultiple:not(.keepselect):hover h6 {display:block;min-width:100%;padding: 2px 7px;}
.selectspanmultiple:not(.keepselect) .unselecteditem,.selectspanmultiple:not(.keepselect) .emptyselection {min-width:0px;max-width:0px;width:0px;display:none;}
.selectspanmultiple:not(.keepselect):hover .selectitem {display:block !important;}
.selectspanmultiple:not(.keepselect):hover .selecteditem {opacity:1;border-color:#000;}
.selectspanmultiple:not(.keepselect):hover .unselecteditem {opacity:0.3;}
.selectspanmultiple:not(.keepselect) select {/*display:none; only in 3.css*/}
.selectspanmultiple:not(.keepselect):hover .selectpreview {/*min-width:300px;*/z-index:1;flex-wrap:wrap;/*position:absolute;*/background-color:#fff;border-width:0px 1px 1px 1px;border-style:solid;border-color:#ccc;padding-left:4px;padding-right:8px;padding-bottom:4px;}
.selectspanmultiple:not(.keepselect) .owselectmultiple .owselect_item, .selectspanmultiple:not(.keepselect) .selectitem {}
.selectspanmultiple:not(.keepselect):hover .owselectmultiple .owselect_item, .selectspanmultiple:not(.keepselect):hover .selectitem {min-width:150px;max-width:250px;}
.selectspanmultiple:not(.keepselect) .owselectmultiple .owselect_item:hover, .selectspanmultiple:not(.keepselect) .selectitem:hover {flex:1;opacity:1;}

.selectspanmultiple.showselect {min-width:150px !important;max-width:100% !important;}
.selectspanmultiple.showselect:not(:hover) .emptyselection {min-width:30px;max-width:30px;width:30px;display:inline-block;opacity:0.2;}

span.selectpreview:not(:hover) input.filter {display:none;}
.selectspanmultiple:not(.keepselect):hover span.selectpreview span.selectitem.filtered:not(.selecteditem) {opacity:0.1 !important;max-width: 0px !important;min-width: 0px !important;margin: 0;padding: 0;border: 0;}
.selectspanmultiple:not(.keepselect):hover span.selectpreview:has( .filtered) span.selectitem:not(.filtered):not(.selecteditem) {opacity:1 !important;border-color:#8F8 !important;}


div.owselectopen {margin-top:1px;display:block;width:100%;border-width:1px; border-style:inset;border-color:#aaa;
padding:1px;
 font-size: 90%; font-style: normal; background-color:#fff;color:#ccc;
}
div.owselectopen .subopenmenu#search {background-color:#888;color:#ccc;}
a.owselectopen {background-color:#444;color:#fff;font-size: 12pt; border-width:0px;border-color:#444;}
div.owselectopenc {display:block;width:100%;background-color:#fff;color:#333;}
a.owselect {text-decoration:none !important;color:#000 !important;display:inline-flex;border-width:0px; border-style:solid;border-color:#e0e0e0;
/*padding:1px 20px 1px 4px; margin:0px 2px;*/
/*padding: 15px 20px 5px 4px;margin: -15px 0px -5px 2px;*/
width:100%;margin-top:-14px;padding-top:18px;padding-bottom:10px;
 /*font-size: 90%;*/ font-style: normal; /*background-color:#fff;*/color:#000;
position:relative;}

.selectspan:hover {overflow:visible;/*padding:0px;*/z-index:10001 !important;/*min-width:300px !important;*/}
.selectspan:hover .placeholder {z-index:1000 !important;}
.selectspan:hover span.owselect {/*padding:0;*/min-width:100%;min-height:100%;}
.selectspan:hover a.owselect.owselectmultiple {flex-wrap:wrap;z-index:1000;width:auto;min-width:100%;min-height:100%;margin-top: 0px;background-color:#fff;border:1px solid #ccc;/*background-color:#fff;/*min-width:300px;*/}
.selectspan:hover a.owselect .text {/*background-color:#fff;/*min-width:300px;*/}
.selectspan:hover a.owselect.owselectmultiple .owselect_item {flex:none;}

span.contactchoice_owselect,span.owselect {text-decoration:none;color:#000;border-width:0px; border-style:solid;border-color:#e0e0e0;
/*padding:1px 20px 1px 4px; margin:0px 2px;*/
padding: 15px 20px 5px 8px;margin: 0px 0px -5px 2px;
 font-size: 90%; font-style: normal; /*background-color:#fff;*/color:#000;
display:inline-flex;flex-wrap: wrap;margin-right: 10px;position:relative;height: 25px;transition-property: height;transition-duration:0.3s;/*white-space: nowrap;*/}
span.contactchoice_owselect:hover,span.owselect.owselectmultiple:hover {height: auto;max-height: 100px;overflow-y: auto;}
span.noplaceholder > span.owselect {padding-top: 4px;}
span.contactchoice_owselect > span.owselect {padding:0;margin:0;}
/*a.owselect::before {position:absolute;right:0px;content:'\2B0D'; opacity:0.4; padding-right:2px;} */
span.placeholder {opacity:0.4;}
span.contactchoice_already {/*width: 100%;*/display: flex;flex-wrap: wrap;margin-right: 10px;flex:1;}
span.contactchoice_already .group_classer {flex:1;}
span.openmenu_as_contactinfo {flex: 1;max-width: 60px;margin: -15px 0px 0px -20px;}

span.contactchoice_owselect .contactinfoname {/*max-width: 150px;*/transition-property: max-width,margin-left;transition-duration:0.3s;}
span.contactchoice_owselect:hover .contactinfoname {flex:10;/*max-width: 350px;*/margin-left: 16px;}
span.contactchoice_owselect .contactinfo {transition-property: all;transition-duration:0.3s;}
span.contactchoice_owselect .contactinfo:hover {flex: 5;max-width: 550px;}
span.contactchoice_owselect .contactinfo:hover .compl {max-width: 50%;margin-left: 8px;}


.deletableitem {position:relative;display:inline-block;}
.deleteitem {display:none;}
.deletableitem:hover .deleteitem {display:block;position:absolute;width:16px;height:16px;text-align:center;line-height:16px;right:-4px;top:-4px;border:1px solid #800;color:#800;background-color:rgba(255,0,0,0.9);border-radius:100px;}

.edithtml_inplace {border: none; left: 1px; top: 0px; height: 100%; width: 100%; position: absolute;z-index:100;}
.inputspan.hasplaceholder .edithtml_inplace {top: 15px; }

.langadd_onglets {position:absolute;top:0px;right:5px;height:24px;font-size:55%;;line-height:10px;}
.langadd_onglets .menuonglets {font-size:55%;;height:12px;margin-top:10px;}
.lang_onglets .menuonglets,.langadd_onglets .menuonglets {background-color:#ccc;}
.lang_onglets .menuongletshere {background-color:#fff !important;}
.lang_onglets {background-color:#eee;}
.langs_info {float:right;}

.edithtml_toolbar {text-align:center;position: relative;}
.tblCoolbardiv {height:32px;overflow: hidden;white-space: nowrap;background-color: #eeeeee;}

.usemodel,.usemodel:hover {color:#888;border:0;height:19px;top:0px;padding: 0 !important;display: inline-block;overflow: hidden !important;}
.tblCoolbar	{
	/*background-color:threedface;*/ padding:1px; color:menutext;	/*border-width:1px; border-style:solid;	border-color:threedhighlight threedshadow threedshadow threedhighlight;*/
	width:auto;/*min-width:385px;*/display:inline-block;/*float:left;*/
}
.tblCoolbar table td .toolszone_inline {display:none;}
.tblCoolbar table td:hover .toolszone_inline {display:inline-block;position:absolute;}

.tblCoolbar { background:inherit;min-height:24px !important;height:24px !important;position:relative;}
.tblCoolbar table { background:inherit;/*position:absolute;top:0;*/}
.tblCoolbar table td { position:relative;vertical-align:top;width:auto;white-space: nowrap;height:40px;background:inherit;}
/*.tblCoolbar table td div.cbtn:first-of-type { display:block;}*/
.tblCoolbar table td div.cbtn { width:24px;height:30px;overflow:hidden;background:inherit;opacity:0.9;display:inline-block;position:relative;float:none;width:auto;border: 1px solid rgba(255,255,255,0);}
.tblCoolbar table td div.cbtn:hover { opacity:1;background-color: #ccc;border-color: #ddd;}

.tblCoolbar select {border:none;outline: none;background-color:rgba(255,255,255,0);	-webkit-appearance: none;  -moz-appearance: none; appearance: none;}
.tblCoolbar label {color:#999;font-size:70%;}
.tblCoolbar a.button {margin-top:0px;}
.cbtn	{	height:18px; float:left; opacity:0.5;	/*BORDER-LEFT: threedface 1px solid;	BORDER-RIGHT: threedface 1px solid;	BORDER-TOP: threedface 1px solid;	BORDER-BOTTOM: threedface 1px solid;*/	}
.cbtn:hover {opacity:1;}
.onlyprint {display: none;}
.editlang {border:1px dotted #886;}
.editlang2 {border:1px dotted #886;font-size:3px;}
.cbtn .cbtn {position: absolute !important;right: 0px;top: 2px;background-color: #fff !important;}
.tblCoolbar .msr {display:inline-block;color:#888;line-height:20px;min-width:20px;text-align:center;}
.cbtn .msr ,.cbtn .text {display:inline-block;color:#222;line-height:26px;min-width:26px;text-align:center;}
.cbtn .text {font-size:68%;;}
.cbtn input[type=color] {width:20px;height:30px;}
.cbtn .colorpalette {max-width:32px;height:24px;overflow:hidden;display:inline-block;}
.cbtn .colorpalette .color {display: block; float:left;width:8px;height:8px;}
.cbtn:hover .colorpalette {max-width:auto;}
.flags2minichooser {
  width: 100%;
display: flex !important;
align-content: center;
justify-content: start;
flex-wrap: wrap;
font-size: 8px;
color: #444;
  /*width:55px;display: inline-flex !important;align-content: center;height: 24px;justify-content: start;flex-wrap: wrap;*/}
.flags2minichooser .cbtn {width:16px !important;height:10px !important;min-width: 16px;color: #444;}
.flags2minichooser .cbtn img {width:16px;height:10px;float:left;}
.cbtn .placeholder {color:#444}
.tblCoolbardivOver {z-index:1001;position:absolute;width:1px;height:1px;overflow:hidden;} 
.tblCoolbardivOverVisible {left:0%;width:100% !important;top:0;height:32px !important;overflow:hidden;}
.tblCoolbar .selectspan,.tblCoolbar .selectspan .owselect {border:none; background:none;max-width:20px;padding:0;}

@media screen and (max-width: 1000px) {
.coolBar1Over-1000 {width:38px !important;}
.coolBar1Over-1000 > div {display: inline-block;width:38px !important;overflow:hidden;transition-property: width;transition-duration:0.3s;position: absolute;}
.coolBar1Over-1000:hover > div {width:auto !important;overflow:visible;background-color: #ddd;border:1px solid #ccc;z-index: 999;}
}
@media screen and (max-width: 800px) {
.coolBar1Over-800 {width:38px !important;}
.coolBar1Over-800 > div {display: inline-block;width:38px !important;overflow:hidden;transition-property: width;transition-duration:0.3s;position: absolute;}
.coolBar1Over-800:hover > div {width:auto !important;overflow:visible;background-color: #ddd;border:1px solid #ccc;z-index: 999;}
}
@media screen and (max-width: 600px) {
.coolBar1Over-600 {display: inline-block;width:38px !important;overflow:hidden;transition-property: width;transition-duration:0.3s;position: relative;}
.coolBar1Over-600:hover {width:auto !important;overflow:visible;}
}
.insertpreview {height:120px;display:flex;}
.insertpreview > div {flex:1;}
.insertpreview #insertclean h1,.insertpreview #insertclean h2,.insertpreview #insertclean h3,.insertpreview #insertclean h4,.insertpreview #insertclean h5,.insertpreview #insertclean h6,.insertpreview #insertclean p {padding:0;margin:2px;border-bottom:1px dotted #ccc;}
.insertpreview .insertpreview_top {display:flex;width:100%;overflow:hidden;}
.insertpreview a.button {white-space:nowrap;}
.insertpreview code {height:32px;font-size:8px;line-height:8px;overflow-x:hidden;overflow-y:auto;color:#555;}
.insertpreview .preview {max-height:128px;overflow-x:hidden;overflow-y:auto;}

#snippeteditor {display:flex;font-size:11px;height: 48px;}
#snippeteditor #htmlpath {flex:1;text-align: right;padding: 0px 8px;border-right:1px solid #ddd;justify-content: right;align-content: center;display: flex;flex-wrap: wrap;}
#snippeteditor #htmlpath .loaded .tagname {font-weight:bold;}
#snippeteditor #htmlpath div {padding: 0px 3px;margin:0px 1px -1px 0px;border:1px solid #ddd;border-radius:3px;}
#snippeteditor textarea {flex:4;border:none; background-color:#f8f8f8;}
#snippeteditor input[type=button] {flex:1;width:30px;max-width:30px;}

.newstext_title { font-size:100%;; font-weight: bold; line-height: 13pt; list-style-type: square ; }

.monthagenda {background-color: #f8f8f8;}
.monthagenda_today {background-color: #d0d0d0;border-radius:6px;border:1px solid #fff;}
.monthagenda_used {font-weight:bold;text-decoration: underline;}
.monthagenda_past {font-style:italic;background-color: #f0f0f0;}
.monthagenda_nweek {background-color:#fff;color:#aaa;font-size:40%;font-style: italic;}

.agenda_date { font-size:56%;;  color: #000000;}
.agenda_hour { font-size:56%;; font-style: normal; color: #222; text-decoration: none}
.agenda_hourused {font-size:68%;;color:#000;}
div.agenda_addrv {width:100%;padding:2px;}
td.dayline div.agenda_addrv .tools,td.agenda_contents div.agenda_addrv .tools {display:none;}
td.dayline:hover div.agenda_addrv .tools,td.agenda_contents:hover div.agenda_addrv .tools {display:block;}
td.dayline:hover div.agenda_addrv {display:block;position: absolute;z-index:2;margin-top:-12px;margin-left:50px;}
td.agenda_contents:hover div.agenda_addrv {display:block;position: absolute;z-index:2;margin-top:-8px;margin-left:20px;}
a.agenda_addrv {display:block;color:#aaa;padding:2px;margin-right:4px;border:1px solid #ddd;position:absolute;margin-top:-6px;}
a.agenda_addrv:hover {color:#333;background-color:#eee;}

div.agenda_days.agenda_full_30 {display: flex;flex-wrap: wrap;}
.agenda_zeroday {display:none;}
div.agenda_days.agenda_full_30 .agenda_zeroday {display:block;max-width: 14%;min-width:120px;}
div.agenda_days.agenda_full_30 .agenda_oneday {max-width: 14%;min-width:120px;min-height:120px;}
div.agenda_days.agenda_full_30 .dayname {display: none;}
div.agenda_days.agenda_full_30 .daymonth_current {display: none;}
div.agenda_days.agenda_full_30 .dayline {height:30px;}
div.agenda_days.agenda_full_30 .agenda_nohour {position:absolute;margin-top:-30px;height:30px;min-height:30px;width:120px;overflow:auto;background-color:#ddd;}
div.agenda_days.agenda_full_30 .agenda_nohour:hover {width:auto;height:auto;z-index:101;}

td.agenda_hour { width:30px;}
div.agenda_comm {position: absolute;}
div.agenda_comm_details {writing-mode: tb;}

.agenda_hourcomm a {color:#FFF;}
.agenda_hourcomm { font-size:56%;; font-style: normal; background-color:#008000; color: #ffffff; text-decoration: none}
.agenda_hourcomm2 { background-color:#0040A0;}
.agenda_hourcomm3 { background-color:#008000; }
.agenda_hourcomm4 { background-color:#00A0C0;}
.agenda_hourcommind { background-color:#800000;}
.agenda_hourcommind2 { background-color:#800080;}
.agenda_hourcommind3 { background-color:#402000;}
.agenda_hourcommind4 { background-color:#A00050;}
.agenda_nohour { font-size:68%;; font-style: normal;position: relative;}
.agenda_contents { font-size:68%;; font-style: normal;background-color:#fff;position: relative;}
.agenda_contents_used { font-size:81%;;background-color:#f0f0f0;}
.agenda_contents .tools,.agenda_nohour .tools { display: none;}
.agenda_contents:hover .tools,.agenda_nohour:hover .tools { display: block;}
.agenda_mouseover { background-color: #f0f0f0; }
.agenda_day .dayline { font-size:75%;; font-style: normal; background-color:#B0BCD7; color: #ffffff; text-decoration: none}
.agenda_today .dayline { font-size:81%;; font-style: normal; background-color:#666699; color: #ffffff; text-decoration: none}
.agenda_day td.agenda_hour { background-color:#B0BCD7; }
.agenda_today td.agenda_hour {  background-color:#666699; }
.agenda_day .agenda_hour { color: #ffffff; text-decoration: none}
.agenda_today .agenda_hour {color: #ffffff; text-decoration: none}

.agenda_days:not(.agenda_compact) .agenda_contents, .agenda_days:not(.agenda_compact) .agenda_nohour {display:flex;height:24px;}
.agenda_days:not(.agenda_compact) .agenda_event {flex:1;height: 24px;position:relative;z-index:9;}
.agenda_days:not(.agenda_compact) .agenda_event .agenda_event_contents {display:block;position:absolute;max-height:24px;width:100%;overflow:hidden;line-height:12px;font-size:81%;;}
.agenda_days:not(.agenda_compact) .agenda_event:hover .agenda_event_contents {z-index:99;max-height: 100px;overflow: visible;}

.agenda_opentitle {clear:both;}

.account_name {text-decoration: none}
.newschapeau {  text-align: justify; color:#000000; text-decoration: none}

.newstext {transition-property: height;transition-duration:0.3s;position: relative;}
.newstext_preview {position: relative; max-height: 80px; overflow: hidden; display: block;background-color: #eee;border: 1px solid #ddd;transition-property: all;transition-duration:0.3s;}
.newstext_preview:hover {position: relative; max-height: 300px; overflow: hidden; display: block;background-color: #eee;border: 1px solid #ddd;}
.newstext_preview::before {content: '... \21B4';display:block;position:absolute;z-index: 3;bottom: 2px;/*border: 1px solid #bbb;background-color: #ccc;*/left: 30%;right: 40%;text-align: center;}
.newstext_preview::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;background:linear-gradient(rgba(255,255,255,40%) 0%,rgba(255,255,255,80%) 60%,#FFF 100%);}
.newstext_preview:hover::before {display: none;}
.newstext_preview:hover::after {display: none;}
.newstext_nomenu {padding:8px;display:block;}
.newsspecific {max-width:100%;}
.newsspecific_nomenu {padding:8px;display:block;}

.menulink {text-decoration: none;}
.submenulink {text-decoration: none;}

.contactsquare {width:13px;height:9px;border:1px solid #fff;overflow:hidden;display:inline-block;margin:0px;}
.contactsquare span {padding-left:1px;font-size:50%;;line-height:9px;width:100%;height:100%;}
/*ul.lidir {text-decoration: none;font-size:62%;;}*/
.lidir {/*font-size:55%;;*/text-decoration: none;/*line-height:12px;overflow:hidden;*/margin:0 0 0 14px;}

.menuhere {opacity: 1 !important;}
.menuhere .menu_between {opacity: 1 !important;min-height: 32px !important;margin-top: 0px !important;border-width: 0px 8px 0px 0px;width:0px;}
/*td.menu 	{  padding:1px 8px 1px 8px;spacing:1px 1px 1px 1px;border: #E9E6D8 solid; border-width: 0px 1px 0px 0px;}
//td.menuhere	{  color: #000000; padding:1px 8px 1px 8px;spacing:1px 1px 1px 1px;border: #E9E6D8 solid; border-width: 0px 1px 0px 0px;}
//a.menu 		{  font-size:68%;; text-decoration: none; font-weight: bold; text-transform: uppercase; }//color: #003366;}
//a.menuhere	{  font-size:68%;; text-decoration: none; font-weight: bold; text-transform: uppercase; }//color: #000000;}*/
.menu_end	{  }
/*.menubord	{  border: #E9E6D8 solid; border-width: 1px 0px 0px 1px}*/
.submenu 	{  font-size:62%;; text-decoration: none; font-weight: bold; text-transform: uppercase; color: #003366}
.submenudiv {position:absolute;width:200px;z-index:200;background-color:#f0f0f0;border:1px solid #888;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
-moz-border-bottom-colors:#686357 rgb(174, 165, 145);
-moz-border-left-colors:#A29A87 rgb(209, 198, 174);
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-border-right-colors:#8B8474 rgb(174, 165, 145);
-moz-border-top-colors:#A29A87 rgb(209, 198, 174);
border:2px solid;
padding:2px;
}

ul.greyblockschained {display:inline-flex;	margin:1px !important;padding:1px !important;position:relative;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;}
ul.greyblockschained li {max-width:120px;height:25px;display:inline-block;min-width:10px;position:relative;min-width:auto;white-space:nowrap;flex:1;list-style:none;padding:0px !important;margin:0px 0px 1px 12px !important;border:1px solid #bbb;background-color:#ccc;border-radius:4px;}
ul.greyblockschained li > span {position:relative;display:inline-block;max-width:100%;height:21px;overflow:hidden;padding:2px 0px 2px 0px;}
ul.greyblockschained li:hover > span {min-width:100%;max-width:400%;z-index:99;background-color:#ccc;overflow:visible;border:1px solid #bbb;background-color:#ccc;border-radius:4px;margin:-1px;}
ul.greyblockschained li::before {color:#bbb;position:absolute;left:-12px;content:'>';}
ul.greyblockschained li:first-of-type::before {content:'';}
ul.blockschained_overflow li {max-width:200px;overflow:visible;white-space:normal !important;}
ul.blockschained_overflow li > span {overflow:visible;}


ul.inscription_preview {display:flex;flex-wrap:wrap;margin:2px;padding:0px;}
ul.inscription_preview > li {list-style:none;padding:2px;flex:1;min-width:300px;overflow: hidden;border:1px solid #ccc;background-color:#f0f0f0;margin:2px !important;border-radius:0px 0px 4px 0px;position:relative;}
ul.inscription_preview > div {flex:1;min-width:92px;max-width: 122px;max-height: 95px;overflow: hidden;border:1px solid #ccc;background-color:#f0f0f0;margin:0px !important;border-radius:4px;position:relative;}
ul.inscription_preview .inscription_title {font-size:62%; !important;display: block;clear:both;}
ul.inscription_preview > div.title {min-width:222px;max-width: 222px;}
ul.inscription_preview > div .bigdatel {margin-left: -1px;}

ul.inscription_preview .newstitle {color:#333;font-size:120%;padding:0px;}


.sharebutton {position: absolute !important;overflow:hidden;top: 4px;width:24px;height:40px;/*border-radius:16px;*/right: 36px; z-index: 10001; padding: 8px 7px 1px 7px;/*background-color: rgba(255,255,255,0.5);*/ }
.sharebutton .tools {background: none !important;border: none !important;color: #555; overflow: visible;position: relative;/*top:-4px;*/}
.sharebutton .sharebuttons {display: none;  position: absolute;top: 0px;right: -8px; width: 40px; z-index: 100010; height:0;min-height: 0;transition-property: all;transition-duration:0.3s; }
.sharebutton_clicked {overflow:visible;}
.sharebutton_clicked .sharebuttons {display:block; position: fixed;padding:8px;box-sizing: border-box;width: 100%; left: 0px;right: 0px;height: auto;min-height: 48px;text-align: right;background-color: rgba(255,255,255,0.95);}
.sharebutton_clicked .sharebuttons a.sharelink {display: inline-block; border: 1px solid #ccc;background-color: #ddd; color: #444;padding: 4px;margin-left: 2px;border-radius: 4px;padding-left: 30px;background-repeat: no-repeat;background-position: left center; background-blend-mode:multiply; }
.cartzone {position:relative;}
.cartzone .shoppingcart_hascontents {max-height:0px;overflow:hidden;position: fixed !important;right:0px;top:20px;padding:0px !important;border-width:0px !important;margin-top: 28px;transition:all 0.3s;background-color:rgba(255,255,255,0.95);border-width: 0px;border-style: solid;border-color: #ddd;border-radius: 0px 0px 0px 8px;}
.cartzone:hover .shoppingcart_hascontents,.shoppingcart_hascontents:hover {text-decoration:none;max-height:100px;border-width: 1px !important;}

.notifbutton {position: absolute;top: 6px;right: 60px; width:16px;height:16px;border-radius:16px;z-index: 10000; padding: 10px 7px 1px 7px;/*background-color: rgba(255,255,255,0.5);*/ }
.notifbutton >a.tools {position: absolute;right: 6px;top:5px; }
.notifbutton .notiftop {display: block;visibility: hidden;position: fixed;top: 32px;left: 0px;right: 0px;max-width: 100%;height:1px;padding: 8px;box-sizing: border-box;transition-property: all;transition-duration:0.3s;overflow:hidden;}
.notifbutton_clicked .notiftop {visibility: visible;bottom:0px;height:100vh;max-height: 100vh;padding-bottom:100px;overflow: auto;background-color: rgba(255,255,255,0.9);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);}
.topalert { display:block;position:absolute;top: 14px;right: 120px; width:18px;height:18px;line-height:18px;border-radius:18px;font-size:75%;;text-align:center;background-color:#C44;color:#FFF; z-index:100011;}

.backbutton {position: absolute;overflow:hidden;top: 4px;width:24px;height:20px;left: 12px; z-index: 10001; padding: 8px 7px 1px 7px;}
.backbutton::before {content:'\e5e0';font-family:'Material Symbols Rounded' ;color:#888;}


body.hascart .shoppingcart_link {margin:2px 10px 2px 2px;height: 40px !important;}

.in_searchbox .sharebutton,.in_searchbox .notifbutton,.in_searchbox .topalert {display:none;}

#notiftop {text-align:center;}
.log_notif .log_elements {display: inline-block;text-align:left;}
.log_notif .log_element .log_actiondate {top:-6px;}
.log_notif .log_element {min-width: 80vw;margin-bottom:10px !important;/*white-space: normal;display: flex;*/}
.log_doc {width: auto !important;display: inline-block !important;background-color:inherit;max-width:100%;white-space:nowrap;z-index:2;}
.log_actions {position:relative;width: auto !important;display: inline-block !important;text-align: right;float: right;max-height:24px;/*white-space: nowrap;/*max-width: 50%;*/overflow-x: auto;overflow-y: auto;}
.log_element .log_docdetails {display: none;}
.log_element:hover {z-index: 9;/*min-height:44px;*/}
.log_element:hover .log_actions {z-index: 9;max-height:100px;background-color:inherit;}
.log_element .log_docdetails {display: none;position:absolute;max-height:0px;transition:all 0.3s;}
.log_element:hover .log_doc {overflow:visible}
.log_element:hover .log_doc:hover ~ .log_docdetails {display: block;position: absolute;z-index: 9;left:-1px;right:-1px;width:auto;top: 100%;max-height: 20px;overflow:auto;padding: 4px;border-width: 0px 1px 1px 1px;border-radius: 0px 0px 2px 2px;border-style: solid;border-color: #888;background-color: #fff;}
.log_element .log_notified {font-size:55%;;white-space:nowrap;display: block;position: absolute;z-index: 2;left:10px;width:auto;bottom:-12px;}
.log_element .log_notified .log_notified_details {opacity:0.1;}
.log_element .log_notified:hover .log_notified_details {opacity:0.99;}

@media screen and (min-width: 601px) {
.sharebutton {right: 44px;transition:all 0.3s; }
.notifbutton {right: 76px;transition:all 0.3s; }
body.hascart .sharebutton {width:58px;}
body.hascart .notifbutton {right:108px;}
.notes_chatover {margin-right:40px; }
body.hascart .notes_chatover {right:114px;}
.notes_chatover:not(.notes_chatoverclick):hover .repbottom,.notes_chatoverclicked .repbottom {right: 66px !important;}
.sharebutton_clicked .sharebuttons {right:88px;width:90%;}
}

.titleafter_dynamic {display: inline-flex;vertical-align:bottom;position: absolute;left: 52px;right:0px;bottom: 1px;opacity:1;transition:all 1s;}
.titleafter_dynamic:empty {opacity:0;width:0px;}
.formelement {display: inline-block;/*flex:1;*/min-width:80px;overflow:hidden;font-size:68%;;margin:0px -1px;padding:0px 1vw;border-left:1px solid #eee;background-color:var(--page-bg);}
.formelementtitle {display: block;color:#999;padding:0px 3px;}
.formelementvalues {display: flex;color:#222;white-space:nowrap;opacity:0.6;height:23px;}
.formelementvalue {display: inline-flex;flex:1;overflow-x:hidden;overflow-y:visible;margin:1px;padding:2px;border-radius:2px;height:12px;}
.formelementvalues .separator {display: inline-block;color:#888;}
.formelementvalue .contactinfo {margin:-4px;}
.formelement_contact {min-width:140px;}

ul.postit_chat {margin:12px 70px 0px 0px;padding:0px;/*max-width:300px;*/}
ul.postit_answers {margin:0px;padding:0px;}
ul.postit_chat li {list-style:none;padding:2px;/*clear:both;*/border:none !important;width:100%;position: relative;}
ul.postit_chat li.postit_chat_author {text-align:right;}
ul.postit_chat li.postit_chat_author .chat_content {margin-right:50px;}
ul.postit_chat li.postit_chat_author .chat_content .toolszone {right:100%;margin-right:10px;left:auto;}
ul.postit_chat li.postit_chat_author .chat_content .chat_likedby {margin-left:40px;}
div.chat_header {font-size: 90%;padding:1px 6px;position:absolute;left:0px;}
span.chat_doc {color:black;padding-top:20px;padding-left: 12px;display:block;}
span.chat_doc a {font-size:110%;display:inline-block;max-height:30px;/*line-height:15px;*/overflow:hidden;padding-left: 0px !important;}
span.chat_doc a:hover {background-color:none;background:none;text-decoration:none;}
.s_15 span.chat_doc {font-size:130%;/*margin-top:20px;*/display: block;}
div.chat_header.postit_chat_author {text-align:left;margin-right:0%;margin-left:3%;right:10px;left:auto;}
.chat_maintext_content a.unvalid {display:block;color:#800;padding:12px;margin:12px;border:1px dotted #888;}
.chat_likedby .contactinfo {zoom:80%;}
.chat_maintext .chat_likedby {display:none;position:absolute;top:100%;margin-top:2px;left:80px;white-space:nowrap;}
.chat_maintext:hover .chat_likedby {display:block; }
.chat_content .chat_likedby {display:none;position:absolute;left:100%;top:0px;white-space:nowrap;}
.chat_content:hover .chat_likedby {display:block; }

.chat_preview {float: right; max-width: 200px;}
.chat_content a {color:#110; }
div.chat_maintext a {color:#110; /*font-size:100%;;*/}

.chat_maintext_content data:not(:focus), .answercontent data:not(:focus) {font-size:0px;}
.chat_maintext_content data:not(:focus)::before, .answercontent data:not(:focus)::before {content:'<>';font-size:12px;}

span.chat_date {display:inline-block;font-size:55%;;font-weight:normal;float: right;line-height: 16px;padding:0px 4px;}
.chat_nbanswers {display:inline-block;font-size:55%; !important;font-weight:normal;float: right;line-height: 16px;padding:0px 4px 0px 8px;}
.chat_members {display:inline-flex;font-size:55%; !important;font-weight:normal;float: right;line-height: 16px;padding:0px 4px 0px 8px;max-width:120px;overflow:hidden;}

table.notes_column {/*width:200px;float:right;*/}/*position:absolute;right:0;display:block;height:80px;overflow:hidden;}
table.notes_column:hover {overflow:visible;}*/
#zone5 table.notes_column {/*width:auto !important;*/float:right;}
.notes_column div.divchat_main_container {display:flex;flex-wrap:wrap;}
.notes_column div.noteline {position:relative;flex:1;min-width:150px;transition-property: all;transition-duration:0.3s;/*width:100%;float:left;clear:both*/}
.notes_column span.chat_maintext_content {max-height:70px;padding: 1px;}
.notes_column span.chat_maintext_content a {text-decoration: none;background-color: initial;}
.notes_column  iv.postit_chat_main:hover span.chat_maintext_content {max-height:300px;overflow: auto;}
.notes_column div.chat_header_main {/*max-width:30px;right:8px;*/}
.notes_column div.chat_maintext {margin-right:55px;margin-left:3px;font-size:80% !important;line-height: 100%;font-weight:normal !important;}
.notes_column div.chat_header_main span.chat_doc {display:none;}
.notes_column div.chat_header_main span.chat_date {width: 20px;margin-left:10px;display: block;text-align: right;font-size: 80%;}
.notes_column div.postit_chat_main {margin-top:0px;border:none;}
.notes_column div.chat_tools {display:none;}

.notes_compact div.noteline {width:100%;float:left;}
.notes_compact div.chat_header_main {max-width:80px;margin-top: 15px;text-align: right;font-size: 80%;}
.notes_compact div.chat_maintext {margin-right:100px;font-size:100% !important;font-weight:normal !important;}
.notes_compact div.postit_chat_main {margin-top:0px;border:none;}
.notes_compact div.chat_tools {display:none;}

.notes_oneline span.chat_maintext_content {white-space: nowrap;}
.notes_oneline div.chat_maintext {margin-right:18px;font-size:70% !important;overflow:visible !important;}
.notes_oneline div.chat_header_main {width:16px;padding:1px 0px;}
.notes_oneline div.chat_maintext::before {position: absolute;right: -2px;top: 1px;content: ' ';width: 0px;height: 0px;border: 2px transparent solid;border-left-color: inherit;border-right: 0;}

.notes_chatover {position:fixed;top:0px;/*width:50px;*/max-width:20vw;height:48px;right:82px;overflow:hidden;z-index: 1002;opacity:0.85;transition-property: all;transition-duration:0.3s;}
.notes_chatover:not(.notes_chatoverclick):hover, .notes_chatoverclicked {opacity:0.99;width: 320px;max-width:90%;height:100vw;right:20px;/*max-height:200px;*/background-color:#f8f8f8;border:1px solid #eee;border-top-width:0px;box-shadow:0 0 30px 50px rgba(255, 255, 255, 1);overflow-x:hidden;overflow-y:auto;/*animation:chatpreview 0.7s ease-in;*/z-index:100011 !important;}
/*@keyframes chatpreview { 0% { height:48px;right:80px; } 100% { height:200px;right:80px;} }*/
.notes_chatoverclick .divchat_main {visibility: hidden;}
.notes_chatoverclicked .divchat_main {visibility: visible;}
.notes_chatoverclicked #postit_stats_top_nb {visibility: hidden;}

.notes_chatoverenlarged {width: 700px !important;max-width: 90vw !important;} 
.notes_chatoverenlarged .divchat_main {width: 700px !important;max-width: 90vw !important;} 
.notes_chatoverenlarged .divchat_main div.noteline {width: 700px !important;max-width: 90vw !important;} 
.notes_chatoverenlarged .repbottom {width: 680px !important;max-width: 90vw !important;} 

.noteline .toolszone, .noteline .chat_makenewanswer {visibility:hidden;}
.chat_maintext:hover .toolszone,.chat_content:hover .toolszone, .postit_chat_main:hover .chat_makenewanswer, .chat_maintext:hover .chat_makenewanswer, .chat_content:hover .chat_makenewanswer {visibility:visible;}
.notes_chatover .notes_chatover_autohide {width:1px;}
.notes_chatover_autohide:hover {width:320px;}
.notes_chatover .notesbg {background:none !important;}
.notes_chatover table.notesbg {/*position:fixed;bottom:30px;top:0px;*/z-index: 99999;}
.notes_chatover > .divchat_main {z-index:10099;position:absolute;top:10px;left:0px;width:140px;right:90px;height:48px;max-width:20%;overflow-x:hidden;overflow-y:hidden;/*display: flex;align-items: flex-end;*/}
.notes_chatover:not(.notes_chatoverclick):hover .divchat_main,.notes_chatoverclicked .divchat_main {height:100%;right:0px;overflow-y:auto;width:320px;max-width:320px;}
.notes_chatover:not(.notes_chatoverclick):hover .divchat_main,.notes_chatoverclicked > .divchat_main {right: 24px;/*background-color:rgba(255,255,255,0.98);border-style:solid;border-color:#ccc;border-width:0px 1px 1px 1px;border-radius:0px 0px 8px 8px; */ margin-top:38px;    }
.notes_chatover:not(.notes_chatoverclick):hover .divchat_main,.notes_chatoverclicked > .divchat_main::before {/*content:'';position:absolute;left:0px;right:0px;top:-38px;height:0px;background-color:rgba(255,255,255,0.98);border-style:solid;border-color:#ccc;border-top:38px solid transparent;border-radius:0px 0px 8px 8px;*/ }
.notes_chatover_autohide .divchat_main {width:1px;}
.notes_chatover_autohide:hover .divchat_main {width:320px;}
.notes_chatover .divchat_main_starter {height:0px;}
/*.notes_chatover:hover .divchat_main_starter {height:30%;}*/
.notes_chatover .repbottom {z-index: 99999;height:15px;position: fixed;left:auto !important;width:90px;right: 95px;top: 2px;border-radius:8px;}
.notes_chatover .repbottom input,.notes_chatover .repbottom textarea,.notes_column .repbottom textarea {visibility:hidden;height:30px !important;}
.notes_chatover:not(.notes_chatoverclick):hover .repbottom,.notes_chatoverclicked .repbottom {width:70%;max-width:300px;height:30px;right: 22px;top: 2px;}
.notes_chatover:not(.notes_chatoverclick):hover .repbottom input,.notes_chatover:not(.notes_chatoverclick):hover .repbottom textarea,.notes_column:hover .repbottom textarea {visibility:visible;}
.notes_chatoverclicked .repbottom input,.notes_chatoverclicked .repbottom textarea {visibility:visible;}
.notes_chatover span.chat_maintext_content {max-height:20px;white-space: nowrap;}
.notes_chatover:not(.notes_chatoverclick):hover span.chat_maintext_content,.notes_chatoverclicked span.chat_maintext_content {max-height:100px;white-space: normal;}
.notes_chatover #end_divchat_main {display:block;height:20px;}
.notes_chatover .chat_doc {display:none;}
.notes_chatover:not(.notes_chatoverclick):hover .chat_doc,.notes_chatoverclicked .chat_doc {display:block;font-size:90%;padding-left:0px;white-space: nowrap;}
.notes_chatover .newmessage {display:none;}
.notes_chatover .contactchoice {display:none;}
.notes_chatover #reparea input[type=submit] {width: 30px;position: absolute;right: -30px;top: 0px;}

.notes_chatover input[type=checkbox] {visibility: hidden;}
.notes_chatover .repbottom textarea {border-radius:8px;}
.notes_chatover div.noteline {/*background:none !important;*/transition: all 0.3s;}
.notes_chatover:not(.notes_chatoverclick):hover div.noteline,.notes_chatoverclicked div.noteline {width:320px;min-width:320px;/*background:none !important;*/}
.notes_chatover div.chat_header_main {max-width:80px;/*margin-top: 15px;*/text-align: right;font-size: 80%;/*right:14px;*/}
.notes_chatover div.chat_maintext {font-size:80% !important;font-weight:normal !important;}

.notes_chatover div.postit_chat_main {margin-top:0px;/*border:none;*/margin-right:0px !important;}
.notes_chatover div.chat_tools {display:none;}
.notes_chatover div.chat_maintext {margin-right: 55px !important;}
.notes_chatover div.repbottom::before {position:absolute;left:auto !important;right:8px;top:auto !important;bottom:-8px;content:' ';width:0px;height:0px;border: 8px transparent solid;border-right-color: #F0F0F0;border-left: 0}

.notes_chatover #newmessage {display:none;}

.notes_line div.noteline {width:100%;float:left;clear:both;}
.notes_line div.chat_header_main {/*width:15%;max-*/width:auto;max-width:60px;margin-top: 0px;text-align: right;font-size: 80%;}
.notes_line div.chat_header {/*width:15%;max-*/max-width:60px;margin-top: 0px;text-align: right;font-size: 80%;}
.notes_line div.chat_date {display:block;font-size:55%;;}
.notes_line div.chat_maintext {margin-right:60px;font-size:100% !important;font-weight:normal !important;}
.notes_line div.postit_chat_main {margin-top:0px;border:none;}
.notes_line div.chat_tools {display:none;}

.news_comments .postit_chat_main {display: flex;flex-wrap: wrap;margin-top: 20px;}
.news_comments .postit_chat_main .chat_doc {flex: 1;min-width: 300px;max-width: 520px;padding: 0px 0px 0px 10px !important;}
.news_comments .postit_chat_main .chat_doc a {max-height: 100px; text-align: left;}
.news_comments .postit_chat_main .chat_contents {flex: 2;min-width: 320px;position: relative;/*margin-top: -10px;*/}


.notes_halfline div.noteline {width:50% !important;float:left;}
@media screen and (min-width: 761px) {
	.notes_halfline div.noteline {width:100%;float:left;}
}
.notes_halfline div.chat_header_main {/*width:15%;max-*/width:auto;max-width:180px;margin-top: 0px;text-align: left;font-size: 80%;}
.notes_halfline div.chat_maintext {margin-right:5%;font-size:100% !important;font-weight:normal !important;}
.notes_halfline div.postit_chat_main {margin-top:0px;border:none;}
.notes_halfline div.chat_tools {display:none;}

div.chat_header.postit_chat_author {text-align:right;/*display:none;*/}
div.chat_header.postit_chat_other {text-align:right;margin:0%;width:30px;padding-right:20px;}
div.chat_content {position:relative;display:inline-block;/*min-width:100px;*/max-width:60%;/*border: 1px solid #CCA;*/background-color: #EEE;border-color: #EEE;padding: 2px 6px;border-radius: 12px;}
div.chat_content.postit_chat_author {border-radius:12px 6px 12px 12px;background-color: #EEE;text-align:left;margin-right:3%;margin-left:3%;margin-bottom:4px;}
div.chat_content.postit_chat_author::before {position: absolute;right: -5px;top: 1px;content: ' ';width: 0px;height: 0px;border: 7px transparent solid;border-left-color: inherit;border-right: 0;}
div.chat_content.postit_chat_other {border-radius:6px 12px 12px 12px;background-color: #DDD;border-color: #DDD;text-align:left;margin-left:48px;margin-right:3%;margin-bottom:4px;}
div.chat_content.postit_chat_other::before {position:absolute;left:-5px;top:1px;content:' ';width:0px;height:0px;border: 7px transparent solid;border-right-color: inherit;border-left: 0}
div.chat_footer {font-size: 70%;padding:1px 6px;opacity:0.8;}
div.chat_footer.postit_chat_author {text-align:left;margin-right:30%;margin-left:3%;}
div.chat_footer.postit_chat_other {text-align:right;margin-left:30%;/*margin-right:3%;*/}

div.chat_header_main {font-size: 90%;padding:1px 6px;margin-left:2%;position:absolute;right:0px;z-index:9;/*width:42px;*/top:-4px;}
div.chat_header_main a.chat {color:#333;font-size: 90% !important;border:none !important;padding:1px 6px;}
div.chat_header a.chat {color:#333;font-size: 80% !important;border:none !important;padding:1px 6px;}
div.chat_content a.chat {color:#333;text-decoration:none;}
div.chat_footer_main {font-size: 110%;padding:1px 6px;margin-left:2%;opacity:0.8;}
div.chat_tools {/*font-size: 100%;padding:1px 6px;*/position:absolute;bottom:0px;left:-20px;opacity:0.8;}

div.postit_chat_main {margin-top:0px;padding-top:0px;padding-bottom: 12px;border-top:1px dashed #ccc;}
div.noteline.note_picto0.note_read0,div.noteline.note_picto0.note_read-1,div.noteline.note_picto0.note_read-2 {background-image: linear-gradient(45deg, #e2d7f2 25%, #fad0ec 25%, #fad0ec 50%, #e2d7f2 50%, #e2d7f2 75%, #fad0ec 75%, #fad0ec 100%);
background-size: 56.57px 56.57px;}
div.noteline.note_picto0.note_read99 {opacity:0.3;}
div.chat_maintext {position:relative;z-index:2;/*font-size:93%;;*/padding: 2px 6px;border-radius: 12px 4px 12px 12px;
background-color: #F0F0F0;border-color: #F0F0F0;text-align:left;margin: 10px 60px 8px 1%;/*etait 24px 1%*/ font-weight:bold;transition:all 0.3s;}
div.chat_maintext::before {position:absolute;right:-6px;top:1px;content:' ';width:0px;height:0px;border: 7px transparent solid;border-left-color: inherit;border-right: 0}
span.chat_maintext_content {display:block;/*max-height:100px;*/line-height:90%;overflow:hidden;transition-property: all;transition-duration:0.3s;padding:2px 0px;}
span.chat_maintext_content_open {z-index:99;min-width:100%;max-height:800px !important;maxHeight:800px !important;overflow:auto !important;}
div.noteline_content_open {flex:5;min-width:100% !important;}

.chat_contacts .chat_fromother {/*position: absolute;right: -10px;top: -6px;z-index:2;*/}
.chat_contacts .chat_fromme {position: absolute;right: 20px;top: 5px;z-index:1;}
.chat_contacts .chat_forother {position: absolute;right: -2px;top: 56px;z-index:1;}
.chat_contacts .chat_forme {position: absolute;right: 16px;top: 26px;z-index:3;}
.chat_contacts .separator {position: absolute;right: 44px;top: 28px;z-index:3;font-size:50%;;font-weight:bold;}
.chat_contacts .chat_othermembers {position: absolute;left: 4px;top: 36px;z-index:4;width:40px;max-height:30px;padding-bottom:16px;display: flex;flex-wrap: wrap;justify-content: end;}
.chat_contacts .chat_othermembers .tool_container {margin:6px;}
.chat_contacts .chat_othermembers:not(:hover) .tool_container {display:none;}

.notes_chatover .has_chat_doc div.chat_maintext .toolszone {/*bottom:auto !important;top:-30px;height:31px;max-width:50%;right:-40px;min-width:150px;*/}
div.chat_maintext .toolszone {bottom:-12px;max-width:80%;right:6px;min-width:120px;display:flex;white-space:nowrap;justify-content: end;align-items:end;}
div.chat_content .toolszone {bottom:-12px;/*max-width:80%;*/left:100%;margin-left:-20px;right:auto;/*min-width:120px;*/display:flex;white-space:nowrap;justify-content: end;align-items:end;}

div.repici span.inputspan {border:0 !important;background-color:inherit !important;}

div.reparea_wrapper {/*height:1px;*/}
#zone5 div.reparea_wrapper {height:0px;}
div.postit_rep {position:relative;border-radius:0px;background-color: #F0F0F0;padding:3px;}
div.repbottom {height:30px;}
div.repbottom .inputspanfile {display:none;}
div.repici .inputspanfile {display:inline-block !important;}
div.postit_rep textarea {color:#000;background-color:#F0F0F0;margin-right:40px;}
div.postit_rep textarea.chat_create {width:100%;}
div.reparea_wrapper #reparea {padding:0 !important;border-radius:16px;height:auto !important;}
div.reparea_wrapper textarea {color:#000;width:100%;height:100%;border-radius:16px;background-color:inherit;}
div.repbottom textarea, div.repbottom a.astextarea {height:26px;color:#000 !important;background-color:#F0F0F0;width:auto !important;right:0px;margin-right:0px !important;left:0px;top: 0px;position:absolute;border:none !important;}
div.repbottom a.astextarea {white-space: nowrap;}
div.postit_rep textarea::placeholder,div.reparea_wrapper textarea::placeholder {color:#999 !important;}
div.postit_rep input[type=submit].smallinput,div.reparea_wrapper input[type=submit].smallinput {font-size:55%;;height:20px !important;width:30px !important;border-radius:4px;right:4px; top: auto; bottom: -12px;position:absolute;border:1px solid #888;z-index: 99999;}
div.postit_rep span.inputpicto,div.reparea_wrapper span.inputpicto {visibility: hidden;right:4px; top: -4px;position:absolute;}
div.postit_rep:hover span.inputpicto, div.postit_rep:hover span.inputpicto input[type=checkbox],div.reparea_wrapper:hover span.inputpicto {visibility: visible !important;}
div.repbottom::before {position:absolute;left:8px;top:-18px;content:' ';width:0px;height:0px;border: 18px transparent solid;border-left-color: #F0F0F0;border-right: 0}
table.notes_fullscreen div.postit_rep {display: flex; flex-direction: column;height:100vh;}
table.notes_fullscreen div.postit_rep textarea {min-height:50px;flex:1;/*position: fixed;top: 0;left: 0;right: 0;bottom: 0;height: 100% !important;z-index: 2;*/}
table.notes_fullscreen div.postit_rep .bottomsubmit { position:relative !important;justify-self: end;/*position: fixed;top: 0;left: 0;right: 0;bottom: 0;height: 100% !important;z-index: 2;*/}
table.notes_fullscreen ul.postit_chat {/*position: fixed;left: 0;right: 0;bottom: 28px;*/max-height: 50% !important;overflow: auto;z-index: 3;background-color: rgba(255,255,255,0.5);margin: 0;padding: 0px 16px 16px 0px;}
table.notes_fullscreen ul.postit_chat textarea {position: relative;top: 0;left: 0;right: 0;bottom: 0;height: 30px !important;z-index: 3;}
.addmembersdiv {position:absolute;bottom:5px;height:1px;font-size:55%;;/*white-space:nowrap;*/z-index:2;}
.addmembersdiv .addmembersc {min-height:0px !important;background:none !important;border:none !important;padding:0px !important;position: relative;top: 0px;min-height:0px;}
.addmembersdiv .addmemberss {top: 0px;position: relative;}
.addmembersdiv .addmemberss .tag {font-size:55%;;}
.postit_rep:not(:hover) .addmembersdiv {display: none;}
.postit_rep::after {position: absolute;z-index:0;left: 0 !important;right: 8px;bottom: -24px;content: ' ';width: 100%;height: 24px;}
.postit_topadd {margin-bottom:16px;}

div.chat_maintext .toolszone .tools_add {z-index:9;position: relative;min-width:16px;}
.chat_doc .delimiter {display: inline-block;font-size: 50%;vertical-align: text-top;margin-left: 4px;}
.noteline .chat_seeallanswers {font-size:62%;;padding-left: 70px;margin-top: -12px;display: block;position: absolute;}
div.chat_seealldiscussion {position:relative;font-size:62%;;padding-left: 10px;display: block;color:#777;height:1px;width:200px;}
div.chat_seealldiscussion a {top: -21px;left:300px;position:relative;color:#777;}

div.answercontent {min-height:14px;max-height:24px;overflow:hidden;font-size: 80%;line-height:100%; animation: all 0.3s}
div.answercontent_hover,div.answercontent_open {max-height:2000px !important;overflow:auto !important;}

div.answercontent .videoplayer {padding:4px;background-color:#000;}

div.alwaysonbottom div.chat_maintext {margin-right:60px !important;}
div.alwaysonbottom div.chat_header_main {max-width:80px !important;}
div.alwaysonbottom div.chat_content.postit_chat_other {margin-left: 70px !important;}
div.alwaysonbottom div.repbottom {z-index:10010 !important;position:fixed;left:0;right:0;bottom:0;}

@media screen and (min-width: 426px) {
.notes_floatright {width:200px;float:right;}
}

.notes_column div.repbottom, .notes_column div.repbottom textarea {opacity:0.7;width:36px !important;height:30px !important;border-radius:30px;transition-property: all;transition-duration: 0.3s;}
.notes_column .postit_topadd:hover div.repbottom,.notes_column div.repbottom:hover,.notes_column .intextarea div.repbottom {opacity:1; width:97% !important;height:30px !important;border-radius:30px;padding-right: 40px;box-sizing: border-box;}
.intextarea .onlinefriends {/*visibility:hidden;*/}
.notes_column tr.writemessage td {height:50px;vertical-align:top;}
.notes_column .onlinefriends {position: absolute; max-width:100%;z-index:1;}
.notes_chatover .onlinefriends {/*margin-top:20px;*/}
.notes_chatover .onlinefriends {background-color:#f8f8f8;padding:4px 8px 2px 8px;}
.notes_chatover .notesbg,.notes_chatover .divchat_main {background-color:#f8f8f8;}
.onlinefriends .contactinfo {transition:all 0.3s;}
.onlinefriends .notthem {opacity:0.3;zoom:90%;}
.onlinefriends .them {opacity:1;}

.notes_column .repbottom {z-index:2;}
.notes_column:hover div.repbottom textarea {opacity:1; width:99% !important;height:30px !important;border-radius:30px;right: 40px !important;}
.notes_column div.repbottom input[type=submit] {visibility:hidden !important;}
.notes_column:hover div.repbottom input[type=submit] {visibility:visible !important;}
.notes_column div.repbottom::before {visibility:hidden !important;}
.notes_column .chat_makenewanswer .legend {display: none;}
div.chat_maintext {margin-left: 22px;margin-right:60px;}

@media screen and (max-width: 426px) { /*mobile chat */
    div.chat_header_main {max-width:80px !important;}
    div.chat_content.postit_chat_other {margin-left: 70px !important;}
    .postit_topadd,.postit_rep.repbottom,.postit_topadd textarea {z-index:999;position:fixed !important;top:auto !important;left:0 !important;width:40px;bottom:0 !important;border-radius:0 !important;height:40px !important;}
    .postit_topadd:not(:hover):before {content:'\e0ca';display: inline-block;width: 23px;height: 20px;margin-top:20%;text-align: center;font-family:'Material Symbols Rounded' ;}
    div#news_chatzone {margin-bottom:80px;}
    body:has(.postit_topadd) .bottomtabs {left: 40px;}
    body:has(.postit_topadd:hover) .bottomtabs {left: 100%;}
    .postit_topadd:hover,.postit_topadd:hover .postit_rep.repbottom,.postit_rep.repbottom:hover,.postit_topadd:hover textarea,.postit_topadd textarea:focus,.postit_topadd:has( textarea:focus) {z-index:10002;width:100vw !important;height:80px !important;}
    #reparea,#reparea textarea {z-index:999;position:fixed !important;top:auto !important;left:0 !important;right:0 !important;bottom:0 !important;border-radius:0 !important;width:100vw !important;height:45px !important;}
    #reparea:hover,#reparea:hover textarea,#reparea textarea:focus,#reparea:has( textarea:focus) {height:85px !important;}
    div.postit_rep input[type=submit].smallinput, div.reparea_wrapper input[type=submit].smallinput, #reparea .smallinput {bottom:10px !important;z-index: 100003;right: 10px !important;position: fixed !important;}

}
@media screen and (min-width: 761px) {
	div.chat_header {float:right;/*width:180px;*/text-align:right;}
	div.chat_header.postit_chat_author {/*text-align:left;*/margin-right:0%;margin-left:0%;text-align:right;}
	div.chat_header.postit_chat_other {/*text-align:left;*/margin-left:0%;margin-right:0%;text-align:right;}
	div.chat_content.postit_chat_other {/*margin-right:200px;*/}
	/*div.chat_header_main {float:right;width:50px;text-align:left;}*/
	.news_forum div.postit_chat_main {margin-right:180px;}
}

table.notesbg {position:relative;}

.forum_preview {zoom:60%;padding-bottom:12px;}
.forum_preview h3 ,.forum_preview .chat_header_main {display: none;}
.forum_preview .chat_maintext {margin-right:20px !important;}
.forum_preview .note, .forum_preview .notesbg {background:none !important;}
div.postit_nb {position: absolute;top: -20;right: 20px;padding:20px 2px;display:inline-block;font-size:90%;opacity:0.5;padding: 2px 6px;/*border-radius: 12px 0px 12px 12px;background-color: #CC9;*/}
/*div.postit_nb::before {display:inline-block;position:absolute;right:-6px;top:0px;content:' ';width:0px;height:0px;border: 6px transparent solid;border-left-color: #CC9;border-right: 0}*/
.postit_stats_top #postit_stats_top_nb {display: flex;}
.postit_stats_top .postit_nb {position: relative;text-align: center;top: 0px;right: 0px;margin: 13px 4px 0px 0px;float: right;max-width:30px;opacity: 1;border-radius: 12px 0px 12px 12px;background-color: #F0F0F0;height: 20px;display: block;min-width: 20px;}
.postit_stats_top .postit_nb .postit_nb_messages_text,.postit_stats_top .postit_nb .postit_nb_answers_text {display: none;}
.postit_stats_top .postit_nb .postit_nb_answers {font-size: 50%;}
.postit_stats_top .postit_nb .postit_nb_answers::before {content: '+';}
.postit_stats_top .discussion_members {max-width:56px;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;height: 34px;padding:5px 5px 5px 0px;}
.postit_stats_top .discussion_members .contactinfo {/*margin-bottom: -8px;*/margin-top: -6px;}
/*div.postit_nb span.postit_nb_messages_text {font-size:90%;}
div.postit_nb span.postit_nb_answers_text {font-size:90%;}*/

div.postit_stats {position:relative;width:100%;min-height:30px;}
div.postit_stats div.postit_nb  {/*position:relative;*/opacity:0.99;top:0;/*float:left;*/max-width:50%;right:0px !important;margin-right:8px;}

.postit_stats_compact {position: absolute;top: 0;right: 0;z-index: 10;}
.postit_stats_compact .postit_nb {position: relative;font-size:62%;;line-height: 10px;text-align: center;top: 0px;right: 0px;margin: 5px 4px 0px 0px;float: right;opacity: 1;border-radius: 12px 0px 12px 12px;background-color: #F0F0F0;min-height: 20px;display: block;min-width: 20px;}
.postit_stats_compact .postit_nb .postit_nb_messages_text,.postit_stats_top .postit_nb .postit_nb_answers_text {display: none;}
.postit_stats_compact .postit_nb .postit_nb_answers {font-size: 50%;}
.postit_stats_compact .postit_nb .postit_nb_answers::before {content: '+';}

div.sitemap_group {margin-bottom:6px;border-top: 1px solid #eee;clear: both;padding: 2px;}
div.sitemap_news {position: relative;margin-bottom:6px;border-top: 1px solid #eee;clear: both;padding: 2px;display: flex;flex-wrap:wrap;}
div.sitemap_news.has_details {}
div.sitemap_news a.doclink_pdocuments { /*max-width:100%;*/ }
div.sitemap_title {padding-left:40px;}
div.sitemap_group {padding-left:20px;margin-top:6px;}
div.sitemap_news div.sitemap_title, div.sitemap_group div.sitemap_title {min-width:200px;box-sizing: border-box;position: relative;/*border-right:1px solid #ddd;margin-right:-1px;*/}
div.sitemap_news div.sitemap_title:not(.sitemap_title_nodetails), div.sitemap_group div.sitemap_title:not(.sitemap_title_nodetails) {width: 30%;/*border-right:1px solid #ddd;margin-right:-1px;*/}
div.sitemap_details {position: relative;display: flex;max-width:100%;/*border-left: 1px solid #eee;*/padding-left: 4px;white-space:nowrap;/*border-left:1px solid #ddd;*/}
div.sitemap_details div.postit_nb span.postit_nb_messages_text {display: inline-block;}
div.sitemap_details div.postit_nb span.postit_nb_answers_text {display:inline-block;}
div.sitemap_details div.postit_nb span.postit_nb_answers::before {content:'';}
@media screen and (max-width: 800px) {
  div.sitemap_news div.sitemap_title, div.sitemap_group div.sitemap_title {min-width:100%;}
}
div.sitemap_subnews {min-width: 100%;/*calc(100% + 40px);margin-left: -40px;*/}
div.sitemap_subnews div.sitemap_title {padding-left:60px;}
div.sitemap_subnews div.sitemap_subnews div.sitemap_title {padding-left:80px;}

.noemptyline .sitemap_group:not(:has( .has_details)) {max-height:0px;height:0px;border:none !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;overflow:hidden;}
.noemptyline .sitemap_news:not(.has_details):not(:has( .has_details)) {max-height:0px;height:0px;border:none !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;overflow:hidden;}
.noemptyline .sitemap_news:not(.hiddenline):not(:has( .attachment:not(.hiddenfade))) {max-height:0px;height:0px;border:none !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;overflow:hidden;}
.noemptyline .sitemap_group:not(:has( .sitemap_news:not(.hiddenline))) {max-height:0px;height:0px;border:none !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;overflow:hidden;}
.noemptyline .sitemap_group:not(:has( .attachment:not(.hiddenfade))) {max-height:0px;height:0px;border:none !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;overflow:hidden;}

.news_menu.news_menu_level2 a.doclink_pdocuments {padding-left: 20px;}
.news_menu.news_menu_level3 a.doclink_pdocuments {padding-left: 30px;}
.news_menu.news_menu_level4 a.doclink_pdocuments {padding-left: 40px;}
.news_menu.news_menu_level2 a.newsgroup {margin-left: 20px;}
.news_menu.news_menu_level3 a.newsgroup {margin-left: 30px;}
.news_menu.news_menu_level4 a.newsgroup {margin-left: 40px;}

.bottomcard {position:fixed;z-index:999999999;opacity:0;transition:all 0.3s;bottom:-80px;left:30%;right:30%;max-height:50px;background-color:rgba(120,120,120,0.7);border-radius:16px;}
.bottomcard #bottomcard_message {padding:20px;font-size:81%;;color:#fff;text-align:center;max-height:200px;}
.bottomcard.visible {bottom:1%;opacity:1;}
.bottomcard.bye {bottom:0% !important;opacity:0 !important;}

div.chat_contents {position:relative;}
div.notes_news h3 {font-size:100%;font-weight:normal;padding:0;margin:20px 0px 0px 0px;}
div.notes_news div.noteline {border-bottom:1px solid #eee;overflow:hidden;position:relative;padding-bottom:12px;padding-top:12px;}
div.notes_news div.chat_content.postit_chat_other {margin-left: 60px;/*margin-right:1% !important;*/}
div.notes_news div.chat_content.postit_chat_author {margin-left: 1% !important;/*margin-right:1% !important;*/}
div.notes_news div.chat_header {float:none;}
div.notes_news span.chat_doc {width:140px;top:0px;left:0px;padding-top:10px;position:absolute;overflow:visible;font-size:80%;}
div.notes_news span.chat_doc a {max-height:100%;white-space:normal;}
div.notes_news div.chat_contents {margin-left:150px;position:relative;}
@media screen and (min-width: 401px) and (max-width: 450px) {
	div.notes_news div.chat_contents {margin-left:110px;}
	div.notes_news span.chat_doc {width:115px;}
}
@media screen and (min-width: 371px) and (max-width: 400px) {
	div.notes_news div.chat_contents {margin-left:80px;}
	div.notes_news span.chat_doc {width:85px;}
}
@media screen and (max-width: 370px) {
	div.notes_news div.chat_contents {margin-left:30px;}
	div.notes_news span.chat_doc {width:55px;}
}

div.notes_news span.chat_maintext_content {max-height:52px;}
span.chat_doc {display:flex;justify-content: end;align-items:center;/*display:none;/*max-width:0px;height:0px;overflow:hidden;transition-property: all;transition-duration:0.3s;*/}
span.chat_doc .delimiter {/*display:none;/*max-width:0px;height:0px;overflow:hidden;transition-property: all;transition-duration:0.3s;*/}
div.notes_news span.chat_doc a {max-width:30px;/*max-width:0px;height:0px;overflow:hidden;transition-property: all;transition-duration:0.3s;*/}
div.notes_news span.chat_doc:hover a,span.chat_doc:hover .delimiter {/*max-width:200px;height:16px;overflow:hidden;*/}
div.notes_news span.chat_doc a:last-of-type {display:inline-block;max-width:110px;/*max-height:24px;*/}
div.notes_news div.chat_header_main {margin-top:-8px;}

span.messageanchor {display:block;position:relative;top:-120px;}

.repici {position:absolute !important;z-index:101;width:400px;height:25px;}
div.chat_note {/*position:relative;float:left;top:-2px;width:70px;height:24px;margin-left:30px;/*border: 1px solid #CCA;font-size:110%;background-color: #EEB;padding: 2px 6px;border-radius: 0px 0px 4px 4px;
/*background-color: #CC9;*/}
span.chat_note {position: relative;display:inline-block;height:24px;line-height:24px;/*width:120px;*/font-size:100%;float:left;}
span.chat_note a {position: relative;width: 16px;height: 16px;line-height: 16px;text-align: center;font-size:100%; !important}
span.chat_note .chat_note_nb {position: absolute;color: #FFF;opacity: 0.8;top: 3px;width: 16px;font-size: 6px !important;font-weight: normal;}
span.chat_note .chat_stars {color: #555;}

a.chat_note_yes {display:block;height:11px;line-height:11px;overflow:hidden;width:24px;color:green !important;text-decoration: none;font-size:75%;;}
a.chat_note_no {display:block;height:11px;line-height:11px;overflow:hidden;width:24px;color:red !important;text-decoration: none;font-size:75%;;}
span.chat_makenewanswer {display:inline-block;padding:0px 4px;margin-left:0px;position: absolute;left: 16px;bottom: -13px;z-index: 9999;}
span.chat_makenewanswer label {padding: 0px 6px;border-radius: 2px;font-size:56%;;}
span.chat_makenewanswer label:hover {}
ul.postit_chat span.chat_makenewanswer {/*left: 100%;*/bottom: -14px/*0px*/;}

.repici textarea.chat {overflow-x:hidden;overflow-y:auto;background-color: #EEB;}

.news_typedeploy .typeColumns {position:relative;max-height:185px;zoom:80%;padding-bottom:10px !important;overflow:hidden;transition-property: all;transition-duration: 0.3s;margin:16px;border:1px solid rgba(220,220,220,0.7);}
.news_typedeploy .typeColumns .grouppath {/*position:sticky;top:0;z-index:20;*/}
.news_typedeploy .typeColumns:before {display:block;content:'\21DF'; text-align:center;position:absolute;left:0px;right:0px;height:20px;bottom:0px;background-color:rgba(200,200,200,0.5);font-size:62%;line-height:20px;color:#fff;z-index:20;transition-property: all;transition-duration: 0.3s;}
.news_typedeploy .typeColumns.deploy {max-height:600px;zoom:100%;overflow:auto;}
.news_typedeploy .typeColumns.deploy:before {content:'';height:0px;}

.nodeploy {position:relative;max-height:45px;padding-bottom:10px !important;overflow:hidden;transition-property: all;transition-duration: 0.3s;border:1px solid rgba(220,220,220,0.7);}
.nodeploy:before {display:block;content:'\21DF'; text-align:center;position:absolute;left:0px;right:0px;height:10px;bottom:0px;background-color:rgba(200,200,200,0.5);font-size:62%;;line-height:10px;color:#fff;z-index:2;transition-property: all;transition-duration: 0.3s;}
.deploy {max-height:600px !important;border-bottom-width:1px;border-color:rgba(0,0,0,0);}
.deploy:before {content:'';height:0px;}

.add_preferredchoice_contact { display:inline-block;}
.add_preferredchoice_contact_off {
	color:#544 !important;border-color:#544 !important;background-color:#DCC !important;
	/*display:block;content:'Suivre';overflow:hidden;font-size:50%;;text-align:center;color:#A44;
	line-height:18px;margin:2px 4px;box-sizing:content-box; width:30px;height:18px;border-width:1px 20px 1px 1px;border-radius:4px;border-color:#C44;background-color:#E99;border-style:solid;*/
}
.add_preferredchoice_contact_on {
	color:#3A3 !important;border-color:#4C4 !important;background-color:#9E9 !important;
	/*display:block;content:'Suivi';overflow:hidden;font-size:50%;;line-height:18px;text-align:center;color:#3A3;
	line-height:18px;margin:2px 4px;box-sizing:content-box; width:30px;height:18px;border-width:1px 1px 1px 20px;border-radius:4px;border-color:#4C4;background-color:#9E9;border-style:solid;*/
}
.add_preferredchoice_news { display:inline-block;}
.add_preferredchoice_news a::before {content:'\2B51';}
.add_preferredchoice_contact a::before {content:'\2B51';}
.add_preferredchoice_chat a::before {content:'\2B51';}

.add_preferredchoice_news_off {
	color:#544 !important;border-color:#544 !important;background-color:#DCC !important;
	/*display:block;content:'Preferer';overflow:hidden;font-size:50%;;line-height:18px;text-align:center;*/
	/*line-height:18px;margin:2px 4px;box-sizing:content-box; width:30px;height:18px;border-width:1px 20px 1px 1px;border-radius:4px;border-style:solid;*/
}
.add_preferredchoice_news_on {
	color:#3A3 !important;border-color:#4C4 !important;background-color:#9E9 !important;
	/*display:block;content:'Prefere';overflow:hidden;font-size:50%;;line-height:18px;text-align:center;color:#3A3;
	line-height:18px;margin:2px 4px;box-sizing:content-box; width:30px;height:18px;border-width:1px 1px 1px 20px;border-radius:4px;border-color:#4C4;background-color:#9E9;border-style:solid;*/
}
.add_preferredchoice_chat { display:inline-block;}
.add_preferredchoice_chat_off {
	color:#544 !important;border-color:#544 !important;background-color:#DCC !important;
	/*display:block;overflow:hidden;line-height:12px;text-align:center;color:#A44;
	/*line-height:18px;margin:2px 4px;box-sizing:content-box; font-size:7px !important;font-weight:normal;width:20px;height:12px;border-width:1px 10px 1px 1px;border-radius:4px;border-color:#C44;background-color:#E99;border-style:solid;*/
}
.add_preferredchoice_chat_on {
	color:#3A3 !important;border-color:#4C4 !important;background-color:#9E9 !important;
	/*display:block;overflow:hidden;line-height:12px;text-align:center;color:#3A3;
	/*line-height:18px;margin:2px 4px;box-sizing:content-box; font-size:7px !important;font-weight:normal;width:20px;height:12px;border-width:1px 1px 1px 10px;border-radius:4px;border-color:#4C4;background-color:#9E9;border-style:solid;*/
}






.submenuonglets	{ color:#888; text-align:left; background-repeat: no-repeat; background-position: 999px; background-image:url();height:12px;display:block;z-index:198; border-width: 0px 0px 1px 0px; font-size:56%;; text-transform: uppercase; text-decoration: none;padding:2px 8px 2px 8px;spacing:0px 0px 2px 0px;}
.submenuonglets:hover	{ background-color: #e0e0e0;text-decoration:none;}


.divmenuonglets {width:100%;height:40px;padding:1px 1px 0px 1px;overflow-y:hidden;overflow-x:auto;text-align:left;vertical-align:bottom;border-width:0px 0px 1px 0px;border-style:solid;  border-color:#888;display:flex;flex-wrap:wrap;}

.divmenuonglets_bottom {width:100%;height:30px;padding:0px 1px 1px 1px;overflow-y:hidden;overflow-x:auto;text-align:left;vertical-align:bottom;border-width:1px 0px 0px 0px;border-style:solid;  border-color:#888;display:flex;flex-wrap:wrap;}
.divmenuongletscontent {display:flex;flex-wrap:nowrap;width:auto;max-width:90vw;}
.menuonglets {
font-size:70%; text-decoration: none; /*text-transform: uppercase;*/
position:relative;height:23px;text-align:center;
/*font-size: 18px;*/ color: #333;padding:1px 8px 1px 8px;margin:3px 2px 0px 2px;
border-width: 1px 1px 0px 1px; border-color:rgba(0,0,0,0); border-style:solid; /*background-color: #ddd;*/
border-radius:7px 7px 0px 0px;
-moz-border-radius:7px 7px 0px 0px;
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
display:inline-block;
}
.menuonglets.has_cnt:not(.tools) {margin-right:16px;}
.menuonglets.tools .cnt {display:none;}

.divmenuonglets_bottom .menuonglets {
	border-width: 0px 1px 1px 1px;border-radius:0px 0px 7px 7px;margin:0px 2px 3px 2px;
}
.menuonglets:hover  {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-color:#888;  }
.menuongletshere {   font-size: 20px; color:#222;height:31px;z-index:3;display:inline-block;font-weight: bold; padding:2px 8px 2px 8px;margin:0px 2px 0px 2px; }
.menuongletstdhere {display:inline;float:left;padding-top:12px;font-weight:bold;flex:1;}
.menuongletstd {padding-top:12px;flex:1;white-space:nowrap;}
.menuongletsicon {position:absolute;top:0px;}
.menuongletsactive {display:inline-block;color:#000;font-weight:bold;font-size:150%;padding:0px 10px;}

.topsubmenuafter {position:absolute;max-width:50%;maxWidth:50%;right:30%;height:34px;overflow:auto;}
.topsubmenuafter .submenuonglets {display:inline-block;float;left;text-align:left;width:140px;padding:0;margin:0;}
.topsubmenuafter input {display:none !important;}
.topsubmenuafter hr {display:none;}

.divmenuboutons {width:100%;padding:1px 1px 0px 1px;text-align:left;}
.menuboutons  {
text-decoration: none; text-transform: uppercase; font-weight: bold;
height:40px;width:240px;text-align:left;
font-size:87%;; color: #918C73;padding:0px 8px 0px 8px;margin:3px 2px;
border-width: 1px; border-color:#888; border-style:solid; background-color: #CDC9B6;
border-radius:7px;
-moz-border-radius:7px;
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
display:inline-block;line-height:15px;float:left;
    -moz-box-shadow: 3px 3px 5px #aaa;
    -webkit-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);
    zoom: 1;
}
.menuboutonstexte  { display:inline-block; padding-top:10px; }
.menuboutons:hover  {text-decoration:none;  border-color:#111; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;     filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);
    zoom: 1;
 }
.menuboutonstd {padding-bottom:1px;}
.menuboutonsicon {position:absolute;top:6px;}

.th_orderby {text-decoration: none; color: #918C73; cursor:s-resize;font-weight:normal;position:relative;}
.th_orderby_selected {color: #444 !important;font-weight:bold !important;}
.th_orderby_selected:before {position:absolute;right:-12px;content:'\2B06';}
.th_orderby_selected.th_orderby_desc:before {content:'\2B07';}
.th_orderby:hover::before {position:absolute;display: block; right:-12px;width:1px;content:'\2B07';}
.th_orderby_desc:hover::before {content:'\2B06';}

.subzone_onglets_left	{ color:#888;
height:11px;display:block;z-index:198; font-size:50%;; text-transform: uppercase; text-decoration: none;
padding:1px 3px 1px 1px;margin:0px 0px 1px 0px;
overflow:hidden;width:100px;
color: #918C73;
border: #A29A87 solid; border-width: 1px 0px 1px 1px;background-color: #CDC9B6;
-moz-border-left-colors:#A29A87 rgb(209, 198, 174);
-moz-border-radius-topleft:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-bottom-colors:#8B8474 rgb(174, 165, 145);
-moz-border-top-colors:#A29A87 rgb(209, 198, 174);
}
.subzone_onglets_left:hover	{ background-color: #e0e0e0;text-decoration:none;}
.subzone_onglets_left:active	{ background-color: #d0d0d0;text-decoration:none;}

.divsubzone	{
display:inline-block; overflow:auto;padding:2px;margin:0px;
border: #A29A87 solid; border-width: 1px 1px 1px 1px;background-color: #e0e0e0;
-moz-border-left-colors:#A29A87 rgb(209, 198, 174);
-moz-border-radius-topleft:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomright:2px;
-moz-border-bottom-colors:#8B8474 rgb(174, 165, 145);
-moz-border-top-colors:#A29A87 rgb(209, 198, 174);
-moz-border-right-colors:#8B8474 rgb(174, 165, 145);
}

.filelist td {margin-top:1px;padding-top:1px;}

.voucher_ok {color: #CFC;background-color: #080;padding: 4px;border: 1px dotted #CFC;text-align: center;border-radius: 3px;font-style:italic;font-size: 90%;}
.voucher_ko {color: #FCC;background-color: #800;padding: 4px;border: 1px dotted #FCC;text-align: center;border-radius: 3px;font-style:italic;font-size: 90%;}
.voucher_ok .voucher_title {display: block;font-weight: bold;}
.actionmenubg {background-color: #f8f8f8; border: 1px solid; border-color: #f8f8f8;}
.actionmenu {/*max-height: 500px;overflow: auto;*/}
.actionmenu li {position:relative;}
.actionmenu li span.picto {top:3px !important;left:2px !important;opacity:0.8;}
 
.valid0 {font-style:italic;background-color:#ccc;}
.table21 tr.table21_hiddenline {font-style:italic;background-color:#dbb;}
.table21 tr.valid0 td > div {background-color:#ccc;}
.table21 tr.table21_hiddenline td > div {background-color:#dbb !important;}
.table21 tr.valid0 th.table21_rowid, .table21 tr.valid0 th.table21_rowid a, .table21 tr.valid0 span.table21_rowid {background-color:#bbb;}
.table21 tr.table21_hiddenline th.table21_rowid, .table21 tr.table21_hiddenline th.table21_rowid a, .table21 tr.table21_hiddenline span.table21_rowid {background-color:#caa !important;}

.recurtable_depth1 .table21_rowid {left:10px;min-width:30px;}
.recurtable_depth1 th:before {content:' ';border-width:0px 0px 1px 1px;border-color:#ddd;border-style:dotted;position:absolute;top:0px;bottom:5px;left:0px;width:10px;}
.recurtable_depth2 .table21_rowid {left:15px;min-width:25px;}
.recurtable_depth2 th:before {content:' ';border-width:0px 0px 1px 1px;border-color:#ddd;border-style:dotted;position:absolute;top:0px;bottom:5px;left:10px;width:5px;}
.recurtable_depth3 .table21_rowid {left:20px;min-width:20px;}
.recurtable_depth3 th:before {content:' ';border-width:0px 0px 1px 1px;border-color:#ddd;border-style:dotted;position:absolute;top:0px;bottom:5px;left:15px;width:5px;}
.table21,.table21 tr,.table21 td,.table21 th {position:relative;}
.table21 .table21_rowid .tool_container {position:absolute;right:-3px;top:14px;width:40px;}
.table21 a.tools_deeper {position:absolute;left:auto;right:-20px;top:4px;width:32px;height:32px;line-height:32px;}
div.table21 {padding:0px 0px 0px 0px;clear:both;}
td.table21_cattitle_rowid {background:none !important;}
td.table21_cattitle {border-left:none;border-right:none;/*background-color:#f8f8f8;*/font-size:140%;padding-top:20px;}
.table21 tr.header th {border:none;/*background-color:rgba(0,0,0,0) !important;*/font-size:80%;z-index:101;}
th.table21_rowid {border: 0px;text-align:left;padding:0px 4px 0px 0px;background-color:rgba(0,0,0,0);min-width:45px;}
.table21_rowid {color:#888;background-color:rgba(240,240,240,0.99);/*display:flex;align-items:center;*/height:99%;min-width:40px;font-weight:normal;font-size:70%;position:absolute;left:0px;right:5px;top:-1px;padding:3px;border-width:1px 1px 1px 1px; border-style:solid;border-color:#ccc;}
.table21_rowid::before {position:absolute;content:'';font-size:60%;}
.table21_rowid:hover::before {content:'\27A1 ';background-color:rgba(240,240,240,0.95);min-width:25px;font-size:100%;}
.table21 tr.header th.lastline {top:auto !important;bottom: 47px !important;}
.table21_langinfo {float:left;}

th.table21_colid {padding:3px 0px;background-color:rgba(0,0,0,0);white-space:nowrap;}
th.table21_colid a {display:block;width:100%;padding:1px 4px;background-color:rgba(240,240,240,0.99);border-width:1px 1px 1px 1px; border-style:solid;border-color:#ccc;}
th.table21_colid a.th_orderby_selected::before,th.table21_colid a.th_orderby:hover::before {right:20px;top:-18px;}
tr.table21_lastline th,tr.table21_lastline td {background-color:rgba(0,0,0,0);border-width:0px !important;}

.table21 tr td > .tool_container {position:absolute;right:0;top:0;}

div#ajaxalert {position: fixed;right: 100px;top: 8px;z-index: 10000002;}
.table21 tr.header th {position:sticky;top:45px;z-index:102;}
.roundzone .table21 tr.header th {top:0px;}
.nomenu .table21 tr.header th {top:70px;}
.table21 tr td.table21_cattitle {position:sticky;top:35px;z-index:102;height:auto;}
.roundzone .table21 tr td.table21_cattitle {top:7px;}
.table21 tr td.table21_cattitle .table21_cattitle {position:sticky;left:0px;z-index:102;display:inline-block;margin:10px 0px -1px 0px;background-color:#e8e8e8;padding:0px 4px;border-radius:4px;border:1px solid #ddd;}
.table21 tr.recurtable_depth0 th,.table21 tr.recurtable_depth1 th,.table21 tr.recurtable_depth2 th {position:sticky;left:0px;z-index:101;}

.table21 .selectspan, .table21 select, .table21 .inputspan {border:none !important;padding:0 !important;margin:0 !important;}
.table21 .placeholder {display:none !important;}

.celleditsubmit {display:block !important;position:absolute;background-color:#F0F0F0;border:1px solid #eee;padding:2px;z-index:100002;width:20px;height:40px;margin-left:-20px;}

.table21 tr.samevalue th,.table21 tr.samevalue a.table21_rowid {background-color:#FBB;}
.table21 tr.samevalue td.col_ordered,.table21 tr.samevalue td.col_ordered div {background-color:#FEE;}

.table21_addline  {text-align:left;}
.table21_addline td span.selectspanmultiple {min-width:100% !important;max-width:100% !important;}
.table21_addline td.form_line_td2 {display:flex;flex-wrap:wrap;}
.table21_addline td.form_line_td2 > span {flex:1;}


ul.email_folders li {display: block;width:100%;white-space: nowrap;max-height:19px;overflow:visible;position:relative;border:none !important;}
ul.email_folders li:hover {display: block;overflow:visible;}
ul.email_folders li .email_folders_nbelements {position:absolute;right:30px;top:10px;z-index:9;zoom:70%;}
ul.email_folders li .email_folders_nbelements .tools_nbelements {opacity:0.95;margin-right:0px;}
ul.email_folders li .email_folders_nbelements .nbelements_alert {top:-10px;left:-10px;}

.email_from   {font-size:75%;; }
.email_pfrom input[type=checkbox] {/*position:absolute;bottom:2px;*/}
.email_titre  {font-size:81%;;color: #333366; }
td.email_pfrom  {font-size:68%;; color:#666; }
.email_ptitre {font-size:75%;; }
.email_ptitre > a, .email_ptitre > b a, .email_ptitre > i a {/*font-size:75%;;*/}
.email_body   {font-size:75%;;}
.email_body_open,.email_attachments_top {font-size:90%;;}
table.email_body_open, td.email_titre {padding:0px 16px;}
.email_body_open .oxywork_body {max-width:95vw;overflow:auto;}
.email_body_open .oxywork_body blockquote {max-height:50px;opacity:0.5;transition-property: all;transition-duration:0.3s; 
	mask-image: gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
.email_body_open .oxywork_body blockquote:hover, .email_body_open .oxywork_body blockquote:focus, .email_body_open .oxywork_body blockquote:has(input.blockquote:checked), .email_body_open_clicked .oxywork_body blockquote {max-height:10000px;opacity:1;
	mask-image: gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
}
.emailtitle a {color:#888;}
.email_table {position:relative;}
.email_table_ouvert .email_from {background-color:rgba(100,100,150,0.5);color: #FFFFFF;}
.email_line {position:relative;}
.email_line.lineSelected {background-color:rgba(220,220,220,0.5) !important;}
#divemail_main {overflow:visible;max-height:100000px !important;}
.email_swipe {z-index:3;position:absolute;width:100%;}
div.email_line_swipeleft {opacity:0;display:none;right:-80px;top:0;height:26px;width:52px;z-index:1;position:absolute;background-color:#8F8;color:#FFF;transition-property: all;transition-duration:0.3s;}
div.email_line_swiperight {opacity:0;display:none;left:-80px;top:0;height:26px;width:52px;z-index:1;position:absolute;transition-property: all;transition-duration:0.3s;/*background-color:#8F8;color:#FFF;*/}
.email_line_body {}
tbody.email_foldergroup:has( .email_line.line_hide) {display: none;}
tbody.email_foldergroup:has( .email_line:not(.line_hide)) {display: table-row-group !important;}

.email_table_fil .email_ptitre b,.email_table_fil .email_ptitre a,.email_table_suivi .email_ptitre b,.email_table_suivi .email_ptitre a {min-width: 100px;}

.email_table_from input[type=checkbox] {position:absolute;margin-left:-20px;margin-top:8px;}
.email_table_from .email_body {max-width: 800px;margin: auto;padding:10px;}
.email_table_from .email_line {height: auto !important;}
.email_table_from .email_line {margin-top: 16px;text-align:center;}
.email_table_from .email_line h3, .email_table_from .email_line h2, .email_table_from .email_line h2 b {margin: 0;padding: 0;font-weight:normal !important;}
.email_table_from .email_line h2{font-size:150%;text-align:left;}
.email_table_from tr.attachments_line_tr {position: absolute;right:0;}

table.email_table tr.email_foldertitle > td {padding-top:4px;padding-bottom:4px;background-color:#fff;}
table.email_table tr.email_foldertitle:not(:first-of-type) > td table.titlezone {width:100%; border-top:1px solid #ddd !important;}

table.email_table_grid > tbody {display: flex;flex-wrap: wrap;}
/*table.email_table_grid > tbody:after {display: block;    content: " ";    flex: 1 1 auto;}*/
table.email_table_grid > tbody > tr.email_foldertitle {flex: 100;min-width: 100% !important;height: 32px !important;}
table.email_table_grid > tbody > tr.email_line {align-self: flex-start;height: 230px;flex: 1;min-width: 173px;max-width: 198px;display: inline-flex;flex-wrap: wrap; border: 1px solid #ddd;margin: 2px;border-radius: 2px;}
table.email_table_grid > tbody > tr.email_line.thread {display: none;}
table.email_table_grid > tbody > tr.email_line .email_tools {position: absolute;left: -4px;top: -4px;width: 30px;}
table.email_table_grid > tbody > tr.email_line td.email_for {position: absolute;height: 15px;top:0px;right:30px;}
table.email_table_grid > tbody > tr.email_line td.email_pfrom {position: absolute;height: 24px;width: 100%;overflow: hidden; top:0px;padding-left: 5px;}
table.email_table_grid > tbody > tr.email_line td.email_pfrom .fromto {position: absolute;right: 70px;}
table.email_table_grid > tbody > tr.email_line td.email_pfrom input[type=checkbox] {position: absolute;right: 50px;bottom:auto;z-index: 99;}
table.email_table_grid > tbody > tr.email_line td.email_date {position: absolute;right: -1px;top: -1px;padding: 4px 2px;width: auto;height: auto;background-color: #fff;border: 1px solid #ddd;}
table.email_table_grid > tbody > tr.email_line td.email_title {position: absolute;left: 0px;right: 0px;width: 100% !important;top: 25px;height: 205px;overflow: hidden;margin-top: 0px;}
table.email_table_grid > tbody > tr.email_line td.email_title span.email_title {white-space:normal;position:relative;}
table.email_table_grid > tbody > tr.email_line .email_ptitre {display:flex;flex-wrap: wrap;padding:6px;}
table.email_table_grid > tbody > tr.email_line .email_ptitre b, table.email_table_grid > tbody > tr.email_line .email_ptitre a {display:block;min-width: 100%;line-height:13px;font-size:81%;;height:auto !important;overflow:visible;}
table.email_table_grid > tbody > tr.email_line td.email_title .tag {position: absolute;margin: 0px;right: 2px;}
table.email_table_grid > tbody > tr.email_line:hover td.email_title {overflow: auto;z-index: 105;}
table.email_table_grid > tbody > tr.email_line td.email_title div.email_ptitre a {display: block;white-space:normal;/*height: 19px !important;overflow: hidden;*/}
table.email_table_grid > tbody > tr.email_line .email_body_1preview {visibility: visible !important;line-height: 12px;padding-left:0px;padding-top:4px;height:auto;}
table.email_table_grid > tbody > tr.email_line .email_body_preview {border: none !important;}
table.email_table_grid > tbody > tr.email_line .email_swipe {visibility: hidden !important;position: absolute;right: 0px;top: 0px;z-index: 106;}
table.email_table_grid > tbody > tr.email_line .email_swipe .email_line_swipeleft {display:none;left: auto;right: -1;top: -4;background: none !important;}
table.email_table_grid > tbody > tr.email_line .email_swipe .email_line_swiperight {/*left:  auto;right: -40;top: -4;*/background: none !important;}
table.email_table_grid > tbody > tr.email_line:hover .email_swipe {visibility: visible !important;}
table.email_table_grid > tbody > tr.email_line .email_attachments {position:absolute;bottom:-1px;left:-1px;right:0px;z-index:11;}
table.email_table_grid > tbody > tr.email_line .email_attachments .email_attachment {height:32px;}
table.email_table_grid .attachment_zoom2 {top: -160px !important;left: 2px !important;margin-left: 0px !important;}
table.email_table_grid > tbody > tr.email_line.email_showbody.lineSelected {height: 380px !important;min-width: 280px;max-width: 410px;}
table.email_table_grid > tbody > tr.email_line.email_showbody td.email_title {height: 355px;}
table.email_table_grid > tbody > div.email_sendinfos {bottom:0px;}

table.email_table_smallgrid > tbody {display: flex;flex-wrap: wrap;}
table.email_table_smallgrid > tbody > tr.email_foldertitle {display: none !important;}
table.email_table_smallgrid > tbody > tr.email_line {height: 84px;flex: 1;min-width: 180px;display: flex;flex-wrap: wrap; border: 1px solid #ddd;margin: 2px;border-radius: 2px;}
table.email_table_smallgrid > tbody > tr.email_line.thread {display: none;}
table.email_table_smallgrid > tbody > tr.email_line .email_tools {position: absolute;left: -4px;top: -4px;width: 30px;}
table.email_table_smallgrid > tbody > tr.email_line td.email_for {display: none;}
table.email_table_smallgrid > tbody > tr.email_line td.email_pfrom {position: absolute;height: 22px;top:0px;left: 0px;}
table.email_table_smallgrid > tbody > tr.email_line td.email_date {position: absolute;right: -1px;top: -1px;padding: 4px 2px;width: auto;height: auto;background-color: #fff;border: 1px solid #ddd;}
table.email_table_smallgrid > tbody > tr.email_line td.email_title {min-width: 100%;height: 62px;overflow: hidden;top: 22px;}
table.email_table_smallgrid > tbody > tr.email_line .email_ptitre {flex-wrap: wrap;}
table.email_table_smallgrid > tbody > tr.email_line .email_ptitre b, table.email_table_smallgrid > tbody > tr.email_line .email_ptitre a {display:block;min-width: 100%;}
table.email_table_smallgrid > tbody > tr.email_line:hover td.email_title {overflow: auto;min-height: 100px;background-color: #fff;padding: 2px;border-width:  0px 1px 1px 1px;border-style: solid;border-color: #ddd;position: absolute;top: 22px;z-index: 105;margin: -1;}
table.email_table_smallgrid > tbody > tr.email_line td.email_title .tag {position: absolute;margin: 0px;right: 2px;}
table.email_table_smallgrid > tbody > tr.email_line td.email_title div.email_ptitre a {display: block;height: 19px !important;overflow: hidden;}
table.email_table_smallgrid > tbody > tr.email_line .email_body_1preview {visibility: visible !important;line-height: 10px;height:40px;}
table.email_table_smallgrid > tbody > tr.email_line:hover .email_body_1preview {height:80px;}
table.email_table_smallgrid > tbody > tr.email_line .email_body_preview {border: none !important;}
table.email_table_smallgrid > tbody > tr.email_line .email_swipe {visibility: hidden !important;position: absolute;right: 0px;top: 0px;z-index: 106;}
table.email_table_smallgrid > tbody > tr.email_line .email_swipe .email_line_swipeleft {left: auto;right: -1px;top: -4px;background: none !important;}
table.email_table_smallgrid > tbody > tr.email_line .email_swipe .email_line_swiperight {left:  auto;left: -1px;top: -4px;background: none !important;}
table.email_table_smallgrid > tbody > tr.email_line:hover .email_swipe {visibility: visible !important;}
table.email_table_smallgrid > tbody > tr.email_line .email_attachments {position:absolute;bottom:-1px;left:-1px;right:0px;z-index:11;}
table.email_table_smallgrid > tbody > tr.email_line .email_attachments .email_attachment {height:32px;}
table.email_table_smallgrid > tbody > div.email_sendinfos {bottom:0px;}

table.email_table_frombody .tag_readstate {float: right !important;}
table.email_table_frombody a.email_title {font-size: 130%; }
table.email_table_frombody td.email_body {padding: 4px 16px; }
table.email_table_frombody .email_body {font-size: 100%;line-height:100% !important; }
table.email_table_frombody .email_body_preview {height:auto !important; }
table.email_table_frombody div.email_attachments {max-width:30%; }
table.email_table_frombody div.email_attachment {width: auto !important;height:32px !important; }
table.email_table_frombody div.email_attachment a {line-height: 12px;}

.line_hide {height:0px !important;overflow:hidden;animation:vanishleft 1s ease-in !important;display: none !important;}

@keyframes swiperight { 
	0% { left:0px; } 25% { left:0px; } 	100% { left:52px; } 
}
@keyframes swiperightover { 
	0% { left:-52px;opacity:0; } 25% { left:-52px;opacity:0; } 	100% { left:0px;opacity:1; } 
}
@keyframes swipeleft { 
	0% { right:0px; } 25% { right:0px; } 	100% { right:52px; } 
}
@keyframes swipeback { 
	100% { right:0px;left:0px; } 
}
@keyframes vanishleft { 
	0% { left:80px;height:21px; } 
	60% { left:-500px;height:21px; } 
	100% { left:-1000px;height:0px; } 
}
.email_container {border:1px solid #ddd; background-color:#fff;color:#000;}
.email_from   { font-weight: bold; text-decoration: none}
.email_titre  {text-decoration: none;position: relative;}
.email_pfrom  {color:#222; text-decoration: none;white-space: wrap;overflow: hidden;/*padding-bottom: 16px;*/}
.email_pfrom > a {color:#222; }
.email_pfrom .contactinfo {max-width:122px;}
.email_ptitre { color:#888;/*height:18px;*/line-height:18px;/*display: inline-flex;/*overflow:hidden;/*white-space: nowrap;display:flex;*/ }
.email_ptitre > a, .email_ptitre > b a, .email_ptitre > i a {position: relative;z-index: 1;flex: 3;/*white-space:nowrap;*/ height: 19px;min-width: 90px;max-width: 80%;display:block; padding-right:10px;float: left;overflow: hidden; }
.email_ptitre > a .email_title .tag {display: inline-block;/*position: absolute !important;*/}
.email_ptitre > a span.email_title {display: inline-block;/*position: absolute; white-space: nowrap;*/ }
.email_ptitre a:hover {z-index: 3;overflow: visible;flex:39;}
.email_ptitre a:hover span.email_title {background-color: #fff; }
.email_ptitre > b {flex: 3;min-width: 30%;display:inline-block;float: left;}
.email_ptitre.shorttitle {display:flex;}
.email_ptitre.shorttitle > a {min-width: 40px !important;max-width: 40px !important;}
.email_unreplied {color: #333366; text-decoration: none;}
.email_replied {color: #606060;text-decoration: none;}
.email_forgroup {color:#550000;text-decoration: none;}
.email_by {width: 40px;flex: 1;display: table-cell;float:left;}
.email_discussion {position:absolute;z-index:9;right:-10%;bottom:1px;display: block;float: right;margin-top: -7px;line-height: 9px;/*max-width: 25%;*/}
.email_discussion .chat_maintext {margin-bottom:0 !important;}
.email_table_smallgrid .email_discussion,.email_table_grid .email_discussion {right:4px;}
.email_discussion .notes_column div.chat_maintext {max-height: 90%;min-width: 50px;max-width:100px;overflow: hidden;}
.email_discussion .notes_column:hover div.chat_maintext {max-height: 150px;max-width:200px;/*position:absolute;*/z-index: 9;}
.email_discussion .notes_column:hover span.chat_maintext_content {max-height: 150px;max-width:200px;white-space:normal !important;}
.email_date   {font-size:56%;; line-height: 8px;}
.email_titre .email_date {position: absolute;right: 5px;top: 5px;}
span.fromto {font-size:0%;position: absolute;top: 0;z-index: 2;}
span.fromto.from:before {content:'\2B07';font-size:93%;;}
span.fromto.to:before {content:'\21E7';font-style:italic;font-size:93%;;}
span.fromto.mailing:before {content:'\21CA';font-size:93%;;}
span.fromto.error:before {content:'\21AF';font-size:93%;;}
.email_from li {position: relative;padding-left:8px;}
.email_from_envoi_sep {position: absolute;left:-12px;top:0;font-size:200%;font-weight:normal;opacity:0.5;}
.email_int {color:#008;}
.email_table_suivic > tbody {display: flex;flex-direction: column-reverse;}
.email_table_suivic > tbody > tr {min-width:100%;}

.email_showbody {overflow-y:visible;height:auto !important;}
.email_body_preview {opacity:1 !important;color:#000; text-decoration:none;font-weight:normal !important;max-width:100%;height:auto !important;max-height:400px;overflow:auto;display:block !important;text-decoration: none !important;background-color:rgba(255,255,255,0.99);padding-bottom: 10px;/*line-height: 12px;*//*font-size:62%;;*//*border:1px solid #999;*/}
.email_body_1preview {height:19px;overflow:hidden;padding-left:4px;}
.email_body_preview img {/*max-width:100%;*/}
.email_sendalertinfo {position:absolute;right:0;top:2px;font-size:50%;;line-height:10px;font-size: 70%;background-color:#fee;color:#a88;padding:1;border: 1px solid #ddd;border-radius: 4px;}
.email_body_1preview {flex: 10;display: block;/*table-cell;/*position: relative;*/z-index: 2;}
tr.email_line td.email_title {/*overflow: hidden;*/position: relative;}
.email_body_preview {visibility:visible !important;}
.linehover.email_showbody .email_body_1preview {/*min-width: 100%;*/max-width: 100%;width: 100%;overflow-x: auto;overflow-y: auto;float: none;background: none !important;padding-bottom: 10px;}
.linehover.email_showbody .email_ptitre {flex-wrap: wrap !important;white-space: normal !important;}
tr.email_line {border: 1px solid rgba(255,255,255,0);vertical-align: top;/*overflow: hidden;*/transition-property: all;transition-duration:0.3s;}
tr.email_line:hover {border: 1px solid #ddd;border-radius: 12px;background-color: rgba(240,240,240,0.2);z-index: 1000;}
.email_send_from {width:25%;float:left;position:relative;}
.email_send_from .selectspan {max-width:100%;width:100%;height:46px;}
.email_send_to {width:74%;float:left;position:relative;}
.email_send_cc {width:99%;float:left;}

.email_ptitre .email_chart_preview {height:20px;}

@media screen and (min-width: 811px) {
	.email_group_tag {
		margin-top:-2px;
		max-width:50px !important;max-height:12px !important;overflow:hidden !important;}
	.email_table_ultracompact .email_group_tag {position:absolute !important;left:-2;}
}



@media screen and (max-width: 810px) {
	tr.email_line .email_ptitre a {font-size:100%;;/*height:18px;*/line-height:19px;overflow:hidden;/*min-width:100%;*/max-width:100%;overflow:hidden;}
	tr.email_line .email_ptitre {line-height:13px;font-size:100%;;/*max-height:58px;*/margin-bottom:4px;}
	tr.email_line {display:flex;width:100%;height:44px;z-index:2;}
	tr.email_line td {flex:1;}
	tr.email_line td.email_pfrom {min-width:100px;overflow:hidden;}
  tr.email_line td.email_title {flex:6;}
  .email_table:not(.email_table_from) tr.email_line td.email_date {position:absolute;right:0px;top:4px;}
  .email_discussion {right:5px;margin-top:0px;}
  .email_line div.email_attachments {top:20px;right:10px !important;}
  .email_discussion .chat_header_main {background-color: #fff;padding: 7px 10px !important;margin: -7px -10px;}
	tr.email_line td.email_for {display:none;}
	tr.email_line td.email_tools {position: absolute !important;display: flex;left: 20px;width: 20px;top: 44px;}
	tr.email_line span.fromto {position: absolute !important;display: flex;left: 10px;width: 20px;top: 46px;}
	tr.email_line .toolszone {position:relative !important;top:0;right:0px;width:20px !important;}
	.tools_modelwrite {display:none !important;}
	.tools_clock {display:none !important;}
	.tasktitle b {font-size:87%; !important;line-height:14px !important;font-weight:normal !important;} 
	input #pop3_optsplaintextonly {display:none;}
	.email_swipe {display:block !important;}
	#divemail_main .lineSelected  div.email_line_swiperight {display:block;font-weight:normal !important;border-width:0px;opacity:0.8;/*animation:swiperight 0.3s ease-out;*/left:auto;right: 0px;}
	#divemail_main {animation:swipeback 0.3s ease-out;}
	table.email_table_group .email_ptitre > a {/*min-width:100% !important;*/}
	.email_body_1preview {min-height:28px;display:block;clear:both;}
}
@media screen and (min-width: 811px) {
	tr.email_line {height:22px;display:flex;}
	tr.email_line td {flex:1;}
	tr.email_line td.email_pfrom {min-width:150px;/*overflow:hidden;*/}
	table.email_table_group tr.email_line td.email_pfrom {min-width:150px;}
	tr.email_line td.email_title {flex:6;}
	tr.email_line .toolszone {position:absolute !important;top:0;right:10px;width:100px !important;}	
	.email_swipe {display:block !important;}
	div.email_line_swiperight {width:52px;left:-53px;top:0px !important;}
	#divemail_main .lineSelected div.email_line_swiperight {left:0px;top:0px !important;opacity:1;display:block;animation:swiperightover 0.3s ease-out;}
}
table.email_table_group .email_ptitre > a {min-width:180px;}


@media screen and (max-height: 350px) {
	.email_send_type {display:none;}
}

.small {font-size:80%;}
.sup {display: inline-block;font-size:80%;vertical-align: super;}
.smalltd {font-size:80%;line-height:90%;}
.titletd {font-size:110%;font-weight:bold;line-height:90%;}
.smalltable {/*font-size:62%;;*/}
.smalltable td {font-size:80%;;}
.smalltable input {font-size:80%;;}
.smalltable th {font-size:80%;;}
.largetable {width:100%;}
.thinborder {padding:1px;spacing:0px;margin:0px;/*border-width:0px 1px 1px 0px;border-style: solid;border-color:#ccc;*/border-spacing: 0px;border-collapse: collapse;  }
.thinborder td, .thinborder th {border-width:1px;border-style: solid;border-color:#ccc;padding:0px 4px;}
.largetable td, .largetable th {padding:4px 12px;}
.thinborder th {background-color:rgba(230,230,230,0.9);}
.bottomonly {padding:1px;spacing:0px;margin:0px;border-spacing: 0px; }
.bottomonly td, .bottomonly th {border-width:0px 0px 1px 0px;}
.bottomonly th {vertical-align: bottom;font-weight:normal;}
.thinborder h3 {padding:0;margin:0;}
.nomenu .cardcontent table.fullscreen {min-height:90vh;min-width:100vw;}
.cardcontent table.fullheight {min-height:calc(80vh - 100px);}

table.smtp td.err {color:#FFF;background-color:#800;}
table.smtp td.success {color:#FFF;background-color:#080;}
table.smtp td.server {color:#FFF;background-color:#008;}

.nicetable {padding:1px;margin:0px;border: 1px solid #ccc;border-spacing: 0px;border-collapse: collapse;  }
.nicetable td, .nicetable th {border-width:0px 0px 1px 1px;border-style: solid;border-bottom-color:#ccc;border-left-color:#eee;padding:0px 4px; font-size: 85%;}
.nicetable tr:first-of-type th {background-color:rgba(240,240,240,0.99);border-left-width: 1px;position: sticky;top: 48px;}
.nomenu .nicetable tr:first-of-type th {top: 0px;}

table.heightoverflow {}
table.heightoverflow tr {max-height:38px;height:38px;width:100%;clear:both;}
table.heightoverflow th {max-height:38px;height:38px;max-width:200px;padding:0px;position: relative;}
table.heightoverflow td {max-height:38px;height:38px;max-width:120px;padding:0px;}
table.heightoverflow th .tool_container {}
table.heightoverflow th div,table.heightoverflow tr.answer_line td div {display:block;max-height:38px;width:95%;overflow:hidden;padding:3px;}
table.heightoverflow th div:hover,table.heightoverflow tr.answer_line td div:hover {position:absolute;min-width:100px;width:auto;max-width:300px;height:auto;min-height:28px;max-height: 500px;background-color:#fff;margin:-1px;border:1px solid #ccc;padding:2px;overflow:visible;z-index: 102;}
table.heightoverflow th div:hover {background-color:rgba(240,240,240);}
td.rightanswer, td.wronganswer {position:relative;}
td.rightanswer::before, table.heightoverflow td.rightanswer::before {position: absolute;right:0;top:0;padding:2px;z-index:99;content:'\2713';color:#080;background-color:rgba(238,255,238,0.9);}
td.wronganswer::before, table.heightoverflow td.wronganswer::before {position: absolute;right:0;top:0;padding:2px;z-index:99;content:'\2716';color:#800;background-color:rgba(255,238,238,0.9);}
div.answers_bottom {max-height: 200px;overflow-x: hidden;overflow-y: auto;}
div.answers_bottom:hover {max-height: 2000px;}
div.answers_bottom div {height: auto !important;border: 1px solid #eee;background-color: #f0f0f0;padding: 1px !important;margin: 1px !important;display: flex !important;}
div.answers_bottom span {flex: 4;}
div.answers_bottom div.answers_sum_bottom {min-width: 95%;}
div.answers_bottom span.answers_sum_bottom_value {text-align: right;flex: 1;}
/*.thinborder td:last-of-type,.thinborder th:last-of-type {border-right:1px !important;}
.thinborder tr:last-of-type td,.thinborder tr:last-of-type th {border-bottom:1px !important;}*/
div.bottomline {/*position:fixed;bottom:0;width:100%;box-sizing: border-box;display:flex;flex-wrap: wrap;opacity:0.3;font-size:56%;color: #808080;spacing:4px 2px 0px 2px;padding:4px 10px 0px 10px;text-align: left;text-decoration: none;*/}
div.bottomline:hover {opacity:1;/*background-color:rgba(255,255,255,0.95);*/}
body.nomenu div.bottomline { border: #eee solid; border-width: 1px 0px 0px 0px;}
a.bottomline, span.bottomline {display:inline-block;flex:1;color:#333;min-width: 13px;}
#zone6 {display:none;position:fixed;bottom:0px;left: 20px;width: 99px;z-index: 11111;}
#zone6 #ifral {display: none;}
body.nomenu #zone6,body.ingeneralmenu #zone6 {display: block;}
#contexthelp {position:fixed;bottom:-3px;right: -3px;width: 23px;height: 23px;background-color: rgba(250,250,250,0.7);z-index: 12;border-radius: 4px;border: 1px solid #ddd;color: #777;font-size:75%;;text-align: center;transition-property: all;transition-duration: 0.3s;white-space: nowrap;overflow: hidden;}
#contexthelp:hover {width: 200px;height: 30px;}
#contexthelp::before {content:'\e94c';display: inline-block;width: 23px;height: 20px;text-align: center;font-family:'Material Symbols Rounded' ;}
#zone6 #divlangchoice {bottom:25px;padding:2px;right:-1px;width:50px;border:1px solid #ddd;background-color:#fff;overflow:visible;}
.menuline_hover .menu_main #zone6 {/*width:140px;*/}

/*.tool {font-size:62%;;color: #808080;line-height:50%;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
*/

.legend {border-style: dotted; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px; text-decoration: none;};
.tablehr td {border-bottom:1px #888 solid;}

.tablehrtop  {padding:0px;spacing:0px;margin:0px;}
.tablehrleft  {padding:0px;spacing:0px;margin:0px;}
.tablehrtop > tr > td, .tablehrtop > tbody > tr > td {border-top:1px #888 solid;padding:0px 4px;spacing:0px;margin:0px;}
.tablehrleft > tr > td,.tablehrleft > tbody > tr > td {border-left:1px #888 solid;padding:2px;spacing:0px;margin:0px;}
.tablehrleft > tr > th,.tablehrleft > tbody > tr > th {border-left:1px #888 solid;padding:2px;spacing:0px;margin:0px;}
.noborder td {border-width:0px !important;padding:0px;}
.noborder th {border-width:0px !important;padding:0px;}
tr.hrtop th,tr.hrtop td {border-top: 1px solid #999;}
tr.hrtop_big th,tr.hrtop_big td {border-top: 2px solid #999;}
tr.th_big th,tr.th_big td {padding-top: 8px;font-size: 120%;}
tr.th_bg th,tr.th_bg td {background-color:rgba(230,230,230,0.5);}


div.kanban {display: block;max-width: 98vw;overflow: auto;}
div.kanban_preview {display: inline-block;max-width: 300px;max-height: 47px;overflow: auto;}
table.kanban {background-color: #444;border: 1px solid #ccc;color: #ccc;border-spacing: 0px;}
table.kanban_preview {width: 200px;height: 47px;font-size: 7px;font-weight: bold;}
table.kanban_preview td,table.kanban_preview th, table.kanban_preview div.kanban_zone {padding: 0px 3px !important;height: auto !important;}
table.kanban th {background-color: #aaa;color: #fff;font-weight: normal;padding:6px !important;}
.kanban_column {text-align: center;padding:4px !important;}
td.kanban_zone {position: relative;border-top: 1px solid #ccc;border-right: 1px solid #ccc;text-align: center;padding:0px !important;margin:0px;height: 48px;}
div.kanban_zone {max-height: 250px;overflow: auto;padding:6px;}
.kanban_element {display: inline-block;font-size: 90%;clear: both;text-align: center;margin: 2px;background-color: #662;color: #FFF;padding: 12px 4px 12px 12px;border-radius: 8px 2px 2px 2px;width:100%;max-width: 200px;/*min-height:48px;*/ }
.kanban_element a {color: #FFF; }
.kanban_zone .toolszone {visibility: hidden;right: auto;left: -6px;color: #333;}
.kanban_zone .toolszone .tools {color: #555;}
.kanban_zone:hover .toolszone {visibility: visible;}
.kanban_selected {border: 1px solid #fff;}
.kanban_notselected {zoom: 50%;}
a.kanban_highlight {font-weight: bold;border: 1px solid #fff;padding: 2px !important;border-radius: 4px 2px 2px 2px !important;margin: 0px -3px !important;}

.kanban_priority1 {background-color: rgba(0,80,255,0.05);}
.kanban_priority5 {background-color: rgba(80,255,0,0.05);}
.kanban_priority9 {background-color: rgba(255,80,0,0.05);}
.kanban_state99 {opacity: 0.5;}
.kanban_state99:hover {opacity: 1;}
.kanban_state0 {background-color: rgba(0,0,0,0.2) !important;}
.kanban_state0 .kanban_element {background-color: #666;color: #CCC;}
.kanban_state1 .kanban_zone {color: #FFF;}
.kanban_state1 .kanban_element {background-color: #AA6;color: #FFF;}
.kanban_state99 .kanban_element {background-color: #440;}
.kanban_state99 .kanban_zone {color: #999;}

.date {
	font-size:68%;; color: #000066; text-decoration: none; background-color: #ffffff; border: 1px solid; border-color: #CCC; padding:2px;
	scrollbar-color: #000066; scrollbar-width:8px;}

.bigdate,.bigdatel,.bigdated {margin:-1px 2px -1px 0px;color:#ddd;position:relative;border:1px solid #888;background-color:#cce;display:inline-block;width:48px;height:48px;overflow:hidden;border-radius:0px 0px 3px 0px;}
.bigdate .d {position:absolute;top:24px;left:0;width:48px;height:24px;font-size:75%;;font-weight:bold;color:#008;background-color:#fff;text-align:center;}
.bigdate .m {position:absolute;top:0px;left:1px;font-size:81%;;color:#444;font-weight:bold;text-align:left;}
.bigdate .y {position:absolute;top:3px;right:1px;font-size:17px;color:#444;font-weight:normal;text-align:right;}
.bigdated .d {position:absolute;top:16px;left:0;width:48px;height:32px;font-size:24px;font-weight:bold;color:#008;background-color:#fff;text-align:center;}
.bigdated .m {position:absolute;top:0px;left:1px;font-size:81%;;color:#444;font-weight:bold;text-align:left;}
.bigdated .y {position:absolute;top:3px;right:1px;font-size:55%;;color:#444;font-weight:normal;text-align:right;}
.bigdatel .d {position:absolute;bottom:16px;left:0;width:48px;height:22px;font-size:22px;line-height: 22px;font-weight:bold;color:#008;background-color:#fff;text-align:center;}
.bigdatel .m {position:absolute;bottom:0px;left:1px;font-size:81%;;color:#444;font-weight:bold;text-align:left;}
.bigdatel .l {position:absolute;bottom:40px;left: 1px;right:1px;font-size:7px;line-height: 8px;color:#444;font-weight:normal;text-align:left;}
.bigdatel .y {position:absolute;bottom:3px;right:1px;font-size:55%;;color:#444;font-weight:normal;text-align:right;}
.bigdatel .h,.bigdate .h,.bigdatel .H,.bigdate .H {position:absolute;opacity: 0.8;transform: rotate(5deg);top:-3px;right:-3px;font-size:55%;;color:#FFF;background-color: #666;padding: 4px 4px 1px 2px;border-radius: 2px;font-weight:normal;text-align:right;}
.mediumdate .diff,.bigdate .diff,.bigdated .diff,.bigdatel .diff,.medium .diff {position:absolute;top:0px;right:0px;font-size:50%;;color:#666;background-color:#eee;border:1px solid #ddd;border-radius:8px;padding:1px 1px;font-weight:normal;}
.mediumdate_withhour .diff,.bigdated_withhour .diff,.bigdatel_withhour .diff,.smalldate_withhour .diff,.withdiff_withhour .diff {top:35% !important;}
.mediumdate_withhour .d,.bigdated_withhour .d,.bigdatel_withhour .d,.smalldate_withhour .d,.withdiff_withhour .d {width:26px;padding-right:22px !important;}
.bigdate .seph {display: none;}
.bigdate .i {}
.mediumdate {margin:-1px 2px -1px 0px;color:#ddd;position:relative;border:1px solid #888;background-color:#cce;display:inline-block;width:48px;height:32px;overflow:hidden;border-radius:0px 0px 3px 0px;line-height: initial;}
.mediumdate .d {position:absolute;top:18px;left:0;width:48px;height:24px;font-size:68%;;font-weight:normal;color:#008;background-color:#fff;text-align:center;}
.mediumdate .m {position:absolute;top:2px;left:1px;font-size:68%;;color:#444;font-weight:normal;text-align:left;}
.mediumdate .y {position:absolute;top:-2px;right:1px;font-size:17px;color:#444;font-weight:bold;text-align:right;}
.mediumdate_withhour .d {width:20px;}
.mediumdate .H,.mediumdate .H {position:absolute;opacity: 0.8;transform: rotate(5deg);bottom:-1px;right:-3px;font-size:55%;;color:#FFF;background-color: #666;padding: 1px 2px 1px 2px;border-radius: 2px;font-weight:normal;text-align:right;}
.smalldate {white-space:nowrap;margin:-1px 2px -1px 0px;color:#fff;font-size:55%;;position:relative;border:1px solid #888;background-color:#cce;display:inline-block;width:48px;height:14px;overflow:hidden;border-radius:0px 0px 3px 0px;line-height: initial;}
.smalldate_diff {overflow:visible;}
.smalldate .d {position:absolute;top:0px;left:0;width:12px;height:14px;line-height:14px;font-size:55%;;font-weight:normal;color:#008;background-color:#fff;text-align:center;}
.smalldate .m {position:absolute;top:0px;left:14px;font-size:55%;;line-height:14px;color:#444;font-weight:normal;text-align:left;}
.smalldate .y {position:absolute;top:0px;left:32px;font-size:68%;;line-height:14px;color:#444;font-weight:bold;text-align:right;}
.smalldate .diff {position:absolute;top:-3px;right:-14px;font-size:50%;;color:#fff;background-color:#888;border:1px solid #ccc;border-radius:8px;padding:1px 2px;}
.smalldate_withhour .d {width:20px;}
.smalldate .H,.smalldate .H {position:absolute;opacity: 0.8;transform: rotate(5deg);bottom:-1px;right:-3px;font-size:55%;;color:#FFF;background-color: #666;padding: 1px 2px 1px 2px;border-radius: 2px;font-weight:normal;text-align:right;}
.xsmalldate {margin:-1px 2px -1px 0px;color:#ddd;position:relative;border:1px solid #888;background-color:#cce;display:inline-block;width:36px;height:9px;overflow:hidden;border-radius:0px 0px 3px 0px;line-height: initial;}
.xsmalldate .d {position:absolute;top:0px;left:0;width:9px;height:9px;line-height:9px;font-size:7px;font-weight:normal;color:#008;background-color:#fff;text-align:center;}
.xsmalldate .m {position:absolute;top:0px;left:10px;font-size:7px;line-height:9px;color:#444;font-weight:normal;text-align:left;}
.xsmalldate .y {position:absolute;top:0px;left:23px;font-size:50%;;line-height:9px;color:#444;font-weight:bold;text-align:right;}
.xsmalldate_withhour .d {width:20px;}
.xsmalldate .H,.xsmalldate .H {position:absolute;opacity: 0.8;transform: rotate(5deg);bottom:-1px;right:-3px;font-size:55%;;color:#FFF;background-color: #666;padding: 1px 2px 1px 2px;border-radius: 2px;font-weight:normal;text-align:right;}

.bigdate_today .bigdate .d, .bigdate_today .bigdatel .d, .bigdate_today.bigdate .d, .bigdate_today.bigdatel .d { color:red !important; }



.navpages {
	font-size:68%;; color: #444; text-decoration: none; background-color: #eee; border: 1px solid #444;
	scrollbar-color: #444; scrollbar-width:8px;
}
div.navpages {
	background-color: #eee; border: 1px solid #444;
	padding:2px;
	font-size:68%;; color: #444; text-decoration: none;
	text-align:right;
}
div.navpages a {
	font-size:68%;; color: #444; text-decoration: none;
}
.bordsup {border: #808080 solid; border-width: 1px 0px 0px 0px; }

.level {font-size:68%;;}
 .level0 {display:inline; left:2px;}
 .level1 {display:inline; left:30px;}
 .level2 {display:inline; left:50px;}
 .level3 {display:inline; left:70px;}
 .level4 {display:inline; left:90px;}
 .tab1 {display:inline; left:200px;}
 .tab2 {display:inline; left:300px;}
 .tab3 {display:inline; left:400px;}
 .tab4 {display:inline; left:500px;}
 .tabr1 {display:inline; right:2px; text-align:right;}
 .tabr2 {display:inline; right:100px; text-align:right;}

 .tab {position:relative;display:block;height:24px;overflow:hidden;padding-right:8px;line-height:10px;}
 .tabline {height:24px;line-height:100%;font-size:75%;;text-align:left;overflow:hidden;}
 .tab_last { position:absolute;height:20px;float:right;right:0px; padding-right:8px;line-height:10px;font-size:62%;;text-align:left;overflow:hidden;}

/* existing classes: news newsitem newstitle newsitemtitle newsgroup newsheader #newsN #newsitemN #newstitleN #newstitleN a #newsitemtitleN #newsgroupN #newsheaderN */
.newscontainer .grouppath {position:absolute;top:-30px;}

div.newsheader {  font-size:62%;; height:16px;text-align: justify; color:#000000; text-decoration: none; position: absolute;bottom: 0px;width: 100%;/*text-align:center;/*overflow:hidden;*/}
.newsitem { }
.newstitle { font-weight: bold; font-size:100%;;}
.newstitle_cl { width:100%; font-size:68%;}
.newstitle a {  text-decoration: none; }
.news_cl_cl .newstitle > a, .newstitle > b > a { display: block; text-decoration: none; color:#444;position: absolute;left: 0px;right: 0px;bottom: 15px;padding: 2px;background-color: rgba(240,240,240,0.8);}
.newstitle a:hover {  text-decoration: underline;}
.newsimgspace {height:100%;width:100%;cursor:pointer;}
div.newsitemtitle {font-weight: bold;font-size:75%;;}
.newsgroup {  color:#900;}
.news_cl_cl .newsgroup {position: absolute;bottom: -2px;right: -2px;left: -2px;height: 15px;z-index: 9;overflow: visible;border-radius: 0px 0px 6px 6px;}
.newsitemgroup { color:#900; }
.group_text {padding: 4px 16px; text-align: center;}
.news_cl_cl .pathtargeticon {position: absolute;top: 4px;right: 14px;}

.doc_columns .news_cl_cl .newstitle > a, .doc_columns .newstitle > b > a { left: 54px;bottom: 0px;top: 0px;}
.doc_columns .news_cl_cl .newsgroup {top: -1px;right: auto;height: auto;line-height: 24px;}
.doc_lines .news_cl_cl .newstitle > a, .doc_lines .newstitle > b > a { left: 84px;bottom: 0px;top: 0px;}
.doc_lines .news_cl_cl .newsgroup {top: 0px;right: auto;height: auto;width: 84px;overflow: hidden;border-radius: 16px;}
.doc_lines .news_cl_cl .newsgroup:hover {width: auto;z-index: 99;}
.doc_columns .newsgroup_is_target {display: none;}

.news_cl_cl {
position:relative;width:127px;max-width:127px;height:180px;min-width: 110px;overflow:hidden;
cursor:hand;padding:0px;margin:0px;text-align:center;background-position:center 35%;background-repeat:no-repeat;
/*background-size:32px;*/border: 1px solid #eee;border-radius: 6px;}
.news_cl_cl:hover {border: 1px solid #ddd;border-radius: 6px;background-color: rgba(240,240,240,0.2);}

.news_cl_op {position:absolute;overflow:visible;}

.newscontainer_closed .specific_closed {position: absolute;top: 0px;left: 0px;max-width:100%;max-height:100%;z-index:0;padding-left: 0px;/*width:100px/*background-color: #FFF;*/border-radius: 0px;overflow: hidden;text-align: center;justify-content: center;}
.newscontainer_closed .specific_closed ul.inscription_preview {margin: 0;}
.newscontainer_closed .specific_closed h2.newstitle {font-size:50%; !important;font-weight: normal;}
.newscontainer_closed .specific_closed h2 .bigdatel {display: block;float: left;}
.doc_columns .newscontainer_closed .specific_closed {width:auto !important;max-width: 110px !important;left:auto !important;right:-4px;}
.specific_closed .taglist {display: flex;flex-wrap:wrap;align-items: flex-start;align-content: flex-start;}
.specific_closed .taglist .tag {min-width:50px;max-width:80px;white-space:nowrap;zoom:70%;margin:2px 1px 2px 1px;}
.subnews_level1 {flex:1;padding-left:40px;}
.subnews_level2 {flex:1;padding-left:60px;}
.subnews_level3 {flex:1;padding-left:80px;}
.newscontainer_level1 {width:100%;display:inline; left:30px;float:left;}
.newscontainer_level1 .newsheader,.newscontainer_level1 .newsitemtitle {position:relative;/*width:100%;*/}
.newscontainer_level2 {display:inline; left:50px;}
.newscontainer_level3 {display:inline; left:70px;}
.newscontainer_level4 {display:inline; left:90px;}

.newscontainer_level1 .toolszone_inline,.newscontainer_level2 .toolszone_inline,.newscontainer_level3 .toolszone_inline,.newscontainer_level4 .toolszone_inline {left:0px;right:auto;}

.news_preview_text {display:inline-block;font-size:70%;text-align:left;padding:4px; opacity:0.05;transition-property: all;transition-duration:0.3s;}
.newscontainer:hover .news_preview_text {opacity:0.9;background-color:rgba(255,255,255,0.8);}

.flex {display:flex;}
.flexwrap {display:flex;flew-wrap:wrap;}

.flexcontents {display:flex;flex-wrap:wrap;align-items: flex-start;}
.flexcontents > div {flex:1;display: inline-block;margin-right: 8px;}
.flexcontents > div > span.inputspan,.flexcontents > div > span.inputspangroup {width:100%;min-width:200px;max-width:100%;}
.flexcontents > div > span.selectspan {min-width:200px;max-width:100%;}


table.flextable tr {display:flex;/*flex-wrap:wrap;*/width:100%;}
table.flextablewrap tr,table.flextableopen tr {flex-wrap:wrap;}
table.flextableopen td:not(.small):not(.xsmall):not(.msmall):not(.nsmall) {min-width:100% !important;}
table.flextableopen .contactchoice, table.flextableopen .contactchoice .selectspan {min-width:100% !important;}
/*form table.flextable tr {margin-bottom:24px;}*/
table.flextable td,table.flextable th ,table.flextable td.normal,table.flextable th.normal {flex:2;min-width:150px;}
table.flextable td.msmall,table.flextable th.msmall {flex:0 !important;width:40px;min-width:40px;}
table.flextable td.xsmall,table.flextable th.xsmall {flex:0 !important;width:20px;min-width:20px;}
table.flextable td.nsmall,table.flextable th.nsmall {flex:1;min-width:60px;}
table.flextable td.small,table.flextable th.small,table.flextable td.small60,table.flextable th.small60 {flex:1;min-width:60px;}
table.flextable td.nsmall,table.flextable th.nsmall {flex:1;min-width:60px;}
table.flextable td.small80,table.flextable th.small80 {flex:1;min-width:80px;}
table.flextable td.small2,table.flextable th.small2 {flex:2;min-width:120px;}
table.flextable td.medium,table.flextable th.medium {flex:3;min-width:200px;}
table.flextable td.mediumbig {flex:4;min-width:220px;}
table.flextable td.line {flex:50;width: 100%;min-width:100%;}
table.flextable td.big {flex:5;min-width:250px;}
table.flextable td.big .inputspan {width:95%;}
table.flextable th.big {flex:1;min-width:250px;}
table.flextable:not(table.flextable_big) td .inputspan {max-width:95%;}
table.flextable td.half {flex:3;min-width:35%;}
table.flextable td.inputmax span.inputspan {min-width:95%;}
table.flextable .inputspangroup {margin:0;padding:0;}
table.flextable td.linebreak {display: none;}
table.flextable td.spaced {margin-left:20px;}
table.flextable_big td.linebreak {display: block;min-width: 100%;height: 2px;}

@media screen and (max-width: 1200px){ .hide-1200{display:none !important;} }
@media screen and (max-width: 1100px){ .hide-1100{display:none !important;} }
@media screen and (max-width: 1000px){ .hide-1000{display:none !important;} }
@media screen and (max-width: 900px) { .hide-900 {display:none !important;} }

@media screen and (max-width: 800px) { 
table.flextable:not(table.flextable_big) td.small,table.flextable:not(table.flextable_big) th.small {display:none;}
table.flextable:not(table.flextable_big) td.nsmall,table.flextable:not(table.flextable_big) th.nsmall {display:none;}
.hide-800 {display:none !important;}
table.flextable td.linebreak {display: block;min-width: 100%;height: 2px;}
}
@media screen and (max-width: 750px) { .hide-750 {display:none !important;} }
@media screen and (max-width: 700px) { .hide-700 {display:none !important;} }
@media screen and (max-width: 650px) { .hide-650 {display:none !important;} }
@media screen and (max-width: 600px) { 
table.flextable:not(table.flextable_big) td.msmall,table.flextable:not(table.flextable_big) th.msmall {display:none;}
.hide-600 {display:none !important;}
}
@media screen and (max-width: 550px) { .hide-550 {display:none !important;} }
@media screen and (max-width: 500px) { .hide-500 {display:none !important;} }
@media screen and (max-width: 450px) { .hide-450 {display:none !important;} }
@media screen and (max-width: 420px) { 
table.flextable:not(table.flextable_big) td.xsmall,table.flextable:not(table.flextable_big) th.xsmall {display:none;}
table.flextable:not(table.flextable_big) th {display:none;}
table.flextable:not(table.flextable_big) td.opt {display:none;}
table.flextable td {min-width:100% !important;}
table.flextable td .inputspan {width:auto !important;min-width:50% !important;}
.hide-420 {display:none !important;}
}
@media screen and (max-width: 414px) { .hide-414 {display:none !important;} }
@media screen and (max-width: 400px) { .hide-400 {display:none !important;} }
@media screen and (max-width: 350px) { .hide-350 {display:none !important;} }
@media screen and (max-width: 320px) { .hide-320 {display:none !important;} }
@media screen and (max-width: 300px) { .hide-300 {display:none !important;} }

@media screen and (min-width: 1200px){ .hide1200{display:none !important;} }
@media screen and (min-width: 1100px){ .hide1100{display:none !important;} }
@media screen and (min-width: 1000px){ .hide1000{display:none !important;} }
@media screen and (min-width: 900px) { .hide900 {display:none !important;} }
@media screen and (min-width: 800px) { .hide400 {display:none !important;} }
@media screen and (min-width: 750px) { .hide750 {display:none !important;} }
@media screen and (min-width: 700px) { .hide700 {display:none !important;} }
@media screen and (min-width: 650px) { .hide650 {display:none !important;} }
@media screen and (min-width: 600px) { .hide600 {display:none !important;} }
@media screen and (min-width: 550px) { .hide550 {display:none !important;} }
@media screen and (min-width: 500px) { .hide500 {display:none !important;} }
@media screen and (min-width: 450px) { .hide450 {display:none !important;} }
@media screen and (min-width: 420px) { .hide420 {display:none !important;} }
@media screen and (min-width: 414px) { .hide414 {display:none !important;} }
@media screen and (min-width: 400px) { .hide400 {display:none !important;} }
@media screen and (min-width: 350px) { .hide350 {display:none !important;} }
@media screen and (min-width: 320px) { .hide320 {display:none !important;} }
@media screen and (min-width: 300px) { .hide300 {display:none !important;} }



.taskline {height: 47px;position: relative;z-index: 9;clear: both;width: 99%;border-top: 1px solid #ccc;}
body:not(.s_8) .roundzone:not(.fullscreen) .tasklines {max-height:300px;overflow:auto;}

.accountsearch table {}
.accountsearch th {}
.accountsearch td {}
.accountlist th {}
.accountlist td {}

.qfree {font-style:italic;font-weight:normal;}
.linecol td {border-left:1px solid #888;padding: 0px 2px 0px 2px;}

.listes_nbelements {width:20px;height:16px;border-radius:12px;line-height:16px;font-size:50%;;text-align:center;background-color:#eee;color:#888;position:absolute;right:-6px;top:-10px;opacity:0.6;z-index:2;}
.listes_nbelements_sub {width:24px;height:24px;border-radius:16px;line-height:24px;font-size:75%;;text-align:center;background-color:#eee;color:#666;border:1px solid #aaa;position:absolute;right:-6px;bottom:-10px;opacity:0.8;z-index:101;}
.listes_edit {width:12px;height:12px;border-radius:12px;line-height:12px;font-size:50%;;text-align:center;background-color:#eee;color:#888;position:absolute;right:-6px;bottom:1px;opacity:0.6;}
.tools_nbelements {vertical-align: super;min-width:20px;height:16px;padding:2px 0px;border-radius:12px;line-height:16px;font-size:50%;;text-align:center;background-color:#eee;color:#222;margin-left:-1px;margin-top:-10px;opacity:0.6;display:inline-block;}
.help {opacity:0.3;vertical-align: super;min-width:20px;height:16px;padding:2px 0px;border-radius:12px;line-height:16px;font-size:50%;;text-align:center;background-color:#ded;color:#686;margin-left:-6px;margin-top:-1px;opacity:0.6;display:inline-block;}
.tools_nbelements:hover {opacity:1;color:#000;}
.help:hover {opacity:0.99;}
.nbelements {min-width:16px;height:16px;display: inline-block;margin: 0px 20px 0px 1px;padding: 0px 8px 0px 3px;border-radius:12px;line-height:16px;font-size:50%;;text-align:center;background-color:#eee;color:#888;position: relative;}
.nbelements_alert {min-width:16px;height:16px;display: inline-block;margin: 0px 20px 0px 1px;padding: 0px 8px 0px 3px;border-radius:12px;line-height:16px;font-size:50%;;text-align:center;background-color:#800;color:#FDD !important;position: relative;}
.nbelements .toolszone_inline ,.nbelements_alert .toolszone_inline {position: absolute !important; right: -12px !important;top: 0px !important;}
.nbelements .toolszone_inline .contactsquare,.nbelements_alert .toolszone_inline .contactsquare {display:block !important;}
.cnt {min-width:16px;height:16px;box-sizing: border-box;border-radius:16px;line-height:14px;font-size:50%;;text-align:center;background-color:#444;color:#fff;border:1px solid rgba(255,255,255,0.7);position:absolute;right:-10px;top:-8px;padding:0px 2px;opacity:0.95;z-index:100001;}
.cntm {min-width:16px;height:16px;box-sizing: border-box;border-radius:16px;line-height:14px;font-size:50%;;text-align:center;background-color:#444;color:#fff;border:1px solid rgba(255,255,255,0.7);position:absolute;top:4px;right:-10px;padding:0px 2px;opacity:0.95;z-index:100001;}
.cnt_isalert {background-color:#C44;}
.cnt_smallalert {width:12px;height:12px;border-radius:12px;line-height:12px;font-size:50%;;text-align:center;background-color:#C44;color:#fff;position:absolute;right:-6px;top:-6px;opacity:0.8;z-index:101;}
.has_cnt {padding-right:8px !important;}

.divopt_cadre {margin-top:20px;}
.nomenu .divopt_cadre {margin-top:0px;}
.divopt_cadre .divopt_top {position:fixed;z-index:100000;margin-left:12px;right:12px;top:47px;max-width:100vw;}
.nomenu .divopt_cadre .divopt_top {top:0px;}
.divopt_onglets {position:fixed;z-index:10;top:37px;left:0px;right:0px;border-bottom:1px solid #ccc;height:50px;padding:2px 1px 0px 1px;overflow:hidden;text-align:left;vertical-align:bottom;background-color:#fff;}
.divopt {position:fixed;z-index:2;/*top:70px;bottom:40px;*/top:89px;bottom:50px;left:245px;right:0px;/*width:95%;*/overflow-x:hidden;overflow-y:auto;visibility:hidden;border:1px solid #888;background-color:#eee;padding:5px;}
.divopt_buttons {z-index:10003;position:fixed;bottom:-1px;right:-1px;left:-1px;height:28px;top:auto !important;overflow:hidden;vertical-align:middle;text-align:right;background-color:rgba(220,220,220,0.95);padding:0px 20px 0px 20px;border:1px solid #aaa;}
.divopt_button {border:1px solid #888;background-color:#ccc;width:60px;height:20px;}
.divopt h3 {display:none;}
.divopt_buttons input {width:auto !important;}
.nomenu .divopt_onglets {top:0px;}

@media screen and (min-width: 1001px) {
body:not(.nomenu) .menuonglets_zone2 { display:none;}
body:not(.nomenu) .divopt_zone2 {
	position: fixed;
	z-index:99999;
	left: 30px;
	width: 199px;
	bottom: 50px;
	overflow: auto;
	top: 150px;
	visibility: visible !important;
	overflow:auto;
}
}
.bottomsubmit {padding:0px 5px 5px 5px !important;text-align:right;background-color:rgba(220,220,220,0.95);text-align:right;z-index:10001;}
.bottomsubmit input[type=submit],.bottomsubmit input[type=button] {background-color:rgba(220,220,220,1) !important;border:1px solid #999;border-radius:8px;padding:2px;}
.nomenu .bottomsubmit span.buttongroup {display: flex;flex: 1;}
.nomenu .bottomsubmit span.buttongroup:hover {/*display: flex;flex: 100;overflow: visible;*/}
body.nomenu .bottomsubmit_av {height:45px;padding:0px;}
body.nomenu .bottomsubmit, .bottomsubmit.bottomsubmitfixed,.divopt_cadre .bottomsubmit {position:fixed;bottom:0;left:0;right:0;height:45px;z-index:10001;display:flex;overflow:hidden;justify-content: right;}
.bottomsubmit.bottomsubmitsticky {position:sticky;bottom:0;left:0;right:0;height:45px;z-index:10001;display:flex;overflow:hidden;justify-content: right;}
.bottomsubmitauto {height: auto !important;flex-wrap:wrap;}
.bottomsubmit70 {height: 70px !important;}
.bottomsubmit50 {height: 50px !important;}
.dragablebox .bottomsubmit {position:relative;}
.bottomsubmit .inputspan, .bottomsubmit .selectspan, .bottomsubmit .inputspangroup, .bottomsubmit .buttongroup {border-radius:8px;padding:2px;background-color:rgba(255,255,255,0);}
.bottomsubmit .buttongroup,.bottomsubmit .inputspangroup {background-color:rgba(255,255,255,0.7) !important;border:1px solid #bbb;border-radius:8px;padding:2px;}
.bottomsubmit .inputspangroup {max-height: 44px;overflow-x: auto;overflow-y: hidden;flex-wrap: nowrap !important;}
.bottomsubmit input[type=submit],.bottomsubmit input[type=button] {font-size:100%;;background-color:#aaa !important;float: right;}
.bottomsubmit input[type=submit]:hover,.bottomsubmit input[type=button]:hover {background-color:#999 !important;}
.bottomsubmit .buttongroup {padding-top:0px !important;margin-top:8px;height:20px;max-width: 80vw;overflow: hidden;}
.bottomsubmit .buttongroup.hasplaceholder {height:auto;}
.bottomsubmit .buttongroup.withplaceholder {height:auto;}
body.nomenu .bottomsubmitspacer, .roundzone .bottomsubmitspacer {display:block;height:55px;}
body.nomenu div.bottomsubmitspacer {/*clear:none;height:0px;display: none;*/}

body.nomenu .divopt, body.nomenu .divopt_onglets {left:0px;}
body.nomenu .divopt {top:74px;bottom:50px;}
body.nomenu .divopt_cadre .divopt_top {margin-left:0px;}

.divopt span.inputspantext , .divopt span.inputspantextarea {display: block}
.divopt span.inputspangroup {width: 100%;}

.registration_table .registration_line > td {border: 0px solid #ddd;}
.registration_table .registration_line > td {border: 1px solid #ddd;border-radius: 8px;background-color: #f0f0f0;}
.registration_table .registration_line h5 {/*font-size: 22px;*/}
.registration_titleline {display: flex;}
h5.registration_past {color: #888;font-weight: normal;}
h5.registration_future {color: #060;font-weight: bold;}
.registration_contact {position: absolute; right: -1px; top: 2px;z-index: 3;}
.registration_details {display: inline-block;background-color: #eee;border: 1px solid #ddd;}
.registration_product {text-align: right;justify-content: right;align-self: start;}
.registration_product h6 {padding: 0;margin: 0;position: absolute;right: 10px;z-index: 13;}
.registration_product .order_table_tr {float: right;}
.registration_product .registration_product_block {position: absolute;right: 0;z-index: 1;}
.registration_buttons {display: flex;flex-wrap: wrap;align-items: center;min-height: 86px;}
.registration_buttons > div {flex: 1;min-width:120px; }
.registration_buttons .inputspansubmit {max-width:200px; }
.registered_ok {display: block;border:1px solid #888;background-color:#9C9;color:#FFF;padding: 3px 8px;border-radius:3px;/*font-size:0px;*/}
.registered_ok::before {font-size:18px;content:'\2713';margin-right: 10px;}
.registered_confirmed::before {font-size:18px;content:'\2713\2713';margin-right: 10px;}
.firstanswer {border:1px solid #888;background-color:#EDD;color:#999;padding: 1px 8px;border-radius:3px;margin:2px;display:inline-block;}
.firstanswer:hover {background-color:#C44;color:#FFF;}
.existinganswer {border:1px solid #888;background-color:#C44;color:#FFF;padding: 1px 8px;border-radius:3px;margin:2px;display:inline-block;}

ul.registrations {padding:0;margin:0;} 
ul.registrations li {list-style: none;position: relative; clear:both;} 
.registrations_preview h5 {font-size:9px;line-height:8px;text-align:left;font-weight:normal;max-height:50px;overflow:hidden;}

.contact_people { background-color:#e0e0e0;}
.contact_company {background-color:#e0e0a0; font-style: italic;}


#rearrangediv {position:absolute;right:0px;top:0px;background-color:#FFF;z-index:99999;padding:12px 12px 0px 0px;}

.hidden_rearrange_divs {
	height:32px;overflow:hidden;width:64px;float:left;clear:none !important;margin-top:24px !important;margin-right:16px !important;margin-bottom:24px !important;
	filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
}
.hidden_rearrange_divs .tools,.hidden_rearrange_divs .toolszone_medium,.hidden_rearrange_divs div:not(.titlezoneicon) {display: none !important;}
.hidden_rearrange_divs_orig {	opacity:0.2;/*overflow:visible;*/}
.hidden_rearrange_divs_over {	opacity:0.9; margin-bottom:200px !important;/*overflow:visible;*/}
#dragDropMoveLayer .hidden_rearrange_divs_orig { opacity:0.9 !important;/*overflow:visible;*/}

.cattitle {/*font-size:81%;;*/font-weight:bold;padding:3px;border-radius:2px;}

.abscont {
	position:relative;
	width:1px;height:1px;
}

.aboutmark {float:right;background-color:#ccc;color:#fff;border-radius:12px;font-size:50%;;line-height:12px;text-align:center;height:12px;width:12px;display:inline-block;}
.inputspan .aboutmark,.inputspangroup .aboutmark {position:absolute;right:2px; top:2px; }

.quest_analyse_commands {padding-top:100px;}

.answerslist .answer_tag {display: inline-block;padding: 1px 2px;font-size: 80%;margin: 1px 2px;border: 1px solid #eee;background-color: #f8f8f8;border-radius: 3px;}
.td_question_npage {page-break-before:always;}
.td_question_title,.td_question_titl1,.td_question_titl2 {flex-wrap:wrap;}

.quest_pages_col {display:inline-flex;width:auto;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:16px 0px;}
.quest_pages_col div.quest_page {background-color:#fff;flex:50;border-width:1px 1px 1px 1px;border-style:solid;border-color:#ccc;border-radius: 8px;margin:0px 2px;padding:3px 8px;text-align:center;position:relative;min-width:40px;transition:all 0.3s;}
.quest_pages_col div.quest_page a {display:inline-block;color:#222;overflow:hidden;}
/*{display:inline-block;flex:1;min-width:150px;white-space:nowrap;margin-left:5px;padding:3px; background-color:#eee;border-width:1px 1px 0px 1px;border-style:solid;border-color:#ddd;border-radius:3px 3px 0px 0px;overflow:hidden;}*/
.quest_pages_col div.quest_page:not(.quest_page_here):hover {flex:200 !important;min-width:80px !important;}
.quest_pages_col div.quest_page.quest_page_here {flex:200;min-width:80px;background-color:#eee;font-weight:bold;}
.quest_pages_col div.quest_page_sep {flex:1;min-width:0px;max-width:30px;line-height:32px;text-align:center;}
.quest_pages_col div.quest_page_sep::before {content:">";font-size:55%;;color:#999;}
.quest_pages_col div.quest_page.quest_page_done::after {position:absolute;right:0px;top:-16px;content:"\2713";color:#040;background-color:#fff;border:1px solid #ddd;padding:2px;border-radius:16px;width:16px;height:16px;line-height:16px;}

@media screen and (max-width: 700px) {	
.quest_pages_col div.quest_page {max-width:35%;white-space:normal;/*overflow:hidden;*/font-size:70%;margin:0px 1px;}
.quest_pages_col div.quest_page_sep {max-width:0px;}
.quest_pages_col div.quest_page_sep::before {max-width:0px;position:absolute;margin-left:-3px;line-height:20px;}
}

div.quest_bottombutton {text-align:center;}
input.quest_bottombutton {font-size:130%;font-weight:bold;padding:2px 20px;background-color:#ccc;}

.divreptexte {border-radius:12px;border:1px solid #ccc;padding:2px 8px !important;background-color: #FFF;}
table.quest_contents input[type=text],table.quest_contents input[type=number],table.quest_contents input[type=date],table.quest_contents textarea {border:none;background:none;font-size:inherit;font-family:inherit;}
@media screen and (max-width: 800px) { 
	/*.quest_page,.quest_pages_col {display:none;}*/
	.quest_pages_contents {border:none !important;}
	table.subquestion td {padding:0;spacing:0;margin:0;/*height:1px;*/}
	table.subquestion td > div {height:100%;display:inline-block !important;}
	table.subquestion input[type=radio] {width:100%;height:100%;display:block;margin:0;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline:0;border:none;}
	table.subquestion input[type=radio]:checked {background-color:#696;}
	input[type=submit],input[type=button] {border:1px solid #888;}
}
@media screen and (max-width: 479px) { 
	input[type=submit],input[type=button],.inputspantext,.inputspantextarea,.selectspan {width:100%;padding:2px !important;font-size:100%;}
  td.question_subquestion {display: block;width: 95vw;text-align:left;overflow:hidden;margin-bottom: 35px !important;z-index: 10;position: relative;}
  th.question_question_header {width:2% !important;}
  .question_comment {min-width:90vw;}
}


div.quest_contents {/*width:100%;height:auto;overflow-x:hidden;overflow-y:visible;*/}
.quest_staffedit .question_tds {display:flex;border-top:1px solid #eee;}
.quest_staffedit .question_trs:nth-of-type(even) td {/*background-color:#e8e8e8;*/}
.quest_staffedit .question_tds .question_question {min-width:160px;width:30%;max-width:30vw;font-size:inherit;font-weight:normal;display:inline-block;}
.quest_staffedit .question_tds .question_choice {min-width:55vw;max-width: 65vw;width: 70%;}
.quest_staffedit .question_tds .question_choice.question_type_list, .question_choice.quest_compact {display:flex;flex-wrap:wrap;}
.quest_staffedit .question_tds .question_choice .divreplist, .question_choice.quest_compact .divreplist {flex:1;min-width:100px;margin: 1px 1px 0px 0px;border-radius:4px;transition:all 0.3s;}
.quest_hideotheranswers .question_choice .divreplist:not(.divrep_myanswer):not(:has(:checked)), .question_choice.quest_compact .divreplist:not(.divrep_myanswer):not(:has(:checked)) {opacity:0.25;}
.quest_hideotheranswers .question_tds:hover .divreplist:not(.divrep_myanswer), .question_choice.quest_compact:hover .divreplist:not(.divrep_myanswer):not(:has(:checked)) {opacity:0.8;}
.divreplist.divrep_myanswer,.divreplist:has(:checked) {opacity:1 !important;}

.divrep .about {display:block;position:absolute;right:5px;bottom:1px;line-height:7px;font-size:8px;text-align:right;color:#777;background-color:inherit;/*border:1px solid #fff;border-radius:0px 4px 0px 4px;*/padding:2px;}
.divrep .about b {display:block;}
.divrep_print {display:inline-block;float:left;margin-right:12px;color:#000;}
.divrep {display:inline-block;width:100%;position:relative;padding:2px;color:#000;}
.divrep a {color:#000;}
.divrep .kb_answers {background-color:#00000011;padding:4px;border-radius:8px;}
.kb_answer_preview {white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
table.subquestion {color:#000;}
.subquestion tr td.question_subquestion, .subquestion tr th.question_subquestion {background-color:#fff;padding: 6px;}
.divreplist:nth-of-type(even), .subquestion tr td:nth-of-type(even), .subquestion tr th:nth-of-type(even) {background-color:#f0f0f0;}
.divreplist:nth-of-type(odd), .subquestion tr td:nth-of-type(odd), .subquestion tr th:nth-of-type(odd) {background-color:#fcfcfc;}
.divrep_myanswer {font-weight:bold;font-size:110%;}
.divrep input[type=radio],.divrep input[type=checkbox] {
	display:block;position:absolute;width:1px;height:1px;margin:-1px 26px 12px 0px;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline:0;border:none;}
.divrep_myanswer input[type=radio]::before,.divrep_myanswer input[type=checkbox]::before {content:'\2714';font-size:17px;color:darkred;padding-left:6px;}
.divrep input[type=radio]:checked::before,.divrep input[type=checkbox]:checked::before {content:'\2714';font-size:17px;color:green;padding-left:6px;}
.divrep label {display:block;/*width:90%;*/padding:2px 2px 2px 30px;}
label.subquestion {color:rgba(0,0,0,0);background-color:rgba(0,0,0,0) !important;font-size:1px;height:100%;width:100%;position:absolute;}
.subquestion .divrep label {padding:0px !important;}

.divrep input[type=radio]:checked~label.subquestion {background-color:rgba(0,0,0,0.1);}
.subquestion .divrep input[type=radio]:checked::before {padding-left:20px !important;}
.subquestion .divrep {background:none !important;width:100%;height:100%;}
.subquestion td {border-top:1px solid #ccc;height:35px;line-height:15px;border-left: 1px solid #ccc;}
.subquestion th {height:35px;line-height:15px;border-left: 1px solid #ccc;}

.question_section_nav {font-size:87%;;border-radius:5px;-moz-border-radius:5px;border:1px solid #c0c0c0;background-color:#f0f0f0;}
.question_menu {padding:0;margin:8px 10px 8px 0px;position:relative;}
.question_menu h3, .question_menu h2 {padding:0;margin:0;}
.question_menu a {display:inline-block;font-size:80%;text-align:left;text-decoration:none !important;border:1px solid #bbb;background-color:#ccc;padding:2px;border-radius:4px;}

.hotword {/*border-bottom:1px dashed rgba(0,0,0,0.3);*/cursor:help;text-decoration: underline;text-decoration-style: dotted;}

.graphbarzone {border:1px solid #eee;background-color:#fff;padding:2px;position: relative;display:inline-block;}
.graphbarzone .graphbarbox {border:1px solid #999;background-color:#fff;padding:0px;position: relative;}
.graphbarzone .graphbarbox.horizontal {width:100px;min-height:8px;}
.graphbarzone .graphbarbox.vertical {height:100px;min-width:8px;}
.graphbarzone .graphbarbox.horizontal .graphbar {/*position:absolute;left:0px;*/height:8px;}
.graphbarzone .graphbarbox.vertical .graphbar {/*position:absolute;bottom:0px;*/width:8px;}
.graphbarzone .graphbartext {position:absolute;right:2px;font-size:62%;;opacity:0.8;}
.graphbarzone .graphbarlegend {font-size:62%;;height:10px;line-height:10px;opacity:0.8;margin-top:-2px;}
.graphbarzone.horizontal .graphbarlegend {display: inline-block;margin-left:106px;}
.graphbarzone:hover .graphbarlegend {opacity:0.8;visibility: visible;}

.graphbar {text-decoration:none;display:block;border-style:solid;border:0;overflow:visible;transition-property: all;transition-duration:0.3s;opacity:0.8;}
.graphbarpos {background-color:#080;}
.graphbarneg {background-color:#800;}
/*.graphbar:hover {background-color:#fff;}*/
.graphlegend {display:block;overflow:hidden;color:#333;float:left;}
.graphbarsum {width:100%;background-color:#898;}
.graphbarlegendsum {margin-top:-16px;color:#888;}
.graphline_total td {border-bottom:1px solid #ccc;height:25px;}
.graphline_sum td {border-bottom:1px solid #ccc;height:60px;}
.graphline_header th {text-align:center;min-width:40px;}

.graphbar .moreinfos {visibility: hidden;position: absolute;top:2px;left:2px;}
.graphbar .legend_moreinfos {visibility: hidden;}
.graphbar .moreinfos .nbelements {margin:0px !important;padding:1px !important;opacity:0.6;}
.graphbar:hover .moreinfos,.graphbar_over .moreinfos {visibility: visible;}
.graphbar:hover .legend_moreinfos,.graphbar_over .legend_moreinfos, .fullheight .legend_moreinfos {visibility: visible;}

.graphbar .progression {visibility: hidden;position:absolute;left:-10px;
	writing-mode:vertical-rl;opacity:0.6;background-color:green;padding:0px 0px 2px 0px;
	margin-left:2px;width:6px;font-size:50%;;
	position:relative;overflow:visible;}
.graphbar:hover .progression, .graphbar_over .progression {visibility: visible;}
.graphbar .progression span {position:absolute;z-index:2;color:#222;background-color: rgba(255,255,255,0.7);}/*width: 10px;margin-right: 1px;overflow: hidden;display: inline-block;position:absolute;z-index:9;}*/
.graphbar .progression.pos span {bottom:100%;margin-bottom:3px;left:0px;}
.graphbar .progression.neg span {top:100%;margin-top:3px;left:0px;}
.graphbar .progression-more {/*margin-top:3px;*/border-radius:0px 0px 2px 2px;}
.graphbar .progression-more.pos {top:0%;}
.graphbar .progression-more.neg {top:100%;left:-2px;}
.graphbar .progression-less {position:absolute;/*margin-top:2px;margin-bottom:3px;*/border-radius:2px 2px 0px 0px;background-color:red;}
.graphbar .progression-less.pos {bottom:100%;left:-2px;}
.graphbar .progression-less.neg {bottom:0%;}
.graphbar .progression-more:after {
    content: "";position: absolute;z-index:1;
	top: -3px;left: 0;width: 0;height: 0;
	border-bottom: 3px solid green;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
  }
 .graphbar .progression-less:after {
    content: "";position: absolute;z-index:1;
	bottom: -3px;left: 0;width: 0;height: 0;
	border-top: 3px solid red;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
 }
.graphbartarget {position:absolute;border-top:1px dashed #888;height:1px;z-index:1;left:0%;right:0%;color:#ccc;text-align:right;padding-top:0px;font-size:80%;}
.graphbaraboutzone .graphbartarget {left:auto;width:25px;}

.graphbarindex {position:absolute;color:#999;height:10px;}
.graphbarindex_vertical {writing-mode:vertical-rl;height:100px;margin-left:20px;transform: rotate(-30deg);}

.interline {height:1px;}
.interline_withindex {height:10px;}

.graphbarlegend {overflow:hidden;height:13px;max-height:13px;max-width:70px;transition-property: all;transition-duration: 0.3s;background-color:rgba(255,255,255,0.01);/*rgba(255,255,255,0.3);*/position:absolute;height:13px;border:1px solid rgba(0,0,0,0);padding:1px;z-index:2;}
.graphbarlegend_hasdetails:hover {overflow-x:hidden;overflow-y:auto;height:auto;left:-50% !important;width:200% !important;max-height:200px !important;max-width:200%;transition-property: all;transition-duration: 0.3s;background-color:rgba(255,255,255,0.98);border:1px solid #ccc;padding:3px;z-index:10001 !important;}
.graphbarlegend .amount {display:inline-block;width:70px;}

.graphbarlegend {opacity:0;visibility:hidden;text-align: center;}
.graphbarlegendtop {opacity:1;visibility:visible;}
.graphbarlegendsum {opacity:1;visibility:visible;}

.graphbarlegendtop {left:0%;width:100%;/*min-height:50px;height:50px;*/height:auto !important;max-height:100px !important;max-width:100% !important;text-align:center;}
.graphbar_over {opacity:1 !important;flex:99 !important;}
.graphbar_other {opacity:0.1;}
.graphbarlegend.graphbar_over {max-height:80px;height:auto;visibility:visible !important;/*overflow:visible;*/}
.graphbarlegend.graphbar_other {opacity:0;visibility:hidden;}

.graphbarabouttd {width:25%;white-space:nowrap;}
.graphbaraboutzone {position:relative;display:flex;flex-wrap:wrap;height:100%;min-width:50px;min-height:40px;overflow:auto;align-content:flex-start;padding-right:16px;}
.graphbarabout {display: block; flex: 1; min-height:8px;max-height:30px;overflow-x:visible;padding: 1px 2px 0px 2px; text-align: right;width:100%;}
.graphbarabout .indexinitials {display:block;width:24px;height:16px;border-radius:4px;float:right;margin:-1px -16px 0px 6px;color:#FFF;line-height:16px;text-align:center;margin-right:6px;}

.button_minus1 { background:none;border:none;font-size:0px;}
.button_plus1 {	background:none;border:none;font-size:0px;}
.button_remove1 {	background:none;border:none;font-size:0px;}
.button_valid1 {	background:none;border:none;font-size:0px;}
.button_minus1::before {content:'\25C0';font-size:10px;}
.button_plus1::before {content:'\25B6';font-size:10px;}
.button_remove1::before {content:'\274C';/*content:'\1F5D1';*/font-size:10px;margin-right:15px;}
.button_valid1::before {content:'\2713';color:#040;font-size:20px !important;margin-left:15px;}
.button_minus1:hover { text-decoration:none;}
.button_plus1:hover { text-decoration:none;}
.button_remove1:hover { text-decoration:none;}
.basket_product_chosenq0 .button_remove1 {opacity:0;}
.basket_product_chosenq0 .button_valid1 {opacity:0;}
.basket_product_chosenq0 .button_minus1 {opacity:0;}
.basket_product_chosenq0 {opacity:0.8;}
.basket_product_chosenq0 .button_plus1::before {content:'\271A';}
.basket_sharebuttons {padding:10px 0% 10px 0%;width:100%;text-align:center;opacity:0.7;display:flex;flex-wrap:wrap;justify-content: center;}

div.docmap {display:block;padding:0px;}
ul.docmap {margin:0;padding:0;}
ul.docmap li {list-style: none;}
div.docmap a {color:#333;font-style:italic;font-size:90%;}
ul.docmap li.docmap_level1 {padding-left:10px;font-weight:bold;}
ul.docmap li.docmap_level2 {padding-left:20px;}
ul.docmap li.docmap_level3 {padding-left:30px;}
ul.docmap li.docmap_level4 {padding-left:40px;}
ul.docmap li.docmap_level5 {padding-left:50px;}

ul.payments {display: block;}
ul.payments li {display: inline-flex;line-height:80%;list-style: none;padding-right: 4px;margin-right: 4px;border: 1px solid #ddd;border-radius: 4px;height: 32px;overflow: hidden;}
ul.payments li.addpayment {padding: 0px;}
ul.payments li.addpayment .selectspan {margin: -1px;}
ul.payments li span.paymentinfo {white-space: nowrap;/*line-height: 10px;float: left;*/font-size: 90%;}

ul.paymentdetails {margin:0;padding:0;}
ul.paymentdetails li {list-type:none;border-top:1px solid #CCCCCC88;}
ul.paymentdetails li > span {display:block;float:right;font-style:italic;}

.floatleft {float:left;}
.floattop {position: absolute;bottom:100%;margin-bottom:-3px;z-index:2;}

.iframe_as_winopen {width: 100%;height: 100%;min-height: 500px;border: none;}

.ow_grouppopupmenu { position:absolute;width:130px;padding:1px 0px 0px 0px;}
.ow_grouppopupmenuin {border-width:0px 0px 1px 0px;padding-top:1px;border-style:solid;border-color:#666;background-color:white;width:100%;}
.ow_grouppopupmenuin a {text-decoration:none;display:block;border-width:1px 1px 0px 1px;border-style:solid;border-color:#666;color:#666;width:100%;height:14px;line-height:14px;}

.question_title {font-size:100%;;font-weight: bold;padding:20px 0px 15px 0px;}
.question_title_npage {font-size:18px;font-weight: bold;padding:40px 0px 15px 0px;}
.question_title_titl2 {font-size:87%;;font-weight: bold;padding:10px 0px 10px 0px;}
.question_title_titl3 {font-size:75%;;font-weight: bold;padding:10px 0px 10px 0px;}
.question_number {font-size:62%;;}
.question_question {font-size:120%/*17px;font-weight: bold*/;display:block;padding: 12px 0px 0px 12px; }
.question_comment {display:block; font-weight:normal;}
.question_choice {font-size:87%;;}


.question_blocreponse_type {position:relative;padding:6px;overflow:hidden;}
.question_blocreponse_nbreps {font-size:62%;;display:inline-block;text-align:center;width:60px;background-color:#bbb;color:#333;border:1px solid #ccc;padding:2px;border-radius:5px;-moz-border-radius:5px;}
.question_blocreponse_nbreps:hover {text-decoration:none;background-color:#ddd;}
.question_blocreponse_tools {}
.question_blocreponse_note {font-size:68%;;display:inline-block;text-align:center;min-width:60px;color:#111;border:1px solid #ccc;padding:2px;border-radius:5px;-moz-border-radius:5px;color:#FFF;}
.question_blocreponse_note:hover {text-decoration:none;}
.question_bar_left_withlegend {border-radius:0px 0px 0px 5px;-moz-border-radius:0px 0px 0px 5px;}
.question_bar_left_withoutlegend {border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px;}
.question_bar_right_withlegend {border-radius:0px 0px 5px 0px;-moz-border-radius:0px 0px 5px 0px;border-right:1px;}
.question_bar_right_withoutlegend {border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;border-right:1px;}
.question_verticalbar {border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;}

.question_missing {color:red;}
.question_mandatory {color:red;font-size:120%;text-decoration:underline;}

td.question_choice_fixedheight {height:200px;}

.question_type_list,.question_type_plage {display:block;max-height:200px;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc;border-radius:12px;}
.shadow {
    -moz-box-shadow: 3px 3px 5px #aaa;
    -webkit-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);
    zoom: 1;
    }
.transparent50 {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
a.transparent50:hover {filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;}
.hidden {display:none !important;}
.line, .fade, .col, .trans {transition:all 0.3s !important;}
.hiddenline {max-height:0px;height:0px;border:none !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;overflow:hidden;}
.hiddenfade {width:0px !important;height:0px !important;min-width:0px !important;min-height:0px !important;border:none !important;padding:0 !important;margin:0 !important;opacity:0 !important;overflow:hidden;}
.alwaysvisible {visibility: visible;opacity: 1;}
.inline {display:inline-block;}
.hide {opacity:0 !important;display:none !important;animation:fadeout 0.5s ease-in;}
@keyframes fadeout { 	0% { position:absolute;display:block !important;opacity:1 !important; }	100% { position:absolute;display:block !important; opacity:0 !important; } }

.noimage img,.noimage video,.noimage svg {display:none !important;}
.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events:none;
}

.grayhover {filter:grayscale(1);}
a.grayhover:hover {filter:grayscale(0.2);}

.debug40 {max-height:40px;overflow:auto;}
.debug40v {max-height:400px !important;overflow:auto;}

.doclink_pdocuments {
	background-position: left middle;
	background-repeat:no-repeat;
	text-decoration:none;
	padding-left:12px;
	color:#66A;
	}
.doclink_pdocuments:hover {
	background-color:#ddd;
	color:#33A;
}

.doclink_isvideo[style] { display: block;position:relative;color:#FFF !important;background-size:cover;background-position:center center;min-width:160px;min-height:90px;border-radius:0;}
.path .doclink_isvideo[style] { min-height:16px; }
.doclink_isvideo[style] span { position:absolute;padding:2px;left:0;right:0;bottom:0;background-color:#00000088;font-size: 80%;line-height: 90%;text-align: center;max-height:50%;overflow:hidden;}

span.moreinfos {position: relative;display:inline-block;padding:2px;width:20px;height:20px;font-size:62%;;overflow:hidden;font-style: italic;}
a.moreinfos {position: relative;display:inline-block;padding:2px;font-style: italic;}
/*span.moreinfos:before {content:'+  ';font-size:100%;}*/

.app_icons {display: flex;flex-wrap:wrap;padding:8px;}
.app_icon {display:inline-block;position:relative;min-width:160px;min-height:160px;border-radius:32px;border-width:40px 4px 4px 4px;border-style:solid;text-align:center; color:#000;padding:8px;box-sizing: border-box;}
.app_icon .app_icon_zone {position: absolute;left:0;right:0;top:-24px;color:#fff;z-index:2;}
.app_icon h3 {font-size:200%;}
.api_zone .button {opacity:1 !important;}
.api_zone {display: flex;flex-wrap: wrap;}
.api_zone > div {flex: 1;min-width: 300px;}
.api_zone > iframe {flex: 1;min-width: 300px;min-height: 1000px;background-color: #ccc;border: none;}
pre.code {display: block;padding: 8px;border-radius: 2px;background-color: #222;color: #CFC;font-family: fixed;max-width: 100%;overflow: auto;}

/*
@media screen and (max-width: 550px) {
	div.tblCoolbardiv {position:relative;width:32px;height:32px;overflow:hidden;padding:0px;position:absolute;right:10px;margin-top:-36px;border-radius:16px;border:1px solid #BBB;background-color:#DDD;text-align:right;}
	div.tblCoolbardiv::before {display:block;width:32px;height:32px;text-align:center;line-height:32px;content:'T';color:#888;}
	div.tblCoolbardiv:hover {z-index:9999;min-width:282px;width:90%;height:auto;right:0px;border:none;border-radius:0px;padding:0px;}
	div.tblCoolbardiv:hover::before {content:'';display:none;height:0px;overflow:hidden;}
	table.tblCoolbar {width:auto;min-width:280px;margin:20px;float:right;}
	div.tblCoolbardiv:hover table.tblCoolbar {margin:0px;}
}*/

.orderstatus {display: inline-block;margin: 0px 2px; border: 1px dotted #ccc;background-color: rgba(255,255,255,0.5);padding: 2px 4px;}
.orderstatus1 {background-color: rgba(240,255,240,0.5);}


.table_displayopts {position:absolute; display:flex;vertical-align: middle;right:8px;z-index:11;height: 20px;}
.roundzone .table_displayopts { margin-top:0px !important; top:12px !important;right:16px !important;}
.roundzone .roundzone_fullheight {overflow:auto !important;min-height:30px;border-radius:0px 0px 12px 12px;/*overflow-x:hidden !important;*/}

a.do_order_table {opacity:0.7;border:1px solid rgba(0,0,0,0);background-color:rgba(255,255,255,0);content:' ';display:inline-block;text-align:center;color:#888;width:20px;height:18px;border-radius:2px;font-size:0px;line-height:14px;margin-left: 2px;transition-property: all;transition-duration:0.3s;}
a.do_order_table::before {display:block;border-radius:1px;content:' ';font-size:1px;border-color:#aaa;}
.table_displayopts:hover a.do_order_table {opacity:1;border-color:#888;background-color:#eee;}
.table_displayopts:hover a.do_order_table::before {border-color:#888;}
.table_displayopts:hover a.do_order_table:hover::before {border-color:#444;}
a.do_order_table_grid::before {margin:2px;width:2px;height:2px;border:6px dotted #aaa;}
a.do_order_table_smallgrid::before {margin:4px 4px;width:4px;height:4px;border:3px dotted #aaa;}
a.do_order_table_lines::before {width:16px;margin:6px 2px;height:2px;border-width:2px 0px 2px 0px;border-style:solid;border-color:#aaa;}

tr.basket_product_newsline td,tr.order_table_basket_title td,tr.basket_product_newslineafter td {position:relative;}
.order_table_basket_title_product_list {display:none !important;}
.order_table_titleonly .order_table_basket_title_product_list {display:inline-block !important;max-height: 68px;overflow: hidden;}
.order_table_titleonly .validetaprightlink {top:0px !important;}
.order_table_titleonly .order_table_basket_title_product_list .prodlist_el {display: block;position: relative;width: 80px;height: 64px;float: left;border: 1px solid #ccc;border-radius: 4px;margin: 2px;background-color: rgb(255,255,255);overflow: hidden;}
.order_table_titleonly .order_table_basket_title_product_list .prodlist_el_img {position: absolute;left: 1px;top: 1px;z-index: 1;width: 78px;height: 62px;border-radius: 4px;}
.order_table_titleonly .order_table_basket_title_product_list .order_table_itemtitle {overflow: visible;position: absolute;color: #000;font-size:50%;;z-index: 2;left: 1px;right: 1px;bottom: 1px;width: auto !important;height: auto !important;border-radius: 0px 0px 4px 4px;background-color: rgba(255,255,255,0.8);}
.order_table_basket_step0 .basket_product_news h3 {margin: 0 0 0 30px !important;padding: 0 !important;}
.order_table_basket_step0 .order_table_titleonly h3 {margin: 0 0 0 30px !important;padding: 0 !important;font-size: 18px !important;}
.titleonlybutton {}
.basket_product_newslineafter .titleonlybutton {position:relative;margin-left:40%;}
.order_table_titleonly .basket_product_newslineafter .titleonlybutton {position:absolute;right:0px;}
@media screen and (max-width: 800px) { 
   .basket_product_newslineafter .titleonlybutton {position:relative;margin-left:0%;}
}

.basket_product_newslineafter span.validetap {font-size:140%;}
.titleonlybutton .editetap {display:none;}
.order_table_titleonly .titleonlybutton .validetap {display:none !important;}
.order_table_titleonly .titleonlybutton .editetap {display:inline-block !important;}
.order_table_trgroup {transition-property: height;transition-duration:0.3s;}
.order_table_titleonly .order_table_trgroup, .order_table_titleonly .order_table_grid {display: block;height:0px !important;border:none !important;overflow:hidden !important;/*display:none !important;*/}
.order_table_titleonly .basket_hint {display:none !important;}
.validetaprightlink {position:absolute;z-index:1001;right:0px;top:0px;max-width:20%;white-space:nowrap;}
.validetap {color:#000;display:inline-block;border:1px solid #999;font-size:110%;background-color:rgba(200,255,200,0.9);padding:4px;margin: 2px;border-radius:4px;}
.editetap {color:#000;display:inline-block;border:1px solid #AAA;background-color:rgba(255,255,255,0.9);padding:4px;margin: 2px;border-radius:4px;}
.validetap:not(.validetap_noicon)::before {content:'\2192';color:#040;margin-right:4px;}
.editetap:not(.validetap_noicon)::before {content:'\2190';color:#400;margin-right:4px;}
.validetap:hover, .editetap:hover {box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 1px;}

@media screen and (max-width: 600px) { 
.validetaprightlink .editetap, .validetaprightlink .validetap {    width: 85px;    white-space: normal;}
}

.basket_step0validbutton {padding-top:50px;}

.see_all_product_category, .see_all_product_news {z-index:2;position:relative;display:inline-block;text-align:left;margin-left:-40px;max-width:150px;border:1px solid #999;font-size:110%;background-color:rgba(255,255,255,0.9);padding:4px 4px 4px 12px;margin:4px 0px;border-radius:4px;color:#CCC;}
.see_all_product_category::before, .see_all_product_news::before {position:absolute;left:-13px;font-size:100%;;line-height:22px;top:50%;text-align:right;margin-top:-11px;width:22px;height:22px;content:'\232A';border:1px solid #999;background-color:rgb(255,255,255);color:#999;border-radius:100px;z-index:3;}

.order_table_smallgrid .product_recurrent {background: repeating-radial-gradient( circle,  rgba(0,0,0,0.1),  rgba(0,0,0,0.1) 10px,  rgba(0,0,0,0.2) 10px,   rgba(0,0,0,0.1) 20px);}
.product_recurrent_expired {border:1px solid red !important;}
.product_recurrent_valid {border:1px solid green !important;}
.product_recurrent::before {content:'\21BB';text-decoration: none;border:1px solid #ddd;width:16px;height:16px;
	border-radius:16px;line-height:14px;text-align:center;background-color:#eee;color:#888;
	display:block;font-size:100%;;overflow:hidden;position: absolute;left: -2px;top: -3px;z-index: 9;}
.product_recurrent_expired::before {border:1px solid red !important;background-color: darkred;color: #FAA;}
.product_recurrent_valid::before {border:1px solid green !important;background-color: darkgreen;color: #AFA;}

.order_table_smallgrid .product_recurrent .order_table_price_full .order_table_itemtitle_periodicity {position: absolute;top: -4px;left: 12px;z-index: 8;padding: 1px 4px;border:1px solid #ddd;background-color: rgba(255,255,255,0.5);}
.order_table_smallgrid .product_recurrent .order_table_itemtitle_periodicity_per {display: none;}
.product_recurrent_expired .order_table_itemtitle_periodicity {border:1px solid red !important;background-color: darkred !important;color: #FAA;}
.product_recurrent_valid .order_table_itemtitle_periodicity {border:1px solid green !important;background-color: darkgreen !important;color: #AFA;}

.product_current,.product_current .order_table_itemtitle { background-color:#CCFFCC22 !important; }
.product_current .chooseoption { display:none; }
.product_current .chosenoption { display:block !important;width:100%;text-align:center; }
.product_current .order_table_itemtitle a, .product_current a.producttitle, .product_current .order_table_itemdescription, .product_current .order_table_itemdescription > span {background:none !important;}
.nowrap {white-space: nowrap;}
/*
.order_table {display:table;}
.order_table_tr {display:table-row;width:100%;}
.order_table_td {display:table-cell;}*/

.edithtmldiv {display: flex;}
iframe.edithtml {border:1px solid #ccc;background-color:#fff;}
iframe.edithtml_preview {border:0px solid #FFF;}
div.edithtml_side {display:none;}
div.edithtml_side.showpreview {display:flex;flex-direction: column;min-width:30%;max-width:640px;}
div.edithtml_side.showpreview iframe.edithtml_preview {min-width:100%;}
div.edithtml_side .edithtml_sidetop {max-height:100px;overflow:auto;}

span.description {max-height:12000px;overflow:auto;display:block;}
span.description img {max-width:60%;height:auto !important;}
span.description iframe,span.newstext iframe,span.newstext img {max-width:100%;} 

div.order_table {border-collapse:collapse;width:100%;white-space: normal;}
div.order_table_trgroup {width:100%;position:relative;/*display: table-row-group;*/}
div.order_table_tr {position:relative;}

.order_table_compact div.order_table_grid {zoom:50%;} 
.order_table_compact div.order_table_grid .order_table_itemdescription {display:none;}
.order_table_compact div.order_table_grid .order_table_item, .order_table_compact div.order_table_grid .order_table_subitem {height:250px;}
.order_table_compact div.order_table_grid .order_table_itemtitle {height:200px;}
.order_table_compact div.order_table_grid .order_table_itemtitle_img img {margin-top:0px;}
.order_table_compact .basket_product_news,.basket_step2 .basket_product_news {display:none !important;}


/*.basket_product_news {padding-top:20px;}*/
/*.basket_product_news h3 {padding:0;margin:0;}*/
@media screen and (max-width: 1024px) { 
 div.order_table_tr {/*display:flex;flex-wrap:wrap;justify-content: space-between;/*min-width:160px;*/} 
 .basket_step2 tr.basket_product {display:flex !important;flex-wrap:wrap;}
 tr.basket_product_newsproduct td {min-width:100%;}
 .basket_product_title {display:block;width:100%;white-space: normal !important;}
 .basket_product_title h2 {white-space: nowrap !important;}
 .order_table_basket_suggest tr.basket_product > td.basket_product_contents {display:block;width:600px;max-width:100%;display:block;min-width:80px;overflow-x:scroll;overflow-y:hidden;max-height:530px; white-space: nowrap;}
}
@media screen and (max-width: 700px) {  .order_table_basket_suggest tr.basket_product > td.basket_product_contents {display:block;width:500px;} }
@media screen and (max-width: 600px) {  .order_table_basket_suggest tr.basket_product > td.basket_product_contents {display:block;width:400px;} }
.order_table_td {padding:3px;}
.order_table_chapter_tr {display:block;margin-top:30px;clear:both;width:100%;min-width:100%;position:relative;}
.order_table_chapter_left_tr {display:block;}
.order_table_chapter,.order_table_title {/*background-color:#ddd;*/display:block;border-bottom:none !important;padding-top:30px;margin-top:16px;min-width:100%;/*border-color:#888;border-width:1px 1px 0px 1px !important;border-style:solid;border-radius:4px 4px 3px 0px;*/}
.order_table_tr_periodicity {min-width:100%;}
.order_table_chapter h3,div.order_table_title h3 {display: block;font-weight:normal;font-size:160%;text-decoration:underline;}
.order_table_chapter_left {/*background-color:#ddd;*/display:block;minWidth:200px;min-width:200px;font-style:italic;font-size:90%;padding:8px;/*border-style:solid;border-color:#888;border-width:0px 1px 0px 1px !important;*/border-radius:0px;}
/*div.order_table_buttons {border-style:solid;border-color:#888;border-width:0px 1px 0px 0px;}*/
.order_table_title_hr h4 {margin:0;padding:0;}
.order_table_itemtitle_ref {font-family:Courier New,Courier,Fixed;font-size:60%;}
.accountdetails .order_table_itemtitle_ref {width: 50px;display: inline-block;overflow: hidden;min-height: 30px;padding:3px;float: left;}
.accountdetails .order_table_itemtitle_ref:hover {overflow: visible;background-color:#FFF;position: relative;z-index:10;}
.accountdetails .order_table_itemtitle_ref:hover {overflow: visible;background-color:#FFF;position: relative;z-index:10;}
.accountdetailstext {display: table;}
.order_table .order_table_itemtitle_ref { /*position: absolute;right: 20px;*/ padding:4px; border:1px solid #ccc;background-color:#eee;/*margin:0px 8px*/;border-radius:2px;display:block;position:absolute;left:0px;width:70px;min-width:70px;text-align:center;overflow:hidden;color:#444;}
.order_table .order_table_itemtitle_ref:hover {width:auto;}
.order_table_buttons {/*width:10%;*/text-align:right;min-width:70px;display: flex;flex-wrap: wrap;max-height: 64px;}
.order_table_buttons .button {flex: 1;padding: 3px;text-align: center;max-height: 30px;margin: 1px;}
.order_table .order_table_itemtitle {display:flex;flex-wrap:wrap;}
.order_table .order_table_itemtitle_product {min-width:300px;flex:2;}
.order_table .order_table_itemtitle_img {display:block;float:left;width:80px;/*height:80px;*/min-width:80px;margin-top:24px;}
.order_table_lines .order_table_itemtitle_img {height:80px;overflow:hidden;}
.order_table .order_table_itemdescription_spacer {display:none;}
.order_table_itemdescription {display:block;padding:2px 8px;}
.order_table .order_table_itemtitle_img img {zoom:25% !important;height:auto !important;}
.order_table .order_table_stock {display: block;color: #444;font-weight: normal;}
.order_table .order_table_stock a {color: #444;border: 1px solid #ddd;background-color: rgba(255,255,255,0.1);padding: 1px 4px;border-radius: 2px;}
.order_table .order_table_stock a:hover {background-color: rgba(0,0,0,0.1);}
.order_table .order_table_stock_private a {}
.order_table .order_table_stock_public a {color: darkgreen;}
.order_table .order_table_stock_positive a {background-color: rgba(128,255,128,0.1);}
.order_table .order_table_stock_negative a {background-color: rgba(255,128,128,0.1);}
.order_table .order_table_stock_zero a {background-color: rgba(128,128,128,0.1);}

.order_table_open .order_table_itemtitle_img {display:block;float:left;width:100%;max-width:310px;margin-top:0px;}
.order_table_open .order_table_itemtitle_img img {zoom:50% !important;}
.order_table_open .order_table_itemtitle_product {position:inherit !important;margin-top:0px !important;top:0px !important;font-size:120% !important;}
.order_table_open .order_table_itemtitle_product a.producttitle {display:block;width:100%;font-size:120%;font-weight:bold;}
.order_table_open .order_table_itemtitle {display:flex;flex-wrap:wrap;}
div.order_table_open .order_table_itemtitle_price_text {display: inline-block;background-color: #eee;border-radius: 4px;padding: 2px 4px;text-align: center;color: #222;}

div.order_table_grid {display:block;width:auto;margin-right:-16px;}
.order_table_grid .order_table_item,.order_table_grid .order_table_subitem {border:1px solid #888 !important;flex:1;min-width:300px;max-width:300px;display:inline-block !important;float:none !important;position:relative;margin:4px;width:300px !important;height:480px !important;transition-property: all;transition-duration: 0.3s;border-radius:8px !important;overflow:hidden;background-color:#f0f0f0;white-space: normal;}
.order_table_grid .order_table_tr_periodicity {display:block;position:relative;margin:8px;width:100%;min-width:140px;/*height:480px;float:left;*/border:none;overflow:hidden;/*text-align:right;*/}
.order_table_grid .order_table_itemtitle {position: relative;display:block;width:100%;height:400px !important;transition-property: all;transition-duration: 1s;overflow:hidden;text-align:center;padding:3%;background-color:#fff;color:#000;}
.order_table_grid .order_table_itemdescription_spacer {display:none;}
.order_table_grid .order_table_itemdescription {display:block !important;width:300px;font-size:64%;font-weight:normal;/*margin-top:175px;height:124px;overflow:hidden;*/text-align:left;z-index:2;/*position:absolute;bottom:80px;*/overflow:visible;max-height:300px;/*relative;*/}
.order_table_grid .order_table_itemdescription > span {/*position:absolute;bottom:0px;*//*max-height: 140px*/;max-width: 290px;background-color: rgba(255,255,255,0.9);}
.order_table_grid .order_table_itemtitle_product {display:block;width:100%;position:inherit !important;margin-top:0px !important;top:0px !important;font-size:120% !important;font-weight:bold !important;transition-property: all;transition-duration: 0.3s;}
.order_table_grid .order_table_itemtitle_img {display:block;width:100%;/*height:1px;*/margin-top:0px;bottom: 0px;position: absolute;z-index: 0;}
.order_table_grid .order_table_itemtitle_img img {zoom:100% !important;transition-property: zoom;transition-duration: 1s;margin-top:80px;} 
.order_table_grid .order_table_itemtitle_price {width: 100%;display: inline-block !important;text-align:center;font-weight:bold;position:absolute;bottom:65px;background-color:#eee;color:#111;}
.order_table_grid .order_table_itemtitle_ref {display:none;}
.order_table_grid div.order_table_chapter_left {border-bottom-width:1px !important;border-radius: 0px 0px 4px 4px !important;border:none;background:none !important;border:none !important;}
.order_table_grid .order_table_chapter_tr {display:block;background:none !important;border:none !important;}
.order_table_grid .order_table_title {display:block;background:none !important;border:none !important;}
.order_table_grid div.order_table_chapter {display: block;background:none !important;border:none !important;}
.order_table_grid div.order_table_td {padding:0px !important;}
.order_table_grid div.order_table_trgroup {display:flex;flex-wrap:wrap;width:100%;overflow-x:auto;min-height: 400px;/*overflow-y:hidden;height:530px; white-space: nowrap;*/}
.order_table_grid div.order_table_trgroup > span {display:block;width:10000px;}
.order_table_grid a.producttitle {display:block;position:relative;/*height:100px;*/overflow:visible !important;padding:0px 6px;background-color:rgba(255,255,255,0.8);color:#000 !important;}
.order_table_grid .order_table_buttons input[type=checkbox] {display: none;}
/*div.order_table_grid .order_table_price_beforerebate {font-size:80%;}
div.order_table_grid .order_table_price_beforerebate .order_table_price_currency {display:none;}*/
.order_table_grid .order_table_buttons {/*display:block !important;*/width:100%;background-color:#eee;text-align:center;position: absolute;bottom: 0;left: 0;}
.order_table_grid .add_to_basket {border:none !important;background-color:none !important;/*width:100%;*/}
.order_table_grid div.cart_quantity {width: 100%;padding-bottom: 4px;}
.order_table_grid .order_table_stock {font-weight: normal;}
.order_table_grid .order_table_stock_private {color: darkred;}
.order_table_grid .order_table_stock_public {color: darkgreen;}
.order_table_grid .order_table_itemtitle_price span.inputspangroup {width: 100%;} {}

.order_table_basket_grid {display: inline-block;float: left;}
.basket_hint_etap {display: inline-block;float: left; min-width:200px;padding:50px 0px 0px 30px;}
.order_table_basket .order_table_tr_periodicity {display:none;}

.order_table_price_hidden {font-weight:normal;font-style: italic;}
.product_variant {font-weight:normal;font-size:90%;font-style:italic;}

.cart_preview {background-color:rgba(255,255,255,0.8);}
.cart_preview, .cart_preview .shoppingcart_hascontents {width:100%;}
table.shoppingcart_preview {width:100%;border-collapse: collapse;}
.shoppingcart_preview td {font-size:80%;text-align:right;vertical-align:baseline;white-space:nowrap;max-width:400px;padding:6px 16px;}
.shoppingcart_preview td div {max-height:24px;line-height:12px;overflow:hidden;text-overflow: ellipsis;}
.news_cl_cl.haspreview .shoppingcart_preview td {/*white-space:normal !important;*/}
.specific_closed .shoppingcart_preview td.n, .specific_closed .shoppingcart_preview td.ntot {font-size:60%;max-width:59px;}
.specific_closed .shoppingcart_preview td.links {white-space:normal;font-size:50%;}
.shoppingcart_preview td.n, .shoppingcart_preview td.p {border-bottom:1px solid #ccc;}
.shoppingcart_preview td.p,.shoppingcart_preview td.ptot {border-left:1px solid #ccc;}

@media screen and (max-width: 414px) {	
/*.order_table_itemdescription,*/ .order_table_price_normalprice_text, .order_table_price_rebateforyou_text {display:none !important;}
.order_table_buttons {min-width:100%;}
.add_to_basket {/*width:100%;margin:8px 0px;*/padding:4px 15px !important;}

}
@media screen and (max-width: 750px) {	
	.order_table_grid div.order_table_trgroup {overflow-x:scroll;overflow-y:hidden;height:530px; white-space: nowrap;display:flex;flex-wrap: nowrap;}
	.order_table_grid .order_table_tr_periodicity {display:inline-block;text-align:right;}
}
@media screen and (min-width: 1025px) {	
.order_table_grid .order_table_item,.order_table_grid .order_table_subitem,.order_table_grid .basket_hint_etap {zoom:80%;}
}

div.order_table_smallgrid {width:auto !important;}
div.order_table_smallgrid .order_table_tr {display:table-row;width:auto;}
div.order_table_smallgrid .order_table_tr_periodicity {display:block;clear:both;width:100%;min-width:100%;}
div.order_table_smallgrid .order_table_item, div.order_table_smallgrid .order_table_subitem {border:1px solid #888;display:block;position:relative;padding:0px;margin:2px;width:82px;height:82px;float:left;border-radius:4px;overflow: hidden;}
div.order_table_smallgrid .order_table_itemtitle {display:block;width:100%;height:100%;margin:1px;overflow:hidden;text-align:center;padding:0px;border-radius:4px 4px 0px 0px;}
div.order_table_smallgrid .order_table_itemdescription_spacer {display:none;}
div.order_table_smallgrid .order_table_itemdescription {display:none;}
div.order_table_smallgrid .order_table_itemtitle_product {display:block;/*width:100%;*/min-width:79px;margin-right:1px;font-size:60%;margin-top:40px;padding:4px 0px;background-color:rgba(255,255,255,0.7);font-weight:normal;position:absolute;bottom:0px;z-Index:2;line-height:90%;max-height:72px;}
div.order_table_smallgrid .item_description {display:block;max-height:30px;overflow:hidden;text-align:left;}
div.order_table_smallgrid .order_table_itemtitle_product a.producttitle {display:block;maxHeight:45px;max-height:45px;overflow:hidden;margin-bottom:1px;}

div.order_table_smallgrid .order_table_itemtitle_img {display:block;width:100%;height:100%;position:relative;height:1px;z-index:1;margin-top:0px;}
div.order_table_smallgrid .order_table_itemtitle_img img {zoom:30%;}
div.order_table_smallgrid .order_table_price, div.order_table_smallgrid .order_table_price_currencylabel, div.order_table_smallgrid .order_table_itemtitle_pricevat {display: none;}
div.order_table_smallgrid span.order_table_itemtitle_ref {display: none;}
div.order_table_smallgrid .order_table_chapter_tr {display:block;background:none !important;border:none !important;min-width:100%;clear:both;}
div.order_table_smallgrid div.order_table_chapter {display: block;background:none !important;border:none !important;}
div.order_table_smallgrid div.order_table_chapter h3 {/*display:block;font-size:90%;*/}
div.order_table_smallgrid div.order_table_chapter_left {/*display: none;*/border-bottom-width:1px !important;border-radius: 0px 0px 4px 4px !important;border:none;background:none !important;border:none !important;}
div.order_table_smallgrid .order_table_buttons {display: none;}
div.order_table_smallgrid div.order_table_title {display: none;}
div.order_table_smallgrid div.order_table_title_periodicity,div.order_table_smallgrid div.order_table_title_periodicity h4 {display: block;border:0;margin:0;padding:0;background:none;font-size:93%;;font-weight:normal;}

div.order_table_lines .order_table_tr {display:flex;flex-wrap:wrap;}
div.order_table_lines .order_table_item {display:flex;flex-wrap:wrap;width:100%;}
div.order_table_lines .order_table_itemtitle {flex:10;min-width:280px;}
div.order_table_lines .order_table_itemtitle_product {min-width:200px;}
div.order_table_lines .order_table_itemtitle a.producttitle {padding:2px 8px;font-size:110%;font-weight: bold;}
div.order_table_lines .order_table_itemtitle_price {flex:1;min-width:180px;max-width:200px;}
div.order_table_lines .order_table_buttons {flex:2;min-width:80px;max-width:380px;white-space: normal;}
div.order_table_lines .order_table_buttons a {white-space: nowrap;}
div.order_table_lines .order_table_itemtitle_price_text {display: block;background-color: #eee;border-radius: 4px;padding: 2px 4px;text-align: center;color: #222;}


div.product_variants, div.product_seealso {/*height:110px;*/overflow-x:auto;overflow-y:hidden;}
div.product_variants .order_table,div.product_seealso .order_table {width:1000% !important;}
div.product_variants .order_table_chapter,div.product_seealso .order_table_chapter {display:none !important;} 
div.product_variants #trcommperiod {display:none;}

.order_table_itemtitle a,a.producttitle {color:#000;}

div.product_examples {display:flex;overflow-x:auto;overflow-y:hidden;padding-bottom:30px;}
div.product_example {flex:1;max-width:360px;padding:2px;position:relative;}
div.product_example .add_to_basket {position:absolute;bottom:-28px;z-index:1;border:1px solid #888; color:#000;left:10px;border-radius:0px 0px 8px 8px;}
div.product_group {display:block;height:180px;overflow-x:hidden;overflow-y:auto; width:285px;border:1px solid #888;border-radius:4px; background-color:#fff; position:relative; z-index:2;}
div.product_group .order_table_item,div.product_group .order_table_subitem {border:1px solid #ddd;}
div.product_group .order_table_item:before,div.product_group .order_table_subitem:before {content:'+';position:absolute;margin-left:-9px;top:32px;border:1px solid #AAA;color:#AAA;border-radius:7px;width:7px;height:7px;font-size:7px;line-height:7px;text-align:center;overflow:hidden;}
div.product_group .order_table_item:nth-of-type(1):before,div.product_group .order_table_subitem:nth-of-type(1):before {content:' ';border:none !important;}

.order_table_price_rebateforyou_text {display: block; color: darkgreen;}
.order_table_price_mine {color: darkgreen; }
.seealso {margin-top:100px;}

.margintop100 {margin-top:100px;}
.marginbottom100 {margin-bottom:100px;}

.accounttable .order_table_itemtitle_image {width: 12px !important;display: inline-block;float: left;}
.accounttable .order_table_itemtitle_noimage {/*margin-left: 36px;*/}
.accounttable .order_table_itemtitle_image img {max-width:10px !important;max-height:10px !important;}

.accounttable {/*background-color:white; /*border: #333366 solid; border-width: 0px 1px 1px 0px*/}
.accounttitledetails {font-size:80%;border: #333366 solid; border-width: 1px 0px 0px 0px;padding-top:1px;}
.accountdetails {font-size:70%;border: #333366 solid; border-width: 0px 0px 0px 0px;vertical-align:top;padding:0px 0px 2px 0px;}
.accountempty {border: #333366 solid; border-width: 0px 0px 0px 0px}

.basket_products .order_table_itemtitle_image {width: 68px !important;display: inline-block;}
.basket_products .order_table_itemtitle_image img {max-width:64px !important;max-height:64px !important;}
.productlists li {list-style: none;}
.productlists .products {display: flex;flex-wrap: wrap;}
.productlists .products li {flex: 1;max-width: 128px;min-width: 128px;border:1px solid #888;background-color: #fff;display:block;position:relative;padding:0px;margin:2px;width:128px;height:128px;float:left;border-radius:4px;overflow: hidden;}
.productlists.productlists_smallgrid .products li {max-width: 64px;min-width: 64px;width:64px;height:64px;}
.productlists .products li .inputspan {position: absolute;z-index: 3;right: 0;}
.productlists .products li a {color: #222;font-size: 60%;z-index: 2;}
.productlists .products li .order_table_itemtitle_image {position: absolute;z-index: 0;width: 100% !important;height: 100%;top: 0;left: 0;}
.productlists .products li .order_table_itemtitle_image img {position: absolute;z-index: 0;width: 100% !important;max-width: 100% !important;max-height: 100% !important;top: 0;left: 0;border-radius: 0;}
.productlists .products li .order_table_item {width: 128px !important;min-width: 128px !important;max-width: 128px !important;height: 128px !important;border-width: 0px !important;border-radius: 2px !important;margin: 0px !important;background-color: #fff !important;zoom: 100% !important;}
.productlists.productlists_smallgrid .products li .order_table_item {width: 64px !important;min-width: 64px !important;max-width: 64px !important;height: 64px !important;}
.productlists .products li .order_table_itemtitle_product {height: 128px !important;}
.productlists .products li .order_table_itemnews {position: absolute;z-index: 2;width: 100%;top: 0;left: 0;background-color: rgba(255,255,255,0.7);padding: 2px;font-size: 40%;}
.productlists .products li .order_table_itemtitle {position: absolute;z-index: 2;width: 100%;height: auto !important;bottom: 0;left: 0;background-color: rgba(255,255,255,0.7);padding: 2px;font-size: 40%;}

.productlists .products li.feedback_done_intro {background: none !important;border: none !important;text-align: right;}

.newscontainer_type16 form#rep {position:relative;}
.newscontainer_type16 form#rep .basket_search .inputspantext {border-radius:0px 0px 8px 8px;margin:0px;border-color:#eee;border-top:none;}

.basket_steps {display:flex;flex-wrap:nowrap;max-width:100%;white-space:nowrap;padding:0px 4px;position:relative;margin:0 !important;border-bottom:1px solid #eee;line-height:16px;}
.basket_onestep {/*background-color:#fff;*/flex:1;/*border-width:1px 1px 1px 1px;border-style:solid;border-color:#ccc;*/border-radius: 8px 8px 0px 0px;margin:0px 8px;padding:3px 8px;}
.basket_onestep.stephere {flex:3;background-color:#eee;font-weight:bold;font-size:110%;}
.basket_onestep.stephere a {color:#333;}
.basket_onestep, .basket_onestep a {color:#999;}
.basket_steps .basket_step_sep::before {max-width:30px;content:">";font-size:55%;;color:#999; line-height:32px;}
.basket_product .found {background-color:rgba(240,240,240,0.9);}
.basket_product .order_table_grid {width:auto;display:inline-block;/*float:left;*/}
.basket_endbuttons {padding:10px; text-align:center;border: 1px solid #e0e0e0;border-radius: 8px;margin: 0px 12px !important;}
.basket_endpage_infos {text-align:center;} 
.basket_endpage_emailsent,.basket_enddetails {text-align: left;max-width: 800px;margin: auto;border: 1px solid #eee;background-color: #fff;color:#000;padding: 8px;}
span.basket_quantity {display:inline-block;}
span.basket_quantity input {background-color:#CFC;}
span.basket_quantity input[value="0"] {background-color:#FCC !important;}
div.cart_quantity {min-width:50px;overflow:visible;white-space:nowrap;}
table.basket_step0 .basket_product_contents {display:flex;flex-wrap:wrap;}
table.basket_step0 .basket_product_contents .order_table_,table.basket_step0 .basket_product_contents .order_table_open {display:inline-block;flex:1;float:left;}
table.basket_step0 .basket_product_contents .basket_hint {display:inline-block;flex:1;float:left;}

.order_table_description {display:block;}
tr.basket_product_product {border-bottom:1px solid #ccc;display:flex;margin-bottom:4px;padding-bottom:4px;}
 .basket_step2 tr.basket_product_product {background-color:#FFF;color:#000;}
tr.basket_product_product:last-of-type {border-bottom:0px solid #ccc;}
tr.basket_product_product td {text-align:right;min-width:110px;}
tr.basket_product_product td.basket_product_title {text-align:left;border-left-width:0px;}
tr.basket_product_product .order_table_itemnews, .basket_step0 .order_table_itemnews {display:none;}
.basket_products_compact .basket_products > tbody {display:flex;flex-wrap:wrap;position:relative;}
/*.basket_products_compact > tbody > tr.basket_product_title {display:block !important;width:100% !important;}*/
.basket_products_compact .basket_products > tbody > tr.basket_product_product:before {/*display:block;content:'+';position:absolute;right:-10px;top:22px;border:1px solid #AAA;color:#999;background-color:#FFF;border-radius:11px;width:11px;height:11px;font-size:68%;;line-height:11px;text-align:center;overflow:hidden;z-index:99;*/}
.basket_products_compact .basket_products > tbody > tr.basket_product_product {position:relative;padding:0;border:1px solid #888;font-size:50%;border-radius:4px;margin:0px 3px 3px 3px;}
.basket_products_compact .basket_products > tbody > tr.basket_product_product td {line-height:1;overflow:hidden;min-width:20px;flex:1;white-space:nowrap;}
.basket_products_compact .basket_products > tbody > tr.basket_product_product td.order_table_title_price {flex:5;}
.basket_products_compact .basket_products > tbody > tr.basket_product_product td .order_table_price_rebate {zoom:50%;}
.basket_products_compact .basket_products > tbody > tr.basket_product_product td.basket_product_title {min-width:100%;}
.basket_products_compact .basket_products > tbody > tr.basket_product_newsproduct {position:relative;padding:0;border:1px solid #CCC;font-size:50%;border-radius:4px;margin:0px 3px 3px 3px;overflow:hidden;}
.basket_products_compact .basket_products > tbody > tr {display:flex;flex-wrap:wrap;max-width:110px;}
.basket_products_compact .basket_products > tbody > tr.basket_product_title {width:auto;min-width:100%;white-space:nowrap;/*180px;max-width:320px;*/}
.basket_products_compact .basket_products > tbody > tr.basket_nettotal {width:auto;min-width:120px;max-width:240px;}
.basket_products_compact .basket_products > tbody > tr > td {display:table-cell;vertical-align: bottom;text-align:left;}
.basket_products_compact .basket_products > tbody > tr.basket_nettotal td {text-align:right;}
.basket_products_compact .basket_products .order_table_price_beforerebate {display:block;}
.basket_products_compact .order_table_itemtitle_product {color:#000;font-size: 180%;white-space: normal;}
.basket_products_compact .basket_topbuttons {/*display:none;*/}
/*.basket_products .order_table_itemnews, .basket_step0 .order_table_itemnews {display:none;}, .basket_step1 .order_table_itemnews {display:none;}*/
.basket_products_compact .order_table_itemtitle_hasimage {display:none;}
.basket_products_compact .order_table_itemtitle_noimage {font-weight:normal;display:block;height:80px;overflow:hidden;}
.basket_products_compact .order_table_itemtitle_image_empty {display: none;}
.basket_products_compact .order_table_itemtitle_ref {display:none;}
.basket_products_compact .basket_product .inputspangroup {border:none !important;}
.basket_products_compact .basket_products > tbody > tr.basket_product .inputspantextarea,.basket_products_compact .basket_products > tbody > tr.basket_product .inputspantext {display:none !important;}
.basket_products_compact .order_table_price_rebate {display:block;width:40px;}
.basket_bottombuttons, .basket_topbuttons {text-align:right;}
.basket_bottombuttons a, .basket_topbuttons a {color:#000;text-decoration:none;}
.basket_bottombuttons .displayprice,.basket_bottombuttons .displayprice2 {display:block;/*width: 100%;*/}
.basket_bottombuttons .displayprice_inbutton {display:none;/*width: 100%;*/}
.basket_topbuttons .displayprice {display:none;}
.basket_topbuttons .displayprice_inbutton {display:block !important;float:right;font-size:60%;padding: 6px 12px 0px 0px;}

.basket_products_verycompact .basket_products > tbody > tr.basket_product_title {min-width: 250px;}
.basket_products_verycompact td.basket_products_div {position: relative;}
.basket_products_verycompact div.basket_products_div {width: calc(100vw - 350px);max-width: calc(100vw - 350px);overflow: auto;}
.basket_products_verycompact .basket_products {display: flex;}
.basket_products_verycompact .basket_products > tbody {flex-wrap: nowrap;}

.basket_topbuttons {/*display:block;padding:0px;/*position:absolute;top:0;right:0;*/}
.basket_topbuttons .displayprice2 {display:none;}
.basket_topbuttons {display:block;/*background-color:#fff;border-width:1px 1px 1px 1px;border-style:solid;border-color:#ccc;*/border-radius: 6px;margin:0px;padding:2px;}
.basket_topbuttons .displayprice {display:none;}
.basket_topbuttons input[type=button] {border-radius:6px;}
.basket_topbuttons #emptycart {display:none;}
.basket_bottombuttons .displayprice {/*font-size:120%;*/}

.basket_bottombuttons .confirm_step2_editaddress {display: none;}

.basket_country .selectspan {width:100%;}

.selectspan_addtolist {/*position: absolute;margin-top: -30px;right: 0;*/width: 24px;max-width: 24px !important;border: none !important;background: none !important;}
.selectspan_addtolist select {border: none !important;background: none !important;}
.selectspan_addtolist::after {content:'\2665' !important;width: 100% !important;padding-right: 0px !important;bottom: 0px !important;height: 100% !important;}
.selectspan_addtolist_liked::after {color: darkred;}

#order_table_bottom {width:320px;float:right;/*margin-right:10px;*/}
.bottom_table_ordergroup .inputspanradio label {/*display:flex !important;*/justify-content: space-between;}
.bottom_table_ordergroup .inputspanradio .bottom_table_itemtitle_product {white-space:normal;/*min-width:70%;*/ }
.bottom_table_ordergroup .inputspanradio .bottom_table_itemtitle_price {white-space:nowrap;/*min-width:100px; white-space: nowrap;padding-left: 10px;*/text-align:right;display:block;}

.confirm_step2_quick_delivery {display: block;font-style: italic;font-weight:bold;}
.confirm_step2_quick_address {display: block;font-family: Courier New,Courier,Fixed;}

.displayprice {padding:0px 4px;}

.order_table_basket_complete {position:relative;padding-bottom: 100px;}
.order_table_basket_complete a.titleonlybutton {color:#000;}
#order_table_basket_title h2 {/*height:30px;padding:0;margin:10px 0px 0px 0px;font-weight:normal;border-bottom:1px solid #eee;*/}

.basket_topbuttons input {border:none;}

.order_table_basket_step1 .button_remove1,.order_table_basket_step1 .button_valid1 {display:none;}

@media screen and (min-width: 701px) {	
	.order_table_basket_step2 .basket_topbuttons {display: none !important;}
	.basket_topbuttons {/*display:block;position:absolute;right:20px;width:420px;margin-top:-40px;background-color:rgba(240,240,240,0.9);border:1px solid #888;z-index:9;*//*text-align:center;*/}
	.basket_topbuttons #emptycart {display:none;}
	table.basket {/*padding-right:150px;*/}
	/*.order_table_basket_step0,*/ 
	.order_table_basket_step1, .order_table_basket_step2 {margin-right:350px;}
	#order_table_bottom {position:absolute;right:0;top:40px;}
	#order_table_bottom .inputspangroup {width:100%;}
}
@media screen and (max-width: 700px) {	
	.order_table_basket_step1 .basket_topbuttons {display:block;position: fixed;z-index: 101;top: auto;left: -4px;right: 0;bottom: 7px;height: 60px;}
	.order_table_basket_step2 .basket_topbuttons {display:none;}
	.order_table_basket_step1 .basket_topbuttons .displayprice {/*display: inline-block;position: absolute;right: 10px;bottom: 12px;z-index: 103;*/}
	.order_table_basket_step1 .basket_topbuttons .validetap {/*padding-right: 80px;text-align:left !important;*/}
  .order_table_basket_complete:has(.basket_bottombuttons .validetap.inviewport) .basket_topbuttons {display:none;}
	.order_table_basket_step1 .basket_topbuttons .displayprice2 {display:none;}
	.basket_topbuttons input[type=button] {width:40px;overflow:hidden;position:relative;z-index:99;/*font-size:1px !important;*/}
	.basket_topbuttons input[type=button]::before {content:'\2714';/*font-size:20px !important;*/}
	.basket_topbuttons td {/*text-align:center;*/}
	.basket_topbuttons .displayprice {display:inline-block;}
	.basket_topbuttons td {display:block;position:fixed;left:0px;right:0px;bottom:0px;padding:8px 0px 14px 0px; background-color:rgba(240,240,240,0.9);z-index:9;text-align:center;}
	.basket_bottombuttons .displayprice {display:inline-block;}

	.basket_onestep {max-width:35%;white-space:normal;overflow:hidden;font-size:70%;margin:0px 1px;}
	.basket_steps .basket_step_sep {max-width:0px;}
	.basket_steps .basket_step_sep::before {max-width:0px;position:absolute;margin-left:-3px;line-height:20px;}
	#order_table_bottom {width:100%;}

}

.order_table_itemtitle_pricevat {font-size: 80%;font-weight: normal;}
.order_table_price_normalprice_text {font-size: 80%;font-weight: normal;}

.order_table_itemtitle_periodicity {opacity:0.6;}
.order_table_itemtitle_periodicity_per {font-weight: normal;}


.order_table_price_beforerebate {color:darkred;position:relative;display: inline-block;/*text-decoration:line-through;*/}
.order_table_price_beforerebate strike {text-decoration:none;}
.order_table_price_beforerebate:before {content: ' ';border-top: 5px solid #88000044;transform: rotate(8deg);position: absolute;top: 34%;left: 2px;right: 3px;}

.order_table_price_normalprice {display:block;/*text-decoration:line-through;*/}
.order_table_price_rebateforyou {display:block;/*text-decoration:line-through;*/}
.order_table_price_rebate {
    display:inline-block;
    height: 20px;line-height: 20px;
    position: relative;
    background: green;color: #FFF;
    padding-left:4px;margin-right:8px;
    transform: rotate(-2deg);
  }
.order_table_price_rebate:after {
    /*content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid inherit;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;*/
  }
.order_table_price_rebate:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 10px solid green;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transform: rotate(0deg);
  }
.order_table_price_mine {text-decoration: underline;}
.order_table_price_free {color:gray;font-style:italic;text-decoration: line-through;}

.account_ouvert {position:relative;min-width:100%;}

span.account_shortdate {display:none;}
span.account_nblines .order_table_hideifsmall {display:none;}

div.account_tools {position:relative;padding-right:50px;}
div.account_value {white-space:nowrap;font-variant-numeric: tabular-nums;}

div.account_ouvert div.table_displayopts {display:none;}
div.account_ouvert div.account_lines span.account_contact {float:none;width:100%;display:block;}
div.account_ouvert div.account_lines span.account_titlezone {min-width:100% !important;font-size:130%;height:auto !important;display:block;}
div.account_ouvert div.account_lines span.account_titlezone a {display:inline-block;}
div.account_ouvert div.account_lines span.account_precisions {display:block;}
div.account_ouvert div.account_tools {position:initial;}

div.account_lines {margin-right:10px;}
:not(.roundzone) div.account_lines {position:relative;}
.roundzone div.account_lines {position:initial;}
div.account_lines div.account_line {display:table-row;width:100%;height:40px;overflow:visible;}
div.account_lines div.account_line > div {display:table-cell;border-top:solid 1px #888;}
div.account_lines span.account_accountnumber {display:none;}
div.account_lines span.account_titlezone {border-left:1px dotted #888;border-right:1px dotted #888;padding:0px 20px;margin:0px 20px;display:inline-block;/*width:170px;*/float:left;height:24px;}
div.account_lines span.account_fulldate {display:none;padding-right:8px;}
div.account_lines span.account_shortdate {display:inline-block;}
div.account_lines span.account_contact {display:inline-block;max-width:400px;float:left;}
.account_addinfos_bottom {padding:8px;}
.account_addinfos_bottom li {list-style: none;}
.account_addinfos_bottom li a {min-width:100%; text-align:center;box-sizing: border-box;}

@media screen and (max-width: 720px) { 
  div.account_lines div.account_line {display: flex;flex-wrap: wrap;height: auto;text-align: center;}  
  div.account_lines div.account_date {min-width:100%;}
  div.account_lines div.account_value {display: block !important;min-width:100%;font-size:130%;text-align:center !important;}  
  div.account_lines span.account_titlezone {margin:0;padding:0;}
  div.account_lines span.account_titlezone .account_title {min-width: 100%;display: block;font-size:130%;}
  table.accounttable,.accountlist table {font-size:130%;}
  div.account_moreinfos {display: flex;flex-wrap: wrap;text-align: center;min-width: 100%;justify-content: center;}
  .accountdetailstext, .order_table_itemtitle_ref {display:none !important;}
  .account_addinfos {display: flex;min-width: 100%;justify-content: center;padding:0;margin:0;}
  .account_addinfos li {text-align: center;list-style: none;}
  .account_addinfos li ul {justify-content: center;}
  .accountdetailsamountvat {display:none !important;}

}

@media screen and (max-width: 1000px) {	div.account_lines span.account_precisions {display:none;}    }
span.account_nblines {float:right;padding:3px;display:inline-block;}
a.account_button_nblines::before {display:inline-block;padding-top:5px;content:"- - - -";width:10px;height:20px;font-size:75%;;line-height:3px;color:#888;}
/*div.account_lines_grid */
div.account_markers {position: relative;}
.account_addinfos {position: relative;z-index: 2;}

div.account_lines_grid {position:relative;z-index:1;}
div.account_lines_grid div.account_line_group {display:block;clear:both;width:100% !important;}
div.account_lines_grid div.account_line_element {display:block;z-index:1;position:relative;width:200px;height:250px;margin:8px 16px 8px 8px;padding:0px;border:1px solid #888;float:left;}
div.account_lines_grid div.account_line_element_open {height:266px !important;}
div.account_lines_grid div.account_line > div {display:inline-block !important;}
div.account_lines_grid span.account_accountnumber {display:none;}
div.account_lines_grid span.account_precisions { position: absolute;left: 0px;right:0px;bottom:40px;height:40px;overflow:hidden;display: block;}
div.account_lines_grid span.account_contact {display:block;position:absolute;left:28px;right:0;top:0px;padding:0px;text-align:right;width:140px;}
div.account_lines_grid span.account_titlezone {display:block;position: relative; z-index: 3;width:200px;text-align:center;margin:4px 0px;padding:16px 0px;}
div.account_lines_grid span.account_title {font-size:140%;}
div.account_lines_grid div.account_value {display:block;position:absolute;bottom:0;left:0;right:0;border:0 !important;font-size:120%;padding:2px 20px;}
div.account_lines_grid span.account_nblines {display:block !important;position:absolute;left:0px;top:90px;width:60px;border:0px !important;}
div.account_lines_grid .order_table_hideifsmall {display:none;}
div.account_lines_grid div.account_balance {display:none;position:absolute;right:0;top:-20px;}
div.account_lines_grid div.account_tools {display:block;position:absolute;right:-4px;bottom:10px;}
div.account_lines_grid span.account_fulldate {display:none;}
div.account_lines_grid span.account_shortdate {display:inline-block;}
div.account_lines_grid div.account_markers {display: inline-block;float: right;top: 0px;right:0px;position: absolute;margin-right:4px;}
div.account_lines_grid div.account_markers .date_etat1, div.account_lines_grid div.account_markers .date_etat2 {display: none;}
div.account_lines_grid div.account_markers1 {right:30px;}
div.account_lines_grid div.account_tools .toolszone {width:16px;}

div.account_compact {position:relative;z-index:1;display:inline-block;}
.cardcontent div.account_compact {height:80px;white-space:nowrap;}
div.account_compact div.account_line_group {display:block;clear:both;width:100% !important;float:left;}
div.account_compact div.account_lines {display:block;margin:0px;padding:0px;width:100%;/*height:60px !important;*/float:left;overflow:hidden;}
.account_comptact_multiline div.account_compact div.account_lines {height:auto !important;}
div.account_compact .account_moredetails {overflow-x: auto;position: absolute;top: 0;}
.account_comptact_multiline .account_moredetails {position: relative;top: auto;}
div.account_compact div.account_line_element {display:block;z-index:1;position:relative;width:120px;height:76px;margin:1px 6px 3px 6px;padding:0px;border:1px solid #888;float:left;border-radius:2px 2px 8px 8px;overflow: visible;}
div.account_compact div.account_line_element_open {height:78px !important;}
div.account_compact div.account_line > div {display:inline-block;border:none;float:left;}
div.account_compact span.account_accountnumber {display:none;}
div.account_compact span.account_elementnumber {display:none;}
div.account_compact span.account_precisions { display: none;}
div.account_compact span.account_contact {display:block;position:absolute;left:-2px;top:37px;right:0;padding:0;}
div.account_compact span.account_titlezone {display:inline-block;text-align:right;border:none !important;margin:0 !important;padding:0 !important;width:auto;height:20px;float:none;position:absolute;right:2px;top:2px;}
div.account_compact span.account_title {font-size:95%;white-space: nowrap;}
div.account_compact div.account_value {display:block;border:0 !important;text-align:center;font-size:90%;padding:2px;background-color:none !important;position:absolute !important;left:0px !important;right:0px !important;top:16px !important;}
div.account_compact span.account_nblines {display:block !important;position:absolute;left:0px;top:-2px;width:20px;border:0px !important;}
div.account_compact span.account_nblines table {background-color:#fff !important;}
div.account_compact .order_table_hideifsmall {display:none;}
span.account_nblines .order_table_itemtitle_ref, span.account_nblines .order_table_itemtitle_product, span.account_nblines .accountdetailstext, span.account_nblines .accountdetailsamountvat, span.account_nblines .accountdetailsamountinclvat, span.account_nblines .accountempty span, span.account_nblines .order_table_itemtitle {/*display:none;*/}
div.account_compact div.account_balance {display:none !important;position:absolute;right:2px;top:-20px;}
div.account_compact div.account_tools {display:block;position:absolute;right:-4px;bottom:10px;}
div.account_compact div.account_date {font-size:60%;position:absolute;left:2px;top:2px;}
div.account_compact div.account_value {background-color:none !important;}
div.account_compact div.account_content {font-size:60%;position:absolute;right:0;top:0;}
div.account_compact span.account_fulldate {display:none;}
div.account_compact .account_linkedto,div.account_compact .account_file, div.account_compact .account_markers {display:none !important;}
div.account_compact span.account_shortdate {display:inline-block;}
div.account_compact div.account_markers {display: inline-block;float: right;top: -14px;position: relative;margin-right:4px;}
div.account_compact div.account_tools .toolszone {width:16px;}
div.account_compact div.date_etat1, div.account_compact div.date_etat2 {display:none;}
div.account_compact .mark_date_etat1 {position:absolute;top:27px;left:0px;}
div.account_compact .mark_date_etat2 {position:absolute;top:27px;left:12px;}
div.account_compact .orderstatus {margin-top: 16px;font-size: 70%;}

div.account_lines_smallgrid {position:relative;z-index:1;display:inline-block;}
div.account_lines_smallgrid div.account_line_group {display:block;clear:both;width:100% !important;float:left;}
div.account_lines_smallgrid div.account_lines {display:block;margin:0px;padding:0px;width:100%;}
div.account_lines_smallgrid div.account_line_element {display:block;z-index:1;position:relative;width:144px;height:56px;margin:10px 16px;padding:0px;border:1px solid #888;float:left;}
div.account_lines_smallgrid div.account_line_element_open {height:38px !important;}
div.account_lines_smallgrid div.account_line > div {display:inline-block;border:none;float:left;}
div.account_lines_smallgrid span.account_accountnumber {display:none;}
div.account_lines_smallgrid span.account_elementnumber {display:none;}
div.account_lines_smallgrid span.account_precisions { display: none;}
div.account_lines_smallgrid span.account_contact {position:absolute;left:0px;top:12px;width:140px;overflow:hidden;}
div.account_lines_smallgrid span.account_titlezone {display:inline-block;text-align:right;border:none !important;margin:0 !important;padding:0 !important;width:110px;height:20px;float:none;position:absolute;right:3px;top:2px;}
div.account_lines_smallgrid span.account_title {font-size:100%;}
div.account_lines_smallgrid div.account_value {position:absolute !important;left:0px !important;right:0px !important;top:5px !important;display:block;border:0 !important;text-align:center;font-size:100%;padding:1px 0px;background-color:none !important;}
div.account_lines_smallgrid div.account_value br {display:none;}
div.account_lines_smallgrid span.account_nblines {display:block !important;position:absolute;left:0px;top:0px;width:20px;border:0px !important;}
div.account_lines_smallgrid .order_table_hideifsmall {display:none;}
div.account_lines_smallgrid div.account_balance {display:none !important;position:absolute;right:2px;top:-20px;}
div.account_lines_smallgrid div.account_tools {display:block;position:absolute;right:-10px;bottom:-2px;}
div.account_lines_smallgrid div.account_date {font-size:80%;position:absolute;left:2px;top:2px;}
div.account_lines_smallgrid div.account_content {font-size:100%;position:absolute;right:0;top:0;}
div.account_lines_smallgrid span.account_fulldate {display:none;}
div.account_lines_smallgrid span.account_shortdate {display:inline-block;}
div.account_lines_smallgrid div.account_markers {display: inline-block;float: right;top: -14px;position: relative;margin-right:4px;}
div.account_lines_smallgrid div.account_tools .toolszone {width:16px;}


div.account_titleline > div {border:0 !important;}
div.account_line_group > div {vertical-align: bottom;}
div.account_line_element > div {vertical-align: middle;}
div.account_lines_grid div.account_titleline {position:absolute;z-index:99;top:-20px;height:20px;background-color:#fff;line-height:20px;overflow:auto;width:200px;border:1px solid #444;padding:3px;}
div.account_lines_grid div.account_titleline:hover {height:auto !important;overflow:visible;}
div.account_lines_grid div.account_titleline > div {display:block;width:100%;}
div.account_lines_grid div.account_titleline > div a {display:block;width:100%;background-color:#fff;text-align:left;}
div.account_lines_grid div.account_content_bottom {display:block;width:150px;float:right;}


.account_moreinfos {display:block;/*float:left;*/font-weight:normal;}
.account_moreinfos ul.moreinfos, .account_moreinfos ul.moreinfos ul {margin:0;display: inline-block;}
.account_moreinfos ul.moreinfos li {list-style: none; border:1px solid rgba(255,255,255,0.10); background-color:rgba(255,255,255,0.05); border-radius:2px;padding:2px;margin:2px;}
.account_moreinfos ul.moreinfos ul li {float:left;margin: 0px;border-width: 0px 0px 0px 1px;}
.account_moreinfos_hardwareid {float: right;}

div.account_compact .account_moreinfos {position:absolute;top:30px;}
div.account_compact .order_table_itemtitle {font-weight:normal;}


div.account_date,div.account_dategroup {white-space: nowrap;float:none !important;}
div.account_content {width:100%;position:relative;}
div.account_chat {position: absolute; right:50px;min-width:180px;max-width:30%;}
div.account_balance {white-space: nowrap;font-size: 60%;}
div.account_dategroup {font-size:150%;padding-top:20px;}
.account_lines div.account_dategroup {position: sticky;top: -50px;background-color: #fcfcfc;}
/*div.account_dategroup:first-of-type {border-top:0 !important;}*/
div.account_value{ border-left:1px solid #888;border-right:1px solid #888;padding:0px 4px;}
div.account_markers {text-align: center;}
div.account_tools {text-align: right;}
span.account_file {display:inline-block;width:32px;height:38px;max-width:200px;float:left;position:relative;}
span.account_file .attachment {zoom:30%;position:absolute;top:0px;left:0px;transition-property: all;transition-duration:0.3s;}
span.account_file:hover .attachment {zoom:100%;top:-30px;left:-20px;z-index:9;}
span.account_file img {height:38px;}
div.account_lines_grid span.account_file {position: absolute;bottom: 0px;top: 70px;width:200px;left:0px;height:auto;overflow: hidden;}
div.account_lines_grid span.account_file img {width:200px;height:100%;}
div.account_lines_grid span.account_file .attachment {position:absolute;zoom:100%;width:100%;height:100%;top:0px !important;left:auto !important;right:-2px;}
span.account_file table {width:auto !important;}

a.account_linkedto {display:inline-block;color:red;font-size:80%;font-weight:normal;border:1px solid #888;border-radius: 2px;padding: 2px; margin: 1px; opacity: 0.8; font-weight: normal !important;}
a.account_linkedto:hover {opacity: 1;}

.deliveryaddress {display:inline-block;margin: 2px;position: relative;font-size: 60%;/*border: 1px solid #FFF;*/border-radius: 2px;padding: 20px 10px 4px 20px;}
.deliveryaddress::after {position: absolute;display: block;content: "\265B";font-size:50%;;color: #FFF;line-height: 8px;text-align: center;background-color: rgba(255,128,128,0.8);border: 1px dotted #FFF; right: 5px;top: 5px;width: 7px;height: 10px; }
.deliveryaddress.differentaddress::after {background-color: rgba(100,200,100,0.8); }

a.trackinglink {margin: 2px;position: relative;display:inline-block;font-family:courier new;border-style:solid;border-width:6px 16px 4px 1px;border-color:#FFF;background-color:#684920 !important;color:#FFF !important;padding:1px 4px;}
a.trackinglink::before {content:'\2759\2758\2758\2758\2759\2758\2758  ';font-size: 50%;margin-right: 10px;}
a.trackinglink::after {position: absolute;display: block;content: "\265B";font-size:50%;;color: #FFF;line-height: 8px;text-align: center;background-color: rgba(255,128,128,0.8);border: 1px dotted #FFF; right: -12px;top: -4px;width: 6px;height: 8px; }
a.trackinglink .trackingname {position: absolute;left: -2px;top: -2px;font-size:50%;;transform: rotate(-15deg);max-width: 50px;line-height: 5px;background-color: #684920 !important;opacity: 0.9;padding: 2px;border: 0.5px solid #fff;}

.hardwareid {border: 1px solid rgba(255,255,255,0.7);border-radius:2px;background-color:rgba(255,255,255,0.5);font-family: Courier; font-size:80%;padding:2px 4px;}
.autorenew {border: 1px solid #fff;padding: 1px 4px;border-radius: 4px;}
.autorenew_active {background-color: #080;color: #fff;}
.autorenew_stopped {background-color: #800;color: #fff;}

.lineOver a {text-decoration:underline;}
.lineSelected a {font-weight:bold;/*border-width:2px;opacity:0.8;background-color:#aca;*/}
.lineSelected a {font-weight:bold;/*border-width:2px;opacity:0.8;background-color:#aca;*/}

.autogrow {transition-property: width;transition-duration:0.3s;overflow: hidden;}
.autogrow:hover {flex: 100 !important;overflow-x: auto;overflow-y:hidden; }

.accountdetailsamount {text-align:right;padding-left:4px !important;padding-right:4px !important;}
.accountdetailsrecurrent {text-align: center;font-size: 90%;}
.accountdetailsamountbottoml {background-color: #dddddd22;border-left: 1px solid #aaaaaa22;}
.accountdetailsamountbottomr {background-color: #dddddd22;border-right: 1px solid #aaaaaa22;}
.accountdetailsamountbottomt {background-color: #dddddd22;border-top: 1px solid #aaaaaa22;}
.accountdetailsamountbottomb {background-color: #dddddd22;border-bottom: 1px solid #aaaaaa22;}

.changeperiodbuttons {min-height: 480px;position: absolute;bottom: 0;z-index: 10;background-color: #00000088;left: 0;right: 0;backdrop-filter: blur(4px);display: flex;flex-wrap:wrap;align-items: end;padding: 0 40px 100px 40px;box-sizing: border-box;}
.changeperiodbuttons .chooseoption {margin:10px 0;min-width:100%;}

span.monnaie {padding-left:4px;}

.activesessions {text-align:center;}

.contactslist {}

span.contactinfo {
	display:inline-flex;white-space: normal;flex: 1;border: 1px solid #ddd;border-radius: 4px;padding:0 0 0 2px;margin:0px 0px 2px 1px;
	vertical-align: middle;height:19px;max-width:300px;width: auto;min-width:40px;transition-property: max-width;transition-duration:0.3s;
	background-position:0px center;background-repeat:no-repeat;background-size: 40px;background-color:#FFF;color:#000;position:relative;}
span.contactinfo .contactsquare {left: -8px;top: 0px;width: 15px;height: 15px;text-align: center;}
span.contactinfo .contactsquare::before {float: none !important;}
span.contactinfo.hasphoto .contactname {padding-left:42px;}
span.contactinfo.hasnophoto .contactname {padding-left:6px;}
.contactinfo_is_session {color: #CCC !important;background-color: #444 !important;}
.contactinfo_is_session a {color: #CCC !important;}
span.contactinfo a {min-width:0px !important;}

span.contactinfo.contact_hascompl {max-width:600px;}

.contactlist_name .contactinfo {max-width:100%;}

.contactname_oneperline > span.contactinfo {margin-left: 8px;max-width: 95% !important;width: 95% !important;}
.contactname_hascheckbox .contactname {padding-left: 42px !important;}
.contactname_hascheckbox .contactname a:hover {/*background-color: #8F8;*/}
.contactname_oneperline .contactinfo {display: block;}
.contactname_oneperline br {display: none;}
.contact_asemail {min-width:auto !important;width:auto !important;}
.contact_asemail .contactname, .contact_asemail .contactname a, .contact_asemail .contactname a:hover {font-family: Courier New,Courier,Fixed;min-width:auto !important;width:auto !important;/*line-height:130% !important;font-size:150%;*/}
.contactlist_bottom {position:fixed; left: 0px;right: 0px;bottom: 40px;height:50px; z-index:1000; overflow: visible;background-color:#ded;border-top:1px soid #ccc;padding:20px 2px;text-align:center;}
.contactlist_bottom #dejasel {height:100%; width:100%;padding-top:10px; overflow: auto; overflow-Y:scroll;}
.hide_titles #titlezone {display: none;}
.contactlist_bottom_open, .contactchoice_popup_bottom_open .contactlist_bottom {height: 30%;left:50%;min-height: 200px;max-height: 30%;padding-top: 0px;text-align: left;}
.contactlist_bottom_open .group_classer, .contactchoice_popup_bottom_open .contactlist_bottom .group_classer {display: block;position: relative;border-bottom: 1px solid #fff;padding: 3px 0px 3px 6px;}
.contactlist_bottom_open .group_classer  #titlezone,.contactchoice_popup_bottom_open .contactlist_bottom .group_classer  #titlezone {/*position: absolute; right: 65%;width: auto !important;margin-top: -8px;*/}
.contactlist_bottom_open .group_classer  #titlezone #titlezonediv,.contactchoice_popup_bottom_open .contactlist_bottom .group_classer  #titlezone #titlezonediv {position: sticky; top: 0px;}
.contactlist_bottom_open .group_classer span.contactinfo,.contactchoice_popup_bottom_open .contactlist_bottom .group_classer span.contactinfo {max-width: 98% !important;width: 98% !important;}
.contactlist_bottom_open .group_classer span.contactinfo .contactname,.contactchoice_popup_bottom_open .contactlist_bottom .group_classer span.contactinfo .contactname {overflow: hidden;}
.contactlist_bottom_moveall {position:absolute;left:50%;right:0%;top:-20px;text-align:center;}
.contactlist_bottom_open .contactlist_bottom_moveall {left:0%;}
#resultszone .contactname a {opacity:0.8;cursor:copy;}
#dejasel .contactname a {opacity:1;cursor:no-drop;}

.contact_reassign {display: inline-flex;position:relative;white-space:nowrap;height:40px;overflow-x:auto;overflow-y:hidden;}
.contact_reassign_title {position: absolute;}
.contact_reassign_contents {opacity:0.4;}
.contact_reassign:hover .contact_reassign_contents {opacity:1;}
.contact_reassign:hover a {cursor:ne-resize;}

span.contactinfoname {border: 1px solid #ddd;border-radius: 4px;padding:2px 4px 2px 20px;background-color:rgba(255,255,255,0.7);color:#000;margin-left: 10px;line-height: 19px;height: 19px;white-space: nowrap;}
span.contactinfoname_asemail {font-family: Courier New,Courier,Fixed;border: 1px solid #ddd;border-radius: 4px;padding:2px 4px 2px 20px;background-color:rgba(255,255,255,0.7);color:#000;margin-left: 10px;line-height: 19px;height: 19px;}
div.popupmenu2 div.contactinfoname span a {border: 1px solid #ddd;border-radius: 4px;padding:1px 4px 1px 20px;background-color:rgba(255,255,255,0.7);color:#000;margin-left: 10px;}
div.popupmenu2 div.contactinfoname.contact_company span a {background-color:#444; color: #FFF; font-style: italic;}

span.contactinfotitle {height:40px;	display:inline-flex;border: 1px solid #888;border-radius: 8px;padding:0px;margin:0;
	vertical-align: middle;max-width:400px;min-width:200px;
	background-position:0px -10px;background-repeat:no-repeat;background-size: 60px;background-color:#FFF;color:#000;}
span.contactinfotitle .contactsquare {width:20px;height:20px;top: 20px;line-height: 20px;left: -14px;position: absolute;}
span.contactinfotitle .tools::before {line-height:20px;font-size:50%;;}
span.contactinfotitle .contactname, span.contactinfotitle .contactname a {padding-top: 0px;height: 38px;line-height: 38px !important;font-size: 18px;font-weight: normal;}
span.contactinfotitle span.contactname {padding:0px 8px 0px 2px;line-height:20px;overflow:hidden;max-width:100%;}
span.contactinfotitle.hasphoto .contactname {padding-left:60px;}

.contactinfotitle.hasphoto {position: relative;}
.contactinfotitle.hasphoto .photo_zoom {display: block;position: absolute;left: 0px;top: 0px;height: 40px;width: 60px;opacity: 0;transition-property: all;transition-duration: 0.3s;z-index: 1;border-radius: 8px;border: 1px solid #888;background-size: cover;}
.contactinfotitle.hasphoto:hover .photo_zoom {display: block;position: absolute;left: -10px;top: -20px;height: 80px;width: 80px;opacity: 1;z-index: 10001;border-radius: 8px;border: 1px solid #888;}
.contactinfotitle.hasphoto:hover .photo_zoom2 {display: block;position: absolute;left: -40px;top: -60px;height: 160px;width: 160px;opacity: 1;z-index: 10001;border-radius: 8px;border: 1px solid #888;}

span.contactinfo span.contactname {white-space: nowrap;padding:0px 8px 0px 2px;line-height:19px;overflow:hidden;width:100%;box-sizing: border-box; display: inline-block;}
span.contactname a {background-color:rgba(0,0,0,0) !important;color:inherit;width:100%;height:19px;display:inline-block;text-align:left;overflow:visible;}
span.contactname a:hover {/*width:300%;*/overflow:visible;}
span.contactinfo .cn_name,span.contactinfo .cn_onename {font-weight:bold;}
span.contactinfo .cn_company {font-size:70%;}
span.contactinfo .toolszone_inline {left: -2px;bottom: 0;position: absolute;opacity:0.7;}
span.contactinfo:hover .toolszone_inline {opacity:1;}
span.contactinfo .compl {position: absolute;background-color:#Fefefe;border-radius:0px 16px 16px 0px;right: 1px;top: 1px;display: block;height: 15px;line-height: 13px;border-left: 1px solid #ddd;padding: 2px 4px 0px 4px;font-size:70%;float: right;max-width: 30%;min-width: 28px;overflow:hidden;white-space: nowrap;}

span.contactinfo input[type=checkbox], span.contactinfo input[type=radio] {position:absolute;left:-8px;}
@media screen and (max-width: 480px) {
	span.contactinfo {	/*max-height:40px;max-width:120px; background-position:center bottom;background-repeat:no-repeat;position:relative;/*border-radius:2px;margin:1px;*/}
	span.contactinfo .toolszone_inline {/*left: -2;bottom: -2;position: absolute;*/}
	span.contactinfo.hasphoto .contactname {/*padding-left:10px;margin-left:-8px;width:50px;background-color:rgba(255,255,255,0.5);/*height:16px;*/}
	span.contactinfo.hasnophoto .contactname {/*max-width:150px;max-height:40px;*/}
	span.contactinfo .contactname a {/*overflow:visible;/*line-height:10px;height:40px;*/}
	/*span.contactinfo.hasnophoto .cn_onename {font-size:50%; !important;display:block !important;}
	span.contactinfo.hasnophoto .cn_firstname {font-size:50%; !important;display:block !important;width:100% !important;max-width:100% !important;}
	span.contactinfo.hasnophoto .cn_name {font-size:50%; !important;display:block !important;width:100% !important;max-width:100% !important;}*/
}
@media screen and (min-width:601px) and (max-width: 800px) {
	/*span.contactinfo span.contactname span {font-size:0.2px;display:inline-block;padding-right:3px;overflow:hidden;}
	span.contactinfo span.contactname i {display:none;}
	span.contactinfo span.contactname .cn_firstname::first-letter {font-size:50%; !important;display:inline-block !important;}
	span.contactinfo span.contactname .cn_name::first-letter {font-size:50%; !important;}
	span.contactinfo span.contactname .cn_name {font-size:50%; !important;display:inline-block !important;}
	span.contactinfo span.contactname .cn_onename::first-letter {font-size:50%; !important;}
	span.contactinfo span.contactname .cn_onename {font-size:50%; !important;display:inline-block !important;}*/
}
@media screen and (min-width:319px) and (max-width: 600px) {
	/*span.contactinfo span.contactname span {font-size:0.2px;display:inline-block;max-width:10px;padding-right:3px;overflow:hidden;}
	span.contactinfo span.contactname i {display:none;}
	span.contactinfo span.contactname .cn_firstname::first-letter {font-size:50%; !important;display:inline-block !important;}
	span.contactinfo span.contactname .cn_name::first-letter {font-size:50%; !important;}
	span.contactinfo span.contactname .cn_name {font-size:50%; !important;max-width:50px;display:inline-block !important;}
	span.contactinfo span.contactname .cn_name::first-letter {font-size:50%; !important;}
	span.contactinfo span.contactname .cn_onename {font-size:50%; !important;max-width:50px;display:inline-block !important;}*/
}
@media screen and (max-width: 318px) {
	/*span.contactinfo span.contactname span {font-size:0.2px;display:inline-block;padding-right:3px;overflow:hidden;}
	span.contactinfo span.contactname i {display:none;}
	span.contactinfo span.contactname .cn_firstname::first-letter {font-size:50%;;display:inline-block !important;}
	span.contactinfo span.contactname .cn_name::first-letter {font-size:50%;;display:inline-block !important;}*/
}
span.contactinfo .contactsquare {opacity:0.9;}

.contactname_2lines .contactinfo { border-radius: 8px;	height:38px;max-width:120px; margin-right:3px; border:1px solid #ddd; padding:0 !important;background-position:left center !important;background-repeat:no-repeat;position:relative;}
.contactname_2lines .contactinfo .toolszone_inline {left: -1px;bottom: -1px;position: absolute;z-index:2;}
.contactname_2lines .contactinfo .contactname {white-space: normal;padding-top:1px !important;padding-left:2px !important;width:120px;height:36px;border-radius: 0px 8px 8px 0px;font-size:75%;;line-height:12px;font-weight: normal;}
.contactname_2lines .contactinfo .contactname a {display:block;width:120px;height:36px;border-radius: 0px 8px 8px 0px;}
.contactname_2lines .contactinfo.hasphoto .contactname {margin-left:40px;width: 80px;background-color:rgba(255,255,255,0.4);white-space: normal;}
.contactname_2lines .contactinfo.hasnophoto .contactname {margin-left: 8px;}
.contactname_2lines .contactinfo .cn_onename {display:block !important;}
.contactname_2lines .contactinfo .cn_firstname {display:block !important;width:100% !important;max-width:100% !important;}
.contactname_2lines .contactinfo .cn_name {display:block !important;width:100% !important;max-width:100% !important;}

.contactname_msmall .contactinfo {display: inline-block !important;font-size:8px; border-radius: 8px; height:38px;width:38px; margin-right:3px; border:1px solid #ddd; padding:0 !important;background-position:center !important;background-repeat:no-repeat;position:relative;}
.contactname_msmall .contactinfo .toolszone_inline {left: -1px;bottom: -1px;position: absolute;z-index:2;}
.contactname_msmall .contactinfo .contactname {white-space: normal;position: absolute;top: 0px;left: 0px;max-height: 40px;width: 40px;overflow-x: hidden;overflow-y: visible;padding-top:4px !important;padding-left:2px !important;border-radius:8px 8px 0px 0px;}
.contactname_msmall .contactinfo .contactname a {display:block;line-height:8px !important;width: 36px;height: auto !important;max-height: 36px !important;overflow: hidden;white-space: normal !important;}
.contactname_msmall .contactinfo.hasphoto .contactname {/*padding-left:10px;margin-left:-8px;*/background-color:rgba(255,255,255,0.7);min-height:10px;width: 40px;/*overflow: visible;overflow-wrap: anywhere;*/}
.contactname_msmall .contactinfo.hasnophoto .contactname {width:40px;height:40px;}
.contactname_msmall .contactinfo.hasnophoto .cn_onename {font-size:8px !important;display:block !important;}
.contactname_msmall .contactinfo.hasnophoto .cn_firstname {font-size:8px !important;display:block !important;width:100% !important;max-width:100% !important;}
.contactname_msmall .contactinfo.hasnophoto .cn_name {font-size:8px !important;display:block !important;width:100% !important;max-width:100% !important;}
.contactname_msmall input[type=checkbox], .contactname_msmall input[type=radio] {position: absolute;left: -3px;bottom: -3px;z-index: 99;}

.contactname_msmallunder .contactinfo {display: inline-block !important;font-size:8px; border-radius: 8px; height:38px;width:38px; margin-right:3px; border:1px solid #ddd; padding:0 !important;background-position:center !important;background-repeat:no-repeat;position:relative;}
.contactname_msmallunder .contactinfo .toolszone_inline {left: -1px;bottom: -1px;position: absolute;z-index:2;}
.contactname_msmallunder .contactinfo .contactname {white-space: normal;position: absolute;top: 0px;left: 0px;max-height: 40px;width: 40px;overflow-x: hidden;overflow-y: visible;padding-top:4px !important;padding-left:2px !important;border-radius:8px 8px 0px 0px;}
.contactname_msmallunder .contactinfo .contactname a {display:block;line-height:8px !important;width: 36px;height: auto !important;max-height: 36px !important;overflow: hidden;white-space: normal !important;}
.contactname_msmallunder .contactinfo.hasphoto .contactname {/*padding-left:10px;margin-left:-8px;*/left:-4px;min-height:10px;width: 45px;max-height:70px;padding:0px !important;border-radius:0px !important;/*overflow: visible;overflow-wrap: anywhere;*/}
.contactname_msmallunder .contactinfo.hasphoto .contactname a {padding-top:38px;width:46px;max-height: 70px !important;text-align:center;}
.contactname_msmallunder .contactinfo.hasphoto .contactname a span {white-space:nowrap;display:inline-block;}
.contactname_msmallunder .contactinfo.hasnophoto .contactname {width:40px;height:40px;}
.contactname_msmallunder .contactinfo.hasnophoto .cn_onename {font-size:8px !important;display:block !important;}
.contactname_msmallunder .contactinfo.hasnophoto .cn_firstname {font-size:8px !important;display:block !important;width:100% !important;max-width:100% !important;}
.contactname_msmallunder .contactinfo.hasnophoto .cn_name {font-size:8px !important;display:block !important;width:100% !important;max-width:100% !important;}
.contactname_msmallunder input[type=checkbox], .contactname_msmallunder input[type=radio] {position: absolute;left: -3px;bottom: -3px;z-index: 99;}

@media screen and (max-width: 810px) {
.contactname_msmall810 .contactinfo {display: inline-block !important;font-size:8px; border-radius: 8px;	height:38px !important;width:75px !important;min-width:38px !important; margin-right:3px; border:1px solid #ddd; padding:0 !important;background-size:cover;background-position:center !important;background-repeat:no-repeat;position:relative;}
.contactname_msmall810 .contactinfo .toolszone_inline {left: -1px;bottom: -1px;position: absolute;z-index:2;}
.contactname_msmall810 .contactinfo .contactname {white-space: normal;position: absolute;top: 0px;left: 0px;margin-left: 0px !important;max-height: 40px;width: 100%;overflow-x: hidden;overflow-y: visible;padding-top:1px !important;padding-left:1px !important;border-radius:8px 8px 0px 0px;}
.contactname_msmall810 .contactinfo .contactname a {display:block;line-height:130% !important;font-size:150%;;width: auto !important;height: auto !important;max-height: 36px !important;overflow: visible;white-space: normal !important;}
.contactname_msmall810 .contactinfo.hasphoto .contactname {background-color:rgba(255,255,255,0.4);min-height:8px;width: 100%;/*overflow: visible;overflow-wrap: anywhere;*/}
.contactname_msmall810 .contactinfo.hasnophoto .contactname {width:100%;height:40px;}
.contactname_msmall810 .contactinfo.hasnophoto .cn_onename {display:block !important;}
.contactname_msmall810 .contactinfo.hasnophoto .cn_firstname {display:block !important;width:100% !important;max-width:100% !important;}
.contactname_msmall810 .contactinfo.hasnophoto .cn_name {display:block !important;width:100% !important;max-width:100% !important;}
}

span.contactname_medium {padding-right: 6px;}
.contactname_medium .contactinfo {width:88px;min-width:88px;height:19px;padding:0;margin-top: 1px;margin-right:2px/*-6px*/;white-space: normal;}
.contactname_medium .contactsquare {top:2px;/*display:none !important;*/}
.contactname_medium .hasphoto {background-position:right center !important;background-size:fit;}
.contactname_medium .hasphoto .contactname span {background-color:rgba(255,255,255,0.8);}
.contactname_medium .hasphoto:hover .contactname {display:block;background-color:rgba(255,255,255,0.9);}
.contactname_medium .contactinfo:not(.contact_asemail) .contactname {white-space: normal !important;padding-left:6px !important;font-size:55%;;width:100%;line-height:9px !important;}
.contactname_medium .contactname a {width:100%;}
.contactname_medium .contactname a span {display: inline-block;margin-right: 60px;white-space: nowrap;margin-bottom:-1px;padding-bottom:1px;}
.contactname_medium .contactname a span.cn_onename {font-weight: bold;line-height: 19px;}
.contactname_medium .contactname a:hover {min-width:100% !important;}
.contactname_medium .contactinfo.hasphoto .contactname {}

span.contactname_small {padding-right: 6px;}
.contactname_small .contactinfo {width:34px !important;min-width:34px !important;height:20px !important;padding:0 !important;margin-right:-6px;white-space: normal !important;}
.contactname_small .contactsquare {display:none !important;}
.contactname_small .hasphoto {background-position:left center !important;background-size:100%;}
.contactname_small .hasphoto .contactname {display:none;}
.contactname_small .hasphoto:hover .contactname {display:block;background-color:rgba(255,255,255,0.8);}
.contactname_small .contactinfo .contactname {white-space: normal !important;font-size:55%;;width:34px;line-height:9px !important;}
.contactname_small .contactname a {width:34px;}
.contactname_small .contactname a:hover {width:34px !important;}
.contactname_small .contactinfo.hasphoto .contactname {padding-left:0px !important;}

.contactname_xsmall .contactinfo {width:26px !important;min-width:26px !important;max-width:26px !important;height:16px !important;padding:0 !important;margin-right:-6px;}
.contactname_xsmall .contactsquare {display:none !important;}
.contactname_xsmall .hasphoto {background-position:left center !important;background-size:100%;}
.contactname_xsmall .contactname {white-space: normal;padding-left:1px !important;font-size:6px;width:26px;line-height:5px !important;}
.contactname_xsmall .contactname a {font-size:6px;width:26px;line-height:5px;}
.contactname_xsmall .contactinfo:hover .contactname a {width:auto !important;min-width: 120px !important;white-space: nowrap;z-index: 99;position: absolute;height: 16px;line-height: 16px;font-size:68%;; border-width: 1px 1px 1px 0px;border-style:solid;border-color: #ddd; border-radius: 0px 4px 4px 0px;background-color: #fff !important;margin-left: 0px;left: 24px;margin-top: -1px;padding: 0px 2px;}
.contactname_xsmall .hasphoto .contactname {display:none;}
.contactname_xsmall .hasphoto:hover .contactname {display:block;overflow:visible;position:absolute;background-color:rgba(255,255,255,0.8);}

.contactname_xxsmall .contactinfo {width:16px !important;min-width:16px !important;max-width:16px !important;height:16px !important;padding:0 !important;margin-right:-6px;margin-bottom:-6px;overflow:hidden;}
.contactname_xxsmall .contactsquare {display:none !important;}
.contactname_xxsmall .hasphoto {background-position:left center !important;background-size:100%;}
.contactname_xxsmall .contactname {white-space: normal;padding-left:1px !important;font-size:6px;width:16px;line-height:5px !important;}
.contactname_xxsmall .contactname a {font-size:6px;width:16px;line-height:5px;}
.contactname_xxsmall .contactinfo:hover {overflow:visible;z-index:99;}
.contactname_xxsmall .contactinfo:hover .contactname a {white-space: nowrap;z-index: 99;position: absolute; height:auto !important;min-height:16px;overflow:visible;font-weight:normal !important;text-decoration:none;border-width: 1px 1px 1px 0px;border-style:solid;border-color: #ddd; border-radius: 0px 4px 4px 0px;background-color: #fff !important;margin-left: 0px;left: 0px;margin-top: -1px;padding: 0px 2px;}
.contactname_xxsmall .hasphoto .contactname {display:none;}
.contactname_xxsmall .hasphoto:hover .contactname {display:block;width:40px;height:40px;}

.contactname_small .contactinfo.hasphoto .contactname {padding-left:0px !important;}

.contactname_preview {margin: 8px;padding: 8px;border: 1px solid #eee;background-color: #f0f0f0;border-radius: 8px;}

.nbelements_overcontactname {position:absolute;margin-left:-30px;margin-top:22px;}

.tags {display:flex;flex-wrap:wrap;}
.tag {flex:1;position:relative;padding:2px 4px !important;border-radius:4px !important;border:1px solid #ccc;margin:2px 10px 2px 0px !important;max-height:32px;overflow:hidden;line-height:16px;font-size:75%;;color:#fff;text-decoration:none;background-color:#888;max-width:250px;display:inline-block;}
.tag:hover {border:1px solid #ddd;background-color:#999;}
.tag a {color:#fff;text-decoration:none;}
.tag:hover {text-decoration:none;}
.email_group_tag {display:inline-block;float:right;line-height:7px !important;font-size:50%; !important;max-height:20px;}
.tag_remove::after {content:" ";width:16px;height:16px;border-radius:16px;text-align:center;display: none;position:absolute;right:-8px;top:1px;border:1px solid #800;background-color:#F88;color:#800;}
.tag:hover .tag_remove::after {content:"\2716";display:inline-block;}
.tag.tag_remove:hover {background-color:darkred;text-decoration: line-through;}
.tag_add::after {content:" ";width:16px;height:16px;border-radius:16px;text-align:center;display: none;position:absolute;right:-1px;top:1px;border:1px solid #080;background-color:#8F8;color:#080;}
.tag.tag_add:hover::after {content:"+";display:inline-block;}
.tag.tag_add:hover {background-color:darkgreen;}
input.tag {width:30px;min-width:30px;opacity:0.5;appearance: none;   background-color:none !important; }
input.tag:hover, .inputspantags:focus-within input.tag {width:100%;min-width:40px;opacity:1;appearance: none;   background-color:none !important; }
.inputspantags:focus-within input.tag ~ datalist {position:absolute;left:0;right:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#ddd;display:block !important;z-index:1001;background-color:#fff;padding:4px;}


.inputspantags {width:100%;min-height:45px;}
.inputspantags.tosave {height:auto;max-height:200px !important;}
.inputspantags.tosave .taglist {position:relative !important;height:auto;max-height:200px !important;border-width:0px !important;}
.inputspantags .inputspantext {min-width:44px !important;}
.inputspantags .taglist {display:inline-flex;flex-wrap:wrap;margin-top:4px;/*min-width:190px;/*width:100%;*/max-width:100%;overflow:auto;/*max-height:26px;/*position:absolute;*/z-index:101;transition-property: all;transition-duration: 0.3s;background-color:#fff;left:0px;padding-left:2px;}
.inputspantags span.tag {white-space:nowrap;min-width:80px;color:#fff;text-decoration:none;flex:1;position:relative;padding:2px 20px 2px 4px;border-radius:4px;border:1px solid #ccc;margin:2px 10px 2px 0px;max-height:32px;overflow:visible;line-height:16px;font-size:75%;;color:#fff;text-decoration:none;background-color:#888;max-width:250px;display:inline-block;}
.inputspantags input[type=text] {border-radius:4px;border:1px solid #FFFFFF00;margin:2px 10px 2px 0px;max-height:32px;}
.inputspantags input[type=text]:focus {color:#fff;background-color:#888;padding:2px 20px 2px 4px;border-radius:4px;border:1px solid #ccc;margin:2px 10px 2px 0px;max-height:32px;}
.inputspantags .taglist a::after {content:" ";opacity: 0.5;width:16px;height:16px;border-radius:0px;text-align:center;position:absolute;right:1px;top:1px;border:1px solid rgba(0,0,0,0);}
.inputspantags .taglist .tag:not(:has( .tag_remove)):hover {background-color:darkgreen;min-width:auto;}
.inputspantags .taglist a:hover::after {content:"+";opacity: 0.8;background-color:darkgreen;}
.inputspantags .taglist:hover {/*position:absolute;flex-wrap: wrap;max-height:200px;border-width:0px 1px 1px 1px;border-color:#ddd;border-style:solid;/*left:-1px;right:-1px;width:auto;max-width:101%;*/}
.inputspantags .taglist:hover a:hover, .inputspantags .taglist:hover span.tag:hover {/*flex:2;min-width:140px;*/}

.tagsform {position:relative;}
.tagsform .inputspansubmit {position:absolute;bottom:-8px;right:-8px;z-index:99;}

.news21_oneresult div.col_line {clear:both;}
.news21_oneresult .table21_rowid .tool_container {position:relative;}
.news21_oneresult h3.col_title {float:left;clear:both;width:200px;maxWidth:30%;max-width:30%;padding:0;spacing:0;margin:0;}
.news21_oneresult h3.col_contents {float:left;}
.news21_lines_maxsize td {height:40px;vertical-align:top;padding: 0px !important;position: relative;}
.news21_lines_maxsize.doubleheight td {height:80px;}
.news21_lines_maxsize td .onelang {/*position: initial !important;*/}
.news21_lines_maxsize td .onelang_langlist.has_inplaceedit4 .langnames {margin-right:80px;}
.news21_lines_maxsize td .onelang_langlist.has_inplaceedit4 .langtext {display: none;}
.news21_lines_maxsize td .nbelements {position: absolute;right:0;top:0;opacity:0.5;}
.news21_lines_maxsize td .langname {/*position: absolute !important;*/top: -1 !important;left: 0 !important;font-size: 7px !important;height: 9px !important;line-height: 8px !important;}
.news21_lines_maxsize td .langname .toolszone {/*left: 50px !important;*/}
.news21_lines_maxsize td > div {height:36px;min-height:36px;min-width:60px;minHeight:36px; padding: 2px 4px; overflow-x:hidden;overflow-y:hidden;background-color:#fff;}
.news21_lines_maxsize.doubleheight td > div {height:76px;min-height:76px;}
.news21_lines_maxsize tr.lineSelected td > div/*:hover*/ {/*position:absolute;*/min-height:77px;min-width:100%/*80px*/;z-index:100001;width:auto;overflow-y:auto;padding-right:10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;transition-property: all;transition-duration: 0.2s;}
.news21_lines_maxsize td span.inputspan span.langs {padding-top:5px !important;}

.news21_lines_maxsize td .nbelements, .news21_lines_maxsize td .tool_container {opacity:0.1;}
.news21_lines_maxsize td:hover .nbelements, .news21_lines_maxsize td:hover .tool_container {opacity:1;}

.news_open .groupbypath {width:100%;margin-bottom:0 !important;}
.news_open {width:100%;}

.typeColumns {display:flex;/*width:100%;*/flex-flow: row wrap;/*justify-content:center;*/}
.typeColumnsLine {display:flex;flex: 1 100%;flex-flow: row wrap;}
.typeColumnsPath, .typeColumns > div.grouppath {display:flex;flex: 1 100%;flex-flow: row wrap;}
.typeColumns > div {/*display:flex;*/}
.typeColumns-1PerLine > div {min-width:250px;}
.typeColumns1PerLine > div {flex: 1 100%;}
.typeColumns2PerLine > div {flex: 1 50%;min-width:300px;minWidth:300px;}
.typeColumns3PerLine > div {flex: 1 33%;min-width:250px;minWidth:250px;}
.typeColumns4PerLine > div {flex: 1 25%;min-width:200px;minWidth:200px;}
.typeColumns5PerLine > div {flex: 1 20%;min-width:150px;minWidth:150px;}

.typeColumns table#titlezone {width:auto;}

main.columns_2 {display:flex;flex-wrap:wrap;width:100%;}
main.columns_2 section {flex:1 50%;min-width:300px;}


.survey_answerspreview {display: flex;flex-wrap: wrap;}
.survey_answerspreview_val {display: flex;flex-wrap: wrap;}
.survey_answerpreview {padding: 2px;border-radius: 4px;flex:1;/*min-width: 45%;*/white-space: nowrap;max-width: 38px;}
.survey_answerpreview .date {padding: 1px;font-size: 7px;}

.surveyanswers {display: flex;flex-wrap: wrap;}

.surveyanswer {position: relative;flex: 1;min-width: 80px;max-width: 80px;height: 30px;line-height: 9px;font-size:68%;;text-align: left;overflow: auto;margin: 0px 0px 1px 1px;padding: 0px;border-radius: 4px;border: 1px solid rgba(220,220,220,0.5);background-color: rgba(255,255,255,0.9);color: #222;transition-property: all;transition-duration:0.7s;}
.surveyanswer .survey_questiontitle {display: block;min-width: 100%;padding: 1px;height: 10px;white-space: nowrap;}
.surveyanswer .survey_questionanswer {display: block;min-width: 100%;padding: 1px;height: 20px;white-space: normal;}
.surveyanswer:not(.clicked):hover {flex: 10;min-width: 160px;max-width: 100%;}
.surveyanswer:not(.clicked):hover  .survey_questionanswer {white-space: normal;height: auto;}
.surveyanswers.clicked .surveyanswer, .survey_respondent_open .surveyanswers .surveyanswer {flex: 10;min-width: 130px;height: auto;max-width: 100%;overflow: visible;}
.surveyanswers.clicked .surveyanswer .survey_questiontitle , .survey_respondent_open .surveyanswers .surveyanswer .survey_questiontitle {height: auto;white-space: normal;}
.surveyanswers.clicked .surveyanswer .survey_questionanswer,.survey_respondent_open .surveyanswers .surveyanswer .survey_questionanswer {white-space: normal;height: auto;overflow: visible;}

.knowledgebase dt {clear:both;margin-top:2px;border-top:1px solid #FFFFFF44;padding:4px;}
.knowledgebase dt .kbanswer_doc {float:right;max-width:200px;zoom:80%;margin-top:-6px;margin-right:-4px;}

div.attachments {height:128px;}
.attachment {color: #222;width:128px;height:128px;/*overflow:hidden;*/float:left;text-align:center;font-size:55%;;border:1px solid #888;border-radius:4px;margin:1px;padding:0px;position:relative; background-color: #eee; background-position: center; background-repeat: no-repeat; background-size: cover;}
.attachment .tool_container {position:absolute;bottom:4px;right:0px;}
.attachment .attachment_info {color:#000;position:absolute;bottom:0px;right:0px;left: 0px;padding: 2px;background-color: rgba(240,240,240,0.7);overflow:hidden;}
.attachment .attachment_info .tools {display:none;}
.attachment .attachment_doc {display:flex;white-space:normal;}
.attachment .attachment_doc a {white-space:normal;}
.attachment:hover .attachment_info .tools {display:inline-block;}
.attachment input[type=checkbox] {position:relative;z-index: 9;}
.attachment.lineSelected {opacity: 0.95;border-color: #000;}
@media screen and (max-width: 640px) {
	.attachment {/*max-width:64px;max-height:64px;*/}
}
.attachment .attachment_name {display: block;clear:both;}
.attachment .attachment_size {color: #888;}
.attachment.autoinserted {width: 64px;height: 29px;line-height: 9px;margin-bottom: 0px;}
.attachment .toolszone {top:1px;right:1px;bottom:auto !important;}
.attachment_istool {width:auto;height:auto;opacity:0.5;max-width:70px;}
.attachments_category {min-width:100%;}

.filelist_news .attachment {/*width: 90px;height: 90px;*/}
.filelist_mail .attachment {width: 90px;height: 90px;}
.filelist_mail .attachment .tool_container {width: 64px;height: 64px;position:relative;}
.filelist_mail .attachment .tools_upload {width: 64px;height: 64px;margin-top:12px;}
.filelist_mail .attachment .tools_upload::before {float:none;margin-top:20px;}
.filelist_explorer .attachment {transition: width,height 0.3s;}
.filelist_explorer .attachment input[type=checkbox] {position:absolute;left:2px;bottom:2px;}
.filelist_explorer_smallgrid .attachment {width: 64px;height: 48px;}
.filelist_explorer_lines .attachment {width: 128px;height:24px;background-size: contain;background-position: 24px top;}
.filelist_explorer_lines.large .attachment {width: 192px;}
.filelist_explorer_lines .attachment_info {left:50px;right:0px;top:0px;width:auto;text-align:left;}
@media screen and (max-width: 640px) {
.filelist_explorer_lines .attachment input[type=checkbox] {left:-2px;}
.filelist_explorer_lines .attachment_info {left:10px;}
}
.attachment_line {display: block;width: 100%;clear: both;}
.attachment_line .attachment {width: 128px;height: 128px;}

.attachment_type_pdf {width: 90px;}

.attachment_big {width: 256px;height: 256px;}
.attachment_type_pdf.attachment_big {width: 180px;}


div.email_sendinfos {display: flex;float: right;position: absolute;right:0;z-index:2;max-width:128px;font-size:70%;color:#666;background-color:#fff;}
div.email_attachments {display: flex;}
.attachments_line div.email_attachments {justify-content: center;}
table.email_table div.email_attachments_32 {float: right;position: absolute;right:0;z-index:2;}
div.email_attachment {overflow: hidden;border: 1px solid #ddd;border-radius: 2px;background-color: rgba(255,255,255,0.8);}
.email_attachments_32 div.email_attachment {width: 32px;height: 19px;}
.email_attachments_128 div.email_attachment {width: 128px;}
div.email_attachment:hover {overflow: visible;opacity:1;/*width: auto;*/z-index: 9;/*padding-left: 34px;*/}
div.email_attachment_nodeploy:hover {overflow: visible;width: 32px;z-index: 9;padding-left: 0px;}
div.email_attachment a {color: #444;text-decoration: none;font-size:56%;;line-height: 9px;position: relative;}
div.email_attachment img {}
div.email_attachment .attachment_name {display: block;}
div.email_attachment .attachment_size {display: block;font-style: italic;}
div.email_attachment .doctitle {height:124px;padding:2px 0px;margin:-1px;width:128px;opacity:1;}
div.email_attachment .doctitle .doctitle_title {color:#000;position:absolute;z-index:2;bottom:0px;right:0px;left: 0px;padding: 2px;background-color: rgba(240,240,240,0.8);overflow:hidden;}
div.email_attachment .doctitle .doctitle_details {text-align:left;position:absolute;top:0px;right:0px;left: 0px;padding: 2px;max-height:124px;overflow:hidden;}
.email_attachment_deeplink {display:block;height:100%;width:100%;}
div.email_attachment:hover .email_attachment_deeplink {display:block;height:100%;width:100%;min-width:128px;min-height:124px;}
.email_attachments_32 div.email_attachment .doctitle {/*line-height:90%;*/}

.email_attachments {position:relative;}
.email_attachment .attachment_zoom {display: block;position: absolute;right: 100%;zoom:1%;margin-left:0px;top: 0px;height: 32px;width: 0px;opacity: 0;transition-property: all;transition-duration: 0.3s;z-index: 1;border-radius: 4px 4px 0px 0px;border: 1px solid #888;background-size: cover;background-color: #eee;background-position: center;background-repeat: no-repeat;}
.email_attachment:hover .attachment_zoom {}
.email_attachment:hover .attachment_zoom2 {display: block;position: absolute; zoom:100%;right: 100%;left: -90px;margin-left:0px;top: -50px;height: 128px;width: 128px;opacity: 1;z-index: 10001;}
.email_attachment .attachment_zoom .attachment_info {position:absolute;left:-1px;overflow:hidden;font-weight:normal;top:100%;width:100%;height:32px;background-color:#ddd;border:1px solid #888;border-radius:0px 0px 4px 4px;}
.email_attachment .attachment_zoom .attachment_info span {padding:2px;}

.card h4 {position:relative;display:inline-block;max-width:100%;padding:2px 8px;margin:0px 4px 0px 0px;font-size:13px;font-weight:normal;border-width:1px 1px 0px 1px;border-style:solid;border-color:#888;background-color:#fff;height:17px;/*overflow:hidden;*/border-radius:4px 4px 0px 0px;}
.cardtitle h4 a {color:#333;}
.bigtitle .cardtitle {height:26px !important;}
.bigtitle .cardtitle h4 {font-size:140%;height:22px;}
.card h3, .card h5, .card h6 {margin:0;clear:both;}
.card.small h4 {font-size:100%;height:12px;overflow:visible;}
.card h4 > .tools {float:right;position:absolute;right:-20px;top:-2px;}
.card .cardtitle {position:relative;display:inline-block;height:16px;margin:0px 30px 0px 8px;z-index:99;}
.card .cardcontent {min-height:24px;position:relative;}
.card table.cardcontent {width:100%;position:relative;}
.card table.cardcontent td {padding:0;spacing:0;margin:0;}
.smalltable .card .cardtitle {height:14px !important;}
.smalltable .card .cardtitle h4 {font-size:10px;}
.card ul {padding:0;margin:0;}
.card li {list-style:none;margin:-1px 0px;padding:4px 14px 3px 0px;margin-left:18px;/*border-right:1px solid #ddd;*/float:left;}
.card li:last-of-type {border-right:none !important;}
.card hr {clear:both;}

.cardcontent .smalltable td {background-color:inherit !important;}

.searchform_line_abs_spacer {height: 100px;position: relative;z-index: 1001;}
.searchform_line_abs {position: absolute !important;z-index: 1001;}
.searchform_line_abs .card .searchform_line  {max-height: 90px;overflow: auto;}
.card .searchform_line {margin:-4px -4px 0px -4px; background-color:#ccc; display:flex;flex-wrap:wrap;border-radius:4px 8px 0px 0px;}
.card .searchform_line .inputspan,.card .searchform_line .selectspan,.card .searchform_line .inputspangroup, .card .searchform_line .selectpreview, .card .searchform_line .contactchoice { background-color:#ccc;}
.card .searchform_line .inputspan,.card .searchform_line .selectspan,.card .searchform_line .inputspangroup {flex:3; border-width:0px 1px 1px 0px; margin:0 !important;}
.card .searchform_line > .inputspan,.card .searchform_line > .selectspan,.card .searchform_line > .inputspangroup {min-width:100px;}
.card .searchform_line .inputspan input,.card .searchform_line .selectspan select {border-width:0px;}
.card .searchform_line .inputspangroup > span, .card .searchform_line .inputspangroup > span.inputspan {border-color:#ccc;/*min-width:30px;/*min-width:1px;*/}
.card .searchform_line .inputspansubmit,.card .searchform_line .inputspansubmit input[type=submit] {float:right;flex:1;overflow:visible;height:35px;min-height:35px;background-color:#aaa;border-color:#999;}
.card .searchform_line .inputspansubmit::before {color:#666;display:inline-block;content:'\2B07' !important;}


div.columns {columns: auto;}

ul.columns2,ul.columns3,ul.columns4,ul.columns5,ul.columns6 {display:flex;flex-wrap:wrap;padding:0;margin:0;}
ul.noborder li {border-width:0px !important;}
ul.columns2 li,ul.columns3 li,ul.columns4 li,ul.columns5 li,ul.columns3 li {list-style-type:none;flex:1;border-left:1px solid #999;padding:4px;float:none;box-sizing:border-box;}
ul.columns2 li:first-of-type,ul.columns3 li:first-of-type,ul.columns4 li:first-of-type,ul.columns5 li:first-of-type,ul.columns6 li:first-of-type {border-left:0px solid #999;}
ul.columns2 li {width:50%;min-width:200px;max-width:50%;}
ul.columns3 li {width:33%;min-width:200px;max-width:33%;}
ul.columns2.large li,ul.columns3.large li {min-width:240px;}
ul.columns4 li {width:25%;min-width:150px;max-width:25%;}
ul.columns5 li {width:20%;min-width:130px;max-width:20%;}
ul.columns6 li {width:16.6%;min-width:100px;max-width:16.6%;}

ul.blocks {padding:0;margin:0;}
ul.blocks li {display: block;clear:both;}

@media screen and (max-width: 450px) {
ul.columns2 li,ul.columns3 li,ul.columns4 li,ul.columns5 li,ul.columns3 li {width:100%;min-width:200px;max-width:100%;border-left-width:0px;}
}
@media screen and (max-width: 600px) {
ul.columns2.large li {width:100%;min-width:100%;max-width:100%;border-left-width:0px;}
}
@media screen and (max-width: 900px) {
ul.columns3.large li {width:100%;min-width:100%;max-width:100%;border-left-width:0px;}
}

ul.lines {padding:0;margin:0;display:block;}
ul.lines li {border-top:1px solid #999;padding:4px;float:none;width:100%;min-width:100%;box-sizing:border-box;}
ul.lines li:first-of-type {border-top:0px solid #999;}

#zone2 .card li {display:block;float:none;margin:0px -4px !important;padding:4px 14px 4px 22px !important; border-bottom:1px solid #aaa;min-width:150px;}
#zone2 .card li:hover {background-color:#ddd;}
#zone2 .card li a {color:#222;}
#zone2 .card li a:hover {color:#229;}
#zone2 .card hr {border:none;width:2px;height:2px;}

.useradvice::before {content:'\2605\2605\2605\2605\2605';}
.useradvice {display:inline-block;position:relative;border-radius:8px;height:24px;padding:2px;width:140px;font-size:20px;line-height:22px;text-align:left;text-decoration:none;font-weight:bold;color:#66A;background-color:#eee;border:1px solid #888;}
.useradviceset {color:#F44;}
.useradvice0::before {color:#F44;content:'\25E6' !important;}
.useradvice0::after {color:#AAA;opacity: 0.2;position: absolute;left: 10px;content:'\2605\2605\2605\2605\2605' !important;}
.useradvice1::before {color:#E74;padding-left: 10px;content:'\2605' !important;}
.useradvice2::before {color:#C94;padding-left: 10px;content:'\2605\2605' !important;}
.useradvice3::before {color:#AA4;padding-left: 10px;content:'\2605\2605\2605' !important;}
.useradvice4::before {color:#7B4;padding-left: 10px;content:'\2605\2605\2605\2605' !important;}
.useradvice5::before {color:#4C4;padding-left: 10px;content:'\2605\2605\2605\2605\2605' !important;}
.useradvice .advicenote {position:absolute;right:6px;font-size:62%;;color: #222;}
.useradvice input {display:none; }
.repbottom.askadvice {margin-bottom: 32px;}
.repbottom.askadvice .newadvice {display: inline-block;padding: 32px 10px 4px 10px; background-color: #F0F0F0;margin-left: 10px;border-radius: 0px 0px 8px 8px;}

.preview {display:inline-block;margin:2px;float:left;border:1px solid #ccc;background-color:#FFF;background-size:contain;background-repeat:no-repeat;}
.preview32x32 {width:32px;height:32px;display:inline-block;border:1px solid #ccc;background-color:#FFF;background-size:contain;background-repeat:no-repeat;}
.preview128x128 {width:128px;height:128px;display:inline-block;border:1px solid #ccc;background-color:#FFF;background-size:contain;background-repeat:no-repeat;}

#print_editable {display: block;left: 1px;max-width: 50%;white-space: nowrap;padding: 6px;background-color: rgba(255,255,255,1);border-radius: 4px 0px 0px 0px;position: fixed;z-index: 100;width: auto!important;height: 20px !important;text-align: right;right: auto;}
#print_editable .printmodele {display:inline-block !important;margin-right: 30px;position: relative;z-index: 1;overflow: hidden;}
#print_editable .tools {position: relative;z-index: 2;}

@media print {
#print_editable {display:none !important;}
}


.toolszone {position:absolute;right:-6px;bottom:1px;/*max-width:55px;*/opacity:0.8;text-align:right;z-index:102;}
.toolszone .tools {float:left;}
.toolszone_top {position:absolute;right:-6px;bottom: auto;top: -8px;max-width:55px;opacity:0.8;text-align:right;z-index:2;}
.toolszonehover .toolszone {display:none;}
.toolszonehover:hover .toolszone {display:initial;}

.toolszone_intitle {position:absolute;width:auto !important;top:15px !important;text-align:right;}
.toolszone_intitle .tools {float:left !important;}

.toolszone_inline {position:relative;width:auto !important;text-align:left;padding:0px;}
.toolszone_inline .tools {float:none !important;display:inline-block;position:relative;top:0px;left:0px;}


.toolszone_medium {position:absolute;z-index:2;right:-6px;top:-28px;opacity:0.9;text-align:right;vertical-align:middle;}
.toolszone_medium_intitle {width:auto !important;top:12px !important;right: 10px;}
.toolszone_medium_intitle .selectspan {height: 16px;}
.toolszone_big .table_displayopts {padding-top:4px;position:relative;}

.toolszone_relative {position:relative;}
.roundzone .toolszone_relative {position:initial;}
.toolszone_big {position:absolute;right:-6px;top:-28px;opacity:0.95;text-align:right;vertical-align:middle;width:300px;z-index:99;}
.toolszone_big .tools,.tools_big .tools {float:none !important;display:inline-block !important;}
.toolszone_big_intitle {width:auto !important;right: auto !important;top: 31px;left:10px;text-align:left;/*right:6px !important;top:-2px !important;*/white-space: nowrap;}
.toolszone_big .table_displayopts {padding-top:8px;position:relative;}
.toolszone_big_intitle .tools {color:#AAA;z-index:10002;}
.toolszone_big_intitle .tools:hover {color:#444;}

.tools_button {color:#000 !important;background-color:#bbb !important;padding:6px !important;margin-top:-6px !important;max-width:200px !important;}
.tools_bigbutton {color:#000 !important;background-color:#999 !important;border-color:#aaa;padding:8px !important;margin-top:-8px !important;font-weight:bold;max-width:300px !important;}

.tool, .tools,.toolszone .inputspan,.toolszone_medium .inputspan:not(.inputspan_textinbutton),.toolszone_big .inputspan:not(.inputspan_textinbutton) {text-decoration: none;border:1px solid #ddd;width:16px;height:16px;
	border-radius:16px;line-height:16px;text-align:center;background-color:#eee;color:#888;
	display:block;float:left;font-size:0px;overflow:hidden;}
.toolszone .inputspan,.toolszone_medium .inputspan,.toolszone_big .inputspan {padding:4px 0px 0px 4px;}
span.tools:not(.contactsquare):not(.placeholder) {border:none;background:none;}
.tools_withtext {font-size:80% !important;width:auto !important;padding:0px 16px 1px 4px;max-width:100px;overflow:hidden;white-space: nowrap;}
.tools_withlongtext {max-width:1000px;overflow:visible;}
a.tool:hover::before, a.tools:hover::before {text-decoration:none;opacity:0.9;
    -webkit-animation:spin 0.5s ease-in;
    -moz-animation:spin 0.5s ease-in;
    animation:spin 0.5s ease-in;}
.tools_withtext:hover {background-color:#bbb;animation:none !important;}
.tools_withtext::before {margin-bottom:-7px;}
.tools_withtext:hover::before {animation:spin 0.5s ease-in;}
.tools_2lines {min-height:32px !important;text-align:left;}
.tools_2lines:before {margin-top: 7px;}

.tools .tool_textover {position:absolute;left:0;top:0;width:22px;text-align:center;color:#222;background-color:rgba(255,255,255,0.5);}
.tool_container {width:16px;height:16px;display:inline-block;position:relative;}
.toolszone_medium .tool_container {width:24px;height:24px;}
.toolszone_big .tool_container {width:32px;height:32px;}
.tool_container_withhovertext {min-width:16px;width:auto;height:16px;display:inline-flex;position:relative;}
.tool_container_withhovertext .tools_withhovertext {position:absolute;font-size:80% !important;width:auto !important;padding:0px 16px 1px 4px;max-width:16px;overflow:hidden;}
.tool_container_withhovertext .tools_withhovertext:hover {z-index:100001;white-space:nowrap;max-width:300px;overflow:visible;transition-property: all;transition-duration:0.3s;}
.tools_withhovertextonly:not(:hover) {padding:0px;width:16px !important;}
.tools_withhovertextonly:not(:hover) .tool_text {display:none;width:0px;overflow:hidden;}
.tools_withhovertext:hover {background-color:#bbb;animation:none !important;opacity:1 !important;}
.tools_withhovertext:hover::before {animation:spin 0.5s ease-in;}
.tools_withhovertext.tools_withtext {max-width:120px !important;white-space:nowrap;}
.tools_iconhoveronly::before {width:0;overflow:hidden;transition-property: all;transition-duration:0.3s;}
.tools_iconhoveronly:hover::before {width:16px;}
.tool_container_seeall {width:auto !important;}

.tools_withhovertiptext:hover {overflow:visible;}
.tools_withhovertiptext:hover .tool_text {position: absolute;top:-14px;left:0px;font-size:75%;;white-space:nowrap;}

.tools img {display:none;}
.tools input {display:none;}
.tool::before, .tools::before {display:inline-block;font-weight:normal;font-size:16px;;line-height:16px;font-kerning:1px;float: left;min-width:16px;}
.tool::after, .tools::after {opacity:0.1;display:inline-block;margin-left:-100%;font-size:100%;;line-height:16px;font-kerning:1px;}
.tool:hover::after, .tools:hover::after {opacity:0.9;}

/*
a.tools[title]:hover::after {
	position:fixed !important;bottom:15px;left:0px;
	border:1px solid #888;background-color:rgba(240,240,240,0.8);
	border-radius:16px;
  	content: attr(title);margin-left:4px;
	width: 130px;font-size:56%;;line-height:8px;padding:3px;z-index:10011;
}*/
.tools_noaction:hover {text-decoration:none;opacity:0.9;border:1px solid #ddd;
	    -webkit-animation:none;
    -moz-animation:none;
    animation:none;}

.tools_small {zoom:80%;}
.tools_noborder {border-color:rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important;}
.tools_noborder:hover {border-color:#ddd !important;background-color:#eee !important;}
.tools_islegend {color:#888 !important;border:none !important;background-color:rgba(0,0,0,0) !important;}
.tools_islegend:hover {animation:none !important;}

.tools_alwaysvisible {display:block !important;float:right;}
#titlezone .toolszone_medium .tools_alwaysvisible {display:block !important;}

#titlezone .toolszone_medium .tools {display:none;}
#titlezone:hover .toolszone_medium .tools {display:block;}
#titlezone.selected .toolszone_medium .tools {display:block;}

#titlezone .toolszone_inline .tools {display:none;}
#titlezone .toolszone_inline {position:absolute;margin-top:-20px;right:0px;}
#titlezone:hover .toolszone_inline .tools {display:block;}
#titlezone.selected .toolszone_inline .tools {display:block;}

.toolszone_medium .tools,.toolszone_medium .tool,.tools_medium .tools,.tools_medium.tools {border-radius:16px !important;width:20px;height:20px !important;margin:2px;}
.toolszone_medium .tools::before,.toolszone_medium .tool::before,.tools_medium .tools::before,.tools_medium.tools::before, .toolszone_medium .tools::after,.toolszone_medium .tool::after,.tools_medium .tools::after,.tools_medium.tools::after {font-size:17px !important;line-height:20px !important;}

.toolszone_big .tools,.toolszone_big .tool,.tools_big .tools,.tools_big.tools {border-radius:16px !important;min-width:28px !important;height:28px !important;margin:1px;}
.toolszone_big .tools::before,.toolszone_big .tool::before,.tools_big .tools::before,.tools_big.tools::before,.toolszone_big .tools::after,.toolszone_big .tool::after,.tools_big .tools::after,.tools_big.tools::after {font-size:24px !important;line-height:28px !important;}

.toolszone_big .button, .toolszone .button {display:inline-block;max-width:80px;padding:0px 4px !important;font-size:62%; !important;border-radius:16px !important;height:28px !important;margin:2px;}

div.toolsgroup {width:20px;height:20px;display:inline-block;float:left;}
div.toolsgroup > div {width:20px;height:20px;position:absolute;overflow:hidden;}
div.toolsgroup:hover > div {/*top:-4px;*/z-index:9999 !important; height:100px !important;overflow:auto !important;
   /* -webkit-animation:moveup4 1s ease-in;
    -moz-animation:moveup4 1s ease-in;
    animation:moveup4 1s ease-in;*/
}

.tools_inline {float:none !important;display:inline-block !important;}

.toolszone_medium div.toolsgroup {width:20px;height:20px;}
.toolszone_medium div.toolsgroup > div {width:28px;height:28px;}
.toolszone_big div.toolsgroup {width:32px;height:32px;}
.toolszone_big div.toolsgroup > div {width:32px;height:32px;}

.tools_showbg {
	padding-right: 20px;
background-repeat: no-repeat !important;
background-position: right !important;
background-color: white;
background-size:initial !important;
}

@media screen and (max-width: 810px) {
	.toolszone_medium .tools,.toolszone_medium .tool {border-radius:16px !important;min-width:28px !important;height:28px !important;margin:1px;}
	.toolszone_medium .tools::before,.toolszone_medium .tool::before {font-size:24px !important;line-height:28px !important;}
	.toolszone_medium div.toolsgroup {width:32px;height:32px;}
	.toolszone_medium div.toolsgroup > div {width:32px;height:32px;}
	.toolszone_big_intitle {left:0px !important;top:31px !important;}
	.tools_withtext::before {/*display:block;width:100%;float: none !important;*/}
	.tools_withtext {/*max-width:32px;height:24px;font-size:50%; !important;font-weight:normal !important;white-space:nowrap;*/}
}

.pathtargeticon {position:relative;}
.toolsassmallicon {position:absolute;top:0;left:0;/*border:1px solid #eee;background-color:#f0f0f0;*/color:#888;border-radius:16px;width:8px;height:8px;font-size:81%;;line-height:10px;opacity:0.5;}

.tools_noicon::before {content:'';}
.tools_empty::before {content:'';}
.tools_evolution::before {content:'\f092'; font-family:'Material Symbols Rounded' ;}
.tools_analysis::before {content:'\f681'; font-family:'Material Symbols Rounded' ;}
.tools_sendmail img {display:none;}
.tools_sendmail::before {content:'\2709';}/*2711*/
.tools_phone::before {content:'\e0b0'; font-family:'Material Symbols Rounded' ;}
.tools_sms::before {content:'\e625'; font-family:'Material Symbols Rounded' ;}
.tools_fax::before {content:'\ead8'; font-family:'Material Symbols Rounded' ;}
.tools_task::before {content:'\e8b5'; font-family:'Material Symbols Rounded' ;}
.tools_print::before {content:'\2399';}
.tools_attach::before {content:'\260A';}
.tools_edit::before {content:'\270E';}
.tools_wysiwyg::before {content:'\1F0CB';}
.tools_subelement::before {content:'\2213';}
.tools_add::before {content:'\271A';}
.tools_new::before {content:'\271A';}
.tools_write::before {content:'\2711';}
.tools_insertimage::before {content:'\e43e';font-family:'Material Symbols Rounded';}
.tools_reply::before {content:'\e15e';font-family:'Material Symbols Rounded';}
.tools_modelwrite::before {content:'\1D31D';}
.tools_receive::before {content:'\e168';font-family:'Material Symbols Rounded';}
.tools_close::before {content:'\e5cd';font-family:'Material Symbols Rounded';}
.tools_refresh::before {content:'\27F2';}
.tools_robot::before {content:'\f06c';font-family:'Material Symbols Rounded';}
.tools_kb::before {content:'\e80c';font-family:'Material Symbols Rounded';}
.tools_magic::before {content:'\f136';font-family:'Material Symbols Rounded';}
.tools_article::before {content:'\ef42';font-family:'Material Symbols Rounded';}
.tools_search::before {content:'\e8b6';font-family:'Material Symbols Rounded';}
.tools_fastforward::before {content:'\e01f';font-family:'Material Symbols Rounded';}
.tools_fastrewind::before {content:'\e020';font-family:'Material Symbols Rounded';}
.tools_tolast::before {content:'\e5dd';font-family:'Material Symbols Rounded';}
.tools_tofirst::before {content:'\e5dc';font-family:'Material Symbols Rounded';}
.tools_actonsel::before {content:'\21B9';}
.tools_help::before {content:'\eb8b';font-family:'Material Symbols Rounded';}
.tools_checkbox::before {content:'\2611';}
.tools_checkbox input:checked < .tools_checkbox {background-color:#bbb;}
.tools_tocheck::before {content:'\2716';color:#966;font-size:50%;;}
.tools_tocheck:not(:hover) {border:none;background:none;}
.tools_tocheck:hover::before {content:'\2713';color:#040;font-size:100%;;}
.tools_touncheck::before {content:'\2713';color:#999;font-size:50%;;}
.tools_touncheck:not(:hover) {border:none;background:none;}
.tools_touncheck:hover::before {content:'\2716';color:#400;font-size:100%;;}
.tools_check::before {content:'\2713';color:#040;}
.tools_check2::before {content:'\1F4AF';}
.tools_delete::before {content:'\2716';color:#400;}
.with_tools_delete::after {content:'\2716';color:#400;}
.tools_check::before {content:'\2714';}
.tools_uncheck::before {content:'\2716';}
.tools_notcheck::before {content:'\2716';color:#400;}
.tools_clock::before {content:'\1F551';}
.tools_gear::before {content:'\e8b8';font-family:'Material Symbols Rounded';}
.tools_folder::before {content:'\e2c7';font-family:'Material Symbols Rounded';}
.tools_forward::before {content:'\27A4';}
.tools_left::before {content:'\2B05';}
.tools_up::before {content:'\2B06';}
.tools_down::before {content:'\2B07';}
.tools_right::before {content:'\27A1';}
.tools_expand::before {content:'\e94f';font-family:'Material Symbols Rounded' ;}
.tools_zoom::before {content:'\e8ff';font-family:'Material Symbols Rounded' ;}
.tools_zoomout::before {content:'\e900';font-family:'Material Symbols Rounded' ;}
.tools_zoomfullsize::before {content:'\e56b';font-family:'Material Symbols Rounded' ;}
.tools_topright::before {content:'\27A1';transform:rotate(-45deg);}
.tools_downright::before {content:'\27A1';transform:rotate(45deg);}
.tools_private::before {content:'\2680';/*\2193*/}
.tools_publicongroup::before {content:'\2682';color:#800;font-weight: bold;/*21DF*/}
.tools_public::before {content:'\2685';color:#800;}
.tools_signedin::before {content:'\2683';}
.tools_duplicate::before {content:'\2398';}
.tools_doc::before {content:'\1F0A0';}
.tools_list::before {content:'\e94b';font-family:'Material Symbols Rounded' ;}
.tools_upload::before {content:'\e9fc';font-family:'Material Symbols Rounded' ;}
.tools_download::before {content:'\f090';font-family:'Material Symbols Rounded' ;}
.tools_newwindow::before {content:'\e89e';font-family:'Material Symbols Rounded' ;}
.tools_star::before {content:'\2B51';}
.tools_members::before {content:'\263B';}/*2689 ?*/
.tools_nostar::before {content:'\2732';}
.tools_map::before {content:'\e0c8';font-family:'Material Symbols Rounded';}
.tools_gmap::before {content:'\e55b';font-family:'Material Symbols Rounded';}
.tools_pay::before {content:'\1F0A0';transform:rotate(60deg);}
.tools_text {font-size:68%; !important;width:auto !important;overflow-x:visible !important;}
.tools_other {font-size:0px;}
.tools_other img {display:block !important;height:16px !important;}
.toolszone_big .tools_other img {display:block !important;height:24px !important;padding-top:4px;}
.tools_other2 {}
.tools_other2 img {width:16px !important;}
.tools_editcontactlist::before {content:'\21AB';}
.tools_edithtml::before {content:'\270D';}
.tools_html::before {content:'\e86f';font-family:'Material Symbols Rounded';}
.tools_menu::before {content:'\2261';}
.tools_menu_edit::before {content:'\2261';}
.tools_menu_edit:hover::before {content:'\270E';}
.tools_translate::before {content:'\0164';}
.tools_translateto::before {content:'\e8e2'; font-family:'Material Symbols Rounded' ;}
.tools_translateto {position: relative;}
.tools_translateto img {display: block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.2;}
.tools_translateto:hover img {opacity:0.6;}
.tools_exchange::before {content:'\21AE';}
.tools_import::before {content:'\21DF';}
.tools_info::before {content:'\e88e';font-family:'Material Symbols Rounded' ;}
.tools_deeper::before {content:'\25B8';} .tools_deeper {font-size:62%;;font-weight:normal;}
.tools_question::before {content:'?';}
.tools_url::before {content:'\e902';font-family:'Material Symbols Rounded' ;}
.tools_recycle::before {content:'\267A';}
.tools_lines::before {content:'\21DB';}
.tools_bin::before {content:'\01F5D1';font-size:50%;;}
.tools_bin {border-color:#FCC;}
.tools_bin:hover {background-color:#F88;color:#F00;}
.tools_bin:hover::before {background-color:#F88;color:#F00;font-size:75%;;}
.tools_plus::before {content:'\002B';}
.tools_back::before {content:'\2989\2989';}
.tools_next::before {content:'\298A\298A';}
.tools_less::before {content: '\e5cb';font-family:'Material Symbols Rounded';/*font-size: 20px;line-height: 13px;*/}
.tools_more::before {content: '\e5cc';font-family:'Material Symbols Rounded';/*font-size: 20px;line-height: 13px;*/}
.tools_share::before {content: '\e80d';font-family:'Material Symbols Rounded';/*font-size: 20px;line-height: 13px;*/}
body.platform-ios .tools_share::before {content: '\e6b8';font-family:'Material Symbols Rounded';/*font-size: 20px;line-height: 13px;*/}
.tools_share::after {/*content: '\2191';top: -8px;padding-left: 3.5px;text-shadow: rgba(255,255,255,0.9) 1px 0px,rgba(255,255,255,0.9) -1px 0px*/}
.tools_popup::before {content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);}
.tools_contact::before {content:'\265F';}
.tools_answer::before {content:'\2936';}
.tools_recurrent::before {content:'\21BB';}
.tools_copy::before {content:'\ea8e';font-family:'Material Symbols Rounded';}
.tools_filter::before {content:'\e152'; font-family:'Material Symbols Rounded' ;}
.tools_notification::before {content:'\e7f4'; font-family:'Material Symbols Rounded' ;}
.tools_notification_active::before {content:'\e7f7'; font-family:'Material Symbols Rounded'; color:#0A0;font-variation-settings: 'FILL' 1;}
.tools_notification_on::before {content:'\e7f7'; font-family:'Material Symbols Rounded'; color:#0A0;font-variation-settings: 'FILL' 1;}
.tools_notification_on:hover::before {content:'\e7f6';  color:#000;}
.tools_notification_off::before {content:'\e7f6'; font-family:'Material Symbols Rounded'; color:#600;font-variation-settings: 'FILL' 1;}
.tools_notification_off:hover::before {content:'\e399'; color:#000;}
.tools_fileexplorer::before {content:'\f1c7'; font-family:'Material Symbols Rounded'; }
.tools_graph::before {content:'\f190'; font-family:'Material Symbols Rounded' ;}
.tools_shoppingcart::before {content:'\e8cc'; font-family:'Material Symbols Rounded' ;}
.tools_table::before {content:'\f191'; font-family:'Material Symbols Rounded' ;}
.tools_thumb::before {content:'\e03f'; font-family:'Material Symbols Rounded' ;}
.tools_valid::before {content:'\e876'; font-family:'Material Symbols Rounded' ;}
.tools_valid2::before {content:'\e877'; font-family:'Material Symbols Rounded' ;}
.tools_addline::before {content:'\e03b'; font-family:'Material Symbols Rounded' ;}
.tools_play::before {content:'\e1c4'; font-family:'Material Symbols Rounded' ;}
.tools_stop::before {content:'\ef71'; font-family:'Material Symbols Rounded' ;}


.tool_green::before {color:#040;}
.tool_clicked {background-color:#ADA !important;}
.tool_checked, .tool_redo {position:relative;}
.tool_checked::after {content:'\2713';color:#000;position: absolute;z-index:3;display:block;opacity:0.8;font-family:'Material Symbols Rounded' ;}
.tool_redo::after {content:'\e15a';color: #FFF;position: absolute;z-index: 3;display: block;opacity: 0.5;font-family: 'Material Symbols Rounded';left: 7px;top: 1px;margin-left: 0;}

.tools:active {border-color:#000;box-shadow: rgba(230,235,230,0.5) 0px 0px 5px 5px;}

form.search_container {width:100%;height:80px;position:relative;box-sizing:content-box; }

div.search_container_search {position:absolute;right:0px;width:36px;height:48px;padding:4px;background-color:#ccc; border-width:1px 1px 1px 0px;border-style:solid;border-color:#ddd; border-radius:0px 16px 16px 0px;}
div.search_container_search::before {content:'\e8b6';font-family:'Material Symbols Rounded';}

div.search_container_search_has_displayopts {height:76px;}
div.search_container_displayopts {position:absolute;width:auto;right:36px;top:57px;height:20px;overflow-y:visible;overflow-x:auto; white-space:nowrap; padding:4px 4px;background-color:#ccc; border-width:0px 0px 1px 1px;border-style:solid;border-color:#ddd; border-radius:0px 0px 0px 16px;}

div.search_container_items {position:absolute;left:0px;right:36px;height:48px;overflow-y:visible;overflow-x:auto; white-space:nowrap; padding:4px 4px;background-color:#eee; border-width:1px 0px 1px 1px;border-style:solid;border-color:#ddd; border-radius:16px 0px 0px 16px;}
div.search_container_items .search_item_container {display:inline-block;position:relative;width:70px;height:40px;min-height:40px;margin-right:20px;white-space:normal;}
div.search_container_items .search_item {position:absolute;width:70px;min-width:70px;height:46px;min-height:40px;padding:0px 2px;margin-right:12px;background-color:#ddd; border:1px solid #aaa; border-radius:12px;}
div.search_container_items .search_item:hover {z-index:1001;left:-8px;top:-5px;width:auto;min-width:300px;height:54px;padding:2px;}
div.search_container_items .search_item_used {background-color:#aaa; }
div.search_container_items .search_item_remove {position:absolute;visibility: hidden;right:-16px;top:-2px;width:16px;height:16px;padding:2px;background-color:#ddd; border:1px solid #aaa; border-radius:16px; }
div.search_container_items .search_item:hover .search_item_remove {visibility: visible !important;}
div.search_container_items .search_item_remove:hover {background-color:#ccc;}
div.search_container_items .search_item_remove::before {content:"x";}

div.search_container_items .inputspan {height:26px;}

div.login {width:100%;text-align:center;display: flex;
  align-items: center;
  justify-content: center}
table.login {background-color:#fff;color:#222;margin:16px;padding:16px;border-radius:16px;border:1px solid #ccc;}
table.login a.login {color:#222;}
table.login td {text-align:center;}
div.login_fullpage { position:fixed;top:0%;left:0%;bottom:0%;right:0%; background-color:rgb(200,200,200,0.8); text-align:center;padding-top:15%;zoom:130%;text-align:center;}
div.login_fullpage div.login { display:inline-block !important;width:auto; }
div.login_fullpage input.login { min-width:200px; max-width:100%;}

.copiableline {border-bottom: 1px dotted rgba(0,0,0,0.05);position: relative;cursor:copy;}
.copiableline:hover {opacity: 0.9;/*background-color:rgba(0,0,0,0.05);*/}
.copiableline:hover:before {position: absolute;left: -12px;font-family:'Material Symbols Rounded' ;content: '\e14d';}

div.card {
  margin-top: -1px;position:relative;/*z-index:2;*/}
div.cardcontent {
  padding-bottom:8px;
}
div.cardcontent .cardcontent {border-radius:4px 8px 8px 8px;/*overflow:hidden;*/}
div.cardcontent .toolszone_medium {z-index:99;}
div.card:has(.toolszone_medium) .cardtitle {margin-right:60px;}
div.cardcontent:hover {
  padding-bottom:8px;
}

div.cardbottomspacer {clear:both;/*height:55px;*/}
div.cardbottom {/*position:absolute;left:0;bottom:0;right:0;height:45px;*/text-align:right;z-index:9;padding:2px 0px 12px 0px;}
.card div.cardbottom {position:relative;margin:0px -4px -4px -4px;}
div.cardbottom .tool_container {float:left;display:inline-block;margin-right:8px;margin-top:8px;overflow:visible;}
div.cardbottom .tool_container .tools {max-width:300px !important; overflow:visible;}