@charset "UTF-8";
/*
0-600px Phone
600-900px Tablet portrait
900-1200px Tablet landscape
1200-1800 is our normal styles apply
1800px + Big desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop
1em=16px

ORDER:base+typography > general layout + grid>page layout >components
*/
.session-item {
  padding: 2% 1% 2%;
  margin-bottom: 2%;
  background-color: #fff;
  border-bottom: 1px solid #aaa;
}
.session-item:last-child {
  border-bottom: none;
}
.session-item .session-main {
  padding-bottom: 2%;
}
.session-item .session-main ul li {
  margin-left: 1.5em;
  list-style: disc;
}
.session-item .session-main .session-title {
  margin: 10px 0;
  font-size: 1.7rem;
  display: inline;
}
.session-item .session-main .session-title a {
  color: #066999;
}
.session-item .session-main .session-title a:hover, .session-item .session-main .session-title a:focus, .session-item .session-main .session-title a:active {
  color: #088bca;
}
.session-item .session-main .tagbox-line {
  display: inline;
  margin-left: 5px;
}
.session-item .session-main .tagbox-line span.session-tag {
  cursor: pointer;
}
.session-item .session-main .tagbox-line span.session-tag:hover {
  background-color: #a9e9ec;
}
.session-item .session-main .session-description ul {
  list-style: disc !important;
  margin-left: 22px;
}
.session-item .session-main .session-description ul li {
  list-style: disc !important;
}
.session-item .session-main .session-txt {
  padding: 1rem 0;
}
.session-item .session-main .session-txt ul {
  padding: 1rem 1rem 1rem 2rem;
  margin: 0;
}
.session-item .session-main .session-txt ul li:before {
  content: "•";
  position: absolute;
  font-size: 30px;
  left: 1.3rem;
}
.session-item .session-main .speaker-box {
  display: -ms-flexbox;
  display: flex;
  padding: 10px 10px 0;
}
.session-item .session-main .speaker-imgbox {
  padding: 15px 0px 20px;
  width: 28%;
}
.session-item .session-main .speaker-imgbox .speaker-img {
  border-radius: 8px;
  overflow: hidden;
  max-width: 100px;
  margin: auto;
}
.session-item .session-main .speaker-txtbox {
  padding: 15px 10px;
  width: 72%;
}
@media (max-width: 667px) {
  .session-item .session-main .speaker-txtbox {
    padding: 10px;
  }
}
.session-item .session-main .more {
  text-align: right;
  width: 120px;
  float: right;
}
.section-agenda.agenda-page-main {
  padding-top: 2%;
}
.section-agenda.agenda-page-main .type-selector,
.section-agenda.agenda-page-main .level-selector {
  padding: 5px;
  margin: 5px;
  background-color: #ecf0f1;
}
.section-agenda.agenda-page-main .session-item {
  width: 80%;
  margin: auto;
}
@media (max-width: 767px) {
  .section-agenda.agenda-page-main .session-item {
    width: 100%;
  }
}
.section-agenda.agenda-page-main .speaker-box {
  width: 100%;
  margin: 1% 0;
  -webkit-box-shadow: 0px 0rem 0.5rem rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0rem 0.5rem rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
.section-agenda.agenda-page-main .speaker-img {
  border-radius: 8px;
  overflow: hidden;
  margin: auto;
}

.section-agenda.agenda-list {
  padding: 0;
}
.section-agenda.agenda-list .type-selector,
.section-agenda.agenda-list .level-selector {
  padding: 5px;
  background: #ddd;
  border: none;
}
.section-agenda.agenda-list .mainbox {
  position: relative;
  width: 75%;
  left: 25%;
  min-height: 500px;
  padding: 2% 2% 4%;
}
@media (max-width: 1023px) {
  .section-agenda.agenda-list .mainbox {
    width: 100%;
    left: auto;
    padding: 15px;
  }
}
.section-agenda.agenda-list .mainbox .fill-date {
  position: fixed;
  top: 55px;
  height: 64px;
  width: 75%;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0rem 0.5rem rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0rem 0.5rem rgba(0, 0, 0, 0.1);
  z-index: 1029;
}
@media (max-width: 1023px) {
  .section-agenda.agenda-list .mainbox .fill-date {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: auto;
  }
}
.section-agenda.agenda-list .mainbox .tab-content {
  margin-top: 55px;
}
.section-agenda.agenda-list .mainbox .nav-pills .nav-link {
  border-radius: 0;
  padding: 15px 0;
  font-size: 1.2rem;
  border-right: 2px solid;
  height: 100%;
}
.section-agenda.agenda-list .mainbox .nav-pills .nav-link:hover {
  background-color: #c7edff;
}
.section-agenda.agenda-list .mainbox .nav-pills .nav-link.active,
.section-agenda.agenda-list .mainbox .nav-pills .show > .nav-link {
  background-color: #088bca;
  color: #fff;
  border-color: #088bca;
}
.section-agenda.agenda-list .timeLine-group .timeLine-list .timeLine-period {
  font-size: 1.6em;
  font-weight: 700;
  padding: 8px 15px;
  color: #999;
  font-family: Helvetica, Arial, sans-serif;
}
@media (max-width: 667px) {
  .section-agenda.agenda-list .timeLine-group .timeLine-list .timeLine-period {
    font-size: 2rem;
  }
}
.section-agenda.agenda-list .timeLine-group .timeLine-list .timeLine-period i {
  margin-right: 0.5rem;
  display: inline-block;
}
.section-agenda.agenda-list .timeLine-group .timeLine-list .session-item {
  margin: 1rem;
  -webkit-box-shadow: 0px 0rem 0.5rem rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0rem 0.5rem rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
@media (min-width: 1201px) {
  .section-agenda.agenda-list .timeLine-group .timeLine-list .session-item {
    margin: 1rem 3rem;
  }
}
.section-agenda.agenda-list .sidebox {
  position: fixed;
  width: 25%;
  height: 100%;
  background-color: #eee;
}
@media (max-width: 1023px) {
  .section-agenda.agenda-list .sidebox {
    position: relative;
    width: 100%;
    display: none;
  }
}
.section-agenda.agenda-list .search-bar {
  height: 50px;
  height: 100%;
  padding-bottom: 3%;
  position: -webkit-sticky;
  position: sticky;
  background-color: #fff;
  border-color: #333;
}
.section-agenda.agenda-list .search-bar input {
  background-color: #fff;
  border-color: #ddd;
}
.section-agenda.agenda-list .search-bar input::-webkit-input-placeholder {
  color: #333;
}
.section-agenda.agenda-list .search-bar input:-moz-placeholder {
  color: #333;
}
.section-agenda.agenda-list .search-bar input::-moz-placeholder {
  color: #333;
}
.section-agenda.agenda-list .search-bar input:-ms-input-placeholder {
  color: #333;
}
@media (max-width: 1023px) {
  .section-agenda.agenda-list .select-group {
    display: none;
  }
}
.section-agenda.agenda-list .phone-note {
  padding: 3% 0;
}
.section-agenda.agenda-list .phone-note .btn-note {
  width: 50%;
  margin: auto;
  display: block;
}
@media (min-width: 1025px) {
  .section-agenda.agenda-list .phone-note {
    display: none;
  }
}

.section-agenda.agenda-page-attach {
  padding-top: 1%;
}
.section-agenda.agenda-page-attach .session-item {
  width: 80%;
  margin: auto;
  margin-bottom: 2%;
  -webkit-box-shadow: 0px 0rem 0.5rem rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0rem 0.5rem rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
@media (max-width: 767px) {
  .section-agenda.agenda-page-attach .session-item {
    width: 100%;
  }
}

/*# sourceMappingURL=agendaEn.css.map */