body {
    font-family: 'Montserrat';font-size: 14px;
    color: #393939;
}
.nav-item p{
    color: aliceblue;
    margin-top: 10px;

}
.nav-item a{
    color: aliceblue;
    margin-top: 10px;
    text-decoration: none;
}
.nav-item a:hover{
    color: #a1abab;
    margin-top: 10px;
}
.nav-item a:checked{
    color:#e5e8e8
}

.login-container {
    border-radius: 15px; /* Raio da borda */
    padding: 2rem; /* Preenchimento interno */
    background-color: rgb(255, 255, 255); /* Cor de fundo */
    box-shadow: 0 2px 4px rgba(51, 51, 51, 0.1);
}

.imagem-topo{
	width: 80%;
	height: auto;
}


.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(51, 51, 51, 0.1);
}

.form-signin .form-select,
.form-signin .btn {
    height: 40px;
    margin-bottom: 10px;
}

.form-signin .form-select {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.login-container {
    max-width: 400px; /* Limita a largura do container */
    margin: auto; /* Centraliza horizontalmente se o container for menor que a tela */
    /* Restante do seu CSS */
}
.custom-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.custom-form-container {
    text-align: center;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(145, 143, 143, 0.1);
    background-color: white;
}

.custom-logo {
    max-width: 350px;
    height: auto;
    margin-bottom: 1rem;
}
.clienteSelect{
    display: block;
}

.navbar {
    background-color: #316b6b;
}

.navbar-brand {
    color: white !important;
    font-weight: bold;
}

/* Se precisar, ajuste a cor do ícone do menu sanduíche para telas menores */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.custom-select {
    width: 100%; /* Faz o select ocupar toda a largura do container */
    border-radius: 15px; /* Bordas arredondadas */
    /* Estilos adicionais se necessário */
}
/* Estilo padrão para telas pequenas */
.form-container {
    max-width: 90%;
    margin: auto;
}

/* Estilo para telas médias e maiores */
@media (min-width: 768px) {
    .form-container {
        max-width: 400px; /* ou outro valor que preferir */
    }
}
.form-signin label {
    text-align: left;
    display: block;
}