@import "//fonts.googleapis.com/css?family=Open+Sans:400italic,700,300";

#header_container,
#main_container,
#footer_container,
#bottom_container {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

#header_logo a {
  display: block;
  height: 100%;
}

#lab_logo,
#lab_toolbar,
#genodiet_logo,
#genodiet_toolbar,
#tools_logo,
#tools_toolbar,
#main_body,
#header,
#main_choose,
#footer,
#bottom {
  max-width: 1150px;
}

/* init header */
#header_container {
  border-bottom: 1px solid #009fe4;
}

#header {
  background-color: #fff;
  width: 100%;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}

#header_logo {
  background-repeat: no-repeat;
  width: 50%;
  height: 80px;
  float: left;
}

#header_toolbar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-around;
  height: 100%;
}

/* end header */

#main_container {
  background: #eff3f4;
  min-height: 800px;
  border-bottom: 1px solid #009fe4;
}

#main_toolbar {
  display: flex;
  justify-content: center;
  background: transparent;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  text-align: center;
}

#main_toolbar .x-btn-disabled.x-btn-default-medium {
  background-color: #fff !important;
}

#main_toolbar a:active {
  background-color: #e5e5e5;
  border: none;
}

#main_choose {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

#main_body {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 30px;
}

#footer_container {
  background-color: #dbe0e3;
  height: 400px;
  border-bottom: 1px solid #009fe4;
}

#footer {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

#footer_message {
  background: transparent;
  width: 33%;
  height: 100%;
  float: left;
}

#footer_message div {
  width: 100% !important;
}

#footer_support {
  background: transparent;
  width: 34%;
  height: 100%;
  float: left;
}

#footer_feed {
  background: transparent;
  width: 33%;
  height: 100%;
  float: left;
}

#bottom_container {
  height: 100px;
  background-image: url("../../imgs/layout/gradient_bottom.png");
  background-repeat: repeat-x;
}

#bottom {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}