* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body,
html {
    background-image: url(../img/bg-home.jpg);
    height: 100vh;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.criar-eventos-icon {
    width: 50px;
    height: auto;
    aspect-ratio: 1/1;
}

.height-100 {
    height: 100%;
}

.div-principal {
    width: clamp(300px, 100%, 500px);
}

.tabela {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tabela table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
}

.tabela th {
    background-color: #007bff;
    color: #ffffff;
    padding: 10px;
    border: 1px solid #ddd;
}

.tabela td {
    width: fit-content;
    padding: .5rem 1rem;
    border: 1px solid #ddd;
}

.tabela tr:nth-child(even) {
    background-color: #f2f2f2;
}

.tabela tr:hover {
    background-color: #d1ecf1;
}

.form-leitor {
    height: fit-content;
}

.min-w-50 {
    min-width: 49%;
}