:root{
	--main: #0099CC; /* azul */
	--high: #EE7700; /* naranjo */
	--back: #CCEEFF; /* celeste */
	--titl: #FFFFFF; /* blanco */
	--text: #333333; /* negro-gris */
}
/* elementos */
html,body{
	height: 100%;
}
body, input, select, textarea{
	font-family: 'CenturyGothic';
	font-size: 16px;
	color: var(--text);
	margin: 0;
	box-sizing: border-box;
}
body.loading{
	cursor: wait;
}
body.loading article{
	/*pointer-events: none;*/
	opacity: 0.5;
}
#exp_body{
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
}
header{
	line-height: 60px;
	text-align: right;
	font-size: 20px;
	max-width: 1100px;
	margin: 0 auto;
	height: 60px;
	background-image: url(../img/logo.png);
	border-bottom: 4px solid var(--main);
	padding: 0 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 13px 13px,0 0;
	position: relative;
}
header span{
	cursor: pointer;
}
body header img{
	position: absolute;
	bottom: -4px;
	width: 100%;
	height: 4px;
	left: 0;
	display: none;
}
body.loading header img{
	display: block;
}
article{
	display: flex;
	justify-content: space-between;
	margin: 30px auto;
	width: 1100px;
}
aside{
	width:210px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	padding: 5px;
	white-space: nowrap;
}
section{
	width:600px;
	padding:10px;
	box-sizing: border-box;
	border: 1px solid var(--text);
}
section h1{
	padding: 0px 2px;
	margin: 0 0 5px;
	/*color: var(--main);*/
}
main{
	height: 100%;
}
h1{
	margin: 4px 0px 0px;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	box-sizing: border-box;
	text-shadow: 1px 0px var(--main);
}
h2{
	font-size: 19px;
	margin: 0;
	padding: 5px 0;
	box-sizing: border-box;
	text-align: center;
}
h3{
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0;
	box-sizing: border-box;
	text-shadow: 1px 0px var(--main);
	color: var(--main);
}
legend{  
	margin-top: -1px;
    line-height: 1px;
    background-color: #FFF;  
    position: absolute;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 1px 0px var(--main);
	color: var(--main);
}
th{
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 0px var(--main);
	color: var(--main);
}
table{
	border-collapse: collapse;
}
dialog{
	border-width: 1px;
    max-width: 496px;
    position: fixed;
    top: 280px;
	z-index: 1;
}
/* elementos de formularios */
input{
	padding: 0 4px 0 4px;
}
input:not([type=checkbox]):not([type=radio]):not([type=image]), select, fieldset{
	border-radius: 3px;
	border: 1px solid var(--text);
	margin: 5px 0;
	width: 100%;
	display: inline-block;
}
textarea{
	border-radius: 3px;
	border: 1px solid var(--text);
	margin: 5px 0;
	width: 100%;
	height: 100px;
	display: inline-block;
}
main.design .element div:has(> textarea:not(:placeholder-shown)){
	position: relative;
}
main.design .element div:has(> textarea:not(:placeholder-shown))::after{
	content: '🛈 Los párrafos no pueden tener un valor por defecto';
	display: block;
	position: absolute;
	border: 1px solid var(--text);
	bottom: 15px;
	right: 5px;
	background-color: var(--main);
	padding: 0 5px;
	opacity: 0.8;
}
input[type="button"],input[type="submit"]{
	background-color: var(--main);
	color: #FFF;
}
fieldset{
	box-sizing: border-box;
}
section input, section select, section textarea, section fieldset{
	font-size: 20px;
	padding: 7px 4px;
	border-radius: 3px;
	resize: none;
}
section input[type=checkbox], section input[type=radio]{
	width: 20px;
    height: 20px;
    vertical-align: middle;
	margin-left: 4px;
}
/* Fechas y horas */
section input[type=date]::-webkit-calendar-picker-indicator,
section input[type=time]::-webkit-calendar-picker-indicator,
section input[type=datetime-local]::-webkit-calendar-picker-indicator
{
	padding-left: 260px;
}
#collection input[type=date]::-webkit-calendar-picker-indicator,
#collection input[type=time]::-webkit-calendar-picker-indicator,
#collection input[type=datetime-local]::-webkit-calendar-picker-indicator
{
	padding-left: 190px;
}
/* Elementos estáticos */
div.static{
	padding-top: 5px;
}
div.static>div{
	border-radius: 8px;
	padding: 5px;
}
div.static h3{ /*Titulo*/
	color: #999;
	font-size: 20px;
	text-transform: uppercase;
	text-shadow:none;
	background: none;
	padding: 0;
}
div.static.selected:not(.warn) h3{
	color: #FFF;
}
div.static.selected.warn h3{
	color: #333;
}
div.static input{ /*Subtitulo*/
	border: none !important;
	color: #999;
	font-size: 16px;
}
div.static:not(.selected) input{
	background: none;
}
div.static:not(.selected) input:focus{
	outline: none;
}
div.static input.static_calc::placeholder {
	color: transparent;
}
div.static input.static_calc:placeholder-shown{
	/*background-color: var(--back);*/
	border: 1px dashed var(--main) !important;
}
dialog.warning:before,
div.static:not(.none)>div:before{ /* not NONE */
	font-family: 'IcoMoon-Ultimate';
	font-size: 35px;
    margin: 5px;
    float: left;
}
dialog.warning:before{
	line-height: 84px;
	width: 44px;
}
div.static:not(.none) input{
	width: calc(100% - 55px);
	margin: 0;
	padding: 0;
}
div.static.info>div, tr.static.info th, tr.static.info td{ /*INFO*/
	background-color: #09C;
}
div.static.info>div:before{
	content: '';
}
div.static.warn>div, tr.static.warn th, tr.static.warn td{ /*WARN*/
	background-color: #FC0;
}
dialog.warning:before,
div.static.warn>div:before{
	content: '';
}
div.static.dang>div, tr.static.dang th, tr.static.dang td{ /*DANG*/
	background-color: #F00;
}
div.static.dang>div:before{
	content: '';
}
div.static.ques>div, tr.static.ques th, tr.static.ques td{ /*QUES*/
	background-color: #090;
}
div.static.ques>div:before{
	content: '';
}
tr.static.info th,		tr.static.info td,
tr.static.dang th,		tr.static.dang td,
tr.static.ques th,		tr.static.ques td,
div.static.info>div,	div.static.info:not(.selected) h3,	div.static.info:not(.selected) input,
div.static.dang>div,	div.static.dang:not(.selected) h3,	div.static.dang:not(.selected) input,
div.static.ques>div,	div.static.ques:not(.selected) h3,	div.static.ques:not(.selected) input{
	color: #FFF;
}
tr.static.warn th,		tr.static.warn td,
div.static.warn>div,	div.static.warn:not(.selected) h3,	div.static.warn:not(.selected) input{
	color: #333;
}
#form_titl{
    min-height: 32px;
    text-align: left;
    font-weight:normal;
	border: 1px solid transparent;
} 
#form_titl:hover, #form_titl:focus{
    border: 1px solid var(--text);
    border-radius: 5px;
}

/* clases */
.monospace{
	font-family: 'Courier New', monospace;
}
.selected, .selected h1, .selected h2, .selected h3, .selected td{ 
	background: var(--high);
	color: var(--titl);

}
.disabled{
	color: #999;
	border-color: #999;
	background-color: #EEE;
}
.disabled input:not(.undisabled), .disabled textarea:not(.undisabled), .disabled select:not(.undisabled) { 
	color: #999;
	border-color: #999;
	background-color: #EEE;
}
.error:not([type=button]){
	border-color: red !important;
	color: red;
	background-color: #FFCCCC !important;
	white-space: normal;
}
.error[type=button]{
	border-color: #FFCCCC !important;
	outline: 2px solid red;
}
.warning{
	border-color: #666600 !important;
	color: #666600;
	background-color: #FFFFCC !important;
	white-space: normal;
}
.success{
	border-color: #006600 !important;
	color: #006600;
	background-color: #CCFFCC !important;
	white-space: normal;
}
.scrollable{
	overflow: auto;
}
.elip{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	border: none;
	direction: rtl;
	text-align: left;
}
/* botones before en capa */
.add,.del,.mod,.dat,.mup,.up{
	font-family: 'IcoMoon-Ultimate';
	display: inline-block;
	position: absolute;
	margin: 8px 0 0 -18px;
	cursor: pointer;
}
.mod{
	margin: 8px 0 0 -36px;
}
.dat {
    margin: 8px 0 0 -54px;
}
.mup{
	margin: 8px 0 0 -54px;
}
.add:before{
	content: '';
	color: #00CC00;
}
.del:before{
	content: '';
	color: #FF0000;
}
#cont_lmnt .upd_enum+.del{
	display: none;
}
#cont_lmnt .upd_enum:focus+.del{
	display: inline-block;
}
.mod:before{
	content: '';
	color: #FF9900;
}
.dat:before {
    content: '' !important;
    color: #CCCCCC;
}
.dat.on:before {
    content: '' !important;
    color: #00CC00;
}
.mup:before{
	content: '';
	color: var(--main);
}
.up:before{
	content: '';
	color: #00CC00;
}
/* rol usuario*/
.user_view input[type=text]{
    border: none;
    pointer-events: none;
}
/* sin capa */
.no_layer{
    margin: auto;
    position: unset;
}
/* para evitar que sean absolutos, ejemplo class='del fixed' */
.fixed{
	margin: 0 4px;
	position: unset;
}
/* botones in */
.ins{
	background-image: url('../img/insert_column.png');
	color: #00CC00;
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
}
.selectable{
	margin: 5px;
}
section .selectable{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #CCC;
}
section tbody.selectable{
	border-bottom: none;
}
section tbody.selectable td{
	border-top: 1px solid #CCC;
}
.tag{
	border-radius: 5px;
	padding: 0 5px;
	white-space: nowrap;
}
.ingrid{
	display: grid;
	gap: 0px 5px;
	grid-template-columns: auto auto;
}
.ingrid div{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
:disabled{
	opacity: 0.5;
}
.stat{
	border-radius: 5px !important;
    border: 1px solid #777 !important;
    color: #777;
    background-color: #EEE;
}
span.stat{
	padding: 0 4px;
}
.stat.stat0{
    border: 1px solid #A00 !important;
    color: #A00 !important;
    background-color: #FBB;
}
.stat.stat1{
    border: 1px solid #A70 !important;
    color: #A70 !important;
    background-color: #FEB;
}
.stat.stat2{
    border: 1px solid #0A0 !important;
    color: #0A0 !important;
    background-color: #BFB;
}
.stat.stat3{
    border: 1px solid #07A !important;
    color: #07A !important;
    background-color: #BEF;
}
.stat.stat4{
    border: 1px solid #70A !important;
    color: #70A !important;
    background-color: #EBF;
}
.stat.dot{
    width: 10px;
    height: 10px;
	float: right;
    margin-top: 5px;
}
/* tabla de datos editable */
.datatable{
	font-size: 16px;
	width: 100%;
}
.datatable th, .datatable td{
	border: 1px solid var(--main);
	vertical-align: top;
	height: 24px;
}
.datatable th:last-child, .datatable td:last-child{
	text-align: right;
}
.datatable input{
	font-size: 16px;
	white-space: normal;
	width: min-content;
	padding: 1px;
}
/*icon set*/
.i_set{
	text-align: right;
	text-shadow: none;
	white-space: nowrap;
	background-color: #EEE;
	border-bottom: 1px solid #DDD;
	font-size: 11px;
}
.i_button{
	display: inline-block;
	margin: 0;
	font-family: 'IcoMoon-Ultimate'
}
.i_del{
	color: #F00;
}
/* overflow scrollable */
.mult_list{
	border-radius: 3px;
    border: 1px solid var(--text);
	overflow-y:auto;
	max-height:300px;
	position: relative;
	padding: 5px;
	margin: 5px 0;
}
.mult_list .div_list{
	margin: 1px 0;
}
.mult_list .div_list .add,
.mult_list .div_list .del{
	margin: 1px -14px;
}
.mult_list .div_list input,
.mult_list .div_list select{
	border: 1px solid #CCC;
	margin: 0;
}
.scroll300{
	overflow-y: auto;
	overflow-x: hidden;
    max-height: 300px;
	position: relative;
}
.scroll600{
	overflow-y: auto;
	overflow-x: hidden;
    max-height: 600px;
	position: relative;
}
.scroll300 input[type=text]{
	padding-right: 50px; /* suficiente espacio para 3 botones */
}
/* panel de carpetas */
.nav_cont{
	display:none;
}
.nav_fold span:before{
	content: '';
	display: inline-block;
	font-family: 'IcoMoon-Ultimate';
	margin-right: 3px;
	color: var(--main);
}
.nav_data span:before{
	content: '';
	display: inline-block;
	font-family: 'IcoMoon-Ultimate';
	margin-right: 3px;
	color: var(--main);
}
.nav_form span:before{
	content: '';
	display: inline-block;
	font-family: 'IcoMoon-Ultimate';
	margin-right: 3px;
	color: var(--main);
}
.nav_enti span:before{
	content: '';
	display: inline-block;
	font-family: 'IcoMoon-Ultimate';
	margin-right: 3px;
	color: var(--main);
}
.nav_fold.open span:before{
	content: '';
}
.nav_fold.selected span:before, .nav_data.selected span:before, .nav_form.selected span:before, .nav_enti.selected span:before{
	color: var(--titl);
}
/* navegador */
.navigator{ width: 100%; }
.navigator tbody{ width: 100%; }
.navigator td,.navigator th{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 5px;
	max-width: 120px;
	font-size: 14px;
	vertical-align: top;
	border-top: 1px solid #CCC;
}
.navigator td td{
	border-top: none;
}
.navigator .nav_fold{
	overflow: hidden;
	text-overflow: ellipsis;
}
/* formulario */
.element{
	background-color: #FFF;
}
.element .image-upload{
    position: relative;
}
.element table{
	width: 100%;
}
.element table td{
	border: 1px solid #333;
	padding: 5px;
	background-color: #FFF;
	color: #333;
}
.element.disabled table td{
	color: #999;
	border-color: #999;
	background-color: #EEE;
}
.element iframe{
	border:2px solid var(--main);
	width:100%;
	margin: 5px 0;
}
/* switch */
.switch_container{
	text-align: right;
}
.switch{
	position: relative;
    display: inline-block;
    width: 70px;
    height: 28px; /*+6*/
}
.switch input {
    visibility: hidden;
}
.switch input:not(:checked) + .slider {
    background-color: var(--main);
}
.disabled .switch input + .slider {
	background-color: #CCC;
}
.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--high);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 14px; /*+3*/
	border: 1px solid #FFF;
}
.switch .slider:before {
    position: absolute;
    content: "";
    height: 22px; /* +6 */
    width: 22px; /* +6 */
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
}
/* fieldset (grupo de checkboxes) */
.element fieldset{
	background-color: #FFF;
	color: #333;
}
.element.disabled fieldset{
	background-color: #EEE;
	color: #999;
}
/* Lista de coleccion */
.element table.collection_list{
	table-layout: fixed;
}
.element table.collection_list td{
	border-width: 1px 0;
	padding: 1px 5px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 1px;
}
.element table.collection_list td .del{
	position: relative;
	margin: 0;
	text-align: right;
	display: block;
}
/* iconos de formulario */
.cloneable.ui-draggable-dragging{
	border: 1px solid #999;
	border-radius: 3px;
	width: 178px;
	z-index: 2;
}
.droppable{
	border: 1px dashed #999;
	border-radius: 3px;
	background: #ddd;
	height: 80px;
}
.options input {        
	background: url(../img/drag.png) no-repeat #FFF;
    background-position: 2px center;
    padding-left: 12px;
}
.icon_righ{background-repeat:no-repeat;background-position:right top;min-height:22px;background-color:#fff;}
.icon_line{background-image:url('../img/form/line.png');}
.icon_parr{background-image:url('../img/form/parr.png');}
.icon_stat{background-image:url('../img/form/stat.png');}
.icon_inte{background-image:url('../img/form/inte.png');}
.icon_deci{background-image:url('../img/form/deci.png');}
.icon_date{background-image:url('../img/form/date.png');}
.icon_time{background-image:url('../img/form/time.png');}
.icon_dati{background-image:url('../img/form/dati.png');}
.icon_swit{background-image:url('../img/form/swit.png');}
.icon_sing{background-image:url('../img/form/sing.png');}
.icon_fill{background-image:url('../img/form/fill.png');}
.icon_radi{background-image:url('../img/form/radi.png');}
.icon_mult{background-image:url('../img/form/mult.png');}
.icon_imag{background-image:url('../img/form/imag.png');}
.icon_link{background-image:url('../img/form/link.png');}
.icon_tabl{background-image:url('../img/form/tabl.png');}
.icon_form{background-image:url('../img/form/form.png');}
.icon_span{background-image:url('../img/form/span.png');}
.icon_mail{background-image:url('../img/form/mail.png');}

/* paginador */
.breaker{
	display:grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr;
	justify-items: stretch;
}
#pager{
	top:24px;
	position:absolute;
	width:100%;
	margin-bottom: 24px;
}
#pager>div{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
#pages{
	margin-bottom:10px;
}
#pages .page{
	border: 1px solid var(--main);
	background-color: #FFF;
	flex-grow:1;
	flex-basis: 28px;
	padding: 3px;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pages .page.sel, #pages .page.sel:before{
	/*border: 1px solid var(--high);*/
	color: var(--high);
}
#pages .page .droppable, #pages .page .element{
	display:none;
}
#pages .page.hover{
	background-color: var(--back);
}
/* iconos */
.icomoon{
	font-family: 'IcoMoon-Ultimate';
}
.icon_text.page{
	/*font-family: 'IcoMoon-Ultimate';*/
	margin: 3px;
	/*color: var(--main);*/
}
.icon_text.page:before{
	content: '';
}
.icon_text.page.has:before{
	content: '';
}
.icon_text.page.sel:before{
	content: '';
}
.icon_text.page.sel.has:before{
	content: '';
}
.icon_text:before{
	font-family: 'IcoMoon-Ultimate';
	margin: 3px;
	color: var(--main);
}
.icon_text.page_mul:before{
	content: '';
}
.icon_text.page_add:before{
	content: '';
}
.icon_text.page_del:before{
	content: '';
}
/* Asistente de consultas */
/*.modal{
	display: none;
}*/
.lightboxbackground{
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	z-index: 1;
	display: none;
}
.close{
	font-family: 'IcoMoon-Ultimate';
	float: right;
    color: var(--main);
}
/* Elemento imagen (camara, firma, etc) */

.lightboxbackground.forimag>div{
	width: 420px;
}
.lightboxfore.width .brush{
	display: flex;
	margin: 5px 0px;
}
.lightboxfore.width .brush span{
	width: 60px;
}
.lightboxfore.width .brush div{
	width: 80%;
	display: flex;
	align-items: center;
}
.lightboxfore.width .brush div hr{
	border:none;
	background-color: black;
	margin: 0;
	width: 100%;
}
.lightboxfore.color .palette{
	text-align: center;
	background-color: #EEE;
}
.lightboxfore.color .palette input{
	width: 12%;
	margin: 4px;
}
/* pestanas */
.tabs{
	display: flex;
	width:100%;
}
.tab{
	flex-grow: 1;
	background-color: #EEE;
	padding: 5px;
	border-width:1px;
	border-style: solid;
	border-color: #DDD #DDD #EEE #DDD;
	margin: 5px 5px -1px;
	text-align: center;
	cursor: pointer;
}
.tab.sel{
	background-color: #FFF;
	border-color: #DDD #DDD #FFF #DDD;
}
.pags{
	border: 1px #DDD solid;
	padding: 10px;
}
/* layouts para respuestas individuales */
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.single_layout{
	
}*/
.single_layout table th{
	text-align: left;
}
.single_layout table th, .single_layout table td{
	vertical-align: top;
	padding: 0 5px;
}
.single_layout table td:last-child{
	text-align: right;
}
.single_layout table{
	width: 100%;
}
.single_layout img{
	max-width: 250px;
    max-height: 200px;
}
.border1px{
	border: 1px solid #CCC;
}
/* wizard */
.sigma{
	float:right;
}
.sigma:after{
	content: '';
	font-family: 'IcoMoon-Ultimate';
	color: var(--main);
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
}
#wizard, #conv, .lightboxfore {
	background-color: #FFF;
	width: 600px;
	margin: 100px auto 0;
	padding: 10px;
}

#conv{
	width: 350px;
}
#wizard h1, #conv h1, .conv h1, aside h1{
    border-bottom: 4px solid var(--main);
}
.wizardbuttons{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 10px;
}
.wizardbuttons input{
	overflow: hidden;
}
.wizardbuttons.piece input{
	border: none;
	color: #333;
}
.wizardbuttons.wizardfunc input{
	background-color: #44CCFF;
}
.wizardbuttons.wizardoper input{
	background-color: #44FFCC;
}
.wizardbuttons.wizardfiel input,.wizardbuttons.wizardcoll input{
	background-color: #FFCC44;
}
.wizardinput{
	display:flex;
	gap: 10px;
}
.wizardinput input{
	margin: 5px;
}
.wizardinput [type=text]{
	flex-grow: 1;
}
.wizardinput [type=button]{
	flex-basis: 100px;
}
#wiz_info{
	background-color: #CFF;
	border: 1px solid #CCC;
	margin: 10px 0;
    padding: 5px;
	min-height: 150px;
}
.wiz_info{
	margin: 8px 5px 15px;
	height: 45px;
}
/* wizard */
#wiz_samp{
	display:table;
	width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
}
#wiz_samp div{
	display:table-cell;
    border: 1px solid #ADE;
    background-color: #EFF;
    padding: 5px;
	min-width: 30px;
}
#wiz_samp div:before{
	position: absolute;
    margin-top: -25px;
    font-size: 14px;
    color: var(--main);
    font-weight: bold;
}
#wiz_samp div:first-child:before{
	content: 'Ejemplo:';
}
#wiz_samp div:last-child:before{
	content: 'Resultado:';
}
#wiz_error{
	margin: 10px 5px 0;
}
/* guias */
.guide img{
	clear: both;
	float: left;
	margin-right: 10px;
}
.guide ol{
	list-style-position: inside;
	float: right;
    display: contents;
}
.guide .separator{
	clear: both;
	height: 10px;
}
/* converter */
#cnv_select{
	display:flex;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}
#cnv_select>div:before{
	position: absolute;
    margin-top: -16px;
    font-size: 14px;
    color: var(--main);
    font-weight: bold;
}
#cnv_select>div:nth-child(odd){
	flex-grow: 1;
	flex-basis: 0;
}
#cnv_select>div:nth-child(even){
	padding: 1px 5px;
}
#cnv_select>div:first-child:before{
	content: 'Desde:';
}
#cnv_select>div:last-child:before{
	content: 'Hasta:';
}
select.sele_conv{
	width: 100%;
}

select option.active{
	color: var(--high);
}

/* examples */
#cnv_examples{
	background-color: #CFF;
	border: 1px solid #CCC;
	margin: 10px 0;
	padding: 18px 5px 5px;
	min-height: 150px;
}
#cnv_examples>.cnv_example{
	display: flex;
	width: 100%;
	margin-top: 10px;
}
#cnv_examples>.cnv_example>div{
	display:flex;
	background-size: contain;
    background-repeat: no-repeat;
}
#cnv_examples>.cnv_example>div:nth-child(odd){
    border: 1px solid #ADE;
    background-color: #EFF;
	flex-grow: 1;
	flex-basis: 0;
	padding: 0 4px;
	overflow: hidden;
}
#cnv_examples>.cnv_example>div:nth-child(even){
	padding: 1px 5px;
}
#cnv_examples>.cnv_example>div:before{
	position: absolute;
    margin-top: -22px;
    font-size: 14px;
    color: var(--main);
    font-weight: bold;
}
#cnv_examples>.cnv_example:first-child>div:first-child:before{
	content: 'Ejemplo:';
}
#cnv_examples>.cnv_example:first-child>div:last-child:before{
	content: 'Resultado:';
}
#cnv_examples>.cnv_example>div>table{
	width: 100%;
}
#cnv_examples>.cnv_example>div>table td:not(:last-child){
	border-right: 1px solid #ADE;
}
#cnv_examples>.cnv_example>div.conv.warning{
	position: relative;
}
#cnv_examples>.cnv_example>div.conv.warning:after{
	font-family: 'IcoMoon-Ultimate';
	content: '';    
	position: absolute;
	right: 0;
    margin: 2px;
}

/* coleccion */
.collector{
    border: 1px dashed #999;
    color: #999;
    min-height: 40px;
	padding: 5px;
}
.collector.full{
    color: var(--text);
    border: 1px dashed var(--text);
}
.disabled .collector{
	color: #999;
	border-color: #999;
	background-color: #EEE;	
}
.collection{
    display: none;
}
/*.eventlesscoll{
	pointer-events: none;
	opacity: 0.5 !important;
}*/
/*.eventless{
	pointer-events: none;
	opacity: 0.5 !important;
}*/
#main_collection{
	position: absolute;
    top: 100px;
    margin: 0 auto;
    width: 460px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid var(--text);
    background-color: white;
    left: 0;
    right: 0;
    z-index: 1;
	display:none;
} 
#collection{
	min-height: 150px;
}
/* Respuestas */
#section_resp td{
	padding: 1px 3px;
}
.checkbox{
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 3px;
	border: #777 solid 2px;
}
.checkbox.checked{
	background-color: #777;
}