@import "./loading.less";
@import "./splash.less";
@import "./info.less";
@import "./rules.less";

@mobile   :~"only screen and (max-width: 900px)";
@landscape: ~"only screen and (orientation: landscape)";
@portrait :~"only screen and (orientation: portrait)";

@ui-color-idle  : #d2c16e;
@ui-color-active: #ffbb00;
@ui-color-hover : #e8c051;

@tabs-width: 250px;

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin            : 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

// Targets vi_VN
// We apply it to the universal selector (*) to ensure it hits every element
:lang(vi_VN) *,
[lang="vi_VN"] * {
  font-family: 'robotobold', !important;
}

.noselect,
div,
span,
a,
p,
h1,
h2,
h3,
h4 {
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
}

h1 {
  font-size     : 38px;
  text-align    : center;
  font-family   : sansculottes, sans-serif;
  font-weight   : 300;
  color         : #ffd465;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.submenu-header {
  color: @ui-color-active;
}

.feature-bet-amount,
.title-currency {
  font-size     : 20px;
  font-family   : sansculottes, sans-serif;
  text-transform: uppercase;
  color         : #fff8c6;
  margin        : 20px auto 0 auto;
}

.title-currency {
  margin: 10px auto 0 auto;
}

.INFO .divider {
  height    : 3px !important;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, @ui-color-hover)) !important;
}

.searchButton {
  color: #a3a3a3 !important;
  font: normal normal normal 24px / 1 FontAwesome !important;
}

.settings {

  .replay {
    font-family   : sansculottes, sans-serif;
    font-size     : 38px;
    color         : #a3a3a3;
    text-transform: uppercase;
    padding-top   : 20px;
    padding-bottom: 40px;
    justify-content: center;

    .replay-button {
      color: #a3a3a3 !important;
      font: normal normal normal 24px / 1 FontAwesome !important;
    }
  }

  .content {
    @media @portrait {
      width: 100vw;
    }
    &.INFO{
      .content-block {
  
        &>.divider:first-of-type {
          display: none;
        }
  
        &#mainGameBet {
          &::before {
            display: none;
          }
        }
      }
    }
  }
}