@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
div#rt-top{
  background-color: #14303e;
  background-image: url(https://club.unifutbol.com/api/images/uf.background.header.jpg), url(../images/uf.background.header.jpg);
}
.api-uf-view{
  font-family: Helvetica, Arial, Sans-Serif;
  background-color: #14303e;
  background-image: url(https://club.unifutbol.com/api/images/uf.background.jpg),  url(../images/uf.background.jpg);
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}

div.module-content .api-uf-view.user-header{
  background: none;
}
.api-uf-view, .api-uf-view table tr  {
  color: #fff;
  text-shadow: 0 0 3px rgba(255,255,255,0.4);
  /*font-family: 'open-sans-light', sans-serif;*/
  font-size: 12px;
  padding: 10px;
  line-height: normal;
white-space: initial;
}

.api-uf-view body {
    margin: 0;
  }
  .api-uf-view a {
    background: 0 0;
  }
  .api-uf-view a:active, .api-uf-view a:hover {
    outline: 0;
  }
  .api-uf-view h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  .api-uf-view hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
  }
  .api-uf-view pre {
    overflow: auto;
  }
  .api-uf-view pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  .api-uf-view button, .api-uf-view input {
    color: inherit;
    font: inherit;
    margin: 0;
  }
  .api-uf-view button {
    overflow: visible;
  }
  .api-uf-view button {
    text-transform: none;
  }
  .api-uf-view button {
    -webkit-appearance: button;
    cursor: pointer;
  }
  .api-uf-view button::-moz-focus-inner, .api-uf-view input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .api-uf-view input {
    line-height: normal;
  }
  .api-uf-view input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
  }
  .api-uf-view table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .api-uf-view td, .api-uf-view th {
    padding: 0;
  }
  @media print {
    .api-uf-view * {
      text-shadow: none !important;
      color: #000 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    .api-uf-view a, .api-uf-view a:visited {
      text-decoration: underline;
    }
    .api-uf-view a[href]:after {
      content: " (" attr(href) ")";
    }
    .api-uf-view pre {
      border: 1px solid #999;
      page-break-inside: avoid;
    }
    .api-uf-view thead {
      display: table-header-group;
    }
    .api-uf-view tr {
      page-break-inside: avoid;
    }
    .api-uf-view h3 {
      orphans: 3;
      widows: 3;
    }
    .api-uf-view h3 {
      page-break-after: avoid;
    }
    .api-uf-view .table td, .api-uf-view .table th {
      background-color: #fff !important;
    }
    .api-uf-view .table {
      border-collapse: collapse !important;
    }
    .api-uf-view .table-bordered th, .api-uf-view .table-bordered td {
      border: 1px solid #ddd !important;
    }
  }
  .api-uf-view * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .api-uf-view :before, .api-uf-view :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .api-uf-view body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
  }
  .api-uf-view input, .api-uf-view button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  .api-uf-view a {
    text-decoration: none;
  }
  .api-uf-view a:not(.a-notification) {
    color: lightgoldenrodyellow;
  }
  .api-uf-view a.a-notification {
    color: white;
    text-decoration: none;
  }
  a.help-codes{
    cursor: pointer;
  }
  .api-uf-view a:hover, .api-uf-view a:focus {
    color: gold;
    text-decoration: underline;
  }
  .api-uf-view a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .api-uf-view hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  .api-uf-view h1, .api-uf-view h3{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
  }
  .api-uf-view h1, .api-uf-view h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .api-uf-view h1 {
    font-size: 36px;
  }
  .api-uf-view h3 {
    font-size: 24px;
  }
  .api-uf-view ul {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .api-uf-view ul ul {
    margin-bottom: 0;
  }
  .api-uf-view pre {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  }
  .api-uf-view pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .api-uf-view table {
    max-width: 100%;
    background-color: transparent;
  }
  .api-uf-view th {
    text-align: left;
  }
  .api-uf-view .table {
    width: 100%;
    margin-bottom: 20px;
  }
  .api-uf-view .table > thead > tr > th, .api-uf-view .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  .api-uf-view .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
  }
  .api-uf-view .table > thead:first-child > tr:first-child > th {
    border-top: 0;
  }
  .api-uf-view .table-bordered {
    border: 1px solid #ddd;
  }
  .api-uf-view .table-bordered > thead > tr > th, .api-uf-view .table-bordered > tbody > tr > td {
    border: 1px solid #ddd;
  }
  .api-uf-view .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
  }
  .api-uf-view .table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #f9f9f9;
  }
  .api-uf-view .table-hover > tbody > tr:hover > td {
    background-color: #f5f5f5;
  }
  @media (max-width: 767px) {
    .api-uf-view .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      overflow-x: scroll;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
      -webkit-overflow-scrolling: touch;
    }
    .api-uf-view .table-responsive > .table {
      margin-bottom: 0;
    }
    .api-uf-view .table-responsive > .table > thead > tr > th, .api-uf-view .table-responsive > .table > tbody > tr > td {
      white-space: nowrap;
    }
    .api-uf-view .table-responsive > .table-bordered {
      border: 0;
    }
    .api-uf-view .table-responsive > .table-bordered > thead > tr > th:first-child, .api-uf-view .table-responsive > .table-bordered > tbody > tr > td:first-child {
      border-left: 0;
    }
    .api-uf-view .table-responsive > .table-bordered > thead > tr > th:last-child, .api-uf-view .table-responsive > .table-bordered > tbody > tr > td:last-child {
      border-right: 0;
    }
    .api-uf-view .table-responsive > .table-bordered > tbody > tr:last-child > td {
      border-bottom: 0;
    }
  }
  .api-uf-view label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
  }
  .api-uf-view input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
  }
  .api-uf-view input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .api-uf-view .checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
  }
  .api-uf-view .checkbox label {
    display: inline;
    font-weight: 400;
    cursor: pointer;
  }
  .api-uf-view .checkbox input[type=checkbox] {
    float: left;
    margin-left: -20px;
  }
  @media (min-width: 768px) {
    .api-uf-view .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .api-uf-view .form-inline .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0;
      vertical-align: middle;
    }
    .api-uf-view .form-inline .checkbox input[type=checkbox] {
      float: none;
      margin-left: 0;
    }
  }
  .api-uf-view .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .api-uf-view .btn:focus, .api-uf-view .btn:active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .api-uf-view .btn:hover, .api-uf-view .btn:focus {
    color: #333;
    text-decoration: none;
  }
  .api-uf-view .btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .api-uf-view .btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
  }
  .api-uf-view .btn-primary:hover, .api-uf-view .btn-primary:focus, .api-uf-view .btn-primary:active {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
  }
  .api-uf-view .btn-primary:active {
    background-image: none;
    /*! CSS Used from: http://localhost/club.unifutbol.com/api/css/1-0-3/style.css?v=1.0.0 */
  }
  /*.api-uf-view ::selection {
    background: rgba(255, 255, 255, 0.1);
  }
  .api-uf-view ::-moz-selection {
    background: rgba(255, 255, 255, 0.1);
  }*/
  .api-uf-view * {
    /*border-radius: 0 !important;*/
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
  }
  .api-uf-view *:focus, .api-uf-view *:active {
    outline: none !important;
  }
  .api-uf-view body {
    height: 100%;
  }
  .api-uf-view body {
    font-family: 'open-sans-light', sans-serif;
    font-size: 12px;
  }
  .api-uf-view body, .api-uf-view button, .api-uf-view input, .api-uf-view .btn {
    -webkit-font-smoothing: antialiased;
  }
  .api-uf-view body, .api-uf-view input {
    color: #fff;
    /*background-color: lightsteelblue;*/
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.4);
  }

  .api-uf-view td b{
    color: antiquewhite;
  }
 
  .api-uf-view h1, .api-uf-view h3 , .api-uf-view .legend-after-title{
    font-family: 'open-sans-light', sans-serif !important;
    font-weight: normal;
  }
  .api-uf-view h1, .api-uf-view h3 {
    margin-top: 10px;
  }

  .api-uf-view h3 a,  .api-uf-view h3 span {
    text-transform: uppercase;
  }
  .api-uf-view h3 a {
    color: lightgoldenrodyellow;
  }

  .api-uf-view h3 span.ranking-time {
    text-transform: initial;
    font-size: 10px;
    color: lightgray;
    transform: translateY(1px);
    display: inline-block;
  }

  .api-uf-view a:hover, .api-uf-view a:focus, .api-uf-view td a:focus b {
    color: #FFD600;
    text-decoration: none;
  }
  .api-uf-view td a:hover b{
    color: orange;
  }
  .api-uf-view hr {
    margin: 0;
    float: left;
    width: 100%;
  }
  .api-uf-view .block-area {
    width: 100%;
    float: left;
  }
  .api-uf-view .tile {
    position: relative;
    margin-bottom: 15px;
  }
  .api-uf-view .table > thead > tr > th {
    font-weight: normal;
    padding: 5px 8px 6px;
    text-transform: uppercase;
    border-bottom: 0;
  }
  .api-uf-view .table td, .api-uf-view .table th {
    border-color: rgba(255, 255, 255, 0.05) !important;
  }
  .api-uf-view .table-bordered, .api-uf-view .table-responsive {
    border: 0;
  }
  .api-uf-view .table-bordered > tbody > tr > td, .api-uf-view .table-bordered > thead > tr > th {
    border-bottom: 0;
    border-left: 0;
    vertical-align: top;
  }
  .api-uf-view .table-bordered > tbody > tr > td:last-child, .api-uf-view .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .api-uf-view .table-striped > tbody > tr:nth-child(odd) > td {
    background: rgba(0, 0, 0, 0.2);
  }
  .api-uf-view .table-hover > tbody > tr:hover > td {
    background: rgba(255, 255, 255, 0.05) !important;
  }
  .api-uf-view .block-title span, .api-uf-view .block-title a{
    /*color: gold;*/
  }
  .api-uf-view .block-title.beside-title.first{
    margin-left: 20px !important;
  }
  .api-uf-view .block-title.beside-title{
    margin-left: 10px;
    border: 1px solid rgba(255,255,255,0.25);
    padding: 5px 10px !important;
  }
  .api-uf-view .block-title.uf-pagination{
    margin-left: 3px;
    border: 1px solid rgba(255,255,255,0.25);
    padding: 5px 10px !important;
    min-width: 35px;
    text-align: center;
  }
  .api-uf-view .uf-pagination-container{
    text-align: center;
  }
  .api-uf-view .block-title.beside-title.current,
  .api-uf-view .block-title.beside-title.disabled,
  .api-uf-view .block-title.uf-pagination.current,
  .api-uf-view .block-title.uf-pagination.disabled{
    opacity: 0.4;
  }

  .api-uf-view .block-title.uf-pagination.uf-pagination-total{
    float: right;
  }

  .api-uf-view .block-title, .api-uf-view .filter-and-sort, .api-uf-view .legend-after-title {
    background: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px 5px;
    display: inline-block;
    letter-spacing: 0.5px;
  }

  .api-uf-view .legend-after-title{
    width: 100%;
    margin-bottom: 10px;
    text-transform: inherit;
    font-weight: normal;
    line-height: 18px;
  }

  .api-uf-view .legend-after-title b{
    color: antiquewhite;
    font-size: 14px;
  }

  .api-uf-view .legend-after-title b.legend-after-title-b{
    color: inherit;
  }
  .api-uf-view .legend-after-title{
    background-color: rgba(191, 97, 16, 1);
  }
  
  img.achievement-icon{
    height: 12px;
    margin: 0 7px 0 0;
    transform: translateY(-1px);
  }

  .api-uf-view .filter-and-sort{
    float: right;
    margin-left: 3px;
    border: 1px solid rgba(255,255,255,0.25);
    padding: 5px !important;
    min-width: 35px;
    text-align: center;    
    margin-top: 10px;

    font-weight: normal;
    font-family: 'open-sans-light', sans-serif !important;
    text-transform: uppercase;
    display: flex;
  }

  .api-uf-view .filter-and-sort label{
    padding: 2px 0px 0px 0px !important;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-bottom: 0px !important;
  }

  .api-uf-view .filter-and-sort > *:not(.membership-required),
    .api-uf-view .filter-and-sort .membership-required > * {
    display: inline-block;
    white-space: nowrap;
  }
  .api-uf-view .filter-and-sort .select2-container{
    max-width: 200px;
    height: 20px !important;
    margin: 0px 5px 0px 0px;
  }
  .api-uf-view .filter-and-sort .select2-container:last-child{
    margin: 0px;
  }

  .api-uf-view .filter-and-sort .select2-container .select2-selection--single{
    height: 20px;
  }

  .api-uf-view .filter-and-sort .select2-container--default.select2-container--disabled .select2-selection--single{
    opacity: 0.75;
    cursor: pointer !important;
  }

  .api-uf-view .filter-and-sort .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0 15px 0 5px;
  }

  .api-uf-view .filter-and-sort.membership-required{
    opacity: 0.75;
  }
  .api-uf-view .filter-and-sort > i,
  .api-uf-view .filter-and-sort .membership-required > i
  {
    padding: 5px 4px 0 4px;
    opacity: 0.75;
    background-color: rgba(255, 255, 255, 0.25);
    font-size: 12px !important;
    color: rgba(0, 0, 0, 0.75);
  }
  
  .api-uf-view .filter-and-sort > i.fa-filter,
  .api-uf-view .filter-and-sort .membership-required > i.fa-filter{
    font-size: 10px !important;
  }
  
  .api-uf-view .filter-and-sort > i:first-child{
  }


  .select2-container--open .select2-dropdown {
    padding: 5px 5px !important;
    background-color: #0f2a38;
    color: rgba(255,255,255, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    margin: 2px 0;
  }
  .select2-dropdown .select2-results__option {
    padding: 3px !important;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 0.85em;
  }
  .select2-dropdown .select2-results__option--highlighted[aria-selected]:not([aria-selected=true])
  {
    background-color: rgba(255, 228, 131, 0.5) !important;
    /*color: #0f2a38 !important;*/
  }
  .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:focus, .select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: rgba(255, 228, 131, 0.75) !important;
    color: #153647 !important;
  }

  .select2-dropdown .select2-search--dropdown .select2-search__field
  {
    height: 20px !important;
    padding: 5px 0 5px 30px !important;
    text-transform: uppercase !important;
    font-size: 0.85em !important;
    
    margin-top: 5px !important;
    margin-bottom: 0px !important;
  }

  .select2-dropdown .select2-search--dropdown:before {
    font-size: 17px !important;
    left: 5px !important;
    top: 5px !important;
  }
/* Estilo del contenedor con overflow */
.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto; /* Habilita la barra de desplazamiento vertical si es necesario */
  scrollbar-width: thin; /* Para Firefox */
  scrollbar-color: #153647 rgb(255 228 131); /* Para Firefox: color del thumb y track */
}

/* Estilo de la barra de desplazamiento para Chrome, Safari, Edge */
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 32px; /* Ancho de la barra de desplazamiento */
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: rgb(255 228 131); /* Color de fondo del track de la barra de desplazamiento */
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #153647; /* Color del thumb de la barra de desplazamiento */
  border-radius: 6px; /* Redondea las esquinas del thumb */
  border: 3px solid rgb(255 228 131); /* Borde del thumb (del mismo color que el track para efecto de "hueco") */
}











  .uf-highlighted-row{
    background-color: #ffd600ad !important;
  }
  
  .api-uf-view .tile, .api-uf-view .table th {
    background: rgba(0, 0, 0, 0.35);
  }
  @media (min-width: 1024px) {
    .api-uf-view .tile, .api-uf-view .table th {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    }
  }
  @media (min-width: 780px) {
    .api-uf-view .block-area {
      padding: 15px 15px 0;
    }
  }
  @media (max-width: 780px) {
    /*! CSS Used fontfaces */
    .api-uf-view .block-area {
      padding: 15px 10px 0;
    }
  }
  @font-face {
    font-family: 'open-sans-light';
    src: url('../fonts/open-sans/OpenSans-Light-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Light-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
    /*! CSS Used from: http://localhost/club.unifutbol.com/api/css/1-0-3/bootstrap.min.css?v=1.0.0 */
  }
  .api-uf-view td {
    padding: 0;
  }
  @media print {
    .api-uf-view * {
      text-shadow: none !important;
      color: #000 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    .api-uf-view .table td {
      background-color: #fff !important;
    }
    .api-uf-view .table-bordered td {
      border: 1px solid #ddd !important;
    }
  }
  .api-uf-view * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .api-uf-view :before, .api-uf-view :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .api-uf-view .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  
  .api-uf-view .table > tbody > tr > td small{
    opacity: 0.75;
  }
  .api-uf-view .table-bordered > tbody > tr > td {
    border: 1px solid #ddd;
  }
  .api-uf-view .table-hover > tbody > tr:hover > td {
    background-color: #f5f5f5;
  }
  @media (max-width: 767px) {
    /*! CSS Used from: http://localhost/club.unifutbol.com/api/css/1-0-3/style.css?v=1.0.0 */
    .api-uf-view .table-responsive > .table > tbody > tr > td {
      white-space: nowrap;
    }
  }
  .api-uf-view ::selection {
    background: rgba(255, 255, 255, 0.1);
  }
  .api-uf-view ::-moz-selection {
    background: rgba(255, 255, 255, 0.1);
  }

  .api-uf-view .table td {
    border-color: rgba(255, 255, 255, 0.05) !important;
  }
  .api-uf-view .table-bordered > tbody > tr > td {
    border-bottom: 0;
    border-left: 0;
  }
  .api-uf-view .table-hover > tbody > tr:hover > td {
    background: rgba(0, 0, 0, 0.2);
  }
  

  
/* Progress bar and labels */
.progress-points-container{
  width: 150px;
  display: inline-block;
  /* height: 10px; */
  background-color: rgba(0,0,0,0.35);
  padding: 5px 4px 0;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
  white-space: nowrap;
}

.progress-bars-points-container{
  display: inline-block;
  width: 100%;
}

.full .progress-bars-points-container{
  width: 87px;
}
.user-header .progress-points-container{
  margin-bottom: 4px;
}
.progress-points-container span.label{
  display: inline-block;
  transform: translateY(-5px);
  min-width: 24px;
  padding: 5px;
}

.progress-points-container span.label:nth-child(1){
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.progress-points-container span.label:nth-child(3){
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}



.api-uf-view .progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.api-uf-view .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.api-uf-view .progress-striped .api-uf-view .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.api-uf-view .progress.active .api-uf-view .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.api-uf-view .progress-bar-success{background-color:#5cb85c}.api-uf-view .progress-striped .api-uf-view .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.api-uf-view .progress-bar-info{background-color:#5bc0de}.api-uf-view .progress-striped .api-uf-view .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.api-uf-view .progress-bar-warning{background-color:#f0ad4e}.api-uf-view .progress-striped .api-uf-view .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.api-uf-view .progress-bar-danger{background-color:#d9534f}.api-uf-view .progress-striped .api-uf-view .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}

.progress-bar-danger2, .label-danger2{background-color:#861e28 !important}
.progress-bar-warning2, .label-warning2{background-color:#b16803 !important}
.progress-bar-info2, .label-info2{background-color:#1b626d !important}
.label-dark{
  background-color: rgba(0,0,0,0.75) !important;
  color: white;
}
.api-uf-view .text-success{color: white !important}
.api-uf-view .text-danger{color:#fd9b99 !important}
.api-uf-view .text-warning{color:#f0ad4e !important}
.api-uf-view .text-info{color:#73dfff !important}
.text-competition{border: 1px solid rgba(255, 255, 255,0.4);
  min-width: 50%;
  display: inline-block;}



.api-uf-view .label-pts {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  border-radius: 7px !important;
  padding: 1px 5px;
}

.api-uf-view .label-pts small{
  opacity: 0.75;
    margin-right: 2px;
    font-size: 0.75em;
    display: inline-block;
    transform: translateY(-2px);
}


.api-uf-view .progress-bars-points-container .progress {
  background: none;
  background-color: rgba(0,0,0,0.45);
  margin: 5px 0;
  height: 8px;
}

.api-uf-view .progress-small {
  height: 4px !important;
}

.api-uf-view .progress-alt {
  padding: 2px;
}

.api-uf-view .progress-bar {
  box-shadow: none;
}

.api-uf-view .progress-vertical {
  width: 10px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.api-uf-view .progress-vertical.small {
  width: 4px;
}

.api-uf-view .progress-vertical.bottom .api-uf-view .progress-bar {
  position: absolute;
  bottom: 0;
}


.api-uf-view .progress-vertical .api-uf-view .progress-bar {
  width: 100%;
}


div.progress-points-numbers{
  display: block;
  float: left;
  clear: left;
  width: 100%;
  font-size: 0.75em;
  transform: translateY(-3px);
}


div.progress-points-numbers span{
  line-height: normal;
}

.progress-points{
  clear: left;
  margin: 0 !important;
}

.api-uf-view .label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.api-uf-view .label[href]:hover,.api-uf-view .label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.api-uf-view .label:empty{display:none}.btn .api-uf-view .label{position:relative;top:-1px}.api-uf-view .label-default{background-color:#999}.api-uf-view .label-default[href]:hover,.api-uf-view .label-default[href]:focus{background-color:gray}.api-uf-view .label-primary{background-color:#428bca}.api-uf-view .label-primary[href]:hover,.api-uf-view .label-primary[href]:focus{background-color:#3071a9}.api-uf-view .label-success{background-color:#5cb85c}.api-uf-view .label-success[href]:hover,.api-uf-view .label-success[href]:focus{background-color:#449d44}.api-uf-view .label-info{background-color:#5bc0de}.api-uf-view .label-info[href]:hover,.api-uf-view .label-info[href]:focus{background-color:#31b0d5}.api-uf-view .label-warning{background-color:#f0ad4e}.api-uf-view .label-warning[href]:hover,.api-uf-view .label-warning[href]:focus{background-color:#ec971f}.api-uf-view .label-danger{background-color:#d9534f}.api-uf-view .label-danger[href]:hover,.api-uf-view .label-danger[href]:focus{background-color:#c9302c}

.block-team{
  float: left;
  width: 150px;
  text-align: left;
  white-space: initial;
  /*overflow: hidden;*/
}
.block-team.team-result{
  width: 300px;
    margin: 0 auto;
    display: block;
    float: none;
}

.block-team .team-name,
.block-team .team-league{
  width: 100%;
    float: left;
}
.block-team.team-result .block-match-lite{
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  background-color: rgba(0,0,0,0.25);
  padding: 5px;
  margin: 0 auto;
}
.block-team.team-result .block-match-lite:nth-child(1){
  -webkit-border-top-left-radius: 5px !important;
  -webkit-border-top-right-radius: 5px !important;
  -moz-border-radius-topleft: 5px !important;
  -moz-border-radius-topright: 5px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
.block-team.team-result .block-match-lite:nth-child(2){
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.block-team.team-result .block-match-lite .text-competition{
  width: 100%;
}

.block-team.team-result .block-match-lite .text-competition small{
  margin-left: 10px;
}

.block-team.team-result .block-match-lite .block-match-lite-journey{
  font-size: 11px;
    opacity: 0.75;
}


.block-team.team-result .team-name{
  width: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-top-left-radius: 10px !important;
  -webkit-border-bottom-left-radius: 10px !important;
  -moz-border-radius-topleft: 10px !important;
  -moz-border-radius-bottomleft: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.block-team.team-result .team-name.visitor{
  float: right;
  -webkit-border-top-right-radius: 10px !important;
  -webkit-border-bottom-right-radius: 10px !important;
  -moz-border-radius-topright: 10px !important;
  -moz-border-radius-bottomright: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.block-team.team-result .team-name .result-goals{
  font-size: 2em;
  float: right;
  margin: 0px 5px 0px 5px;
  background-color: black;
  padding: 0 10px;
  z-index: 999999;
}

.block-team.team-result .team-name.visitor .result-goals{
  float: left;
}

.block-team .team-league{
  background-color: rgba(0,0,0,0.25);
  padding: 0 5px;
  margin: -19px 0 0 15px;
  width: 133px;
  font-size: 0.75em;
  text-align: right;
  height: 18px;
}

.block-team .shell{
  width: 35px;
  height: 35px;
  background-color: white;
  border-radius: 50% !important;
  border: 2px solid rgba(0,0,0,0.8);
  float: left;
  position: relative;
  z-index: 9;
  transform: translate(-6px, 0px);
}

.block-team .team-name.visitor .shell{
  float: right;
  transform: translate(6px, 0px);
}

.block-team .shell img{
  width: 24px; 
  transform: translate(4px, 3px);
}

.block-team .team-name a,
.block-team .team-name span{
  white-space: nowrap;
    background-color: rgba(0,0,0,0.35);
    width: 133px;
    padding: 0 0 0 17px;
    font-size: 0.9em;
    transform: translate(-21px, 0px);
    height: 15px;
    overflow: hidden;
    position: absolute;
}


.block-team.team-result .team-name a,
.block-team.team-result .team-name span{
    width: 98px;
    font-size: 0.8em;
    transform: translate(-21px, 2px);
}


.block-team.team-result .team-name span.penaltys{
  float: left;
    width: 70px;
    font-size: 0.8em;
    transform: translate(0px, 19px) !important;
    text-align: right;
    opacity: 0.5;
}

.block-team.team-result .team-name.visitor a,
.block-team.team-result .team-name.visitor span{
  padding: 0 17px 0 0;
  transform: translate(-5px, 2px);
  text-align: right;
}

.block-team.team-result .team-name.visitor span.penaltys{
  float: right;
  text-align: left;
}

.block-team.team-result .team-name.user-team span:not(.penaltys)::after,
.block-team.team-result .team-name.user-team a:not(.penaltys)::after{
  content: " (u)";
  opacity: 0.75;
  font-size: 0.75em;
  vertical-align: top;
}
.block-team.team-result .team-name.user-team.visitor span:not(.penaltys)::before,
.block-team.team-result .team-name.user-team.visitor a:not(.penaltys)::before{
  content: "(u) ";
  opacity: 0.75;
  font-size: 0.75em;
  vertical-align: top;
}
.block-team.team-result .team-name.user-team.visitor span:not(.penaltys)::after,
.block-team.team-result .team-name.user-team.visitor a:not(.penaltys)::after{
  content: "";
}


.block-team .team-league a,
.block-team .team-league span{
  white-space: nowrap;
    float: left;
    transform: translate(11px, 3px);
    opacity: 0.75;
}


.block-team .flag{
  float: right;
  transform: translate(3px, -10px);
}

.game-route {
  margin-right: 5px;
}
.game-route i{
  margin-right: 2px;
  opacity: 0.75;
}
div.api-uf-view.user-header{
  /*background: transparent !important;*/
  width: 550px;
    margin: -27px 0px 0px 0px;
    height: 85px;
    padding-left: 0px;
}

h4.empty-list-message{
  font-family: 'ArialNarrow', sans-serif !important;
  padding: 0 15px;
  color: white;
  font-weight: normal;
}

div.icon-number{
  display: inline-block;
  width: auto;
}

div.icon-number i{
  font-size: 15px;
  color: white;
}
.header-profile2 div.icon-number i{
  font-size: 20px;
}
.uf-activity-user-line .user-medal,
.header-profile2 .user-medal {
  margin: 0 -10px;
    font-size: 20px;
}

.header-profile2 .user-medal span span,
.uf-activity-user-line .user-medal span span{
  font-weight: bold;
  font-size: 0.6em;
    margin-top: -5px;
}
/*
.achievements div.icon-number i,
.api-uf-view .achievements .label{
  color: #FEDF54 !important;
}*/

.achievements div.icon-number.bigger i{
  font-size: 25px;
  transform: scale(1.1, 1.35);
}

div.icon-number.bigger i{
  font-size: 20px;
}

div.icon-number i.hollow{
  opacity: 0.35;
}
.user-medal.hollow{
  opacity: 0.5;
}
div.icon-number span.label{
  padding: 2px 3px 1px 2px;
  transform: translate(-9px, -9px);
  display: inline-block;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}

.achievements div.icon-number span.label{
  transform: translate(-15px, -15px);
}
a.header-profile{
  background: url(/test/api/images/bg-default.png), url(../images/bg-default.png);;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84px;
    height: 81px;
    display: inline-block;
}


a.header-profile.member-premium{
  background: url(/test/api/images/bg-premium.png), url(../images/bg-premium.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84px;
    height: 81px;
    display: inline-block;
}

a.header-profile img{
  border: 2px solid #86A2B9; 
  border-radius: 3px !important;
  transform: translate(22px, 20px);
}

a.header-profile.member-premium img{
  border: 2px solid #CDA44A;
  transform: translate(22px, 24px);
}

.uf-level.header-profile2 svg path
{
  stroke: #86A2B9 !important; 
}
.uf-level.header-profile2 .member-premium svg path
{
  stroke: #CDA44A !important; 
}

div.user-header a.header-profile img{
    width: 40px;
    height: 40px;
    display: block;
    position: relative;    
}

div.user-header .header-profile2 a.header-profile{
  background: none !important;
  width: 100%;
  height: auto;
  overflow: visible;
}
div.user-header .header-profile2 a.header-profile img{
  width: 60px;
  height: 60px;
  display: block;
  position: relative;
  transform: none;
  margin: 0 auto;
  border: 3px solid #25435b;
    border-radius: 50% !important;
}

div.user-header .header-profile2 div.uf-level{
  width: 40px;
  height: 40px;
  background-color: transparent;
  transform: translate(-27px, -60px);
  border: none;
}

div.user-header .header-profile2 .uf-level-group-data .uf-basic-text{
  text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    white-space: nowrap;
    font-size: 10px;
}

table.table-header-points{
  margin: 2px;
}

table.table-header-points td{
  padding: 1px;
  text-transform: uppercase;
  font-size: 11px;
}

table.table-header-points tr td.table-separator hr{
  display: block;
    width: 100%;
    margin: 2px 0;
    border-width: 1px;
    border-color: white;
    border-style: dotted;
    opacity: 0.5;
}


table.table-header-points tr td:last-child{
  text-align: left;
  padding-left: 5px;
}

table.table-header-points tr td:first-child span{
  display: block;
  width: 85px;
  padding: 2px;
}

table.table-header-points tr td:last-child span{
  color: white !important;
}

table.table-header-points tr td:first-child span{
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), /* Primer resplandor */
  0 0 20px rgba(255, 255, 255, 0.6), /* Segundo resplandor */
  0 0 30px rgba(255, 255, 255, 0.4); /* Tercer resplandor */
}

table.table-header-points tr:last-child td:first-child span{
  background-color: rgba(0, 0, 0, 0.75);
  text-shadow: 0 0 10px rgba(255, 255, 255, 1), /* Primer resplandor */
  0 0 20px rgba(255, 255, 255, 0.9), /* Segundo resplandor */
  0 0 30px rgba(255, 255, 255, 0.8); /* Tercer resplandor */
}
/*
.achievements div.icon-number.bigger i{
  text-shadow: 0 0 5px #FEDF54, 
  0 0 5px #FEDF54, 
  0 0 5px #FEDF54; 
}*/



.uf-level.header-profile2{
  overflow: visible;
  text-align: center;
}

.uf-level.header-profile2 span.level
{
  font-size: 19px;
  transform: translateY(-28px);
}

.uf-level.header-profile2 .uf-circle
{
  fill: rgba(13, 31, 41, 0.85);
  stroke-width: 3px;
}

div.user-header .header-profile2 .uf-level-group-data{
  width: auto;
    overflow: visible;
    margin: 0 auto;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
}

div.api-uf-view.user-header > div{
  display: inline-block;
  margin: 0 15px 0 0;
}
div.user-header .uf-premium-header{
  text-align: center;
  width: 85px;
  margin-top: 3px !important;
}

div.user-header .uf-premium-header img{
  margin: 0 auto;
}
div.user-header .uf-premium-header img.no-premium{
  opacity: 0.5;
}

div.user-header .uf-premium-header a.header-profile-username{
  display: block;
  text-align: center;
  font-size: 15px;
  margin: 2px auto 0 auto;
  font-family:  'Arial Narrow', sans-serif !important;
  font-weight: bold;
  white-space: nowrap;
  color: white;
}

div.user-header .uf-premium-header a.header-profile-username:hover{
  color: #FFD600;
}

div.user-header .uf-premium-header a.be-premium,
a.be-premium{
  padding: 2px 10px !important;
  font-size: 10px !important;
  font-weight: bold !important;
  display: block;
  white-space: nowrap;
  text-align: center;
}

div.user-header .uf-premium-header a.be-premium{
  margin: -30px auto 15px auto;
  width: fit-content;
}

div.user-header .uf-premium-header div.premium-block{
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}

.block-area.api-uf-view.user-header > div{
  vertical-align: top;
}


/* Overriding: https://localhost/CLUB.UNIFUTBOL.COM.JOOMLA/test3/templates/rt_afterburner2/css-compiled/master-5fa2cf3ca157173d67a2767cdc80d715.css */
.button:after{
  content: "" !important;
}
/*
div.user-header img.header-profile::after {
  content: "";
  background: url(/test/api/images/bg-premium.png);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}*/

.user-header-box{
  display: inline-block;
  background-color: rgba(0,0,0,0.25);
  padding: 5px 5px 0px 3px;
  border: 2px solid rgba(0,0,0,0.25);
  border-radius: 3px !important;
  vertical-align: top;
}

.user-header-box.header-profile2{
  padding: 0px;
}

.uf-invisible-box{
  background-color: transparent !important;
  border: none !important;
}
.user-header-box .sub{
  display: inline-block; 
  width:45%; 
  white-space: nowrap;
  padding: 5px 8px;
}
 .user-header-box.header-profile2 .sub{
  width:23%; 
}
.user-medal{
  margin: 0 -3px;
  text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
}
.user-medal i:nth-child(1) {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}


.header-profile2  .user-medal i:nth-child(1) {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}
.user-medal i:nth-child(2) {
  font-size: 1.5em;
}

/*
.user-medal.gold-medal i:nth-child(1) { color: #1B3848!important;}
.user-medal.gold-medal i:nth-child(2) { color: #AF9500!important;}
.user-medal.silver-medal i:nth-child(1) { color: #1B3848!important;}
.user-medal.silver-medal i:nth-child(2) { color: #B4B4B4!important;}
.user-medal.bronze-medal i:nth-child(1) { color: #1B3848!important;}
.user-medal.bronze-medal i:nth-child(2) { color: #6A3805!important;}*/

span.gold-medal { color: #ffe256!important; /*text-shadow: 0px 0px 4px rgba(255,255,255,0.85);*/}
span.silver-medal { color: #D7D7D7!important; /*text-shadow: 0px 0px 4px rgba(255,255,255,0.75);*/}
span.bronze-medal { color: #ffc990!important; /*text-shadow: 0px 0px 4px rgba(255,255,255,0.65);*/}

.user-medal.gold-medal i:nth-child(1) { color: #d3b818!important;}
.user-medal.gold-medal i:nth-child(2) { color: #AF9500!important;}
.user-medal.silver-medal i:nth-child(1) { color: #D7D7D7!important;}
.user-medal.silver-medal i:nth-child(2) { color: #949494!important;}
.user-medal.bronze-medal i:nth-child(1) { color: #AD8A56!important;}
.user-medal.bronze-medal i:nth-child(2) { color: #ad6f2f!important;}

.user-medal span span{
  font-size: 11px;
    margin-top: -5px;
    display: block;
    color: white;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 0px 0px 2px #000000;
} 

/*
.user-medal.gold-medal i:nth-child(1) { color: #AF9500!important;}
.user-medal.gold-medal i:nth-child(2) { color: #C9B037!important;}
.user-medal.silver-medal i:nth-child(1) { color: #B4B4B4!important;}
.user-medal.silver-medal i:nth-child(2) { color: #D7D7D7!important;}
.user-medal.bronze-medal i:nth-child(1) { color: #6A3805!important;}
.user-medal.bronze-medal i:nth-child(2) { color: #AD8A56!important;}*/

.uf-level{
  display: inline-block;
  overflow: hidden;
  width: 87px;
  height: 87px;
  background-color: rgba(0,0,0,0.25);
  border: 2px solid rgba(0,0,0,0.25);
  padding: 2px;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}

.uf-level.space-below{
  height: 87px;
  width: 67px;
}

.uf-level.with-profile{
 /* width: 121px;;*/
}

.uf-level.with-profile .header-profile{
  /*transform: scale(1.2) translate(15%, 17%);*/
}

.uf-level-group-data
{
  display: inline-block;
  vertical-align: top;
  width: 175px;
  text-align: left;
}

.uf-level-group-data .uf-basic-text, .uf-level-group-data .points
{
  width: 100%;
  margin: 0 0 3px 0;
  height: auto;
}

.uf-circular-chart {
  display: inline-block;
}

.uf-circle {
  stroke: #4CC790;
  fill: rgba(0,0,0,0.25);
    stroke-width: 2.8px;
    stroke-linecap: round;
    animation: progress 21s ease-out forwards;
}

.uf-circle.fidelity{
  stroke: #5bc0de;
}
.uf-circle.successes{
  stroke: #f0ad4e;
}
.uf-circle.difficulty{
  stroke: #d9534f;
}

@keyframes uf-progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.uf-level-group{
  display: inline-block;
  vertical-align: top;
}

.uf-level span.level{
  font-size: 39px;
    display: inline-block;
    width: 100%;
    text-align: center;
    transform: translateY(-64px);
}

.uf-level.space-below span.level{
  font-size: 26px;
  display: inline-block;
  width: 100%;
  text-align: center;
  transform: translateY(-47px);
}

.uf-level.space-below span.points{
  font-size: 10px;
  transform: translateY(-28px);
}

span.points, span.user-name, .uf-basic-text{
    font-size: 12px;
    display: inline-block;
    background-color: rgba(0,0,0,0.25);
    width: 100%;
    text-align: center;
    border: 2px solid rgba(0,0,0,0.25);
}

.uf-basic-text{
  width: 150px;
  margin: 2px 0 1px;
  padding: 1px;
  height: auto;
}
.uf-basic-text i, .points i{
  margin: 1px;
  font-size: 12px;
  text-shadow: none;
  width: 18px;
}
.icon-left i{
  float: left;
}
.icon-right i{
  float: right;
}



.uf-level span.points{
  transform: translateY(-48px);
}
.uf-level span.user-name{
    transform: translateY(-48px);
}

td.row-empty-collection,
td.row-empty-collection a{
  opacity: 0.57;
}

td.row-missing-card,
td.row-missing-card a{
  opacity: 0.4;
}

td.row-completed-collection,
td.row-completed-collection a{
  color: orange;
}

.star-in-list{
  font-size: 9px;
  margin: 0 2px;
  transform: translateY(-1px);
}
.star-in-list2{
  font-size: 11px;
  margin: 0 0px 0 1px;
  transform: translateY(-1px);
}

.popover{
  max-width: 200px !important;
  background-color: #14303e !important;
  padding: 10px !important;
  border-radius: 10px !important;
  color: white !important;
  line-height: 14px !important;
  font-size: 12px !important;
  
  z-index: 999999999999999 !important;

  border: none !important;

  font-family: Roboto !important;
}

.cb_template.popover .popover-header,
.popover h3{
  color: white !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px !important;
  text-align: center !important;
  padding: 0 0 4px 0 !important;
  margin: 0 0 6px 0 !important;
  line-height: 13px !important;
  border-bottom: 1px dotted rgba(255,255,255,0.25) !important;
  background-color: transparent !important;
  font-family: inherit !important;
}
.cb_template.popover .popover-header:empty,
.popover h3:empty
{
    display:none !important;
}
.cb_template.popover .popover-body,
.popover .popover-content{
  opacity: 0.95 !important;
}
.cb_template.popover .popover-body,
.popover-content {
  padding: 0px;
  text-align: center;
}
.cb_template.popover .popover-body
{
  overflow: hidden !important;
    color: white !important;
  line-height: 14px !important;
  font-size: 12px !important;
}
.qtip.cb_template .qtip-tip canvas {
    background: #14303e !important; /* mismo color que .popover */
    border: none !important;
    border-radius: 2px;
}
.qtip.cb_template .qtip-tip {
    background: #14303e !important;
    border: none !important;
    border-color: #14303e !important;
}

.popover.popover-premium{
  background-color: rgb(255 228 131) !important;
  color: #0f2a38 !important;
  text-align: center !important;
  font-weight: bold !important;
}
.popover.popover-premium a{
  background-color: #16A0FF !important;
  color: white  !important;
  padding: 5px 10px;
  border-radius: 5px;

}
.popover.popover-premium .popover-content{
  opacity: 1 !important;
}
.popover button.close{
  background-color: #0f2a38;
  font-size: 15px;
  opacity: 1;
  color: white;
  border-radius: 50px;
  padding: 0px 4px 1px 4px;
  transform: translate(10px, -17px);
  position: absolute;
  right: 0px;
}
.popover button.close:hover{
  opacity: 1 !important;
  color: rgb(255 228 131) !important;

}

.popover.right>.arrow,
.popover.right>.arrow:after {
  border-right-color: #14303e !important;;
}
.popover.left>.arrow,
.popover.left>.arrow:after {
  border-left-color: #14303e !important;;
}
.popover.top>.arrow,
.popover.top>.arrow:after {
  border-top-color: #14303e !important;;
}
.popover.bottom>.arrow,
.popover.bottom>.arrow:after {
  border-bottom-color: #14303e !important;;
}
.popover.right.popover-premium>.arrow,
.popover.right.popover-premium>.arrow:after {
  border-right-color: rgb(255 228 131) !important;
}
.popover.left.popover-premium>.arrow,
.popover.left.popover-premium>.arrow:after {
  border-left-color: rgb(255 228 131) !important;
}
.popover.top.popover-premium>.arrow,
.popover.top.popover-premium>.arrow:after {
  border-top-color: rgb(255 228 131) !important;
}
.popover.bottom>.popover-premium.arrow,
.popover.bottom>.popover-premium.arrow:after {
  border-bottom-color: rgb(255 228 131) !important;
}

.uf-membership-1{ 
  opacity: 0.5;
}

.uf-membership-2{
  color: greenyellow;
}

.show-users-enviroment{
  transform: translate(10px, 7px);
}

.user-profile-mini{
  display: inline-block;
  margin: 0 5px 10px 5px;
  border: 2px solid lightsteelblue;
  text-align: center;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  width: 64px;
  height: 84px;
}
.user-profile-mini.user-profile-mini-premium{
  border-color: gold;
}

.user-profile-mini img{
  width: 48px;
  height: 48px;
  border: 1px solid lightsteelblue;
  overflow: hidden;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  margin: 1px auto;
}
.user-profile-mini.user-profile-mini-premium img{
  border-color: gold;
}
.user-profile-mini span{
  position: absolute;
  display: block;
  width: 60px;
  padding: 0 5px 2px 5px;
  text-align: center;
  margin-top: 1px;
  font-size: 11px;
  color: lightsteelblue;
  height: 14px;
  overflow: hidden;
}
.user-profile-mini span{
  color: lightsteelblue;
}
.user-profile-mini i{
  color: white;
  font-size: 10px;
}
.user-profile-mini.user-profile-mini-premium span{
  color: gold;
}

.user-profile-mini i.premium-icon{
  transform: translate(-14px, 18px);
  text-shadow: 0px 0px 3px #000;
  position: absolute;
  color: gold;
  font-size: 10px;
}

.uf-profile-fieldset{
  font-size: 16px;
  vertical-align: top;
}
.uf-profile-fieldset dl{
  margin-top: 0px;
}
.uf-profile-fieldset img.uf-profile-image{
  float: right;
  height: 120px;
  border: 2px solid rgba(0,0,0,0.5);
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  padding: 5px;
}

.opacity05{
  opacity: 0.5;
}
.opacity015{
  opacity: 0.15;
}
.card-used{
  color: cornflowerblue;
}

.gamestart-cards-box{

}
.gamestart-cards-box i{
  display: inline-block;
  border: 1px solid rgba(255,255,255,0.2);
  padding: 3px;
  margin: 3px 2px 0 0;
  font-size: 11px;
}


/*
********************************** FOLDER STYLE **********************************
*/
.div-format-games{

}
.div-format-field{
  position: relative;
}

.div-format-username{
    text-align: right;
    padding: 5px 10px;
    opacity: 0.65;
    transform: translateY(4px);
    font-size: 11px;
}
.div-format-username::after{
  font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-weight: 900;
    margin-left: 5px;
}

.div-format-name{
  transform: translate(10px,-40px);
  max-width: 60%;
  overflow: visible;
}
.div-format-name span{
  font-weight: bold;
  color: #FFFF99;
  font-size: 11px;
}

.div-format-name i.icon-streaming{
  margin-left: 5px;
  transform: translate(100px ,-3px);
  font-size: 12px;
  color: white;
  float: right;
}

.div-format-name i.icon-streaming-platform{
  margin-left: 10px;
  transform: translate(100px ,-3px);
  font-size: 15px;
  color: white;
  float: right;
}

.div-format-field .gamestart-cards-box{
  transform: translateY(5px);
}

.div-format-field .block-team .team-league a,.div-format-field  .block-team .team-league span{
  transform: translate(11px, 4px);
}

.div-format-teamid{
    
}

.div-format-teamid .block-team{
  width: 258px;
}
.div-format-teamid .block-team .team-name a, .div-format-teamid .block-team .team-name span,
.div-format-teamid .block-team .team-league{
  width: 244px;
}
.div-format-teamid .block-team .team-league .flag img{
  margin-top: 2px;
}
.div-format-pts_fidelity, .div-format-pts_successes, .div-format-pts_difficulty{
  margin: 10px 5px 0 0;
  float: left;
  max-width: 58px;
    overflow: hidden;
}

.div-format-season_progress{
  margin: 10px 5px 0 0;
  float: left;
}
.div-format-season_progress br{
  display: none;
}
.div-format-season_progress small{
    margin-right: 10px;
    font-size: 11px;
    float: left;
    transform: translateY(1px);
    color: rgb(255 228 131);
}


div.percentage-progress-bar-container{
  display: inline-block;
  width: 120px;
  border: 1px solid #546a75;
  height: 10px;
  transform: translateY(1px);
}

div.percentage-progress-bar-container div.bar-completed{
  background-color: #70c373;
}

b.bar-completed{
  color: #70c373 !important;
}

div.achievment-premium{
  /*background-color: rgba(254, 223, 84, 0.15);
    padding: 3px 5px 0;
    border: 1px #fedf54 dashed;
    font-weight: normal;
    text-transform: uppercase;
    margin: 10px 0px 0;*/
    padding: 3px 5px 1px;
    border: 1px dashed;
    font-weight: normal;
    text-transform: uppercase;
    margin: 10px 0px 0;
    font-size: 11px;
    color: #fedf54;
}
div.achievment-premium b{
  /*color: #2C3238 !important;
  text-decoration: underline;*/
  color: inherit
}
.user-header-box.header-profile2 .sub.achievements img
{
  transform: translateY(-5px);
  height: 32px;
}
div.percentage-progress-bar-container div{
  background: none;
  background-color: rgb(255 228 131);
  margin: 0px 0;
  height: 8px;
}


.div-format-last_connection{
  margin: 10px 5px 0 0;
  float: left;
  font-size: smaller;
}
.div-format-last_connection br{
  display: none;
}
.div-format-last_connection small{
  font-size: inherit;
  margin-left: 10px;
}

.div-format-last_connection small::before{
  font-family: "Font Awesome 5 Free";
    content: "\f0fe";
    font-weight: 900;
    margin-right: 5px;
}

.div-format-times_fired{
  margin: 10px 5px 0 0;
  float: left;
}

.div-format-dif_teams{
  margin: 10px 5px 0 0;
  float: left;
}

.div-format-num_trophys{
  margin: 10px 5px 0 0;
  float: left;
}

.uf-folder label{
  float: left;
  font-weight: normal;
  font-size: 10px;
  margin: 11px 10px 0 0;
  clear: left;
  line-height: inherit;
}

.uf-folder-wrapper{
  border: 1px solid #546a75;
  background-color: #153647;
  padding: 10px;
  margin: 10px;
  height: 200px;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  transform: translate(0px, -40px);

  cursor: pointer;
}

.uf-folder {
  display: inline-block;
  width: 295px;
  height: 240px;
  margin: 25px 15px 15px 0;
  position: relative;
  background-color: #0f2a38;
  border-radius: 0 6px 6px 6px;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59);
}

.uf-folder:before {
  content: '';
  width: 75%;
  height: 40px;
  border-radius: 0 50px 0 0;
  background-color: #0f2a38;
  position: absolute;
  top: -23px;
  left: 0px;
}

div.pre-data{
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
  margin-top: 15px;;
}

div.pre-data h4{
  padding: 0 0 0 5px !important;
  margin: 0 0 10px 0;
  font-weight: normal;
  font-size: 10px;
  opacity: 0.95;
  TEXT-TRANSFORM: uppercase;
  color: white;
}

div.pre-data i{
  margin-left: 10px;
  transform: translateY(-3px);
  font-size: 12px;
}

div.pre-data iframe{
  border: 1px solid rgba(255,255,255,0.15);
  width: 100%;
  padding: 3px;
}

/*
********************************** COMMUNITY BUILDER OVERRIDES **********************************
*/

.cb_template .api-uf-view table.table-hover>tbody>tr:hover{
  background-color: unset;
  color: rgba(255,255,255,0.85);
}
/*
CB mete <br> en lugar de \n.. para no interferir mucho, directamente lo quitamos del html a la hora de insertarlo.
.cb_template .api-uf-view table.table-hover>tbody>tr td .block-team br{
  display: none;
}
*/


/*
********************************** MEDIA QUERIES **********************************
*/
div.api-uf-view.user-header > div.show-small,
.user-header .show-small{
  display: none;
}

div.api-uf-view.user-header > div.show-medium,
.user-header .show-medium{
  display: none;
}  

div.api-uf-view.user-header > div.show-big,
.user-header .show-big{
  display: none;
}  

.user-header .hide-small{
  display: inline-block;
}

.user-header .hide-medium{
  display: inline-block;
}

.user-header .hide-big{
  display: inline-block;
}

@media (max-width: 999px) {

  .user-header .show-medium{
    display: inline-block !important;
  }  
  
  .user-header .hide-medium{
    display: none !important;
  }

  div.api-uf-view.user-header {
    width: 375px;
  }
}

@media (max-width: 799px) {
  .user-header .show-small{
    display: inline-block !important;
  }
  .user-header .hide-small{
    display: none !important;
  }    
  .user-header .show-medium{
    display: none !important;
  }    

  div.api-uf-view.user-header {
    width: 180px;
  }  
}
/*
header #rt-top .rt-omega > div.header-login{
  display: none;
}*/