* {
  font-family: 'Lato', sans-serif;
  font-style: normal; }

html {
  overflow: hidden;
  height: 100%; }

body {
  height: 100%;
  overflow: auto;
  color: #edf1f5;
  }

/********************************************************************
* BACKGROUND
*********************************************************************/
.bg-grey {
  background: #EDF1F5; }

.bg-blue {
  background: #1D3B64 !important; }

.bg-green {
  background: #4CAF50 !important; }

.bg-red {
  background: #FB2D3C !important; }

.bg-white {
  background: white !important; }

.c-blue {
  color: #152743 !important; }

/********************************************************************
* FONT
*********************************************************************/
h1, h2, h3 {
  text-transform: uppercase; }

h1 {
  font-weight: 400;
  font-size: 25px; }

.bg-grey h2 {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  font-weight: 300;
  color: #4A6283; }

h3 {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 900;
  color: #A5B0C1;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
  line-height: 30px; }

h4, p {
  font-weight: 300; }

@media (max-width: 996px) {
  h2 {
    font-size: 17px; }

  h1 {
    font-size: 25px; }

  h3 {
    font-size: 12px;
    line-height: 20px; } }
/********************************************************************
* BACKGROUND
*********************************************************************/
.bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey h4, .bg-grey h5, .bg-grey p, .bg-grey span, .bg-grey strong {
  color: #536B8A; }
.bg-grey h1 small, .bg-grey h2 small, .bg-grey h3 small, .bg-grey h4 small, .bg-grey h5 small, .bg-grey strong small {
  color: #768FAF;
  font-size: 50%;
  display: block; }
.bg-grey h4 a {
  color: #FDBF08;
  font-weight: 900; }

.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue p, .bg-blue span, .bg-blue strong {
  color: white; }
.bg-blue .box h1, .bg-blue .box h2, .bg-blue .box h3, .bg-blue .box h4, .bg-blue .box h5, .bg-blue .box p, .bg-blue .box span, .bg-blue .box strong {
  color: #4C4A4A; }

.bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5, .bg-white p, .bg-white span, .bg-white strong, .bg-white label {
  color: black; }

.bg-grey hr {
  border-top: 1px solid #FFFFFF; }

.bg-blue a {
  color: #FDBF08;
  font-weight: 400; }

/********************************************************************
* TEXT-COLOR
*********************************************************************/
.text-blue {
  color: #2D5894 !important; }

.text-yellow {
  color: #FDBF08 !important; }

/********************************************************************
* BUTTON
*********************************************************************/
input[data-readonly] {
  pointer-events: none; }

button.my-btn {
  padding: 5px 15px;
  border-radius: 1px;
  border: none;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
  opacity: 1;
  /* box-shadow     : 1px 1px 1px #848181; */
  margin: 2px; }
button:disabled {
  background: #D2D0D0 !important;
  pointer-events: none;
  cursor: default;
  text-shadow: 1px 1px 1px #ABA6A6 !important; }
  button:disabled > label {
    background: #D2D0D0 !important;
    color: #636262 !important;
    text-shadow: 1px 1px 1px #636262 !important; }

.my-btn:hover {
  opacity: 0.8;
  transition: 1s; }
.my-btn.rounded {
  border-radius: 100px;
  -webkit-border-radius: 100px !important;
  -moz-border-radius: 100px !important; }

a.my-btn {
  outline: inherit;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  text-decoration: inherit;
  border-radius: 1px !important;
  font-weight: 900;
  margin: 2px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  cursor: pointer !important; }
  a.my-btn.disabled {
    background: #CCCCCC !important;
    pointer-events: none;
    cursor: crosshair;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
    a.my-btn.disabled > b {
      background: #CCCCCC !important;
      color: #8E8C8C !important; }
    a.my-btn.disabled > label {
      background: #CCCCCC !important;
      color: #8E8C8C !important;
      text-shadow: none; }

.my-btn.blue {
  background: #2D5894;
  color: white;
  font-weight: 600; }
.my-btn.white {
  color: #1D3B64 !important;
  background: white;
  font-weight: 900;
  letter-spacing: 1px; }
.my-btn label {
  margin: 0; }
.my-btn.yellow {
  background: #FDBF08;
  color: white !important;
  font-weight: 500;
  letter-spacing: 0;
  font-size: 17px;
  text-transform: uppercase;
  /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.02); */
  background: linear-gradient(45deg, #fdbf08, #ffbe00, #f6ba05);
  border-radius: 1px; }
  .my-btn.yellow label {
    background: #FDBF08;
    color: white !important;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 17px;
    text-transform: uppercase;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.02); */
    background: linear-gradient(45deg, #fdbf08, #ffbe00, #f6ba05);
    border-radius: 1px; }
  .my-btn.yellow > span {
    color: white; }
.my-btn.red > span, .my-btn.green > span, .my-btn.blue > span {
  color: white; }
.my-btn.red {
  background: #FB2D3C;
  color: white !important;
  font-weight: 400;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); }
  .my-btn.red label {
    background: #FB2D3C;
    color: white !important;
    font-weight: 400;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); }
.my-btn.green {
  background: #4CAF50;
  color: white !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  /* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); */
  color: white; }
  .my-btn.green label {
    background: #4CAF50;
    color: white !important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); */
    color: white; }
    .my-btn.green label span {
      color: white; }
.my-btn.red-notification {
  background: #FB2D3C;
  color: white !important;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #BF242F;
  width: 5px;
  height: 20px;
  float: right; }
  .my-btn.red-notification label {
    background: #FB2D3C;
    color: white !important;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #BF242F;
    width: 5px;
    height: 20px;
    float: right; }
.my-btn.green-notification {
  background: #4CAF50 !important;
  color: white !important;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #47984A;
  width: 5px;
  height: 20px;
  float: right; }
  .my-btn.green-notification label {
    background: #4CAF50 !important;
    color: white !important;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #47984A;
    width: 5px;
    height: 20px;
    float: right; }
  .my-btn.green-notification i {
    right: 5px;
    bottom: 2px;
    position: relative; }
.my-btn.red-notification i {
  right: 5px;
  bottom: 2px;
  position: relative; }
.my-btn.trans-white {
  background: transparent;
  border: solid 3px white;
  color: white; }
.my-btn.trans-blue {
  background: transparent;
  color: #2D5894;
  border: solid 3px #2D5894; }
.my-btn.trans-red {
  background: transparent;
  color: #FB2D3C;
  border: solid 3px #FB2D3C; }
.my-btn.trans-yellow {
  border: solid 3px #FDBF08;
  background: transparent;
  color: #FDBF08; }
.my-btn.trans-green {
  border: solid 3px #6FBF73;
  background: transparent;
  color: #6FBF73; }
.my-btn.grey {
  border: solid 1px #BAC4D1;
  background: #F7F7F7;
  color: #7E8FA7; }

.trans-white:hover {
  background: rgba(255, 255, 255, 0.14); }

.trans-yellow:hover {
  background: #FDBF08;
  color: white; }

.trans-green:hover {
  background: #4CAF50;
  color: white; }

.trans-blue:hover {
  background: #2d5894;
  color: white; }

.my-btn.trans-red:hover {
  background: #FB2D3C;
  color: white;
  border: solid 3px #FB2D3C; }
.my-btn.simple-white {
  background: transparent;
  color: white;
  border: solid 3px transparent; }
.my-btn.simple-blue {
  background: transparent;
  color: #2D5894;
  font-weight: 400; }
.my-btn.simple-red {
  background: transparent;
  color: #FB2D3C;
  font-weight: 400; }
.my-btn.simple-yellow {
  background: transparent;
  color: #FDBF08;
  border: solid 3px transparent; }
.my-btn.simple-green {
  background: transparent;
  color: #4CAF50; }

.simple-white:hover {
  background: rgba(255, 255, 255, 0.14); }

.simple-yellow:hover {
  background: #FDBF08;
  color: white; }

.simple-green:hover {
  background: #4CAF50;
  color: white; }

.simple-blue:hover {
  background: #2d5894;
  color: white; }

.simple-red:hover {
  background: #FB2D3C;
  color: white; }

/********************************************************************
* BUTTON (block)
*********************************************************************/
.my-btn.block {
  width: 100%;
  display: block;
  line-height: 35px;
  margin: 0px 0; }
  .my-btn.block.lg {
    margin-top: 0;
    height: 80px;
    padding: 0;
    line-height: 80px; }
.my-btn.special.block.lg .icon {
  width: 70px; }
.my-btn.block.sm {
  padding: 0px !important; }
.my-btn.lg {
  font-weight: 500;
  font-size: 18px;
  padding: 20px 35px; }
.my-btn.md {
  font-size: 15px;
  padding: 10px 25px;
  font-size: 12px; }
.my-btn.sm {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  padding: 5px 15px;
  text-transform: none;
  letter-spacing: 0.4;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .my-btn.sm label {
    padding: 0;
    margin: 0;
    letter-spacing: 0.1px;
    text-transform: none; }
.my-btn.special {
  padding: 0; }
.my-btn.block.special > label {
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
  color: inherit;
  cursor: inherit; }
.my-btn.special.md > span:not(.icon) {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px; }
.my-btn.special span, .my-btn.special div {
  display: table-cell;
  padding: 7px 13px;
  color: inherit;
  cursor: pointer;
  vertical-align: middle; }
.my-btn.special.xs span, .my-btn.special.xs div {
  display: table-cell;
  padding: 3px 7px;
  color: inherit;
  cursor: pointer;
  vertical-align: middle; }
.my-btn.special.md span:not(.icon), .my-btn.special.md div:not(.icon) {
  display: table-cell;
  padding: 7px;
  color: inherit;
  cursor: pointer;
  padding: 6px 15px;
  vertical-align: middle; }
.my-btn.special.xs span:not(.icon), .my-btn.special.xs div:not(.icon) {
  display: table-cell;
  padding: 7px;
  color: inherit;
  cursor: pointer;
  font-weight: 900;
  padding: 1px 10px;
  vertical-align: middle;
  letter-spacing: 1px;
  font-size: 9px; }

/********************************************************************
* BUTTON (size)
*********************************************************************/
/********************************************************************
* BUTTON SPECIAL WITH ICON
*********************************************************************/
#subtotal {
  display: inline-block;
  padding: 0;
  font-weight: 900;
  font-size: 12px; }

#subtotal-val {
  display: inline-block;
  padding: 0; }

.my-btn.special.block span, .my-btn.special.block div {
  display: table-cell;
  padding: 10px;
  color: inherit;
  background: none;
  border-radius: inherit; }
.my-btn.sm.special.block span, .my-btn.sm.special.block div {
  padding: 0px; }
.my-btn.special .icon {
  font-size: inherit; }
.my-btn.special.block .icon {
  display: table-cell;
  width: 50px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  height: 100% !important;
  font-size: 20px; }
.my-btn.special.block.rounded .icon {
  background: inherit; }
.my-btn.special .icon i {
  /* vertical-align: middle; */ }

/********************************************************************
* BUTTON SOCIAL WITH ICON
*********************************************************************/
#invite-modal .my-btn.special.block.social.facebook {
  background: #264775; }

.my-btn.special.block.social.facebook {
  background: #FFFFFF;
  margin-bottom: 10px;
  color: #264775; }
.my-btn.special.block.social.facebook-messenger {
  background: #0084FF !important;
  margin-bottom: 10px;
  color: white; }
.my-btn.special.block.social.twitter {
  margin-bottom: 10px;
  color: white;
  background: #0077B5; }
.my-btn.special.block.social.facebook-messenger span.icon img {
  width: 20px; }

@media (max-width: 996px) {
  .my-btn.special.block.social.facebook {
    text-align: center;
    font-size: 13px; } }
.bg-white .my-btn.special.block.social.facebook {
  background: #3B599D;
  margin-bottom: 10px;
  color: white; }

.my-btn.special.block.social.facebook span {
  font-weight: 400; }

/********************************************************************
* user-selection-container
*********************************************************************/
.user-selection-container {
  border-radius: 2px;
  display: table;
  width: 100%;
  height: 200px;
  overflow: scroll; }
  .user-selection-container .user-selection-reminder-selection {
    overflow: scroll;
    border: solid 1px #EEEEEE;
    padding: 10px 20px;
    background: white; }
  .user-selection-container label.user {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    margin: 1px 0;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 1px #EEEEEE;
    width: 100%; }
    .user-selection-container label.user .user-container {
      display: table;
      width: 100%;
      height: 100%; }
    .user-selection-container label.user .user-image {
      display: table-cell;
      vertical-align: middle;
      width: 40px;
      text-align: center;
      margin: auto; }
      .user-selection-container label.user .user-image img {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        object-fit: cover;
        border: solid 1px #EEEEEE;
        margin: auto;
        text-align: center;
        float: none; }
    .user-selection-container label.user .user-name {
      font-weight: 900;
      font-size: 9px;
      display: block;
      overflow: hidden;
      color: #1D3B64;
      height: 11px;
      letter-spacing: 1px;
      padding: 0;
      margin: 0; }
    .user-selection-container label.user .user-row {
      display: table-cell;
      text-align: left;
      vertical-align: middle;
      overflow: hidden; }
    .user-selection-container label.user .user-info {
      display: block;
      text-align: left;
      font-size: 9px;
      line-height: 13px;
      font-weight: 400; }
      .user-selection-container label.user .user-info .user-position {
        display: inline-block; }
      .user-selection-container label.user .user-info .user-is-captain {
        color: #4CAF50;
        display: inline-block; }
      .user-selection-container label.user .user-info .user-number {
        display: inline-block; }
  .user-selection-container label.user1 {
    display: inline-block;
    vertical-align: middle;
    height: 80px;
    margin: 1px 0;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 1px #EEEEEE;
    width: 100%; }
    .user-selection-container label.user1 .user-container {
      display: table;
      width: 100%;
      height: 100%; }
    .user-selection-container label.user1 .user-image {
      display: table-cell;
      vertical-align: middle;
      width: 40px;
      text-align: center;
      margin: auto; }
      .user-selection-container label.user1 .user-image img {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        object-fit: cover;
        border: solid 1px #EEEEEE;
        margin: auto;
        text-align: center;
        float: none; }
    .user-selection-container label.user1 .user-name {
      font-size: 14px;
      display: block;
      overflow: hidden;
      color: #1D3B64;
      height: 20px;
      letter-spacing: 1px;
      padding: 0;
      margin: 0; }
    .user-selection-container label.user1 .user-row {
      display: table-cell;
      text-align: left;
      vertical-align: middle;
      overflow: hidden; }
    .user-selection-container label.user1 .user-info {
      display: block;
      text-align: left;
      font-size: 9px;
      line-height: 13px;
      font-weight: 400; }
      .user-selection-container label.user1 .user-info .user-position {
        display: inline-block;
        font-size: 11px; }
      .user-selection-container label.user1 .user-info .user-is-captain {
        color: #4CAF50;
        display: inline-block; }
      .user-selection-container label.user1 .user-info .user-number {
        display: inline-block; }
  .user-selection-container .user1 .input-container {
    display: table-cell;
    width: 40px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle; }

/*  new*/
/********************************************************************
* INPUT & FORM
*********************************************************************/
.input-group {
  display: block;
  margin: 15px 0px; }
  .input-group span.info {
    position: absolute;
    right: 5px;
    border: solid 1px;
    width: 20px;
    height: 20px;
    background: #2D588F;
    color: white;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    z-index: 10;
    border-radius: 100%;
    font-weight: 900;
    padding: 0;
    border: none;
    top: 50%;
    transform: translatey(-50%); }
    .input-group span.info sup {
      position: absolute;
      bottom: 0;
      display: none; }
    .input-group span.info:hover sup {
      display: block;
      background: black; }
  .input-group label {
    display: block;
    color: inherit;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    position: relative;
    cursor: pointer; }
    .input-group label .info {
      background: #4CAF50;
      border: none;
      color: white;
      height: 15px;
      line-height: 15px;
      width: 15px;
      display: inline-block;
      text-align: center;
      position: absolute;
      border-radius: 100%;
      margin-left: 5px; }
      .input-group label .info sup {
        display: none; }
      .input-group label .info:hover sup {
        display: block;
        position: absolute;
        background: black; }

.dropdown-menu > .active > a > label {
  color: white; }

.multiselect-container > li > a > label {
  padding: 0;
  font-size: 10px;
  border-bottom: solid 1px #EDF1F5; }
  .multiselect-container > li > a > label > input[type=checkbox] {
    margin: 0;
    position: relative;
    width: auto;
    margin-right: 5px;
    margin-left: 5px; }

.input-group label small {
  text-transform: initial;
  font-weight: 400;
  /* border-left    : solid 1px; */
  padding: 0px 5px; }

table .input-group .radio-button-group label {
  padding: 0 10px;
  width: auto; }
  table .input-group .radio-button-group label span {
    padding: 0 10px;
    display: inline-block;
    position: relative;
    z-index: 2; }

.input-group .radio-button-group {
  display: block;
  width: 100%;
  padding: 5px 0; }

table .input-group .radio-button-group > div {
  table-layout: auto; }

.input-group .radio-button-group > div {
  display: flex;
  width: 100%;
  border-radius: 2px;
  text-overflow: ellipsis;
  white-space: nowrap; }
.input-group .radio-button-group label {
  display: block;
  background: #F9F9F9 !important;
  text-align: center;
  line-height: 40px;
  flex: 1;
  height: 40px;
  border-right: solid 1px #EEEEEE;
  cursor: pointer !important;
  vertical-align: middle;
  text-overflow: ellipsis;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: 0 5px;
  position: relative;
  border-radius: 7px; }
  .input-group .radio-button-group label:first-child {
    border-left: none; }
  .input-group .radio-button-group label:hover .radio-overlay {
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px; }
  .input-group .radio-button-group label:last-child {
    border-right: none; }
  .input-group .radio-button-group label.disabled {
    background: #D2D0D0 !important;
    cursor: not-allowed; }
    .input-group .radio-button-group label.disabled span {
      color: #636262; }
  .input-group .radio-button-group label span {
    color: #344E6F;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    z-index: 2;
    text-transform: none;
    text-align: center;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .input-group .radio-button-group label span i {
      margin: 0 5px; }
.input-group .radio-button-group input {
  display: inline-block;
  margin-right: 5px;
  WIDTH: AUTO;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0; }
  .input-group .radio-button-group input:disabled ~ .radio-overlay {
    background: #d2d2d2; }
  .input-group .radio-button-group input ~ .radio-overlay {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: white;
    top: 0;
    bottom: 0;
    z-index: 1; }
.input-group .radio-button-group .label:hover {
  /* background: #EEEEEE; */
  box-shadow: inset 1px 1px 1px 1px #000000; }
.input-group .radio-button-group input:checked ~ .radio-overlay {
  background: #73C177;
  box-shadow: inset 1px 1px 1px 1px #60A363; }
  .input-group .radio-button-group input:checked ~ .radio-overlay.red {
    background: #F14D59;
    box-shadow: inset 1px 1px 1px 1px #BF3B44; }
.input-group .radio-button-group input:checked ~ span {
  color: white !important; }
.input-group .fancy-input > .icon img {
  text-align: center;
  background: #FFFFFF;
  border-radius: 1px 0px 0px 1px;
  border: 0;
  padding: 6px;
  height: 100%;
  color: #2D5894; }

form.admin .input-group .radio-button-group input[type='radio'], form.admin .input-group .radio-button-group input[type='checkbox'] {
  position: relative;
  left: initial;
  height: initial;
  line-height: initial;
  padding: 0;
  font-size: initial;
  display: inline-block;
  margin: 0;
  width: initial;
  margin-right: 5px;
  /* display: none; */
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }
form.admin .input-group .wrapper {
  display: inline-block; }
form.admin .input-group .rule {
  color: #337AB7;
  font-weight: 600;
  display: flex;
  margin-left: 17px; }
form.admin .input-group .number {
  color: #337AB7;
  font-weight: 600;
  float: left;
  color: #AAB2BC; }
form.admin .input-group .radio-button-group label span {
  font-weight: 600;
  font-size: 9px;
  text-transform: uppercase;
  color: #899DC3;
  letter-spacing: 0px;
  position: relative;
  z-index: 4;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px; }
  form.admin .input-group .radio-button-group label span img {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    object-fit: cover;
    border: solid 1px #DCE2E8;
    display: inline;
    margin: auto;
    display: block; }
form.admin .input-group > input, form.admin .input-group > select {
  border-radius: 2px;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
  padding-left: 10px !important; }

.input-group .fancy-input > img ~ input, .input-group .fancy-input > img ~ select {
  display: table-cell; }

form.admin .input-group {
  margin: 15px 0; }

.phone-number-input {
  display: flex;
  margin-bottom: 5px; }
  .phone-number-input select[name='phone_country_code'] {
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important; }
  .phone-number-input input[name='phone_area_code'], .phone-number-input input[name='phone_number'] {
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important; }
  .phone-number-input select[name='phone_country_code'] {
    width: 100px;
    margin-right: 5px; }
  .phone-number-input input[name='phone_area_code'] {
    margin-right: 5;
    max-width: 100px; }

form.admin .input-group.checkbox {
  text-align: center;
  width: 100%;
  text-align: left; }
  form.admin .input-group.checkbox label {
    line-height: 16px;
    text-align: center;
    padding: 0;
    margin: 0 5px;
    vertical-align: middle; }
  form.admin .input-group.checkbox .bootstrap-switch {
    height: 33px;
    border-radius: 2px;
    margin: auto; }
form.admin h3 {
  font-weight: 900;
  color: #2D5894;
  border-bottom: solid 1px #E8ECF1;
  background: #EDF1F5;
  line-height: 40px;
  padding-left: 10px;
  text-align: left;
  letter-spacing: 1px; }

.form-title {
  cursor: pointer;
  margin: 10px 0;
  font-weight: 300;
  font-size: 20px;
  padding: 10px;
  text-transform: uppercase;
  background: #2D5894;
  border-bottom: solid 1px #EDF1F5;
  margin-bottom: 0;
  vertical-align: middle;
  display: table;
  width: 100%;
  position: relative;
  color: white; }
  .form-title .image {
    display: table-cell;
    width: 30px; }
  .form-title small.team-access {
    display: table-cell;
    font-size: 10px;
    padding: 0px 5px;
    border: solid 1px rgba(255, 255, 255, 0.52);
    border-radius: 2px;
    font-weight: 300; }
  .form-title small.jersey-access {
    width: 17px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: table-cell;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
  .form-title .image img {
    width: 20px;
    border-radius: 100%;
    height: 20px;
    object-fit: cover;
    display: table-cell; }
  .form-title h2 {
    display: table-cell;
    font-weight: 600;
    font-size: 15px;
    vertical-align: middle;
    color: white !important;
    padding-left: 7px;
    letter-spacing: 0;
    text-transform: uppercase; }
  .form-title:hover {
    opacity: 0.9; }
  .form-title.monitoring {
    display: table;
    width: 100%; }
    .form-title.monitoring > i {
      display: table-cell;
      vertical-align: middle;
      line-height: 40px;
      width: 40px; }
    .form-title.monitoring .image {
      width: 50px;
      vertical-align: middle;
      text-align: center;
      margin: auto; }
  .form-title > i {
    position: relative;
    display: table-cell;
    line-height: 100%;
    text-align: center;
    bottom: 0;
    top: 0;
    vertical-align: middle; }
  .form-title .image img {
    width: 40px;
    height: 40px;
    border: solid 1px #214373; }
  .form-title.monitoring span {
    color: white;
    font-weight: 900;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    font-size: 14px;
    /* width: 173px; */ }
  .form-title.monitoring .total {
    display: table-cell;
    vertical-align: middle;
    border: solid 1px;
    text-align: center;
    background: white;
    color: #315E9E;
    font-weight: 900;
    font-size: 16px;
    width: 30%; }
  .form-title.monitoring .icons {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .form-title.monitoring .icons .icon {
      display: inline-block;
      border: solid 1px;
      border-radius: 2px;
      padding: 0px 15px; }
    .form-title.monitoring .icons .edit {
      background: #FFC107; }
    .form-title.monitoring .icons .info {
      background: #8CA3C4; }

form.admin h3.input-category-title {
  cursor: pointer;
  margin-top: 10px; }
  form.admin h3.input-category-title:hover {
    opacity: 0.9; }

.form-title.active + form, .form-title.active + .form {
  display: none; }
.form-title.active > i:before {
  content: "\f0c9"; }
.form-title + form, .form-title + .form {
  padding: 5px;
  background: rgba(237, 241, 245, 0.25);
  margin-bottom: 10px; }
.form-title > i:before {
  content: "\f0d8"; }

form.admin h3.input-category-title > i {
  float: right;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center; }

#my-custom-intercom {
  position: fixed !important;
  top: 0px !important;
  opacity: 1 !important;
  right: 0 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  text-align: center;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
  height: 40px !important;
  display: block;
  z-index: 100000000;
  background: #2d5894;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  display: block !important; }
  #my-custom-intercom img {
    height: 20px;
    margin-top: 10px; }

form.admin h3.input-category-title.active + .input-category-container {
  display: none; }
form.admin h3.input-category-title.active > i:before {
  content: "\f0d7"; }
form.admin h3.input-category-title > i:before {
  content: "\f0d8"; }
form.admin .input-group label {
  font-size: 10px;
  color: #5f769a; }
form.admin .input-group input, form.admin .input-group select {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  padding: 0px;
  padding-left: 5px; }
form.admin .input-group input[type='checkbox'] {
  line-height: 30px;
  height: 11px;
  position: relative;
  display: inline-block;
  width: initial;
  margin-right: 5px; }

.input-group input, .input-group select {
  width: 100%;
  border: none;
  overflow: hidden;
  color: #404040;
  text-overflow: ellipsis;
  font-size: 12px;
  box-shadow: none;
  border-bottom-width: 1px;
  line-height: 25px;
  padding: 6px 5px;
  border-radius: 0px 2px 2px 0px;
  font-weight: 400;
  background: white;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
.input-group input.error, .input-group select.error {
  border: solid 1px #FB2D3C !important; }

.input-group input:focus, .input-group select:focus {
  border-bottom-color: #3667ab;
  border-bottom-width: 1px;
  color: #2D5894;
  font-weight: 300; }
.input-group input[disabled], .input-group select[disabled] {
  background: #F1ECEC;
  font-weight: 300; }

form.admin .input-group input[disabled] {
  background: #F1ECEC;
  font-weight: 300; }
form.admin .input-group select {
  /* border : solid 1px #D5D9DE; */ }
  form.admin .input-group select[disabled] {
    background: #F1ECEC;
    font-weight: 300; }

select.multi-select {
  display: none; }

.multi-select + .btn-group {
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); }
  .multi-select + .btn-group:hover {
    background: white; }
  .multi-select + .btn-group > ul {
    margin: 0;
    padding: 0; }

.input-group select {
  background: white;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  height: 37px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  padding: .5em;
  padding-right: 1.5em; }
.input-group textarea {
  width: 100%;
  border: solid 1px #EEEEEE;
  font-size: 13px;
  padding: 6px 5px;
  border-radius: 1px;
  font-weight: 300; }
.input-group .input-info {
  display: none;
  display: block;
  text-align: left;
  margin-bottom: 5px;
  font-weight: 300;
  font-size: 11px;
  background: #FFFFFF;
  padding: 5px 5px;
  color: #466CA0;
  box-shadow: 1px 1px 1px #D0DAE4;
  text-align: center;
  border-radius: 1px;
  background: transparent;
  box-shadow: none;
  text-align: left; }

.bg-grey .input-group.input-unique.active .input-info {
  background: #2D5894; }

.input-group.input-unique.active .input-info {
  height: auto;
  cursor: pointer;
  color: white;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.47);
  display: block;
  padding: 11px;
  margin-bottom: 10px;
  text-align: center; }

#updated-price-container {
  display: block;
  background: #FFFFFF;
  color: #2D5894;
  font-weight: 900;
  font-size: 20px;
  line-height: 40px;
  box-shadow: inset 1px 1px 1px 1px #D7DDE2;
  margin-top: 5px;
  text-align: center; }

.set-capacity-container {
  margin: 20px 20px;
  background: #2D5894;
  padding: 17px;
  color: white;
  font-size: 14px;
  text-align: center; }

#kit-price {
  display: block;
  line-height: 40px;
  font-weight: 500;
  font-size: 17px;
  margin: 0;
  padding: 0;
  background: #FFFDFD;
  color: #224473;
  box-shadow: 1px 1px 1px #EEEEEE; }

#kit-name {
  font-size: 14px;
  text-align: left;
  display: block;
  font-weight: 900;
  text-transform: uppercase; }

#updated-price {
  display: inline-block;
  font-size: 30px; }

.pickup-price {
  display: block;
  font-size: 10px;
  text-align: center;
  font-weight: 900;
  color: #4CAF50;
  padding: 0 !important;
  margin: 0 !important;
  letter-spacing: 1px;
  line-height: 10px; }
  .pickup-price > div {
    display: inline-block !important;
    padding: 0 !important;
    font-size: 14px; }
  .pickup-price > sup {
    display: inline-block;
    font-size: 8px;
    line-height: 20px; }

.input-group .input-info i {
  /* color          : white; */
  /* font-size      : 30px; */
  /* vertical-align : top; */
  /* line-height    : inherit; */ }
.input-group .input-info .content {
  display: none;
  font-size: 10px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.43);
  padding: 15px;
  border-radius: 2px;
  position: absolute; }
.input-group .fancy-input {
  display: flex;
  position: relative;
  width: 100%;
  border-bottom: none;
  box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.1); }

.carousel-input-container {
  width: 100%;
  display: table;
  overflow: scroll; }
  .carousel-input-container form {
    display: table-cell;
    width: 10%;
    padding: 10px;
    vertical-align: middle; }

form.admin .input-group .fancy-input {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border-radius: 2px;
  /* border: solid 1px #DCE2E8; */
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); }
  form.admin .input-group .fancy-input .multiselect-native-select {
    flex: 1;
    text-overflow: ellipsis;
    max-width: calc(100% - 40px); }
  form.admin .input-group .fancy-input.highlight-input select, form.admin .input-group .fancy-input.highlight-input input {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4F6584; }

.input-group .fancy-input.checkbox {
  border-bottom: 0;
  margin: auto; }
.input-group .fancy-input > i {
  display: table-cell;
  text-align: center;
  background: #FFFFFF;
  border-radius: 1px 0px 0px 1px;
  width: 40px !important;
  height: 40px;
  border: none;
  color: #2D5894;
  vertical-align: middle;
  display: block;
  line-height: 40px; }
.input-group .fancy-input > .image {
  border-radius: 100%;
  height: 30px;
  line-height: 20px;
  width: 40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
  .input-group .fancy-input > .image > img {
    width: 20px;
    height: 20px;
    line-height: 30px;
    border-radius: 100%;
    object-fit: cover; }
.input-group .fancy-input > .icon {
  width: 40px;
  height: 30px; }

.game-container {
  display: table;
  width: 100%;
  margin-bottom: 5px; }
  .game-container .inline-input {
    margin: 0; }

.games-form-side {
  display: table-cell; }

.games-button-side {
  width: 100px;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
  .games-button-side form {
    display: inline-block; }

.bg-blue .input-group .fancy-input > i {
  background: #FFFFFF;
  text-shadow: none;
  border-right: solid 1px #eff2f5; }

.input-group .fancy-input > input, .input-group .fancy-input > select {
  display: table-cell;
  border-left: 0;
  border: none; }
.input-group .fancy-input > input:focus {
  border-bottom-color: #3667ab;
  border-bottom-width: 1px;
  color: #2D5894;
  font-weight: 300; }
.input-group .fancy-input > select {
  display: table-cell;
  border-left: 0;
  border-radius: 0;
  -webkit-appearance: none; }
  .input-group .fancy-input > select:focus {
    border-bottom-color: #3667ab;
    border-bottom-width: 1px;
    color: #2D5894;
    font-weight: 300; }
.input-group > .btn-group {
  border: solid 1px #EDF1F5;
  border-radius: 3px; }
.input-group .btn-group > label {
  color: #2E5C9C;
  font-weight: 300;
  text-transform: none;
  font-size: 12px;
  border: none;
  border-radius: 1px; }
.input-group .btn-group-yellow > label {
  text-transform: uppercase; }
.input-group .btn-group > label.active {
  box-shadow: inset 1px 1px 1px #2D5894;
  color: white;
  border-radius: 1px; }
.input-group .btn-group-blue > label.active {
  background: #3161A2; }
.input-group .btn-group input:focus {
  outline: 0 !important; }
.input-group .btn-group > label {
  background: #F8F8F9;
  text-align: center;
  font-weight: 900; }
.input-group .btn-group-yellow > label:hover {
  background: #EDF1F5;
  text-shadow: 1px 1px 1px #DFE3E6;
  box-shadow: inset 1px 1px 1px #CED2D6;
  color: #1F3D63; }
.input-group .btn-group-yellow > label.active {
  background: #EDF1F5;
  text-shadow: 1px 1px 1px #DFE3E6;
  box-shadow: inset 1px 1px 1px #CED2D6;
  color: #1F3D63;
  border-bottom: solid 2px; }
.input-group .btn-group-green > label.active {
  background: #4CAF50;
  text-shadow: 1px 1px 1px #3B803E;
  box-shadow: inset 1px 1px 1px #337935; }
.input-group .btn-group > label:nth-child(3) {
  border-left: solid 1px #D4D3D3; }

.bg-white .input-group .btn-group {
  border: solid 1px #ECECEC;
  border-radius: 2px; }

.bg-grey label {
  color: #657A96; }
.bg-grey input {
  /* box-shadow : 1px 1px 1px #ececec; */ }

.bg-blue label {
  color: white;
  font-weight: 500; }
.bg-blue input, .bg-blue select {
  box-shadow: 1px 1px 1px 1px rgba(37, 70, 115, 0.2);
  border: 0; }

.bg-white label {
  color: grey; }
.bg-white input {
  box-shadow: 1px 1px 1px #E2E0E0;
  border-radius: 2px;
  border: solid 1px #E3E1E1; }

/********************************************************************
* IMAGE INPUT
*********************************************************************/
.input-group .image-input {
  border: solid 1px #DCE2E8;
  cursor: pointer;
  border-radius: 2px;
  background: white; }
  .input-group .image-input .image-container {
    padding: 10px; }
    .input-group .image-input .image-container img {
      height: 100px;
      width: 100px;
      object-fit: cover;
      display: block;
      text-align: center;
      margin: auto;
      border-radius: 100%; }
    .input-group .image-input .image-container.full-width {
      padding: 10px; }
      .input-group .image-input .image-container.full-width img {
        width: 100%;
        border-radius: 0;
        height: 300px; }
    .input-group .image-input .image-container span {
      display: block;
      font-size: 15px;
      color: #2D5894;
      text-transform: uppercase;
      font-weight: 900;
      text-align: center; }
    .input-group .image-input .image-container i {
      display: block;
      padding: 10px;
      font-size: 26px;
      color: #2D5894;
      text-shadow: 1px 1px 1px #1C365A;
      text-align: center; }
  .input-group .image-input input[type="file"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 0px;
    padding: 0; }

@media (max-width: 996px) {
  .input-group .image-input .image-container img {
    height: 60px;
    width: 60px;
    border-radius: 100%; }
  .input-group .radio-button-group label {
    margin: 0 2px; } }
/********************************************************************
* Invite Modal
*********************************************************************/
.successful-payment {
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  display: flex;
  color: #4CAF50;
  /* text-shadow : 1px 1px 28px #FFFFFF; */
  display: flex;
  align-items: center;
  width: fit-content;
  margin: auto;
  border: solid 1px white;
  padding: 10px 20px;
  text-align: left;
  background: white;
  /* box-shadow: 1px 1px 1px 1px #DCE2E7; */
  border-radius: 1px;
  /* text-shadow: 1px 1px 28px #a5d7a7; */ }

#invite-modal .invite-friend-incentive {
  letter-spacing: 2px;
  margin: auto;
  text-align: left;
  line-height: 30px;
  font-size: 16px;
  color: #6C7E90;
  font-weight: 300; }
  #invite-modal .invite-friend-incentive b {
    color: #27AE60; }

.successful-payment i {
  border: solid 1px white;
  line-height: 30px;
  height: 30px;
  width: 30px;
  flex: none;
  padding: 0;
  border-radius: 100%;
  background: #4CAF50;
  color: white;
  font-size: 14px;
  margin-right: 5px; }

#invite-modal .invite-button {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); }
  #invite-modal .invite-button span {
    color: white !important;
    font-weight: 900; }
#invite-modal .invite-link {
  box-shadow: none; }

.step-by-step .invite-link {
  box-shadow: none; }

#general-loader {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #edf1f696;
  font-size: 50px;
  z-index: 1000000000000000;
  color: #1d3b64;
  position: fixed;
  align-items: center;
  display: flex; }
  #general-loader i {
    margin: auto; }

/********************************************************************
* Multiselect
*********************************************************************/
.multi-select + .btn-group {
  width: 100%; }
  .multi-select + .btn-group button {
    width: 100%;
    border: none;
    text-align: left; }
  .multi-select + .btn-group > ul {
    width: 100%;
    position: absolute;
    max-height: 200px;
    overflow-y: scroll;
    padding-bottom: 50px; }
  .multi-select + .btn-group label {
    margin: 0;
    font-size: 10px;
    text-transform: none; }

.dropdown-menu > .active > a label {
  color: white !important; }
.dropdown-menu > li > a {
  padding: 0; }

.multi-select + .btn-group.open .dropdown-toggle {
  border-radius: 0;
  background: white;
  text-align: left;
  overflow: hidden; }

/********************************************************************
* TRANSLATION CONTAINER
*********************************************************************/
#translation-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: scroll; }

#translation-button {
  position: fixed;
  line-height: 32px;
  font-weight: 900;
  text-align: center;
  background: #4CAF50;
  width: 90%;
  left: 0;
  right: 0;
  margin-left: 5%;
  bottom: 0; }

#translation-container.blur {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999; }
#translation-container section#middle {
  margin-right: 200px !important; }

#translation-table {
  position: fixed;
  right: 0;
  width: 200px;
  top: 60px;
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 200px;
  text-align: center;
  padding-top: 100px;
  z-index: 9999;
  background-color: white; }
  #translation-table h2 {
    font-size: 13px;
    text-align: center;
    color: #4CAF50;
    line-height: 30px;
    background: #4CAF50;
    display: inline-block;
    text-align: center;
    color: white;
    padding: 0 10px;
    border-radius: 2px; }
  #translation-table .translation-row {
    padding: 5px 20px;
    border-bottom: solid 1px #EDF1F5; }
    #translation-table .translation-row.translation-row-focus {
      background: #4CAF50; }
      #translation-table .translation-row.translation-row-focus .translation-original {
        color: white; }
  #translation-table .translation-original {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 10px;
    text-align: left;
    line-height: 20px;
    color: #4CAF50; }
  #translation-table .translation-value textarea {
    border: solid 1px #EDF1F5;
    font-size: 11px;
    border-radius: 2px;
    width: 100%;
    text-align: left;
    line-height: 20px;
    padding: 5px;
    background: #FDFDFD;
    color: grey; }

#translation-container #translation-overlay {
  display: none; }
#translation-container.blur #translation-overlay {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999; }
#translation-container .translation-input {
  color: inherit; }
  #translation-container .translation-input.translation-focus {
    border: solid 2px #4CAF50;
    background: #4EB052;
    color: white;
    border-radius: 1px;
    padding: 0 2px; }
#translation-container #translation-indication {
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 10000;
  background: rgba(98, 185, 101, 0.82);
  color: white;
  padding: 10px;
  font-weight: 900;
  letter-spacing: 1px;
  box-shadow: 1px 1px 1px 0px #447D46;
  width: 300px; }
#translation-container .translation-input-container {
  z-index: 1000000; }
  #translation-container .translation-input-container i {
    width: 20px;
    height: 20px;
    background: green;
    line-height: 20px;
    border-radius: 50%;
    color: white;
    font-size: 10px;
    border: solid 1px white; }
#translation-container textarea.translation-input {
  all: inherit;
  margin: 0;
  padding: 0;
  width: 100%;
  height: inherit;
  line-height: inherit;
  display: inline; }

/********************************************************************
* USER SEARCH AUTOCOMPLETE
*********************************************************************/
.easy-autocomplete {
  position: relative;
  width: 100% !important; }

.autocomplete-user-id {
  background: #EEEEEE !important; }

.user-search-autocomplete {
  border: solid 2px #DCE2E8 !important; }
  .user-search-autocomplete.checkout-autocomplete {
    height: 42px !important;
    border: solid 1px #DCE2E8 !important; }
  .user-search-autocomplete ~ .easy-autocomplete-container {
    position: absolute;
    background: white;
    width: 100%;
    z-index: 10;
    border: solid 1px #DCE2E8;
    border-top: 0;
    border-bottom: 0; }
    .user-search-autocomplete ~ .easy-autocomplete-container ul {
      list-style: none;
      margin: 0;
      padding: 0;
      border-bottom: solid 2px #DCE2E8;
      display: none; }
      .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-category {
        display: none; }
      .user-search-autocomplete ~ .easy-autocomplete-container ul > li {
        cursor: pointer;
        text-align: left; }
        .user-search-autocomplete ~ .easy-autocomplete-container ul > li.selected {
          background: #EDF1F5;
          box-shadow: 1px 1px 1px 1px #C3C3C3; }
      .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item {
        font-size: 12px;
        /* color         : #8592A2; */
        /* padding-left  : 5px; */
        line-height: 40px;
        border-bottom: solid 1px #F3F7FA;
        /* vertical-align: middle; */
        padding: 5px 10px; }
        .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item img {
          width: 30px;
          height: 30px;
          border-radius: 100%;
          object-fit: cover;
          margin-right: 5px;
          display: table;
          vertical-align: middle; }
        .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item .eac-item-container {
          display: table;
          width: 100%; }
          .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item .eac-item-container .img-container {
            display: table-cell;
            width: 40px;
            vertical-align: middle; }
        .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item .name {
          line-height: 22px;
          font-weight: 400;
          letter-spacing: 1px;
          color: #1F3D67;
          font-size: 11px;
          text-transform: uppercase; }
        .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item .stats {
          display: block;
          text-align: left;
          text-transform: uppercase;
          font-size: 9px;
          font-weight: 900;
          letter-spacing: 1px;
          color: #5C6F89;
          line-height: 10px; }
        .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item .position {
          font-weight: 900; }
        .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item .info {
          display: table-cell;
          vertical-align: middle; }
          .user-search-autocomplete ~ .easy-autocomplete-container ul .eac-item .info .number {
            display: inline-block;
            margin-right: 3px;
            font-weight: 900; }

.autocomplete-venue-id {
  background: #EEEEEE !important; }

/********************************************************************
* TEAM SEARCH AUTOCOMPLETE
*********************************************************************/
.easy-autocomplete {
  position: relative;
  width: 100% !important; }

.autocomplete-team-id {
  background: #EEEEEE !important; }

.team-search-autocomplete {
  border: solid 2px #DCE2E8 !important; }
  .team-search-autocomplete ~ .easy-autocomplete-container {
    position: absolute;
    background: white;
    width: 100%;
    z-index: 10;
    border: solid 1px #DCE2E8;
    border-top: 0;
    border-bottom: 0; }
    .team-search-autocomplete ~ .easy-autocomplete-container ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .team-search-autocomplete ~ .easy-autocomplete-container ul .eac-category {
        display: none; }
      .team-search-autocomplete ~ .easy-autocomplete-container ul > li {
        cursor: pointer;
        text-align: left; }
        .team-search-autocomplete ~ .easy-autocomplete-container ul > li.selected {
          background: #F7F6F6; }
      .team-search-autocomplete ~ .easy-autocomplete-container ul .eac-item {
        font-size: 12px;
        color: #8592A2;
        padding-left: 5px;
        line-height: 30px;
        border-bottom: solid 1px #DCE2E8; }

/********************************************************************
* VENUE SEARCH AUTOCOMPLETE
*********************************************************************/
.easy-autocomplete {
  position: relative;
  width: 100% !important; }

.autocomplete-team-id {
  background: #EEEEEE !important; }

.venue-search-autocomplete {
  border: solid 2px #DCE2E8 !important; }
  .venue-search-autocomplete ~ .easy-autocomplete-container {
    position: absolute;
    background: white;
    width: 100%;
    z-index: 10;
    border: solid 1px #DCE2E8;
    border-top: 0;
    border-bottom: 0; }
    .venue-search-autocomplete ~ .easy-autocomplete-container ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .venue-search-autocomplete ~ .easy-autocomplete-container ul .eac-category {
        display: none; }
      .venue-search-autocomplete ~ .easy-autocomplete-container ul > li {
        cursor: pointer;
        text-align: left; }
        .venue-search-autocomplete ~ .easy-autocomplete-container ul > li.selected {
          background: #F7F6F6; }
      .venue-search-autocomplete ~ .easy-autocomplete-container ul .eac-item {
        font-size: 12px;
        color: #8592A2;
        padding-left: 5px;
        line-height: 30px;
        border-bottom: solid 1px #DCE2E8; }

/********************************************************************
* INPUT: INLINE INPUT
*********************************************************************/
.inline-input {
  display: table;
  width: 100%;
  margin: 15px 0;
  table-layout: fixed; }
  .inline-input .input-group {
    display: table-cell;
    padding-right: 5px;
    vertical-align: middle;
    text-align: center; }
    .inline-input .input-group.vertical-bottom {
      vertical-align: bottom; }
  .inline-input.i2 .input-group {
    width: 50%; }
  .inline-input .input-group:last-child {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    border-radius: 8px; }

/********************************************************************
* FORM UNIQUE
*********************************************************************/
form.unique-form {
  /* background: #2d5894; */ }
  form.unique-form .input-group.input-unique {
    display: none; }
  form.unique-form .input-group.active {
    display: block; }
  form.unique-form .state-box {
    display: table;
    width: 50%;
    margin: 0 25%;
    margin-top: 10px; }
    form.unique-form .state-box .state {
      display: table-cell;
      text-align: center;
      cursor: default; }
      form.unique-form .state-box .state span {
        width: 20px;
        height: 20px;
        background: #DDDDDD;
        border: solid 2px white;
        border-radius: 100%;
        text-align: center;
        display: inline-block; }
      form.unique-form .state-box .state.active span {
        background: #FDBF08;
        cursor: default; }
      form.unique-form .state-box .state.valid span {
        background: #4CAF50;
        cursor: pointer; }

.bg-grey .input-group.input-unique label {
  color: #2D5894; }

.input-group.input-unique label {
  font-size: 48px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 20px; }
.input-group.input-unique input, .input-group.input-unique select {
  font-size: 20px;
  line-height: inherit;
  height: 60px;
  background: white;
  border: none; }

.input-group.input-unique .fancy-input {
  line-height: 55px;
  border-bottom: none; }
  .input-group.input-unique .fancy-input > i {
    font-size: 24px;
    width: 60px;
    border: none;
    text-shadow: none;
    border-right: solid 1px #C9D1DC; }
  .input-group.input-unique .fancy-input > .append {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    line-height: 60px;
    text-align: center;
    background: #FAFAFA;
    color: #2D5894;
    font-size: 10px;
    font-weight: 900;
    padding: 0px 20px;
    text-transform: uppercase;
    border-left: solid 1px #C9D1DC; }
.input-group .fancy-input > .append {
  display: table-cell;
  width: 70px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
  text-align: center; }

/********************************************************************
* BOX
*********************************************************************/
.box {
  border-radius: 1px;
  padding: 10px;
  background: white; }

.bg-grey .box {
  /* box-shadow: 1px 1px 21px 0px #DCE2E8; */ }

.bg-white .box {
  box-shadow: 1px 1px 1px #E2E0E0;
  background: rgba(255, 255, 255, 0.4); }

.bg-blue .box {
  box-shadow: 1px 1px 1px #1D314E; }

/********************************************************************
* Box venue info
*********************************************************************/
.box.venue-info {
  padding: 0;
  margin: 5px; }
  .box.venue-info .image {
    display: table-cell;
    width: 30%; }
    .box.venue-info .image img {
      width: 100%;
      height: 301px;
      object-fit: cover; }
  .box.venue-info .info-container {
    width: 100%;
    padding-left: 10px;
    vertical-align: top;
    padding: 0;
    position: relative;
    display: block; }
  .box.venue-info .g-map {
    height: 300px;
    width: 100%;
    background: blue; }
  .box.venue-info .info-container .venue-name {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    color: #B6BDC3; }

.activity-description {
  font-size: 15px !important;
  padding: 20px;
  line-height: 30px !important;
  font-weight: 300 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-align: justify;
  color: #224473 !important;
  line-height: 25px;
  font-weight: 300; }

.box.box-stat-unique {
  display: table;
  width: 100%;
  padding: 0; }
  .box.box-stat-unique .image {
    display: table-cell;
    width: 50%;
    padding: 20px; }
    .box.box-stat-unique .image img {
      height: 50px;
      width: 50px; }
  .box.box-stat-unique .number {
    font-size: 30px;
    font-weight: 900;
    color: #555555; }
  .box.box-stat-unique .content {
    display: table-cell;
    width: 50%;
    background: #FAFAFA;
    vertical-align: middle; }
  .box.box-stat-unique .label {
    color: #777777;
    padding: 0;
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase; }
  .box.box-stat-unique .content .user-image img {
    width: 40px;
    height: 40px;
    border-radius: 100%; }
  .box.box-stat-unique .content .user-name {
    font-size: 12px; }
  .box.box-stat-unique .subtitles {
    font-size: 8px; }

/********************************************************************
* BOX Stat
*******************************************************************/
.modal-stats-container .box.box-stat-unique {
  margin: 5px;
  border-radius: 1px;
  box-shadow: 1px 1px 1px #EEEEEE; }
  .modal-stats-container .box.box-stat-unique .image {
    vertical-align: middle;
    padding: 20px 0px; }
    .modal-stats-container .box.box-stat-unique .image img {
      width: 20px;
      height: 20px; }
  .modal-stats-container .box.box-stat-unique .number {
    font-size: 15px; }
  .modal-stats-container .box.box-stat-unique .label {
    font-size: 10px; }

/********************************************************************
* activity-waiver
*********************************************************************/
.remodal.lg {
  max-width: inherit;
  width: auto; }

#activity-waiver p {
  text-align: center;
  font-size: 11px;
  line-height: 20px; }

.remodal h2 {
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #2D4784; }

#activity-waiver button {
  margin-top: 20px; }

@media (max-width: 765px) {
  .remodal {
    padding: 20px 7px;
    margin: 0;
    width: calc(100vw - 10px);
    height: calc(100vh - 20px); }
    .remodal .container-fluid {
      padding: 0; } }
/********************************************************************
* SM BOX
*********************************************************************/
.box-sm {
  display: block;
  padding: 2px 10px; }
  .box-sm.bg-grey {
    background: #F9F9F9;
    border: solid 1px #EEEEEE;
    text-align: center; }
  .box-sm > label {
    color: #97A1AD;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px; }
    .box-sm > label > i {
      font-size: 15px; }
  .box-sm > span {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    color: #2B548C; }

/********************************************************************
* BOX Panel
*********************************************************************/
.box.panel {
  padding: 0;
  background: transparent;
  /* margin-top    : 10px; */
  border: none;
  margin-bottom: 20px;
  text-align: left;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  position: relative; }

.panel-body > .stats {
  display: table;
  width: 100%; }
  .panel-body > .stats > .stat {
    display: table-cell;
    width: 25%;
    text-align: center; }
    .panel-body > .stats > .stat > label {
      font-weight: 900;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-size: 11px;
      line-height: 10px;
      color: #8595AB; }
    .panel-body > .stats > .stat > span {
      font-size: 25px;
      font-weight: 900;
      color: #224067; }

.box.panel .panel-header {
  left: 0;
  color: #274C80;
  margin: 0;
  background: #FFFFFF;
  cursor: pointer;
  border-bottom: none;
  padding: 10px 0;
  display: block;
  /* border-bottom : solid 1px #EDF1F5; */
  padding-left: 15px;
  margin-top: 10px; }
  .box.panel .panel-header.selected + .panel-body {
    display: none; }
  .box.panel .panel-header.selectable {
    position: relative; }
    .box.panel .panel-header.selectable > i {
      position: absolute;
      right: 0;
      top: 0;
      line-height: 50px;
      width: 40px;
      text-align: center; }
      .box.panel .panel-header.selectable > i:before {
        content: "\f0c9"; }
  .box.panel .panel-header.tabs {
    display: table;
    width: 100%;
    padding: 0;
    table-layout: fixed;
    margin-bottom: 20px;
    background: none; }
    .box.panel .panel-header.tabs.ultimate {
      display: table;
      width: 100%;
      padding: 0;
      table-layout: fixed;
      margin-bottom: 20px;
      background: none; }
  .box.panel .panel-header.ultimate .tab {
    border-radius: 0;
    padding: 0;
    background: transparent; }
    .box.panel .panel-header.ultimate .tab.active {
      border-bottom: none;
      background: transparent; }
      .box.panel .panel-header.ultimate .tab.active h3, .box.panel .panel-header.ultimate .tab.active:hover h3 {
        background: #486081;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); }
  .box.panel .panel-header .tab:hover {
    background: #D1E0F3; }
  .box.panel .panel-header.ultimate .tab:hover {
    background: none; }
    .box.panel .panel-header.ultimate .tab:hover h3 {
      background: #D1E0F3; }
  .box.panel .panel-header .tab {
    display: table-cell;
    text-align: center;
    border-right: solid 1px #EDF1F5;
    vertical-align: middle;
    border-radius: inherit;
    border-radius: 5px 4px 0px 0px;
    background: white; }
    .box.panel .panel-header .tab .image {
      display: inline-block; }
      .box.panel .panel-header .tab .image img {
        width: 30px;
        height: 30px;
        display: inline-block;
        object-fit: cover;
        border-radius: 100%; }
    .box.panel .panel-header .tab.active {
      border-bottom: solid 2px #FDBF08;
      font-weight: 900;
      background: #1D3B64;
      color: white; }
      .box.panel .panel-header .tab.active h3 {
        color: white; }
.box.panel .panel-content {
  padding: 0;
  padding-bottom: 0; }
.box.panel .panel-header h3 {
  margin: 0;
  line-height: 40px;
  font-weight: inherit;
  font-size: 12px;
  color: #486081;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 400; }
.box.panel .panel-header.ultimate .tab h3 {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 10px 0;
  background: white;
  border: solid 1px #E6EAED;
  border-radius: 3px;
  font-weight: 900;
  text-align: center;
  margin: 0;
  letter-spacing: 1px;
  border: none;
  border-radius: 0; }
  .box.panel .panel-header.ultimate .tab h3 i {
    display: inline-block;
    margin-right: 5px; }
.box.panel .panel-header h2 {
  margin: 5px;
  line-height: 30px;
  font-size: 13px;
  color: #324D72 !important;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  padding-left: 15px;
  padding: 0; }
.box.panel .panel-body {
  background: white;
  overflow: visible; }
  .box.panel .panel-body.bg-transparent {
    background: transparent !important; }
  .box.panel .panel-body.submission-text h3 {
    color: #4CAF50;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 20px;
    text-align: center; }
  .box.panel .panel-body.submission-text a {
    text-align: center;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 12px;
    line-height: 16px; }
  .box.panel .panel-body .text p {
    line-height: 25px;
    font-size: 13px;
    letter-spacing: 1px; }
.box.info {
  padding-bottom: 0;
  margin-bottom: 10px;
  padding: 0;
  background: white; }
  .box.info .info-cont.team-capacity {
    margin-top: 0;
    margin-bottom: 20px; }

@media (max-width: 996px) {
  .box.panel .panel-header {
    line-height: 30px;
    font-size: 16px;
    text-align: center; }
    .box.panel .panel-header h3 {
      font-size: 9px; }
    .box.panel .panel-header.ultimate .tab h3 {
      font-size: 10px;
      line-height: 22px; } }
/********************************************************************
* BOX info
*********************************************************************/
button.user-dash {
  float: right;
  border: solid 1px #479C4B;
  font-size: 10px;
  line-height: 10px;
  padding: 2px 10px;
  color: white;
  background: #4CAF50;
  border-radius: 1px;
  text-shadow: 1px 1px 1px #479A4A;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer !important; }

.box.info .half {
  display: table-cell;
  text-align: left; }
.box.info .full {
  display: table-row;
  width: 100%;
  text-align: left;
  position: relative; }

#ranking h4, #join h4 {
  font-size: 15px;
  font-weight: 900;
  line-height: 30px;
  color: #7D97BC;
  text-transform: uppercase; }

.box.info .info-cont {
  width: 100%;
  display: block;
  margin: 10px 0px;
  text-align: center; }
  .box.info .info-cont.paid {
    margin: 0; }
    .box.info .info-cont.paid h5 {
      margin: 0;
      display: table-cell;
      width: 50%;
      text-align: center;
      vertical-align: middle;
      line-height: 50px;
      background: #F9F9F9;
      font-weight: 900;
      text-transform: uppercase;
      color: #409644;
      border-right: solid 1px #DEDEDE;
      border-bottom: solid 1px #DEDEDE; }
      .box.info .info-cont.paid h5:last-child {
        border-right: none; }
  .box.info .info-cont.to-pay {
    margin: 0; }
    .box.info .info-cont.to-pay h5 {
      margin: 0;
      display: table-cell;
      width: 50%;
      text-align: center;
      vertical-align: middle;
      line-height: 50px;
      background: #F9F9F9;
      font-weight: 900;
      text-transform: uppercase;
      color: #FF9800;
      border-right: solid 1px #DEDEDE;
      border-bottom: solid 1px #DEDEDE; }
      .box.info .info-cont.to-pay h5:last-child {
        border-right: none; }
    .box.info .info-cont.to-pay .input-group {
      margin: 0 0; }
      .box.info .info-cont.to-pay .input-group .input-info {
        margin: 0;
        box-shadow: none;
        line-height: 16px;
        color: #5D7EAB; }
.box.info .display-table {
  height: auto;
  table-layout: fixed; }
.box.info .info-cont.team-capacity > label {
  background: #2D5894;
  color: white;
  box-shadow: none;
  border-radius: 5px 10px 0;
  background: #2D5894;
  color: white;
  box-shadow: none;
  border-radius: 0; }
.box.info .half:first-child .info-cont.team-capacity > label {
  border-radius: 2px 0 0 0; }
.box.info .info-cont.to-pay label {
  background: #FF9800;
  color: white;
  box-shadow: none;
  margin: 0; }
.box.info .info-cont.paid label {
  background: #4CAF50;
  color: white;
  box-shadow: none;
  margin: 0; }
.box.info .info-cont > label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 900;
  color: #A1A7AD;
  background: #EDF1F5;
  line-height: 30px;
  box-shadow: inset 1px 1px 1px #D4D9DE; }

.warning-container, .warning-container-2 {
  display: block;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 18px; }

#small-warning {
  font-size: 10px; }

@media (max-width: 996px) {
  .time-container {
    background: rgba(0, 0, 0, 0.54);
    color: white;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    width: 100%;
    height: 100%; } }
.time-container {
  background: rgba(0, 0, 0, 0.54);
  color: white;
  font-size: 72px;
  font-weight: 900; }

#timer {
  text-align: center;
  display: block;
  height: 80px; }

#hours-container, #minutes-container, #seconds-container, #days-container {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px; }

#countdown-hours, #countdown-minutes, #countdown-seconds, #countdown-days {
  font-size: 10px;
  text-transform: uppercase;
  line-height: 12px; }

.warning-image img {
  height: 31px;
  width: 31px; }

#info .box.info .info-cont label {
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0px 20px; }

.box.info .info-cont img {
  border-radius: 100%;
  height: 60px;
  width: 60px;
  object-fit: cover;
  border: solid 2px #EEEEEE; }
.box.info .info-cont input.invite-link {
  width: 100%;
  text-align: center;
  line-height: 50px;
  background: #FBFBFB;
  color: #1D3E6B;
  font-weight: 400;
  display: block;
  border: solid 2px #EEEEEE; }
.box.info .info-cont label i {
  margin-right: 5px; }
.box.info .team-capacity .venue-address {
  padding: 0; }
.box.info .info-cont h3 {
  margin-left: 0;
  color: #224473;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  line-height: 40px;
  margin: 0;
  font-weight: 900;
  font-size: 15px; }
  .box.info .info-cont h3 small {
    line-height: 10px; }
  .box.info .info-cont h3 sup {
    opacity: 0.8;
    letter-spacing: 0; }

#info .box.info .info-cont p {
  text-align: center; }

.box.info .info-cont p {
  color: #24416B;
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
  padding: 20px; }
.box.info.admin {
  padding-bottom: 0;
  margin-bottom: 10px;
  padding: 10px;
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #274C80;
  color: white;
  margin: 5px; }
  .box.info.admin .text {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .box.info.admin .text .title {
      font-size: 27px; }
    .box.info.admin .text .subtitle {
      font-size: 10px;
      font-weight: 900;
      text-transform: uppercase; }
  .box.info.admin .image {
    display: table-cell;
    vertical-align: middle; }
    .box.info.admin .image i {
      width: 60px;
      height: 60px;
      text-align: center;
      font-size: 30px;
      line-height: 60px;
      border-radius: 100%;
      background: rgba(12, 12, 12, 0.13);
      color: #FFFFFF;
      border: solid 1px rgba(255, 255, 255, 0.25); }
.box.team {
  margin-bottom: 10px;
  padding: 0; }
.box.activity > a {
  position: relative;
  width: auto;
  height: auto;
  margin: auto;
  display: block;
  width: 100%; }
.box.team .image {
  width: 100%;
  position: relative; }
  .box.team .image img {
    width: 100%;
    object-fit: cover;
    height: 100%; }
  .box.team .image .name {
    position: absolute;
    bottom: 20px;
    background: rgba(24, 45, 72, 0.75);
    color: white;
    width: 100%;
    line-height: 25px;
    height: 25px;
    font-weight: 300;
    overflow-y: hidden;
    text-align: left;
    padding-left: 4px;
    border-top: solid 1px rgba(255, 255, 255, 0.59); }
  .box.team .image .number {
    position: absolute;
    top: 0;
    background: rgba(24, 45, 72, 0.75);
    color: white;
    line-height: 20px;
    right: 0;
    font-weight: 900;
    overflow-y: hidden;
    padding: 10px 10px;
    font-size: 18px;
    width: 60px; }
    .box.team .image .number label {
      font-size: 8px;
      color: white;
      line-height: 5px;
      text-align: center; }
  .box.team .image .category {
    font-size: 10px;
    color: white;
    line-height: 20px;
    text-align: center;
    height: 20px;
    position: absolute;
    bottom: 0;
    font-weight: 900;
    text-transform: uppercase;
    left: 0;
    width: 100%;
    background: rgba(24, 45, 72, 0.75);
    padding-left: 5px;
    text-align: left;
    border: none; }
.box.team .info {
  border-top: solid 3px #FDBF08;
  width: 100%;
  display: table;
  padding: 5px; }
.box.team .left-info {
  display: table-cell;
  text-align: left;
  vertical-align: middle; }
.box.team .right-info {
  display: table-cell; }
.box.team .left-info {
  width: 85%;
  display: table-cell;
  text-align: left; }
.box.team .name {
  display: block;
  color: #2D5894;
  font-size: 16px;
  height: 24px;
  overflow-y: hidden; }
.box.team .category {
  font-size: 12px;
  padding-left: 2px; }
.box.team .right-info label {
  font-size: 9px; }
.box.team .rank {
  font-size: 20px;
  font-weight: 600;
  color: #2D5894; }

@media (max-width: 996px) {
  .box.info .half {
    display: table-row;
    width: 100%;
    padding-bottom: 10px; }
  .box.info .full {
    text-align: center; } }
/********************************************************************
* BOX info
*********************************************************************/
/********************************************************************
* BOX TEAM
*********************************************************************/
/********************************************************************
* BOX GAME SMALL
*********************************************************************/
.sb-games-container {
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  width: 300px;
  height: 100%; }

/********************************************************************
* BOX GAME SMALL
*********************************************************************/
.my-box-targets .box.game-sm {
  border-radius: 2px;
  background: linear-gradient(to right, #FAFAFA, white);
  border: solid 1px #F4F4F4; }

.box.game-sm {
  padding: 0;
  margin: 5px;
  display: block;
  position: relative;
  text-align: center;
  border: solid 1px #F2F3F5; }
  .box.game-sm .activity_name {
    text-align: center;
    display: block;
    margin: auto;
    width: 100%;
    color: #193356;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 7px; }
  .box.game-sm .teams {
    width: 100%;
    display: table; }
    .box.game-sm .teams .table {
      margin: 0; }
  .box.game-sm .team {
    display: table-cell;
    width: 50%;
    padding: 0;
    text-align: center; }
  .box.game-sm .date {
    font-size: 10px;
    font-weight: 500;
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #909EB3; }
    .box.game-sm .date > b {
      font-weight: 900;
      color: #435C7E; }
  .box.game-sm .time {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1D3B64; }
  .box.game-sm a.venue-name {
    font-size: 11px;
    font-weight: 500;
    color: #274671;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase; }
  .box.game-sm .team .image {
    display: table-cell;
    width: 50%; }
    .box.game-sm .team .image img {
      border-radius: 100%;
      height: 40px;
      width: 40px;
      object-fit: cover;
      border: solid 1px #EEEEEE; }
  .box.game-sm .team .image1 img {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    object-fit: cover;
    border: solid 1px #EEEEEE; }
  .box.game-sm .team .name {
    height: 21px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 10px;
    color: #1D3B64;
    height: 15px;
    overflow: hidden;
    font-weight: 400; }
  .box.game-sm .team .score {
    display: table-cell;
    font-size: 25px;
    vertical-align: middle;
    padding: 0 10px;
    color: black; }
.box.team-sm {
  margin: 10px 5px;
  padding: 0; }
  .box.team-sm .individual-icon {
    position: absolute;
    border: solid 1px #EEEEEE;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background: #FDBF08;
    color: white;
    top: 0;
    left: 8px; }

/********************************************************************
* BOX TEAM SMALL
*********************************************************************/
.indic .individual-icon {
  border: solid 1px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  background: #FDBF08; }

.box.team-sm.active {
  margin: 10px 5px;
  border: solid 2px #4CAF50; }
.box.team-sm .table {
  margin: 0;
  position: relative;
  display: flex !important;
  align-items: center;
  padding: 0 5px; }
.box.team-sm .display-table {
  height: auto; }
.box.team-sm .image {
  width: 60px;
  display: block;
  padding: 5px; }
.box.team-sm .info {
  vertical-align: middle;
  padding: 10PX;
  /* position: relative; */
  flex: 1;
  min-width: 0;
  text-align: left; }
.box.team-sm .price {
  display: table-cell;
  background: #FBFAFA;
  font-weight: 900;
  font-size: 16px;
  border-left: solid 1px #EEEEEE;
  color: #61A363;
  width: 100px;
  vertical-align: middle;
  min-width: 70px;
  display: none; }
.box.team-sm a.name {
  text-transform: uppercase;
  height: 16px;
  font-size: 11px;
  overflow-y: hidden;
  display: block; }
.box.team-sm .capacity {
  margin-top: 5px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  color: #20406D; }
  .box.team-sm .capacity button {
    margin: auto;
    text-transform: uppercase;
    font-size: 10px; }
.box.team-sm .select-ind {
  display: none; }
.box.team-sm.active .select-ind {
  display: table-cell;
  width: 30px; }
.box.team-sm .select-ind i {
  background: #4CAF50;
  text-shadow: 1px 1px 1px #306F33;
  color: white;
  padding: 5px;
  border-radius: 100%; }
.box.team-xsm {
  padding: 0;
  border: solid 1px #F5F7F8;
  border-radius: 1px;
  margin: 2px; }
  .box.team-xsm.active {
    margin: 10px 5px;
    border: solid 2px #4CAF50; }
  .box.team-xsm .table {
    margin: 0; }
  .box.team-xsm .display-table {
    height: auto; }
  .box.team-xsm .image {
    width: 60px;
    display: table-cell;
    padding: 5px;
    vertical-align: middle; }
  .box.team-xsm .info {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    text-align: left; }
  .box.team-xsm .price {
    display: table-cell;
    background: #FBFAFA;
    font-weight: 900;
    font-size: 14px;
    border-left: solid 1px #EEEEEE;
    color: #61A363;
    width: 100px;
    min-width: 70px; }
  .box.team-xsm .image img {
    width: 100%;
    object-fit: cover;
    border: solid 2px #EEEEEE;
    border-radius: 100%;
    width: 30px;
    height: 30px; }
  .box.team-xsm a.name {
    text-transform: uppercase;
    font-size: 12px;
    overflow-y: hidden;
    display: block;
    font-weight: 500;
    letter-spacing: 1px;
    color: #20406D;
    height: 16px; }
  .box.team-xsm .capacity {
    margin-top: 0;
    font-size: 7px;
    font-weight: 900;
    text-transform: uppercase;
    color: #8AA2C3; }
    .box.team-xsm .capacity button {
      margin: auto;
      text-transform: uppercase;
      font-size: 10px; }
  .box.team-xsm .select-ind {
    display: none; }
  .box.team-xsm.active .select-ind {
    display: table-cell;
    width: 30px; }
  .box.team-xsm .select-ind i {
    background: #4CAF50;
    text-shadow: 1px 1px 1px #306F33;
    color: white;
    padding: 5px;
    border-radius: 100%; }

/********************************************************************
* BOX EXTRA SMALL
*********************************************************************/
/********************************************************************
* MY SIMPLE TABLE
*********************************************************************/
.my-simple-table .my-simple-paging {
  display: block;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  height: 40px;
  white-space: nowrap;
  overflow-x: scroll; }
  .my-simple-table .my-simple-paging .page {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: white;
    margin-right: 10px;
    font-weight: 900;
    font-size: 16px;
    color: #919FB4;
    border-radius: 2px;
    box-shadow: 1px 1px 1px 1px #C0C7D0;
    cursor: pointer; }
    .my-simple-table .my-simple-paging .page.active {
      box-shadow: inset 1px 1px 1px #CBD1D9;
      color: #233F66; }
.my-simple-table h4 {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  color: #9BA8BB; }

/********************************************************************
* BOX USER SMALL
*********************************************************************/
.my-box-targets .box.user-sm {
  box-shadow: none;
  border: solid 1px #EDF1F5;
  border-radius: 2px; }

.box.user-sm {
  margin: 5px;
  padding: 0;
  box-shadow: 1px 1px 19px 1px #E1E5E8;
  display: block;
  position: relative;
  width: 100%;
  position: relative; }

.venue-av-sm.box.user-sm {
  margin: 0;
  cursor: pointer; }

.venue-sm .user-sm-info {
  padding: 0; }

.user-sm-info {
  display: table;
  width: 100%;
  padding: 5px;
  background-color: white;
  background: linear-gradient(to right, #FAFAFA, white); }

.user-sm-show-stats {
  position: absolute;
  bottom: 0px;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase; }

.venue-sm .user-sm-img {
  /* width : 70px; */ }
.venue-sm .venue-price {
  position: absolute;
  top: 5px;
  left: 0;
  font-weight: 900;
  padding: 0px 10px;
  background: #8A9AB0;
  color: white;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 16px; }
  .venue-sm .venue-price sup {
    top: -0.3em;
    margin-left: 2px; }

.venue-av-sm.venue-sm .user-sm-img img {
  height: 80px;
  width: 80px;
  position: relative; }

.venue-sm .user-sm-img img {
  border-radius: 0;
  height: 80px;
  width: 90px; }

.user-sm-img {
  display: table-cell;
  width: 60px;
  vertical-align: middle;
  position: relative; }
  .user-sm-img img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100%; }

.user-sm-info-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: left; }

.venue-av-sm.venue-sm .user-sm-info-wrapper {
  padding: 0; }

.venue-sm .user-sm-info-wrapper {
  padding-left: 10px; }

.venue-av-sm.box.user-sm.active .select-venue {
  display: table-cell; }
.venue-av-sm.venue-sm .select-venue {
  display: table-cell;
  width: 50px;
  background: #62B965;
  color: white;
  font-size: 20px;
  line-height: 70px;
  display: none; }
.venue-av-sm .user-sm-name {
  padding-left: 10px;
  line-height: 30px;
  color: #1D3B64;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 9px; }

.user-sm-name {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: #1D3B64; }

.venue-av-sm .venue-sm-date {
  display: block;
  width: 100%;
  font-size: 13px;
  table-layout: fixed;
  text-align: left;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  color: #1D3B64;
  line-height: 30px;
  background: #EEEEEE;
  background: linear-gradient(to right, #EEEEEE, white);
  background: transparent;
  display: table;
  width: 100%;
  padding: 0; }
  .venue-av-sm .venue-sm-date > div {
    font-size: 10px;
    line-height: 20px;
    background: transparent; }
  .venue-av-sm .venue-sm-date .date {
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    font-weight: 900;
    line-height: 28px;
    text-align: center;
    color: #536B8A;
    padding-left: 10px; }
  .venue-av-sm .venue-sm-date .time {
    display: inline-block;
    font-size: 15px;
    color: #526988;
    padding-left: 10px;
    font-weight: 400;
    text-align: center; }
  .venue-av-sm .venue-sm-date .time-start {
    display: inline-block; }
  .venue-av-sm .venue-sm-date .time-end {
    display: inline; }

.venue-sm .user-sm-position {
  font-weight: 400;
  text-transform: none; }

.user-sm-position {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  color: #8E9DB2; }

.user-sm-score {
  display: table-cell;
  vertical-align: middle;
  width: 60px;
  /* border-left: solid 1px #eee; */ }

.venue-sm .user-sm-score > label {
  font-size: 7px; }

.user-sm-score > label {
  margin: 0;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
  color: #95A3B7; }

.venue-sm .user-sm-score > div {
  font-size: 18px; }
  .venue-sm .user-sm-score > div > sup {
    font-size: 10px;
    padding-left: 1px;
    top: -0.8em; }

.user-sm-score > div {
  font-size: 25px;
  line-height: 30px;
  font-weight: 900;
  color: #1D3B64; }

.venue-av-sm.venue-sm .user-sm-stats {
  display: table;
  width: 100%; }

.venue-sm .user-sm-stats {
  padding: 0;
  height: 20px; }

.user-sm-stats {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px;
  background: #FEFEFE;
  height: 50px;
  color: #1d3b64; }

.venue-sm.venue-av-sm .user-sm-stats > div {
  text-align: center; }
.venue-sm .user-sm-stats > div > div {
  font-size: 10px;
  text-transform: uppercase; }

.venue-av-sm.venue-sm .user-sm-stats > div > label {
  display: none; }
.venue-av-sm.venue-sm .user-sm-stats > div > div {
  font-size: 12px; }

.venue-sm .user-sm-stats > div > label {
  font-size: 10px; }

.user-sm-stats > div {
  flex: 1;
  border-right: solid 1px #EEEEEE;
  color: black;
  overflow: hidden; }
  .user-sm-stats > div:last-child {
    border-right: none; }
  .user-sm-stats > div > div {
    font-weight: 900;
    color: #1d3b64;
    font-weight: 500; }
  .user-sm-stats > div > label {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #3c5578;
    height: 15px;
    overflow: hidden;
    margin: 0;
    font-size: 9px; }

.box.user-sm .Mom {
  color: #F98E2E; }
.box.user-sm .scored {
  color: #A3DA6C; }
.box.user-sm .assist {
  color: #1F3961; }
.box.user-sm .red {
  color: #C44052; }
.box.user-sm .yellow {
  color: #FDBF08; }
.box.team-md {
  margin: 10px 5px;
  padding: 0; }
  .box.team-md .individual-icon {
    position: absolute;
    border: solid 1px #EEEEEE;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background: #FDBF08;
    color: white;
    top: 0;
    left: 8px; }

@media (max-width: 996px) {
  .venue-sm .user-sm-name {
    font-size: 9px;
    height: 27px;
    overflow: hidden; }
  .venue-sm .user-sm-position {
    height: 27px;
    overflow: hidden;
    font-size: 9px; }

  .user-sm-stats {
    padding: 0; } }
/********************************************************************
* BOX TEAM MEDIUM
*********************************************************************/
.indic .individual-icon {
  border: solid 1px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  background: #FDBF08; }

.box.team-md.active {
  margin: 10px 5px;
  border: solid 2px #4CAF50; }
.box.team-md .table {
  margin: 0;
  width: 100%;
  overflow: hidden; }
.box.team-md .display-table {
  height: auto; }
.box.team-md .image {
  width: 60px;
  display: table-cell;
  padding: 5px;
  vertical-align: middle; }
.box.team-md .info {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  text-align: left; }
.box.team-md .price {
  display: table-cell;
  background: #FBFAFA;
  font-weight: 900;
  font-size: 14px;
  border-left: solid 1px #EEEEEE;
  color: #61A363;
  width: 100px;
  min-width: 100px;
  vertical-align: middle; }
.box.team-md .image img {
  width: 100%;
  object-fit: cover;
  border: solid 2px #EEEEEE;
  border-radius: 100%;
  width: 100px;
  height: 100px; }
.box.team-md .jersey-container {
  display: inline-block;
  color: #657D9D;
  font-size: 10px;
  background: #F6F6F7;
  padding: 2px 5px;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #E0E1E2;
  font-weight: 900; }
.box.team-md .your-team {
  display: inline-block;
  font-size: 8px;
  background: #F6F6F7;
  padding: 2px 5px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px #CACACC;
  font-weight: 900;
  position: absolute;
  left: 20px;
  top: 9px; }
.box.team-md .jersey-container > span {
  display: table-cell;
  line-height: 15px;
  height: 15px;
  vertical-align: middle;
  color: #476CA1;
  font-size: 8px;
  letter-spacing: 1px;
  padding-right: 4px; }
.box.team-md .jersey {
  width: 15px;
  height: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: table-cell;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%; }
.box.team-md a.name {
  text-transform: uppercase;
  height: 45px;
  letter-spacing: 1px;
  font-weight: 900;
  font-size: 16px;
  overflow-y: hidden;
  display: block;
  color: #2D5894; }
.box.team-md .capacity {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 2px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  color: #5D7698; }
  .box.team-md .capacity button {
    margin: auto;
    text-transform: uppercase;
    font-size: 10px; }
.box.team-md .select-ind {
  display: none; }
.box.team-md.active .select-ind {
  display: table-cell;
  width: 30px; }
.box.team-md .select-ind i {
  background: #4CAF50;
  text-shadow: 1px 1px 1px #306F33;
  color: white;
  padding: 5px;
  border-radius: 100%; }
.box.option-sm {
  display: table;
  width: 100%;
  padding: 0;
  margin: 5px; }
  .box.option-sm:hover {
    opacity: 0.9; }
  .box.option-sm .icon {
    display: table-cell;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: white;
    background: #162E4E;
    font-size: 15px;
    border-right: solid 1px #224067; }
    .box.option-sm .icon img {
      height: 60px;
      width: 60px;
      object-fit: cover;
      border-radius: 100%;
      padding: 4px; }
  .box.option-sm .name {
    display: table-cell;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    background: #1D3B64;
    color: white; }
.box.player-sm {
  margin: 10px 5px;
  padding: 0;
  height: 60px; }
  .box.player-sm .image {
    display: table-cell;
    padding: 5px;
    width: 50px; }
  .box.player-sm .info {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 5px; }
  .box.player-sm .checked {
    display: table-cell;
    background: #4CAF50;
    color: white;
    text-align: center;
    width: 50px;
    border-left: solid 1px #39823C;
    border-radius: 1px; }

@media (max-width: 1200px) {
  .box.team-md .price {
    display: table-cell;
    color: #61A363;
    width: 100px !important;
    min-width: 100px !important;
    min-width: initial;
    vertical-align: middle; }
  .box.team-md .image img {
    width: 50px;
    height: 50px;
    vertical-align: middle; }
  .box.team-md .my-btn.special.xs span:not(.icon), .box.team-md .my-btn.special.xs div:not(.icon) {
    width: 45px;
    font-size: 6px; }
  .box.team-md a.name {
    font-size: 9px;
    height: 36px;
    color: #7894BA;
    font-weight: 600;
    letter-spacing: 1px; }
  .box.team-md .jersey-container {
    font-size: 6px;
    color: #2D5894;
    font-weight: 600;
    margin-top: 2px; }
    .box.team-md .jersey-container > span {
      font-size: 7px;
      color: #2D5894;
      font-weight: 600;
      height: 15px;
      line-height: 15px; }
  .box.team-md .jersey {
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
  .box.team-md .capacity {
    margin: 0;
    margin-bottom: 5px;
    font-size: 10px;
    padding-left: 3px;
    display: none; }
  .box.team-md .info {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: left; }

  .user-sm-stats > div > label {
    font-size: 6px;
    line-height: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 8px; } }
/********************************************************************
* BOX option-sm
*********************************************************************/
/********************************************************************
* BOX PLAYER SMALL
*********************************************************************/
.player-sm-stats {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  color: #97A1AD;
  font-weight: 400; }

#pay-for-friend {
  display: table-cell;
  width: 170px;
  background: linear-gradient(to right, #4CAF50, #73C177);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  cursor: pointer;
  box-shadow: 1px 0px 10px 1px #7A8798; }

.remove-friend {
  display: table-cell;
  width: 150px; }

.add-friend-checkout {
  display: table-cell;
  width: 100px;
  vertical-align: bottom; }

.pay-for-friend-container {
  display: none; }

.add-friend-checkout button {
  line-height: 29px;
  background: #4CAF50;
  width: 100%;
  color: white;
  border-radius: 2px;
  text-shadow: 1px 1px 1px #3B7D3E;
  cursor: pointer; }

.box.player-sm .image img {
  width: 100%;
  object-fit: cover;
  border: solid 2px #EEEEEE;
  border-radius: 100%;
  width: 50px;
  height: 50px; }
.box.player-sm a.name {
  height: 16px;
  overflow-y: hidden;
  display: inline-block;
  color: #5679A9;
  letter-spacing: 0px; }
.box.player-sm .players-position {
  margin-top: 5px;
  height: 20px;
  font-size: 10px;
  overflow-y: hidden; }

/********************************************************************
* BOX-TRANS
*********************************************************************/
.box-trans .box-title {
  text-align: left;
  padding-left: 5px; }
  .box-trans .box-title h3 {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    color: #1B3559;
    line-height: 40px;
    padding-left: 10px; }

/********************************************************************
* SHOPPING CART
*********************************************************************/
.shopping-cart {
  /* padding : 10px; */
  /* background : white; */
  box-shadow: 1px 1px 16px 1px #D3DBE4;
  /* margin-bottom: 10px; */
  background: white;
  padding: 10px; }

.checkout-overlay {
  position: absolute;
  background: rgba(237, 241, 245, 0.4);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  cursor: not-allowed; }

.shopping-cart .player-sm {
  margin: 0;
  border-bottom: solid 1px #EEEEEE;
  border: none;
  box-shadow: none; }
.shopping-cart .box {
  margin: 0;
  box-shadow: none; }
  .shopping-cart .box.info .info-cont, .shopping-cart .box.info .table {
    margin: 0; }
  .shopping-cart .box.info .info-cont label {
    text-align: center;
    padding-left: 10px;
    background: #2B548C;
    color: white;
    box-shadow: none; }

.checkout-information .box {
  position: relative; }
  .checkout-information .box.player-sm {
    margin: 0;
    border-bottom: solid 1px #EEEEEE; }
  .checkout-information .box.bg-transparent {
    background: transparent !important; }

@media (max-width: 996px) {
  .shopping-cart {
    margin-bottom: 10px;
    padding: 0; }

  .checkout-information {
    padding: 0; } }
/********************************************************************
* Activity info sidebar
*********************************************************************/
.activity-info-sidebar .indic.share-link {
  display: table-cell;
  vertical-align: middle;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0 10px; }
  .activity-info-sidebar .indic.share-link input {
    font-size: 10px;
    margin: 0;
    padding: 0;
    display: none; }
  .activity-info-sidebar .indic.share-link #copy-to-clipboard {
    line-height: 20px;
    display: block;
    position: relative;
    width: 100%;
    font-weight: 500; }
.activity-info-sidebar a.my-btn.facebook {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  margin: 0;
  width: 50%; }
  .activity-info-sidebar a.my-btn.facebook label {
    line-height: 15px;
    height: auto;
    font-size: 10px;
    padding: 5px 11px;
    background: #2D5894 !important;
    display: table;
    width: 100%;
    color: white; }
    .activity-info-sidebar a.my-btn.facebook label span:first-child {
      display: table-cell; }
    .activity-info-sidebar a.my-btn.facebook label .icon {
      background: none; }

#show-info.active ~ .box.info, #show-info.active ~ .col-md-4 {
  display: none; }
#show-info.active .shown-on-active {
  display: inline-block; }
#show-info .shown-on-inactive {
  display: inline-block; }
#show-info.active .shown-on-inactive, #show-info .shown-on-active {
  display: none; }

#benefits .benefits-container .benefits-title {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 10px 2px;
  font-size: 12px;
  color: white;
  background: #FDBF08;
  text-shadow: 1px 1px 1px #EFB60A; }
#benefits .benefits-container .benefit .benefit-title {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #FBFDFF; }
  #benefits .benefits-container .benefit .benefit-title img {
    height: 25px;
    width: 25px; }
#benefits .benefits-container .benefit .benefit-subtitle {
  margin-left: 30px;
  font-size: 12px;
  color: #5074A7;
  font-weight: 400;
  display: inline-block; }
#benefits .benefits-container .benefits-title i {
  color: white;
  border-radius: 100%;
  background: #4CAF50;
  padding: 4px;
  font-size: 12px;
  box-shadow: 1px 1px 13px 1px #E3AB08;
  text-shadow: 1px 1px 1px #3A873D;
  margin-right: 5px;
  border: solid 1px; }
#benefits .benefits-container .benefit {
  color: #4369A0;
  font-weight: 500;
  text-align: left;
  padding: 10px 10px;
  letter-spacing: 1px;
  font-size: 11px;
  line-height: 25px;
  border-bottom: solid 1px #E9EEF2;
  background: #FBFDFF; }

#benefits-t {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  margin: 15px; }
  #benefits-t .benefits-t-container .benefits-t-title {
    column-span: all;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 10px 2px;
    font-size: 12px;
    color: white;
    background: #FDBF08;
    text-shadow: 1px 1px 1px #EFB60A; }
  #benefits-t .benefits-t-container .benefit .benefit-title {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #FBFDFF; }
    #benefits-t .benefits-t-container .benefit .benefit-title img {
      height: 35px;
      width: 35px; }
  #benefits-t .benefits-t-container .benefit .benefit-subtitle {
    margin-left: 30px;
    font-size: 12px;
    color: #5074A7;
    font-weight: 400;
    display: inline-block; }
  #benefits-t .benefits-t-container .benefits-t-title i {
    color: white;
    border-radius: 100%;
    background: #4CAF50;
    padding: 4px;
    font-size: 12px;
    box-shadow: 1px 1px 13px 1px #E3AB08;
    text-shadow: 1px 1px 1px #3A873D;
    margin-right: 5px;
    border: solid 1px; }
  #benefits-t .benefits-t-container .benefit {
    color: #4369A0;
    font-weight: 500;
    text-align: center;
    padding: 10px 10px;
    letter-spacing: 1px;
    font-size: 11px;
    line-height: 25px;
    border-bottom: solid 1px #E9EEF2;
    background: #FBFDFF; }

@media (max-width: 550px) {
  #benefits-t {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 15px;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px; }
    #benefits-t .benefits-t-container .benefits-t-title {
      column-span: all;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 20px;
      padding: 10px 2px;
      font-size: 12px;
      color: white;
      background: #FDBF08;
      text-shadow: 1px 1px 1px #EFB60A; }
    #benefits-t .benefits-t-container .benefit .benefit-title {
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px #FBFDFF; }
      #benefits-t .benefits-t-container .benefit .benefit-title img {
        height: 35px;
        width: 35px; }
    #benefits-t .benefits-t-container .benefit .benefit-subtitle {
      margin-left: 30px;
      font-size: 12px;
      color: #5074A7;
      font-weight: 400;
      display: inline-block; }
    #benefits-t .benefits-t-container .benefits-t-title i {
      color: white;
      border-radius: 100%;
      background: #4CAF50;
      padding: 4px;
      font-size: 12px;
      box-shadow: 1px 1px 13px 1px #E3AB08;
      text-shadow: 1px 1px 1px #3A873D;
      margin-right: 5px;
      border: solid 1px; }
    #benefits-t .benefits-t-container .benefit {
      color: #4369A0;
      font-weight: 500;
      text-align: center;
      padding: 10px 10px;
      letter-spacing: 1px;
      font-size: 11px;
      line-height: 25px;
      border-bottom: solid 1px #E9EEF2;
      background: #FBFDFF; } }
@-webkit-keyframes opacity {
  0%, 100% {
    font-size: 17px;
    color: #FDBF08; }
  50% {
    font-size: 14px;
    color: white; } }
/* The element to apply the animation to */
span.discount-incentive {
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: opacity;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  color: white;
  line-height: 12px;
  display: inline-block;
  width: 100px; }

/********************************************************************
* FULL CALENDAR
*********************************************************************/
.full-calendar .fc-header-toolbar {
  background: #FFFFFF;
  border: solid 2px #DAE0E6;
  border-radius: 2px;
  padding: 10px; }
  .full-calendar .fc-header-toolbar h2 {
    font-weight: 900 !important;
    text-transform: uppercase;
    color: #425D84 !important; }
.full-calendar .fc-view-container {
  background: white; }
  .full-calendar .fc-view-container .fc-day-header {
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 900;
    background: #274C80;
    color: white;
    border: solid 1px #486792; }
.full-calendar .fc-agendaWeek-view tr, .full-calendar .fc-agendaDay-view tr {
  height: 40px; }
.full-calendar .fc-scroller {
  height: auto !important; }
.full-calendar .fc-view-container .fc-day-header span {
  color: white; }
.full-calendar .fc-view-container .fc-widget-content {
  border: solid 1px #EDF1F5;
  border-top: 0; }
.full-calendar.game-schedule .fc-row .fc-content-skeleton {
  height: 100%; }
  .full-calendar.game-schedule .fc-row .fc-content-skeleton table, .full-calendar.game-schedule .fc-row .fc-content-skeleton tbody, .full-calendar.game-schedule .fc-row .fc-content-skeleton .fc-event-container {
    height: 100%; }
.full-calendar.game-schedule .fc-event {
  background: #FDFCFC;
  height: 90%;
  margin: auto;
  vertical-align: middle;
  width: 90%;
  display: table;
  border: none;
  cursor: pointer; }
.full-calendar.game-schedule .fc-day-grid-event .fc-content {
  margin: auto;
  height: 100%;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding: 8px;
  box-shadow: 1px 1px 1px 0px #E4E5E6;
  border: none; }
.full-calendar.game-schedule .fc-content .fc-title {
  text-align: center;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 19px;
  color: #224473; }
.full-calendar.game-schedule .fc-content .game-time {
  display: block;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: #2D5894; }
.full-calendar.game-schedule .fc-content .game-venue {
  text-align: center;
  display: block;
  font-size: 10px;
  font-weight: 900;
  color: #8CA3C4; }
.full-calendar.game-schedule .fc-event img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 100%;
  display: block;
  margin: auto;
  border: solid 1px #EEEEEE; }

/********************************************************************
* BOX ACTIVITY
*********************************************************************/
.box.activity {
  margin-bottom: 10px;
  padding: 0; }
  .box.activity .image {
    width: 25%;
    height: 100%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    background: #EDF1F5; }
    .box.activity .image img {
      width: 100%;
      object-fit: cover;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%; }
  .box.activity .info {
    width: 80%;
    display: table-cell;
    vertical-align: top;
    bottom: 0;
    text-align: left;
    position: relative; }
  .box.activity .left-info {
    display: table-cell;
    text-align: left;
    vertical-align: middle; }
  .box.activity .right-info {
    display: inline-block;
    text-align: right; }
  .box.activity .left-info {
    color: #2D5894;
    display: inline-block; }
    .box.activity .left-info label {
      color: #2D5894;
      font-size: 10px;
      margin: 0; }
  .box.activity .name {
    display: block;
    width: 100%;
    color: #486A98;
    font-weight: 900;
    font-size: 17px;
    text-align: left;
    padding-left: 5px;
    line-height: 50px;
    text-transform: uppercase; }
  .box.activity .field-info {
    padding-left: 5px;
    margin-top: -5px; }
    .box.activity .field-info > div {
      font-size: 13px;
      text-transform: uppercase;
      display: inline-block;
      font-weight: 900;
      color: #305382; }
  .box.activity .venue-name {
    font-size: 12px;
    font-weight: 400;
    color: #778290;
    padding-left: 5px; }
  .box.activity .info-container {
    width: 100%;
    display: table;
    table-layout: fixed;
    bottom: 0; }
    .box.activity .info-container .info {
      border-top: solid 1px #EDF1F5;
      border-right: solid 1px #EDF1F5;
      padding: 15px 0;
      background: #FAFCFF; }
      .box.activity .info-container .info > label {
        font-weight: 600;
        font-size: 11px;
        text-align: center;
        margin: 0;
        color: #567399; }
      .box.activity .info-container .info > div {
        text-align: center; }
  .box.activity .starts {
    font-size: 10px;
    color: #969696;
    text-align: inherit; }
    .box.activity .starts span {
      font-size: 12px; }
  .box.activity .ends {
    font-size: 10px;
    color: #778290;
    text-align: inherit; }
    .box.activity .ends span {
      font-size: 11px;
      font-weight: 900;
      color: #305382;
      text-transform: uppercase; }
  .box.activity .widgets {
    text-align: left;
    padding-top: 5px;
    padding-left: 5px; }
    .box.activity .widgets .closed {
      display: inline-block;
      background: #E64B4B;
      color: white;
      padding: 5px 10px;
      font-weight: 900;
      font-size: 11px;
      line-height: 16px;
      border-radius: 2px; }
  .box.activity .category {
    font-size: 12px;
    display: inline-block;
    padding-right: 5px;
    color: white;
    padding: 3px 5px;
    padding-right: 10px;
    font-weight: 500;
    border-radius: 2px;
    text-transform: capitalize;
    /* background     : #2D5894 !important; */
    text-shadow: none !important; }
    .box.activity .category.league {
      background: #FDBF08;
      text-shadow: 1px 1px 1px #E6B41E; }
    .box.activity .category img {
      height: 20px;
      background: #FFFFFF;
      border-radius: 100%;
      padding: 5px; }
    .box.activity .category.competition {
      background: #818181; }
  .box.activity .restriction {
    background: #EE9F5B;
    display: inline-block;
    color: white;
    padding: 5px 10px;
    font-weight: 900;
    font-size: 11px;
    line-height: 16px;
    border-radius: 2px; }
  .box.activity .category.ultimate-games {
    background: #5A90DC;
    text-shadow: 1px 1px 1px #4C7BBD; }
  .box.activity .right-info label {
    font-size: 10px;
    text-align: right;
    color: #2D5894;
    margin: 0; }
  .box.activity .price {
    position: absolute;
    color: white;
    width: auto;
    vertical-align: bottom;
    background: #4CAF50;
    font-size: 20px;
    right: 0;
    display: table;
    top: 0; }
    .box.activity .price .price-solo, .box.activity .price .price-team {
      display: table-cell;
      text-align: center;
      font-size: 15px;
      font-weight: 900;
      border-right: solid 1px rgba(68, 160, 71, 0.76);
      padding: 0 30px; }
    .box.activity .price label {
      font-size: 10px;
      color: white;
      margin: 0; }
  .box.activity .rank {
    font-size: 20px;
    font-weight: 600;
    color: #2D5894; }
.box.feed {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 21px 0px #DCE2E8; }
  .box.feed.clone {
    display: none; }

@media (max-width: 768px) {
  .box.activity {
    margin-bottom: 10px;
    padding: 0; }
    .box.activity .price .price-solo, .box.activity .price .price-team {
      font-size: 13px;
      font-weight: 900;
      border-right: solid 1px rgba(68, 160, 71, 0.76);
      padding: 0 15px; }
    .box.activity .image {
      width: 100%;
      height: 200px;
      position: relative;
      display: block;
      vertical-align: middle;
      background: #EDF1F5; }
      .box.activity .image img {
        width: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%; }
    .box.activity .info {
      width: 80%;
      display: table-cell;
      vertical-align: top;
      bottom: 0;
      text-align: left;
      position: relative; }
    .box.activity .left-info {
      display: table-cell;
      text-align: left;
      vertical-align: middle; }
    .box.activity .right-info {
      display: inline-block;
      text-align: right; }
    .box.activity .left-info {
      color: #2D5894;
      display: inline-block; }
      .box.activity .left-info label {
        color: #2D5894;
        font-size: 10px;
        margin: 0; }
    .box.activity .name {
      display: block;
      width: 100%;
      color: #486A98;
      font-weight: 900;
      font-size: 17px;
      text-align: left;
      padding-left: 5px;
      line-height: 50px;
      text-transform: uppercase; }
    .box.activity .field-info {
      padding-left: 5px;
      margin-top: -5px; }
      .box.activity .field-info > div {
        font-size: 13px;
        text-transform: uppercase;
        display: inline-block;
        font-weight: 900;
        color: #305382; }
    .box.activity .venue-name {
      font-size: 12px;
      font-weight: 400;
      color: #778290;
      padding-left: 5px; }
    .box.activity .info-container {
      width: 100%;
      display: table;
      table-layout: fixed;
      bottom: 0; }
      .box.activity .info-container .info {
        border-top: solid 1px #EDF1F5;
        border-right: solid 1px #EDF1F5;
        padding: 15px 0;
        background: #FAFCFF; }
        .box.activity .info-container .info > label {
          font-weight: 600;
          font-size: 11px;
          text-align: center;
          margin: 0;
          color: #567399; }
        .box.activity .info-container .info > div {
          text-align: center; }
    .box.activity .starts {
      font-size: 10px;
      color: #969696;
      text-align: inherit; }
      .box.activity .starts span {
        font-size: 12px; }
    .box.activity .ends {
      font-size: 10px;
      color: #778290;
      text-align: inherit; }
      .box.activity .ends span {
        font-size: 11px;
        font-weight: 900;
        color: #305382;
        text-transform: uppercase; }
    .box.activity .widgets {
      text-align: left;
      padding-top: 5px;
      padding-left: 5px; }
      .box.activity .widgets .closed {
        display: inline-block;
        background: #E64B4B;
        color: white;
        padding: 5px 10px;
        font-weight: 900;
        font-size: 11px;
        line-height: 16px;
        border-radius: 2px; }
    .box.activity .category {
      font-size: 12px;
      display: inline-block;
      padding-right: 5px;
      color: white;
      padding: 3px 5px;
      padding-right: 10px;
      font-weight: 500;
      border-radius: 2px;
      text-transform: capitalize;
      /* background     : #2D5894 !important; */
      text-shadow: none !important; }
      .box.activity .category.league {
        background: #FDBF08;
        text-shadow: 1px 1px 1px #E6B41E; }
      .box.activity .category img {
        height: 20px;
        background: #FFFFFF;
        border-radius: 100%;
        padding: 5px; }
      .box.activity .category.competition {
        background: #818181; }
    .box.activity .restriction {
      background: #EE9F5B;
      display: inline-block;
      color: white;
      padding: 5px 10px;
      font-weight: 900;
      font-size: 11px;
      line-height: 16px;
      border-radius: 2px; }
    .box.activity .category.pick-up {
      background: #5A90DC;
      text-shadow: 1px 1px 1px #4C7BBD; }
    .box.activity .right-info label {
      font-size: 10px;
      text-align: right;
      color: #2D5894;
      margin: 0; }
    .box.activity .price {
      position: absolute;
      color: white;
      width: auto;
      vertical-align: bottom;
      background: #4CAF50;
      font-size: 20px;
      right: 0;
      display: table;
      top: 0; }
      .box.activity .price .price-solo, .box.activity .price .price-team {
        display: table-cell;
        text-align: center;
        font-size: 15px;
        font-weight: 900;
        border-right: solid 1px rgba(68, 160, 71, 0.76);
        padding: 0 30px; }
      .box.activity .price label {
        font-size: 10px;
        color: white;
        margin: 0; }
    .box.activity .rank {
      font-size: 20px;
      font-weight: 600;
      color: #2D5894; } }
/********************************************************************
* BOX FEED
*********************************************************************/
section .box.feed:last-child {
  margin-bottom: 0; }

.box.feed .user {
  display: table-cell;
  width: 70%;
  text-align: left; }
.box.feed .tagged-players {
  display: block;
  width: 100%;
  text-align: left; }
  .box.feed .tagged-players .tag {
    display: inline-block;
    border: solid 1px #B5BFCC;
    font-size: 10px;
    padding: 2px;
    border-radius: 2px;
    color: #1D3B64;
    background: #FFFFFF; }
.box.feed .user .image {
  width: 30px;
  height: 30px;
  display: table-cell;
  vertical-align: middle; }
.box.feed .user .info {
  display: table-cell;
  padding-left: 7px;
  vertical-align: middle; }
.box.feed .user .image img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: solid 2px #F2F0F0;
  object-fit: cover; }
.box.feed .user .name {
  display: block;
  color: #264D8B;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase; }
  .box.feed .user .name a {
    font-size: 10px;
    letter-spacing: 1px;
    color: #1D3B64; }
  .box.feed .user .name span {
    color: #395377;
    font-weight: 500;
    text-transform: initial; }
.box.feed .user .position {
  display: block;
  font-size: 10px; }
.box.feed .date {
  display: block;
  text-align: left;
  line-height: 8px; }
  .box.feed .date span {
    font-size: 10px;
    color: grey;
    padding-right: 10px; }
.box.feed .user .mess {
  display: block;
  font-size: 10px; }
.box.feed .text {
  position: relative;
  text-align: left;
  margin: 0;
  padding: 11px 10px; }
.box.feed .top-container {
  display: table;
  width: 100%; }
.box.feed .text p {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #203F6B;
  font-weight: 400; }

@media (max-width: 996px) {
  .box.feed .text {
    padding: 10px 20px; } }
#forum {
  background: #EDF1F5;
  padding: 10px;
  border: solid 1px #EEEEEE;
  border-radius: 2px; }
  #forum .reply-button {
    text-align: right; }
  #forum .box.feed .date span {
    font-weight: 900;
    text-transform: uppercase;
    color: #274C80; }
  #forum .box.feed.reply-container {
    padding: 10px;
    background: #F9F9F9;
    right: 0;
    border: solid 1px #EEEEEE;
    margin-left: 5%;
    width: 95%;
    padding-bottom: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    box-shadow: none;
    border: none; }
    #forum .box.feed.reply-container.active {
      height: inherit;
      padding: 5px;
      padding-bottom: 0;
      border: solid 1px #EEEEEE;
      background: transparent;
      border: none; }
  #forum .reply-container.box.feed .user .image {
    width: 40px;
    height: 40px; }
  #forum .reply-container.box.feed .text {
    border: none;
    text-align: right;
    background: none;
    padding: 0; }
    #forum .reply-container.box.feed .text textarea {
      border: solid 1px #EEEEEE;
      border-radius: 1px;
      background: #FEFEFE; }

#forum .responses-container {
  background: #EDF1F5;
  margin-bottom: 10px;
  padding: 5px;
  margin-left: 7%;
  border: solid 1px #E5E9EC;
  border-left: solid 2px #ABB1B7; }
#forum .box.feed {
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 0; }
  #forum .box.feed.response {
    width: 100%;
    margin-bottom: 2px;
    margin-top: 0;
    background: #EDF1F5;
    border: none;
    box-shadow: none;
    border: 0; }
    #forum .box.feed.response .text {
      background: white;
      border: none; }
    #forum .box.feed.response .user .image {
      width: 30px;
      height: 30px;
      border: 0; }
  #forum .box.feed .user .name {
    font-size: 11px; }
  #forum .box.feed.pinned {
    position: relative;
    border-top: solid 2px #FDBF08;
    /* border-right: solid 2px #fdbf08; */ }
    #forum .box.feed.pinned .pinned-icon {
      position: absolute;
      top: -15px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border-radius: 100%;
      background: #FDBF08;
      left: -2px;
      color: white;
      display: block; }
  #forum .box.feed .pinned-icon {
    display: none; }

/********************************************************************
* BOX message
*********************************************************************/
.team-discussions-container {
  position: fixed;
  bottom: 0;
  right: 100px;
  left: 0;
  text-align: right; }

.team-chat {
  position: relative;
  width: 300px;
  display: inline-block; }
  .team-chat .close-chat {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 32px;
    width: 32px;
    text-align: center;
    color: white; }
  .team-chat .team-title {
    background: #1D3B64;
    padding: 5px;
    position: relative;
    cursor: pointer;
    border-radius: 5PX 5px 0PX 0px;
    text-align: left; }
    .team-chat .team-title:hover {
      background: #496182; }
  .team-chat .close-chat:hover {
    font-weight: 900;
    font-size: 20px;
    color: white; }
  .team-chat .team-title.active ~ .messages-container {
    display: none; }
  .team-chat .team-title img {
    height: 25px;
    width: 25px;
    object-fit: cover;
    border-radius: 100%; }
  .team-chat .team-title span {
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    color: white; }

.messages-container {
  background: white;
  padding: 10px; }
  .messages-container h3 {
    text-align: center;
    letter-spacing: 1px;
    color: #1D3B64;
    font-size: 11px;
    background: white;
    line-height: 30px;
    border: solid 1px #EDF1F5; }

.messages-feed-container {
  height: 400px;
  margin-bottom: 10px;
  background: #FAFAFB;
  border-radius: 2px;
  box-shadow: inset 1px 1px 1px 0px #EDF1F5;
  padding: 10px;
  overflow: scroll; }

.messages-container .box.message {
  position: relative;
  left: 0;
  right: 0;
  border: none;
  border-top: solid 1px #EBEEF2;
  border-radius: 2px;
  background: white;
  background: linear-gradient(to bottom, #F8F8FA, white);
  box-shadow: inset 1px 1px 10px #EAEDF1; }

.box.message {
  padding: 0;
  position: fixed;
  margin: auto;
  bottom: 0px;
  left: 165px;
  right: 165px;
  border: solid 1px #CECBCB;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

section#middle.active .box.message {
  left: 305px; }

.box.message textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  border: none;
  background: transparent; }
.box.message button {
  position: absolute;
  bottom: 0;
  left: 0; }
.box.message .mail {
  position: absolute;
  bottom: 0;
  font-size: 13px;
  color: #666666;
  padding-left: 10px;
  left: 70px; }
  .box.message .mail label {
    display: inline-block; }
  .box.message .mail i {
    display: inline-block; }

.my-summernote + .note-editor.note-frame {
  border: solid 1px #EEEEEE;
  border-radius: 2px; }
.my-summernote + .note-editor .note-toolbar {
  background: #DCE2E8;
  border: 0; }
.my-summernote + .note-editor .panel-heading.note-toolbar > .btn-group > .btn-group > button {
  border: 0;
  border-radius: 2px; }
.my-summernote + .note-editor .panel-heading.note-toolbar .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border: 0; }
.my-summernote + .note-editor .note-toolbar > .btn-group > button {
  border: none; }

@media (max-width: 996px) {
  .box.message {
    left: 1px;
    right: 1px; }

  .team-chat {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 6;
    display: none; }

  .team-title ~ .messages-container {
    background: white;
    padding: 10px;
    position: fixed;
    top: 90px;
    width: 100%; } }
/********************************************************************
* BOX user
*********************************************************************/
.box.user {
  margin-bottom: 10px;
  padding: 0; }
  .box.user .image {
    width: 100%;
    position: relative; }
    .box.user .image img {
      width: 100%;
      object-fit: cover;
      height: 100%; }
    .box.user .image .name {
      position: absolute;
      bottom: 10px;
      background: rgba(24, 45, 72, 0.75);
      color: white;
      width: 100%;
      line-height: 18px;
      height: 18px;
      font-weight: 300;
      overflow-y: hidden;
      text-align: left;
      padding-left: 4px;
      border-top: solid 1px rgba(255, 255, 255, 0.59); }
    .box.user .image .number {
      position: absolute;
      top: 0;
      background: rgba(24, 45, 72, 0.75);
      color: white;
      line-height: 20px;
      right: 0;
      font-weight: 900;
      overflow-y: hidden;
      padding: 5px 10px;
      width: 35px; }
      .box.user .image .number label {
        font-size: 8px;
        color: white;
        line-height: 5px;
        text-align: center; }
    .box.user .image .position {
      font-size: 10px;
      color: white;
      line-height: 10px;
      text-align: center;
      height: 10px;
      position: absolute;
      bottom: 0;
      font-weight: 900;
      text-transform: uppercase;
      left: 0;
      width: 100%;
      background: rgba(24, 45, 72, 0.75);
      padding-left: 5px;
      text-align: left;
      border: none; }
.box.game {
  margin-bottom: 10px;
  padding: 0;
  display: block; }
  .box.game .image {
    width: 100%;
    position: relative; }
    .box.game .image .team {
      position: absolute;
      bottom: 0;
      background: rgba(0, 0, 0, 0.45);
      display: block;
      width: 100%;
      text-align: right; }
      .box.game .image .team a {
        color: white;
        font-weight: 900;
        padding-right: 10px; }
        .box.game .image .team a:hover {
          text-decoration: underline; }
      .box.game .image .team label {
        color: white;
        font-size: 10px;
        vertical-align: middle;
        padding-right: 10px;
        margin: 0;
        font-weight: 900; }
    .box.game .image img {
      width: 100%;
      object-fit: cover;
      height: 100%; }
  .box.game .info {
    border-top: solid 3px #FDBF08;
    width: 100%;
    display: table;
    padding: 10px 10px; }
  .box.game .left-info {
    display: table-cell;
    text-align: left;
    vertical-align: middle; }
  .box.game .right-info {
    display: table-cell; }
  .box.game .left-info {
    width: 85%;
    display: table-cell;
    text-align: left; }
  .box.game .name {
    display: block;
    color: #1E3D69;
    font-size: 13px; }
    .box.game .name:hover {
      text-decoration: underline; }
  .box.game .date {
    font-size: 11px;
    padding-left: 1px; }
  .box.game .right-info label {
    font-size: 9px;
    padding: 0;
    margin: 0; }
  .box.game .score {
    font-size: 16px;
    font-weight: 500;
    color: #4CAF50; }

/********************************************************************
* BOX game
*********************************************************************/
@media (max-width: 996px) {
  .box.game .info {
    padding: 5px; } }
/********************************************************************
/********************************************************************
* MY-CAROUSEL
*********************************************************************/
#tinder-carousel {
  margin: auto; }

.my-carousel {
  /* border   : solid 1px black; */
  padding: 0px 40px;
  position: relative; }

.my-carousel-element.active .ut-team-challenge-card {
  transform: rotate(0deg); }
.my-carousel-element h4 {
  text-transform: uppercase;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: left;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 2px;
  color: #8F9DB2; }
.my-carousel-element.closed {
  right: 102%; }

.my-carousel-arrows .arrow {
  position: absolute;
  top: 0;
  margin: auto;
  bottom: 0;
  transform: translate(0, -50%);
  border-radius: 7px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer; }
  .my-carousel-arrows .arrow i {
    font-size: 47px;
    color: #1D3B64;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    transition: .2s; }
  .my-carousel-arrows .arrow:hover i {
    font-size: 60px;
    color: #FDBF08;
    text-shadow: 1px 1px 4px #5E5F5F; }
  .my-carousel-arrows .arrow.left-arrow {
    left: 0; }
  .my-carousel-arrows .arrow.right-arrow {
    right: 0; }

@media (max-width: 996px) {
  .my-carousel {
    padding: 0 5px; }

  .my-carousel-arrows .arrow i {
    font-size: 30px;
    color: #FDBF08; }
  .my-carousel-arrows .arrow:hover i {
    font-size: 30px; } }
/********************************************************************
* BOX Venue
*********************************************************************/
.box.venue {
  margin-bottom: 10px;
  padding: 0;
  display: block; }
  .box.venue .image {
    width: 100%;
    position: relative; }
  .box.venue .price {
    position: absolute;
    right: 0;
    color: white;
    padding: 5px 10px;
    background: #4CAF50; }
  .box.venue .image .name {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    display: block;
    width: 100%;
    text-align: center;
    line-height: 40px;
    height: 40px;
    overflow: hidden; }
    .box.venue .image .name a {
      color: white;
      font-weight: 900;
      padding-right: 10px;
      text-align: center; }
      .box.venue .image .name a:hover {
        text-decoration: underline; }
  .box.venue .image .team label {
    color: white;
    font-size: 10px;
    vertical-align: middle;
    padding-right: 10px;
    margin: 0;
    font-weight: 900; }
  .box.venue .image img {
    width: 100%;
    object-fit: cover;
    height: 100%; }
  .box.venue .info {
    border-top: solid 3px #FDBF08;
    width: 100%;
    display: table;
    padding: 10px 10px; }
  .box.venue .left-info {
    display: table-cell;
    text-align: left;
    vertical-align: middle; }
  .box.venue .right-info {
    display: table-cell; }
  .box.venue .left-info {
    width: 85%;
    display: table-cell;
    text-align: left; }
  .box.venue .sport {
    display: block;
    color: #1E3D69;
    font-size: 13px; }
    .box.venue .sport:hover {
      text-decoration: underline; }
  .box.venue .date {
    font-size: 11px;
    padding-left: 1px; }
  .box.venue .right-info label {
    font-size: 9px;
    padding: 0;
    margin: 0; }
  .box.venue .score {
    font-size: 16px;
    font-weight: 500;
    color: #4CAF50; }
.box.connexion {
  max-width: 409px;
  display: block;
  margin: auto;
  padding: 0;
  border-radius: 1px;
  box-shadow: none;
  background: #1D3B64; }
  .box.connexion h1 {
    color: #2D5894;
    padding: 0;
    color: white;
    margin: 0;
    font-size: 40px;
    line-height: 60px;
    position: relative;
    border-radius: 0px 2px;
    margin-bottom: 10px;
    font-weight: 900;
    padding-bottom: 32px; }
  .box.connexion h2, .box.connexion h5 {
    color: white; }
  .box.connexion img.profile-img {
    height: 150px;
    object-fit: cover;
    width: 150px;
    border-radius: 100%; }

@media (max-width: 996px) {
  .box.venue .info {
    padding: 5px; } }
/********************************************************************
* BOX game
*********************************************************************/
.bg-white .box.connexion h1 {
  color: #2D5894; }

.box.connexion h4 {
  padding: 10px;
  font-size: 13px;
  color: white; }

.bg-white .box.connexion h4 {
  color: #2D5894; }

.box.connexion form {
  padding: 10px;
  margin: 0; }
.box.connexion .input-group label {
  color: white; }
.box.connexion .input-group sup {
  top: 0;
  line-height: 15px; }
.box.connexion .input-group .fancy-input {
  box-shadow: 1px 1px 1px 1px #21416D; }
  .box.connexion .input-group .fancy-input i {
    background: white;
    color: #2D5894;
    text-shadow: none;
    border: none;
    border-right: solid 1px #EEEEEE; }
  .box.connexion .input-group .fancy-input input {
    border-top: 0;
    border-right: 0;
    box-shadow: none;
    border: none; }
.box.connexion.bg-grey {
  background: #EDF1F5; }
  .box.connexion.bg-grey h1 {
    background: #EDF1F5;
    color: #2D5894; }
  .box.connexion.bg-grey .input-group .fancy-input {
    box-shadow: 1px 1px 1px 1px #EAEEF3;
    border-bottom: 0; }

@media (max-width: 996px) {
  .box.connexion form {
    padding: 5px;
    margin: 0; }
  .box.connexion h1 {
    font-size: 30px; } }
/********************************************************************
* INDICATION (.indic)
*********************************************************************/
.indic {
  display: block;
  width: 100%;
  font-size: 12px;
  margin: 5px 0px;
  border-radius: 2px;
  font-weight: 500; }

.bg-white .indic {
  background: #3161A2;
  color: white;
  box-shadow: inset 1px 1px 1px #244A7D; }

.bg-grey .indic {
  color: white;
  background: #2D5894;
  box-shadow: inset 1px 1px 1px #214373; }
  .bg-grey .indic.indic-white {
    color: #2D5894;
    background: white;
    box-shadow: inset 1px 1px 1px #D3D7DA; }

.bg-blue .indic {
  background: white;
  color: #2D5894;
  box-shadow: inset 1px 1px 1px 1px #244573; }

.indic {
  background: white;
  color: #2D5894;
  font-weight: 500; }
  .indic span {
    display: table-cell;
    padding: 10px; }
  .indic .icon {
    border-radius: 2px 0px 0px 2px;
    border-right: solid 1px rgba(88, 86, 86, 0.23);
    color: inherit;
    vertical-align: middle;
    width: 30px;
    text-align: center;
    font-size: larger;
    display: table-cell;
    background: rgba(0, 0, 0, 0.09); }
  .indic .text {
    color: inherit;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    vertical-align: middle; }
  .indic.indic-success {
    background: #4CAF50;
    color: white;
    text-shadow: 1px 1px 1px #47A24A;
    box-shadow: inset 1px 1px 1px #3E8C42; }
  .indic.lower-case span {
    text-transform: none; }
  .indic.indic-blue {
    background: #2D5894;
    color: white;
    text-shadow: 1px 1px 1px #28568A;
    box-shadow: inset 1px 1px 1px #28568A; }
  .indic.indic-error {
    background: #F44336;
    color: white;
    box-shadow: inset 1px 1px 1px #8C2D26; }
    .indic.indic-error span {
      color: white !important; }
  .indic.indic-yellow {
    background: #FDBF08;
    color: white;
    box-shadow: inset 1px 1px 1px #DCA709; }
    .indic.indic-yellow .text {
      font-weight: 600;
      text-shadow: 1px 1px 1px #F5BC13; }
  .indic.share-link {
    background: #2D5894;
    color: white; }

.facebook.share-link {
  margin: 5px;
  margin-bottom: 0 !important; }
  .facebook.share-link > label {
    height: 71px;
    line-height: 71px; }
    .facebook.share-link > label > span {
      margin: 0;
      padding: 0 !important;
      font-weight: 500 !important; }

.indic.share-link .text {
  font-size: 13px;
  font-weight: 500;
  /* text-transform: uppercase; */
  position: relative;
  width: 100%; }
.indic.share-link .fancy-input {
  position: relative; }
.indic.share-link input {
  width: 100%;
  color: #1D375A;
  padding-left: 5px;
  border: none;
  line-height: 35px;
  font-weight: 400; }
.indic #copy-to-clipboard {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  width: 90px;
  background: #4CAF50;
  line-height: 32px;
  text-transform: uppercase;
  font-size: 10px; }

#copy-to-clipboard {
  min-width: 50px; }

.indic .text {
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.3px; }
.indic.indic-white .text {
  font-weight: 500; }
.indic.indic-error#payment-errors {
  display: none; }
.indic.indic-warning {
  background: #fd9608;
  color: white;
  /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08); */
  box-shadow: none;
  font-size: 12px;
  font-weight: 500; }
  .indic.indic-warning .text {
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: none;
    font-size: 11px;
    color: white !important; }
.indic .text h4 {
  font-weight: 900;
  margin-bottom: 5px;
  color: white; }

/********************************************************************
* i.next-section
*********************************************************************/
section .next-section {
  color: white;
  font-size: 30px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center; }
  section .next-section p {
    font-size: 20px; }
  section .next-section i {
    font-size: 40px; }
section#faq {
  padding-bottom: 42px; }
  section#faq .container {
    background: rgba(0, 0, 0, 0.33);
    box-shadow: inset 1px 1px 1px #142742;
    margin-bottom: 40px;
    padding: 30px; }
    section#faq .container .divider {
      margin: 0;
      padding: 0;
      margin-bottom: 5px !important; }
    section#faq .container p {
      text-align: justify; }

/********************************************************************
* FAQ
*********************************************************************/
/********************************************************************
* ROSTER
*********************************************************************/
.roster-container {
  display: block;
  width: 100%;
  border-radius: 6px;
  border: none;
  position: relative;
  margin-bottom: 100px; }

.roster-team-container {
  width: 49%;
  margin: 0 1%;
  border-radius: 3px; }
  .roster-team-container .jersey-container {
    font-size: 6px;
    color: #2D5894;
    font-weight: 600;
    margin-top: 2px; }
  .roster-team-container .jersey {
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }

.roster-table {
  display: flex;
  width: 100%;
  border: none; }

.roster-team {
  padding: 20px 0;
  padding-bottom: 0;
  background: transparent;
  margin: 5px;
  margin-bottom: 20px; }

.vs {
  font-weight: 900;
  font-size: 20px;
  margin: auto;
  line-height: 140px;
  position: absolute; }

.roster-team .team-image {
  padding: 5px 0; }
  .roster-team .team-image img {
    border-radius: 100%;
    height: 80px;
    object-fit: cover;
    width: 80px;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); }
.roster-team .team-name {
  font-weight: 900;
  text-transform: uppercase;
  color: #1d3b64;
  overflow: hidden;
  font-size: 15px;
  line-height: 40px;
  display: block;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
.roster-team .team-level {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  padding: 2px;
  display: inline-block;
  border-radius: 3px;
  width: 80px;
  background: #2d5894; }
.roster-team .team {
  display: flex;
  vertical-align: middle; }
  .roster-team .team .team-score {
    flex: 1;
    font-size: 20px;
    color: white; }
.roster-team .team-level .label {
  font-size: 6px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 0;
  display: block;
  margin-bottom: 5px;
  margin-top: 3px; }
.roster-team .team-level .value {
  display: block;
  font-size: 20px !important;
  color: white;
  font-weight: 900;
  margin-top: -8px; }
  .roster-team .team-level .value small {
    display: block;
    margin-top: -5px !important;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 900; }

.roster-players .box.team-sm {
  /* border: solid 1px #F1F0F0; */
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  margin: 0;
  margin: 8px 5px;
  overflow: hidden; }
  .roster-players .box.team-sm .user-tools {
    display: flex;
    align-items: center; }
    .roster-players .box.team-sm .user-tools > a, .roster-players .box.team-sm .user-tools > form {
      flex: 1;
      margin: 0;
      padding: 0; }
    .roster-players .box.team-sm .user-tools > a {
      font-size: 6px;
      padding: 0;
      line-height: 20px;
      border-radius: 0;
      display: block;
      letter-spacing: 0.2px;
      font-weight: 900;
      height: 20px; }
    .roster-players .box.team-sm .user-tools > form > button {
      font-size: 6px;
      padding: 0;
      line-height: 20px;
      border-radius: 0;
      display: block;
      letter-spacing: 0.2px;
      font-weight: 900;
      height: 20px;
      width: 100%;
      border-radius: 0;
      margin: 0; }
.roster-players .player {
  height: auto;
  margin: auto;
  display: block;
  position: relative; }
  .roster-players .player .player-image {
    padding-top: 10px; }
    .roster-players .player .player-image img {
      width: 70px;
      height: 70px;
      border-radius: 100%;
      object-fit: cover; }
  .roster-players .player .player-name {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 10px;
    color: #6282AF;
    line-height: 30px; }
  .roster-players .player > a {
    display: inline-block;
    margin-top: 20px; }

@media (max-width: 996px) {
  .roster-container {
    display: block;
    width: 100%;
    border-radius: 6px;
    position: relative; }

  .vs {
    display: none; }

  .roster-team-container {
    display: table-cell;
    width: 50%;
    overflow: hidden;
    margin: 0;
    border-radius: 0; }

  .roster-table {
    display: flex;
    width: 100%;
    background: none; }

  .roster-team {
    padding: 0 0; }
    .roster-team .team-image img {
      height: 50px;
      width: 50px; }
    .roster-team .team-name {
      font-weight: 900;
      text-transform: uppercase;
      color: #1d3b64;
      font-size: 10px;
      line-height: 23px; }

  .roster-players .box.team-sm .image {
    display: block;
    width: 30px !important;
    vertical-align: middle; }
  .roster-players .box.team-sm .info {
    width: auto;
    padding: 0;
    /* position: relative; */ }

  .box.team-sm .user-cancel-activity {
    top: -4px;
    font-size: 8px;
    padding: 0 2px;
    height: 17px;
    line-height: 15px;
    display: inline-block;
    width: auto;
    padding: 2px;
    border-radius: 2px; }
    .box.team-sm .user-cancel-activity > button {
      font-size: 8px;
      padding: 0 5px;
      line-height: 15px;
      height: 30px; }

  .roster-players .player {
    height: auto;
    margin: auto;
    display: block;
    position: relative;
    padding: 0;
    height: auto; }
    .roster-players .player .player-image {
      padding-top: 10px; }
      .roster-players .player .player-image img {
        width: 70px;
        height: 70px;
        border-radius: 100%;
        object-fit: cover; }
    .roster-players .player .player-name {
      font-weight: 900;
      text-transform: uppercase;
      font-size: 10px;
      color: #6282AF;
      line-height: 30px; }
    .roster-players .player > a {
      margin-top: 0; }

  .roster-team .team-level .label {
    display: none; } }
/********************************************************************
* IMAGE_TITLE
*********************************************************************/
section#middle .image-title {
  background: white;
  position: relative;
  height: 200px;
  width: 100%; }

.image-title h1.title {
  position: absolute;
  z-index: 1;
  color: white;
  text-align: center;
  display: block;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(27, 53, 90, 0.37);
  line-height: 100px;
  margin: 0;
  line-height: 200px;
  font-size: 25px; }
.image-title img.image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

/********************************************************************
* GAME_HEADER
*********************************************************************/
section#middle .game-header {
  height: auto;
  display: block;
  position: relative; }
  section#middle .game-header .header-background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.game-header .teams-container {
  display: table;
  width: 100%;
  text-align: center; }
.game-header .team-container span.team-score {
  font-size: 50px;
  color: white;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 20px; }
.game-header .team-container > div {
  display: table;
  margin: auto; }
.game-header .team-container a.team-name {
  color: white;
  font-size: 19px;
  padding-top: 5px;
  display: block;
  text-align: center;
  text-shadow: 1px 1px 1px #172A44;
  font-weight: 900;
  margin: auto; }
  .game-header .team-container a.team-name:hover {
    text-decoration: underline; }
.game-header .team-container .team-image-container {
  display: table-cell;
  padding-bottom: 15px; }
.game-header .team-container img.team-image {
  height: 100px;
  width: 100px;
  object-fit: cover;
  border-radius: 100%;
  border: solid 2px #EEEEEE; }
.game-header h2.competition-name {
  margin: 0;
  margin-top: 5px;
  text-align: center; }
  .game-header h2.competition-name a {
    color: white;
    background: rgba(25, 47, 77, 0.67);
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 1px;
    border: solid 1px white; }
    .game-header h2.competition-name a:hover {
      text-decoration: underline; }
.game-header h2.venue-name {
  color: white;
  background: rgba(25, 47, 77, 0.67);
  font-size: 17px;
  padding: 5px 20px;
  display: inline;
  margin: auto;
  border-radius: 1px;
  font-weight: 300; }

.activity-header h2.venue-name {
  color: white;
  background: rgba(25, 47, 77, 0.67);
  font-size: 17px;
  padding: 5px 20px;
  display: inline;
  margin: auto;
  border-radius: 1px;
  font-weight: 300; }

.game-header h3.time, .activity-header h3.time {
  color: white;
  line-height: 40px;
  font-size: 20px;
  border: solid 1px;
  border-radius: 2px;
  margin-top: 5px;
  font-weight: 900;
  text-shadow: 1px 1px 1px #2B2D31;
  padding: 5px 20px;
  box-shadow: 1px 1px 1px #12223A;
  display: inline-block;
  background: rgba(51, 51, 51, 0.45);
  margin-bottom: 50px;
  text-align: center; }

.game-header h3.time i, .activity-header h3.time i {
  display: block; }

@media (max-width: 996px) {
  .game-header .team-container a.team-name {
    font-size: 13px;
    height: 19px;
    display: block;
    padding: 0;
    overflow-y: hidden; }
  .game-header .team-container span.team-score {
    font-size: 20px;
    padding: 0 5px;
    font-weight: 900; }

  section#middle .game-header span.vs {
    font-weight: 900;
    font-size: 12px; }

  .game-header .team-container {
    padding: 0; }
  .game-header h2.competition-name a {
    font-size: 15px;
    padding: 5px 20px;
    border-radius: 1px;
    border: solid 1px white; } }
/********************************************************************
* TEAM_HEADER
*********************************************************************/
section#middle .team-header {
  height: auto;
  display: block;
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px; }
  section#middle .team-header .team-image {
    height: 150px;
    width: 150px;
    object-fit: cover;
    border-radius: 100%;
    box-shadow: 1px 1px 35px 1px #7C7E80; }
  section#middle .team-header .title {
    letter-spacing: 2px;
    font-weight: 900;
    color: #1D3B64; }
  section#middle .team-header .category {
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 25px;
    color: #8E9DB2;
    margin-bottom: 10px;
    text-align: center; }

.team-header .team-header-cta {
  width: 300px;
  margin: auto; }
  .team-header .team-header-cta .cta-container {
    display: block;
    width: 100%; }
    .team-header .team-header-cta .cta-container .cta-separator {
      display: table-cell; }
  .team-header .team-header-cta a {
    width: 100%;
    font-size: 11px;
    margin: 5px;
    display: block !important;
    vertical-align: middle; }
    .team-header .team-header-cta a > label > span {
      font-size: 10px; }

section#middle .team-header .team-header-overlay {
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(45, 88, 148, 0.5);
  bottom: 0;
  top: 0; }
section#middle .team-header .header-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }
section#middle .team-header span.vs {
  color: white;
  font-weight: 900;
  font-size: 22px;
  display: table-cell;
  vertical-align: middle; }

.team-header .teams-container {
  display: table;
  width: 100%; }
.team-header .team-container {
  display: table-cell;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  padding: 20px 0px;
  width: 40%; }
  .team-header .team-container span.team-score {
    font-size: 50px;
    color: white;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px; }
  .team-header .team-container > div {
    display: table;
    margin: auto; }
  .team-header .team-container a.team-name {
    color: white;
    font-size: 19px;
    padding-top: 5px;
    display: block;
    text-align: center;
    text-shadow: 1px 1px 1px #172A44;
    font-weight: 400;
    margin: auto; }
    .team-header .team-container a.team-name:hover {
      text-decoration: underline; }
  .team-header .team-container .team-image-container {
    display: table-cell;
    padding-bottom: 15px; }
  .team-header .team-container img.team-image {
    height: 100px;
    width: 100px;
    object-fit: cover;
    border-radius: 100%;
    border: solid 2px #EEEEEE; }
.team-header h2.competition-name {
  margin: 0;
  margin-top: 5px;
  text-align: center; }
  .team-header h2.competition-name a {
    color: white;
    background: rgba(25, 47, 77, 0.67);
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 1px;
    border: solid 1px white; }
    .team-header h2.competition-name a:hover {
      text-decoration: underline; }
.team-header h2.venue-name {
  color: white;
  background: rgba(25, 47, 77, 0.67);
  font-size: 17px;
  padding: 5px 20px;
  display: inline;
  margin: auto;
  border-radius: 1px;
  font-weight: 300; }
.team-header h3.time {
  color: white;
  line-height: 40px;
  font-size: 20px;
  border: solid 1px;
  border-radius: 2px;
  margin-top: 5px;
  font-weight: 900;
  text-shadow: 1px 1px 1px #2B2D31;
  padding: 5px 20px;
  box-shadow: 1px 1px 1px #12223A;
  display: inline-block;
  background: rgba(51, 51, 51, 0.45);
  margin-bottom: 50px; }
  .team-header h3.time i {
    display: block; }

@media (max-width: 996px) {
  .team-header .team-container img.team-image {
    height: 50px;
    width: 50px; }
  .team-header .team-container a.team-name {
    font-size: 13px;
    height: 19px;
    display: block;
    padding: 0;
    overflow-y: hidden; }
  .team-header .team-container span.team-score {
    font-size: 20px;
    padding: 0 5px;
    font-weight: 900; }

  section#middle .team-header span.vs {
    font-weight: 900;
    font-size: 12px; }

  .team-header .team-container {
    padding: 0; }
  .team-header h2.competition-name a {
    font-size: 15px;
    padding: 5px 20px;
    border-radius: 1px;
    border: solid 1px white; }

  .roster-team .team-level .value {
    font-size: 25px;
    margin-top: -4px; }
    .roster-team .team-level .value small {
      font-size: 8px;
      margin-top: 0px;
      font-weight: 900; } }
/********************************************************************
* LEAGUE_HEADER
*********************************************************************/
section#middle .activity-header {
  height: auto;
  display: block;
  position: relative;
  padding-bottom: 20px; }
  section#middle .activity-header .activity-header-overlay {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(45, 88, 148, 0.1);
    bottom: 0;
    top: 0; }
  section#middle .activity-header .header-background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  section#middle .activity-header img.activity-image {
    z-index: 10;
    position: relative;
    margin: auto;
    height: 100px;
    width: 100px;
    object-fit: cover;
    border-radius: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
    box-shadow: 1px 1px 1px #172E4E;
    border: solid 2px white; }
  section#middle .activity-header h1.title {
    color: white;
    font-weight: 900;
    font-size: 32px;
    text-shadow: 1px 1px 1px #2E3742;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: capitalize; }
    section#middle .activity-header h1.title img {
      width: 30px;
      background: white;
      padding: 5px;
      border-radius: 100%; }
  section#middle .activity-header h3.category {
    color: white;
    text-shadow: 1px 1px 1px #112138;
    font-weight: 400;
    text-transform: capitalize; }
  section#middle .activity-header h3.position {
    color: white;
    text-shadow: 1px 1px 1px #112138;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: -10px; }
    section#middle .activity-header h3.position span.point {
      vertical-align: super;
      color: #FDBF08;
      font-size: 30px; }
    section#middle .activity-header h3.position span.number {
      color: white;
      font-weight: 900; }
  section#middle .activity-header h1.title span {
    color: white;
    font-size: 20px; }

.owl-carousel.activity-carousel .image-container {
  padding: 10px; }
.owl-carousel.activity-carousel img {
  width: 100%;
  object-fit: cover; }

/********************************************************************
* MY BOX
*********************************************************************/
.my-box {
  /* background: white; */
  /* box-shadow: 1px 1px 17px 1px #DBDEE2; */ }

.my-box-title {
  text-align: left;
  /* background: #fefefe; */
  /* border-bottom: solid 1px #f9f9f9; */
  margin-bottom: 10px; }
  .my-box-title.my-box-tabs {
    margin: 0;
    border-bottom: none; }
    .my-box-title.my-box-tabs ~ .my-box-body {
      background: white; }

.my-box-target {
  display: none; }
  .my-box-target.active {
    display: block; }

.my-box-title.my-box-tabs ~ .my-box-body .av-selector-container {
  box-shadow: none; }
.my-box-title.my-box-tabs .my-box-tab {
  display: inline-block;
  color: #9BA8BB;
  cursor: pointer;
  /* border-top: solid 1px #eee; */
  border-left: solid 1px #EEEEEE;
  border-right: solid 1px #EEEEEE;
  padding-right: 10px;
  padding-left: 12px;
  border-radius: 3px 13px 0px 0px;
  background: white;
  line-height: 35px;
  letter-spacing: 1px;
  font-weight: 900;
  margin-right: -13px;
  position: relative;
  border-bottom: solid 1px #EDF1F5;
  box-shadow: inset -1px -1px 2px #EEEEEE;
  text-transform: uppercase;
  font-size: 10px; }
  .my-box-title.my-box-tabs .my-box-tab.active {
    color: #1D3B64;
    z-index: 5;
    border-bottom: solid 1px white;
    box-shadow: none; }
  .my-box-title.my-box-tabs .my-box-tab:first-child {
    border-left: none; }
  .my-box-title.my-box-tabs .my-box-tab img {
    height: 20px;
    width: 20px;
    object-fit: cover;
    border-radius: 100%;
    box-shadow: 0px 1px 1px 0px #9B9DA0; }
  .my-box-title.my-box-tabs .my-box-tab:hover {
    color: #1D3B64; }
.my-box-title h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1D3B64;
  line-height: 20px;
  padding-left: 10px; }

.my-box-body {
  padding: 10px; }

/********************************************************************
* SECTION # MIDDLE .FULL-SCREEN
*********************************************************************/
section#middle.full-screen {
  top: 0;
  padding: 0;
  padding-bottom: 50px;
  position: relative;
  width: 100%;
  overflow: hidden; }

@media (max-width: 996px) {
  section#middle.full-screen {
    /* top : 60px; */
    padding-top: 60px; } }
/********************************************************************
* SECTION # MIDDLE .FILTERS
*********************************************************************/
@media (max-width: 996px) {
  section#middle.filters {
    padding: 60px 0px; } }
/********************************************************************
* LISTING FILTER SEARCH
*********************************************************************/
#listing-filter-search select {
  width: 100%;
  border: none;
  background: white;
  font-size: 22px;
  -webkit-appearance: none;
  text-transform: none;
  font-weight: 900;
  color: #2D5894;
  border-bottom: solid 2px;
  border-radius: 0; }
#listing-filter-search i {
  top: 6px;
  line-height: 46px;
  color: #2D5894; }

/********************************************************************
* MY  NAV BAR (HEADER)
*********************************************************************/
.my-header {
  height: 50px;
  background: #1D3B64;
  position: fixed;
  width: 100%;
  z-index: 100;
  /* border-bottom      : solid 1px rgba(255, 255, 255, 0.45); */
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .my-header #header-search-bar-container {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle; }
    .my-header #header-search-bar-container i {
      position: relative;
      line-height: 35px;
      width: 35px;
      text-align: center;
      border-radius: 1px;
      color: #486081;
      right: 40px; }
  .my-header .easy-autocomplete-container {
    background: white;
    text-align: left; }
    .my-header .easy-autocomplete-container ul {
      padding-left: 0; }
    .my-header .easy-autocomplete-container li {
      list-style-type: none;
      font-size: 13px;
      line-height: 30px;
      padding-left: 10px;
      border-bottom: solid 1px #EEEEEE; }
      .my-header .easy-autocomplete-container li.selected {
        background: #EEEEEE; }
    .my-header .easy-autocomplete-container .eac-category {
      line-height: 25px;
      background: #FAFAFA;
      font-size: 12px;
      font-weight: 500;
      color: #1D3A63;
      padding-left: 10px;
      border-bottom: solid 1px #EEEEEE; }
  .my-header .easy-autocomplete {
    width: 100% !important;
    vertical-align: middle;
    height: 35px;
    max-width: 400px !important;
    margin: auto;
    display: inline-block; }
  .my-header .easy-autocomplete-container .eac-item a {
    color: #2D5894; }
    .my-header .easy-autocomplete-container .eac-item a img {
      width: 30px;
      height: 30px;
      object-fit: cover;
      border-radius: 100%;
      margin: 5px; }
  .my-header #header-search-bar {
    width: 100%;
    line-height: 40px;
    height: 35px;
    font-size: 11px;
    border-radius: 1px;
    border: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    padding-left: 10px; }
  .my-header.transparent {
    background: rgba(255, 255, 255, 0);
    border-bottom: 0; }
    .my-header.transparent .logo img {
      display: none; }
    .my-header.transparent.active {
      background: #2D5894; }
      .my-header.transparent.active .logo img {
        display: block; }
  .my-header .logo {
    display: table-cell;
    width: auto;
    height: 50px;
    padding-left: 5px;
    width: 300px; }
    .my-header .logo img {
      height: 100%;
      height: 50px; }
  .my-header .nav {
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding-right: 5px;
    width: 100%;
    vertical-align: top;
    text-align: right;
    display: flex;
    justify-content: flex-end; }

header .header-wrapper {
  display: flex;
  background: #1d3b64;
  height: 100px;
  z-index: 1000000; }
  header .header-wrapper .logo {
    height: 100%;
    display: block;
    width: 2; }
  header .header-wrapper .header-tabs {
    display: flex;
    flex: 1;
    justify-content: flex-start; }
  header .header-wrapper .logo a {
    white-space: nowrap;
    display: block;
    height: 100%; }
    header .header-wrapper .logo a img {
      height: 50px; }

.my-header .nav ul {
  vertical-align: middle;
  margin-top: 0;
  margin: 0;
  width: fit-content;
  float: right;
  text-align: right;
  margin: 0;
  float: right;
  display: inline-block; }
.my-header .nav li {
  display: inline-flex;
  text-align: center;
  margin: auto;
  vertical-align: middle; }
  .my-header .nav li a {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 15px;
    display: block;
    padding: 0px 10px;
    margin: 0;
    line-height: 40px; }
  .my-header .nav li.dropdown {
    /* height : 60px; */ }
.my-header .user-nav {
  position: relative;
  text-align: center;
  margin: auto; }
  .my-header .user-nav.notification-icon .user-logo:hover {
    background: transparent; }
.my-header .user-logo.active ~ .user-nav-container, .my-header .user-logo:active ~ .user-nav-container {
  display: block; }
.my-header .team-nav {
  position: relative;
  text-align: center;
  margin: 0 10px;
  display: flex; }
  .my-header .team-nav.notification-icon .user-logo:hover {
    background: transparent; }

#header-notifications {
  color: white;
  width: 60px; }

#header-notifications-image {
  margin: auto;
  text-align: center;
  position: relative;
  cursor: pointer; }

#header-notifications-container {
  position: absolute; }

#header-notifications-image i {
  font-size: 20px; }
#header-notifications-image span {
  width: 12px;
  height: 12px;
  display: block;
  background: #F75B5A;
  position: absolute;
  border-radius: 100%;
  padding: 0;
  animation: 0;
  margin: 0;
  top: 0;
  right: 0; }

.my-header .user-nav-container {
  background: white;
  position: absolute;
  width: 150px;
  right: 0;
  top: 50px;
  box-shadow: 1px 1px 1px 1px #BCC0C3;
  border-radius: 2px;
  z-index: 100;
  display: none; }
  .my-header .user-nav-container.notifications {
    width: 400px; }
  .my-header .user-nav-container .user-nav-row {
    text-align: left;
    line-height: 36px;
    padding-left: 6px;
    color: #1D3B64;
    border-bottom: solid 1px #F1F6FB;
    display: block; }
    .my-header .user-nav-container .user-nav-row:hover {
      background: #EEEEEE; }
    .my-header .user-nav-container .user-nav-row i {
      display: inline-block; }
.my-header .user-nav-row.sign-out i {
  color: #FB2D3C; }
.my-header .user-nav-row-text {
  display: inline;
  font-size: 12px;
  padding-left: 5px; }
.my-header .lang-nav {
  /* background    : rgba(38, 74, 125, 0.58); */
  color: white;
  line-height: 25px;
  padding: 0 5px;
  border-radius: 2px;
  font-size: 12px;
  cursor: pointer; }
  .my-header .lang-nav:hover {
    opacity: 1; }
  .my-header .lang-nav.active + .lang-dropdown {
    display: block;
    position: absolute;
    background: white;
    width: inherit; }
.my-header .lang-dropdown {
  display: none; }
  .my-header .lang-dropdown .lang {
    text-align: left;
    padding: 5px 5px;
    border-bottom: solid 1px #EEEEEE;
    background: white;
    cursor: pointer; }
    .my-header .lang-dropdown .lang:hover {
      opacity: 0.5; }
    .my-header .lang-dropdown .lang .text {
      display: inline-block; }
    .my-header .lang-dropdown .lang img {
      display: inline-block;
      z-index: 100;
      POSITION: RELATIVE; }
.my-header.notifications .user-nav-arrow {
  right: 10px; }
.my-header .user-nav-arrow {
  background: black;
  width: 20px;
  height: 20px;
  position: absolute;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  right: 8px;
  top: -10px;
  border-radius: 2px;
  background: #EDF1F5;
  z-index: 0; }
.my-header ~ .sub-header-indications {
  position: fixed;
  top: 50px;
  z-index: 1000;
  width: 100%; }
  .my-header ~ .sub-header-indications .head-indication {
    width: 100%;
    display: block; }
    .my-header ~ .sub-header-indications .head-indication > form {
      display: block;
      padding: 5px;
      margin: auto;
      width: fit-content; }
      .my-header ~ .sub-header-indications .head-indication > form > button {
        background: white;
        border: none;
        font-size: 10px;
        text-transform: uppercase;
        color: #1d3b64;
        border-radius: 2px;
        display: block; }
    .my-header ~ .sub-header-indications .head-indication.green {
      background: #4caf50; }
.my-header ~ .sub-header-indication.green {
  background: gray; }

.user-nav-container.notifications .user-nav-title {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 25px;
  color: #1D3B64;
  display: block; }

.notification-links {
  position: absolute;
  top: 0;
  right: 0; }

.user-nav-container.notifications .no-notification-message {
  font-size: 10px;
  border-radius: 2px;
  margin: 5px;
  padding: 2px;
  background: linear-gradient(to right, #EDF1F5, white); }
.user-nav-container.notifications .notification {
  background: white;
  border-bottom: solid 1px #EDF1F5;
  padding: 8px 0;
  display: block; }
.user-nav-container.notifications .notification-container {
  display: table;
  width: 100%;
  position: relative; }
  .user-nav-container.notifications .notification-container .notification-image {
    width: 60px;
    display: table-cell;
    vertical-align: middle; }
    .user-nav-container.notifications .notification-container .notification-image img {
      width: 50px;
      height: 60px;
      border-radius: 100%;
      padding: 0;
      object-fit: cover; }
  .user-nav-container.notifications .notification-container .notification-body {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-top: 5px;
    color: #11253F;
    margin: 0; }
  .user-nav-container.notifications .notification-container .notification-footer {
    display: inline-flex;
    font-size: 10px; }
  .user-nav-container.notifications .notification-container .notification-icon {
    display: inline-block; }
.user-nav-container.notifications .notification-fixed {
  height: 30px; }

.fixed-notification {
  line-height: 30px !important;
  padding: 0 !important;
  font-weight: 500;
  color: #4887BE; }

.notification-more-info {
  font-size: 9px !important;
  padding: 0 !important; }

.user-nav-container.notifications .notification-container-fixed .notification-image-fixed {
  width: 60px;
  display: table-cell;
  vertical-align: middle; }
  .user-nav-container.notifications .notification-container-fixed .notification-image-fixed img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    padding: 8px;
    object-fit: cover; }
.user-nav-container.notifications .notification-container-fixed .notification-content-fixed {
  text-align: left;
  padding-left: 5px; }
.user-nav-container.notifications .notification-container-fixed .notification-body-fixed {
  font-size: 12px;
  height: 45px;
  line-height: 15px;
  /* padding-top: 5px; */
  /* padding-bottom: 15px; */
  color: #11253F;
  text-align: center;
  text-decoration: underline;
  font-weight: 700; }
.user-nav-container.notifications .notification-container-fixed .notification-footer-fixed {
  display: block;
  font-size: 10px; }
.user-nav-container.notifications .notification-container-fixed .notification-icon-fixed {
  display: inline-block; }

.my-header .user-nav-title {
  text-align: left;
  padding-left: 5px;
  z-index: 1000000000;
  position: relative;
  background: linear-gradient(#EDF1F5, white); }
  .my-header .user-nav-title img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 100%;
    display: inline-block; }
.my-header .user-nav-name {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  color: #1D3B64;
  font-weight: 500; }
.my-header .user-nav .user-logo {
  right: 0;
  white-space: nowrap;
  display: block;
  position: absolute; }
  .my-header .user-nav .user-logo .user-logo-name {
    display: inline-block;
    color: white; }
  .my-header .user-nav .user-logo .expand {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 60px;
    margin: auto;
    background: rgba(255, 255, 255, 0.24);
    border-radius: 100%;
    line-height: 60px;
    color: white;
    text-align: center;
    display: none; }
.my-header .nav li .user-logo:hover {
  background: #21426F; }
.my-header .user-nav .user-logo .expand i {
  vertical-align: middle;
  color: #FDBF08; }
.my-header .user-dropdown {
  display: none;
  position: absolute;
  background: white;
  right: 2px;
  padding: 0;
  margin-top: 5px;
  text-align: left; }
  .my-header .user-dropdown li {
    display: block;
    border-bottom: solid 1px #EEEEEE;
    padding: 4px 20px; }
    .my-header .user-dropdown li a {
      display: block;
      color: #2D5894;
      width: 100%;
      height: 100%; }
      .my-header .user-dropdown li a i {
        position: ABSOLUTE;
        RIGHT: 5px;
        FONT-SIZE: 18px; }
.my-header .user-nav .user-logo img {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  border: solid 1px white;
  object-fit: cover;
  display: inline-block; }
.my-header .nav li .user-logo {
  position: relative;
  display: block;
  margin: 0px 10px;
  /* background    : rgba(45, 88, 148, 0.55); */
  padding: 3px 10px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  margin: auto; }
.my-header .nav li .team-logo {
  position: relative;
  display: block;
  padding: 0;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  margin: auto; }
.my-header .team-nav .team-logo img {
  border-radius: 2px 2px 20px 20px;
  width: 30px;
  height: 30px;
  object-fit: cover; }
.my-header .nav li .user-logo i {
  color: white;
  font-size: 18px; }
.my-header .nav li .user-logo span.alert {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  height: 15px;
  border-radius: 100%;
  width: 15px;
  background: #FB2D3C;
  right: 0;
  top: 0;
  border: 0;
  margin: 0;
  padding: 0; }
  .my-header .nav li .user-logo span.alert > p {
    font-size: 10px;
    color: white;
    line-height: 15px;
    margin: 0;
    padding: 0;
    font-weight: 900;
    left: 0; }

span.alert {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  height: 15px;
  border-radius: 100%;
  width: 15px;
  background: #FB2D3C;
  right: 60px;
  top: 0;
  border: 0;
  margin: 0;
  padding: 0; }
  span.alert > p {
    font-size: 8px;
    color: white;
    line-height: 15px;
    margin: 0;
    padding: 0;
    position: relative;
    font-weight: 900;
    left: 0;
    width: 100%;
    text-align: center; }

.my-header .container-fluid {
  width: 100%;
  display: table;
  position: relative; }
.my-header .menu {
  display: none;
  cursor: pointer; }
  .my-header .menu i {
    color: white;
    font-size: 25px;
    line-height: 50px;
    padding: 5px 10px; }
  .my-header .menu.active i {
    font-size: 25px;
    padding: 5px 10px; }
.my-header .nav li.home-header-li {
  /* display: block; */
  /* position: fixed; */
  top: 60px;
  /* display: flex; */
  /* background: rgba(255, 255, 255, 0.2); */
  text-align: left;
  float: left; }
.my-header .nav li.free-trial {
  background: #4bb04f;
  border-radius: 2px; }

.header-container {
  display: flex;
  width: 100%; }

#search-bar-icon {
  display: none; }

.my-header .user-nav.active .user-nav-container {
  display: block; }

@media (max-width: 996px) {
  .my-header {
    height: 50px;
    z-index: 999; }
    .my-header .user-nav-container {
      position: fixed;
      top: 50px;
      width: auto !important;
      box-shadow: none;
      bottom: 0;
      left: 0;
      overflow: scroll; }
    .my-header .user-nav-title {
      /* display : none; */ }
    .my-header .logo {
      display: table-cell;
      width: 100px;
      vertical-align: middle;
      display: none;
      padding-left: 50px; }

  .sb-left ~ .my-header .logo {
    top: 10px;
    right: 85px;
    height: auto; }

  .my-header .nav {
    display: table-cell; }

  .my-header .user-nav-arrow {
    display: none; }

  .my-header .menu {
    display: table-cell;
    text-align: center;
    width: auto;
    position: absolute;
    right: 0;
    display: none; }
  .my-header .nav {
    display: block;
    position: relative;
    width: 100%;
    padding: 0; }
    .my-header .nav ul {
      margin: 0;
      padding: 0;
      display: flex;
      width: 100%;
      width: 100%;
      height: 50px; }
    .my-header .nav li {
      flex: 1;
      display: inline-flex;
      justify-content: center;
      text-align: center;
      vertical-align: middle;
      border-right: solid 1px #4A6283; }
      .my-header .nav li.home-header-li {
        display: block;
        position: fixed;
        top: 60px;
        display: flex;
        background: rgba(255, 255, 255, 0.2);
        align-items: stretch;
        display: none; }
        .my-header .nav li.home-header-li a {
          font-size: 9px;
          line-height: 10px;
          color: #ffffff;
          border-right: solid 1px white;
          display: flex;
          align-items: center; }
          .my-header .nav li.home-header-li a:last-child {
            border-right: none; }
      .my-header .nav li.active {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        background: #FDBF08;
        border-right: solid 1px #4A6283;
        box-shadow: inset 1px 1px 7px 1px rgba(0, 0, 0, 0.5); }
      .my-header .nav li:last-child {
        flex: none;
        /* display : none; */
        border-left: solid 1px #4A6283;
        border-right: none;
        width: 40px; }
      .my-header .nav li:nth-last-child(2) {
        border-right: none; }
      .my-header .nav li a {
        display: block;
        margin: 10px 5px; }
      .my-header .nav li .user-logo {
        position: relative;
        display: block;
        width: 100%;
        padding: 10px;
        text-align: center;
        padding: 0; }
        .my-header .nav li .user-logo img {
          height: 40px;
          width: 40px;
          border-radius: 100%;
          border: solid 1px white; }
  .my-header .logo img {
    vertical-align: middle;
    width: auto;
    height: 32px; }
  .my-header .user-nav, .my-header .team-nav {
    text-align: center;
    flex: 1;
    padding-left: 0;
    vertical-align: middle;
    border-right: solid 1px #edf1f5; }
  .my-header .user-nav .user-logo img {
    width: 50px;
    height: 50px; }
  .my-header .user-nav .user-logo .expand {
    line-height: 50px;
    height: 50px;
    width: 50px; }
  .my-header #header-search-bar-container {
    width: 190px;
    top: -100px;
    /* display: none; */
    width: 53px; }
  .my-header #header-search-bar {
    line-height: 60px;
    height: 60px;
    width: 100%;
    font-size: 12px;
    box-shadow: none;
    box-shadow: 1px 1px 1px #AAADB0; }
  .my-header #header-search-bar-container i {
    line-height: 60px;
    background: white;
    border: none;
    color: #2D5894;
    top: 0; }

  #search-bar-icon {
    display: block;
    position: absolute;
    color: white;
    font-size: 20px;
    right: 40px;
    line-height: 59px;
    height: 59px;
    width: 40px;
    text-align: center;
    background: #3F76C1;
    border-left: solid 1px;
    border-right: solid 1px;
    border-radius: 2px;
    display: none; }
    #search-bar-icon i {
      line-height: 60px; }
    #search-bar-icon.active {
      box-shadow: inset 1px 1px 1px 1px #101D2F;
      background: #24436F; }
      #search-bar-icon.active ~ #header-search-bar-container {
        display: block;
        top: 60px;
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        transform: none; }

  .my-header .lang-nav.active + .lang-dropdown {
    width: 100%;
    text-align: center; }
  .my-header .lang-dropdown .lang {
    text-align: center;
    color: black; } }
/********************************************************************
* MARKET SEARCH
*********************************************************************/
#market-search-bar {
  height: 60px;
  width: 100%;
  padding-left: 10px;
  border: 0; }

.market-filter select {
  width: 100%;
  background: white;
  height: 30px;
  border: none;
  font-weight: 400;
  letter-spacing: 1px;
  color: #4A6283; }

.market-filters-container {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
  z-index: 5;
  background: white; }
  .market-filters-container > div {
    display: table-cell;
    vertical-align: middle; }

.filter-icon {
  background: white;
  width: 60px;
  text-align: center;
  line-height: 50px;
  border-right: solid 1px #EEEEEE;
  color: #1A2F51; }

.market-search-bar {
  border-right: solid 1px #EDF1F5; }

.market-search-bar-wrapper {
  position: relative; }
  .market-search-bar-wrapper i {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    text-align: center;
    line-height: 60px; }

.market-filters-wrapper {
  display: table;
  width: 100%; }
  .market-filters-wrapper > .filter {
    width: 100px;
    display: table-cell;
    padding: 0 5px;
    border-right: solid 1px #EDF1F5; }
    .market-filters-wrapper > .filter > label {
      font-weight: 900;
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 2px;
      margin: 0;
      color: #1D3B64;
      padding-left: 5px;
      padding-top: 9px; }

.market-filter {
  display: block;
  background: white;
  position: fixed;
  z-index: 98;
  right: 0;
  left: 200px;
  top: 111px;
  background: #EDF1F5;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px; }

@media (max-width: 996px) {
  .market-filter {
    left: 0;
    right: 0;
    padding: 5px;
    top: 120px; }

  .market-filters-container {
    display: block; }

  .filter-icon {
    display: block !important;
    width: 100%;
    box-shadow: 1px 1px 1px 0px #BCC0C3;
    font-size: 21px; }
    .filter-icon.active {
      box-shadow: none; }
      .filter-icon.active ~ .market-search-bar {
        display: block !important;
        border: solid 1px #EEEEEE; }

  #market-search-bar {
    height: 50px;
    box-shadow: inset 0px 1px 1px #B7B7B7; }

  .market-search-bar-wrapper i {
    line-height: 50px; }

  .filter-icon.active ~ .market-filters {
    display: block !important; }

  .market-filters-wrapper {
    display: block; }
    .market-filters-wrapper > .filter {
      display: block;
      width: 100%;
      border-right: 0;
      border-bottom: solid 1px #EDF1F5;
      padding-bottom: 10px;
      padding-top: 10px; }

  .market-filter select {
    height: auto;
    padding: 5px; }

  .market-filters {
    display: none !important;
    width: 100%; }

  .market-search-bar {
    display: none !important; } }
/********************************************************************
* VENUES CAROUSEL
*********************************************************************/
.venues-carousel {
  width: auto; }

.venues-container {
  text-align: left;
  height: 800px;
  overflow: scroll;
  width: 100%; }
  .venues-container .venue-box {
    display: inline-block;
    width: 46%;
    position: relative;
    /* padding: 10px; */
    border: solid 1px #EDF1F5; }

@media (max-width: 996px) {
  .venues-container {
    text-align: left;
    padding-top: 10px;
    height: 250px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%; } }
.venue-box {
  width: 100%;
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  border-bottom: solid 10px transparent; }

.step-summary-content .venue-box {
  width: 308px;
  border-bottom: none;
  border: solid 1px #EEEEEE; }
  .step-summary-content .venue-box.selected, .step-summary-content .venue-box:hover .venue-container {
    border-bottom: none;
    box-shadow: none; }

.venue-box:hover .venue-container {
  box-shadow: 1px 1px 24px 1px #B4C1D1; }

.venue-container {
  position: relative; }

.venue-box.selected {
  border-bottom: solid 10px #FDBF08;
  box-shadow: 1px 1px 24px 1px #B4C1D1; }

.venue-image .venue-price {
  position: absolute;
  top: 10px;
  right: 0;
  background: #4CAF50;
  color: white;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 0 5px;
  text-shadow: 1px 1px 16px #96CE98; }
  .venue-image .venue-price sup {
    top: -0.7em;
    font-size: 10px; }

.venue-box-price {
  position: absolute;
  background: #4CAF50;
  color: white;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  top: 2px;
  left: 2px;
  padding: 2px 10px;
  border-radius: 2px;
  text-shadow: 1px 1px 1px #38833B; }
  .venue-box-price sup {
    font-size: 8px; }

.venue-image img {
  width: 100%;
  height: 175px;
  object-fit: cover; }

@media (max-width: 996px) {
  .venue-image img {
    width: 100%;
    height: 120px !important;
    object-fit: cover; } }
.venue-info {
  padding: 5px 0; }

.venue-date {
  position: absolute;
  top: 0;
  background: white;
  text-align: left;
  padding-left: 5px; }

.venue-box-challenge .venue-date .venue-day {
  display: inline-block; }

.venue-date .venue-day {
  font-size: 15px;
  font-weight: 900;
  color: #1D3B64; }
.venue-date > div {
  display: table-cell;
  vertical-align: middle; }

.game-sm .venue-name {
  font-size: 9px;
  text-align: center;
  font-weight: 300; }

.venue-box-challenge .venue-name {
  font-size: 10px; }

.venue-name {
  font-size: 14px;
  line-height: 30px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1B3860;
  white-space: nowrap;
  text-align: left;
  display: block;
  padding-left: 5px;
  height: 33px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 5px; }

.venue-address {
  text-align: left;
  padding-left: 4px;
  font-size: 11px;
  margin-top: -5px;
  overflow: hidden;
  height: 18px; }
  .venue-address span {
    color: #6880A0; }
  .venue-address i {
    font-size: 14px;
    margin-right: 5px;
    color: #FDBF08;
    /* text-shadow  : 1px 1px 1px #858585; */ }

.venue-container .field-info {
  background: white;
  line-height: 35px;
  display: block;
  border-top: solid 1px #EEEEEE; }

.field-info-container {
  display: table;
  width: 100%; }
  .field-info-container > div {
    border-right: solid 1px #EEEEEE;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 10px;
    color: #2A456A;
    background: #F9FCFF;
    text-align: center; }
    .field-info-container > div:last-child {
      border-right: none; }
  .field-info-container .field-size, .field-info-container .field-localization, .field-info-container .field-type {
    display: table-cell;
    width: 33%; }

.availabilities-event-team-image {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  object-fit: cover;
  margin: 2px; }

.availabilities-event-venue-image {
  width: 100%;
  border-radius: 0;
  height: 15px;
  object-fit: cover;
  margin: 2px; }

.availabilities-calendar-event {
  height: auto !important;
  overflow: visible; }
  .availabilities-calendar-event .fc-content {
    overflow: visible; }

.availabilities-weekday-title {
  text-align: left;
  font-size: 17px;
  letter-spacing: 1px;
  color: #60799B;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-left: 5px;
  margin-top: 10px;
  font-weight: 900; }

.availabilities-wrapper {
  text-align: left;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: calc(100% - 45px);
  position: absolute;
  top: 0;
  left: 50px;
  right: 0;
  bottom: 0;
  padding: 5px; }

.availability-box {
  display: inline-block;
  background: white;
  border-radius: 2px;
  min-width: 170px;
  margin: 5px;
  vertical-align: top;
  cursor: pointer; }
  .availability-box:hover {
    box-shadow: 1px 1px 17px 1px #D6D9DC; }
  .availability-box > label {
    cursor: pointer; }

.availability-time {
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left;
  padding-left: 5px;
  line-height: 28px;
  color: #47648A;
  border-bottom: solid 1px #EDF1F5;
  position: relative; }
  .availability-time > input {
    position: absolute;
    top: 3px;
    right: 10px;
    z-index: 3; }

.availability-time-container {
  z-index: 2;
  position: relative; }

.availability-box-overlay {
  position: absolute;
  background: #4caf50;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  text-align: right;
  padding-right: 5px;
  display: none; }

.availability-box input:checked ~ .availability-time-container {
  color: white; }
.availability-box input:checked ~ .availability-box-overlay {
  display: block; }

.availability-teams {
  min-height: 30px; }

.availability-team {
  padding: 4px 3px;
  display: inline-block; }

.availability-team-image {
  text-align: left; }
  .availability-team-image:hover ~ .availability-team-name, .availability-team-image:hover ~ .availability-user-name {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    border-radius: 2px;
    font-size: 12px;
    padding: 1px 5px; }
  .availability-team-image img {
    width: 25px;
    height: 25px;
    border: solid 1px #EEEEEE;
    border-radius: 100%;
    display: inline-block; }

.availability-team-name, .availability-user-name {
  display: none; }

@media (max-width: 996px) {
  .venues-container .venue-box {
    display: inline-block;
    width: 71%;
    margin: 5%; }

  .venues-selection .venue-small-box {
    height: 20px; }

  .venues-container .venue-address {
    display: none; }
  .venues-container .venue-name {
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    margin-right: 5px; } }
/********************************************************************
* MY  FOOTER
*********************************************************************/
/********************************************************************
* MY  FOOTER
*********************************************************************/
.my-footer {
  background: #FFFFFF;
  padding: 10px 0px;
  border: solid 1px #B5BFCE; }
  .my-footer a.footer-social-btn {
    font-size: 15px;
    margin: 20px 15px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border: solid 1px #2D5894;
    text-align: center;
    display: inline-block;
    color: white;
    background: #2D5894;
    border-radius: 100%;
    padding: 0; }
    .my-footer a.footer-social-btn:hover {
      color: #2D5894;
      background: white; }
  .my-footer a.footer-link {
    color: #868282;
    display: block;
    margin: 4px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    width: auto; }
    .my-footer a.footer-link:hover {
      text-decoration: underline; }

/********************************************************************
* MY SIDEBAR
*********************************************************************/
/********************************************************************
* HOR NAV
*********************************************************************/
.hor-nav {
  background: #2D5894;
  border-top: solid 1px white; }

.hor-nav-sections {
  position: relative;
  width: 100%; }

.hor-nav ul {
  display: table;
  width: 100%;
  padding: 0px 0px;
  table-layout: fixed; }
.hor-nav li {
  list-style: none;
  display: table-cell;
  text-align: center;
  border-right: solid 1px #EDF1F5;
  color: #1C385F;
  border-bottom: solid 2px transparent;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  background: white; }
  .hor-nav li.active, .hor-nav li:hover {
    border-bottom: solid 3px #2E5991;
    color: #2D5894; }
  .hor-nav li a {
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    padding: 10px 0px;
    height: 100%;
    color: inherit;
    font-size: 10px; }
  .hor-nav li.green a {
    color: #4CAF50;
    font-weight: 600; }
  .hor-nav li.green.active, .hor-nav li.green:hover {
    border-bottom: solid 3px #4CAF50; }
  .hor-nav li.green.active a, .hor-nav li.green:hover a {
    font-weight: 900; }
  .hor-nav li a i {
    margin-right: 5px; }

@media (max-width: 996px) {
  .hor-nav li a {
    font-size: 10px; }
    .hor-nav li a i {
      display: block; } }
.availability-indicator {
  height: 50px;
  /* For browsers that do not support gradients */
  margin-bottom: 40px;
  background: -webkit-linear-gradient(right, #FF5458, orange, #4ED85E);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #FF5458, orange, #4ED85E);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #FF5458, orange, #4ED85E);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #FF5458, orange, #4ED85E);
  /* Standard syntax */
  box-shadow: inset 1px 1px 1px #4B4E52;
  border-radius: 2px;
  position: relative; }
  .availability-indicator .availability-title {
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    color: #EDF1F5;
    font-size: 16px;
    letter-spacing: 5px; }
    .availability-indicator .availability-title sup {
      letter-spacing: 1px; }
  .availability-indicator .indicator {
    position: absolute;
    top: 0;
    margin: auto; }
    .availability-indicator .indicator.low {
      left: 0; }
      .availability-indicator .indicator.low .cursor {
        margin: auto; }
    .availability-indicator .indicator.medium {
      left: 50%; }
      .availability-indicator .indicator.medium .cursor {
        margin: auto; }
    .availability-indicator .indicator.high {
      right: 0; }
    .availability-indicator .indicator .indication {
      border: solid 1px #EEEEEE;
      width: auto;
      padding: 5px 10px;
      background: rgba(45, 88, 148, 0.71);
      color: white;
      border-radius: 2px;
      font-size: 12px; }
    .availability-indicator .indicator .cursor {
      width: 10px;
      height: 50px;
      background: rgba(45, 88, 148, 0.5);
      border-left: solid 1px white;
      border-right: solid 1px white;
      margin: auto; }
  .availability-indicator + .hor-nav-section {
    margin-top: 20px; }

.hor-nav-sections > .hor-nav-section {
  display: none;
  min-height: 100vh; }
  .hor-nav-sections > .hor-nav-section:first-child {
    display: block; }

/********************************************************************
* MY TABLE
*********************************************************************/
.box.my-table {
  background: white; }

.my-table {
  background: white; }
  .my-table tr.separated-top {
    margin-top: 11px;
    background: #eff3f9; }
    .my-table tr.separated-top .week {
      /* font-size : 16px; */ }
  .my-table td > .venue {
    font-size: 10px;
    font-weight: 900;
    color: #2C5792;
    text-transform: uppercase; }
  .my-table td > .time {
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    color: #2D5894; }
  .my-table td > .date {
    font-weight: 500;
    text-transform: none;
    color: #1B3456;
    font-size: 12px; }
  .my-table td > .currency {
    text-align: center;
    font-weight: 900;
    color: #1B3456; }

.user-card {
  background: #ffffff;
  display: block;
  padding: 5px 0px;
  width: auto;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.11);
  border-radius: 2px; }

.my-table.ultimate .user-card {
  background: transparent;
  border: none;
  padding: 0;
  height: 60px;
  width: 100%;
  display: block; }
  .my-table.ultimate .user-card .info {
    width: 200px; }

.user-card > div {
  display: flex;
  align-items: center; }

img.sm {
  height: 30px;
  width: 30px;
  object-fit: cover; }
img.lazyload {
  background-color: #152743;
  overflow: hidden;
  animation-name: color_change;
  animation-duration: 1s;
  animation-iteration-count: 10; }

@keyframes color_change {
  0% {
    background-color: #152743; }
  50% {
    background-color: #153451; }
  100% {
    background-color: #152743; } }
.user-card .image {
  margin: auto;
  width: 50px;
  text-align: center; }
.user-card .info {
  vertical-align: middle;
  text-align: left;
  flex: 1; }
.user-card.activity-card .result .teams {
  display: block;
  width: fit-content; }
.user-card.activity-card .result .team {
  display: flex;
  padding: 3px 5px;
  background: #337ab7;
  border-radius: 2px;
  margin: 2px 0;
  align-items: center;
  text-align: right;
  justify-content: space-between; }
  .user-card.activity-card .result .team .img {
    width: 30px;
    text-align: center; }
    .user-card.activity-card .result .team .img img {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      object-fit: cover; }
  .user-card.activity-card .result .team .name {
    color: white;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px; }
  .user-card.activity-card .result .team .result {
    font-size: 16px;
    color: white;
    padding-left: 5px;
    margin-left: 5px;
    font-weight: 900;
    border-left: solid 1px white; }
.user-card.activity-card .image img {
  width: 40px;
  height: 40px; }
.user-card.activity-card .referee {
  display: block;
  background: #2d588f;
  width: fit-content;
  padding: 2px 5px;
  border-radius: 2px; }
.user-card.activity-card .game-eta.closed {
  background: #4caf50;
  width: fit-content;
  padding: 2px 5px;
  margin-top: 2px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
  color: white; }
.user-card.activity-card .referee img {
  width: 15px;
  height: 15px; }
.user-card.activity-card .referee .name {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: white; }

.my-table.ultimate .user-card .user-name {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
  color: #4D6485; }
  .my-table.ultimate .user-card .user-name small {
    font-size: 10px !important;
    color: #787F8C !important;
    text-shadow: none !important; }
    .my-table.ultimate .user-card .user-name small img {
      width: 20px !important;
      height: 20px !important; }

.user-card .user-name {
  font-weight: 300;
  text-transform: none;
  color: #213d66;
  padding: 0;
  font-size: 15px;
  line-height: 15px; }
.user-card .venue {
  text-transform: uppercase; }
.user-card.game-card {
  text-align: left; }
  .user-card.game-card .user-name {
    font-size: 14px;
    text-align: left;
    margin: 0;
    padding: 0; }
  .user-card.game-card .date {
    text-align: left;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
    line-height: 14px;
    color: #1d3b64; }
    .user-card.game-card .date .time {
      font-weight: 500;
      color: #2e4a70; }
  .user-card.game-card .venue {
    font-weight: 900;
    color: #1f3456;
    font-size: 10px; }
  .user-card.game-card .info {
    text-align: left; }
.user-card .user-team {
  font-size: 12px;
  color: #213d66; }
.user-card .sign:hover + .time-slots {
  display: block; }
.user-card .time-slots {
  background: black;
  position: absolute;
  text-align: left;
  line-height: 17px;
  display: none; }
  .user-card .time-slots > div {
    display: block;
    font-size: 8px;
    padding: 1px 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    border-bottom: solid 1px; }
.user-card .sign-container {
  display: table-cell;
  text-align: center;
  /* background: rgba(0, 0, 0, 0.18); */
  /* float          : right; */
  color: white;
  width: 67px;
  height: 100%;
  min-height: 100%;
  vertical-align: middle; }

td .last-encounter {
  display: inline-block;
  border: solid 1px #EEEEEE;
  background: #F58089;
  padding: 1px 5px;
  color: white; }
td .last-game-date {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 2px 5px; }
  td .last-game-date.green {
    background: #97C350;
    color: white; }
  td .last-game-date.red {
    background: red;
    color: white; }
  td .last-game-date.orange {
    background: orange;
    color: white; }
  td .last-game-date > sup {
    top: -0.3em; }
td .last-encounter > div {
  font-size: 14px; }
td .last-encounter > span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 10px;
  color: white; }

.user-card .sign {
  border-radius: 2px;
  box-shadow: 1px 1px 17px 1px rgba(0, 0, 0, 0.19);
  width: 60px; }
  .user-card .sign i, .user-card .sign .sign-value {
    display: inline-block; }
  .user-card .sign.equal {
    background: orange;
    font-size: 20px;
    line-height: 22px;
    text-shadow: 1px 1px 1px #865600; }
  .user-card .sign.left {
    background: #337AB7;
    text-shadow: 1px 1px 1px #122D45; }
  .user-card .sign.down {
    text-shadow: 1px 1px 0px #18070A;
    background: #C44052; }
  .user-card .sign.up {
    background: #97C350;
    text-shadow: 1px 1px 1px #405224; }

/********************************************************************
* XS TABS
*********************************************************************/
.xs-tabs {
  text-align: left;
  padding: 10px 4px; }

.xs-tab {
  display: inline-block;
  letter-spacing: 2px;
  padding-right: 15px;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  color: #6B7F9A;
  cursor: pointer; }
  .xs-tab.active, .xs-tab:hover {
    font-weight: 900;
    color: #FDBF08; }

.xs-tab-target {
  display: none; }
  .xs-tab-target.active {
    display: block; }

/********************************************************************
* Venue Selector wrapper
*********************************************************************/
.venues-selector-wrapper {
  display: table;
  width: 100%; }

.venues-selection {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 90px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 15px;
  background: #8c9eb6;
  box-shadow: inset 1px 1px 1px #323335;
  border-radius: 2px;
  position: relative;
  text-align: left; }
  .venues-selection #no-venue-selection {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 90px;
    padding-left: 10px;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: white; }
  .venues-selection .venue-small-box {
    width: 200px;
    display: inline-block;
    border-bottom: solid 2px #FDBF08;
    margin: 0px 10px;
    display: none;
    cursor: pointer; }
    .venues-selection .venue-small-box.selected {
      display: inline-block; }
    .venues-selection .venue-small-box .venue-image img {
      height: 60px;
      width: 200px;
      border-radius: 3px; }
    .venues-selection .venue-small-box .venue-info {
      position: absolute;
      bottom: 0;
      width: 100%; }
      .venues-selection .venue-small-box .venue-info .venue-name {
        font-size: 9px;
        line-height: 20px;
        height: 20px; }

.venues-selector-wrapper .venues-wrapper {
  display: table-cell;
  width: 60%;
  position: relative;
  vertical-align: top; }
.venues-selector-wrapper .venues-map-wrapper {
  display: table-cell;
  width: 40%; }
  .venues-selector-wrapper .venues-map-wrapper .venues-map {
    width: 100%;
    height: 800px; }

.venues-selection.with-button {
  height: 115px; }
  .venues-selection.with-button > button {
    position: absolute;
    bottom: 5px;
    background: #4DB051;
    color: white;
    border: none;
    margin: auto;
    display: inline-block;
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 22px;
    left: 10px;
    border-radius: 2px;
    border: solid 1px white; }

@media (max-width: 996px) {
  .venues-selector-wrapper .venues-map-wrapper {
    display: none; }

  .venues-selection {
    height: 50px;
    padding-top: 5px; }
    .venues-selection .venue-small-box {
      width: 100px; }
    .venues-selection #no-venue-selection {
      line-height: 50px;
      font-size: 10px; }
    .venues-selection .venue-small-box .venue-info .venue-name {
      font-size: 5px !important;
      height: 10px;
      line-height: 10px; }

  .venues-selector-wrapper {
    display: block;
    width: 100%; }

  #venues-switch-view.map ~ .venues-wrapper {
    display: none; }

  #fixed-map-container.active ~ section#middle .step-content, #fixed-map-container.active ~ section#middle .venues-selection {
    position: relative;
    z-index: 10; }
  #fixed-map-container.active ~ section#middle .step-title, #fixed-map-container.active ~ section#middle .step-subtitle {
    position: relative;
    z-index: 10;
    background: #EDF1F5;
    border-radius: 2px; }
  #fixed-map-container .venues-map {
    position: fixed !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 8; }

  .venues-selector-wrapper .venues-wrapper {
    display: block;
    width: 100%;
    overflow: hidden; }

  .venues-selection .venue-small-box .venue-image img {
    height: 40px !important;
    object-fit: cover;
    width: 100%; } }
/********************************************************************
* Ultimate News feed
*********************************************************************/
.ut-feeds {
  /* background: white; */
  border-radius: 2px;
  /* box-shadow: 1px 1px 17px 1px #DBDEE2; */ }

.ut-feeds-wrapper {
  padding: 0 17px; }

.ut-feed-container {
  border-radius: 2px;
  border: solid 1px #EEEEEE;
  margin-top: 10px;
  background: white;
  box-shadow: 1px 1px 19px 1px #E1E5E8; }
  .ut-feed-container:first-child {
    margin-top: 0; }

.ut-feed {
  padding: 3px 10px;
  position: relative;
  display: block;
  padding-bottom: 5px;
  height: 100px; }

.ut-feed-title {
  text-align: left; }

.ut-feed-type {
  text-align: left;
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 20px;
  font-size: 10px;
  letter-spacing: 1px;
  color: #FFFFFF;
  display: inline-block;
  background: #99C354;
  margin-bottom: 10px; }
  .ut-feed-type.match {
    background: #1D3B64; }
  .ut-feed-type.ut-rating {
    background: #FDBF08; }

.ut-feed-title-container {
  display: table;
  width: 100%;
  margin-bottom: 4px; }

.ut-feed-icon {
  display: table-cell;
  width: 40px;
  vertical-align: middle;
  text-align: left; }
  .ut-feed-icon img {
    height: 30px;
    width: 30px;
    object-fit: cover;
    border-radius: 100%; }

.ut-feed-name {
  display: table-cell;
  text-align: left; }
  .ut-feed-name .author-name {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #1D3B64; }
  .ut-feed-name .author-type {
    font-size: 10px;
    letter-spacing: 2px;
    color: #8E9DB2;
    font-weight: 900; }

.ut-feed-date {
  position: absolute;
  right: 10px;
  font-weight: 400;
  font-size: 13px;
  color: #A0ADBE;
  vertical-align: top;
  top: 10px; }

.ut-feed-content {
  text-align: left;
  font-size: 13px;
  letter-spacing: 1px;
  padding-left: 3px; }

.ut-feed-footer {
  text-align: center;
  display: inline-flex;
  position: relative;
  bottom: 31px;
  float: right; }

/********************************************************************
* UT-user-card
*********************************************************************/
.ut-user-card {
  margin: auto;
  width: 100%;
  position: relative;
  background: white; }

.ut-card-title-section {
  display: table;
  width: 100%;
  border-bottom: solid 1px #EEEEEE;
  z-index: 3;
  position: relative;
  border-radius: 5px 5px 0 0;
  background: white; }

.ut-user-card.creation .ut-card-title-section .ut-card-avatar {
  padding: 0; }

.ut-card-title-section .ut-card-avatar {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
  padding: 10px; }

.small-card .ut-card-title-section .ut-card-avatar {
  width: 60px;
  padding: 10px 5px; }

.ut-card-avatar img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 100%; }

.small-card .ut-card-avatar img {
  width: 55px;
  height: 55px;
  padding: 0; }

.ut-card-title {
  display: block;
  flex: 1;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px; }

.small-card .ut-card-title {
  padding-left: 5px; }
.small-card .ut-card-username {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 900; }

.ut-card-username {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1D3B64;
  font-size: 22px; }

.ut-card-position {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  padding: 9px 10px; }

.ut-user-card .fancy-input {
  border: solid 1px #EDF1F5; }
.ut-user-card .input-group .fancy-input input, .ut-user-card .input-group .fancy-input select {
  border: none;
  height: 34px; }

.ut-card-score {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-left: solid 1px #EDF1F5;
  width: 80px; }

.ut-card-level {
  padding: 5px 10px; }

.small-card .ut-card-score {
  width: 70px;
  border: navajowhite; }

.ut-card-score-number {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #1D3B64; }

.ut-user-card-shadow {
  box-shadow: 1px 1px 20px 1px #BCC3C7;
  border-radius: 5px 5px 50% 50%; }

.ut-card-availabilities-section {
  background: transparent;
  text-align: left;
  padding: 10px; }

.ut-card-common-availabilities {
  display: inline-block;
  padding: 0 5px;
  border-radius: 2px; }
  .ut-card-common-availabilities.green {
    background: #97C350;
    color: white; }
  .ut-card-common-availabilities.red {
    background: #EB7D86;
    color: white; }
  .ut-card-common-availabilities > b {
    font-size: 18px; }
  .ut-card-common-availabilities sup {
    text-transform: uppercase;
    font-size: 7px;
    font-weight: 500;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 10px;
    top: 0.2em; }
    .ut-card-common-availabilities sup > b {
      font-size: 10px;
      padding-left: 2px;
      color: #FFFFFF; }

.ut-card-score-label {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  color: #93A1B5; }

.small-card .ut-card-stats {
  width: 200px;
  margin: auto;
  padding: 0; }

.ut-card-stats {
  padding: 20px 20px;
  Z-INDEX: 1;
  POSITION: RELATIVE;
  text-align: center; }
  .ut-card-stats .ut-card-overlay {
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.37); }

.ut-card-row {
  text-align: left;
  display: table;
  width: 100%;
  margin: 7px 0; }
  .ut-card-row .ut-card-stat {
    display: table-cell;
    width: 50%; }
    .ut-card-row .ut-card-stat > div {
      display: table;
      width: 100%; }

.ut-card-footer {
  border-radius: 0 0 70% 70%;
  z-index: 2;
  position: relative;
  /* box-shadow: -4px 20px 20px 0px #BCC3C7; */ }

.ut-card-stat-chemistry {
  text-align: center; }

.small-card .ut-card-stat-chem-label {
  display: none; }

.ut-card-stat-chem-label {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  color: #224473;
  font-weight: 900;
  background: white;
  border: solid 1px #EEEEEE;
  display: inline-block;
  padding: 2px 12px;
  margin-top: 5px;
  border-radius: 3px;
  background: linear-gradient(to right, #EEEEEE, white); }

.small-card .ut-card-stat-chem {
  padding-bottom: 20px;
  padding: 0; }

.ut-card-stat-chem {
  padding-top: 10px; }

.small-card .ut-card-stat-chem img {
  width: 50px;
  height: 50px; }

.ut-card-stat-chem img {
  width: 70px;
  height: 70px;
  /* display    : block; */
  margin: auto;
  background: none;
  background: white;
  padding: 10px; }

.ut-user-card .input-group {
  margin: 0; }
  .ut-user-card .input-group .image-input {
    background: none;
    border: none;
    text-align: center; }
    .ut-user-card .input-group .image-input span {
      margin-top: 5px;
      border: solid 1px #EEEEEE;
      background: white;
      color: #224473;
      font-weight: 400;
      letter-spacing: 1px;
      font-size: 9px;
      padding-top: 5px;
      padding-bottom: 5px; }
    .ut-user-card .input-group .image-input input {
      border: none;
      opacity: 0; }
  .ut-user-card .input-group input, .ut-user-card .input-group select {
    font-size: 12px;
    line-height: 20px;
    color: black;
    border: white;
    letter-spacing: 1px;
    border-radius: 2px; }
  .ut-user-card .input-group label {
    font-size: 10px;
    letter-spacing: 1px;
    color: #9BA8BB;
    cursor: auto; }

.small-card .ut-card-stat-chem .chemistry-name {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 6px; }

.ut-card-stat-chem .chemistry-name {
  font-weight: 900;
  letter-spacing: 2px;
  font-size: 25px;
  line-height: 45px;
  text-transform: uppercase;
  display: inline-block;
  color: #1A2F51;
  text-shadow: 1px 1px 1px #A2A2A2;
  display: block; }

.ut-card-footer-shield:before {
  position: absolute;
  margin-top: 50%;
  content: "";
  left: 50%;
  top: 0;
  width: 50%;
  height: 53%;
  background: white;
  border-radius: 70% 70% 0 0;
  -webkit-transform: rotate(-61.5deg);
  -moz-transform: rotate(-61.5deg);
  -ms-transform: rotate(-61.5deg);
  -o-transform: rotate(-61.5deg);
  transform: rotate(-61.5deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  display: none; }
.ut-card-footer-shield:after {
  position: absolute;
  margin-top: 50%;
  content: "";
  left: 50%;
  top: 0;
  width: 50%;
  height: 53%;
  background: white;
  border-radius: 70% 70% 0 0;
  -webkit-transform: rotate(-61.5deg);
  -moz-transform: rotate(-61.5deg);
  -ms-transform: rotate(-61.5deg);
  -o-transform: rotate(-61.5deg);
  transform: rotate(-61.5deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  display: none;
  background-color: white;
  left: 0;
  -webkit-transform: rotate(61.5deg);
  -moz-transform: rotate(61.5deg);
  -ms-transform: rotate(61.5deg);
  -o-transform: rotate(61.5deg);
  transform: rotate(61.5deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.ut-card-row .ut-card-stat-label {
  display: table-cell;
  font-size: 20px;
  line-height: 20px;
  width: 50%;
  color: #73869F;
  font-weight: 300;
  vertical-align: middle;
  text-align: right;
  padding-right: 5px; }
.ut-card-row .ut-stat-score {
  display: table-cell;
  width: 50%;
  font-size: 20px;
  line-height: 20px;
  padding-left: 5px; }

.ut-card-stat-label {
  text-align: left;
  letter-spacing: 2px;
  font-weight: 300;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  color: #172E4E; }

.ut-card-slider-wrapper {
  width: 100%;
  display: table; }

.ut-card-slider {
  display: table-cell;
  vertical-align: middle; }

.ut-stat-score {
  display: table-cell;
  font-size: 20px;
  vertical-align: middle;
  letter-spacing: 1px;
  width: 60px;
  font-weight: 900;
  letter-spacing: 3px;
  color: #142A48;
  text-align: center; }

.ut-user-card.small-card {
  margin: auto;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  display: block;
  margin: 20px; }

@media (max-width: 996px) {
  .user-card.activity-card .result {
    display: none; }

  .ut-card-stat {
    display: table;
    width: 100%; }

  .ut-card-stat-label {
    display: table-cell;
    width: 80px;
    vertical-align: middle; }

  .ut-user-card .input-group .image-input input {
    border: none;
    opacity: 0; }
  .ut-user-card .input-group input, .ut-user-card .input-group select {
    font-size: 12px;
    line-height: 20px;
    color: black;
    border: solid 1px #EEEEEE;
    height: 33px;
    letter-spacing: 1px;
    padding: 0;
    padding: 5px; }
  .ut-user-card .input-group label {
    font-size: 10px;
    letter-spacing: 1px;
    color: #9BA8BB; }
  .ut-user-card.creation .ut-card-title-section .ut-card-avatar {
    padding: 5px; }
  .ut-user-card .input-group .image-input span {
    font-size: 7px; }
  .ut-user-card.creation .input-group .image-input .image-container img {
    width: 80px;
    height: 100px;
    border-radius: 0;
    border: solid 1px #EDEDED;
    border-radius: 2px; }
  .ut-user-card.creation .input-group .image-input .image-input, .ut-user-card.creation .input-group .image-input .image-container {
    padding: 0; }
  .ut-user-card.creation .ut-card-score {
    display: table-cell;
    width: 40px;
    display: none; }

  .ut-user-card.creation .ut-card-slider input {
    height: 100px; }
  .ut-user-card.creation .ut-stat-score {
    line-height: 30px;
    width: 40px;
    font-size: 15px; }
  .ut-user-card.creation .ut-card-stats {
    padding: 10px; }
  .ut-user-card.creation .ut-card-stat-chem img {
    width: 30px; }

  .ut-card-stat-chem-label {
    display: none; }

  .ut-card-stat-chem .chemistry-name {
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 10px; }

  .ut-card-slider {
    /* background : black; */ }

  /*.ut-user-card.creation .inline-input
  {
      width   : 100%;
      display : block;
      margin  : 0;
  }

  .ut-user-card.creation .input-group
  {
      display       : block;
      width         : 100%;
      margin-bottom : 3px;
  }*/ }
/********************************************************************
* UT-team-card
*********************************************************************/
.ut-team-challenge-card.team-card-lg {
  background: transparent; }
.ut-team-challenge-card.active + .team-availabilities-container {
  display: block;
  opacity: 1;
  height: auto; }
.ut-team-challenge-card + .team-availabilities-container {
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: 1s; }
.ut-team-challenge-card:hover {
  /* box-shadow : 1px 1px 17px 1px #B9B9B9; */ }

.ut-card-table-separator {
  display: table-cell;
  width: 2%; }

.ut-team-challenge-card h4 {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 400;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 10px;
  color: black; }

.ut-team-card-title {
  display: table;
  padding: 0;
  width: 100%;
  background: #EEEEEE;
  background: linear-gradient(to right, #EEEEEE, white); }
  .ut-team-card-title .team-card-lg .ut-team-card-title {
    display: block;
    width: 100%;
    padding: 0;
    background: white; }

.team-card-lg .ut-team-card-title {
  position: relative;
  background: transparent; }

.ut-last-game-played {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px;
  background: white;
  background: #162D4D;
  border-radius: 5px;
  z-index: 2; }
  .ut-last-game-played > label {
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: #9AA7BA;
    margin: 0; }
  .ut-last-game-played .ut-game-played-image img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: solid 1px #EEEEEE;
    display: inline-flex;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top; }
  .ut-last-game-played .ut-game-played-image > span {
    display: inline-block;
    width: auto;
    font-size: 11px;
    max-width: 100px;
    vertical-align: top;
    line-height: 20px;
    color: #FFFFFF;
    overflow: hidden;
    height: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    letter-spacing: 1px;
    margin: auto; }
  .ut-last-game-played .ut-game-score {
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    line-height: 20px;
    color: black;
    text-shadow: 0px 0px 0px white; }
    .ut-last-game-played .ut-game-score.won {
      color: #62B965; }
    .ut-last-game-played .ut-game-score.draw {
      color: orange; }
    .ut-last-game-played .ut-game-score.lost {
      color: #FB2D3C; }
  .ut-last-game-played .ut-game-played-image {
    text-align: center;
    margin: auto;
    display: block;
    height: 20px; }
  .ut-last-game-played .date {
    font-size: 10px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    color: #E4EDFA; }

.ut-team-card-image {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  background: transparent; }

.ut-team-ratio {
  position: absolute;
  bottom: -22px;
  width: 100%;
  z-index: 2; }
  .ut-team-ratio > div {
    display: table;
    width: auto;
    margin: auto;
    background: white;
    box-shadow: 1px 1px 1px 0px #989494;
    border-radius: 2px; }
    .ut-team-ratio > div > div {
      font-size: 30px;
      display: table-cell;
      width: 31px;
      position: relative;
      font-weight: 900;
      vertical-align: middle; }
      .ut-team-ratio > div > div > label {
        font-size: 12px;
        line-height: 20px;
        position: absolute;
        width: 100%;
        top: 0;
        margin: 0;
        color: #C9CFDA;
        text-transform: uppercase;
        font-weight: 900; }
  .ut-team-ratio .won {
    color: #62B965;
    font-size: 40px;
    padding-top: 10px; }
  .ut-team-ratio .lost {
    color: #FB2D3C; }
  .ut-team-ratio .draw {
    color: #FDBF08; }

.team-card-lg .ut-team-card-image {
  display: block;
  width: 100%;
  position: relative; }
.team-card-lg .ut-card-team-ranking {
  position: absolute;
  left: 5px;
  top: 5px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
  background: white;
  padding: 0px 10px;
  text-align: center;
  z-index: 2; }
.team-card-lg .last-encounter {
  position: absolute;
  z-index: 2;
  left: 80px;
  top: 10px; }
  .team-card-lg .last-encounter:hover > span {
    display: block; }
  .team-card-lg .last-encounter > span {
    display: none;
    border: solid 1px black;
    background: black;
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 0 4px;
    border-radius: 2px; }
  .team-card-lg .last-encounter > i {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 30px;
    text-align: center;
    color: white;
    background: #FDBF08;
    text-shadow: 1px 1px 3px #926F09; }
.team-card-lg .ut-card-team-ranking label {
  font-weight: 900;
  margin: 0;
  line-height: 10px;
  margin-top: 10px;
  color: #93A1B5; }
.team-card-lg .ut-card-team-ranking p {
  font-size: 30px;
  font-weight: 900;
  color: #1D3B64;
  margin: 0; }

.my-carousel-element.active .ut-team-card-image img {
  transition: 1s; }

.team-card-lg .ut-team-card-image img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  height: 180px !important; }

.ut-team-card-image img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 100%; }

.ut-team-card-caracteristic {
  padding-left: 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle; }

.team-card-lg .ut-team-card-caracteristic {
  padding: 20px 10px; }

.ut-team-card-team {
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #1D3B64;
  font-weight: 900;
  text-transform: uppercase;
  height: 21px;
  overflow: hidden;
  width: auto; }

.team-card-lg .ut-team-card-category {
  font-size: 14px; }

.ut-team-card-category {
  font-size: 11PX;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8E9DB2; }

.ut-team-card-players-count {
  font-size: 11PX;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #707D90; }

.ut-team-card-points {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1D3B64;
  text-align: center;
  width: 80px; }

.team-card-lg .ut-team-card-points {
  font-size: 30px; }

.ut-team-common-av {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  text-align: center;
  border-top: solid 1px #EEEEEE;
  background: rgba(255, 255, 255, 0);
  line-height: 30px;
  color: #4CAF50;
  cursor: pointer;
  transition: 0.5s; }

.ut-team-challenge-card:hover .ut-team-common-av {
  background: #FFFFFF; }

.ut-team-common-av > div {
  display: inline-block;
  margin: auto;
  text-transform: uppercase;
  font-weight: 900; }
  .ut-team-common-av > div > span {
    font-size: 20px; }
  .ut-team-common-av > div > sup {
    top: -0.3em;
    font-size: 10px; }

.team-card-lg-info-wrapper {
  display: table;
  width: 100%;
  background: linear-gradient(to right, #F1EFEF, white);
  position: relative;
  table-layout: fixed; }

.team-card-lg .ut-team-card-points sup {
  top: -0.6em;
  font-size: 15px; }

.ut-team-card-points sup {
  font-weight: 400;
  font-size: 11px;
  color: #909EB3; }

.ut-team-card-availability {
  display: inline-block;
  font-size: 15px;
  text-align: left;
  padding: 10px 5px; }

.challenge-button-wrapper {
  display: inline-flex;
  padding-bottom: 10px;
  padding-left: 60px; }

@media (max-width: 996px) {
  .challenge-button-wrapper {
    display: inline-flex;
    padding-bottom: 10px;
    padding-left: 0; }

  #challenge-box-x {
    margin-left: 0 !important; }

  .my-box-title.my-box-tabs {
    margin: 0;
    border-bottom: none;
    display: block;
    width: 100%; } }
#challenge-box-x {
  margin-left: 250px; }

.ut-team-card-team-challenge, .ut-team-card-team-challenge-day {
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #1D3B64;
  font-weight: 900;
  text-transform: uppercase;
  height: 21px;
  overflow: hidden;
  width: auto; }

.ut-team-card-points-challenge, .ut-team-card-points-challenge-day {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1D3B64;
  text-align: center;
  width: 80px; }

.team-card-lg .ut-team-card-team-challenge, .team-card-lg .ut-team-card-team-challenge-day {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  letter-spacing: 2px;
  overflow: hidden; }
.team-card-lg .ut-team-card-points-challenge {
  font-size: 20px; }
.team-card-lg .ut-team-card-points-challenge-day {
  font-size: 17px;
  width: 0%;
  padding-left: 52px; }

.team-card-lg-info-wrapper-challenge {
  display: table;
  width: 100%;
  background: white;
  background: linear-gradient(to right, #F1EFEF, white);
  position: relative;
  padding-bottom: 20px; }

.team-card-lg .challenge-text-wrap {
  display: inline; }
.team-card-lg .ut-team-card-caracteristic-challenge {
  padding: 10px 10px;
  display: inherit; }
  .team-card-lg .ut-team-card-caracteristic-challenge img {
    height: 27px;
    margin-bottom: 5px; }
.team-card-lg .ut-card-team-ranking-challenge {
  position: absolute;
  left: 10px;
  top: 10px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
  background: #62B965;
  padding: 0px 10px;
  color: white !important;
  text-shadow: 1px 1px 1px #476E48;
  text-align: center;
  z-index: 2; }
  .team-card-lg .ut-card-team-ranking-challenge p {
    font-size: 30px;
    font-weight: 900;
    color: white;
    margin: 0; }

.common-availability-wrapper {
  padding: 0 5px;
  border-radius: 2px;
  display: inline-block; }
  .common-availability-wrapper.green {
    background: #97C350;
    color: white; }
  .common-availability-wrapper.red {
    background: #EB7D86;
    color: white; }

.ut-team-card-availability .common-availability-wrapper > div {
  display: inline-block;
  font-size: 20px;
  font-weight: 900; }
.ut-team-card-availability .common-availability-wrapper > sup {
  text-align: left;
  line-height: 9px;
  font-size: 9px;
  display: inline-block;
  top: 0;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 7px; }

.ut-team-card-venue {
  display: table-cell;
  width: 40%;
  position: relative;
  vertical-align: middle;
  border-radius: 4px; }

.ut-team-card-venue-image {
  left: 0;
  width: 100%;
  z-index: 0;
  position: relative; }
  .ut-team-card-venue-image img {
    left: 0;
    width: 100%;
    height: 50px;
    object-fit: cover;
    border-radius: 4px; }

.ut-team-card-venue-name {
  z-index: 2;
  font-size: 10px;
  background: rgba(21, 45, 76, 0.75);
  position: absolute;
  bottom: 0;
  color: white;
  width: 100%; }

.ut-team-card-date {
  display: table-cell;
  width: 40%;
  border: solid 1px #EEEEEE;
  border-radius: 2px;
  box-shadow: inset 1px 1px 1px #E6EAED; }

.ut-team-card-day {
  text-align: left;
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
  padding-left: 5px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px; }

.ut-team-card-time {
  text-align: left;
  padding-left: 5px;
  font-size: 12px;
  letter-spacing: 2px; }

.ut-team-card-available-team-mates {
  text-align: left; }

.ut-team-card-available-team-mate {
  text-align: left;
  display: inline-block; }
  .ut-team-card-available-team-mate img {
    width: 30px;
    height: 30px;
    display: inline-block;
    object-fit: cover;
    border-radius: 100%; }

.ut-team-card-available-players {
  text-align: left; }

.ut-team-card-available-player {
  display: inline-block;
  margin: 0 10px; }
  .ut-team-card-available-player img {
    width: 30px; }

.ut-team-games-info {
  display: table;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #FDFDFD; }
  .ut-team-games-info > div {
    display: table-cell;
    width: 25%;
    text-align: center;
    border-right: solid 1px #EEEEEE; }
    .ut-team-games-info > div > div {
      font-size: 14px;
      font-weight: 900;
      color: #1D3B64; }
    .ut-team-games-info > div > label {
      margin: 0;
      line-height: 10px;
      margin-top: 5px;
      font-weight: 900;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 10px;
      overflow: hidden;
      color: #A5B0C1; }

@media (max-width: 996px) {
  .team-card-lg .ut-team-card-points {
    font-size: 25px; }
    .team-card-lg .ut-team-card-points sup {
      font-size: 13px; }
  .team-card-lg .ut-team-card-team {
    font-size: 14px;
    line-height: 20px; }
  .team-card-lg .ut-team-card-category {
    font-size: 10px; }

  .ut-team-ratio {
    bottom: -12px; }
    .ut-team-ratio > div > div {
      font-size: 20px; }
    .ut-team-ratio > div > .won {
      font-size: 25px; }

  .ut-last-game-played {
    padding: 2px; }
    .ut-last-game-played .ut-game-score.won {
      font-size: 14px;
      line-height: 20px; }
    .ut-last-game-played .ut-game-played-image > span {
      font-size: 8px;
      max-width: 100px;
      line-height: 15px; }
    .ut-last-game-played > label {
      display: none; }
    .ut-last-game-played .date {
      line-height: 10px;
      font-size: 8px; } }
/********************************************************************
* MY TABLE EDITABLE
*********************************************************************/
.my-table.editable td {
  cursor: pointer;
  margin: 0;
  padding: 0;
  text-align: center; }
  .my-table.editable td.edited span, .my-table.editable td input, .my-table.editable td button {
    display: none; }
  .my-table.editable td.edited input, .my-table.editable td.edited button {
    display: block; }
  .my-table.editable td span {
    display: block; }
  .my-table.editable td.edited .input-group {
    margin: 0;
    margin: 0 3px; }
    .my-table.editable td.edited .input-group input {
      padding: 0;
      border: solid 1px #EEEEEE;
      font-size: 12px;
      padding-left: 5px;
      background: #FAFAFA;
      line-height: 25px;
      text-align: center; }
    .my-table.editable td.edited .input-group button {
      position: absolute;
      right: 0;
      top: 0;
      height: 26px;
      width: 20px;
      font-size: 9px;
      padding: 0;
      margin: 0;
      background: none;
      border: none;
      border-left: solid 1px #EEEEEE;
      background: #4CAF50;
      color: white;
      text-shadow: 1px 1px 1px #408D43; }
  .my-table.editable td:hover {
    background: #FAFAFB; }
  .my-table.editable td.edited {
    position: relative; }
.my-table.editable .input-group {
  margin: 0; }
.my-table.users ul {
  list-style: none;
  padding: 0;
  border: solid 1px #EEEEEE;
  padding: 5px;
  border-radius: 2px; }
  .my-table.users ul li {
    text-align: left;
    width: 100%;
    background: #FBFBFF;
    border-bottom: solid 1px #EEEEEE;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 5px; }
    .my-table.users ul li.active {
      border: solid 2px #D4D5D6;
      border-radius: 2px; }
    .my-table.users ul li label {
      display: table;
      width: 100%;
      table-layout: fixed;
      cursor: pointer; }
      .my-table.users ul li label .image {
        width: 100px;
        display: table-cell;
        vertical-align: middle; }
.my-table.users.monitoring ul li label .image {
  width: 60px;
  margin: auto; }
.my-table.users ul li .image img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 100%;
  border: solid 1px #EEEEEE;
  display: table-cell;
  margin: auto;
  vertical-align: middle; }
.my-table.users ul li.empty-spot.disabled {
  background: #D2D2D2;
  box-shadow: inset 1px 1px 14px 2px #BDBBBB; }
  .my-table.users ul li.empty-spot.disabled a.invite-friends {
    color: #827878 !important; }
.my-table.users ul li span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-weight: 300;
  font-size: 13px; }
  .my-table.users ul li span b.name {
    font-weight: 900;
    text-transform: uppercase;
    line-height: 25px;
    color: #2D5894; }
    .my-table.users ul li span b.name.disabled {
      color: #93A9C7; }
  .my-table.users ul li span a.invite-friends {
    text-align: left;
    display: inherit;
    width: auto;
    text-shadow: none;
    font-weight: 900;
    text-align: center;
    padding: 8px 10px; }
.my-table.users ul li button.quit-team {
  width: 110px;
  display: block; }
  .my-table.users ul li button.quit-team span {
    font-size: 8px;
    line-height: 7px; }
    .my-table.users ul li button.quit-team span.icon {
      width: 25px; }
    .my-table.users ul li button.quit-team span i {
      width: 10px; }
.my-table.users ul li.team-total span {
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 15px; }
.my-table.users.monitoring ul li label .icon i {
  position: relative; }
.my-table.users.monitoring ul li label .icon.has-paid i {
  position: absolute;
  right: 0;
  height: 100%;
  line-height: 44px;
  background: rgba(0, 0, 0, 0.28);
  border-left: solid 1px #357938;
  top: 0; }
.my-table.users.monitoring ul li label .icon.has-not-paid i {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  line-height: 44px;
  background: rgba(0, 0, 0, 0.28);
  border-left: solid 1px #ff5a51;
  margin-right: 0; }
.my-table.users.monitoring ul li form {
  display: inline-block; }
.my-table.users.monitoring ul li .icon {
  display: inline-block;
  height: 40px;
  width: 60px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  border-radius: 2px;
  color: white;
  padding: 0; }
  .my-table.users.monitoring ul li .icon.message {
    background: #FDBF08; }
  .my-table.users.monitoring ul li .icon.edit-button {
    background: #2D5894; }
  .my-table.users.monitoring ul li .icon.add-user {
    background: #4CAF50; }
.my-table.users.monitoring ul li.team-buttons {
  background: #F7F7F7; }
  .my-table.users.monitoring ul li.team-buttons .icons {
    width: 100%;
    text-align: center; }
.my-table.users.monitoring ul li .icons {
  display: table-cell;
  vertical-align: middle;
  margin: auto;
  text-align: left;
  right: 0;
  text-align: right;
  padding-right: 5px; }
.my-table.users.monitoring ul li .icon.info {
  background: #8CA3C4; }
.my-table.users.monitoring ul li .icon.edit {
  background: #FFC107;
  border: solid 1px #E6AF08; }
.my-table.users.monitoring ul li .icon.remove {
  background: #F44336;
  font-size: 12px;
  margin: 0; }

/********************************************************************
* MY TABLE USERS
*********************************************************************/
.cash-payment-info {
  font-weight: 400;
  background: #FFFFFF;
  border: solid 1px #D4DFEA;
  border-top: none;
  font-size: 13px;
  color: #1F3D63;
  padding-bottom: 5px;
  padding: 20px 50px; }
  .cash-payment-info b {
    display: inherit;
    text-transform: uppercase;
    line-height: 25px;
    font-size: 16px;
    /* background     : #EDF1F5; */
    margin-bottom: 10px;
    color: #2E5C9C; }

.my-table.users ul li label span .captain {
  font-weight: 900;
  color: #2D5894;
  display: block; }
.my-table.users ul li label .position {
  font-weight: 500;
  color: #22487D;
  font-size: 10px;
  display: block; }
.my-table.users ul li label .number {
  font-weight: 900;
  color: #2D5894;
  display: block; }
.my-table.users ul li .input-container {
  position: absolute;
  right: 0;
  z-index: 10;
  top: 0;
  height: 56px;
  line-height: 56px;
  width: 56px;
  text-align: center;
  vertical-align: middle; }
.my-table.users.add-users ul li {
  cursor: pointer; }
  .my-table.users.add-users ul li .icon.has-paid {
    height: 40px;
    width: auto;
    background: #4CAF50;
    text-align: center;
    color: white;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    border-radius: 0; }

#clonable {
  display: none; }

.my-table.users.add-users.monitoring ul li {
  display: table; }
  .my-table.users.add-users.monitoring ul li.team-total {
    background: #294A79;
    padding: 0; }
    .my-table.users.add-users.monitoring ul li.team-total .image {
      display: table-cell;
      vertical-align: middle;
      width: 80px; }
      .my-table.users.add-users.monitoring ul li.team-total .image img {
        border: solid 2px #213F69; }
.my-table.users.add-users ul li .icon.has-pending {
  display: inline-block;
  height: 50px;
  width: auto;
  background: #FDBF08;
  text-align: left;
  color: white;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding-left: 10px; }
.my-table.users.add-users ul li .icon.has-not-paid {
  display: inline-block;
  height: 50px;
  width: auto;
  background: #FF5458;
  text-align: left;
  color: white;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding-left: 10px; }
.my-table.users.add-users ul li .total {
  text-align: center;
  font-size: 30px;
  font-weight: 900;
  padding: 10px;
  background: #EDF1F5;
  color: #7B828A;
  display: table-cell; }
.my-table.users.add-users ul li .icon.has-pending .input-container {
  height: 50px;
  line-height: 50px;
  width: 40px; }
.my-table.users.add-users ul li.selectable {
  cursor: pointer; }
  .my-table.users.add-users ul li.selectable.selected {
    background: #FBFBFF;
    box-shadow: inset 1px 1px 1px #7b8690;
    color: white; }
.my-table.users.add-users ul li .icon.has-not-paid {
  display: inline-block;
  height: 40px;
  width: auto;
  background: #FF5A51;
  text-align: center;
  color: white;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 0; }
.my-table.users.add-users ul li .icon i {
  width: 40px; }
.my-table.users.add-users ul li .text {
  display: inline-block;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 300;
  color: #2D5894; }

/********************************************************************
* BOX MVP
*********************************************************************/
.mvp.box {
  display: table;
  width: 100%;
  border: solid 1px #EFE7E7;
  margin-bottom: 20px;
  table-layout: fixed; }
  .mvp.box a {
    box-shadow: inset 1px 1px 1px 1px #D6D0D0;
    background: #FBFBFB; }

.user-name .capacity {
  float: right;
  text-size: 15px;
  margin-right: 15px; }

/********************************************************************
* ULTIMATE CHOICE CONTAINER
*********************************************************************/
.ultimate-choices-container {
  display: block;
  width: 100%; }

.ultimate-choice {
  display: inline-block;
  width: 48%;
  text-align: center;
  border-radius: 1px;
  vertical-align: middle;
  height: 500px;
  padding: 20px; }
  .ultimate-choice.ultimate-choice-team {
    text-align: center;
    background: #657D9D;
    color: white;
    box-shadow: 1px 1px 23px 1px #AAADB0;
    padding: 20px;
    /* height: 400px; */
    width: 100%; }

.ultimate-choice-icon {
  font-size: 100px;
  text-shadow: 1px 7px 16px #516075; }

.ultimate-choice-individual .ultimate-choice-icon {
  text-shadow: 1px 7px 16px #122136; }

.ultimate-choice-title {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  display: block;
  margin: 20px 40px;
  text-shadow: 1px 1px 1px #516075; }

.ultimate-choice-individual .ultimate-choice-title {
  text-shadow: 1px 1px 1px #1A3356; }

.ultimate-choice-content {
  font-size: 17px;
  letter-spacing: 1px;
  text-align: left;
  width: 300px;
  margin: auto; }
  .ultimate-choice-content p {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 6px;
    line-height: 30px;
    color: white; }

.ultimate-choice.ultimate-choice-individual {
  background: #274C80;
  color: white;
  height: 400px; }

@media (max-width: 996px) {
  .ultimate-choice {
    display: block;
    width: 100%;
    height: auto !important;
    margin: 10px 0; }
    .ultimate-choice .ultimate-choice-icon {
      font-size: 40px;
      margin: 0;
      padding: 0;
      line-height: 20px; }

  .ultimate-choice-title {
    font-size: 20px;
    margin: 0;
    line-height: 50pX; }

  .ultimate-choice-content {
    width: auto; }
    .ultimate-choice-content p {
      font-size: 15px; } }
/********************************************************************
* AVAILABILITY SELECTOR
*********************************************************************/
.av-selector-legend {
  display: block;
  background: white;
  padding: 5px 10px;
  margin-bottom: 5px;
  text-align: left; }

#av-selector-sort {
  background: white;
  padding: 5px;
  display: block;
  width: 220px; }
  #av-selector-sort .input-group {
    margin: 0; }

.av-selector-legend .legend-row > label {
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0px; }
.av-selector-legend .legend-row .legend-icon {
  border: solid 1px #EEEEEE;
  display: inline-block;
  padding: 0 8px;
  border-radius: 2px;
  background: white;
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  width: 50px;
  text-align: center; }
  .av-selector-legend .legend-row .legend-icon.players-count {
    color: #62B965;
    border: solid 1px #62B965; }
  .av-selector-legend .legend-row .legend-icon.teams-count {
    border: solid 1px #486081;
    color: #486081; }
  .av-selector-legend .legend-row .legend-icon.times-count {
    background: #5A9F5C;
    color: white;
    padding: 1px 5px;
    border: none;
    width: auto; }

.av-selector {
  background: transparent; }

.my-box .av-selector-container {
  /* box-shadow : none; */ }

.av-selector-container {
  padding: 0;
  /* background    : white; */
  box-shadow: 1px 1px 17px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px; }

.av-selector-week {
  display: table;
  width: 100%;
  table-layout: fixed; }

.av-fixed .av-selector-side {
  width: 30px;
  border: solid 1px #EDF1F5; }

.av-selector-side {
  display: table-cell;
  width: 50px;
  vertical-align: top;
  min-width: 30px;
  border-right: solid 1px #EDF1F5;
  background: #FDFDFD;
  border-radius: 5px 0 0px 5px; }

.av-fixed .av-selector-day-title {
  height: 20px;
  margin: 0; }

.av-selector-day-title {
  line-height: 45px;
  height: 45px;
  color: white;
  margin-bottom: 20px; }

.av-selector-side-hours {
  /* background: #f9f9fa; */ }

.av-side-am-container, .av-side-pm-container, .av-side-ev-container {
  display: block;
  margin: 0;
  padding: 0; }

.av-fixed .av-selector-side-hour {
  height: 20px; }

.av-selector-side-hour {
  height: 40px;
  position: relative; }

.av-fixed .av-selector-side-hour > div {
  font-size: 7px;
  top: -5px; }

.av-selector-side-hour > div {
  position: absolute;
  top: -6px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  width: 100%;
  color: #617692; }

.av-fixed .av-selector-side-hour:last-child > div {
  top: -5px; }

.av-selector-side-hour:last-child > div {
  top: -9px; }

.av-selector-week .av-selector-day:first-child {
  border-left: none; }

.av-fixed .av-selector-day {
  border-radius: 0 5px 5px 0; }

.av-selector-day {
  display: table-cell;
  border-right: solid 1px #EDF1F5;
  vertical-align: bottom; }

.av-fixed .av-selector-day:last-child .av-day-title {
  border-radius: 0 5px 0px 0px; }
.av-fixed .av-day-title {
  font-size: 10px;
  line-height: 20px;
  height: 23px;
  border-top: solid 1px #EDF1F5; }

.av-day-title {
  display: block;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 45px;
  height: 65px;
  color: #486081;
  font-size: 19px;
  padding-bottom: 20px;
  cursor: pointer;
  transition: 0.5s;
  background: #FDFDFD; }
  .av-day-title:hover {
    background: #C1EBC3;
    color: white; }

.av-fixed .av-day-title:hover ~ .av-selector-hours .av-selector-hour, .av-day-title:hover {
  /* background : white; */
  /* color      : #486081; */ }

.av-challenge .av-day-title:hover {
  background: white;
  color: #486081; }

.av-day-title:hover ~ .av-selector-hours .av-selector-hour {
  background: #C1EBC3;
  color: white; }

.av-challenge .av-day-title:hover ~ .av-selector-hours .av-selector-hour {
  background: white; }

.av-day-title:hover ~ .av-selector-hours .av-selector-pm-container .av-selector-period-title, .av-day-title:hover ~ .av-selector-hours .av-selector-am-container .av-selector-period-title, .av-day-title:hover ~ .av-selector-hours .av-selector-ev-container .av-selector-period-title {
  font-size: 20px;
  top: -16px;
  text-shadow: 0px 0px 1px #000000;
  color: #FDBF08; }

.av-challenge .av-day-title:hover ~ .av-selector-hours .av-selector-pm-container .av-selector-period-title, .av-challenge .av-day-title:hover ~ .av-selector-hours .av-selector-am-container .av-selector-period-title, .av-challenge .av-day-title:hover ~ .av-selector-hours .av-selector-ev-container .av-selector-period-title {
  position: absolute;
  left: 0;
  right: 0;
  top: -11px;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  color: #CED4DC;
  z-index: 2;
  transition: 0.5s;
  cursor: pointer;
  text-shadow: none; }

.av-fixed .av-day-title:hover ~ .av-selector-hours .av-selector-pm-container .av-selector-period-title, .av-fixed .av-day-title:hover ~ .av-selector-hours .av-selector-am-container .av-selector-period-title, .av-fixed .av-day-title:hover ~ .av-selector-hours .av-selector-ev-container .av-selector-period-title {
  top: -5px;
  font-size: 8px;
  text-shadow: none; }
.av-fixed .av-day-title.selected {
  background: white;
  color: #486081; }

.av-day-title.selected {
  background: #62B965;
  color: white; }

/*
.av-day-title.selected ~ .av-selector-hours .av-selector-hour
{
    background: #62b965;
    color      : white;
    box-shadow: inset 1px 1px 1px #787F8C;
}

.av-day-title.selected ~ .av-selector-hours .av-selector-pm-container .av-selector-period-title,
.av-day-title.selected ~ .av-selector-hours .av-selector-am-container .av-selector-period-title,
.av-day-title.selected ~ .av-selector-hours .av-selector-ev-container .av-selector-period-title
{
    font-size   : 20px;
    top         : -16px;
    text-shadow: 0px 0px 1px #000000;
    color: #62b965;
}

*/
.av-fixed .av-selector-hour {
  height: 20px; }
  .av-fixed .av-selector-hour:hover {
    background: white; }

.av-selector-hour {
  border-bottom: solid 1px #FBF9F9;
  height: 40px;
  background: white;
  cursor: pointer;
  text-align: left;
  position: relative; }
  .av-selector-hour.unavailable {
    box-shadow: inset 1px 1px 75px 0px #A4A4A4;
    cursor: default; }

.av-fixed .av-selector-hour .players-count {
  font-size: 7px; }

.av-selector-hour .players-count {
  display: inline-block;
  padding: 0 5px;
  font-size: 11px;
  background: white;
  margin-left: 2px;
  font-weight: 500;
  color: #1D3B64;
  border-radius: 2px; }
  .av-selector-hour .players-count.users {
    color: #62B965;
    font-weight: 900;
    /* border      : solid 1px #62B965; */
    background: #FAFAFB;
    /* position: absolute; */
    /* left: 2px; */
    /* top: 2px; */
    border: solid 1px #EEEEEE; }
  .av-selector-hour .players-count.teams {
    border: solid 1px #486081;
    color: #486081;
    font-weight: 900; }
  .av-selector-hour .players-count.no-venue {
    color: #A4B0C0; }

.av-fixed .av-selector-hour .players-count.green {
  font-size: 7px;
  font-weight: 400;
  border-radius: 1px;
  border: solid 1px white;
  float: left;
  margin: 1px; }

.av-selector-hour .players-count.green {
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  background: #5A9F5C;
  font-weight: 900;
  border: solid 1px; }
.av-selector-hour .players-count:hover + .av-players-container {
  display: block;
  position: absolute;
  background: white;
  color: #152946;
  z-index: 20;
  /* box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); */
  line-height: 16px;
  width: auto;
  border-radius: 2px;
  border: solid 1px #EAEAEA; }
.av-selector-hour .av-players-container {
  display: none; }
  .av-selector-hour .av-players-container .av-player {
    font-weight: 300;
    text-transform: capitalize;
    line-height: 20px;
    display: block;
    font-size: 10px;
    padding: 0 5px;
    border-bottom: solid 1px #F9FBFF; }
    .av-selector-hour .av-players-container .av-player.av-team {
      font-weight: 400;
      letter-spacing: 1px;
      line-height: 20px;
      border-bottom: solid 1px #EDF1F5;
      color: #6E819B; }
    .av-selector-hour .av-players-container .av-player.venue {
      display: block;
      width: 100%;
      table-layout: auto; }
      .av-selector-hour .av-players-container .av-player.venue > span {
        display: block; }
      .av-selector-hour .av-players-container .av-player.venue .venue-name {
        font-size: 10px;
        line-height: 15px;
        font-weight: 300;
        margin: 0;
        height: auto;
        text-transform: none;
        padding: 0;
        padding-bottom: 5px; }
      .av-selector-hour .av-players-container .av-player.venue .day {
        display: block;
        line-height: 9px;
        margin-top: 5px; }
.av-selector-hour:hover {
  background: rgba(119, 210, 122, 0.45); }

.av-challenge .av-selector-hour:hover {
  background: white; }

.av-fixed .av-selector-hour.selectable.selected {
  box-shadow: none; }

.av-selector-hour.selectable.selected {
  background: #62B965 !important;
  box-shadow: inset 1px 1px 1px #787F8C;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
.av-selector-hour:hover .av-selector-half-hour {
  border: none !important;
  /* display       : block; */
  /* width         : 100%; */
  /* height        : 15px; */
  /* border-bottom : solid 1px #FAFBFC; */ }

.av-selector-half-hour:last-child {
  border-bottom: none; }

.av-fixed .av-selector-am-container, .av-fixed .av-selector-pm-container, .av-fixed .av-selector-ev-container {
  border: none; }

.av-selector-am-container {
  height: auto;
  width: auto;
  border-top: solid 1px #EEEEEE;
  border-bottom: solid 1px #EEEEEE;
  position: relative; }

.av-selector-pm-container {
  border-bottom: solid 1px #EDF1F5;
  position: relative; }
  .av-selector-pm-container:hover .av-selector-period-title {
    text-shadow: 1px 1px 1px #357138;
    color: #62B965; }

.av-selector-am-container:hover .av-selector-period-title, .av-selector-ev-container:hover .av-selector-period-title, .av-selector-period-title:hover {
  text-shadow: 1px 1px 1px #357138;
  color: #62B965; }

.av-challenge .av-selector-pm-container:hover .av-selector-period-title, .av-challenge .av-selector-am-container:hover .av-selector-period-title, .av-challenge .av-selector-ev-container:hover .av-selector-period-title, .av-challenge .av-selector-period-title:hover {
  text-shadow: none;
  color: #CED4DC; }

.av-selector-period-title.selected {
  font-size: 20px;
  top: -16px;
  text-shadow: 1px 1px 1px #214F23;
  color: #FDBF08 !important; }

.av-selector-ev-container {
  position: relative; }

.av-fixed .av-selector-period-title {
  font-size: 7px;
  line-height: 8px;
  top: -5px;
  border-radius: 5px;
  color: #8498B2;
  border: solid 1px #EEEEEE;
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.9);
  text-shadow: none;
  padding: 0;
  width: 30px;
  margin: auto; }

.av-selector-period-title {
  position: absolute;
  left: 0;
  right: 0;
  top: -11px;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  color: #CED4E0;
  z-index: 2;
  transition: 0.5s;
  cursor: pointer; }
  .av-selector-period-title:hover ~ .av-selector-hour {
    background: #C1EBC3;
    border-bottom: solid 1px #FBF9F9; }

.av-challenge .av-selector-period-title:hover ~ .av-selector-hour {
  background: #FFFFFF;
  border-bottom: solid 1px #FBF9F9; }

.av-selector-period-title:hover ~ .av-selector-hour .av-selector-half-hour {
  border-bottom: none; }

.av-fixed .av-selector-pm-container:hover .av-selector-period-title, .av-fixed .av-selector-am-container:hover .av-selector-period-title, .av-fixed .av-selector-ev-container:hover .av-selector-period-title, .av-fixed .av-selector-period-title:hover {
  text-shadow: none;
  color: #677E9F; }

@media (max-width: 996px) {
  .av-selector-box {
    padding: 0; }
    .av-selector-box .panel-body, .av-selector-box .av-selector-container {
      padding: 0; }

  .av-selector-side {
    width: 30px; }

  .av-selector-hour .players-count {
    font-size: 7px;
    padding: 1px 2px; }

  .av-selector-side-hour > div {
    font-size: 8px;
    top: -4px; }

  .av-day-title {
    font-size: 12px;
    line-height: 30px;
    margin: 0;
    height: 40px; }

  .av-selector-period-title {
    font-size: 7px;
    line-height: 8px;
    top: -5px;
    border-radius: 5px;
    border: solid 1px #EEEEEE;
    display: inline-block !important;
    background: white;
    text-shadow: none;
    padding: 0;
    width: 30px;
    margin: auto; }
    .av-selector-period-title.selected {
      font-size: 8px;
      top: -5px;
      line-height: 10px;
      background: rgba(253, 191, 8, 0.87);
      color: white !important;
      text-shadow: none; } }
/********************************************************************
* Rating View
*********************************************************************/
#rating-section {
  background: #1D3B64;
  padding-top: 5%;
  padding-bottom: 11%;
  height: 100vh;
  overflow: scroll; }
  #rating-section h3 {
    color: white;
    font-weight: 900;
    line-height: 50PX;
    font-size: 25px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }

#game-info-box {
  width: 100%;
  position: relative; }

.line-separator {
  height: 1px;
  background: #717171;
  border-bottom: 1px solid #E6E5E5; }

.ref-rating-wrapper {
  display: table;
  width: 100%;
  background: white;
  border-radius: 2px;
  box-shadow: 1px 1px 20px 1px #0D1B2E; }

#rating-next {
  padding: 10px;
  /* width: 50px; */
  /* text-align: center; */ }

.rating-text-box {
  text-align: center;
  padding-top: 35px; }
  .rating-text-box > label {
    text-align: left;
    font-size: 20px;
    color: white; }

.resized-text-box {
  width: 100%;
  border: none;
  height: 150px;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 20px; }

.character-indicator {
  font-size: 10px;
  text-align: left;
  font-weight: 400;
  text-transform: uppercase;
  color: white; }

.my-btn.md.green.block.special.greyed-out {
  background: grey !important; }

.venue-image-container {
  width: 100%;
  display: block; }
  .venue-image-container .rating-venue-name {
    position: absolute;
    z-index: 20;
    color: white;
    left: 0;
    right: 0;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
    text-shadow: 1px 1px 0px #172F52; }
  .venue-image-container > img {
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 1px 1px 12px 1px #152A48; }

.game-info-teams-container {
  z-index: 10;
  background: rgba(29, 59, 100, 0.26);
  position: relative;
  display: table;
  width: 100%; }

.game-info-team {
  display: table-cell;
  width: 50%;
  height: 200px;
  vertical-align: middle; }

.game-info-team-img {
  display: table;
  width: 100%; }

.game-info-team-info {
  display: table-cell;
  width: 50px; }
  .game-info-team-info > img {
    border-radius: 100%; }

.game-info-team-name {
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px; }

.game-info-team-score {
  display: table-cell;
  width: 50%;
  font-size: 50px;
  font-weight: 900;
  color: white; }

.game-info-date {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  color: white;
  z-index: 20;
  font-weight: 900;
  letter-spacing: 1px; }

.game-info-day {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  text-shadow: 1px 1px 1px #3B423D; }

.game-info-time {
  font-size: 16px; }

.ref-info {
  display: table-cell;
  width: 300px;
  vertical-align: middle; }
  .ref-info > div {
    display: table;
    width: 100%; }

.ref-rating-img {
  display: table-cell;
  width: 50px;
  padding: 10px; }
  .ref-rating-img img {
    border-radius: 100%;
    height: 100px;
    width: 100px;
    object-fit: cover; }

.ref-rating-info-wrapper {
  display: table-cell;
  text-align: left; }

.ref-info-name {
  font-size: 28px;
  color: #1D3B64;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 34px;
  overflow: hidden; }

.ref-info-average {
  font-size: 17px;
  color: #142945;
  font-weight: 900;
  display: inline-flex; }

.ref-rating-first {
  margin-left: 5px; }

.ref-info-average i {
  color: #fdbf08;
  display: inline-block; }
.ref-info-average p {
  display: inline-block;
  font-weight: 900; }

.ref-rating-box {
  display: table-cell;
  vertical-align: middle;
  margin: auto;
  text-align: center; }

#refRating {
  margin: auto; }

.rating-star {
  color: #fdbf08;
  font-size: 70px;
  display: inline-block;
  margin: 0 10px; }

.user-box {
  border-radius: 5px;
  background: white; }

.user-image img {
  border-radius: 100%;
  height: 50px;
  width: 50px;
  float: left;
  object-fit: cover; }

.user-highlights {
  display: table;
  width: 100%;
  /* float: left; */
  /* color: red; */ }

.user-highlight {
  display: table-cell;
  width: 25%;
  text-align: center;
  border-right: solid 1px #D5D5D5; }
  .user-highlight:last-child {
    border-right: none; }
  .user-highlight > label {
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 10px;
    text-transform: uppercase;
    color: #54657E;
    height: 15px;
    overflow: hidden;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    /* color: #8E9DB2; */ }
  .user-highlight > p {
    margin: 0;
    text-align: center;
    font-weight: 900;
    line-height: 16px;
    font-size: 18px;
    color: #1D3B64; }

.user-goal.user-highlight {
  /* font-weight: 900; */
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  /* color: #8E9DB2; */ }

.user-assist.user-highlight, .user-red.user-highlight, .user-yellow.user-highlight {
  /* font-weight: 600; */
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  /* color: #8E9DB2; */ }

.user-name {
  /* display: inline-flex; */
  width: 100%;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 900;
  text-align: left;
  padding-left: 5px;
  color: #2D588F; }

.user-game-info {
  font-size: 12px; }
  .user-game-info .rate {
    /* text-align: center; */
    float: left;
    margin-left: 20px;
    font-weight: 900; }
  .user-game-info .position {
    float: left;
    margin-left: 10px; }
  .user-game-info .jersey-number {
    float: right;
    margin-right: 30px; }

.rating-ut-user-card {
  width: 100%;
  position: relative;
  display: block;
  margin: 10px 0;
  cursor: pointer; }

.rating-ut-card-title-section {
  width: 100%;
  border-bottom: solid 1px #EEEEEE;
  background: linear-gradient(to right, #E5E5E5, white);
  /* box-shadow: 1px 1px 20px 1px #BCC3C7; */
  z-index: 3;
  position: relative;
  border-radius: 5px 5px 5px 5px; }
  .rating-ut-card-title-section .rating-ut-card-avatar {
    display: table;
    padding: 10px; }
    .rating-ut-card-title-section .rating-ut-card-avatar > .rating-ut-card-image {
      display: table-cell;
      width: 50px;
      vertical-align: middle; }

.small-card .rating-ut-card-title-section .rating-ut-card-avatar {
  width: 40px;
  padding: 10px 5px; }

.rating-ut-card-avatar img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 100%; }

.rating-ut-wrap {
  display: table-cell; }

.small-card .rating-ut-card-avatar img {
  width: 50px;
  height: 50px; }

.rating-ut-card-title {
  vertical-align: middle;
  text-align: left;
  padding-left: 10px; }

.rating-ut-card-highlights {
  padding: 10px 0; }

.small-card .rating-ut-card-title {
  padding-left: 5px; }
.small-card .rating-ut-card-username {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1D3B64;
  font-size: 13px; }

.rating-ut-card-username {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1D3B64;
  font-size: 17px;
  overflow: hidden; }

.rating-ut-card-position {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8E9DB2;
  font-size: 11px;
  text-align: left; }

.rating-ut-card-details {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  /* color          : #8E9DB2; */ }

.rating-ut-card-score {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-left: solid 1px #EEEEEE; }

.small-card .rating-ut-card-score {
  width: 70px; }

.rating-ut-card-score-number {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #1D3B64; }

.rating-ut-user-card-shadow {
  box-shadow: 1px 1px 20px 1px #BCC3C7;
  border-radius: 5px 5px 50% 50%; }

.rating-ut-card-availabilities-section {
  background: #FEFEFE;
  text-align: left;
  padding: 10px; }

.rating-ut-card-common-availabilities {
  display: inline-block;
  padding: 0 5px;
  border-radius: 3px; }
  .rating-ut-card-common-availabilities.green {
    background: #97C350;
    color: white; }
  .rating-ut-card-common-availabilities.red {
    background: #FB2D3C;
    color: white; }
  .rating-ut-card-common-availabilities b {
    font-size: 13px; }
  .rating-ut-card-common-availabilities sup {
    text-transform: uppercase;
    font-size: 7px;
    font-weight: 900; }

.rating-ut-card-score-label {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  color: #93A1B5; }

.small-card .rating-ut-card-stats {
  padding: 1px 25px; }

.rating-ut-card-stats {
  padding: 20px 30px;
  background: white;
  Z-INDEX: 1;
  POSITION: RELATIVE; }

.rating-ut-card-row {
  text-align: left;
  display: table;
  width: 100%;
  margin: 7px 0; }
  .rating-ut-card-row .rating-ut-card-stat {
    display: table-cell;
    width: 50%; }
    .rating-ut-card-row .rating-ut-card-stat > div {
      display: table;
      width: 100%; }

.rating-ut-card-footer {
  background: white;
  border-radius: 0 0 70% 70%;
  z-index: 2;
  position: relative;
  /* box-shadow: -4px 20px 20px 0px #BCC3C7; */
  background: linear-gradient(to right, #E6DDC1, white); }

.small-card .rating-ut-card-stat-chem-label {
  display: none; }

@-webkit-keyframes highlight-fade {
  0% {
    background: green; }
  100% {
    background: white; } }
@-moz-keyframes highlight-fade {
  0% {
    background: green; }
  100% {
    background: white; } }
@-ms-keyframes highlight-fade {
  0% {
    background: green; }
  100% {
    background: white; } }
@keyframes highlight-fade {
  0% {
    background: green; }
  100% {
    background: white; } }
.rating-highlight {
  -webkit-animation: highlight-fade 4s ease-out;
  -moz-animation: highlight-fade 4s ease-out;
  -o-animation: highlight-fade 4s ease-out;
  animation: highlight-fade 4s ease-out; }

.rating-ut-card-stat-chem-label {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  color: #293D58;
  font-weight: 900;
  /*
  border         : solid 1px #EEEEEE;
  */
  display: inline-block;
  padding: 2px 12px;
  margin-top: 5px;
  border-radius: 3px;
  /*background     : linear-gradient(to right, #EEEEEE, white);*/ }

.small-card .rating-ut-card-stat-chem {
  padding-bottom: 20px; }

.rating-ut-card-stat-chem {
  padding-top: 10px; }

.small-card .rating-ut-card-stat-chem img {
  display: inline;
  width: 40px; }

.rating-ut-card-stat-chem img {
  width: 70px;
  margin-top: 10px;
  display: block;
  margin: auto; }

.small-card .rating-ut-card-stat-chem .chemistry-name {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 6px; }

.rating-ut-card-stat-chem .chemistry-name {
  font-weight: 900;
  letter-spacing: 2px;
  font-size: 25px;
  line-height: 45px;
  text-transform: uppercase;
  display: inline-block;
  color: #1A2F51;
  text-shadow: 1px 1px 1px #A2A2A2; }

.rating-ut-card-footer-shield:before {
  position: absolute;
  margin-top: 50%;
  content: "";
  left: 50%;
  top: 0;
  width: 50%;
  height: 53%;
  background: white;
  border-radius: 70% 70% 0 0;
  -webkit-transform: rotate(-61.5deg);
  -moz-transform: rotate(-61.5deg);
  -ms-transform: rotate(-61.5deg);
  -o-transform: rotate(-61.5deg);
  transform: rotate(-61.5deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  display: none; }
.rating-ut-card-footer-shield:after {
  position: absolute;
  margin-top: 50%;
  content: "";
  left: 50%;
  top: 0;
  width: 50%;
  height: 53%;
  background: white;
  border-radius: 70% 70% 0 0;
  -webkit-transform: rotate(-61.5deg);
  -moz-transform: rotate(-61.5deg);
  -ms-transform: rotate(-61.5deg);
  -o-transform: rotate(-61.5deg);
  transform: rotate(-61.5deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  display: none;
  background-color: white;
  left: 0;
  -webkit-transform: rotate(61.5deg);
  -moz-transform: rotate(61.5deg);
  -ms-transform: rotate(61.5deg);
  -o-transform: rotate(61.5deg);
  transform: rotate(61.5deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.rating-ut-card-row .rating-ut-card-stat-label {
  display: table-cell;
  font-size: 16px;
  width: 50%;
  color: #73869F;
  font-weight: 400;
  vertical-align: middle;
  text-align: right;
  padding-right: 5px; }
.rating-ut-card-row .rating-ut-stat-score {
  display: table-cell;
  width: 50%;
  font-size: 16px;
  padding-left: 5px; }

.rating-ut-card-stat-label {
  text-align: left;
  letter-spacing: 2px;
  font-weight: 300;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  color: #172E4E; }

.rating-ut-card-slider-wrapper {
  width: 100%;
  display: table; }

.rating-ut-card-slider {
  display: table-cell;
  vertical-align: middle; }

.rating-ut-stat-score {
  display: table-cell;
  font-size: 20px;
  vertical-align: middle;
  letter-spacing: 1px;
  width: 60px;
  font-weight: 900;
  letter-spacing: 3px;
  color: #142A48; }

.rating-ut-user-card.small-card {
  margin: auto;
  width: 100%;
  position: relative;
  margin-bottom: 10px; }

@media (max-width: 996px) {
  .venue-image-container {
    width: 100%;
    display: block; }

  #rating-section h3 {
    font-size: 20px;
    margin: 0; }

  button#user-choice-activity-button {
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    line-height: 20px !important; }

  .rating-textbox {
    position: relative !important;
    left: 0;
    right: 0;
    bottom: 75px;
    /* top: 0; */
    padding-top: 0px; }
    .rating-textbox h3 {
      font-size: 16px !important;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 110px; }

  .venue-image-container > img {
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 1px 1px 12px 1px #152A48; }

  .game-info-teams-container {
    z-index: 0;
    background: rgba(29, 59, 100, 0.44);
    position: relative;
    display: table;
    width: 100%; }

  .venue-image-container .rating-venue-name {
    z-index: 20;
    color: white;
    left: 0;
    right: 0;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
    text-shadow: 1px 1px 0px #172F52; }

  .game-info-team-name {
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px; }

  .game-info-team-img {
    display: table;
    width: 100%; }

  .game-info-team-info > img {
    border-radius: 100%;
    height: 35px;
    width: 35px; }

  .game-info-day {
    font-size: 11px;
    font-weight: 500; }

  .game-info-team {
    display: table-cell;
    height: 120px;
    width: 50%;
    vertical-align: middle; }

  .game-info-time {
    font-size: 10px;
    font-weight: 500; }

  .game-info-team-score {
    width: 40%;
    font-size: 18px;
    /* font-weight: 900; */
    color: white; }

  .game-info-team-info {
    display: table-cell;
    width: 50px; }

  .ref-rating-wrapper {
    display: inline-grid;
    background: #F6F6F6;
    background: linear-gradient(to right, #C9C9C9, white);
    position: relative;
    left: 0;
    right: 0;
    /* bottom: 41px; */
    top: 28px; }

  .ref-rating-box {
    display: table-cell;
    vertical-align: middle;
    margin-left: 40px; }

  .rating-ut-user-card {
    margin: auto;
    width: 100%;
    position: relative;
    display: list-item; } }
/********************************************************************
* ULTIMATE DASHBOARD
*********************************************************************/
.ut-dashboard-team-box {
  background: white;
  padding: 0;
  padding: 0;
  box-shadow: 1px 1px 19px 1px #E1E5E8;
  margin: 5px 0;
  border: solid 1px #E0E6EC;
  display: block; }
  .ut-dashboard-team-box .ut-box-team-img {
    display: table-cell;
    width: 80px;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center; }
    .ut-dashboard-team-box .ut-box-team-img img {
      width: 60px;
      height: 60px;
      border-radius: 100%;
      object-fit: cover; }

.ut-box-team-info {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 0 10px; }

.ut-dashboard-team-container {
  display: table;
  width: 100%; }
  .ut-dashboard-team-container .switch-team {
    margin: 0;
    padding: 0;
    vertical-align: top;
    vertical-align: text-top; }
    .ut-dashboard-team-container .switch-team > button, .ut-dashboard-team-container .switch-team > a {
      font-size: 10px;
      padding: 5px;
      margin: 0;
      height: 20px;
      line-height: 20px;
      padding: 0 5px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 48%;
      vertical-align: middle; }

.ut-box-team-name {
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1D3B64;
  line-height: 17px; }

.ut-box-team-category {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8E9DB2;
  padding-left: 2px;
  font-size: 10px; }

.ut-box-stats {
  background: white;
  box-shadow: 1px 1px 19px 1px #E1E5E8;
  margin: 5px 0;
  display: block; }
  .ut-box-stats.dashboard-stats img {
    width: 20px;
    height: 20px; }
  .ut-box-stats.dashboard-stats .ut-box-stats-info .ut-box-stats-name {
    font-size: 15px;
    font-weight: 900; }
  .ut-box-stats.dashboard-stats .ut-box-stats-info .ut-box-stats-label {
    letter-spacing: 1px;
    font-size: 10px; }

.ut-box-stats-img {
  display: table-cell;
  vertical-align: middle;
  padding: 10px; }

.ut-box-stats-container {
  display: table;
  width: 100%; }

.ut-box-stats-img img {
  width: 38px;
  object-fit: cover; }

.ut-box-stats-info {
  display: table-cell;
  width: 120px;
  vertical-align: middle;
  background: #F9F9F9;
  text-align: center;
  padding: 5px;
  background: linear-gradient(to right, #F9F9F9, white); }
  .ut-box-stats-info .ut-box-stats-label {
    font-weight: 500;
    text-transform: uppercase;
    color: #8E9DB2;
    font-size: 11px;
    height: 13px;
    overflow: hidden; }
  .ut-box-stats-info .ut-box-stats-name {
    font-size: 26px;
    font-weight: 500;
    color: #1D3B64;
    text-align: center; }

.ut-box-team-ranking {
  width: 200px;
  background: #FFFFFF;
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  border-left: solid 1px #EFF3F9; }

.ut-box-team-ranking-label {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  color: #8E9DB2;
  text-align: center; }

.ut-box-team-ranking-number {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  color: #1D3B64; }
  .ut-box-team-ranking-number a {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: #1D3B64; }

.loader {
  border: 16px solid #F3F3F3;
  border-radius: 50%;
  border-top: 16px solid #1D3B64;
  width: 50px;
  height: 50px;
  position: relative;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  left: 190px;
  top: 150px; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@media (max-width: 996px) {
  .ut-box-team-ranking-number {
    font-size: 19px; }

  .ut-dashboard-team-box .ut-box-team-img img {
    width: 40px;
    height: 40px; }

  .ut-box-team-name {
    font-size: 10px;
    height: 15px;
    overflow: hidden; }

  .ut-box-team-category {
    font-size: 8px; }

  .ut-box-team-ranking {
    width: 100px; }

  .ut-box-team-ranking-label {
    font-size: 8px; }

  .ut-box-stats-img {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px; }
    .ut-box-stats-img img {
      width: 20px; }

  .ut-box-stats-info {
    width: auto; }
    .ut-box-stats-info .ut-box-stats-name {
      font-size: 17px; } }
/********************************************************************
* STEPS
*********************************************************************/
.steps-container .step {
  position: relative;
  margin: 5px;
  padding-top: 20px;
  /* display: none; */ }
  .steps-container .step.active {
    display: block; }
  .steps-container .step.closed {
    height: 90px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.4);
    border-bottom: solid 3px #4CAF50 !important; }
    .steps-container .step.closed .step-overlay {
      display: none; }
  .steps-container .step:last-child {
    border-bottom: none; }
  .steps-container .step .step-overlay {
    position: absolute;
    background: rgba(237, 241, 245, 0.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 7;
    cursor: not-allowed; }
  .steps-container .step.active .step-overlay {
    display: none; }

.step-content {
  margin-bottom: 30px; }
  .step-content h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    color: #1D3B64; }

.step-header {
  margin-bottom: 10px; }

.step-title {
  font-size: 26px;
  text-align: left;
  padding-left: 5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #224473; }

.step-number {
  background: #fdbf08 !important;
  display: inline-block;
  font-size: 25px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: white;
  border-radius: 100%; }

.step-subtitle {
  text-align: left;
  padding-left: 5px;
  font-size: 15px;
  letter-spacing: 1px;
  color: #60789A; }

#steps-summary .steps-summary-container {
  display: table;
  width: 100%;
  table-layout: fixed; }
#steps-summary .step-summary {
  display: table-cell;
  text-align: center;
  line-height: 22px;
  font-size: 8px;
  font-weight: 400;
  text-transform: uppercase;
  border: none;
  color: #224473;
  border-right: solid 1px #EDF1F5; }
  #steps-summary .step-summary.active {
    background: #48658B;
    color: white;
    font-weight: 900; }
  #steps-summary .step-summary.closed {
    background: #4CAF50;
    color: white;
    font-weight: 900; }
    #steps-summary .step-summary.closed > span {
      color: white; }
  #steps-summary .step-summary:first-child {
    border-radius: 20px 0px 0 20px; }
  #steps-summary .step-summary:last-child {
    border-radius: 0 20px 20px 0; }

.step-body {
  display: block; }

.step-footer {
  text-align: left;
  padding: 10px 0; }

.next-step-button-container button.next-step-button {
  background: #4CAF50;
  border: none;
  color: white;
  padding: 0;
  text-shadow: 1px 1px 1px #499A4C; }
.next-step-button-container .next-step-button.submit {
  display: block;
  width: 100%;
  line-height: 50px;
  font-size: 17px; }
.next-step-button-container button.next-step-button i {
  width: 30px;
  line-height: 25px; }
.next-step-button-container button.next-step-button.submit span {
  border: none; }
.next-step-button-container button.next-step-button span {
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-right: solid 1px white;
  padding: 0 10px;
  line-height: 35px; }
.next-step-button-container button.previous-step-button {
  background: #FB2D3C;
  border: none;
  color: white;
  padding: 0;
  text-shadow: 1px 1px 1px #CB2531;
  height: 35px;
  width: 35px;
  margin-right: 9px; }

#step-by-step-next-container {
  /* position: fixed; */
  bottom: 0;
  z-index: 20; }

#step-by-step-next.disabled {
  background: #A0A0A0 !important;
  text-shadow: 1px 1px 1px black; }

#venues-switch-view {
  display: none; }
  #venues-switch-view > span {
    display: none;
    background: #2D5894;
    padding: 2px 15px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 100px;
    font-weight: 900;
    font-size: 16px; }
  #venues-switch-view.venue > span:first-child {
    display: inline-block;
    display: none; }
  #venues-switch-view.map > span:last-child {
    display: inline-block; }

#step-by-step-next {
  left: 0;
  position: fixed;
  z-index: 20;
  border: 0;
  right: 0;
  height: 50px;
  bottom: 0;
  width: 100%;
  background: #4CAF50;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  letter-spacing: 2px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

.next-step-button-container button.previous-step-button span {
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-right: solid 1px white;
  padding: 0 10px;
  line-height: 35px; }

.step-by-step-summary {
  margin-top: 10px; }

.step-by-step-side {
  width: 330px;
  position: fixed; }

.step-by-step-side-icon {
  transition: height 1s;
  transition: width 1s; }

.step-by-step-side .step-by-step-side-icon {
  display: block;
  height: 50px;
  line-height: 50px;
  color: white;
  border-radius: 100%;
  font-size: 23px;
  background: #2D5894;
  box-shadow: 1px 1px 9px 1px #91989E;
  cursor: pointer;
  display: block;
  height: 30px;
  line-height: 30px;
  border-radius: 0;
  text-align: left;
  padding-left: 5px; }
  .step-by-step-side .step-by-step-side-icon i {
    display: inline-block; }

.step-by-step-side-hide-text {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 30px;
  vertical-align: middle; }

.step-by-step-side.closed {
  width: 50px; }
  .step-by-step-side.closed .step-by-step-side-hide-text {
    display: none; }
  .step-by-step-side.closed .step-by-step-side-icon {
    display: block;
    height: 50px;
    line-height: 50px;
    color: white;
    border-radius: 100%;
    text-align: center;
    font-size: 23px;
    background: #2D5894;
    box-shadow: 1px 1px 9px 1px #91989E;
    cursor: pointer;
    padding-left: 0px; }
  .step-by-step-side.closed > div:not(.step-by-step-side-icon) {
    display: none; }
  .step-by-step-side.closed + .step-by-step-principal {
    margin-left: 50px; }

.step-by-step-summary.fixed {
  position: fixed;
  width: 330px;
  top: 118px; }

#challenge-loader {
  position: fixed;
  background: rgba(17, 34, 56, 0.95);
  opacity: 0;
  left: 0;
  z-index: -1;
  right: 0;
  bottom: 0;
  top: 0;
  transition: 1s; }
  #challenge-loader.active {
    position: fixed;
    background: rgba(17, 34, 56, 0.95);
    opacity: 1;
    left: 0;
    z-index: 1000;
    right: 0;
    bottom: 0;
    top: 0;
    display: block; }
  #challenge-loader i {
    position: fixed;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 90px;
    color: #FDBF08; }

#team-card {
  display: none; }

#scrolling-container {
  overflow-y: auto;
  height: 100vh;
  overflow-x: hidden; }

/*STEP SUMMARY*/
.step-summary {
  border: solid 1px #EEEEEE;
  background: white;
  margin: 1px 0; }
  .step-summary > span {
    font-weight: 500;
    color: #9EAABD; }

.step-summary-title {
  border-bottom: solid 1px #EEEEEE;
  padding: 5px 2px;
  position: relative;
  background: #FCFDFF;
  padding-left: 5px; }

.step-summary-number {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 9px;
  color: #60789A;
  line-height: 12px; }

.step-summary-name {
  color: #224473;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px; }

.step-summary-state {
  position: absolute;
  right: 0;
  line-height: 44px;
  top: 0;
  width: 44px;
  text-align: center; }
  .step-summary-state i {
    color: #FDBF08; }
  .step-summary-state.active i {
    color: #2D5894; }
  .step-summary-state.done i {
    color: #4CAF50; }

.step-summary-content {
  position: relative; }

@media (max-width: 996px) {
  .step-title {
    font-size: 15px;
    margin-top: 10px; }

  .step-summary > span {
    display: none; }

  .step {
    margin-top: 0 !important;
    padding-top: 0 !important; }

  .step-number {
    font-size: 10px;
    padding-left: 1px;
    line-height: 9px; }

  .step-subtitle {
    padding-left: 7px;
    font-size: 11PX; }

  #venues-switch-view {
    display: block;
    /* position   : fixed; */
    bottom: 100px;
    text-align: center;
    left: 0;
    right: 0;
    width: 100%;
    background: none;
    border: none; } }
/********************************************************************
* MY TAB NAME .my-tab-name
*********************************************************************/
.my-tabs {
  display: table;
  width: 100%;
  border: solid 1px #EFE7E7;
  margin-bottom: 20px;
  table-layout: fixed; }
  .my-tabs a.tab {
    display: table-cell;
    background: white;
    border-right: solid 1px #EEEEEE;
    padding: 10px;
    color: #2D5894;
    border-bottom: solid 2px #EDF1F5;
    vertical-align: middle;
    text-align: center; }
    .my-tabs a.tab label {
      font-weight: 900;
      text-transform: uppercase;
      color: #2D5894; }

.tabs.join-activity {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 10px;
  border: solid 1px #EEEEEE;
  margin-bottom: 30px; }
  .tabs.join-activity .tab {
    display: table-cell;
    background: white;
    line-height: 20px;
    padding: 10px 2px;
    border-right: solid 1px #EEEEEE;
    font-size: 12px;
    color: #2D5894;
    cursor: pointer;
    vertical-align: middle;
    text-align: center; }
    .tabs.join-activity .tab:last-child {
      border-right: 0; }
    .tabs.join-activity .tab:hover {
      background: #FAFAFA; }
    .tabs.join-activity .tab.active {
      background: #FAFAFA;
      box-shadow: inset 1px 1px 1px 1px #D1D5D8;
      font-weight: 900;
      border-bottom: solid 2px; }
    .tabs.join-activity .tab .text {
      display: inline-block; }
  .tabs.join-activity .icon {
    display: inline-block; }

.my-tabs a.tab label i {
  color: #E2B21A; }
.my-tabs a.tab.active {
  box-shadow: inset 1px 1px 1px 1px #D6D0D0;
  background: #FBFBFB;
  border-bottom: solid 2px; }
.my-tabs a.tab.team img {
  height: 50px;
  width: 50px;
  object-fit: cover;
  border-radius: 100%; }
.my-tabs a.tab.team span.team-name {
  font-weight: 900;
  text-transform: uppercase;
  color: #2D5894;
  vertical-align: middle;
  font-size: 10px; }
.my-tabs a.tab span {
  font-weight: 900;
  text-transform: uppercase;
  /* text-transform : uppercase; */
  color: inherit;
  vertical-align: middle;
  font-size: 12px;
  text-shadow: none; }
.my-tabs a.tab i {
  font-weight: 900;
  text-transform: uppercase;
  /* text-transform : uppercase; */
  color: inherit;
  vertical-align: middle;
  font-size: 12px;
  text-shadow: none;
  margin-right: 5px;
  font-weight: 100; }

.tab-target {
  overflow: scroll; }

table.tab-target:first-child {
  display: table; }

.tab-target:first-child {
  display: block; }

/********************************************************************
* TABLE PLAYERS .table-players
*********************************************************************/
.table-players {
  border-top: solid 1px #EEEEEE; }
  .table-players form select {
    background: transparent;
    border: solid 1px #DDDDDD;
    border-radius: 4px;
    line-height: 13px !important;
    height: 30px;
    font-size: 10px;
    background: #EBEEF1;
    width: 100%;
    padding: 0 10px;
    vertical-align: middle;
    font-weight: 500; }
  .table-players thead {
    background: #F9F9F9 !important;
    color: #2D5894;
    border: none;
    text-transform: uppercase;
    font-weight: 200; }
  .table-players.ultimate thead {
    background: white !important;
    color: black; }
  .table-players thead > tr > th {
    border-bottom: solid 1px #efefef;
    font-weight: 600;
    background-color: white !important;
    border: none !important;
    text-transform: uppercase;
    color: #1d3b64;
    font-size: 10px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-align: left;
    line-height: 24px; }
  .table-players.ultimate thead > tr > th {
    color: #1D3B64;
    border-right: none;
    font-weight: 900;
    font-size: 14px; }
  .table-players td.player-td {
    width: auto; }
  .table-players.ultimate tbody tr td {
    font-weight: 900; }
  .table-players tbody tr {
    border: none; }
    .table-players tbody tr td {
      border-left: 0;
      border-right: 0;
      text-align: center;
      font-size: 12px;
      padding: 8px 5px; }
      .table-players tbody tr td .widget {
        display: inline-block;
        color: white;
        padding: 6px 15px;
        border-radius: 1px;
        font-weight: 600;
        border: solid 1px rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        text-transform: uppercase;
        font-size: 9px; }
        .table-players tbody tr td .widget.green {
          background: #4CAF50; }
        .table-players tbody tr td .widget.red {
          background: #FB2D3C; }
        .table-players tbody tr td .widget.orange {
          background: #FF9800; }
        .table-players tbody tr td .widget.blue {
          background: #28528c; }
        .table-players tbody tr td .widget.cancellation {
          background: #2d5894; }
        .table-players tbody tr td .widget.missing {
          background: black; }
        .table-players tbody tr td .widget.late {
          background: #346ab3; }
      .table-players tbody tr td > a {
        padding: 2px; }

.table-bordered > tbody > tr > td {
  border: none !important;
  color: #2e486f;
  font-family: 'Lato', sans-serif;
  text-align: left; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background: #f8fbff; }
  .table-striped > tbody > tr:nth-of-type(odd) > td {
    border-bottom: solid 1px #f8f8f9 !important;
    border-top: solid 1px #f8f8f9 !important;
    text-align: left; }

.table-players tbody tr td > a, .table-players tbody tr td > form, .table-players tbody tr td > button {
  display: inline-block;
  color: #2196F3;
  font-weight: 600;
  font-family: 'Lato', sans-serif;
  padding: 10px; }
.table-players tbody tr td > a .icon {
  padding: 10px;
  width: 35px; }
.table-players .player {
  text-align: left;
  display: table; }
.table-players .tr:nth-child(1) td.ranking {
  color: red;
  font-size: 90px; }
.table-players td.ranking {
  font-weight: 900;
  font-size: 20px;
  width: 40px;
  color: black; }
.table-players.ultimate tbody tr.first {
  background: #FCEABB;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F8B500, #FCEABB);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #FFD462, #FCEABB);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #3D3D3D !important;
  font-size: 20px;
  font-weight: 900;
  /* text-shadow: 1px 1px 1px #816e3b; */ }
  .table-players.ultimate tbody tr.first .ranking {
    color: white;
    font-size: 40px; }
  .table-players.ultimate tbody tr.first .user-card img {
    width: 50px;
    height: 50px;
    box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.3); }
.table-players.ultimate .image {
  width: 60px; }
.table-players.ultimate tbody tr {
  /* background: #fff; */
  font-size: 15px; }
  .table-players.ultimate tbody tr.first .user-card {
    height: 90px; }
    .table-players.ultimate tbody tr.first .user-card .user-name {
      color: white;
      font-weight: 900;
      font-size: 19px;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px #816E3B; }
  .table-players.ultimate tbody tr > a {
    display: block;
    width: 100%; }
  .table-players.ultimate tbody tr.second {
    background: #DDDDDD;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #DDDDDD, #FFFFFE);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #CCCCCC, #EEEEEE);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #3D3D3D !important;
    font-size: 20px;
    font-weight: 900;
    /* text-shadow: 1px 1px 1px #666666; */ }
    .table-players.ultimate tbody tr.second .ranking {
      color: white;
      font-size: 35px; }
    .table-players.ultimate tbody tr.second .user-card {
      height: 80px; }
      .table-players.ultimate tbody tr.second .user-card img {
        width: 40px;
        height: 40px;
        box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.3); }
      .table-players.ultimate tbody tr.second .user-card .user-name {
        color: white;
        font-weight: 900;
        font-size: 17px;
        letter-spacing: 1px;
        text-shadow: 1px 1px 1px #484848; }
  .table-players.ultimate tbody tr.third {
    background: #CFA774;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #EAB065, #F4E8D9);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #EAB065, #F4E8D9);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #3D3D3D !important;
    font-size: 20px;
    font-weight: 900; }
    .table-players.ultimate tbody tr.third .ranking {
      color: white;
      font-size: 30px; }
    .table-players.ultimate tbody tr.third .user-card {
      height: 70px; }
      .table-players.ultimate tbody tr.third .user-card img {
        width: 35px;
        height: 35px;
        box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.3); }
      .table-players.ultimate tbody tr.third .user-card .user-name {
        color: white;
        font-weight: 900;
        font-size: 17px;
        letter-spacing: 1px;
        text-shadow: 1px 1px 1px #816E3B; }
.table-players tr.selected {
  background: #FFF4D5 !important; }
.table-players .player.image-only {
  text-align: center;
  display: block; }
.table-players i.fa {
  display: inline-block; }
.table-players .bootstrap-switch-container > span {
  font-weight: 900;
  text-transform: uppercase; }
.table-players td {
  vertical-align: middle !important; }
  .table-players td.td-game {
    padding: 0; }
  .table-players td.td-team, .table-players td.td-activity {
    font-size: 12px;
    color: #274C80;
    font-weight: 500; }
    .table-players td.td-team a, .table-players td.td-activity a {
      color: inherit; }
.table-players .date {
  font-weight: 900;
  font-size: 12px;
  text-align: center; }
.table-players .player.image-only img {
  text-align: center;
  margin: auto; }
.table-players .box.game-sm {
  padding: 20px 0px;
  margin: 0;
  background: transparent;
  border: none; }
  .table-players .box.game-sm.bg-white {
    background: white;
    padding: 7px 0px; }
  .table-players .box.game-sm .team .table {
    background: transparent; }
  .table-players .box.game-sm .team .score {
    font-size: 15px;
    padding: 0; }
  .table-players .box.game-sm .team .table {
    margin: 0; }
  .table-players .box.game-sm .team .image img {
    height: 30px;
    width: 30px; }
  .table-players .box.game-sm .team .name {
    height: 12px;
    overflow: hidden; }
.table-players .player img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 100%;
  border: solid 1px #EEEEEE;
  display: table-cell;
  vertical-align: middle; }
.table-players .player a {
  color: #234575;
  font-weight: 400;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px; }

@media (max-width: 996px) {
  .my-tabs a.tab span, .my-tabs a.tab i {
    font-weight: 900;
    text-transform: uppercase;
    /* text-transform : uppercase; */
    color: inherit;
    vertical-align: middle;
    font-size: 9px;
    text-shadow: none;
    display: block;
    font-weight: 300; }

  .table-players.ultimate tbody tr {
    font-size: 13px !important; }
    .table-players.ultimate tbody tr img {
      /* width  : 20px !important; */
      /* height : 20px !important; */ }
    .table-players.ultimate tbody tr .user-card .user-name {
      font-size: 12px !important; }
  .table-players.ultimate thead > tr > th {
    font-size: 10px; }

  .user-card .sign {
    width: 40px !important; }

  .table-players.ultimate tbody tr.first .ranking {
    font-size: 30px !important; }
  .table-players.ultimate tbody tr.second .ranking {
    font-size: 25px !important; }
  .table-players.ultimate tbody tr.third .ranking {
    font-size: 20px !important; }
  .table-players.ultimate tbody tr .ranking {
    font-size: 16px !important; } }
/********************************************************************
* MY SIDEBAR RIGHT
*********************************************************************/
.my-sidebar.right {
  left: auto;
  right: 0;
  top: 70px;
  width: 200px;
  border-left: solid 1px #EEEEEE; }
  .my-sidebar.right ~ section#middle {
    margin-right: 200px; }

/********************************************************************
* MY SIDE BAR (.my-sidebar)  [MOBILE]
*********************************************************************/
@media (max-width: 996px) {
  .my-sidebar {
    width: 250px;
    padding-top: 60px;
    max-width: 100%; } }
/********************************************************************
* Sticky search bar
*********************************************************************/
.search-bar-container input {
  width: 100%;
  border: 0;
  line-height: 53px;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 0;
  position: relative; }
.search-bar-container i {
  right: 0;
  top: 0;
  text-align: center;
  font-size: 16px;
  line-height: 47px;
  width: 45px;
  color: #2D5894;
  position: absolute; }

#activities-header {
  position: fixed;
  display: table;
  width: 98%;
  margin-left: 1%;
  z-index: 10;
  top: 50px;
  box-shadow: 1px 1px 23px 1px #A8ACB1; }

.organizer #activities-header {
  position: absolute;
  top: 0; }

#activities-header .search-bar-container {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 0;
  border-right: solid 1px #EEEEEE;
  position: relative; }
#activities-header .activities-filters {
  display: table-cell;
  width: 50%;
  background: #FDFDFD; }
  #activities-header .activities-filters > div {
    display: table;
    width: 100%; }
  #activities-header .activities-filters .filter {
    display: table-cell;
    width: 30%;
    line-height: 44px;
    text-align: center;
    border-right: solid 1px #EEEEEE; }
    #activities-header .activities-filters .filter input {
      display: inline-block; }
    #activities-header .activities-filters .filter label {
      font-size: 11px;
      display: inline-block;
      font-weight: 400;
      color: #19355C;
      letter-spacing: 1px;
      text-transform: uppercase; }
    #activities-header .activities-filters .filter img {
      width: 20px;
      height: 20px; }

@media (max-width: 996px) {
  #activities-header {
    top: 60px;
    width: 100%;
    margin: 0;
    box-shadow: 1px 1px 31px 1px #9A9B9C;
    border-bottom: solid 1px #EEEEEE; }

  .organizer #activities-header {
    top: 0; }
    .organizer #activities-header .search-bar-container {
      top: 0; }
    .organizer #activities-header .activities-filters {
      top: 51px; }
  .organizer .container-fluid {
    padding-top: 150px !important; }

  #activities-header .search-bar-container {
    left: 0;
    right: 0;
    display: block;
    width: 100%; }
  #activities-header .activities-filters {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 0; }
    #activities-header .activities-filters > div {
      display: table;
      width: 100%; }
    #activities-header .activities-filters .filter {
      display: table-cell;
      width: 30%;
      line-height: 20px;
      text-align: center;
      border-right: solid 1px #EEEEEE;
      /* padding-top: 10px; */
      /* padding-bottom: 10px; */
      vertical-align: middle;
      vertical-align: top;
      padding-top: 2px; }
      #activities-header .activities-filters .filter input {
        display: inline-block;
        display: block;
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
        margin: auto; }
      #activities-header .activities-filters .filter label {
        font-size: 12px;
        display: block;
        font-weight: 900;
        color: #3A649A;
        text-transform: uppercase;
        font-size: 8px;
        letter-spacing: 2px;
        padding: 0 5px;
        line-height: 15px; }
      #activities-header .activities-filters .filter img {
        width: 20px;
        height: 20px;
        display: table-cell;
        margin: auto; }
  #activities-header + .container {
    margin-top: 140px !important; }

  .search-bar-container input {
    border-bottom: solid 1px #C1CCDD; } }
/********************************************************************
* CREATE TEAM/
*********************************************************************/
@media (max-width: 996px) {
  .bg-home h1 {
    font-size: 22px;
    font-weight: 300; } }
/********************************************************************
*  TEAM_SETTINGS
*********************************************************************/
h1.nav-title {
  background: white;
  margin: 0;
  position: fixed;
  right: 0;
  left: 50px;
  top: 70px;
  z-index: 10;
  line-height: 60px;
  font-size: 27px;
  font-weight: 900;
  border-left: solid 1px #EEEEEE;
  padding-left: 10px;
  border-bottom: solid 1px #DEDCDC;
  color: #2D5894; }

@media (max-width: 996px) {
  h1.nav-title {
    top: 60px; } }
/********************************************************************
*  TEXT-IMG-CONTAINER
*********************************************************************/
.text-img-container {
  display: table;
  width: 100%;
  margin: 150px 0px; }
  .text-img-container > div {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle; }
  .text-img-container .text-container .text-limiter {
    max-width: 50px; }
  .text-img-container .text-container h4 {
    margin: auto;
    text-align: center;
    padding: 10px;
    font-size: 30px;
    line-height: 50px; }
    .text-img-container .text-container h4 span {
      display: block;
      line-height: 40px; }
  .text-img-container .img-container {
    padding: 10px; }

@media (max-width: 996px) {
  .text-img-container .text-container h4 {
    font-size: 12px;
    line-height: 20px; }
    .text-img-container .text-container h4 span {
      display: block;
      line-height: 20px; } }
/********************************************************************
*  DATE_SELECTION_BAR
*********************************************************************/
.date-select-bar {
  width: 100%;
  background: white;
  height: auto;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 9px 10px; }
  .date-select-bar .date {
    display: inline-block;
    line-height: 40px;
    padding: 0px 40px;
    border-radius: 1px;
    margin: 0px 0px;
    color: #4CAF50;
    font-weight: 900;
    font-size: 16px;
    background: #FBFFFB;
    cursor: pointer;
    border: solid 1px; }
    .date-select-bar .date.active {
      background: #4CAF50;
      color: white; }
    .date-select-bar .date.disabled {
      background: #D2D0D0;
      color: white; }
      .date-select-bar .date.disabled:hover {
        background: #D2D0D0;
        color: white; }
    .date-select-bar .date:hover {
      background: #E6FFE7; }

/********************************************************************
*  TIME_SELECTION BAR
*********************************************************************/
.time-select-bar {
  width: 98%;
  background: white;
  height: auto;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 9px 10px;
  margin-left: 1%; }
  .time-select-bar .time {
    display: inline-block;
    line-height: 30px;
    padding: 0px 35px;
    border-radius: 1px;
    margin: 0px 0px;
    color: #4CAF50;
    font-weight: 900;
    font-size: 13px;
    background: #FBFFFB;
    cursor: pointer;
    border: solid 1px; }
    .time-select-bar .time.active {
      background: #4CAF50;
      color: white; }
    .time-select-bar .time.disabled {
      background: #D2D0D0;
      color: white; }
      .time-select-bar .time.disabled:hover {
        background: #D2D0D0;
        color: white; }
    .time-select-bar .time:hover {
      background: #E6FFE7; }

/********************************************************************
*  SECTION MAP FULL WIDTH
*********************************************************************/
.map-full-width #map {
  height: 300px;
  width: 100%; }

/********************************************************************
* SCREEN SIZE
*********************************************************************/
.full-screen {
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  margin: 0 !important;
  overflow-y: scroll; }

.half-screen {
  height: 100%;
  width: 50%;
  float: left; }

@media (max-width: 996px) {
  .half-screen {
    width: 100%;
    height: auto;
    float: none; } }
/********************************************************************
* SECTION LOADER
*********************************************************************/
#section-loader {
  position: fixed;
  height: 100vh;
  z-index: 100;
  background: rgba(255, 255, 255, 0.15);
  right: 0;
  left: 0;
  text-align: center;
  top: 0;
  display: none; }
  #section-loader i {
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #2D5894;
    font-size: 70px; }

/********************************************************************
* Highlight add & delete
*********************************************************************/
#highlight-add, #phone-add {
  background: #4CAF50;
  color: white;
  height: 30px;
  width: 30px;
  border-radius: 1px;
  text-align: center;
  display: inline-block;
  cursor: pointer; }
  #highlight-add i, #phone-add i {
    line-height: 30px;
    text-align: center; }

#phone-del {
  background: #FB2D3C;
  width: 30px;
  height: 30px;
  color: white;
  border-radius: 1px;
  text-align: center;
  display: inline-block;
  cursor: pointer; }
  #phone-del i {
    line-height: 30px; }

#highlight-del {
  background: #FB2D3C;
  width: 30px;
  height: 30px;
  color: white;
  border-radius: 1px;
  text-align: center;
  display: inline-block;
  cursor: pointer; }

#highlight-edit {
  background: #FDBF08;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: white;
  border-radius: 1px;
  text-align: center;
  display: inline-block;
  cursor: pointer; }

#highlight-del i {
  line-height: 30px; }

.table {
  display: table !important; }

table.table-bordered.dataTable {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
  text-align: left !important;
  border: none !important; }
table.dataTable.auto-width {
  width: auto !important; }

.table.table-modern {
  background: white;
  border: none;
  margin: 10px 0;
  border-radius: 2px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: scroll;
  width: 100%; }
  .table.table-modern th td {
    background: black; }
  .table.table-modern thead tr th {
    background: #1d3b64;
    border: none;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    line-height: 30px;
    color: white;
    border-bottom: solid 1px #eee; }
    .table.table-modern thead tr th:last-child {
      border-radius: 0 5px 0 0; }
    .table.table-modern thead tr th:first-child {
      border-radius: 5px 0px 0 0;
      font-size: 10px; }
  .table.table-modern tbody tr td {
    border: none;
    border-bottom: solid 1px #edf1f5;
    font-size: 12px;
    color: #456896;
    font-weight: 400;
    vertical-align: middle;
    text-align: left; }
    .table.table-modern tbody tr td.bold {
      /* color: #1d3b64; */
      font-weight: 900; }
  .table.table-modern tbody tr:last-child td {
    border-bottom: none; }

/********************************************************************
* Game add & delete
*********************************************************************/
#game-add {
  background: #4CAF50;
  color: white;
  height: 30px;
  width: 30px;
  border-radius: 1px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border: none;
  padding: 0; }
  #game-add i {
    line-height: 30px;
    text-align: center;
    height: 30px; }

#game-del {
  background: #FB2D3C;
  width: 30px;
  height: 30px;
  color: white;
  border-radius: 1px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border: none;
  padding: 0; }
  #game-del:disabled {
    background: #9E9E9E;
    cursor: not-allowed; }

#game-edit {
  background: #FDBF08;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: white;
  border-radius: 1px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border: none;
  padding: 0; }

#game-del i {
  line-height: 30px; }

/********************************************************************
* MY SIDEBAR
*********************************************************************/
.my-sidebar {
  z-index: 99;
  position: fixed;
  padding-top: 70px;
  width: 200px;
  height: 100%;
  overflow-y: auto;
  background: #FFFFFF;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 99;
  position: fixed;
  padding-top: 50px;
  width: 200px;
  height: 100%;
  overflow-y: auto;
  background: #FFFFFF;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .my-sidebar.transparent {
    border: none !important;
    background: transparent !important;
    border: none !important;
    background: transparent !important; }
  .my-sidebar #sign-out {
    position: fixed;
    bottom: 0;
    width: 199px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .my-sidebar.bg-grey {
    background: #EEEEEE; }
  .my-sidebar.sb-right {
    right: 0;
    border-left: solid 1px #EEEEEE;
    background: #F3F4F5;
    border-left: solid 1px #E5EAEF; }
  .my-sidebar.sb-left {
    left: 0;
    border-right: solid 1px #DDDDDD;
    background: #2B548C;
    padding-bottom: 50px;
    padding-right: 0 !important;
    padding-left: 0 !important; }
    .my-sidebar.sb-left ~ section#middle {
      padding-left: 200px;
      padding-bottom: 150px; }
    .my-sidebar.sb-left.transparent ~ section#middle {
      margin-left: 0;
      padding-left: 200px; }

.tabs.user-tabs ~ section#middle {
  padding-top: 140px; }

.my-sidebar.sb-right ~ section#middle {
  padding-right: 200px; }
.my-sidebar .menu {
  position: fixed;
  cursor: pointer;
  line-height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 100%;
  background: #2D5894;
  color: white;
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .my-sidebar .menu i {
    line-height: 60px; }
.my-sidebar .hidden-overflow {
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
  height: 100%; }
.my-sidebar.sb-left .menu {
  left: 0;
  z-index: 100;
  top: 0;
  background: white;
  color: #2D5894;
  border-radius: 0;
  line-height: 60px;
  width: 50px;
  height: 60px; }
.my-sidebar.sb-right .menu {
  right: 2px;
  margin-top: 5px;
  background: #FABD0A;
  height: 40px;
  line-height: 40px; }
  .my-sidebar.sb-right .menu i {
    line-height: 40px; }
.my-sidebar .sb-nav-container {
  line-height: 20px; }
.my-sidebar .sb-row-header {
  font-size: 12px;
  line-height: 35px;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  position: relative;
  padding-left: 5px; }
.my-sidebar .sb-nav-container .sb-row {
  color: white;
  /* border-bottom      : solid 1px #274D82; */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .my-sidebar .sb-nav-container .sb-row a {
    display: table;
    width: 100%;
    color: inherit; }
  .my-sidebar .sb-nav-container .sb-row button {
    display: table;
    width: 100%;
    color: inherit;
    background: transparent;
    border: 0; }
  .my-sidebar .sb-nav-container .sb-row:hover {
    /* background : #234777; */
    font-weight: 900; }
  .my-sidebar .sb-nav-container .sb-row a.active, .my-sidebar .sb-nav-container .sb-row button.active {
    /* background   : #3D70B7; */
    /* border-right : solid 3px white; */
    /* font-weight  : 900; */ }
  .my-sidebar .sb-nav-container .sb-row a .image, .my-sidebar .sb-nav-container .sb-row button .image {
    display: table-cell;
    width: 40px;
    padding-left: 10px; }
  .my-sidebar .sb-nav-container .sb-row a .image img, .my-sidebar .sb-nav-container .sb-row button .image img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 100%; }
  .my-sidebar .sb-nav-container .sb-row a div.text, .my-sidebar .sb-nav-container .sb-row button div.text {
    display: table-cell;
    line-height: 40px;
    font-size: 12px;
    padding-left: 10px;
    text-transform: capitalize; }
  .my-sidebar .sb-nav-container .sb-row a i, .my-sidebar .sb-nav-container .sb-row button i {
    display: table-cell;
    text-align: center;
    width: 40px; }
.my-sidebar .sb-title.sb-title-user {
  display: table;
  width: 100%;
  padding: 10px;
  /* border-bottom  : solid 1px #264A7B; */
  padding-bottom: 10px; }
.my-sidebar .sb-info-container {
  display: table-cell;
  vertical-align: middle; }
.my-sidebar .sb-user-name {
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: white; }
.my-sidebar .sb-user-image {
  display: table-cell; }

@media (max-width: 996px) {
  .my-sidebar {
    padding-top: 60px;
    width: 0;
    overflow: initial !important; }
    .my-sidebar #sign-out {
      width: 0;
      bottom: -50px;
      opacity: 0; }
    .my-sidebar.active {
      width: 200px;
      padding-top: 0; }
      .my-sidebar.active #sign-out {
        width: 200px;
        opacity: 1;
        bottom: 0; }
    .my-sidebar .menu {
      display: block; }
    .my-sidebar.sb-left.active .menu {
      left: 200px; }
    .my-sidebar.sb-right.active .menu {
      right: 205px; }
    .my-sidebar.sb-left ~ section#middle {
      padding-left: 0; }
    .my-sidebar.sb-right ~ section#middle {
      padding-right: 0; } }
/********************************************************************
* MY-SIDEBAR User
*********************************************************************/
.fbsignup .sb-user-image {
  display: table-cell; }

.my-sidebar .sb-user-image img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: solid 1px #EEEEEE;
  border-radius: 100%; }
.my-sidebar .sb-user-link {
  font-size: 11px;
  color: #DDDDDD; }

/********************************************************************
    * Remodal
    *********************************************************************/
.remodal-wrapper {
  z-index: 100000;
  padding: 0; }

/********************************************************************
* MY-SIDEBAR Team
*********************************************************************/
.my-sidebar .sb-team-image img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 100%;
  border: solid 1px #8396AF; }
.my-sidebar .sb-team-container .sb-team-image img {
  width: 30px;
  height: 30px;
  object-fit: cover; }
.my-sidebar .switch-team:hover {
  /* background : #5C83B7; */ }
.my-sidebar .sb-team-name {
  display: table-cell;
  font-weight: 300;
  padding: 0;
  margin: 0;
  color: white; }
.my-sidebar .sb-team-selected {
  display: table;
  width: 100%;
  /* border-bottom : solid 1px white; */
  padding: 5px; }
.my-sidebar .sb-team-container {
  display: table;
  width: 100%;
  border-bottom: solid 1px #172E4E;
  padding: 5px;
  background: #1C375D; }
  .my-sidebar .sb-team-container .sb-team-name {
    color: #FAFAFA;
    font-size: 11px;
    font-weight: 400; }
  .my-sidebar .sb-team-container:hover {
    background: #13243C; }
.my-sidebar .sb-team-selected .sb-team-image, .my-sidebar .sb-team-container .sb-team-image {
  display: table-cell;
  width: 40px; }
.my-sidebar .sb-teams-drop-down {
  position: absolute;
  z-index: 10;
  background: #2D5894;
  width: 100%;
  height: 0;
  display: none; }
  .my-sidebar .sb-teams-drop-down.active {
    display: block;
    height: auto; }
.my-sidebar.sb-games {
  background: #EDF1F5; }
  .my-sidebar.sb-games .sb-title {
    border-bottom: solid 1px #EEEEEE;
    background: #FAFAFA;
    text-align: center;
    display: table;
    width: 200px;
    font-weight: 300;
    color: #2D5894;
    position: fixed;
    z-index: 10; }
    .my-sidebar.sb-games .sb-title .icon {
      display: table-cell;
      width: 50px;
      border-right: solid 1px #EEEEEE; }
    .my-sidebar.sb-games .sb-title .text {
      display: table-cell;
      padding: 10px;
      height: 50px;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 10px;
      overflow: hidden;
      text-align: left; }
      .my-sidebar.sb-games .sb-title .text img {
        height: 30px;
        width: 30px;
        border-radius: 100%;
        object-fit: cover; }
      .my-sidebar.sb-games .sb-title .text select {
        width: 100%;
        border: none;
        font-size: 15px;
        height: 60px;
        position: relative;
        font-weight: 300; }
  .my-sidebar.sb-games .sb-nav-container {
    background: #EEEEEE;
    margin-top: 65px;
    margin-bottom: 50px; }
  .my-sidebar.sb-games .game-sm {
    border-bottom: solid 1px #EEEEEE;
    padding: 2px;
    margin: 3px;
    box-shadow: 1px 1px 1px #DDDDDD; }
  .my-sidebar.sb-games .box.game-sm .activity_name {
    font-size: 7px; }
  .my-sidebar.sb-games h5 {
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    padding-top: 10px;
    line-height: 15px; }
    .my-sidebar.sb-games h5 a {
      color: #2D5894;
      font-weight: 400; }
  .my-sidebar.sb-games .box.game-sm a.venue-name {
    font-size: 7px; }
  .my-sidebar.sb-games .box.game-sm .date {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 8px;
    line-height: 8px; }
  .my-sidebar.sb-games .box.game-sm .team .image img {
    width: 30px;
    height: 30px; }
  .my-sidebar.sb-games .box.game-sm .team .name {
    font-size: 7px;
    height: 18px;
    overflow-y: hidden; }
  .my-sidebar.sb-games .box.game-sm .team .score {
    font-size: 12px; }
  .my-sidebar.sb-games .box.game-sm .table {
    margin-bottom: 0; }
.my-sidebar.sb-filters .sb-title {
  line-height: 40px;
  background: #EDF1F5;
  color: #2D5894;
  border-bottom: solid 1px #2D5894; }
  .my-sidebar.sb-filters .sb-title .icon {
    display: inline-block;
    width: 40px;
    text-align: center; }
  .my-sidebar.sb-filters .sb-title .text {
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0px 5px;
    font-size: 10px; }
.my-sidebar.sb-filters .sb-nav-container .sb-row {
  color: #2D5894;
  display: table;
  font-size: 11px;
  font-weight: 100;
  width: 100%;
  border-bottom: solid 1px #EEEEEE;
  background: transparent; }
  .my-sidebar.sb-filters .sb-nav-container .sb-row input {
    display: table-cell;
    font-size: 20px;
    margin-left: 10px; }
  .my-sidebar.sb-filters .sb-nav-container .sb-row label {
    display: table-cell;
    line-height: 50px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 900;
    width: 170px;
    cursor: pointer;
    text-transform: capitalize; }
    .my-sidebar.sb-filters .sb-nav-container .sb-row label img {
      width: 20px;
      height: 20px; }
.my-sidebar #sign-out {
  position: fixed;
  bottom: 0;
  width: 217px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.my-sidebar.bg-grey {
  background: #EEEEEE; }
.my-sidebar.sb-right {
  right: 0;
  border-left: solid 1px #EEEEEE;
  background: #F3F4F5;
  border-left: solid 1px #E5EAEF; }
.my-sidebar.sb-left {
  left: 0;
  border-right: solid 1px #EDF1F5;
  background: #EDF1F5;
  padding-bottom: 0;
  padding-right: 0 !important;
  padding-left: 0 !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }
  .my-sidebar.sb-left ~ section#middle {
    padding-left: 200px;
    padding-bottom: 150px; }
  .my-sidebar.sb-left.transparent ~ section#middle {
    margin-left: 0;
    padding-left: 200px; }

/********************************************************************
* MY-SIDEBAR Games
*********************************************************************/
/********************************************************************
* MY-SIDEBAR Filters
*********************************************************************/
.tabs.user-tabs ~ section#middle {
  padding-top: 140px; }

.my-sidebar.sb-right ~ section#middle {
  padding-right: 160px; }
.my-sidebar .menu {
  position: fixed;
  cursor: pointer;
  line-height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 100%;
  background: #2D5894;
  color: white;
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .my-sidebar .menu i {
    line-height: 60px; }
.my-sidebar .hidden-overflow {
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
  height: 100%; }
.my-sidebar.sb-left .menu {
  left: 0;
  z-index: 99999;
  top: 0;
  background: white;
  color: #2D5894;
  border-radius: 0;
  line-height: 60px;
  width: 50px;
  height: 60px; }
.my-sidebar.sb-right .menu {
  right: 2px;
  margin-top: 5px;
  background: #FABD0A;
  height: 40px;
  line-height: 40px; }
  .my-sidebar.sb-right .menu i {
    line-height: 40px; }
.my-sidebar .sb-nav-container {
  line-height: 20px;
  margin-top: 20px; }
.my-sidebar .sb-row-header {
  font-size: 14px;
  line-height: 35px;
  font-weight: 900;
  letter-spacing: 2px;
  color: #1D3B64;
  text-transform: uppercase;
  position: relative;
  padding-left: 10px; }
.my-sidebar .sb-nav-container .sb-row {
  color: #4A6283;
  /* border-bottom      : solid 1px #274D82; */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative; }
  .my-sidebar .sb-nav-container .sb-row a.active ~ .sb-sub-row, .my-sidebar .sb-nav-container .sb-row button.active ~ .sb-sub-row, .my-sidebar .sb-nav-container .sb-row > div.active ~ .sb-sub-row, .my-sidebar .sb-nav-container .sb-row a:focus ~ .sb-sub-row, .my-sidebar .sb-nav-container .sb-row button:focus ~ .sb-sub-row, .my-sidebar .sb-nav-container .sb-row > div:focus ~ .sb-sub-row {
    display: block;
    position: relative;
    opacity: 1; }
  .my-sidebar .sb-nav-container .sb-row .sb-sub-row {
    padding-left: 10px;
    transition: 1s;
    opacity: 0;
    display: none; }
  .my-sidebar .sb-nav-container .sb-row .fa.fa-caret-down {
    color: inherit;
    transition: 1s; }
  .my-sidebar .sb-nav-container .sb-row > div.active .fa.fa-caret-down {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg); }
  .my-sidebar .sb-nav-container .sb-row .sb-sub-row a {
    font-weight: 300; }
    .my-sidebar .sb-nav-container .sb-row .sb-sub-row a.active .text {
      font-weight: 700; }
  .my-sidebar .sb-nav-container .sb-row .sb-sub-row .text {
    line-height: 31px;
    font-size: 12px; }
  .my-sidebar .sb-nav-container .sb-row a {
    display: table;
    width: 100%;
    color: inherit;
    text-align: left; }
  .my-sidebar .sb-nav-container .sb-row button {
    display: table;
    width: 100%;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0; }
  .my-sidebar .sb-nav-container .sb-row > div {
    display: table;
    width: 100%;
    color: inherit;
    text-align: left; }
  .my-sidebar .sb-nav-container .sb-row > div {
    background: transparent;
    border: 0; }
  .my-sidebar .sb-nav-container .sb-row:hover {
    /* background : #234777; */ }
  .my-sidebar .sb-nav-container .sb-row a.active, .my-sidebar .sb-nav-container .sb-row button.active {
    /* background   : #3D70B7; */
    /* border-right : solid 3px white; */
    font-weight: 900;
    color: #1D3B64; }
  .my-sidebar .sb-nav-container .sb-row > div.active {
    /* background   : #3D70B7; */
    /* border-right : solid 3px white; */
    font-weight: 900;
    color: #1D3B64; }
  .my-sidebar .sb-nav-container .sb-row > a.active .text, .my-sidebar .sb-nav-container .sb-row > div.active .text, .my-sidebar .sb-nav-container .sb-row > button.active .text {
    font-weight: 700;
    color: #1D3B64; }
  .my-sidebar .sb-nav-container .sb-row:hover > a > .text, .my-sidebar .sb-nav-container .sb-row:hover > div > .text, .my-sidebar .sb-nav-container .sb-row:hover > i {
    font-weight: 700;
    color: #1D3B64; }
.my-sidebar .sb-nav-container .sb-sub-row > a:hover > .text, .my-sidebar .sb-nav-container .sb-sub-row > div:hover > .text {
  font-weight: 700;
  color: #1D3B64; }
.my-sidebar .sb-nav-container .sb-row a.active i, .my-sidebar .sb-nav-container .sb-row > div.active i, .my-sidebar .sb-nav-container .sb-row button.active {
  font-weight: 100;
  color: #FBBD06;
  /* text-shadow : 1px 1px 20px #BCBFC3; */ }
.my-sidebar .sb-nav-container .sb-row a .image, .my-sidebar .sb-nav-container .sb-row > div .image, .my-sidebar .sb-nav-container .sb-row button .image {
  display: table-cell;
  width: 40px;
  padding-left: 10px;
  vertical-align: middle; }
.my-sidebar .sb-nav-container .sb-row > div {
  cursor: pointer; }
.my-sidebar .sb-nav-container .sb-row a .image img, .my-sidebar .sb-nav-container .sb-row > div .image img, .my-sidebar .sb-nav-container .sb-row button .image img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 100%; }
.my-sidebar .sb-nav-container .sb-row a div.text, .my-sidebar .sb-nav-container .sb-row > div div.text, .my-sidebar .sb-nav-container .sb-row button div.text {
  display: table-cell;
  line-height: 40px;
  font-size: 13px;
  padding-left: 10px;
  text-transform: capitalize;
  text-align: left;
  font-weight: 400;
  letter-spacing: 1px; }
.my-sidebar .sb-nav-container .sb-row a div.text .alert, .my-sidebar .sb-nav-container .sb-row > div div.text .alert, .my-sidebar .sb-nav-container .sb-row button div.text .alert {
  margin: 0;
  padding: 0;
  border-radius: 100%;
  display: inline-block;
  line-height: 40px; }
.my-sidebar .sb-nav-container .sb-row a div.text .alert i, .my-sidebar .sb-nav-container .sb-row > div div.text .alert i, .my-sidebar .sb-nav-container .sb-row button div.text .alert i {
  display: inline-block;
  font-size: 10px;
  width: 15px;
  color: white;
  height: 15px;
  line-height: 15px;
  background: #97C350;
  border-radius: 100%;
  box-shadow: 1px 1px 4px 1px #C2CBBD;
  vertical-align: top;
  margin-left: -5px;
  text-align: center; }
.my-sidebar .sb-nav-container .sb-row a i, .my-sidebar .sb-nav-container .sb-row > div i, .my-sidebar .sb-nav-container .sb-row button i {
  display: table-cell;
  text-align: center;
  width: 40px;
  font-size: 14px;
  vertical-align: middle; }
.my-sidebar .sb-nav-container .sb-row a > img, .my-sidebar .sb-nav-container .sb-row > div > img {
  height: 20px;
  width: 20px;
  margin-left: 10px; }
.my-sidebar .sb-title.sb-title-user {
  display: table;
  width: 100%;
  padding: 10px;
  /* border-bottom  : solid 1px #264A7B; */
  padding-bottom: 10px;
  background: rgba(255, 255, 255, 0.44);
  box-shadow: 1px 1px 1px #AAADB0; }
.my-sidebar .sb-info-container {
  display: table-cell;
  vertical-align: middle; }
.my-sidebar .sb-user-name {
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #1D3B64; }
.my-sidebar .sb-user-image {
  display: table-cell; }
  .my-sidebar .sb-user-image img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: solid 1px #EEEEEE;
    border-radius: 100%; }
.my-sidebar .sb-user-link {
  font-size: 11px;
  color: #1D3B64; }
.my-sidebar.transparent-admin .sb-user-link {
  color: #2B548C;
  background: #EDF1F5;
  padding: 5px 10px;
  border-radius: 2px;
  border: solid 1px white;
  font-size: 9px;
  max-width: 90px;
  display: block;
  overflow: hidden;
  height: 21px; }
.my-sidebar .sb-team-image img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 100%;
  border: solid 1px #8396AF; }
.my-sidebar .sb-team-container .sb-team-image img {
  width: 30px;
  height: 30px;
  object-fit: cover; }
.my-sidebar .switch-team {
  display: inline-block;
  text-align: center;
  color: white;
  font-size: 8px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 10px;
  text-align: left;
  font-weight: 900;
  text-transform: uppercase;
  background: #62B965;
  position: absolute;
  right: 5px;
  top: 20px;
  padding: 5px 5px;
  border-radius: 1px;
  box-shadow: 1px 1px 1px 0px #7B7B7A; }
  .my-sidebar .switch-team:hover {
    /* background : #5C83B7; */
    opacity: 0.8; }
.my-sidebar .sb-team-selected {
  display: table;
  width: 100%;
  /* border-bottom : solid 1px white; */
  padding: 5px;
  /* box-shadow: inset 0px 1px 1px 1px #bcc0c1; */
  /* margin-top: 50px; */
  /* border-bottom: solid 1px #dadde2; */
  /* padding-bottom: 25px; */
  line-height: 50px;
  height: 50px !important;
  background: #FFFFFF;
  box-shadow: 1px 1px 1px #AAADB0; }
.my-sidebar .sb-team-name {
  display: table-cell;
  font-weight: 300;
  padding: 0;
  margin: 0;
  color: #1D3B64;
  font-size: 13px;
  vertical-align: middle; }
  .my-sidebar .sb-team-name > div {
    height: 50px;
    overflow: hidden; }

@media (max-width: 996px) {
  .my-sidebar {
    padding-top: 60px;
    width: 0;
    overflow: initial !important;
    z-index: 99999; }
    .my-sidebar #sign-out {
      width: 0;
      bottom: -50px;
      opacity: 0; }
    .my-sidebar.active {
      width: 200px;
      padding-top: 0;
      background: white; }
      .my-sidebar.active #sign-out {
        width: 200px;
        opacity: 1;
        bottom: 0; }
    .my-sidebar .menu {
      display: block; }
    .my-sidebar.sb-left.active .menu {
      left: 200px; }
    .my-sidebar.sb-right.active .menu {
      right: 205px; }
    .my-sidebar.sb-left ~ section#middle {
      padding-left: 0; }
    .my-sidebar.sb-right ~ section#middle {
      padding-right: 0; }

  .market-filter ~ section#middle {
    padding-top: 55px; } }
/********************************************************************
* MY-SIDEBAR User
*********************************************************************/
/********************************************************************
* MY-SIDEBAR Team
*********************************************************************/
.my-sidebar .sb-team-selected {
  display: table;
  /* border-bottom : solid 1px white; */
  padding: 5px;
  /* box-shadow: inset 0px 1px 1px 1px #bcc0c1; */
  /* margin-top: 50px; */
  /* border-bottom: solid 1px #dadde2; */
  /* padding-bottom: 25px; */
  line-height: 50px;
  height: 50px !important;
  background: #FFFFFF;
  box-shadow: 1px 1px 1px #AAADB0;
  position: relative; }
.my-sidebar .sb-team-container {
  display: table;
  width: 100%;
  border-bottom: solid 1px #172E4E;
  padding: 5px;
  background: #1C375D; }
  .my-sidebar .sb-team-container .sb-team-name {
    color: #FAFAFA;
    font-size: 11px;
    font-weight: 400; }
  .my-sidebar .sb-team-container:hover {
    background: #13243C; }
.my-sidebar .sb-team-selected .sb-team-image, .my-sidebar .sb-team-container .sb-team-image {
  display: table-cell;
  width: 40px;
  vertical-align: middle; }
.my-sidebar .sb-teams-drop-down {
  position: relative;
  z-index: 10;
  background: #2D5894;
  width: 100%;
  height: 0;
  display: none; }
  .my-sidebar .sb-teams-drop-down.active {
    display: block;
    height: auto; }
.my-sidebar.sb-games {
  background: #EDF1F5; }
  .my-sidebar.sb-games .sb-title {
    border-bottom: solid 1px #EEEEEE;
    background: #FAFAFA;
    text-align: center;
    display: table;
    width: 200px;
    font-weight: 300;
    color: #2D5894;
    position: fixed;
    z-index: 10; }
    .my-sidebar.sb-games .sb-title .icon {
      display: table-cell;
      width: 50px;
      border-right: solid 1px #EEEEEE;
      vertical-align: middle; }
    .my-sidebar.sb-games .sb-title .text {
      display: table-cell;
      padding: 0px;
      height: 50px;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 10px;
      overflow: hidden;
      text-align: left;
      vertical-align: middle; }
      .my-sidebar.sb-games .sb-title .text img {
        height: 30px;
        width: 30px;
        border-radius: 100%;
        object-fit: cover; }
      .my-sidebar.sb-games .sb-title .text select {
        width: 100%;
        border: none;
        font-size: 15px;
        height: 60px;
        position: relative;
        font-weight: 300; }
  .my-sidebar.sb-games .sb-nav-container {
    background: #EEEEEE;
    margin-top: 65px;
    margin-bottom: 50px; }
  .my-sidebar.sb-games .game-sm {
    border-bottom: solid 1px #EEEEEE;
    padding: 2px;
    margin: 3px;
    box-shadow: 1px 1px 1px #DDDDDD; }
  .my-sidebar.sb-games .box.game-sm .activity_name {
    font-size: 7px; }
  .my-sidebar.sb-games h5 {
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    padding-top: 10px;
    line-height: 15px; }
    .my-sidebar.sb-games h5 a {
      color: #2D5894;
      font-weight: 400; }
  .my-sidebar.sb-games .box.game-sm a.venue-name {
    font-size: 7px; }
  .my-sidebar.sb-games .box.game-sm .date {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 8px;
    line-height: 8px; }
  .my-sidebar.sb-games .box.game-sm .team .image img {
    width: 30px;
    height: 30px; }
  .my-sidebar.sb-games .box.game-sm .team .name {
    font-size: 7px;
    height: 18px;
    overflow-y: hidden; }
  .my-sidebar.sb-games .box.game-sm .team .score {
    font-size: 12px; }
  .my-sidebar.sb-games .box.game-sm .table {
    margin-bottom: 0; }
.my-sidebar.sb-filters .sb-title {
  line-height: 40px;
  background: #EDF1F5;
  color: #2D5894;
  border-bottom: solid 1px #2D5894; }
  .my-sidebar.sb-filters .sb-title .icon {
    display: inline-block;
    width: 40px;
    text-align: center; }
  .my-sidebar.sb-filters .sb-title .text {
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0px 5px;
    font-size: 10px; }
.my-sidebar.sb-filters .sb-nav-container .sb-row {
  color: #2D5894;
  display: table;
  font-size: 11px;
  font-weight: 100;
  width: 100%;
  border-bottom: solid 1px #EEEEEE;
  background: transparent; }
  .my-sidebar.sb-filters .sb-nav-container .sb-row input {
    display: table-cell;
    font-size: 20px;
    margin-left: 10px; }
  .my-sidebar.sb-filters .sb-nav-container .sb-row label {
    display: table-cell;
    line-height: 50px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 900;
    width: 170px;
    cursor: pointer;
    text-transform: capitalize; }
    .my-sidebar.sb-filters .sb-nav-container .sb-row label img {
      width: 20px;
      height: 20px; }

/********************************************************************
* MY-SIDEBAR Games
*********************************************************************/
/********************************************************************
* MY-SIDEBAR Filters
*********************************************************************/
/********************************************************************
* STEP TUTORIALS
*********************************************************************/
.step-tutorial-container {
  display: block;
  width: 100%;
  background: #FDFDFD;
  box-shadow: 1px 1px 1px #DCE0E4; }
  .step-tutorial-container .owl-controls {
    text-align: center; }
  .step-tutorial-container .steps-container {
    display: table;
    width: 100%;
    table-layout: fixed; }
  .step-tutorial-container .tutorial-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    line-height: 50px;
    color: #23497D; }
  .step-tutorial-container .step {
    /* display      : table-cell; */
    text-align: center;
    border-right: solid 1px #E7EAEF; }
    .step-tutorial-container .step > .step-number {
      font-weight: 600;
      text-transform: uppercase;
      text-align: center;
      display: block;
      font-size: 11px;
      line-height: 30px;
      background: #2D5894;
      color: white; }
    .step-tutorial-container .step > .image {
      background: #EDF1F5;
      padding: 10px 0px;
      height: 260px;
      margin: auto;
      display: table;
      width: 100%; }
      .step-tutorial-container .step > .image img {
        /* height     : 90px; */
        margin-top: 20px;
        padding: 5px;
        width: 50%;
        MARGIN: AUTO;
        vertical-align: middle;
        display: table-cell; }
    .step-tutorial-container .step > .text {
      padding: 10px;
      font-size: 11px; }

@media (max-width: 996px) {
  .step-tutorial-container .step {
    display: block; } }
#membership-button {
  background: linear-gradient(to right, #4caf50, #47ab4b);
  margin: 10px 5px;
  font-size: 20px;
  display: flex;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  align-items: center;
  padding: 10px;
  border-radius: 2px; }
  #membership-button ~ h4 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 24px;
    color: #1d3b64; }

#ppg-button {
  margin: 10px 5px;
  font-size: 20px;
  display: flex;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  align-items: center;
  padding: 10px;
  border-radius: 2px; }

#membership-button.free-trial {
  display: block;
  background-color: #fdbf08;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  background: linear-gradient(45deg, #fdbf08, #fdbf08, #fdbf08); }
  #membership-button.free-trial > div {
    color: white;
    text-align: center; }
    #membership-button.free-trial > div:first-child {
      font-weight: 900;
      text-transform: uppercase;
      font-size: 13px; }
    #membership-button.free-trial > div:nth-child(2) {
      font-weight: 900;
      text-transform: uppercase; }
    #membership-button.free-trial > div:last-child {
      font-size: 16px;
      text-decoration: underline; }

#ppg-button {
  background: linear-gradient(to right, #2d5894, #1d3b64);
  color: white; }

#membership-button > span, #ppg-button > span {
  text-align: left;
  font-size: 14px;
  color: white; }

#membership-button > span .title, #ppg-button > span .title {
  display: block;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  color: white; }

#membership-button > span .games-per-month {
  color: white;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: underline; }
#membership-button > span:first-child {
  width: fit-content;
  font-size: 40px;
  font-weight: 900;
  padding: 10px 10px;
  text-align: center; }

#ppg-button > span:first-child {
  width: fit-content;
  font-size: 40px;
  font-weight: 900;
  padding: 10px 10px;
  text-align: center; }

#membership-button > span:first-child sup, #ppg-button > span:first-child sup {
  font-size: 10px;
  top: -20px;
  left: -5px;
  font-weight: 900;
  text-transform: uppercase; }

/********************************************************************
* USER CHOICE ACTIVITY BUTTON
*********************************************************************/
button#user-choice-activity-button {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 40px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 40px; }
  button#user-choice-activity-button:disabled {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 15px; }

/********************************************************************
* RATING BUTTON
*********************************************************************/
#rating-button {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  line-height: 70px;
  z-index: 10; }
  #rating-button > label > span {
    font-size: 20px;
    padding: 0; }
  #rating-button.disabled > label > span {
    line-height: 50px;
    background: #999999 !important;
    text-shadow: 1px 1px 1px #484848 !important;
    height: 50px; }
  #rating-button:disabled {
    line-height: 50px;
    background: #999999 !important;
    text-shadow: 1px 1px 1px #484848 !important;
    height: 50px; }
    #rating-button:disabled > label > span {
      line-height: 50px;
      background: #999999 !important;
      text-shadow: 1px 1px 1px #484848 !important;
      height: 50px; }
  #rating-button.disabled {
    line-height: 50px;
    background: #999999 !important;
    text-shadow: 1px 1px 1px #484848 !important;
    height: 50px; }

/********************************************************************
* CONTACT US
*********************************************************************/
#contact-us-icon {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999997;
  cursor: pointer;
  background: #2D5894;
  text-align: center;
  line-height: 30px;
  font-size: 10px;
  padding: 0px 0px 0px 20px;
  display: table;
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-radius: 10px 0px 0px 0px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  #contact-us-icon span {
    color: white;
    display: table-cell;
    text-align: left;
    text-transform: uppercase;
    font-weight: 900; }
  #contact-us-icon:hover {
    color: white;
    background: #FDBF08; }
  #contact-us-icon .icon i {
    color: white;
    display: table-cell;
    text-align: right;
    padding: 0px 10px; }

#contact-us-form {
  position: fixed;
  right: 0;
  top: 50px;
  bottom: 0;
  z-index: -11;
  background: white;
  padding: 20px;
  background: #2D5894;
  color: white;
  width: 0px;
  opacity: 0;
  display: table-cell;
  border-left: solid 1px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  #contact-us-form p, #contact-us-form form {
    text-align: center; }
  #contact-us-form .close i {
    position: absolute;
    top: 5px;
    right: 5px;
    color: white;
    opacity: 1; }
  #contact-us-form .input-group {
    color: black; }
  #contact-us-form input {
    font-size: 12px;
    height: 33px; }
  #contact-us-form textarea {
    font-size: 12px; }
  #contact-us-form button[type="submit"] {
    text-align: center;
    margin: auto; }
  #contact-us-form.active {
    opacity: 1;
    width: 320px;
    z-index: 10000; }

.col-centered {
  float: none;
  margin: auto; }

h4.separator {
  font-size: 16px;
  text-transform: lowercase;
  display: table;
  width: 100%;
  color: #90959A;
  font-weight: 300;
  margin: 20px 0; }
  h4.separator:before, h4.separator:after {
    content: '';
    display: inline-block;
    border: solid 1px #D2D8E0;
    width: 37%;
    vertical-align: middle; }

@media (max-width: 996px) {
  #contact-us-icon {
    width: 40px;
    height: 40px;
    margin: 0;
    right: 10px;
    bottom: 10px;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    line-height: 40px; }
    #contact-us-icon span {
      display: none; }

  #contact-us-form p {
    font-size: 12px;
    font-size: 12px;
    padding: 10px; }

  #contact-us-icon .icon i {
    padding: 0;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 40px; }

  #contact-us-form .close {
    opacity: 1; }
  #contact-us-form.active {
    top: 60px;
    opacity: 1;
    width: 100%;
    z-index: 10000;
    padding: 10px; } }
/********************************************************************
* ADMIN_sETTINGS/TEAMS TAB RANKING ICONS
*********************************************************************/
.fa-arrow-circle-right {
  color: #FFA304;
  font-size: 1.7em; }

.fa-arrow-circle-up {
  color: #91B712;
  font-size: 1.7em; }

.fa-arrow-circle-down {
  color: #DF1600;
  font-size: 1.7em; }

.fa-arrow-circle-left {
  color: #0DADDD;
  font-size: 1.7em; }

/********************************************************************
* FIFA ULTIMATE TEAM CARD!!!
*********************************************************************/
.sf-gold {
  /* position: absolute; */
  width: 202px;
  background-image: url("../../assets/images/toty.png");
  height: 310px;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 11px; }
  .sf-gold .sf-name {
    position: absolute;
    top: 158px;
    text-align: center;
    font-size: 15px;
    left: 85px;
    color: #FFEE9D;
    font-weight: bold;
    cursor: default; }
  .sf-gold .sf-art {
    left: 63px;
    top: 20px;
    position: absolute; }
    .sf-gold .sf-art img {
      width: 100px; }
  .sf-gold .sf-rating {
    position: absolute;
    top: 44px;
    left: 38px;
    font-size: 28px;
    font-weight: 700;
    width: 41px;
    text-align: center;
    color: #FFEE9D;
    cursor: default; }
  .sf-gold .sf-position {
    position: absolute;
    top: 81px;
    font-weight: 500;
    left: 32px;
    width: 41px;
    text-align: center;
    color: #FFEE9D;
    cursor: default; }
  .sf-gold .sf-attr1 {
    position: absolute;
    top: 181px;
    left: 42px;
    font-size: 18px;
    cursor: default; }
  .sf-gold .sf-attr2 {
    position: absolute;
    top: 204px;
    left: 42px;
    font-size: 18px;
    cursor: default; }
  .sf-gold .sf-attr3 {
    position: absolute;
    top: 227px;
    left: 42px;
    font-size: 18px;
    cursor: default; }
  .sf-gold .sf-attr4 {
    position: absolute;
    top: 181px;
    left: 120px;
    font-size: 18px;
    cursor: default; }
  .sf-gold .sf-attr5 {
    position: absolute;
    top: 204px;
    left: 120px;
    font-size: 18px;
    cursor: default; }
  .sf-gold .sf-attr6 {
    position: absolute;
    top: 227px;
    left: 120px;
    font-size: 18px;
    cursor: default; }
  .sf-gold .sf-nation {
    position: absolute;
    top: 115px;
    left: 58px; }
    .sf-gold .sf-nation img {
      width: 33px;
      vertical-align: middle; }
  .sf-gold .sf-club {
    position: absolute;
    top: 114px;
    left: 21px; }
    .sf-gold .sf-club img {
      position: absolute;
      width: 36px;
      vertical-align: middle;
      border: 0; }
  .sf-gold .sf-availability, .sf-gold .sf-availability2 {
    display: none; }
  .sf-gold .sf-club:hover .sf-availability {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    border-radius: 2px;
    font-size: 18px;
    padding: 1px 5px;
    z-index: 1;
    height: 300px;
    width: 300px;
    cursor: default; }
  .sf-gold .sf-nation:hover .sf-availability2 {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    border-radius: 2px;
    font-size: 18px;
    padding: 1px 5px;
    z-index: 1;
    height: 200px;
    width: 300px;
    cursor: default; }
  .sf-gold .sf-picture {
    position: absolute;
    top: 45.5px;
    left: 98px; }
    .sf-gold .sf-picture img {
      position: absolute;
      height: 110px;
      vertical-align: middle;
      width: 100px; }
  .sf-gold .sf-chemistry {
    position: absolute; }
  .sf-gold .sf-image {
    position: absolute; }
    .sf-gold .sf-image img {
      position: absolute; }

.sf-wrapper {
  height: 400px;
  width: 400px; }
  .sf-wrapper .sf-your-card {
    width: 220px;
    height: 110px;
    text-align: center;
    position: absolute;
    left: 230px; }

.players-count.green {
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  background: grey;
  font-weight: 900;
  display: inline-block; }

.challenge-text, .join-request {
  width: 100%; }

.venue-container-challenge {
  overflow: scroll;
  width: 600px;
  height: 300px; }

.venue-container-challenge-inner {
  width: 580px; }

.venue-image-challenge img {
  width: 100%;
  height: 75px;
  object-fit: cover; }

.venue-box-challenge {
  width: 100%;
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  border-bottom: solid 10px transparent; }
  .venue-box-challenge.selected {
    width: 220px;
    border-bottom: solid 2px #FDBF08;
    display: inline-block;
    margin: 10px;
    cursor: pointer; }
  .venue-box-challenge.disabled {
    width: 220px;
    display: inline-block;
    margin: 10px;
    cursor: pointer;
    border-bottom: solid 10px transparent;
    background-color: red; }

#step-2-challenge.disabled {
  pointer-events: none; }

.day-time {
  float: right;
  font-size: 10px;
  letter-spacing: 2px;
  color: #8E9DB2;
  font-weight: 900; }

.select-list {
  position: relative;
  display: inline-block; }
  .select-list select {
    display: inline-block;
    border: 2px solid #BBBBBB;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline: none;
    /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #F8F8F8;
    -webkit-appearance: none;
    /* remove the strong OSX influence from Webkit */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
    .select-list select:focus {
      -webkit-box-shadow: 0 0 3px 1px #CC0000;
      -moz-box-shadow: 0 0 3px 1px #CC0000;
      box-shadow: 0 0 3px 1px #CC0000; }
  .select-list:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 30px;
    padding: 0 7px;
    background: #BBBBBB;
    color: white;
    pointer-events: none;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0; }

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select select {
    padding-right: 30px; } }
/* Since we removed the default focus styles, we have to add our own */
/* Select arrow styling */
.no-pointer-events .select-list:after {
  content: none; }

.table-players.ultimate tbody tr.first {
  background: #FCEABB;
  background: -webkit-linear-gradient(to right, #F8B500, #FCEABB);
  background: linear-gradient(to right, #FFD462, #FCEABB);
  color: #3D3D3D !important;
  font-size: 20px;
  font-weight: 900;
  /* text-shadow: 1px 1px 1px #816e3b; */ }
.table-players.ultimate tbody tr.second {
  background: #DDDDDD;
  background: -webkit-linear-gradient(to right, #DDDDDD, #FFFFFE);
  background: linear-gradient(to right, #CCCCCC, #EEEEEE);
  color: #3D3D3D !important;
  font-size: 20px;
  font-weight: 900;
  /* text-shadow: 1px 1px 1px #666666; */ }
.table-players.ultimate tbody tr.third {
  background: #CFA774;
  background: -webkit-linear-gradient(to right, #EAB065, #F4E8D9);
  background: linear-gradient(to right, #EAB065, #F4E8D9);
  color: #3D3D3D !important;
  font-size: 20px;
  font-weight: 900; }

/******
Filter sentence
*****/
#filter-sentence {
  top: 110px;
  right: 10px;
  left: 210px;
  z-index: 20;
  border-radius: 2px;
  border-bottom: solid 1px #DDE2E8; }
  #filter-sentence form {
    display: block;
    padding: 0;
    margin: 0;
    /* box-sizing : inherit; */
    text-align: center; }
  #filter-sentence button {
    /* position  : absolute; */
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    height: 100%;
    display: block;
    /* width: 100%; */ }
  #filter-sentence p {
    font-size: 20px;
    color: #5D7390;
    padding: 10px 0;
    margin: 0;
    display: block;
    background: white;
    vertical-align: middle;
    font-weight: 200; }
  #filter-sentence select {
    border: none;
    display: inline-block;
    border-bottom: solid 2px #5A708E;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0 10px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    color: #1D3B64;
    letter-spacing: 0;
    margin: 0 5px;
    -webkit-appearance: none;
    background-color: linear-gradient(to top, #F6F6F9, white);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-position: right 50%;
    background-repeat: no-repeat;
    padding-right: 30px;
    z-index: 100; }

/* MEssage container*/
::-webkit-scrollbar {
  display: none; }

.messages-container .tag-user-box {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: scroll;
  height: 60px;
  background: white;
  padding: 1px 5px;
  padding-right: 100px; }
.messages-container .box.message .tags-indication {
  display: block;
  width: 100%;
  background: transparent;
  text-align: left; }
  .messages-container .box.message .tags-indication .user-tag {
    display: inline-block;
    font-size: 8px;
    border: solid 1px #EEEEEE;
    background: #FDBF08;
    padding: 2px 4px;
    color: white;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700; }
.messages-container .tag-user-box > label {
  text-align: left;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0;
  color: #4A6283;
  position: absolute; }
.messages-container .tag-user-box .user-text-tag {
  display: inline-block;
  padding: 0 5px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 8px;
  line-height: 20px;
  letter-spacing: 1px;
  background: #0173BD;
  color: #FFFFFF;
  cursor: pointer;
  position: relative;
  margin-top: 20px;
  font-weight: 900; }
  .messages-container .tag-user-box .user-text-tag > i {
    color: #FDBF08; }
  .messages-container .tag-user-box .user-text-tag.selected {
    background: #4CAF50; }
  .messages-container .tag-user-box .user-text-tag.disabled {
    background: #99A8BB;
    cursor: not-allowed; }
  .messages-container .tag-user-box .user-text-tag:hover span {
    display: block; }
  .messages-container .tag-user-box .user-text-tag span {
    display: none;
    position: absolute;
    bottom: -22px;
    left: 0;
    border: solid 1px;
    padding: 0;
    line-height: 16px;
    background: rgba(0, 0, 0, 0.72);
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 1px 2px; }

/*USER NAV*/
.user-nav-container.notifications .notification-container .notification-body {
  MARGIN: 0;
  display: block;
  position: relative;
  text-align: left;
  padding: 0;
  height: auto;
  line-height: 16px;
  padding: 5px;
  padding-left: 0; }
  .user-nav-container.notifications .notification-container .notification-body.message {
    margin: 0;
    padding: 0;
    display: block; }
.user-nav-container.notifications .notification-container .notification-footer.message {
  display: block;
  height: auto; }
.user-nav-container.notifications .notification-container .notification-footer .notification-date.message {
  display: block;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0; }
  .user-nav-container.notifications .notification-container .notification-footer .notification-date.message > span, .user-nav-container.notifications .notification-container .notification-footer .notification-date.message > i {
    display: inline-block;
    vertical-align: middle;
    line-height: 10px; }
.user-nav-container.notifications .notification-container .notification-body.message .message-content {
  padding: 0px 5px;
  font-weight: 300;
  font-size: 10px;
  max-height: 30px;
  overflow: hidden; }
.user-nav-container.notifications .notification-container .notification-body.message .message-user-box img {
  height: 20px;
  width: 20px;
  border-radius: 100%;
  border: solid 1px #1D3B64; }
.user-nav-container.notifications .notification-container .notification-body.message .message-user-box span {
  height: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px; }
.user-nav-container.notifications .notification-container .notification-footer {
  position: relative;
  bottom: 0;
  font-size: 10px;
  display: table;
  height: 20px;
  width: 100%;
  table-layout: auto; }
.user-nav-container.notifications .notification-container .notification-date {
  display: table-cell;
  vertical-align: middle;
  text-align: left; }
  .user-nav-container.notifications .notification-container .notification-date.message {
    display: block;
    height: 20px;
    position: relative; }
    .user-nav-container.notifications .notification-container .notification-date.message > span, .user-nav-container.notifications .notification-container .notification-date.message > i {
      display: inline-block;
      line-height: 20px;
      height: 10px;
      top: 0;
      position: absolute; }
    .user-nav-container.notifications .notification-container .notification-date.message > span {
      left: 10px; }
  .user-nav-container.notifications .notification-container .notification-date span, .user-nav-container.notifications .notification-container .notification-date i {
    color: #8892A1;
    font-size: 9px;
    letter-spacing: 0px;
    font-weight: 500; }
.user-nav-container.notifications .notification-container .notification-image img {
  width: 50px;
  height: 50px;
  padding: 1px; }
.user-nav-container.notifications .notification-container .notification-image.discussion {
  display: table-cell;
  vertical-align: middle; }
  .user-nav-container.notifications .notification-container .notification-image.discussion img {
    border-radius: 0;
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin: 10px;
    box-shadow: 1px 1px 7px 1px #F2F2F2; }
.user-nav-container.notifications .notification-container .notification-more-info {
  font-size: 9px !important;
  padding: 0 !important;
  margin: 0;
  line-height: inherit !important; }
.user-nav-container.notifications .notification-links {
  position: absolute;
  line-height: 25px;
  height: 25px;
  top: 0;
  right: 0;
  text-align: center;
  width: 60px; }
  .user-nav-container.notifications .notification-links a {
    position: absolute;
    line-height: 25px;
    height: 25px;
    top: 0;
    right: 0;
    text-align: center;
    width: 60px; }

.notification-buttons {
  width: 60px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  float: right;
  text-align: center; }

.user-nav-container.notifications .notification-container .notification-content {
  display: table-cell;
  vertical-align: middle; }

#filter-sentence-row + .row {
  margin-top: 50px; }

@media (max-width: 996px) {
  .my-header .user-nav-title {
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE; }
    .my-header .user-nav-title .user-nav-name {
      font-size: 20px;
      font-weight: 300;
      line-height: 30px;
      vertical-align: middle; }
    .my-header .user-nav-title img {
      width: 30px;
      height: 30px;
      vertical-align: middle; }
  .my-header .nav li a.notification-more-info {
    font-size: 10px !important; }

  .notifications-container {
    /* position: relative; */
    bottom: 0;
    right: 0;
    left: 0;
    background: white;
    padding-bottom: 45px; }

  .user-nav-container.notifications .notification-fixed .fixed-notification {
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #1D3B64;
    color: white;
    text-decoration: none; }
  .user-nav-container.notifications .notification-container-fixed .notification-body-fixed {
    text-decoration: none; }
  .user-nav-container.notifications .notification-container-fixed .notification-content-fixed {
    padding: 0; }

  .notification-fixed {
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0; }

  .user-nav-container.notifications {
    display: none; }

  .my-sidebar .menu {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
  .my-sidebar .sb-nav-container {
    margin-top: 0; }

  .my-header .user-nav-container .user-nav-row {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    color: #40597C;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px; }
    .my-header .user-nav-container .user-nav-row > * {
      font-size: 16px;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 1px;
      text-align: center;
      color: #40597C;
      padding: 0;
      margin: 0;
      line-height: 50px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 11px; }
    .my-header .user-nav-container .user-nav-row i {
      position: absolute;
      left: 0;
      height: 50px;
      width: 50px;
      line-height: 50px;
      border-right: solid 1px #F1F6FB;
      background: #F9FBFC;
      font-size: 17px; }

  .user-nav-container.notifications .user-nav-title {
    padding-left: 10px;
    font-size: 15px;
    line-height: 50px; }

  .my-sidebar .sb-nav-container .sb-row {
    height: auto;
    border-bottom: solid 1px #EDF1F5; }
    .my-sidebar .sb-nav-container .sb-row a, .my-sidebar .sb-nav-container .sb-row button, .my-sidebar .sb-nav-container .sb-row > div {
      line-height: 60px;
      height: 60PX; }
    .my-sidebar .sb-nav-container .sb-row a div.text, .my-sidebar .sb-nav-container .sb-row > div div.text, .my-sidebar .sb-nav-container .sb-row button div.text {
      line-height: 60px;
      font-size: 15px;
      text-transform: uppercase;
      font-size: 10px;
      letter-spacing: 2px; }

  .my-header .nav li a.fixed-notification {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    color: #102139;
    font-weight: 400;
    border-top: solid 1px #EEEEEE;
    font-size: 14px;
    line-height: 45px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
    background: white; }

  .my-sidebar:not(.active) .sb-teams-drop-down.active {
    display: none; }
  .my-sidebar .sb-nav-container .sb-row a.active ~ .sb-sub-row a {
    display: block;
    position: relative;
    height: initial;
    border-top: solid 1px rgba(237, 241, 245, 0.64);
    padding-left: 10px;
    height: auto; }
  .my-sidebar .sb-nav-container .sb-row .sb-sub-row .text31 {
    line-height: 40px;
    height: 40px; }
  .my-sidebar .sb-nav-container .sb-row a.active ~ .sb-sub-row {
    padding-left: 0;
    height: auto; } }
.ut-user-card {
  margin: auto;
  width: 100%;
  position: relative;
  background: white;
  /* border-radius: 10px 10px 400px 400px; */
  padding-bottom: 30px;
  box-shadow: -4px 20px 20px 0px rgba(0, 0, 0, 0.3);
  background: #FFFFFF;
  background: #F0C482;
  background: -webkit-radial-gradient(white, #EDF1F5);
  background: radial-gradient(white, #EDF1F5);
  padding-bottom: 0;
  border-radius: 5px; }

#venues-switch-view .input-group .radio-button-group label span i {
  font-size: 13px;
  line-height: 40px;
  display: table-cell;
  background: rgba(237, 241, 245, 0.3);
  width: 40px; }
#venues-switch-view .input-group .radio-button-group input:checked ~ .radio-overlay {
  background: #4CAF50; }

.first-step-header {
  /* background: #1D3B64; */
  /* background: -webkit-linear-gradient(135deg, #1D3B64, #3D6FB3); */
  /* background: linear-gradient(135deg, #1D3B64, #3D6FB3); */
  position: relative;
  /* padding: 200px 0; */
  /* background: #132338; */
  /* background: linear-gradient(to right, #1D3B64, #111F31); */
  /* background: linear-gradient(45deg, #1D3B64, #1d3b64); */
  background-image: url("../../images/ultimate/SpotfieldsvsUnsplash-9.jpg");
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-position: center;
  /* min-height: fit-content; */
  display: flex;
  align-items: center;
  min-height: 100vh !important;
  position: relative;
  height: auto !important; }
  .first-step-header .vegas-wrapper {
    display: flex;
    align-items: center; }

.first-step-number {
  display: inline-block;
  color: white;
  margin: 0 10px;
  width: 200px;
  vertical-align: top;
  margin-bottom: 30px; }
  .first-step-number span {
    display: block;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px; }

.first-step-logo img {
  height: 70px;
  display: none; }

.first-step-header h1 {
  color: white;
  font-size: 45px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  margin-top: 30px;
  margin-bottom: 30px; }
.first-step-header h2 {
  color: white;
  font-weight: 300;
  font-size: 35px;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  margin: 30px 0; }
  .first-step-header h2 b {
    color: #FDBF08; }
.first-step-header h4 {
  color: #EDF1F5;
  margin-top: 30px;
  font-size: 33px;
  margin-bottom: 30px; }

.first-step-benefits {
  table-layout: fixed;
  display: table;
  width: 100%; }

.first-step-header .cta, .first-step-promises .cta {
  margin-top: 40px; }

.first-step-header .cta button, .first-step-promises .cta button {
  font-size: 30px;
  padding: 15px 40px; }

.first-step-content {
  position: relative;
  z-index: 10; }
  .first-step-content .steps-indication {
    margin: 100px 0; }
  .first-step-content h3 {
    font-size: 70px;
    color: #22426E;
    letter-spacing: 6px;
    margin-bottom: 30px;
    line-height: 80px; }
    .first-step-content h3 span {
      display: block;
      color: #6E8198; }
  .first-step-content h4 {
    font-size: 29px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #C6D8EA;
    margin-top: 20px;
    margin-bottom: 20px; }
    .first-step-content h4 b {
      color: #22426E;
      text-shadow: none;
      font-weight: 900; }

.first-step-proof {
  transform: rotate(7deg);
  padding: 20px 0;
  padding-bottom: 0;
  left: -33px;
  width: 120%;
  position: relative;
  background: #132338;
  background: linear-gradient(to right, #1D3B64, #111F31);
  background: linear-gradient(to right, #1D3B64, #111F31);
  /* box-shadow: 0px -8px 20px 7px rgba(0, 0, 0, 0.2); */ }

.first-step-images {
  transform: rotate(7deg);
  padding: 20px 0;
  left: -30px;
  width: 120%;
  position: relative;
  background: #132338;
  background: linear-gradient(to right, #1D3B64, #111F31);
  background: linear-gradient(to right, #1D3B64, #111F31);
  /* box-shadow : 0px -8px 20px 7px rgba(0, 0, 0, 0.2); */ }

.first-step-promises .promise h4 {
  text-align: left;
  font-weight: 900;
  font-size: 19px;
  text-transform: uppercase;
  font-size: 18px;
  color: #193254;
  padding-left: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px; }

.first-step-images .first-step-images-wrapper {
  height: 300px;
  width: 100%;
  white-space: nowrap;
  padding-right: 200px;
  overflow-x: scroll; }

.first-step-footer {
  position: relative; }
  .first-step-footer .container {
    z-index: 10; }
  .first-step-footer:before {
    content: '';
    width: 128%;
    background: white;
    height: 400px;
    position: absolute;
    left: -42px;
    top: 0;
    z-index: 2;
    background: linear-gradient(#FDBF08, #FFFFFF);
    transform: rotate(7deg);
    box-shadow: inset 0px 14px 20px rgba(0, 0, 0, 0.2);
    background: #1D3B64;
    background: -webkit-linear-gradient(45deg, #1D3B64, #3D6FB3);
    background: linear-gradient(45deg, #1D3B64, #3D6FB3); }
  .first-step-footer .footer-wrapper .footer-logo {
    text-align: left; }
  .first-step-footer .footer-wrapper .footer-social {
    text-align: left;
    padding-left: 10px;
    margin-top: 20px; }
    .first-step-footer .footer-wrapper .footer-social a {
      display: inline-block;
      font-size: 26px;
      width: 60px;
      text-align: center;
      line-height: 60px;
      color: white;
      margin: 0 5px;
      border-radius: 100%;
      background: #2E568D;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.34); }
      .first-step-footer .footer-wrapper .footer-social a.instagram-icon {
        background: radial-gradient(circle farthest-corner at 35% 90%, #FEC564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #FEC564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258CF, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258CF, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893DC2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893DC2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #D9317A, transparent), linear-gradient(#6559CA, #BC318F 30%, #E33F5F 50%, #F77638 70%, #FEC66D 100%); }
      .first-step-footer .footer-wrapper .footer-social a.facebook-icon {
        background-color: #2B4170;
        background: -moz-linear-gradient(top, #3B5998, #2B4170);
        background: -ms-linear-gradient(top, #3B5998, #2B4170);
        background: -webkit-linear-gradient(top, #3B5998, #2B4170); }
      .first-step-footer .footer-wrapper .footer-social a.twitter-icon {
        background-color: #00ACED; }
  .first-step-footer .footer-wrapper .footer-menus {
    text-align: left;
    margin-top: 0px; }
    .first-step-footer .footer-wrapper .footer-menus .menu {
      display: inline-block;
      color: #FFFFFF;
      font-size: 25px;
      text-transform: uppercase;
      font-weight: 900;
      margin: 0 15px;
      border-radius: 2px;
      letter-spacing: 2px;
      text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.17); }
      .first-step-footer .footer-wrapper .footer-menus .menu:hover {
        text-decoration: underline; }
  .first-step-footer .footer-wrapper .footer-logo img {
    width: 400px;
    background: #213E65;
    padding: 0 0px;
    background: #132338;
    background: linear-gradient(to right, #1D3B64, #111F31);
    background: linear-gradient(to right, #1D3B64, #111F31);
    /* box-shadow    : inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5); */
    border-radius: 2px;
    background: transparent; }

.first-step-promises {
  position: relative;
  padding: 50px 0; }
  .first-step-promises p {
    font-size: 13px;
    padding-left: 10px;
    color: #132640;
    line-height: 27px;
    /* line-height: 25px; */
    padding: 0 30px; }
  .first-step-promises .table {
    display: block !important;
    text-align: left; }
  .first-step-promises .promise img {
    left: 0;
    width: 40px;
    margin-left: 24px; }
  .first-step-promises h4.section-4-header {
    text-align: left;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 1px;
    color: #22426E; }

.first-step-images .first-step-images-wrapper .comment-container {
  height: 160px;
  display: flex;
  align-items: center;
  background: white;
  margin: 10px;
  padding: 10px;
  border-radius: 10px; }
.first-step-images .first-step-images-wrapper .fb-comment {
  display: flex;
  width: 100%;
  align-items: center; }
  .first-step-images .first-step-images-wrapper .fb-comment .img img {
    width: 80px;
    height: 80px;
    border-radius: 100%; }
  .first-step-images .first-step-images-wrapper .fb-comment .content {
    text-align: left;
    padding-left: 15px;
    padding: 0 15px; }
    .first-step-images .first-step-images-wrapper .fb-comment .content .name {
      text-align: left;
      font-size: 17px;
      color: #1d3b64; }
    .first-step-images .first-step-images-wrapper .fb-comment .content .rating {
      font-size: 20px;
      text-align: left;
      color: #fdbf08; }
    .first-step-images .first-step-images-wrapper .fb-comment .content .text {
      text-align: left;
      font-weight: 400;
      font-size: 12px;
      color: #1d3b64; }
      .first-step-images .first-step-images-wrapper .fb-comment .content .text.large {
        font-size: 25px; }
.first-step-images .first-step-images-wrapper .img img {
  height: 100%;
  border-radius: 1px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin: 0 1px; }

.first-step-benefits .first-step-benefit {
  display: table-cell;
  text-align: center; }
.first-step-benefits img {
  width: 90px;
  margin-bottom: 20px;
  padding: 4px; }

.first-step-header:after {
  content: '';
  width: 200%;
  background: #EDF1F5;
  height: 400px;
  position: absolute;
  left: -7%;
  bottom: -330px;
  z-index: 2;
  transform: rotate(7deg);
  box-shadow: 0px -13px 20px 1px rgba(0, 0, 0, 0.2); }

.first-step-benefits p {
  color: #F9FAFC;
  font-size: 14px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-weight: 900;
  letter-spacing: 1px;
  /* margin-top     : 15px; */
  text-transform: uppercase;
  height: 50px;
  width: 100%;
  padding: 0 20px;
  vertical-align: top; }

.first-step-proof h3 {
  font-size: 25px;
  text-align: center;
  color: #C6D8EA;
  margin-top: 20px;
  text-transform: none;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  padding: 0 10%; }
  .first-step-proof h3 b {
    color: #FDBF08; }
.first-step-proof .container {
  padding-bottom: 0 !important; }
.first-step-proof .first-step-numbers-number {
  display: block;
  font-size: 60px;
  font-weight: 900;
  line-height: 60px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.first-step-proof .first-step-numbers-label {
  font-weight: 300;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px; }

#venues-switch-view .input-group .radio-button-group input ~ .radio-overlay {
  background: transparent;
  box-shadow: none; }

.steps-container .step.closed {
  height: 50px;
  overflow: hidden;
  background: white;
  border-bottom: solid 1px #C4CBD6 !important;
  display: inline-block;
  position: relative;
  margin: 2px;
  width: 100%;
  padding-top: 15px; }
  .steps-container .step.closed:hover {
    background: rgba(255, 255, 255, 0.2); }
  .steps-container .step.closed .step-content {
    margin-bottom: 0; }
  .steps-container .step.closed .step-title {
    font-size: 18px; }
  .steps-container .step.closed .step-number {
    font-size: 10px; }
  .steps-container .step.closed .step-header {
    /* color : white; */ }
  .steps-container .step.closed .step-title {
    /* color : white; */ }
    .steps-container .step.closed .step-title .step-number {
      /* color : white; */ }

.ut-card-level {
  padding: 5px 10px; }

.ut-card-see-details {
  top: 0;
  left: 10px;
  background: white;
  padding: 7px;
  display: initial;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  border: solid 1px white;
  border-radius: 2px;
  transition: 1s;
  cursor: pointer; }
  .ut-card-see-details span {
    color: #224473; }
  .ut-card-see-details:not(.active) span:first-child {
    display: none; }
  .ut-card-see-details.active ~ .ut-card-stat, .ut-card-see-details.active span:last-child {
    display: none; }
  .ut-card-see-details:hover {
    background: rgba(255, 255, 255, 0.3);
    margin: auto; }
    .ut-card-see-details:hover span {
      color: white; }

.ut-card-button-submit {
  text-align: center;
  margin: 0 50px; }
  .ut-card-button-submit .block.trans-white {
    padding: 0;
    margin: 0;
    line-height: 60px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    background: #4CAF50;
    letter-spacing: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: white;
    font-size: 27px;
    border: none; }

.input-group label .info {
  border: none;
  height: 20px;
  width: 20px;
  line-height: 20px;
  top: -4px;
  margin: auto;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  position: relative;
  border-radius: 100%;
  margin-left: 5px;
  /* display: none; */
  right: auto; }

.ut-user-card-cover {
  border: solid 1px white;
  border-radius: 10px 10px 400px 400px;
  /* margin-top: 16px; */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap; }

.ut-user-card.maestro {
  background: #780206;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #061161, #780206);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #061161, #780206);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  margin: 0; }
.ut-user-card .ut-card-fb {
  margin-top: 10px; }
  .ut-user-card .ut-card-fb > p {
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    color: white;
    margin: 0;
    margin: 7px; }
  .ut-user-card .ut-card-fb a.my-btn.special.block {
    margin: 0;
    position: relative; }
  .ut-user-card .ut-card-fb a.my-btn.special.block span {
    line-height: 16px;
    font-size: 9px; }
    .ut-user-card .ut-card-fb a.my-btn.special.block span.icon {
      width: 30px;
      text-align: center;
      font-size: 16px; }
.ut-user-card .input-group label, .ut-user-card .ut-card-score-number, .ut-user-card .ut-card-score-label, .ut-user-card .ut-card-stat-chem .chemistry-name, .ut-user-card .ut-card-stat-label, .ut-user-card .ut-stat-score {
  color: white; }
.ut-user-card .input-group .radio-button-group label span {
  color: white; }
  .ut-user-card .input-group .radio-button-group label span:hover {
    font-size: larger; }

.ut-card-footer .ut-card-score {
  display: block;
  text-align: center;
  margin: auto;
  border: none; }

.ut-card-score-number {
  font-size: 50px; }

.ut-user-card .input-group .image-input .image-container img {
  height: 134px;
  width: 100%;
  border-radius: 2px;
  border: solid 1px rgba(255, 255, 255, 0.34); }
.ut-user-card .input-group .image-input span {
  border: none;
  color: white;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 2px;
  border: solid 1px white;
  width: 90px;
  margin-bottom: 15px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 9px;
  line-height: 24px;
  padding: 0 8px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ut-card-stat-chem .chemistry-name {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); }

.ut-user-card.advanced {
  background: #16222A;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3A6073, #16222A);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3A6073, #16222A);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.ut-user-card.intermediate {
  background: #182848;
  background: -webkit-linear-gradient(to right, #182848, #4B6CB7);
  background: linear-gradient(to right, #182848, #4B6CB7); }
.ut-user-card .input-group .radio-button-group input:checked ~ span {
  font-size: 18px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  text-decoration: underline; }
.ut-user-card .inline-input .input-group .radio-button-group input:checked ~ span {
  /* font-size:12px; */
  line-height: 34px; }
.ut-user-card .input-group .radio-button-group input:checked ~ span i {
  background: rgba(255, 255, 255, 0.26);
  border: solid 1px white;
  text-align: center;
  margin: auto;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%; }
.ut-user-card.beginner {
  background: #314755;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #26A0DA, #314755);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #26A0DA, #314755);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.ut-user-card .input-group > label {
  padding-left: 6px; }
.ut-user-card .input-group label {
  background: transparent !important;
  border: none; }
.ut-user-card .input-group .radio-button-group label {
  font-size: 13px;
  border: none; }
.ut-user-card .inline-input .input-group .radio-button-group label {
  font-size: 13px;
  height: 34px;
  line-height: 34px; }
.ut-user-card .input-group .radio-button-group.highlight > div {
  border: solid 1px #FCBE08; }

.step-content .successful-payment {
  text-align: left;
  text-transform: none;
  letter-spacing: 0px;
  font-weight: 300;
  font-size: 27px; }

.successful-payment i {
  display: inline-block;
  text-align: center; }

.ut-user-card .input-group .radio-button-group {
  background: transparent; }
  .ut-user-card .input-group .radio-button-group.error > div {
    border: solid 1px #FB2D3C; }
  .ut-user-card .input-group .radio-button-group > div {
    background: transparent; }
  .ut-user-card .input-group .radio-button-group input ~ .radio-overlay {
    border: none;
    background: transparent; }
    .ut-user-card .input-group .radio-button-group input ~ .radio-overlay:hover {
      background: none;
      box-shadow: none; }
  .ut-user-card .input-group .radio-button-group input:checked ~ .radio-overlay {
    box-shadow: none; }

.input-group span.info sup p {
  color: white;
  text-align: left;
  margin: 0;
  margin-bottom: 5px; }
.input-group span.info:hover sup {
  display: block; }
.input-group span.info sup {
  background: black;
  position: relative;
  line-height: 20px;
  margin-top: 7px;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  right: 180px;
  width: 200px;
  padding: 5px;
  display: none;
  text-transform: none;
  color: white;
  border-radius: 2px; }
.input-group span.info:hover sup {
  display: block; }
.input-group label span.info:hover sup {
  right: 0px;
  position: relative; }

.ut-user-card .fancy-input {
  border: solid 1px #EDF1F5;
  border-radius: 2px;
  background: transparent; }
  .ut-user-card .fancy-input > i {
    background: transparent !important;
    color: white;
    border: none !important; }

.input-group input.highlight {
  border: solid 1px #FCBE08 !important; }
  .input-group input.highlight .input-group input.highlight {
    color: #FCBE08; }
.input-group select.highlight {
  border: solid 1px #FCBE08 !important; }

.ut-user-card .input-group input, .ut-user-card .input-group select {
  border: solid 1px #EDF1F5;
  color: white;
  background: transparent !important;
  font-weight: 500;
  box-shadow: none; }
.ut-user-card .input-group input::placeholder, .ut-user-card .input-group select::placeholder {
  color: white;
  font-weight: 300; }
.ut-user-card .input-group .fancy-input input::placeholder, .ut-user-card .input-group .fancy-input select::placeholder {
  color: #EEEEEE; }
.ut-user-card .input-group .fancy-input input, .ut-user-card .input-group .fancy-input select {
  border: none;
  color: white;
  font-weight: 500; }

.ut-card-stat-chem-label {
  background: white;
  font-size: 10px;
  color: #1A2F51;
  border: none; }

.ut-card-title-section {
  display: table;
  width: 100%;
  z-index: 3;
  table-layout: fixed;
  padding-top: 15px;
  position: relative;
  border-radius: 10px 10px 0 0;
  background: rgba(255, 255, 255, 0.16);
  border-bottom: solid 1px white; }

.ut-card-stat-chem .img-container {
  display: inline-block;
  background: white;
  border-radius: 100%;
  box-shadow: inset 1px 1px 1px 1px #7B8699;
  padding: 10px; }

.my-header .logo {
  display: table-cell; }

.ut-card-stat-chem img {
  display: block;
  margin: auto;
  background: transparent; }

.venue-address {
  text-align: left;
  padding-left: 4px;
  font-size: 15px;
  height: auto;
  margin-top: 0;
  text-overflow: ellipsis;
  overflow: hidden; }
  .venue-address i {
    display: none; }
  .venue-address span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0px;
    padding-left: 6px;
    height: 16px;
    display: block;
    white-space: nowrap; }

.venue-name {
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  height: 30px;
  color: #1C3962; }

.step-subtitle {
  font-size: 12px;
  text-align: left;
  margin-bottom: 20px; }

.remodal h2 {
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #0b1625;
  text-align: center; }

.field-info-container > div {
  background: white;
  border: none;
  font-weight: 900;
  letter-spacing: 1px;
  color: #224473;
  font-size: 11px; }

.venues-selection {
  background: rgba(140, 158, 182, 0.37);
  height: 100px;
  padding-top: 30px; }
  .venues-selection label {
    position: absolute;
    top: 0;
    margin: 0;
    left: 10px;
    top: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px; }

.text-center {
  text-align: center !important; }

.input-group .image-input .image-container {
  padding: 0; }

.venues-selection #no-venue-selection {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }

.steps-container .step {
  /* margin-top : 30px; */ }

.ut-user-card .input-group span.info {
  background: white;
  color: #1D3B64;
  font-size: 13px;
  line-height: inherit; }

.bg-blue input[type='range'] {
  box-shadow: none !important; }

.ut-user-card .ut-card-avatar .input-group {
  padding: 0 5px; }

.ut-card-username h3 {
  font-size: 30px;
  color: white; }

input[name="postal_code"]::placeholder {
  text-transform: none; }

.venues-selector-wrapper .venues-wrapper {
  display: block;
  width: 100%;
  position: relative;
  vertical-align: top; }

.my-header .nav li a {
  font-size: 12px;
  padding: 0 10px;
  display: block;
  margin: 0 5px;
  line-height: 30px; }

.venues-container {
  height: 400px;
  overflow-x: scroll;
  padding-top: 50px;
  overflow-y: hidden;
  white-space: nowrap; }

.venues-selector-wrapper .venues-map-wrapper {
  display: none;
  width: 100%; }

.venue-container .field-info {
  border: none; }

.step-body > .av-selector-box {
  padding: 0 10px; }

.step .step-done {
  display: none; }
.step.closed .step-done {
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  color: white;
  margin: auto; }

#venues-switch-view {
  display: inline-block;
  margin: auto;
  text-align: center;
  margin-bottom: 30px; }
  #venues-switch-view .input-group .radio-button-group > div {
    border: none;
    width: auto; }
  #venues-switch-view .input-group .radio-button-group label {
    background: white !important; }
    #venues-switch-view .input-group .radio-button-group label:last-child {
      border-radius: 0 5px 5px 0; }
  #venues-switch-view .input-group .radio-button-group input:checked ~ span {
    /* color: black !important; */ }
  #venues-switch-view .input-group .radio-button-group label span {
    font-size: 20px;
    color: #224473;
    letter-spacing: 0;
    display: table;
    font-weight: 300;
    width: 100%; }
  #venues-switch-view .input-group .radio-button-group label b {
    display: table-cell;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0 60px;
    font-weight: 900; }
  #venues-switch-view > span i {
    display: inline-block;
    line-height: 34px;
    font-size: 20px; }
  #venues-switch-view > span:first-child {
    border-radius: 10px 0 0 10px;
    border-right: solid 1px #EDF1F5; }
  #venues-switch-view > span:last-child {
    border-radius: 0px 10px 10px 0px; }

.step.closed .step-done > i {
  margin-top: 10px;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  font-size: 13px;
  border-radius: 100%;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.21);
  background: #4CAF50;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); }

.gm-style-iw .venue-image img {
  width: 260px;
  /* position : absolute; */
  height: 100px;
  object-fit: cover; }

.gm-style .gm-style-iw {
  /* top: 0 !important; */
  /* right: 0 !important; */
  /* left: 0 !important; */ }

.venues-selector-wrapper .venues-map-wrapper {
  display: block;
  width: 100%; }
  .venues-selector-wrapper .venues-map-wrapper .venues-map {
    width: 100%;
    height: 400px; }

.venues-container .venue-box {
  display: inline-block;
  width: 300px;
  position: relative;
  /* padding: 10px; */
  border: solid 1px #EDF1F5; }

.venues-selector-wrapper {
  display: block;
  width: 100%;
  text-align: center; }

.venue-box.selected {
  border-bottom: solid 2px #FDBF08;
  /* box-shadow: 1px 1px 2px 3px rgba(0, 0, 0, 0.29); */
  /* border: none; */ }

.venue-image img {
  width: 100%;
  height: 200px;
  object-fit: cover; }

@media (max-width: 996px) {
  .steps-container .step.closed .step-title {
    font-size: 14px; }

  .step-title, .step-subtitle, .step-header {
    text-align: left !important; }

  .step-number {
    text-align: center;
    font-weight: 900;
    font-size: 15px;
    line-height: 25px;
    width: 25px;
    text-align: center; }

  .ut-user-card .input-group .radio-button-group input:checked ~ span i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 9px;
    padding: 0;
    margin: 0; }

  .venues-container {
    height: 200px;
    padding-top: 0; }

  .venues-selector-wrapper .venues-map-wrapper .venues-map {
    width: 100%;
    height: 200px; }

  .my-header .logo {
    display: none; }

  .ut-user-card .input-group .image-input span {
    width: 40%;
    display: inline-block; }
  .ut-user-card.creation .input-group .image-input .image-container img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: solid 1px rgba(237, 237, 237, 0.59); }

  #venues-switch-view {
    display: block;
    width: 100%; }

  .first-step-logo img {
    display: block;
    margin: auto; }

  #venues-switch-view .input-group .radio-button-group label {
    height: 25px;
    line-height: 25px; }
    #venues-switch-view .input-group .radio-button-group label span i {
      font-size: 10px;
      line-height: 35px;
      height: 35px;
      width: 35px; }
    #venues-switch-view .input-group .radio-button-group label span b {
      font-size: 12px;
      padding: 0; }

  .ut-user-card.creation .ut-card-stat-chem img {
    width: 60px;
    height: 60px; }

  .ut-card-title-section {
    display: flex;
    align-items: center; }

  #venues-switch-view .input-group .radio-button-group > div {
    width: 100%; }

  .ut-user-card.creation .ut-card-title-section .ut-card-avatar {
    padding-left: 5px;
    width: 60px;
    display: block;
    width: 100%;
    /* display: none; */ }

  .venues-selection {
    height: 80px; }

  .ut-user-card .input-group .radio-button-group input ~ span {
    font-size: 9px;
    text-overflow: ellipsis; }
  .ut-user-card .input-group .radio-button-group input:checked ~ span {
    font-size: 12px; }
  .ut-user-card.creation .ut-card-slider input {
    height: 50px; }
  .ut-user-card .ut-card-fb a.my-btn.special.block span {
    line-height: 22px;
    font-size: 9px;
    text-align: left;
    margin: 0;
    padding: 8px 0; }
    .ut-user-card .ut-card-fb a.my-btn.special.block span.icon {
      right: 0;
      font-size: 12px;
      width: 20px; }

  .ut-card-button-submit {
    margin: 0 10px; }
    .ut-card-button-submit .my-btn.block.trans-white {
      font-size: 20px;
      line-height: 50px; }

  .ut-user-card.creation .ut-card-footer .ut-card-score {
    display: block;
    margin: auto;
    border: none; }

  .av-selector-day-title {
    height: 30px;
    margin: 5px; }

  .input-group label:hover span.info sup, .input-group label:focus span.info sup, .input-group label:visited span.info sup {
    right: 0;
    position: relative;
    display: block; }
  .input-group input:focus ~ span.info sup {
    display: block;
    right: 175px; }

  .ut-user-card .input-group span.info {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    line-height: 20px; }

  .my-header .logo img {
    display: none; }

  .first-step-header {
    position: relative;
    padding-bottom: 100px;
    padding-top: 50px;
    padding: 50px 0 !important;
    background-position: 42% 44%;
    background-size: cover; }

  .first-step-content .steps-indication {
    margin: 20px 0;
    display: none; }
  .first-step-content h3 {
    font-size: 24px;
    letter-spacing: 0;
    margin-bottom: 15px;
    /* text-align: left; */ }
  .first-step-content h4 {
    font-size: 17px;
    padding-left: 5px;
    margin: 10px 0;
    font-weight: 900; }

  .first-step-number {
    display: inline-block;
    color: white;
    width: 100%;
    vertical-align: top;
    margin-top: 10px; }
    .first-step-number span {
      display: block;
      color: white;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 11px; }

  .first-step-logo img {
    width: 70%;
    height: auto;
    margin-top: 20px;
    max-width: 300px;
    display: none; }

  .first-step-header h1 {
    color: white;
    font-size: 28px;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); */
    margin-top: 10px;
    margin-bottom: 10px; }
  .first-step-header h2 {
    color: white;
    font-weight: 300;
    font-size: 16px;
    padding: 0 20px;
    display: none;
    line-height: 29px;
    letter-spacing: 0;
    text-align: justify;
    text-transform: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
  .first-step-header .cta button {
    font-size: 14px;
    padding: 15px 40px; }

  .first-step-promises .cta button {
    font-size: 14px;
    padding: 15px 40px; }

  .first-step-header h4, .first-step-promises h4 {
    color: #EDF1F5;
    margin-top: 30px;
    font-size: 22px;
    margin-bottom: 30px; }

  .first-step-benefits {
    display: block;
    width: 100%; }

  .first-step-content {
    position: relative;
    z-index: 10; }

  .first-step-images {
    transform: rotate(7deg);
    padding: 20px 0;
    left: -30px;
    width: 120%;
    position: relative;
    background: #132338;
    background: linear-gradient(to right, #1D3B64, #111F31);
    background: linear-gradient(to right, #1D3B64, #111F31); }

  .first-step-promises .promise h4 {
    text-align: left;
    font-weight: 900;
    font-size: 19px;
    text-transform: uppercase;
    font-size: 13px;
    color: #22426E;
    padding-left: 15px;
    letter-spacing: 1px;
    margin: 0; }
  .first-step-promises .promise p {
    padding-left: 16px;
    font-size: 13px;
    line-height: 22px; }

  .first-step-images .first-step-images-wrapper {
    height: 300px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll; }

  .first-step-footer {
    position: relative;
    padding-top: 20px; }
    .first-step-footer .container {
      z-index: 10; }
    .first-step-footer:before {
      content: '';
      width: 128%;
      background: white;
      height: 400px;
      position: absolute;
      left: -42px;
      top: 0;
      z-index: 2;
      background: linear-gradient(#FDBF08, #FFFFFF);
      transform: rotate(7deg);
      box-shadow: inset 0px 14px 20px rgba(0, 0, 0, 0.2);
      background: #1D3B64;
      background: -webkit-linear-gradient(45deg, #1D3B64, #3D6FB3);
      background: linear-gradient(45deg, #1D3B64, #3D6FB3); }
    .first-step-footer .footer-wrapper .footer-logo {
      text-align: left; }
    .first-step-footer .footer-wrapper .footer-social {
      text-align: left;
      padding-left: 10px;
      margin-top: 20px; }
      .first-step-footer .footer-wrapper .footer-social a {
        display: inline-block;
        font-size: 26px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        color: white;
        margin: 0 15px;
        border-radius: 100%;
        background: #2E568D;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.34); }
        .first-step-footer .footer-wrapper .footer-social a.instagram-icon {
          background: radial-gradient(circle farthest-corner at 35% 90%, #FEC564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #FEC564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258CF, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258CF, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893DC2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893DC2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #D9317A, transparent), linear-gradient(#6559CA, #BC318F 30%, #E33F5F 50%, #F77638 70%, #FEC66D 100%); }
        .first-step-footer .footer-wrapper .footer-social a.facebook-icon {
          background-color: #2B4170;
          background: -moz-linear-gradient(top, #3B5998, #2B4170);
          background: -ms-linear-gradient(top, #3B5998, #2B4170);
          background: -webkit-linear-gradient(top, #3B5998, #2B4170); }
        .first-step-footer .footer-wrapper .footer-social a.twitter-icon {
          background-color: #00ACED; }
    .first-step-footer .footer-wrapper .footer-menus {
      text-align: left;
      margin-top: 0px; }
      .first-step-footer .footer-wrapper .footer-menus .menu {
        display: inline-block;
        color: #FFFFFF;
        font-size: 26px;
        line-height: 46px;
        text-transform: uppercase;
        font-weight: 900;
        display: block;
        margin: 0 5px;
        border-radius: 2px;
        letter-spacing: 2px;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.17); }
    .first-step-footer .footer-wrapper .footer-logo img {
      width: 80%;
      background: #213E65;
      padding: 0 0px;
      background: #132338;
      background: linear-gradient(to right, #1D3B64, #111F31);
      background: linear-gradient(to right, #1D3B64, #111F31);
      /* box-shadow    : inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5); */
      border-radius: 2px;
      background: transparent; }

  .first-step-promises {
    position: relative;
    padding: 50px 0; }
    .first-step-promises .container {
      padding-bottom: 0 !important; }
    .first-step-promises p {
      font-size: 11px;
      padding-left: 10px;
      line-height: 20px; }
    .first-step-promises .table {
      display: block !important;
      text-align: left;
      margin: 0; }
    .first-step-promises .promise img {
      left: 0;
      width: 32px;
      margin-left: 10px; }
    .first-step-promises h4.section-4-header {
      text-align: left;
      font-weight: 900;
      text-transform: uppercase;
      font-size: 20px;
      letter-spacing: 1px;
      color: #22426E; }

  .first-step-images .first-step-images-wrapper .img {
    height: 100%;
    display: inline-block;
    padding: 2px 0; }
    .first-step-images .first-step-images-wrapper .img img {
      height: 100%;
      border-radius: 1px;
      box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
      margin: 0 1px; }

  .first-step-benefits .first-step-benefit {
    display: block;
    text-align: center; }
  .first-step-benefits img {
    width: 50px;
    margin-bottom: 12px; }

  .first-step-header:after {
    content: '';
    width: 128%;
    background: white;
    height: 400px;
    position: absolute;
    left: -42px;
    bottom: -300px;
    z-index: 2;
    background: linear-gradient(#EDF1F5, #FFFFFF);
    transform: rotate(7deg);
    box-shadow: 0px -13px 20px 1px rgba(0, 0, 0, 0.2); }

  .first-step-benefits p {
    color: #F9FAFC;
    font-size: 14px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: auto;
    width: 100%;
    padding: 0 20px;
    vertical-align: top;
    margin-bottom: 20px; }

  .first-step-content h3 span {
    display: inline-block; }

  .first-step-footer h3 {
    font-size: 12px;
    padding: 0 10px;
    text-align: center;
    display: none;
    color: #C6D8EA;
    margin-top: 20px;
    line-height: 27px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px; }

  .first-step-proof .first-step-numbers-number {
    display: block;
    font-size: 30px;
    font-weight: 900;
    line-height: 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
  .first-step-proof .first-step-numbers-label {
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px; }

  .header-container {
    display: flex;
    width: 100%;
    height: 50px !important; } }
section#middle .activity-header .container {
  padding: 0; }

.my-box-title.my-box-tabs .my-box-tab:only-child {
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 2px 2px 0 0;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 30px;
  font-weight: 900;
  color: #354F74;
  border-bottom: solid 1px #EDF1F6;
  width: 100%; }

.user-nav-container.notifications .notification-container .notification-body {
  color: #2F4868; }

.roster-players .box.team-sm.join-button-card .info.block {
  padding: 0;
  vertical-align: middle;
  width: 100% !important; }

.ut-team-challenge-card.team-card-lg.with-time.no-shadow.dashboard-card .small-card .ut-card-stats {
  width: 90%; }
  .ut-team-challenge-card.team-card-lg.with-time.no-shadow.dashboard-card .small-card .ut-card-stats .ut-card-row {
    margin: 15px 0; }
    .ut-team-challenge-card.team-card-lg.with-time.no-shadow.dashboard-card .small-card .ut-card-stats .ut-card-row .ut-card-stat-label {
      font-size: 30px;
      line-height: 40px; }
.ut-team-challenge-card.team-card-lg.with-time.no-shadow.dashboard-card .ut-card-row .ut-stat-score {
  font-size: 30px;
  line-height: 40px; }
.ut-team-challenge-card.team-card-lg.dashboard-card {
  margin: 0; }

.dashboard-card .ut-card-stat-chem img {
  width: 100px;
  height: 100px; }

.ut-user-game-stats {
  width: 100%;
  display: block; }
  .ut-user-game-stats .ut-user-game-stats-wrapper {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 20px 0; }
    .ut-user-game-stats .ut-user-game-stats-wrapper > div {
      display: table-cell;
      text-align: center;
      border-right: solid 1px rgba(255, 255, 255, 0.3); }
      .ut-user-game-stats .ut-user-game-stats-wrapper > div:last-child {
        border: none; }
      .ut-user-game-stats .ut-user-game-stats-wrapper > div > label {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 8px;
        color: white;
        margin-bottom: 0; }
      .ut-user-game-stats .ut-user-game-stats-wrapper > div > div {
        font-size: 40px;
        font-weight: 900;
        color: white;
        line-height: 40px; }

.my-carousel.small-carousel {
  padding: 0 20px; }
  .my-carousel.small-carousel .my-carousel-arrows .arrow i {
    font-size: 20px; }

.game-confirmed .vs {
  left: 50%;
  top: 50%;
  line-height: 30px;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #1D3B64; }

.box.game-sm.game-confirmed .teams {
  position: relative; }

.remodal-criteria-container h3 {
  margin: 0;
  color: white;
  font-weight: 400; }
.remodal-criteria-container p a {
  color: white;
  text-decoration: underline; }

.roster-players .indic .icon {
  padding: 2px; }
.roster-players .indic .text {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  text-transform: none;
  padding: 7px;
  letter-spacing: 0;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis; }

.indic .text {
  font-size: 10px; }
.indic .icon {
  padding: 20px; }
.indic .text a {
  color: white;
  text-decoration: underline;
  font-weight: 900; }
  .indic .text a.my-btn {
    text-decoration: none; }

.box.team-sm .image img {
  width: 100%;
  object-fit: cover;
  border-radius: 100%;
  width: 45px;
  box-shadow: none;
  height: 45px; }

.roster-players .box.team-sm .user-card-level {
  width: 60px !important;
  vertical-align: middle;
  display: block;
  padding: 5px 0;
  border-radius: 2px;
  background: #2d5894;
  box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.2); }
  .roster-players .box.team-sm .user-card-level > label {
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 7px;
    line-height: 7px;
    letter-spacing: 1px;
    margin-bottom: -5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    display: none; }
  .roster-players .box.team-sm .user-card-level > .user-card-level-score {
    font-size: 20px;
    line-height: 35px;
    font-weight: 900;
    margin-top: -2px;
    margin-bottom: -5px;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .roster-players .box.team-sm .user-card-level > .level-name {
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 7px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
.roster-players .box.team-sm.join-button-card {
  margin: 5px;
  border: none; }

#timer {
  text-align: center;
  display: block;
  height: 70px; }

button.my-btn.sm.show-map {
  display: inline-block;
  margin: 0;
  line-height: 15px;
  font-size: 8px;
  font-weight: 900;
  text-shadow: none;
  position: absolute;
  padding: 0;
  top: 0;
  right: 0;
  border-radius: 0;
  margin-bottom: 5px;
  letter-spacing: 0.5;
  background: #fdbf08;
  color: white; }

.box.info .team-capacity .venue-address {
  padding: 0 10px;
  margin: 10px 0;
  font-size: 13px;
  text-align: center; }
.box.info .info-cont h3 small {
  font-size: 10px;
  text-transform: none;
  letter-spacing: 0;
  color: #AAB5C5; }
.box.info .half {
  vertical-align: top; }

#request-challenge-button {
  display: block;
  width: 100%;
  background: #4CAF50; }

#request-market-button {
  margin-top: 50px; }

#request-challenge-button i {
  display: none; }

.box.panel .panel-header.ultimate .tab h3 {
  font-weight: 400;
  font-size: 10PX; }

#filter-sentence {
  border: 0; }

.ultimate-panel-body {
  position: relative;
  z-index: 10;
  box-shadow: 1px 1px 19px 1px rgba(0, 0, 0, 0.1);
  overflow: scroll; }

.box.panel .panel-header.ultimate .tab {
  border: none;
  background: white; }

.my-btn.red.x-sm {
  padding: 1px 10px;
  font-size: 9px;
  font-size: 8px;
  line-height: 14px; }

.venue-av-sm .venue-sm-stats {
  display: table;
  padding-left: 10px;
  table-layout: fixed; }

.box.panel .panel-header.ultimate .tab.active {
  border-bottom: none;
  background: transparent;
  box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.45);
  position: relative;
  height: 100%;
  background: #496081; }
.box.panel .panel-header.ultimate .tab:nth-child(2).active {
  border-bottom: none;
  background: transparent;
  box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.45);
  position: relative; }
.box.user-sm.venue-sm.venue-av-sm {
  background: transparent;
  box-shadow: none; }

.venue-av-sm .venue-sm-stats label {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  letter-spacing: 1px;
  margin: 0;
  font-size: 6px;
  text-overflow: ellipsis;
  padding: 0 5px;
  overflow: hidden;
  display: none; }
.venue-av-sm .venue-sm-append {
  text-align: left;
  position: absolute; }
  .venue-av-sm .venue-sm-append > div {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top; }
    .venue-av-sm .venue-sm-append > div > label {
      margin: 0;
      line-height: 8px;
      font-size: 7px;
      font-weight: 900;
      text-transform: uppercase;
      display: block;
      margin-top: 3px; }
    .venue-av-sm .venue-sm-append > div > span {
      display: block;
      line-height: 12px;
      font-weight: 500;
      font-size: 12px;
      color: #1D3B64; }
.venue-av-sm .venue-sm-stats > div {
  display: inline-block;
  font-weight: 900;
  font-size: 10px;
  text-align: center;
  border: solid 1px #CFD7E0;
  padding: 2px 2px;
  border-radius: 1px;
  margin: 0 2px;
  background: #EDF1F5; }
  .venue-av-sm .venue-sm-stats > div > div {
    text-transform: uppercase;
    font-size: 8px;
    color: #1D3B64;
    display: block;
    height: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 400; }

.box.user-sm.venue-sm.venue-av-sm {
  /* width: 400px; */
  margin: 10px 0;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
  margin: 10px 0;
  margin-bottom: 40px; }
  .box.user-sm.venue-sm.venue-av-sm .team-sm-info {
    padding: 0;
    background: #F9F9F9;
    background: -webkit-linear-gradient(to right, #26A0DA, #314755);
    background: linear-gradient(to right, #F9F9F9, #F9F9F9); }
    .box.user-sm.venue-sm.venue-av-sm .team-sm-info .table {
      width: 100%;
      margin: 0;
      table-layout: fixed; }
      .box.user-sm.venue-sm.venue-av-sm .team-sm-info .table > div {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        position: relative; }
      .box.user-sm.venue-sm.venue-av-sm .team-sm-info .table > .team-sm-rank-points {
        width: 60px;
        text-align: center;
        font-weight: 900;
        padding: 0;
        width: 80px;
        border-left: solid 1px #eeeeee; }
        .box.user-sm.venue-sm.venue-av-sm .team-sm-info .table > .team-sm-rank-points .team-sm-rank {
          display: block;
          font-weight: 900;
          text-transform: uppercase;
          font-size: 28px;
          text-align: center;
          line-height: 40px;
          color: #536B8A;
          line-height: 50px; }
          .box.user-sm.venue-sm.venue-av-sm .team-sm-info .table > .team-sm-rank-points .team-sm-rank > sup {
            font-size: 11px;
            top: 0;
            vertical-align: super;
            left: -6px;
            top: -2px; }
    .box.user-sm.venue-sm.venue-av-sm .team-sm-info .team-sm-points {
      display: inline-block;
      color: #536B8A;
      text-transform: uppercase;
      background: white;
      padding: 0 5px;
      border-radius: 2px;
      margin-bottom: 5px;
      right: 0;
      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 50%;
      margin-right: 5px;
      transform: translate(0, -50%); }
    .box.user-sm.venue-sm.venue-av-sm .team-sm-info .table > .team-sm-rank-points .team-sm-points > sup {
      top: -2px; }
    .box.user-sm.venue-sm.venue-av-sm .team-sm-info .table > .team-sm-img {
      width: 40px;
      display: table-cell;
      text-align: center; }
    .box.user-sm.venue-sm.venue-av-sm .team-sm-info .team-sm-img img {
      width: 100%;
      border-radius: 100%;
      width: 30px;
      height: 30px;
      object-fit: cover;
      box-shadow: 1px 1px 9px 2px rgba(0, 0, 0, 0.11); }
    .box.user-sm.venue-sm.venue-av-sm .team-sm-info .team-sm-name-category > span {
      font-weight: 900;
      text-transform: uppercase;
      padding-left: 5px; }
      .box.user-sm.venue-sm.venue-av-sm .team-sm-info .team-sm-name-category > span.team-sm-name {
        display: block;
        text-align: left;
        font-size: 17px;
        line-height: 13px;
        letter-spacing: 1px;
        color: #1D3B64; }
      .box.user-sm.venue-sm.venue-av-sm .team-sm-info .team-sm-name-category > span.team-sm-category {
        font-size: 10px;
        color: #8E9DB2;
        letter-spacing: 1px; }
  .box.user-sm.venue-sm.venue-av-sm .user-sm-info {
    border-top: solid 1px #EEEEEE; }

.venue-av-sm .challenged-teams-count {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 900;
  padding: 0 2px;
  background: #1D3B64;
  width: 90px;
  box-shadow: inset 5px -1px 13px -5px rgba(0, 0, 0, 0.79); }
  .venue-av-sm .challenged-teams-count > sup {
    display: inline-block;
    line-height: 7px;
    vertical-align: initial;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 7px;
    padding-left: 5px;
    color: #FFFFFF;
    text-align: left; }
  .venue-av-sm .challenged-teams-count > span {
    font-size: 25px;
    display: inline-block;
    color: #EDF1F5; }
.venue-av-sm .venue-sm-name {
  padding-left: 9px;
  font-weight: 400;
  color: #2F4B70;
  font-size: 13px;
  line-height: 24px; }

.venue-sm .user-sm-img .team-rank {
  position: absolute;
  left: 0px;
  top: 5px;
  padding: 0 10px;
  background: #1D3B64;
  color: #EDF1F5;
  font-weight: 900;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }

.av-selector-legend {
  display: block;
  background: white;
  padding: 1px 10px;
  margin-bottom: 5px;
  text-align: left; }
  .av-selector-legend .av-legend-row {
    display: block;
    margin: 10px 5px; }
    .av-selector-legend .av-legend-row .av-legend-img {
      display: table-cell;
      vertical-align: middle;
      width: 40px;
      text-align: center; }
      .av-selector-legend .av-legend-row .av-legend-img .av-legend-day-selector {
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        color: #486081;
        font-size: 10px; }
    .av-selector-legend .av-legend-row .av-legend-hour-selector {
      border: solid 1px #EDF1F5;
      height: 20px;
      text-align: left; }
    .av-selector-legend .av-legend-row .av-legend-img .av-legend-av-selector {
      vertical-align: middle;
      text-transform: uppercase;
      font-size: 7px;
      font-weight: 900;
      letter-spacing: 2px;
      color: #90A2BA;
      border: solid 1px #EEEEEE;
      padding: 0 6px;
      line-height: 10px;
      margin: 0;
      width: 30px;
      border-radius: 10px;
      text-align: center;
      margin: 2px auto; }
    .av-selector-legend .av-legend-row .av-legend-label {
      display: table-cell;
      vertical-align: middle;
      font-size: 12px;
      line-height: 20px;
      padding-left: 10px; }
      .av-selector-legend .av-legend-row .av-legend-label p {
        color: #536B8A;
        line-height: 12px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 9px; }
        .av-selector-legend .av-legend-row .av-legend-label p small {
          display: block;
          color: #536B8A;
          text-transform: none;
          letter-spacing: 0;
          font-weight: 300;
          font-size: 9px;
          line-height: 10px; }
    .av-selector-legend .av-legend-row .av-legend-img .av-legend-user-img {
      border: solid 1px #EEEEEE;
      display: inline-block;
      font-size: 7px;
      color: #62B965;
      padding: 0px 5px;
      border-radius: 2px;
      font-weight: 900; }
  .av-selector-legend > p {
    padding: 5px;
    font-size: 13px;
    color: #1D3B64;
    font-weight: 300;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px; }

#filter-sentence-row.fullscreen-filter-sentence {
  margin-top: 20px;
  text-align: center; }
  #filter-sentence-row.fullscreen-filter-sentence h4 {
    color: #536B8A;
    line-height: 25px;
    font-size: 14px;
    padding-left: 20px;
    padding: 0;
    margin: 0; }
  #filter-sentence-row.fullscreen-filter-sentence #filter-sentence {
    border: none; }

.box.panel .panel-header.tabs.ultimate {
  display: table;
  width: 100%;
  padding: 0;
  table-layout: fixed;
  margin-bottom: 20px;
  background: none;
  border-bottom: solid 1px whitesmoke; }

#filter-sentence-row.fullscreen-filter-sentence #filter-sentence .filter-sentence {
  background: none;
  border: none;
  /* padding-left: 20px; */
  font-size: 30px;
  line-height: 60px; }
  #filter-sentence-row.fullscreen-filter-sentence #filter-sentence .filter-sentence input {
    text-align: center;
    width: 100px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: 900; }
  #filter-sentence-row.fullscreen-filter-sentence #filter-sentence .filter-sentence.time-sentence {
    /* padding-left: 70px; */ }

.input-group.not-translated input {
  border: solid 1px red !important; }

.my-btn.sm.translation-button {
  font-size: 8px;
  position: absolute;
  right: 6px;
  padding: 3px 4px;
  width: 90px;
  margin-top: 12px; }

.ut-user-card.small-card .ut-card-title-section {
  margin: 0;
  padding: 0;
  border-radius: 4px 4px 0 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
.ut-user-card.small-card .ut-card-score-label {
  font-size: 9px; }
.ut-user-card.small-card .ut-card-username .ut-card-first-name {
  font-size: 12px;
  line-height: 15px;
  margin-top: 10px; }
.ut-user-card.small-card .ut-card-username .ut-card-last-name {
  font-size: 21px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis; }
.ut-user-card.small-card .ut-card-score-number {
  font-size: 30px; }
.ut-user-card.small-card .ut-card-position {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  color: #EDF1F5;
  padding: 0; }

.ut-card-stat-chem img {
  width: 70px;
  height: 70px;
  margin: auto;
  background: none;
  padding: 10px; }

#middle h2.market-title {
  color: white;
  background: #1D3B64;
  margin: 10px 0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px; }

.box.info .half:first-child .info-cont.team-capacity > label {
  border-radius: 2px 0 0 0; }
.box.info .half:last-child .info-cont.team-capacity > label {
  border-radius: 0 2px 0 0px;
  border-left: solid 1px rgba(238, 238, 238, 0.32); }
.box.info .half:only-child .info-cont.team-capacity > label {
  border-radius: 2px 2px 0 0;
  border: none; }

.my-carousel-element {
  display: inline-flex;
  position: relative;
  transition: 1s;
  right: 0;
  opacity: 0; }
  .my-carousel-element .ut-team-challenge-card {
    width: 100%;
    margin: auto;
    max-width: 400px;
    cursor: not-allowed; }
  .my-carousel-element.active .ut-team-challenge-card.no-shadow {
    box-shadow: none; }
  .my-carousel-element .ut-team-challenge-card.default-card {
    background: #62B965;
    background: linear-gradient(45deg, #62B965, green);
    border-radius: 5px 5px 0 0;
    height: 273px;
    display: block;
    top: 0;
    margin: 0;
    vertical-align: middle;
    width: 100%;
    white-space: normal; }
    .my-carousel-element .ut-team-challenge-card.default-card > .table {
      height: 100%; }
    .my-carousel-element .ut-team-challenge-card.default-card .default-card-content {
      color: white;
      display: table-cell;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 21px;
      padding: 0 20px;
      line-height: 40px;
      margin: auto;
      vertical-align: middle;
      text-align: center; }
      .my-carousel-element .ut-team-challenge-card.default-card .default-card-content > span {
        color: white;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
        .my-carousel-element .ut-team-challenge-card.default-card .default-card-content > span.default-date, .my-carousel-element .ut-team-challenge-card.default-card .default-card-content > span.default-start {
          color: #FDBF08; }
  .my-carousel-element.active {
    opacity: 1; }

.my-carousel-wrapper {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  vertical-align: top;
  text-align: left; }

.invisible-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: black;
  white-space: nowrap;
  display: none;
  overflow: scroll;
  z-index: 10; }
  .invisible-wrapper .invisible-content {
    width: 1000%;
    height: 10px;
    background: linear-gradient(to right, yellow, blue); }

.roster-players .box.team-sm .image {
  width: 50px;
  vertical-align: middle;
  text-align: center; }

.game-header .team-container {
  display: table-cell;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  padding: 20px 0px;
  width: 50%; }

section#middle .game-header span.vs {
  color: #FFFFFF;
  font-weight: 900;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  font-size: 50px;
  display: block;
  text-transform: uppercase;
  line-height: 180px;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.roster-table .vs {
  color: #1d3b64;
  font-weight: 900;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 50px;
  display: block;
  text-transform: uppercase;
  line-height: 150px;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.warning-image {
  padding-right: 10px;
  padding-top: 3px;
  color: #FB2D3C;
  padding: 0 10px;
  font-size: 14px; }

.warning-image-2 {
  padding-right: 10px;
  padding-top: 3px;
  color: white;
  padding: 0 10px;
  font-size: 14px; }

section#middle .game-header .game-header-overlay {
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(45, 88, 148, 0.1);
  bottom: 0;
  top: 0; }

.box.info .info-cont > label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 0;
  color: #A5B0C1;
  background: #EDF1F5;
  line-height: 30px;
  box-shadow: inset 1px 1px 1px #D4D9DE; }

.ut-team-append {
  text-align: left; }
  .ut-team-append > div {
    text-align: left;
    display: inline-block;
    margin: 5px; }

.venue-av-sm .accept-challenge-button {
  display: block;
  width: 100%;
  padding: 0; }
  .venue-av-sm .accept-challenge-button > form > button {
    margin: 0;
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px; }

.ut-team-append > div > a {
  border: solid 1px;
  padding: 6px 5px;
  background: white;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  border-radius: 2px;
  color: #4CAF50; }
  .ut-team-append > div > a.received-challenges-button {
    color: #FDBF08; }
  .ut-team-append > div > a.sent-challenges-button {
    color: #536B8A; }

.competition-join-container h2 {
  font-size: 30px;
  font-weight: 900;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #224473; }

.box.team-sm.create-team {
  background: #4CAF50;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left;
  height: 95px;
  cursor: pointer; }
  .box.team-sm.create-team i {
    line-height: 95px; }
.box.team-sm a.name {
  height: 18px;
  line-height: 18px;
  font-weight: 900;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: -2px;
  /* overflow-y: hidden; */
  color: #183052;
  text-overflow: ellipsis;
  text-align: left;
  text-transform: none;
  /* width: 100; */
  white-space: nowrap;
  width: 98px;
  text-transform: capitalize;
  FONT-WEIGHT: 900; }

.roster-team-container .jersey-container > span {
  font-size: 9px;
  color: #224473;
  font-weight: 900;
  height: 30px;
  margin-right: 5px;
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle; }
.roster-team-container .jersey {
  width: 20px;
  height: 20px;
  border: solid 1px #EEEEEE;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%; }

#info h3.text-left, #join h3 {
  font-size: 18px;
  margin: 20px 0;
  line-height: 20px;
  overflow: hidden;
  height: 20px;
  text-overflow: ellipsis;
  padding-left: 5px;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: 900;
  padding: 0;
  color: #224473; }

.box.team-sm .capacity {
  font-weight: 500;
  text-transform: uppercase;
  color: white;
  text-align: left;
  display: inline-block;
  margin-top: 0;
  background: black;
  font-size: 8px;
  padding: 1px 5px;
  border-radius: 1px;
  vertical-align: middle;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .box.team-sm .capacity.goalkeeper {
    background: #1d3b64; }

.goalkeeper-bg, .goalie-bg {
  background: #1d3b64; }

.box.team-sm .capacity.goalie {
  background: #1d3b64; }
.box.team-sm .capacity.midfielder {
  background: #4caf50; }

.midfielder-bg {
  background: #4caf50; }

.box.team-sm .capacity.defender, .defender-bg, .defence-bg, .box.team-sm .capacity.defence {
  background: #fdbf07; }

.user-card-achievement-append {
  position: absolute;
  top: -4px;
  left: 0;
  font-size: 11px;
  z-index: 1000;
  background: #fdbf08;
  color: white;
  padding: 2px;
  text-transform: uppercase;
  border-radius: 2px; }
  .user-card-achievement-append span {
    color: white;
    font-weight: 500; }

.forward-bg {
  background: #2d5794; }

.box.team-sm .capacity.forward {
  background: #2d5794; }
.box.team-sm .info.block button, .box.team-sm .info.block a {
  width: 100%;
  position: relative;
  display: block;
  font-size: 8px;
  overflow: hidden;
  height: 30px;
  line-height: 45px;
  height: 45px;
  text-shadow: none;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 5px;
  margin: 7px 0;
  /* margin-bottom: 8px; */
  text-overflow: ellipsis;
  font-weight: 400; }

#missing-player-container {
  padding: 5px 10px;
  margin: auto;
  vertical-align: middle;
  height: 120px;
  background: #FFFFFF;
  border: none; }
  #missing-player-container > .indic {
    margin: 0; }
  #missing-player-container > hr {
    margin: 7px 0; }

.remodal.bg-transparent {
  background: transparent;
  color: white; }
  .remodal.bg-transparent h2 {
    color: white;
    font-weight: 900;
    letter-spacing: 2px; }
  .remodal.bg-transparent .remodal-close {
    color: white; }
    .remodal.bg-transparent .remodal-close:before {
      font-size: 40px; }

#missing-player-container > a.my-btn {
  line-height: 20px;
  text-align: center;
  padding: 10px 0 !important;
  font-size: 12px; }

.box.team-sm .capacity > button:disabled, .box.team-sm .capacity > button.disabled {
  background: #CCCCCC !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) !important;
  cursor: not-allowed;
  vertical-align: middle; }
.box.team-sm .capacity > button:disabled small, .box.team-sm .capacity > button.disabled small {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-top: 7px;
  font-size: 7px;
  letter-spacing: 1px; }
.box.team-sm.create-team .image {
  text-align: center;
  height: 95px;
  line-height: 95px;
  padding: 0;
  font-size: 30px; }
.box.team-sm.create-team .info {
  padding: 0;
  font-size: 15px; }

.time-container span {
  color: white;
  display: block;
  font-size: 50px;
  line-height: 50px; }

.countdown-container {
  display: block;
  text-align: center; }

.game-header .team-container a.team-name {
  color: white;
  font-size: 21px;
  text-transform: uppercase;
  padding-top: 5px;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  font-weight: 900;
  margin: auto; }

.time-container {
  margin: auto;
  margin-bottom: 20px;
  display: inline-block;
  padding: 10px;
  border: solid 1px white;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.first-step-header h2 {
  color: white;
  font-weight: 900;
  padding: 0 20px;
  font-size: 25px;
  display: block;
  line-height: 35px;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.9);
  text-align: center; }

.remodal .my-btn.special.block.social.facebook {
  background: #264775;
  color: white; }

.my-carousel-element.active {
  right: 0;
  display: inline-flex;
  vertical-align: top;
  padding: 5px; }

.team-card-lg .ut-team-card-team {
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  width: 100%;
  white-space: nowrap;
  letter-spacing: 2px;
  overflow: hidden;
  text-overflow: ellipsis; }

.box.info .info-cont.team-capacity {
  margin-top: 0;
  margin-bottom: 0; }

#filter-sentence p {
  text-align: left;
  background: 0;
  border: none;
  box-shadow: none; }

.invite-card-wrapper {
  padding: 5px 0px; }

#accept-challenge-button {
  margin: 0;
  width: 100%;
  line-height: 30px;
  border-radius: 0 0px 2px 2px;
  font-size: 20px; }

.market-request-box {
  width: 100%; }

.invite-card {
  padding: 5px;
  border: solid 1px #EEEEEE;
  border-radius: 2px;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  background: white; }

.customer-card {
  font-size: 12px;
  display: flex;
  background: white;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  align-items: center;
  width: 320px;
  max-width: 100%; }

.label-customer-card {
  font-size: 12px;
  color: #646e7b;
  text-align: left;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px; }
  .label-customer-card.blue {
    font-size: 12px;
    color: #1d3b64; }

.customer-card .img {
  width: 80px;
  flex: inherit;
  text-align: center; }
  .customer-card .img img {
    width: 40px; }
.customer-card > div {
  padding: 5px 10px;
  text-align: left;
  font-size: 14px;
  color: #1d3b64;
  font-weight: 400; }
  .customer-card > div .label {
    display: block;
    font-size: 10px;
    margin-bottom: 5px;
    color: #4d6281;
    text-align: left;
    padding: 0; }
.customer-card .expires {
  padding: 0px 10px; }
  .customer-card .expires .text {
    font-size: 10px;
    font-weight: 900; }
.customer-card .info {
  padding-right: 40px;
  flex: inherit;
  font-size: 10px;
  border-right: solid 1px #edf1f5;
  border-left: solid 1px #edf1f5; }

.invite-card-info {
  display: table;
  width: 100%;
  table-layout: fixed; }

.invite-card-image {
  width: 40px;
  display: table-cell;
  text-align: center; }

.invite-card-img {
  height: 30px;
  width: 30px;
  object-fit: cover;
  border-radius: 100%; }

.invite-card-name {
  display: table-cell;
  font-weight: 300;
  color: #1D3B64;
  text-align: left; }

.invite-card-date {
  display: table-cell;
  text-align: right;
  font-size: 11px;
  letter-spacing: 1px;
  color: #ABB6C6;
  font-weight: 500; }

.invite-card-request {
  font-size: 12px;
  padding: 10px;
  color: #486081;
  text-align: left; }

.invite-card-append {
  position: relative;
  width: 100%; }

.invite-card-append-box {
  display: inline-block;
  right: 0; }
  .invite-card-append-box.invite-card-append-button {
    display: inline-block;
    float: right; }

.indic .text h4, .indic .text h3, .indic .text h2, .indic .text h1, .indic .text p, .indic .text span {
  color: white !important; }

/****
VENUE CARD
 */
.venue-card {
  display: block;
  border-radius: 1px; }
  .venue-card .venue {
    display: flex;
    align-items: center;
    background: white;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .venue-card .img {
    text-align: center;
    padding: 10px 0;
    width: 90px; }
    .venue-card .img img {
      width: 70px;
      height: 70px;
      object-fit: cover;
      border-radius: 2px;
      box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); }
  .venue-card .venue .info {
    text-align: left; }
    .venue-card .venue .info .name {
      font-size: 17px;
      color: #1e3b63; }
    .venue-card .venue .info .address {
      color: #8e9db2;
      font-size: 10px;
      margin-top: -5px; }
  .venue-card .facility {
    display: flex;
    align-items: center;
    text-align: left;
    background: white;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative; }
    .venue-card .facility .img {
      text-align: center;
      padding: 5px 0;
      width: 90px;
      text-align: center; }
      .venue-card .facility .img img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 100%;
        margin: auto; }
    .venue-card .facility > .info {
      flex: 1; }
  .venue-card .venue .info {
    text-align: left; }
  .venue-card .facility .info .name {
    font-size: 16px;
    color: #1d3b64;
    margin-bottom: -3px; }
  .venue-card .facility .info .facility-name {
    font-size: 12px;
    color: #1d3b64;
    padding-left: 2px; }
  .venue-card .facility .info .characteristics {
    display: block;
    margin-top: -3px; }
    .venue-card .facility .info .characteristics > div {
      display: inline-block;
      font-size: 8px;
      padding: 2px 5px;
      margin: 2px;
      text-transform: uppercase;
      letter-spacing: 0px;
      font-weight: 900;
      color: white;
      background: #1d3b64;
      border-radius: 1px;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .venue-card .facility .info .price {
    color: #639b43;
    font-weight: 900;
    font-size: 20px;
    margin-left: 7px; }
  .venue-card .date {
    display: flex;
    align-items: stretch;
    color: #1d3b64;
    background: white;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
    .venue-card .date .day {
      flex: 1;
      text-align: center;
      padding-left: 20px;
      font-size: 20px;
      font-weight: 900;
      padding: 5px 0; }
      .venue-card .date .day .date-range {
        display: flex;
        width: 100%; }
        .venue-card .date .day .date-range > div {
          flex: 1;
          align-items: center; }
          .venue-card .date .day .date-range > div:last-child {
            background: #1e3b63;
            color: white;
            padding: 5px 0; }
    .venue-card .date .weekday {
      line-height: 30px; }
    .venue-card .date .full-day {
      font-size: 15px;
      margin-top: -2px;
      font-weight: 300; }
  .venue-card .time {
    flex: 1;
    font-size: 20px;
    font-weight: 900;
    background: #1d3b64;
    display: flex;
    align-items: center;
    text-align: center;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.3); }
    .venue-card .time > div > .label {
      text-transform: uppercase;
      display: block;
      font-weight: 500;
      font-size: 8px;
      line-height: 10px;
      margin-bottom: -5px; }
    .venue-card .time .start {
      color: white;
      flex: 1; }
    .venue-card .time .end {
      flex: 1;
      display: inline-block;
      color: white; }

.my-tabs.new {
  border: none;
  display: block;
  width: 100%; }
  .my-tabs.new ~ .my-tabs-content {
    position: relative;
    clear: both;
    content: "";
    display: block;
    width: 100%;
    left: 0;
    right: 0; }

.box.game-sm.game-confirmed {
  position: relative;
  width: 100%; }
  .box.game-sm.game-confirmed + .my-btn {
    text-align: center;
    position: absolute;
    left: 0; }

.team-card-lg .ut-card-team-ranking p {
  text-align: center !important;
  font-weight: 900 !important;
  font-size: 30px !IMPORTANT; }

.my-tabs.new ~ .my-tabs-content .my-tabs-loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(237, 241, 245, 0.52); }

.membership-widget {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  background: linear-gradient(to right, #fdc004, #f7c725, #fdc004);
  color: white;
  font-weight: 900;
  padding: 2px 5px;
  border-radius: 2px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  background: linear-gradient(to right, #fdc004, #f7c725, #fdc004);
  color: white;
  font-weight: 500;
  padding: 2px 5px;
  border-radius: 2px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); }
  .membership-widget.not-member {
    background: linear-gradient(to right, #a5adb6, #b5b1b1, #999999); }
  .membership-widget small {
    display: block;
    font-size: 7px; }
  .membership-widget:hover ~ .member-info {
    display: block; }

.member-info:hover {
  display: block; }

.membership-widget ~ .member-info {
  display: none;
  background: black;
  border-radius: 1px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 5px;
  position: absolute;
  z-index: 1000;
  border-radius: 2px;
  color: white; }
  .membership-widget ~ .member-info .info {
    display: flex;
    font-size: 10px;
    width: 150px; }
    .membership-widget ~ .member-info .info span {
      color: white;
      flex: 1;
      font-size: 10px; }

#subscription-balance {
  background: #2d5892;
  margin-top: 10px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin: 10px 10px;
  border-radius: 2px; }
  #subscription-balance .title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: white;
    display: inline-block; }
  #subscription-balance .total {
    font-size: 40px;
    font-weight: 900;
    color: white; }
  #subscription-balance .invited {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    background: #4bab4b;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
    color: white; }
  #subscription-balance .total sup {
    font-size: 20px;
    top: -15px; }

.user-admin-card {
  padding: 10px 0;
  display: flex;
  background: white;
  border-radius: 2px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  margin-bottom: 10px; }
  .user-admin-card .img {
    width: 70px; }
    .user-admin-card .img img {
      width: 60px;
      height: 60px;
      object-fit: cover;
      border-radius: 100%; }
  .user-admin-card .info {
    text-align: left; }
    .user-admin-card .info .name {
      font-size: 14px;
      line-height: 14px;
      color: #132845; }
    .user-admin-card .info .team {
      font-weight: 900;
      text-transform: uppercase;
      font-size: 12px;
      background: #1d3b64;
      color: white;
      padding: 5px;
      margin: 5px 0;
      border-radius: 2px;
      box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); }
      .user-admin-card .info .team img {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        margin: 5px 0;
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
        padding: 0;
        margin: 0 2px; }
    .user-admin-card .info .email {
      color: #3d5578;
      font-size: 10px; }

.my-tabs.new ~ .my-tabs-content .my-tabs-loader .my-tabs-loader-container {
  /* display: table; */
  width: 100%;
  height: 100%;
  padding-top: 50px; }
.my-tabs.new ~ .my-tabs-content .my-tabs-loader i {
  display: inline-block;
  vertical-align: middle;
  font-size: 70px;
  color: #1D3B64;
  margin: auto; }
.my-tabs.new .my-tabs-wrapper {
  display: table;
  width: 100%;
  table-layout: fixed; }

.notification-body .notification-body-header {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  color: white;
  font-weight: 900;
  background: #355F9B;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 8px;
  margin-bottom: 7px; }
  .notification-body .notification-body-header.game {
    background: #4CAF51; }

.my-tabs.new .my-tabs-wrapper .my-tab {
  display: table-cell;
  padding: 10px 0;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0;
  color: #4c6689;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  transition: 0.5s; }
  .my-tabs.new .my-tabs-wrapper .my-tab i {
    display: block;
    margin-bottom: 5px; }
  .my-tabs.new .my-tabs-wrapper .my-tab.active, .my-tabs.new .my-tabs-wrapper .my-tab:hover {
    font-weight: 900;
    color: #1E3C65;
    font-size: 12px;
    text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2); }
  .my-tabs.new .my-tabs-wrapper .my-tab .my-tabs-alert {
    background: red;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    position: absolute;
    border-radius: 100%;
    color: white;
    left: 50%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    top: 2px;
    margin-left: 10px;
    box-shadow: 0px 0px 0px 1px white; }

.invite-card-append-label {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 900;
  color: #92A0B4; }

.invite-card-append-text {
  font-size: 11px;
  line-height: 14px;
  color: #576D8C; }

.ut-team-challenge-card {
  background: white;
  border-radius: 2px;
  border: solid 1px #EEEEEE;
  margin: 10px 0px;
  text-align: left;
  width: 100%;
  outline: none;
  position: relative;
  display: block;
  border-radius: 20px 20px 0 0;
  margin: 10px;
  cursor: pointer;
  transition: 1s; }

.ut-card-wrapper {
  display: block; }

#request-challenge-button b {
  font-weight: 900; }

@media (max-width: 996px) {
  .box.team-sm .info.block button, .box.team-sm .info.block a {
    width: 100%;
    position: relative;
    display: block;
    font-size: 7px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    text-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 5px;
    text-overflow: ellipsis;
    font-weight: 400;
    margin: 2px 0;
    margin-bottom: 5px; }

  .roster-players .box.team-sm .user-card-level > .level-name {
    display: none; }

  #request-challenge-button {
    width: 100%;
    padding: 20px 0px;
    font-size: 10px; }

  .roster-players .box.team-sm .user-card-level > label {
    display: none; }

  .ut-dashboard-team-container .switch-team > button {
    width: 47%;
    display: inline-block; }

  #request-challenge-button b {
    color: #FDBF08;
    font-weight: 900;
    font-size: 20px;
    line-height: 10px; }

  #timer {
    text-align: center;
    display: block;
    height: 80px;
    padding: 0;
    margin: 0; }

  .user-card-achievement-append {
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 8px;
    z-index: 1000;
    background: #fdbf08;
    color: white;
    padding: 2px;
    text-transform: uppercase;
    border-radius: 2px; }
    .user-card-achievement-append span {
      color: white;
      font-weight: 500; }

  .competition-join-container h2 {
    font-size: 30px;
    text-align: center; }

  .game-header .team-container img.team-image {
    height: 70px;
    width: 70px; }

  h2.market-title {
    font-size: 15px;
    font-weight: 900;
    padding: 0 10px;
    text-align: left;
    line-height: 20px;
    color: #4B6383; }

  .my-btn.lg {
    font-weight: 900;
    font-size: 20px;
    padding: 15px 20px;
    line-height: 25px; }

  .box.info .half:last-child .info-cont.team-capacity > label, .box.info .half:only-child .info-cont.team-capacity > label, .box.info .half:first-child .info-cont.team-capacity > label {
    border-radius: none; }

  .ut-user-game-stats .ut-user-game-stats-wrapper > div > div {
    font-size: 30px; }

  section#middle .game-header span.vs {
    color: #FFFFFF;
    font-weight: 900;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    font-size: 30px;
    display: block;
    text-transform: uppercase;
    line-height: 117px;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

  #filter-sentence-row.fullscreen-filter-sentence h4 {
    text-align: center;
    margin: 0; }

  .warning-container {
    font-size: 12px;
    font-weight: 900;
    color: white;
    display: flex;
    /* padding-left: 45px; */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    width: 100%; }

  .roster-players .box.team-sm .image img {
    width: 20px;
    max-width: 20px;
    height: 20px;
    max-height: 20px;
    overflow: hidden; }

  .indic .text {
    font-size: 10px;
    line-height: 15px;
    padding: 5px; }

  #missing-player-container {
    padding: 0; }

  .roster-table .vs {
    color: #ffffff;
    font-weight: 900;
    font-size: 30px;
    display: block;
    text-transform: uppercase;
    line-height: 123px;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

  .warning-image {
    padding-right: 10px;
    padding-top: 3px;
    color: #FB2D3C;
    background: rgba(237, 241, 245, 0);
    padding: 0 10px;
    font-size: 14px; }

  .venue-av-sm .venue-sm-date > .date, .venue-av-sm .venue-sm-date > .time {
    font-size: 9px;
    line-height: 24px; }

  .game-header .team-container a.team-name {
    color: white;
    font-size: 18px;
    height: auto;
    text-transform: uppercase;
    padding-top: 5px;
    letter-spacing: 1px;
    height: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ELLIPSIS;
    display: block;
    width: 90%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    font-weight: 900;
    margin: auto; }

  .ut-dashboard-team-box .ut-box-team-img {
    width: 50px; }

  #filter-sentence-row + .row {
    margin-top: 0; }

  #filter-sentence {
    left: 0;
    top: 0;
    padding: 2px;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
    /* box-shadow: none; */ }

  .roster-players .box.team-sm .user-card-level {
    /* display: none; */
    width: 30px !important; }
    .roster-players .box.team-sm .user-card-level > .user-card-level-score {
      font-size: 12px;
      padding: 0px;
      margin: 0;
      line-height: 15px; }

  .venue-av-sm.venue-sm .user-sm-img img {
    width: 60px;
    height: 70px; }

  #filter-sentence p {
    font-size: 16px;
    padding: 0;
    line-height: 24px;
    padding: 5px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 20px;
    letter-spacing: 1px;
    background: transparent;
    margin: 0; }

  #filter-sentence-row.fullscreen-filter-sentence #filter-sentence .filter-sentence {
    font-size: 17px;
    line-height: 30px; }

  .venue-av-sm .challenged-teams-count {
    width: 60px; }
    .venue-av-sm .challenged-teams-count span {
      font-size: 20px; }
  .venue-av-sm .venue-sm-name {
    padding: 0;
    font-size: 10px;
    line-height: 14px;
    width: 100%;
    overflow: hidden;
    height: 25px;
    padding-left: 5px;
    line-height: 25px;
    text-transform: none;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block; }

  .roster-players .indic .icon {
    vertical-align: middle;
    font-size: 15px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0;
    height: 30px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
    .roster-players .indic .icon i {
      line-height: 30px; }

  .venue-av-sm .challenged-teams-count > sup {
    display: block;
    text-align: center;
    padding: 0;
    font-size: 5px; }

  #filter-sentence select {
    line-height: 30px !important;
    padding: 0;
    height: 50px;
    padding-right: 20px;
    padding-left: 5px;
    margin: 8px;
    display: block;
    margin: auto;
    font-size: 15px;
    text-transform: unset;
    font-weight: 900;
    padding-right: 30px;
    padding-left: 0;
    width: 100%;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin: auto; }

  #missing-player-container > a.my-btn {
    line-height: 20px;
    text-align: center;
    padding: 5px 0 !important;
    font-size: 7px; }

  #filter-sentence button {
    /* width   : 62px; */
    /* display : none; */ }
    #filter-sentence button *:not(i) {
      display: none; }

  .bg-grey h2 {
    font-size: 15px;
    line-height: 15px; }

  .box.team-sm .capacity > button {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 52px;
    margin: 0;
    line-height: 30px;
    font-size: 11px;
    letter-spacing: 0;
    white-space: auto;
    padding: 0;
    text-overflow: ellipsis; }

  .my-tabs.new .my-tabs-wrapper .my-tab {
    font-size: 6px;
    /* background: white; */
    border-right: solid 1px #EEEEEE;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis; }
    .my-tabs.new .my-tabs-wrapper .my-tab.active, .my-tabs.new .my-tabs-wrapper .my-tab:hover {
      font-size: 7px;
      /* background: #1D3B64; */
      color: #1D3B64;
      text-decoration: none;
      font-size: 7px; }
    .my-tabs.new .my-tabs-wrapper .my-tab i {
      display: block;
      font-size: 11px;
      margin-bottom: 5px; }

  .roster-players .indic .text {
    font-size: 10px;
    line-height: 15px;
    text-transform: none;
    padding: 5px;
    padding-top: 0;
    letter-spacing: 0;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    white-space: normal;
    display: block; }

  .time-container {
    height: auto;
    margin-bottom: 20px; }

  .box.team-sm a.name {
    height: 20px;
    font-size: 11px;
    color: #3E5A80;
    font-weight: 900;
    position: relative;
    text-transform: none;
    text-align: left;
    line-height: 20px;
    padding-right: 10px;
    white-space: normal;
    letter-spacing: 0;
    display: block;
    margin-bottom: -5px; }

  .roster-players .box.team-sm {
    /* border: solid 1px #F1F0F0; */
    /* box-shadow: 1px 1px 1px #EEEEEE; */
    display: block;
    position: relative;
    padding: 0; }

  .box.team-sm .capacity {
    font-size: 6px;
    line-height: 8px;
    margin-top: -7px; }

  .roster-players .box.team-sm .price {
    display: block;
    position: relative;
    line-height: 20px;
    font-weight: 900;
    font-size: 10px;
    display: block;
    width: 100%;
    display: none; }

  #pay-for-friend {
    display: table-cell;
    width: 150px;
    background: linear-gradient(to right, #4CAF50, #73C177);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    font-size: 12px;
    cursor: pointer;
    box-shadow: 1px 0px 2px 1px #7A8798; }

  .venue-av-sm .accept-challenge-button {
    display: table-cell;
    padding: 0;
    width: 50px; }

  .venue-av-sm .accept-challenge-button > form > button {
    margin: 0;
    display: block;
    height: 76px;
    width: 100%;
    font-size: 12px; }

  .roster-players .box.team-sm .table {
    display: flex !important;
    align-items: center;
    overflow: hidden;
    padding: 0 5px; }

  .my-header li .user-nav-title > a {
    padding: 15px; }

  .my-sidebar .sb-teams-drop-down {
    position: relative;
    z-index: 10;
    background: #2D5894;
    width: 100%;
    height: 0;
    display: none;
    overflow-y: scroll; }

  .customer-card .img {
    width: 50px;
    flex: inherit;
    text-align: center; }
    .customer-card .img img {
      width: 25px; }
  .customer-card > div {
    padding: 5px 10px;
    text-align: left;
    font-size: 14px;
    color: #1d3b64;
    font-weight: 400; }
    .customer-card > div .label {
      display: block;
      font-size: 10px;
      margin-bottom: 5px;
      color: #4d6281;
      text-align: left;
      padding: 0; }
  .customer-card .expires {
    padding: 0px 10px; }
  .customer-card .info {
    max-width: 200px;
    padding-right: 40px;
    flex: inherit;
    border-right: solid 1px #edf1f5;
    border-left: solid 1px #edf1f5; }

  /****
  VENUE CARD
   */
  .venue-card {
    display: block;
    border-radius: 1px; }
    .venue-card .venue {
      display: flex;
      align-items: center;
      background: white;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
      margin-bottom: 5px; }
    .venue-card .img {
      text-align: center;
      padding: 10px 0;
      width: 80px; }
      .venue-card .img img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 2px; }
    .venue-card .venue .info {
      text-align: left; }
      .venue-card .venue .info .name {
        font-size: 15px;
        color: #1e3b63; }
      .venue-card .venue .info .address {
        color: #8e9db2;
        font-size: 8px;
        margin-top: 0; }
    .venue-card .facility {
      display: flex;
      align-items: center;
      text-align: left;
      position: relative;
      background: white;
      margin-bottom: 5px;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
      .venue-card .facility .img {
        text-align: center;
        width: 70px;
        min-height: 70px;
        padding: 10px 0; }

  .indic .icon {
    padding: 15px; }

  .venue-card .facility .img img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%; }
  .venue-card .venue .info {
    text-align: left; }
  .venue-card .facility .info .name {
    font-size: 16px;
    color: #1d3b64; }
  .venue-card .facility .info .facility-name {
    font-size: 12px;
    color: #1d3b64; }
  .venue-card .facility .info .characteristics {
    display: block;
    margin-top: -4px; }
    .venue-card .facility .info .characteristics > div {
      display: inline-block;
      font-size: 8px;
      padding: 2px 5px;
      margin: 2px;
      text-transform: uppercase;
      letter-spacing: 0px;
      font-weight: 600;
      color: white;
      background: #337ab7;
      border-radius: 1px;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .venue-card .facility .info .price {
    color: #639b43;
    font-weight: 900;
    font-size: 20px;
    margin-left: 7px; }
  .venue-card .date {
    display: flex;
    align-items: stretch;
    color: #1d3b64;
    background: white;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); }
    .venue-card .date .day {
      flex: 1;
      text-align: center;
      padding-left: 20px;
      font-size: 30px;
      font-weight: 900;
      padding: 10px 0;
      text-align: center; }
      .venue-card .date .day .date-range > div:first-child {
        border-right: solid 1px #bcc4d0; }
    .venue-card .date .weekday {
      font-size: 20px;
      line-height: 25px; }
    .venue-card .date .full-day {
      font-size: 16px;
      font-weight: 300; }
  .venue-card .time {
    flex: 1;
    font-size: 20px;
    font-weight: 900;
    background: #1d3b64;
    display: flex;
    align-items: center;
    text-align: center;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.3); }
    .venue-card .time > div > .label {
      text-transform: uppercase;
      display: block;
      font-weight: 300;
      font-size: 8px;
      line-height: 10px;
      margin-bottom: -10px; }
    .venue-card .time .start {
      color: white;
      flex: 1; }
    .venue-card .time .end {
      flex: 1;
      display: inline-block;
      color: white; }

  .bg-grey h1 small, .bg-grey h2 small, .bg-grey h3 small, .bg-grey h4 small, .bg-grey h5 small, .bg-grey strong small {
    display: block;
    line-height: 15px; } }

/*# sourceMappingURL=style.css.map */