.tooltip {
  position: relative;
  margin-left:5px;
}
.tooltipwrap{
  visibility: hidden;
  width: 0px;


  /* Position the tooltip */
  position: absolute;
  z-index: 1;

}
.tooltipwrap a{text-decoration:none;width:0px;}

.tooltiptext {
display:inline-block;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  white-space: wrap;
  font-size:0.8em;
}

.tooltip:hover .tooltipwrap {
  visibility: visible;
  width:200px;
}
.tooltipwrap a:focus {
  visibility: visible;
  width:200px;
}
.slide.active{display:block;}
.slide.inactive{display:none;}
label.long-text{white-space:wrap;}
label.label{display:inline-block;}
label.label.right-align{text-align:right;}
.ctrl-wrap.line{width:100%;}
.flx-row-wrap{
display:flex;flex-flow:row wrap;
}
#slide-progress{text-align:center;}
.slide-progress-item{display:inline-block;width:12px;height:12px;border:1px solid #C0C0C0; margin:5px;}
.slide-progress-item.current{background-color:#FF0000;}

#slide-navigation{position:sticky;bottom:0;}
#slide-content{overflow:auto;}



@media screen and (min-width:320px){ 
	.flxi-tile-size{width:100%;}
	.flxi-tile-layout{width:100%;}
	#slide-frame{width:300px;}
	label.label{width:60px;}
	.code-validation-wrap{text-align:center;}

}

@media screen and (min-width:481px){
	.flxi-tile-size{width:100%;}
	.flxi-tile-layout{width:100%;}
	#slide-frame{width:450px;}
	label.label{width:100px;}
	.code-validation-wrap{text-align:left;}
}
@media screen and (min-width:641px){ 
	.flxi-tile-size{width:50%;}
	.flxi-tile-layout{width:50%;}
	#slide-frame{width:600px;}
	label.label{width:100px;}
	.code-validation-wrap{text-align:left;}
}
@media screeen and(min-width:961px){ 
	.flxi-tile-size{width:50%;}
	.flxi-tile-layout{width:50%;}
	#slide-frame{width:800px;}
	label.label{width:100px;}
	.code-validation-wrap{text-align:left;}
}
@media screen and (min-width:1025px){
	.flxi-tile-size{width:50%;}
	.flxi-tile-layout{width:50%;}
	#slide-frame{width:800px;}
	label.label{width:150px;}
	.code-validation-wrap{text-align:left;}
}
@media screen and (min-width:1281px){ 
	.flxi-tile-size{width:50%;}
	.flxi-tile-layout{width:50%;}
	#slide-frame{width:800px;}
	label.label{width:150px;}
	.code-validation-wrap{text-align:left;}
}