@CHARSET "UTF-8";
.wrap > #container {
	position: absolute;
	top: 50px;
	bottom: 60px;
	left: 0;
	right: 0;
    padding: 10px 5px 10px;
	display: flex;
	align-items: stretch;
	flex-direction: column;
	align-content: stretch;
}

.wrap > #container > .page_context.page_index{
	flex-grow: 100;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /*justify-content: center;*/
    align-items: center;
	background: #FFF;
}
.wrap > #container > .page_context.justify_center{
	display: flex;    
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.wrap > #container > .page_context > .page_back_btn{
	position:absolute;
	top:5px;
	left:5px;
}

.wrap > #container > .page_context.page_bg{
	flex-grow: 100;
	width: 100%;
	
	display: flex;
	flex-direction: column;
}
.wrap > #container > .page_context.page_bg > .labelBar0 {
	flex-grow: 1;
}
.wrap > #container > .page_context.page_bg > #question {
	flex-grow: 99;
	display: flex;
}
#question > canvas{
	flex-grow: 100;
}
#question > #tabelCon{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	border: 1px solid #333333;
	flex-grow: 100;
	z-index: 10;
}

.imgsTable{
	margin: 9%;
	margin-top:26px;	
	border-collapse: collapse;
	border-spacing: 0px;
	border-color: rgba(0,0,0,0);
}
.imgsTable td{
	margin: 0;
	padding: 0;	
	width: 11%;
}
.imgsTable img{
	margin:0px;
	margin-bottom: 0px;
	overflow:hidden;
	/* width:35px;
	height: 35px; */
	width: 100%;
	height: auto;
}
.imgsTable div{	
	width:42px;
	height: 42px; 
	
}

.selected{
	padding:-2px;
	
}
.selected img{	
	/* width:33px;
	height: 33px; */
	border-style:solid;
	border-width:2px;
	border-color: #ffff00;
}