@font-face { font-family: 'roboto'; font-size: medium; src: url('fuentes/roboto_font/Roboto-Regular.ttf') format('truetype'); }

/******************Tags y controles******************/
html { font-size: 13px; }
html, body, form { width: 100%; height: 99%; margin: 0; padding: 0; }
body { color: #65646a; background: white; }
body,
input[type="text"],
input[type="password"],
select,
textarea,
input[type="submit"],
input[type="button"],
.ajax__tab_xp,
.ajax__tab_body,
.ajax__tab_header,
.rcbItem, .rcbHovered,
.RadComboBox_Metro { font-family: "roboto", Arial, verdana, tahoma, sans-serif !important; line-height: 1.4rem; }

h1 { color: #22485f; }
h2 { color: #436b84; }
h1, h2 { padding: 0px; margin: 16px 0 10px 0; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; margin: 10px 0 10px 0; }
h5 { color: #65646a; border-width: 1px; border-color: #d2d3d5; font-weight: normal; padding-bottom: 5px; margin: 0 0 10px 0; /*border-bottom: 1px solid #d2d3d5;*/ font-size: 12px; }
div.padd { padding: 10px; margin: 0; }
a { color: #0f5778; text-decoration: none; }
    a:hover { text-decoration: underline; }
hr { border-top: 1px solid #d0d1d3; }
div.padd { padding: 10px; margin: 0; }
input[type="text"], input[type="password"], textarea, #bodyCont_grvPagina_formPagina_txtNombre, #bodyCont_grvPagina_formPagina_txtDescripcion { padding: 0.5rem 0.75rem; line-height: 1.25; border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); }

element.style { }
.login input[type=text], .login input[type=password] { width: 180px; font-size: 1.2rem; padding: 0.25rem; }
.boton:hover:focus, input[type="submit"]:focus, input[type="password"]:focus, input[type="button"]:focus, input[type=text]:focus, select:focus, textarea:focus { border: 1px solid #8e959d; }
input[type="submit"], input[type="button"] { font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.25rem; }
select { padding: 0.5rem 0.75rem; line-height: 1.25; color: #464a4c; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.25rem; }

input[readonly] { color: #65646a; }
.botonCancelarSolicitudAjax { display: inline-block; padding: 2px 3px; }
    .botonCancelarSolicitudAjax:hover { text-decoration: none; }
input.error { border: 1px solid #D9031D; }
.textoRojo { color: #D9031D; }
select { z-index: 0; }
.boton:hover, input[type="submit"]:hover, input[type="button"]:hover { cursor: pointer; text-decoration: none; }
input[disabled][type="button"]:hover, input[disabled][type="submit"]:hover { cursor: default; background: #848488 !important; color: #7b828a; opacity: 0.5; filter: alpha(opacity=50); }
[disabled] { color: #7b828a !important; border-color: #d0d1d3 !important; }

/****************** Miscelanea******************/

.separacion { padding: 10px; }
.mediaSeparacion { padding: 5px; }
.flotanteIzq { float: left; }
.flotanteDer { float: right; }
.limpiarFlotante { clear: both; }
.grilla960_12_1 { width: 60px; }
.grilla960_12_2 { width: 140px; }
.grilla960_12_2_conDer { margin-right: 160px; }
.grilla960_12_3_conDer { margin-right: 240px; }
.grilla960_12_2_conIzq { margin-left: 160px; }
.grilla960_12_3_conIzq { margin-left: 240px; }
.grilla960_12_3 { width: 220px; }
.grilla960_12_4 { width: 300px; }
.grilla960_12_5 { width: 380px; }
.grilla960_12_6 { width: 460px; }
.grilla960_12_7 { width: 540px; }
.grilla960_12_8 { width: 620px; }
.grilla960_12_9 { width: 700px; }
.grilla960_12_10 { width: 780px; }
.grilla960_12_11 { width: 860px; }
.grilla960_12_12 { width: 940px; }
.validacionMensaje { color: #D9031D; font-size: 11px; font-style: italic; }

/******************Encabezado******************/

body, .encabezadoFlotante { }
.encabezado img#ImageLogo { height: 46px; margin-left: 83px; }
#hlkEnlaceCabezote { display: inline-block; }
.encabezado .flotanteDer { height: 80px; min-width: 120px; }
    .encabezado .flotanteDer .divUsuario { position: absolute; right: 0; margin: 5px 5px 0 0; }
.encabezado { background: #95c83b; box-sizing: border-box; height: 88px; }
    .encabezado > div:first-of-type { margin-bottom: 3px; background: white; }
    .encabezado img#ImageLogo { border: 0px; }
.infoLoginSuperior { margin: 5px; }
    .infoLoginSuperior a.estadoSesion { color: #B5D6DE; }
.tituloPagina { display: none; }
.encabezadoFlotante { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; background: white; }
.version { display: none; color: #A0A0A0; position: fixed; font-style: italic; z-index: 1000; font-size: 0.9rem; top: 61px; width: 70%; margin: 0 15%; text-align: center; max-height: 18px; overflow: hidden; -webkit-transition: top 500ms; -moz-transition: top 500ms; -o-transition: top 500ms; -ms-transition: top 500ms; transition: top 500ms; box-sizing: border-box; }
.contenido { padding-top: 115px; padding-bottom: 35px; }
.envoltura { min-height: 100%; height: 100% !important; margin: 0 auto -20px; }

/***************** pie de página ***********************/
/* pie de página */
.piePagina { height: 0px; position: fixed; display: flex; justify-content: center; align-items: center; color: #333; width: 100%; bottom: -10px; text-align: center; font-size: 0.9rem; padding-top: 4px; background: white; z-index: 994; right: 0; box-sizing: initial; }
.piePagina { -webkit-transition: height, opacity 500ms; -moz-transition: height .5s, opacity .5s; -o-transition: height .5s, opacity .5s; -ms-transition: height .5s, opacity .5s; transition: height .5s, opacity .5s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; transition-timing-function: ease-out; }
    .piePagina a { color: #217DAB; }
/******************Caja******************/
.caja { opacity: 0; transition: opacity .25s; }
    /* se muestra con animación*/
    .caja .cajaLogo { width: 15px; height: 15px; text-align: center; margin-right: 5px; float: left; }
    .caja .cajaTitulo, .cargando .contenido { color: white; }
    .caja .cajaTitulo { font-size: 1.1rem; padding: 7px 8px 7px 8px !important; color: #e9e9e9; background-color: #0F5778; border-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .caja .cajaTitulo { background-color: #C4C9CC !important; color: #333; }
    .caja .cajaContenido { border-style: none; }
    .caja .cajaContenido, .ajax__tab_body, .caja .cajaSoloContenido { background: #e7e7e7 !important; padding: 5px 10px 10px 10px; overflow: auto; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; }
.ajax__tab_body { border-color: #aaaaaa !important; }
.caja .cajaContenido, .caja .cajaSoloContenido { padding: 0.75rem; }
.caja .cajaContenido { overflow: auto; }
.caja .cajaContenido { padding: 10px; overflow: auto; width: auto; }
.cajaMover .manejador { cursor: move; }


/************************ Cambio de clave *********************/
.caja .cajaCambioClave { padding: 7px 8px 7px 8px !important; color: White; font-size: 14px; font-family: "roboto"; background-color: #27afaf !important; border-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.caja .cajaContenidoClave { padding: 2px; font-size: 11px; border: 1px solid #d4d3d5 !important; color: #65646a; }
.caja .tablaClave td { padding: 2px; font-size: 11px; border: 1px solid #d4d3d5 !important; color: #000000; }
.cambiarContrasena { color: #00afb9; font-family: "roboto"; font-size: 13pt; }

/****************** Navegación ******************/

/******************Menus******************/
.menuSuperior { background: #7A828A; display: none; }
    .menuSuperior a { color: #fff; }
    .menuSuperior ul, .menuEdicion ul { list-style-type: none; margin: 0; padding: 0; }
        .menuSuperior ul li ul { z-index: 100; }
        .menuSuperior ul li a.highlighted { background-color: #59595C; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
        .menuSuperior ul .hover, .menuSuperior ul li a.highlighted { background-color: #6BABB8; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
            .menuSuperior ul .hover.level1, .menuSuperior ul li a.highlighted.level1 { background-color: #59595C; }

        .menuSuperior ul li ul li { width: 135px; background: #F2F2F2; background-color: #65646a; border-radius: 0px; margin-left: 0px; }
        /*border-style: none solid none none !important;*/
        .menuSuperior ul li a { color: white; text-decoration: none; padding: 7px 8px 7px 8px; display: block; text-decoration: none; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
            .menuSuperior ul li a:hover { text-decoration: none; }

#divMenuSuperior { -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; -ms-transition: height 0.5s; transition: height 0.5s; }

/******************Cargando******************/

.cargando .contenido { color: Black; margin-left: -70px; margin-top: -70px; left: 50%; top: 50%; width: 140px; z-index: 1005; text-align: center; background-color: #FFF; }
.cargando .contenido { position: fixed; padding: 15px; background-color: white; }
.cargando .fondo { z-index: 1004; }
.cargando .fondo { position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7; filter: alpha(opacity=70); background-color: black; }
.validacionError { font-size: 11px; font-style: italic; color: #D9031D; }

.divCentral { height: 100%; }

/******************Menú Iconos******************/
.contenedorMenuIconos { opacity: 1; margin: auto auto; justify-content: center; align-items: center; animation-name: opacidad; animation-fill-mode: forwards; animation-duration: .5s; }

.menuIconos > div { display: flex; flex-wrap: wrap; justify-content: center; position: relative; }
.contenedorMenuIconos > div:first-of-type { margin: 0 .3rem; }
.contenedorMenuIconos > div > span { display: block; background: #96c83c; font-size: 1.7rem; padding: 1.5rem; border-radius: .3rem; width: 100%; color: white; text-align: center; }
.menuIconos a { color: #65646a; display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-width: 85px; max-width: 85px; height: 85px; vertical-align: top; margin: 0.3rem; cursor: pointer; text-align: center; padding: 10px; background: #e5e5e5; border-radius: 0.3rem; transition: background .5s; }
    /*.menuIconos a:first-child { margin-left: 0; }
    .menuIconos a:last-child { margin-right: 0; }*/
    .menuIconos a:hover, .menuIconos a:active { color: black; text-decoration: none !important; background: #dfdbdb; }
        .menuIconos a:hover img { filter: brightness(0.7); }
.menuIconos img { width: 37px; height: 37px; border: none; transition: filter 500ms; }
.menuIconos span { display: block; flex-grow: 1; text-align: center; padding-top: 6px; line-height: 1rem; font-size: .9rem; display: flex; align-items: center; }
.menuIconos a { opacity: 0; animation-name: opacidad; animation-fill-mode: forwards; animation-duration: .5s; }
    .menuIconos a[itemnumber="0"] { animation-delay: .1s; }
    .menuIconos a[itemnumber="1"] { animation-delay: .2s; }
    .menuIconos a[itemnumber="2"] { animation-delay: .3s; }
    .menuIconos a[itemnumber="3"] { animation-delay: .4s; }
    .menuIconos a[itemnumber="4"] { animation-delay: .5s; }
    .menuIconos a[itemnumber="5"] { animation-delay: .6s; }
    .menuIconos a[itemnumber="6"] { animation-delay: .7s; }
    .menuIconos a[itemnumber="7"] { animation-delay: .8s; }
    .menuIconos a[itemnumber="8"] { animation-delay: 1s; }
    .menuIconos a[itemnumber="9"] { animation-delay: 1.1s; }
    .menuIconos a[itemnumber="10"] { animation-delay: 1.2s; }
    .menuIconos a[itemnumber="11"] { animation-delay: 1.3s; }
    .menuIconos a[itemnumber="12"] { animation-delay: 1.4s; }
.menuE { background-color: #e3e4e6; background-image: url('img/bgContenedoresPq.jpg'); background-repeat: repeat-x; background-position: top; border: 1px solid #cccccc; padding: 3px; border-radius: 3px; box-shadow: 0 0 10px #FFF; box-shadow: 2px 2px 2px rgba(227, 228, 230, 0.7); }

/********************Botón************************/

.boton, input[type="submit"], input[type="button"], .paginador a, ul.botonesLista li a, .listaBotones a { font-family: "roboto"; background-color: #5a5a5d; border: none; color: #ffffff; padding: 3px; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
.boton, input[type="submit"], input[type="button"] { padding: 5px; }
.boton { padding: 4px 10px; }
    .boton:hover, input[type="submit"]:hover, input[type="button"]:hover, .paginador a:hover, ul.botonesLista a:hover, .listaBotones a:hover { background-color: #848488; color: White; text-decoration: none; opacity: 1.0; }
    .boton:active, input[type="submit"]:active, input[type="button"]:active { background-color: #a3a3a5; color: black; }
.botonBuscarPuntos { height: 25px; width: 25px; border-radius: 50%; padding: 0px 3px 9px 3px !important; font-size: 15px !important; }
/* grids */
.grid960_12_1 { width: 60px; }
.grid960_12_2 { width: 140px; }
.grid960_12_3 { width: 220px; }
.grid960_12_4 { width: 300px; }
.grid960_12_5 { width: 380px; }
.grid960_12_6 { width: 460px; }
.grid960_12_7 { width: 540px; }
.grid960_12_8 { width: 620px; }
.grid960_12_8_1 { width: auto; }
.grid960_12_9 { width: 700px; }
.grid960_12_10 { width: 780px; }
.grid960_12_11 { width: 860px; }


.card .menuEdicion { opacity: 0; display: flex; flex-wrap: wrap; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; }
.menuEdicion .limpiarFlotante { display: none !important; }
.card { transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -ms-transition-delay: 0.25s; }

input[disabled][type=button][id$=Limpiar].boton,
input[disabled][type=submit][id$=Limpiar].boton,
input[disabled][type=button][id$=Buscar].boton,
input[disabled][type=submit][id$=Buscar].boton,
input[disabled][type=button][id*=Cancelar].boton,
input[disabled][type=submit][id*=Cancelar].boton,
input[disabled][type=button][id*=RecuperarClave].boton,
input[disabled][type=submit][id*=RecuperarClave].boton,
input[disabled][type=button][id*=ValidarToken].boton,
input[disabled][type=submit][id*=ValidarToken].boton,
input[disabled][type=button][id*=CambiarClave].boton,
input[disabled][type=submit][id*=CambiarClave].boton,
input[disabled][type=button][id*=Insertar].boton,
input[disabled][type=submit][id*=Insertar].boton,
input[disabled][type=button][id*=Nuev].boton,
input[disabled][type=submit][id*=Nuev].boton,
input[disabled][type=button][id*=Crear].boton,
input[disabled][type=submit][id*=Crear].boton,
input[disabled][type=submit][id*=Notificar].boton,
input[disabled][type=button][id*=Volver].boton,
input[disabled][type=submit][id*=Volver].boton,
input[disabled][type=button][id*=Editar].boton,
input[disabled][type=submit][id*=Editar].boton,
input[disabled][type=button][id*=Guardar].boton,
input[disabled][type=submit][id*=Guardar].boton,
input[disabled][type=button][id*=VistaPrevia].btnVistaPrevia,
input[disabled][type=submit][id*=VistaPrevia].btnVistaPrevia,
input[disabled][type=button][id$=Refrescar].boton,
input[disabled][type=submit][id$=Refrescar].boton,
input[disabled][type=button][id*=Actualizar].boton,
input[disabled][type=submit][id*=Actualizar].boton {
    opacity: .5;
}

input[type=button][id$=Limpiar].boton,
input[type=submit][id$=Limpiar].boton,
input[type=button][id$=Buscar].boton,
input[type=submit][id$=Buscar].boton,
input[type=submit][id*=Eliminar].boton,
input[type=button][id*=Cancelar].boton,
input[type=submit][id*=Cancelar].boton,
input[type=button][id*=RecuperarClave].boton,
input[type=submit][id*=RecuperarClave].boton,
input[type=button][id*=ValidarToken].boton,
input[type=submit][id*=ValidarToken].boton,
input[type=button][id*=CambiarClave].boton,
input[type=submit][id*=CambiarClave].boton,
input[type=button][id*=Insertar].boton,
input[type=submit][id*=Insertar].boton,
input[type=button][id*=Nuev].boton,
input[type=submit][id*=Nuev].boton,
input[type=button][id*=Crear].boton,
input[type=submit][id*=Crear].boton,
input[type=submit][id*=Notificar].boton,
input[type=button][id*=Volver].boton,
input[type=submit][id*=Volver].boton,
input[type=button][id*=Editar].boton,
input[type=submit][id*=Editar].boton,
input[type=button][id*=Guardar].boton,
input[type=submit][id*=Guardar].boton,
input[type=button][id*=VistaPrevia].btnVistaPrevia,
input[type=submit][id*=VistaPrevia].btnVistaPrevia,
input[type=button][id$=Refrescar].boton,
input[type=submit][id$=Refrescar].boton,
input[type=button][id*=Actualizar].boton,
input[type=submit][id*=Actualizar].boton,
input.botonIcono {
    min-width: 55px;
    border: 1px solid transparent;
    transition: all .25s;
    background-color: #c4c9cc;
    font-size: .9rem;
    margin: .5rem 0;
    margin-right: .5rem;
    background-repeat: no-repeat;
    background-position: center 7px;
    height: 55px;
    padding-top: 35px;
    background-size: 24px;
}

input[type=button][id$=Limpiar].boton,
input[type=submit][id$=Limpiar].boton { background-image: url(../../../recursos/img/ico/clean.svg); }
input[type=button][id$=Buscar].boton,
input[type=submit][id$=Buscar].boton { background-image: url(../../../recursos/img/ico/iconolupa.svg); }
input[type=button][id*=Insertar].boton,
input[type=submit][id*=Insertar].boton,
input[type=button][id*=Crear].boton,
input[type=submit][id*=Crear].boton,
input[type=button][id*=Nuev].boton,
input[type=submit][id*=Nuev].boton { background-image: url(../Recursos/img/crear.svg); }
input[type=button][id*=Guardar].boton,
input[type=submit][id*=Guardar].boton { background-image: url(../../../recursos/img/ico/guardar.svg); }
input[type=button][id*=Volver].boton,
input[type=submit][id*=Volver].boton { background-image: url(../Recursos/img/volver.svg); }
input[type=button][id*=Editar].boton,
input[type=submit][id*=Editar].boton { background-image: url(../../../recursos/img/ico/editar.svg); }
input[type=submit][id*=Eliminar].boton,
input[type=button][id*=Cancelar].boton,
input[type=submit][id*=Cancelar].boton { background-image: url(../Recursos/img/cancelar.svg); }
input[type=button][id*=RecuperarClave].boton,
input[type=submit][id*=RecuperarClave].boton { background-image: url(../Recursos/img/precalcular.svg); }
input[type=button][id*=ValidarToken].boton,
input[type=submit][id*=ValidarToken].boton { background-image: url(../Recursos/img/iconoHecho.svg); }
input[type=button][id*=CambiarClave].boton,
input[type=submit][id*=CambiarClave].boton { background-image: url(../Recursos/img/actualizar.svg); }
input[type=button][id$=Refrescar].boton,
input[type=submit][id$=Refrescar].boton,
input[type=button][id*=Actualizar].boton,
input[type=submit][id*=Actualizar].boton, #ctl00_ContentPlaceHolder2_btnCargarDeNuevo { background-image: url(../../../recursos/img/ico/actualizar.svg); }
input[type=button][id*=VistaPrevia].btnVistaPrevia,
input[type=submit][id*=VistaPrevia].btnVistaPrevia { background-image: url(../../../recursos/img/ico/preview.svg); }
input[type=submit].btnCambio { background-image: url(../../../recursos/img/ico/btnCambio.svg); }
input[type=submit].btnCambio2 { background-image: url(../../../recursos/img/ico/btnCambio2.svg); }
input[type=submit].btnCambio3 { background-image: url(../../../recursos/img/ico/btnCambio3.svg); }
input[type=submit][id*=Notificar].boton { background-image: url(../../../recursos/img/ico/notificacion.svg); }
    input[type=button][id$=Limpiar].boton:hover,
    input[type=submit][id$=Limpiar].boton:hover,
    input[type=button][id$=Buscar].boton:hover,
    input[type=submit][id$=Buscar].boton:hover,
    input[type=button][id*=Insertar].boton:hover,
    input[type=submit][id*=Insertar].boton:hover,
    input[type=button][id*=Nuev].boton:hover,
    input[type=submit][id*=Nuev].boton:hover,
    input[type=button][id*=Crear].boton:hover,
    input[type=submit][id*=Crear].boton:hover,
    input[type=submit][id*=Notificar].boton:hover,
    input[type=button][id*=Volver].boton:hover,
    input[type=submit][id*=Volver].boton:hover,
    input[type=button][id*=Guardar].boton:hover,
    input[type=submit][id*=Guardar].boton:hover,
    input[type=button][id*=Editar].boton:hover,
    input[type=submit][id*=Editar].boton:hover,
    input[type=submit][id*=Eliminar].boton:hover,
    input[type=button][id*=Cancelar].boton:hover,
    input[type=submit][id*=Cancelar].boton:hover,
    input[type=button][id*=RecuperarClave].boton:hover,
    input[type=submit][id*=RecuperarClave].boton:hover,
    input[type=button][id*=ValidarToken].boton:hover,
    input[type=submit][id*=ValidarToken].boton:hover,
    input[type=button][id*=CambiarClave].boton:hover,
    input[type=submit][id*=CambiarClave].boton:hover,
    input[type=button][id$=Refrescar].boton:hover,
    input[type=submit][id$=Refrescar].boton:hover,
    input[type=button][id$=Actualizar].boton:hover,
    input[type=submit][id$=Actualizar].boton:hover,
    input[type=button][id*=VistaPrevia].btnVistaPrevia:hover,
    input[type=submit][id*=VistaPrevia].btnVistaPrevia:hover,
    input.botonIcono:hover {
        background-color: #d1d1d1;
        color: black;
    }

input[disabled][type=button][id$=Limpiar].boton:hover,
input[disabled][type=submit][id$=Limpiar].boton:hover,
input[disabled][type=button][id$=Buscar].boton:hover,
input[disabled][type=submit][id$=Buscar].boton:hover,
input[disabled][type=button][id*=Insertar].boton:hover,
input[disabled][type=submit][id*=Insertar].boton:hover,
input[disabled][type=button][id*=Agregar].boton:hover,
input[disabled][type=submit][id*=Agregar].boton:hover,
input[disabled][type=button][id*=Crear].boton:hover,
input[disabled][type=submit][id*=Crear].boton:hover,
input[disabled][type=button][id*=Volver].boton:hover,
input[disabled][type=submit][id*=Volver].boton:hover,
input[disabled][type=button][id*=Guardar].boton:hover,
input[disabled][type=submit][id*=Guardar].boton:hover,
input[disabled][type=button][id*=Editar].boton:hover,
input[disabled][type=submit][id*=Editar].boton:hover,
input[disabled][type=button][id*=Cancelar].boton:hover,
input[disabled][type=submit][id*=Cancelar].boton:hover,
input[disabled][type=button][id*=RecuperarClave].boton:hover,
input[disabled][type=button][id*=ValidarToken].boton:hover,
input[disabled][type=submit][id*=Cancelar].boton:hover,
input[disabled][type=button][id*=CambiarClave].boton:hover,
input[disabled][type=submit][id*=CambiarClave].boton:hover,
input[disabled][type=button][id$=Refrescar].boton:hover,
input[disabled][type=submit][id$=Refrescar].boton:hover,
input[disabled][type=button][id$=Actualizar].boton:hover,
input[disabled][type=submit][id$=Actualizar].boton:hover,
input[disabled][type=button][id*=VistaPrevia].btnVistaPrevia:hover,
input[disabled][type=submit][id*=VistaPrevia].btnVistaPrevia:hover {
    background-color: #c4c9cc !important;
    filter: saturate(130%);
}

.cajaContenido > input, .cajaContenido > .divBtnCrear > input { margin-top: 0 !important; }

.rotate180 { transform: rotate(180deg); }

/****************** Modal bootstrap ***********************/

.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }
    .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }
    .modal.show .modal-dialog { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: 0.6 !important; }
    .modal-backdrop.fade { opacity: 0.7; }
    .modal-backdrop.show { opacity: 0.7; }
.modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; border-bottom: 1px solid #eceeef; }
.modal-title { margin-bottom: 0; line-height: 1.5; font-size: 16px; }
.modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px; }
.modal-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 15px; border-top: 1px solid #eceeef; }
    .modal-footer > :not(:first-child) { margin-left: .25rem; }
    .modal-footer > :not(:last-child) { margin-right: .25rem; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 576px) {
    .modal-dialog { max-width: 500px; margin: 30px auto; }
    .modal-sm { max-width: 300px; }
}

@media (min-width: 992px) {
    .modal-lg { max-width: 800px; }
}

@media screen and (max-width: 1366px) {
    .centerFieldset { margin-top: 5% !important; }
}

@media screen and (min-width: 1367px) {
    .centerFieldset { margin-top: 10% !important; }
}


button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

/************************ Fin modal bootstrap**************************/

/******************Menú edición******************/
.menuEdicion img { border: none; width: 50px; height: 50px; margin-bottom: 2px; }
.menuEdicion .nombre { display: block; text-align: center; position: relative; }
.menuEdicion a { transition: all .5s; min-width: 39px; min-height: 39px; color: #65646a; border-radius: 0.25rem; display: flex; text-decoration: none; overflow: hidden !important; align-items: center !important; flex-direction: column; margin-left: 0.5rem; margin-right: 0.5rem; text-align: center; line-height: 1.1rem; margin-bottom: 0.5rem; }
}
.menuEdicion a:hover { transition: all .5s; min-width: 39px; min-height: 39px; color: #65646a; border-radius: 0.25rem; display: flex; text-decoration: none; overflow: hidden !important; align-items: center !important; flex-direction: column; margin-left: 0.5rem; margin-right: 0.5rem; text-align: center; line-height: 1.1rem; margin-bottom: 0.5rem; }

    .menuEdicion a:hover img { background: #d1d1d1; text-decoration: none; filter: saturate(130%); }
.menuEdicion a img { display: block; background: #c4c9cc; width: 40px; height: 40px; padding: 6px; border: none; margin-bottom: 2px; margin-top: 2px; transition: filter 500ms; border-radius: 0.3rem; transition: background .25s; }
.menuEdicion div.division { float: left; width: 1px; height: 63px; background-color: #c1c2c3; margin: 4px; }
.menuEdicion span { display: block; }
.menuEdicion a.aspNetDisabled, .menuEdicion [disabled] { opacity: 0.5; filter: alpha(opacity=50); }
    .menuEdicion a.aspNetDisabled:active { position: static; }
    .menuEdicion a.aspNetDisabled:hover, .menuEdicion a[disabled]:hover { background-color: transparent; opacity: 0.5; filter: alpha(opacity=50); box-shadow: none; border-color: transparent; }
.ajax__calendar_container, .ajax__calendar_body { width: 190px !important; }
fieldset { padding: 10px; margin-top: 10px; border-width: 1px; border-color: #d2d3d5; border-style: solid; border-radius: 5px; }
    fieldset legend { color: #afafaf; font-family: "roboto"; font-size: 14pt; }
.numeroTurno, .numeroTurnoTerminal { font-size: 13px; font-weight: bold; color: black; background-color: white; display: inline-block; padding: 2px 2px; margin: 1px; border: 1px solid #e0e0e1; }
.numeroTurnoTerminal { font-size: 20px; }
.divOcultarElementos { padding: 3px; background: White; }
ol.olConEstilo > li, ol.olConEstilo2 > li { margin-top: 3px; padding: 1px; }
ol.olConEstilo > li { background: #EEE; }
ol.olConEstilo2 > li { background: ##c4c9cb; }
.tituloSelector { color: #65646a; font-family: "roboto", Arial, verdana, tahoma, sans-serif !important; font-size: 12px; font-weight: bold; }
.PromptCSS { color: #22485f; border-top-color: #65646a; border-right-color: #65646a; border-bottom-color: #65646a; border-left-color: #65646a; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: white; font-weight: bold; }
#divAtributos ul { list-style-type: none !important; margin: 0; padding: 0; }
    #divAtributos ul a { display: block; }
    #divAtributos ul li { margin: 1px; border: solid #d2d3d5 1px; cursor: pointer; padding: 2px 3px; border-radius: 3px; background: #fff; }
        #divAtributos ul li:hover { background: #e2e2e2; }
.motivoCierre input { width: 100%; font-size: 13px; min-width: 190px; margin: 2px 0; }
.calificacionPopup input { width: 100%; font-size: 13px; min-width: 190px; margin: 2px 0; }
.listaBotones a { display: block; margin: 0 0 2px 0; padding: 3px 6px; }
    .listaBotones a.aspNetDisabled { background: none; border-color: #EEE; color: #999; }
        .listaBotones a.aspNetDisabled:active { position: static; left: 0px; top: 0px; }
.modalBackground { background-color: #696969; filter: alpha(opacity=80); opacity: 0.8; }
.buttomUpload { background: url('../../img/Iconos/upload_2.gif') no-repeat left 1px; padding-left: 20px; }
div.treeviewFiltrobtnCancelar { background-image: url('../../img/Iconos/limpiar_20x20.png'); background-repeat: no-repeat; width: 20px; height: 20px; cursor: pointer; }
span.busquedaTreeviewExpandir { background-image: url(../../img/expandirContraer15x15_2.png); background-repeat: no-repeat; width: 20px; height: 20px; cursor: pointer; display: block; }
.imageUploaderField input { width: 50% !important; }
span.turnoJerarquia { color: #436b84; }
div.BarraDesplazamiento { background: white; height: 10px; }
    div.BarraDesplazamiento .porcentaje, div.BarraDesplazamiento .reloj { font-size: 10px; }

    div.BarraDesplazamiento .porcentaje { height: 13px; }

    div.BarraDesplazamiento .barraDesplazamientoPorcentaje { background-color: #474747; border-right: none; height: 10px; }

div.manejadorBtnCajamover { float: right; width: 15px; height: 15px; }

.tablaPaginador { display: none; }

.paginador a, .paginador span { display: block !important; padding: 3px !important; min-width: 25px; margin: 0 1px; text-align: center; font-size: 12px; }

.paginador span { color: white; background: #6BACB7; }

#contenedorAlarmas, #contenedorChat, #contenedorConversacion { display: none; }

.tamano11 { font-size: 11px; }

.campoRequerido { color: #D9031D; }

.cajaOculta .cajaTitulo { cursor: pointer; }

ul.botonesLista { list-style-type: none; margin: 0; padding: 0; }

    ul.botonesLista li { float: left; }

        ul.botonesLista li a { display: block; width: 15px; margin-right: 2px; text-align: center; }

.cajaBusqueda input { margin-bottom: 2px; }

.blur { -webkit-filter: blur(0.8px); -moz-filter: blur(0.8px); -o-filter: blur(0.8px); -ms-filter: blur(0.8px); filter: blur(0.8px); }

.encabezado .logoCliente img { max-height: 60px; max-width: 200px; }

.encabezado .logoCliente { position: relative; top: -27px; }

.prefijoCola { display: block; text-transform: uppercase; box-sizing: border-box; text-align: center; top: 1px; width: 15px; height: 15px; background: #ffffff; border-radius: 50%; font-size: 9px; font-family: Consolas, tohoma, arial; border: 1px solid #e0e0e1; padding-top: 2px; }

.numeroTurno .prefijoCola { float: left; margin-right: 2px; }

/* Tab */
a.ajax__tab_tab { color: #65646a; }

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab, .ajax__tab_xp .ajax__tab_header .ajax__tab_inner, .ajax__tab_xp .ajax__tab_header .ajax__tab_outer { background: #f3f3f4 !important; }

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab { border: 1px solid #d0d1d3; padding: 6px 12px !important; font-size: 13px; }

.ajax__tab_xp .ajax__tab_body { border-color: #d0d1d3 !important; background: white !important; padding: 20px !important; }

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background: white !important; }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab:hover { background: white !important; cursor: default; }

.ajax__tab_xp .ajax__tab_header .ajax__tab_inner { padding-left: 0 !important; }

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer { margin-right: 0px !important; padding-right: 0px !important; }

.ajax__tab_xp .ajax__tab_header { background: none !important; }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_tab { height: auto !important; }

.ajax__tab_active .ajax__tab_tab { border-bottom-color: Transparent !important; }

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer { height: auto !important; }

.ajax__tab_container { padding: 5px !important; background: #DDD !important; }

.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab { background: #e0e0e1 !important; }

.ajax__tab_active.ajax__tab_hover { background: white !important; }

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab:active { text-decoration: none; }

/* Menú top header de usuario */
.menuTopUsuario { position: fixed; z-index: 1; top: 25px; right: 20px; border-left: 22px solid transparent; }

    .menuTopUsuario ul { list-style-type: none; margin: 0; padding: 0; display: none; position: fixed; right: 20px; }

        .menuTopUsuario ul li { display: block; background: #333333; width: 150px; text-align: right; }

            .menuTopUsuario ul li a { color: white; text-decoration: none; padding: 7px 8px 6px 8px; display: block; text-decoration: none; font-size: 12px; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }

                .menuTopUsuario ul li a:hover { background: #42af28; }
    .menuTopUsuario a:hover, .contextualUsuario a:hover { text-decoration: none; background: #d1d1d1; color: #636569; }

.contextualUsuario a { font-size: 1rem; color: #217DAB; }
.menuTopUsuario a, .contextualUsuario a { text-decoration: none; padding: 0.25rem; border-radius: 0.3rem; transition: all .5s; color: #636569; }

.encabezado, #divContenidoPrincipal, .divUsuario, .encabezado .logoCliente { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }

    .encabezado img#ImageLogo { border: 0px; }
    .encabezado img#ImageLogo { height: 46px; margin-left: 83px; }
#AppSiteMap span { transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; }

#divContenidoPrincipal { padding-top: 137px; }

/* Menú acortado */
body.smaller #divMenuSuperior { height: 0; }

body.smaller #divContenidoPrincipal { padding-top: 128px; }

body.smaller .encabezado { height: 60px; }

    body.smaller .encabezado img#ImageLogo { margin-top: 0px; }

body.smaller .divUsuario { top: 12px; right: 50px; }

body.smaller .encabezadoFlotante { background: transparent; }

body.smaller #mainMenu { display: none; }

body.smaller .version { top: 37px; }

body.smaller .encabezado .logoCliente { top: -10px; }

    body.smaller .encabezado .logoCliente img { max-height: 50px; }

#resolucion { position: fixed; z-index: 10001; top: 0; right: 0; color: black; font-size: 2rem; display: block; }

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content { background-image: none !important; }

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle { background: #DDD; }

.k-dropdown-wrap { border-radius: 0; }

.accordion .accordionPaneContainer { padding: 10px; background: white !important; border: 1px solid #d0d1d3; border-top-width: 0; }

.accordion .accordionPaneHeader, .accordion .accordionPaneHeaderSelected { color: #65646a !important; padding: 6px 12px; margin: 2px 0; border: 1px solid #d0d1d3; font-size: 13px; background: #f3f3f4; cursor: pointer; }

    .accordion .accordionPaneHeader:hover { background: #e0e0e1; }

.cajaTitulo[class~="accordionPaneHeader"] { margin: 0; }

.accordion .accordionPaneHeaderSelected { cursor: default; background: white; margin: 0; font-weight: bold; }

.RadComboBox_Metro .rcbFocused .rcbInputCell { border-color: transparent !important; }

.RadComboBox_Metro { border: 1px solid #DDD; }

    .RadComboBox_Metro table td.rcbInputCell { border-width: 0px !important; }

    .RadComboBox_Metro .rcbFocused .rcbArrowCell { border-color: #e5e5e5 !important; background-color: #f9f9f9 !important; }

    .RadComboBox_Metro .rcbArrowCell { border-width: 0px !important; }

    .RadComboBox_Metro .rcbFocused .rcbArrowCell a { background-position: -1px -19px !important; }

.RadComboBoxDropDown_Metro { border: 0 !important; color: #65646a !important; }

*:focus { outline: none; }

.piePaginaCopyRight { margin: 0 130px; }

.ui-effects-transfer { border: 1px solid #6BACB7 !important; }

.caja, .menuEdicion { opacity: 1; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; }

.caja { transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -ms-transition-delay: 0.25s; }

ul.menuHorizontal, ul.menuVertical { margin: 0; padding: 0; list-style-type: none; }

    ul.menuHorizontal li, ul.menuVertical li { display: inline-block; }

        ul.menuHorizontal li a, ul.menuVertical li a { padding: 5px; display: block; background: #d1d1d1; font-size: 12px; color: #646464; text-decoration: none; }

        ul.menuVertical li a { margin-bottom: 2px; }

            ul.menuHorizontal li a:hover, ul.menuVertical li a:hover { background: #848488; color: White; text-decoration: none; }

/* Adaptativo */
@media only screen and (max-width : 500px) {
    .encabezado img#ImageLogo { margin-left: 15px; }

    .divUsuario { display: none; }

    .piePaginaCopyRight { margin-left: 0; }

    .imagenCiel { display: none; width: 2000px; height: 39px; }
    .centerFieldset { margin-top: 5% !important; }
}

@media only screen and (max-width : 750px) {
    .contenedorMenuIconos { position: static !important; top: 0 !important; margin: 0 !important; left: 0 !important; }

    .menuIconos a:nth-child(5n+1) { clear: none; }

    .menuIconos a:nth-child(3n+1) { clear: both; }

    .imagenCiel { display: none; width: 2000px; height: 39px; }
    .centerFieldset { margin-top: 5% !important; }
}

.cargandoPq { background: url(img/loadingPq.gif); width: 20px; height: 20px; }

.selectorTipoVirtual { color: #222222; }

.selectorTipoFisico { color: #5D0C8B; }

.selectorTipoMovil { color: #105678; }

.terminalTipoVirtual { color: #222; }

.terminalTipoIntegralSimple { color: #5D0C8B; }

.terminalTipoTelepresencia { color: #EC5510; }

.terminalTipoIntegralCompleta { color: #105678; }

.motivoTipoCierre { color: #222; }

.motivoTipoSuspencion { color: #2F550F; }

.motivoTipoCancelacionServicio { color: #EC5510; }

.motivoTipoCancelacionTurno { color: #D9031D; }

.motivoTipoCancelacionApp { color: #5D0C8B; }

#cPHPri_imgOrigenTurno, #imgOri, #cPHPri_ucDetTurno_imgOrigenTurno { margin-left: 3px; position: relative; top: 2px; }

.usuarioNOEnLinea, .usuNoCon { color: #EC5510 !important; }

.turConAge { color: #00AFB9 !important; }

.TurAge .numeroTurno { background-image: url(../../../img/turnoConAgenda.png) !important; }

.TurUsu .numeroTurno { background-image: url(../../../img/turnoAUsuario.png) !important; }

.TurUsuDes .numeroTurno { background-image: url(../../../img/turnoAUsuarioDes.png) !important; }

.TurUsuyAge .numeroTurno { background-image: url(../../../img/turnoAUsuarioyAgenda.png) !important; }

.TurUsuDesyAge .numeroTurno { background-image: url(../../../img/turnoAUsuarioDesyAgenda.png) !important; }

.TurAge .numeroTurno, .TurUsu .numeroTurno, .TurUsuyAge .numeroTurno, .TurUsuDes .numeroTurno, .TurUsuDesyAge .numeroTurno { padding-right: 12px !important; background-repeat: no-repeat !important; background-position: right 2px center !important; }

.numeroTurno .prefijoCola { position: relative; margin-right: 3px; }

.usuAtrHorizontal .separacion, .usuAtrVertical .separacion, .comboJerarquiaVertical .separacion, .comboJerarquiaHorizontal .separacion { padding-left: 2px; }

.usuAtrHorizontal div { display: inline-block; }

.usuAtrHorizontal select, .usuAtrVertical select { margin-top: 2px; height: 28px; box-sizing: border-box; font-size: 12px !important; }

.comboJerarquiaHorizontal .niv { display: inline-block; }

.usuAtrVertical > div:nth-child(3) span.separacion, .comboJerarquiaVertical .separacion { width: 80px; display: inline-block; padding: 2px; box-sizing: border-box; }

.estTurEnEspera, .estTurSuspendido, .estTurLlamando, .estTurDistraido, .estTurEnAtencion, .estTurCancelado, .estTurFinalizado, .estTurAbandonado { display: block; box-sizing: border-box; width: 15px; height: 15px; border-radius: 50%; }

.estTurEnEspera { background: #FFB139; }

.estTurSuspendido { background: #00ACBA; }

.estTurLlamando { background: #004969; }

.estTurDistraido { background: #5E0D8B; }

.estTurEnAtencion { background: #8DAD42; }

.estTurCancelado { background: #F1211D; }

.estTurFinalizado { background: #A3A3A5; }

.estTurAbandonado { background: #593c1f; }

.lupa { display: block; background: url(../../img/Iconos/iconoLupa15x15_2.png); width: 15px; height: 15px; }

.nopadding { padding: 0; }


.usuarioEnLinea { color: #333 !important; }

/****** Font Awesome clases adicionales  *****/
.custom-text { padding: 6px 6px 6px 30px; }

.input-container { position: relative; }

.icon-ph { display: inline-block; width: auto; height: auto; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; position: absolute; left: 3px; top: 3px; bottom: 3px; z-index: 3; }

.custom-text { padding: 0.5rem 0.75rem 8px 30px !important; }

.input-container { position: relative; }

.icon-ph { display: inline-block; width: auto; height: 23px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; position: absolute; left: 1px; top: 2px; bottom: 3px; z-index: 3; }

/****** Fieldset Centrado ******/
.centerFieldset { display: block; /*text-align: center !important;*/ margin: 1.0em auto; top: 50% !important; width: 450px !important; }

/********** Iframe inside Slides **********/
.iframe-slide { position: relative; height: 100% !important; width: 100%; border: 0; z-index: 50; }

.carousel-control-prev, .carousel-control-next, .carousel-indicators {z-index: 100; position: relative; margin-left: 0; margin-right: 0; }

.carousel-control-next-icon, .carousel-control-prev-icon {background-color: darkgray; padding: 0.5rem 0 !important; border-radius: 0.25rem; height: 3rem }

.carousel-control-prev, .carousel-control-next {width: 25px;}

.carousel-item {
    height: 100%;
    opacity: 0 !important;
    display: block !important;
}

    .carousel-item.active {
        opacity: 1 !important;
    }

/********** Iframe Mapa **********/
.IFrameMapa {  width: 106%; height: 100%; }/*position: fixed; top: 21%; left: 60%; bottom: 0; right: 0;*/

/********** Fieldset ajustable **************/
.fieldSetAjustable { width: auto; float: left; }

/********** Accordion Mapa **************/
.accordionHeader { border: 1px solid #F5F5F5; font-size: 1.1rem; padding: 5px; margin-top: 5px; cursor: pointer; background: #e9e9e9; color:#333; }
.accordionHeaderSelected { background-color: #C4C9CC; font-size: 1.1rem; padding: 5px; margin-top: 5px; cursor: pointer; text-decoration: none; color:#333; }
.accordionContent { overflow: auto; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #f1f1f0; padding: 7px; }

/*****************Estilos Login y administración***********************/

/*Estilo Base Radio Button Login Autenticación Clásica*/
.radioButtonClasica { display: inline-block; position: relative; padding: 0 6px; margin: 10px 0 0; }
    .radioButtonClasica input[type='radio'] { display: none; }
    .radioButtonClasica label { color: #2b2b2e; font-family: "roboto"; font-size: 12pt; }
        .radioButtonClasica label:before { content: " "; display: inline-block; position: relative; top: 2px; margin: 0 5px 0 0; width: 10px; height: 10px; border-radius: 11px; border: 2px solid #c4c9cc; background-color: transparent; }
.botonAutenticar { border-radius: 3px !important; }
.radioButtonClasica input[type=radio]:checked + label:after { border-radius: 50px; width: 13px; height: 13px; position: absolute; top: 5.4px; left: 6.5px; content: " "; display: block; background: #00afb9; }

/*Estilo Base Radio Button Login Autenticación Externa*/
.radioButtonExterna { display: inline-block; position: relative; padding: 0 6px; margin: 10px 0 0; left: 68px; }
    .radioButtonExterna input[type='radio'] { display: none; }
    .radioButtonExterna label { color: #2b2b2e; font-family: "roboto"; font-size: 12pt; }
        .radioButtonExterna label:before { content: " "; display: inline-block; position: relative; top: 2px; margin: 0 5px 0 0; width: 10px; height: 10px; border-radius: 11px; border: 2px solid #c4c9cc; background-color: transparent; }
    .radioButtonExterna input[type=radio]:checked + label:after { border-radius: 50px; width: 13px; height: 13px; position: absolute; top: 5.4px; left: 6.5px; content: " "; display: block; background: #00afb9; }




.linkCerrarSesion { position: relative; bottom: 5px; }
.tituloEncabezado1 { color: #00afb9; font-family: "roboto"; font-size: 20pt; margin-left: 5px; position: relative; top: -7px; }
.tituloEncabezado2 { color: #939292; font-family: "roboto"; font-size: 11pt; margin-left: 5px; }
.tituloLogin { color: #2b2b2e; font-family: "roboto"; font-size: 30pt; }
.tituloCampoUsuarioContrasena { color: #a0a0a0 !important; font-family: "roboto" !important; font-size: 10pt !important; }
.textoCampoUsuarioContrasena { color: #2b2b2e; font-family: "roboto"; font-size: 12pt; }
.textoBotonLogin { color: #ffffff; font-family: "roboto"; font-size: 20pt; }
.textoLinkCambiarContrasena { color: #00afb9; font-family: "roboto"; font-size: 15pt; }
.divMostrarConstrasena { padding: 4px 5px; position: absolute; text-align: center; width: auto; padding-left: 28px; }
.campoRequerdio { position: relative; left: 24%; top: px; width: 50px; display: flex; }
.cajaUsuarioRecuperarClave { background: rgb(255 255 255) !important; color: #5A5A5D !important; font-family: "roboto" !important; font-size: 12pt !important; }
.cajaConstrasena { width: 90%; color: #2b2b2e; font-family: roboto; font-size: 12pt; }
/*USUASIOS*/
.tituloAgrupamiento { color: #afafaf; font-family: "roboto"; font-size: 14pt; }
.item { color: #65656a !important; font-family: "roboto" !important; font-size: 12pt !important; }
.linkGrilla { font-family: "roboto" !important; font-size: 12pt !important; text-align: center; }

/* Menú top header de usuario */
.menuTopUsuario { font-size: 1.1rem; }
    .menuTopUsuario img { width: 18px; height: 18px; }
    .menuTopUsuario ul { list-style-type: none; margin: 0; padding: 0; display: none; position: fixed; right: 20px; }
        .menuTopUsuario ul li { display: block; background: #7a828a; width: 150px; text-align: right; }
            .menuTopUsuario ul li a { color: white; text-decoration: none; padding: 7px 8px 6px 8px; display: block; text-decoration: none; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
                .menuTopUsuario ul li a:hover { background: #64842c; }

    .menuTopUsuario a { text-decoration: none; padding: 0.25rem; border-radius: .3rem; transition: all .5s; color: #636569; }
        .menuTopUsuario a:hover { text-decoration: none; background: #d1d1d1; color: #636569; }
.divUsuario { position: fixed; top: 35px; right: 20px; }
.menuIconoInfoUsuario { background: #d1d1d1; border-radius: 50px; width: 30px; height: 30px; }

.contextualUsuario { display: none; z-index: 1004; min-width: 150px; border-radius: .25rem; position: absolute; background: white; right: 0; top: 57px; border: 1px solid #D3d3d3; padding: .75rem; }
    .contextualUsuario a { font-size: 1rem; color: #217DAB; }
    .contextualUsuario img { height: auto; width: 40px; }
.encabezado, #divContenidoPrincipal, .divUsuario, .encabezado .logoCliente { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
    .encabezado img#ImageLogo { opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
#AppSiteMap span { opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; }

#divContenidoPrincipal { padding-top: 102px; }

/* Pie de página */
.divFooter { position: fixed; bottom: 0px; opacity: 0; height: 0; width: 100%; background-color: white; color: #333; padding-top: 4px; z-index: 994; font-size: .9rem; }
.divFooter { animation: footerAnimation .5s ease-out; animation-delay: 1s; animation-fill-mode: forwards; }
.divFooterInfo { width: 100%; text-align: center; }

@keyframes footerAnimation {
    from { height: 0px; opacity: 0; }
    to { height: 25px; opacity: 1; }
}

input[type="checkbox"] + label { padding: 5px 5px 0px 0px; margin-right: .3rem; display: inline-flex; justify-content: left; align-items: center; left: -4px; transition: all .4s; }
input[type="checkbox"][disabled] + label, input[type="radio"][disabled] + label { opacity: .5; cursor: auto; }
    input[type="checkbox"][disabled] + label:before { cursor: auto; }
input[type="checkbox"] + label:before { content: ""; order: -2; transition: background .4s; width: 23px; height: 14px; background: #dbdbdb; cursor: pointer; border-radius: .3rem; border-radius: 7.5px; position: relative; left: 4px; box-shadow: inset 0px 2px 3px -2px rgb(0 0 0 / 20%); }
input[type="checkbox"] + label:after { content: ""; order: -1; position: relative; left: -17px; transition: left .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: pointer; width: 10px; height: 10px; border: 2px solid #ffffff; background: white; border-radius: 6px; }
input[type="checkbox"]:checked + label:after { border: 2px solid #ffffff; left: -8px; }
input[type="checkbox"]:checked + label:before { background: #6babb8; }
input[type="checkbox"] { display: none; }
.rcbItem input[type="checkbox"], .rcbHovered input[type="checkbox"], table.tabla1 td:last-of-type input[type="checkbox"] { display: inline; }
    table.tabla1 td:last-of-type input[type="checkbox"] + label { display: none; }
input[type="radio"] { display: none; }
    input[type="radio"] + label { border: 1px solid #ffffff00; position: relative; top: -0.1rem; display: inline-block; margin: .25rem .5rem .25rem 0; cursor: pointer; padding: .38rem; padding-right: .7rem; border-radius: .3rem; height: 26px; transition: all .3s; display: inline-flex; justify-content: center; align-items: center; }
        input[type="radio"] + label:before { transition: border .2s; border: 1px solid #6babb8; content: ""; border-radius: 50%; width: 15px; height: 15px; float: left; background: #fff; cursor: pointer; margin-right: .38rem; }
    input[type="radio"]:checked + label:before { border-width: 4px; }
    input[type="radio"]:checked + label:after { background: #6babb8; width: 9px; height: 9px; margin-left: -19px; top: 3px; }
    input[type="radio"]:checked + label, input[type="radio"]:not([disabled]) + label:hover { background: #6babb830; border-color: #ffffffad; }
    input[type="radio"][disabled] + label:before { border-color: #c4c9cc; }

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

.pieLink {
    color: #217DAB;
    text-decoration: none;
}

/***************** Estilos filtros de búsqueda ***********************/
.divFiltroBusqueda {
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

.inputFiltroBusqueda {
    height: 25px;
}

.botonFiltro {
    height: 16px;
}

/***************** Estilos de paginación de grilla***********************/
.gridview-pagination td {
    width: 20px;
    text-align: center;
    vertical-align: middle;
    border: none !important;
}

    .gridview-pagination td > tr:hover {
        background-color: white !important;
    }

.gridview-pagination > td > table > tbody > tr > td {
    background-color: #e7e7e7;
    border-radius: 4px;
    display: inline-block;
    margin: 2px;
}

    .gridview-pagination > td > table > tbody > tr > td:hover {
        background-color: #5079a8 !important;
        color: white !important;
    }

table.tabla1 tr.gridview-pagination td table tr:hover td {
    background-color: inherit;
    background-color: #e7e7e7;
    border-radius: 4px;
    display: inline-block;
    margin: 2px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-bottom: 30px !important;
}