/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/opensans-font.bc843a7c.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/opensans-font.bc843a7c.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/opensans-font.bc843a7c.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/opensans-font.bc843a7c.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/opensans-font.bc843a7c.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/opensans-font.bc843a7c.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  ssrc: url(../fonts/opensans-font.bc843a7c.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/opensans-font.bc843a7c.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --app-background-color: #ffffff;
  --app-title-color: #333333;
  --app-subtitle-color: #555555;
  --app-chat-background-color: #fff;
  --app-chat-footer-background-color: #fff;
  --app-chat-input-background-color: #fff;
  --app-chat-recieve-background-color: #fff;
  --app-chat-send-background-color: #fff;
}

.icon-reverse {
  transform: scaleX(-1);
}

.pswp {
  z-index: 10000;
}
.pswp .pswp__counter {
  display: none;
}
.pswp .pswp__img {
  max-width: none;
  object-fit: contain;
}
.pswp .pswp__button--zoom {
  display: none;
}

.dialog-media-video {
  background: rgb(0, 0, 0);
}

h1 {
  font-size: 28px;
  line-height: 32px;
}

.modal-endchat {
  border-radius: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3);
  font-weight: 400;
}
.modal-endchat .q-card {
  border-radius: 20px;
}
.modal-endchat .q-card__actions .q-btn {
  background: var(--q-primary) !important;
  border-radius: 20px;
  color: #fff;
  padding: 2px 8px !important;
  min-width: 80px !important;
}
.modal-endchat .q-card__actions .q-btn span {
  color: #fff;
}

.dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}

.dot-flashing::before,
.dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 0s;
}

.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes dotFlashing {
  0% {
    background-color: #9880ff;
  }
  50%, 100% {
    background-color: #ebe6ff;
  }
}
.q-badge {
  min-height: 8px;
  padding: 2px 3px;
  min-width: 8px;
  height: 8px;
  width: 8px;
  line-height: 8px;
  font-size: 8px;
}

.q-btn.disabled {
  opacity: 0.6 !important;
  filter: grayscale(1);
}

.body--dark {
  --q-primary: #3981ff;
}
.body--dark .q-layout,
.body--dark .q-header,
.body--dark .q-page {
  background: #1a2338;
}
.body--dark .q-header {
  background: #212b43;
}
.body--dark .q-header.with-shadow {
  box-shadow: none;
}
.body--dark .q-footer {
  background: #0f182e;
}
.body--dark .q-footer .q-tab img {
  width: 1.5rem;
}
.body--dark .q-footer .q-tab span {
  font-size: 0.9rem;
}
.body--dark .q-footer {
  box-shadow: none;
  height: 4rem;
  overflow: visible;
}
.body--dark .q-footer .q-tabs {
  background: linear-gradient(to bottom, transparent 0%, transparent 32%, #0f182e 32%, #0f182e 100%);
  margin-top: -1.4rem;
}
.body--dark .q-footer .q-tab {
  height: 4em;
  align-self: flex-end;
  background: transparent;
}
.body--dark .q-footer .q-tab .q-tab__content {
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-self: center;
  padding: 0px;
  margin-top: 0px;
}
.body--dark .q-footer .q-tab:nth-child(3) {
  height: 5.2rem;
}
.body--dark .q-footer .q-tab--active {
  color: #fff;
}
.body--dark .q-footer .q-tab.q-hoverable .q-focus-helper {
  height: unset;
  top: 1.7rem;
  bottom: 0;
  visibility: hidden;
}
.body--dark .q-footer .q-tab img {
  margin-bottom: 5px;
}
.body--dark .q-toggle--dark .q-toggle__inner--truthy {
  color: #a98f7c;
}
.body--dark .q-toggle {
  --q-positive: #a98f7c;
}
.body--dark .page-title {
  color: #ffffff;
}
.body--dark .station-notice-wrapper {
  font-size: 12px;
  background: linear-gradient(180deg, #384e79 2.08%, #2c3d61 47.5%, #212e4c 100%);
}
.body--dark .station-notice-wrapper span {
  color: #fff;
}
.body--dark .station-notice-wrapper .volume img {
  width: 20px;
  height: auto;
}
.body--dark .modal-common-div .modalcontent {
  background: linear-gradient(180deg, #384e79 2.08%, #2c3d61 47.5%, #212e4c 100%);
  border: none;
  box-shadow: none;
}
.body--dark .modal-common-div .headers {
  background: transparent;
  border-bottom-color: #4d4d4d;
}
.body--dark .modal-common-div .headers,
.body--dark .modal-common-div .contents,
.body--dark .modal-common-div .black-titles {
  color: #ffffff;
}
.body--dark .login-container .q-field--standout .q-field__control,
.body--dark .forgot-pass-container .q-field--standout .q-field__control {
  background: #273354;
  border: 1px solid rgba(217, 217, 217, 0.3019607843);
  box-shadow: none;
}
.body--dark .login-container .q-field--standout .q-field__control .input-icon-label-wrapper .input-icon,
.body--dark .forgot-pass-container .q-field--standout .q-field__control .input-icon-label-wrapper .input-icon {
  filter: brightness(0) saturate(100%) invert(88%) sepia(100%) saturate(0%) hue-rotate(81deg) brightness(102%) contrast(104%);
}
.body--dark .login-container .q-field--standout .q-field__control .input-icon-label-wrapper .input-label,
.body--dark .forgot-pass-container .q-field--standout .q-field__control .input-icon-label-wrapper .input-label {
  color: #ffffff;
}
.body--dark .q-field--standout.q-field--highlighted .q-field__control {
  color: #ffffff;
  background: #2a3346;
}
.body--dark .q-field--standout.q-field--highlighted .q-field__native,
.body--dark .q-field--standout.q-field--highlighted .q-field__append,
.body--dark .q-field--standout.q-field--highlighted .q-field__input {
  color: #ffffff;
}
.body--dark .q-drawer {
  background: #1a2338;
}
.body--dark .q-carousel .q-carousel__arrow {
  color: #ffffff;
}
.body--dark .common-sm-btn {
  background-size: cover;
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid #3a93ce;
  color: #ffffff;
}
.body--dark .common-sm-white-btn {
  background-size: cover;
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3019607843);
  color: #ffffff;
}
.body--dark .common-large-btn {
  background-size: cover;
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid #3a93ce;
  color: #ffffff;
}
.body--dark .common-md-white-btn {
  background-size: cover;
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid #3a93ce;
  color: #ffffff;
}
.body--dark .common-md-btn {
  background-size: cover;
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid #3a93ce;
  color: #ffffff;
}
.body--dark .text-bright {
  color: rgba(255, 255, 255, 0.7);
}
.body--dark .bg-brightbtn {
  background-size: cover;
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3019607843);
  color: #ffffff;
}
.body--dark .livepoker-rebate-section {
  background: linear-gradient(178.46deg, #2d4065 2.36%, rgba(45, 64, 101, 0.4) 98.7%) !important;
}
.body--dark .livepoker-rebate-section div {
  color: #fff !important;
}
.body--dark .livepoker-rebate-section-title {
  color: #fff !important;
}
.body--dark .reward-info-content {
  color: #fff !important;
}
.body--dark .livepoker-rebate-game-info {
  background: linear-gradient(178.46deg, #2d4065 2.36%, rgba(45, 64, 101, 0.4) 98.7%) !important;
}
.body--dark .livepoker-rebate-game-info div,
.body--dark .livepoker-rebate-game-info td,
.body--dark .livepoker-rebate-game-info font {
  color: #fff !important;
}
.body--dark .slot div {
  background: linear-gradient(178.46deg, #2d4065 2.36%, rgba(45, 64, 101, 0.4) 98.7%) !important;
  color: #fff !important;
}
.body--dark .livepoker-rebate-game-bottom-rule {
  background: linear-gradient(178.46deg, #2d4065 2.36%, rgba(45, 64, 101, 0.4) 98.7%) !important;
}
.body--dark .livepoker-rebate-game-bottom-rule div {
  color: #fff !important;
}
.body--dark .container,
.body--dark .container2 {
  background: linear-gradient(178.46deg, #2d4065 2.36%, rgba(45, 64, 101, 0.4) 98.7%) !important;
}
.body--dark .container p,
.body--dark .container2 p {
  color: #fff !important;
}
.body--dark .container div,
.body--dark .container2 div {
  color: #fff !important;
}
.body--dark .q-menu--dark {
  box-shadow: none;
}
.body--dark .q-date {
  background: linear-gradient(180deg, #384e79 2.08%, #2c3d61 47.5%, #212e4c 100%);
  border-radius: 8px;
  box-shadow: none;
}
.body--dark .q-date__header {
  background: transparent;
}
.body--dark .q-date__main {
  background: transparent;
}
.body--dark .q-select__dialog {
  background: #212e4c;
}