/* ------------------------------------------------------------------------------
 *
 *  # Components
 *
 *  Archivo con estilos propios de HGInet
 *
 * ---------------------------------------------------------------------------- */

.login-cover-custom {
    background: url('../assets-custom/images/login_cover.jpg') no-repeat;
    background-size: cover;
}

.login-container .page-container .login-form {
    width: 400px;
    height: auto;
}

.category-content-custom {
    position: relative;
    padding: 0px;
}


.sidebar-user-material .user-background {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.sidebar-user-material-content > a {
    display: inline-block;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.sidebar-user-material-content > h6,
.sidebar-user-material-content > span {
    color: #fff;
    text-shadow: 0 0 0px rgba(0, 0, 0, 0.5);
}

.sidebar-user-material-content .legitRipple {
    border-radius: initial;
}

.legitRipple-custom > * {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.category-content-custom-0 {
    background: url(images/backgrounds/0.jpg ) center center no-repeat !important;
    width: 260px;
    height: 179px;
}

.category-content-custom-1 {
    background: url(images/backgrounds/01.jpg) center center no-repeat !important;
}

.category-content-custom-2 {
    background: url(images/backgrounds/02.jpg) center center no-repeat !important;
}

.category-content-custom-3 {
    background: url(images/backgrounds/03.jpg) center center no-repeat !important;
}

.category-content-custom-4 {
    background: url(images/backgrounds/04.jpg) center center no-repeat !important;
}

.category-content-custom-5 {
    background: url(images/backgrounds/05.jpg) center center no-repeat !important;
}

.category-content-custom-6 {
    background: url(images/backgrounds/06.jpg) center center no-repeat !important;
}

.category-content-custom-7 {
    background: url(images/backgrounds/07.jpg) center center no-repeat !important;
}

@media (max-width: 768px) {
    .panel-body > .heading-elements-toggle {
        top: 20px;
        margin-top: 0;
    }

    .panel-body > .heading-elements.visible {
        top: 56px;
        background-color: #02e0ee;
    }
}

/*Estilo para campos requeridos*/
.required {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
}

    .required:after {
        content: ' *';
        color: red;
        font-size: 15px;
    }


.ulLista {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
    text-decoration: none;
}

.liLista {
    width: 200px;
    height: 415px;
    margin: 0 0 30px 30px;
    padding: 0;
    float: left;
}

    .liLista .thumbnail {
        width: 210px;
        height: 415px;
    }

        .liLista .thumbnail .thumb .img {
            height: 180px;
        }

        .liLista .thumbnail:hover {
            border: 1px solid #808080;
            cursor: pointer;
        }

.filtro {
}

    .filtro :hover {
        background-color: #0066FF;
        cursor: pointer;
    }

.ColorTab:hover,
.ColorTab:focus {
    border-top-width: 1px !important;
    border-right-width: 2px !important;
}

.ColorTab > li.active > a,
.ColorTab > li.active > a:hover,
.ColorTab > li.active > a:focus {
    border-top-color: #ddd !important;
    border-top-color: #0066FF !important;
}

.sidebar-user-material .navigation .navigation-user {
    padding-left: 20px;
}







.overlay {
    background-color: rgba(146, 146, 146, 0.73);
    opacity: 0.8;
    cursor: wait;
    box-shadow: 0 0 0 1px #ddd;
    border: 0;
    padding: 0;
    background-color: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 10000;
}

.texto-carga {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    /*margin-top: -75px;
	margin-left: -75px;*/
}


.overlay {
    background-color: #a5a5a5;
    cursor: wait;
    box-shadow: 0 0 0 1px #ddd;
    border: 0;
    padding: 0;
    position: absolute;
    /*background-color: white;*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 10000;
}