/* ------------------------------------------- 

 GRID SETUP AND UNIVERSAL STYLING
 
 ---------------------------------------------*/

body {
  margin: 10px;
  background-color: lightyellow;
  font-size: 12pt;
  font-family: arial;
}

.grid_container_buchhandlung_login {
  display: grid;
  grid-template-areas:
    "a1_1 a1_2 a1_3 a1_4"
    "a2_1 a2_2 a2_3 a1_4"
    "a3_1 a3_2 a2_3 a1_4";
  padding: 0px;
  height: 80vh;
  grid-template-rows: 20% auto auto;
  grid-template-columns: 40% 20% 30% 10%;
}

.login_mask {
  grid-area: a2_2;
  text-align: center;
  background-color: #ffcc6f;
  border-radius: 21px;
  margin: 6px;
  padding: 4px;
  font-size: 15pt;
  max-height: 300px;
}

.login_mask #submit {
  padding: 8px 14px;
  font-size: 15pt;
  color: white;
  background-color: rgb(255, 136, 0);
  border-radius: 13px;
  width: 80%;
}

.inputs {
  padding: 4px;
  font-size: 14pt;
  margin-top: 3px;
  margin-bottom: 14px;
  width: 80%;
  text-align: center;
}

.my_hub_id_dropdown {
  width: 200px;
}

.list_of_shops_to_chose {
  grid-area: a2_3;
  border-radius: 21px;
  background-color: rgba(239, 171, 26, 0.13);
  padding: 8px;
}

.shop_choice_option {
  padding: 8px;
}

.welcome_zone {
  grid-area: a1_2;
  text-align: center;
  color: #52748e;
  font-size: 18pt;
}

.welcome_zone img {
  max-height: 60%;
}

.msg_login_failed {
  grid-area: a2_2;
  color: red;
}