input {
  border: 0px;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
}

button, select {
  border-radius: 25px;
  border: 0px;
  padding: 10px;
  cursor: pointer;
  background-color: #002556;
  color: white;
}

/* Login */

.login-form {
  width: 30%;
  margin-left: 30%;
  margin-top: 200px;
  padding: 5%;
  background-color: grey;
}

.login-form > input, .login-form > span{
  display: block;
  height: 70px;
  width: 50%;
  margin: auto;
  margin-top: 50px;
  text-align: center;
  border-radius: 25px;
}
/* Reservations navbar */
#search-row {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
}

/* Reservationsnavbar */
.fitnavbar {
  width: 100%;
  height: 90px;
  background-color: #002556;
  color: white;
}

.fitnavbar-element {
  display: inline-block;
  line-height: 90px;
  width: 12%;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.fitnavbar-dropdown {
  position: absolute;
  display: none;
  width: 15%;
  z-index: 1;
}

.fitnavbar-dropdown > a > div {
  width: 100%;
  background-color: #ffd700;
}

.log-out {
  float: right;
}
/* Reservations */
.reservations-mainrow {
  background-color: #002556;
  color: white;
  font-weight: bold;
}
.reservations-row {
 border: 1px solid #002556;
}

.reservations-element-s, .reservations-element-l, .reservations-element-xl, .reservations-element-xxl, .reservations-element-xs {
  display: inline-block;
  text-align: center;
  min-height: 70px;
}

.reservations-element-s > span, .reservations-element-l > span, .reservations-element-xl > span, .reservations-element-xs > span,
.reservations-element-xs > input, .reservations-element-xxl > button{
  font-size: 1rem;
  position: relative;
  top: 26.5px;
  font-weight: 500;
}

.reservations-element-xs > input{
  width: 100%;
  border: 1px solid #002556;
  border-radius: 25px;
  font-size: 1rem;
  text-align: center;
}

.reservations-element-s {
  width: 10%;
}

.reservations-element-l {
  width: 20%;
}

.reservations-element-xs {
  width: 8%;
}

.reservations-element-xl {
  width: 30%;
}
.reservations-element-xxl {
  width: 100%;
}

/* Tourmundial styles */

.input-tourmundial, .text-tourmundial {
  display: block;
  margin-left: 40%;
  width: 20%;
  text-align: center;
}
.input-tourmundial {
  height: 50px;
  margin-top: 1%;
  border: 1px solid #002556;
}
.text-tourmundial {
  margin-top: 3%;
}

/* Accounts */
.main-accounts, .main-reservations {
  padding: 2%;
}

/* Anglovision */

.tours-mainrow, .tours-row {
  width: 100%;
  min-height: 90px;
  line-height: 90px;
  border-top: 1px solid #002556;
}

.tour-element, .div-departures-element {
  display: inline-block;
  width: 15%;
  text-align: center;
}

.div-departures-element > select {
  width: 70%;
  text-align: center;
}

.tour-element > span {
  padding: 2%;
}

.div-departures {
  display: none;
  min-height: 90px;
  width: 99%;
}

.itinerary-title {
  text-align: center;
  margin: 0px;
}

.itinerary-desc {
  margin: 1%;
  width: 70%;
  margin-left: 15%;
  line-height: 20px;
}

.div-duration {
  display: none;
}

.hotels-input, .hotels-title {
  border: 2px solid #002556;
}

.hotels-title {
  width: 30%;
  margin-left: 5%;
}

.hotels-title-div {
  text-align: center;
}

.hotels-save {
  line-height: 20px;
  width: 15%;
  margin-left: 42.5%;
  margin-bottom: 2%;
}

.div-find-reservation {
  width: 30%;
  margin-left: 35%;
  text-align: center;
  margin-top: 70px;
}

#find-reservation-input {
  width: 70%;
  height: 80px;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 100px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #002556;
}

#find-reservation {
  width: 30%;
  margin-bottom: 5%;
}

.div-departures-notes > textarea {
  width: 50%;
  margin-left: 25%;
  min-height: 200px;
}

.notes-save, .options-itinerary-save  {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 40%;
  width: 10%;
}

.note-title {
  display: block;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 40%;
  border: 2px solid black;
  width: 20%;
}

.options-mainrow, .option-row {
  width: 100%;
  float: left;
  padding: 1%;
  border: 1px solid black;
}

.option-element, .option-element {
  display: inline-block;
  width: 30%;
  float: left;
  padding: 1.5%;
}

.options-hotels-save {
  padding: 1.5%;
  margin-left: 45%;
  margin-top: 30px;
}

.div-options-element {
  display: inline-block;
  width: 20%;
  margin-left: 5.5%;
  text-align: center;
  margin-bottom: 20px;
}

.div-options-element-n {
  width: 60%;
  margin-left: 20%;
  text-align: center;
  margin-bottom: 35px;
}

.div-options-element-n > textarea {
  width: 100%;
  height: 400px;
}

.note-button {
  margin-left: 45%;
}

/*  Groups section */
.group-form {
  display: block;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10%;
  padding: 2%;
  background-color: #002556;
}

.group-element {
  width: 90%;
  margin-left: 4%;
  margin-bottom: 10px;
  padding: 2%;
  background-color: white;
  border: 1px solid black;
}

.group-element > span, .group-element > textarea, .group-element > input, .group-element > select{
  font-size: 1.2rem;
}

.group-element > span {
  display: block;
  width: 10%;
  margin-bottom: 10px;
}

.group-element > textarea, .group-element > input, .group-element > select {
  border: 1px solid black;
  border-radius: 5px;
  margin-left: 10%;
  box-shadow: 5px 10px #002556;
}

.group-element > input, .group-element > select {
  height: 50px;
  width: 40%;
}

.group-element > textarea {
  height: 200px;
  width: 80%;
}

.group-element > button {
  height: 50px;
  width: 10%;
  color: white;
}

#group-avan {
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  box-shadow: none;
  border:none

}

.groups-status-2, .groups-status-3, .groups-status-4, .groups-status-5 {
  font-size: 0.8rem;
  position: relative;
  top: 20px;
  font-weight: 500;
}

.container{
  display: flex; 
  flex-direction: row; 
  align-items: center; 
  justify-content: center;
}

.signup-form {
  width: 50%;
  text-align: center;
}

.signup-form-element {
  width: 100%;
  padding: 3%;
}

.signup-form-element > label, .signup-form-element > input {
  display: inline-block;
  font-size: 18px;
  padding: 1%;
}

.signup-form-element > label {
  width: 100%;
}

.signup-form-element > input {
  width: 40%;
  border: 2px solid black;
  text-align: center;
}

.signup-error {
  border: 2px solid red !important;
}