div,
span,
i {
    font-family: Prompt;
}

.logo-img {
    height: 40px;
    /*width: auto;*/
    width: 100%;
    /* object-fit: cover; */
    object-fit: fill;
}

.burn-info-table th,
.burn-info-table td {
    border: 0px;
}

.burn-info-table thead th {
    background: black;
    color: white
}

.burn-info-table tbody tr:last-child td {
    background: black;
    color: white
}



.burn-info-table-slide thead th {
    background: #dc3545;
    color: white;
    font-size: 0.8em;
}

/* .burn-info-table-slide tbody tr:last-child td {
    color:white
} */



.burn-info-table-slide-report thead th {
    /* background:#dc3545; */
    /* font-size: 0.7em; */
}


.rounded {
    width: 100%;
    /**/
}

/* opacity slider*/
.slider-text {
    color: black;
}

/* แนวนอน */
.navbar-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-direction: row;
}


.navbar-row .btn-group .navbar-nav {
    display: flex;
    justify-content: center;
    width: 100%;
}


@media (max-width: 400px) {
    .navbar-row .btn-group {
        flex-direction: column;
        align-items: center;
    }

    .navbar-row .navbar-nav.flex-row {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* .title-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .title-container .btn-group {
        justify-content: center;
    } */

@media (max-width: 768px) {
    .navbar-row {
        flex-direction: column;
        align-items: center;
    }

    .navbar-row .btn-group {
        justify-content: center;
    }



}

@media (max-width: 875px) {



    .btn-group {
        justify-content: center;
    }

    .navbar-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1rem;
    }



    .navbar-row .btn-group {
        justify-content: center;
        flex-wrap: wrap;
    }
}


.taminfo{
    background-color: white;
    padding:10px;
    border-radius: 10px;
}