/* LOADER */
#mascaraBlanca { background-color: rgba(255,255,255, 0.7); width: 100vw; height: 100vh; position: fixed; display: none; left: 0px; top: 0px; z-index: 10000; }
#mascaraBlanca .wrap { flex-direction: column; height: 100%; width: 100%;  display: flex; justify-content: center; align-items: center;}
.mascaraBlancaActiva #mascaraBlanca { display: block; }

.spinner-blue,
.spinner-blue-only { border-color: var(--c-primario); }
.d-none{display: none;}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0
}
.text-muted {
  color: #6c757d!important
}
.mt-2,.my-2 {
  margin-top: 0.5rem!important
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em
}
.d-flex {
  display: -ms-flexbox!important;
  display: flex!important
}
.flex-column {
  -ms-flex-direction: column!important;
  flex-direction: column!important
}

.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important
}

/*  */

.ac_results {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: -moz-use-text-color #dedede #dedede;
    border-image: none;
    border-right: 1px solid #dedede;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}

.ac_results li {
    border-bottom: 1px solid #eee;
    color: #9d9d9d;
    cursor: pointer;
    font-size: 1.25rem;
    padding: 4px 10px;
}

.modal-resultados .indice-lista {
    min-height: 320px;
}

.modal-resultados .indice-lista ul li {
    max-height: none;
}

.sidr div a.on{
    color: #fff;
}

/*Formularios Semanticos*/

#col02 {
  width: 857px;
  margin: 30px auto 30px;
}

fieldset.mediumLabels p,
fieldset.largeLabels p{}
fieldset.smallLabels p label,
fieldset.mediumLabels p label,
fieldset.largeLabels p label,
fieldset.mediumLabels p input.text,
fieldset.largeLabels p input.text,
fieldset.smallLabels .fila label,
fieldset.mediumLabels .fila label,
fieldset.largeLabels .fila label,
fieldset.mediumLabels .fila input.text,
fieldset.largeLabels .fila input.text,
fieldset.smallLabels .campomultievaluado .cont label,
/*fieldset.mediumLabels .campomultievaluado .cont label,*/
fieldset.largeLabels .campomultievaluado .cont label,
fieldset.mediumLabels .campomultievaluado .cont input.text,
fieldset.largeLabels .campomultievaluado .cont input.text	
{float:left}

campomultievaluado

input.text.big, .fila input.text.big, .campomultievaluado input.text.big {
  width: 60%;
}

fieldset p input.text, .campomultievaluado input.text, .fila input.text, fieldset p.textarea textarea, .fila.textarea textarea {
  border: 1px solid #ddd;
  padding: 2px 4px;
}

fieldset.mediumLabels p label, fieldset.mediumLabels .fila label, fieldset.mediumLabels .campomultievaluado .cont label {
  padding-top: 2px;
  width: 30%;
}

fieldset p, .campomultievaluado, .fila {
  margin-bottom: 5px;
  clear: both;
  padding-top: 5px;
}

fieldset {
  margin-bottom: 1em;
}

.formtheme02 div.fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #eee;
  border-bottom-width: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.formtheme02 .fieldset {
  position: relative;
}

span.prevArcFormSem img {
  max-width: 100px;
  max-height: 100px;
  vertical-align: middle;
}

#col02 a.remove {
  background: url("resources/spriteIcons.png?v=2.1.1880") no-repeat scroll -222px -678px transparent;
  display: block;
  float: right;
  height: 16px;
  margin-left: 5px;
  text-indent: -999em;
  width: 16px;
  cursor: pointer;
}

.acciones.tabspresentation {
  border-bottom: 1px solid #ddd;
}

.acciones {
  width: 100%;
  margin-top: 5px;
  border-bottom: 1px solid #ddd;
}

.acciones.tabspresentation ul {
  /*border-left: 1px solid #ddd;*/
  position: relative;
  bottom: -1px;
}

.acciones ul {
  margin: 0;
  padding: 0;
}

.acciones.tabspresentation li.active {
  border-bottom-color: #fff;
}

.acciones.tabspresentation li {
  border: 1px solid #ddd;
  /*border-left: 0;*/
  padding: 4px 10px;
  position: relative;
}

.acciones ul li {
  display: block;
  float: left;
  background: none;
  border: 0;
  font-size: 11px;
  padding: 4px;
}

.acciones.tabspresentation li.active a {
  font-weight: bold;
}

.acciones.tabspresentation li a {
  cursor: pointer;
  font-size: 13px;
}

.acciones ul li a {
  color: orange;
}

/*fieldset.labels label {
  display: block;
  padding: 4px 0;
}*/

.formSemEdicion .tabsGroup{
height:31px;
}

div.ko {
  background: Crimson;
  padding: 0.5em 2em;
  color: white;
  display: none;
}

div.ko p {
margin:0;
padding:0;
}

/*Tags*/

div.autocompletar {
  border: 1px solid #DDDDDD;
  padding: 2px 4px;
  cursor: text;
  background: white;
}

div.autocompletar span.contenedor div.tag {
  float: left;
  padding: 2px 5px 2px 2px;
  height: 24px;
}

div.autocompletar span.contenedor div.tag div {
  background: #E6E6FA;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  padding: 3px 26px 3px 6px;
  white-space: nowrap;
  margin-right: 3px;
  margin-bottom: 2px;
  font-size: 14px;
  position: relative;
}

div.autocompletar span.contenedor div.tag a.remove {
  background: url("resources/spriteIcons.png?v=2.1.1880") no-repeat scroll -222px -678px transparent;
  cursor: pointer;
  display: block;
  float: right;
  height: 16px;
  margin-left: 5px;
  text-indent: -999em;
  width: 16px;
  position: absolute;
  top: 4px;
  right: 4px;
}

div.autocompletar span.contenedor div.tag input {
  display: none;
}

div.autocompletar input {
  border: 0;
}

div.autocompletar input.txtAutocomplete {
  margin-top: 2px;
  min-height: 30px;
}

#divContPanelBotonera input.submit.principal{
  color:white;
  background: #74cbce;
}

#divContPanelBotonera input.submit, #panAutoria input.submit, .formSemEdicion input[type=button], #divPreguntaConfirmacionEventos input{
  font-size: 1.5rem;
  width: 15%;
  background: #ddd;
  padding: .8em 0;
  border: none;
}

.formSemEdicion input[type=button], #divPreguntaConfirmacionEventos input{
  width: 10%;
  padding: .4em 0;
}

#panAutoria input.submit{
  width: 15%;
  padding: .4em 0;
}

#panAutoria {
  margin-bottom: 20px;
}

select.cmbSubClass{
  margin: 15px 0px 5px 0px;
}

.layout03 .breadcrumb{
  margin-left: 26px;
  font-size: 14px;
}

.breadcrumb p, .breadcrumb ol, .breadcrumb li{
  display: inline;
}

ul#listadoRecursos, ul#listadoOntologia{
	margin-left:25px;
}
ul#listadoRecursos li, ul#listadoOntologia li{
margin-bottom: 8px;
}

#seleccTipoRecurso div {
  margin-top: 1em;
}

.contAgr{
margin-top:10px;
}

.formSemEdicion td{
  border: 1px solid #ddd;
  padding: 0.2em 0.6em;
}

.formSemEdicion  select{
  height:auto;
  max-width:400px;
}

#divPreguntaConfirmacionEventos, div.divSelecArchFormSem {
  position: absolute;
  opacity: 1;
  width: 670px;
  left: 205px;
}

.confirmar .pregunta {
  background: #eee;
  padding: 2em;
  -moz-box-shadow: 0 0 10px #888;
  -webkit-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888;
}

#divPreguntaConfirmacionEventos input {
  margin-left: 10px;
  cursor: pointer;
}

/*Fin Formularios Semanticos*/

/*Recorridos*/

.ly-item-rec img, .recorrido-editable .new-rec img, .recorridos-recomendados .rec figure img {    
    max-width: 230px;
}

.formSemEdicion fieldset.smallLabels p label, .formSemEdicion fieldset.mediumLabels p label, .formSemEdicion fieldset.largeLabels p label, .formSemEdicion fieldset.mediumLabels p input.text, .formSemEdicion fieldset.largeLabels p input.text, .formSemEdicion fieldset.smallLabels .fila label, .formSemEdicion fieldset.mediumLabels .fila label, .formSemEdicion fieldset.largeLabels .fila label, .formSemEdicion fieldset.mediumLabels .fila input.text, .formSemEdicion fieldset.largeLabels .fila input.text, .formSemEdicion fieldset.smallLabels .campomultievaluado .cont label, .formSemEdicion fieldset.largeLabels .campomultievaluado .cont label, .formSemEdicion fieldset.mediumLabels .campomultievaluado .cont input.text, .formSemEdicion fieldset.largeLabels .campomultievaluado .cont input.text {
    float: none;
    margin-left: 10px;
}

.formSemEdicion  td {
    min-width: 15px;
}

.hijosTesSem{
	margin-left:10px;
}