body{

    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    background-color: rgb(238, 226, 230);

}

.card-header{
    text-align: center;
    background-color: rgb(27, 30, 216);
    color: aliceblue;
}
.card-footer{
    text-align: center;
    background-color: rgb(27, 30, 216);
    color: aliceblue;

}
.btn{
position: relative;
align-items: center;
text-align: center;
color: white;

}

.btn-user{
  color: white;
}

  input[type="text"],
  input[type="password"],
  button {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
  }
  button {
    background-color: #007bff;
    color: white;
    cursor: pointer;
    margin: 10 auto;
    display: block;
  }

  .label{
    text-align: center;
  }
  .cb{
    text-align: center;
  }

  form {
    text-align: center; /* Centra el contenido del formulario */
}

.rounded-image {
    width: 250px; /* Ajusta el tamaño según tu preferencia */
    height: 250px; /* Ajusta el tamaño según tu preferencia */
    border-radius: 50%; /* Hace que la imagen sea redonda */
    overflow: hidden; /* Oculta cualquier parte de la imagen que se desborde del div */
    display: inline-block; /* Permite centrar verticalmente si hay espacio */
    vertical-align: middle; /* Centra verticalmente */
}

.rounded-image img {
    max-width: 100%; /* Para asegurarse de que la imagen no exceda el tamaño del contenedor */
    max-height: 100%; /* Para asegurarse de que la imagen no exceda el tamaño del contenedor */
    width: auto; /* Para mantener la proporción original de la imagen */
    height: auto; /* Para mantener la proporción original de la imagen */
}

.dropdown-menu.dropdown-menu-dark.ulnav {
  background-color: #343a40; /* Color de fondo del menú desplegable */
}

.dropdown-menu.dropdown-menu-dark.ulnav .dropdown-item {
  color: white; /* Color del texto */
}

.dropdown-menu.dropdown-menu-dark.ulnav .dropdown-item:hover {
  background-color: #28a745; /* Color de fondo cuando se pasa el mouse */
}
.dropdown-menu li:hover {
  background-color: green;
}

.submenu:hover{
  background-color: green;

}

.btn-delivery:hover i {
  color: #007bff; /* Color azul */
}

.custom-table {
  background: linear-gradient(to bottom, #333333, #000000);
  color: white;
}