@font-face { font-family: 'Roboto'; src: url('Roboto-Regular.ttf') format('truetype') }
html { font-size: 13px; }
/******************Tags y controles******************/
html, body, form { width: 100%; height: 99%; margin: 0; padding: 0; }
body { color: #65646a; }
body, input[type="text"], input[type="password"], select, textarea, input[type="submit"], input[type="button"], .ajax__tab_xp, .ajax__tab_body, .ajax__tab_header { font-family: "Roboto", "Myriad Web Pro", Arial, verdana, tahoma, sans-serif !important; line-height: 1.4rem; }
input[type="checkbox"] { margin: 0.25rem; }    
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, table .tablaBtnSeleccionar a { color: #217DAB; text-decoration: none !important; }
    a:hover { text-decoration: underline !important; }
hr { border-top: 1px solid #d0d1d3; }
.logoCiel { height: 46px; margin-left: 83px; }
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-color: #848488 !important; color: #7b828a; opacity: 0.5; filter: alpha(opacity=50); }
[disabled] { color: #7b828a !important; border-color: #d0d1d3 !important; }

/* Boton */
.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: .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"] { }
        .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 }

/****************** 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: 12px; }
/******************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; }
.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; }
/******************Menú Iconos******************/
.menuIconos > div { display: flex; flex-wrap: wrap; justify-content: center; position: relative; }
.contenedorMenuIconos { opacity: 0; margin: auto auto; justify-content: center; align-items: center; animation-name: opacidad; animation-fill-mode: forwards; animation-duration: .5s; }
    .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: .3rem; cursor: pointer; text-align: center; padding: 10px; background: #e5e5e5; border-radius: .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 { 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; margin-right: 1px; }
.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; border-width: 1px; border-color: #d2d3d5; border-style: solid; margin-bottom: 1rem; }
    fieldset legend { color: #65646a; font-weight: bold; font-size: 1.1rem; position: relative; }
        fieldset legend + div { clear: both; }
.numeroTurno, .numeroTurnoTerminal { font-size: 15px; font-weight: bold; color: black; background-color: white; display: inline-block; padding: 3px 8px; margin: 1px; border: 1px solid #e0e0e1; }
.numeroTurnoTerminal { font-size: 20px; }
.divOcultarElementos { padding: 3px; background: White; border-radius: 3px; }
ol.olConEstilo > li, ol.olConEstilo2 > li { border: 1px dotted #DDD; margin-top: 3px; padding: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ol.olConEstilo > li { background: #EEE; }

ol.olConEstilo2 > li { background: #CCEEF1; }
.tituloSelector { color: #65646a; font-family: "Roboto", "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; }
.cajaCambiaTamano { }
.cajaMover { }

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; }
.ajax__tab_body { font-size: 12px !important; }
#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; margin-right: .25rem; text-align: center; padding: 2px 6px; border-radius: .2rem; }

.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; text-align: center; padding-top: 3px; width: 15px; height: 12px; background: #ffffff; border-radius: 50%; font-size: 9px; font-family: Consolas, tohoma, arial; border: 1px solid #e0e0e1; }
.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; }

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

.cargando .contenido { background: none; }
    .cargando .contenido img { width: 55px; }

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

.circulo { float: left; width: 15px; height: 15px; margin-left: 5px; border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.4); border-radius: 25px; }
.divElementoFiltro { display: flex; margin: .25rem 0; align-items: center; overflow: auto; }
    .divElementoFiltro span:first-of-type, .divElementoFiltro font:first-of-type { width: 83px; }
    .divElementoFiltro input:last-of-type, .divElementoFiltro select:last-of-type { flex-grow: 1; width: 100%; }

#ctl00_UpdatePanel1 { }

.menuIconos a[idpagina='12'] { max-width: 95px; }
.menuIconos a[idpagina='46'] { max-width: 110px; }
.menuIconos a[idpagina='48'] { max-width: 132px; }
.menuIconos a[idpagina='34'] { max-width: 115px; }
.menuIconos a[idpagina='44'] { max-width: 115px; }
.menuIconos a[idpagina='45'] { max-width: 115px; }
.menuIconos a[idpagina='49'] { max-width: 115px; }
.menuTopUsuario a:hover { text-decoration: none !important; }

.contextualUsuario { display: none; z-index: 1004; min-width: 200px; 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; }


.menuIconoInfoUsuario { background: #d1d1d1; border-radius: 50px; width: 30px; height: 30px; }
    .menuIconoInfoUsuario img { width: 18px; height: 18px; }

.menuTopUsuario { font-size: 1.1rem; }
    .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; }
.contextualUsuario a { transition: all .5s; padding: 2px 4px; border-radius: .25rem; }
    .contextualUsuario a:hover { text-decoration: none !important; background: #d1d1d1; color: #636569; }

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

.cargaHeader { 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; }

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

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*=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*=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/ico/nuevo.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/ico/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/ico/cancelar.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$=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*=Nuev].boton:hover,
input[disabled][type=submit][id*=Nuev].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$=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); }