@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
input[type="text"],
input[type="password"],
textarea,
input[type="text"]:focus,
input[type="password"]:focus,
.form-select {
  outline: none;
  box-shadow: none;
  border: none;
}
.second-background-color {
  background: #1b1e37;
}
form.right-side-form-section {
  background: #07071b;
}
.modified-textbox,
.modified-textbox-desktop {
  border: none;
  border-radius: 0.25rem;
  padding: 0rem 0.25rem;
  font-size: 0.8em;
  background: #fefefe;
}
.modified-textbox .input-group-text,
.modified-textbox-desktop .input-group-text {
  border-radius: 0;
  border: none;
}
.modified-textbox span.input-group-text,
.modified-textbox-desktop span.input-group-text,
.modified-textbox input.form-control,
.modified-textbox-desktop input.form-control {
  padding: 0.25rem;
  border-radius: 0rem 0.25rem 0.25rem 0rem;
}
.modified-textbox span.form-icon,
.modified-textbox-desktop span.form-icon {
  color: #fc0668;
}
.modified-textbox-desktop {
  width: 160px;
}
label.modified-label {
  margin-bottom: 0.5em;
}
@font-face {
  font-family: 'atomfont';
  src: url('../fonts/atomfont.eot?4ostud');
  src: url('../fonts/atomfont.eot?4ostud#iefix') format('embedded-opentype'), url('../fonts/atomfont.ttf?4ostud') format('truetype'), url('../fonts/atomfont.woff?4ostud') format('woff'), url('../fonts/atomfont.svg?4ostud#atomfont') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="atomfont-"],
[class*=" atomfont-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'atomfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'mainicon';
  src: url('../fonts/mainicon.eot?lvhp3f');
  src: url('../fonts/mainicon.eot?lvhp3f#iefix') format('embedded-opentype'), url('../fonts/mainicon.ttf?lvhp3f') format('truetype'), url('../fonts/mainicon.woff?lvhp3f') format('woff'), url('../fonts/mainicon.svg?lvhp3f#mainicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="mainicon-"],
[class*=" mainicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mainicon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.atomfont-search:before {
  content: "\e100";
}
.atomfont-cancel:before {
  content: "\e101";
}
.atomfont-instagram:before {
  content: "\e102";
}
.atomfont-pinterest:before {
  content: "\e103";
}
.atomfont-tik-tok:before {
  content: "\e104";
}
.atomfont-telegram1:before {
  content: "\e105";
}
.atomfont-blogger:before {
  content: "\e106";
}
.atomfont-mail:before {
  content: "\e107";
}
.atomfont-whatsapp:before {
  content: "\e108";
}
.atomfont-line:before {
  content: "\e109";
}
.atomfont-key:before {
  content: "\e10a";
}
.atomfont-up-arrow:before {
  content: "\e10b";
}
.atomfont-down-arrow:before {
  content: "\e10c";
}
.atomfont-left-arrow:before {
  content: "\e10d";
}
.atomfont-right-arrow-angle1:before {
  content: "\e10e";
}
.atomfont-hide:before {
  content: "\e10f";
}
.atomfont-view:before {
  content: "\e110";
}
.atomfont-padlock:before {
  content: "\e111";
}
.atomfont-user2:before {
  content: "\e112";
}
.atomfont-contact-mail:before {
  content: "\e113";
}
.atomfont-favorites:before {
  content: "\e114";
}
.atomfont-menu:before {
  content: "\e115";
}
.atomfont-login:before {
  content: "\e116";
}
.atomfont-volume:before {
  content: "\e117";
}
.atomfont-android:before {
  content: "\e118";
}
.atomfont-bank:before {
  content: "\e119";
}
.atomfont-register:before {
  content: "\e11a";
}
.atomfont-copy:before {
  content: "\e11b";
}
.atomfont-download:before {
  content: "\e11c";
}
.atomfont-upload:before {
  content: "\e11d";
}
.atomfont-headset:before {
  content: "\e11e";
}
.atomfont-user:before {
  content: "\e11f";
}
.atomfont-gift-box:before {
  content: "\e120";
}
.atomfont-home:before {
  content: "\e121";
}
.atomfont-back:before {
  content: "\e122";
}
.atomfont-new:before {
  content: "\e123";
}
.atomfont-hot-deal:before {
  content: "\e124";
}
.atomfont-pin-code:before {
  content: "\e125";
}
.atomfont-group:before {
  content: "\e126";
}
.atomfont-refresh:before {
  content: "\e127";
}
.atomfont-like:before {
  content: "\e128";
}
.atomfont-link:before {
  content: "\e129";
}
.atomfont-calendar:before {
  content: "\e12a";
}
.atomfont-minus:before {
  content: "\e12b";
}
.atomfont-history:before {
  content: "\e12c";
}
.atomfont-wallet1:before {
  content: "\e12d";
}
.atomfont-exit:before {
  content: "\e12e";
}
.atomfont-attached:before {
  content: "\e12f";
}
.atomfont-write:before {
  content: "\e130";
}
.atomfont-plus:before {
  content: "\e131";
}
.atomfont-facebook:before {
  content: "\e132";
}
.mainicon-arcade:before {
  content: "\e800";
}
.mainicon-sportbook:before {
  content: "\e801";
}
.mainicon-fishing:before {
  content: "\e802";
}
.mainicon-casino:before {
  content: "\e803";
}
.mainicon-lottery:before {
  content: "\e804";
}
.mainicon-slot:before {
  content: "\e805";
}
.mainicon-promotion:before {
  content: "\e806";
}
body {
  background: #07071b;
  color: #fcfcfc;
  font-family: 'Open Sans', sans-serif;
}
header {
  background: #07071b;
}
.top-promo-section {
  border-left: 1px dotted #fcfcfc;
  border-radius: 0;
  margin-left: 1em;
  padding-left: 1em;
}
img.banner-image {
  aspect-ratio: 3.1/1;
  height: auto;
}
img.logo-image {
  aspect-ratio: 3/1;
  width: 165px;
  height: auto;
}
img.logo-image-big {
  aspect-ratio: 3/1;
  width: 165px;
  height: auto;
}
img.market-image {
  aspect-ratio: 1/1;
}
img.provider-selection-image {
  aspect-ratio: 1/1;
  margin-right: 0.5em;
}
img.side-provider-image {
  aspect-ratio: 1/1;
  margin-right: 0.5em;
}
img.apps-ornament {
  aspect-ratio: 1.87/1;
}
img.promo-provider-image {
  aspect-ratio: 1/1;
}
a.game-type-link {
  width: 70px;
  text-decoration: none;
  color: #fcfcfc;
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0.3em;
}
a.game-type-link:hover,
a.game-type-link.active {
  color: #fc0668;
}
a.register-link {
  text-decoration: none;
}
a.game-thumbnail-link {
  text-decoration: none;
  color: #fcfcfc;
}
a.web-logo-link {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
a.contact_link {
  color: #fcfcfc;
  text-decoration: none;
  font-size: 0.9em;
  display: flex;
  align-items: center;
}
a.more-game-link {
  font-size: 0.7em;
}
a.useful-link,
a.second-useful-link {
  text-decoration: none;
  color: #fcfcfc;
  font-size: 0.9em;
}
a.user-profile-sidebar-link {
  color: #fcfcfc;
  text-decoration: none;
  font-size: 0.8em;
}
a.footer-nav-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #fefefe;
  text-align: center;
  font-size: 0.9em;
}
a.sidebar-link {
  display: flex;
  text-decoration: none;
  color: #fcfcfc;
  align-items: center;
}
a.offcanvas-sidebar-link {
  text-decoration: none;
  color: #fcfcfc;
  background: #1b1e37;
  font-size: 0.9em;
}
a.register-link-desktop {
  height: 32.2px;
  border-radius: 0.25rem;
}
a.result-and-date-frame {
  text-decoration: none;
}
a.more-game-lottery {
  font-size: 1em;
  padding: 0.5rem 1rem;
}
a.language-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  color: #fcfcfc;
}
a.join-link {
  text-decoration: none;
  color: #fc0668;
}
a.top-right-user-link {
  text-decoration: none;
  color: #fcfcfc;
  font-size: 0.9em;
}
a.top-right-user-link::after {
  font-size: 0.9em;
  color: #fc0668;
  font-family: 'atomfont';
  font-weight: 900;
  content: "\e10e";
}
a.top-promo-button {
  color: #fcfcfc;
  text-decoration: none;
}
a.provider-select {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fcfcfc;
  background: #272d6f;
  padding: 0.5rem 1rem;
  margin-right: 0.5em;
  border-radius: 0.25rem;
}
a.provider-select.active {
  background: #161942;
  color: #fefefe;
}
a.side-provider-link {
  text-decoration: none;
  color: #fcfcfc;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.25em;
  margin-bottom: 0.5em;
  background: #272d6f;
}
a.side-provider-link:hover,
a.side-provider-link.active {
  background: #161942;
  color: #fefefe;
}
a.refresh-link {
  text-decoration: none;
  color: #fc0668;
}
a.btn-mobile {
  width: 100%;
  display: block;
}
a.promotion-list-link {
  text-decoration: none;
  color: #fcfcfc;
}
a.credit-link-top-right {
  text-decoration: none;
  color: #fcfcfc;
}
ul.new-promo-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0.25rem;
  left: -2px;
  width: 100%;
}
ul.deposit-method-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.deposit-method-list li {
  padding: 0.4em;
  display: flex;
  align-items: center;
}
ul.sidebar-list {
  list-style: none;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.5em;
  font-size: 0.8em;
}
ul.accordion-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.language-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.5em;
  row-gap: 0.5em;
}
ul.partner-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0.5rem;
}
ul.partner-list li {
  padding: 0.4em 0em;
  font-size: 0.8em;
  text-align: center;
}
ul.partner-list li img {
  height: 2.4em;
  display: block;
  margin: 0 auto;
  aspect-ratio: 1/1;
}
ul.customize-nav {
  padding-bottom: 0;
  border-bottom-color: #fc0668;
}
ul.customize-nav li.nav-item button {
  background: none;
  color: #fcfcfc;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
ul.customize-nav li.nav-item button.active {
  background: #04876d;
  border-color: #04876d;
  color: #fefefe;
}
ul.customize-nav li.nav-item button:hover {
  border-color: #04876d;
  color: #fefefe;
}
ul.provider-selection-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.provider-selection-list li a.active,
ul.provider-selection-list li a:hover {
  color: #fefefe;
}
ul.provider-selection-list li:last-child a {
  margin-bottom: 0;
}
ul.provider-promo {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.provider-promo li {
  margin: 0.25em;
}
ul.dropdown-menu li a {
  text-decoration: none;
  color: #8a8a8a;
}
ul.dropdown-menu li a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #8a8a8a;
}
ul.desktop-menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
ul.desktop-menu-list li {
  margin-right: 1em;
}
ul.desktop-menu-list li:last-child {
  margin-right: 0;
}
ul.desktop-menu-list li a.desktop-menu-link {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fefefe;
}
ul.desktop-menu-list li a.desktop-menu-link:hover,
ul.desktop-menu-list li a.desktop-menu-link.active {
  color: #b3b3b3;
}
ul.pagination-modified {
  margin: 0;
  padding: 0;
}
span.new-tag {
  background: url('../images/new_tag.svg') no-repeat;
  background-size: auto;
  background-size: contain;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #000);
  height: 1em;
  display: block;
  margin-bottom: 0.5em;
}
span.promo-tag {
  background: url('../images/promo_tag.svg') no-repeat;
  background-size: auto;
  background-size: contain;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #000);
  height: 1em;
  display: block;
}
span.hot-tag {
  background: url('../images/hot_tag.svg') no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: contain;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #000);
  background-position: right;
  display: block;
  width: 100%;
  height: 0.8rem;
  position: absolute;
  right: 0px;
  top: 0.25rem;
}
span.main-icon-mobile {
  font-size: 2.5em;
  margin-bottom: 0.25em;
}
span.game-type-icon-desktop {
  font-size: 3.3em;
  margin-bottom: 0.2em;
}
span.atom-icon {
  font-size: 1.4em;
}
span.market-name {
  font-size: 1em;
  font-weight: bold;
}
span.market-result {
  font-size: 1em;
}
span.market-date {
  font-size: 0.8em;
  display: block;
  margin: 0px auto;
  text-align: center;
}
span.view_all::after {
  color: #fefefe;
  font-family: 'atomfont';
  font-weight: 900;
  content: "\e10e";
  font-size: 0.9em;
  margin-left: 5px;
}
span.area-phone-code {
  color: #fc0668;
}
span.online {
  display: block;
  height: 10px;
  width: 10px;
  background-color: #08d83f;
  border-radius: 50%;
}
span.offline {
  display: block;
  height: 10px;
  width: 10px;
  background-color: #eb0606;
  border-radius: 50%;
}
span.small-text {
  font-size: 0.7em;
}
span.icon-footer {
  font-size: 1.7em;
  margin-bottom: 0.15em;
}
span.sidebar-menu-offcanvas {
  font-size: 1.5em;
}
span.main-title {
  font-size: 1.7em;
  display: block;
}
span.sub-title {
  font-size: 1em;
}
span.required-symbol {
  font-size: 0.7em;
  color: #eb0606;
}
span.lottery-ball {
  font-size: 1.2em;
  font-weight: 500;
  display: inline-block;
  align-items: center;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
span.copy-button {
  color: #fc0668;
}
span.sidebar-special-icon {
  margin-right: 0.2em;
  font-size: 2.5em;
}
span.running-status {
  color: #fcfcfc;
}
span.cancel-status {
  color: #b30b0b;
}
span.completed-status {
  color: #148a07;
}
span.result-ball-1 {
  background-color: #ff7801;
}
span.result-ball-2 {
  background-color: #d94f24;
}
span.result-ball-3 {
  background-color: #6960ec;
}
span.result-ball-4 {
  background-color: #ffa500;
}
span.result-ball-5 {
  background-color: #437c17;
}
span.result-ball-6 {
  background-color: #ce00ff;
}
span.result-ball-7 {
  background-color: #ff0066;
}
span.result-ball-8 {
  background-color: #0077ff;
}
button {
  outline: none !important;
}
button.sidebar-nav-button {
  color: #fcfcfc;
  font-size: 1.6em;
  background: none;
  border: none;
  padding: 0;
}
button.accordion-button-modified {
  color: #fcfcfc;
  background: #1b1e37;
  font-size: 0.9em;
}
button.accordion-button-modified::after {
  font-size: 1.1em;
  color: #fcfcfc;
  font-family: 'atomfont';
  font-weight: 900;
  content: "\e10e";
  transition: 0.2s ease-in-out;
  margin-left: auto;
}
button.accordion-button-modified:not(.collapsed)::after {
  transform: rotate(90deg) !important;
  transition: 0.2s ease-in-out;
}
button.login-button-desktop {
  height: 32.2px;
  border-radius: 0.25rem;
}
button.close-button {
  color: #fcfcfc;
  font-size: 1.4em;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
button.close-modal-icon {
  color: #fc0668;
}
button.close-modal-icon:hover {
  color: #fc0668;
}
button.logout-button {
  font-size: 0.8em;
  margin-top: 0.8em;
}
button.offcanvas-close-button {
  font-size: 1.4em;
  color: #fcfcfc;
  outline: none;
  background: none;
  border: none;
}
button.logout-desktop-button {
  border-radius: 0.15rem;
}
.customize-offcanvas {
  background: #07071b;
  color: #fcfcfc;
  width: 70% !important;
}
.customize-offcanvas .offcanvas-header button {
  color: #fcfcfc;
}
.customize-offcanvas .offcanvas-header button i {
  font-size: 1em;
}
.user-profile-sidebar {
  background: linear-gradient(to right, #141e30, #121e2c);
  border-bottom: 1px dotted #fcfcfc;
  margin-bottom: 0.8em;
}
.modal-content {
  background: #07071b;
}
.modal-modified .modal-content {
  background: #1b1e37;
  color: #fcfcfc;
}
.modal-modified .modal-content .modal-header {
  border-bottom: 1px dotted #fcfcfc;
}
.modal-modified .modal-content .modal-body {
  font-size: 0.8em;
}
.running-text-section {
  background: #2f3046;
  color: #fefefe;
}
.running-text-section span {
  color: #fc0668;
}
nav.mobile-navbar {
  height: 4em;
  flex-grow: 1;
}
nav.mobile-navbar::after {
  content: "";
}
.main-menu-navigation {
  background: #100f48;
}
.title-section {
  background: #2f3046;
  color: #fefefe;
}
.title-section span {
  font-size: 1.4em;
}
.deposit-title-section {
  background: #0f0f45;
  color: #fefefe;
}
.deposit-title-section span {
  font-size: 1.4em;
  color: #fefefe;
}
.game-thumbnail {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  aspect-ratio: 1.48/1;
  width: 100%;
}
.game-label {
  background: #201c36;
  color: #fefefe;
}
.game-label span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.game-label span.game-name {
  font-size: 0.9em;
}
.game-label span.provider-name {
  font-size: 0.8em;
}
.scroll-container {
  position: relative;
}
.scroll-items-container {
  overflow-x: scroll;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  display: flex;
}
.scroll-items-container > .scroll-item {
  scroll-snap-stop: normal;
  scroll-snap-align: start;
  scroll-margin: 20px;
}
.scroll-item:last-child a.provider-select {
  margin-right: 0;
}
.scroll-controls .btnPrev,
.scroll-controls .btnNext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.scroll-controls .btnPrev {
  left: 0;
  border: none;
}
.scroll-controls .btnNext {
  right: 0;
  border: none;
}
.language-selection {
  border-left: 1px dotted #fcfcfc;
  border-radius: 0;
  margin-left: 1em;
  padding-left: 1em;
}
.language-selection::after {
  font-size: 0.8em;
  color: #fcfcfc;
  font-family: 'atomfont';
  font-weight: 900;
  content: "\e10c";
  margin-left: 0.5em;
}
.lottery-part {
  background: #201c36;
  border-radius: 0.25rem;
  color: #fefefe;
}
.contact-grid {
  text-align: center;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.5em;
  row-gap: 0.5em;
}
.contact-grid span {
  font-size: 1.1em;
  margin-right: 0.5em;
}
.accordion-item {
  background: #1b1e37;
  color: #fcfcfc;
  border: none;
}
.content-area-inner {
  background: #0f0f45;
}
.footer-section {
  font-size: 0.9em;
  background: #07071b;
  color: #fefefe;
}
.footer-nav {
  background: #201c36;
  color: #fefefe;
}
.captcha_code {
  border: 1px solid #fcfcfc;
  border-radius: 0.25rem;
}
.captcha_code span {
  width: 80%;
  font-size: 1.2em;
  font-weight: bold;
}
.promotion-section .promotion-section-inner {
  background: #1d224d;
}
.promotion-section .promotion-section-inner .promotion-title {
  font-size: 1.2em;
}
.promotion-section .col {
  margin-top: 1.8em;
}
.promotion-section .col:first-child {
  margin-top: 0;
}
p.promo-description {
  padding: 0;
  margin: 0;
}
.promo-status-section {
  background: #1d224d;
}
.promo-status-section .date-area {
  width: 18%;
}
.promo-status-section .date-area p {
  padding: 0;
  margin: 0;
}
.promo-status-section .date-area p.promo-date {
  color: #fcfcfc;
  font-weight: bold;
  font-size: 1em;
}
.promo-status-section .date-area p.promo-month {
  color: #fc0668;
  font-size: 0.9em;
}
.promo-status-section .date-area p.promo-year {
  color: #fc0668;
  font-size: 0.8em;
}
table.table-modified tr,
table.table-modified-2 tr {
  border-bottom: 1px dotted #fcfcfc;
}
table.table-modified tr:first-child,
table.table-modified-2 tr:first-child {
  border-top: 1px dotted #fcfcfc;
}
table.table-modified th,
table.table-modified-2 th {
  background: none;
  color: #fcfcfc;
  border: none;
}
table.table-modified td,
table.table-modified-2 td {
  background: none;
  color: #fcfcfc;
  border: none;
}
table.table-modified-2 {
  font-size: 0.8em;
}
table.transfer-dest-table {
  background: none;
}
table.transfer-dest-table th {
  background: none;
  color: #fcfcfc;
  border-bottom: 1px dotted #fc0668;
}
table.transfer-dest-table tr {
  border-left: 1px dotted #fc0668;
  border-right: 1px dotted #fc0668;
}
table.transfer-dest-table tr:first-child {
  border-top: 1px dotted #fc0668;
}
table.transfer-dest-table td {
  background: none;
  color: #fcfcfc;
  border-bottom: 1px dotted #fc0668;
}
table.table-transaction {
  color: #fcfcfc;
  background: none;
  width: 100%;
}
table.table-transaction thead th {
  text-align: center;
  font-size: 0.9em;
  background: none;
  color: #fcfcfc;
  border-top: 1px solid #fcfcfc;
  border-bottom: 1px solid #fcfcfc;
}
table.table-transaction thead th.transaction-date {
  width: 15%;
}
table.table-transaction thead th.transaction-type {
  width: 17%;
}
table.table-transaction thead th.transaction-provider {
  width: 20%;
}
table.table-transaction thead th.transaction-detail {
  width: 18%;
}
table.table-transaction thead th.transaction-credit {
  width: 15%;
}
table.table-transaction thead th.transaction-total {
  width: 15%;
}
table.table-transaction tbody td {
  font-size: 0.8em;
  background: none;
  color: #fcfcfc;
  border-bottom: 1px dotted #fcfcfc;
  vertical-align: middle;
}
table.table-transaction tbody td.has-detail,
table.table-transaction tbody tr.has-detail {
  cursor: pointer;
}
.desktop-menu-area {
  background: #151547;
}
.logout-top-right-section {
  border-left: 1px dotted #fcfcfc;
  border-radius: 0;
  margin-left: 1em;
  padding-left: 1em;
  font-size: 0.9em;
}
.btn {
  border-radius: 0.15rem;
}
.btn-primary {
  background: #04876d;
  color: #fefefe;
  border: 1px solid #04876d;
}
.btn-primary:hover {
  color: #fefefe;
  background: #025a48;
  border: 1px solid #025a48;
}
.btn-secondary {
  background: #f24050;
  color: #fefefe;
  border: 1px solid #f24050;
}
.btn-secondary:hover {
  color: #fefefe;
  background: #971f29;
  border: 1px solid #971f29;
}
.btn-success {
  background: #148a07;
  color: #fefefe;
  border: 1px solid #148a07;
}
.btn-success:hover {
  color: #fefefe;
  background: #083a02;
  border: 1px solid #971f29;
}
.btn-danger {
  background: #b30b0b;
  color: #fefefe;
  border: 1px solid #b30b0b;
}
.btn-danger:hover {
  color: #fefefe;
  background: #800707;
  border: 1px solid #800707;
}
.btn-warning {
  background: #c96b06;
  color: #fefefe;
  border: 1px solid #c96b06;
}
.btn-warning:hover {
  color: #fefefe;
  background: #844603;
  border: 1px solid #844603;
}
.btn-info {
  background: #203795;
  color: #fefefe;
  border: 1px solid #203795;
}
.btn-info:hover {
  color: #fefefe;
  background: #182b75;
  border: 1px solid #182b75;
}
.btn-light {
  background: #1a5e1a;
  color: #fcfcfc;
  border: 1px solid #1a5e1a;
}
.btn-light:hover {
  color: #fcfcfc;
  background: #174d17;
  border: 1px solid #174d17;
}
.btn-dark {
  background: #494848;
  color: #fefefe;
  border: 1px solid #494848;
}
.btn-dark:hover {
  color: #fefefe;
  background: #353434;
  border: 1px solid #353434;
}
.btn-link {
  background: #032f5e;
  color: #fefefe;
  border: 1px solid #032f5e;
}
.btn-link:hover {
  color: #fefefe;
  background: #022245;
  border: 1px solid #022245;
}
.btn-login {
  background: #07891a;
  color: #fcfcfc;
  border: 1px solid #07891a;
}
.btn-login:hover {
  color: #fcfcfc;
  background: #056714;
  border: 1px solid #056714;
}
.btn-logout {
  background: #f5360d;
  color: #fefefe;
  border: 1px solid #f5360d;
}
.btn-logout:hover {
  color: #fefefe;
  background: #cb2e0b;
  border: 1px solid #cb2e0b;
}
.btn-register {
  background: #fc0668;
  color: #fcfcfc;
}
.btn-register:hover {
  color: #fcfcfc;
  background: #ce0455;
}
.btn-outline-primary {
  border: 1px solid #04876d;
  color: #fcfcfc;
  background: none;
}
.btn-outline-primary:hover {
  border: 1px solid #04876d;
  color: #fcfcfc;
  background: #04876d;
}
.btn-outline-secondary {
  border: 1px solid #f24050;
  color: #fcfcfc;
  background: none;
}
.btn-outline-secondary:hover {
  border: 1px solid #f24050;
  color: #fcfcfc;
  background: #f24050;
}
.btn-outline-success {
  border: 1px solid #148a07;
  color: #dcdcdc;
  background: none;
}
.btn-outline-success:hover {
  border: 1px solid #148a07;
  color: #dcdcdc;
  background: #148a07;
}
.btn-outline-danger {
  border: 1px solid #b30b0b;
  color: #dcdcdc;
  background: none;
}
.btn-outline-danger:hover {
  border: 1px solid #b30b0b;
  color: #dcdcdc;
  background: #b30b0b;
}
.btn-outline-warning {
  border: 1px solid #c96b06;
  color: #dcdcdc;
  background: none;
}
.btn-outline-warning:hover {
  border: 1px solid #c96b06;
  color: #dcdcdc;
  background: #c96b06;
}
.btn-outline-info {
  border: 1px solid #203795;
  color: #fcfcfc;
  background: none;
}
.btn-outline-info:hover {
  border: 1px solid #203795;
  color: #fcfcfc;
  background: #203795;
}
.btn-outline-light {
  border: 1px solid #1a5e1a;
  color: #fcfcfc;
  background: none;
}
.btn-outline-light:hover {
  border: 1px solid #1a5e1a;
  color: #fcfcfc;
  background: #1a5e1a;
}
.btn-outline-dark {
  border: 1px solid #494848;
  color: #dcdcdc;
  background: none;
}
.btn-outline-dark:hover {
  border: 1px solid #494848;
  color: #dcdcdc;
  background: #494848;
}
.btn-outline-login {
  border: 1px solid #07891a;
  color: #fcfcfc;
  background: none;
}
.btn-outline-login:hover {
  border: 1px solid #07891a;
  color: #fcfcfc;
  background: #07891a;
}
.btn-outline-register {
  border: 1px solid #fc0668;
  color: #fcfcfc;
  background: none;
}
.btn-outline-register:hover {
  border: 1px solid #fc0668;
  color: #fcfcfc;
  background: #fc0668;
}
.btn-outline-logout {
  border: 1px solid #f5360d;
  color: #fcfcfc;
  background: none;
  text-decoration: none;
}
.btn-outline-logout:hover {
  border: 1px solid #f5360d;
  color: #fcfcfc;
  background: #f5360d;
}
@keyframes heartbeat {
  to {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
  }
}
.heartbeat {
  animation: heartbeat 1s infinite alternate;
}
.available-app-area {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  background: linear-gradient(to right, #141e30, #243b55);
  color: #fefefe;
}
.available-app-area .app-shape .app-shape-top {
  position: absolute;
  top: 100px;
  left: 125px;
}
.available-app-area .app-shape .app-shape-left {
  position: absolute;
  left: 0;
  bottom: 0;
}
.available-app-area .app-img img {
  width: 100%;
  vertical-align: middle;
  border-style: none;
}
.available-app-area .app-shape .app-shape-top {
  position: absolute;
  top: 100px;
  left: 125px;
}
.heartbeat {
  animation: heartbeat 1s infinite alternate;
}
.profile-section-frame {
  border-bottom: 2px dotted #201c36;
}
.profile-section {
  background: linear-gradient(to right, #141e30, #121e2c);
  border: 1px solid #1919a8;
}
.profile-section .profile-section-row1 {
  font-size: 0.8em;
}
.profile-section .profile-section-row1 a {
  text-decoration: none;
  color: #fcfcfc;
}
.profile-section .profile-section-row2 {
  font-size: 1.3em;
  margin: 0.8em 0em;
}
.profile-section .profile-section-row2 span.credit-logo {
  font-size: 0.9em;
  margin-right: 0.5em;
}
.profile-section .profile-section-row2 a {
  text-decoration: none;
  color: #fcfcfc;
}
.profile-section .profile-section-row2 a.credit-link::after {
  color: #fc0668;
  font-family: 'atomfont';
  font-weight: 900;
  content: "\e10e";
  font-size: 0.9em;
  margin-left: 5px;
}
.profile-section .profile-section-row3 a {
  font-size: 0.9em;
}
.profile-section .profile-section-row3 a span {
  font-size: 1.2em;
}
.top-right-section-logged-in {
  background: linear-gradient(to right, #141e30, #121e2c);
  padding: 0.4em 1em;
  border: 1px solid #1919a8;
}
.transaction-history-section a.transaction-history-link {
  font-size: 0.8em;
  text-decoration: none;
  color: #fcfcfc;
}
.transaction-history-section a.transaction-history-link .transaction-history-row {
  background: #1b1e37;
  margin-bottom: 0.8em;
  padding: 0.5em 0em;
}
.balance-move.plus-state {
  color: #2ecc71;
}
.balance-move.minus-state {
  color: #e74c3c;
}
.transaction-table-section {
  background: #1b1e37;
  padding: 0.5em;
}
.navigation-section ul.pagination li.page-item a.page-link {
  text-decoration: none;
  border: 1px solid #fc0668;
  color: #fcfcfc;
  background: none;
}
.navigation-section ul.pagination li.page-item:hover a,
.navigation-section ul.pagination li.page-item.active a {
  color: #fcfcfc;
  background: #fc0668;
  border: 1px solid #fc0668;
}
@media (min-width: 765px) {
  form.login-form {
    width: 560px;
  }
}
@media (min-width: 992px) {
  .contact-grid {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1em;
    row-gap: 1em;
  }
  .contact-grid span {
    font-size: 1.4em;
    margin-right: 0.5em;
  }
  ul.deposit-method-list li {
    padding: 1em;
  }
  .promotion-section .col:first-child,
  .promotion-section .col:nth-child(2) {
    margin-top: 1em;
  }
  .modal-modified .modal-content .modal-body {
    font-size: 0.9em;
  }
  .available-app-area {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  span.main-title {
    font-size: 2.3em;
  }
}
@media (min-width: 992px) and (max-width: 1248px) {
  span.sidebar-special-font {
    font-size: 0.8em;
  }
}
body[template-themes="light"] .modified-textbox,
body[template-themes="light"] .modified-textbox-desktop {
  border: 1px solid #fcfcfc;
}
label.btn-deposit-account {
  text-decoration: none;
  color: #fcfcfc !important;
  display: block;
  border: 1px solid #fcfcfc !important;
}
label.btn-deposit-account:hover,
label.btn-deposit-account.active {
  background: #f24050 !important;
  color: #fefefe !important;
}
.btn-check:checked + .btn-deposit-account {
  background: #f24050 !important;
  color: #fefefe !important;
}
a.btn-deposit-value {
  text-decoration: none;
  color: #fcfcfc !important;
  display: block;
  border: 1px solid #fcfcfc !important;
  background: none;
}
a.btn-deposit-value:hover,
a.btn-deposit-value.active,
a.btn-deposit-value:checked {
  background: #f24050 !important;
  color: #fefefe !important;
}