﻿@font-face { font-family: 'MyriadWebPro'; src: url('fuentes/MyriadPro-Regular.eot'); /* IE9 Compat Modes */ src: url('fuentes/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fuentes/MyriadPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('fuentes/MyriadPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fuentes/MyriadPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */ }

/******************Tags y controles******************/
html, body, form { width: 100%; height: 99%; margin: 0; padding: 0; }
body { color: #65646a; font-size: 12px; 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: "MyriadWebPro", "Myriad Web Pro", Arial, verdana, tahoma, sans-serif !important; }
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; }
a { color: #105678; 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: 12px; }
input[type="checkbox"], input[type="radio"], input[type="image"] { border-style: none; border-radius: 0; }
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 #DDD; }
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 { min-width: 750px; }
.encabezado img#ImageLogo { margin-top: 16px; margin-left: 83px; margin-bottom: 16px; }
.encabezado .flotanteDer { height: 80px; min-width: 120px; }
.encabezado .flotanteDer .divUsuario { position: absolute; right: 0; margin: 5px 5px 0 0; }
.encabezado { background: white; border-bottom: 10px solid #95c83b; height: 81px; box-sizing: border-box; }
.encabezado img#ImageLogo { border: 0px; }
.infoLoginSuperior { margin: 5px; }
.infoLoginSuperior a.estadoSesion { color: #cceef1; }
.tituloPagina { display: block; padding: 0 0 10px 0; font-size: 12px; 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: 11px; top: 56px; width: 70%; margin: 0 15%; text-align: center; max-height: 12px; 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 { margin: 0 20px; padding-top: 115px; padding-bottom: 35px; }
.envoltura { min-height: 100%; height: 100% !important; margin: 0 auto -20px; }
/* pie de página */
.piePagina { height: 0px; position: fixed; color: white; width: 100%; bottom: 0; text-align: center; font-size: 11px; padding-top: 4px; background: #999999; z-index: 500; right: 0; box-sizing: initial; }
.piePagina { -webkit-transition: height 500ms; -moz-transition: height 500ms; -o-transition: height 500ms; -ms-transition: height 500ms; transition: height 500ms; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; }
.piePagina a { color: white; }
/******************Caja******************/
.cajaInlineBlock { display: inline-table; }
.caja .cajaLogo { width: 15px; height: 15px; text-align: center; margin-right: 5px; float: left; }
.caja .cajaTitulo, .cargando .contenido { color: white; }
.caja .cajaTitulo { padding: 7px 8px 7px 8px !important; color: White; font-size: 14px; background-color: #474747; border-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.caja .cajaContenido { border-style: none; }
.caja .cajaContenido, .ajax__tab_body, .caja .cajaSoloContenido { background: #dddddd !important; padding: 5px 10px 10px 10px; overflow: auto; border: 1px solid #ddd; }
.ajax__tab_body { border-color: #aaaaaa !important; font-size: 12px !important; }
.caja .cajaContenido { padding: 10px; overflow: auto; }
.cajaMover .manejador { cursor: move; }
/****************** Navegación ******************/
.menuNavegacion { padding-bottom: 15px; color: #a3a3a5; }
.menuNavegacion a { text-decoration: none; font-size: 12px; }
.menuNavegacion a:hover { text-decoration: underline; }
/******************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; }
/******************Menus******************/
.menu { margin-left: 20px; }
.menu ul.level1 > li { display: none; }
.menu ul { height: 30px; font-size: 11px; 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: #42af28; -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: #333333; }
.menu ul li a { color: white; text-decoration: none; padding: 7px 8px 7px 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; }
.menu ul li .hover, .menu ul li a:hover { text-decoration: none; }
.menu ul li ul li { background-color: #333333; 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: #646464; }
.menuSuperior ul li { border-style: none solid none none !important; }
.menuSuperior { border-color: #d0d1d3; margin-top: 2px; }
/******************Menú Iconos******************/
.menuIconos { display: block; visibility: hidden; }
.menuIconos a { display: block; color: #65646a; width: 115px; vertical-align: top; margin: 5px; cursor: pointer; text-align: center; float: left; padding: 2px 5px; }
.menuIconos a:nth-child(5n+1) { clear: left; }
.menuIconos a:hover, .menuIconos a:active { color: black; text-decoration: none; }
.menuIconos a:hover img { width: 81px; height: 81px; margin: 2px; }
.menuIconos img { width: 85px; height: 85px; border: none; }
.menuIconos span { display: block; text-align: center; font-size: 13px; padding-top: 8px; }
.menuIconos a:last { margin-right: 0px; }
.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 { 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: 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; }
/******************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 { color: #65646a; display: block; margin-right: 0px; float: left; padding: 2px; text-align: center; font-size: 11px; min-width: 30px; }
.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:hover { background: none; text-decoration: none; color: black; }
.menuEdicion a:hover img { width: 48px; height: 48px; margin: 1px 1px 3px 1px; }

.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; }
fieldset legend { color: #65646a; font-weight: bold; }
.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: "MyriadWebPro", "Myriad Web Pro", 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: 15px; 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; }
.divUsuario { position: fixed; top: 35px; right: 20px; }

.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: opacity 0.5s, margin 0.5s; -webkit-transition: opacity 0.5s, margin 0.5s; -moz-transition: opacity 0.5s, margin 0.5s; -o-transition: opacity 0.5s, margin 0.5s; -ms-transition: opacity 0.5s, margin 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; }

#divMenuSuperior { height: 31px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; -ms-transition: height 0.5s; transition: height 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: #d1d1d1; border-radius: 0; }
.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: 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; }
.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; }
}

@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; }
}

.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; }

.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; }

.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: 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 .filtroOficina { display: inline-block; position: relative; bottom: 14px; }
.ucOficinas .filtroOficina input[type=image] { position: relative; top: 5px; }
.ucOficinas .tablaHerramientas { padding-left: 0; }
.filtroUsuarios { display: inline-block; position: relative; bottom: 14px; }
.filtroUsuarios input[type=image] { position: relative; top: 5px; }
#ventanaModalTiempo { display: none; color: white; }
.k-secondary .k-button, .k-secondary.k-button { background: #d1d1d1; border-radius: 0; }
.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; text-indent: 200%; white-space: nowrap; overflow: hidden; width: 22px !important; height: 12px !important; margin-right: 2px !important; border: 0px none !important; border-radius: 0px !important; border-left: 0px none !important; }
.divNumericUpDown input[type="text"] { width: 35px !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.png') !important; background-repeat: no-repeat; background-position: center center; }
.divNumericUpDown table tr:last-child input[type="button"] { background-image: url('img/arrowdown.png') !important; background-repeat: no-repeat; background-position: center center; }
.divNumericUpDown table tr:first-child input[type="button"]:hover { background-image: url('img/arrowups.png') !important; background-repeat: no-repeat; background-position: center center; }
.divNumericUpDown table tr:last-child input[type="button"]:hover { background-image: url('img/arrowdowns.png') !important; background-repeat: no-repeat; background-position: center center; }
