.page-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.nav-tabs {
  list-style: none;
  margin-bottom: 20px;
}

.nav-tabs li a {
  border-radius: 3px;
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
  text-decoration: none;
}

.nav-tabs li a:hover {
  background-color: #ccc;
}


.div-back-img {
  background-image: 'img/Cottage.jpg';
}


.div-gradient {
  background-color: #c9d6ff;
  background: linear-gradient(to right, #cee6e9, #08bfec);

}

.div-gradientLeft {
  background-color: #c9d6ff;
  background: linear-gradient(to left, #8b9799, #08bfec);

}

.div-gradientRight {
  background-color: #c9d6ff;
  background: linear-gradient(to right, #789497, #0746bb);

}

.div-messaggi {
  position: relative;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 30%;
  /* background-color: whitesmoke; */
  border-radius: 2px;
  border-width: 1px;
  border-color: rgb(9, 33, 139);
  border-style: double;
}

.div-bordo-1 {
  border: 2px solid rgb(9, 33, 139);
  /* Bordo principale */
  box-shadow: 0 0 0 2px rgb(200, 200, 200);
  /* Bordo secondario */
  border-radius: 8px;
  /* border-width: 1px; */
  /* border-color: rgb(9, 33, 139); */
  /* border-style: double; */
}

.div-bordo {
  border-radius: 8px;
  border: 2px solid rgb(9, 33, 139);
  /* box-shadow: 0 0 0 2px rgb(200, 200, 200); */
  padding: 10px;
}

.border-shadow {
  border-radius: 8px;
  border: 2px solid rgb(9, 33, 139);
  box-shadow: 0 0 0 2px rgb(200, 200, 200);
  padding: 10px;
}


.bordo-grigio {
  /* background-color: whitesmoke; */
  border-radius: 8px;
  border-width: 1px;
  border-color: gray;
  border-style: double;
}

.div-img-border {
  background-color: aliceblue;
  background-size: cover;
  /* border-radius: 1px; */
  border-width: 1px;
  border-color: yellowgreen;
  border-style: outset;
}

/* stili campi imput */
.input-field-blueborder {
  border-color: blue;
  border-width: 1px;
  border-style: solid;
}

.input-field-greenborder {
  border-color: green;
  border-width: 1px;
  border-style: solid;
}

.input-field-magentaborder {
  border-color: darkmagenta;
  border-width: 1px;
  border-style: solid;
}

.input-field-yellowborder {
  border-color: yellow;
  border-width: 1px;
  border-style: solid;
}

.input-field-blackborder {
  border-color: black;
  border-width: 1px;
  border-style: solid;
}


/* stili containers */
.immagine-container {
  position: relative;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 30%;
}

.immagine-container img {
  width: 100%;
  height: 100%;
}


.form-container {
  position: absolute;
  top: 10%;
  left: 40%;
  transform: translate(-50%, -50%);
}

.form-container label {
  display: block;
  margin-bottom: 5px;
}

.form-container input {
  width: 200px;
  padding: 5px;
  margin-bottom: 10px;
}

.form-container button {
  padding: 5px 10px;
  background-color: #000;
  color: #fff;
  border: none;
  cursor: pointer;
}

/*stili dei pulsanti*/
.Pulsante-verde {
  background-color: white;
  color: black;
  border-width: 1px;
  border-color: rgb(133, 202, 173);
}

.btn-green {
  background-color: white;
  color: black;
  /* border-width: 1px; */
  /* border-color: rgb(133, 202, 173); */
}

.btn-green:hover {
  background-color: white;
  color: black;
  border-width: 1px;
  border-color: rgb(133, 202, 173);
}

.btn-black {
  background-color:transparent;
  color: black;
  /* border-width: 2px;
  border-color: black; */
}

.btn-black:hover{
  background-color: whitesmoke;
  color: black;
  border-width: 2px;
  border-color: black;

}

#carousel-dim {
  width: 100%;
  /* Imposta la larghezza desiderata */
  max-width: 600px;
  /* Imposta la larghezza massima */
  height: auto;
}


.inner-container {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 60%;
  border-radius: 8px;
  border-width: 1px;
  border-color: rgb(9, 33, 139);
  border-style: double;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.3);
  /*transparent*/
  padding: 10px;
}

.inner-message {
  position: absolute;
  padding: 10px;
  top: 50%;
  left: 50%;
  width: 50%;
  border: 2px solid rgb(9, 33, 139);
  border-radius: 8px;
  border-width: 1px;
  border-color: rgb(9, 33, 139);
  border-style: double;
  transform: translate(-50%, -50%);
  /* background: rgb(2, 0, 36); */
  background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 50%);
  color: #c8e428;
  letter-spacing: 5px;
  text-shadow: #08bfec;

}