@font-face { font-family: "Myriad Pro Regular"; src: url('/Fonts/Myriad Pro Regular.ttf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Myriad Pro Semibold"; src: url('/Fonts/Myriad Pro Semibold.ttf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoRegular'; src: url('../../fonts/Roboto-Regular.ttf') format('truetype'); }

html { font-size: 13px; }
* { font-family: 'RobotoRegular', Verdana, Arial, sans-serif; }
body, html, form { height: 100%; min-height: 100%; margin-top: 0; }
/*Filtro de datos  general para todas las paginas */
.filtro input[type=text] { width: 88.5%; float: left; }
.filtro input[type=image] { width: 11%; float: left; border: none; background: #d2d3d5; padding: 0px; margin: 0px; transition: 1s }
    .filtro input[type=image]:hover { width: 11%; float: left; border: none; background: #d2d3d5; padding: 0px; margin: 0px; transition: 1s }

/*input[type=button], input[type="submit"] { border-radius: .3rem; padding: 6px 15px; }
input[type=text], input[type=button], input[type="submit"] { font-family: 'RobotoRegular', Verdana, Arial, sans-serif; }
    .boton:focus, input[type="submit"]:focus, input[type="password"]:focus, input[type="button"]:focus, input[type=text]:focus, select:focus, input:focus-visible { }
input[type="password"][readonly]:focus, input[type="text"][readonly]:focus { border-color: #c9c9c9 }
*, *:focus, *:hover { outline: none; }
input, select, textarea, .boton, .btnMostrarAlarmas { border: none; color: black; border: 1px solid #d0d1d3; }
input[type=text]:focus { border-color: #666; }
body { background-color: white; color: #333; }
 textarea { width: 100% !important; border: 0px; }*/
#loading { background-color: rgba(25,25,25,0.7); height: 100%; width: 100%; position: fixed; z-index: 9999; margin-top: 0; top: 0; text-align: center; }
    #loading img { width: 55px; position: relative; top: 45%; }
.logoCiel { max-height: 50px; }
Miscelaneus
h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h1, h2, h3, h4 { font-weight: bold; }
div.fl { float: left; }
div.fr { float: right; }
div.cl { clear: both; }
div.padd { padding: 10px; margin: 0; }
div.paddHalf { padding: 5px; margin: 0; }
a { color: #217DAB; text-decoration: none; }
    a:hover { text-decoration: underline; }
hr { border-top: 1px solid #999; }
.hidden { display: none; }
form { margin: 0px; padding: -250px; }
.boton { transition: 0.25s all; background: #848488; font-weight: normal; color: white; padding: 4px 8px; border: 0; margin: 2px; cursor: pointer; }
    .boton:hover { color: #848488; background: #D1d1d1; }
.wrapper, .footer { margin: 0 auto;  }
.contenedorPrincipal { padding-bottom: 37px; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -20px; padding: 0 20px; }
.header { width: 100%; height: 88px; }

.headerFlotante { position: fixed; z-index: 100; width: 100%; }
.header { background-color: #FFF; border-bottom: 3px solid #96c83c }
    .header .navbar { justify-content: center !important; }
.headerNombreApp { font-size: 1.5rem; }
.headerSepFlow { height: 98px; _height: 0; }
.header img { border: none; }
.header .headerUserInfo { float: right; text-align: center; }
    .header .headerUserInfo span { font-size: 14px; }
    .header .headerUserInfo div { padding-top: 15px; }
    .header .headerUserInfo a { font-size: 14px; }
.header .AppInfo h3, .header .AppInfo span { color: #999; }
.header .AppInfo h3 { margin-bottom: 5px; }
.content { padding-bottom: 30px; }
.sectionTitle { background-color: white; text-align: center; }
    .sectionTitle span { font-size: 12px; font-weight: bold; color: #333; }
.configButtoms img { border: 0; cursor: pointer; }
.footer { font-size: 0.9rem; margin: 0 auto; display: none; }
    .footer a { color: #217DAB; text-decoration: none; }
        .footer a:hover { text-decoration: underline; }
    .footer .footerContent { display: flex; line-height: 10px; justify-content: center; align-items: center; text-align: center; background: white; position: fixed; bottom: 0; width: 100%; height: 25px; }
.box { background-color: #e7e7e7 !important; }
.boxTitle { background: #646464; color: white; font-size: 13px; height: 30px; }
    .boxTitle div { padding-left: 4px; }
    .boxTitle span { display: block; padding: 7px; }
.boxContent { overflow: auto; padding: 1rem; }
.menuVertical ul li, .menuVertical ul li a { display: block; }
.menuVertical ul li, .menuHorizontal ul li { background: #f1f1f0 url('../../images/menuHBg.gif') repeat-x 50% top; }
    .menuVertical ul li a, .menuHorizontal ul li a { padding: 2px 8px 3px 4px; color: #333; }
    .menuVertical ul li a, .menuHorizontal ul li a, .menuVertical ul li.selected a, .menuHorizontal ul li.selected a { border: 1px solid #BBBBBB; -moz-border-radius: 0.3em; }
.menuVertical ul li { margin-bottom: 2px; }
    .menuVertical ul li a { _height: 13px; }
    .menuVertical ul li.selected, .menuHorizontal ul li.selected { }
        .menuVertical ul li.selected a, .menuHorizontal ul li.selected a { color: #eee; background: #65656A; }
    .menuVertical ul li a:hover, .menuHorizontal ul li a:hover { color: #999; text-decoration: none; }
.menuHorizontal { height: 21px; background-color: #f5f5f5; }
    .menuHorizontal ul li, .menuHorizontal ul li a { display: block; }
    .menuHorizontal ul li { float: left; margin-right: 3px; }
.grid960_12_1 { width: 60px; }
.grid960_12_2 { width: 140px; }
.grid960_12_3 { width: 220px; }
.grid960_12_4 { width: 300px; }
.grid960_12_5 { width: 380px; }
.grid960_12_6 { width: 460px; }
.grid960_12_7 { width: 540px; }
.grid960_12_8 { width: 620px; }
.grid960_12_9 { width: 700px; }
.grid960_12_10 { width: 780px; }
.grid960_12_11 { width: 860px; }
.NotificationError, .NotificationError .notificationClose { background: #D9031D; color: white; }
.NotificationWarning, .NotificationWarning .notificationClose { background: #EAC321; color: black; }
.NotificationInformation, .NotificationInformation .notificationClose { background: #105678; color: white; }
.NotificationSucess, .NotificationSucess .notificationClose { background: #379819; color: white; }
.NotificationError, .NotificationWarning, .NotificationInformation, .NotificationSucess { position: fixed; z-index: 101; width: 100%; padding: 5px; font-size: 12px; padding-left: 20px; background-position: 2px 7px; margin-top: 15px; bottom: 25px; }
    .NotificationError .notificationClose, .NotificationWarning .notificationClose, .NotificationInformation .notificationClose, .NotificationSucess .notificationClose { display: block; float: right; font-size: 8px; position: relative; bottom: -2px; left: 3px; padding: 0 2px; font-style: normal; cursor: pointer; cursor: pointer; font-size: 15px; font-weight: bold; margin-right: 5px; }
.loading { }
    .loading .bg { }
    .loading .content { }
    .loading a { }
.loadingSmall { }
image.imageTree { display: block; padding: 0 3px 3px 3px; }
.textBoxFilterDate, .textBoxFilterDateDisabled { border: 1px solid #6ba5cc !important; width: 70px; }
.textBoxFilterDateDisabled { border: 1px solid #a8a8a8 !important; background-color: #F0F0F0; color: #CCC !important; }
.Agenda .celdaAgenda { font-weight: bold; color: red; }
.modalBackground { background-color: Gray; opacity: 0.7; }
.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 600px; height: 500px; }
    .modalPopup p { padding: 5px; }
.container { height: 100%; position: relative; border: 0px solid green; }
.center { margin: 0; position: absolute; top: 60%; left: 62%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.fuenteSencilla { font-size: small; }
.fuentesencilla2 { display: inline-block; width: 100%; padding: 5px 0px 5px 0px; }
.fuentesencilla3 { display: inline-block; width: 100%; border: none; }
.fuenteNegrilla { font-weight: bold; }
.estiloLinea { border: none; height: 1px; width: 200px; margin-left: 0px; border: 0; border-top: 1px solid #676767; }
.childDiv { float: left; width: 10%; }
.childDiv2 { float: left; width: 40%; }
.auto-style4 { width: 52px; }
.boton2 { transition: 0.25s all; background: #848488; color: white; padding: 4px 8px; border: 0; margin: 2px; cursor: pointer; }
.logoCiel { margin: 0 0 0px 60px; }
.logoCiel { transition: margin 1s; }
.tablaHeader { margin: 28px 0px 0px 5px; }
.verticalLine { border-left: 1px solid black; height: 41px; margin: 34px 0px 0px 0px; }
.navbar { overflow: hidden; background-color: white; padding: 5px }
    .navbar a { float: left; font-size: 13px; color: blue; text-align: left; padding: 0px 0px 0px -10px; text-decoration: none; }
.dropdown { float: right; overflow: hidden; }
    .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: white; font-family: inherit; margin: 0px 0px 0px -5px; }
    .navbar a:hover, .dropdown:hover .dropbtn { background-color: white; }
.dropdown-content { display: none; position: absolute; background-color: #333333; color: #125878; min-width: 180px; box-shadow: 0px 15px 5px 0px rgba(0,0,0,0.2); z-index: 1; margin-left: -180px; margin-top: -13px; }
    .dropdown-content a { float: none; color: white; padding: 8px 50px 5px 10px; text-decoration: none; display: block; text-align: left; width: auto; }
        .dropdown-content a:hover { background-color: #125878; }
.dropdown:hover .dropdown-content { display: block; position: fixed; }
.fullwidth { width: 100px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; display: inline-block; text-align: center; }
.menuDesplegable { width: 100px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; display: inline-block; text-align: center; }
.tituloPagina { background-color: white; font-size: 15px; color: gray; text-align: center; padding-left: 5px; }
.barraTituloContenedor { background: #C4C9CC !important; color: #333; display: flex; align-items: center; font-size: 1.1rem; height: 32px; }
.barraTituloContenedor2 { background: #C4C9CC !important; color: #333; font-size: 13px; height: 30px; width: 70% !important; }
.barraTitulo { padding-left: 8px; }
.botonEstilo2 { transition: 0.25s all; background: #848488; font-weight: normal; color: white; padding: 4px 8px; border: 0; margin: 2px; cursor: pointer; text-align: center; }
    .botonEstilo2:hover { transition: 0.25s all; background: #59595C; font-weight: normal; color: white; cursor: pointer; text-align: center; }
.botonEstilo3 { transition: 0.25s all; background: #11a8bd; font-weight: normal; font-size: 13px; color: white; padding: 4px 8px; border: 0; margin: 2px; cursor: pointer; width: 148px; text-align: center; }
.estiloBotonEnTabla { height: 30px; width: 20px; }
.estiloFondoOscuro { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; opacity: .80; filter: alpha(opacity=80); }
.estiloVentanaAcercaDe { display: none; position: absolute; top: 25%; left: 35%; width: 25%; height: 32%; padding: 16px 20px 0px 20px; border: 10px solid #00afb9; margin-bottom: -20px; background-color: white; z-index: 1002; overflow: auto; }
.columnaGrillaEstilo3 { border: 1px solid #3366CC; width: 100px !important; }
div.relleno { position: relative; border: 0px dashed red; display: flex; justify-content: center; align-items: center; overflow: hidden; }
    div.relleno img { flex-shrink: 0; height: auto; width: 50%; }
#divFooter { background: white; width: 100%; height: 28px; border-top: 0px solid #E0E0E0; position: absolute; bottom: 0px; left: 0px; text-align: center; font-size: .9rem; }

@media (min-height: 450px) and (max-width: 767px) {
    .logoCiel { margin-left: 20px; }
}

.botonEstilo2.seleccionado { background: #11a8bd; }

.seleccionHora { position: relative; top: -4px; }
    .seleccionHora span.hora { position: relative; top: 3px; }
        .seleccionHora span.hora + div { width: auto; font-size: 1rem !important; }
.tituloHeaderApp { border-left: 3px solid #ababaa; margin-left: 16px; padding-left: 15px; color: #65646a; }


.menu ul.level1 > li { display: inline-block; }
.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: #59595C; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
.menu .level2.highlighted { background-color: #59595C; }
.menu ul li a { color: white; text-decoration: none; padding: 6px 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; }
    .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; }
.menuSuperior { background: #7A828A; display: block; }
    .menuSuperior ul li { border-style: none !important; }
.menuSuperior { border-color: #d0d1d3; display: none; }

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

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

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; position: relative; bottom: 6px; }
.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; border: 1px solid #999999 }
.ajax__tab_container { position: relative; top: 6px; }
.ajax__tab_tab { position: relative; bottom: 6px; }

.menuNavegacion { padding-bottom: 15px; color: #a3a3a5; }
    .menuNavegacion a { text-decoration: none; }
        .menuNavegacion a:hover { text-decoration: underline; }

.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="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; }