/* app css stylesheet */

:root {
    --color-blanco: white;
    --color-azul-uno: #373737;
    --color-gris: #eeeeee;
    --color-gris-medio: #737373;
    --color-gris-dark: #373737;
}

body,
html {
    font-family: 'Tahoma';
    background-color: var(--color-blanco);
    height: auto !important;
    width: 100%;
}

.contenedor-principal {
    background-color: var(--color-blanco);
}

@media screen and (min-width: 960px) {
    .contenedor-principal {
        margin-top: 130px;
    }
    .contenedor-principal {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 959px) {
    .contenedor-principal {
        margin-top: 56px;
    }
}

.cabecera-imagen {
    height: 100px;
    width: 100%;
    background-color: white;
}

.cabecera-imagen .imagen-logo {
    height: 70px;
    width: auto;
    margin: 15px 20px;
}

.titulo-vista {
    margin-top: 15px;
    padding-top: 15px;
    font-size: 170%;
    text-align: center;
    color: var(--color-gris-dark);
}

.elemento-texto-centrado {
    text-align: center;
}

.elemento-texto-derecha {
    text-align: right;
}

.alert-custom {
    width: 80%;
    margin: 15px auto 0 auto;
}

.thead-dark th {
    background-color: var(--color-azul-uno) !important;
}

.md-toolbar-tools {
    background-color: var(--color-azul-uno);
}