﻿@font-face { font-family: 'Roboto'; src: url('fuentes/Roboto-Regular.ttf') format('truetype') }

/* General */
body { background-color: #FFFFFF; font-family: Roboto, Verdana, Arial !important; color: #65646a; }
input { font-family: Roboto, Verdana, Arial !important; }
.noTransition { transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; }
.divEnvoltura { min-height: 100%; height: 100% !important; margin: 0px auto -20px; }

/* Encabezado MasterPage */
.divHeader { position: fixed; top: 0px; width: 100%; z-index: 995; }
.divHeaderCabeza { height: 88px; background-color: #96c83c; }
    .divHeaderCabeza > div:first-of-type { background: white; margin-bottom: 3px; }
.divHeaderImgDer { position: fixed; background: url('img/mp/banner_head_der.jpg') no-repeat right; width: 756px; height: 85px; right: 0px; z-index: 996; }
.divHeaderImgIzq { position: fixed; background: url('img/mp/banner_head_izq.png') no-repeat; width: 87px; height: 49px; z-index: 997; }
.divHeaderImgIzq { 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; }
.divHeaderImgIzq { margin-top: 16px; margin-left: 83px; margin-bottom: 16px; }
.divHeaderTitulo { border-left: 3px solid #ababaa; padding-left: 15px; margin-left: 16px; }
.divHeaderTitulo { transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; -webkit-transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; -moz-transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; -o-transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; -ms-transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; }
.fontHeaderTitulo { font-size: 1.5rem; line-height: 49px; }
.fontHeaderTitulo { transition: opacity 0.5s, font-size 0.5s; -webkit-transition: opacity 0.5s, font-size 0.5s; -moz-transition: opacity 0.5s, font-size 0.5s; -o-transition: opacity 0.5s, font-size 0.5s; -ms-transition: opacity 0.5s, font-size 0.5s; }

/* Logo encabezado MasterPage del cliente */
#imgLogoCliente { position: fixed; height: 49px; /*margin-top: 16px;*/ margin-left: 275px; margin-bottom: 16px; border-left: 3px solid #ababaa; padding-left: 15px; z-index: 996; }
#imgLogoCliente { 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; }

/* Información inicio de sesión MasterPage */
.divLoginInfo { margin-right: 8px; }
.divLoginInfo { transition: opacity 0.5s, height 0.5s; -webkit-transition: opacity 0.5s, height 0.5s; -moz-transition: opacity 0.5s, height 0.5s; -o-transition: opacity 0.5s, height 0.5s; -ms-transition: opacity 0.5s, height 0.5s; }
    .divLoginInfo .divInfoUsuario { }
    .divLoginInfo .divInfoUsuario { 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; }
        .divLoginInfo .divInfoUsuario span { line-height: 1; display: block; }

/* Menú inicio de sesión MasterPage */
.loginStatus { display: none; }
.menuTopUsuario { z-index: 997; margin-left: 20px; margin-right: 5px; }
.menuTopUsuario { 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; }
    .menuTopUsuario ul { position: fixed; list-style-type: none; margin: 0; padding: 0; display: none; right: 20px; z-index: 997; }
        .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: #227DAC; }
.divUsuario { position: fixed; top: 35px; right: 20px; }

/* Menú principal */
.menu { }
    .menu ul.level1 > li { display: none; }
    .menu ul { list-style-type: none !important; margin: 0; padding: 0; z-index: 1003; }
        .menu ul li { border-color: #333333; border-style: solid; border-width: 0px; }
            .menu ul li ul { height: auto; }
            .menu ul .hover, .menu ul li a.highlighted { background-color: #6BABB8; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
    .menu .level2.highlighted { background-color: #59595C; }
    .menu ul li a { color: white; text-decoration: none; padding: 6px 10px 7px 10px; 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 !important; }
    .menu ul li ul li { background-color: #59595C; background-image: none; border-style: solid !important; white-space: nowrap; }
    .menu ul.level1 .level1.static:first-of-type { display: none !important; }
.appSiteMap span { opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; }
.menuSuperior { background: #7A828A; height: 32px; display: none; }
    .menuSuperior ul li { border-style: none solid none none !important; }
.menuSuperior { border-color: #d0d1d3; }
.menuNavegacion { padding-bottom: 15px; color: #a3a3a5; padding-left: 10px; }
    .menuNavegacion a { text-decoration: none; font-size: 12px; }
        .menuNavegacion a:hover { text-decoration: underline; }

/* Pie de página */
.divFooter { position: fixed; bottom: 0px; opacity: 0; height: 0; width: 100%; background-color: white; color: #333; padding-top: 4px; z-index: 994; font-size: .9rem; }
.divFooter { animation: footerAnimation .5s ease-out; animation-delay: 1s; animation-fill-mode: forwards; }
.divFooterInfo { width: 100%; text-align: center; }

@keyframes footerAnimation {
    from { height: 0px; opacity: 0; }
    to { height: 25px; opacity: 1; }
}
/* Contenido páginas */
.divContent { padding-top: 100px; padding-bottom: 30px; }
.divGris { background-color: #F2F2F2; border: 1px solid #D2D3D5; padding: 5px; }
.divMenu { margin-top: 10px; }
.divCentral { height: 100%; }

.logoCiel { transition: all .5s; opacity: 0; }
.divHeaderTitulo { opacity: 0; }

/* Adaptativo */
@media only screen and (max-width : 550px) { .logoCiel { margin-left: 20px; }
}

@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; }
}

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; }
    input[type="checkbox"][disabled] + label:before, input[type="checkbox"][disabled] + label:after { 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"] { display: inline; }
    
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; }

table.tabla1 th input[type="checkbox"] + label:before { border: 1px solid #e7e7e7; }