@charset "UTF-8";
.landscape-block {
  width: 1920px;
  height: 1080px;
  font-family: 'MuseoSans300'; }
  .landscape-block .header-block {
    height: 110px;
    text-align: center;
    padding: 5px 0; }
    .landscape-block .header-block .name {
      margin: 30px 60px;
      font-weight: bold;
      font-size: 80px;
      float: left;
      line-height: 118px;
      letter-spacing: -5px; }
    .landscape-block .header-block img {
      height: 100%; }
  .landscape-block .body-block {
    border-top: 10px solid #54C3BB;
    height: 780px; }
    .landscape-block .body-block .queue-block {
      float: left;
      width: 440px;
      padding: 10px 20px 0 20px; }
      .landscape-block .body-block .queue-block .queue-header-block {
        margin-bottom: 5px; }
      .landscape-block .body-block .queue-block .queue-row-block {
        margin-top: 10px;
        line-height: 111px; }
        .landscape-block .body-block .queue-block .queue-row-block.calling {
          background-color: #54C3BB;
          color: #FFFFFF; }
          .landscape-block .body-block .queue-block .queue-row-block.calling .queue-code {
            color: #FFFFFF !important; }
      .landscape-block .body-block .queue-block .queue-row {
        text-align: center; }
        .landscape-block .body-block .queue-block .queue-row.left-block {
          width: 300px; }
        .landscape-block .body-block .queue-block .queue-row.right-block {
          width: 140px; }
        .landscape-block .body-block .queue-block .queue-row .chi-name {
          font-family: 'DFLiHeiMediumB5';
          font-size: 42px;
          line-height: 56px; }
        .landscape-block .body-block .queue-block .queue-row .en-name {
          font-size: 30px;
          line-height: 21px; }
        .landscape-block .body-block .queue-block .queue-row .info-text {
          font-size: 95px; }
          .landscape-block .body-block .queue-block .queue-row .info-text .queue-code {
            width: 90px;
            float: left;
            color: #54C3BB;
            padding-left: 12px; }
          .landscape-block .body-block .queue-block .queue-row .info-text .ticket-number {
            float: left; }
    .landscape-block .body-block .media-block {
      float: right;
      width: 1387px;
      height: 780px; }
      .landscape-block .body-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .landscape-block .body-block .media-block video {
        object-fit: fill !important; }
  .landscape-block .bottom-block {
    height: 100px;
    border-top: 10px solid #54C3BB; }
    .landscape-block .bottom-block .left-block {
      width: 100%; }
      .landscape-block .bottom-block .left-block marquee {
        padding-top: 14px; }
        .landscape-block .bottom-block .left-block marquee span {
          font-size: 50px; }
    .landscape-block .bottom-block .right-block {
      width: 440px;
      position: relative; }
      .landscape-block .bottom-block .right-block .powered-by {
        position: absolute;
        right: 235px;
        top: 35px;
        font-size: 34px;
        line-height: 29px; }
      .landscape-block .bottom-block .right-block img {
        height: 82px;
        position: absolute;
        right: 12px;
        top: 9px; }

.landscape-block-block {
  width: 1920px;
  height: 1079px;
  font-family: 'DFLiHeiMediumB5';
  overflow: hidden; }
  .landscape-block-block .header-block {
    height: 180px;
    text-align: center; }
    .landscape-block-block .header-block .name {
      margin: 30px 60px;
      font-weight: bold;
      font-size: 80px;
      float: left;
      line-height: 118px;
      letter-spacing: -5px; }
    .landscape-block-block .header-block img {
      height: 152px;
      margin: 13px 64px 14px 150px; }
  .landscape-block-block .body-block .queues-block {
    width: 100%;
    overflow: auto; }
    .landscape-block-block .body-block .queues-block .queue-block {
      width: 940px;
      height: 430px;
      float: left; }
      .landscape-block-block .body-block .queues-block .queue-block:nth-child(even) {
        border-left: 40px solid #707070; }
      .landscape-block-block .body-block .queues-block .queue-block:nth-child(3), .landscape-block-block .body-block .queues-block .queue-block:nth-child(4) {
        border-top: 40px solid #707070; }
      .landscape-block-block .body-block .queues-block .queue-block .queue-info-block {
        height: 100%; }
        .landscape-block-block .body-block .queues-block .queue-block .queue-info-block .name-block {
          float: left;
          width: 372px;
          height: 100%;
          text-align: center;
          background-color: #FF5252; }
          .landscape-block-block .body-block .queues-block .queue-block .queue-info-block .name-block .text {
            font-size: 80px;
            line-height: 150px; }
          .landscape-block-block .body-block .queues-block .queue-block .queue-info-block .name-block .name {
            font-size: 280px;
            line-height: 248px; }
        .landscape-block-block .body-block .queues-block .queue-block .queue-info-block .ticket-number {
          font-size: 275px;
          float: left;
          width: 568px;
          text-align: center;
          line-height: 430px; }
          .landscape-block-block .body-block .queues-block .queue-block .queue-info-block .ticket-number.highlight {
            background-color: #FFF9C4;
            color: #E53935; }
      .landscape-block-block .body-block .queues-block .queue-block .queue-row {
        text-align: center; }
        .landscape-block-block .body-block .queues-block .queue-block .queue-row.left-block {
          width: 330px; }
        .landscape-block-block .body-block .queues-block .queue-block .queue-row.right-block {
          width: 183px; }
        .landscape-block-block .body-block .queues-block .queue-block .queue-row .chi-name {
          font-size: 40px; }
        .landscape-block-block .body-block .queues-block .queue-block .queue-row .en-name {
          font-size: 30px;
          line-height: 21px; }
        .landscape-block-block .body-block .queues-block .queue-block .queue-row .info-text {
          font-size: 90px; }
    .landscape-block-block .body-block .queues-block .media-block {
      float: right;
      width: 1387px;
      height: 780px;
      background-color: black; }
      .landscape-block-block .body-block .queues-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .landscape-block-block .body-block .queues-block .media-block video {
        object-fit: fill !important; }
  .landscape-block-block .bottom-block {
    height: 140px;
    border-top: 40px solid #707070; }
    .landscape-block-block .bottom-block .left-block {
      width: 100%; }
      .landscape-block-block .bottom-block .left-block marquee span {
        font-size: 80px;
        line-height: 140px; }
    .landscape-block-block .bottom-block .right-block {
      width: 440px;
      position: relative; }
      .landscape-block-block .bottom-block .right-block .powered-by {
        position: absolute;
        right: 235px;
        top: 35px;
        font-size: 34px;
        line-height: 29px; }
      .landscape-block-block .bottom-block .right-block img {
        height: 82px;
        position: absolute;
        right: 12px;
        top: 9px; }

.landscape-all-tickets-block {
  width: 1920px;
  height: 1080px; }
  .landscape-all-tickets-block .header-block {
    height: 180px; }
    .landscape-all-tickets-block .header-block .name {
      margin: 30px 60px;
      font-weight: bold;
      font-size: 84px;
      float: left;
      line-height: 118px; }
    .landscape-all-tickets-block .header-block img {
      float: right;
      height: 152px;
      margin: 17px 64px 10px 150px; }
  .landscape-all-tickets-block .body-block {
    border-top: 10px solid #54C3BB;
    height: 780px; }
    .landscape-all-tickets-block .body-block .queue-block {
      float: left;
      width: 525px;
      margin-left: 76px;
      padding: 26px 10px 0 10px; }
      .landscape-all-tickets-block .body-block .queue-block .queue-header-block {
        margin-bottom: 25px; }
      .landscape-all-tickets-block .body-block .queue-block .queue-row-block {
        margin-top: 10px;
        line-height: 140px; }
        .landscape-all-tickets-block .body-block .queue-block .queue-row-block.calling {
          background-color: #54C3BB;
          color: #FFFFFF; }
      .landscape-all-tickets-block .body-block .queue-block .queue-row {
        text-align: center; }
        .landscape-all-tickets-block .body-block .queue-block .queue-row.left-block {
          width: 330px; }
        .landscape-all-tickets-block .body-block .queue-block .queue-row.right-block {
          width: 183px; }
        .landscape-all-tickets-block .body-block .queue-block .queue-row .chi-name {
          font-size: 45px; }
        .landscape-all-tickets-block .body-block .queue-block .queue-row .en-name {
          font-size: 35px;
          line-height: 21px; }
        .landscape-all-tickets-block .body-block .queue-block .queue-row .info-text {
          font-size: 105px; }
    .landscape-all-tickets-block .body-block .media-block {
      float: right;
      width: 1387px;
      height: 780px; }
      .landscape-all-tickets-block .body-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .landscape-all-tickets-block .body-block .media-block video {
        object-fit: fill !important; }
  .landscape-all-tickets-block .bottom-block {
    height: 100px;
    border-top: 10px solid #54C3BB; }
    .landscape-all-tickets-block .bottom-block .left-block {
      width: 100%; }
      .landscape-all-tickets-block .bottom-block .left-block marquee {
        padding-top: 14px; }
        .landscape-all-tickets-block .bottom-block .left-block marquee span {
          font-size: 50px; }
    .landscape-all-tickets-block .bottom-block .right-block {
      width: 440px;
      position: relative; }
      .landscape-all-tickets-block .bottom-block .right-block .powered-by {
        position: absolute;
        right: 235px;
        top: 35px;
        font-size: 34px;
        line-height: 29px; }
      .landscape-all-tickets-block .bottom-block .right-block img {
        height: 82px;
        position: absolute;
        right: 12px;
        top: 9px; }

.landscape-with-booking-block {
  width: 1920px;
  height: 1079px;
  font-family: 'DFLiHeiMediumB5';
  overflow: hidden;
  background-color: #EFF0ED;
  background-image: url("/images/bg-top.gif"), url("/images/bg-bottom.gif");
  background-size: 300px, 300px;
  background-attachment: fixed;
  min-height: 100%;
  background-position: right top, left bottom;
  background-repeat: no-repeat, no-repeat; }
  .landscape-with-booking-block .header-block {
    height: 180px;
    text-align: center; }
    .landscape-with-booking-block .header-block .name {
      margin: 30px 60px;
      font-weight: bold;
      font-size: 80px;
      float: left;
      line-height: 118px;
      letter-spacing: -5px; }
    .landscape-with-booking-block .header-block img {
      height: 152px;
      margin: 13px 64px 14px 150px; }
  .landscape-with-booking-block .body-block {
    border-top: 10px solid #54C3BB;
    height: 780px; }
    .landscape-with-booking-block .body-block .queue-block {
      float: left;
      width: 513px;
      padding: 15px 10px 0 10px; }
      .landscape-with-booking-block .body-block .queue-block .queue-header-block {
        margin-bottom: 15px; }
      .landscape-with-booking-block .body-block .queue-block .queue-row-block {
        margin-top: 10px;
        line-height: 100px;
        padding-top: 5px; }
        .landscape-with-booking-block .body-block .queue-block .queue-row-block.calling {
          background-color: #54C3BB;
          color: #FFFFFF; }
      .landscape-with-booking-block .body-block .queue-block .queue-row {
        text-align: center; }
        .landscape-with-booking-block .body-block .queue-block .queue-row.left-block {
          width: 330px; }
        .landscape-with-booking-block .body-block .queue-block .queue-row.right-block {
          width: 183px; }
        .landscape-with-booking-block .body-block .queue-block .queue-row .chi-name {
          font-size: 40px; }
        .landscape-with-booking-block .body-block .queue-block .queue-row .en-name {
          font-size: 30px;
          line-height: 21px; }
        .landscape-with-booking-block .body-block .queue-block .queue-row .info-text {
          font-size: 90px; }
    .landscape-with-booking-block .body-block .media-block {
      float: right;
      width: 1387px;
      height: 780px;
      background-color: black; }
      .landscape-with-booking-block .body-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .landscape-with-booking-block .body-block .media-block video {
        object-fit: fill !important; }
  .landscape-with-booking-block .bottom-block {
    height: 100px;
    border-top: 10px solid #54C3BB; }
    .landscape-with-booking-block .bottom-block .left-block {
      width: 100%; }
      .landscape-with-booking-block .bottom-block .left-block marquee {
        padding-top: 14px;
        line-height: 76px; }
        .landscape-with-booking-block .bottom-block .left-block marquee span {
          font-size: 50px; }
    .landscape-with-booking-block .bottom-block .right-block {
      width: 440px;
      position: relative; }
      .landscape-with-booking-block .bottom-block .right-block .powered-by {
        position: absolute;
        right: 235px;
        top: 35px;
        font-size: 34px;
        line-height: 29px; }
      .landscape-with-booking-block .bottom-block .right-block img {
        height: 82px;
        position: absolute;
        right: 12px;
        top: 9px; }

.portrait-with-booking-block {
  width: 1080px;
  height: 1920px;
  font-family: 'DFLiHeiMediumB5';
  overflow: hidden;
  background-color: #E0E0E0; }
  .portrait-with-booking-block .header-block {
    height: 120px;
    text-align: center;
    background-color: #FFFFFF; }
    .portrait-with-booking-block .header-block .name {
      margin: 30px 60px;
      font-weight: bold;
      font-size: 80px;
      float: left;
      line-height: 118px;
      letter-spacing: -5px; }
    .portrait-with-booking-block .header-block img {
      height: 100px;
      margin-top: 5px;
      text-align: center; }
  .portrait-with-booking-block .all-queues-counters-block {
    height: 460px; }
    .portrait-with-booking-block .all-queues-counters-block .queue-counter-block {
      width: 500px;
      height: 190px;
      float: left;
      margin-left: 20px;
      margin-top: 20px;
      border-radius: 15px;
      border: 5px solid; }
      .portrait-with-booking-block .all-queues-counters-block .queue-counter-block.calling .queue-code {
        color: red !important; }
      .portrait-with-booking-block .all-queues-counters-block .queue-counter-block.calling .ticket-number {
        color: red !important; }
      .portrait-with-booking-block .all-queues-counters-block .queue-counter-block.calling .counter-block .counter-number {
        color: red !important; }
      .portrait-with-booking-block .all-queues-counters-block .queue-counter-block .queue-code {
        background-color: #FFFFFF;
        height: 100%;
        line-height: 190px;
        text-align: center;
        float: left;
        width: 110px;
        font-size: 120px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px; }
      .portrait-with-booking-block .all-queues-counters-block .queue-counter-block .ticket-number {
        height: 100%;
        line-height: 190px;
        float: left;
        width: 232px;
        font-size: 120px;
        text-align: center;
        background-color: #FFFFFF;
        border-left: 3px solid #E0E0E0;
        color: #3C4858; }
      .portrait-with-booking-block .all-queues-counters-block .queue-counter-block .counter-block {
        height: 100%;
        float: left;
        width: 152px;
        text-align: center;
        border-left: 3px solid #E0E0E0; }
        .portrait-with-booking-block .all-queues-counters-block .queue-counter-block .counter-block .text {
          color: #FFFFFF;
          font-size: 37px;
          margin-top: 12px; }
        .portrait-with-booking-block .all-queues-counters-block .queue-counter-block .counter-block .counter-number {
          background-color: #FFFFFF;
          height: 129px;
          line-height: 129px;
          font-size: 120px;
          margin-top: 9px;
          border-bottom-right-radius: 15px;
          color: #3C4858; }
  .portrait-with-booking-block .media-block {
    width: 1040px;
    height: 1270px;
    background-color: black;
    margin-left: auto;
    margin-right: auto; }
    .portrait-with-booking-block .media-block .image-block .image {
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    .portrait-with-booking-block .media-block video {
      object-fit: fill !important; }
  .portrait-with-booking-block .footer-block {
    height: 50px;
    background-color: #FFFFFF;
    position: relative;
    margin-top: 20px; }
    .portrait-with-booking-block .footer-block img, .portrait-with-booking-block .footer-block .clear-icon {
      height: 40px;
      margin: 5px 0;
      position: absolute; }
    .portrait-with-booking-block .footer-block .powered-by {
      position: absolute;
      font-size: 16px;
      color: #3C4858;
      right: 251px;
      top: 15px;
      font-weight: bold; }
    .portrait-with-booking-block .footer-block .company-logo {
      right: 150px; }
    .portrait-with-booking-block .footer-block .clear-icon {
      right: 120px;
      top: 7px;
      color: #3C4858 !important; }
    .portrait-with-booking-block .footer-block .ld-logo {
      right: 15px; }
  .portrait-with-booking-block .bottom-block {
    height: 100px;
    border-top: 10px solid #54C3BB; }
    .portrait-with-booking-block .bottom-block .left-block {
      width: 100%; }
      .portrait-with-booking-block .bottom-block .left-block marquee {
        padding-top: 14px;
        line-height: 76px; }
        .portrait-with-booking-block .bottom-block .left-block marquee span {
          font-size: 50px; }
    .portrait-with-booking-block .bottom-block .right-block {
      width: 440px;
      position: relative; }
      .portrait-with-booking-block .bottom-block .right-block .powered-by {
        position: absolute;
        right: 235px;
        top: 35px;
        font-size: 34px;
        line-height: 29px; }
      .portrait-with-booking-block .bottom-block .right-block img {
        height: 82px;
        position: absolute;
        right: 12px;
        top: 9px; }

.portrait-block {
  width: 1079px;
  height: 1919px;
  overflow: hidden; }
  .portrait-block .header-block {
    height: 180px; }
    .portrait-block .header-block img {
      float: left;
      height: 152px;
      margin: 14px 35px; }
    .portrait-block .header-block .name {
      margin: 35px 55px 0 55px;
      float: left;
      line-height: 58px;
      text-align: center;
      font-weight: bold; }
      .portrait-block .header-block .name .zh-tw {
        font-size: 59px; }
      .portrait-block .header-block .name .eng {
        font-size: 45px; }
  .portrait-block .body-block {
    border-top: 10px solid #54C3BB;
    height: 1620px; }
    .portrait-block .body-block .queue-block {
      width: 850px;
      height: 943px;
      padding: 30px 115px 30px 110px; }
      .portrait-block .body-block .queue-block .queue-header-block {
        margin-bottom: 25px; }
      .portrait-block .body-block .queue-block .queue-row-block {
        margin-top: 10px;
        line-height: 150px; }
        .portrait-block .body-block .queue-block .queue-row-block.calling {
          background-color: #01579b;
          color: #FFFFFF; }
      .portrait-block .body-block .queue-block .queue-row {
        text-align: center; }
        .portrait-block .body-block .queue-block .queue-row.left-block {
          width: 550px; }
        .portrait-block .body-block .queue-block .queue-row.right-block {
          width: 250px; }
        .portrait-block .body-block .queue-block .queue-row .chi-name {
          font-size: 55px; }
        .portrait-block .body-block .queue-block .queue-row .en-name {
          font-size: 45px;
          line-height: 26px; }
        .portrait-block .body-block .queue-block .queue-row .info-text {
          font-size: 115px; }
    .portrait-block .body-block .media-block {
      width: 100%;
      border-top: 10px solid #54C3BB;
      height: 607px; }
      .portrait-block .body-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .portrait-block .body-block .media-block video {
        object-fit: fill !important; }
      .portrait-block .body-block .media-block .scheduled-video-block {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99;
        background-color: #000000; }
  .portrait-block .bottom-block {
    height: 100px;
    border-top: 10px solid #54C3BB; }
    .portrait-block .bottom-block .left-block {
      width: 100%; }
      .portrait-block .bottom-block .left-block marquee {
        padding-top: 14px; }
        .portrait-block .bottom-block .left-block marquee span {
          font-size: 50px; }
    .portrait-block .bottom-block .right-block {
      width: 440px;
      position: relative; }
      .portrait-block .bottom-block .right-block .powered-by {
        position: absolute;
        right: 235px;
        top: 35px;
        font-size: 34px;
        line-height: 29px; }
      .portrait-block .bottom-block .right-block img {
        height: 82px;
        position: absolute;
        right: 12px;
        top: 9px; }

.kiosk-768x1024-container {
  width: 767px;
  height: 1023px;
  overflow: hidden; }
  .kiosk-768x1024-container .layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .kiosk-768x1024-container .layer-block .pause-layer {
      bottom: 0;
      width: 100%;
      height: 100%;
      line-height: 1079px;
      font-size: 105px;
      text-align: center;
      position: absolute;
      background-color: #54C3BB;
      opacity: 0.9;
      color: #FFFFFF; }
  .kiosk-768x1024-container .left-block {
    width: 100%;
    height: 180px;
    position: relative; }
    .kiosk-768x1024-container .left-block img {
      height: 160px;
      margin-top: 10px;
      margin-left: 20px;
      float: left; }
    .kiosk-768x1024-container .left-block .name {
      float: left;
      margin-top: 38px;
      margin-left: 25px; }
      .kiosk-768x1024-container .left-block .name .zh-tw {
        font-size: 51px; }
      .kiosk-768x1024-container .left-block .name .eng {
        font-size: 39px;
        line-height: 30px; }
  .kiosk-768x1024-container .right-block {
    width: 100%;
    height: 900px;
    border-top: 9px solid #54C3BB; }
    .kiosk-768x1024-container .right-block .printing-block {
      background-color: #B3E5FC;
      color: #000000;
      height: 100%;
      text-align: center; }
      .kiosk-768x1024-container .right-block .printing-block .icon {
        height: 270px !important;
        width: 270px !important;
        margin-top: 190px; }
      .kiosk-768x1024-container .right-block .printing-block .text-chi {
        font-size: 87px;
        line-height: 94px; }
      .kiosk-768x1024-container .right-block .printing-block .text-en {
        font-size: 48px;
        line-height: 48px; }
    .kiosk-768x1024-container .right-block .queue-list {
      width: 668px;
      margin: 40px 48px 0 48px; }
      .kiosk-768x1024-container .right-block .queue-list .queue-header {
        background-color: #54C3BB;
        color: #FFFFFF;
        text-align: center;
        height: 98px;
        padding: 20px 0;
        line-height: 49px;
        border-radius: 8px; }
        .kiosk-768x1024-container .right-block .queue-list .queue-header .zhtw-name {
          font-size: 52px; }
        .kiosk-768x1024-container .right-block .queue-list .queue-header .en-name {
          font-size: 39px; }
      .kiosk-768x1024-container .right-block .queue-list .queue-item {
        background-color: #FFFFFF;
        position: relative;
        padding-left: 160px;
        height: 103px;
        margin-top: 10px;
        border: 5px solid #54C3BB;
        border-radius: 8px;
        color: #000000; }
        .kiosk-768x1024-container .right-block .queue-list .queue-item:hover {
          background-color: #E1F5FE; }
        .kiosk-768x1024-container .right-block .queue-list .queue-item .code {
          position: absolute;
          font-size: 79px;
          line-height: 103px; }
        .kiosk-768x1024-container .right-block .queue-list .queue-item .name {
          position: absolute;
          margin-left: 71px;
          line-height: 40px;
          top: 16px; }
          .kiosk-768x1024-container .right-block .queue-list .queue-item .name .zhtw-name {
            font-size: 42px; }
          .kiosk-768x1024-container .right-block .queue-list .queue-item .name .en-name {
            font-size: 30px; }
  .kiosk-768x1024-container .bottom-block {
    background-color: #000000;
    height: 667px; }
    .kiosk-768x1024-container .bottom-block .people-number-input-block {
      margin: 7px 30px 0 24px; }
      .kiosk-768x1024-container .bottom-block .people-number-input-block .number-input-block {
        height: 109px;
        position: relative; }
        .kiosk-768x1024-container .bottom-block .people-number-input-block .number-input-block .title {
          position: absolute;
          left: 38px;
          text-align: right;
          top: -6px; }
          .kiosk-768x1024-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
            font-size: 52px; }
          .kiosk-768x1024-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
            font-size: 31px;
            line-height: 34px; }
        .kiosk-768x1024-container .bottom-block .people-number-input-block .number-input-block .number {
          background-color: #FFFFFF;
          position: absolute;
          width: 351px;
          font-size: 89px;
          right: 3px;
          top: 0px;
          text-align: center;
          height: 107px;
          line-height: 107px;
          border: 1px solid #9E9E9E;
          color: #000000; }
      .kiosk-768x1024-container .bottom-block .people-number-input-block .keypad-block {
        padding-top: 14px; }
      .kiosk-768x1024-container .bottom-block .people-number-input-block .keys-block .key-block {
        padding-left: 6px;
        padding-top: 7px; }
        .kiosk-768x1024-container .bottom-block .people-number-input-block .keys-block .key-block:last-child {
          padding-right: 2px; }
        .kiosk-768x1024-container .bottom-block .people-number-input-block .keys-block .key-block .key {
          background-color: #EF5350;
          height: 122px;
          line-height: 122px;
          font-size: 78px;
          text-align: center;
          color: #FFFFFF; }
          .kiosk-768x1024-container .bottom-block .people-number-input-block .keys-block .key-block .key.reset-key {
            font-size: 56px; }
          .kiosk-768x1024-container .bottom-block .people-number-input-block .keys-block .key-block .key:active {
            background-color: #C62828; }

.kiosk-800x1280-container {
  width: 1280px;
  height: 800px;
  overflow: hidden; }
  .kiosk-800x1280-container .layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .kiosk-800x1280-container .layer-block .pause-layer {
      bottom: 0;
      width: 100%;
      height: 100%;
      line-height: 1079px;
      font-size: 105px;
      text-align: center;
      position: absolute;
      background-color: #54C3BB;
      opacity: 0.9;
      color: #FFFFFF; }
  .kiosk-800x1280-container .left-block {
    width: 100%;
    height: 120px;
    position: relative;
    text-align: center;
    border-bottom: 10px solid #54C3BB; }
    .kiosk-800x1280-container .left-block img {
      height: 105px;
      margin-top: 8px; }
  .kiosk-800x1280-container .printing-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 670px;
    background-color: #E0F7FA;
    color: #000000;
    text-align: center; }
    .kiosk-800x1280-container .printing-block .icon {
      height: 270px !important;
      width: 270px !important;
      margin-top: 90px; }
    .kiosk-800x1280-container .printing-block .text-chi {
      font-size: 87px;
      line-height: 94px; }
    .kiosk-800x1280-container .printing-block .text-en {
      font-size: 48px;
      line-height: 48px; }
  .kiosk-800x1280-container .error-layer-block {
    background-color: #B2DFDB;
    color: #000000;
    height: 1090px;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 10; }
    .kiosk-800x1280-container .error-layer-block .inner-block {
      width: 700px;
      margin: 0 auto; }
      .kiosk-800x1280-container .error-layer-block .inner-block .text-chi {
        font-size: 55px;
        margin-top: 200px; }
      .kiosk-800x1280-container .error-layer-block .inner-block .text-en {
        font-size: 45px; }
  .kiosk-800x1280-container .class-block {
    height: 670px; }
    .kiosk-800x1280-container .class-block .select-block {
      width: 900px;
      margin: 0 auto;
      padding-top: 30px; }
      .kiosk-800x1280-container .class-block .select-block .main-block {
        width: 100%; }
        .kiosk-800x1280-container .class-block .select-block .main-block .class-header {
          background-color: #54C3BB;
          color: #FFFFFF;
          text-align: center;
          height: 120px;
          padding: 30px 0 15px 0;
          border-radius: 8px; }
          .kiosk-800x1280-container .class-block .select-block .main-block .class-header .zhtw-name {
            font-size: 54px;
            line-height: 60px; }
          .kiosk-800x1280-container .class-block .select-block .main-block .class-header .en-name {
            font-size: 41px;
            line-height: 40px;
            margin-top: 5px;
            letter-spacing: -1px; }
        .kiosk-800x1280-container .class-block .select-block .main-block .option-block {
          background-color: #FFFFFF;
          position: relative;
          height: 180px;
          margin-top: 10px;
          border: 5px solid #54C3BB;
          border-radius: 8px;
          color: #000000;
          text-align: center; }
          .kiosk-800x1280-container .class-block .select-block .main-block .option-block:hover {
            background-color: #E0F2F1; }
          .kiosk-800x1280-container .class-block .select-block .main-block .option-block .zhtw-name {
            font-size: 67px;
            line-height: 70px;
            margin-top: 28px; }
          .kiosk-800x1280-container .class-block .select-block .main-block .option-block .en-name {
            font-size: 55px;
            line-height: 49px;
            margin-top: 5px; }
  .kiosk-800x1280-container .queues-block {
    height: 670px; }
    .kiosk-800x1280-container .queues-block .select-block {
      width: 900px;
      margin: 0 auto;
      padding-top: 30px;
      height: 440px; }
      .kiosk-800x1280-container .queues-block .select-block .queue-list {
        width: 100%; }
        .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-header {
          background-color: #54C3BB;
          color: #FFFFFF;
          text-align: center;
          height: 100px;
          padding: 30px 0 15px 0;
          border-radius: 8px; }
          .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-header .zhtw-name {
            font-size: 54px;
            line-height: 45px; }
          .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-header .en-name {
            font-size: 41px;
            line-height: 49px;
            margin-top: 5px;
            letter-spacing: -1px; }
        .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-item {
          background-color: #FFFFFF;
          position: relative;
          padding-left: 175px;
          height: 125px;
          margin-top: 10px;
          border: 5px solid #54C3BB;
          border-radius: 8px;
          color: #000000; }
          .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-item:hover {
            background-color: #E0F2F1; }
          .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-item .code {
            position: absolute;
            font-size: 100px;
            line-height: 125px; }
          .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-item .name {
            position: absolute;
            margin-left: 83px;
            line-height: 49px;
            top: 18px; }
            .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-item .name .zhtw-name {
              font-size: 54px;
              line-height: 46px;
              width: 500px; }
            .kiosk-800x1280-container .queues-block .select-block .queue-list .queue-item .name .en-name {
              font-size: 40px;
              line-height: 30px;
              margin-top: 9px; }
    .kiosk-800x1280-container .queues-block .back-btn-block {
      text-align: center; }
      .kiosk-800x1280-container .queues-block .back-btn-block .back-btn {
        background-color: #BDBDBD;
        width: 269px;
        margin: 0 auto;
        padding: 15px 10px;
        border-radius: 15px;
        margin-top: 10px; }
        .kiosk-800x1280-container .queues-block .back-btn-block .back-btn .btn-text-chi {
          font-size: 45px;
          line-height: 45px; }
        .kiosk-800x1280-container .queues-block .back-btn-block .back-btn .btn-text-en {
          font-size: 45px;
          line-height: 41px; }
  .kiosk-800x1280-container .qrcode-block {
    height: 1090px; }
    .kiosk-800x1280-container .qrcode-block .main-block {
      text-align: center;
      padding-top: 20px; }
      .kiosk-800x1280-container .qrcode-block .main-block img {
        width: 300px;
        height: 300px; }

@keyframes moveDown {
  0% {
    transform: translateY(0px);
    opacity: 0; }
  10% {
    opacity: 1; }
  80% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    transform: translateY(300px);
    opacity: 0; } }
      .kiosk-800x1280-container .qrcode-block .main-block .red-line-block {
        position: absolute;
        top: 220px;
        left: 450px;
        background-color: red;
        width: 360px;
        height: 15px;
        animation-duration: 3s;
        animation-name: moveDown;
        animation-iteration-count: infinite;
        animation-timing-function: linear; }
      .kiosk-800x1280-container .qrcode-block .main-block .text-chi {
        margin-top: 10px;
        font-size: 49px; }
      .kiosk-800x1280-container .qrcode-block .main-block .text-en {
        font-size: 40px;
        line-height: 44px; }
      .kiosk-800x1280-container .qrcode-block .main-block .back-btn-block {
        text-align: center; }
        .kiosk-800x1280-container .qrcode-block .main-block .back-btn-block .back-btn {
          background-color: #BDBDBD;
          width: 250px;
          margin: 0 auto;
          padding: 15px 10px;
          border-radius: 15px;
          margin-top: 25px; }
          .kiosk-800x1280-container .qrcode-block .main-block .back-btn-block .back-btn .btn-text-chi {
            font-size: 50px;
            line-height: 50px; }
          .kiosk-800x1280-container .qrcode-block .main-block .back-btn-block .back-btn .btn-text-en {
            font-size: 45px;
            line-height: 40px;
            margin-top: 10px; }
  .kiosk-800x1280-container .input-block {
    margin: 20px auto 0 auto;
    width: 1200px;
    height: 860px;
    text-align: center; }
    .kiosk-800x1280-container .input-block .text-chi {
      font-size: 44px;
      line-height: 43px; }
    .kiosk-800x1280-container .input-block .text-en {
      font-size: 38px;
      line-height: 36px; }
    .kiosk-800x1280-container .input-block .phone-number-block {
      height: 80px;
      line-height: 80px;
      margin-top: 20px;
      font-size: 55px; }
      .kiosk-800x1280-container .input-block .phone-number-block .country-code {
        border: 5px solid #54C3BB;
        width: 300px;
        height: 100%;
        float: left;
        position: relative;
        margin-left: 187px;
        border-radius: 10px; }
        .kiosk-800x1280-container .input-block .phone-number-block .country-code .code {
          width: 230px; }
        .kiosk-800x1280-container .input-block .phone-number-block .country-code .icon {
          right: -13px;
          top: -16px;
          width: 110px !important;
          height: 110px !important;
          position: absolute; }
      .kiosk-800x1280-container .input-block .phone-number-block .phone-number {
        border: 5px solid #54C3BB;
        margin-left: 10px;
        width: 500px;
        height: 100%;
        float: left;
        border-radius: 10px; }
    .kiosk-800x1280-container .input-block .keypad-block {
      width: 515px;
      margin-left: 505px;
      overflow: auto; }
      .kiosk-800x1280-container .input-block .keypad-block .numbers-block {
        width: 375px;
        overflow: auto;
        float: left; }
      .kiosk-800x1280-container .input-block .keypad-block .fnc-block {
        width: 140px;
        float: left; }
        .kiosk-800x1280-container .input-block .keypad-block .fnc-block .icon {
          height: 50px !important;
          width: 50px !important;
          margin-top: 14px; }
      .kiosk-800x1280-container .input-block .keypad-block .number {
        float: left;
        width: 120px;
        background-color: #BDBDBD;
        margin-left: 5px;
        margin-top: 5px;
        height: 80px;
        line-height: 80px;
        font-size: 50px;
        border-radius: 8px; }
        .kiosk-800x1280-container .input-block .keypad-block .number:active {
          background-color: #757575; }
        .kiosk-800x1280-container .input-block .keypad-block .number.zero {
          width: 370px; }
        .kiosk-800x1280-container .input-block .keypad-block .number.backspace {
          width: 130px; }
        .kiosk-800x1280-container .input-block .keypad-block .number.clear {
          width: 130px;
          height: 250px; }
          .kiosk-800x1280-container .input-block .keypad-block .number.clear .clear-chi {
            font-size: 45px;
            line-height: 50px;
            margin-top: 70px; }
          .kiosk-800x1280-container .input-block .keypad-block .number.clear .clear-en {
            font-size: 40px;
            line-height: 40px; }
    .kiosk-800x1280-container .input-block .button-block {
      margin-left: 500px; }
      .kiosk-800x1280-container .input-block .button-block .button {
        color: #FFFFFF;
        width: 247px;
        margin: 10px 0 0 0;
        height: 100px;
        line-height: 100px;
        font-size: 50px;
        border-radius: 10px;
        background-color: #757575;
        float: left;
        margin-left: 10px; }
        .kiosk-800x1280-container .input-block .button-block .button.primary {
          background-color: #54C3BB; }
    .kiosk-800x1280-container .input-block .country-popup-list {
      position: absolute;
      width: 1150px;
      height: 740px;
      background-color: #FFFFFF;
      top: 28px;
      left: 60px;
      border: 1px solid #424242; }
      .kiosk-800x1280-container .input-block .country-popup-list .country-list-block {
        width: 100%;
        height: 625px;
        overflow: hidden; }
        .kiosk-800x1280-container .input-block .country-popup-list .country-list-block .country-block {
          float: left;
          width: 200px;
          height: 200px;
          margin-left: 20px;
          margin-top: 20px;
          position: relative; }
          .kiosk-800x1280-container .input-block .country-popup-list .country-list-block .country-block .flag {
            font-size: 60px;
            position: absolute;
            width: 100%;
            height: 60px;
            line-height: 60px; }
          .kiosk-800x1280-container .input-block .country-popup-list .country-list-block .country-block .name-chi {
            font-size: 30px;
            margin-top: 60px; }
          .kiosk-800x1280-container .input-block .country-popup-list .country-list-block .country-block .name-en {
            font-size: 25px;
            line-height: 23px; }
          .kiosk-800x1280-container .input-block .country-popup-list .country-list-block .country-block .number {
            font-size: 25px;
            font-weight: bold; }
      .kiosk-800x1280-container .input-block .country-popup-list .button {
        color: #FFFFFF;
        width: 300px;
        margin: 20px auto 0 auto;
        height: 80px;
        line-height: 80px;
        font-size: 45px;
        border-radius: 10px;
        background-color: #9E9E9E; }
  .kiosk-800x1280-container .bottom-block {
    background-color: #000000;
    height: 667px; }
    .kiosk-800x1280-container .bottom-block .people-number-input-block {
      margin: 7px 30px 0 24px; }
      .kiosk-800x1280-container .bottom-block .people-number-input-block .number-input-block {
        height: 109px;
        position: relative; }
        .kiosk-800x1280-container .bottom-block .people-number-input-block .number-input-block .title {
          position: absolute;
          left: 38px;
          text-align: right;
          top: -6px; }
          .kiosk-800x1280-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
            font-size: 52px; }
          .kiosk-800x1280-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
            font-size: 31px;
            line-height: 34px; }
        .kiosk-800x1280-container .bottom-block .people-number-input-block .number-input-block .number {
          background-color: #FFFFFF;
          position: absolute;
          width: 351px;
          font-size: 89px;
          right: 3px;
          top: 0px;
          text-align: center;
          height: 107px;
          line-height: 107px;
          border: 1px solid #9E9E9E;
          color: #000000; }
      .kiosk-800x1280-container .bottom-block .people-number-input-block .keypad-block {
        padding-top: 14px; }
      .kiosk-800x1280-container .bottom-block .people-number-input-block .keys-block .key-block {
        padding-left: 6px;
        padding-top: 7px; }
        .kiosk-800x1280-container .bottom-block .people-number-input-block .keys-block .key-block:last-child {
          padding-right: 2px; }
        .kiosk-800x1280-container .bottom-block .people-number-input-block .keys-block .key-block .key {
          background-color: #26A69A;
          height: 122px;
          line-height: 122px;
          font-size: 78px;
          text-align: center;
          color: #FFFFFF; }
          .kiosk-800x1280-container .bottom-block .people-number-input-block .keys-block .key-block .key.reset-key {
            font-size: 56px; }
          .kiosk-800x1280-container .bottom-block .people-number-input-block .keys-block .key-block .key:active {
            background-color: #00695C; }

.kiosk-1024x768-container {
  color: #000000;
  width: 1023px;
  height: 767px;
  overflow: hidden; }
  .kiosk-1024x768-container .layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .kiosk-1024x768-container .layer-block .pause-layer {
      bottom: 0;
      width: 100%;
      height: 100%;
      line-height: 767px;
      font-size: 108px;
      text-align: center;
      position: absolute;
      background-color: #54C3BB;
      opacity: 0.9;
      color: #FFFFFF; }
  .kiosk-1024x768-container .title-block {
    text-align: center;
    border-bottom: 4px solid #54C3BB;
    height: 90px;
    width: 100%;
    padding: 5px 0; }
    .kiosk-1024x768-container .title-block img {
      height: 100%; }
  .kiosk-1024x768-container .step-brands-block {
    height: 664px; }
    .kiosk-1024x768-container .step-brands-block .brands-block {
      padding: 10px 70px; }
      .kiosk-1024x768-container .step-brands-block .brands-block ul {
        list-style-type: none;
        margin-block-start: 0em !important;
        margin-block-end: 0em !important;
        margin-inline-start: 0px !important;
        margin-inline-end: 0px !important;
        padding-inline-start: 0px !important; }
        .kiosk-1024x768-container .step-brands-block .brands-block ul li {
          display: inline-flex !important; }
          .kiosk-1024x768-container .step-brands-block .brands-block ul li .brand-block {
            border: 4px solid #54C3BB;
            width: 413px;
            height: 100px;
            margin: 10px;
            text-align: center;
            border-radius: 15px; }
            .kiosk-1024x768-container .step-brands-block .brands-block ul li .brand-block .chi-name {
              font-size: 38px;
              height: 65px;
              line-height: 65px; }
            .kiosk-1024x768-container .step-brands-block .brands-block ul li .brand-block .en-name {
              font-size: 30px;
              height: 8px;
              line-height: 8px; }
  .kiosk-1024x768-container .printing-block {
    background-color: #B3E5FC;
    color: #000000;
    height: 100%;
    text-align: center; }
    .kiosk-1024x768-container .printing-block .icon {
      height: 216px !important;
      width: 216px !important;
      margin-top: 118px; }
    .kiosk-1024x768-container .printing-block .text-chi {
      font-size: 70px;
      line-height: 75px; }
    .kiosk-1024x768-container .printing-block .text-en {
      font-size: 38px;
      line-height: 38px; }
  .kiosk-1024x768-container .step-queues-block {
    height: 664px; }
    .kiosk-1024x768-container .step-queues-block .queue-list {
      width: 100%;
      height: 562px;
      margin-top: 10px; }
      .kiosk-1024x768-container .step-queues-block .queue-list .queue-header {
        background-color: #54C3BB;
        color: #FFFFFF;
        text-align: center;
        height: 94px;
        padding: 16px 0;
        line-height: 52px;
        border-radius: 7px; }
        .kiosk-1024x768-container .step-queues-block .queue-list .queue-header .zhtw-name {
          font-size: 50px; }
        .kiosk-1024x768-container .step-queues-block .queue-list .queue-header .en-name {
          font-size: 38px; }
      .kiosk-1024x768-container .step-queues-block .queue-list .queue-item {
        background-color: #FFFFFF;
        position: relative;
        padding-left: 41px;
        height: 86px;
        margin-top: 12px;
        margin-left: 21px;
        border: 4px solid #54C3BB;
        border-radius: 6px;
        color: #000000;
        float: left;
        width: 430px; }
        .kiosk-1024x768-container .step-queues-block .queue-list .queue-item:hover {
          background-color: #E1F5FE; }
        .kiosk-1024x768-container .step-queues-block .queue-list .queue-item .code {
          position: absolute;
          font-size: 64px;
          line-height: 86px; }
        .kiosk-1024x768-container .step-queues-block .queue-list .queue-item .name {
          position: absolute;
          margin-left: 62px;
          line-height: 32px;
          top: 14px; }
          .kiosk-1024x768-container .step-queues-block .queue-list .queue-item .name .zhtw-name {
            font-size: 35px; }
          .kiosk-1024x768-container .step-queues-block .queue-list .queue-item .name .en-name {
            font-size: 21px; }
    .kiosk-1024x768-container .step-queues-block .back-block {
      position: relative;
      background-color: #54C3BB;
      color: #FFFFFF;
      width: 200px;
      height: 75px;
      margin-left: 25px;
      border-radius: 10px; }
      .kiosk-1024x768-container .step-queues-block .back-block .back-icon {
        height: 64px !important;
        width: 64px !important;
        color: #FFFFFF !important;
        position: absolute;
        top: 5px;
        left: 13px; }
      .kiosk-1024x768-container .step-queues-block .back-block span {
        font-size: 38px;
        position: absolute;
        left: 86px;
        top: 10px; }
  .kiosk-1024x768-container .bottom-block {
    background-color: #000000;
    height: 534px; }
    .kiosk-1024x768-container .bottom-block .people-number-input-block {
      margin: 6px 24px 0 19px; }
      .kiosk-1024x768-container .bottom-block .people-number-input-block .number-input-block {
        height: 87px;
        position: relative; }
        .kiosk-1024x768-container .bottom-block .people-number-input-block .number-input-block .title {
          position: absolute;
          left: 30px;
          text-align: right;
          top: -5px; }
          .kiosk-1024x768-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
            font-size: 42px; }
          .kiosk-1024x768-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
            font-size: 25px;
            line-height: 27px; }
        .kiosk-1024x768-container .bottom-block .people-number-input-block .number-input-block .number {
          background-color: #FFFFFF;
          position: absolute;
          width: 281px;
          font-size: 71px;
          right: 3px;
          top: 0px;
          text-align: center;
          height: 86px;
          line-height: 86px;
          border: 1px solid #9E9E9E;
          color: #000000; }
      .kiosk-1024x768-container .bottom-block .people-number-input-block .keypad-block {
        padding-top: 11px; }
      .kiosk-1024x768-container .bottom-block .people-number-input-block .keys-block .key-block {
        padding-left: 5px;
        padding-top: 6px; }
        .kiosk-1024x768-container .bottom-block .people-number-input-block .keys-block .key-block:last-child {
          padding-right: 2px; }
        .kiosk-1024x768-container .bottom-block .people-number-input-block .keys-block .key-block .key {
          background-color: #EF5350;
          height: 98px;
          line-height: 98px;
          font-size: 62px;
          text-align: center;
          color: #FFFFFF; }
          .kiosk-1024x768-container .bottom-block .people-number-input-block .keys-block .key-block .key.reset-key {
            font-size: 45px; }
          .kiosk-1024x768-container .bottom-block .people-number-input-block .keys-block .key-block .key:active {
            background-color: #C62828; }

.kiosk-1920x1280-container {
  color: #FFFFFF;
  width: 1919px;
  height: 1279px;
  overflow: hidden; }
  .kiosk-1920x1280-container .layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .kiosk-1920x1280-container .layer-block .pause-layer {
      bottom: 0;
      width: 100%;
      height: 100%;
      line-height: 1279px;
      font-size: 228px;
      text-align: center;
      position: absolute;
      background-color: #54C3BB;
      opacity: 0.9;
      color: #FFFFFF; }
  .kiosk-1920x1280-container .left-block {
    width: 560px;
    height: 100%;
    position: relative; }
    .kiosk-1920x1280-container .left-block img {
      width: 524px;
      left: 18px;
      top: 450px;
      position: absolute; }
  .kiosk-1920x1280-container .right-block {
    width: 1353px;
    height: 100%;
    border-left: 7px solid #54C3BB; }
    .kiosk-1920x1280-container .right-block .printing-block {
      background-color: #B3E5FC;
      color: #000000;
      height: 100%;
      text-align: center; }
      .kiosk-1920x1280-container .right-block .printing-block .icon {
        height: 416px !important;
        width: 416px !important;
        margin-top: 240px; }
      .kiosk-1920x1280-container .right-block .printing-block .text-chi {
        font-size: 130px;
        line-height: 125px; }
      .kiosk-1920x1280-container .right-block .printing-block .text-en {
        font-size: 98px;
        line-height: 100px; }
    .kiosk-1920x1280-container .right-block .queue-list {
      width: 1160px;
      margin: 86px 0 0 95px; }
      .kiosk-1920x1280-container .right-block .queue-list .queue-header {
        background-color: #54C3BB;
        color: #FFFFFF;
        text-align: center;
        height: 128px;
        padding: 43px 0;
        line-height: 73px;
        border-radius: 7px; }
        .kiosk-1920x1280-container .right-block .queue-list .queue-header .zhtw-name {
          font-size: 75px; }
        .kiosk-1920x1280-container .right-block .queue-list .queue-header .en-name {
          font-size: 63px; }
      .kiosk-1920x1280-container .right-block .queue-list .queue-item {
        background-color: #FFFFFF;
        position: relative;
        padding-left: 276px;
        height: 156px;
        margin-top: 12px;
        border: 4px solid #54C3BB;
        border-radius: 6px;
        color: #000000; }
        .kiosk-1920x1280-container .right-block .queue-list .queue-item:hover {
          background-color: #E1F5FE; }
        .kiosk-1920x1280-container .right-block .queue-list .queue-item .code {
          position: absolute;
          font-size: 125px;
          line-height: 156px; }
        .kiosk-1920x1280-container .right-block .queue-list .queue-item .name {
          position: absolute;
          margin-left: 106px;
          line-height: 64px;
          top: 20px; }
          .kiosk-1920x1280-container .right-block .queue-list .queue-item .name .zhtw-name {
            font-size: 72px; }
          .kiosk-1920x1280-container .right-block .queue-list .queue-item .name .en-name {
            font-size: 54px; }
  .kiosk-1920x1280-container .bottom-block {
    background-color: #000000;
    height: 534px; }
    .kiosk-1920x1280-container .bottom-block .people-number-input-block {
      margin: 6px 24px 0 19px; }
      .kiosk-1920x1280-container .bottom-block .people-number-input-block .number-input-block {
        height: 87px;
        position: relative; }
        .kiosk-1920x1280-container .bottom-block .people-number-input-block .number-input-block .title {
          position: absolute;
          left: 30px;
          text-align: right;
          top: -5px; }
          .kiosk-1920x1280-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
            font-size: 42px; }
          .kiosk-1920x1280-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
            font-size: 25px;
            line-height: 27px; }
        .kiosk-1920x1280-container .bottom-block .people-number-input-block .number-input-block .number {
          background-color: #FFFFFF;
          position: absolute;
          width: 281px;
          font-size: 71px;
          right: 3px;
          top: 0px;
          text-align: center;
          height: 86px;
          line-height: 86px;
          border: 1px solid #9E9E9E;
          color: #000000; }
      .kiosk-1920x1280-container .bottom-block .people-number-input-block .keypad-block {
        padding-top: 11px; }
      .kiosk-1920x1280-container .bottom-block .people-number-input-block .keys-block .key-block {
        padding-left: 5px;
        padding-top: 6px; }
        .kiosk-1920x1280-container .bottom-block .people-number-input-block .keys-block .key-block:last-child {
          padding-right: 2px; }
        .kiosk-1920x1280-container .bottom-block .people-number-input-block .keys-block .key-block .key {
          background-color: #EF5350;
          height: 98px;
          line-height: 98px;
          font-size: 62px;
          text-align: center;
          color: #FFFFFF; }
          .kiosk-1920x1280-container .bottom-block .people-number-input-block .keys-block .key-block .key.reset-key {
            font-size: 45px; }
          .kiosk-1920x1280-container .bottom-block .people-number-input-block .keys-block .key-block .key:active {
            background-color: #C62828; }

.kiosk-display-1920x1080-container {
  width: 1080px;
  height: 1920px;
  overflow: hidden; }
  .kiosk-display-1920x1080-container .layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .kiosk-display-1920x1080-container .layer-block .pause-layer {
      bottom: 0;
      width: 100%;
      height: 100%;
      line-height: 1079px;
      font-size: 105px;
      text-align: center;
      position: absolute;
      background-color: #54C3BB;
      opacity: 0.9;
      color: #FFFFFF; }
  .kiosk-display-1920x1080-container .printing-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 727px;
    background-color: #E0F7FA;
    color: #000000;
    text-align: center; }
    .kiosk-display-1920x1080-container .printing-block .icon {
      height: 300px !important;
      width: 300px !important;
      margin-top: 90px; }
    .kiosk-display-1920x1080-container .printing-block .text-chi {
      font-size: 87px;
      line-height: 94px; }
    .kiosk-display-1920x1080-container .printing-block .text-en {
      font-size: 48px;
      line-height: 48px; }
  .kiosk-display-1920x1080-container .error-layer-block {
    background-color: #B2DFDB;
    color: #000000;
    height: 1090px;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 10; }
    .kiosk-display-1920x1080-container .error-layer-block .inner-block {
      width: 700px;
      margin: 0 auto; }
      .kiosk-display-1920x1080-container .error-layer-block .inner-block .text-chi {
        font-size: 55px;
        margin-top: 200px; }
      .kiosk-display-1920x1080-container .error-layer-block .inner-block .text-en {
        font-size: 45px; }
  .kiosk-display-1920x1080-container .queues-calling-block {
    overflow: auto; }
    .kiosk-display-1920x1080-container .queues-calling-block .calling-block {
      width: 540px;
      height: 179px;
      float: left;
      font-size: 127px;
      text-align: center;
      color: #FFFFFF; }
      .kiosk-display-1920x1080-container .queues-calling-block .calling-block.calling {
        color: red !important;
        background-color: #FFFFFF !important; }
  .kiosk-display-1920x1080-container .media-block {
    width: 1080px;
    height: 608px;
    background-color: black; }
    .kiosk-display-1920x1080-container .media-block .image-block .image {
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    .kiosk-display-1920x1080-container .media-block video {
      object-fit: fill !important; }
  .kiosk-display-1920x1080-container .footer-block {
    height: 50px;
    background-color: #116E7F;
    position: relative; }
    .kiosk-display-1920x1080-container .footer-block img, .kiosk-display-1920x1080-container .footer-block .clear-icon {
      height: 40px;
      margin: 5px 0;
      position: absolute; }
    .kiosk-display-1920x1080-container .footer-block .powered-by {
      position: absolute;
      font-size: 16px;
      color: #FFFFFF;
      right: 251px;
      top: 11px;
      font-weight: bold; }
    .kiosk-display-1920x1080-container .footer-block .company-logo {
      right: 150px; }
    .kiosk-display-1920x1080-container .footer-block .clear-icon {
      right: 120px;
      top: 7px;
      color: #FFFFFF !important; }
    .kiosk-display-1920x1080-container .footer-block .ld-logo {
      right: 15px; }
  .kiosk-display-1920x1080-container .class-block {
    height: 670px; }
    .kiosk-display-1920x1080-container .class-block .select-block {
      width: 1050px;
      margin: 0 auto;
      padding-top: 10px;
      height: 440px; }
      .kiosk-display-1920x1080-container .class-block .select-block .main-block {
        width: 100%; }
        .kiosk-display-1920x1080-container .class-block .select-block .main-block .class-header {
          background-color: #54C3BB;
          color: #FFFFFF;
          text-align: center;
          height: 100px;
          padding: 30px 0 15px 0;
          border-radius: 8px; }
          .kiosk-display-1920x1080-container .class-block .select-block .main-block .class-header .zhtw-name {
            font-size: 54px;
            line-height: 45px; }
          .kiosk-display-1920x1080-container .class-block .select-block .main-block .class-header .en-name {
            font-size: 41px;
            line-height: 49px;
            margin-top: 5px;
            letter-spacing: -1px; }
        .kiosk-display-1920x1080-container .class-block .select-block .main-block .option-block {
          background-color: #FFFFFF;
          position: relative;
          height: 180px;
          margin-top: 10px;
          border: 5px solid #54C3BB;
          border-radius: 8px;
          color: #000000;
          text-align: center; }
          .kiosk-display-1920x1080-container .class-block .select-block .main-block .option-block:hover {
            background-color: #E0F2F1; }
          .kiosk-display-1920x1080-container .class-block .select-block .main-block .option-block .zhtw-name {
            font-size: 67px;
            line-height: 70px;
            margin-top: 28px; }
          .kiosk-display-1920x1080-container .class-block .select-block .main-block .option-block .en-name {
            font-size: 55px;
            line-height: 49px;
            margin-top: 5px; }
  .kiosk-display-1920x1080-container .queues-block {
    height: 727px; }
    .kiosk-display-1920x1080-container .queues-block .select-block {
      width: 1050px;
      margin: 0 auto;
      padding-top: 20px;
      height: 727px; }
      .kiosk-display-1920x1080-container .queues-block .select-block .queue-list {
        width: 100%; }
        .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-header {
          background-color: #54C3BB;
          color: #FFFFFF;
          text-align: center;
          height: 100px;
          padding: 30px 0 15px 0;
          border-radius: 8px; }
          .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-header .zhtw-name {
            font-size: 54px;
            line-height: 45px; }
          .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-header .en-name {
            font-size: 41px;
            line-height: 49px;
            margin-top: 5px;
            letter-spacing: -1px; }
        .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-item {
          background-color: #FFFFFF;
          position: relative;
          height: 160px;
          margin: 10px 10px 0 10px;
          border: 7px solid;
          border-radius: 8px;
          color: #000000;
          float: left;
          width: 461px;
          padding: 0 15px; }
          .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-item:hover {
            background-color: #E0F7FA; }
          .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-item .code {
            position: absolute;
            font-size: 110px;
            line-height: 165px; }
          .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-item .name {
            position: absolute;
            margin-left: 90px;
            line-height: 49px;
            top: 27px; }
            .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-item .name .zhtw-name {
              font-size: 55px;
              line-height: 41px; }
            .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-item .name .en-name-block {
              height: 78px;
              position: relative;
              margin-top: 10px; }
              .kiosk-display-1920x1080-container .queues-block .select-block .queue-list .queue-item .name .en-name-block .name {
                margin: 0;
                position: absolute;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 43px;
                line-height: 34px;
                width: 100%; }
    .kiosk-display-1920x1080-container .queues-block .back-btn-block {
      text-align: center; }
      .kiosk-display-1920x1080-container .queues-block .back-btn-block .back-btn {
        background-color: #BDBDBD;
        width: 269px;
        margin: 0 auto;
        padding: 15px 10px;
        border-radius: 15px;
        margin-top: 10px; }
        .kiosk-display-1920x1080-container .queues-block .back-btn-block .back-btn .btn-text-chi {
          font-size: 45px;
          line-height: 45px; }
        .kiosk-display-1920x1080-container .queues-block .back-btn-block .back-btn .btn-text-en {
          font-size: 45px;
          line-height: 41px; }
  .kiosk-display-1920x1080-container .qrcode-block {
    height: 1090px; }
    .kiosk-display-1920x1080-container .qrcode-block .main-block {
      text-align: center;
      padding-top: 20px; }
      .kiosk-display-1920x1080-container .qrcode-block .main-block img {
        width: 300px;
        height: 300px; }

@keyframes moveDown {
  0% {
    transform: translateY(0px);
    opacity: 0; }
  10% {
    opacity: 1; }
  80% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    transform: translateY(300px);
    opacity: 0; } }
      .kiosk-display-1920x1080-container .qrcode-block .main-block .red-line-block {
        position: absolute;
        top: 220px;
        left: 450px;
        background-color: red;
        width: 360px;
        height: 15px;
        animation-duration: 3s;
        animation-name: moveDown;
        animation-iteration-count: infinite;
        animation-timing-function: linear; }
      .kiosk-display-1920x1080-container .qrcode-block .main-block .text-chi {
        margin-top: 10px;
        font-size: 49px; }
      .kiosk-display-1920x1080-container .qrcode-block .main-block .text-en {
        font-size: 40px;
        line-height: 44px; }
      .kiosk-display-1920x1080-container .qrcode-block .main-block .back-btn-block {
        text-align: center; }
        .kiosk-display-1920x1080-container .qrcode-block .main-block .back-btn-block .back-btn {
          background-color: #BDBDBD;
          width: 250px;
          margin: 0 auto;
          padding: 15px 10px;
          border-radius: 15px;
          margin-top: 25px; }
          .kiosk-display-1920x1080-container .qrcode-block .main-block .back-btn-block .back-btn .btn-text-chi {
            font-size: 50px;
            line-height: 50px; }
          .kiosk-display-1920x1080-container .qrcode-block .main-block .back-btn-block .back-btn .btn-text-en {
            font-size: 45px;
            line-height: 40px;
            margin-top: 10px; }
  .kiosk-display-1920x1080-container .input-block {
    margin: 20px auto 0 auto;
    width: 1200px;
    height: 860px;
    text-align: center; }
    .kiosk-display-1920x1080-container .input-block .text-chi {
      font-size: 44px;
      line-height: 43px; }
    .kiosk-display-1920x1080-container .input-block .text-en {
      font-size: 38px;
      line-height: 36px; }
    .kiosk-display-1920x1080-container .input-block .phone-number-block {
      height: 80px;
      line-height: 80px;
      margin-top: 20px;
      font-size: 55px; }
      .kiosk-display-1920x1080-container .input-block .phone-number-block .country-code {
        border: 5px solid #54C3BB;
        width: 300px;
        height: 100%;
        float: left;
        position: relative;
        margin-left: 187px;
        border-radius: 10px; }
        .kiosk-display-1920x1080-container .input-block .phone-number-block .country-code .code {
          width: 230px; }
        .kiosk-display-1920x1080-container .input-block .phone-number-block .country-code .icon {
          right: -13px;
          top: -16px;
          width: 110px !important;
          height: 110px !important;
          position: absolute; }
      .kiosk-display-1920x1080-container .input-block .phone-number-block .phone-number {
        border: 5px solid #54C3BB;
        margin-left: 10px;
        width: 500px;
        height: 100%;
        float: left;
        border-radius: 10px; }
    .kiosk-display-1920x1080-container .input-block .keypad-block {
      width: 515px;
      margin-left: 505px;
      overflow: auto; }
      .kiosk-display-1920x1080-container .input-block .keypad-block .numbers-block {
        width: 375px;
        overflow: auto;
        float: left; }
      .kiosk-display-1920x1080-container .input-block .keypad-block .fnc-block {
        width: 140px;
        float: left; }
        .kiosk-display-1920x1080-container .input-block .keypad-block .fnc-block .icon {
          height: 50px !important;
          width: 50px !important;
          margin-top: 14px; }
      .kiosk-display-1920x1080-container .input-block .keypad-block .number {
        float: left;
        width: 120px;
        background-color: #BDBDBD;
        margin-left: 5px;
        margin-top: 5px;
        height: 80px;
        line-height: 80px;
        font-size: 50px;
        border-radius: 8px; }
        .kiosk-display-1920x1080-container .input-block .keypad-block .number:active {
          background-color: #757575; }
        .kiosk-display-1920x1080-container .input-block .keypad-block .number.zero {
          width: 370px; }
        .kiosk-display-1920x1080-container .input-block .keypad-block .number.backspace {
          width: 130px; }
        .kiosk-display-1920x1080-container .input-block .keypad-block .number.clear {
          width: 130px;
          height: 250px; }
          .kiosk-display-1920x1080-container .input-block .keypad-block .number.clear .clear-chi {
            font-size: 45px;
            line-height: 50px;
            margin-top: 70px; }
          .kiosk-display-1920x1080-container .input-block .keypad-block .number.clear .clear-en {
            font-size: 40px;
            line-height: 40px; }
    .kiosk-display-1920x1080-container .input-block .button-block {
      margin-left: 500px; }
      .kiosk-display-1920x1080-container .input-block .button-block .button {
        color: #FFFFFF;
        width: 247px;
        margin: 10px 0 0 0;
        height: 100px;
        line-height: 100px;
        font-size: 50px;
        border-radius: 10px;
        background-color: #757575;
        float: left;
        margin-left: 10px; }
        .kiosk-display-1920x1080-container .input-block .button-block .button.primary {
          background-color: #54C3BB; }
    .kiosk-display-1920x1080-container .input-block .country-popup-list {
      position: absolute;
      width: 1150px;
      height: 740px;
      background-color: #FFFFFF;
      top: 28px;
      left: 60px;
      border: 1px solid #424242; }
      .kiosk-display-1920x1080-container .input-block .country-popup-list .country-list-block {
        width: 100%;
        height: 625px;
        overflow: hidden; }
        .kiosk-display-1920x1080-container .input-block .country-popup-list .country-list-block .country-block {
          float: left;
          width: 200px;
          height: 200px;
          margin-left: 20px;
          margin-top: 20px;
          position: relative; }
          .kiosk-display-1920x1080-container .input-block .country-popup-list .country-list-block .country-block .flag {
            font-size: 60px;
            position: absolute;
            width: 100%;
            height: 60px;
            line-height: 60px; }
          .kiosk-display-1920x1080-container .input-block .country-popup-list .country-list-block .country-block .name-chi {
            font-size: 30px;
            margin-top: 60px; }
          .kiosk-display-1920x1080-container .input-block .country-popup-list .country-list-block .country-block .name-en {
            font-size: 25px;
            line-height: 23px; }
          .kiosk-display-1920x1080-container .input-block .country-popup-list .country-list-block .country-block .number {
            font-size: 25px;
            font-weight: bold; }
      .kiosk-display-1920x1080-container .input-block .country-popup-list .button {
        color: #FFFFFF;
        width: 300px;
        margin: 20px auto 0 auto;
        height: 80px;
        line-height: 80px;
        font-size: 45px;
        border-radius: 10px;
        background-color: #9E9E9E; }
  .kiosk-display-1920x1080-container .bottom-block {
    background-color: #000000;
    height: 667px; }
    .kiosk-display-1920x1080-container .bottom-block .people-number-input-block {
      margin: 7px 30px 0 24px; }
      .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .number-input-block {
        height: 109px;
        position: relative; }
        .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .number-input-block .title {
          position: absolute;
          left: 38px;
          text-align: right;
          top: -6px; }
          .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
            font-size: 52px; }
          .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
            font-size: 31px;
            line-height: 34px; }
        .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .number-input-block .number {
          background-color: #FFFFFF;
          position: absolute;
          width: 351px;
          font-size: 89px;
          right: 3px;
          top: 0px;
          text-align: center;
          height: 107px;
          line-height: 107px;
          border: 1px solid #9E9E9E;
          color: #000000; }
      .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .keypad-block {
        padding-top: 14px; }
      .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .keys-block .key-block {
        padding-left: 6px;
        padding-top: 7px; }
        .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .keys-block .key-block:last-child {
          padding-right: 2px; }
        .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .keys-block .key-block .key {
          background-color: #26A69A;
          height: 122px;
          line-height: 122px;
          font-size: 78px;
          text-align: center;
          color: #FFFFFF; }
          .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .keys-block .key-block .key.reset-key {
            font-size: 56px; }
          .kiosk-display-1920x1080-container .bottom-block .people-number-input-block .keys-block .key-block .key:active {
            background-color: #00695C; }

.keypad-1280x800-container {
  background-color: #212121;
  position: relative;
  color: #FFFFFF;
  overflow: hidden;
  height: 799px; }
  .keypad-1280x800-container .ticket-histories-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100; }
    .keypad-1280x800-container .ticket-histories-block .layer {
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: 0.6; }
    .keypad-1280x800-container .ticket-histories-block .close-icon {
      width: 50px !important;
      height: 50px !important;
      right: 26px;
      position: absolute;
      top: 20px;
      background-color: #FFCA28 !important;
      border-radius: 14px;
      padding: 4px; }
    .keypad-1280x800-container .ticket-histories-block .histories-block {
      width: 96%;
      position: absolute;
      left: 24px;
      top: 87px;
      z-index: 100;
      background-color: #424242; }
      .keypad-1280x800-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table {
        background-color: transparent !important; }
        .keypad-1280x800-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table th {
          color: #FFFFFF !important;
          font-size: 17px !important;
          text-align: center !important; }
        .keypad-1280x800-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr {
          color: #FFFFFF !important; }
          .keypad-1280x800-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr:nth-child(odd) {
            background-color: #616161; }
          .keypad-1280x800-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr td {
            font-size: 17px !important;
            text-align: center !important; }
  .keypad-1280x800-container .left-panel-block .left-panel-container {
    background-color: #212121 !important;
    color: #FFFFFF !important; }
    .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .left-panel-header-block {
      background-color: #000000;
      height: 55px; }
      .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .left-panel-header-block .close-icon {
        height: 60px !important;
        width: 60px !important;
        color: #FFFFFF !important; }
    .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block {
      height: 265px; }
      .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block {
        color: #FFFFFF;
        height: 100px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .icon {
          height: 45px !important;
          width: 45px !important;
          color: #FFCA28 !important;
          float: left;
          margin-left: 10px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .user-name {
          font-size: 34px;
          margin-left: 10px;
          margin-top: 3px;
          float: left; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn {
          height: 41px !important;
          border-radius: 3px !important;
          color: #000000 !important;
          background-color: #FFCA28 !important;
          width: 100px;
          margin: 7px 25px !important; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn .icon {
            width: 62px !important;
            height: 62px !important; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn span {
            font-size: 20px !important; }
      .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block {
        margin-top: 5px;
        margin-left: 15px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .title {
          font-size: 27px;
          padding-top: 4px;
          color: #FFCA28; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block {
          height: 240px; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block {
            width: 120px !important;
            float: left !important;
            margin-top: 17px; }
            .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block > div > div {
              width: 44px !important;
              height: 44px !important; }
            .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block label {
              font-size: 30px !important;
              line-height: 44px !important; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg {
            width: 44px !important;
            height: 44px !important; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg:first-child {
            fill: #FFFFFF !important; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg:last-child {
            fill: #FFCA28 !important; }
      .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block {
        margin-top: 5px;
        margin-left: 15px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .title {
          font-size: 27px;
          padding-top: 4px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block {
          margin-top: 10px; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button {
            height: 46px !important;
            line-height: 46px !important;
            background-color: #FFFFFF !important;
            min-width: 110px !important;
            border-radius: 0 !important; }
            .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button.active {
              background-color: #FFCA28 !important; }
            .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button:not(:first-child) {
              margin-left: 6px !important; }
            .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button span {
              font-size: 21px !important; }
      .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block {
        margin-left: 15px;
        margin-top: 50px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button {
          height: 55px !important;
          line-height: 55px !important;
          background-color: #FFCA28 !important; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button .icon {
            height: 47px !important;
            width: 47px !important; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button span {
            font-size: 22px !important; }
    .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block {
      border-bottom: 3px solid #FFFFFF;
      border-top: 3px solid #FFFFFF;
      border-right: 3px solid #FFFFFF; }
      .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block {
        background-color: #000000;
        border-left: 3px solid #FFFFFF;
        height: 62px;
        color: #FFFFFF;
        padding: 0 19px;
        line-height: 46px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block .label {
          float: left;
          font-size: 29px;
          margin-top: 7px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block .number {
          float: right;
          font-size: 39px;
          margin-top: 8px; }
      .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block {
        height: 340px; }
        .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block {
          width: 350px; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block {
            text-align: center;
            background-color: #212121;
            font-size: 33px;
            border-left: 3px solid #FFFFFF;
            border-top: 3px solid #FFFFFF;
            height: 60px;
            line-height: 60px; }
            .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:active, .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:focus {
              background-color: #FFE082 !important;
              color: #000000 !important; }
            .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block.clear-btn {
              font-size: 28px; }
          .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block {
            border-top: 3px solid white !important;
            border-left: 3px solid white !important;
            height: 85px;
            position: relative; }
            .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn {
              height: 68px !important;
              width: 230px !important;
              min-width: 230px !important;
              background-color: #FFCA28 !important;
              border-radius: 0 !important;
              position: absolute !important;
              top: 9px;
              left: 11px; }
              .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn .icon {
                width: 50px !important;
                height: 50px !important;
                margin: 0 !important; }
              .keypad-1280x800-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn span {
                font-size: 29px !important; }
  .keypad-1280x800-container .keypad-header {
    height: 55px;
    background-color: #000000;
    width: 100%; }
    .keypad-1280x800-container .keypad-header .menu-icon {
      height: 53px !important;
      width: 53px !important;
      margin-left: 10px;
      color: #FFFFFF !important; }
    .keypad-1280x800-container .keypad-header .logo-block img {
      height: 50px;
      width: auto;
      margin-left: 10px; }
    .keypad-1280x800-container .keypad-header .button-block {
      height: 100%;
      margin-right: 20px; }
      .keypad-1280x800-container .keypad-header .button-block button {
        margin-left: 10px !important;
        background-color: #FFCA28 !important; }
  .keypad-1280x800-container .keypad-body {
    height: 675px;
    width: 100%; }
    .keypad-1280x800-container .keypad-body .keypad-body-block {
      width: 100%; }
      .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block {
        width: 100%;
        height: 100%; }
        .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block {
          width: 100%; }
          .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block {
            padding: 10px 0;
            height: 70px; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .text {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              float: left;
              line-height: 65px; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block {
              height: 70px;
              margin-left: 87px;
              float: left; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block {
                width: 130px !important;
                float: left !important;
                margin-left: 58px;
                margin-top: 12px; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block > div > div {
                  width: 44px !important;
                  height: 44px !important; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block label {
                  font-size: 30px !important;
                  line-height: 44px !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg {
                width: 44px !important;
                height: 44px !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg:first-child {
                fill: #FFFFFF !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg:last-child {
                fill: #FFCA28 !important; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .create-ticket-button-block {
              float: right; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .create-ticket-button-block button {
                height: 65px !important;
                border-radius: 3px !important;
                color: #000000 !important;
                background-color: #FFCA28 !important;
                margin-right: 20px !important; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .create-ticket-button-block button:not(:first-child) {
                  margin-left: 10px !important; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .create-ticket-button-block button:disabled {
                  opacity: 0.5; }
                  .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .create-ticket-button-block button:disabled span {
                    opacity: 0.3; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .create-ticket-button-block button .icon {
                  width: 55px !important;
                  height: 55px !important; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .create-ticket-button-block button span {
                  font-size: 31px !important; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn {
              margin-left: 240px !important;
              background-color: #FFCA28 !important;
              height: 60px !important;
              width: 140px !important;
              margin-top: 7px !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn svg {
                height: 45px !important;
                width: 45px !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn span {
                font-size: 25px !important; }
          .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block {
            border-top: 1px solid #FFFFFF; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block .title {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              line-height: 65px;
              margin-top: 10px; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block .tickets-block {
              display: inline-block;
              overflow: auto;
              margin-left: 17px !important;
              height: 188px; }
          .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block {
            border-top: 1px solid #FFFFFF; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block .title {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              line-height: 65px;
              margin-top: 10px; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block .tickets-block {
              display: inline-block;
              overflow: auto;
              margin-left: 17px !important;
              height: 224px; }
          .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block {
            width: 140px;
            height: 98px;
            text-align: center;
            border: 3px solid #FFCA28;
            border-radius: 7px;
            color: #000000;
            display: inline-block;
            overflow: hidden;
            margin-left: 5px;
            margin-top: 5px;
            background-color: #FFCA28; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.hv-counter-block {
              height: 142px; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.ticket-selected {
              background-color: white !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.ticket-selected.called {
                opacity: 0.3 !important; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number {
              font-size: 33px;
              height: 53px;
              line-height: 50px;
              position: relative; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number .icon {
                width: 40px !important;
                height: 40px !important;
                position: absolute;
                left: 0;
                top: 5px; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number span.hv-icon {
                margin-left: 20px; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-counter-block {
              font-size: 28px;
              height: 43px;
              line-height: 43px;
              border-top: 1px solid #000000; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info {
              height: 46px;
              line-height: 46px;
              border-top: 1px solid #000000; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people {
                width: 38%;
                height: 100%;
                float: left;
                position: relative; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people .icon {
                  position: absolute;
                  top: 10px;
                  left: 0;
                  width: 26px !important;
                  height: 26px !important; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people .number {
                  font-size: 19px;
                  float: right;
                  position: absolute;
                  top: 0px;
                  right: 1px;
                  width: 30px; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time {
                width: 100%;
                height: 100%;
                position: relative; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time .icon {
                  position: absolute;
                  top: 8px;
                  left: 22px;
                  height: 32px !important;
                  width: 32px !important;
                  background-color: #ececec !important;
                  border-radius: 5px; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time .time {
                  font-size: 24px;
                  float: right;
                  position: absolute;
                  top: 1px;
                  left: 59px; }
          .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block {
            text-align: center;
            height: 80px;
            padding-top: 11px;
            background-color: #000000; }
            .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button {
              height: 71px !important;
              border-radius: 3px !important;
              color: #000000 !important;
              padding: 0 13px !important;
              background-color: #FFCA28 !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:not(:first-child) {
                margin-left: 10px !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:disabled {
                opacity: 0.5; }
                .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:disabled span {
                  opacity: 0.3; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button .icon {
                width: 62px !important;
                height: 62px !important; }
              .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button span {
                font-size: 31px !important; }
      .keypad-1280x800-container .keypad-body .keypad-body-block .queue-block .queue-body-block .selected-ticket-block {
        width: 325px; }

.keypad-1280x728-container {
  background-color: #212121;
  position: relative;
  color: #FFFFFF;
  overflow: hidden;
  height: 728px; }
  .keypad-1280x728-container .left-panel-block .left-panel-container {
    background-color: #212121 !important;
    color: #FFFFFF !important; }
    .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .left-panel-header-block {
      background-color: #000000;
      height: 55px; }
      .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .left-panel-header-block .close-icon {
        height: 60px !important;
        width: 60px !important;
        color: #FFFFFF !important; }
    .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block {
      margin-top: 5px;
      margin-left: 15px; }
      .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .title {
        font-size: 27px;
        padding-top: 4px;
        color: #FFCA28; }
      .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block {
        display: inline-block; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block {
          width: 120px !important;
          float: left !important;
          margin-top: 17px; }
          .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block > div > div {
            width: 44px !important;
            height: 44px !important; }
          .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block label {
            font-size: 30px !important;
            line-height: 44px !important; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg {
          width: 44px !important;
          height: 44px !important; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg:first-child {
          fill: #FFFFFF !important; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg:last-child {
          fill: #FFCA28 !important; }
    .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block {
      margin-top: 5px;
      margin-left: 15px; }
      .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .title {
        font-size: 27px;
        padding-top: 4px; }
      .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block {
        margin-top: 10px; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button {
          height: 46px !important;
          line-height: 46px !important;
          background-color: #FFFFFF !important;
          min-width: 110px !important;
          border-radius: 0 !important; }
          .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button.active {
            background-color: #FFCA28 !important; }
          .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button:not(:first-child) {
            margin-left: 6px !important; }
          .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button span {
            font-size: 21px !important; }
    .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block {
      margin-left: 15px;
      margin-top: 50px; }
      .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button {
        height: 55px !important;
        line-height: 55px !important;
        background-color: #FFCA28 !important; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button .icon {
          height: 47px !important;
          width: 47px !important; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button span {
          font-size: 22px !important; }
    .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block {
      border-bottom: 3px solid #FFFFFF;
      border-top: 3px solid #FFFFFF;
      border-right: 3px solid #FFFFFF; }
      .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block {
        background-color: #000000;
        border-left: 3px solid #FFFFFF;
        height: 62px;
        color: #FFFFFF;
        padding: 0 19px;
        line-height: 46px; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block .label {
          float: left;
          font-size: 29px;
          margin-top: 7px; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block .number {
          float: right;
          font-size: 39px;
          margin-top: 8px; }
      .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block {
        height: 340px; }
        .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block {
          width: 350px; }
          .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block {
            text-align: center;
            background-color: #212121;
            font-size: 33px;
            border-left: 3px solid #FFFFFF;
            border-top: 3px solid #FFFFFF;
            height: 60px;
            line-height: 60px; }
            .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:active, .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:focus {
              background-color: #FFE082 !important;
              color: #000000 !important; }
            .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block.clear-btn {
              font-size: 28px; }
          .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block {
            border-top: 3px solid white !important;
            border-left: 3px solid white !important;
            height: 85px;
            position: relative; }
            .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn {
              height: 68px !important;
              width: 230px !important;
              min-width: 230px !important;
              background-color: #FFCA28 !important;
              border-radius: 0 !important;
              position: absolute !important;
              top: 9px;
              left: 11px; }
              .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn .icon {
                width: 50px !important;
                height: 50px !important;
                margin: 0 !important; }
              .keypad-1280x728-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn span {
                font-size: 29px !important; }
  .keypad-1280x728-container .keypad-header {
    height: 55px;
    background-color: #000000;
    width: 100%; }
    .keypad-1280x728-container .keypad-header .menu-icon {
      height: 53px !important;
      width: 53px !important;
      margin-left: 10px;
      color: #FFFFFF !important; }
    .keypad-1280x728-container .keypad-header .logo-block img {
      height: 50px;
      width: auto;
      margin-left: 10px; }
    .keypad-1280x728-container .keypad-header .button-block {
      height: 100%;
      margin-right: 20px; }
      .keypad-1280x728-container .keypad-header .button-block button {
        margin-left: 10px !important;
        background-color: #FFCA28 !important; }
  .keypad-1280x728-container .keypad-body {
    height: 675px;
    width: 100%; }
    .keypad-1280x728-container .keypad-body .keypad-body-block {
      width: 100%; }
      .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block {
        width: 100%;
        height: 100%; }
        .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block {
          width: 100%; }
          .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block {
            padding: 10px 0; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .text {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              float: left;
              line-height: 65px; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block {
              height: 70px;
              margin-left: 152px; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block {
                width: 130px !important;
                float: left !important;
                margin-left: 58px;
                margin-top: 12px; }
                .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block > div > div {
                  width: 44px !important;
                  height: 44px !important; }
                .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block label {
                  font-size: 30px !important;
                  line-height: 44px !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg {
                width: 44px !important;
                height: 44px !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg:first-child {
                fill: #FFFFFF !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg:last-child {
                fill: #FFCA28 !important; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn {
              margin-left: 240px !important;
              background-color: #FFCA28 !important;
              height: 60px !important;
              width: 140px !important;
              margin-top: 7px !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn svg {
                height: 45px !important;
                width: 45px !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn span {
                font-size: 25px !important; }
          .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block {
            border-top: 1px solid #FFFFFF; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block .title {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              line-height: 65px;
              margin-top: 10px; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block .tickets-block {
              display: inline-block;
              overflow: auto;
              margin-left: 17px !important;
              height: 168px; }
          .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block {
            border-top: 1px solid #FFFFFF; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block .title {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              line-height: 65px;
              margin-top: 10px; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block .tickets-block {
              display: inline-block;
              overflow: auto;
              margin-left: 17px !important;
              height: 174px; }
          .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block {
            width: 140px;
            height: 98px;
            text-align: center;
            border: 3px solid #FFCA28;
            border-radius: 7px;
            color: #000000;
            display: inline-block;
            overflow: hidden;
            margin-left: 5px;
            margin-top: 5px;
            background-color: #FFCA28; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.ticket-selected {
              background-color: white !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.ticket-selected.called {
                opacity: 0.3 !important; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number {
              font-size: 33px;
              height: 53px;
              line-height: 50px;
              position: relative; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number .icon {
                width: 40px !important;
                height: 40px !important;
                position: absolute;
                left: 0;
                top: 5px; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number span.hv-icon {
                margin-left: 20px; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info {
              height: 46px;
              line-height: 46px;
              border-top: 1px solid #000000; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people {
                width: 38%;
                height: 100%;
                float: left;
                position: relative; }
                .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people .icon {
                  position: absolute;
                  top: 10px;
                  left: 0;
                  width: 26px !important;
                  height: 26px !important; }
                .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people .number {
                  font-size: 19px;
                  float: right;
                  position: absolute;
                  top: 0px;
                  right: 1px;
                  width: 30px; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time {
                width: 100%;
                height: 100%;
                position: relative; }
                .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time .icon {
                  position: absolute;
                  top: 8px;
                  left: 22px;
                  height: 32px !important;
                  width: 32px !important;
                  background-color: #ececec !important;
                  border-radius: 5px; }
                .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time .time {
                  font-size: 24px;
                  float: right;
                  position: absolute;
                  top: 1px;
                  left: 59px; }
          .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block {
            text-align: center;
            height: 80px;
            padding-top: 11px;
            background-color: #000000; }
            .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button {
              height: 71px !important;
              border-radius: 3px !important;
              color: #000000 !important;
              padding: 0 13px !important;
              background-color: #FFCA28 !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:not(:first-child) {
                margin-left: 10px !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:disabled {
                opacity: 0.5; }
                .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:disabled span {
                  opacity: 0.3; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button .icon {
                width: 62px !important;
                height: 62px !important; }
              .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button span {
                font-size: 31px !important; }
      .keypad-1280x728-container .keypad-body .keypad-body-block .queue-block .queue-body-block .selected-ticket-block {
        width: 325px; }

.keypad-with-booking-container {
  background-color: #212121;
  position: relative;
  color: #FFFFFF;
  overflow: hidden;
  height: 777px; }
  .keypad-with-booking-container .license-end-layer-block {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000a6;
    text-align: center;
    font-size: 100px;
    top: 55px;
    z-index: 99;
    line-height: 700px; }
  .keypad-with-booking-container .counter-select-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100; }
    .keypad-with-booking-container .counter-select-block .layer {
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: 0.6; }
    .keypad-with-booking-container .counter-select-block .title-block {
      position: absolute;
      top: 100px;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 50px; }
    .keypad-with-booking-container .counter-select-block .counter-block {
      position: absolute;
      top: 270px;
      background-color: #FFCA28;
      width: 400px;
      height: 300px;
      border-radius: 15px;
      text-align: center;
      color: black;
      font-size: 180px;
      line-height: 300px; }
    .keypad-with-booking-container .counter-select-block .close-icon {
      width: 50px !important;
      height: 50px !important;
      right: 26px;
      position: absolute;
      top: 20px;
      background-color: #FFCA28 !important;
      border-radius: 14px;
      padding: 4px; }
  .keypad-with-booking-container .ticket-histories-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100; }
    .keypad-with-booking-container .ticket-histories-block .layer {
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: 0.6; }
    .keypad-with-booking-container .ticket-histories-block .close-icon {
      width: 50px !important;
      height: 50px !important;
      right: 26px;
      position: absolute;
      top: 20px;
      background-color: #FFCA28 !important;
      border-radius: 14px;
      padding: 4px; }
    .keypad-with-booking-container .ticket-histories-block .histories-block {
      width: 96%;
      position: absolute;
      left: 24px;
      top: 87px;
      z-index: 100;
      background-color: #424242; }
      .keypad-with-booking-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table {
        background-color: transparent !important; }
        .keypad-with-booking-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table th {
          color: #FFFFFF !important;
          font-size: 17px !important;
          text-align: center !important; }
        .keypad-with-booking-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr {
          color: #FFFFFF !important; }
          .keypad-with-booking-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr:nth-child(odd) {
            background-color: #616161; }
          .keypad-with-booking-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr td {
            font-size: 17px !important;
            text-align: center !important; }
  .keypad-with-booking-container .left-panel-block .left-panel-container {
    background-color: #212121 !important;
    color: #FFFFFF !important; }
    .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .left-panel-header-block {
      background-color: #000000;
      height: 55px; }
      .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .left-panel-header-block .close-icon {
        height: 60px !important;
        width: 60px !important;
        color: #FFFFFF !important; }
    .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block {
      height: 265px; }
      .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block {
        color: #FFFFFF;
        height: 100px; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .icon {
          height: 45px !important;
          width: 45px !important;
          color: #FFCA28 !important;
          float: left;
          margin-left: 10px; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .user-name {
          font-size: 34px;
          margin-left: 10px;
          margin-top: 3px;
          float: left; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn {
          height: 41px !important;
          border-radius: 3px !important;
          color: #000000 !important;
          background-color: #FFCA28 !important;
          width: 105px;
          margin: 7px 25px !important; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn .icon {
            width: 62px !important;
            height: 62px !important; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn span {
            font-size: 20px !important; }
      .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block {
        margin-top: 5px;
        margin-left: 15px;
        overflow: auto; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .title {
          font-size: 27px;
          padding-top: 4px;
          color: #FFCA28; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .checkbox {
          width: 120px !important;
          float: left !important;
          margin-left: 0px;
          margin-top: 12px; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .checkbox.disabled svg:first-child {
            opacity: 0.2 !important; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .checkbox > div > div {
            width: 44px !important;
            height: 44px !important; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .checkbox label {
            font-size: 30px !important;
            line-height: 44px !important;
            color: #FFFFFF !important; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block svg {
          width: 44px !important;
          height: 44px !important; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block svg:first-child {
          fill: #FFFFFF !important; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block svg:last-child {
          fill: #FFCA28 !important; }
      .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block {
        margin-top: 20px;
        margin-left: 15px; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .title {
          font-size: 27px;
          padding-top: 4px; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block {
          margin-top: 10px; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button {
            height: 46px !important;
            line-height: 46px !important;
            background-color: #FFFFFF !important;
            min-width: 110px !important;
            border-radius: 0 !important; }
            .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button.active {
              background-color: #FFCA28 !important; }
            .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button:not(:first-child) {
              margin-left: 6px !important; }
            .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button span {
              font-size: 21px !important; }
      .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block {
        margin-left: 15px;
        margin-top: 50px; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button {
          height: 55px !important;
          line-height: 55px !important;
          background-color: #FFCA28 !important; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button .icon {
            height: 47px !important;
            width: 47px !important; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button span {
            font-size: 22px !important; }
    .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block {
      border-bottom: 3px solid #FFFFFF;
      border-top: 3px solid #FFFFFF;
      border-right: 3px solid #FFFFFF; }
      .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block {
        background-color: #000000;
        border-left: 3px solid #FFFFFF;
        height: 62px;
        color: #FFFFFF;
        padding: 0 19px;
        line-height: 46px; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block .label {
          float: left;
          font-size: 29px;
          margin-top: 7px; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block .number {
          float: right;
          font-size: 39px;
          margin-top: 8px; }
      .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block {
        height: 340px; }
        .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block {
          width: 350px; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block {
            text-align: center;
            background-color: #212121;
            font-size: 33px;
            border-left: 3px solid #FFFFFF;
            border-top: 3px solid #FFFFFF;
            height: 60px;
            line-height: 60px; }
            .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:active, .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:focus {
              background-color: #FFE082 !important;
              color: #000000 !important; }
            .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block.clear-btn {
              font-size: 28px; }
          .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block {
            border-top: 3px solid white !important;
            border-left: 3px solid white !important;
            height: 85px;
            position: relative; }
            .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn {
              height: 68px !important;
              width: 230px !important;
              min-width: 230px !important;
              background-color: #FFCA28 !important;
              border-radius: 0 !important;
              position: absolute !important;
              top: 9px;
              left: 11px; }
              .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn .icon {
                width: 50px !important;
                height: 50px !important;
                margin: 0 !important; }
              .keypad-with-booking-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn span {
                font-size: 29px !important; }
  .keypad-with-booking-container .keypad-header {
    height: 55px;
    background-color: #000000;
    width: 100%; }
    .keypad-with-booking-container .keypad-header .menu-icon {
      height: 53px !important;
      width: 53px !important;
      margin-left: 10px;
      color: #FFFFFF !important; }
    .keypad-with-booking-container .keypad-header .logo-block img {
      height: 50px;
      width: auto;
      margin-left: 10px; }
    .keypad-with-booking-container .keypad-header .language-block {
      height: 100%;
      color: #FFFFFF !important; }
      .keypad-with-booking-container .keypad-header .language-block .icon {
        color: #FFFFFF !important;
        float: left;
        width: 30px !important;
        height: 30px !important;
        margin: 0 8px 0 8px;
        color: #FFCA28 !important; }
      .keypad-with-booking-container .keypad-header .language-block .en, .keypad-with-booking-container .keypad-header .language-block .zhtw {
        float: left;
        width: 40px;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
        font-size: 20px;
        line-height: 30px; }
        .keypad-with-booking-container .keypad-header .language-block .en.active, .keypad-with-booking-container .keypad-header .language-block .en:hover, .keypad-with-booking-container .keypad-header .language-block .zhtw.active, .keypad-with-booking-container .keypad-header .language-block .zhtw:hover {
          color: #FFCA28 !important; }
    .keypad-with-booking-container .keypad-header .button-block {
      height: 100%;
      margin-right: 20px; }
      .keypad-with-booking-container .keypad-header .button-block button {
        margin-left: 10px !important;
        background-color: #FFCA28 !important; }
  .keypad-with-booking-container .keypad-body {
    height: 675px;
    width: 100%; }
    .keypad-with-booking-container .keypad-body .keypad-body-block {
      width: 100%; }
      .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block {
        width: 100%;
        height: 100%; }
        .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block {
          width: 100%; }
          .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block {
            padding: 10px 0; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .text {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              float: left;
              line-height: 65px; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block {
              height: 70px;
              margin-left: 120px; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block {
                width: 130px !important;
                float: left !important;
                margin-left: 58px;
                margin-top: 12px; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block > div > div {
                  width: 44px !important;
                  height: 44px !important; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block label {
                  font-size: 30px !important;
                  line-height: 44px !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg {
                width: 44px !important;
                height: 44px !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg:first-child {
                fill: #FFFFFF !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg:last-child {
                fill: #FFCA28 !important; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn {
              margin-left: 240px !important;
              background-color: #FFCA28 !important;
              height: 60px !important;
              width: 140px !important;
              margin-top: 7px !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn svg {
                height: 45px !important;
                width: 45px !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn span {
                font-size: 25px !important; }
          .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block {
            border-top: 1px solid #FFFFFF; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block .title {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              line-height: 65px;
              margin-top: 10px; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block .tickets-block {
              display: inline-block;
              overflow: auto;
              margin-left: 17px !important;
              height: 148px; }
          .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block {
            border-top: 1px solid #FFFFFF; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block .title {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              line-height: 65px;
              margin-top: 10px; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block .tickets-block {
              display: inline-block;
              overflow: auto;
              margin-left: 17px !important;
              height: 244px; }
          .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block {
            width: 140px;
            height: 98px;
            text-align: center;
            border: 3px solid #FFCA28;
            border-radius: 7px;
            color: #000000;
            display: inline-block;
            margin-left: 5px;
            margin-top: 5px;
            background-color: #FFCA28; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.ticket-selected {
              background-color: white !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.ticket-selected.called {
                opacity: 0.3 !important; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-number {
              font-size: 30px;
              height: 30px;
              line-height: 28px;
              position: relative; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-number .icon {
                width: 35px !important;
                height: 35px !important;
                position: absolute;
                left: 0;
                top: -4px; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-number span.hv-icon {
                margin-left: 20px; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .service-name {
              height: 28px;
              line-height: 28px;
              border-top: 1px solid #000000;
              font-size: 19px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .service-name .inner-block {
                width: 100%;
                height: 100%;
                position: relative; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .service-name .inner-block .text {
                  font-size: 19px;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
                  text-align: center;
                  width: 100%; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-info {
              height: 39px;
              line-height: 39px;
              border-top: 1px solid #000000; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-info .ticket-number-of-people {
                width: 38%;
                height: 100%;
                float: left;
                position: relative; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-info .ticket-number-of-people .icon {
                  position: absolute;
                  top: 10px;
                  left: 0;
                  width: 26px !important;
                  height: 26px !important; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-info .ticket-number-of-people .number {
                  font-size: 19px;
                  float: right;
                  position: absolute;
                  top: 0px;
                  right: 1px;
                  width: 30px; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-info .ticket-created-time {
                width: 100%;
                height: 100%;
                position: relative; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-info .ticket-created-time .icon {
                  position: absolute;
                  top: 5px;
                  left: 22px;
                  height: 28px !important;
                  width: 28px !important;
                  background-color: #ececec !important;
                  border-radius: 5px; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-without-booking .ticket-info .ticket-created-time .time {
                  font-size: 23px;
                  float: right;
                  position: absolute;
                  top: 0px;
                  left: 59px; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .ticket-number {
              font-size: 22px;
              height: 22px;
              line-height: 21px;
              position: relative; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .ticket-number .icon {
                width: 25px !important;
                height: 25px !important;
                position: absolute;
                left: 0;
                top: -2px; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .ticket-number span.hv-icon {
                margin-left: 10px; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .service-name {
              height: 28px;
              line-height: 28px;
              border-top: 1px solid #000000;
              font-size: 19px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .service-name .inner-block {
                width: 100%;
                height: 100%;
                position: relative; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .service-name .inner-block .text {
                  font-size: 19px;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
                  text-align: center;
                  width: 100%; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .customer-name {
              height: 28px;
              line-height: 28px;
              border-top: 1px solid #000000;
              font-size: 19px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .customer-name .inner-block {
                width: 100%;
                height: 100%;
                position: relative; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .customer-name .inner-block .icon {
                  position: absolute;
                  top: 3px;
                  left: 2px;
                  height: 22px !important;
                  width: 22px !important;
                  background-color: #ececec !important;
                  border-radius: 5px; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .customer-name .inner-block .text {
                  font-size: 17px;
                  position: absolute;
                  top: 0;
                  left: 30px;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
                  text-align: left;
                  width: 113px; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .ticket-info {
              height: 25px;
              line-height: 25px;
              border-top: 1px solid #000000; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .ticket-info .booking-time {
                width: 100%;
                height: 100%;
                position: relative; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .ticket-info .booking-time .icon {
                  position: absolute;
                  top: 2px;
                  left: 2px;
                  height: 22px !important;
                  width: 22px !important;
                  background-color: #ececec !important;
                  border-radius: 5px; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-with-booking .ticket-info .booking-time .time {
                  font-size: 17px;
                  float: right;
                  position: absolute;
                  top: 1px;
                  left: 30px; }
          .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block {
            text-align: center;
            height: 80px;
            padding-top: 11px;
            background-color: #000000; }
            .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button {
              height: 71px !important;
              border-radius: 3px !important;
              color: #000000 !important;
              padding: 0 13px !important;
              background-color: #FFCA28 !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:not(:first-child) {
                margin-left: 10px !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:disabled {
                opacity: 0.5; }
                .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:disabled span {
                  opacity: 0.3; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button .icon {
                width: 62px !important;
                height: 62px !important; }
              .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button span {
                font-size: 31px !important; }
      .keypad-with-booking-container .keypad-body .keypad-body-block .queue-block .queue-body-block .selected-ticket-block {
        width: 325px; }
  .keypad-with-booking-container .inline-checkbox-block {
    height: 70px;
    margin-left: 120px; }
    .keypad-with-booking-container .inline-checkbox-block .checkbox {
      width: 130px !important;
      float: left !important;
      margin-left: 58px;
      margin-top: 12px; }
      .keypad-with-booking-container .inline-checkbox-block .checkbox > div > div {
        width: 44px !important;
        height: 44px !important; }
      .keypad-with-booking-container .inline-checkbox-block .checkbox label {
        font-size: 30px !important;
        line-height: 44px !important;
        color: #FFFFFF !important; }
    .keypad-with-booking-container .inline-checkbox-block svg {
      width: 44px !important;
      height: 44px !important; }
    .keypad-with-booking-container .inline-checkbox-block svg:first-child {
      fill: #FFFFFF !important; }
    .keypad-with-booking-container .inline-checkbox-block svg:last-child {
      fill: #FFCA28 !important; }

.keypad-container {
  background-color: #212121;
  position: relative;
  color: #FFFFFF;
  width: 2800px; }
  .keypad-container .left-panel-block .left-panel-container {
    background-color: #212121 !important;
    color: #FFFFFF !important; }
    .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .left-panel-header-block {
      background-color: #000000;
      height: 55px; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .left-panel-header-block .close-icon {
        height: 60px !important;
        width: 60px !important;
        color: #FFFFFF !important; }
    .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block {
      color: #FFFFFF;
      height: 100px; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .icon {
        height: 45px !important;
        width: 45px !important;
        color: #FFCA28 !important;
        float: left;
        margin-left: 10px; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .user-name {
        font-size: 34px;
        margin-left: 10px;
        margin-top: 3px;
        float: left; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn {
        height: 41px !important;
        border-radius: 3px !important;
        color: #000000 !important;
        background-color: #FFCA28 !important;
        width: 100px;
        margin: 7px 25px !important; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn .icon {
          width: 62px !important;
          height: 62px !important; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .user-block .logout-btn span {
          font-size: 20px !important; }
    .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block {
      margin-top: 5px;
      margin-left: 15px;
      margin-right: 15px;
      border-top: 2px solid #FFFFFF; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .title {
        font-size: 27px;
        padding-top: 4px;
        color: #FFCA28; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block {
        display: inline-block; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block {
          width: 113px !important;
          float: left !important;
          margin-top: 17px; }
          .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block > div > div {
            width: 36px !important;
            height: 44px !important; }
          .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block .radio-block label {
            font-size: 30px !important;
            line-height: 44px !important; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg {
          width: 44px !important;
          height: 44px !important; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg:first-child {
          fill: #FFFFFF !important; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .counters-block .radio-group-block svg:last-child {
          fill: #FFCA28 !important; }
    .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block {
      margin-top: 5px;
      margin-left: 15px; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .title {
        font-size: 27px;
        padding-top: 4px; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block {
        margin-top: 10px; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button {
          height: 46px !important;
          line-height: 46px !important;
          background-color: #FFFFFF !important;
          min-width: 110px !important;
          border-radius: 0 !important; }
          .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button.active {
            background-color: #FFCA28 !important; }
          .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button:not(:first-child) {
            margin-left: 6px !important; }
          .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button span {
            font-size: 21px !important; }
    .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block {
      margin-left: 15px;
      margin-top: 50px; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button {
        height: 55px !important;
        line-height: 55px !important;
        background-color: #FFCA28 !important; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button .icon {
          height: 47px !important;
          width: 47px !important; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button span {
          font-size: 22px !important; }
    .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block {
      border-bottom: 3px solid #FFFFFF;
      border-top: 3px solid #FFFFFF;
      border-right: 3px solid #FFFFFF; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block {
        background-color: #000000;
        border-left: 3px solid #FFFFFF;
        height: 62px;
        color: #FFFFFF;
        padding: 0 19px;
        line-height: 46px; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block .label {
          float: left;
          font-size: 29px;
          margin-top: 7px; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .number-output-block .number {
          float: right;
          font-size: 39px;
          margin-top: 8px; }
      .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block {
        height: 340px; }
        .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block {
          width: 350px; }
          .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block {
            text-align: center;
            background-color: #212121;
            font-size: 33px;
            border-left: 3px solid #FFFFFF;
            border-top: 3px solid #FFFFFF;
            height: 60px;
            line-height: 60px; }
            .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:active, .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:focus {
              background-color: #FFE082 !important;
              color: #000000 !important; }
            .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block.clear-btn {
              font-size: 28px; }
          .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block {
            border-top: 3px solid white !important;
            border-left: 3px solid white !important;
            height: 85px;
            position: relative; }
            .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn {
              height: 68px !important;
              width: 230px !important;
              min-width: 230px !important;
              background-color: #FFCA28 !important;
              border-radius: 0 !important;
              position: absolute !important;
              top: 9px;
              left: 11px; }
              .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn .icon {
                width: 50px !important;
                height: 50px !important;
                margin: 0 !important; }
              .keypad-container .left-panel-block .left-panel-container .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn span {
                font-size: 29px !important; }
  .keypad-container .right-panel-block .right-panel-container {
    background-color: #212121 !important;
    color: #FFFFFF !important;
    border-left: 2px solid #FFFFFF; }
    .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .panel-header-block {
      background-color: #000000;
      height: 55px; }
    .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .processing-text {
      font-size: 25px;
      text-align: center;
      margin-top: 10px; }
    .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .processing-ticket {
      font-size: 62px;
      line-height: 85px;
      height: 85px;
      text-align: center;
      border: 4px solid #FFCA28;
      margin: 10px 15px; }
    .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .action-button-block {
      text-align: center; }
      .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .action-button-block button {
        height: 71px !important;
        border-radius: 3px !important;
        color: #000000 !important;
        padding: 0 13px !important;
        background-color: #FFCA28 !important;
        margin-top: 10px !important; }
        .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .action-button-block button:disabled {
          opacity: 0.5; }
          .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .action-button-block button:disabled span {
            opacity: 0.3; }
        .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .action-button-block button .icon {
          width: 62px !important;
          height: 62px !important; }
        .keypad-container .right-panel-block .right-panel-container .queue-body-right-block .action-button-block button span {
          font-size: 31px !important; }
  .keypad-container .keypad-header {
    height: 55px;
    background-color: #000000;
    width: 100%; }
    .keypad-container .keypad-header .menu-icon {
      height: 53px !important;
      width: 53px !important;
      margin-left: 10px;
      color: #FFFFFF !important; }
    .keypad-container .keypad-header .logo-block img {
      height: 50px;
      width: auto;
      margin-left: 10px; }
    .keypad-container .keypad-header .button-block {
      height: 100%;
      margin-right: 20px; }
      .keypad-container .keypad-header .button-block button {
        margin-left: 10px !important;
        background-color: #FFCA28 !important; }
  .keypad-container .keypad-body {
    height: 100%;
    width: 100%; }
    .keypad-container .keypad-body .queue-block {
      margin-left: 3px;
      width: 94px; }
      .keypad-container .keypad-body .queue-block .queue-code-block {
        height: 47px;
        position: relative; }
        .keypad-container .keypad-body .queue-block .queue-code-block:hover .queue-code {
          opacity: 0; }
        .keypad-container .keypad-body .queue-block .queue-code-block:hover .next-ticket-button {
          opacity: 1; }
        .keypad-container .keypad-body .queue-block .queue-code-block .queue-code {
          color: #FFCA28;
          text-align: center;
          font-size: 48px;
          line-height: 47px;
          position: absolute;
          width: 100%;
          opacity: 1; }
        .keypad-container .keypad-body .queue-block .queue-code-block .next-ticket-button {
          height: 100% !important;
          border-radius: 3px !important;
          color: #000000 !important;
          padding: 0 3px !important;
          background-color: #FFCA28 !important;
          position: absolute !important;
          opacity: 0; }
          .keypad-container .keypad-body .queue-block .queue-code-block .next-ticket-button:disabled {
            background-color: #BDBDBD !important; }
            .keypad-container .keypad-body .queue-block .queue-code-block .next-ticket-button:disabled span {
              opacity: 0.3; }
          .keypad-container .keypad-body .queue-block .queue-code-block .next-ticket-button .icon {
            width: 32px !important;
            height: 32px !important;
            margin-left: 0 !important; }
          .keypad-container .keypad-body .queue-block .queue-code-block .next-ticket-button span {
            font-size: 18px !important;
            padding: 0 !important; }
      .keypad-container .keypad-body .queue-block .waiting-text {
        color: #FFCA28;
        text-align: center;
        font-size: 17px; }
      .keypad-container .keypad-body .queue-block .waiting-tickets-block {
        height: 400px;
        overflow: scroll; }
        .keypad-container .keypad-body .queue-block .waiting-tickets-block::-webkit-scrollbar {
          display: none; }
        .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block {
          width: 90px;
          height: 63px;
          text-align: center;
          border: 2px solid #FFCA28;
          border-radius: 4px;
          color: #000000;
          overflow: hidden;
          margin-top: 3px;
          background-color: #FFCA28; }
          .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block.ticket-selected {
            background-color: white !important; }
            .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block.ticket-selected.called {
              opacity: 0.3 !important; }
          .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-number {
            font-size: 21px;
            height: 34px;
            line-height: 34px;
            position: relative; }
            .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-number .icon {
              width: 40px !important;
              height: 40px !important;
              position: absolute;
              left: 0;
              top: 5px; }
            .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-number span.hv-icon {
              margin-left: 20px; }
          .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-info {
            height: 30px;
            line-height: 30px;
            border-top: 1px solid #000000; }
            .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-info .ticket-number-of-people {
              width: 38%;
              height: 100%;
              float: left;
              position: relative; }
              .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-info .ticket-number-of-people .icon {
                position: absolute;
                top: 10px;
                left: 0;
                width: 26px !important;
                height: 26px !important; }
              .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-info .ticket-number-of-people .number {
                font-size: 19px;
                float: right;
                position: absolute;
                top: 0px;
                right: 1px;
                width: 30px; }
            .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-info .ticket-created-time {
              width: 100%;
              height: 100%;
              position: relative; }
              .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-info .ticket-created-time .icon {
                position: absolute;
                top: 3px;
                left: 13px;
                height: 24px !important;
                width: 24px !important;
                background-color: #ececec !important;
                border-radius: 5px; }
              .keypad-container .keypad-body .queue-block .waiting-tickets-block .ticket-block .ticket-info .ticket-created-time .time {
                font-size: 15px;
                float: right;
                position: absolute;
                top: 1px;
                left: 42px; }
    .keypad-container .keypad-body .keypad-body-block {
      width: 100%; }
      .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block {
        width: 100%;
        height: 100%; }
        .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block {
          width: 100%; }
          .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block {
            padding: 10px 0; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .text {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              float: left;
              line-height: 65px; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block {
              height: 70px;
              margin-left: 152px; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block {
                width: 130px !important;
                float: left !important;
                margin-left: 58px;
                margin-top: 12px; }
                .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block > div > div {
                  width: 36px !important;
                  height: 44px !important; }
                .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block .radio-block label {
                  font-size: 30px !important;
                  line-height: 44px !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg {
                width: 44px !important;
                height: 44px !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg:first-child {
                fill: #FFFFFF !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .radio-group-block svg:last-child {
                fill: #FFCA28 !important; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn {
              margin-left: 240px !important;
              background-color: #FFCA28 !important;
              height: 60px !important;
              width: 140px !important;
              margin-top: 7px !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn svg {
                height: 45px !important;
                width: 45px !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .queues-block .save-btn span {
                font-size: 25px !important; }
          .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block {
            border-top: 1px solid #FFFFFF; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block .title {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              line-height: 65px;
              margin-top: 10px; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .called-tickets-block .tickets-block {
              display: inline-block;
              overflow: auto;
              margin-left: 17px !important;
              height: 168px; }
          .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block {
            border-top: 1px solid #FFFFFF; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block .title {
              margin-left: 22px !important;
              font-size: 28px;
              color: #FFCA28;
              line-height: 65px;
              margin-top: 10px; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .pending-tickets-block .tickets-block {
              display: inline-block;
              overflow: auto;
              margin-left: 17px !important;
              height: 174px; }
          .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block {
            width: 140px;
            height: 98px;
            text-align: center;
            border: 3px solid #FFCA28;
            border-radius: 7px;
            color: #000000;
            display: inline-block;
            overflow: hidden;
            margin-left: 5px;
            margin-top: 5px;
            background-color: #FFCA28; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.ticket-selected {
              background-color: white !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block.ticket-selected.called {
                opacity: 0.3 !important; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number {
              font-size: 33px;
              height: 53px;
              line-height: 50px;
              position: relative; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number .icon {
                width: 40px !important;
                height: 40px !important;
                position: absolute;
                left: 0;
                top: 5px; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-number span.hv-icon {
                margin-left: 20px; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info {
              height: 46px;
              line-height: 46px;
              border-top: 1px solid #000000; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people {
                width: 38%;
                height: 100%;
                float: left;
                position: relative; }
                .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people .icon {
                  position: absolute;
                  top: 10px;
                  left: 0;
                  width: 26px !important;
                  height: 26px !important; }
                .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-number-of-people .number {
                  font-size: 19px;
                  float: right;
                  position: absolute;
                  top: 0px;
                  right: 1px;
                  width: 30px; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time {
                width: 100%;
                height: 100%;
                position: relative; }
                .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time .icon {
                  position: absolute;
                  top: 8px;
                  left: 22px;
                  height: 32px !important;
                  width: 32px !important;
                  background-color: #ececec !important;
                  border-radius: 5px; }
                .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .ticket-block .ticket-info .ticket-created-time .time {
                  font-size: 24px;
                  float: right;
                  position: absolute;
                  top: 1px;
                  left: 59px; }
          .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block {
            text-align: center;
            height: 80px;
            padding-top: 11px;
            background-color: #000000; }
            .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button {
              height: 71px !important;
              border-radius: 3px !important;
              color: #000000 !important;
              padding: 0 13px !important;
              background-color: #FFCA28 !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:not(:first-child) {
                margin-left: 10px !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:disabled {
                opacity: 0.5; }
                .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button:disabled span {
                  opacity: 0.3; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button .icon {
                width: 62px !important;
                height: 62px !important; }
              .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .queue-body-right-block .keypad-upper-block .result-button-block button span {
                font-size: 31px !important; }
      .keypad-container .keypad-body .keypad-body-block .queue-block .queue-body-block .selected-ticket-block {
        width: 325px; }

.keypad-login-block .login-block .login-form {
  margin-top: 10px; }
  .keypad-login-block .login-block .login-form .title {
    background-color: #E0E0E0;
    color: rgba(0, 0, 0, 0.4);
    padding: 11px 0;
    font-size: 17px; }
  .keypad-login-block .login-block .login-form .content {
    padding: 0 15px; }

.admin-panel-block .admin-panel-login-block .login-block .login-form {
  margin-top: 10px; }
  .admin-panel-block .admin-panel-login-block .login-block .login-form .title {
    background-color: #E0E0E0;
    color: rgba(0, 0, 0, 0.4);
    padding: 11px 0;
    font-size: 17px; }
  .admin-panel-block .admin-panel-login-block .login-block .login-form .content {
    padding: 0 15px; }

.admin-panel-block .admin-panel-panel-block .main-panel {
  padding-left: 200px; }
  .admin-panel-block .admin-panel-panel-block .main-panel .panel-block {
    padding: 20px; }

.admin-panel-block .admin-panel-panel-block .menu-item-container a {
  text-decoration: none; }
  .admin-panel-block .admin-panel-panel-block .menu-item-container a.active {
    background-color: rgba(0, 0, 0, 0.2) !important; }

.admin-panel-block .admin-panel-panel-block .back-btn {
  margin: 10px 0 16px 50px; }

.admin-panel-block .admin-panel-panel-block .license-key-block {
  height: 78px;
  width: 170px;
  position: absolute;
  bottom: 10px;
  line-height: 42px;
  left: 15px; }
  .admin-panel-block .admin-panel-panel-block .license-key-block .text {
    float: left;
    font-size: 15px;
    font-style: italic;
    font-weight: bold; }

.admin-panel-block .account-block .top-bar-block {
  margin-top: 10px; }
  .admin-panel-block .account-block .top-bar-block .balance-block {
    display: inline-block; }
    .admin-panel-block .account-block .top-bar-block .balance-block .title {
      color: rgba(0, 0, 0, 0.4);
      font-size: 14px; }
    .admin-panel-block .account-block .top-bar-block .balance-block .value {
      font-size: 24px;
      font-weight: bold; }
  .admin-panel-block .account-block .top-bar-block .cost-per-sms-block {
    display: inline-block;
    margin-left: 40px; }
    .admin-panel-block .account-block .top-bar-block .cost-per-sms-block .title {
      color: rgba(0, 0, 0, 0.4);
      font-size: 14px; }
    .admin-panel-block .account-block .top-bar-block .cost-per-sms-block .value {
      font-size: 24px; }

.admin-panel-block .account-block .partition-by-block {
  margin-top: 20px; }
  .admin-panel-block .account-block .partition-by-block .title {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    margin-bottom: 5px; }

.admin-panel-block .account-block .date-range-block {
  margin-top: 20px; }
  .admin-panel-block .account-block .date-range-block .title {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px; }
  .admin-panel-block .account-block .date-range-block .date-picker-block {
    height: 50px; }
  .admin-panel-block .account-block .date-range-block .middle-line {
    float: left;
    line-height: 48px;
    margin-left: 10px; }
  .admin-panel-block .account-block .date-range-block input {
    text-align: center; }

.admin-panel-block .account-block .month-selections-block .middle-line {
  float: left;
  line-height: 48px;
  margin-left: 10px; }

.admin-panel-block .account-block .month-selections-block input {
  text-align: center; }

.admin-display-block {
  max-width: 1024px; }
  .admin-display-block .media-block {
    border: #BDBDBD 1px solid;
    margin-top: 20px; }
    .admin-display-block .media-block .tool-bar {
      background-color: #54C3BB !important;
      height: 46px !important; }
    .admin-display-block .media-block .tool-bar-title {
      color: #FFFFFF !important;
      line-height: 46px !important;
      font-size: 16px !important; }
  .admin-display-block .photo-block {
    padding: 18px; }
    .admin-display-block .photo-block .photos-grid-list {
      margin-top: 10px; }
  .admin-display-block .video-block {
    padding: 18px; }
    .admin-display-block .video-block .video-row {
      margin-left: 18px;
      margin-top: 5px; }
      .admin-display-block .video-block .video-row .video-name {
        color: #000000;
        line-height: 33px; }
      .admin-display-block .video-block .video-row .delete-btn {
        vertical-align: middle;
        margin-left: 10px !important; }
        .admin-display-block .video-block .video-row .delete-btn svg {
          fill: #9E9E9E !important; }

.photo-dialog, .video-dialog {
  padding: 0 !important;
  height: 75%;
  max-height: 75%;
  border-bottom: 1px solid #e0e0e0 !important; }

.photo-actions-block .delete-btn, .video-actions-block .delete-btn {
  color: #EF5350 !important;
  float: left; }
  .photo-actions-block .delete-btn:disabled, .video-actions-block .delete-btn:disabled {
    color: rgba(0, 0, 0, 0.3) !important; }

.photo-upload .dropzone {
  width: 100%;
  height: 100px;
  line-height: 100px;
  border-width: 3px;
  border-color: #666666;
  border-style: dashed;
  margin: 20px 35px;
  cursor: pointer; }
  .photo-upload .dropzone label {
    font-size: 20px; }

.photo-upload .dropzone-active {
  border-color: #54C3BB;
  background-color: #FFECB3; }

.photo-upload .dropzone-reject {
  border-color: #F44336;
  background-color: #FFECB3; }

.photo-upload .image-col {
  text-align: center;
  margin-top: 20px; }
  .photo-upload .image-col .image-container {
    height: 150px;
    display: inline-block;
    margin-left: 20px; }
    .photo-upload .image-col .image-container .image {
      max-width: 100%;
      max-height: 100%; }

.photo-upload .function-col {
  padding-top: 18px; }

.photo-upload .upload-btn {
  margin-top: 10px;
  margin-bottom: 15px; }

.video-upload .dropzone {
  width: 100%;
  height: 100px;
  line-height: 100px;
  border-width: 3px;
  border-color: #666666;
  border-style: dashed;
  margin: 20px 35px;
  cursor: pointer; }
  .video-upload .dropzone label {
    font-size: 20px; }

.video-upload .dropzone-active {
  border-color: #54C3BB;
  background-color: #FFECB3; }

.video-upload .dropzone-reject {
  border-color: #F44336;
  background-color: #FFECB3; }

.video-upload .video-row {
  height: 40px;
  margin-top: 20px;
  padding: 0 25px; }
  .video-upload .video-row .video-info-container {
    position: relative; }
    .video-upload .video-row .video-info-container .video-icon {
      fill: #757575 !important;
      position: absolute;
      width: 45px !important;
      height: 45px !important; }
    .video-upload .video-row .video-info-container .video-info {
      left: 65px;
      top: 4px;
      position: absolute; }
      .video-upload .video-row .video-info-container .video-info .video-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 170px;
        color: #000000; }
      .video-upload .video-row .video-info-container .video-info .video-size {
        font-size: 14px; }

.video-upload .upload-btn {
  margin-top: 30px;
  margin-bottom: 15px; }

body {
  margin: 0;
  font-family: "PingFang TC", "\5137\9ED1   Pro", "Microsoft JhengHei", "\5FAE\8EDF\6B63\9ED1\9AD4", STHeiti, "Heiti TC Medium", Apple LiGothic, Helvetica, Helvetica Neue, Arial, "PMingLiu", "\65B0\7D30\660E\9AD4" !important;
  /* Disable highlight */
  user-select: none;
  -moz-user-select: none; }

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54); }

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white; }

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3); }

@font-face {
  font-family: MuseoSans300;
  src: url(bdb59b808cfc4fb88f3963fa06e6c79b.otf) format("opentype"); }

@font-face {
  font-family: DFLiHeiMediumB5;
  src: url(e29a32e9d05378280197853d5cea1e2e.ttf) format("opentype"); }
.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(e79bfd88537def476913f3ed52f4f4b3.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(570eb83859dc23dd0eec423a49e147fe.woff2) format('woff2'),
       url(012cf6a10129e2275d79d6adac7f3b02.woff) format('woff'),
       url(a37b0c01c0baf1888ca812cc0508f6e2.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.react-flex-view {
  box-sizing: 'border-box';
  min-width: 0;
  min-height: 0;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex-wrap: nowrap;
  -moz-box-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align-items: stretch;
  -ms-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .react-flex-view.flex-column {
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
  .react-flex-view.flex-wrap {
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .react-flex-view.align-content-start {
    -ms-flex-align: start;
    flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .react-flex-view.align-content-center {
    -ms-flex-align: center;
    flex-align: center;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center; }
  .react-flex-view.align-content-end {
    -ms-flex-align: end;
    flex-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .react-flex-view.justify-content-start {
    -ms-flex-pack: start;
    flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .react-flex-view.justify-content-center {
    -ms-flex-pack: center;
    flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .react-flex-view.justify-content-end {
    -ms-flex-pack: end;
    flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(ced611daf7709cc778da928fec876475.eot);
    src: url(ced611daf7709cc778da928fec876475.eot?#iefix) format('embedded-opentype'), url(b7c9e1e479de3b53f1e4e30ebac2403a.woff) format('woff'), url(d41f55a78e6f49a5512878df1737e58a.ttf) format('truetype'), url(f97e3bbf73254b0112091d0192f17aec.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

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