.calendar-page {
  margin-bottom: 100px; }
  .calendar-page .calendar-blocks .cl-agenda {
    cursor: pointer;
    position: relative; }
    .calendar-page .calendar-blocks .cl-agenda h2 {
      font-size: 26px;
      border-radius: 12px;
      padding: 10px 10px 5px 10px;
      text-align: center; }
    .calendar-page .calendar-blocks .cl-agenda table {
      border-radius: 12px;
      overflow: hidden;
      width: 100%; }
      .calendar-page .calendar-blocks .cl-agenda table tr td {
        color: #fff;
        font-size: 16px;
        padding: 10px 15px;
        vertical-align: middle; }
        .calendar-page .calendar-blocks .cl-agenda table tr td a {
          color: #fff !important; }
        .calendar-page .calendar-blocks .cl-agenda table tr td h3 {
          color: #FFEA00; }
          .calendar-page .calendar-blocks .cl-agenda table tr td h3 i {
            font-size: 19px; }
    .calendar-page .calendar-blocks .cl-agenda.day-1 h2 {
      background: #d7c19a; }
    .calendar-page .calendar-blocks .cl-agenda.day-1 table tr td {
      background: #d7c19a;
      padding-right: 0;
      padding-left: 7px; }
    .calendar-page .calendar-blocks .cl-agenda.day-1 table tr:nth-child(even) td {
      background: #ae9b7d; }
    .calendar-page .calendar-blocks .cl-agenda.day-2 h2 {
      background: #db9dcc; }
    .calendar-page .calendar-blocks .cl-agenda.day-2 table tr td {
      background: #db9dcc;
      padding-right: 0;
      padding-left: 7px; }
    .calendar-page .calendar-blocks .cl-agenda.day-2 table tr:nth-child(even) td {
      background: #ab7a9e; }
    .calendar-page .calendar-blocks .cl-agenda.day-3 h2 {
      background: #7fbdaa; }
    .calendar-page .calendar-blocks .cl-agenda.day-3 table tr td {
      background: #7fbdaa;
      padding-right: 0;
      padding-left: 7px; }
    .calendar-page .calendar-blocks .cl-agenda.day-3 table tr:nth-child(even) td {
      background: #5c9285; }
  .calendar-page .calendar-blocks a:hover, .calendar-page .calendar-blocks a:focus {
    opacity: 1; }
    .calendar-page .calendar-blocks a:hover table, .calendar-page .calendar-blocks a:focus table {
      opacity: 0.9; }
  .calendar-page .calendar-blocks .select-icon {
    display: none;
    position: absolute;
    bottom: -53px;
    left: 40px; }
    .calendar-page .calendar-blocks .select-icon::before, .calendar-page .calendar-blocks .select-icon::after {
      content: '';
      width: 0;
      height: 0;
      position: absolute; }
    .calendar-page .calendar-blocks .select-icon::before {
      border-style: solid;
      border-width: 35px 0 0 35px;
      border-color: transparent transparent transparent #fff;
      z-index: 5; }
    .calendar-page .calendar-blocks .select-icon::after {
      border-style: solid;
      border-width: 42px 0 0 42px;
      border-color: transparent transparent transparent #dbbd87;
      left: -3px;
      top: -7px;
      z-index: 4; }
  @media (max-width: 768px) {
    .calendar-page .calendar-blocks .active .select-icon {
      display: none; } }
  .calendar-page .agenda-detail-container {
    border-top: 2px solid #dbbd87;
    padding-top: 15px;
    margin-top: 30px; }
    .calendar-page .agenda-detail-container h2.icon {
      padding-left: 35px;
      position: relative; }
      .calendar-page .agenda-detail-container h2.icon::before {
        content: '';
        background-image: url("../images/fe/i_event_detail.png");
        background-repeat: no-repeat;
        position: absolute;
        left: 4px;
        top: 4px;
        right: unset;
        background-size: 25px;
        width: 25px;
        height: 27px; }
    .calendar-page .agenda-detail-container .detail-blocks .detail {
      border-top: 2px solid #dbbd87;
      padding-top: 20px;
      margin-bottom: 10px; }
      .calendar-page .agenda-detail-container .detail-blocks .detail:first-child {
        border-top: none; }
    .calendar-page .agenda-detail-container .detail-blocks h4, .calendar-page .agenda-detail-container .detail-blocks .time {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 5px; }
    .calendar-page .agenda-detail-container .detail-blocks p {
      font-weight: 300;
      font-size: 16px; }
    .calendar-page .agenda-detail-container .detail-blocks .detail-icon {
      width: 30px; }
    .calendar-page .agenda-detail-container .detail-blocks .speaker-detail .speaker-img {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      object-fit: cover;
      display: inline-block;
      vertical-align: middle; }
    .calendar-page .agenda-detail-container .detail-blocks .speaker-detail .speaker-name {
      margin-left: 10px;
      display: inline-block;
      margin-bottom: 0; }
  .calendar-page [type="checkbox"].filled-in + label:before,
  .calendar-page [type="checkbox"].filled-in + label:after {
    margin-top: 3px; }
  .calendar-page .col-auth-non-schedule {
    padding-left: 31px !important; }
  .calendar-page .checkbox-example {
    margin-left: 5px; }
    .calendar-page .checkbox-example:before {
      top: 6px !important; }
    .calendar-page .checkbox-example:after {
      top: 6px !important;
      background-color: #1C75BB !important;
      border-color: #1C75BB !important; }
  .calendar-page a {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 15px 7px 15px;
    display: table;
    margin: 0 auto; }
    .calendar-page a:hover {
      color: #fff; }
    .calendar-page a.btn-register-seminar {
      background: #f96400; }
    .calendar-page a.btn-login-seminar {
      background: #1C75BB; }
  .calendar-page .div-line {
    border-bottom: 1px solid #d0d2d3; }