html,
body {
    height: 100%;
    color: #333333;
    max-width: 1400px;
    margin: auto;
    margin-top: 1px;
    width: 99%;
    font-size: 12px;
    background-color: #ffffff;
    font-family: Arial;
    font-weight: normal;
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

A:link {
    color: #51a8ff;
    cursor: pointer;
    font-family: Arial;
    font-size: 1em;
}

A:visited {
    color: #51a8ff;
    cursor: pointer;
    font-family: Arial;
    font-size: 1em;
}

A:hover {
    color: #0080b7;
    cursor: pointer;
    font-family: Arial;
    font-size: 1em;
}


a.btn{
    font-size:1rem;
    text-decoration: none !important;
}

a.btn-lg{
    font-size:2rem;
}

a .fa-chevron-circle-up{
    font-size:2rem;
    background-color: transparent;
}


a img {
    border: 0;
}



a svg:hover {
    transform: scale(1.05); 
}
li {
    font-size: 1em;
}

p {
    font-size: 1em;
}

.alerta{    
  color: orange;
  font-weight: bold;
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: none;
    border-radius: 0;
    font-size: 1.2rem;
    text-align: left;
    width:100%;
}

.alert.alert-warning {
    color: #797979;
    background-color: #fcf8e3;
    line-height: 140%;
    border: 1px #faebcc solid;
}



.alert-link {
    font-weight: 500;
}
  
.alert-dismissible .close {
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
}
  
.alert-dismissible .close:hover {
    cursor: pointer;
}

.alert-primary {
    color: #f5faff;
    background-color: #007bff;
}

.alert-primary .alert-link {
    color: #f5faff;
}

.alert-secondary {
    color: #d9dcdf;
    background-color: #5A6169;
}

.alert-secondary .alert-link {
    color: #d9dcdf;
}

.alert-success .alert-link {
    color: #d7fae9;
}


.alert-info .alert-link {
    color: #cef8ff;
}

.alert-warning {
    color: #fffcf5;
    background-color: #ffb400;
}

.alert-warning .alert-link {
    color: #fffcf5;
}

.alert-danger {
    color: #fad7de;
    background-color: #c4183c;
}

.alert-danger .alert-link {
    color: #fad7de;
}

.alert-light {
    background-color: #e9ecef;
    color: #212529;
}

.alert-light .alert-link {
    color: white;
}

.alert-light .alert-link {
    color: #212529;
}

.alert-dark {
    color: #959faa;
    background-color: #212529;
}

.alert-dark .alert-link {
    color: #959faa;
}

.alert.email{
    margin-top:20px;
    background-color:#eef1f5;
    color: #525E64; 
}

.alert.email .asunto{
    margin-bottom:20px;
    font-weight: bold;
}

.alert.no_conformidad{
    margin-top:20px;
    background-color:#eb6d6d;
    color: #fff; 
}

.alert.observacion{
    margin-top:20px;
    background-color:#eef1f5;
    color: #525E64; 
}


.alert-pie{
    font-size: 1rem
}

.ancho-total {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


.applyBtn.btn-primary {
    color: #fff !important;
}



.aportaciones{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap: nowrap;
}




.asistente .progreso {
    margin-bottom: 30px;
    padding-left:0;
    padding-top:6px;
    overflow: hidden;
    color: lightgrey;
    display: flex;
    flex-direction:row;
}

.asistente .paso:hover {
    transform: scale(1.05); 
}


.asistente .progreso .active {
    color: #000000
}

.asistente .progreso li {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative
}

.asistente .progreso li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

.asistente .progreso li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

.asistente .progreso li.active:before,
.asistente .progreso li.active:after {
    background: skyblue
}

.asistente .progreso .paso.active:hover {
    cursor: pointer;
}




.autoauditoria{
    margin:2px;
    text-align:center
}
.autoauditoria div{
    margin-bottom:4px;
}
.autoauditoria .aportado{
    background-color:#51a8ff !important;
    color:#fff !important;
}
.autoauditoria .pendiente{
    background-color:#e1e1e1 !important;
    color:#000 !important;
}



.av-listado {
    padding: 0;
    border-spacing: 0px;
    border-radius: 2px;
    width: 100%;
    margin-top: 4px;
    clear: both;
}


.av-buscador {
    padding-top: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;    
    width:100%
}

.av-buscador .form-inline {
    max-width: 90% !important;
}

.av-buscador .form-group {
    display: inline-flex;
    padding: 4px;
    flex-flow: row;
}

.av-buscador input{
    color:orange;
}

.av-buscador label {
    top: 0;
    position: relative;
}

.av-buscador .form-control {
    min-width: 60px !important;
    max-width: 300px !important;
    color: #525e64;
}

.av-buscador .form-control.con-valor, .av-combo-filtro.con-valor {
    border:1px solid #00669F !important;
    background-color: lightyellow !important;
    color:orange;
 } 

.av-combo-filtro{
    background-color: #fff !important;
    color: #525e64
 }



.aviso {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px#faebcc solid;
    line-height: 1.8rem;
}


.azul {
    background-color: #f9f9f9;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}




a.badge:link {
    text-decoration: none;
    color: #fff;
}

a.badge:visited {
    text-decoration: none;
    color: #fff;
}


.badge {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 18px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #0896ea;
}

a.badge.llamativo:link {
    background-color: #eb6d6d;
}

a.badge.llamativo:visited {
    background-color: #eb6d6d;
}



.av-listado tr:hover {    
    background-color: #faebcc !important;
}

.av-listado tr.grupo-fila:hover {
    background-color: transparent !important;
}


.badge.caducado{
    background-color:orange !important;
    color:#fff !important;
    margin-left: -8px;
}

.badge.copia{
    background-color:#d9534f !important;
    color:#fff !important;
    margin-left: -8px;
}

.badge.llamativo {
    background-color: #eb6d6d;
}

.badge.ko {
    background-color: #eb6d6d;
}
.badge.ok {
    background-color: #5cb85c;
}


.badge.badge-danger.entorno{
	width: 200px;
	height: inherit;
	border-radius: 8px;
	padding: 2px;
	line-height: inherit;
	height: inherit;
	font-size:11px;
}

.badge.etiqueta-evaluacion{
    color:#fff;
    background-color: #087021;
}

.badge.plazo {
    background-color: orange;
    color: #fff;
}

.badge.rechazado{
    background-color:#d9534f !important;
    color:#fff !important;
    margin-left: -8px;
}

.badge.tiempo-evaluacion.nuevo, .badgeTexto.tiempo-evaluacion.nuevo{
    color:#fff;
    background-color: #5cb85c;
}
.badge.tiempo-evaluacion.medio, .badgeTexto.tiempo-evaluacion.medio{
    color:#fff;
    background-color: #ffca18;
}
.badge.tiempo-evaluacion.antiguo, .badgeTexto.tiempo-evaluacion.antiguo{
    color:#fff;
    background-color: #d9534f;
}

.badge.sobreIcono{
    background-color: #fff;
    border: 1px solid #51a8ff;
    color: #51a8ff;
    margin-left: -8px;
    font-weight: bold;
}


.badgeTexto {
    display: inline-block;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    background-color: #0896ea;
}

.badgeTextoLlamativo {
    display: inline-block;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    background-color: #eb6d6d;
}

.badgeTextoApagado {
    display: inline-block;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    background-color: #c1c1c1;
}



a.badgeTexto:link, a.badgeTextoLlamativo:link, a.badgeTextoApagado:link {
    color: #fff;
}



.badgeTexto.bloqueado {
    background-color: orange;
    color: #fff;
}

.badgeTexto.evaluador {
    border: 1px solid #44b6ae;
    color: #44b6ae;
    background-color: #fff;
    min-width: 200px;
    vertical-align: text-bottom;
}

.badgeTexto.profesional {
    border: 1px solid #5C9BD1;
    color: #5C9BD1;
    background-color: #fff;
    min-width: 200px;
    vertical-align: text-bottom;
}

.badgeTexto.fecha {
    background-color: #eaeaea;
    color: #000;
}

.badgeTitulo {
    display: inline-block;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    background-color: #51a8ff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.block{
    display:block !important;
}



.bootstrap-select.form-control {
    padding: 1.5px;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    color: #00669F;
}


.botonBuscar .btn{
    background-color: transparent !important;
    border-color: transparent !important;
}




.botonEnlace a:link,
a.botonEnlace:link,
.botonEnlace a:visited,
a.botonEnlace:visited,
.botonEnlace a:hover,
a.botonEnlace:hover,
.botonEnlace a:active,
a.botonEnlace:active {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000;
    background: #ddd;
    border: 1px solid #c1c1c1;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
}

.botonEnlace a:hover,
a.botonEnlace:hover,
.botonEnlace a:active,
a.botonEnlace:active {
    background: #e2eef1;
    border: 1px solid #0090d0;
}

.botones li.mejora-cabecera-navegacion-certificacion-enlace i.fa, li.mejora-cabecera-navegacion-certificacion-enlace i.fas{
	font-size:20px;
}


.BotonMenuActivo a:link,
a.BotonMenuActivo:link,
.BotonMenuActivo a:visited,
a.BotonMenuActivo:visited,
.BotonMenuActivo a:hover,
a.BotonMenuActivo:hover,
.BotonMenuActivo a:active,
a.BotonMenuActivo:active {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #000000;
    background-color: #ddd;
    border: 1px solid #c1c1c1;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.BotonMenuActivo a:hover,
a.BotonMenuActivo:hover,
.BotonMenuActivo a:active,
a.BotonMenuActivo:active {
    background: #e2eef1;
    border: 1px solid #0090d0;
}

.BotonMenuInactivo a:link,
a.BotonMenuInactivo,
.BotonMenuInactivo a:visited,
a.BotonMenuInactivo,
.BotonMenuInactivo a:hover,
a.BotonMenuInactivo:hover,
.BotonMenuInactivo a:active,
a.BotonMenuInactivo:active {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #a1a1a1;
    background-color: #ddd;
    border: 1px solid #c1c1c1;
    cursor: default;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.BotonMenuInactivo:link {
    text-decoration: none;
    color: #a1a1a1;
}

a.BotonMenuInactivo:visited {
    text-decoration: none;
    color: #a1a1a1;
}

.BotonMenuCorrecto a:link,
a.BotonMenuCorrecto:link,
.BotonMenuCorrecto a:visited,
a.BotonMenuCorrecto:visited,
.BotonMenuCorrecto a:hover,
a.BotonMenuCorrecto:hover,
.BotonMenuCorrecto a:active,
a.BotonMenuCorrecto:active {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
    background: #5cb85c;
    border: 1px solid #c1c1c1;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.BotonMenuCorrecto a:hover,
a.BotonMenuCorrecto:hover,
.BotonMenuCorrecto a:active,
a.BotonMenuCorrecto:active {
    color: #000;
    background: #e2eef1;
    border: 1px solid #0090d0;
}

.BotonMenuIncorrecto a:link,
a.BotonMenuIncorrecto:link,
.BotonMenuIncorrecto a:visited,
a.BotonMenuIncorrecto:visited,
.BotonMenuIncorrecto a:hover,
a.BotonMenuIncorrecto:hover,
.BotonMenuIncorrecto a:active,
a.BotonMenuIncorrecto:active {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
    background-color: #d9534f;
    border: 1px solid #d9534f;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.BotonMenuIncorrecto a:hover,
a.BotonMenuIncorrecto:hover,
.BotonMenuIncorrecto a:active,
a.BotonMenuIncorrecto:active {
    color: #000;
    background: #e2eef1;
    border: 1px solid #0090d0;
}

.blueimp-gallery{
    display:none;
}


.bolaNivel {
    display: block;
    width: 24px;
    height: 24px;
    font-size:14px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #793d00;
}


.breadcrumb{
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
	background-color: #f9f9f9 !important;
	margin-left: -15px;
	margin-right: -15px;
}

.breadcrumb li{
	margin-left: 4px;
}


.btn-primary {
    background-color:#51a8ff !important;
    color: #fff !important;
    text-transform: uppercase;
}

.btn-primary:hover {
    background-color: #0f97d9 !important;
}


.btn-outline-primary {
    color:#51a8ff !important;
    border-color:#51a8ff !important;
    text-transform: uppercase;
}

.btn-outline-primary:hover {
    background-color:#51a8ff !important;
    color: #fff !important;
}

.btn-secondary {
    color: orange !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.btn-secondary:hover {
    color: #fff !important;
    background-color: orange !important;
    border-color: orange !important;
}

.btn {
    font-weight: 300;
    border: 1px solid transparent;
    line-height: 1.125;
    transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
    padding: 0.5rem 1rem;
    border-radius: 0
}

.btn:disabled{
    color:#c1c1c1;
    cursor: default !important;
}

.btn.disabled{
    color:#c1c1c1;
    cursor: default !important;
}

.btn:hover, .btn.hover {
    cursor: pointer;    
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 123, 255, 0.25);
}

.btn:focus, .btn.focus {
    box-shadow: none;
}

.btn.btn-squared {
    border-radius: 0;
}

.btn.btn-pill {
    border-radius: 50px;
}

.btn-primary:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 123, 255, 0.25);
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15), 0 3px 15px rgba(0, 123, 255, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1);
}  


.btn.red {
    color: #fff;
    background-color: #f5365c;
    border-color: #f5365c;
}


.btn-secondary:hover {
    color: #fff;
    background-color: #4e545b;
    border-color: #4e545b;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(90, 97, 105, 0.25);
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 3px rgba(90, 97, 105, 0.15), 0 3px 15px rgba(90, 97, 105, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1);
}    

  
button.boton {
    overflow: visible;
    width: 0;
    padding-right: 1px;
    border: 0;
    background: none;
    vertical-align: middle;
}

button.boton,
button.boton * {
    cursor: pointer;
}


.buttons-print {
    font-size: 20px
}

.buttons-collection {
    font-size: 20px
}

.buttons-html5 {
    font-size: 20px
}


.buscador {
    color: #00669F !important;
    background-color: transparent;
    border: 0;
    font-size: 1.4em;
    cursor: pointer;
}

.card:hover{
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26) !important;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1) !important;
}


.card-body .flex-start .campo-ficha{
    margin-right:50px;
    margin-bottom: 20px;
}

.card-body .flex-start .campo-ficha h5{
    margin-top:0;
}




.card {
    background-color: #fff;
    box-shadow: 0 .46875rem 0.9875rem rgba(90,97,105,.1),0 .6375rem 0.90625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1);
    margin-bottom: 16px;
    width: 100%;
    display: grid;
    text-align: left;
    padding: 10px 10px;
    transition: all 0.16s ease-in-out;
    color: #3d5170;
}


.card.asistente{
    z-index: 0;
    border: none;
    position: relative
}

.card.bg-light{
    border-color: #bce8f1;
}

.card.bg-light .card-header{
    color: #337ab7;
    background-color: #d9edf7;
    border-color: #bce8f1;   
}

.card-body {
    padding: 1.2rem;
    width:100%;
}

.card-body .campo{
    display: flex;
    align-items: flex-start;
}

.card-buttons{
    display:flex;
    justify-content:space-between;
    align-items:space-evenly;
}

.card-header .far, .card-header .fa, .card-header .svg-inline--fa {
    font-size:22px;
    color: #337ab7 !important;
}

.card-button{
    margin-left:6px;
    width:38px;
    font-size:22px;
}

.card-footer:last-child {
    border-radius: 0 0 .625rem .625rem;
}

.card-footer {
    padding: 1.09375rem 1.875rem;
    background-color: rgba(90,97,105,.06);
    border-top: none;
}


.card-header {
    background-color: rgba(90,97,105,.06);
    border-bottom: none;
    font-size: 1.2rem;
    font-weight: 600;
    display:flex;
    justify-content:space-between;
    align-items:center
}

.card-header:first-child {
    border-radius: .625rem .625rem 0 0 !important;
}

.card-title {
    margin-bottom: 0;
}



.card.hover:hover {
    border-color: #337ab7;
    box-shadow: rgba(0, 0, 0, 0.25) 0 20px 40px -20px;
    transform: scale(1.01); 
}

.card img:not(.imgRedonda) {
    width: 100%;
    max-height: 150px;
    margin: 0 auto 15px; 
}

.card-info {
    font-size:1.1rem;
}

.card-disabled:hover {
    border-color: #fff;
    box-shadow: rgba(89, 93, 97, 0.05) 0 3px 0, rgba(94, 99, 104, 0.12) 0 4px 8px, rgba(90, 97, 105, 0.06) 0 10px 10px, rgba(90, 97, 105, 0.1) 0 7px 70px;
    transform: none;
    cursor: default; 
}


.badge.estado-autoevaluacion, .badge.estado-evaluacion{
    border-radius: 4px;
}

.card.cuadro-estado{
    padding:4px;
    box-shadow: none;
    min-height:80px;
    margin-left:4px;
    background-color: transparent;
}
.card.cuadro-estado.autoevaluacion{
    border-color: #5C9BD1
}
.card.cuadro-estado.evaluacion{
    border-color: #44b6ae
}
.card.cuadro-estado .card-header{
    margin:auto;
    margin-bottom:4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.card.cuadro-estado.autoevaluacion .card-header{
    color: #5C9BD1
}
.card.cuadro-estado.evaluacion .card-header{
    color: #44b6ae
}

.card.cuadro-estado .card-body{
    text-align:center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.card.item-evaluacion{
    border-color: antiquewhite;
    margin-top:20px;
}


.center {
    display: flex;
    justify-items: center; 
}

.centrado,
centrado * {
    text-align: center !important;
}

.centradoV,
.centradoV * {
    vertical-align: middle;
}

.certificado{
    margin:2px;
}



.claseEstado {
    display: block;
    margin: auto;
    padding: 8px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: black;
	border: 1px solid #bbbbbb;
}

.claseEstado[style*="background-color:#000"], .claseEstado[style*="background-color:#E35B5A"]{
    color: #fff;
}



.clear {
    clear: both;
}


.collapsing {
    transition: height 350ms ease-in-out;
}

.container-cabecera {
    margin-bottom: 24px;
    color: #337ab7;
    background-color: #d9edf7;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    border-radius: .625rem .625rem .625rem .625rem !important;
}

.container-cabecera h3{
    margin-top: 1rem;
    color: #337ab7;
}

.container-fluid.bg-light {
    background-color:whitesmoke !important;
}

.container-info{
    margin-top:24px;
    margin-bottom:24px;
}


#contenedor {
    _height: 100%;
    height: auto;
    width: auto;
    background-color: #ffffff;
    clear: both
}

#contenido {
    float: none;
    height: 100%;
    overflow: hidden;
    _overflow: visible;
    height: auto;
    _height: 100%;
    background-color: white;
}

#cuerpo.emergente{
    border:0;
}
#cuerpo.emergente .breadcrumb{
    display: none;
}
#cuerpo.emergente .mejora-breadcrumb-izquierda{
    display: none;
}
#cuerpo.emergente .donde{
    display: none;
}




.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    border-radius: 0
}


.derecha,
.derecha * {
    text-align: right;
}


.despliegue.even {
    background: #f2f2f2 !important;
}

.despliegue.odd {
    background: #fff !important;
}


#dialog-confirm {
    font-size: 1.2em;
    padding: 16px;
    text-align: center;
    width: 600px;
    word-wrap: normal;
}


div.donde span:last-of-type {
    width: 400px;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    height: 14px;
}

div#global {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}

div#cabecera {
    height: 5em;
}

.divdonde {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: .25rem;
    background-color: #f9f9f9 !important;
    width: 100%;
}

div#cuerpo {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    float: none;
    text-align: center;
    background-color: #ffffff;
    padding: 0;
    padding-top: 8px;
}


.dropdown-item.active,
.dropdown-item:active {
    color: orange;
    text-decoration: none;
    background-color: #fff;
}

.dropdown-item.selected {
    background-color: orange;
    text-decoration: none;
    color: #fff;
}
 


.dt-buttons .dt-button-collection{
    left: inherit !important;
}

.eliminado{
    text-decoration:line-through !important;
}


button.dt-button,
div.dt-button,
a.dt-button {
    border: 0;
}

div.dt-buttons {
    float: right;
    color:#51a8ff;
}


.divexplicacion {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background: #ffffcc;
    border: 1px solid #969696;
    padding: 4px;
}

.divtabla {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    padding: 4px;
    border-radius: 4px;
}

.divexplicacion2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: #ffffcc;
    border: 1px solid #969696;
    padding: 4px;
}



.enlaceBuscador {
    margin-left: 2px;
    font-size: medium;
}

.enlaceCampo {
    margin-left: 2;
    font-size: medium;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 10;
}

.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


.estado-asignacion{
    color:#3d5170 !important;
    font-weight:bold !important;
    width:80px !important;
}

.estado-asignacion.desglose{
    font-weight:lighter !important;
    width:32px !important;
}

.estado-asignacion.PTE{
    background-color:#e1e1e1;
}

.estado-asignacion.C{
    background-color:#b7f9a6;
}

.estado-asignacion.NC{
    background-color:#ffc0c0;
}


.estado-autoevaluacion{
    color:#3d5170 !important;
    font-weight:bold !important;
    width:80px !important;
}

.estado-autoevaluacion.PTE{
    background-color:#e1e1e1 !important;
}

.estado-autoevaluacion.C{
    background-color:#b7f9a6 !important;
}

.estado-autoevaluacion.NC{
    background-color:#ffc0c0 !important;
}


.estado-evaluacion{
    color:#fff !important;
    font-weight:bold !important;
    width:80px !important;
}

.estado-evaluacion.PTE{
    background-color:#959faa;
}

.estado-evaluacion.C{
    background-color:#15bd44;
}

.estado-evaluacion.NC{
    background-color:#f38b8f;
}





.explicacion {
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #797979;
    font-family: arial;
    font-size: 1em;
    font-weight: normal;
    padding: 12px;
    text-decoration: none;
    clear: both;
    text-align: justify;
    background-color: #fcf8e3;
    line-height: 140%;
    border: 1px#faebcc solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.explicacion li {
    font-size: 1em;
}

.explicacion p {
    font-size: 1em;
}

.explicacion a:link {
    font-size: 1em;
}



.fderecha {
    float: right;
}

.ficha-comprimida{
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom:0 !important;
}

.ficha-comprimida .campo-ficha{
    margin-bottom:4px !important;
}

fieldset {
    padding: 0;
    margin: 0;
}

.fileinput-button{
    font-size:1.2rem;
}
.fileinput-button:hover{
    box-shadow: none;
}


.fizquierda {
    float: left;
}



.flex-around{
    display:flex;
    justify-content: space-around;
    align-items: flex-start;    
}

.flex-between{
    display:flex;
    justify-content: space-between;
    align-items: flex-start;    
}

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

.flex-end{
    display:flex;
    justify-content: flex-end;
    align-items: flex-start;    
}

.flex-start{
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;    
}



.formbtn,
.formBtn {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
    color: #000;
    background: #ddd;
    border: 1px solid #c1c1c1;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
}

.formbtn:hover,
.formBtn:hover {
    background: #e2eef1;
    border: 1px solid #0090d0;
}

.formCelda {
    display: inline-block;
    margin-right: 16px
}

.formCelda .formObl {
    display: block;
    white-space: nowrap
}

.formCelda .formOpc {
    display: block;
    white-space: nowrap
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.formFila {
    text-align: left;
    margin-top: 16px
}



input~.enlaceCampo i,
textarea~.enlaceCampo i {
    margin-left: -40px;
}

.izquierda,
.izquierda * {
    text-align: left;
}


  
.fade {
    transition: opacity 200ms ease-in-out;
}



fieldset {
    padding: 4px;
    display: block;
}

.fieldset {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #999999;
    padding: 4px;
}

.fieldset2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #999999;
    padding: 4px;
}

.fieldset3 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #999999;
    padding: 4px;
}


.filter-option-inner-inner {
    margin-right: 4px
}


.filtroON {
    display: inline-block;
    margin: 4px;
    padding: 4px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 1.1em;
    width: 70px;
    color: white;
    background-color: red;
    border-color: #ebccd1;
}


form[tipo=BOTONERA] {
    padding-top: 0;
}

form[tipo=BOTONERA] .form-actions {
    margin-top: 0;
}

#formAdicional {
    display: block;
}

.form-actions {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.form-actions .btn{
    margin-left: 12px;
}

.form-body {
    font-size: 1.1rem;
    border: 0;
    background-color: #e2eef1;
    margin: auto;
    padding: 6px;
    border-radius: 4px;
    text-align: left;
}

/*
.form-body .alert-info{
    background-color: transparent !important;
    color: inherit;
}
*/

.form-body.inactivo{
    background-color: #eaeaea;
    color: inherit;
}

.form-cabecera{
    margin-top:-16px;
}

.form-control {
    background: #fff;
}


.form-group {
    display: inline-block;
    padding: 4px;
}

.form-group.form-md-line-input {
    width: 100%
}

.form-group.seleccionado label {
    color: orange;
}

.form-group.seleccionado .dropdown .dropdown-toggle .filter-option-inner .filter-option-inner-inner {
    color: orange;
}

#formOperacion__ {
    font-size: 1.2rem;
}

.form-papelera {
    margin-top: 24px;
    clear: both;
    display: inline-block;
}

.grupoBuscador {
    width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.grupoBuscador legend {
    margin-left: 16px;
    width: 100%;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    margin-top: 1.5rem;
    margin-bottom: 1.0rem; 
    text-align: left;
    margin-bottom: .75rem;
    font-weight: 600;
    color: #212529;
}


.h1, h1 {
    letter-spacing: -.0625rem;
    line-height: 3rem;
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    color: #087021; 
}
    
h2 {
font-size: 1.6rem; }

h3 {
font-size: 1.5rem; }

h4 {
font-size: 1.35rem; }

h5 {
    font-size: 1.2rem; 
    font-weight:600 !important;
}

h6 {
    font-size: 1.0rem; 
    font-weight:600;
}


.h-100 {
    height: 100%;
    box-sizing: border-box; 
}

.help-block {
    display: none
}

.help-block-error {
    display: block;
    min-width: 300px;
    width: 100%;
    color: #dc3545;
    padding-left: 2px;
    margin-top: 2px;
}


i.fas, i.fa{
    color:#51a8ff;
}


i.fas.bloqueado, .bloqueado{
    color: orange;
}

i.obligatorio{
    font-size:0.8rem;
}

img.boton {
    cursor: pointer;
}



.image_full{
    display:inline-block;
}
 
.image_mobile{
   display:none;
}

.imgRedonda {
    width: 80px;
    height: 80px;
    border-radius: 40px;
}

.inactivo {
    color: #bfcad1;
}

.inner {
    position: relative;
    top: -50%
}



.info,
.error,
.aviso {
    display: block;
    margin: auto;
    padding: 20px;
    text-align: justify;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: 1.5;
}

.info,
.error,
.aviso a:link {
    font-size: 1.2rem;
}

.info,
.error,
.aviso li {
    font-size: 1.2rem;
}

.info,
.error,
.aviso p {
    font-size: 1.2rem;
}


.info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}


.informe{
    margin:2px;
}


.informe .aportado{
    color:#51a8ff;
}


.informe .copia{
    color:#d9534f;
}

.informe .cumple{
    color:#5cb85c;
}

.informe .noCumple{
    color:#d9534f;
}

.informe .pendiente{
    color:#e1e1e1;
}

.informe .rechazado{
    color:#d9534f;
}


input[type=text],
input[type=radio],
input[type=checkbox],
input[type=password],
select,
textarea {
    line-height: 1.42857143 !important;
    color: #555;
    background: hsla(0, 0%, 100%, .9) padding-box;
    border: 1px solid #555;
    border-spacing: 0;
    border-radius: 2px 0 0 2px;
    box-shadow: 0 1px 0 hsla(210, 65%, 9%, .02) inset, 0 0 2px hsla(210, 65%, 9%, .1) inset, 0 1px 0 hsla(0, 0%, 100%, .2);
    padding: 2px;
}


input[type=radio],
input[type=checkbox]{
    margin-right: 4px;
}


input[type=submit]:hover {
    background: #e2eef1;
    border: 1px solid #0090d0;
}

input[type=button]:hover {
    background: #e2eef1;
    border: 1px solid #0090d0;
}



input.vne,
.vne {
    border: 1px solid #c1c1c1;
    padding: 2px;
    color: #999;
    background-color: #fff;
    border-radius: 2px;
    min-height: 14px;
}



.jumbotron .display-4 {
    font-size:2rem;
}

.jumbotron .lead {
    font-size:1.6rem !important;
}

.jumbotron .btn{
    font-size:1.8rem !important;
}


.labelformObl {
    FONT-WEIGHT: bold;
    COLOR: #087021;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    text-align: left;
    padding-left: 6px;
    padding-bottom: 6px;
    padding-right: 6px;
}

.label2 {
    text-align: right;
    padding: 0px;
}


legend {
    font-size: 1.2rem;
    white-space: nowrap;
    margin-bottom:0;
    color: #00669F;
}

.ligatures .no_iconos {
    display: none;
}



.lisDiv {
    border-spacing: 1px;
    border-radius: 2px;
    width: 100%;
    margin-top: 4px;
    clear: both;
    background-color: #e2eef1;
    text-align: left;
}

.lisTitDiv {
    display: inline-block;
    font-weight: bold;
    font-size: 1em;
    color: #0080b7;
    text-indent: 2pt;
    font-family: arial;
    background-color: #e2eef1;
    text-align: left;
    padding: 6px;
}


#loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../Img/loading-spinner-blue.gif) center no-repeat #fff;
}

.margin-top-20 {
    margin-top: 20px;
}


.mb-20{
    margin-bottom: 20px;
}
.mb-40{
    margin-bottom: 40px;
}

.md-radio{
    padding:6px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.md-radiobtn{
    margin-right: 8px;
}


a.av-btn-buscador:hover, button.av-btn-buscador:hover{
    color: orange !important;
}


a.mejora, button.mejora {
    background-color: #00669F !important;
    color:#fff !important;
}

a.mejora:hover, button.mejora:hover {
    border-color:#00669F !important;
}

a.mejora.btn-outline-primary, button.mejora.btn-outline-primary {
    background-color: transparent !important;
    color:#00669F !important;
}

.mejora {
    color: #00669F !important;
}

.mejora-cabecera-navegacion-certificacion .fa-2x {
    font-size: 2rem;
}



.mejora-cabecera-navegacion-certificacion {
    background: transparent 
}

.mejora-contenedor-cabecera{
	flex-wrap: nowrap;
	margin-left:0;
    margin-right:0;
    background: rgb(0,102,159);
}

.mejora-contenedor-cabecera a:hover{
    text-decoration: none;
}

.mejora-contenedor-cabecera-usuario a,
.mejora-contenedor-cabecera-usuario a:hover {
    color: #e2eef1;
}


.mejora-cabecera-navegacion-certificacion{
    background-color: #fff;
    border-radius: 8px;
    padding: 0;
}

.mejora-cabecera-navegacion-certificacion .container-fluid{
	flex-wrap: nowrap;
}

.mejora-cabecera-navegacion-certificacion-inicio-y-despliegue{
	display:flex;
    justify-content: space-between;
    padding-left: 4px;
}

.mejora-cabecera-navegacion-certificacion-inicio-y-despliegue button{
	display:none;
}

.mejora-cabecera-navegacion-certificacion-inicio-y-despliegue a, .mejora-cabecera-navegacion-certificacion-inicio-y-despliegue button {
    color: #0080b7;
}

.mejora-cabecera-navegacion-certificacion-enlace a {
    color: #0080b7;
}

.mejora-cabecera-navegacion-certificacion-enlace:hover{
    transform: scale(1.05);
}

.mejora-cabecera-navegacion-certificacion-enlace a:hover{
	text-decoration:none;
}

.mejora-cabecera-navegacion-certificacion-enlace .nav-titulo{
    display:none;
    margin-left:4px;
}


#menu {
    height: 100%;
    width: 180px;
    float: left;
    margin-left: 1px;
    margin-right: 10px;
    background-color: #ffffff
}

.middle {
    position: absolute;
    top: 50%;
}

.middle[class] {
    display: table-cell;
    vertical-align: middle;
    position: static;
}


.modal-footer {
    border-top: 0;
}

.modal-footer .btn {
    font-size: 1.2rem;
    min-width: 100px;
}

.modal-open {
    width: 100% !important;
}

.modalGrande>.modal-dialog {
    width: 90% !important;
    max-width: 90% !important;
}

.mb-100{
    margin-bottom: 100px !important;
}

.ml-10{
    margin-left: 10px !important;
}

.ml-20{
    margin-left: 20px !important;
}

.ml-40{
    margin-left: 40px !important;
}

.mr-10{
    margin-right: 10px !important;
}
.mr-20{
    margin-right: 20px !important;
}

.mt-10{
    margin-top: 10px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.mt-40{
    margin-top: 40px !important;
}


.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.nav>li {
    position: relative;
    display: block;
}

.nav-pills,
.nav-tabs {
    margin-bottom: 10px;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav.nav-tabs .badge{
    height:inherit
}




.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}



.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
    text-decoration: none;
}

.nav-pills>li>a,
.nav-tabs>li>a {
    font-size: 14px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-right: 15px;
    padding-left: 15px;
}


.navbar-brand i{
	font-size:20px;
}

.navbar-brand:hover{
    transform: scale(1.05);
}

#NavCabecera{
	display:flex;
    justify-content: space-between;
}

#NavCabecera i{
    color: #00669F !important;
}

#NavCabecera .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.nobr {
    white-space: nowrap;
}


.no_iconos{
    display:none;
}


.outer {
    overflow: visible;
    position: relative;
}

.outer[class] {
    display: table;
    position: static;
}


.paginacion {
    font-size: 1.4rem;
}

.pagination-panel{
    margin:auto;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #00669F !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #00669F !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #00669F !important;
}

li {

    font-size: 1em;

}
*, ::after, ::before {

    box-sizing: border-box;

}
*, ::before, ::after {

    box-sizing: border-box;

}


.parsley-errors-list {
    background-color: #B94A48;
    color: #fff;
    padding: 8px;
}

.preview img{
    width:inherit !important;
    height:inherit !important;
}



.primario{
    background-color: #337ab7;
    color: #fff;
    border-color: #337ab7;   
}

.redondo {
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /*behavior:url(border-radius.htc);*/
}


.rowform {
    margin-left: auto;
    margin-right: auto;
    width: 35%;
    text-align: left;
    padding: 8px;
    FONT-WEIGHT: normal;
    BORDER: 0;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e2eef1
}

.row2 {
    margin-left: auto;
    margin-right: auto;
    width: 45%;
    text-align: left;
    padding-top: 5px;
}

.row2form {
    margin-left: auto;
    margin-right: auto;
    width: 45%;
    text-align: left;
    padding: 8px;
    FONT-WEIGHT: normal;
    BORDER: 0;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e2eef1
}


.secundario{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;   
}


select {
    padding: 1px
}

#span-usuario{
	font-size:14px;
	cursor: default;
}


button.swal2-styled:focus {
    outline:0 !important;
}



table.av-listado tr td {
    padding: 10px;
    text-align: left;
}

table tr td input[type=checkbox].custom-control-input{
    position: inherit;
    opacity:inherit;
}

table.av-listado tfoot tr{
    background-color: #e2eef1;
}

table.dataTable.no-footer {
    border-bottom: 0;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 0;
}

table.dataTable thead th.lisTitGrupo,
table.dataTable thead td.lisTitGrupo {
    border-bottom: 2px solid #00669F;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 0;
}

table.dataTable th {
    font-weight: bold;
    font-size: 1em;
    color: #00669F;
    text-indent: 2pt;
    font-family: arial;
    background-color: #e2eef1;
    text-align: left;
    padding: 8px;  
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0;
    display: flex;
    align-items: baseline;
}


.tabbable-line>.nav-tabs>li.active {
    background: 0 0;
    border-bottom: 4px solid #00669F;
    position: relative;
}

.tabbable-line>.nav-tabs>li {
    margin: 0;
    border-bottom: 4px solid transparent;
}


.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #00669F;
}

.tabbable-line>.nav-tabs>li>a {
    background: 0 0 !important;
    border: 0;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    color: #737373;
}

.tabbable-line>.nav-tabs>li>a:hover {
    text-decoration: none;
    color: #00669F;
}

.tabbable-line>.tab-content {
    padding-bottom: 0;
}

.tabbable-line>.tab-content {
    border-top: 1px solid #dae2ea;
}

.tabbable-line>.tab-content {
    margin-top: 0;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 1px solid #eef1f5;
    padding: 30px 0;
    padding-bottom: 30px;
}

.tab-content>.active {
    display: block;
}

.tab-content>.tab-pane.active {
    display: block;
}

.tab-content>.tab-pane {
    display: none;
}

.table-light tfoot tr {
    background: #e2eef1;
}

.tag {
    display: inline-block;
    height: inherit;
    line-height: 20px;
    padding: 2px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    background-color: #087021;
    border-radius: 8px;
}

.template-download.fade{
    opacity: 1 !important;
}

.template-download td{
    vertical-align: middle !important;
}

.template-upload.fade{
    opacity: 1 !important;
}

.template-upload td{
    vertical-align: middle !important;
}

.text-center {
    text-align: center !important; 
}
    
.text-right {
    text-align: right !important; 
}
    
.text-left {
    text-align: left !important; 
}

.tipo-evaluacion{
    width:40px !important;
    color: #000 !important;
    background-color: antiquewhite !important;
}


.tituloCabecera {
    display: block;
    margin: auto;
    padding: 12px;
    text-align: justify;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-color: #bce8f1;
    color: #fff;
    background-color: #51a8ff;
    font-size: 1.3em;
}

.tituloSeccion {
    color: #0091d7;
    margin: 0;
    padding: 0;
}


.toast-text{
    margin-left:20px;
    color: #fff;
    font-size:1.4rem;
}


.bootstrap-datetimepicker-widget .fa {
    background-color: #fff;
    color: #f00 !important;
}



.ui-dialog .ui-dialog-content {
    background-color: #fff;
}



.ui-dialog-title{
    font-size: 1.6rem !important;
}

.ui-dialog .ui-dialog .ui-dialog-title{
    font-size: 1.2rem;
}
.ui-dialog.ui-widget.ui-widget-content {
    border: 0 !important;
    background: #fff;
}

.ui-dialog .ui-widget-header {
    border: 0 !important;
    background: #fff !important;
}

.ui-dialog .ui-dialog-buttonpane{
    border: 0 !important;
    background: #fff !important;
}

.ui-widget-overlay {
    background:#dae2ea;
    opacity: .8;
    filter: Alpha(Opacity=80);
}




ul.dropdown-menu li.selected {
    color: #fff;
    background-color: #00669F;
}


ul.nav.navbar-nav{
	margin:0
}

ul.nav.navbar-nav li{
	margin:0;
	font-size:14px;
}

.vertical-center {
    display: flex;
    align-items: center; 
}

.w-100 {
    width: 100%;
    box-sizing: border-box; 
}











@media (max-width: 900px){

    .card-body .flex-start .campo-ficha{
        margin-top: 1.5rem;
        margin-right: 0;
        width:100%;
    }
	
	.entorno{
		display:none !important;
	}
  
	#span-usuario span{
		display:none !important;
	}
		
	.image_full{
		display:none;
	}

	.image_mobile{
		display:inline-block;
	}

	.mejora-cabecera-navegacion-certificacion-inicio-y-despliegue{
		width:100%
	}

	.mejora-cabecera-navegacion-certificacion-inicio-y-despliegue button{
		display:inline-flex;
		margin-top:6px;
    }
    
    .mejora-cabecera-navegacion-certificacion-enlace .nav-titulo{
        display:inline-block;
    }

	button.navbar-toggle{
        border:0;
        color: #00669f;
        background-color: transparent;
	}

	button.navbar-toggle i{
		font-size:20px;
    }	    

    .flex-around, .flex-between, .flex-start, .flex-end {
      flex-direction: column;
      align-items: start;
    }
    
    .mejora-cabecera-navegacion-certificacion .container-fluid {
        flex-wrap: wrap;
    }    

    #NavCabecera {
        display: none;
    }

    #NavCabecera.show{
        display: block;
        margin-top: 24px;
        margin-left:-15px;
    }

    #NavCabecera .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }

}




@media (max-width: 600px){

    .asistente .paso {
        width:100% !important;
    }

    .asistente .progreso {
        flex-direction:column;
    }

    .mejora-cabecera-navegacion-certificacion-enlace a {
        color: #0080b7;
    }

    .mejora-cabecera-navegacion-certificacion-enlace:hover {
        background-color: whitesmoke; 
    }
}




@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}