/***** ***** ***** ***** ***** ***** ***** ***** ***** *****/
/***** ***** ***** ***** ***** ***** ***** ***** ***** *****/

/* MOBILE BLOCK */

.mobile-block { display: none; }
.app { display: block; }

@media (max-width: 900px) {
  .mobile-block {
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: 24px;
  }
  .mobile-block__card {
    max-width: 520px;
    width: 75%;
    padding: 20px 22px;
    border: 1px solid #ddd;
    border-radius: 14px;
    background: #fff;
  }
  .app { display: none; }
}

/***** ***** ***** ***** ***** ***** ***** ***** ***** *****/
/***** ***** ***** ***** ***** ***** ***** ***** ***** *****/

@media (max-width: 1400px) {
  #left_side_container {
    width: 95% !important;
    padding: 1% !important;
    float: none !important;
  }
  #middle_container {
    width: 0% !important;
    padding: 0% !important;
    float: none !important;
    display: none !important;
  }
  #right_side_container {
    width: 95% !important;
    padding: 1% !important;
    float: none !important;
  }
}

/***** ***** ***** ***** ***** ***** ***** ***** ***** *****/
/***** ***** ***** ***** ***** ***** ***** ***** ***** *****/

#parameter_container {
  border: 2px solid dodgerblue;
}

#parameter_form {
  padding: 1%;
}

#submit_button {
  padding: 1%;
  background-color: dodgerblue;
  border: 1px solid #ddd;
  cursor: pointer;
  color: white;
}

#sample_model_and_explanation_container {
  border: 2px solid dodgerblue;
}

#sample_model_and_explanation_inner_div {
  padding: 1%;
}

#profile_container {
  border: 2px solid dodgerblue;
  padding: 1%;
}

#uploaded_x_y_data {
  display: none
}