:root {
    --color-principal: rgb(162, 237, 119);
}
/* 
    Created on : 18 abr. 2020, 21:48:59
    Author     : josemi
*/
@font-face {
    font-family: Dancing;
    src: url("fonts/Dancing_Script/static/DancingScript-Bold.ttf")
}
#tbllistado img, #tblarticulos img{
    max-height: 50px;
    max-width: 50px;
}
#tbllistado{
    width: 100%;
}

#imagenmuestra{
    max-height: 150px;
    max-width: 150px;
}

ul#langdefault{
    list-style: none;
}


.botones{
    padding-top: 15px;
}

user-expand {
    background-color: #ffc107;
}

.logo-font {
    font-family: Dancing;
    font-size: 1em;
    /*color: #343a40;*/
}

.main-logo {
    opacity: .8;
    background-color: rgba(var(--color-principal), 0.5);
}
.main-logo:hover {
    filter: brightness(60%);
}

#aside-logo{
    height: 39px;
}

.navbar-personal {
    background-color: var(--color-principal);
}

.logo-blog{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
}
/* Menú desplegable de usuario */
.navbar-nav > .user-menu > .dropdown-menu > li.user-header{
    background-color: rgb(230, 236, 222);
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.align-center {
    text-align: center;
}

.img-list {
    max-height: 50px;
    max-width: 50px;
}

.img-article {
    color: red;
    width: 100%;
    /*max-width: 20rem;*/
}

@media (min-width: 575px){
    .img-article {
        max-width: 200px;
    }
}

/* table.datatable tbody td {
    background-color: red !important;
    height: 7rem !important;
    overflow: scroll;
} */

.page404 {
    /*font-family: Source Sans Pro;*/
    height: 100vh;
    background-image: url('/build/images/backgrounds/arbol_lluvia.jpg');
}
.page404 a {
    color: green;
    
}
.page404 a:visited {
    color: rgb(51, 146, 230);
    
}
.page404 .caption-404{
    position: absolute;
    right: 15%;
    left: 15%;
    top: 2rem;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: rgba(17, 16, 16, 0.5);
    border-radius: 15px;
}
.page404 h2, .page404 h3{
    color: #dadd1f;
    padding-left: 0;
}

@media (min-width: 575px){
    .page404 h2, .page404 h3{
        /*padding-left: 20rem;*/
    }
}