.notification
{
    font-weight: bold;
    padding: 5px;
}

.notification.failure
{
    background-color: firebrick;
    color: #FFF;
}

.notification.success
{
    background-color: forestgreen;
    color: #FFF;
}

.identificacao
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.identificacao input
{
    border: none;
    border-bottom: 1px solid #999;
    padding: 10px 0;
}

.flex_rows
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.flex_columns
{
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.flex_columns.space_between
{
    align-items: center;
    justify-content: space-between;
}

#produtos
{
    display: flex;
    flex-direction: column;
    gap: 5px
}

#produtos .item
{
    display: grid;
    gap: 5px;
    grid-template-columns: auto 1fr auto;
}

#produtos .item .nome
{
    font-weight: bold;
}

#produtos .item .preco
{
    color: #999;
}

#produtos .item .preco.riscado
{
    text-decoration: line-through;
}

#produtos .item .imagem
{
    display: flex;
}

#produtos .item .imagem img
{
    border-radius: 5px;
    width: 64px;
}

#pedidos
{
    display: flex;
    flex-direction: column;
    gap: 5px
}

#pedidos .item
{
    background-color: #EEE;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 5;
    padding: 5px;
}

#pedidos .item .data, #pedidos .item .endereco
{
    font-weight: bold;
}

#pedidos .item .telefone
{
    display: flex;
    justify-content: right;
}

#grafico_container
{
    height: 60vh;
    position: relative;
    width: 100%;
}

#grafico
{
    height: 100% !important;
    width: 100% !important;
}

@media (max-width: 600px)
{
    #grafico_container
    {
        height: 30vh;
    }
}

.centralizado
{
    font-size: 16px;
    left: 50%;
    width: 100vw;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.flatpickr-calendar
{
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;
}