@font-face { font-family: 'RobotoRegular'; src: url('fuentes/Roboto-Regular.ttf') format('truetype'); }
html { font-size: 13px; }
body, html, form { height: 100%; min-height: 100%; margin-top: 0; padding: 0px; margin: 0px; }
body { background-color: #FFF; color: #333; font-family: 'RobotoRegular', Tahoma, Verdana, Geneva, sans-serif; }
input[type="text"], input[type="password"], select, textarea, input[type="submit"], input[type="button"], select, textarea { font-family: 'RobotoRegular', Tahoma, Verdana, Geneva, sans-serif; }
input[type=text]:focus, input[type=password]:focus { border-color: #666; }
*, *:focus, *:hover { outline: none; }
/* Miscelaneus */
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 { text-decoration: none; color: #105678; }
    a:hover { text-decoration: none !important; color: #666; }
    input[type="submit"]:hover, a.boton:hover { background: #848488; color: white; }
hr { border-top: 1px solid #999; }
.hidden { display: none; }
form { margin: 0px; padding: 0px; }
input[type="submit"], input[type="button"], .boton { transition: 0.25s all; background: #d1d1d1; color: #646464; font-weight: normal; padding: 4px 8px; border: 0; border-radius: .3rem; cursor: pointer; }
input[type="text"], input[type="password"], input[type="number"] { border: 1px solid #DDD; color: black; }
.botonCancelar { background: #d9031d !important; color: white !important; }
input[type="submit"].botonEdicion, input[type="button"].botonEdicion { margin: 5px 0; }
textarea { font-size: 11px; }
legend { font-weight: bold; }
fieldset { border: 1px solid #cdcdcd; border-radius: 5px; }
    fieldset:hover { background: white; }
.wrapper, .footer { margin: 0 auto; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; background: white; }
/* Header */
div.header { position: fixed; z-index: 100; width: 100%; background-color: #FFF; }
.headerSepFlow { height: 114px; _height: 0; }
.header img { border: none; }
.header .headerUserInfo { text-align: center; height: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .header .headerUserInfo span { font-size: 1.1rem; line-height: 1.1rem; }
    .header .headerUserInfo div { }
    .header .headerUserInfo a { font-size: 11px; }
#LabelAppName { font-size: 1.5rem; color: #65646a; }
.headerLogos { border-bottom: 3px solid #f08f00; height: 88px; }
.content { padding-bottom: 30px; margin-top: 67px; }
.AppInfo { height: 49px; display: flex; align-items: center; border-left: 3px solid #ababaa; padding-left: 15px; margin-left: 16px; }
.configButtoms img { border: 0; cursor: pointer; }
/* Footer */
.footer { font-size: 11px; width: 960px; }

.wrapper .footer { margin: 0 0 0 -10px; }

.footer a { color: #217DAB; text-decoration: none; }
.footer .footerContent { left: 0; background-color: white; font-size: .9rem; text-align: center; padding: 5px; position: fixed; bottom: 0; width: 100%; height: 25px; }
/* Box */
.box { /**/ background-color: #dddddd !important; }
.boxTitle { background: #C4C9CC; color: #333; font-size: 1.1rem; }
    .boxTitle div { padding-left: 4px; }
    .boxTitle span { display: block; padding: 7px; padding-left: 10px; }
.boxContent { overflow: auto; padding: 10px; }

.accordionPaneHeader { background: #f3f3f4 !important; border: 1px solid #d0d1d3 !important; color: #65646a !important; }
.accordionPaneContainer { background: white; border: 1px solid #d0d1d3 !important; border-top-width: 0 !important; }

.sectionTitle, .footer .footerContent, .menuTop ul li a.selected, legend, input, select, textarea { color: #333; }

.accordionPaneHeader { border: 1px solid #F5F5F5; cursor: pointer; font-size: 12px; font-weight: bold; background: #CBD0E6; padding: 5px; }
.accordionPaneContent { overflow: auto; padding: 7px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #f1f1f0; }

.sectionTitle { background-color: #f5f5f5; padding: 2px 10px; font-size: 13px; }
    .sectionTitle img { border: 0; }
.sectionTitle { font-weight: bold; }
    .sectionTitle .fl span { position: relative; top: -1px; font-size: 14px; margin-left: 5px; }
/* Menus */
.menuTop { background: #7A828A; display: none; }
    .menuTop ul, .menuVertical ul, .menuHorizontal ul { list-style-type: none; padding: 0; margin: 0; }
        .menuTop ul li { display: block; float: left; }
            .menuTop ul li a { transition: 0.25s all; font-size: 13px; display: block; padding: 6px 10px 6px 10px; color: #FFF; text-decoration: none; }
                .menuTop ul li a:hover { background: #59595C; }
                .menuTop ul li a.selected { background: #333333; color: white; }
        .menuVertical ul li, .menuVertical ul li a { display: block; }
        .menuVertical ul li, .menuHorizontal ul li { background: #f1f1f1; }
            .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; }

/* grids */
.grid960_12_1 { width: 60px; }
.grid960_12_2 { width: 140px; }
.grid960_12_3 { width: 220px; }
.grid960_12_4 { width: 300px; }
.grid960_12_5 { width: 380px; }
.grid960_12_6 { width: 460px; }
.grid960_12_7 { width: 540px; }
.grid960_12_8 { width: 620px; }
.grid960_12_9 { width: 700px; }
.grid960_12_10 { width: 780px; }
.grid960_12_11 { width: 860px; }
/* Notifications */
.notificacion { z-index: 1002; width: 100%; font-size: 11px; background-position: 2px 4px; position: fixed; _position: absolute; bottom: 25px; }
.notificacionControles { float: right; padding: 3px 3px 0 0; }
.notificacionContenido { display: block; }
.notificacionError, .notificacionExcepcion { background: #D9031D; color: white; }
.notificacionAdvertencia { color: #333; background: #EAC321; }
.notificacionInformacion { color: white; background: #105678; }
.notificacionRealizado { color: white; background: #379819; }

.notificacionError, .notificacionAdvertencia, .notificacionInformacion, .notificacionRealizado, .notificacionExcepcion { padding: 5px; background-position: 0px 5px; border-width: 0; }
.notificacionCerrar, .notificacionAnclar { font-size: 8px; border-style: solid; border-width: 1px; padding: 1px 3px; font-style: normal; cursor: pointer; color: #333; border-color: #ccc; background-color: #fff; }

/* Loading */
.loading { display: none; }
    .loading .bg { position: fixed; _position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.7); }
    .loading .content { position: fixed; _position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 1001; text-align: center; width: 50px; }
    .loading a { display: block; width: 72px; height: 20px; background-image: url(../../images/stopButtom.gif); color: #FFF; margin: 5px auto 0 auto; }
    .loading img { width: 50px; }
.loadingSmall { display: none; width: 16px; height: 16px; z-index: 100; background-color: #FFF; padding: 2px; background: url(../../images/loadingSmall.gif) no-repeat center center; border: 1px solid #CCC; }
/**/
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; }
.textoValidador { color: #D9031D; font-size: 11px; font-style: italic; }
.sectionTitle .fl img { position: relative; top: 2px; }


.lblCarpeta { color: #66656B; }
.recurso { margin-bottom: 2px; }
.error { color: #D9031D !important; }

.aspNetDisabled.boton, [disabled] { background-color: darkgray; color: lightgray; cursor: auto; }

pre { margin: 0; }

.SEDeshabilitado .boxTitle { color: #D9031D !important; }

.sinPadding { padding-left: 0; padding-right: 0; }
.sinMargin { margin-left: 0; margin-right: 0; }

.header div.logoCiel { transition: all .5s; margin-left: 83px; background-image: url(../../images/logoMPCCmedia.svg); width: 120px; background-size: 120px; height: 60px; background-repeat: no-repeat; background-position-y: center; }

input { margin: 0px; }

@media only screen and (max-width: 550px) {
    .header div.logoCiel { margin-left: 20px; }
}

/******************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; line-height: 1.4rem; animation: opacidad .5s; animation-fill-mode: forwards; opacity: 0; transition: opacity .5s; background: #f08f00; 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; }


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

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

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


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