body.fzStaticDefault #session-cont {
  font-family: Arial;
}

body.StaticPageHTMLVersion #session-cont {
  background-image: none;
  font-family: "Arial";
}

body.fzQst #session-cont {
  text-align: center;
}

#allEx {
  position: absolute;
  left: 1%;
  width: 98%;
  height: 98%;
  top: 1%;
  background: rgba(255, 255, 255, .85);
  border: 4px solid black;
  text-align: left;
  font-size: 10px;
}

#allEx div.opt {
  background: rgba(0, 255, 0, .1);
}

#allEx div.ret {
  background: rgba(255, 0, 0, .1);
}

div.fzForm,
form.fzForm {
  position: relative;
  display: inline-block;
  background-Color: #FFFFFF;
}

.fzMessages-alertRun-error {
  font-weight: bold;
}

;

.fzGenExcept-Message {
  margin: 20px;
  text-align: center;
  font-size: 20px;
}

.fzHasFooterCOLEENBAS #FizzForm {
  margin-bottom: 66px;
  /* Height of footer*/
}

.fzFooterCOLEENBAS {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 66px;
  aabackground: #ccc;
}

.fzHasFooter #FizzForm {
  margin-bottom: 4px;
}


@aaa-ms-viewport {
  width: auto !important;
  /*! desactivation de bootstrap, sinon pb scrollbar ie*/
}

div#Content {
  text-align: center;
}

body.StaticPage {
  margin-left: 100px;
  margin-right: 100px;
  font-family: "Arial";
  color: #000080;
  background-color: #FFFFFF;
  background-image: none;
  text-align: center;
}

body.fzQst-Call {
  margin-top: 60px;
}

body.fzQst-Call .fzWelcome {
  font-size: 120%;
  margin-bottom: 3em
}

body.fzQst-Call .fzAvert {
  font-weight: bold;
}

body.fzQst-error {
  margin-top: 40px;
}

.ui-tooltip {
  text-align: left;
  overflow-x: hidden;
  max-width: 80vw;
  max-height: 60vh
}

.ui-tooltip .ui-tooltip-content {}

.ui-selectmenu-menu.fzAttChoice-select {
  max-width: 80vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.fzFunc-Absolute {
  position: absolute;
}

.fzFunc-hidden {
  display: none;
}

#app.fz-debug .fzFunc-hidden {
  opacity: 0.05;
  display: inherit;
}

div.fzQst-error {
  font-size: 120%;
  font-weight: bold;

  border: 2px solid #560000;
  padding: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
}

div.fzQst-error-code h1 {
  font-size: 90%;
}


.fzContext-Target {
  border: 1px dotted grey !important;

}

.fzNavInfo.fzNavBtn {
  background-color: rgba(128, 128, 128, .1);
  border: 1px solid rgba(128, 128, 128, .4);
  padding-top: 0px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 0px;
  font-family: arial;

  font-weight: bold;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-radius: 2px;
}

.fzNavInfo.fzNavPrev:before {
  content: '<';
}

.fzNavInfo.fzNavNext:before {
  content: '>';
}

div.fzQst-start {
  margin-top: 2.4em;
  padding: 4px;
}

div.fzQst-start a {
  font-weight: bold;
  text-decoration: none;
  padding: 12px;
  background-color: rgba(128, 128, 128, .1);
  border: 1px solid rgba(128, 128, 128, .4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
}

div.fzQst-start a:visited {
  color: inherit
}

div.fzQst-start a>span {
  margin-left: 4px;
  margin-right: 4px;
}



div.fzQst-start a:hover {
  background-color: rgba(128, 128, 128, .2);
}


.fzContactInfo {
  margin-top: 38px;
  text-align: center;
  height: 50px;
  font-size: 90%;
}

div.fzContext-popup {
  position: absolute;
  width: 160px;
  background: #FFF;
  display: none;
  z-index: 10001;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc
}

div.fzContext-popup ul {
  margin: 0;
  padding: 0;
  border: none !important
}

div.fzContext-popup ul li {
  list-style: none;
  cursor: pointer;
  font-size: 1.1em;
}

div.fzContext-popup ul li:hover {
  background-color: #EEE;
}

div.fzContext-popup li.fzMenuSep {
  border-top: 1px solid grey;
  padding: 0px;
}

div.fzContext-popup .menu-title-bar {
  background-color: #888;
  padding-left: 4px;
  padding-top: 1px;
  padding-bottom: 1px;


}

div.fzContext-popup .menu-title-bar .menu-title-close {
  padding: 0px 6px;
  margin-top: -4px;
  position: absolute;
  right: 1px;
  top: 6px;
}

div.fzContext-popup .menu-title-bar .menu-title-text {
  padding-left: 1px;
  font-weight: bold;
  color: #FFF;
}

#fizzForm.fzCont {
  position: relative;
}

deprecated.fzCont-col {height: 100%;}




.fz-grpProd-root>div>.fzCont-col>div.fzFunction {
  border-left: 1px dashed grey;
}

/*
.fz-grpProd-root>div:first-child {
		
		min-width: 120px!important;
}

.fz-grpProd-root>div:first-child div.fzFunction {
		width: 110px
}*/
.fzCont-col>div.fzFunction {
  display: inline-block;

  height: 99%;
  /* border: 1px dotted rgba(0,0,128,.1); */
}

.fzCont.fz-grpProd-col-title {

  min-width: 186px;
}

.fzCont.fz-grpProd-col-sample {
  min-width: 60px;
  border-left: 1px dashed rgba(0, 0, 0, .4);
  margin-right: 2px;
}

.fzCont.fz-grpProd-col-sample>div.fzFunction {
  text-align: center;
}

.fzCont.fz-grpProd-col-sample>div.fzFunction.fzAttChoice-main.dropDown {
  margin-left: 4px;
}

.fzCont.fz-grpProd-col-sample>div.fzFunction.fzAttChoice-main.flat {
  margin-left: 18px;
}

.fzCont.fz-grpProd-col-sample>div.fzFuncType-label {
  margin-left: 8px;
}

.fzCont.fz-grpProd-col-sample>div.fzTextInput-main {
  margin-left: 14px;
}

.fzCont.fz-grpProd-col-title>.fzFunction {
  width: 176px;
}



.fzCont-band>div {
  display: block;
  /* border: 1px dashed rgba(0,128,0,.1); */
}

/*
sb 17/09/2020 suppression essais POC
.fzCont-col {text-align: left}	
	
.fzCont-col>div.fzFunction {
	display: inline-block;
	width: 330px;
	border: 1px solid rgba(0,0,64,.3);
	margin-right: 2px;
}
	
.fzCont-col .fzCont-col>div.fzFunction {
	width: 100px;
}

.fzCont {
	height: 100%;
}*/

.fzNavBar-menu-OptGroup {
  background-Color: rgba(0, 0, 0, .6);
  height: 200px;
}

.fzNavBar-menu-OptGroup::before {}

.fzHelp.fzHelpTextBtn {
  color: blue;
}

.fzHelp.fzHelpTextBtn:before {
  content: ' '
}

span.fzHelp.ui-icon {
  margin-left: 2px
}

.fzHelp-spacer {
  width: 16px;
  display: inline-block
}

.fzProfil-dropdown-btn>div.fzAttHTML,
.fzProfil-dropdown-btn>div.fzAttHTML>div.bsRtfToHtml {
  display: inline
}

.fzProfil-sc-selector>div.fzAttHTML,
.fzProfil-sc-selector>div.fzAttHTML>div.bsRtfToHtml {
  display: inline
}

.fzBtn-group-divider {
  height: 2px;
  width: 100%;
  background-Color: rgba(0, 0, 0, .1);
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
}


.fzProfile-attAlign-right {
  text-align: right
}

.fzProfile .fzAttText>.bsRtfToHtml {display: inline-block;} 

.fzFunc-Absolute.fzProfile.fzHori.fzProfile-mult {
  width: 98%;
}

.fzProfile.fzVert {
  display: inline;
}

.fzProfile.fzVert .fzAttText {
  white-space: nowrap;
}

.fzProfile ul.fzProfile-items {
  padding-left: 0px;
}

.fzProfile .fzProfile-label {
  z-index: 20
}

.fzProfile .fzProfile-scale {
  z-index: 21
}

.fzProfile.fzHori {
  text-align: left;
}

.fzProfile.fzHori .fzProfile-items {
  display: inline-block;
}

.fzFunc-Absolute.fzProfile.fzHori .fzProfile-items {
  
  display: inline-block;
  left: 0px;
}

.fzFunc-Absolute.fzProfile.fzFunc-grid.fzHori .fzProfile-items {
	position: absolute;
}


zzz.fzProfile-scale {
  background-Color: rgba(250, 0, 0, .3);
}

zzz.fzScTagLabel {
  background-Color: rgba(0, 0, 250, .1);
}

.fzProfile.fzVert .fzProfile-items .fzProfile-scale {
  position: absolute;
}

.fzProfile.fzVert .fzProfile-items .fzProfile-label {
  position: absolute;
}


.fzFn-embeded-inProfDescr {
	display: inline-block;
}

.fzProfile ul.fzProfile-items li {
  list-style: none;
  position: relative;
  min-height: 1px
}

/*min height required for li position: absolute&style-type: none*/

.fzProfile ul.fzProfile-items .fzProfile-item-block {

}

.fzProfile.fzFunc-grid .fzProfile-item-block {
	position: absolute;
	top: 0px;
	left: 0px;	
}

.fzProfile.fzFunc-fluid .fzProfile-item-block {
	
	vertical-align: middle;
}

.fzProfile.fzFunc-fluid .fzProfile-item-block>* {
	vertical-align: middle;
}

.fzProfile.fzFunc-fluid .fzProfile-containt-scale {display: inline-block; position: relative; text-align: right;}

.fzProfile.fzHori ul.fzProfile-items li {
  text-align: left;
  vertical-align: top;
}


.fzProfile-body {
  position: relative;
}

.fzProfile.fzVert ul.fzProfile-items {
  width: 98%;
}

.fzProfile.fzVert ul.fzProfile-items li {
  display: inline;
  position: absolute;
}


.fzFunc-Absolute.fzProfile .fzProfile-title,
.fzFunc-Absolute.fzProfile .fzProfile-group {
  position: absolute;
}

.fzProfile .fzProfile-group,
.fzProfile .fzProfile-title {
  white-space: nowrap;
}

.fzProfile-group {
  margin-bottom: 2px;
  position: relative;
  text-align: left;
}

.fzProfile.fzHori .fzProfile-group {
  padding-left: 15px;
}

.fzProfile .fzProfile-title {
  padding-left: 15px;
  margin-bottom: 2px;
  position: relative;
  text-align: left;
}

.fzProfile.fzHori .fzProfile-title {
	padding-left: 0px;
}

.fzProfile.fzHori .fzProfile-label {
  display: inline-block;
  
}

.fzProfile.fzFunc-grid.fzHori .fzProfile-label {
	position: absolute;
}

.fzProfile.fzHori .fzMultiLine .fzProfile-label {
  width: 99%;

}

pAl01.fzProfile.fzHori .fzProfile-label {
  display: inline-block;
  width: 33%;
  padding-left: 15px;
  float: left;
}

.fzProfile .fzAttImg {
  display: inline-block;
}

.fzProfile.fzHori .fzProfile-label.fzAttImg,
.fzProfile.fzHori .fzProfile-label .fzAttImg {
  height: 100%
}

.fzProfile.fzVert .fzProfile-label .fzAttImg {
  margin-top: 2px;
  width: 100%;
  height: 100%;
}

/*.fzProfile-label {background-Color: red!important;}*/

.fzProfile.fzHori.hlp-after .fzProfile-label.fzAttImg .fzAttImg,
.fzProfile.fzHori.hlp-none .fzProfile-label.fzAttImg .fzAttImg {
  width: 97%;
}

.fzProfile.fzHori .fzProfile-scale {
  position: absolute
}

.fzProfile.fzHori .fzProfile-scale {
  display: inline-block;
}


.fzProfile.fzVert .fzProfile-scale {
  text-align: left;
}

.fzProfile.fzVert .fzProfile-label {
  text-align: left;
}

.fzProfile.fzVert.hlp-none .fzProfile-label.fzAttImg .fzAttImg {
  width: 97%;
}

.fzProfile.tree label.fzAttText {
  width: 90%
}

.fzProfile.fzVert .fz-switch {
  margin-bottom: 0px;
}

.fzProfile .fz-switch .fz-switch-it .ui-button,
.fzProfile .fz-switch .fz-switch-switch .ui-button {
  width: 100%;
}

ul.fz-switch {
  padding-left: 0px;
  padding-left: 0px;
  z-index: 100;
}

.fzFunc-Absolute.fzProfile.fzHori ul.fz-switch {
  position: absolute;
  display: inline-block;
}


.fzProfile.fzHori ul.fz-switch {
  min-width: 20px;
  max-width: 160px;
  display: inline-block;
}

.fzProfile.fzVert ul.fz-switch {
  width: 100px;
  max-width: 80%;
  float: left;
}


.fzProfile .fzProfile-avertToDo {
  position: absolute;
  top: -40px;
  color: #000080;
}

.fzProfil-hierarch-active {}

.fzProfil-hierarch-descr-dlg {
  /* border: 1px dashed red;  */
  padding-bottom: 12px;
  padding-top: 48px;
  position: relative;

  border-left: 1px dotted rgba(128, 128, 128, .3);
  border-right: 1px dotted rgba(128, 128, 128, .3);
  border-bottom: 1px dotted rgba(128, 128, 128, .3);

  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}



.fzProfil-hierarch-descr-dlg-content {
  /* border: 1px dotted rgba(0,255,0,.3); */
}

.fzProfil-hierarch-descr-dlg-scaleRoot {
  text-align: center;
  margin-bottom: 30px;
}

.fzProfil-hierarch-descr-dlg-content .scale-main {

  display: inline-block;
  position: relative;
}

.fzProfile.fzAttChoice-main.tree .att {}

.fzProfil-hierarch-descr-dlg-btns {
  margin-left: 16px;
  margin-right: 0px;
  display: none;
}

.fzProfil-hierarch-active .fzProfil-hierarch-descr-dlg-btns {
  display: inline;
}

.fzProfil-hierarch-descr-dlg-btn {
  width: 24px;
  height: 24px;
}

.fzProfil-hierarch-descr-dlg-close {}

.fzProfil-hierarch-descr-dlg-trash {}

.fz-switch-DropDown-Icon {
  margin-left: .2em;
}

ul.fz-switch li {
  list-style: none;
}

ul.fz-switch li .fz-switch-btn {
  margin-bottom: -1px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.1em;
  padding-bottom: 0.1em;

}

.fz-switch-highLight {
  border-color: #000080;
}

ul.fz-switch-btns li.fz-switch-it .fz-switch-on.fz-switch-multi,
ul.fz-switch-btns li.fz-switch-it .fz-switch-on.fz-switch-multi:focus,
ul.fz-switch-btns li.fz-switch-it .fz-switch-btn.fz-switch-multi:hover {
  font-weight: normal;
  background-Color: #ffffff;
  border-color: #666666;
  border-right-color: #666666;
  z-index: 100;
  border-left-width: 3px;
  margin-left: -1px;

}

.fz-switch-DropDown-Root .fz-switch-btn {
  white-space: nowrap;
}

.fz-switch-btn .fzAttImg {
  width: 100%
}

.fz-switch-DropDown-Btn {
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 480px;
  overflow-y: hidden
}

.fz-switch-DropDown-BtnTx .fzAttImg {
  width: 100%;
}

.fz-switch-DropDown-BtnTx {
  display: inline-block;
}

.fz-has-switch-DropDown ul.fz-switch {
  position: absolute
}

.fzProfile.fzFunc-Absolute .fz-switch-DropDown-Root {
  position: absolute;
  /*top: 0px; */
  right: 0px;
  z-index: 100;
}

.fzProfile.fzFunc-inline .fzProfile-items {
  /* float: left; */
}

.fzProfile.fzFunc-inline .fz-switch-DropDown-Root {
  display: inline-block;
  width: 200px;
  position: relative;
  /* float: left; */
}


.fzCust-prof-btnCheck {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid #888888;

  background: white;
  vertical-align: bottom;
  margin-right: 1px;
  border-radius: 6px;
  position: absolute;
  left: 4px;
  top: 4px;
}

.fzCust-prof-btnCheck-in {
  display: none;

  width: 1em;
  color: #000000;
  font-size: 18px;
  font-style: normal;
  line-height: 1em;
  text-align: center;
  font-weight: bold;
  margin: 1px;
}

.fzChecked .fzCust-prof-btnCheck {
  /* left: 2px; */
  /* top: 2px;	 */
}

.fzCust-prof-btnCheck-in:before {
  content: '\2713';
}

.fzChecked .fzCust-prof-btnCheck-in {
  display: block;
}


.fzProfile.fzProfil-distrib-columns ul.fzProfile-items {
  text-align: center;
}

.fzFunc-Absolute.fzProfile.fzHori.fzProfil-distrib-columns .fzProfile-items {
  position: relative;
}

.fzProfile.fzProfil-distrib-columns ul.fzProfile-items>li .fzProfile-item-block {
  position: relative;
}

.fzProfile.fzProfil-distrib-columns ul.fzProfile-items>li .fzProfile-scale {
  position: relative;
}

.fzProfile.fzProfil-distrib-ellipse ul.fzProfile-items {
  text-align: center;
}

.fzFunc-Absolute.fzProfile.fzHori.fzProfil-distrib-ellipse .fzProfile-items {
  position: relative;
}

.fzProfile.fzProfil-distrib-ellipse ul.fzProfile-items>li {
  position: absolute;
}

.fzProfile.fzProfil-distrib-ellipse ul.fzProfile-items>li .fzProfile-item-block {
  position: relative;
}

.fzProfile.fzProfil-distrib-ellipse ul.fzProfile-items>li .fzProfile-scale {
  position: relative;
}


.fzProfile.fzProfil-distrib-flow ul.fzProfile-items {
  text-align: left;
}

.fzProfile.fzProfil-distrib-flow ul.fzProfile-items>li {
  display: inline-block
}

.fzFunc-Absolute.fzProfile.fzHori.fzProfil-distrib-flow .fzProfile-items {
  position: relative;
}

.fzProfile.fzProfil-distrib-flow ul.fzProfile-items>li .fzProfile-item-block {
  position: relative;
}

.fzProfile.fzProfil-distrib-flow ul.fzProfile-items>li .fzProfile-scale {
  position: relative;
}

.fzProfile.fzProfil-distrib-flow .fzProfil-btn-group {}

;


.fz-switch-DropDown-Root {}

ul.fz-switch.fz-switch-dropDown-root {
  /* max-height: 600px; */
  /* overflow-y: auto; */
  /* overflow-x: hidden; */


}

ul.fz-switch.fz-switch-dropDown-root.fz-switch-dropDown-root-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.fz-switch-DropDown-Root>a {
  padding-left: 0.3em;
  padding-right: 0.3em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

.fz-switch-DropDown-Root ul.fz-switch {
  z-index: 100;
}

.rank-main {}

.fzRank-smp {
  display: inline-block;
  width: 64px;
  height: 48px;
  position: relative;
  cursor: pointer;
}

.fzRank-dragDrop .fzRank-smp {
  margin-left: 12px;
}

.fzRank-click .fzRank-smp {
  border: 2px solid rgb(196, 196, 196);
  border-radius: 2px;
}

.fzRank-click .fzRank-smp.fzRank-sorted {
  border-color: rgb(64, 64, 64)
}

.fzRank-smp div {
  pointer-events: none;
}

.fzRank-smp .fzRank-smp-label {
  position: absolute;
  width: 100%;
  height: 100%;
}

.fzRank-smp .fzRank-smp-label-small {
  display: none;
  padding-left: 4px;
  font-size: 12px;
  text-align: left;
}

.fzRank-smp .fzRank-smp-label-big {
  width: 100%;
  height: 100%;
  font-size: 24px;
  text-align: center;
  padding-top: 8px;
}

.fzRank-smp:hover .fzRank-smp-label-big,
.fzRank-smp.fzRank-sorted .fzRank-smp-label-big,
.fzRank-smp.fzRank-sorted.fzRank-clicked.fzRank-last:hover .fzRank-smp-label-big {
  display: none
}

.fzRank-smp:hover .fzRank-smp-label-small,
.fzRank-smp.fzRank-sorted .fzRank-smp-label-small,
.fzRank-smp.fzRank-sorted.fzRank-clicked.fzRank-last:hover .fzRank-smp-label-small {
  display: block
}

dddd.fzRank-smp.fzRank-sorted.fzRank-last {
  background-Color: red;
}

.fzRank-smp .fzRank-rank {
  display: none;
  position: absolute;
  background-color: rgba(128, 128, 128, .2);
  width: 100%;
  height: 100%;
  font-size: 30px;
  text-align: right;
  font-weight: bold
}

.fzRank-smp .fzRank-rank>div {
  padding-top: 8px;
  padding-right: 10px;
}

.fzRank-smp:hover .fzRank-rank,
.fzRank-smp.fzRank-sorted .fzRank-rank,
.fzRank-smp.fzRank-sorted.fzRank-clicked.fzRank-last:hover .fzRank-rank {
  display: block;
}

.fzRank-smp.fzRank-sorted.fzRank-last:hover .fzRank-rank,
.fzRank-smp.fzRank-notS.fzRank-clicked .fzRank-rank {
  display: none;
}

.fzRank-smp.fzRank-sorted.fzRank-last:hover .fzRank-smp-label-big,
.fzRank-smp.fzRank-notS.fzRank-clicked .fzRank-smp-label .fzRank-smp-label-big {
  display: block
}

.fzRank-smp.fzRank-sorted.fzRank-last:hover .fzRank-smp-label-small,
.fzRank-smp.fzRank-notS.fzRank-clicked .fzRank-smp-label-small {
  display: none
}

/* .fzRank-smp.fzRank-sorted.fzRank-clicked.fzRank-last:hover  .fzRank-rank {display: block;} */

.fzRank-area-Click {}

.fzRank-area-dragDrop,
.fzRank-area-iso {
  position: absolute
}

.rank-main.Click {
  padding-right: 12px;
  padding-top: 4px;
}

.fzVertAlign:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.fzVertAlign {
  vertical-align: middle;
  display: inline-block;
}

.rank-main .sample {
  border: 1px solid #B0B0B0;
  background-color: #F0F0F0;
  text-align: center;
  cursor: pointer;
  line-height: 3px;
}

.rank-main .sample.fzDefaultFont {
  font-size: 18px;
  font-weight: bold;
}

.rank-main .targetNum {
  border: 1px solid #909090;
  background-color: #D0D0D0;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 1px;
}

.rank-main .targetNum.fzDefaultFont {
  font-size: 20px;
  font-weight: bold;
}

.fzRank-over-label {
  background-color: #E0E0E0 !important;
  border-width: 1px 1px 4px 1px !important;
}

.fzRank-dragging {
  border-style: 4px solid #B0B0B0 !important;
  opacity: .5;
}

.fzRank-droppedHighLight {
  background-color: #E0E0E0 !important;
  border: 1px solid #A0A0A0 !important;
  z-index: 100;
}

.rank-main .targetExt {}

.targetExt_copy {
  background-color: #DDFAFA;
}

.rank-main .rank-helperTie {
  color: red;
}

.rank-main .isoKeyBtn {
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
}

.fzRank-errArea {
  position: absolute;
  bottom: -4px;
  left: 0px;
  padding-top: 8px;
  padding-bottom: 4px;
}

.fzKeyBoard-button {
  cursor: pointer;
  font-size: 24px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;

  /* if showing an image on the keyboard button you mut specify image informations*/
  width: 12px;
  height: 18px;
  display: inline-block;
}

.fzKeyBoard-button:after {
  /*content:  "\2328";	
	vertical-align: middle;
	padding-top: 2px;*/

  /* show an image on the keyboard button*/
  content: url(images/kb.png);
  padding: 2px;

}

.fzKeyBoard-topLeft {
  /* background-Color: green; */
  /* top: 0; */
  /* left: 0; */
  left: 4px;
  top: 4px;
  position: fixed;
  /* border-radius: 0; */
  /* left: 0; */
  /* top: auto; */
  /* bottom: 0; */
  /* position: fixed; */
  /* width: 100%;	 */
}

.ui-keyboard-shift {

  padding: 0px;
}

.ui-keyboard-shift .ui-keyboard-text {
  font-size: 1.7em;
  margin-top: -10px;
}

.rank-main .isoEd {
  font-size: 90%
}

.rank-main .unkowSample {
  color: red !important;
}

.ScFizz {
  border: 1px black solid;
  width: 1024px;
}

.Thanks {
  text-align: center;
  margin-top: 40px;
  font-size: 150%;
  color: #3C2FED
}

DIV.AvertNoScript {
  color: #FF0000;
  font-weight: bold;
  font-size: 10px;
}

DIV.AvertNoScriptQst {
  color: #FF0000;
  font-weight: bold;
  font-size: 110%;
  text-align: center;
  margin-top: 80px;
}

div#footer {
  margin-top: 38px;
  text-align: center;
  height: 50px;
  font-size: 10px;
}

div#SessionInfo {
  text-align: center;
  font-size: 10px;
  color: #A0A4D8;
}

table#SessionInfo {
  font-size: 10px;
  color: #A0A4D8;
}

a#RunLink {
  font-size: 120%;
}

h1 {
  font-size: 140%;
}

div#ClientError {
  font-size: 120%;
  font-weight: bold;
  color: #FF0000;
  margin-top: 19px;
  margin-bottom: 19px;
}

img.MainPict {
  margin-bottom: 19px;
  text-align: center;
}

.InfoCustomPage {
  color: #0000a0;
  font-size: 12pt;
  font-style: italic;
  text-align: center;
}

a img {
  border: 0px solid black;
}

.scale-main .fzWarningLayer {
  width: 100%;
  height: 100%;
  position: absolute;

}

.scale-main.scale-type-2.scale-vert .fzWarningLayer {
  left: -7px;
}

.scaleCanvas,
.cursorCanvas {
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;

}

/*DEBUG
.fzProfile-scale {background-Color: rgba(0,0,255,.1)}

.fzScLabel {background-Color: rgba(0,0,255,.1)}*/
div.fzWScalePopUpMenu {
  border: 1px solid black;
  background-color: #ffffff;
  padding: 2px;

}

div.fzWScalePopUpMenuItem {
  padding: 2px;
  display: block;
}

div.fzWScalePopUpMenuItem a {
  cursor: pointer;
  display: block;
  padding-left: 20px;
}

div.fzWScalePopUpMenuItem:hover {
  background-Color: #eeeeee;
}

div.fzWOverlay {
  opacity: 0.6;
  background-Color: #ffffff;
}

div.fzWMessage {
  border: 1px solid black;
  background-color: #ffffff;
  padding: 4px;
  min-width: 200px;
  text-align: center;
}

div.fzWMessageCenter {
  border: 1px solid black;
  background-color: #ffffff;
  padding: 4px;
  min-width: 200px;
  text-align: center;

  top: 40%;
  left: 50%;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

div.fzWMessageText {
  margin: 0px;
  background-color: #ffffff;

}



div.fzWScaleClear {}

.scale-main label {
  padding: 4px;
}

input.radScale {
  display: none;
}

.fzScale-btn {
  padding: 0;
  /* padding-top: 2px; */
  z-index: 0;
}

.scale-hori .fzScale-btn:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}


.scale-hori .fzScale-btn {
  vertical-align: middle;
  display: inline-block;
}

.fzScale-btn,
.fzScale-btn.ui-button:hover,
.fzScale-btn.ui-button:active,
.fzScale-btn.ui-button:focus {
  border-color: #000000;
}

.fzScale-btn.fzChecked {
  border-width: 3px;
  padding-top: 0px;
  z-index: 1;
}

.fzScale-edit {}

.scale-vert .fzScLabel-bottom {
  padding-left: 2px;
}

.fzScLabel {
  cursor: default;
  pointerEvents: none;
  pointer-events: none;
  white-space: nowrap;
}

#FizzForm {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fzScLabel-alignContent-left {
  text-align: left;
}

.fzScLabel-alignContent-center {
  text-align: center;
}

.fzScLabel-alignContent-right {
  text-align: right;
}

.fzScExtLabel-left {
  text-align: right;
}

.fzScTickLabel_garbage {
  border: 1px dotted rgba(0, 128, 128, 0.1)
}

@media (min-width: 501px) {
  .mapping-body-right {
    float: right;
    /* height:  */
  }
}

/*design formulaire*/
.ui-dialog {
  z-index: 10001;
}

.ui-dialog-titlebar {
  background-color: gray;
  border: none;
}

#amount-pdt,
#amount {
  color: gray;
}

#slider-range-max-pdt {
  background: gray;
}

#slider-range-max {
  background: gray;
}

.ui-widget-header {
  background-color: #CCC;
}

.ui-autocomplete {
  max-height: 400px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.zzz {
  cursor: pointer;
}

.fzJIdent-main.fzHeightDefined {
  overflow-y: auto;
}

.fzJIdent-main.fzHeightDefined.radios.all {
  overflow-y: none !important;
}

.fzJIdent-main.radios.all.fzHeightDefined .fzJIdent-radios {
  overflow-y: auto;
}

.fzJIdent-radios ul li {
  list-style: none;
}

.fzJIdent-tabs.ui-tabs {
  background: none;
  border: none;
}

.fzJIdent-tabs ul li {
  list-style: none;
}

.fzJIdent-tabs ul li label {
  margin: 1px;
}

.fzJIdent-tabs .ui-tabs-nav {
  background: none;
  border: none;
}

.fzJIdent-tabs .ui-tabs-nav li {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  border-bottom: 1px solid #CCCCCC;
}

.fzJIdent-tabs li.ui-tabs-active {
  border-bottom: none;
}

div.fzJIdent-tab {}

.fzJIdent-itPg-fit .ui-tabs-panel {}

.fzJIdent-tabs .ui-tabs-nav li a.ui-tabs-anchor {
  padding-top: 1px;
  padding-left: 6px;
  padding-bottom: 1px;
  padding-right: 6px;
}

.fzJIdent-code-li {
  text-align: left;
}

.fzJIdent-code-li>label {
  vertical-align: middle;
}

.fzJIdent-tabs .ui-tabs-panel {
  border: none;
}

.fzJIdent-tabs .ui-tabs-panel {
  padding: 0em .2em;
}

.wwwfzJIdent-tabs .ui-tabs-panel {
  padding: 1em .1em;
}

div.fzJIdent-code-page {
  padding-left: 0px;
}


.fzJIdent-itPg-fit .fzJIdent-radios {
  overflow-y: hidden
}

.fzJIdent-radio-pages-nav {
  text-align: center;
  margin-bottom: 4px;
  height: 22px;
}

.fzJIdent-radio-pages-nav ul {
  padding: 0;
  margin-bottom: 0px
}

.fzJIdent-radio-pages-nav ul li {
  display: inline;
}

.fzJIdent-radio-pages-nav ul li a {
  margin-left: 0px;
  cursor: pointer;
  color: blue;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .3em;
  padding-bottom: .3em;
}

.fzJIdent-radio-pages-nav a.active-page-num {
  font-weight: bold;
}

.fzJIdent-code-ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  columns: 2;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  -ms-column-gap: 15px;
  -o-column-gap: 15px;
  column-gap: 15px;
  padding: 0;
}

.fzJIdent-code-li {}

.fzMessageButton a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

.fzMessageContent {
  text-align: left;
}

.fzTimerMain {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.fzTimerMain.fzPosFromScale {
  position: relative;
  min-width: 80px;
}

.fzTimer.fzPosFixed.fzTimer-evalFunc {
  position: relative;
  width: 100%;
}

.fzTimer.depreceated.fzPosFixed.fzTimer-evalFunc {
  margin-bottom: 10px;
  margin-top: 5px;
}

.fzTimer.fzPosFixed.fzTimer-evalFunc .fzTimerTime {
  display: inline-block;
  min-width: 80px;
}

.fzTimer.fzPosFixed.fzTimer-evalFunc .fzTimerMain {
  position: absolute;
  right: 2px;
}


.fzTimer.fzPosFixed.fzTimer-evalFunc .fzTimerMessages {
  position: absolute;
  bottom: 34px;
  margin-left: 50px;
}


.fzTimerTime {
  padding-right: 4px;
}


.fzTimer-startStopBtn {
  display: inline-block;
  white-space: nowrap;
}

.fzTimer-startStopBtn .ui-button-text {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 26px;
  padding-right: 8px;
}

.fzTimer.fzPosFromScale .fzTimerMain .fzTimer-startStopBtn {
  margin-left: 4px;
  position: absolute;
}

.fzTimer.fzPosFromScale .fzTimerMain .fzTimer-startStopBtn {
  margin-top: -2px
}

.fzTimer.fzPosFixed .fzTimerMain .fzTimer-startStopBtn {
  margin-top: -9px;
  margin-left: 4px;
}

.fzTimerProgress.ui-progressbar>.ui-progressbar-value {
  height: 120%
}

.fzTimer.fzTimer-evalFunc {
  text-align: left;
}



zzz.fzBeep-vis {
  background-Color: red !important;
}

.fzBeep-alt {
  position: fixed;
  top: 1%;
  left: 1%;
  width: 5%;
  display: none;
}


.fzTimerTime,
.fzChrono-frame {
  margin-top: -12px;
  padding-top: 0px;
  font-size: 400%;
}

.fzTimedProfile .fzTimer-startStopBtn {
  z-index: 100
}

.fzTimedProfile-timeSpacer {
  height: 36px;
}

.fzTimer-evalFunc .fzTimerMain {
  height: 28px;
  margin-bottom: 8px;
}

.fzTimer-evalFunc .fzTimerProgress {
  line-height: 28px;
  height: 12px;
  display: inline-block;
}

.fzTimer-evalFunc .fzTimerTime {
  background: none;
  line-height: 28px;
  text-align: right;
  margin-top: 0px;
  font-size: 24px;
  font-weight: bold;
}

.fzTimer-evalFunc .fzTimerMessages {
  font-size: 18px;
  font-weight: bold;
  position: absolute;
}

.fzTimer-evalFunc.fzTimer.fzPosFixed .fzTimerMain .fzTimer-startStopBtn {
  margin-top: -5px;
}

.fzTimer {}

.fzChrono {}

.fzChrono-frame {}

.fzclasswarning img {}

.fzPageInfo-disp span {
  margin-left: 8px;
}

input.fzQstCheck-hidden {
  display: none;
}

input[type=checkbox].fzQstCheck,
input[type=radio].fzQstCheck {
  aawidth: 2em;
  width: 18px;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
}

input[type=checkbox].fzQstCheck+label,
input[type=radio].fzQstCheck+label {
  display: inline-block;
  margin-right: 1px;
  margin-bottom: 1px;
}

input[type=checkbox].fzQstCheck+label:not(.fzKeepDefault) {
  border-radius: 6px;
}

input[type=radio].fzQstCheck+label:not(.fzKeepDefault) {
  border-radius: 12px;
}

input[type=checkbox].fzQstCheck+label>span,
input[type=radio].fzQstCheck+label>span {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid #888888;

  background: rgba(255, 255, 255, .6);
  vertical-align: bottom;
  margin-right: 1px;
}

input[type=checkbox].fzQstCheck:disabled+label>span,
input[type=radio].fzQstCheck:disabled+label>span,
.fzAttTree-hasParentCk input[type=checkbox].fzQstCheck+label>span,
.fzAttTree-hasChildCk input[type=checkbox].fzQstCheck+label>span {
  border: 2px solid #666666;
  background: rgba(200, 200, 200, .6);
}

label.fzKeepDefault {
  margin-left: 2px;
}

input[type=checkbox].fzQstCheck+label>span {
  border-radius: 5px;
}

input[type=radio].fzQstCheck+label>span {
  border-radius: 12px;
}


input[type=checkbox].fzQstCheck:checked+label>span:before,
.fzAttTree-hasChildCk input[type=checkbox].fzQstCheck+label>span:before {
  content: '\2713';
  display: block;
  width: 1em;
  color: #000000;
  font-size: 18px;
  font-style: normal;
  line-height: 1em;
  text-align: center;
  font-weight: bold;
  margin: 1px;
}

.fzAttTree-hasParentCk label.fzTree-attItem-att-text {
  color: #666666;
}



input[type=checkbox].fzQstCheck:checked:disabled+label>span:before,
.fzAttTree-hasChildCk input[type=checkbox].fzQstCheck+label>span:before {
  color: #666666;

}

/* .fzProfile.tree input[type=checkbox].fzQstCheck + label >span {border: unset}  */

.fzProfile.tree .fzAttTree-hasParentCk input[type=checkbox].fzQstCheck+label>span:before,
.fzProfile.tree .fzAttTree-hasChildCk input[type=checkbox].fzQstCheck+label>span:before {
  color: #999999;

}

.fzProfile.tree .fzAttTree-hasParentCk input[type=checkbox].fzQstCheck+label>span,
.fzProfile.tree .fzAttTree-hasChildCk input[type=checkbox].fzQstCheck+label>span {
  /* border           : unset;   */
  background: unset;
}


.fzAttCh-Err-Max input[type=checkbox].fzQstCheck:checked+label>span:before,
.fzAttCh-Err-MaxCl input[type=checkbox].fzQstCheck:checked+label>span:before {
  color: red;
}




input[type=checkbox].fzQstCheck_v0:checked+label>span:before {
  content: '✓✔version bold mal gere sur ipad ?';
  display: block;
  width: 1em;
  color: rgb(153, 204, 102);
  font-size: 1.2em;
  line-height: 1em;
  text-align: center;
  text-shadow: 0 0 0.0714em rgb(115, 153, 77);
  font-weight: bold;
}

input[type=radio].fzQstCheck:checked+label>span>span {
  display: block;
  width: 14px;
  height: 14px;
  margin: 3px;
  border: 0px solid #000000;
  border-radius: 8px;
  background: #000000;
}


input[type=radio].fzQstCheck:checked:disabled+label>span>span {
  background: #666666;
}

input[type=radio].fzQstCheck+label.fzScale-controlItem>span {
  margin-top: -1px;
  border-Color: blue;
  border-width: 4px;
  width: 26px;
  height: 26px;
  border-radius: 13px;
}

input[type=radio].fzQstCheck+label.fzScale-controlItem>span>span {
  margin: 2px;
}


label.fzScale-Control span.fzQstCheckExt {
  /* background-Color: rgba(0,0,255,.2)!important; */
  /* background-Color: #ffffff!important; */
}

.fzScale-tick-badge-onItem {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* border: 4px solid black; */
  /* border-bottom: 4px solid black; */
  /* height: 40px; */
}

.fzScale-tick-badge-onItem.fzScale-tick-badge-over {
  border-top: 4px solid black;
}

.fzScale-tick-badge-onItem.fzScale-tick-badge-below {
  border-bottom: 4px solid black;
}

.fzScale-Control-tick-badge {
  width: 8px;
  height: 8px;
  border: 2px solid black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  background-Color: white;
}

.scale-hori .fzScale-Control-tick-badge {
  transform: rotate(-45deg);
}

.scale-vert .fzScale-Control-tick-badge {
  transform: rotate(-135deg);
}

.fzScale-Control-tick-badge___001 {
  width: 10px;
  height: 10px;
  border: 2px solid black;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-bottom-left-radius: 0px;
  transform: rotate(-45deg);
}


.fzclasschattmatrixtable input[type=checkbox].fzQstCheck+label,
.fzclasschattmatrixtable input[type=radio].fzQstCheck+label {
  margin-top: 2px;
  margin-Bottom: 2px;
}

td.fzclasschattmatrixcheckbox label {}

.fzNavBar-right {}

.fzNavBar-left {}

.ui-icon-fzFullScreen {
  background-image: url(images/fullScreen_Enter.png) !important;
}

.ui-icon-fzExitFullScreen {
  background-image: url(images/fullScreen_Exit.png) !important;
}

.ui-icon-fzNavBar-next,
.ui-icon-fzNavBar-previous {
  width: 19px;
  height: 21px;
  margin-top: -12px !important;
  margin-left: -10px !important;
}

.ui-icon-fzNavBar-next {
  background-image: url(images/greaterThan.png) !important;
}

.ui-icon-fzNavBar-previous {
  background-image: url(images/lowerThan.png) !important;
}

.fzclasswarning,
.fzclassInnerWarning {
  color: #663333;
  font-weight: bold;
  font-size: 1.6em;
  text-align: center;
}

.fzErrBox {
  position: absolute;
  left: -4px;
  top: -4px;
}

.fzFunctionError {
  border: 1px dashed rgba(250, 0, 0, .6);
  background-Color: rgba(250, 0, 0, .2);
}

.fzFunctionError.fzAttChoice-main.matrix {
  border: initial;
  background-Color: initial;
}

.fzFunctionError.fzAttChoice-main.matrix table {
  border: 1px dashed rgba(250, 0, 0, .6) !important;
  background-Color: rgba(250, 0, 0, .2);
}

.fzFunctionError.fzAttChoice-main.matrix table>tr:first-child>th {
  border-top: 1px dashed rgba(250, 0, 0, .6);
}

.fzFunctionError.fzAttChoice-main.matrix table>tr:last-child>td {
  border-bottom: 1px dashed rgba(250, 0, 0, .6);
}

.fzFunctionError.fzAttChoice-main.matrix table>tr>th:first-child {
  border-left: 1px dashed rgba(250, 0, 0, .6);
}

.fzFunctionError.fzAttChoice-main.matrix table>tr>th:last-child,
.fzFunctionError.fzAttChoice-main.matrix table>tr>td:last-child {
  border-right: 1px dashed rgba(250, 0, 0, .6);
}

.fzFunctionError td.fzFunctionErrorDetail,
.fzFunctionError th.fzFunctionErrorDetail,
.fzFunctionError div.fzFunctionErrorDetail {
  background-Color: rgba(250, 0, 0, .2);
}

.fzFunctionError .ui-selectmenu-button.ui-selectmenu-button-closed {
  background-Color: rgba(250, 0, 0, .2);
}

.mapping-product.fzFunctionErrorDetail {
  border: 2px dashed rgba(250, 0, 0, .6);
}

.fzFunctionError.wheel {
  border: none
}

.fzFunctionError .fzWheel {
  border: 1px dashed rgba(250, 0, 0, .6);
  background-Color: rgba(250, 0, 0, .2);
}

.fzFunctionError .fzWheel .fzDescrError text {
  stroke-width: 1px !important;
  stroke: red !important;
}

.fzNavBar-panel {
  text-align: center;
}

.fzHeader {
  height: 66px;
}

.fzNavBar-panel-vertical {
  display: inline-block;
  width: 66px;
}

.fzFooter {}

.fzHeader .fzNavBar-bloc {}

.fzNavBar {}

.fzNavBar-btns {}

.fzNavBar-bloc {
  padding-top: 0px;
  height: 61px;
  background: none;
  display: inline-block;
  background-color: #888;
}

.fzNavBar-group {
  margin: 0px;
  padding: 2px;
}

.fzMiddleBand {
  position: relative;
  display: inline-block;
}


.fzNavBar-panel-vertical {
  position: absolute;
  top: 0px;
}

.fzNavBar-panel-vertical .fzNavBar-bloc {
  width: 100%
}

.fzNavBar-panel-vertical.fzRightBand {
  right: -72px;
}

.fzNavBar-panel-vertical.fzLeftBand {
  left: -72px;
}

.fzNavBar-panel-vertical .fzNavBar-group.fzNavBar-left {
  position: absolute;
  top: 0px;
}

.fzNavBar-panel-vertical .fzNavBar-group.fzNavBar-right {
  position: absolute;
  bottom: 8px;
}

.fzNavBar-panel-horizontal .fzNavBar-group.fzNavBar-left {
  float: left;
}

.fzNavBar-panel-horizontal .fzNavBar-group.fzNavBar-right {
  float: right;
}

.fzNavBar-group .fzNavBar-jump {
  margin-right: -1px;
  padding-left: .3em;
  padding-right: .3em;
  width: 32px;
}

.fzAvertClose {
  text-align: left;
}

body.fzHelpRequested .fzNavBar-helpReqButton {
  background-Color: red;
}

.fzNavBar-menuButton,
.fzNavBar-breakButton,
.fzNavBar-helpReqButton {
  margin-right: 4px;
  padding-left: .1em;
  padding-right: .1em;
  width: 32px;
  height: 53px;
}

.fzNavBar-panel-vertical .fzNavBar-menuButton,
.fzNavBar-panel-vertical .fzNavBar-breakButton,
.fzNavBar-panel-vertical .fzNavBar-helpReqButton {
  width: 60px;
  height: 53px;
}

.ui-icon-fzNavBar-breakButton {
  margin-left: -12px !important;
  width: 24px;
  height: 24px;
  background-image: url(images/fzNavBarBreak.png) !important;
}

.ui-icon-fzNavBar-menuButton {
  margin-left: -12px !important;
  width: 24px;
  height: 24px;
}

.ui-icon-fzNavBar-menuButton {

  background-image: url(images/fzNavBarMenu.png) !important;
}


.ui-icon-fzfilter {
  background-image: url(images/ui-icon-fzfilter.png) !important;
}

input.fzFilter-activ {
  background-Color: rgba(255, 0, 0, .3);
}



.fzNavBar-menu-item-chhecked div::before {
  content: '\2713';
}

.fzNavBar-menuButton .ui-icon.fzNavBarMenu {
  background-image: url(images/fzNavBarMenu.png);
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -10px;
}

.fzNavBar-floatBorder.fzNavBar-left.fzNavBar-pos-top {
  margin-top: 4px;
  margin-left: 4px
}

.fzNavBar-floatBorder.fzNavBar-right.fzNavBar-pos-top {
  margin-top: 4px;
  margin-right: 4px
}

.fzNavBar-msgsArea {
  text-align: center;
  padding-top: 2px;
  width: 81%;
  display: inline-block;
  position: relative;
}

.fzOverWarning {
  position: absolute;
  background-color: #FFE9E9;
  color: #663333;

  border: 1px solid rgba(128, 128, 128, .5);
  border-radius: 5px;
  width: 50%;
  top: 8px;
  left: 25%;

}

.fzOverWarning .fzWarningContent {
  display: inline-block;

}

.fzOverWarning>div .ui-button {
  position: absolute;
  right: 0px;
  height: 100%;
  margin: 0px;
}

.fzNavBar-fzclasswarning {
  background-color: #FFE9E9;
  color: #663333;
  zzfont-weight: bold;

  border: 1px solid rgba(128, 128, 128, .5);
  border-radius: 5px;
}

.fzNavBar-fzclasswarning>div {
  display: inline-block;
}

.fzNavBar-fzclasswarning .ui-button {
  display: inline-block;
  font-weight: normal;
  font-size: 1em;
  width: 32px;
  height: 26px;
  margin-right: 0px;
  margin-top: -1px;
  margin-bottom: 0px;
  padding: .4em .4em;
  position: absolute;
  right: 0px;
  /* float: right ; */
}

.fzPageFrame {
  border: 1px solid #DDDDDD;
  background-Color: #ffffff;
}


.fzWaitLayout {
  zIndex: 1000;
  z-Index: 1000;
  /* position: absolute; */
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;

  /*background: rgba(250,250,250,.6) url(images/wait01.gif) no-repeat;*/
  background-color: rgba(250, 250, 250, .6);
  /*background-image: url(images/wait01.gif);
	background-position: center; 
	background-repeat: no-repeat;*/
  text-align: center;
  vertical-align: middle;

}

.fzWaitLayout img {
  /*border: 5px solid red;
	content: url("images/wait01.gif")*/

}

.fzWaitLayout .fzWaitLayout-progress.dot-root {
  /* //background-Color: #FFF; */
  background-Color: none;
  width: 200px;
  height: 100px;
  line-height: 10px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
}


.fzWaitLayout .dot-cell {
  display: inline-block;
  width: 50px;
}

.fzWaitLayout .dot-cell>span {
  font-size: 150px;
  font-family: Serif;
  font-weight: bold;
}

.fzWaitLayout .dot-cell>span:before {
  content: ".";
}


.fzWaitLayout .dot-hidden {
  display: none;
}

html {
  position: relative;
  min-height: 100%;
}

/*Normalize html and body elements,this style is just good to have*/
html.fzHasFooter,
body.fzHasFooter {
  margin: 0;
  padding: 0;
}

.fzFooter {}

.fzFooter .fzNavBar-bloc {
  padding-top: 0px;
  height: 61px;

}

.fzScrollHelper {
  width: 32px;
  height: 32px;
  zIndex: 1000;
  z-index: 1000;
  cursor: Pointer;
  background-color: rgba(128, 128, 128, .4);
  background-position: center;
  background-repeat: no-repeat;
  border-color: rgba(255, 255, 255, .8);
  border-style: solid;
}


.fzScrollHelper.fix {
  position: fixed;
}

.fzScrollHelper.abs {
  position: absolute;
}

.fzScrollHelper:hover {
  background-color: rgba(128, 128, 128, .6);
}


.fzScrollHelper.fix.vertical {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 12px;
  border-width: 2px 0px 2px 2px;
  background-image: url(images/scrollHelpDown.png);
  height: 64px;
  right: 0px;
  bottom: 20%;
}

.fzScrollHelper.big {
  right: 0px;
  background-color: rgba(250, 128, 128, .6);
}

.fzScrollHelper.vertical.big {
  height: 64px;
}

.fzScrollHelper.horizontal.big {
  width: 64px;
}

.fzScrollHelper.vertical::after {}


.fzScrollHelper.horizontal {

  border-top-left-radius: 6px;
  border-top-right-radius: 12px;
  border-width: 2px 2px 0px 2px;
  background-image: url(images/scrollHelpRight.png);
  width: 64px;
  bottom: 0px;
}

.fzScrollHelper.fix.horizontal {
  right: 20%;
}



.fzScrollHelper.horizontal::after {}



/* Outils d'édition de trad
----------------------------------*/

.fzSentence {
  border: 1px dashed #C5C5C5;
}

.fzSentence:hover {
  border: 1px solid #003EFF;
}

#fzSentenceMenu {
  font: 12px arial, sans-serif;
  /*display: inline-block;*/
  position: fixed;
}

.fzSentenceBox {
  background-color: #007FFF;
  position: fixed;
  top: 0;
  left: 50%;
  width: 100px;
  height: 10px;
  margin-left: -50px;
  border-radius: 0 0 10px 10px;
}

.fzSentenceBox:hover {
  width: 500px;
  height: auto;
  margin-left: -250px;
  border-radius: 0;
  text-align: left;
}

.fzSentenceBox .fzSentenceTools {
  display: none;
}

.fzSentenceBox:hover .fzSentenceTools {
  display: block;
}

#fzSentenceTime {
  color: #003EFF;
  font: 10px arial, sans-serif;
  text-decoration: none;
  background-color: #FFF;
  position: absolute;
  padding-left: 2px;
}

#fzSentenceDialog table th {
  text-align: left;
}

#fzSentenceDialog table textarea {
  width: 100%;
  height: 1.6em;
  resize: vertical;
}

.fzSentenceDialogTitle span {
  color: #FF0000;
}

.fzSentenceDialogId {
  white-space: nowrap;
}

.fzSentenceBox .ui-menu {
  width: auto;
  font-size: 12px;
  min-height: 22px;
}

.fzSentenceBox ul.fzSentenceTools {
  width: 100%;
}

.fzSentenceBox ul.fzSentenceTools>li {
  width: auto;
  float: left;
}

.fzTranslateToolsUser,
.fzTranslateToolsLang {
  font-weight: bold;
}

.fzChattRoot {
  overflow-y: auto;
}

label.txLabel,
label.fzQstCheckExtLabel {
  margin: 0px;
}


label.txLabel {
  font-weight: normal;
  padding-left: 1px;
  padding-right: 10px;
}

.fzChoice-main {}



.fzChoice-main input[type=checkbox].fzQstCheck+label>span,
.fzChoice-main input[type=radio].fzQstCheck+label>span {
  vertical-align: middle;
}

.fzChoice-main ul {
  list-style: none;
  margin: 0px 0px;
  padding: 0;
}

.fzChoice-main.fzYesNo ul {}

.fzChoice-main ul li {
  position: relative;
}

.fzChoice-main ul.horizontal>li {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
  white-space: nowrap;
  /* min-width: 400px; */
}

.fzChoice-main ul.horizontal li label.txLabel {
  vertical-align: middle;
}

.fzChoice-main ul.horizontal li.fzSized {
  display: inline-block;
}

.fzChoice-main ul.horizontal li.fzChoiceLabel {
  display: inline-block
}


.fzChoice-main ul.horizontal li {
  vertical-align: middle
}

.fzChoice-main ul.horizontal li>label {
  margin-bottom: 0px;
}

.fzChoice-main ul.horizontal li>label.fzQstCheckExtLabel {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: -5px;
  margin-bottom: -5px;
}

.fzFuncType-attChoice.dropDown.fzFunc-compact {}

.fzFuncType-attChoice.dropDown.fzFunc-compact .ui-selectmenu-button {
  padding-left: 2px;
  padding-right: 3px;
}

.fzFuncType-attChoice.dropDown.fzFunc-compact .ui-selectmenu-text {
  padding-left: 2px;
}

.fzAttChoice-main .fzFuncSampleCode {}

.fzAttChoice-main.fzFuncSample-mult>.fzAttChoice-sample-row {vertical-align: middle;}
.fzAttChoice-main.fzFuncSample-mult>.fzAttChoice-sample-row>.fzFuncSampleCode {display: inline-block; margin-right: 6px; vertical-align: middle;}
.fzAttChoice-main.fzFuncSample-mult>.fzAttChoice-sample-row>.fzFuncSampleCode>label {margin-bottom: 0px;}

.fzAttChoice-main.fzFuncSample-mult>.fzAttChoice-sample-row>ul {display: inline-block;}

.fzFuncSampleCode-fnCentered {
  text-align: center;
}

.fzAttChoice-main.flat ul.fzAttChoice-multiCol>li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.fzAttChoice-main.flat ul.fzAttChoice-multiCol-singleRow>li {display: inline-block; text-align: center;}

.fzAttChoice-main.flat ul.fzAttChoice-multiCol-singleRow>li .fz-qcm-btn {margin-right: 4px; margin-bottom: 2px}

/*.fzAttChoice-main.flat ul li {min-height: 24px}*/
/*depend of check height, not used, calculated from page grid.*/

.fzAttChoice-main.flat .fzAttChoiceLabelGroup {
  margin-bottom: 48px;
}

.fzAttChoice-main .fzAttChoiceLabelGroup.fzHeightDefined>div {
  height: 100%;
}

.fzAttChoice-main .fzAttChoiceLabelGroup.fzHeightDefined>div:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
}



.fzAttChoice-main.flat {
  text-align: center;
  overflow-y: visible;
  /* overflow-y: auto; */
  /* border: 2px solid red; */
}

.fzAttChoice-main .fzAttChoice-class {
  font-size: 120%;
  font-wheight: bold;
  border-bottom: 3px dotted grey;
  width: 100%;
  padding-left: 12px;
  ;
  margin-bottom: 4px
}

.fzAttChoice-main.flat.fzAttChoice-HasExt {
  width: 100%;
}


.fzAttChoice-main.fit,
.fzAttChoice-main.auto {
  left: 1%;
  width: 98%
}

.fzAttChoice-main.flat ul {
  padding: 0px;
  margin: 0px;
  text-align: left;
}

.fzAttChoice-main.flat ul li {
  position: relative;
  margin: 0;
  padding: 0;
}

.fzAttChoice-main.flat ul li .fzChoiceItem {
  display: inline-block;
  vertical-align: top;
}

.fzAttChoice-main.flat ul li .fzChoiceItem-ext.fzChoiceItem-ext-pos-bottom {
  margin-top: 2px;
  margin-bottom: 8px;
}

.fzAttChoice-main.flat ul li .fzChoiceItem-ext.fzChoiceItem-ext-pos-right {
  position: 0px;
}

.fzAttChoice-main.flat ul li .fzChoiceItem-ext.fzChoiceItem-ext-pos-right {
  display: inline-block;
}

.fzAttChoice-main.flat ul li .fzChoiceItem-ext.fzChoiceItem-ext-act-visible {
  display: none;
}

.fzAttChoice-main.flat ul li.fzChoice-checked .fzChoiceItem-ext {
  display: inherit;
}

.fzAttChoice-main.flat ul li.fzChoice-checked .fzChoiceItem-ext.fzChoiceItem-ext-pos-right {
  display: inline-block;
}

.fzAttChoice-main.flat input[type=checkbox].fzQstCheck+label>span,
.fzAttChoice-main.flat input[type=radio].fzQstCheck+label>span {
  vertical-align: middle;
}


.fzAttChoice-main.flat .txLabel.fzAttText {
  vertical-align: middle;
  height: 100%;
}

.fzAttChoice-main .fzAttText>.bsRtfToHtml {display: inline-block;}

.fzChoiceItem .fzQstCheckExtLabel {
	position: absolute;
	top: 0px;
}

.fzChoiceItem label.txLabel {
	margin-left: 26px;
}

.fzAttChoice-main.flat .fzChoiceItem .fzQstCheckExtLabel {
	position: static;
	top: unset;
}

.fzAttChoice-main.flat .fzChoiceItem label.txLabel {
	margin-left: 0px;
}

.fzAttChoice-main.flat .txLabel.fzAttImg {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  height: 100%;
}

.fzAttChoice-main.hlp-before .txLabel.fzAttImg .fzAttImg {
  display: inline-block;
}

/* .fzAttChoice-main.hlp-after .txLabel.fzAttImg  , */
/* .fzAttChoice-main.hlp-none .txLabel.fzAttImg  {width: 90%;} */


aa.fzAttChoice-main.flat ul li {
  background-Color: rgba(250, 128, 0, .1)
}

aa.fzAttChoice-main.flat ul li>div {
  background-Color: rgba(128, 0, 0, .1)
}

aa.fzAttChoice-main.flat ul li>div>div {
  background-Color: rgba(250, 0, 0, .1)
}

.fzAttChoice-main.flat.auto table,
.fzAttChoice-main.flat.fit table {
  width: 99%
}

.fzAttChoice-main.flat.auto table td,
.fzAttChoice-main.flat.fit table td {
  text-align: left
}

.fzAttChoice-main.flat.auto ul.fzAttChoice-multiCol,
.fzAttChoice-main.flat.fit ul.fzAttChoice-multiCol {
  width: 94%;
  margin-left: 6%;
}

.fzPosDebug ul.fzAttChoice-multiCol {
  border: 1px dotted green;
}

.fzPosDebug ul.fzAttChoice-multiCol li {
  border: 1px dashed red;
}

.fzAttChoice-main.flat.auto ul.fzAttChoice-monoCol,
.fzAttChoice-main.flat.fit ul.fzAttChoice-monoCol {
  width: 50%;
  margin-left: 20%;
  display: inline-block;
}

.fzAttChoice-main.flat ul li {
  list-style: none
}

.fzAttChoice-main.flat ul li>div {
  overflow-x: none
}

.fzAttChoice-main.matrix {
  text-align: center;
}

.fzAttChoice-main.matrix>div.fzAttCh-mx-tableParent {
  display: inline-block;
  width: 100%
}

/*.fzAttChoice-main.matrix table {width: 100%;background-image: url('../images/__logoBackGround.gif');	background-position:right bottom;	background-repeat: no-repeat;}*/

.fzAttChoice-main.matrix table {
  width: 100%;
  border-collapse: collapse;
}

.fzAttChoice-main.matrix td,
.fzAttChoice-main.matrix th {
  border: 2px solid rgba(0, 0, 0, .2);
  text-align: center
}

.fzAttChoice-main.matrix th.fzHeadHead {
  border: none;
}

.fzAttChoice-main.matrix td {
  padding: 1px;
  vertical-align: middle;
}

.fzAttChoice-main.matrix th {
  padding: 2px 8px;
}

.fzAttChoice-main div.attRoot {}

.tree {
  border: 1px dotted grey;
  padding-right: 4px;
}

.fzProfile.tree>.attRoot {
  width: 100%
}

.fzAttChoice-main.tree div.attRoot {}

.fzAttChoice-main.tree div.fzAttCh-toolPanel.fzAttCh-toolPanel-right {
  /* float: right; */
  /* width: 20%; */
  position: absolute;
  right: 32px;
  top: 0px;
  background-Color: rgba(255, 255, 255, .8);
  border-bottom-left-radius: 6px;
  border: none;
  padding-left: 4px;
  padding-bottom: 2px;
}

.fzAttChoice-main.tree div.fzAttCh-tool-bar {
  text-align: left;
  margin-bottom: 1px;
  margin-right: 8px;
  display: none;
}

.fzAttChoice-main.fzTree-hasChildren div.fzAttCh-tool-bar {
  display: inline-block;
}


.fzAttChoice-main div.selRoot {
  position: absolute;
  right: 32px;
  top: 46px;
  padding: 8px;
  background-Color: rgba(255, 255, 255, .8);
  border: 2px solid rgba(0, 0, 0, .2);
  text-align: left;
  min-height: 100px;
  width: 150px;
}


.fzSel-Sep:before {
  content: " > "
}

.fzAttChoice-main div.selRoot ul {
  padding: 0px 2px;
  margin: 0px;
  color: #999;
  size: 80%
}

.fzAttChoice-main div.selRoot ul li {
  list-style: none
}

.fzSel-end {
  font-weight: bold;
}

.fzSel-hier {}

.fzAttChoice-main.tree div.fzFilterRoot {
  margin-bottom: 8px;
  line-height: 1.6em;
  position: relative;
  display: inline-block;

}

.fzAttChoice-main.tree div.fzFilterRoot input {
  height: 1.5em;
  position: relative;
  top: 0px;

}

.fzTree-filterClose-btn {
  height: 1.5em;
  position: relative;
  top: -2px;

}

.fzAttChoice-main div.fzFilterRoot input {
  width: 53%;
  margin-top: 2px;
}



.fzAttChoice-main .attRoot .att {
  text-align: left;
}

.fzTree-filterClose-btn {}

.fzTree-act-all-btn {
  margin-right: 2px;
}

.fzTree-expand-btn {
  font-weight: bold !important;
  font-size: 18px !important;
  padding: 0px 6px !important;
  width: 1.6em;
  height: 1.6em;

  /* background-Color: red; */
}

.fzTree-expandAll-btn:before,
.fzTree-expand-btn:before {
  content: '+';
}

.fzTree-reduceAll-btn:before,
.fzTree-expand-btn.fzTree-expand-btn-open:before {
  content: '-';
}


.fzTree-attItem-att-title {
  display: inline-block;
}


.fzAttChoice-main .spacer {
  display: inline-block;
  width: 22px;

}


.fzAttChoice-main.tree .attRoot {
  overflow-y: auto;
  height: 100%;
  position: relative;
  padding-left: 20px;
}

.fzTree-attItem-root {
  margin-bottom: 2px;
  margin-left: 10px;
}

.fzTree-attItem-root .fzTree-attItem-root {
  margin-left: 0px;
}



.fzTree-attItem-root-colored .fzTree-attItem-att-text.btn {
  background: transparent;
}

.fzTree-attItem-root-colored .fzTree-attItem-att-text.btn:hover {
  background: rgb(226, 230, 234);
}

/*debug
	.fzTree-attItem-root {border: 1px solid green;}
	.fzTree-attItem-childRoot {border: 1px solid yellow;}*/

.fzTree-expand-cont {
  width: 2.3em;
  display: inline-block;
  left: -15px;
  position: absolute;
}

.fzAttChoice-main.tree .attRoot>.fzTree-attItem-root>.fzTree-attItem-att .fzTree-expand-cont {
  left: 0px;
}

.fzTree-attItem-childRoot {
  display: none;
  margin-top: 2px;
  margin-left: 15px;
  padding-left: 16px;
  border-left: 2px dotted #dddddd;
  position: relative;
}


.fzTree-attItem-childRoot-visible {
  display: block
}


.fzProfile .fzTree-attItem-att-title {
  width: 100%;
}

/* .fzProfile .fzTree-attItem-att-title {float: left; left: 40px; display: block; position: relative; border: 2px solid blue;} */


.fzTree-attItem-att {
  line-height: 2em;
}

.fzProfile .fzTree-attItem-att {
  line-height: 2.4em;
}

a.fzTree-attItem-att-text {
  text-align: left;
  width: 100%
}


.fzAttChoice-main.tree label {
  font-weight: normal;
}

.fzAttChoice-main.tree .att>.attAtt label {
  vertical-align: middle;
  display: inline-block
}

.fzAttChoice-main.tree .attClass {
  font-weight: normal;
  /* background-Color: rgba(0,0,0,.2) */
}

.fzAttChoice-main.tree .attClass .attName {
  padding-top: 2px;
  /* background-Color: rgba(0,0,0,.2); */
  display: inline-block;
}

.fzAttChoice-main.tree .attClass,
.fzAttChoice-main.tree .att {
  min-height: 29px;
}

.fzAttChoice-main.tree .attClass .checkSpacer {
  display: inline-block;
  width: 26px;
  text-align: center;

}

.fzAttChoice-main.tree .fzAttTree-hasChildCk .attClass .checkSpacer:before {
  content: '\2713';
  font-weight: bold;
  font-size: 14px;
  color: #666666;
  font-size: 18px;
  font-style: normal;
  line-height: 1em;
  font-weight: bold;
  margin: 1px;
}

.fzAttChoice-main.tree .attClass::after {
  /* content: ' (classe)'; */
}

.badge-white {
  background-Color: white
}

.badge.fzTree-attItem-att-badge-sc-val {
  margin-left: 8px;
  display: none;
}

.fzProfil-hierarch-scored-closed .fzTree-attItem-att-scored .badge.fzTree-attItem-att-badge-sc-val,
.fzAttTree-hasChildCk .badge.fzTree-attItem-att-badge-sc-val {
  margin-left: 8px;
  display: inline-block;
}

.badge.fzTree-attItem-att-badge-sc-val:before {
  content: '\2713';
  font-size: 120%;
  font-weight: bolder;
  margin-right: 10px;
}

.fzProfil-hierarch-active>.fzTree-attItem-att-title .badge.fzTree-attItem-att-badge-sc-val {
  display: none;
}

.fzProfil-hierarch-scored-closed .fzAttCh-Err-Max .fzTree-attItem-att-scored .badge.fzTree-attItem-att-badge-sc-val:before {
  color: red;
}

.fzAttCh-Err-MaxCl .fzTree-attItem-att-scored .badge.fzTree-attItem-att-badge-sc-val:before {
  color: red;
}

.fzAttTree-hasChildCk .badge.fzTree-attItem-att-badge-sc-val:before {
  font-size: 80%
}

/* .fzAttTree-hasChildCk {background-Color: red!important;}  */

.fzPageBreak-copyURL {
  font-size: 90%;
  margin-top: 0px;
  color: #666;
}

.fzPageBreak {
  /* border: 2px dotted rgba(0,0,0,.6); */
  /* display: inline-block; */
}

.fzMedia {
  display: inline-block;
}

.fzMediaLoading {
  background-Color: rgba(0, 0, 0, .2);
}

.fzMediaLoading>div {
  position: absolute;
  font-size: 200%;
}

zzz.fzMediaLoadError {
  background-Color: rgba(250, 0, 0, .2);
  border: 1px dashed red;
}

zzz.fzMedia.fzfit.fzMedia-img {
  background-Color: rgba(250, 0, 0, .2)
}

.fzMedia.fzMedia-img.fzfit img {}

.fzMedia.fzMedia-img.fzfit {
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}

.fzMedia.fzMedia-img.fzfit:before {
  content: '';
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.fzMedia.fzMedia-img.fzfit>div {
  display: inline-block;
  vertical-align: middle;
}

.fzMedia .fzBGImg {
  background-position: top left;
  background-repeat: no-repeat;
}

.fzMediaHtml,
.fzMedia.fzMediaHtml {
  text-align: left;
}

.fzMediaHtml>.bsRtfToHtml {
  width: 100%;
  left: 0%;
  margin: 0px;
}

.fzMediaHtml.fzMediaHtml_opaque>.bsRtfToHtml {
  background-Color: #ffffff;
}



.hintOverlay {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(128, 128, 128, 0.2);
  z-index: 99;
}

.fzPageOverlay {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-Color: white;
}

.fzPageOverlay-fct {
  position: absolute;
  top: 50%;
  left: 50%;
  background-Color: red;
  font-size: 22px;
  z-index: 10001;
}

.funcOverlay {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  /* background: rgba(128,128,128,0.1); */
  z-index: 99;
}

.funcOverlay.timerOverlay {
  z-index: 101
}

.funcOverlay_func {
  position: absolute;
  background-Color: white;
}

.fzclassprofileattribute {}


.scale-type-3.fzScale-terminated a,
.scale-type-3.fzScale-terminated a:hover {
  border-color: #999;
  color: #999;
  background-Color: #ddd !important;
}


.fzScaleVol_backMain {
  fill: #000;
}

.fzScaleVol_backSub {
  fill: #fff;
  /* stroke: black; */
  /* stroke-width: 1; */
}

.fzScaleVol_val {
  fill: #000;
  /* fill: url(#Gradient-back); */
  /* stroke: white; */
  /* stroke-width: 4; */
}

.fzScaleVol_ {
  /* stroke: #fff; */
  /* stroke-width: 4; */
}

.fzTextInput-main {
  text-align: left;
}

.fzTextInput-main.fzFunc-Absolute textarea {resize: none;}

.fzTextInput-popup-btn {
  padding: 8px;
}

.fzTextInput-popup-form {
  display: none;
  position: absolute;
  padding: 8px;


  z-index: 10010;
  background-Color: rgba(255, 255, 255, .6);
  min-width: 400px;
}

.fzTextInput-popup-overlay {
  z-index: 100;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-Color: rgba(255, 255, 255, .6);
}

.fzFunc-Absolute .fzTextInput-prompt-top {
  position: absolute;
}

.fzTextInput-form-parent {
  width: 40rem;
}

.fzTextInput-main .tag {position: relative; }
.fzTextInput-main input {position: relative; z-index: 2; }
.textInp_tag_layout {position: absolute; z-index: 1; top: 0px; left: 0px; width:100%; height: 100%; background-Color: white; opacity: 0.4; display: none;}--display: none;


#valText tspan {
  fill: #666;
}

.fzConsole-main {
  position: fixed;
  bottom: 0px;
  max-height: 20%;
  overflow-y: auto;
  overflow-x: hide;
  width: 80%;
  left: 2%
}

.fzConsole-main .fzConsole-title {
  background-Color: #999;
  width: 100px;
  margin-left: 6px;
}

.fzConsole-main .fzConsole-title a.ui-button {
  margin-top: 3px;
  margin-right: 4px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1em;
  float: right;
}

.fzConsole-main .fzConsole-title .fzConsole-count {}

.fzConsole-main .fzConsole-text {
  background-Color: #fff;
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-right: 2px solid #999;

}

.fzSpacer {
  display: inline-block;
}

.fzFunction {
  z-Index: 20;
}

.fzFunction.fzFunction-background {
  z-Index: 19;
}

.fzFunction.fzTimedProfil-inProgress {
  z-Index: auto;
}

.fzShape {
  border: 1px solid black;
  z-Index: 10;
}

.fzLabel {text-align: left; z-Index: 19;}


.fzLabel_opaque {background-Color: white;}

.fzLabel>.fzLabel-label {margin-right: 4px; vertical-align: middle}

.fzLabel>.fzLabel-content {vertical-align: middle}

.fzFunc-Absolute.fzLabel {overflow-x: hidden; overflow-y: hidden;}

.fzLabel-hasScroll-h {
  border-right: 1px solid rgba(0, 0, 0, .3)
}

.fzLabel-hasScroll-v {
  border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.fzLabel.fz-hasHeight {
  overflow-y: auto;
}

.fzLabel.fz-hasWidth {
  overflow-x: auto;
}

.fzHTMLBox {
  text-align: left;
}

.ui-keyboard {
  background: #fff;
  border: 1px solid black;
  z-index: 90;
}

.ui-keyboard-has-focus {
  z-index: 91;
}

.ui-keyboard-button {
  height: 2.6em;
  width: 2.6em
}

.ui-keyboard-accept {
  width: 5.2em;
}

.ui-keyboard-clear {
  width: 5.2em;
}

.ui-keyboard-accept {
  width: 5.2em
}

.ui-keyboard-bksp {}

.ui-keyboard-preview {}

.ui-keyboard-space {
  width: 10.68em
}

.fzScale.ui-keyboard {
  width: 10em;
  text-align: center;
}

.fzScale .ui-keyboard-preview {
  max-width: 7.6em;
}

.fzRank.ui-keyboard {
  width: 37em;
}


div.fzChart-toolbar {
  margin-bottom: 20px;
  text-align: left;
  padding-left: 4px;
  padding-bottom: 1px;
}


/*====WHEEL V2========================*/

/* .fzWheel-container {
} */

.fzWheel-position-root {
  position: relative;
}

.fzWheel-center-img {
  position: absolute;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.fzWheel-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.fzWheel-search {
  position: relative;
  line-height: normal;
}

.fzWheel-search input {
  width: calc(100% - 0.8em);
  line-height: normal;
  padding: 0.3em;
  margin: 0.4em;
}

.fzWheel-search-results {
  display: none;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  width: 100%;
  z-index: 10;
  overflow-y: auto;
}

.fzWheel-search-result {
  padding: 0.6em;
  padding-bottom: 0.8em;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 2.6em;
}

.fzWheel-search-result-btns {
  flex-grow: 1;

  display: flex;
  justify-content: flex-end;
}

.fzWheel-search-result-btns button {
  margin-left: 0.2em;
}

.fzWheel-search-result-val {
  display: inline-block;
  flex-shrink: 1;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fzWheel-att-path {
  display: flex;
  align-items: center;
}

.fzWheel-att-path-prefix {
  text-overflow: ellipsis;
  overflow: hidden;
}

.fzWheel-att-path-name {
  font-weight: bolder;
}

.fzWheel-att-path span {
  white-space: pre;
}

.fzWheel-recap {
  margin-top: 4em;
  overflow-y: auto;
}

/* .fzWheel-recap .fzWheel-recap-line > * {
    font-size: 0.6rem;
} */

.fzWheel-recap-line {
  display: flex;
  align-items: center;
  padding: 0.2em;
}

.fzWheel-recap-line span {
  white-space: pre;
}

.fzWheel-recap-value {
  display: inline-block;
  flex-shrink: 1;
  flex-grow: 100;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 0.6em;
}

.fzWheel-recap-btns {
  flex-grow: 1;
  margin-left: 0.3em;

  display: flex;
  justify-content: flex-end;
}

.fzWheel-recap-btns button {
  display: inline-block;
  max-height: 50%;
}

.fzWheel {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.fzWheel-rotateBtns,
.fzWheel-zoomBtns {
  position: absolute;
  display: flex;
}

.fzWheel-rotateBtns button,
.fzWheel-zoomBtns button {
  flex-grow: 1;
}

.fzWheel-dialog {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0.8em;
  border-radius: 0.6em;
  position: absolute;

  overflow: auto;
}

.fzWheel-dialog-title {
  font-weight: bold;
  text-align: center;
}

.fzWheel-dialog-help {
  overflow: auto;
}

.fzWheel-dialog-help-expand {
  display: inline-block;
  padding: 0.2em;
  cursor: pointer;
}

.fzWheel-dialog-btns {
  display: flex;
  justify-content: space-around;
  margin-top: 0.6em;
}

.fzWheel-item-center-baseline {
  visibility: hidden;
}

.fzWheel-item-clickable.fzWheel-item-extension-descendant.fzWheel-hover .fzWheel-item-border-inner {
  stroke: #bbb;
}

.fzWheel-item-clickable.fzWheel-hover .fzWheel-item-bg,
.fzWheel-item-clickable.fzWheel-center.fzWheel-hover .fzWheel-item-bg {
  fill: #bbb;
}

deprecated.fzWheel-item-clickable.fzWheel-center .fzWheel-item-bg {
  fill: #ddd; 
}

.fzWheel-selected text {
  stroke-width: 0.07em;
}

.fzWheel-item-bg {
  transition: fill 200ms;
}

.fzWheel-item-border-inner {
  transition: stroke 200ms;
}

.fzWheel-item-clickable {
  cursor: pointer;
}

.fzWheel-item-text {
  stroke-width: 0;
}

.fzWheel-item-bg {
  stroke-width: 0;
}

.fzWheel-center .fzWheel-item-border-line {
  display: none;
}

.fzWheel-center .fzWheel-item-text {
  display: none;
}

.fzWheel-disabled text,
.fzWheel-disabled textPath {
  fill: #999;
  stroke: #999;
}

.fzWheel-rate-container {
  position: absolute;
  left: 0;
  top: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.fzWheel-rate {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.fzWheel-rate-header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.4em;
}

.fzWheel-rate-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bolder;
  margin-right: 0.6em;
}

.fzWheel-rate-scale-container {
  flex-grow: 1;

  display: flex;
  align-items: center;
  justify-content: center;
}

.fzWheel-rate-scale {
  margin: auto;
  position: relative;
}

.fzWheel-rate-btns button {
  margin-left: 0.4em;
}

img.fzWheel-icon {
  padding: 0.1em;
  height: 1.2em;
  width: 1.2em;
}

/** SWITCH */
.fzWheel-drag-option {
  position: absolute;
  /* transform: translateX(-50%); */

  padding: 0.2em;
  /* background-color: rgba(255, 255, 255, 0.7); */
  /* display: flex;
    flex-wrap: nowrap;
    justify-content: space-around; */
}

.fzWheel-switch {
  position: relative;
  display: inline-block;
  /* width: 60px;
    height: 34px; */
  margin-left: 0.8em;
}

/* Hide default HTML checkbox */
.fzWheel-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.fzWheel-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.fzWheel-switch-slider:before {
  position: absolute;
  content: '';
  /* height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px; */
  background-color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

input:checked+.fzWheel-switch-slider {
  background-color: #2196f3;
}

input:focus+.fzWheel-switch-slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked+.fzWheel-switch-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
/* .fzWheel-switch-slider.fzWheel-round {
    border-radius: 34px;
} */

.fzWheel-switch-slider.fzWheel-round:before {
  border-radius: 50%;
}

/** SWITCH END */

.fzWheel-hidden,
.btn.fzWheel-hidden,
.fzWheel-container .fzWheel-hidden {
  display: none;
}


/*====WHEEL V2:end========================*/

/* test customisation */
form.testCustomA {
  background-Color: rgba(240, 255, 240, 1) !important;
}

.testCustomB .fzFuncType-shape {
  border-style: dotted;
  border-radius: 1em;
}

.testCustomQCMA {
  background-Color: rgb(240, 240, 255) !important;
  border-radius: 1em;
}

.testCustomQCMB li:hover {
  background-color: rgba(255, 255, 255, .6) !important;
}

ul.fzMsgRawRes {
  padding: 0px;
}

ul.fzMsgRawRes li {
  list-style: none;
}

li.fzMsgRawRes-j-current .fzMsgRawRes-j {
  font-weight: bold;
  text-decoration: underline;
}

.fzLabel-customDisp-resultDiscrim .fzLabel-rawcss {
  font-size: 80%;
}

.fzLabel-customDisp-resultDiscrim table {
  border: 4px dashed gray;
  border-radius: 8px;
}

.fzLabel-customDisp-resultDiscrim table td {
  padding: 2px;
}

tr.fzLabel-cD-resDiscr-correct {
  background-Color: rgba(0, 255, 0, .06)
}

.fzLabel-cD-resDisc-res span {
  font-weight: bold;
  padding: 4px;
  border-radius: 6px;
  width: 16px;
  height: 16px;
}

tr.fzLabel-cD-resDiscr-correct .fzLabel-cD-resDisc-res span {
  background-Color: rgba(0, 255, 0, .4)
}

tr.fzLabel-cD-resDiscr-error .fzLabel-cD-resDisc-res span {
  background-Color: rgba(255, 0, 0, .4)
}

.fzLabel-cD-current .fzLabel-cD-resDisc-sess {
  text-decoration: underline
}

.fzLabel-cD-current .fzLabel-cD-resDisc-sess span:after {
  content: '( vous)'
}

.fzLabel-cD-resDisc-group {
  display: inline-block;
  padding: 0px 6px;
  margin-right: 6px;
  background-Color: rgba(0, 0, 0, .2);
  border-radius: 3px;
}

.fzLabel-cD-resDisc-smpName {
  margin-right: 3px;
}

.fzLabel-cD-resDisc-label {
  background-Color: rgba(255, 255, 255, 1);
  padding: 0px 2px;
  margin-right: 3px;
}

.fzLabel-cD-resDisc-label-sel {
  text-decoration: underline
}

.fzLabel-cD-resDisc-label-sel:after {
  content: '\2713'
}


.fzFunc-msg.alert {
  position: absolute;
  top: -2em
}

.fzFunc-msg {
  display: none;
  z-index: 100;
}

.fzFunc-msg-visible {
  display: block;
}

.fzAttCh-bubble-circle {
  /*fill: red;*/
  /* stroke: black; */
  /* stroke-width: 2; */
  /* opacity: 0.7; */
}

.fzAttCh-bubble-root {
  cursor: pointer;
  /* transition-timing-function: ease, ease, ease; */
  /*transition-timing-function: ease, cubic-bezier(0.2, -02, 0.9, -0.5), ease;*/
  transition-duration: 0.1s, 1s, 1s;
  transition-property: visibility, transform, opacity;
  transition-delay: 0ms, 0.05s, 0.1s;
  /*transition-duration: 1s;
	transition-property: transform;*/
  /* transition-property: visiblity,  opacity; */
}

/*transition-duration: 2s; transition-property: opacity, transform, visibility  */
.fzAttCh-bubble-root {
  visibility: hidden;
}

.fzAttCh-bubble-root.fzAttCh-bubble-root-vis {
  visibility: visible;
}

.fzAttCh-bubble-root>.fzAttCh-bubble-text {
  visibility: hidden;
}

/*
.fzAttCh-bubbles-itemActive .fzAttCh-bubble-root{opacity: 0.6; }
.fzAttCh-bubbles-itemActive .fzAttCh-bubble-root-active {opacity: 1;}
*/

.fzAttCh-bubble-root.fzAttCh-bubble-root-prevLevel {
  opacity: 0.3;
  /* transition-duration: 2s; transition-property: opacity, transform, visibility  */
}

/* ie 11 does not handle scaling from css ? */
/* .fzAttCh-bubble-root.fzAttCh-bubble-root-prevLevel>.fzAttCh-bubble-circle {transform: scale(2.5);}  */
.fzAttCh-bubble-root.fzAttCh-bubble-root-vis.fzAttCh-bubble-root-prevLevel>.fzAttCh-bubble-text {
  visibility: visible;
}



.fzAttCh-bubble-root.fzAttCh-bubble-root-nextLevel {
  opacity: 0.3;
  cursor: default;
  /* transition-duration: 2s; transition-property: opacity, transform, visibility  */
}

/* ie 11 does not handle scaling from css ? */
/* .fzAttCh-bubble-root.fzAttCh-bubble-root-nextLevel>.fzAttCh-bubble-circle {transform: scale(0.15) }  */

.fzAttCh-bubble-root.fzAttCh-bubble-root-activeLevel {
  /* transition-duration: 2s; transition-property: opacity, transform, visibility  */
}

.fzAttCh-bubble-root.fzAttCh-bubble-root-vis.fzAttCh-bubble-root-activeLevel>.fzAttCh-bubble-text {
  visibility: visible;
}

.fzProfile-pages {
  border: 8px dashed rgba(0, 0, 0, .3);
}

.fzProfile-pages .fzProfile-label {
  position: relative !important;
}

.fzProfile-page {
  visibility: hidden;
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
}

.fzProfile-page.fzProfile-page-active {
  visibility: visible;
}

.fzProfile-page-title {
  margin: 16px;
}

.fzProfile-page-scale {
  position: relative;
  margin-top: 48px;
  margin-left: 20%
}

.fzProfile-page-fixeprogress {
  background-Color: rgba(0, 0, 255, .4);
  display: block;
  border-radius: 4px;
}


.fzCollab-mapp-j {
  font-size: 8px;
}

.fz-largeText.fzProfile .fzScale-btn {
  font-size: 30px !important;
}

.fz-func-asynch-tools-new .fz-func-asynch-tools-update-all{
  background: url(images/refresh.svg) 0 0 no-repeat; 
  background-size: contain;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 4px;
  right: 0;
  padding: 2px;
  border:0;
  outline: none;
  z-index: 25
}

.fz-label-fb-row-currentSess .fz-label-fb-indicator:before{content: '\25B7';}
.fz-label-fb-qcm-count {min-width: 2em; padding-left: 0.1em; text-align: right; }

.fz-label-fb-panelist {padding-left: 0.3em; font-size: 80%;opacity: 0.6;}
.fz-label-fb-panelist span:before {content: ', '}
.fz-label-fb-panelist span:first-child:before {content: ''}


.fz-func-feedback-profilOnScale-deb {
  text-align: center
}

.fz-func-feedback-profilOnScale-deb td,
.fz-func-feedback-profilOnScale-deb th {
  border: 1px dotted grey;
  padding-left: 4px;
  padding-right: 4px;
}

.fz-func-feedback-profilOnScale-deb th {
  font-size: 10px;
}

.fz-func-feedback-profilOnScale-deb-j {
  margin-right: 8px;
}

.fz-func-feedback-profilOnScale-deb-j-rep {
  color: grey;
}

.fz-func-feedback-profilOnScale-deb-curr .fz-func-feedback-profilOnScale-deb-j-val {
  font-weight: bold;
}

.fz-label-results-fn-raw {
  font-size: 12px;
}


.fzSynch-progress-none {
  display: none
}


.fzSynch-progress-bar .progress {}

.fzSynch-progress-bar .fzSynch-disabled {
  float: right;
  margin-top: 1px;
}

.fzSynch-disabled {
  cursor: pointer;
  border-radius: 3px;
}

.fzSynch-disabled:hover {
  background-Color: rgba(196, 196, 196, .3)
}

/* .fzSynch-progress-bar {width: } */

/* Pour nouveauté Tetrad */
.fzNewTetrad .fzChoiceSlideBtn {
  background-color: white;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  color: brown;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  margin: 5px;
  width: 100px;
  padding: 5px;
  z-index: 10;
  /* height: 35px; */
}

.fzNewTetrad .fzChoiceSlideBtn.ui-draggable-dragging {
  background: #ededed !important;
}

.fzNewTetrad .fzChoiceContainerAreaGr {
  display: flex;
  margin: 0px 0;
}

.fzNewTetrad .fzChoiceSlideAreaGr {
  width: 16rem;
  min-height: 5rem;
  border: 1px solid #dfdfdf;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin: 0px 5px;
  position: relative;
  z-index: 1;
  background: white;
}

.fzNewTetrad .fzListBtnNoGroup {
  min-height: 45px;
}

.fzNewTetrad .fzAreaDroppable {
  margin: 0 5px;
  text-align: center;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #dfdfdf;
  border-top: 0;
  background-color: #f1f1f1;
}

.fzNewTetrad ul.fzMenuAction {
  position: absolute;
  z-index: 50;
  border: 1px solid #cacaca;
  /* padding: 5px; */
  width: 110px;
  background: white;
  text-align: center;
}

.fzNewTetrad li.fzMenuActionBtn {
  padding: 4px 20px;
  margin: 2px 0;
  cursor: pointer;
}

.fzNewTetrad li.fzMenuActionBtn.fzMenuBtnDisabled {
  opacity: 0.4;
  background-color: #efefef;
  cursor: not-allowed;
}

.fzNewTetrad li.fzMenuActionBtn:hover {
  background-color: #d3d3d3;
}





/* Feedback LB */
.fzFuncFeedback.fzLabel.fz-func-asynch:hover{
  text-decoration: none;
}

.fzFbBtnsSmp {
  width: 100%;
  display: flex !important;
  justify-content: center;
  top: 0;
  margin: 10px 0;
  position: relative;
}

.fzFbBtnsSmp div {
  flex-flow: row;
  width: 11%;
  margin: 0 5px !important;
}

.fzFbBtnSmp {
  padding: 12px 6px;
  text-align: center !important;
  border: 2px solid #898989;
  border-radius: 4px;
  color: #898989;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 115px;
  z-index: 1000;
  font-weight: 600;
  cursor: pointer;
}

.fzFbBtnSmp:hover {
  /* background-color: #342f9145; */
  color: #342f91;
  border-color: #342f91;
}

.fzFbBtnSmp.fzFbBtnSmpActive{
  background-color: #342f91;
  color:white;
  border-color: #342f91;
}

.fzAccordionTitle {
  border-radius: 3px;
  border: 1px solid darkgray;
  color: #757575;
  height: 40px;
  display: flex;
  align-items: center;
  z-index: 1000;
  font-weight: 500;
  margin: 0 2px;
  padding: 1.2rem 2.4rem;
  background-color: white;
  box-shadow: 1px 1px 1px #bababa, 0px 0px 0px #bababa, -1px 1px 5px #bababa;
  /* font-weight: bold; */
  cursor:pointer;
}
/* .fzAccordionTitle div, .fzAccordionTitle.ui-state-hover div  {
  background: url(images/plus-solid.svg) no-repeat;
  background-position: right;
  position: relative;
  width: 100%;
  height: 20px;
} */
/* .fzAccordionTitle.fzAccordionTitle-activ.fzAcc-Green div{ background-image: url(images/minus-solid-white.svg);} */
.fzAccordionTitle.fzAccordionTitle-activ.fzAcc-Green {
  background-color: rgb(153,202,60);
  border: rgb(153,202,60);
  color: white;
}
.fzAccordionTitle.fzAcc-Green.ui-state-focus {border: rgb(153,202,60) !important;}

/* .fzAccordionTitle.fzAccordionTitle-activ.fzAcc-Blue div{ background-image: url(images/minus-solid-white.svg);} */
.fzAccordionTitle.fzAccordionTitle-activ.fzAcc-Blue {
  background-color: rgb(52,47,145);
  border: rgb(52,47,145);
  color: white;
}
.fzAccordionTitle.fzAcc-Blue.ui-state-focus {border: rgb(52,47,145) !important;}
.fzAccordionTitle span.fzAccSpanTitle { width: 100%}

.fzAccordionContain {
  min-height: 60px;
  border: 2px dotted darkgray;
  border-top: none;
  padding-top: 1.75em;
  padding-left: 0.25em;
  padding-bottom: 0rem;
  position: relative;
  margin: 0px 2px;
  /* width: 100%; */
}

.fzDivScaleAcc {
  display: flex;
  min-height: 80px;

  /* En attendant de gérer le décalage des échelles dans les accordéons - plus nécessaire car gérer dans JS */
  /* height: 6rem; */
  margin-left: 10px
  /* width: 100%; */
}

.fzFbZoneDesc {
    width: 100%;
}

.noteJudgeCanvas {
  background: url(images/caret.png) 0 0 no-repeat; 
  background-size: contain;
  height: 14px;
  width: 24px;
  position: absolute;
  z-index: 25
}

.meanCursorCanvas {
  background-color: #342f91;
  border-radius: 3px;
  height: 35px;
  width: 5px;
  position: absolute;
}

.stdDevZoneCanvas {
  background-color: #342f91;
  opacity: 0.2;
  z-index: -1;
  height: 25px;
  width: 5px;
  position: absolute;
}

/* Pour les profils verticals */
.fzAccContainVertical {
  display: flex;
  flex-direction: row;
  /* height: 40em */
}

.fzAccContainVertical .fzDivScaleAcc{
  margin: 0 1em 0 5em;
  flex-direction: column;
}

/* .fzAccContainVertical .meanCursorCanvas {
  height: 5px;
  width: 40px;
} */

.fzAccContainVertical .noteJudgeCanvas {
  transform: rotate(270deg);
}

.fzCustom_feedback_styleDemo  {
	border: 8px dotted grey!important;
}

.fzAccContain-empty, .fzAcc-empty {
  display: none !important;
}

.fzFbWithoutGroup {
  position: relative;
  /* overflow-x: auto; */
  /* left: 9rem; */
  top: 2rem;
}

.fzFbWithoutGroup .fzFbZoneScale {/* left: 8rem; */position: relative;width: 100%;}

.fzFbParentScaleWTooltip {
  height: 85px;
  position: absolute;
  left: 7rem;
  width: 100%;
  overflow-x: auto;
}



/* Chevron Acc */
.fzChevronAcc {
  height: 40px;
  padding: 1.2rem 1.4rem !important;
  background: url(images/arrow-down-solid.svg) 0 0 no-repeat;
  background-position: center;
  background-size: contain;
}

.fzChevronAcc.fzChevronClose {
  background-image: url(images/arrow-up-solid.svg); 
}

.dropdown-menu.fzScale-menu {z-index: 20001;}

.fzFeedBackRank001-panel {}
.fzFeedBackRank001-value, .fzFeedBackRank001-value-title {padding: 0px 8px;}

.fzFeedBackRank001-hori .fzFeedBackRank001-section {}
.fzFeedBackRank001-hori .fzFeedBackRank001-samples>div {display: inline-block; margin-right: 1em; vertical-align: top;}
.fzFeedBackRank001-hori .fzFeedBackRank001-title {text-align: right;}
.fzFeedBackRank001-sample {text-align: center;}

.fzFeedBackRank001-hori .fzFeedBackRank001-section:not(:last-child) .fzFeedBackRank001-sample {padding-bottom: 1em; }

.fzFeedBackRank001-vert .fzFeedBackRank001-section {display: inline-block}
.fzFeedBackRank001-vert .fzFeedBackRank001-title {padding: 0px 20px 0px 0px;}
.fzFeedBackRank001-vert .fzFeedBackRank001-value-title {display: inline-block; }
.fzFeedBackRank001-vert .fzFeedBackRank001-value {display: inline-block; } 
.fzFeedBackRank001-vert .fzFeedBackRank001-sample-label {display: inline-block; padding: 4px 8px;}
.fzFeedBackRank001-vert .fzFeedBackRank001-sample-correct {display: inline-block; padding: 4px 8px;}

.fzFeedBackRank001-sample.fzFeedBackRank001-sample-odd {background-Color: #efefef;}

.fzFeedBackRank001-sample-rank-num {color: #bbbbbb; font-size: 80%;}

.fzFeedBackRank001-correct {font-weight: bold;}
.fzFeedBackRank001-true {color: green;}
.fzFeedBackRank001-false {color: red;}

.fzFeedBackRank001-rank-effectives rect{fill: #9999ff;}

.fzTooltip-width {
  max-width: 45rem;
}

.fzFbProfile-ScaleLabel {font-size: 100%; font-weight: 400;}

.fzDiscrim-feedback-table-orient-vert .fzDiscrim-feedback-table-block {display: inline-block; margin: 2px 8px; padding: 1px: 4px; text-align: right}
.fzDiscrim-feedback-table-orient-hori .fzDiscrim-feedback-table-cell {display: inline-block; margin: 2px 0px; padding: 1px: 4px;}


.fzDiscrim-feedback-sig3 .fzDiscrim-feedback-textColor {color: rgba(0,148,0,0.3);}
.fzDiscrim-feedback-sig2 .fzDiscrim-feedback-textColor {color: rgba(0,148,0,0.6);}
.fzDiscrim-feedback-sig1 .fzDiscrim-feedback-textColor {color: rgba(0,148,0,0.9);}
.fzDiscrim-feedback-sigNS .fzDiscrim-feedback-textColor {color: rgba(148,0,0,0.6);}


.fzDiscrim-feedback-sig3 .fzDiscrim-feedback-backColor {background-Color: rgba(0,148,0,0.3);}
.fzDiscrim-feedback-sig2 .fzDiscrim-feedback-backColor {background-Color: rgba(0,148,0,0.6);}
.fzDiscrim-feedback-sig1 .fzDiscrim-feedback-backColor {background-Color: rgba(0,148,0,0.9);}
.fzDiscrim-feedback-sigNS .fzDiscrim-feedback-backColor {background-Color: rgba(148,0,0,0.6);}


.fzDiscrim-feedback-table-cell {text-align: center;}

.fzDiscrim-pInfo-group-0 {border-bottom: 4px solid ; padding: 0px 4px;}
.fzDiscrim-pInfo-group-1 {opacity: 0.1;}

.fz-qcm-pop-modal {background-Color: #00000033}

.fz-qcm-pop-btn {display: inline-block}
.fz-qcm-pop-fb {display: inline-block}
/* .fz-qcm-pop-close {position: relative; right: 0px;} */


.fz-view p:first-of-type {
  margin-block-start:0
}
.fz-view p:last-of-type {
  margin-block-end:0
}

/* check */

.fzCheckable-main {
	/*margin: 0.7em; margin pose pb avec les styles bootstrap, si necessaire creer le checkable main dans un div parent*/
	padding: 0.3em;
	display: flex;
	/*width: -moz-fit-content;*/
	width: fit-content;
	border : solid transparent;
	justify-content: center;
	border-radius: 0.3em;
	cursor: pointer;
}

.fzCheckable-hover:hover/*, .fzCheckable-hover:focus-within*/{
	zzbackground-color: #A8C41480;
	zzzborder-color: grey;
	color: white; 
	opacity: 60%;
}

.fzCheckable-checkedbg {
	sssbackground-color: #A8C414FF ;
	zzzbackground-color: #44C414FF ;
	zzzborder-color: black ;
	color: white; 
}

.fzCheckable-box {
	border : solid #99ca3caa;
	float: left;
	width: 1.4em;
	height: 1.4em;
	min-width: 1.4em;
	min-height: 1.4em;
	border-radius : 0.2em;
	margin-right: 0.5em;
	justify-content: center;
	align-items: center;
	display: flex;
	background-color: white;
}

.fzCheckable-radio {
	border-radius : 50%;
}

.fzCheckable-checked:before {
	color: #99ca3c;
	height: 0.8em;
	width: 0.8em;
	content :'\2713';
	font-weight: bold;
}

.fzCheckable-checkedRadio {
	
	background-color: #99ca3c;
	
	border-radius : 0.4em;
	height: 0.8em;
	width: 0.8em;
	/*border-radius : 50%;
	height: 80%;
	width: 80%;/
	/* TODO: fix le check qui n'est pas au milieu sur tous les navigateurs */
}

.fzCheckable-labelText {
	font-weight: bold;
	/*font-size: 2.5vh;*/
	font-size: 1.4em;
}

.fzCheckable-label {
	justify-content: center;
	align-items: center;
	display: flex;
}

.fzCheckable-labelContent {
	display: flex;

}

.fzCheckable-unboxed {
	justify-content: center;
	text-align: center;	
}

.fzCheckable-boxed {
	justify-content: left;
	text-align: left;	
}

.fzCheckable-labelImg {
	color: #A8C41480;
	max-width: 35vh;
}

.fzCheckable-main input[type=checkbox], input[type=radio] {
	opacity: 0;
	width : 0em;
	height: 0em;
}

.fzCheckable-error.fzCheckable-main {
	background-color: rgba(255, 0, 0, 0.8);
	border-color: red;
}

.fzCheckable-error.fzCheckable-box {
	background-color: rgba(255, 0, 0, 0.8);
}
/* MCQ */

.fzMCQ-main {
	width: fit-content;
	
	justify-content: center;
    align-items: center;
}

.fzMCQ-main-center {
	
}

.fzMCQ-Title {
    display: flex;
	width: fit-content;
	justify-content: center;
}
.fzMCQ-TitleText {
    color: #800000;
    font-weight: bold;
    margin: 1em;
    font-size: 1.4em;
}

.fzMCQ-Row {
   justify-content: center; 
   aawidth: fit-content;
   width: 100%;
}

.fzMCQ-Choices {
	eeewidth: fit-content;
	ddwidth: 100%;
}

.fzMCQ-Choices-fixColumns {
	justify-content: left;
}

.fzMCQ-choice {
	padding: 0.05em 0.3em ;
	display: flex;
	justify-content: center;
}

.fzMCQ-choice>label {
	max-width: 100%;
}

.fzCheckable-labelContent {}

.fzMCQ-choice .fzCheckable-labelText{font-size: 1.4em;}