body {
    background-color: #ebebeb;
    color: #333;
}

.navbar {
    background-color: #c82333;
}

.navbar-brand {
    color: white;
}

.nav-link {
    color: white;
}

.nav-link:hover {
    color: #f8d7da;
}
.nav-underline .nav-link {
    font-weight: bold;
    /* Deixa o texto em negrito */
    color: #dc3545;
    /* Cor do texto das abas */
    padding: 10px 20px;
    /* Aumenta o espaçamento nas abas */
}

.navbar-brand {
    color: #fff !important;
}

.header {
    background-color: #f7f7f7;
    padding: 100px 0;
    text-align: center;
    color: #ffc6c4;
}

.card {
    border: none;
}

.card-header {
    background-color: #d9534f;
    color: #fff;
}

.card-body {
    background-color: #f7f7f7;
}

.footer {
    background-color: #d9534f;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}

#data-table {
    display: none;
    /* Hide table initially */
}

#data-table.show {
    display: table;
    animation: fadeIn 1s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.sell {
    border-style: outset;
    padding:inherit;
    color: white;
    border-radius: 15%;
}
.sell.ok{
    background-color: #00a650;
}

.sell.good {
    border-color: dodgerblue;
    background-color: cornflowerblue;
}

.sell.copper {
    border-color: sandybrown;
    background: linear-gradient(186deg, rgb(211 148 0), rgb(255 231 231) 20%, rgb(222 144 65) 30%, rgb(103 39 4) 46%, rgb(241 135 71 / 65%) 50%, rgb(141 53 0) 60%, rgb(157 80 12) 70%, rgb(157 75 14) 80%, rgb(255 156 96));
}

.sell.silver {
    border-color: silver;
    background: linear-gradient(180deg, rgb(219 219 219), rgb(255 255 255) 20%, rgb(160, 160, 160) 30%, rgb(0 0 0 / 65%) 46% 50%, rgb(119 118 118) 60%, rgb(160, 160, 160) 70%, rgb(133, 131, 131) 80%, rgb(197 197 197));
}

.sell.gold {
    border-color: gold;
    background: linear-gradient(161deg, rgb(251 246 72), rgb(255, 255, 255) 20%, rgb(221 159 0) 30%, rgb(235 187 0 / 67%) 46%, rgb(227 159 0) 60%, rgb(45 36 3) 70%, rgb(241 177 3) 80%, rgb(255 255 0));
}

.sell.ruby {
    border-color: lightpink;
    background: linear-gradient(-45deg, rgb(203 42 42), rgb(101 38 38) 20%, rgb(255 63 63) 30%, rgb(245 120 120 / 65%) 46%, rgb(255 41 41 / 65%) 50%, rgb(185 73 73) 60%, rgb(251 30 30) 70%, rgb(176 26 26) 80%, rgb(255 0 0));
}