/* Define uma cor de fundo para a página, seguindo a paleta do Material */
body {
    background-color: #f5f5f5;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
    padding-top: 20px;
}

/* Estilos para a página de login */
.login-container {
    max-width: 400px;
    margin: 5% auto;
    padding: 30px;
}

/* Ajustes de margem para os títulos */
h2, h3, h4 {
    color: #424242; /* grey darken-3 */
}

/* Ajusta o mapa para não estourar a div */
#map {
    height: 400px;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #ddd;
}

/* Adiciona espaço entre os cards do dashboard */
.dashboard-widgets .card {
    margin-bottom: 20px;
}