/* General Config */
* {
    font-family: 'Ubuntu', sans-serif;
}
.fa {
    color: #c50c4b;
}
/* Header */
#grava {
    display: none;
}
#header div {
    font-weight: 300;
}

#header #logout > a {
    color: #c50c4b;
    font-weight: 500;
}

#bodyLogin .input-group-prepend > span {
    width: 2.5rem;
}

#bodyLogin {
    height: 80vh;
}

/* Body */
#body, #bodyLogin {
    border-top: 6px solid #c50c4b;
    background-color: #f0f0f0;
}
#body h1, #bodyLogin h1 {
    color: #434343;
    font-weight: 500;
}
#body p, #bodyLogin p {
    font-weight: 700;
    color: #c50c4b;
    text-transform: uppercase;
}
/* Categorias */
#body button {
    color: #fff;
    font-weight: 400;
    border-radius: .2rem;
}
#body button[data-categoria="champagnes"] {
    background-color: #cc3c53;
}

#body button[data-categoria="champagnes"] > span {
    background-color: #dd4e63;
}
#body button[data-categoria="vinos"] {
    background-color: #e8b647;
}

#body button[data-categoria="vinos"] > span {
    background-color: #f1c957;
}
#body button[data-categoria="cervezas"] {
    background-color: #8abd52;
}

#body button[data-categoria="cervezas"] > span {
    background-color: #9dd067;
}
#body button[data-categoria="aperitivos"] {
    background-color: #50a7d2;
}

#body button[data-categoria="aperitivos"] > span {
    background-color: #60badf;
}
#body button[data-categoria="licores"] {
    background-color: #9272d4;
}

#body button[data-categoria="licores"] > span {
    background-color: #a789e4;
}
#body button[data-categoria="aceites"] {
    background-color: #cc68a7;
}

#body button[data-categoria="aceites"] > span {
    background-color: #df7fb9;
}
#body button[data-categoria="todo"] {
    color: #c50c4b;
}

/* Login Page */

#bodyLogin {
    background: url(../img/BG.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#bodyLogin .card {
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
}

#bodyLogin .input-group-prepend > span {
    background-color: #c50c4b;
    border: 1px solid #c50c4b;
    border-radius: 3px;
}

#bodyLogin .input-group-prepend > span > .fa {
    color: #fff;
}

#bodyLogin #loginBtn {
    background-color: #c50c4b;
    border-radius: 3px;
}

#bodyLogin #loginBtn input {
    color: #fff;
}

.custom-file-label::after {
    background-color: #bfbfbf;
    color: #fff;
    text-transform: lowercase;
    border-radius: 3px;
    cursor: pointer;
}

/* Table */
tr:first-child { border-top-left-radius: 10px; }
tr:first-child { border-top-right-radius: 10px; }
tr:last-child { border-bottom-left-radius: 10px; }
tr:last-child { border-bottom-right-radius: 10px; }

#body thead th {
    color: #898989;
    font-weight: 400;
}
#body thead:after {
    content:"@";
    display:block;
    line-height:10px;
    text-indent:-99999px;
}
#body tbody td {
    color: #434343;
    font-weight: 400;
}

#body #secEnviar button {
    background-color: #c50c4b;
    color: #fff;
    text-transform: uppercase;
}

#body #secEnviar span {
    color: #c50c4b;
    font-weight: 700;
    text-transform: uppercase;
}

/* Footer */

.whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5;
}

#footer {
    background-color: #c50c4b;
    color: #fff;
}

#footer .fa {
    color: #fff;
}

/* Copyright */

#copyright {
    background-color: #ab0a40;
    color: #fff;
}