@font-face { font-family: 'Roboto'; src: url('fuentes/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; }
.ajax__tab_body { overflow: auto !important; }
h1 { color: #22485f; }
h2 { color: #436b84; }
h1, h2 { padding: 0px; margin: 16px 0 10px 0; }
h1 { font-size: 1.2rem; }
h2 { font-size: 1.1rem; }
h3 { font-size: 1rem; margin: 10px 0 10px 0; font-weight: bold; }
h5 { font-size: 1rem; font-weight: bold; color: #65646a; border-width: 1px; border-color: #d2d3d5; padding-bottom: .5rem; margin: 0 0 10px 0; border-bottom: 1px solid #d2d3d5; }
option[selected] { background: #B5D6DE; }
a, table .tablaBtnSeleccionar a { color: #217DAB; text-decoration: none; }
    a:hover { text-decoration: underline; }
hr { border-top: 1px solid #d0d1d3; }
input[type="text"], input[type="password"], select, textarea, input[type="submit"], input[type="button"] { font-size: 1rem; }
input[type="text"], input[type="password"], select, textarea { width: 100%; }
input[type="checkbox"]:not(.form-check-input), input[type="radio"], input[type="image"] { border-style: none; border-radius: 0; }
input[type="checkbox"] { margin: 0.25rem; }

input[readonly] { color: #65646a; }
.botonCancelarSolicitudAjax { display: inline-block; padding: 2px 3px; }
    .botonCancelarSolicitudAjax:hover { text-decoration: none; }
input, select, textarea, .boton, .btnMostrarAlarmas { border: none; color: black; border: 1px solid #d0d1d3; }
    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: #DDD !important; opacity: .5; }
/****************** Miscelanea******************/
.separacion { padding: 1rem; }
.mediaSeparacion { padding: 0.5rem; }
.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: 0.9rem; 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: block; padding: 0 0 10px 0; font-weight: bold; color: #22485f; }
.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 */
.piePagina { height: 0px; opacity: 0; position: fixed; color: #333; width: 100%; bottom: 0; text-align: center; font-size: 0.9rem; background: white; z-index: 500; 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; }
/******************Caja******************/
.cajaInlineBlock { display: inline-table; }
.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; }
.cajaMover .manejador { cursor: move; }
/****************** Navegación ******************/
.menuNavegacion { padding-bottom: 15px; color: #a3a3a5; }
    .menuNavegacion a { text-decoration: none; }
        .menuNavegacion a:hover { text-decoration: underline; }
/******************Cargando******************/

@keyframes cargando {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { opacity: 0; }
}

.cargando .contenido { color: #95c83b; width: 100%; height: 100%; z-index: 1005; text-align: center; display: flex; justify-content: center; align-content: center; align-items: center; }
    .cargando .contenido img { width: 55px; }
.cargando .contenido { position: fixed; flex-direction: column; padding: 15px; }
.cargando .fondo { z-index: 1004; }
.cargando .mediaSeparacion { display: none; }
.cargando .fondo, .fondoEnfasis { position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7; filter: alpha(opacity=70); background-color: black; }
.cargando .contenido span { display: none; }
.fondoEnfasis { z-index: 1003; display: none; background-color: #CCC }
.validacionError { font-size: 0.9rem; font-style: italic; color: #D9031D; }
/******************Menus******************/
.menu ul.level1 > li { display: none; }
.menu ul { list-style-type: none !important; margin: 0; padding: 0; z-index: 1003; }
    .menu ul li { border-color: #333333; border-style: solid; border-width: 0px; }
        .menu ul li ul { height: auto; }
        .menu ul .hover, .menu 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; }
.menu .level2.highlighted { background-color: #59595C; }
.menu 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; }
    .menu ul li .hover, .menu ul li a:hover { text-decoration: none; }
.menu ul li ul li { background-color: #59595C; background-image: none; border-style: solid !important; white-space: nowrap; }
.menu ul.level1 .level1.static:first-of-type { display: none !important; }
#AppSiteMap span { opacity: 0; }

.menuSuperior { background: #7A828A; display: none; }
    .menuSuperior ul li { border-style: none solid none none !important; }
.menuSuperior { border-color: #d0d1d3; }
#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; }
/******************Menú Iconos******************/
.menuIconos { display: flex; justify-content: center; }
    .menuIconos > div { display: flex; flex-wrap: wrap; justify-content: center; position: relative; }
.contenedorMenuIconos { margin: auto auto; justify-content: center; align-items: center; }
    .contenedorMenuIconos span.tituloSeccion { display: block; opacity: 0; transition: opacity .5s; background: #96c83c; font-size: 1.7rem; padding: 1.5rem; border-radius: .3rem; width: 100%; color: white; text-align: center; }
    .contenedorMenuIconos > div:first-of-type { margin: .3rem; }
.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: .3rem; cursor: pointer; text-align: center; padding: 10px; background: #e5e5e5; border-radius: .3rem; transition: background .5s; }
    .menuIconos a:hover, .menuIconos a:active { color: black; text-decoration: none; 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); }
.contenedorMenuIconos a[idpagina="59"] { min-width: 103px; }
.contenedorMenuIconos a[idpagina="81"] { min-width: 110px; }
.contenedorMenuIconos a[idpagina="90"] { min-width: 100px; }
/******************Botón******************/
.boton, input[type="submit"], input[type="button"], .paginador a, ul.botonesLista li a, .listaBotones a { background-color: #d1d1d1; border: none; color: #646464; 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: .3rem .5rem; border-radius: 0.25rem; }
.boton { padding: 4px 10px; margin: 0.25rem 0; }
    .boton:hover, input[type="submit"]:hover, input[type="button"]:hover, .paginador a:hover, ul.botonesLista a:hover, .listaBotones a:hover { background-color: #217DAB; color: White; text-decoration: none; opacity: 1.0; }
    .boton:active, input[type="submit"]:active, input[type="button"]:active { background-color: #a3a3a5; color: black; }
    .boton:hover, input[type="submit"], input[type="button"] { border: 1px solid transparent; }
        .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="password"][readonly]:focus, input[type="text"][readonly]:focus { border-color: #c9c9c9 }
;
.botonBuscarPuntos { height: 25px; width: 25px; border-radius: 50%; padding: 0px 3px 9px 3px !important; font-size: 1.2rem !important; }
/******************Menú edición******************/
.menuEdicion a img { display: block; background: #c4c9cc; width: 40px; height: 40px; padding: 6px; border: none; margin-bottom: 4px; margin-top: 2px; transition: filter 500ms; border-radius: .3rem; transition: background .25s; }
.menuEdicion .nombre { display: block; text-align: center; width: 100%; border-bottom: 1px dotted #d4d3d5; }
.menuEdicion { padding-bottom: .75rem; }
    .menuEdicion a { transition: all .5s; min-width: 39px; min-height: 39px; color: #65646a; border-radius: .25rem; display: flex; text-decoration: none; overflow: hidden !important; align-items: center !important; flex-direction: column; margin-left: .5rem; margin-right: .5rem; text-align: center; line-height: 1.1rem; margin-bottom: .5rem; }
        .menuEdicion a:last-of-type { margin-right: 0; }
    .menuEdicion div.division { float: left; width: 1px; height: 40px; background-color: #c1c2c3; margin: 4px; }
    /*.menuEdicion span { display: block; text-overflow: ellipsis; margin-top: .25rem; font-size: .9rem; position: absolute; margin-top: 38px; }*/
    .menuEdicion span { display: block; text-overflow: ellipsis; font-size: .9rem; }
    .menuEdicion a.aspNetDisabled, .menuEdicion [disabled] { opacity: 0.4; }
    .menuEdicion a:hover img { background: #d1d1d1; text-decoration: none; filter: saturate(130%); }
    .menuEdicion a:hover { color: black; }
    .menuEdicion a:first-of-type { margin-left: 0; }
    .menuEdicion a:last-of-type { margin-right: 0; }
    .menuEdicion a.aspNetDisabled:active { position: static; }
    .menuEdicion a.aspNetDisabled:hover, .menuEdicion a[disabled]:hover { background-color: transparent; opacity: 0.5; box-shadow: none; border-color: transparent; }
div.menuEdicionWrapper + div.mediaSeparacion { padding: 0; }
.ajax__calendar_container, .ajax__calendar_body { width: 190px !important; }
fieldset { padding: 10px; border-width: 1px; border-color: #d2d3d5; border-style: solid; border-radius: .25rem; }
    fieldset legend { color: #65646a; font-weight: bold; font-size: 1.1rem; position: relative; }
        fieldset legend + div { clear: both; }
.numeroTurno, .numeroTurnoTerminal { color: black; border-radius: .3rem; background-color: white; display: inline-block; padding: 0.3rem; margin: 0.25rem; border: 1px solid #e0e0e1; }
.numeroTurnoTerminal { font-size: 1.2rem; }

.divOcultarElementos { padding: .3rem .5rem; background: White; border-radius: .25rem; }
ol.olConEstilo > li, ol.olConEstilo2 > li { margin-top: 3px; padding: 1px; }

.tituloSelector { color: #65646a; font-family: "Roboto", Arial, verdana, tahoma, sans-serif !important; 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; color: #217DAB; text-decoration: none; }
    #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%; min-width: 190px; margin: 2px 0; }
.calificacionPopup input { width: 100%; font-size: 1.1rem; min-width: 190px; margin: 2px 0; }

.listaBotones a { display: block; margin: 0 0 2px 0; padding: 3px 6px; border-radius: 0.25rem; }
    .listaBotones a.aspNetDisabled { background: none; border-color: #EEE; color: #999; }
        .listaBotones a.aspNetDisabled:active { position: static; left: 0px; top: 0px; }
.modalBackground { background-color: #696969; 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.svg'); background-repeat: no-repeat; width: 15px; height: 15px; cursor: pointer; padding: 3px; background-size: 14px; background-position-y: center; }
span.busquedaTreeviewExpandir { background-image: url(../../img/expandirContraer.svg); transform: rotate(90deg); background-repeat: no-repeat; width: 15px; height: 15px; cursor: pointer; display: block; background-size: 12px; background-position: center; }

.imageUploaderField input { width: 50% !important; }

span.turnoJerarquia { color: #436b84; }

div.BarraDesplazamiento { background: white; height: 10px; }
.ajax__tab_body div.BarraDesplazamiento { background: #DDD; }
div.BarraDesplazamiento .porcentaje, div.BarraDesplazamiento .reloj { font-size: 0.8rem; }
div.BarraDesplazamiento .porcentaje { height: 13px; }
div.BarraDesplazamiento .barraDesplazamientoPorcentaje { background-color: #6BABB8; border-right: none; height: 10px; transition: width .25s; }

div.manejadorBtnCajamover { float: right; width: 15px; height: 15px; }
.tablaPaginador { display: none; }
.paginador a, .paginador span { display: block !important; border-radius: 0.25rem; padding: 3px !important; min-width: 25px; margin: 0 0.25rem; text-align: center; }
.paginador span { color: white; background: #217DAB; }
#contenedorAlarmas, #contenedorChat, #contenedorConversacion { display: none; }
.tamano11 { font-size: 0.9rem; }
.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: 1.5rem; border-radius: 0.25rem; margin-right: 0.25rem; margin-bottom: 0.25rem; 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: 40px; max-width: 200px; border-radius: .3rem; transition: all .5s; }

.prefijoCola { display: flex; text-transform: uppercase; padding-top: 2px; box-sizing: border-box; display: flex; align-content: center; justify-content: center; text-align: center; width: 18px; height: 18px; background: #ffffff; border-radius: 50%; font-size: 9px; font-family: Consolas, tohoma, arial; }
.numeroTurno .prefijoCola { margin-right: 0.3rem; order: 0; }

/* 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: 1.1rem; }
.ajax__tab_xp .ajax__tab_body { border-color: #d0d1d3 !important; background: white !important; padding: 0.75rem !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; position: relative; top: 1px; }
.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; }
.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; }
.ajax__tab_xp .ajax__tab_body { border-top: 1px solid #d0d1d3 !important; }

/* 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: 0; 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; }

/* Menú acortado */
body.smaller #divMenuSuperior { height: 0; }
body.smaller #divContenidoPrincipal { padding-top: 128px; }
body.smaller .encabezado { height: 69px; }
    body.smaller .encabezado img#ImageLogo { margin: 6px 0px 6px 12px; height: 40px }
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: 30px; }

#resolucion { position: fixed; z-index: 10001; top: 0; right: 0; color: black; font-size: 2rem; display: block; }
.k-window-title { margin-left: .25rem; }
.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-draghandle { background: #d1d1d1; border-radius: 0; }
.k-button { background: #d1d1d1; border-radius: .25rem; }
    .k-button .k-icon { display: none; }
.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 [summary=combobox] { border: 1px solid #DDD !important; }
.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 auto; }

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

.caja .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; }
.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; 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; }
}

.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; }
.terminalTipoChat { color: #FF5B2B; }
    .terminalTipoChat:after { content: "💬"; }

.JornadaTipoTodos { color: #222; }
.JornadaTipoTerminal { color: #5D0C8B; }
.JornadaTipoAgendamientoMovil, .JornadaTipoTurnoMovil, .JornadaTipoApp { color: #EC5510; }
.JornadaTipoSelector { color: #D9031D; }
.JornadaTipoKiosco { color: #2F550F; }

.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; width: 20px; height: 20px; }

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

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

.TurAge .numeroTurno { background-image: url(../../../img/turnoConAgenda.svg) !important; background-size: 7px; }
.TurUsu .numeroTurno { background-image: url(../../../img/turnoAUsuario.svg) !important; background-size: 7px; }
.TurUsuDes .numeroTurno { background-image: url(../../../img/turnoAUsuarioDes.svg) !important; background-size: 7px; }
.TurUsuyAge .numeroTurno { background-image: url(../../../img/turnoAUsuarioyAgenda.svg) !important; background-size: 7px; }
.TurUsuDesyAge .numeroTurno { background-image: url(../../../img/turnoAUsuarioDesyAgenda.svg) !important; background-size: 7px; }

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

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

.usuAtrHorizontal div { display: inline-block; }
.usuAtrHorizontal select, .usuAtrVertical select { margin-top: 2px; height: 22px; box-sizing: border-box; }

.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; }
.ucOficinas .tablaHerramientas { padding-left: 0; }

.k-secondary .k-button, .k-secondary.k-button { background: #d1d1d1; border-radius: 0.25rem; }
.AlineacionVerticaArriba { vertical-align: top; }

/* NumericUpDownExtender */
.divNumericUpDown { height: auto; font-size: 0px !important; display: inline-block !important; padding: 0px !important; position: static !important; width: auto !important; height: auto !important; }
    .divNumericUpDown table { position: static !important; border: 0px none; }
        .divNumericUpDown table td { border: 0px !important; }
            .divNumericUpDown table td[rowspan='2'] { padding: 0px !important; }
        .divNumericUpDown table tr { padding: 0px !important; }
    .divNumericUpDown span { float: left !important; height: 18px !important; padding-top: 6px !important; margin-right: 2px !important; }
    .divNumericUpDown input[type="button"] { font-size: 0px; border-radius: .3rem; text-indent: 200%; white-space: nowrap; overflow: hidden; width: 22px !important; height: 12px !important; margin-right: 2px !important; border: 0px none !important; background-size: 40%; border-left: 0px none !important; }
    .divNumericUpDown input[type="text"] { width: 28px !important; text-align: center !important; height: 20px !important; border-radius: 0px !important; font-size: 11px !important; }
    .divNumericUpDown table tr:first-child input[type="button"] { background-image: url('img/arrowup.svg') !important; background-repeat: no-repeat; background-position: center center; }
    .divNumericUpDown table tr:last-child input[type="button"] { background-image: url('img/arrowDown.svg') !important; background-repeat: no-repeat; background-position: center center; }
    .divNumericUpDown table tr:first-child input[type="button"]:hover { background-image: url('img/arrowups.svg') !important; background-repeat: no-repeat; background-position: center center; }
    .divNumericUpDown table tr:last-child input[type="button"]:hover { background-image: url('img/arrowDowns.svg') !important; background-repeat: no-repeat; background-position: center center; }
    .divNumericUpDown input[type=button] { margin: 0 .25rem .1rem .25rem; }
    .divNumericUpDown table tr:nth-child(even) { background: none !important; }
.motivoCierre input { font-size: 1.1rem !important; }
.filtroOficina img { width: 21px; }

/*div.row [class*="col"] { overflow-x: auto; }*/

.form-check-input:checked { background-color: #00ACBA; border-color: #00ACBA; }
.form-check-input:focus { box-shadow: 0 0 0 0.25rem rgb(0 175 185 / 25%); border-color: #00ACBA; }

.treeViewBusqueda table a:last-of-type, .treeViewBusqueda table span:last-of-type { margin-left: 0.25rem; border-radius: .25rem; }
.treeViewBusqueda { margin-top: 0.5rem; }

img[src*='iconoHecho.svg'], img[src*='iconoError.svg'] { width: 15px; height: 15px; }
.ajax__slider_h_rail { margin-left: 0.25rem; }

#elementoFullScreen { display: none; }

.treeViewBusqueda table tr td:last-of-type { border-radius: .3rem; padding-left: .25rem; padding-right: .25rem; position: relative; left: 2px; }
.treeViewBusqueda .rel { border-radius: .25rem; padding: 0 3px; background: #f3f3f4; margin: 1px 0; }
.treeViewBusqueda .n1::after { content: "1"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n2::after { content: "2"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n3::after { content: "3"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n4::after { content: "4"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n5::after { content: "5"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n6::after { content: "6"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n7::after { content: "7"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n8::after { content: "8"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n9::after { content: "9"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }
.treeViewBusqueda .n9::after { content: "10"; display: inline-block; color: #adadad; border-radius: 50%; margin-left: 3px; font-size: 11px; }

/* width */
::-webkit-scrollbar { width: .8rem; height: .8rem; }
/* Track */
::-webkit-scrollbar-track { background: white; }
/* Handle */
::-webkit-scrollbar-thumb { background: #d7d7d7; }

#lblRolesUsuario { font-weight: bold; }

.colorPickerColorDiv { border-radius: .25rem; cursor: pointer; }
.tablaSeleccion { margin-left: auto; }
#cPHPri_NumeradoresLista_divBuscar input[type=submit], #cPHPri_tabCon_tabCol_Numeradores1_divBuscar input[type=submit] { padding: 0 2px; }
.divInfoPrioridadInteligente { margin-bottom: 7px; }
    .divInfoPrioridadInteligente span { display: block; }
td[colspan='15'] { text-align: center; }
.opcionesEdicion input[type=image] { width: 20px; height: 20px; margin: 2px; }

.k-tabstrip-items .k-state-active, .ajax__tab_active { font-weight: bold; }
.botonBuscarPuntos { margin-top: .25rem; margin-bottom: .25rem; background-image: url(../../img/Iconos/nuevaVentana.svg); width: 30px; height: 30px; background-size: 13px; background-position: center; background-repeat: no-repeat; }
.highlight { background: #EBC221; }
span#ventanaModalTiempo::before { content: ""; background: url(../../img/stopwatch-solid.svg); width: 12px; height: 12px; display: inline-block; margin-right: .25rem; background-position-y: 0px; background-repeat: no-repeat; position: relative; top: 1PX; }

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

.cargaHeader, .cargaHeader2, .BarraDesplazamientoAnimada { background: linear-gradient(90deg, rgba(150,200,60,1) 40%, rgba(217,244,118,1) 50%, rgba(150,200,60,1) 60%); background-size: 300% 300%; animation: gradient 2s ease infinite; }
.BarraDesplazamientoAnimada { background: linear-gradient(90deg, rgba(107,171,184,1) 40%, rgba(134,210,226,1) 50%, rgba(107,171,184,1) 60%); background-size: 400% 400%; }

@keyframes gradient {
    from { background-position: 100% 50%; }
    to { background-position: 0% 50%; }
}

.cargaHeader2 { animation: gradient2 2s ease infinite; }

@keyframes gradient2 {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

#hlkEnlaceCabezote { opacity: 1; }
.detalleTurno { padding: .5rem; }
    .detalleTurno img { width: 15px; height: 15px; }
    .detalleTurno .d-flex { align-items: center; padding: .25rem; }
        .detalleTurno .d-flex * { margin-right: .5rem; }
        .detalleTurno .d-flex b { width: 115px; font-weight: normal !important; color: #333; font-size: .9rem; }
        .detalleTurno .d-flex:nth-child(even):not(.flex-column) { background: #efecec; }
        .detalleTurno .d-flex:hover { background: white !important; }
    .detalleTurno .numeroTurno { font-weight: bold; }

.motivoCierre input[type=submit], .motivoCierre input[type=button] { padding: .5rem; }

div.divOcultarElementos img { position: relative; top: -1px; }
    div.divOcultarElementos img.flotanteDer { top: 1px; }

.k-header-column-menu.k-state-active { background: transparent; }
#chatAnchor { cursor: pointer; }

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; }

/* Iframe Acceso DataAnalytics */
.IframeDataAnalytics {
    width: 98vw !important;
}