/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 29 2021 | 03:23:52 */
.calendar {
        position: relative;
        overflow: hidden;
        text-transform: capitalize;
        text-align: center;
        font: 15px/1em inherit;
        padding-left: 0.4vw;
        padding-right: 0.3vw;
        color: #545A5C; }
        .calendar a {
          text-decoration: none;
          color: inherit; }
      /*   .calendar header .simple-calendar-btn {
          display: inline-block;
          position: absolute;
          width: 30px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          color: #CBD1D2;
          border-radius: 50%;
          border: 2px solid #CBD1D2; } */
      .calendar header .simple-calendar-btn-new{
          display: inline-block;
          position: absolute;
          width: 30px;
            text-align: center;
          line-height: 30px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent; 
        
        border-right:10px solid white; 
      }
        .calendar header .simple-calendar-btn:hover {
          background: #CBD1D2;
          color: white; }
        .calendar header .simple-calendar-btn:before {
          content: '';
          position: absolute;
          top: 9px;
          left: 8px;
          width: 8px;
          height: 8px;
          border-style: solid;
          border-width: 3px 3px 0 0;
          transform: rotate(45deg);
          transform-origin: center center; }
        .calendar header .btn-prev {
          top: 0;
          left: 0;
          }
        .calendar header .btn-next {
          top: 0;
          right: 0; 
      transform: rotate(-180deg); }
          .calendar header .btn-next:before {
            transform: rotate(45deg); }
        .calendar header .month {
          padding: 0;
          margin: 0; }
          .calendar header .month .year {
            font-size: 0.6em;
            font-weight: 100; }
        .calendar table {
          width: 100%;
          margin: 10px 0;
          border-spacing: 0px; }
        .calendar thead {
           vertical-align: middle;
          font-size: 1.2em;
          font-weight: 600; }
        .calendar td {
          /*padding: .8em .1em; */}
        .calendar .day {
          position: relative;
          display: inline-block;
          width: 2.5em;
          height: 2.5em;
          line-height: 2.5em;
          border-radius: 50%;
          border: 2px solid transparent;
          cursor: pointer; }
          .calendar .day:hover {
            border: 0.1px solid #6691CC; }
          .calendar .day.today {
            /*border: 2px solid rgb(150,35,35) !important;*/
            /*background: #6691CC;
            color: white; */
                      box-shadow:0 0 3px 3px rgb(150 35 35) !important;
              }
            .calendar .day.today.has-event:after {
              /*border: 5px solid rgb(150,35,35) !important;*/
              /*background: white;*/ }
          .calendar .day.wrong-month {
            color: #CBD1D2 !important; }
          .calendar .day.wrong-month:hover {
            border: 0px solid transparent; }
          .calendar .day.has-event:after {
            content: '';
            position: absolute;
            top: calc(50% + .6em);
            left: calc(50% - 2px);
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #6691CC; }
          .calendar .day.disabled {
            cursor: default; }
            .calendar .day.disabled:hover {
              border: 0px solid transparent; }
        .calendar .event-container {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          width: 100%;
          height: auto;
          padding: 70px;
          background: #545A5C;
          box-sizing: border-box; }
          .calendar .event-container .event-wrapper {
            overflow-y: auto;
            max-height: 100%; }
          .calendar .event-container .close {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 20px;
            right: 20px;
            cursor: pointer; }
            .calendar .event-container .close:before, .calendar .event-container .close:after {
              content: '';
              position: absolute;
              top: 0;
              left: 50%;
              width: 2px;
              height: 100%;
              background-color: #CBD1D2; }
            .calendar .event-container .close:before {
              transform: rotate(45deg); }
            .calendar .event-container .close:after {
              transform: rotate(-45deg); }
      
          .calendar .event-container .event {
            position: relative;
            width: 100%;
      /*       background: #6691CC;
            border-radius: 4px;
            box-sizing: border-box;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); */
            text-align: left;
            color: white;
            font-size: 28px;
            margin-top: 15px;
            font-weight: 400;
            line-height: 40px;
            margin-bottom: 0px;
      }
      
            .calendar .event-container .event-date {
              margin-bottom: 1em; }
            .calendar .event-container .event-hour {
              float: right; }
            .calendar .event-container .event-summary {
              font-weight: 600; }
        .calendar .filler {
          position: absolute;
          width: 0;
          height: 0;
          border-radius: 50%;
          background: #545A5C;
          transform: translate(-50%, -50%); }
      
          .calendar .event-container .event {
              float: left;
          }
      
      
          .header_1 {
              float: left;
          }
      
      
          .rb-container {
              margin-bottom: 20px;
        }
      @media only screen and (min-width: 992px) {
        .chinese-cal{font-size:14px !important}
        .calendar-container{width:485px !important}
      }
      @media only screen and (min-width: 1025px) {
        .chinese-cal{font-size:9px !important}
      }
      
      
      
      
      
          .chinese-cal{
            display:inline;
            font-size:7px;
            position:absolute;
            font-weight:500;
          }
      
          .sky-floor{
            position:absolute;
            bottom:0;
            right:0;
            font-size:0.7em;
            font-weight:500;
          }
      
        .event_tab{
              display:none!important;
        }
      
        .event_tab span {
                display: table-cell;
                vertical-align: middle;
          padding: 5px;
        }
      
        .tab_1 {
          display: block;
          top: 0;
          position: absolute;
          right: 160px;
          height: 90px;
          padding: 0px;
          color: #ffffff;
          font-size: 28px;
          width: 90px;
          line-height: 32px;
          font-weight: 400;
          display: table;
          text-align: center;
          
        }
      
        .tab_2 {
          display: block;
          top: 0;
          position: absolute;
          right: 60px;
          height: 90px;
          padding: 0px;
          color: #ffffff;
          font-size: 28px;
          width: 90px;
          line-height: 32px;
          font-weight: 400;
          display: table;
          text-align: center;
        }
      
      .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
      }
      
      .event_header{
        display:none;
      }
      
      .header_1{
         display:block;
         text-align: left;
         color: #ffffff;
         font-size: 40px;
         font-weight: 400;
         margin-top: 20px;
         line-height: 40px;
      }
      
      .newevents{
          font-size: 0px;
          width: 15px;
          height: 15px;
          top: 41%;
          position: absolute;
          right: 37%;
          border-radius: 50%;
          background-color: #1e8328;
      }
      
      
      
      
      
      .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
      }
      
      
        
        .rb-container{
          margin-top: 0px;
          margin-bottom: 10px;
        }
        
      .tab_1 {
          display: block;
          top: 0;
          position: absolute;
          right: 122px;
          height: 60px;
          padding: 0px;
          color: #ffffff;
          font-size: 20px;
          width: 60px;
          line-height: 24px;
          font-weight: 400;
          display: table;
          text-align: center;
      }
        
      .tab_2 {
          display: block;
          top: 0;
          position: absolute;
          right: 60px;
          height: 60px;
          padding: 0px;
          color: #ffffff;
          font-size: 20px;
          width: 60px;
          line-height: 24px;
          font-weight: 400;
          display: table;
          text-align: center;
      }
        
      .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 28px;
          font-weight: 400;
          margin-top: 10px;
          line-height: 40px;
          margin-bottom: 0px;
      
      }
        
      /* .calendar .event-container .event {
          position: relative;
          width: 100%;
          text-align: left;
          color: white;
          font-size: 18px;
          margin-top: 8px;
          font-weight: 400;
          line-height: 23px;
                clear: both;
            margin-bottom: 0px;
      }  
      
      .summaryh{
          float: left;
          margin-top: 0px;
          font-size: 16px;
        }
      
      .catbu{
          color: #ffffff;
          float: left;
          font-size: 14px;
          width: 35px;
          line-height: 14px;
          height: 35px;
          text-align: center;
          padding-top: 3px;
      }  */
      
      
      
      
      
      
      /* Extra small devices (phones, 600px and down) */
      @media only screen and (max-width: 600px) {
        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 24px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 30px;
          margin-bottom: 0px;
        }
        
        .summaryh{
          float: left;
          margin-top: -5px;
          font-size: 18px;
        }
        
        .catbu{
          color: #ffffff;
          float: left;
          font-size: 16px;
          width: 40px;
          line-height: 17px;
          height: 40px;
          text-align: center;
          padding-top: 2px;
        } 
      
        .calendar .event-container .event {
          position: relative;
          width: 100%;
          text-align: left;
          color: white;
          font-size: 28px;
          margin-top: 5px;
          font-weight: 400;
          line-height: 40px;
          margin-bottom: 0px;
        }
        
        .rb-container {
          margin-bottom: 10px;
        }
      }
      
      /* Small devices (portrait tablets and large phones, 600px and up) */
      @media only screen and (min-width: 600px) {
        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 20px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 30px;
          margin-bottom: 0px;
      }
      .summaryh{
          float: left;
          margin-top: -5px;
          font-size: 16px;
        }
      .catbu{
          color: #ffffff;
          float: left;
          font-size: 13px;
          width: 35px;
          line-height: 14px;
          height: 35px;
          text-align: center;
          padding-top: 3px;
      } 
      .calendar .event-container .event {
          position: relative;
          width: 100%;
          text-align: left;
          color: white;
          font-size: 28px;
          margin-top: 5px;
          font-weight: 400;
          line-height: 40px;
          margin-bottom: 0px;
      }
      .spb{
        padding-bottom: 60px!important;
      }
      }
      
      /* Medium devices (landscape tablets, 768px and up) */
      @media only screen and (min-width: 768px) {
        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 17px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 25px;
          margin-bottom: 0px;
      }
      .summaryh{
          float: left;
          margin-top: 0px;
          font-size: 16px;
          line-height: 30px;
        }
      .catbu{
          color: #ffffff;
          float: left;
          font-size: 12px;
          width: 35px;
          line-height: 14px;
          height: 35px;
          text-align: center;
          padding-top: 5px;
      } 
      .calendar .event-container .event {
          position: relative;
          width: 100%;
          text-align: left;
          color: white;
          font-size: 28px;
          margin-top: 3px;
          font-weight: 400;
          line-height: 40px;
          margin-bottom: 0px;
      }
      
      .spb{
        padding-bottom: 60px!important;
      }
      
      }
      
      /* Large devices (laptops/desktops, 992px and up) */
      @media only screen and (min-width: 992px) {
        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 20px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 30px;
          margin-bottom: 0px;
      
      }
      .summaryh{
          float: left;
          margin-top: -5px;
          font-size: 16px;
          line-height: 36px;
        }
      .catbu{
          color: #ffffff;
          float: left;
          font-size: 12px;
          width: 30px;
          line-height: 13px;
          height: 30px;
          text-align: center;
          padding-top: 2px;
      } 
      .calendar .event-container .event {
          position: relative;
          width: 100%;
          text-align: left;
          color: white;
          font-size: 28px;
          margin-top: 2px;
          font-weight: 400;
          line-height: 40px;
          margin-bottom: 0px;
      }
      
      .rb-container {
        margin-bottom: 10px;
      }
      
      .spb{
        padding-bottom: 0px!important;
      }
      }
      
      
      @media only screen and (min-width: 1100px) and (max-width: 1199px) {
        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 24px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 40px;
          margin-bottom: 0px;
      
        }
        .summaryh{
            float:left;
            margin-top: -5px;
            font-size: 15px;
        }
        .catbu{
          color: #fff;
          float: left;
          font-size: 13px;
          width: 35px;
          line-height: 14px;
          height: 35px;
          text-align: center;
          padding-top: 2px;
        }
        .calendar .event-container .event {
            position: relative;
            width: 100%;
            text-align: left;
            color: white;
            font-size: 28px;
            margin-top: 5px;
            font-weight: 400;
            line-height: 40px;
            margin-bottom: 0px;
        }
      
        .rb-container {
          margin-bottom: 10px;
        }
        .spb{
          padding-bottom: 0px!important;
        }
      
      }
      
      @media only screen and (min-width: 1200px) and (max-width: 1299px) {
        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 24px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 40px;
          margin-bottom: 0px;
      
        }
        .summaryh{
            float:left;
            margin-top: 0px;
        }
        .catbu{
          color: #fff;
          float: left;
          font-size: 14px;
          width: 40px;
          line-height: 16px;
          height: 40px;
          text-align: center;
          padding-top: 4px;
        }
        .calendar .event-container .event {
            position: relative;
            width: 100%;
            text-align: left;
            color: white;
            font-size: 28px;
            margin-top: 5px;
            font-weight: 400;
            line-height: 40px;
            margin-bottom: 0px;
        }
      
        .rb-container {
          margin-bottom: 10px;
        }
        .spb{
          padding-bottom: 0px!important;
        }
      
      }
      
      /* Extra large devices (large laptops and desktops, 1200px and up) */
      @media only screen and (min-width: 1300px) and (max-width: 1399px) {
        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 30px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 40px;
          margin-bottom: 0px;
      
        }
        .summaryh{
            float:left;
            margin-top: 0px;
            font-size: 20px;
        }
        .catbu{
          color: #fff;
          float: left;
          font-size: 16px;
          width: 45px;
          line-height: 18px;
          height: 45px;
          text-align: center;
          padding-top: 4px;
        }
        .calendar .event-container .event {
            position: relative;
            width: 100%;
            text-align: left;
            color: white;
            font-size: 28px;
            margin-top: 5px;
            font-weight: 400;
            line-height: 40px;
            margin-bottom: 0px;
        }
      
        .rb-container {
          margin-bottom: 20px;
        }
      
        .spb{
          padding-bottom: 0px!important;
        }
      }

      @media only screen and (min-width: 1400px) and (max-width: 1499px) {
        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 30px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 40px;
          margin-bottom: 0px;
      
        }
        .summaryh{
            float:left;
            margin-top: 0px;
            font-size: 24px;
        }
        .catbu{
          color: #fff;
          float: left;
          font-size: 20px;
          width: 53px;
          line-height: 22px;
          height: 53px;
          text-align: center;
          padding-top: 4px;
        }
        .calendar .event-container .event {
            position: relative;
            width: 100%;
            text-align: left;
            color: white;
            font-size: 28px;
            margin-top: 5px;
            font-weight: 400;
            line-height: 40px;
            margin-bottom: 0px;
        }
      
        .rb-container {
          margin-bottom: 20px;
        }
      
        .spb{
          padding-bottom: 0px!important;
        }
      
      }
      

      @media only screen and (min-width: 1500px) {

        .header_1 {
          display: block;
          text-align: left;
          color: #ffffff;
          font-size: 30px;
          font-weight: 400;
          margin-top: 0px;
          line-height: 40px;
          margin-bottom: 0px;
      
        }
        .summaryh{
            float:left;
            margin-top: 0px;
            font-size: 26px;
        }
        .catbu{
          color: #fff;
          float: left;
          font-size: 24px;
          width: 60px;
          line-height: 25px;
          height: 60px;
          text-align: center;
          padding-top: 4px;
        }
        .calendar .event-container .event {
            position: relative;
            width: 100%;
            text-align: left;
            color: white;
            font-size: 28px;
            margin-top: 5px;
            font-weight: 400;
            line-height: 40px;
            margin-bottom: 0px;
        }
      
        .rb-container {
          margin-bottom: 20px;
        }
      
        .spb{
          padding-bottom: 0px!important;
        } 
      }

.catbu {
	padding-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}