/* Reset CSS Start*/
/* line 2, ../sass/chat-style.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  outline: 0;
  vertical-align: baseline;
  box-sizing: border-box; }

/* line 4, ../sass/chat-style.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 5, ../sass/chat-style.scss */
body {
  line-height: 1; }

/* line 6, ../sass/chat-style.scss */
ol, ul {
  list-style: none; }

/* line 7, ../sass/chat-style.scss */
a {
  text-decoration: none;
  color: inherit; }

/* line 8, ../sass/chat-style.scss */
blockquote, q {
  quotes: none; }

/* line 9, ../sass/chat-style.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

/* line 10, ../sass/chat-style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 11, ../sass/chat-style.scss */
img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block; }

/* Reset CSS End*/
/* line 16, ../sass/chat-style.scss */
button {
  cursor: pointer; }

/* line 17, ../sass/chat-style.scss */
button:visited {
  text-decoration: none; }

/* line 18, ../sass/chat-style.scss */
select::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0; }

/* line 20, ../sass/chat-style.scss */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000; }

/* line 21, ../sass/chat-style.scss */
select:-moz-focusring * {
  color: #000000;
  text-shadow: none; }

/* line 23, ../sass/chat-style.scss */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 1.4;
  background-color: #fafafa;
  color: #1e2027; }

/* line 32, ../sass/chat-style.scss */
#loginForm {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background: #04b8ed;
  background: -moz-linear-gradient(top, #04b8ed 0%, #0059d9 100%);
  background: -webkit-linear-gradient(top, #04b8ed 0%, #0059d9 100%);
  background: linear-gradient(to bottom, #04b8ed 0%, #0059d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04b8ed', endColorstr='#0059d9',GradientType=0 ); }
  /* line 45, ../sass/chat-style.scss */
  #loginForm .login-form {
    width: 280px;
    text-align: center;
    color: #ffffff; }
    /* line 49, ../sass/chat-style.scss */
    #loginForm .login-form .panel p {
      line-height: 2;
      font-size: 12px;
      margin-bottom: 8px;
      font-style: italic; }
    /* line 55, ../sass/chat-style.scss */
    #loginForm .login-form input {
      width: 100%;
      border-radius: 60px;
      padding: 8px 12px;
      background-color: transparent;
      border: 1.2px solid #ffffff;
      color: #ffffff;
      margin-bottom: 10px; }
      /* line 63, ../sass/chat-style.scss */
      #loginForm .login-form input::placeholder {
        color: #ffffff; }
    /* line 67, ../sass/chat-style.scss */
    #loginForm .login-form .forgot {
      text-align: right;
      letter-spacing: 0.04em; }
    /* line 71, ../sass/chat-style.scss */
    #loginForm .login-form button.btn.btn-primary {
      background-color: #000000;
      width: 100%;
      border-radius: 100px;
      padding: 10px 12px;
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-top: 10px; }

/* line 86, ../sass/chat-style.scss */
.body-wrapper {
  display: flex; }
  /* line 88, ../sass/chat-style.scss */
  .body-wrapper aside.page-aside {
    background-color: #131315;
    color: #ffffff;
    width: 50px;
    display: flex;
    position: fixed;
    height: 100vh;
    z-index: 100; }
    /* line 96, ../sass/chat-style.scss */
    .body-wrapper aside.page-aside .navbar.main-nav-fix {
      font-size: 8px;
      text-transform: uppercase;
      flex: 1;
      display: flex; }
      /* line 101, ../sass/chat-style.scss */
      .body-wrapper aside.page-aside .navbar.main-nav-fix .container {
        display: flex;
        flex: 1;
        flex-direction: column; }
        /* line 105, ../sass/chat-style.scss */
        .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-header {
          display: flex;
          justify-content: center;
          padding: 8px 0;
          background-color: #1f2029; }
          /* line 110, ../sass/chat-style.scss */
          .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-header span.brand {
            display: none; }
        /* line 114, ../sass/chat-style.scss */
        .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          /* line 120, ../sass/chat-style.scss */
          .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav > li {
            display: flex;
            text-align: center; }
            /* line 123, ../sass/chat-style.scss */
            .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav > li > a {
              flex: 1;
              padding: 8px 0;
              border-bottom: 1px solid rgba(255, 255, 255, 0.36); }
              /* line 127, ../sass/chat-style.scss */
              .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav > li > a > span {
                display: block; }
              /* line 128, ../sass/chat-style.scss */
              .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav > li > a svg {
                fill: #ffffff;
                width: 22px;
                height: 22px;
                margin-bottom: 2px; }
            /* line 135, ../sass/chat-style.scss */
            .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav > li.active {
              background-color: #627dfe; }
          /* line 139, ../sass/chat-style.scss */
          .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account {
            position: relative; }
            /* line 141, ../sass/chat-style.scss */
            .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account .nav-item-myaccount {
              display: block;
              padding: 8px 0;
              text-align: center; }
              /* line 145, ../sass/chat-style.scss */
              .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account .nav-item-myaccount .nav-item-myaccount {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 2em;
                margin: 2px auto;
                background-color: #E91E63;
                border: 1.2px solid #ffffff; }
              /* line 157, ../sass/chat-style.scss */
              .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account .nav-item-myaccount .nav-item {
                font-size: 6px;
                letter-spacing: 0.1em; }
            /* line 163, ../sass/chat-style.scss */
            .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account .nav-submenu {
              position: absolute;
              bottom: 8px;
              right: -140px;
              z-index: 100;
              width: 140px;
              background-color: #131315;
              font-size: 1.5em;
              text-transform: capitalize;
              overflow: hidden;
              border-radius: 0 4px 4px 0;
              display: none; }
              /* line 176, ../sass/chat-style.scss */
              .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account .nav-submenu li a {
                display: block;
                padding: 8px; }
                /* line 179, ../sass/chat-style.scss */
                .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account .nav-submenu li a:hover {
                  background-color: rgba(0, 0, 0, 0.3); }
              /* line 183, ../sass/chat-style.scss */
              .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account .nav-submenu li + li {
                border-top: 1px solid rgba(255, 255, 255, 0.36); }
            /* line 189, ../sass/chat-style.scss */
            .body-wrapper aside.page-aside .navbar.main-nav-fix .container .navbar-nav-wrap .navbar-nav.nav-account:hover .nav-submenu {
              display: block; }
  /* line 199, ../sass/chat-style.scss */
  .body-wrapper .lobby-home-page,
  .body-wrapper .chatroom-users-page,
  .body-wrapper .lobby-control-page,
  .body-wrapper .lobby-users-page {
    flex: 1;
    display: flex; }
  /* line 207, ../sass/chat-style.scss */
  .body-wrapper main.page-main {
    margin-left: 50px;
    padding: 15px;
    flex: 1;
    z-index: 50;
    position: relative; }
    /* line 213, ../sass/chat-style.scss */
    .body-wrapper main.page-main .btn {
      height: 32px;
      padding: 0 10px;
      flex: 1;
      font-size: 0.85em;
      text-transform: uppercase;
      border-radius: 4px;
      color: #ffffff; }
      /* line 221, ../sass/chat-style.scss */
      .body-wrapper main.page-main .btn.btn-primary {
        background-color: #5b71fa; }
      /* line 222, ../sass/chat-style.scss */
      .body-wrapper main.page-main .btn.btn-success {
        background-color: #28a645; }
      /* line 223, ../sass/chat-style.scss */
      .body-wrapper main.page-main .btn.btn-danger {
        background-color: #e04250; }
      /* line 224, ../sass/chat-style.scss */
      .body-wrapper main.page-main .btn.btn-secondary {
        background-color: #6c757d; }
    /* line 226, ../sass/chat-style.scss */
    .body-wrapper main.page-main .tooltipWrap {
      width: 15px;
      height: 15px;
      display: inline-block;
      margin-left: 10px;
      position: relative;
      background-color: #131315;
      color: #ffffff;
      border-radius: 50%;
      text-align: center;
      font-size: 0.75em;
      line-height: 15px;
      font-weight: bold;
      cursor: pointer; }
      /* line 240, ../sass/chat-style.scss */
      .body-wrapper main.page-main .tooltipWrap .tooltip {
        position: absolute;
        background-color: #131315;
        color: #ffffff;
        width: 150px;
        border-radius: 4px;
        left: -1px;
        top: 20px;
        text-align: left;
        cursor: default;
        z-index: 10;
        display: none; }
        /* line 252, ../sass/chat-style.scss */
        .body-wrapper main.page-main .tooltipWrap .tooltip::before {
          content: '';
          border-bottom: 6px solid #131315;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          position: absolute;
          left: 4px;
          top: -5px; }
        /* line 261, ../sass/chat-style.scss */
        .body-wrapper main.page-main .tooltipWrap .tooltip ul > li {
          padding: 5px 8px;
          font-weight: 400; }
          /* line 264, ../sass/chat-style.scss */
          .body-wrapper main.page-main .tooltipWrap .tooltip ul > li + li {
            border-top: 1px solid rgba(255, 255, 255, 0.36); }
      /* line 269, ../sass/chat-style.scss */
      .body-wrapper main.page-main .tooltipWrap:hover .tooltip {
        display: block; }
    /* line 271, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-title {
      font-size: 2em;
      font-weight: 600;
      text-transform: uppercase;
      display: flex;
      align-items: center; }
      /* line 277, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-title .txt {
        flex: 1; }
      /* line 278, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-title .right-blk {
        font-size: 1rem; }
    /* line 283, ../sass/chat-style.scss */
    .body-wrapper main.page-main .game-room-wrap .game-room {
      background-color: #e9ecff;
      margin: 15px 0;
      padding: 10px 15px 15px;
      border: 1.2px solid #d6dcff;
      border-radius: 5px; }
      /* line 294, ../sass/chat-style.scss */
      .body-wrapper main.page-main .game-room-wrap .game-room .game-room-info .game-room-name {
        font-size: 1.45em;
        font-weight: 600;
        margin-bottom: 8px; }
      /* line 299, ../sass/chat-style.scss */
      .body-wrapper main.page-main .game-room-wrap .game-room .game-room-info .game-room-details {
        display: flex;
        flex-wrap: wrap; }
        /* line 302, ../sass/chat-style.scss */
        .body-wrapper main.page-main .game-room-wrap .game-room .game-room-info .game-room-details .game-room-detail-item {
          margin-right: 15px;
          flex: 1;
          font-weight: 600; }
          /* line 306, ../sass/chat-style.scss */
          .body-wrapper main.page-main .game-room-wrap .game-room .game-room-info .game-room-details .game-room-detail-item .key {
            font-size: 0.85em;
            opacity: 0.75; }
          /* line 310, ../sass/chat-style.scss */
          .body-wrapper main.page-main .game-room-wrap .game-room .game-room-info .game-room-details .game-room-detail-item .value {
            font-size: 1.1em; }
      /* line 316, ../sass/chat-style.scss */
      .body-wrapper main.page-main .game-room-wrap .game-room .chat-room-not-available {
        background-color: #d5daf6;
        border: 1.2px solid #c9d0fd;
        padding: 10px;
        text-align: center;
        font-weight: 600;
        font-style: italic;
        letter-spacing: 0.04em;
        border-radius: 4px;
        margin: 10px 0;
        color: #898b9b; }
      /* line 328, ../sass/chat-style.scss */
      .body-wrapper main.page-main .game-room-wrap .game-room .chat-room {
        background-color: #ffffff;
        margin: 10px 0;
        padding: 10px;
        border-radius: 4px;
        border: 1.2px solid #d6dcff; }
        /* line 334, ../sass/chat-style.scss */
        .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details {
          display: flex;
          font-weight: 600;
          align-items: center; }
          /* line 338, ../sass/chat-style.scss */
          .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .key {
            font-size: 0.85em;
            opacity: 0.75; }
          /* line 342, ../sass/chat-style.scss */
          .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .value {
            font-size: 1em;
            letter-spacing: 0.04em; }
          /* line 346, ../sass/chat-style.scss */
          .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-name {
            flex: 1;
            font-size: 1.1em; }
          /* line 350, ../sass/chat-style.scss */
          .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-detail {
            flex: 3;
            display: flex; }
            /* line 354, ../sass/chat-style.scss */
            .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-detail .chat-room-detail-item.detail-chatters {
              min-width: 100px; }
            /* line 357, ../sass/chat-style.scss */
            .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-detail .chat-room-detail-item.detail-moderators {
              flex: 1; }
          /* line 362, ../sass/chat-style.scss */
          .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-actions {
            min-width: 140px;
            display: flex; }
            /* line 365, ../sass/chat-style.scss */
            .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-actions .btn {
              height: 32px;
              padding: 0 10px;
              flex: 1;
              font-size: 0.85em;
              text-transform: uppercase;
              border-radius: 4px;
              color: #ffffff; }
              /* line 373, ../sass/chat-style.scss */
              .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-actions .btn.btn-enter {
                background-color: #5b71fa; }
              /* line 376, ../sass/chat-style.scss */
              .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-actions .btn.btn-view {
                background-color: #28a645; }
              /* line 379, ../sass/chat-style.scss */
              .body-wrapper main.page-main .game-room-wrap .game-room .chat-room .chat-room-details .chat-room-actions .btn.btn-leave {
                margin-left: 8px;
                background-color: #e04250; }
    /* line 389, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-rooms {
      /*.cc-chat-block-outer-wrap {
          display: flex;
          padding: 12px 0 0;
      }*/ }
      /* line 391, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-rooms .page-title {
        margin: -15px -15px 0;
        overflow-x: auto;
        overflow-y: hidden; }
        /* line 393, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-rooms .page-title > .txt {
          display: none; }
        /* line 396, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-rooms .page-title .nav.nav-tabs {
          display: flex;
          white-space: nowrap;
          background-color: #ffffff;
          min-width: 100%;
          line-height: 1; }
          /* line 403, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .page-title .nav.nav-tabs li.nav-item a {
            font-size: 1.1rem;
            font-weight: 600;
            padding: 10px 20px;
            display: inline-block;
            height: 42px;
            opacity: 0.55;
            text-transform: none;
            border-bottom: 3px solid transparent; }
            /* line 413, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .page-title .nav.nav-tabs li.nav-item a.active, .body-wrapper main.page-main .page-rooms .page-title .nav.nav-tabs li.nav-item a.active:hover {
              opacity: 1;
              border-bottom-color: #627dfe;
              color: #ffffff;
              background-color: #627dfe; }
            /* line 419, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .page-title .nav.nav-tabs li.nav-item a:hover {
              opacity: 1;
              border-bottom-color: #000000; }
      /* line 427, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-rooms .cc-game-info-wrap {
        margin: 0 -15px;
        background-color: #131315;
        height: 138px;
        padding: 10px 0px;
        display: flex; }
        /* line 430, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info {
          display: flex;
          color: #ffffff;
          flex: 1; }
          /* line 434, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info > div {
            flex: 1; }
          /* line 437, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 {
            display: flex;
            padding: 0 10px 0 5px; }
            /* line 440, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-label-strip {
              display: flex;
              flex-direction: column;
              font-size: 0; }
              /* line 444, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-label-strip li {
                min-width: 5px;
                flex: 0 0 20%; }
                /* line 447, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-label-strip li:nth-child(1) {
                  background-color: #0189f7; }
                /* line 448, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-label-strip li:nth-child(2) {
                  background-color: #ef0f0f; }
                /* line 449, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-label-strip li:nth-child(3) {
                  background-color: #eaeaea; }
                /* line 453, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-label-strip li:nth-child(4) {
                  background-color: #38db38; }
                /* line 454, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-label-strip li:nth-child(5) {
                  background-color: #fef802; }
            /* line 459, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-allballs {
              display: flex;
              flex-wrap: wrap; }
              /* line 462, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-allballs li {
                flex: 0 0 6.66%;
                text-align: center;
                opacity: 0.3;
                font-weight: 600;
                display: flex;
                justify-content: center;
                align-items: center; }
                /* line 470, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk1 ul.cc-allballs li.active {
                  opacity: 1; }
          /* line 477, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 {
            max-width: 230px;
            margin: -10px 0;
            padding: 10px 10px;
            border-left: 1px solid rgba(255, 255, 255, 0.15);
            border-right: 1px solid rgba(255, 255, 255, 0.15);
            background-color: #282833;
            display: flex;
            align-items: center;
            justify-content: center; }
            /* line 487, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-timer {
              display: flex;
              font-size: 1rem; }
              /* line 490, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-timer .cc-time-span + .cc-time-span:before {
                content: ':';
                margin-left: 8px;
                margin-right: 6px; }
              /* line 495, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-timer .num {
                font-size: 1.25rem; }
              /* line 498, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-timer .abbr {
                text-transform: lowercase; }
            /* line 502, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .label-txt {
              text-align: center;
              font-size: 0.75rem;
              margin-bottom: 5px;
              letter-spacing: 0.08em;
              opacity: 0.85; }
            /* line 510, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info .cc-current-result-info {
              margin-bottom: 10px;
              text-align: center; }
              /* line 513, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info .cc-current-result-info .ballWrap {
                background-color: #ffffff;
                border-radius: 50%;
                width: 70px;
                height: 70px;
                color: #282833;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                font-size: 2rem;
                font-weight: bold; }
                /* line 524, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info .cc-current-result-info .ballWrap.ball-B {
                  background-color: #0189f7; }
                /* line 525, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info .cc-current-result-info .ballWrap.ball-I {
                  background-color: #ef0f0f; }
                /* line 526, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info .cc-current-result-info .ballWrap.ball-N {
                  background-color: #eaeaea; }
                /* line 530, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info .cc-current-result-info .ballWrap.ball-G {
                  background-color: #38db38; }
                /* line 531, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info .cc-current-result-info .ballWrap.ball-O {
                  background-color: #fef802; }
            /* line 534, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info ul.cc-last-result-balls {
              display: flex; }
              /* line 536, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk2 .cc-result-info ul.cc-last-result-balls li {
                width: 28px;
                height: 28px;
                border-radius: 50%;
                background-color: transparent;
                border: 3px solid #ffffff;
                margin: 0 4px;
                font-weight: bold;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 0.85rem; }
          /* line 553, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk3 {
            padding: 0 15px;
            display: flex; }
            /* line 556, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk3 .cc-game-info {
              flex: 1;
              display: flex;
              flex-wrap: wrap; }
              /* line 560, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk3 .cc-game-info > li {
                flex: 0 0 25%; }
                /* line 562, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk3 .cc-game-info > li .label {
                  font-style: italic;
                  opacity: 0.65;
                  font-size: 0.85em;
                  margin-bottom: 2px; }
                /* line 568, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk3 .cc-game-info > li .tooltipWrap {
                  background-color: #ffffff;
                  color: #131315; }
                  /* line 571, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk3 .cc-game-info > li .tooltipWrap .tooltip {
                    background-color: #4e4e55;
                    left: auto;
                    right: -4px; }
                    /* line 575, ../sass/chat-style.scss */
                    .body-wrapper main.page-main .page-rooms .cc-game-info-wrap .cc-game-info .cc-game-info-blk3 .cc-game-info > li .tooltipWrap .tooltip:before {
                      border-bottom-color: #4e4e55;
                      left: auto;
                      right: 7px; }
      /* line 588, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap {
        float: left;
        margin-top: 12px;
        width: calc(100% - 355px);
        background-color: #e9ecff;
        padding: 10px 15px;
        border: 1.2px solid #d6dcff;
        border-radius: 5px; }
        /* line 596, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block {
          display: flex;
          flex-direction: column;
          height: calc(100vh - (50px + 180px));
          overflow: hidden; }
          /* line 601, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-title {
            display: inline-flex;
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 5px; }
            /* line 606, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-title .chatroom:before {
              content: ':';
              margin-left: 8px;
              margin-right: 8px; }
          /* line 612, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap {
            flex: 1;
            display: flex; }
            /* line 615, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat {
              flex: 1;
              display: flex;
              flex-direction: column; }
              /* line 619, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body {
                border: 1.2px solid #d6dcff;
                background-color: #ffffff;
                border-radius: 5px;
                padding: 10px;
                flex: 1 1 auto;
                overflow-y: auto;
                display: flex;
                height: 100px;
                min-height: 100px; }
                /* line 629, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .cc-chat-body-content {
                  flex: 1; }
                /* line 632, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-msg-wrap {
                  margin-bottom: 10px; }
                  /* line 634, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-msg-wrap .chat-msg-title {
                    display: flex;
                    font-size: 0.75rem;
                    color: #4155b7; }
                    /* line 638, ../sass/chat-style.scss */
                    .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-msg-wrap .chat-msg-title .chat-msg-time {
                      opacity: 0.85;
                      width: 45px;
                      flex: 0 0 45px;
                      font-weight: 600; }
                    /* line 639, ../sass/chat-style.scss */
                    .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-msg-wrap .chat-msg-title .player-name {
                      font-style: italic;
                      font-weight: 600; }
                  /* line 645, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-msg-wrap .chat-msg {
                    margin-left: 45px;
                    font-size: 0.85rem;
                    word-break: break-word; }
                    /* line 649, ../sass/chat-style.scss */
                    .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-msg-wrap .chat-msg p + p {
                      margin-top: 5px; }
                /* line 654, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-sepertaor-winnings {
                  margin: 25px -10px;
                  text-align: center;
                  position: relative; }
                  /* line 658, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-sepertaor-winnings:after {
                    content: '';
                    height: 1px;
                    background-color: #d6dcff;
                    width: 100%;
                    left: 0;
                    top: 50%;
                    position: absolute;
                    z-index: 1; }
                  /* line 668, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-sepertaor-winnings .label-title-link {
                    display: inline-flex;
                    background-color: #e9ecff;
                    border: 1px solid #d6dcff;
                    position: relative;
                    z-index: 10;
                    font-size: 1rem;
                    padding: 6px 17px;
                    border-radius: 50px;
                    cursor: pointer;
                    white-space: nowrap;
                    align-items: center;
                    transition: all 0.25s ease-in-out; }
                    /* line 681, ../sass/chat-style.scss */
                    .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-sepertaor-winnings .label-title-link .label {
                      margin-right: 8px;
                      font-size: 0.9rem; }
                    /* line 685, ../sass/chat-style.scss */
                    .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-body .chat-sepertaor-winnings .label-title-link:hover {
                      background-color: #d6dcff; }
              /* line 692, ../sass/chat-style.scss */
              .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-footer {
                margin-top: 10px;
                display: flex;
                height: 32px;
                position: relative; }
                /* line 697, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-footer .emojiWrap {
                  position: absolute;
                  right: 0;
                  bottom: 100%;
                  z-index: 100;
                  background-color: #ffffff; }
                /* line 704, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-footer .fieldwrap {
                  flex: 1;
                  display: flex;
                  margin-right: 5px; }
                  /* line 708, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-footer .fieldwrap input {
                    width: 100%;
                    flex: 1;
                    border: 1.2px solid #d6dcff;
                    border-radius: 5px;
                    padding: 0 12px;
                    box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.26); }
                /* line 717, ../sass/chat-style.scss */
                .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-footer .btn {
                  flex: 0; }
                  /* line 719, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-footer .btn + .btn {
                    margin-left: 5px; }
                  /* line 722, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-footer .btn.btn-emoji {
                    min-width: 32px;
                    max-width: 32px;
                    padding: 0;
                    display: flex;
                    background-color: #627dfe; }
                    /* line 728, ../sass/chat-style.scss */
                    .body-wrapper main.page-main .page-rooms .cc-chat-block-wrap .cc-chat-block .cc-chat-wrap .cc-chat .cc-chat-footer .btn.btn-emoji figure {
                      flex: 1;
                      position: relative; }
      /* line 747, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap {
        float: left;
        width: 340px;
        margin-top: 12px;
        margin-left: 15px;
        background-color: #282833;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        height: calc(100vh - (28px + 180px)); }
        /* line 759, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-header {
          height: 38px;
          display: flex;
          background-color: #131315;
          padding: 5px;
          border-radius: 5px 5px 0 0; }
          /* line 765, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-header .search {
            display: flex;
            flex: 1; }
            /* line 768, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-header .search input.inputbox {
              flex: 1;
              box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.36);
              padding: 0 12px;
              border-radius: 4px 4px 0 0; }
            /* line 774, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-header .search input.btn {
              height: auto;
              flex: 0;
              border-radius: 0 4px 0 0;
              cursor: pointer; }
        /* line 782, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-body {
          flex: 1;
          overflow-y: auto;
          color: #ffffff; }
          /* line 787, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-body .cc-chat-players-list .cc-chat-players-item {
            display: flex;
            padding: 6px 10px;
            align-items: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            cursor: pointer;
            transition: all 0.25s ease-in-out; }
            /* line 794, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-body .cc-chat-players-list .cc-chat-players-item .cc-chat-player {
              flex: 1; }
            /* line 797, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-body .cc-chat-players-list .cc-chat-players-item .cc-chat-player-current-card-count {
              min-width: 20px;
              text-align: center;
              border-radius: 2px;
              border: 2px solid #ffffff;
              border-top-width: 4px;
              font-size: 11px;
              font-weight: 600; }
            /* line 806, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-body .cc-chat-players-list .cc-chat-players-item:nth-child(even) {
              background-color: rgba(255, 255, 255, 0.15); }
            /* line 809, ../sass/chat-style.scss */
            .body-wrapper main.page-main .page-rooms .cc-chat-players-wrap .cc-chat-players-body .cc-chat-players-list .cc-chat-players-item:hover {
              background-color: rgba(255, 255, 255, 0.3); }
    /* line 819, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-control .broadcast-wrap {
      display: flex; }
      /* line 821, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .broadcast-wrap .title-wrap {
        flex: 3;
        font-size: 2rem;
        line-height: 1.3;
        font-style: italic;
        opacity: 0.36; }
      /* line 828, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .broadcast-wrap .text-area-wrap {
        flex: 10;
        margin: 0 15px; }
        /* line 831, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-control .broadcast-wrap .text-area-wrap textarea {
          min-height: 80px;
          width: calc(100% - 30px);
          border-radius: 5px;
          padding: 15px;
          box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.26);
          border: 1.2px solid #d6dcff; }
      /* line 840, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .broadcast-wrap .button-wrap {
        flex: 2; }
        /* line 842, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-control .broadcast-wrap .button-wrap .btn-enter {
          width: 100%; }
    /* line 849, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-control .foulword-card-wrap .title-wrap .title {
      font-size: 1.45em;
      font-weight: 600;
      margin-bottom: 8px; }
    /* line 854, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-control .foulword-card-wrap .top-foulword-control-wrap {
      display: flex;
      justify-content: space-between;
      min-height: 36px; }
      /* line 858, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .foulword-card-wrap .top-foulword-control-wrap .add-word-wrap {
        display: flex; }
        /* line 860, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-control .foulword-card-wrap .top-foulword-control-wrap .add-word-wrap input {
          min-width: 300px;
          margin-right: 10px;
          box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.26);
          border: 1.2px solid #d6dcff;
          padding: 0 12px;
          border-radius: 5px; }
        /* line 868, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-control .foulword-card-wrap .top-foulword-control-wrap .add-word-wrap .btn.btn-primary {
          height: 36px; }
      /* line 872, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .foulword-card-wrap .top-foulword-control-wrap .search-wrap {
        display: flex; }
        /* line 874, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-control .foulword-card-wrap .top-foulword-control-wrap .search-wrap input {
          min-width: 300px;
          padding: 0 12px;
          box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.26);
          border: 1.2px solid #d6dcff;
          border-radius: 5px; }
    /* line 883, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-control .foulword-card-wrap .foulword-list-wrap {
      margin-top: 15px;
      border: 1.2px solid #d6dcff;
      border-radius: 5px;
      background-color: #ffffff;
      padding: 15px; }
    /* line 891, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-control .foulword-card-wrap .foulword-list {
      display: flex;
      flex-wrap: wrap; }
      /* line 894, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .foulword-card-wrap .foulword-list .foulword-list-item {
        flex: 0 0 calc(33.33% - 4px);
        margin: 2px;
        display: flex;
        align-items: center;
        padding: 5px 8px;
        color: #a94442;
        background-color: #f2dede;
        border: 1px solid #ebccd1;
        border-radius: 4px;
        font-weight: 600; }
        /* line 905, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-control .foulword-card-wrap .foulword-list .foulword-list-item.active {
          color: #3c763d;
          background-color: #dff0d8;
          border-color: #d6e9c6; }
          /* line 909, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-control .foulword-card-wrap .foulword-list .foulword-list-item.active .svgicon {
            fill: #3c763d; }
        /* line 913, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-control .foulword-card-wrap .foulword-list .foulword-list-item .svgicon {
          width: 18px;
          height: 18px;
          fill: #a94442; }
    /* line 920, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-control .foulword-card-wrap .action-wrap {
      display: flex;
      align-items: center; }
      /* line 923, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .foulword-card-wrap .action-wrap .imgwrap {
        cursor: pointer; }
      /* line 924, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .foulword-card-wrap .action-wrap .icon-trash {
        margin-left: 3px; }
      /* line 927, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .foulword-card-wrap .action-wrap .icon-enable-disable.on .img-disabled {
        display: none; }
      /* line 930, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .foulword-card-wrap .action-wrap .icon-enable-disable.off .img-active {
        display: none; }
    /* line 934, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-control .foulword-card-wrap .foulword {
      flex: 1; }
    /* line 937, ../sass/chat-style.scss */
    .body-wrapper main.page-main .page-control .foulword-card-wrap .tooltipWrap {
      margin-left: 0;
      margin-right: 8px;
      background-color: #ffffff;
      color: #000000; }
      /* line 942, ../sass/chat-style.scss */
      .body-wrapper main.page-main .page-control .foulword-card-wrap .tooltipWrap .tooltip {
        width: 250px; }
        /* line 944, ../sass/chat-style.scss */
        .body-wrapper main.page-main .page-control .foulword-card-wrap .tooltipWrap .tooltip li {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 948, ../sass/chat-style.scss */
          .body-wrapper main.page-main .page-control .foulword-card-wrap .tooltipWrap .tooltip li .label {
            font-style: italic;
            opacity: 0.75; }
    /* line 960, ../sass/chat-style.scss */
    .body-wrapper main.page-main .cc-card-wrap .cc-card {
      background-color: #e9ecff;
      margin: 15px 0;
      padding: 10px 15px 15px;
      border: 1.2px solid #d6dcff;
      border-radius: 5px; }
    /* line 968, ../sass/chat-style.scss */
    .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group {
      display: flex;
      align-items: center; }
      /* line 971, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group .cc-col-item {
        flex: 1;
        justify-content: center;
        padding: 10px; }
        /* line 975, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group .cc-col-item.col1 {
          flex: 0 0 70px;
          text-align: center; }
        /* line 976, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group .cc-col-item.col4 {
          flex: 0 0 210px; }
        /* line 977, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group .cc-col-item.col5 {
          flex: 0 0 200px;
          text-align: center; }
        /* line 978, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group .cc-col-item.col6 {
          flex: 0 0 300px;
          text-align: center; }
          /* line 981, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group .cc-col-item.col6 .buttonWrap button.btn {
            height: 28px;
            padding: 0 6px;
            margin: 0 3px;
            font-size: 0.7em;
            font-weight: 500; }
        /* line 989, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group .cc-col-item.col7 {
          flex: 0 0 60px;
          text-align: center; }
      /* line 992, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-col-item-group .buttonWrap button.btn {
        margin: 0 2px; }
    /* line 995, ../sass/chat-style.scss */
    .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-table-head {
      font-size: 12px;
      font-weight: 600; }
    /* line 996, ../sass/chat-style.scss */
    .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-table-body {
      border-top: 2px solid #d6dcff; }
      /* line 998, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-table-body .cc-col-item-group-wrap {
        background-color: #ffffff;
        border-bottom: 1.2px solid #d6dcff; }
      /* line 1003, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-card-wrap .cc-table .cc-table-body .cc-col-item .cc-col-title {
        display: none; }
    /* line 1008, ../sass/chat-style.scss */
    .body-wrapper main.page-main .cc-popup-wrap {
      position: fixed;
      top: 0;
      left: 50px;
      z-index: 100;
      overflow-y: auto;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.75);
      display: flex;
      justify-content: center;
      align-items: center; }
      /* line 1020, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .cc-popup {
        background-color: #ffffff;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36);
        margin: 15px 0; }
        /* line 1025, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .cc-popup.add-user-pop-up, .body-wrapper main.page-main .cc-popup-wrap .cc-popup.chat-player-info-pop-up, .body-wrapper main.page-main .cc-popup-wrap .cc-popup.game-winner-info-pop-up {
          width: 700px; }
        /* line 1030, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .cc-popup .divider {
          height: 1px;
          background-color: #dddddd;
          margin: 10px 0; }
      /* line 1036, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .modal-header {
        position: relative; }
        /* line 1038, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .modal-header .close {
          width: 20px;
          height: 20px;
          background-color: #000000;
          color: #ffffff;
          opacity: 0.8;
          font-weight: 400;
          border-radius: 50%;
          text-align: center;
          font-size: 14px;
          line-height: 12px;
          position: relative;
          border: 2px solid #ffffff;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
          position: absolute;
          right: -10px;
          top: -5px;
          opacity: 0.75; }
          /* line 1056, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .modal-header .close:hover {
            opacity: 1; }
        /* line 1060, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .modal-header .modal-title {
          text-align: center;
          font-size: 1.4rem;
          font-weight: 600;
          padding: 10px; }
      /* line 1068, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .modal-body .form_item_group {
        padding: 0 10px;
        display: flex;
        flex-wrap: wrap; }
        /* line 1072, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .modal-body .form_item_group .form_item_holder {
          flex: 1;
          margin: 0 4px; }
          /* line 1075, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .modal-body .form_item_group .form_item_holder input.cc-input {
            border: 1px solid #757575;
            padding: 6px 12px;
            border-radius: 5px;
            width: 100%; }
        /* line 1082, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .modal-body .form_item_group .dateWrap {
          display: flex;
          align-items: center;
          flex: 1; }
          /* line 1086, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .modal-body .form_item_group .dateWrap .roomCheckBox {
            max-width: 50px; }
          /* line 1089, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .modal-body .form_item_group .dateWrap .input-group.date {
            flex: 1;
            margin: 0 4px; }
            /* line 1092, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .modal-body .form_item_group .dateWrap .input-group.date .cc-input {
              position: relative;
              border: 1px solid #757575;
              padding: 6px 12px;
              border-radius: 5px;
              width: 100%; }
        /* line 1101, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .modal-body .form_item_group .subTitle {
          font-size: 0.9rem;
          text-align: center;
          width: 100%;
          font-weight: 600; }
      /* line 1110, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .modal-footer {
        text-align: center;
        padding: 10px 0; }
      /* line 1114, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap {
        max-width: 360px;
        width: 100%;
        margin: 10px auto;
        border: 1.2px solid #757575; }
        /* line 1119, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap thead {
          background-color: #757575;
          color: #ffffff; }
          /* line 1122, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap thead th:first-child {
            border-right: 1.2px solid #ababab; }
        /* line 1124, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap td, .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap th {
          padding: 4px 10px; }
          /* line 1126, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap td:first-child, .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap th:first-child {
            width: 50px;
            text-align: center; }
        /* line 1131, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap tbody tr td {
          border-top: 1.2px solid #757575;
          border-right: 1.2px solid #757575; }
          /* line 1134, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap tbody tr td:last-child {
            border-right: none; }
            /* line 1136, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap tbody tr td:last-child label {
              display: flex;
              flex-direction: row-reverse;
              justify-content: space-between;
              align-items: center;
              cursor: pointer;
              padding: 4px 10px;
              line-height: 1.4; }
              /* line 1144, ../sass/chat-style.scss */
              .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap tbody tr td:last-child label + label {
                border-top: 1.2px solid #757575; }
              /* line 1147, ../sass/chat-style.scss */
              .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap tbody tr td:last-child label:first-child {
                margin: -4px -10px 0; }
              /* line 1150, ../sass/chat-style.scss */
              .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap tbody tr td:last-child label:last-child {
                margin: 0 -10px -4px; }
              /* line 1153, ../sass/chat-style.scss */
              .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap tbody tr td:last-child label:first-child:last-child {
                margin: -4px -10px; }
              /* line 1156, ../sass/chat-style.scss */
              .body-wrapper main.page-main .cc-popup-wrap table.roomTableWrap tbody tr td:last-child label .labelTxt {
                margin: auto; }
      /* line 1163, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up h4.modal-title {
        text-align: left;
        padding-left: 15px; }
      /* line 1167, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .label {
        font-style: italic;
        opacity: 0.7;
        font-size: 0.85em;
        margin-bottom: 2px; }
      /* line 1173, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body {
        display: flex;
        padding: 0 15px 15px; }
        /* line 1176, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part {
          flex: 1; }
          /* line 1178, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part.bonus-details {
            border-left: 1px solid #f1f1f1;
            border-right: 1px solid #f1f1f1;
            margin: 0 -15px;
            padding: 0 15px; }
            /* line 1183, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part.bonus-details .btn {
              width: 100%;
              margin-bottom: 15px; }
          /* line 1188, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part.action-details {
            padding-left: 15px; }
            /* line 1190, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part.action-details .buttonWrap {
              text-align: center; }
            /* line 1191, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part.action-details .btn {
              width: 80%;
              margin: 0 auto 15px; }
          /* line 1197, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item {
            margin-bottom: 15px; }
            /* line 1199, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item .cart-count-wrap {
              display: flex;
              align-items: flex-start;
              margin-top: 4px; }
              /* line 1203, ../sass/chat-style.scss */
              .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item .cart-count-wrap .cart-count {
                overflow: hidden;
                text-align: center;
                border-radius: 4px;
                border: 2px solid transparent; }
                /* line 1208, ../sass/chat-style.scss */
                .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item .cart-count-wrap .cart-count.current {
                  width: 50px;
                  background-color: #b0e177; }
                  /* line 1211, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item .cart-count-wrap .cart-count.current .card-no .num {
                    font-size: 1.2rem; }
                /* line 1215, ../sass/chat-style.scss */
                .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item .cart-count-wrap .cart-count.next {
                  width: 32px;
                  margin-left: 10px;
                  background-color: #bac4fd; }
                  /* line 1219, ../sass/chat-style.scss */
                  .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item .cart-count-wrap .cart-count.next .card-no .num {
                    font-size: 1rem; }
                /* line 1224, ../sass/chat-style.scss */
                .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item .cart-count-wrap .cart-count .card-no .title {
                  display: block;
                  font-size: 0.55rem;
                  text-transform: uppercase;
                  padding: 1px 0; }
                /* line 1230, ../sass/chat-style.scss */
                .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item .cart-count-wrap .cart-count .card-no .num {
                  background-color: #ffffff;
                  display: block;
                  line-height: 1.6; }
            /* line 1238, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .chat-player-info-pop-up .modal-body .chat-player-info-part .chat-player-info-item input {
              border: 1px solid #dddddd;
              padding: 6px 12px;
              border-radius: 5px;
              margin-bottom: 15px;
              width: 100%; }
      /* line 1251, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up h4.modal-title {
        text-align: left;
        padding-left: 15px; }
        /* line 1254, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up h4.modal-title .sid {
          font-style: italic;
          font-size: 0.8em;
          margin-left: 10px; }
      /* line 1260, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .label {
        font-style: italic;
        opacity: 0.7;
        font-size: 0.85em;
        margin-bottom: 2px; }
      /* line 1266, ../sass/chat-style.scss */
      .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body {
        padding: 0 15px 15px; }
        /* line 1268, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-parts {
          display: flex; }
          /* line 1270, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-parts .winner-info-part1 {
            padding-right: 15px;
            width: 66%;
            flex: 0 0 66%;
            display: flex;
            flex-wrap: wrap; }
            /* line 1276, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-parts .winner-info-part1 .winner-info-part-item {
              flex: 0 0 50%;
              margin-bottom: 10px; }
          /* line 1281, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-parts .winner-info-part2 {
            flex: 1;
            border-radius: 5px;
            background-color: #131315;
            padding: 2px;
            display: flex;
            flex-direction: column; }
            /* line 1288, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-parts .winner-info-part2 .title {
              color: #ffffff;
              text-align: center;
              text-transform: uppercase;
              letter-spacing: 0.08em;
              padding: 4px;
              font-weight: 600;
              opacity: 0.95; }
            /* line 1297, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-parts .winner-info-part2 .content-list-wrap {
              background-color: #ffffff;
              flex: 1;
              border-radius: 0 0 4px 4px;
              max-height: 180px;
              overflow: hidden;
              overflow-y: auto; }
              /* line 1304, ../sass/chat-style.scss */
              .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-parts .winner-info-part2 .content-list-wrap ul.content-list li {
                display: flex;
                justify-content: space-between;
                padding: 3px 6px; }
                /* line 1308, ../sass/chat-style.scss */
                .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-parts .winner-info-part2 .content-list-wrap ul.content-list li:nth-child(even) {
                  background-color: #f5f5f5; }
        /* line 1315, ../sass/chat-style.scss */
        .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-action-wrap {
          display: flex;
          justify-content: space-between;
          margin-top: 15px; }
          /* line 1319, ../sass/chat-style.scss */
          .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-action-wrap .btn {
            min-width: 100px; }
            /* line 1321, ../sass/chat-style.scss */
            .body-wrapper main.page-main .cc-popup-wrap .game-winner-info-pop-up .modal-body .winners-info-action-wrap .btn .label {
              font-style: normal;
              opacity: 1; }
    /* line 1330, ../sass/chat-style.scss */
    .body-wrapper main.page-main .btn-copy-parent {
      position: relative; }
      /* line 1332, ../sass/chat-style.scss */
      .body-wrapper main.page-main .btn-copy-parent button.btn-copy {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 32px;
        padding: 0;
        text-align: center;
        overflow: hidden;
        background-color: transparent;
        border-radius: 0;
        border-left: 1px solid #b8b8b8;
        color: #1e2027; }
        /* line 1345, ../sass/chat-style.scss */
        .body-wrapper main.page-main .btn-copy-parent button.btn-copy svg {
          width: 16px;
          height: 16px;
          fill: #1e2027; }

/* line 1365, ../sass/chat-style.scss */
.custom-switch {
  position: relative;
  display: inline-block;
  min-height: 1.5rem;
  width: 40px;
  height: 20px;
  margin: auto; }
  /* line 1372, ../sass/chat-style.scss */
  .custom-switch .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;
    opacity: 0; }
  /* line 1379, ../sass/chat-style.scss */
  .custom-switch .custom-control-label {
    cursor: pointer;
    width: 40px;
    height: 20px;
    display: block;
    position: relative; }
    /* line 1385, ../sass/chat-style.scss */
    .custom-switch .custom-control-label:before {
      left: 0;
      width: 36px;
      pointer-events: all;
      border-radius: 40px;
      position: absolute;
      top: 0;
      display: block;
      height: 18px;
      content: "";
      border: #adb5bd solid 1px;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      background: #dee2e6; }
    /* line 1399, ../sass/chat-style.scss */
    .custom-switch .custom-control-label:after {
      position: absolute;
      display: block;
      content: "";
      top: 3px;
      left: 3px;
      width: 14px;
      height: 14px;
      background-color: #adb5bd;
      border-radius: .5rem;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
      transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out; }
  /* line 1414, ../sass/chat-style.scss */
  .custom-switch .custom-control-input:checked ~ .custom-control-label:before {
    background: #28a745;
    border-color: #145523; }
  /* line 1418, ../sass/chat-style.scss */
  .custom-switch .custom-control-input:checked ~ .custom-control-label:after {
    background: #86e29b;
    -webkit-transform: translateX(18px);
    transform: translateX(18px); }