body {
#    background-color: #2f2f2f;
}

img.logo {
    width: 400px;
    max-width: 80%;
}

ul.menu {
    list-style: none;
    text-align: left;
    font-size: 1.1em;
#    color: #aaaaaa;
    padding-left: 0px;
}

ul.menu li {
    cursor: pointer;
}

ul.menu li:hover {
 color: #feb100;
}

ul.vertical li {
    float: left;
    padding-left: 15px;
}

div.header {
    display: block;
    text-align: left;
}

h1 {
    font-size: 1.5em;
#    color: #fff;
}

.card {
    padding: 10px;
#    background-color: #3f3f3f;
#    color: #aaa;
    font-size: 1.1em;
}

.contenidoPrincipal {
    height: 400px;
}

.contenidoPrincipal .card {
    height: 100%;
}

p {
    text-align: left;
}


div#app {
    margin: 0 !important;
}

.p-inputgroup-addon {
#    background-color: #2f2f2f !important;
}

.p-button {
    background-color: #feb100 !important;
    font-size: 1.1em ;
}

.p-inputtext {
#    background-color: #2f2f2f !important;
}