@font-face {
  font-family: 'db_airystd';
  src: url('fonts/db-airy/db-airy-std-v3.2-webfont.woff2') format('woff2'),
       url('fonts/db-airy/db-airy-std-v3.2-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'db_airystd_blk';
  src: url('fonts/db-airy/db-airy-std-bold-v3.2-webfont.woff2') format('woff2'),
       url('fonts/db-airy/db-airy-std-bold-v3.2-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html,
body {
  height: auto;
  /* steven font-family: 'db_airystd';*/
  /* setven font-size: initial !important;*/
}

html {
  min-height: 100vh;
}

body {
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0);
}

.modal-dialog {
  padding-top: env(safe-area-inset-top, 0);
}

input {
/*  font-family: 'db_airystd' !important; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* steven font-family: 'db_airystd_blk'; */
}

.game-info a,
.game-info button {
  /* font-family: 'db_airystd_blk' !important; */
  font-weight: normal;
  letter-spacing: 0.5px;
}

body {
  /*background: url(../images/football-stadium-sm.jpg) no-repeat center center fixed;
    background-size: cover;*/
  background-color: #050c29 !important;
}

.game-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  height: auto;
}

.game-navigation {
  padding: 10px 5px;
  background-color: #021f31;
  padding-top: calc(max(10px, env(safe-area-inset-top, 10px)));
}


.game-navigation i {
  font-size: 0.75rem;
}

.game-navigation::after {
  content: "";
  display: table;
  clear: both;
}

.game-navigation button {
  display: inline-block;
  padding: 4px 8px 4px 8px;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid white;
  font-size: 0.875em;
  color: white;
  cursor: pointer;
  margin-right: 2px;
}

.game-navigation .options {
  float: right;
  display: flex;
  align-items: flex-start;
}

.game-navigation .credits {
  display: inline-block;
  vertical-align: bottom;
  width: 27px;
  margin-right: 10px;
}

.game-navigation .notifications {
  display: inline-block;
  vertical-align: bottom;
  width: 32px;
  position: relative;
  transform: translateY(5px);
  margin-right: 10px;
}

.game-navigation .notifications i {
  font-size: 1.75em;
  color: white;
}

.game-navigation .notifications span span {
  position: absolute;
  right: -4px;
  top: -7px;
}

.game-navigation .avatar {
  display: inline-block;
  vertical-align: top;
  width: 27px;
  height: 27px;
}

.game-navigation .avatar a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.game-navigation .avatar .avatar-badge {
  position: absolute;
  right: -2px;
  top: 1px;
}

.game-navigation .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.game-banner {
  padding-top: 65px;
  max-width: 800px;
  margin: 0 auto 15px auto;
}

.game-banner img {
  display: block;
  width: 100%;
  height: auto;
}

.game-banners-slider {
  padding-top: 65px;
  max-width: 1200px;
  margin: 0 auto 15px auto;
}

.game-banners-slider a {
  display: block;
}

.game-banners-slider img {
  display: block;
  width: 100%;
  height: auto;
}

.game-banners-slider + .game-info {
  padding-top: 0;
}

.game-info {
  max-width: 1200px;
  padding: 0 5px 80px 5px;
  margin: 0 auto;
  padding-top: 65px;
  padding-bottom: calc(max(80px, calc(env(safe-area-inset-top, 0) + 80px)));
}

.game-info.scouting-info {
  max-width: 1350px;
}

.game-info.scouting-info .sub-title {
  margin-bottom: 0;
}

.game-info .row {
  /*margin-left: -15px !important;*/
  /*margin-right: -15px !important;*/
}

.game-info h3 {
  color: white;
  font-size: 2em;
  line-height: 1.25;
  text-align: center;
  padding: 5px;
  font-weight: 500;
  background-color: #148943;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  margin: 0 0 15px 0;
  position: relative;
}

.game-info .page-notification {
  display: inline-block;
  line-height: 1;
  padding: 0;
  border: none;
  background-color: transparent;
  color: white;
  margin-left: 3px;
}

.game-info .page-notification i {
  font-size: 2rem;
}

.game-info .sub-title {
  font-size: 1.3rem;
  /*background: #0088f3;*/
  margin: 15px 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.game-info .sub-title a {
  color: #fff;
  text-decoration: underline;
}

.game-info .experience-items {
  /*border: 1px solid #959ba9;
	border-top-width: 3px;*/
  background-color: white;
}

.game-info .experience-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 2px solid #adafb0;
}

.game-info .experience-item.incomplete {
  background-color: #c2c4c4;
}

.game-info .experience-item .points {
  width: 70px;
  flex: 0 0 70px;
  padding: 20px 5px 20px 15px;
}

.game-info .experience-item .info {
  width: calc(100% - 190px);
  max-width: calc(100% - 190px);
  flex: 0 0 calc(100% - 190px);
  padding: 15px 5px;
}

.game-info .experience-item .reached-xp {
  text-align: center;
  font-weight: 500;
  margin-bottom: 5px;
}

.game-info .experience-item .reached-xp span {
  display: inline;
}

.game-info .experience-item .progress-indicator {
  width: 120px;
  flex: 0 0 120px;
  padding: 5px 15px 10px 0;
}

.game-info .experience-item .completed {
  width: 120px;
  flex: 0 0 120px;
  padding: 10px 15px 10px 0;
  color: #4fba4c;
  text-align: right;
}

.game-info .experience-item .info h5 {
  font-size: 1.125em;
  line-height: 1;
  color: #4fba4c;
  margin: 0 0 5px 0;
}

.game-info .experience-item.incomplete h5 {
  color: black;
  margin-bottom: 0;
}

.game-info .experience-item.current h5 {
  color: #4fba4c;
}

.game-info .experience-item .info p {
  font-size: 0.9375em;
  color: #7c8182;
  margin: 0;
}

.game-info .tab-content h3 {
  padding: 0;
  /*background-color: transparent;*/
  color: #575962;
  box-shadow: none;
  font-size: 1.5rem;
  text-align: left;
  margin: 25px 0 15px 0;
}

.game-info .progress-bar {
  background-color: #158f45;
}

.game-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #0e2432;
  z-index: 100;
  text-transform: uppercase;
}

.game-footer ul {
  display: flex;
  justify-content: flex-start;
  max-width: 1000px;
  padding: 10px;
  list-style-type: none;
  margin: 0 auto;
  padding-bottom: calc(max(10px, env(safe-area-inset-bottom, 10px)));
}

.game-footer ul li {
  width: 20%;
  flex: 0 0 20%;
  padding: 0 5px;
  text-align: center;
  position: relative;
}

.game-footer a {
  color: white;
  font-size: 1rem;
  transition: color 300ms ease;
}

.game-footer li.active a,
.game-footer a:hover {
  color: #00bcd4;
  text-decoration: none;
}

.game-footer span {
  font-size: 1.25rem;
  display: block;
}

.game-footer .menu-badge {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 19px;
  font-size: 0.75rem;
  position: absolute;
  font-weight: 400;
  right: 50%;
  top: 0;
  transform: translateX(-5px);
}

.game-info.credits-popup {
  padding: 0 !important;
}

.game-info.credits-popup .upgrade-item:last-child {
  border: none !important;
}

.game-info .upgrade-items {
  /*border: 1px solid #959ba9;
	border-top-width: 3px;*/
  background-color: white;
}

.game-info .upgrade-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 2px solid #e6e8e6;
}

.game-info .upgrade-item .logo {
  width: 60px;
  flex: 0 0 60px;
  padding: 5px;
}

.game-info .upgrade-item .info {
  width: calc(100% - 170px);
  max-width: calc(100% - 170px);
  flex: 0 0 calc(100% - 170px);
  padding: 15px 5px;
}

.game-info .upgrade-item .notes {
  width: 30px;
  flex: 0 0 30px;
  padding: 0;
}

.game-info .upgrade-item .notes button {
  width: 100%;
  border: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  transform: translateY(1px);
}

.game-info .upgrade-item .notes i {
  font-size: 1.75rem;
}

.game-info .upgrade-item .points {
  width: 40px;
  flex: 0 0 40px;
  padding: 5px;
  text-align: right;
}

.game-info .upgrade-item .shop {
  width: 40px;
  flex: 0 0 40px;
  padding: 5px;
  text-align: center;
}

.game-info .upgrade-item .shop a {
  color: black;
}

.game-info .upgrade-item .logo img {
  display: block;
  width: 100%;
  height: auto;
}

.game-info .upgrade-item .info h5 {
  font-size: 1.125em;
  line-height: 1;
  color: black;
  margin: 0 0 5px 0;
}

.game-info .upgrade-item .info p {
  font-size: 0.9375em;
  color: #7c8182;
  margin: 0;
}

.game-info .game-logo {
  padding-top: 56px;
  max-width: 1000px;
  margin: 0 auto 15px auto;
}

.game-info .game-logo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.game-info .available-leagues {
  margin-bottom: 50px;
}

.game-info .available-league {
  margin-bottom: 15px;
}

.game-info .available-league img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.game-info .league-banners {
  max-width: 800px;
  margin: 0 auto 15px auto;
}

.game-info .league-banners img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.game-info .carousel-item {
  width: 100%;
}

.game-info .carousel-item a {
  display: block;
  width: 100%;
  position: relative;
}

.game-info .m-alert__icon {
  background-color: #ec730b !important;
}

.game-info .m-alert__icon span {
  border-left-color: #ec730b !important;
}

.game-info .game-advertisment {
  text-align: center;
  margin-bottom: 15px;
}

.game-info .game-advertisment img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 992px) {
  .game-banners-slider {
    padding-top: 62px;
  }
}

@media screen and (min-width: 1025px) {
  .game-info.scouting-info .sub-title {
    margin-top: 0;
  }
}

/*-----------------------
    Portlets
-----------------------*/
.m-portlet .m-portlet__head .m-portlet__head-title h3.m-portlet__head-text {
  display: block !important;
  width: 100%;
  text-align: center;
}

/*-----------------------
    Game Data
-----------------------*/
.game-data {
}

.game-data h3 {
  background-color: transparent;
  box-shadow: none;
}

.game-data .m-portlet .m-portlet__head {
  padding-left: 5px;
  padding-right: 5px;
}

.game-data .m-portlet__head-tools {
  padding-top: 6px !important;
}

.game-data .game-banners-slider {
  padding-top: 0;
}

.game-data .data-column {
  overflow: hidden;
}

.game-data .data-column {
  margin-bottom: 15px;
}

.game-data .m-portlet,
.game-data .m-section {
  margin-bottom: 15px;
}

.game-data .m-portlet__body {
  padding: 15px 5px;
}

.game-data .m-portlet__body-inner .m-datatable__pager {
  padding: 5px;
}

.game-data.battle-data .m-datatable__pager {
  /*background-color: white;
	padding: 5px 5px 15px 5px;*/
}

.game-data.battle-data .battle-users-datatable,
.game-data.battle-data .battle-history-datatable {
  background-color: white;
  margin-bottom: 15px;
}

.game-data.battle-data h3 {
  margin-bottom: 10px;
}

.game-data .own_mw_results {
  color: white !important;
  padding-top: 15px !important;
}

.game-data .own_general_results {
  color: white !important;
  padding-top: 15px !important;
}

.game-data .test {
  background-color: rgba(0, 0, 0, 0.3);
  /*margin: 15px 0 !important;*/
}

.game-data .own_battle_general_results {
  color: white !important;
  padding-top: 15px !important;
}

.game-data .own_battle_month_results {
  color: white !important;
  padding-top: 15px !important;
}

.ranking-matchweek-datatable .m-datatable__pager-detail {
  color: white !important;
}

.ranking-general-datatable .m-datatable__pager-detail {
  color: white !important;
}

.ranking-month-battles .m-datatable__pager-detail {
  color: white !important;
}

.ranking-general-battles .m-datatable__pager-detail {
  color: white !important;
}

.sl-datatable .m-datatable__pager-detail {
  color: white !important;
}

.game-data .rankings-wrapper {
  padding: 0;
  background-color: transparent;
}

.game-data.battle-data .rankings-wrapper h3 {
  text-align: center;
}

.game-data .ranking-content-wrapper {
  padding: 5px;
  background-color: white;
}

.game-data .ranking-columns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 2px solid #118c44;
}

.game-data .ranking-columns .ranking-user,
.game-data .ranking-columns .ranking-points {
  padding: 5px;
  font-size: 1rem;
  font-weight: 500;
}

.game-data .ranking-results .ranking-user,
.game-data .ranking-results .ranking-points {
  font-weight: 400;
}

.game-data .ranking-columns.ranking-results {
  background-color: white;
}

.game-data .ranking-columns .ranking-user {
  width: calc(100% - 90px);
  max-width: calc(100% - 90px);
  flex: 0 0 calc(100% - 90px);
}

.game-data .ranking-columns .ranking-user img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: auto;
  margin-right: 5px;
  border-radius: 50%;
}

.game-data .ranking-columns .ranking-points {
  width: 90px;
  flex: 0 0 90px;
}

.game-data .m-portlet .m-form.m-form--fit > .m-portlet__body {
  padding: 15px 5px;
}

.game-data .m-form .m-form__actions {
  padding: 20px 5px;
}

.game-data .m-form .m-form__actions.reduce-spacing {
  padding-left: 0;
}

.game-data .nav-item {
  margin-left: 0;
}

.game-data .table.fixtures {
}

.game-data .empty-result .empty_results {
  display: block;
  width: 100%;
}

.game-data .empty-notifications .m-alert,
.game-data .empty-result .m-alert,
.game-data .challenge-table-wrapper .m-alert {
  width: 100%;
}

.game-data .challenge-table-wrapper {
  /*background-color: white;*/
}

.game-data .container {
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.game-data .row {
  margin-left: -5px;
  margin-right: -5px;
}

.game-data [class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.game-data .tab-content-wrapper {
  margin-left: -5px;
  margin-right: -5px;
}

.game-data.notifications-data .delete-button {
  display: inline-block;
  text-align: center;
  user-select: none;
  padding: 8px 10px;
  font-size: 1rem;
  font-weight: 500;
  color: red;
  border: 2px solid red;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 250ms ease, border-color 250ms ease,
    color 250ms ease;
}

.game-data.notifications-data .datatable-notifications {
  margin-top: 10px;
}

.game-data.notifications-data .datatable-notifications .primary-game-button {
  padding: 4px 8px;
  font-size: 1em;
  margin-top: 5px;
}

.game-data.notifications-data .datatable-notifications .m-checkbox {
  transform: translateY(2px);
  margin-bottom: 0;
}

.game-data.notifications-data .datatable-notifications th:nth-child(1) {
  text-align: left;
}

.game-data.notifications-data .delete-button:hover {
  background-color: red;
  color: white;
  text-decoration: none;
  border-color: #920a0a;
}

.game-data.notifications-data .table tr {
  /*font-weight: 700;*/
  cursor: pointer;
}

.game-data.notifications-data .table th:nth-child(n + 3),
.game-data.notifications-data .table td:nth-child(n + 3) {
  text-align: center;
}

.game-data.league-data .m-datatable4 th:nth-child(3) span,
.game-data.league-data .m-datatable4 td:nth-child(3) span {
  width: 110px !important;
}

.game-data.league-data table {
  width: 100%;
}

.game-data.league-data table .primary-game-button {
  width: 100px;
  max-width: 100px;
  white-space: nowrap;
}

.game-data.league-data .m-form__actions.m-form__actions--solid {
  background: transparent;
}

.game-data.league-data label {
  display: block;
}

.game-data .scouting-datatable-wrapper {
  background-color: white;
}

.game-data .scouting-datatable-wrapper .m-datatable__pager {
  background-color: white;
  padding: 0 5px 15px 5px;
}

.game-data .m-form.m-form--fit .m-form__group {
  padding-top: 0;
}

.game-data .m-form label.col-form-label {
  padding: 0 0 5px 5px;
}

.game-data .m-form .m-form__group:last-child {
  padding-bottom: 15px;
}

.game-data .m-form .zero-padding,
.game-data .m-form .zero-padding:last-child {
  padding: 0;
}

.game-data .superleague-link {
  display: block;
  width: 100%;
  max-width: 70px;
  text-align: center;
  position: relative;
  margin: 0 auto;
}

.game-data .superleague-link .superleague-image {
  display: inline-block;
  width: 100%;
  max-width: 70px;
  height: auto;
}

.game-data .superleague-link .verified-league {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 24px;
  height: auto;
}

.game-data .superleague-link .verified-league + .verified-league {
  position: absolute;
  right: -30px;
  top: -10px;
  width: 24px;
  height: auto;
}

.game-data.profile-data h5 {
  padding: 5px;
  color: white;
  text-align: center;
  font-size: 1rem;
  background: #0088f3;
  margin: 15px 0;
}

.game-data.profile-data .change_email {
  min-width: 80px;
  width: 100%;
  padding: 8px 4px;
}

.game-data.profile-data .change_phone {
  min-width: 80px;
  width: 100%;
  padding: 8px 4px;
}

.game-data.profile-data .radio-group.has-danger {
  margin-bottom: 5px;
}

.game-data.profile-data .radio-group .form-control-feedback {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 200px;
}

.game-data.profile-data .choose-league {
  display: flex;
  justify-content: flex-start;
  max-width: 380px;
}

.game-data.profile-data .choose-league .option:nth-child(1) {
  width: auto;
  flex: 0 0 auto;
  margin-right: 10px;
}

.game-data.profile-data .choose-league .option:nth-child(2) {
  width: auto;
  flex: 1 0 auto;
}

.game-data.profile-data .choose-league button {
  min-width: 100px;
  width: 100%;
}

.profile-data .dataTables_length label,
.profile-data .dataTables_filter label {
  display: block;
  width: 100%;
}

.profile-data .profile-action + .profile-action {
  margin-top: 10px;
}

.profile-data .profile-action button {
  width: 100%;
  max-width: 380px;
}

.feedback-data .primary-game-button,
.profile-data .primary-game-button {
  min-width: 150px;
}

.profile-data .table th:nth-child(n + 2),
.profile-data .table td:nth-child(n + 2) {
  text-align: center;
}

.game-data .league-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 15px 0;
}

.game-data .league-info .league-image {
  width: 100px;
  flex: 0 0 100px;
  margin-right: 10px;
}

.game-data .league-info .league-image img {
  display: block;
  width: 100%;
  height: auto;
}

.game-data .league-info .league-options {
  width: calc(100% - 110px);
  max-width: calc(100% - 110px);
  flex: 0 0 calc(100% - 110px);
  position: relative;
}

.game-data .league-info .league-options .marker {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: auto;
}

.game-data .league-info .league-options h5 {
  display: inline-block;
  font-size: 1.75em;
  position: relative;
  padding-right: 35px;
  margin: 0 0 10px 0;
}

.game-data .league-info .league-options .action {
  max-width: 70px;
  margin: 0 5px 0 0;
}

.game-data .league-options .primary-game-button {
  min-width: 100%;
}

.game-data .league-details .url a {
  word-break: break-all;
}

.game-data .league-details .points {
  margin-bottom: 15px;
}

.game-info .actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}

.game-info .actions .action {
  width: 30.3333%;
  max-width: 80px;
  flex: 0 1 30.3333%;
  margin: 0 5px;
}

.game-info .actions .action a {
}

.game-data .battle-links-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.game-data .battle-links .battle-link {
  width: calc(50% - 5px);
  max-width: calc(50% - 5px);
  flex: 0 0 calc(50% - 5px);
}

.game-data .battle-links .primary-game-button {
  width: 100%;
}

.game-data .league-details .social {
  margin-bottom: 10px;
}

.game-data .social .links a {
  margin-bottom: 5px;
}

.game-data .prize_banner_click img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 110px;
}

.game-data .at-share-btn-elements {
  margin-bottom: 10px;
}

.game-data .sl-general-datatable {
  margin-bottom: 15px;
}

.game-data .prize-unit {
  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
  background-color: #fff;
  margin-bottom: 15px;
}

.game-data .prize-unit .prize-header {
  padding: 10px 5px;
  background-color: #eea200;
}

.game-data .prize-unit h3 {
  color: white;
  font-size: 1.25em;
  line-height: 1;
  text-align: left;
  padding: 0;
  margin: 0;
}

.game-data .prize-unit .prize-header img {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: auto;
  margin-right: 5px;
}

.game-data .prize-unit .prize-info .details {
  padding: 0 5px 10px 5px;
}

.game-data .prize-unit .prize-info img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.game-data .prize-unit .prize-info p:last-child {
  margin-bottom: 0;
}

.game-data .prize-unit .prize-info h2 {
  margin: 25px 0;
}

.game-data .prize-unit .banner-logo a {
  display: block;
  width: 100%;
}

.game-data .m-radio-inline .m-radio {
  display: inline-block;
  vertical-align: middle;
}

.game-data .m-radio-inline label {
  height: 18px;
  margin: 0 15px 0 0;
}

.game-data.battle-data .m-portlet__heading h3 {
  padding: 10px 5px;
  color: black;
  font-size: 1.25rem;
  margin: 0;
}

.game-data.battle-data .m-portlet {
  position: relative;
  background-color: transparent;
}

.game-data .m-ranking-portlet {
  position: relative;
}

.game-data .m-ranking-portlet .m-portlet__heading {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-60%);
}

.game-data .m-ranking-portlet .m-portlet__heading h3 {
  background: transparent;
}

.game-data .m-ranking-portlet .m-portlet__heading h3 {
  padding: 5px;
  margin: 0;
  font-size: 1.25rem;
  color: black;
}

.game-data.battle-data h3.sub-title {
  color: white;
}

.game-data.battle-data .rules h3,
.game-data.battle-data .play-game h3 {
  padding: 10px 5px;
  /*margin: 0;*/
  margin: 10px 0 0 0;
}

.game-data.battle-data .rules-content {
  padding: 10px 5px;
  background-color: white;
}

.game-data.battle-data .rules-content span {
  display: block;
}

.game-data.battle-data .prize-list-wrapper {
  padding: 5px 0 0 0;
  /*background-color: white;*/
}

.game-data.battle-data .m-portlet.diamon-ranking h3 {
  background-color: #4fba4c;
}

.game-data.battle-data .table thead th {
  border-bottom-width: 1px;
}

.game-data.shop-data .m-portlet__heading h3 {
  padding: 10px 5px;
  background-color: #4fba4c;
  color: white;
  font-size: 1.25rem;
  margin: 0;
}

.game-data.battle-data table {
  margin-bottom: 0;
}

/*.game-data.battle-data .m-portlet--diamond .m-portlet__heading h3 {
	background: rgb(149,17,126);
    background: linear-gradient(270deg, rgba(149,17,126,1) 0%, rgba(224,20,112,1) 100%);
}

.game-data .m-portlet--diamond tbody tr:nth-of-type(odd) {
    background-color: #EF6CD9;
}

.game-data .m-portlet--diamond tbody tr:nth-of-type(even) {
    background-color: #F9C8F1;
}

.game-data.battle-data .m-portlet--gold .m-portlet__heading h3 {
	background: rgb(219,143,2);
    background: linear-gradient(270deg, rgba(219,143,2,1) 0%, rgba(249,180,0,1) 100%);
}

.game-data .m-portlet--gold tbody tr:nth-of-type(odd) {
    background-color: #FED88F;
}

.game-data .m-portlet--gold tbody tr:nth-of-type(even) {
    background-color: #FEF2DC;
}

.game-data.battle-data .m-portlet--silver .m-portlet__heading h3 {
	background: rgb(43,52,59);
    background: linear-gradient(270deg, rgba(43,52,59,1) 0%, rgba(111,126,133,1) 100%);
}

.game-data .m-portlet--silver tbody tr:nth-of-type(odd) {
    background-color: #7B8F9D;
}

.game-data .m-portlet--silver tbody tr:nth-of-type(even) {
    background-color: #B6C1C9;
}

.game-data.battle-data .m-portlet--bronze .m-portlet__heading h3 {
	background: rgb(139,114,35);
    background: linear-gradient(270deg, rgba(139,114,35,1) 0%, rgba(199,158,98,1) 100%);
}

.game-data .m-portlet--bronze tbody tr:nth-of-type(odd) {
    background-color: #DFC981;
}

.game-data .m-portlet--bronze tbody tr:nth-of-type(even) {
    background-color: #F3ECD2;
}*/

.game-data .m-toolbar__userpic img {
  display: block;
  width: 50px;
  height: auto;
}

.game-data .m-toolbar__userpic {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.game-data .challenge-users-wrapper {
  padding: 10px 5px;
  background-color: white;
  display: block;
  text-align: right;
}

.game-data .challenge-users-wrapper .m-datatable {
  background-color: white;
}

.game-data .challenge-users-wrapper a {
  margin-bottom: 0;
}

.game-data .challenge-users {
  margin-bottom: 15px;
}

.game-data .challenge-users:hover {
}

.game-data .list_var .m-radio-inline {
  margin-bottom: 15px;
}

.game-data .list-options .option {
  margin-bottom: 15px;
}

.game-data .list-options .option:last-child {
  margin-bottom: 0;
}

.game-data .list-options .option input[type="button"],
.game-data .list-options .option input[type="submit"] {
  min-width: 100px;
}

.game-data.shop-data .m-portlet .m-portlet__body {
  padding: 0;
}

.game-data.shop-data .codapay_iframe {
  display: block;
  width: 100%;
  height: 1000px;
  overflow-y: auto;
}

.game-data .top-players {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.game-data .top-players .top-player {
  width: 50%;
  flex: 1 1 50%;
  text-align: center;
  padding: 0 5px;
  margin-bottom: 20px;
}

.game-data .top-players .player-jersey {
  height: 62px;
  overflow: hidden;
}

.game-data .top-players .player-jersey img {
  display: block;
  width: auto;
  height: 60px;
  margin: 0 auto;
}

.game-data .top-players p {
  margin: 0 0 0.25rem 0;
}

.game-data .top-players .points {
  display: block;
  font-weight: 700;
}

.game-data.dashboard-data .m-accordion__item-body .m-accordion__item-content {
  padding: 20px 5px 5px 5px;
}

.game-data [data-country-option="true"] {
  display: none;
}

.game-data.invites-data .m-portlet {
  background-color: transparent;
}

.game-data.invites-data .m-portlet__body {
  padding: 0;
}

.game-data.invites-data .m-portlet__body .form-group {
  padding-bottom: 0;
}

.game-data.invites-data .list_var {
  padding: 15px 5px 5px 5px;
  background-color: white;
  margin-bottom: 15px;
}

.game-data.invites-data .list_var button {
  display: inline-block;
  width: 100%;
  text-align: center;
  user-select: none;
  padding: 8px 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #f4516c;
  border: 2px solid #f4516c;
  text-align: center;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 250ms ease, border-color 250ms ease,
    color 250ms ease;
}

.game-data.invites-data .list_var button:hover {
  background-color: #f4516c;
  color: white;
  border-color: #bc0b28;
}

.game-data.invites-data .list-options {
  padding: 15px 5px;
  background-color: white;
}

.game-data.invites-data label.has-error span {
  border-color: red;
}

.game-data.invites-data input.has-error {
  border-color: red;
}

.game-data .m-form-edit {
  background-color: white;
}

.game-data [data-wizard-action] {
  margin-top: 15px;
}

.game-data .prize-item-list {
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: 15px;
}

.game-data .prize-item-list.short-list {
  display: flex;
  padding-right: 20%;
}

.game-data .prize-item-list .prize-item {
  padding: 5px;
}

.game-data .prize-item-list .prize-item:focus {
  outline: none;
}

.game-data .prize-item-list.short-list .prize-item {
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
}

.game-data .prize-item-list .prize-info {
  padding: 10px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  height: 100%;
}



.game-data .prize-item-list .prize-info.prize-gold {
  background-color: #f9b91a;
  color: #fff;
}

.game-data .prize-item-list a,
.game-data .prize-item-list button {
  display: block;
  color: #148943;
  position: relative;
  border: none;
  padding: 0;
  width: 100%;
  background-color: transparent;
  cursor: pointer;
  height: 100%;
}

.game-data .prize-item-list .info-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 1em;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #58d110;
  border-radius: 50%;
  color: white;
  text-align: center;
}

.game-data .prize-item-list .info-icon i {
  font-size: 1rem;
}

.game-data .prize-item-list img {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  object-fit: cover;
  height: 290px;
}

.game-data .prize-item-list .prize-gold  img {
  height: 270px;
}

.game-data .prize-item-list h5 {
  font-size: 1.2rem;
  font-weight: 500;
  margin: 0 0 5px 0;
}

.team_datatable th:nth-child(1),
.team_datatable td:nth-child(1) {
  width: 18% !important;
}

.team_datatable th:nth-child(2),
.team_datatable td:nth-child(2) {
  width: 18% !important;
}

.team_datatable th:nth-child(3),
.team_datatable td:nth-child(3) {
  width: 32% !important;
}

.team_datatable th:nth-child(4),
.team_datatable td:nth-child(4) {
  width: 32% !important;
}

.team_datatable th > span,
.team_datatable td > span {
  display: block;
  width: 100% !important;
}

.game-data .league-price-info {
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 20px;
}

.game-data .sl-prizes {
  display: flex;
  flex-wrap: wrap;
}

.game-data .sl-prizes .league-price-info {
  align-items: flex-start;
  flex-wrap: wrap;
}

.game-data .league-price-info .price-image {
  display: block;
  float: left;
  max-width: 56%;
  margin: 0 8px 5px 0;
}

.game-data .league-price-info::after {
  content: "";
  display: table;
  clear: both;
}

.game-data .league-price-info .price-image img {
  width: 100%;
}

.game-data .league-price-info .details h6 {
  margin-bottom: 5px;
}

.game-data .league-price-info .details p {
  margin-bottom: 5px;
}

.game-data.prizes-data .prize-item-list {
  margin-bottom: 0;
}

.game-data.prizes-data p:last-child {
  margin-bottom: 0;
}

.transparent-background {
  /*Portlet with transparent background - prize page*/
  background-color: transparent !important;
}

.transparent-background .special-padding {
  /*Portlet with transparent background - prize page*/
  padding: 0px !important;
}

.game-data.ranking-data .data-column .m-portlet {
  margin-bottom: 0;
}

.game-data.ranking-data .reduce-padding {
  padding-top: 0;
}

.game-back-button {
  font-size: 1em;
  position: absolute;
  left: 10px;
  top: 8px;
  display: none;
}

@media screen and (max-width: 350px) {
  .game-data.notifications-data .table th:last-child,
  .game-data.notifications-data .table td:last-child {
    display: none;
  }
}

@media screen and (max-width: 580px) {
  .game-data.notifications-data .table th:nth-child(2),
  .game-data.notifications-data .table td:nth-child(2) {
    width: 130px !important;
  }

  .game-data .prize-item-list img {
    height: 120px;
  }

  .game-data .prize-item-list .prize-gold img {
    height: 100px;
  }

  .switch-button {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .game-data .history-table .created-at {
    display: none;
    width: 0;
  }

  .game-data .nav.nav-pills .nav-item,
  .game-data .nav.nav-tabs .nav-item {
    margin-left: 0;
  }

  .game-data .nav.nav-pills .nav-item:first-child {
    margin-top: 0;
  }

  .game-data .nav-pills.ranking,
  .game-data .nav-pills.battle-ranking,
  .game-data .nav-pills.help {
    justify-content: space-between;
  }

  .game-data .nav-pills.ranking .nav-item,
  .game-data .nav-pills.battle-ranking .nav-item,
  .game-data .nav-pills.help .nav-item {
    width: calc(50% - 5px);
    max-width: calc(50% - 5px);
    flex: 0 0 calc(50% - 5px);
  }

  .game-data .nav-pills.ranking .nav-item:first-child,
  .game-data .nav-pills.help .nav-item:first-child,
  .game-data .nav-pills.battle-ranking .nav-item:first-child {
    margin-top: 5px;
  }

  .game-data.league-data table th:nth-child(1) span,
  .game-data.league-data table td:nth-child(1) span {
    width: 40px !important;
  }

  .game-data.league-data .m-datatable4 th:nth-child(4) span,
  .game-data.league-data .m-datatable4 th:nth-child(5) span,
  .game-data.league-data .m-datatable4 td:nth-child(4) span,
  .game-data.league-data .m-datatable4 td:nth-child(5) span {
    width: 60px !important;
  }

  .game-data.league-data .m-datatable5 th:nth-child(4) span,
  .game-data.league-data .m-datatable5 th:nth-child(5) span,
  .game-data.league-data .m-datatable5 td:nth-child(4) span,
  .game-data.league-data .m-datatable5 td:nth-child(5) span {
    width: 60px !important;
  }

  .game-data.league-data .m-datatable5 th:nth-child(6),
  .game-data.league-data .m-datatable5 td:nth-child(6) {
    display: none !important;
  }

  .game-data.league-data .m-datatable6 th:nth-child(3) span,
  .game-data.league-data .m-datatable6 th:nth-child(4) span,
  .game-data.league-data .m-datatable6 th:nth-child(5) span,
  .game-data.league-data .m-datatable6 td:nth-child(3) span,
  .game-data.league-data .m-datatable6 td:nth-child(4) span,
  .game-data.league-data .m-datatable6 td:nth-child(5) span {
    width: 60px !important;
  }

  .game-data.battle-data .m-datatable3 th:nth-child(1) span,
  .game-data.battle-data .m-datatable3 td:nth-child(1) span,
  .game-data.battle-data .m-datatable4 th:nth-child(1) span,
  .game-data.battle-data .m-datatable4 td:nth-child(1) span {
    width: 85px !important;
  }

  .game-data.battle-data .battle-history-datatable th:nth-child(2) span,
  .game-data.battle-data .battle-history-datatable td:nth-child(2) span {
    width: 75px !important;
  }

  .game-data.battle-data .m-datatable3 th:nth-child(2) span,
  .game-data.battle-data .m-datatable3 td:nth-child(2) span,
  .game-data.battle-data .m-datatable4 th:nth-child(2) span,
  .game-data.battle-data .m-datatable4 td:nth-child(2) span {
    width: 60px !important;
  }

  .game-data.battle-data .m-datatable4 th:nth-child(3) span,
  .game-data.battle-data .m-datatable4 td:nth-child(3) span {
    width: 70px !important;
  }

  .game-data.battle-data .m-datatable3 th:nth-child(3) span,
  .game-data.battle-data .m-datatable3 td:nth-child(3) span {
    width: 80px !important;
  }

  .game-data.battle-data .m-datatable3 th:nth-child(4) span,
  .game-data.battle-data .m-datatable3 td:nth-child(4) span {
    width: 90px !important;
  }

  .game-data .scouting-datatable th:not(:first-child) span,
  .game-data .scouting-datatable td:not(:first-child) span {
    width: 45px !important;
  }

  .game-data.ranking-data .m-datatable6 th:nth-child(1) span,
  .game-data.ranking-data .m-datatable6 td:nth-child(1) span {
    width: 50px !important;
  }

  .game-data.ranking-data .m-datatable6 th:nth-child(2) span,
  .game-data.ranking-data .m-datatable6 td:nth-child(2) span {
    width: 150px !important;
  }

  .game-data.ranking-data .m-datatable6 th:nth-child(3) span,
  .game-data.ranking-data .m-datatable6 td:nth-child(3) span {
    width: 80px !important;
  }

  .game-data.ranking-data .m-datatable6 th:nth-child(4) span,
  .game-data.ranking-data .m-datatable6 td:nth-child(4) span {
    width: 80px !important;
  }

  .game-data.ranking-data .m-datatable6 th:nth-child(5) span,
  .game-data.ranking-data .m-datatable6 td:nth-child(5) span {
    width: 80px !important;
  }

  .game-data .scouting-datatable img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .game-data.league-data .m-form__group-sub + .m-form__group-sub {
    margin-top: 15px;
  }

  .game-data.invites-data .list_var .m-radio-inline {
    margin-bottom: 10px;
  }

  .game-data.invites-data .list_var .form-group > div {
    margin-bottom: 10px;
  }

  .game-data.invites-data .list_var .form-group > div:last-child {
    margin-bottom: 0;
  }

  .game-data .m-form__group-sub + .m-form__group-sub {
    margin-top: 10px;
  }

  .game-data.notifications-data .table th:nth-child(3),
  .game-data.notifications-data .table td:nth-child(3) {
    width: 80px !important;
  }

  .game-data .league-price-info {
    align-items: flex-start;
  }

  .game-data .league-price-info.sl-banner {
    margin-right: 0;
  }

  .game-data .league-price-info.sl-banner .prize_banner_click img {
    max-height: none;
  }

  .show-golden-league-info {
    top: 100% !important;
    right: -12px !important;
  }

  .game-back-button {
    display: inline-block;
  }
}

@media screen and (max-width: 1024px) {
  .m-stack.m-stack--general.m-stack--ver
    > .m-stack__item.m-stack__item--middle {
    padding-right: 0 !important;
    vertical-align: top !important;
  }
}

@media screen and (min-width: 768px) {
  .game-data .prize-item-list.short-list {
    padding-right: 14.28%;
  }

  .game-data .prize-item-list.short-list .prize-item {
    width: 33.3333%;
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
  }

  .switch-icon {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .game-data .m-form label.col-form-label {
    padding: 12px 5px 5px 5px;
  }

  .game-data .social .links a {
    margin-right: 5px;
  }

  .game-data .prize-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .game-data .prize-list .prize-unit {
    width: calc(50% - 8px);
    max-width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
  }

  .game-data.invites-data .list_var .m-radio-inline {
    padding-top: 6px;
  }

  .game-data .top-players .top-player {
    display: flex;
    justify-content: space-between;
    text-align: left;
  }

  .game-data .top-players .player-jersey {
    width: 50px;
    flex: 0 0 50px;
    margin-right: 10px;
  }

  .game-data .top-players .player-details {
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
    flex: 0 0 calc(100% - 60px);
  }

  .game-data .top-players .player-jersey img {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .game-data.invites-data .list_var {
    padding: 15px 5px;
  }

  .game-data .list_var .m-radio-inline {
    margin-bottom: 0;
  }

  .game-data .league-price-info .price-image {
    max-width: 500px;
  }

  .game-data .nav-pills.battle-ranking {
    justify-content: space-between;
  }

  .game-data .nav-pills.battle-ranking .nav-item {
    width: calc(25% - 5px);
    max-width: calc(25% - 5px);
    flex: 0 0 calc(25% - 5px);
  }
}

@media screen and (min-width: 1025px) {
  .game-data .data-columns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .game-data .data-columns.single-column {
    justify-content: center;
  }

  .game-data .data-column {
    width: calc(50% - 8px);
    max-width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    margin-bottom: 0;
  }

  .game-data .data-column-6 {
    width: calc(60% - 8px);
    max-width: calc(60% - 8px);
    flex: 0 0 calc(60% - 8px);
  }

  .game-data .data-column-4 {
    width: calc(40% - 8px);
    max-width: calc(40% - 8px);
    flex: 0 0 calc(40% - 8px);
  }

  .game-data .data-column-7 {
    width: calc(70% - 8px);
    max-width: calc(70% - 8px);
    flex: 0 0 calc(70% - 8px);
  }

  .game-data .data-column-3 {
    width: calc(30% - 8px);
    max-width: calc(30% - 8px);
    flex: 0 0 calc(30% - 8px);
  }
}

/*-----------------------
    Invites
-----------------------*/
.invite-group > div {
  margin-bottom: 15px;
}

.m-form .invite-group.m-form__group {
  padding-bottom: 0;
  margin-bottom: 15px;
}

.m-form .invite-group.m-form__group:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*-----------------------
    Team Options
-----------------------*/
.team-options {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.team-options .team-option {
  width: calc(33.3333% - 5px);
  max-width: calc(33.3333% - 5px);
  flex: 0 0 calc(33.3333% - 5px);
  background-color: #19a248;
  position: relative;
  padding-bottom: 70px;
  border-radius: 15px;
  margin-bottom: 10px;
  text-decoration: none;
}

.team-options .team-option h5 {
  color: white;
  font-size: 1.25em;
  line-height: 1.25;
  text-align: center;
  padding: 5px;
  font-weight: 500;
  background-color: #18a54a;
  border-bottom: 1px solid black;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin: 0;
}

.team-options .option-info {
  padding: 10px 7px;
}

.team-options .option-info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.team-options .option-info li {
  font-size: 1em;
  line-height: 1.25;
  color: white;
  margin-bottom: 10px;
}

.team-options .option-info li:last-child {
  margin-bottom: 0;
}

.team-options .button {
  display: block;
  padding: 10px 10px;
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  border-radius: 10px;
  background-color: #6ec385;
  color: white;
  text-align: center;
  transition: background-color 250ms ease;
  border: 2px solid #e9e626;
  min-height: 70px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.team-options .button.complete {
  background-color: #ffb822 !important;
}

.team-options .button.complete:hover {
  background-color: #ffbe38 !important;
}

.team-options .button .text {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  padding: 5px 10px;
  transform: translate(-50%, -50%);
  line-height: 1;
}

.team-options .button:hover {
  background-color: #04732a;
  text-decoration: none;
}

.team-options .button .text span {
  display: block;
  color: #e9e626;
}

.team-options .button.activate {
  background-color: #ee2e2e;
}

.team-options .button.activate:hover {
  background-color: #b10707;
}

.team-options p {
  font-size: 1em;
  font-weight: 500;
  color: white;
  text-align: center;
  margin-bottom: 15px;
}

.team-options .coin {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: auto;
  margin-left: 5px;
}

.team-options .new-team-option {
  align-self: flex-start;
  padding-bottom: 20px;
  background-color: #11582e;
}

.team-options .new-team-option h5 {
  background-color: transparent;
}

.team-options .new-team-option .button {
  min-height: 0;
  padding: 5px;
  text-align: center;
  background-color: #ee2e2e;
}

.team-options .new-team-option .button:hover {
  background-color: #b10707;
}

@media screen and (min-width: 768px) {
  .team-options .button {
    font-size: 1em;
  }
}

@media screen and (min-width: 1025px) {
  .team-options .button {
    font-size: 1.25em;
  }

  .team-options .option-info {
    padding: 10px;
  }

  .team-options .option-info li {
    font-size: 1em;
  }

  .team-options .new-team-option {
    padding-bottom: 30px;
  }
}

/*-----------------------
    Weekwinner Info
-----------------------*/
.weekwinner-info {
  width: 270px;
  padding-left: 75px;
  text-align: left;
  position: relative;
  margin: 15px auto;
}

.weekwinner-info .winner-image {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.weekwinner-info .winner-details {
  min-height: 60px;
  padding-top: 12px;
}

.weekwinner-info .winner-details span {
  display: block;
}

.weekwinner-info .winnerpos {
  background-color: #3dad46;
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 100%;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 40px;
}

/*-----------------------
    Responsive Video
-----------------------*/
.video-responsive {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.video-responsive .video-inner {
  padding-bottom: 56.25%;
  overflow: hidden;
}

.video-responsive iframe {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*-----------------------
    No UI
-----------------------*/
.noUi-value {
  margin-top: 10px;
  font-size: 10px;
}

.noUi-handle.noUi-handle-upper {
  background-color: #093b5e !important;
}

.noUi-handle.noUi-handle-lower {
  background-color: #093b5e !important;
}

.noUi-tooltip {
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.m-accordion__item-content.slider-content {
  margin-top: 40px;
}

.m-accordion .m-accordion__item .m-accordion__item-head {
  padding: 1rem 1.5rem;
}

.m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-icon {
  display: inline-block;
  width: 56px;
  text-align: center;
  margin-right: 10px;
}

.m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-title {
  font-size: 1.125rem;
}

/*-----------------------
    Shop Counter
-----------------------*/
.shop-counter-wrapper {
  color: white;
  text-align: center;
  font-size: 1.25rem;
  padding: 0 2px 5px 2px;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  background-color: inherit;
}

.shop-counter-wrapper .shop-counter {
  display: flex;
  justify-content: center;
}

.shop-counter .counter-unit {
  width: 50px;
  flex: 0 0 50px;
  margin: 0 3px;
  text-align: center;
}

.shop-counter .counter-separator {
  display: none;
  width: auto;
  flex: 0 0 auto;
  font-size: 1.5rem;
  font-weight: 700;
}

.shop-counter .counter-unit span {
  display: block;
  width: 100%;
  padding: 3px 2px 1px 2px;
  border: 1px solid #c0c0c0;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1;
  background-image: linear-gradient(to bottom, #44474c, #050506);
  margin-bottom: 2px;
}

.shop-counter .counter-unit h6 {
  font-family: Verdana, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: white;
  text-transform: lowercase;
  margin: 0;
}

/*-----------------------
    Shopping
-----------------------*/
.shopping-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.shopping-links .shopping-link {
  width: auto;
  max-width: none;
  flex: 0 1 auto;
  margin: 0 5px;
}

.shopping-links .shopping-link:nth-child(odd) {
  margin: 0 5px;
}

.shopping-links .shopping-link a {
  display: block;
  width: 100%;
  padding: 8px 5px;
}

.shopping-links .shopping-link img {
  display: block;
  width: 100%;
  height: auto;
}

.shopping-packs {
  /*background-color: white;
    padding: 5px;*/
  margin-bottom: 15px;
}

.shopping-packs .shopping-pack {
  background-color: #107339;
  padding: 15px 15px 5px 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.shopping-packs .shopping-pack.has-discount {
  margin-bottom: 56px;
}

.shopping-packs .league {
  position: relative;
  padding-left: 75px;
  min-height: 55px;
  margin-bottom: 5px;
}

.shopping-packs .league h5 {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  color: white;
  padding-top: 5px;
  margin: 0 0 8px 0;
}

.shopping-packs .league .price {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  color: white;
}

.shopping-packs .league .original {
  position: relative;
  display: inline-block;
  font-size: 0.85em;
  margin-right: 10px;
}

.shopping-packs .league .original::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 48%;
  background-color: red;
}

.shopping-packs .league .current {
  font-size: 1em;
}

.shopping-packs .league .price.has-discount .current {
  display: block;
  color: yellow;
}

.shopping-packs .league img {
  display: inline-block;
  width: 70px;
  height: auto;
  position: absolute;
  left: -5px;
  top: -5px;
}

.shopping-packs .league .buy {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px 20px;
  color: white;
  background-color: #d62929;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  border: 2px solid white;
}

.shopping-packs .included-boosts {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.shopping-packs .included-boosts .boost {
  width: 16.66%;
  min-width: 16.66%;
  flex: 0 0 16.66%;
  position: relative;
  font-size: 1rem;
  color: white;
  font-weight: 500;
}

.shopping-packs .included-boosts .boost .info {
  display: block;
  position: relative;
  text-align: center;
}

.shopping-packs .included-boosts .boost img {
  display: inline-block;
  width: 40px;
  height: auto;
  margin-bottom: 5px;
}

.shopping-packs .included-boosts .boost span {
  display: block;
}

.shopping-packs .shopping-pack form {
  display: block;
  width: 100%;
  position: relative;
}

.shopping-packs .shopping-pack .shop-counter-wrapper {
  transform: translate(-50%, 5px);
  padding: 0 2px 5px 2px;
}

.shopping-packs .starter-packcolor .shop-counter-wrapper {
  background-color: #1e8758;
}

.shopping-packs .gold-packcolor .shop-counter-wrapper {
  background-color: #9e7c28;
}

.shopping-packs .silver-packcolor .shop-counter-wrapper {
  background-color: #666666;
}

.shopping-packs .bronze-packcolor .shop-counter-wrapper {
  background-color: #7b4c1e;
}

.shopping-packs .diamond-packcolor .shop-counter-wrapper {
  background-color: #004a63;
}

.shopping-packs .shopping-pack p {
  display: none;
}

.shopping-packs .pack-image {
  position: relative;
}

.shopping-packs .pack-image a {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.shopping-packs .pack-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.shopping-packs h2 {
  font-size: 1rem;
  color: white;
  line-height: 1.25;
  text-align: left;
  font-weight: 400;

  max-width: 500px;
  margin: 0;
}

.shopping-packs .shopping-pack a {
  /*padding: 10px 10px 10px 20px;*/
  display: block;
  color: white;
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
}

.shopping-boosts .shopping-boost {
  width: 100%;
  position: relative;
  padding: 0 0 0 30px;
  margin-bottom: 10px;
}

.shopping-boosts .shopping-boost.has-discount {
  margin-bottom: 56px;
}

.shopping-boosts .shopping-boost .boost-item {
  padding: 10px 10px 10px 20px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.shopping-boosts .shopping-boost .coins-icon {
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 65px;
  height: auto;
}

.sub-title .coins-icon {
  width: 30px;
  height: auto;
}

.shopping-boosts .shopping-boost .boost-image {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: auto;
}

.shopping-boosts .shopping-boost form {
  display: block;
  border-radius: 10px;
  text-align: left;
  width: 100%;
}

.shopping-boosts .shopping-boost .coins {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  color: white;
  width: 80px;
  flex: 0 0 80px;
}

.shopping-boosts .shopping-boost .coins img {
  display: inline-block;
  width: 20px;
  height: auto;
  transform: translateY(-2px);
  margin-left: 1px;
}

.shopping-boosts .shopping-boost .boost-name {
  width: calc(100% - 220px);
  max-width: calc(100% - 220px);
  flex: 1 1 calc(100% - 220px);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  color: white;
  margin: 0;
}

.shopping-boosts .shopping-boost .coin-icon {
  display: inline-block;
  width: 20px;
  height: auto;
  transform: translateY(-2px);
}

.shopping-boosts .shopping-boost .price .original {
  display: inline-block;
  position: relative;
  font-size: 0.85em;
}

.shopping-boosts .shopping-boost .price .original::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 48%;
  background-color: red;
}

.shopping-boosts .shopping-boost .price span {
  display: block;
}

.shopping-boosts .shopping-boost .price.has-discount .current {
  font-size: 1em;
  color: yellow;
  margin-top: 3px;
}

.shopping-boosts .shopping-boost .info {
  width: 35px;
  flex: 0 0 35px;
  margin-right: 5px;
}

.shopping-boosts .shopping-boost .info button {
  color: white;
  padding: 0;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transform: translateY(2px);
}

.shopping-boosts .shopping-boost .info i {
  font-size: 1.75rem;
}

.shopping-boosts .shopping-boost .buy {
  width: 100px;
  flex: 0 0 100px;
  position: relative;
}

.shopping-boosts .shopping-boost .buy img {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: auto;
  transform: translate(40%, -40%);
}

.shopping-boosts .shopping-boost .buy button,
.shopping-boosts .shopping-boost .buy a {
  display: block;
  width: 100%;
  padding: 5px 10px;
  border-radius: 10px;
  color: white;
  background-color: #d62929;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  border: 2px solid white;
  cursor: pointer;
}

.shopping-boosts .shopping-boost .buy button:hover,
.shopping-boosts .shopping-boost .buy a:hover {
  text-decoration: none;
}

.shopping-coins .shopping-coin {
  width: 100%;
  position: relative;
  padding: 0 0 0 30px;
  margin-bottom: 10px;
}

.shopping-coins .shopping-coin.has-discount {
  margin-bottom: 56px;
}

.shopping-coins .shopping-coin .coins-icon {
  position: absolute;
  left: -34px;
  top: 50%;
  width: 60px;
  height: auto;
  transform: translateY(-50%);
}

.shopping-coins .shopping-coin form {
  border-radius: 10px;
  text-align: left;
  width: 100%;
}

.shopping-coins .shopping-coin .coin-item {
  padding: 10px 10px 10px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.shopping-coins .shopping-coin .coins {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  color: white;
  width: 85px;
  flex: 0 0 85px;
}

.shopping-coins .shopping-coin .coins img {
  display: inline-block;
  width: 20px;
  height: auto;
  transform: translateY(-2px);
  margin-left: 1px;
}

.shopping-coins .shopping-coin .coin-name {
  width: calc(100% - 195px);
  max-width: calc(100% - 195px);
  flex: 1 1 calc(100% - 195px);
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  color: white;
  margin: 0;
}

.shopping-coins .shopping-coin .price .original {
  display: inline-block;
  position: relative;
  font-size: 0.85em;
}

.shopping-coins .shopping-coin .price .original::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 48%;
  background-color: red;
}

.shopping-coins .shopping-coin .price span {
  display: block;
}

.shopping-coins .shopping-coin .price.has-discount .current {
  font-size: 1em;
  color: yellow;
}

.shopping-coins .shopping-coin .info {
  width: 35px;
  flex: 0 0 35px;
  margin-right: 5px;
}

.shopping-coins .shopping-coin .info i {
  font-size: 1.75rem;
}

.shopping-coins .shopping-coin .info button {
  color: white;
  padding: 0;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transform: translateY(2px);
}

.shopping-coins .shopping-coin .buy {
  width: 70px;
  flex: 0 0 70px;
}

.shopping-coins .shopping-coin .buy button,
.shopping-coins .shopping-coin .buy a {
  display: block;
  width: 100%;
  border-radius: 10px;
  padding: 5px 10px;
  color: white;
  background-color: #d62929;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  cursor: pointer;
  text-align: center;
  border: 2px solid white;
}

.shopping-coins .shopping-coin .buy button:hover,
.shopping-coins .shopping-coin .buy a:hover {
  text-decoration: none;
}

.shopping-packs .shopping-pack a:hover {
  text-decoration: none;
}

.game-info .pack-color,
.game-info .starter-color {
  background-color: #3fa435;
}

.game-info .mini-color {
  background-color: #0b88c6;
}

.game-info .medium-color {
  background-color: #004a98;
}

.game-info .large-color {
  background-color: #182859;
}

.game-info .bronze-color {
  background: #966d43; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #966d43 0%,
    #301d0a 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #966d43 0%,
    #301d0a 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #966d43 0%,
    #301d0a 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#966d43', endColorstr='#301d0a',GradientType=1 ); /* IE6-9 */
}

.game-info .silver-color {
  background: #a9a7a3; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #a9a7a3 0%,
    #575b66 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #a9a7a3 0%,
    #575b66 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #a9a7a3 0%,
    #575b66 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a7a3', endColorstr='#575b66',GradientType=1 ); /* IE6-9 */
}

.game-info .gold-color {
  background: #ffc200; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #ffc200 0%,
    #936930 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #ffc200 0%,
    #936930 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #ffc200 0%,
    #936930 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc200', endColorstr='#936930',GradientType=1 ); /* IE6-9 */
}

.game-info .diamond-color {
  background: #a5f2f3; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #a5f2f3 0%,
    #004a98 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #a5f2f3 0%,
    #004a98 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #a5f2f3 0%,
    #004a98 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5f2f3', endColorstr='#004a98',GradientType=1 ); /* IE6-9 */
}

.game-info .champion-color,
.game-info .champignon-color {
  background: #a5f2f3; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #a5f2f3 0%,
    #004a98 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #a5f2f3 0%,
    #004a98 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #a5f2f3 0%,
    #004a98 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5f2f3', endColorstr='#004a98',GradientType=1 ); /* IE6-9 */
}

.game-info .starter-packcolor {
  background-color: #3fa435;
  border: 5px solid #1e8758;
}

.game-info .mini-packcolor {
  background-color: #0b88c6;
  border: 5px solid #004a98;
}

.game-info .medium-packcolor {
  background-color: #004a98;
  border: 5px solid #182859;
}

.game-info .large-packcolor {
  background-color: #182859;
  border: 5px solid #252526;
}

.game-info .bronze-packcolor {
  background: #966d43; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #966d43 0%,
    #301d0a 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #966d43 0%,
    #301d0a 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #966d43 0%,
    #301d0a 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#966d43', endColorstr='#301d0a',GradientType=1 ); /* IE6-9 */
  border: 5px solid #7b4c1e;
}

.game-info .silver-packcolor {
  background: #a9a7a3; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #a9a7a3 0%,
    #575b66 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #a9a7a3 0%,
    #575b66 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #a9a7a3 0%,
    #575b66 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a7a3', endColorstr='#575b66',GradientType=1 ); /* IE6-9 */
  border: 5px solid #666666;
}

.game-info .gold-packcolor {
  background: #ffc200; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #ffc200 0%,
    #936930 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #ffc200 0%,
    #936930 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #ffc200 0%,
    #936930 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc200', endColorstr='#936930',GradientType=1 ); /* IE6-9 */
  border: 5px solid #9e7c28;
}

.game-info .diamond-packcolor {
  background: #a5f2f3; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #a5f2f3 0%,
    #004a98 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #a5f2f3 0%,
    #004a98 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #a5f2f3 0%,
    #004a98 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5f2f3', endColorstr='#004a98',GradientType=1 ); /* IE6-9 */
  border: 5px solid #004a63;
}

.game-info .champion-packcolor,
.game-info .champignon-packcolor {
  background: #a5f2f3; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #a5f2f3 0%,
    #004a98 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #a5f2f3 0%,
    #004a98 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #a5f2f3 0%,
    #004a98 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5f2f3', endColorstr='#004a98',GradientType=1 ); /* IE6-9 */
  border: 5px solid #004a63;
}

@media screen and (max-width: 374px) {
  .shopping-links.discount-exists .shopping-link {
    width: calc(50% - 5px);
    max-width: calc(50% - 5px);
    flex: 0 1 calc(50% - 5px);
    margin: 0 0 10px 0;
  }

  .shopping-links.discount-exists .shopping-link:nth-child(odd) {
    margin-right: 10px;
  }
}

@media screen and (min-width: 500px) {
  .shopping-links .shopping-link {
    width: calc(25% - 5px);
    max-width: 95px;
    flex: 0 1 calc(25% - 5px);
    margin: 0 5px;
  }

  .shopping-links .shopping-link:nth-child(odd) {
    margin: 0 5px;
  }
}

@media screen and (min-width: 768px) {
  .shopping-boosts .shopping-boost .boost-name {
    /*font-size: 1.25em;*/
  }

  .shopping-coins .shopping-coin .coin-name {
    /*font-size: 1.25em;*/
  }

  .shopping-coins .shopping-coin .price span {
    /*display: inline-block;*/
  }

  .shopping-boosts .shopping-boost .price span {
    /*display: inline-block;*/
  }
}

/*-----------------------
    Choose Team Options
-----------------------*/
.choose-team-options {
  margin-bottom: 15px;
}

.choose-team-options .choose-team-option {
  background-color: white;
  position: relative;
  border-bottom: 1px solid #cfcfcf;
}

.choose-team-options .choose-team-option.selected {
  background-color: #f4f4f4;
}

.choose-team-options .choose-team-option a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 7px 10px 6px 10px;
  color: black;
  font-size: 1rem;
  position: relative;
}

.choose-team-options .choose-team-option a:hover {
  text-decoration: none;
}

.choose-team-options .choose-team-option .team-image {
  width: 50px;
  flex: 0 0 50px;
}

.choose-team-options .choose-team-option .team-name {
  width: calc(100% - 100px);
  max-width: calc(100% - 100px);
  flex: 0 0 calc(100% - 100px);
  padding: 5px 10px;
  font-weight: 400;
  margin: 0;
}

.choose-team-options .choose-team-option .indicator {
  opacity: 0;
  width: 50px;
  flex: 0 0 50px;
}

.choose-team-options .choose-team-option.selected .indicator {
  opacity: 1;
}

.choose-team-options .choose-team-option i {
  font-size: 1.5rem;
  color: #0f8223;
}

.choose-team-options .choose-team-option img {
  display: block;
  width: 100%;
  height: auto;
}

.choose-team-options .save-choices {
  margin: 15px 0 0 0;
}

/*-----------------------
    Nav Pills
-----------------------*/
.nav .nav-item .nav-link {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #4fba4c;
  border: 2px solid #4fba4c;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
  letter-spacing: 0.5px;
  /* steven font-family: 'db_airystd' !important; */
  transition: background-color 250ms ease, border-color 250ms ease,
    color 250ms ease;
}

.nav .nav-item .nav-link.nav-gold {
  border: 2px solid #f9d625;
  color: #dec340;
}

.nav .nav-item .nav-link.nav-gold:hover,
.nav .nav-item .nav-link.nav-gold.active {
  background-color: #f9b91a !important;
  border: 2px solid #f9d625;
}

.en-page .nav .nav-item .nav-link {
  font-size: 1.125rem;
}

.nav .nav-item .nav-link:hover,
.nav .nav-item .nav-link.active {
  background-color: #4fba4c;
  color: white;
  text-decoration: none;
  border-color: #178c13;
}

/*-----------------------
    Primary Game Button
-----------------------*/
.primary-game-button {
  display: inline-block;
  text-align: center;
  user-select: none;
  padding: 7px 7px;
  font-size: 1rem;
  font-weight: 500;
  color: #4fba4c;
  border: 2px solid #4fba4c;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
  /* steven font-family: 'db_airystd'; */
  transition: background-color 250ms ease, border-color 250ms ease,
    color 250ms ease;
}

.en-page .primary-game-button {
  font-size: 1.125rem;
}

.fb-game-button {
  display: inline-block;
  text-align: center;
  user-select: none;
  padding: 8px 10px;
  font-size: 1.125rem;
  font-weight: 500;
  color: white;
  border: 2px solid #384d75;
  background-color: #375897;
  border-radius: 10px;
  cursor: pointer;
  /* steven font-family: 'db_airystd'; */
  transition: background-color 250ms ease, border-color 250ms ease,
    color 250ms ease;
  margin-bottom: 10px;
}

.instagram_click {
  color: #4fba4c !important;
}

.instagram_click:hover {
  color: white !important;
}

.active > .primary-game-button,
.primary-game-button.active,
.primary-game-button:hover {
  background-color: #4fba4c;
  color: white;
  text-decoration: none;
  border-color: #178c13;
}

.primary-game-button i {
  transform: translateY(2px);
}

.secondary-game-button {
  display: inline-block;
  text-align: center;
  user-select: none;
  padding: 7px 7px;
  font-size: 1rem;
  font-weight: 500;
  color: #efa703;
  border: 2px solid #efa703;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
  /* steven font-family: 'db_airystd'; */
  transition: background-color 250ms ease, border-color 250ms ease,
    color 250ms ease;
}

.en-page .secondary-game-button {
  font-size: 1.125rem;
}

.th-page .secondary-game-button {
	font-family: "tlhalftimeregular";
}

.active > .secondary-game-button,
.secondary-game-button:hover {
  background-color: #ffb822;
  color: white;
  text-decoration: none;
  border-color: #af7a0b;
}

/*-----------------------
    Sweet Alert Adjustments
-----------------------*/
.swal2-popup {
  padding: 0;
  border-radius: 15px;
  border: 3px solid white;
}

.swal2-popup .swal2-header {
  display: block;
  position: relative;
  padding: 5px;
  text-align: center;
  background-color: #118226;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.swal2-container .swal2-icon {
  display: none !important;
}

.swal2-popup .swal2-title {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.2;
  color: white;
  margin: 0;
}

.swal2-popup .swal2-close {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: none;
  background-color: white;
  border-radius: 50%;
  color: black;
  padding: 0;
  opacity: 1;
  margin: 0;
  right: -5px;
  top: -5px;
}

.swal2-popup .swal2-close:hover {
  color: black;
}

.swal2-popup .swal2-content {
  padding: 20px;
  background-color: white;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.swal2-popup .swal2-content a {
  display: block;
}

.swal2-popup .swal2-actions {
  padding-bottom: 15px;
}

.swal2-popup .swal2-actions .swal2-styled.swal2-confirm {
  min-width: 100px;
  padding: 8px 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #4fba4c;
  border: 2px solid #4fba4c !important;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
}

.swal2-popup .swal2-actions .swal2-styled.swal2-confirm:hover {
  background-color: #4fba4c;
  color: white;
  text-decoration: none;
  border-color: #178c13 !important;
}

.swal2-popup .swal2-actions .swal2-styled.swal2-cancel {
  min-width: 100px;
  padding: 8px 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #ffb822;
  border: 2px solid #ffb822 !important;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
}

.swal2-popup .swal2-actions .swal2-styled.swal2-cancel:hover {
  background-color: #ffb822;
  color: white;
  text-decoration: none;
  border-color: #af7a0b !important;
}

/*-----------------------
    Player Possible Actions
-----------------------*/
.player-possible-actions {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 0 4px;
}

.player-possible-actions > a {
  font-size: 0.875rem;
  flex: 1 1 auto;
  margin: 0 7px 15px 7px;
}

/*-----------------------
    Create Team Options
-----------------------*/
.create-team-options {
  padding: 10px 5px;
  background-color: #0f8223;
  margin: 15px 0;
}

.create-team-options .create-team-option {
  margin-bottom: 15px;
}

.create-team-options h5 {
  color: white;
}

.create-team-options .create-team-option:last-child {
  margin-bottom: 0;
}

.create-team-filters .filter-option {
  margin-bottom: 10px;
}

.create-team-filters .filter-option.price-option {
  padding: 0 10px;
}

.create-team-filters label {
  display: block;
  font-size: 1.25rem;
  color: white;
}

.create-team-filters .price-label {
  display: block;
  margin-bottom: 30px;
}

.create-team-filters .m-nouislider {
  transform: translateX(4px);
}

/*-----------------------
    Avatar
-----------------------*/
.avatar .camera {
  display: none;
}

.avatar:hover .camera {
  display: block;
}

/*-----------------------
    Avatar Form
-----------------------*/
.avatar-form .avatar {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #f6f6f6;
  cursor: pointer;
  border: 1px solid #ccc;
}

.avatar-form .embed-avatar {
  display: block;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.avatar-form .img-avatar {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.avatar-form .camera {
  width: 100%;
  height: 100%;
  z-index: 9999;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #f0f0f0;
  opacity: 0.5;
  padding: 0;
  padding-top: 43%;
}

/*-----------------------
    Counter
-----------------------*/
.counter {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  padding: 5px;
  margin-bottom: 15px;
}

.counter .end-of-season {
  color: white;
  padding: 5px;
  font-size: 1em;
  margin: 0;
}

.counter .top-bar-counter {
  display: block;
  width: 100%;
  text-align: left;
}

.counter .clock-wrapper {
  display: block;
  color: white;
  font-size: 1.5em;
  font-weight: 400;
  text-align: center;
}

.counter .m-menu__link-text strong {
  display: block;
  margin-bottom: 5px;
}

.counter .m-menu__link-title {
  color: white;
}

.counter .countdown {
  display: block;
  width: 100%;
}

.counter .timeTo {
  height: 40px;
}

/*-----------------------
    Matchweek Details
-----------------------*/
.matchweek-details {
  background-color: black;
  display: flex;
  justify-content: flex-start;
}

.matchweek-details .details-item {
  width: auto;
  flex: 1 1 auto;
  font-size: 1rem;
  line-height: 1.25;
  color: white;
  text-align: center;
  padding: 10px 5px;
}

.matchweek-details .details-item span {
  display: block;
}

/*-----------------------
    Menu Navigation
-----------------------*/
.menu-navigation-wrapper {
  background-color: white;
}

.menu-nav {
  padding: 0 20px;
  margin: 0;
  list-style-type: none;
}

.menu-nav li {
  position: relative;
  padding: 13px 0 13px 50px;
  min-height: 36px;
  border-bottom: 1px solid #c4c5d6;
}

.menu-nav li:last-child {
  border-bottom: none;
}

.menu-nav li img {
  position: absolute;
  width: 40px;
  height: auto;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.menu-nav li a {
  display: block;
  font-size: 1.25rem;
  line-height: 1;
  padding: 6px 0 4px 0;
  color: black;
  text-decoration: none;
}

.menu-nav li.active a,
.menu-nav li a:hover {
  color: #5b6ac1;
}

.menu-nav li span {
  display: inline-block;
  position: relative;
}

.menu-nav li .battles-badge {
  line-height: 22px;
  min-height: 22px;
  min-width: 22px;
  font-weight: 700;
  transform: translateY(-2px);
}

/*-----------------------
    Notification Badge
-----------------------*/
.notification-badge {
  background: red;
  color: white;
  font-size: 0.8rem;
  line-height: 20px;
  min-height: 20px;
  min-width: 20px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  padding: 0;
  border-radius: 50%;
}

/*-----------------------
    Information Modal
-----------------------*/
.information-modal {
  
}

.information-modal .modal-content {
  border-radius: 15px;
  border: 3px solid white;
}

.information-modal .modal-content .modal-header {
  padding: 5px 18px;
  text-align: center;
  background-color: #118226;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  justify-content: center;
  border: none;
}

.information-modal .modal-content .modal-header.modal-gold {
  background-color: #f9ba1a;
}

.information-modal .modal-header .fa-clock {
  transform: translateY(-2px);
}

.information-modal .modal-header button.close {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: none;
  background-color: white;
  border-radius: 50%;
  color: black;
  padding: 0;
  opacity: 1;
  margin: 0;
  right: -5px;
  top: -5px;
}

.information-modal .modal-header button::before {
  position: relative;
  top: 3px;
}

.information-modal .modal-header button.close:hover,
.information-modal .modal-header button.close:focus {
  opacity: 1;
}

.information-modal .modal-header button span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  font-size: 1.25rem;
  line-height: 1;
}

.information-modal h5 {
  font-weight: 500;
  font-size: 1.5rem;
  color: white;
  margin: 0;
}

.information-modal h5.highlight-title {
  color: #575962;
  margin-bottom: 5px;
}

.information-modal .modal-content .modal-body {
  background-color: white;
  border-radius: 10px;
  padding: 0;
}

.information-modal .modal-body img {
  display: block;
  max-width: 240px;
  height: auto;
  margin: 0 auto;
  max-height: 70vh;
  object-fit: contain;
}

.information-modal .info {
  padding: 20px;
}

.information-modal .info.team-info {
  padding: 5px 0;
}

.information-modal .info.change-info {
  padding: 15px 5px 5px 5px;
}

.information-modal .info.change-info .row {
  margin: 0;
}

.information-modal .info.change-info [class^="col"] {
  padding: 0;
}

.create-team-modal .info,
.transfers-modal .info {
  padding: 10px 5px;
  background-color: #4fba5d;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.information-modal .info.player-info {
  padding: 15px 0;
}

.th-page .information-modal .info.player-info {
	
}

.information-modal p {
  font-size: 1rem;
  line-height: 1.5;
}

.information-modal .info p.outline {
  font-weight: 700;
  color: #118226;
  margin: 0;
}

.create-team-modal .modal-content .modal-body,
.transfers-modal .modal-content .modal-body {
  max-height: 500px;
  overflow-y: auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.create-team-modal .m-datatable__pager {
  padding: 5px;
  background-color: white;
}

.create-team-modal .available-coins {
  background-color: #84ca97;
  padding: 10px 5px 10px 15px;
  text-align: left;
}

.create-team-modal .available-coins img {
  display: inline-block;
  width: 19px;
  height: auto;
}

.superpowers-modal .info {
  padding: 5px 0 0 0;
}

.superpowers-modal .modal-header {
  display: block;
  text-align: left;
}

.superpowers-modal .modal-header h5 {
  position: relative;
  padding-left: 55px;
  text-align: left;
  color: yellow;
}

.superpowers-modal .modal-header h5 span {
  display: block;
  color: white;
}

.superpowers-modal .modal-header img {
  display: block;
  width: 45px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 992px) {
  .information-modal .info.change-info label {
    margin-top: 7px;
  }
}

@media screen and (min-width: 1600px) {
  body {
    /*background-image: url('../images/football-stadium-lg.jpg');*/
  }
}

/*-----------------------
    Quick Pick
-----------------------*/
.quick-pick button,
.prepare-teams button,
.prepare-teams a,
.quick-pick a {
  display: block;
  width: 100%;
  padding: 7px 10px;
  border: none;
  font-weight: 500;
  background-color: #ffb822;
  color: black;
  cursor: pointer;
  font-size: 1.5rem;
  text-decoration: none;
  border: 2px solid #bc8000;
  border-radius: 10px;
}

#manage_team .team-football-wrapper .quick-pick button,
#manage_team .team-football-wrapper .quick-pick a {
  margin-bottom: 10px;
}

/*.quick-pick button:hover,
.quick-pick a:hover {
	background-color: #118226;
}*/

/*-----------------------
    Player Details
-----------------------*/
.superpower-options .superpower-option {
  border-bottom: 3px solid #118c44;
}

.superpower-options .superpower-option:last-child {
  border-bottom: none;
}

.superpower-options .superpower-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.superpower-options .notes {
  width: 40px;
  flex: 0 0 40px;
  padding: 0;
  text-align: center;
}

.superpower-options .notes button {
  width: 100%;
  border: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  transform: translateY(1px);
  cursor: pointer;
}

.superpower-options .notes i {
  color: black;
  font-size: 1.75rem;
}

.superpower-options .category {
  width: calc(100% - 170px);
  max-width: calc(100% - 170px);
  flex: 0 0 calc(100% - 170px);
  padding: 5px 5px 7px 5px;
}

.superpower-options .category h6 {
  font-size: 2rem;
  margin: 0;
}

.superpower-options .category h6 span {
  display: block;
  font-size: 0.75em;
}

.superpower-options .activate {
  width: 130px;
  flex: 0 0 130px;
  text-align: center;
}

.superpower-options .activated-superpower i {
  font-size: 3rem;
  line-height: 1;
  color: red;
}

.superpower-options .activated-superpower[data-selected-players="1"] i {
  color: #dede0b;
}

.superpower-options .activated-superpower[data-selected-players="2"] i {
  color: #ffb822;
}

.superpower-options .activated-superpower[data-selected-players="3"] i {
  color: #118c44;
}

.superpower-options .activate button {
  display: inline-block;
  width: 100%;
  padding: 7px 10px;
  border-radius: 10px;
  border: none;
  background-color: white;
  color: red;
  font-weight: 700;
  border: 2px solid red;
  cursor: pointer;
  font-size: 1.125em;
}

.superpower-options .activate button.active {
  color: #118c44;
  border-color: #118c44;
}

.superpower-options .chosen-players {
  background-color: #c6c9c8;
}

.superpower-options .superpower-option:last-child .chosen-players {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.superpower-options .chosen-players .player {
  padding: 10px 10px 10px 40px;
  border-bottom: 1px solid gray;
}

.superpower-options .chosen-players .player:last-child {
  border-bottom: none;
}

.superpower-options .chosen-players button {
  display: block;
  width: 100%;
  padding: 3px 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  text-align: left;
}

.superpower-options .chosen-players button span {
  color: red;
  font-weight: 700;
}

.superpower-options .add-a-player-wrapper {
  position: relative;
}

.superpower-options .add-a-player {
  display: block;
  width: 100%;
  padding: 5px 10px 5px 40px;
  color: white;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #4fba4c;
  border: none;
  text-align: left;
  cursor: pointer;
}

.superpower-options .add-a-player i {
  transform: translateY(1px);
}

.superpower-options .add-a-player-wrapper .player-list {
  display: none;
  position: absolute;
  top: calc(100% + 25px);
  left: 0;
  width: 100%;
  padding: 10px 5px 10px 40px;
  list-style-type: none;
  background-color: white;
  border: 2px solid #4fba4c;
  margin-bottom: 0;
  z-index: 10;
}

.superpower-options .add-a-player-wrapper .player-list::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 40px;
  top: -20px;
  border-bottom: 20px solid #4fba4c;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.superpower-options .add-a-player-wrapper .player-list.show {
  display: block;
}

.superpower-options .add-a-player-wrapper .player-list li {
	
}

.superpower-options .add-a-player-wrapper .player-list button {
  cursor: pointer;
  padding: 10px 0;
  color: black;
  font-weight: 700;
  background-color: transparent;
  border: none;
}

.superpower-options .add-a-player-wrapper .player-list button[disabled] {
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
}

/*-----------------------
    Player Details
-----------------------*/
.player-details .transfer-player {
  margin-bottom: 10px;
}

.player-details .personal {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.player-details .personal .jersey {
  width: calc(50% - 8px);
  max-width: calc(50% - 8px);
  flex: 0 0 calc(50% - 8px);
  position: relative;
}

.player-details .personal .jersey img {
  display: block;
  max-width: 100%;
  height: auto;
}

.player-details .personal .jersey .points-badge {
  display: inline-block;
  padding: 5px;
  font-size: 1.25rem;
  border-radius: 0.75rem;
  position: absolute;
  text-align: center;
  right: 5%;
  top: 5px;
  color: white;
}

.player-details .personal .jersey .points-badge.negative {
  background-color: red;
}

.player-details .personal .jersey .points-badge.positive {
  background-color: #4fba4c;
}

.player-details .personal .details {
  width: calc(50% - 8px);
  max-width: calc(50% - 8px);
  flex: 0 0 calc(50% - 8px);
  text-align: left;
}

.player-details ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.player-details ul li {
  margin-bottom: 5px;
}

.player-details .player-name {
  font-size: 1.25rem;
}

.player-details .statistics {
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
}

.player-details .statistics-column {
  width: calc(50% - 8px);
  max-width: calc(50% - 8px);
  flex: 0 0 calc(50% - 8px);
}

/*-----------------------
    Bootstrap Customization
-----------------------*/
.modal-dialog {
  margin: 60px 5px 5px 5px;
}

.modal-dialog.modal-dialog-centered {
  margin: 15px 5px;
  min-height: calc(100% - 30px);
}

.modal-dialog.modal-dialog-centered::before {
  display: none;
}

.nav.nav-pills,
.nav.nav-tabs {
  margin-bottom: 15px;
}

.mbsc-control {
  display: block;
  width: 100%;
  height: calc(2.95rem + 2px);
  padding: 0.85rem 1.15rem;
  font-size: 1rem;
  line-height: 1.25;
  border: 1px solid #ebedf2;
  color: #575962;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #fff;
  background-clip: border-box;
  background-image: url("../images/icons/arrow-down.png");
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-position: 100% 50%;
}

.information-modal .modal-body img {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
}

@media screen and (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
  }

  .modal-dialog.modal-dialog-centered {
    margin: 5px auto;
  }

  .information-modal .modal-body img {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
  }
}

/*-----------------------
    Popovers
-----------------------*/
.popover {
  border-radius: 15px;
  border: 3px solid white;
  min-width: 260px;
}

.popover .popover-header {
  padding: 5px 18px;
  text-align: center;
  background-color: #118226;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-weight: 500;
  font-size: 1.25rem;
  color: white;
  margin: 0;
}

.popover .popover-body {
  padding: 8px 10px;
  font-size: 1rem;
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^="bottom"] .arrow {
  top: -10px;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  top: -1px;
}

.popover .popover-header .close {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: none;
  background-color: white;
  border-radius: 50%;
  color: black;
  padding: 0;
  opacity: 1;
  margin: 0;
  right: -5px;
  top: -5px;
  text-indent: 100px;
  overflow: hidden;
  background: url("../images/close-popup.png") no-repeat 50% 50% white;
  background-size: 14px auto;
}

.popover .popover-header .close:hover {
  opacity: 1;
}

.popover .popover-navigation button {
  padding: 5px 7px;
  font-size: 0.9375rem;
}

.popover .popover-navigation button[disabled] {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
  color: black;
}

.popover[class*="tour-"] {
  z-index: 200 !important;
}

/*-----------------------
    DataTables
-----------------------*/
.data-table-option {
  margin-bottom: 15px;
}

.table th,
.table td {
  padding: 12px 5px;
}

.create-team-modal
  .m-datatable--default
  > .m-datatable__table
  > .m-datatable__body
  .m-datatable__row.m-datatable__row--even
  > .m-datatable__cell {
  background-color: #c3e2cf;
}

.m-datatable.m-datatable--default
  > .m-datatable__table
  > .m-datatable__head
  .m-datatable__row
  > .m-datatable__cell,
.m-datatable.m-datatable--default
  > .m-datatable__table
  > .m-datatable__body
  .m-datatable__row
  > .m-datatable__cell,
.m-datatable.m-datatable--default
  > .m-datatable__table
  > .m-datatable__foot
  .m-datatable__row
  > .m-datatable__cell {
  padding: 12px 5px;
}

.m-datatable.m-datatable--default
  > .m-datatable__table
  > .m-datatable__head
  .m-datatable__row
  > .m-datatable__cell
  > span,
.m-datatable.m-datatable--default
  > .m-datatable__table
  > .m-datatable__body
  .m-datatable__row
  > .m-datatable__cell
  > span,
.m-datatable.m-datatable--default
  > .m-datatable__table
  > .m-datatable__foot
  .m-datatable__row
  > .m-datatable__cell
  > span {
  overflow: visible;
}

.game-info .m-form.m-form--fit .m-form__content,
.game-info .m-form.m-form--fit .m-form__heading,
.game-info .m-form.m-form--fit .m-form__group {
  padding-left: 0;
  padding-right: 0;
}

.game-info .m-form__group-reduce {
  padding-top: 0;
}

.game-info .coins-left {
  padding: 10px 5px;
  background-color: white;
  margin-bottom: 15px;
}

.game-info .coins-left img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: auto;
  margin-right: 5px;
}

@media screen and (min-width: 768px) {
  .data-table-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }

  .data-table-options.two-options .data-table-option {
    width: calc(50% - 7px);
    max-width: calc(50% - 7px);
    flex: 0 0 calc(50% - 7px);
    margin-bottom: 0;
  }

  .data-table-options.three-options .data-table-option {
    width: calc(33.3333% - 10px);
    max-width: calc(33.3333% - 10px);
    flex: 0 0 calc(33.3333% - 10px);
    margin-bottom: 0;
  }
}

/*-----------------------
    Backstretch
-----------------------*/
.backstretch {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.backstretch .stadium {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: 120%;
  max-height: 120%;
  transform: translateX(-50%);
}

.backstretch .stadium-md {
  display: none;
}

.backstretch .stadium-lg {
  display: none;
}

@supports (object-fit: cover) {
  .backstretch.thai .stadium {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    max-width: none;
    max-height: none;
    min-width: 100%;
    min-height: 100%;
  }
}

@media screen and (min-width: 768px) {
  .backstretch .stadium-sm {
    display: none;
  }

  .backstretch .stadium-md {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .backstretch .stadium-md {
    display: none;
  }

  .backstretch .stadium-lg {
    display: block;
  }
}

/* Blog Posts */
.blog-items .blog-item {
  background-color: white;
  margin-bottom: 30px;
}

.blog-items .blog-image {
  margin-bottom: 20px;
}

.blog-items .blog-image a {
  display: block;
  width: 100%;
}

.blog-items .blog-image img {
  display: block;
  width: 100%;
  height: auto;
}

.blog-items .blog-entry-title {
  padding: 0 15px;
}

.blog-items .blog-item h2 a {
  display: block;
  min-height: 66px;
  color: inherit;
}

.blog-entry-meta {
  padding: 0 15px;
}

.blog-entry-meta ul {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.blog-entry-meta ul li {
  font-size: 1.25rem;
  color: #333;
  margin-right: 15px;
}

.blog-entry-meta i {
  font-size: 1.25rem;
}

.blog-entry-meta a {
  color: #333;
}

.blog-entry-content {
  padding: 0 15px 15px 15px;
}

.blog-entry-content p {
  font-size: 1rem;
  margin: 0 0 20px 0;
}

.blog-entry-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.blog-entry-content ol {
  list-style-type: none;
  counter-reset: list;
  padding: 0;
  margin: 0 0 20px 0;
}

.blog-entry-content ul li {
  font-size: 1rem;
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}

.blog-entry-content ol li {
  font-size: 1rem;
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}

.blog-entry-content ol li::before {
  counter-increment: list;
  content: counter(list) ".";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
  color: #4fba4c;
}

.blog-entry-content ul li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 9px;
  background-color: #4fba4c;
}

.blog-entry-content blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 1rem;
  border-left: 5px solid #4fba4c;
}

.blog-entry-content blockquote p {
  font-size: 1.25rem;
  margin: 0;
}

.blog-entry-content h3 {
  font-size: 1.75rem;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: uppercase;
  color: #333;
}

.blog-entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}

.blog-entry-content a {
  font-size: 1.375rem;
  color: #4fba4c;
}

.blog-entry-content a:hover {
  text-decoration: underline;
}

.blog-details {
  padding: 15px 0;
  background-color: white;
}

.blog-details .blog-image img {
  display: block;
  width: 100%;
  height: auto;
}

.blog-details .blog-entry-title {
  padding: 0 15px;
}

.blog-entry-title h2 {
  font-size: 2.125rem;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: uppercase;
  color: #333;
}

.blog-details .blog-image {
  margin-bottom: 20px;
}

.blog-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}

.blog-share .title {
  font-weight: 600;
  font-size: 1.25rem;
}

.blog-share .networks {
  display: flex;
  justify-content: flex-end;
}

.blog-share .networks a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #333;
  flex: 0 0 40px;
  background-color: transparent;
  text-align: center;
  font-size: 1.375rem;
  position: relative;
  margin-right: 15px;
  transition: color 300ms ease;
  overflow: hidden;
}

.blog-share .networks a::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  transition: transform 300ms ease;
}

.blog-share .networks a.facebook-share::after {
  background-color: #3b5998;
}

.blog-share .networks a.pinterest-share::after {
  background-color: #c8232c;
}

.blog-share .networks a:hover::after {
  transform: translateY(0);
}

.blog-share .networks a:hover {
  color: white;
}

.blog-share .networks a i {
  position: relative;
  z-index: 5;
  font-size: 1em;
}

.blog-aside .widget {
  background-color: white;
  padding: 15px;
}

.blog-aside ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.blog-aside ul li {
  margin-bottom: 5px;
}

.blog-aside {
  margin-top: 25px;
}

.blog-aside ul a {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  color: #4fba4c;
}

.blog-content {
  padding: 10px 15px 80px 15px;
}

@media screen and (max-width: 480px) {
  .blog-share .title {
    width: 90px;
  }

  .blog-share .title span {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .blog-items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .blog-items .blog-item {
    width: calc(50% - 15px);
    max-width: calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
    margin: 0 30px 40px 0;
  }

  .blog-items .blog-item:nth-child(2n + 2) {
    margin-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .blog-entry-content p {
    font-size: 1.375rem;
  }

  .blog-entry-content ul li {
    font-size: 1.375rem;
  }

  .blog-entry-content ol li {
    font-size: 1.375rem;
  }

  .blog-entry-content blockquote p {
    font-size: 1.5rem;
  }

  .blog-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .blog-content .blog-aside {
    width: 280px;
    flex: 0 0 280px;
    margin: 0;
  }

  .blog-content .blog-details,
  .blog-content .blog-items {
    width: calc(100% - 310px);
    max-width: calc(100% - 310px);
    flex: 0 0 calc(100% - 310px);
  }
}

@media screen and (min-width: 1200px) {
  /*.blog-items .blog-item {
		width: calc(33.3333% - 20px);
		max-width: calc(33.3333% - 20px);
		flex: 0 0 calc(33.3333% - 20px);
	}

	.blog-items .blog-item:nth-child(2n + 2) {
		margin-right: 30px;
	}

	.blog-items .blog-item:nth-child(3n + 3) {
		margin-right: 0;
	}*/

  .blog-content {
    padding: 10px 15px 40px 15px;
  }
}

/* CHAT */
@media (max-width: 768px) {
  /*img{ max-width:100%;}*/
  .messaging img {
    border-radius: 50%;
    /*max-width:100%;*/
    height: 40px;
  }
  .messaging .inbox_people {
    background: #f8f8f8 none repeat scroll 0 0;
    /*float: left;*/
    overflow: hidden;
    /*width: 40%; border-right:1px solid #c4c4c4;*/
  }
  .messaging .inbox_msg {
    border: 1px solid #c4c4c4;
    clear: both;
    overflow: hidden;
  }
  .messaging .top_spac {
    margin: 20px 0 0;
  }

  .messaging .recent_heading {
    /*float: left;*/
  }
  .messaging a.recent_heading_new_topic {
    float: right;
  }
  .messaging .srch_bar {
    display: inline-block;
    text-align: right;
    width: 60%;
    padding: 0;
  }
  .messaging .headind_srch {
    padding: 10px 29px 10px 20px;
    overflow: hidden;
    border-bottom: 1px solid #c4c4c4;
  }

  .messaging .recent_heading h4 {
    color: #05728f;
    font-size: 21px;
    margin: auto;
  }
  .messaging .srch_bar input {
    border: 1px solid #cdcdcd;
    border-width: 0 0 1px 0;
    width: 80%;
    padding: 2px 0 4px 6px;
    background: none;
  }
  .messaging .srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
  }
  .messaging .srch_bar .input-group-addon {
    margin: 0 0 0 -27px;
  }

  .messaging .chat_ib h5 {
    font-size: 15px;
    color: #464646;
    margin: 0 0 8px 0;
  }
  .messaging .chat_ib h5 span {
    font-size: 13px;
    float: right;
  }
  .messaging .chat_ib p {
    font-size: 14px;
    color: #989898;
    margin: auto;
  }
  .messaging .chat_img {
    float: left;
    width: 11%;
  }
  .messaging .chat_ib {
    float: left;
    padding: 0 0 0 15px;
    width: 88%;
  }

  .messaging .chat_people {
    overflow: hidden;
    clear: both;
  }
  .messaging .chat_list {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 18px 16px 10px;
  }
  .messaging .inbox_chat {
    /*height: 550px; overflow-y: scroll;*/
  }

  .messaging .active_chat {
    background: #ebebeb;
  }

  .messaging .incoming_msg_img {
    display: inline-block;
    width: 6%;
  }
  .messaging .received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 92%;
  }
  .messaging .received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
    word-break: break-word;
    word-wrap: normal;
  }
  .messaging .time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
  }
  .messaging .received_withd_msg {
    /*width: 57%;*/
    margin-left: 16px;
  }
  .messaging .mesgs {
    /*float: left;*/
    padding: 30px 5px 0 8px;
    /*width: 60%;*/
    background-color: #ffffff;
    overflow: hidden;
  }

  .messaging .sent_msg p {
    background: #05728f none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 5px 10px 5px 12px;
    width: 100%;
  }
  .messaging .outgoing_msg {
    overflow: hidden;
    margin: 26px 0 26px;
  }
  .messaging .sent_msg {
    float: right;
    width: 46%;
  }
  .messaging .input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
  }

  .messaging .type_msg {
    border-top: 1px solid #c4c4c4;
    position: relative;
  }
  .messaging .msg_send_btn {
    background: #05728f none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
  }
  .messaging {
    padding: 0 0 50px 0;
  }
  .messaging .msg_history {
    height: 516px;
    overflow-y: auto;
  }
  .messaging a.report_msg {
    float: right;
  }
  #NewTopicModal form {
    margin: 20px;
  }
  #report_form {
    margin: 20px;
  }
  .messaging .topic {
    cursor: pointer;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  /*img{ max-width:100%;}*/
  .messaging img {
    border-radius: 50%;
    /*max-width:100%;*/
    height: 40px;
  }
  .messaging .inbox_people {
    background: #f8f8f8 none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    width: 40%;
    border-right: 1px solid #c4c4c4;
  }
  .messaging .inbox_msg {
    border: 1px solid #c4c4c4;
    clear: both;
    overflow: hidden;
  }
  .messaging .top_spac {
    margin: 20px 0 0;
  }

  .messaging .recent_heading {
    /*float: left;*/
  }
  .messaging a.recent_heading_new_topic {
    float: right;
  }
  .messaging .srch_bar {
    display: inline-block;
    text-align: right;
    width: 60%;
    padding: 0;
  }
  .messaging .headind_srch {
    padding: 10px 29px 10px 20px;
    overflow: hidden;
    border-bottom: 1px solid #c4c4c4;
  }

  .messaging .recent_heading h4 {
    color: #05728f;
    font-size: 21px;
    margin: auto;
  }
  .messaging .srch_bar input {
    border: 1px solid #cdcdcd;
    border-width: 0 0 1px 0;
    width: 80%;
    padding: 2px 0 4px 6px;
    background: none;
  }
  .messaging .srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
  }
  .messaging .srch_bar .input-group-addon {
    margin: 0 0 0 -27px;
  }

  .messaging .chat_ib h5 {
    font-size: 15px;
    color: #464646;
    margin: 0 0 8px 0;
  }
  .messaging .chat_ib h5 span {
    font-size: 13px;
    float: right;
  }
  .messaging .chat_ib p {
    font-size: 14px;
    color: #989898;
    margin: auto;
  }
  .messaging .chat_img {
    float: left;
    width: 11%;
  }
  .messaging .chat_ib {
    float: left;
    padding: 0 0 0 15px;
    width: 88%;
  }

  .messaging .chat_people {
    overflow: hidden;
    clear: both;
  }
  .messaging .chat_list {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 18px 16px 10px;
  }
  .messaging .inbox_chat {
    height: 550px;
    overflow-y: scroll;
  }

  .messaging .active_chat {
    background: #ebebeb;
  }

  .messaging .incoming_msg_img {
    display: inline-block;
    width: 6%;
  }
  .messaging .received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 92%;
  }
  .messaging .received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
    word-break: break-word;
    word-wrap: normal;
  }
  .messaging .time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
  }
  .messaging .received_withd_msg {
    /*width: 57%;*/
  }
  .messaging .mesgs {
    float: left;
    padding: 30px 15px 0 25px;
    width: 60%;
    background-color: #ffffff;
    overflow: hidden;
  }

  .messaging .sent_msg p {
    background: #05728f none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 5px 10px 5px 12px;
    width: 100%;
  }
  .messaging .outgoing_msg {
    overflow: hidden;
    margin: 26px 0 26px;
  }
  .messaging .sent_msg {
    float: right;
    width: 46%;
  }
  .messaging .input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
  }

  .messaging .type_msg {
    border-top: 1px solid #c4c4c4;
    position: relative;
  }
  .messaging .msg_send_btn {
    background: #05728f none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
  }
  .messaging {
    padding: 0 0 50px 0;
  }
  .messaging .msg_history {
    height: 516px;
    overflow-y: auto;
  }
  .messaging a.report_msg {
    float: right;
  }
  #NewTopicModal form {
    margin: 20px;
  }
  #report_form {
    margin: 20px;
  }
  .messaging .topic {
    cursor: pointer;
  }
}

.send_report.btn-outline-success {
  border-radius: 10px !important;
  border: 2px solid #4fba4c !important;
  color: #4fba4c !important;
  /*padding: 8px 10px !important;*/
  font-size: 1rem !important;
  font-weight: 500 !important;
  text-align: center !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.send_report.btn-outline-success:hover {
  border-radius: 10px !important;
  border: 2px solid #178c13 !important;
  color: white !important;
  /*padding: 8px 10px !important;*/
  font-size: 1rem !important;
  font-weight: 500 !important;
  text-align: center !important;
  background-color: #4fba4c !important;
}

.ranking-prize-fullscreen-image {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #021f31cf;
  z-index: 1000;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  flex-direction: column;
  display: none;
  cursor: pointer;
}

.ranking-prize-fullscreen-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ranking-prize-fullscreen-image .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 3em;
  color: #fff;
}

.ranking-user-avatar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ranking-user-avatar img {
  width: 40px;
  border-radius: 50%;
  margin-right: 5px;
  height: 40px;
  object-fit: cover;
}
/* END CHAT */

.get-free-credits {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  margin-top: 5px;
  /*flex-wrap: wrap;*/
}

.get-free-credits div {
  white-space: nowrap;
}
.get-free-credits div:first-child {
  margin-bottom: 3px;
  padding-right: 3px;
}

.get-free-credits img {
  height: 16px;
  margin-left: 3px;
  margin-right: 5px;
  margin-bottom: 2px;
}

.mbsc-fr-lock #Change_phone, .mbsc-fr-lock #Change_email {
  display: none !important;
}