@import url('Site.css');


.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}
/* LOGIN */
.linkCheckmein{
    float:right;
    color:#254469;
    font-size: 100%;
    font-weight:bold;
}

/* BODY */
.bodyAdministrador:after{
    background: none;
}

/* HEADER */
.bodyAdministrador header{
    height:auto;
    min-height:50px;
}
header #logoAdministrador{
width:41px;
}
#logoAdministrador > img{
width:100%;
}
    #subHeader{
        height:inherit;
        min-height:29px;
        width:98%;
        text-align:right;
        background:#1c334f;
        padding:0 1%;
    }
    #subHeader ul li{
        display:inline;
    }
    #subHeader ul li a{
        color:#ccc;
        font-size: 100%;
        font-variant:small-caps;
        line-height:30px;
        position:relative;
        padding:5px 10px;
        padding-left:30px;
    }
        #subHeader ul li a:before{
            content:"";
            display:block;
            width:16px;
            height:16px;
            position:absolute;
            left:10px;
            top:50%;
            margin-top:-8px;
            background-image:url(/Content/Images/spriteIconsCheckmeinAdmin.png);
            background-repeat:no-repeat;
        }
        #subHeader ul li a.topConfiguracion:before{
            background-position:-1482px -8px;
        }
        #subHeader ul li a.topEventos:before{
            background-position:-1456px -8px;
        }
        #subHeader ul li a.topHousing:before{
            background-position:-2638px -8px;
        }
        #subHeader ul li a.topSalir:before{
            background-position:-2118px -8px;
        }
        #subHeader ul li a:hover{
            color:#fff;
        }


    .bodyAdministrador header #wrapperImgHeader{
        width:40px;
        height:40px;
        border:5px solid #fff;
    }
    #wrapperImgProveedores{
        border:none;
        border-radius:0;
        margin-left: -10px;
        margin-top: -10px;
        margin-right:15px;
        width: 200px;
        height: 70px;
        float: left;
        text-align: center;
    }
    #wrapperImgProveedores img{
        height: 100%;
    }
.bodyAdministrador header {
    background-color: #0035E6;
}
    .bodyAdministrador.proveedores header{
        background-color: #fbfbfb;
        box-shadow: 0 0 6px 0 #000;
        border-bottom: 1px solid #254469;
    }
.bodyAdministrador #headerLeft {
    width: 600px;
}
.bodyAdministrador #headerRight {
    width: 150px;
}
            .bodyAdministrador header h1{
                line-height:50px;
                color:#fff;
            }
            .bodyAdministrador.proveedores header h1, .bodyAdministrador.proveedores #headerRight p, .bodyAdministrador.proveedores #headerRight a.collapse{
                color:#555;
            }
            .bodyAdministrador.proveedores #headerRight p, .bodyAdministrador.proveedores #headerRight a.collapse{
                color:#fff;
            }

            .bodyAdministrador #listaIdiomas{
                top:47px;
            }
            .bodyAdministrador #listaBienvenido{
                top:50px;
            }

/* NAVCONFIG - NAVVERTICAL*/
#wrap_OpcionesVerticales{
    position:relative;
    width:100%;
}
    #wrap_OpcionesVerticales:after{
        content:""; display:block; width:1px; height:1px; position:relative; clear:both;
    }

.bodyAdministrador nav#navConfig,
.bodyAdministrador nav#navVertical {
    /*position:relative; min-height:40px; height:auto; font-size:80%; line-height:40px; border-bottom:3px solid #ccc; padding-bottom:20px; margin-bottom:20px; padding-right:7%; padding-top:35px; width:93%;*/
    position: relative;
    min-height: 40px;
    height: auto;
    font-size: 65%;
    line-height: 27px;
    border-bottom: 3px solid #0035E6;
    padding: 0px;
    background-color: #F0F0F0;
}
    .bodyAdministrador nav#navConfig:after,
    .bodyAdministrador nav#navVertical:after{
        content:"";
        display:block;
        width:1px;
        height:1px;
        position:relative;
        clear:both;
    }
    .bodyAdministrador nav#navConfig ul,
    .bodyAdministrador nav#navVertical ul{
        overflow:visible;
        position:relative;
        margin: 0 10px;
    }
        .bodyAdministrador nav#navConfig ul li,
        x.bodyAdministrador nav#navVertical ul li {
            position: relative;
            padding: 10px 5px 0px;
            height: auto;
            cursor: pointer;
            color: #131929;
        }
            .bodyAdministrador nav#navConfig ul li.subActivo:before,
            .bodyAdministrador nav#navConfig ul li.subActivo:after,
            .bodyAdministrador nav#navVertical:before,
            .bodyAdministrador nav#navVertical:after{
                /*content:"";*/
                display:block;
                position:absolute;
                width: 0;
	            height: 0;
                margin:0;
                right:inherit;
                top:inherit;
                background-image:none;
                bottom:-21px;
                left:50%;
                margin-left:-10px;
                border-top:none;
	            border-left: 10px solid transparent;
	            border-right: 10px solid transparent;
	            border-bottom: 12px solid #ccc;
            }
            .bodyAdministrador nav#navConfig ul li.subActivo:after,
            .bodyAdministrador nav#navVertical ul li.verticalSeleccionado:after{
                border-bottom: 12px solid #fbfbfb;
                margin-bottom:-4px;
            }
            .bodyAdministrador nav#navConfig ul li a,
            .bodyAdministrador nav#navVertical ul li a{
                height: auto;
                padding:0;
                background: none;
                font-size: 100%;
                box-shadow: none;
                text-indent: inherit;
                cursor:pointer;
                border: none;
            }
            .bodyAdministrador nav#navConfig ul li.subActivo a,
            .bodyAdministrador nav#navVertical ul li.verticalSeleccionado a{
                cursor:default;
            }
                .bodyAdministrador nav#navConfig ul li a:after,
                .bodyAdministrador nav#navVertical ul li a:after{
                    display:none;
                }
            .bodyAdministrador nav#navConfig ul li a:before,
            .bodyAdministrador nav#navVertical ul li a:before {
                display: block;
                position: absolute;
                width: 24px;
                height: 24px;
                right: inherit;
                left: 50%;
                top: -30px;
                margin-left: -12px;
                border: none;
                /*background-image: url(/Content/Images/spriteIconsCheckmeinAdmin.png);*/
                background-repeat: no-repeat;
            }

                .bodyAdministrador nav#navVertical{
                    position:relative;
                    float:left;
                    border:none;
                    border-right:3px solid #ccc;
                    width:15%;
                    height:100%;
                    padding:0;
                    padding-right:0;
                    top:0;
                    left:0;
                }
                    .bodyAdministrador nav#navVertical:before,
                    .bodyAdministrador nav#navVertical:after{
                        display:none;
                    }
                .bodyAdministrador nav#navVertical ul li{
                    float:none; display:block;
                }
                    .bodyAdministrador nav#navVertical ul li a{
                        line-height:35px;
                        text-indent:20px;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                        text-align:left;
                    }
                        .bodyAdministrador nav#navVertical ul li a:before{
                            left:0;
                            top:50%;
                            width:16px;
                            height:16px;
                            margin:0;
                            margin-top:-8px;
                        }

                    .wrapContenidoVerticales{
                        float:right;
                        width:84%;
                    }
                        #wrap_OpcionesVerticales .wrapContenidoVerticales h1{
                            margin-top:0;
                            margin-bottom:20px;
                        }
                    .bodyAdministrador nav#navVertical .verticalSeleccionado ul li a{
                        cursor:pointer;
                    }
                    .currentSnap{
                        display:block;
                        width:3px;
                        height:35px;
                        background:#1c334f;
                        position:absolute;
                        right:-3px;
                    }
                    .subVertSeleccionado{
                        font-weight:bold;
                    }

                .bodyAdministrador nav#navConfig ul li.configIdioma a:before{
                    background-position:-1676px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configEstatus a:before{
                    background-position:-1710px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configPEC a:before{
                    background-position:-1744px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configTitulos a:before{
                    background-position:-1778px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configMonedas a:before{
                    background-position:-1812px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configImpuestos a:before{
                    background-position:-1846px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configFormasPago a:before{
                    background-position:-1880px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configClientes a:before{
                    background-position:-1914px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configProveedores a:before{
                    background-position:-1948px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configHoteles a:before{
                    background-position:-1982px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configUsuarios a:before{
                    background-position:-2016px -4px;
                }

                .bodyAdministrador nav#navConfig ul li.configGraficas a:before{
                    background-position:-2050px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configCorte a:before{
                    background-position:-2084px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configInicio a:before {
                    background-position:-2178px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configBecas a:before {
                    background-position:-2212px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configTipoUsuario a:before {
                    background-position:-2246px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configCodigos a:before {
                    background-position:-2280px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configListDatFacturacion a:before {
                    background-position:-2348px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configListFacturacion a:before {
                    background-position:-2314px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configHousing a:before {
                    background-position:-2382px -4px;
                }

                /* CONFIGURACION REGISTRO EN SITIO */
                .bodyAdministrador nav#navConfig ul li.configConfigGafete a:before {
                    background-position:-2536px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configAsistencia a:before {
                    background-position:-2144px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configBecas a:before {
                    background-position:-2212px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configVentas a:before {
                    background-position:-1880px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configDetallesBecas a:before {
                    background-position:-2570px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.configCursos a:before {
                    background-position:-2604px -4px;
                }

                /* NAV OPERACIONES */
                .bodyAdministrador nav#navConfig ul li.operTarjetas a:before {
                    background-position: -2468px -4px;
                }
                .bodyAdministrador nav#navConfig ul li.operFacturasProveedores a:before {
                    background-position: -2502px -4px;
                }

                /* NAV VERTICAL */
                .bodyAdministrador nav#navVertical ul li.navVerticalReportes a:before{
                    background-position:-2442px -8px;
                }
                .bodyAdministrador nav#navVertical ul li.navVerticalGraficas a:before{
                    background-position:-2416px -8px;
                }

            .bodyAdministrador nav#navConfig.navMenuResponsive ul li.subActivo:before,
            .bodyAdministrador nav#navConfig.navMenuResponsive ul li.subActivo:after,
            .bodyAdministrador nav#navConfig.navMenuResponsive ul li a:before{
                display:none;
            }
.bodyAdministrador nav#navConfig.navMenuResponsive ul li.subActivo {
    background: #ffffff;

}
    .bodyAdministrador nav#navConfig.navMenuResponsive ul li.subActivo a {
        color: #0035E6;
    }
    .bodyAdministrador nav#navConfig.navMenuResponsive ul li.subActivo div {
        color: #0035E6;
    }

/* ADMINISTRADOR REGISTRO EN SITIO */
.bodyAdministrador #main h1{
    margin-top:0;
    padding-right:0;
}
    /* GRÁFICAS */
    .wrapperGrafica{
        margin-bottom:50px;
        padding-bottom:50px;
        border-bottom:1px dashed #ccc;
    }
        .wrapperGrafica:after{
            content:"";
            display:block;
            position:relative;
            width:1px;
            height:1px;
            clear:both;
        }
        .grafica,
        .acotacionesGrafica{
            width:30%;
            margin:0 10%;
            float:left;
        }
            .grafica canvas{
                display:inline;
            }
            .acotacionesGrafica ul{
                vertical-align:bottom;
            }
                .acotacionesGrafica ul li{
                    clear:both;
                    margin-bottom:15px;
                }
                    .acotacionesGrafica ul li p span{
                        display:block;
                        width:24px;
                        height:24px;
                        border-radius:50%;
                        float:left;
                        margin-right:10px;
                    }
    .divAdminGrafica{
        float:left; width:50%; margin:0; padding:0; position:relative;
    }
    /* CÓRTES */
    .archivosCargados{
        margin: 0 10px;
        display: inline-block;
        position: relative;
        height: auto;
        width: 16px;
        vertical-align:middle;
    }
        .archivosCargados:after {
            content: "";
            display: block;
            position: absolute;
            width: 16px;
            height: 16px;
            top: 50%;
            right: initial;
            left: 50%;
            margin-left: -8px;
            margin-top: -8px;
            background-image: url(/Content/Images/spriteIconsCheckmein.png);
            background-repeat: no-repeat;
            background-position: -894px -8px;
        }
/* CONTENIDO */
.bodyAdministrador section#contenido{
    width:100%;
}

.bodyAdministrador #wrapperContenido{
   position:relative;
   clear:both;
}
    .bodyAdministrador #wrapperContenido h1{
        line-height:100%;
        margin-bottom:20px;
    }

    .bodyAdministrador #wrapperContenido a {
        padding-left: 15px;
    }

/* FACTURACIÓN */
h2.collapse{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    cursor:pointer;
}

/* COMPROBACION GASTOS */

.conFactura,
.sinFactura{
    margin-top:15px;
    padding-top:15px;
    border-top: 1px dotted #aaa;
}

/* CUSTOM */
.clear:after{
    content:""; display:block; position:relative; width:1px; height:1px; clear:both;
}
/* RESPONSIVE */
@media screen and (max-width: 800px) {
        .grafica,
        .acotacionesGrafica{
            width:80%;
            margin:0 auto;
            float:none;
            margin-bottom:15px;
        }
            .acotacionesGrafica ul li {
            clear: none; 
            float: left;
            margin-right: 15px;
            }
}