:root {
  --main_font: "Segoe UI", Tahoma, Verdana, sans-serif;
  --secondary_font: 'Lato', sans-serif;
  --offwhite: #F1F1F1;
  --blue: #35BBE3;
  --grey: #DCDCDC;
  --darkgrey: #333333;
  --error: #cc0000;

}

/* Style the messages */
.error-text {
  color: var(--error);
  font-family: var(--secondary_font);
  font-size: 15px;
}

.info_text{
  color: var(--darkgrey);
  font-family: var(--main_font);
  font-size: 16px;
  font-weight:500;
}

/*Containers*/

.main_container_1 {
  background-color: var(--offwhite);
}

.main_container2 {
  background-color: white;
  min-height: 100vh;
}

.content_container1 {
  margin: 5vw 5vw 5vw 5vw;
}

.content_container2 {
 
  background-color: var(--offwhite);
  border-radius: 30px;
  min-height: 75vh;
  margin: 6vw 15vw 5vw 15vw;
}

.footer {
  position: fixed;
  right: 5vw;
  bottom: 10vh;
}

/*Buttons*/

.btn_text {
  text-align: left;
  font-family: var(--main_font);
  font-size: 18px;
  color: black;
  text-align: center;

}
.next_button{
background-color: var(--blue);

}

.button_conf_back{
  text-align: center;
  font-family: var(--main_font);
  font-size: 18px;
  color: black;
  padding-bottom: 3vh;
}

/*Logo*/

.logo {
  width: 15vh;
  margin: 10vh 0vw 0vh 0vw;
}

.roo {
  width: 23vh;
  margin: 10vh 0vw 10vh 0vw;
}

.roo_confirmation{
  width: 30vh;
  margin: 5vh 0vw 5vh 0vw;
}

.status{
  width: 35vh;
  margin: 2vh 0vw 10vh 0vw;
}

    /*Cards*/
   
  .w3-card {
      box-shadow: none !important;
  }

  .card_size {
  min-height: 50vh;
  margin: 0vh 0vw 5vh 0vw;
  }

  .card_image {
      border-radius: 15px 15px 0px 0px;
  }

  .card_content {
      background-color: var(--offwhite);
      border-radius: 0px 0px 15px 15px;
  }

  .card_content:hover {
      background-color: var(--grey);
  }

  /*Text*/

  .title {
      font-family: var(--main_font);
      font-size: 30px;
      color: black;
      text-align: center;
      padding-top: 5vh;
  }

  .subtitle {
    text-align: left;
    font-family: var(--main_font);
    font-size: 18px;
    color: black;
    text-align: center;
    font-weight: 500;
}

.link {
  text-decoration: none;
  font-family: var(--secondary_font);
  color: var(--blue);
}

  .card_title {
      text-align: center;
      font-family: var(--main_font);
      font-size: 20px;
      color: black;
  }

  .card_text {
      text-align: left;
      font-family: var(--main_font);
      font-size: 15px;
      color: black;
  }

  label {
      text-align: left;
      font-family: var(--main_font);
      font-size: 18px;
      color: black;
  }

  /*Input field*/

  .i_style {
      padding: 0vh 13vw 0vh 0vw;
  }

  .i_style_doble {
      padding: 0vh 3vw 0vh 2vw;
  }

  input[type='radio'] {
      accent-color: #939296;
  }

  .i_radio_button {
      margin: 0vh 0.5vw 2vh 0vw;
  }

  .i_radio_doble {
      margin-right: -3vw;
  }

  .i_date {
      margin: 0vh 1vw 0vh 0vw;
  }


  @media only screen and (max-width: 992px) {
    .status{
      width: 30vh;
    }
 
    
    .footer {
      position:relative;
      right:auto ;
      bottom:auto;
    }
    
    .main_container2 {
      min-width: 100vw;
    }
    .i_style {
      padding: 0vh 25vw 0vh 0vw;
  }

  .title {
    font-size: 25px;
    padding: 3vh 3vw 0vh 3vw;
}
  }

  @media only screen and (max-width: 600px) {
    
    .title {
      font-size: 25px;
      padding: 3vh 3vw 0vh 3vw;
  }

  .subtitle {
      font-size: 16px;
      padding: 0vh 3vw 0vh 3vw;
}
.roo_confirmation{
  width: 20vh;
  margin: 5vh 0vw 5vh 0vw;
}

.i_style_doble {
  padding: 0vh 0vw 0vh 0vw;
}

.button_conf_back{
  font-size: 15px;
}
  }