.tx-webx-convention .navigation {
  display: flex;
  align-items: center;
  justify-content: space-around; }
  .tx-webx-convention .navigation .section {
    width: 100px;
    height: 100px;
    padding: 38px 20px;
    text-align: center;
    border: 1px solid #002850;
    border-radius: 50%;
    cursor: pointer;
    transition: border-width 150ms linear, border-color 150ms linear, padding 150ms linear; }
    .tx-webx-convention .navigation .section.active {
      padding: 37px 20px;
      border: 2px solid #002850; }
.tx-webx-convention .sub_navigation_days {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 10px 20px;
  border: 1px solid #002850;
  align-content: flex-start; }
  .tx-webx-convention .sub_navigation_days:before {
    content: '\f0d8';
    position: absolute;
    top: -15px;
    left: calc(50% - 12px);
    font-family: "Font Awesome 5 Pro";
    color: #002850;
    font-size: 40px;
    line-height: 15px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: bold; }
  .tx-webx-convention .sub_navigation_days .singleDay {
    width: 10%;
    margin: 1%;
    min-width: 100px;
    text-align: center;
    padding: 20px 0;
    border: 2px solid transparent;
    transition: border-color 150ms linear;
    cursor: pointer; }
    .tx-webx-convention .sub_navigation_days .singleDay:hover {
      border: 2px solid rgba(0, 40, 80, 0.5); }
    .tx-webx-convention .sub_navigation_days .singleDay.active {
      border: 2px solid #002850; }
    .tx-webx-convention .sub_navigation_days .singleDay.done {
      background: rgba(0, 40, 80, 0.5); }
.tx-webx-convention .sub_navigation, .tx-webx-convention .more_room_sub_navi {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 10px 20px;
  border: 1px solid #002850; }
  .tx-webx-convention .sub_navigation .section, .tx-webx-convention .more_room_sub_navi .section, .tx-webx-convention .sub_navigation .singleCateringDays, .tx-webx-convention .more_room_sub_navi .singleCateringDays, .tx-webx-convention .sub_navigation .more_room_nav_btn, .tx-webx-convention .more_room_sub_navi .more_room_nav_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 30px;
    border: 2px solid transparent;
    transition: border-color 150ms linear;
    cursor: pointer; }
    .tx-webx-convention .sub_navigation .section:hover, .tx-webx-convention .more_room_sub_navi .section:hover, .tx-webx-convention .sub_navigation .singleCateringDays:hover, .tx-webx-convention .more_room_sub_navi .singleCateringDays:hover, .tx-webx-convention .sub_navigation .more_room_nav_btn:hover, .tx-webx-convention .more_room_sub_navi .more_room_nav_btn:hover {
      border: 2px solid rgba(0, 40, 80, 0.5); }
    .tx-webx-convention .sub_navigation .section.active, .tx-webx-convention .more_room_sub_navi .section.active, .tx-webx-convention .sub_navigation .singleCateringDays.active, .tx-webx-convention .more_room_sub_navi .singleCateringDays.active, .tx-webx-convention .sub_navigation .more_room_nav_btn.active, .tx-webx-convention .more_room_sub_navi .more_room_nav_btn.active {
      border: 2px solid #002850; }
    .tx-webx-convention .sub_navigation .section i, .tx-webx-convention .more_room_sub_navi .section i, .tx-webx-convention .sub_navigation .singleCateringDays i, .tx-webx-convention .more_room_sub_navi .singleCateringDays i, .tx-webx-convention .sub_navigation .more_room_nav_btn i, .tx-webx-convention .more_room_sub_navi .more_room_nav_btn i {
      margin-right: 20px;
      font-size: 23px; }