div[itemprop="articleBody"] > p:first-child,
div[itemprop="articleBody"] > p:last-child {
    margin: 0 !important;
}

.api-uf-view{
  font-family: Helvetica, Arial, Sans-Serif;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}

.api-uf-view .table-bordered, .api-uf-view .table-responsive {
    margin-top: 15px;
    margin-bottom: 15px;
}
.api-uf-view .table-bordered, .api-uf-view .table-responsive.overflow {
    overflow: visible !important;
}


.api-uf-view .tile {
    margin-bottom: 0px;
}

.api-uf-view h3.block-title {
    background-color: transparent;
    padding-left: 5px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    transform: translateY(5px);
    margin-bottom: 0;
}

.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*/

    background: transparent;
    border: none;
    margin-top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;

}

.api-uf-view .filter-and-sort.membership-required{
    opacity: 1 !important;
}

.api-uf-view .block-title.uf-pagination {
    font-size: 12px;
    font-weight: bold;

    background-color: #fedf54;
    border: none;
    border-radius: 3px;
    color: #2c3238;
    padding: 5px 5px !important;
    min-width: 25px;
}
.api-uf-view .block-title.uf-pagination a{
    color: #2c3238 !important;
}
.api-uf-view .block-title.uf-pagination.current,
.api-uf-view .block-title.uf-pagination.uf-pagination-total {
    font-weight: bold !important;
    cursor: default !important;
}

.api-uf-view .block-title.uf-pagination.uf-pagination-total {
    font-weight: bold !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.api-uf-view .block-title.beside-title.current,  .api-uf-view .block-title.uf-pagination.current{
    opacity: 1 !important;
}

.api-uf-view .filter-and-sort .select2-container{
    background-color: #fedf54;
    padding: 3px 2px 3px 5px !important;
    border-radius: 5px;
    height: auto !important;
}
#rt-mainbody-surround .cb_template button.pmButton.pmButtonNew,
.api-uf-view .filter-and-sort .uf-button-extra{
    background-color: #fedf54 !important;
    padding: 5px 10px 5px 11px !important;
    border-radius: 5px !important;
    border: none !important;
    background-image: none !important;
}
#rt-mainbody-surround .cb_template button.pmButton.pmButtonNew{
  border: none !important;
    color: #2C3238 !important;
    text-align: center;
    text-transform: uppercase !important;
    font-weight: 700;
    font-family: 'open-sans-light', sans-serif !important;
    font-size: 12px !important;
}
.api-uf-view .filter-and-sort .uf-button-extra i{
    margin-right: 5px;
}

.api-uf-view .filter-and-sort .uf-button-extra.uf-extra-disabled{
    color : rgba(44, 50, 56, 0.75) !important;   
}

.api-uf-view .filter-and-sort.extra-buttons-group{
    margin-right: 5px !important;
}
 

.api-uf-view .filter-and-sort .select2-container.select2-container--open {
    background-color: white;
}

.cb_template.popover .popover-header{
    overflow: hidden !important;
}

.select2-search--dropdown {
    display: none !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple
 {
    border: none !important; 
}


.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #2c3238 !important;
    font-weight: bold !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #2c3238 !important;
    font-weight: bold !important;
}

.select2-container--default .select2-selection--single {
    background: transparent url(../vendors/img/forms/select-caret-dark.svg) no-repeat bottom 2px right 6px !important;
}

.api-uf-view .filter-and-sort > i, .api-uf-view .filter-and-sort .membership-required > i{
    display: none !important;
}

.select2-container{
   /* margin-left: 2px !important;*/
}

.select2-dropdown .select2-results__option--highlighted[aria-selected]:not([aria-selected=true]) {
    color: #2c3238 !important;
}

.select2-container--open .select2-dropdown {
    padding: 5px 5px !important;
    background-color: #fee15e;
    color: #2c3238;
    border: none;
    border-radius: 5px !important;
    margin: 4px 0;
}

.select2-dropdown .select2-results__option {
    padding: 2px 6px 0px 6px !important;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 500;
    margin-right: 1px;
}

/* Añade margen abajo de 2px si no es el último elemento */
.select2-dropdown .select2-results__option:not(:last-child) {
    margin-bottom: 2px;
}


.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border: none;
}

header .header-login input[type=submit] {
    border: 1px solid #fedf54 !important;
    padding: 2px 15px 1px !important;
}

.api-uf-view .tile, .api-uf-view .table thead th {
    background: #032d4b !important;
}

.api-uf-view .tile, .api-uf-view .table th {
    background: #0a66a8 !important;
}

.api-uf-view .table-striped > tbody > tr:not(.uf-highlighted-row):nth-child(odd) > td {
    background: #065386 !important;
}
.api-uf-view .table-striped  tbody tr td div.uf-user-list-avatar-container{
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    
    margin: -5px 10px -5px 0 !important;
}
.api-uf-view .table-striped  tbody tr td div.uf-user-list-avatar-container .img-thumbnail{
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    padding: 2px !important;
    background-color: #25435b !important;
    border: none !important;
}
.api-uf-view .table-striped  tbody tr td div.uf-user-list-avatar-container .img-thumbnail text{
  font-size: 55px;
}
.api-uf-view .table-striped  tbody tr td div.uf-user-premium-icon{
    float: right;
  height: 20px;
  margin: 0px 0 -5px;
  border-radius: 50%;
  padding: 6px;
  background-color: #25435b;
  width: 20px;
}
.api-uf-view .table-striped  tbody tr td div.uf-user-premium-icon img{
  height: 14px;
  width: 12px;
  margin-top: -14px;
  margin-left: -2px;
  max-width: none;
}
.uf-highlight-container-by-active{
border-radius: 5px !important;
    font-size: 14px !important;
    text-transform: uppercase;
    min-width: 30px !important;
    display: inline-block;
    line-height: 12px;
    min-height: 18px !important;
    margin-bottom: -10px;
    margin-top: -10px;
    font-weight: bold;
    color: #fedf54 !important;
    background-color: rgba(0, 0, 0, 0.25);
    padding: 5px;
}

.uf-highlight-container-by-active:has(a){
    font-size: inherit !important;
    font-weight: inherit !important;
    color: #fedf54 !important;
}

.api-uf-view .table-striped > tbody > tr:has(.uf-highlight-container-by-active) > td {
}
/*
.api-uf-view .tile, .api-uf-view .table tr.uf-highlighted-row th,
.api-uf-view .table-striped > tbody > tr.uf-highlighted-row:nth-child(odd) > td {
    background: #ffd600ad !important;
}*/
/*
legend, div.page-header h1, 
#rt-mainbody-surround .rt-block .title, 
#rt-mainbody-surround .rt-block .component-content h2, 
#rt-mainbody-surround .rt-block .component-content h2 a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: white !important;
    border: none !important;
    text-shadow: none !important;
}
*/
#rt-mainbody-surround div.cb_template.login{
    display: block;
    padding-top: 0;
}

#rt-mainbody-surround div.cbRegistrationHeader{

}
#rt-mainbody-surround div.cb_template h3{

}
#rt-mainbody-surround div.cb_template h3,
#rt-mainbody-surround div.home-block-container h2,
#rt-mainbody-surround .rt-block .component-content h2[itemprop="name"] {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 56px !important;
    margin-bottom: 6.5px !important;
    padding-bottom: 25px !important;
    font-weight: 100 !important;
    color: white !important;
    border-bottom: none !important;
    margin-top: 20px !important;
    z-index: 2;
    position: relative;
}

#rt-mainbody-surround div.cb_template h3,
#rt-mainbody-surround div.home-block-container h2,
#rt-mainbody-surround .rt-block .component-content h2[itemprop="name"] a{
    text-shadow: none !important;
    color: white !important;
    pointer-events: none;
    cursor: default;
}

#rt-mainbody article p,
.uf-description{
    color: white !important;
    text-shadow: none !important;
    text-align: center !important;
    font-weight: normal !important;
    opacity: 1 !important;
    font-size: 14px !important;
    line-height: 20px;
}
#rt-mainbody .block-area.api-uf-view .uf-description p.uf-p{
    width: 100%;
    text-align: left !important;
    margin: 2px !important;
    background-color: rgba(3, 45, 75, 0.25);
    padding: 5px;
    border-radius: 4px;
}
#rt-mainbody .block-area.api-uf-view .uf-description p.uf-p:first-child {
    margin-top: 5px !important;
}
#rt-mainbody .block-area.api-uf-view .uf-description p.uf-p u {
    color: antiquewhite!important;
}
#rt-mainbody article p,
.uf-description b{
    color: #fedf54 !important;
}

.api-uf-view .legend-after-title{
        background-color: rgba(3, 45, 75, 0.5) !important;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 15px 0 0 0 !important;
    text-align: center;
}

img.achievement-icon.achievement-icon-no-current{
filter: grayscale(100%);
}

div.uf-pre-buttons,
div.uf-post-buttons {
    margin: 50px auto 80px;
    text-align: center;
    padding: 0 !important;
}

#cbcheckedadminForm,
#cbcheckedadminForm .cbTabs,
#cbcheckedadminForm .cbTabs .cbTabsNav,
.cb_template .cbTabsMenu,
.cb_template .cbTabsMenu .cbTabsMenuNavBar,
.cb_template .cbTabsMenu .cbTabsMenuNavBar .cbNavBarContainer,
.cb_template .cbTabsMenu .cbTabsMenuNavBar .cbNavBarContainer .cbNavBarMenu{
display: inline-block !important;
    text-align: center !important;
    width: 100% !important;
}

#cbcheckedadminForm div.form-group#cbfr_params_editor,
#cbcheckedadminForm div.form-group#cbfr_params_timezone,
#cbcheckedadminForm div.form-group#cbfr_params_language{
    display: none !important;
}

#cbcheckedadminForm .cbProfileEditButtons
{
    text-align: center !important;
    margin: 30px 0 -80px 0;
}
#cbcheckedadminForm .cbProfileEditButtons > div
{
    display: block;
  width: 100%;
}

#cbcheckedadminForm .cbTabs .cbTabsNav
{
    border-bottom: none !important;
    margin-bottom: 30px !important;
    margin-left: 0;
}
#cbcheckedadminForm .cbTabs .cbTabsNav .nav-link:before{
    display: none;
}
#cbcheckedadminForm .cbTabs li a{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#cbcheckedadminForm .cbTabs li,
.cb_template .cbTabsMenu .cbTabsMenuNavBar .cbNavBarContainer .cbNavBarMenu li{
    float: unset !important;
    display: inline-block;
}
#cbcheckedadminForm .cbTabs .cbTabsNav li.cbPrivacySimpleTab,
 .cb_template .cbTabsMenu .cbTabsMenuNavBar .cbNavBarContainer .cbNavBarMenu li.cbNavBarOverflow{
    display: none !important;
}

#cbcheckedadminForm .cbTabs .cbTabsNav a.nav-link,
.cb_template .cbTabsMenuNavBar.navbar-light .navbar-nav a.nav-link{
    font-size: 12px !important;
    line-height: normal !important;
}
#cbcheckedadminForm .cbTabs .cbTabsNav a.nav-link,
.cb_template .cbTabsMenuNavBar.navbar-light .navbar-nav a.nav-link,
a.uf-button.uf-button-group{
    margin-right: 2px !important;
}
#cbcheckedadminForm .cbTabs .cbTabsNav .nav-item.cbTabNav:not(.d-md-none):first-child a.nav-link,
.cb_template .cbTabsMenuNavBar.navbar-light .navbar-nav .nav-item.cbTabNav:not(.d-md-none):first-child a.nav-link,
a.uf-button.uf-button-group:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#cbcheckedadminForm .cbTabs .cbTabsNav .nav-item.cbTabNav:not(.d-md-none):nth-last-child(2) a.nav-link,
.cb_template .cbTabsMenuNavBar.navbar-light .navbar-nav .nav-item.cbTabNav:not(.d-md-none):nth-last-child(2) a.nav-link,
a.uf-button.uf-button-group:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;   
    margin-right: 0 !important; 
}
a.uf-button:not(.uf-button-group) {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;    
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#cbcheckedadminForm .cbTabs .cbTabsNav a.nav-link,
.cb_template .cbTabsMenuNavBar.navbar-light .navbar-nav a.nav-link,
a.uf-button {
    background-color: #fedf54 !important;
    /*border: 1px solid #dbb800 !important;*/
    border: none !important;
    color: #2C3238 !important;
    padding: 5px 25px 6px !important;
    text-align: center;
    text-transform: uppercase !important;
    font-weight: 700;
    font-family: 'open-sans-light', sans-serif !important;
    display: inline-block;
    min-width: 100px !important;
}
#cbcheckedadminForm .cbTabs .cbTabsNav a.nav-link,
.cb_template .cbTabsMenuNavBar.navbar-light .navbar-nav a.nav-link,
.uf-pre-buttons-simetric a.uf-button{
    min-width: 110px !important;
}

a.uf-button.uf-button-mini{
    padding: 1px 10px 0px !important;
    font-size: 10px !important;
    display: inline-block;
    width: 80px !important;
}


a.uf-button.uf-button-enable{
    background-color: #16a0ff !important;
    border: 1px solid #16a0ff !important;
    color: white !important;
   /* font-weight: normal !important;*/
    letter-spacing: 0.75px;
}

a.uf-button.uf-button-mini.membership-required{
    opacity: 0.95 !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: #fee15e !important;
    color: #2c3238 !important;
    font-weight: bold !important;
}
*/
#cbcheckedadminForm .cbTabs .cbTabsNav a.nav-link:hover,
.cb_template .cbTabsMenuNavBar.navbar-light .navbar-nav a.nav-link:hover,
.api-uf-view .filter-and-sort .uf-button-extra:hover,
.api-uf-view .block-title.beside-title:hover,  .api-uf-view .block-title.uf-pagination:not(.uf-pagination-total):not(.disabled):not(.current):hover,
.api-uf-view .block-title.beside-title:hover a,  .api-uf-view .block-title.uf-pagination:hover a,
.api-uf-view .filter-and-sort .select2-container:hover:not(.select2-container--open),
header .header-login input[type=submit]:hover,
a.uf-button:hover,
.popover.popover-premium a:hover,
a.be-premium:hover,
#rt-mainbody-surround .cb_template div .cbregPlan .cbregButtonContainer span.unselected-plan:hover,
div.user-header .uf-premium-header a.be-premium:hover,
#rt-mainbody-surround .cb_template button.pmButton.pmButtonNew:hover,
.select2-dropdown .select2-results__option--highlighted[aria-selected]:not([aria-selected=true]):not(:has(.uf-filter-input-text)) {
    background-color: #032d4b !important;
    color: white !important; 
}

#rt-mainbody-surround .cb_template div .cbregPlan .cbregButtonContainer span.unselected-plan:hover,
a.be-premium:hover,
div.user-header .uf-premium-header a.be-premium:hover{
    box-shadow: 0 0 10px 2px #fedf54, 0 0 20px 4px #fedf54;
}
.popover.popover-premium a:hover{
    box-shadow: 0 0 10px 2px #16A0FF, 0 0 20px 4px #16A0FF;
}

.api-uf-view .filter-and-sort .uf-button-extra.uf-extra-disabled:hover{
    color: rgba(255, 255, 255, 0.75) !important;
}
/* We put it appar because the blu background overlaps the arrow.*/
.api-uf-view .filter-and-sort .select2-container:hover:not(.select2-container--open) span{
    color: white !important;
}

.api-uf-view .filter-and-sort .select2-container--default:hover:not(.select2-container--open) .select2-selection--single
{
    background: transparent url(../vendors/img/forms/select-caret.svg) no-repeat bottom 2px right 6px !important;
}
#cbcheckedadminForm .cbTabs .cbTabsNav a.nav-link.active,
.cb_template .cbTabsMenuNavBar.navbar-light .navbar-nav a.nav-link.active,
.api-uf-view .filter-and-sort .uf-button-extra.current,
a.uf-button.current,
.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,
.api-uf-view .block-title.beside-title.current,  .api-uf-view .block-title.uf-pagination.current,
.filter-and-sort .select2-container--default.select2-container--open {
    background-color: white !important;
    color: #2c3238 !important;
}

.select2-container--default .select2-results__option{
    border-radius: 3px;
}

a.uf-button.current{
    pointer-events: none !important;
    cursor: default !important;
}

.div-format-games {
    margin-top: 26px;
}

.uf-folder {
    width: 314px;;
}
.uf-folder:nth-child(3n) {
    margin-right: 0;
}
.div-format-teamid .block-team .team-name a, .div-format-teamid .block-team .team-name span, .div-format-teamid .block-team .team-league {
    width: 258px;
}
.div-format-teamid .block-team .team-league .flag img {
    margin-top: 3px;
}


















/* ******************************* DESAFIOS ******************************* */
/* ******************************* DESAFIOS ******************************* */






/* ******************************* HALL OF FAME ******************************* */
/* ******************************* HALL OF FAME ******************************* */


.salon-fama{
    /*background: url(https://club.unifutbol.com/test/images/ver2/fondos/background-salon-fama.png) no-repeat !important;*/
    background-size: 100% !important;
    margin:0;
}

.block-area.api-uf-view #uf-hall-of-fame {
    margin-top: 130px;
}

.salon-fama  .module-content:before {
    display: table;
    content: "";
    line-height: 0;
}

.salon-fama  .module-content:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.block-area.api-uf-view #uf-hall-of-fame h1{
    color: #FFF;
    text-align: center;
    font-size: 4.3em;
    padding: 1em 0 2em;
    font-weight: 100 !important;
}
.block-area.api-uf-view #uf-hall-of-fame .grid-container{
    display: flex;
    align-items: flex-end;
}
.block-area.api-uf-view #uf-hall-of-fame .dark-background{
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.60);
    margin: 0 10px;
    
    padding: 0 5px 30px 5px !important;
    max-width: 32% !important;
}
.block-area.api-uf-view #uf-hall-of-fame .dark-background .copas{
    transform: translateY(-90px);
    margin-bottom: -50px;
}
.block-area.api-uf-view #uf-hall-of-fame .dark-background h2{
    color: #FFF;
    font-size: 10em !important;
    line-height: 0.5em !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    margin-bottom: 0 !important;
}
.block-area.api-uf-view #uf-hall-of-fame .dark-background .gold{
    color: #FFD600 !important;
    border: none !important;
    font-size: 12em !important;
}
.block-area.api-uf-view #uf-hall-of-fame .dark-background .silver{
    color: #D3D3D3 !important;
    border: none !important;
}
.block-area.api-uf-view #uf-hall-of-fame .dark-background .bronze{
    color: #FFBA6F  !important;
    border: none !important;
}
.block-area.api-uf-view #uf-hall-of-fame .dark-background .name a{
    font-size: 90px;
    font-weight: lighter;
    font-family: 'Allison', cursive !important;
    color: #FFF;
    line-height: initial;
overflow:hidden; 
        white-space:nowrap; 
        text-overflow: ellipsis;
        width: 100%;
    display: inline-block;
    text-transform: none;
}
.block-area.api-uf-view #uf-hall-of-fame .info {
    position: relative;
    color: #FFF;
    list-style-type: none;
    margin: 0 0 20px 50px;
    padding: 0 0 0 22px;
    text-align: left;
    font-size: 16px;
}
.block-area.api-uf-view #uf-hall-of-fame .info .imagen {
    position: absolute;
    left: -25px;
}
.block-area.api-uf-view #uf-hall-of-fame .info .country-flag.imagen {
    transform: translateY(6px);
}
.block-area.api-uf-view #uf-hall-of-fame .info .titulo {
    font-weight: bold;
}
.block-area.api-uf-view #uf-hall-of-fame .info .imagen.shell {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50% !important;
    border: 3px solid rgba(0, 0, 0, 0.8);
    float: left;
    z-index: 9;
    transform: translate(-7px, -5px);
}
.block-area.api-uf-view #uf-hall-of-fame .info .imagen.shell img{
    transform: translate(3px, 4px);
    max-width: 38px;
}
.block-area.api-uf-view #uf-hall-of-fame .lista-titulos{
    position: relative;
    color: #FFF;
    list-style-type: none;
    margin: 0 20px 0px 20px;
    padding: 15px;
    text-align: left;
    border-radius: 5px;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.1);
}
.block-area.api-uf-view #uf-hall-of-fame .lista-titulos li:first-child,
.block-area.api-uf-view #uf-hall-of-fame .lista-titulos li:first-child a{
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 1em;
}
.block-area.api-uf-view #uf-hall-of-fame .lista-titulos li i{
    color:#ABABB6;
}
.block-area.api-uf-view #uf-hall-of-fame .button-container{
text-align: center;
padding: 1em;
margin-top: 15px !important;
}
.block-area.api-uf-view #uf-hall-of-fame .button-container .button {
   padding: 0.5em 5em !important;
}
.block-area.api-uf-view #uf-hall-of-fame .button-container .button:after{
    content: ""!important;
}

/* ******************************* HALL OF FAME ******************************* */
/* ******************************* HALL OF FAME ******************************* */


/* ******************************* PODIUM ******************************* */
/* ******************************* PODIUM ******************************* */

.clasificacion-general{
    /*background: url(https://club.unifutbol.com/test/images/ver2/fondos/background-clasificacion.png) no-repeat !important;*/
    background-size: 100% !important;
    margin:0;
}

.block-area.api-uf-view #uf-podium {
    margin-top: 130px;
}

.block-area.api-uf-view #uf-podium:before {
    display: table;
    content: "";
    line-height: 0;
}

.block-area.api-uf-view #uf-podium:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.block-area.api-uf-view #uf-podium h1{
    color: #FFF;
    text-align: center;
    font-size: 4.3em;
    padding: 1em 0 2em;
    font-weight: 100 !important;
}
.block-area.api-uf-view #uf-podium .grid-container{
    display: flex;
    align-items: flex-end;
}
.block-area.api-uf-view #uf-podium .dark-background{
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.60);
    margin: 0 10px;
    
    padding: 0 5px 30px 5px !important;
    max-width: 32% !important;
}
.block-area.api-uf-view #uf-podium .dark-background .copas{
    transform: translateY(-90px);
    margin-bottom: -50px;
}
.block-area.api-uf-view #uf-podium .dark-background h2{
    color: #FFF;
    font-size: 10em !important;    
    font-weight: 700 !important;
    line-height: 0.5em !important;
    border: none !important;
    text-shadow: none !important;
}
.block-area.api-uf-view #uf-podium .dark-background .gold{
    color: #FFD600 !important;
    font-size: 12em !important;
}
.block-area.api-uf-view #uf-podium .dark-background .silver{
    color: #D3D3D3 !important;
}
.block-area.api-uf-view #uf-podium .dark-background .bronze{
    color: #FFBA6F !important;
}
.block-area.api-uf-view #uf-podium .dark-background .name a {
    font-size: 90px;
    /*font-size: clamp(20px, 8vw, 100px);*/
    font-weight: lighter;
    font-family: 'Allison', cursive !important;
    color: #FFF;
    line-height: initial;
    white-space:nowrap; 
    text-transform: inherit;
overflow:hidden !important; 
text-overflow: ellipsis;
width: 100%;
    display: inline-block;
    text-transform: none;
}
.block-area.api-uf-view #uf-podium .puntos-title, .block-area.api-uf-view #uf-podium .nivel-title{
    color: #26B1FF;
    font-size: 40px;
    font-weight: lighter;
line-height: initial;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.block-area.api-uf-view #uf-podium .puntos, .block-area.api-uf-view #uf-podium .nivel{
    color: #FFF;
    font-size: 40px;
    font-weight: bolder;
    line-height: initial;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.block-area.api-uf-view #uf-podium .nivel-title{
    color: #F47000;
}
.clasificacion-general .button-container{
text-align: center;
padding: 1em;
margin-top: 15px !important;
}
.button-container .button {
   padding: 0.5em 5em !important;
}
.button-container .button:after{
    content: ""!important;
}
/* ******************************* PODIUM ******************************* */
/* ******************************* PODIUM ******************************* */

/* ******************************* COLLECTIONS ******************************* */
/* ******************************* COLLECTIONS ******************************* */

.div-format-collections {
    margin-top: 50px;
}

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

.uf-collection-wrapper{
/*background-color: #b0d0e1;*/
    padding: 0;
    width: 240px;
    height: 158px;
    transform: translate(28px, 21px);
    display: inline-block;
}

.uf-collection {
  display: inline-block;
  width: 470px;
  height: 200px;
  margin: 25px 15px 120px 0;
  position: relative;
  background-color: #dcebf6;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.2);
}
.uf-collection .uf-collection-link {
    display: block;  
    transform: translate(10px, -45px);
}

.uf-collection .uf-collection-link img{
    max-width: 180px !important;
}

.uf-collection .div-format-field{
    color: black !important;
    float: left;
    clear: left;
}

.uf-collection:nth-last-child(-n+2) {
    margin-bottom: 70px !important;
}

 .uf-collection .div-format-field {
    color: black !important;
    overflow: visible !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    text-transform: uppercase;
 }

 .uf-collection .div-format-field.div-format-name {
    font-family: BankGothicMd;
    max-width: 100%;
    transform: none;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 15px;;
 }

  .uf-collection .div-format-field.div-format-button {
    float: right;
    margin-top: 30px;
 }

  .uf-collection .div-format-field.div-format-button .uf-button{
    padding: 3px 15px !important;
    font-size: 11px !important;
    width: 110px !important;
 }
/* ******************************* COLLECTIONS ******************************* */
/* ******************************* COLLECTIONS ******************************* */

/* ******************************* SYSTEM BASICS ******************************* */
/* ******************************* SYSTEM BASICS ******************************* */
div.alert.alert-error div.alert-message, div.alert.alert-warning div.alert-message {
    white-space: normal;
}

#system-message-container{
    margin: 0 !important;    
    font-family: 'ArialNarrow', sans-serif !important;
    max-width: 500px !important;
}

#system-message-container #system-message{
    margin: 0 !important;    
}
#system-message-container #system-message > div{
    margin: 20px 0 !important;    
}

#system-message-container h4{
    font-family: 'ArialNarrow', sans-serif !important;
    transform: translateY(2px);
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: bold !important;
    font-stretch: condensed !important;
}

.cbValidationMessage.invalid-feedback,
#system-message-container .alert-message{
    font-family: 'ArialNarrow', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    font-stretch: condensed !important;
    color: white;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 3px 10px 0 0;
}

.cbValidationMessage.invalid-feedback,
#system-message-container .alert-error .alert-message{
    background-color: rgba(204, 0, 0, 0.75);
}
#system-message-container .alert-message .alert-message{
    background-color: rgba(0, 85, 187, 0.75);
}
#system-message .alert-warning .alert-message{
    background-color: #A08B4C;
}

body > div#rt-drawer{
    background: rgba(6,11,14,1);
    background: -moz-linear-gradient(top, rgba(6,11,14,1) 0%, rgba(28,45,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,11,14,1)), color-stop(100%, rgba(28,45,55,1)));
    background: -webkit-linear-gradient(top, rgba(6,11,14,1) 0%, rgba(28,45,55,1) 100%);
    background: -o-linear-gradient(top, rgba(6,11,14,1) 0%, rgba(28,45,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(6,11,14,1) 0%, rgba(28,45,55,1) 100%);
    background: linear-gradient(to bottom, rgba(6,11,14,1) 0%, rgba(28,45,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060b0e', endColorstr='#1c2d37', GradientType=0 );

    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);

}


.cbValidationMessage.invalid-feedback{
    max-width: 200px !important;
    float: left;
    font-size: 11px !important;
}
.cb_template .text-danger {
    color: rgba(204, 0, 0, 0.75);
}

#rt-mainbody-surround .moduletable h3{
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 56px !important;
    margin-bottom: 6.5px !important;
    padding-bottom: 25px !important;
    font-weight: 100 !important;
    color: white !important;
    border-bottom: none !important;
}


/* ******************************* SYSTEM BASICS ******************************* */
/* ******************************* SYSTEM BASICS ******************************* */
section.legal-content,
#cbunsubscribeContainer,
#cbpayOrderContainer,
#cbregThanksContainer,
div.cbpayPayFormView,
.api-uf-view.user-welcome,
#rt-mainbody-surround form.pmMessageEditForm, 
#rt-mainbody-surround div.privacyPendingDisableAccount .form-group,
#rt-mainbody-surround div.privacyDisableAccount form .form-group,
#rt-mainbody-surround div.cbTabsContent,
.pmMessages .pmMessagesRows,
#rt-mainbody-surround div.cb_template.login form,
#rt-mainbody-surround div.cb_template.cbRegistration form,
#rt-mainbody-surround form#login-form{ 
width: 500px;
    border-radius: 5px !important;
    background-color: rgb(0 0 0 / 35%) !important;
    padding: 30px 40px !important;
    color: white !important;
    font-family: 'ArialNarrow', sans-serif !important;
    font-size: 19px !important;
    margin: 15px 0 !important;
    float: right;
}

#rt-mainbody-surround div.cbTabsContent #cbtabpane27{
    font-size: 15px !important;
}
#rt-mainbody-surround div.cbTabsContent .activityStream > b{
    font-weight: inherit !important;
}
#rt-mainbody-surround div.cbTabsContent #cb_tabid_27 .activityStreamItems.streamItems{
    margin-top: 10px !important;
}

#rt-mainbody-surround div.cbTabsContent strong{
    font-weight: 700 !important;
}
.popover-body .pmMessages .pmMessagesRows{
    padding: 10px !important;
    min-height: auto;
    margin-bottom: 0px !important;
    margin-top: 10px !important;
}

#home #rt-mainbody-surround form#login-form.cbLogoutForm{ 
    display: none !important;
}

#rt-mainbody-surround form#login-form{
    min-height: 550px !important;
}

#rt-mainbody-surround form.pmMessageEditForm{
    margin-top: 0 !important;
}
section.legal-content,
#cbunsubscribeContainer,
#cbpayOrderContainer,
#cbregThanksContainer,
div.cbpayPayFormView,
#rt-mainbody-surround form.pmMessageEditForm, 
#rt-mainbody-surround div.privacyPendingDisableAccount .form-group,
#rt-mainbody-surround div.privacyDisableAccount form .form-group,
#rt-mainbody-surround div.cbTabsContent,
.pmMessages .pmMessagesRows,
#rt-mainbody-surround div.cb_template.login form{
    width: 100% !important;
    float: left;
    padding: 40px !important;
    text-align: left !important;
    /*background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.35) 0%,   
    rgba(0, 0, 0, 0.5) 100%     
) !important;*/
}
section.legal-content,
#cbunsubscribeContainer,
#cbpayOrderContainer,
#cbregThanksContainer,
div.cbpayPayFormView,
.pmMessages .pmMessagesRows{
    font-size: 15px !important;
}
.pmMessages .pmMessagesRows{
    min-height: 800px;
}

#rt-mainbody-surround div.cbPosCanvasMainMiddle{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#rt-mainbody-surround div.cbTabsContent
{
    margin-top: 0 !important;
    padding-bottom: 120px !important;
}
#rt-mainbody-surround div.cbTabsContent .form-group label{
    font-family: 'ArialNarrow', sans-serif !important;
    font-size: 15px !important;
    font-weight: normal;
    text-align: left;
    display: block;
    padding: 0 !important;
}
#rt-mainbody-surround div.cbTabsContent .form-group{
    margin-bottom: 10px !important;
}
#rt-mainbody-surround div.cbTabsContent .form-group .cb_field,
#rt-mainbody-surround div.cbTabsContent .form-group .form-control-plaintext{
        font-family: 'ArialNarrow', sans-serif !important;
    font-size: 15px !important;
    font-weight: normal;
    text-align: left;
    display: block;
    color: #fedf54 !important;
    padding: 0 !important;
}
.api-uf-view.user-welcome:after,
#rt-mainbody-surround form#login-form:after{
content: "";
    display: math;
        width: 1304px;
    height: 308px;
    background-image: url(../../images/ver2/fondos/wave1.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 0;
    pointer-events: none;
    
    transform: translate(-100px, 334px);
}
.api-uf-view.user-welcome:after{
    transform: translate(-100px, -113px);
}
@keyframes aparecer-desde-arriba {
  0% {
    opacity: 0;
    transform: translateY(-140px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.api-uf-view.user-welcome{
    min-height: 550px !important;
    width: 650px !important;
    font-size: 13px !important;
    animation: aparecer-desde-arriba 0.6s ease;
}

.api-uf-view.user-welcome .user-welcome-header{
    background-color: rgba(0,0,0,0.35);
    margin: -30px -40px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 20px;
  height: 50px;
}


.api-uf-view.user-welcome .user-welcome-subheader{
    margin: 30px 0px 20px !important;
  font-size: 13px !important;
  text-align: center;
  display: block;
  width: 100%;
}


.api-uf-view.user-welcome .user-welcome-header .uf-user-welcome-avatar-container{
    display: inline-block;
    transform: translate(0px, -50px);
}

.api-uf-view.user-welcome .user-welcome-header .uf-user-welcome-avatar-container img,
.api-uf-view.user-welcome .user-welcome-header .uf-user-welcome-avatar-container svg{
    display: inline-block;
    width: 100px !important;
    height: 100px !important;
}
.api-uf-view.user-welcome .user-welcome-header .user-welcome-title{
    transform: translate(-20px, -20px);
    float: right;
}

.api-uf-view.user-welcome .user-welcome-block{
    background-color: rgba(3,45,75,0.75);
  padding: 10px 0px;
  margin-bottom: 10px;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}


@keyframes user-welcome-block-hover {
  15%, 40%, 75%, 100% {
      transform-origin: center center;
  }
  15% {
      transform: scale(1.01);
      /*border-width: 1.25px;*/

  }
  40% {
      transform: scale(1.02);
      /*border-width: 1.5px;*/

  }
  75% {
      transform: scale(1.03);
      /*border-width: 1.75px;*/
  }
  100% {
      transform: scale(1.05);
      /*border-width: 2px;*/
  }
  
}
@keyframes user-welcome-block-hover-h4 {
  100% {
      padding-left: 30px;
  }
}
.api-uf-view.user-welcome .user-welcome-block:hover{
    animation: user-welcome-block-hover 200ms ease-in-out 1;
    animation-fill-mode: forwards;
    background-color: rgba(1, 34, 58, 0.9);
    /*border: 1px solid rgba(255,255,255,0.35);*/
}

.api-uf-view.user-welcome .user-welcome-block:hover h4
{
    animation: user-welcome-block-hover-h4 200ms ease-in-out 1;
    animation-fill-mode: forwards;
    color: rgba(255, 255 ,255 ,0.95) !important;
}

.api-uf-view.user-welcome .user-welcome-block.uf-welcome-block-bg-1::before,
.api-uf-view.user-welcome .user-welcome-block.uf-welcome-block-bg-2::before,
.api-uf-view.user-welcome .user-welcome-block.uf-welcome-block-bg-3::before,
.api-uf-view.user-welcome .user-welcome-block.uf-welcome-block-bg-4::before
{
    content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 300px;
  background-image: url(../../api/images/welcome.block.1.png);
  background-size: cover;      /* O 'contain' según el efecto deseado */
  background-repeat: no-repeat;
  pointer-events: none;        /* Opcional: permite hacer clic a través de la imagen */
  z-index: 1;  
  opacity: 0.5;
}

.api-uf-view.user-welcome .user-welcome-block.uf-welcome-block-bg-1::before
{
  background-image: url(../../api/images/welcome.block.1.png);
}

.api-uf-view.user-welcome .user-welcome-block.uf-welcome-block-bg-2::before
{
  background-image: url(../../api/images/welcome.block.2.png);
}

.api-uf-view.user-welcome .user-welcome-block.uf-welcome-block-bg-3::before
{
  background-image: url(../../api/images/welcome.block.3.png);
}

.api-uf-view.user-welcome .user-welcome-block.uf-welcome-block-bg-4::before
{
  background-image: url(../../api/images/welcome.block.4.png);
}

.api-uf-view.user-welcome .user-welcome-block:last-child {
  margin-bottom: 0;
}

.api-uf-view.user-welcome .user-welcome-block h4{
    font-size: 10px !important;
  text-transform: uppercase;
  background-color: rgba(29, 43, 62, 0.9);
  padding: 5px 10px;
  position: absolute;
  margin-top: -10px;
  margin-left: 0;
  font-weight: normal;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  color: rgba(255, 255, 255, 0.5) !important;
  z-index: 999;
}

.api-uf-view.user-welcome .user-welcome-block ul{
    list-style-type: none;
    padding-left: 0;
    margin: 0px 15px 0px;
}

.api-uf-view.user-welcome .user-welcome-block ul li{ 
    text-align: right;
    background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),    /* Izquierda: totalmente transparente */
    rgba(0, 0, 0, 0.25)      /* Derecha: totalmente opaco */
  );
    line-height: 17px;
}
.api-uf-view.user-welcome .user-welcome-block ul li:nth-child(odd){ 
    background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),    /* Izquierda: totalmente transparente */
    rgba(0, 0, 0, 0.1)      /* Derecha: totalmente opaco */
  );
}


.api-uf-view.user-welcome .user-welcome-block ul li span.user-welcome-line {
    text-align: right;
}

.api-uf-view.user-welcome .user-welcome-block ul li span.user-welcome-icon{
  margin-left: 5px;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  padding: 5px;
  transform: translateY(3px);
}
.api-uf-view.user-welcome .user-welcome-block ul li span.user-welcome-icon i{
    font-size: 14px;
  transform: translateY(-4px);
}
.api-uf-view.user-welcome .user-welcome-block ul li i.fa-arrow-circle-right{
    opacity: 0.5;    
}

.api-uf-view.user-welcome .user-welcome-block ul li span.welcome-premium{
    font-weight: bold;
    color: #fedf54 !important;
    text-transform: uppercase;
}
.api-uf-view.user-welcome .user-welcome-block ul li span.welcome-basic{
    font-weight: bold;
    color: #16a0ff !important;
    text-transform: uppercase;
}
.api-uf-view.user-welcome .user-welcome-block ul li span.no-uppercase{
    text-transform: none !important;
}
.api-uf-view.user-welcome .user-welcome-block ul li div.shell{
width: 35px;
  height: 35px;
  background-color: white;
  border-radius: 50% !important;
  border: 2px solid rgba(0,0,0,0.8);
  z-index: 9;
  transform: scale(0.5) translate(0px, -11px);
  display: inline-block;
  margin: -10px -5px -10px -10px;
}
.api-uf-view.user-welcome .user-welcome-block ul li div.shell img{
  width: 24px; 
 transform: translate(-3px, 4px);
}

@keyframes uf-boing {
  15%, 40%, 75%, 100% {
      transform-origin: center center;
  }
  15% {
      transform: scale(1.15);
  }
  40% {
      transform: scale(1);
  }
  75% {
      transform: scale(1.15);
  }
  100% {
      transform: scale(1, 1);
  }
}

.api-uf-view.user-welcome .user-welcome-block ul li span small{
    opacity: 0.75;
  transform: translateY(-2px);
  display: inline-block;
  font-size: 0.8em;
}

.uf-highlighted-data,
.api-uf-view.user-welcome .user-welcome-block ul li span.uf-boing {
  animation: uf-boing 1500ms ease-in-out 5;
  
}


@keyframes uf-highlighted-data {
  15%, 40%, 75%, 100% {
      transform-origin: left center;
  }
  15% {
      transform: scale(1.05);
  }
  40% {
      transform: scale(1);
  }
  75% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1, 1);
  }
}

.uf-highlighted-data{
  animation: uf-highlighted-data 1500ms ease-in-out 2;
}
.uf-highlighted-data, .uf-highlighted-data small{
    color: white !important;
    font-weight: bold !important;
}
.api-uf-view.user-welcome .user-welcome-block ul li span.uf-short-effect {
  animation-iteration-count: 3 !important;
}

.api-uf-view.user-welcome .user-welcome-block ul li span.uf-welcome-data {
  display: inline-block;
  font-size: 1.25em;
}
.api-uf-view.user-welcome .user-welcome-block ul li span.uf-welcome-subdata {
  font-size: 1.15em;
}
.api-uf-view.user-welcome .user-welcome-block ul li span.uf-welcome-subdata{
    margin-right: 2px;
  transform: translateY(1px);
}
.api-uf-view.user-welcome .user-welcome-block ul li span.uf-welcome-data-listed-value{
    font-size: 0.9em !important;
}
.api-uf-view.user-welcome .user-welcome-block ul li span.uf-welcome-data-listed{
    font-size: 0.9em !important;
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: bold !important;
}
.api-uf-view.user-welcome .user-welcome-block ul li span.uf-welcome-data-listed:first-child{
    margin-left: 5px;
}

#rt-mainbody-surround form#login-form div.pretext{
    width: 100%;
    float: left;
    display: block;
    font-weight: lighter;
    font-size: 20px;
    text-align: center !important;
    margin: 0 auto !important;
}

#rt-mainbody-surround form#login-form a:before{
    content: none !important;
 }

#rt-mainbody-surround form#login-form div.pretext h2{
text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 47px !important;
    padding: 0px !important;
    font-weight: 100 !important;
    color: white !important;
    border-bottom: none !important;
    margin: 10px auto 0 !important;
    text-shadow: none;
    line-height: 50px !important;
}

#rt-mainbody-surround form#login-form div.pretext > p {
    margin: 0 !important;
}

#rt-mainbody-surround form#login-form div.pretext > p:first-child,
#rt-mainbody-surround form#login-form div.pretext > p:last-child {
    margin: 0 !important;
}

#rt-mainbody-surround form#login-form div.pretext > p.subtitle {
margin-top: 10px !important;
    line-height: 25px;
    padding: 0 26px !important;
    font-size: 21px !important;
    font-weight: lighter;
}
#rt-mainbody-surround form#login-form ul#form-login-links {
    text-align: center;
}
#rt-mainbody-surround form#login-form ul#form-login-links a,
#rt-mainbody-surround form#login-form div.pretext a{
    color: white !important;
}
#rt-mainbody-surround form#login-form div.pretext a{
    color: white !important;
    text-decoration: underline !important;
}
#rt-mainbody-surround form#login-form ul#form-login-links a:hover,
#rt-mainbody-surround form#login-form div.pretext a:hover{
    color: #fedf54 !important;
}

#rt-mainbody-surround form#login-form .userdata{
width: 260px;
    display: block;
    margin: 25px auto !important;
    clear: both;
}

#rt-mainbody-surround form#login-form .userdata label{
    font-family: 'ArialNarrow', sans-serif !important;
    font-size: 15px !important;
    font-weight: normal;
    text-align: left;
    display: block;
}

#rt-mainbody-surround form#login-form .userdata #form-login-remember label,
#rt-mainbody-surround form#login-form .userdata #form-login-remember input[type="checkbox"]{
    float: left;
}
#rt-mainbody-surround form#login-form .userdata #form-login-remember input[type="checkbox"]{
    margin: 3px 0 0 5px;
}

#rt-mainbody-surround form#login-form ul#form-login-links{
    width: 55%;
    display: block;
    margin: 0 auto !important;
    clear: both;
    z-index: 2;
}
.select2-container .uf-filter-input-text,
.cb_template .form-auto input.form-control,
#rt-mainbody-surround form#login-form input.form-control {
    font-family: 'ArialNarrow', sans-serif !important;
    font-size: 15px !important;
    font-weight: normal;
    text-align: left;
    display: block;
    border-radius: 5px !important;
    border: 1px solid rgba(0, 0, 0, 0.75) !important;
    width: 100% !important;
    padding: 13px 5px !important;
    margin-top: 3px;
    height: 20px;
}
.cb_template .form-auto textarea.form-control{
    font-family: 'ArialNarrow', sans-serif !important;
    font-size: 15px !important;
    font-weight: normal;
    padding: 2px 5px !important;
}
input::selection,
.select2-container .uf-filter-input-text::selection,
.cb_template .form-auto input.form-control::selection,
.cb_template .form-auto textarea.form-control::selection,
#rt-mainbody-surround form#login-form input.form-control::selection {
    background: #16a0ff;
    color: white;
}
.select2-container .uf-filter-input-text,
.cb_template .form-auto input.form-control{
    display: inline-block;
}
.cb_template.cbEditProfile form .form-group span.cbFieldIcons,
.cb_template.cbRegistration form .form-group span.cbFieldIcons{
    margin-left: 10px;
    transform: translateY(1px);
    font-size: 14px;
}
 .cb_template .commentContainerFooterRowLeft .btn,
 .cb_template .activityContainerFooterRowLeft .btn,
span#cbselect_connection,
.input-group-append button.btn.btn-light,
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskHide,
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskShow,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskHide,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskShow {
        position: relative;
    font-size: 0;
    background: none;
    border: none;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    width: 29px !important;
    height: 22px !important;
    margin-left: 10px !important;
    padding: 0 !important;
    border-radius: 5px !important;
    background-color: #16a0ff !important;
    margin-top: 7px;
    border: none !important;
}
 .cb_template .commentContainerFooterRowLeft .btn,
 .cb_template .activityContainerFooterRowLeft .btn{
    width: 22px !important;
 }
span#cbselect_connection{
    padding: 10px !important;
}

 .cb_template .commentContainerFooterRowLeft .btn:hover,
 .cb_template .activityContainerFooterRowLeft .btn:hover,
span#cbselect_connection:hover,
.input-group-append button.btn.btn-light:hover,
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskHide:hover,
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskShow:hover,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskHide:hover,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskShow:hover {
    background-color: #032d4b !important;
}
 .cb_template .commentContainerFooterRowLeft .btn:hover span.fa::before,
 .cb_template .activityContainerFooterRowLeft .btn:hover span.fa::before,
  .cb_template .commentContainerFooterRowLeft .btn:hover span.fa-before::before,
 .cb_template .activityContainerFooterRowLeft .btn:hover span.fa-before::before,
span#cbselect_connection:hover::before,
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskHide:hover::after,
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskShow:hover::after,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskHide:hover::after,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskShow:hover::after {
    color: white !important;
}
 .cb_template .commentContainerFooterRowLeft .btn span.fa::before,
 .cb_template .activityContainerFooterRowLeft .btn span.fa::before,
  .cb_template .commentContainerFooterRowLeft .btn span.fa-before::before,
 .cb_template .activityContainerFooterRowLeft .btn span.fa-before::before,
span#cbselect_connection::before,
.input-group-append button.btn.btn-light span::before,
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskHide::after,
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskShow::after,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskHide::after,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskShow::after {
    font-family: "FontAwesome" !important; 
    font-size: 17px;
    color: white !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    text-indent: initial;
}
.input-group-append button.btn.btn-light span::before,
 .cb_template .commentContainerFooterRowLeft .btn span.fa::before,
 .cb_template .activityContainerFooterRowLeft .btn span.fa::before,
  .cb_template .commentContainerFooterRowLeft .btn span.fa-before::before,
 .cb_template .activityContainerFooterRowLeft .btn span.fa-before::before{
    font-size: 13px !important;
 }
.input-group-append button.btn.btn-light{
    transform: translateY(-3px);
}
 #rt-mainbody-surround .cb_template .form-control.pmSearch{
padding: 0 10px !important;
    line-height: 15px !important;
    font-weight: normal;
 }
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskHide::after,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskHide::after{
    content: "\f070"; /* Unicode fa-eye-slash */
}
.cb_template.cbEditProfile form .form-group button.cbPasswordUnmaskShow::after,
.cb_template.cbRegistration form .form-group button.cbPasswordUnmaskShow::after {
    content: "\f06e"; /* Unicode fa-eye */
}

.cb_template.cbRegistration form .form-group .cbantispamCaptchaContainer .cbantispamCaptchaButtons{
    transform: translateY(12px);
}
.cb_template.cbRegistration form .form-group .cbantispamCaptchaContainer img{
    width: 218px !important;
    margin: 1px !important;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.75) !important;
}
.cb_template.cbRegistration form .form-group .cbantispamCaptchaContainer a{
    color: #16a0ff !important;
}
.cb_template.cbRegistration form .form-group .cbantispamCaptchaContainer a:hover{
    color: white !important;
}
.cb_template .mw-100 .cbantispamCaptchaImageContaner img,
.cb_template .form-auto input.form-control,
.select2-container .uf-filter-input-text{
    max-width: 200px !important;
}

.select2-container .uf-filter-input-text{ 
  max-width: 100px !important;
  width: 100px !important;
  font-size: 11px !important;
  padding: 0 3px !important;
  margin: -7px -5px -5px 2px;
  transform: translateY(0px);
  color: #2c3238;
  background-color: #c5e0fb;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px 0 0 5px !important;
}

.select2-container .uf-filter-input-text:hover{ 
  background-color: white !important;
  border: 1px solid rgba(0, 0, 0, 0.75) !important;
}
.select2-container .uf-filter-input-text::selection {
  background: #3399ff;
  color: #fff;
}
.select2-container .uf-filter-input-text::placeholder {
  text-transform: unset !important;
  font-size: 11px !important;
}

.cbantispamCaptchaImageContaner{
border-radius: 3px !important;
    overflow: hidden;
}
.cb_template a{
    color: #fedf54 !important;
}
div.cb_forgot_button input[type="submit"]{
    font-family: 'ArialNarrow', sans-serif !important;
    background-color: #16a0ff !important;
    border: 1px solid #16a0ff !important;
    color: white !important;
    width: 100%;
    padding: 5px !important;
    border-radius: 3px !important;
    text-transform: uppercase;
    margin-top: 25px;
    max-width: 350px !important;
    background-image: none !important;
}

#rt-mainbody-surround form#login-form input[type="text"], 
#rt-mainbody-surround form#login-form input[type="password"]{
    font-family: 'ArialNarrow', sans-serif !important;
    font-size: 15px !important;
    font-weight: normal;
    text-align: left;
    display: block;
    border-radius: 5px !important;
    border: 1px solid rgba(0, 0, 0, 0.75) !important;
    width: 100% !important;
    padding: 13px 5px !important;
    margin-top: 3px;
    height: 20px;
}
.cb_template form.pmMessageEditForm input[type="submit"],
.cb_template form.pmMessageEditForm input[type="button"],
.cb_template form.pmMessageReplyForm input[type="submit"],
.cb_template form.pmMessageReplyForm input[type="button"], 
#rt-mainbody-surround div.privacyPendingDisableAccount > div:last-of-type input[type="button"],
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input[type="submit"],
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input[type="button"],
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input.btn-primary[type="submit"],
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input.btn-default[type="button"],
#cbcheckedadminForm div.cbProfileEditButtons > div button.btn-primary[type="submit"],
#cbcheckedadminForm div.cbProfileEditButtons > div a.btn-secondary,
#rt-mainbody-surround .cb_template .cbpayPayFormView form .btn-primary[type="submit"],
#rt-mainbody-surround .cb_template.cbRegistration form .btn-primary[type="submit"],
#rt-mainbody-surround .cb_template .cbregUpgradeButtonDiv input[type="submit"],
#rt-mainbody-surround form#login-form button[type="submit"]{
    font-family: 'ArialNarrow', sans-serif !important;
    background-color: #16a0ff !important;
    border: 1px solid #16a0ff !important;
    color: white !important;
    width: 100%;
    padding: 4px 5px !important;
    border-radius: 3px !important;
    text-transform: uppercase;
    margin: 25px auto 0;
    background-image: none !important;
}
.cb_template form.pmMessageEditForm input[type="button"],
.cb_template form.pmMessageReplyForm input[type="button"]{
    background-color: #cbcbcb !important;
    border-color: #cbcbcb !important;
    color: #2C3238 !important;
}
.cb_template form.pmMessageEditForm input[type="submit"]:hover,
.cb_template form.pmMessageEditForm input[type="button"]:hover,
.cb_template form.pmMessageReplyForm input[type="submit"]:hover,
.cb_template form.pmMessageReplyForm input[type="button"]:hover,
#rt-mainbody-surround div.privacyPendingDisableAccount > div:last-of-type input[type="button"]:hover,
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input[type="submit"]:hover,
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input[type="button"]:hover,
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input.btn-primary[type="submit"]:hover,
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input.btn-default[type="button"]:hover,
#cbcheckedadminForm div.cbProfileEditButtons > div button.btn-primary[type="submit"]:hover,
#cbcheckedadminForm div.cbProfileEditButtons > div a.btn-secondary:hover,
div.cb_forgot_button input.btn-primary[type="submit"]:hover,
#rt-mainbody-surround .cb_template.cbRegistration form input[type="submit"]:hover,
#rt-mainbody-surround .cb_template.cbRegistration form .btn-primary[type="submit"]:hover,
#rt-mainbody-surround .cb_template .cbpayPayFormView form .btn-primary[type="submit"]:hover,

#rt-mainbody-surround .cb_template .cbregUpgradeButtonDiv input[type="submit"]:hover,
#rt-mainbody-surround form#login-form button[type="submit"]:hover{
    background-color: #032d4b !important;
    border: 1px solid white !important;
    color: white !important;
}
.cb_template form.pmMessageEditForm input[type="submit"],
.cb_template form.pmMessageEditForm input[type="button"],
.cb_template form.pmMessageReplyForm input[type="submit"],
.cb_template form.pmMessageReplyForm input[type="button"]{
    max-width: 200px !important;
    display: inline-block ;
}
#rt-mainbody-surround div.privacyPendingDisableAccount > div:last-of-type input[type="button"],
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input[type="submit"],
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input[type="button"],
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input.btn-primary[type="submit"],
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input.btn-default[type="button"],
#cbcheckedadminForm div.cbProfileEditButtons > div button.btn-primary[type="submit"],
#cbcheckedadminForm div.cbProfileEditButtons > div a.btn-secondary,
#rt-mainbody-surround .cb_template.cbRegistration form .btn-primary[type="submit"],
#rt-mainbody-surround .cb_template .cbregUpgradeButtonDiv input[type="submit"]{
    max-width: 200px !important;
    display: block ;
}
.cbregCCbutton{
    margin-top: 20px !important;
}
#cbcheckedadminForm div.form-group,
#rt-mainbody-surround .cb_template.cbRegistration .form-group,
#rt-mainbody-surround .cb_template.cbProfile .form-group:not(.cbft_image){
    display: inline-block !important;
    width: 50% !important;
    text-align: left !important;
}
#rt-mainbody-surround .cb_template.cbProfile .form-group.cbft_status,
#rt-mainbody-surround .cb_template.cbProfile .form-group.cbft_status > div.cb_field,
#rt-mainbody-surround .cb_template.cbProfile .form-group.cbft_status > div.cb_field > div > span,
#rt-mainbody-surround .cb_template div #cbfr_cbregplans,
#rt-mainbody-surround .cb_template.cbRegistration .form-group.uf-form-group-one-line,
#rt-mainbody-surround .cb_template.cbProfile .form-group.uf-form-group-one-line,
#rt-mainbody-surround .cb_template.cbRegistration .form-group.uf-form-group-one-line-registration,
#cbcheckedadminForm div.form-group.uf-form-group-one-line {
    width: 100% !important;
}
#rt-mainbody-surround .cb_template.cbProfile .form-group.cbft_status > div.cb_field > div > span{
    text-align: center !important;
    display: inline-block !important;
    font: inherit;
    bottom: auto;
    left: auto;
    position: relative;
    padding: 5px 0 3px;
}
#rt-mainbody-surround .cb_template.cbProfile .form-group.cbft_status{
    margin-top: 15px !important;
}
#rt-mainbody-surround .cb_template.cbRegistration .form-group.hidden{
    display: none !important;
}
#cbcheckedadminForm div.form-group label,
#rt-mainbody-surround .cb_template.cbProfile .form-group label,
#rt-mainbody-surround .cb_template.cbRegistration .form-group label {
    display: inline-block !important;
    width: 30%;
    max-width: 30%;
    white-space: nowrap;
}
#rt-mainbody-surround .cb_template.cbProfile .form-group.uf-form-group-one-line label,
#rt-mainbody-surround .cb_template.cbRegistration .form-group.uf-form-group-one-line label,
#cbcheckedadminForm div.form-group.uf-form-group-one-line label,
#rt-mainbody-surround .cb_template.cbRegistration .form-group.uf-form-group-one-line-registration label,
#rt-mainbody-surround .cb_template.cbRegistration .form-group#cbfr_cbregplans > label {
    width: 15%;
    max-width: 15%;
}
#rt-mainbody-surround .cb_template.cbRegistration .form-group#cbfr_cbregplans > label {
    padding-top: 15px;
}
#cbcheckedadminForm div.form-group.uf-form-group-one-line label#cblabcb_about,
#rt-mainbody-surround .cb_template.cbRegistration .form-group#cbfr_cbregplans > label {
    vertical-align: top;

}

#cbcheckedadminForm div.form-group div.cb_field,
#rt-mainbody-surround .cb_template.cbProfile .form-group div.cb_field,
#rt-mainbody-surround .cb_template.cbRegistration .form-group div.cb_field {
    display: inline-block !important;
    width: 70% !important;
}
#rt-mainbody-surround .cb_template.cbProfile .form-group.uf-form-group-one-line-registration div.cb_field,
#rt-mainbody-surround .cb_template.cbRegistration .form-group.uf-form-group-one-line-registration div.cb_field,
#rt-mainbody-surround .cb_template.cbRegistration .form-group.uf-form-group-one-line div.cb_field,
#cbcheckedadminForm div.form-group.uf-form-group-one-line div.cb_field,
#rt-mainbody-surround .cb_template.cbRegistration .form-group#cbfr_cbregplans div.cb_field {
    width: 85% !important;
    max-width: 85% !important;
}/*
#rt-mainbody-surround .cb_template.cbRegistration .form-group#cbfr_cbregplans .cb_field {
    flex: 0 0 75% !important;
    max-width: 70% !important;
    max-width: 70% !important;

    background-color: rgba(3, 45, 75, 0.85) !important;
    border-radius: 5px !important;
}*/
#rt-mainbody-surround .cb_template.cbRegistration .form-group#cbfr_cbregplans .cb_field #cbfv_cbregplans {
    /*background-color: rgba(3, 45, 75, 0.85) !important;
    border-radius: 5px !important;
    padding: 10px !important;*/
    margin-top: 10px !important;
    width: 780px !important;
}
#rt-mainbody-surround .cb_template div .cbregPlan .cbregDescription {
    font-size: 13px !important;
    padding: 10px 20px 1px;
    margin: 10px 0 0px 0;    
    color: #152c3a !important;
}
/*#rt-mainbody-surround .cb_template div .cbregPlan .cbregValidity{
    display: none !important;
}*/
#rt-mainbody-surround .cb_template div .cbregPlan .cbregValExp,
#rt-mainbody-surround .cb_template div .cbregPlan .cbregFee {
  font-size: 16px !important;
  font-weight: bold !important;
  color: white !important;
  text-transform: uppercase !important;
  padding: 10px 20px;
  background-color: rgb(21, 44, 58);
  text-align: center;
/* height: 85px;*/
  transform: translateY(-230px);
  cursor: pointer;
  font-family: 'Roboto', sans-serif !important;
}

#rt-mainbody-surround .cb_template div#cbregUpgrades .cbregPlan .cbregFee,
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregFee,
#rt-mainbody-surround .cb_template div#cbregUpgrades .cbregPlan .cbregValExp,
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregValExp{
    /*margin-bottom: -30px;*/
    transform: none;
}
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregValExp span{
    display: block !important;
}

#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregValExp,
 #rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregFee {
    cursor:default;
 }
/*
 #rt-mainbody-surround .cb_template div#cbregSubscr #cbregProduct_1.cbregPlan  .cbregValExp{
    font-size: 13px !important;
 }*/
#rt-mainbody-surround .cb_template div .cbregPlan .cbregFee select{
    padding: 0 5px;
  height: 26px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
  text-transform: uppercase;
  font-weight: bold;
}

#rt-mainbody-surround .cb_template div .cbregPlan .cbregFee .cbregDonationValue{
    margin-top: 5px !important;
  display: block;
}
#rt-mainbody-surround .cb_template div .cbregPlan .cbregFee .cbregDonationValue .input-group-text{
    padding: 6px 5px 5px;
  height: 26px;
  margin: 4px 0 5px;
}
#rt-mainbody-surround .cb_template div .cbregPlan .cbregFee .cbregDonationValue input{
    border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  max-width: 162px !important;
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
  text-transform: uppercase;
  font-weight: bold;
}

.cbregUpgradeButtonDiv{
    text-align: center;
  margin-top: 40px;
}

#rt-mainbody-surround .cbpayPayFormView .card{
    background-image: none !important;
    background-color: transparent !important;
}

#rt-mainbody-surround .cbpayPayFormView fieldset,
#rt-mainbody-surround #cbpayOrderContainer .cbpayBasketView fieldset{
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    border-color: white !important;

}

#rt-mainbody-surround .cbpayPayFormView legend,
#rt-mainbody-surround #cbpayOrderContainer .cbpayBasketView legend{
font-family: 'Roboto', sans-serif !important;
    text-transform: uppercase;
    text-shadow: none;
    color: white !important;
    font-weight: 100;
    font-size: 15px !important;
    transform: translateY(2px);
}
#rt-mainbody-surround .cbpayPayFormView table,
#rt-mainbody-surround #cbpayOrderContainer .cbpayBasketView table{
    color: white;
}
#rt-mainbody-surround .cbpayPayFormView table td,
#rt-mainbody-surround .cbpayPayFormView table th,
#rt-mainbody-surround #cbpayOrderContainer .cbpayBasketView table td,
#rt-mainbody-surround #cbpayOrderContainer .cbpayBasketView table th{
    padding: 10px !important;
}
#rt-mainbody-surround .cb_template div .cbregPlan {
    position: relative;
    display: inline-block;
    width: 250px;
    cursor: pointer;
    vertical-align: top;
    border: 2px solid rgba(255,255,255,0.5);
  border-radius: 5px;
  background-color: rgba(254, 223, 84, 0.95);
  font-family: 'open-sans-light', sans-serif !important;;
  pointer-events: none; /* Por defecto a none mientras estemos en modo "próximamente" */
}
#rt-mainbody-surround .cb_template div .cbregPlan.not-available {
    opacity: 0.6;
}
 #rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan {
    cursor:default
 }
#rt-mainbody-surround .cb_template div .cbregPlan .cbregName{
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important;
}
 
#rt-mainbody-surround .cb_template div .cbregPlan .cbRegNameDesc .cbregTick{
  display: none !important;
}

#rt-mainbody-surround .cb_template div .cbregPlan {
    /*transition: transform 0.2s cubic-bezier(0.4,0,0.2,1);
    transform-origin: center center;*/
}


#rt-mainbody-surround .cb_template div .cbregPlan#cbregProduct_3{
    background-color: rgba(22, 160, 255, 0.5);
    pointer-events: all !important;
}
#rt-mainbody-surround .cb_template div .cbregPlan:not(:last-child) {
    margin-right: 5px;
}
#rt-mainbody-surround .cb_template div .cbregPlan.cbregPlanSelectedHidden,
#rt-mainbody-surround .cb_template div .cbregPlan.cbregPlanSelected {
  /* background-color: #152c3a !important;*/
  border: 2px solid white !important;
  box-shadow: 0 0 0 3px #fff;
  cursor: default;
}


#rt-mainbody-surround .cb_template div .cbregPlan.cbregPlanSelectedHidden .cbregFee,
#rt-mainbody-surround .cb_template div .cbregPlan.cbregPlanSelected .cbregFee {
    cursor: default;
}
#rt-mainbody-surround .cb_template div .cbregPlan input[type="radio"] {
    /*transform: translate(-2px, 6px);
    margin-left: 10px;*/
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  opacity: 0;
}
#rt-mainbody-surround .cb_template div .cbregPlan .cbregName {
margin-left: 0px;
  background: rgb(21, 44, 58);
  text-align: center;
  padding: 5px 0 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#rt-mainbody-surround .cb_template div .cbregPlan .cbregButtonContainer {
margin: 20px -20px 0;
  background: rgb(21, 44, 58);
  text-align: center;
  padding: 5px 0 10px;
  transform: translateY(45px);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#rt-mainbody-surround .cb_template div#cbregUpgrades .cbregPlan .cbregButtonContainer ,
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregButtonContainer {
  /*transform: translateY(45px);*/
  transform: none;
  border-radius: 0px !important;
}/*
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan#cbregProduct_1 .cbregButtonContainer {
  transform: translateY(65px);
}*/
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector,
#rt-mainbody-surround .cb_template div#cbregUpgrades .cbregPlan .cbregSubPlanSelector {
  position: relative;
    z-index: 1;
   /* transform: translateY(-212px);*/
    background-color: #152c3a;
    text-align: center;
    margin-top: 1px !important;
    padding: 10px;
}


#rt-mainbody-surround .cb_template div .cbregPlan .cbregButtonContainer span{
  width: 175px;
    display: block;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-family: open-sans-light, sans-serif !important;
    color: rgb(44, 50, 56) !important;
    font-size: 12px !important;
    margin: 25px auto;
    padding: 4px 25px 5px !important;
    border-radius: 20px !important;
    background-color: #FEDF54 !important;
}
#rt-mainbody-surround .cb_template div .cbregPlan .not-available .cbregButtonContainer span{
    font-size: 11px !important;
    line-height: 12px !important;
}
#rt-mainbody-surround .cb_template div .cbregPlan span.proximamente,
#rt-mainbody-surround .cb_template div .cbregPlan .not-available .cbregButtonContainer span small,
a.be-premium small{
font-size: 10px !important;
    display: block;
    line-height: 11px !important;
    color: white !important;
    background-color: black !important;
    width: 100% !important;
    border-radius: 5px;
    font-family: arial;
    font-weight: bold;
    padding: 2px;
    margin: 0px auto -3px;
}
a.be-premium small{
    background-color: transparent !important;
    color: inherit !important;
    margin: -5px 0 0px;
    
}
a.be-premium.premium-disabled{
    margin-bottom: 5px !important;
}
#rt-mainbody-surround .cb_template div .cbregPlan span.proximamente{
    margin-top: 7px;
    padding: 5px;
}
.miniTextExplanationPrice{
    font-size: 11px !important;
  margin-top: -10px !important;
  color: white !important;
  display: block;
  height: 135px;
  padding: 0 20px;
  font-weight: normal !important;
}
.miniTextExplanationPrice:before{
    content: "\f05a";
  font-family: "FontAwesome";
  color: white !important;
  font-size: 17px;
  margin-right: 6px;
  vertical-align: bottom;
  display: inline-block;
  transform: translateY(4px);
}


#rt-mainbody-surround .cb_template div .cbregPlan .cbregButtonContainer span.selected-plan{
    background-color: white !important; 
}

#cb_tabid_25 .tab_description{
color: white !important;
  text-shadow: none !important;
  text-align: center !important;
  font-weight: normal !important;
  opacity: 1 !important;
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 25px !important;
}

.cbsubsInvoicesList{
        background-color: rgba(0, 0, 0, 0.3);
    padding: 40px !important;
    border-radius: 5px;
    margin-top: 20px !important;
}
#rt-mainbody-surround div.cb_template .cbsubsInvoicesHeader h3{
    line-height: 60px !important;
}
 table.cbsubsInvoicesListTable thead tr th{
    background-color: #152c3a !important;
    color: white !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 10px !important;
    border: 1px solid white !important;
}
.cbregLinkToInvoices,
#cbregSubscr.regPlansList,
#cb_tabid_25 #cbregUpgrades.cbregPlansList{
    padding: 20px 40px;
      background-color: rgba(0,0,0,0.15);
      border-radius: 5px;
  border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
#cbregSubscribed{
    margin-bottom: 0px !important;
}
#cbregInvoicesTitle{
    margin-bottom: 0px !important;
    margin-top: 40px !important;
}
#cbregUpgradePossibilities{
    margin-bottom: 0px !important;
}

.cbregLinkToInvoices{
font-size: 15px;
    font-weight: bold;
}

#cbregInvoicesTitle h4,
#cbregUpgradePossibilities h4,
#cbregSubscribed h4{
    background-color: rgba(0,0,0,0.3);
  padding: 10px 10px !important;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px !important;
  border-radius: 5px;
  border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

form.m-0.cbregUpgradePlanForm{
    margin-top: 40px !important;
}
/*
div.regPlansList#cbregSubscr{
    width: 32%;
  display: inline-block;
  vertical-align: top;
}

form.cbregUpgradePlanForm{
    width: 66%;
  display: inline-block;
}*/
/* We hide the "SELECT THIS PLAN" BUTTON */
div.regPlansList#cbregSubscr .cbregPlan span.unselected-plan,
.cbregPlan.cbregPlanSelected span.unselected-plan,
.cbregPlan.cbregPlanSelectedHidden span.unselected-plan{
    display: none !important;
}
div.regPlansList#cbregSubscr .cbregPlan span.selected-plan{
    opacity: 0.25;
}
/* We hide the "THIS IS THE SELECTED PLAN" BUTTON */
div.regPlansList:not(#cbregSubscr) .cbregPlan:not(.cbregPlanSelected):not(.cbregPlanSelectedHidden) span.selected-plan,
.cbregPlan:not(.cbregPlanSelected):not(.cbregPlanSelectedHidden) span.selected-plan{
    display: none !important;
}

div.regPlansList#cbregSubscr .cbregPlan:not(.cbregPlanSelected):not(.cbregPlanSelectedHidden) span.selected-plan{
    display: inherit !important;
}
#rt-mainbody-surround .cb_template div .cbregPlan .cbRegNameDesc {
    padding: 0px !important;
}

#rt-mainbody-surround .cb_template.cbRegistration .form-group input[type="checkbox"] {
    transform: translate(0, 2px);
    margin-right: 0px !important;
}
#rt-mainbody-surround .cb_template.cbRegistration .form-group label.form-check-label {
    font-size: 15px !important;
  transform: translateY(1px);
  margin-left: 10px;
}
#rt-mainbody-surround .cb_template div .cbregPlan .cbregName label{
    font-weight: bold !important;
  padding-top: 5px;
  padding-left: 0px !important;
  max-width: 100%;
  width: 100%;
}
#rt-mainbody-surround .cb_template div .cbregPlan .cbregParagraph{
    /*color: #152c3a;
  font-weight: bold;*/
}
.cbregDescription-subtitle {
position: relative;
  height: 149px !important;
  max-height: 200px !important;
  display: block !important;
  border: 3px solid #152c3a;
  text-align: center;
  margin-bottom: 35px !important;
  background-color: #152c3abd;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
}

.cbregDescription-subtitle:after {
    content: "\f0d7"; /* Unicode del icono FontAwesome (ajusta si quieres otra flecha) */
    font-family: "FontAwesome";
    color: #152c3a;
    font-size: 20px;
    position: absolute;
    left: 50%;
    bottom: -12px; /* Ajusta según el tamaño de la flecha */
    transform: translate(-50%, 10px);
    background: transparent; /* Opcional: para tapar el borde si lo necesitas */
    padding: 0 4px;    /* Opcional: para el fondo */
    display: block;
    line-height: 1;
}

.cbregPlanSelected .cbregDescription-subtitle,
.cbregPlanSelectedHidden .cbregDescription-subtitle {
    border-color: white !important;
}
.cbregPlanSelected .cbregDescription-subtitle:after,
.cbregPlanSelectedHidden .cbregDescription-subtitle:after {
    color: white !important;
}

.cbregDescription-features-container{
    padding: 10px !important;
  background-color: white;
  border-radius: 10px;
  /*border: 3px solid #152c3a;*/
  margin-left: -10px;
  margin-right: -10px;
}
.cbregDescription-features-container .cbregDescription-feature{
    /*padding-left: 0px !important;
  font-weight: bold;
  font-size: 13px;*/
     position: relative;
    padding-left: 18px; /* Ajusta según el tamaño del icono */
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 6px;
}
.cbregDescription-features-container .cbregDescription-feature:before {
    /*font-family: "FontAwesome";
  margin-right: 6px;
  font-size: 20px;
  vertical-align: middle;
  transform: translateY(-2px);
  display: inline-block;*/
  position: absolute;
    left: 0;
    top: 2px;
    font-family: "FontAwesome";
    font-size: 15px;
    line-height: 1;
    margin-right: 0;
    vertical-align: middle;
}
.cbregDescription-features-container .cbregDescription-feature.allowed:before {
    content: "\f00c"; /* Unicode del icono fa-check-circle */
    color: #29bd24; /* O el color que prefieras */
}
.cbregDescription-features-container .cbregDescription-feature.not-allowed{
    opacity: 0.75;
}
.cbregDescription-features-container .cbregDescription-feature.not-allowed:before {
    content: "\f00d"; /* Unicode del icono fa-times-circle */
    color: #d22323; /* O el color que prefieras */
}

.cbregPlan:not(#cbregProduct_3) .cbregDescription-features-container .cbregDescription-feature.not-allowed:before {
    color: gray; /* O el color que prefieras */
}

.cbregPlan:before {
content: "";
  position: absolute;
  right: 6px;
  top: -22px;
  width: 28px;
  height: 28px;
  background: white;
  border: 4px solid #fff;
  border-radius: 4px;
  z-index: 1;
  display: block;
  opacity: 0;
}
.cbregPlan.cbregPlanSelected:after,
.cbregPlan.cbregPlanSelectedHidden:after {
content: "\f00c";
  font-family: "FontAwesome";
  color: #152c3a;
  position: absolute;
  right: 9px;
  top: -25px;
  font-size: 22px;
  z-index: 2;
  opacity: 0;
}

.cbregPlan.cbregPlanSelected:before,
.cbregPlan.cbregPlanSelected:after,
.cbregPlan.cbregPlanSelectedHidden:before,
.cbregPlan.cbregPlanSelectedHidden:after{
   opacity: 1;
}
/* ******************************* COMMUNITY BUILDER ******************************* */
/* ******************************* COMMUNITY BUILDER ******************************* */

.cb_template .border-bottom{
    border-bottom: none !important;
    margin-bottom: 30px !important;
}

div.cb_template h3{
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 47px !important;
    padding: 0px !important;
    font-weight: 100 !important;
    color: white !important;
    border-bottom: none !important;
    margin: 10px auto 0 !important;
    text-shadow: none;
    line-height: 35px !important;
    border: none !important;
}

div.cb_template,
div.cb_template label{
    font-family: 'ArialNarrow', sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    color: white !important;
}

#rt-mainbody-surround .cb_template.cbRegistration .cbRegistrationButtons,
#rt-mainbody-surround .cb_template.cbRegistration .form-group.cb_form_line.clearfix{
    width: 100% !important;
    margin-bottom: 0 !important;
}
#rt-mainbody-surround .cb_template.cbRegistration .cbRegistrationButtons > div,
#rt-mainbody-surround .cb_template.cbRegistration .form-group.cb_form_line.clearfix > div{
    max-width: 100% !important;
    width: 100% !important;
    margin:0 auto !important;
}
/* ******************************* HOME ******************************* */
/* ******************************* HOME ******************************* */

div.home-block-container .block-area.api-uf-view > .uf-description{
    display: none !important;
}

div.home-block-container{
    display: block;
    float: left;
    margin-top: 220px;
    width: 100%;
}

div.home-block-container div.uf-post-buttons{
    display: block;
    position: relative;
    z-index: 5;
    
}

#rt-mainbody-surround div.home-block-container.home-podio-container:after{
content: "";
    display: math;
    width: 1318px;
    height: 341px;
    background-image: url(../../images/ver2/fondos/wave3.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 0;
    
    transform: translate(-100px, -171px);
    z-index: 1;
    margin-top: 40px;
}

#rt-mainbody-surround div.home-block-container.home-partidos-container:after{
content: "";
    display: math;
        width: 1322px;
    height: 363px;
    background-image: url(../../images/ver2/fondos/wave2.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 0;
    z-index: 1;
    
    transform: translate(-100px, -58px);
}

#rt-mainbody-surround .home-rankings-container{
    background-image: url(../../images/ver2/img/ultimos-rankings.png);
    background-position-x: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

#rt-mainbody-surround .home-rankings-sub-container{
    margin-top: 300px !important;
}

#rt-mainbody-surround .home-rankings-sub-container:before{
    background-image: url(../../images/ver2/img/pelota-columna.png);
    content: "";
    display: math;
    width: 310px;
    height: 557px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    transform: translateX(-65px);
}

#rt-mainbody-surround .home-block-sub-container .block-area.api-uf-view h3.block-title,
#rt-mainbody-surround .home-block-sub-container .block-area.api-uf-view .filter-and-sort,
#rt-mainbody-surround .home-block-sub-container .block-area.api-uf-view .uf-post-buttons,
#rt-mainbody-surround .home-block-sub-container .block-area.api-uf-view .uf-pre-buttons{
    display: none !important;
}

#rt-mainbody-surround .home-block-sub-container .uf-post-buttons{
    margin-top: 0;
    margin-bottom: 40px !important;
    transform: translateY(-13px);
}
#rt-mainbody-surround .home-block-container .uf-post-buttons a.uf-button,
#rt-mainbody-surround .home-block-sub-container .uf-post-buttons a.uf-button{
    line-height: 15px !important;
}

#rt-mainbody-surround .home-rankings-sub-container .block-area.api-uf-view{
    transform: scale(0.9) translate(57px, 10px);
}

#rt-mainbody-surround .home-partidas-container{
    background-image: url(../../images/ver2/img/partidas-conectadas.png);
    background-position-x: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 265px !important;
    height: 900px !important;
}

#rt-mainbody-surround .home-partidas-sub-container{
    background-image: url(../../images/ver2/img/pelota-cesped.png);
    background-size: 360px;
    background-repeat: no-repeat;
    background-position-x: right;
    position: absolute;
}

#rt-mainbody-surround .home-partidas-sub-container .block-area.api-uf-view{
    transform: scale(0.82) translate(-140px, -75px);
    margin-bottom: -120px;
}

#rt-mainbody-surround .home-partidos-container{
    background-image: url(../../images/ver2/img/partidos-disputados.png);
    background-position-x: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

#rt-mainbody-surround .home-partidos-sub-container{
    margin-top: 300px !important;
}

#rt-mainbody-surround .home-partidos-sub-container:before{
    background-image: url(../../images/ver2/img/futbolista-rodilla.png);
    content: "";
    display: math;
    width: 351px;
    height: 571px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    transform: translateX(-65px);
}

#rt-mainbody-surround .home-partidos-sub-container .block-area.api-uf-view{
        transform: scale(0.9) translate(57px, -30px);
}


#rt-mainbody-surround .home-block-sub-container.home-partidos-sub-container .uf-post-buttons{
        margin-top: 0 !important;
    transform: translateY(-53px);
}

#rt-mainbody-surround div.home-block-container.home-salon-de-la-fama-container{
    margin-top: 300px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.25);
    margin-bottom: 100px;
}

#rt-mainbody-surround div.home-block-container.home-salon-de-la-fama-container:before{
content: "";
    display: math;
    width: 100%;
    height: 900px;
    background-image: url(../../images/ver2/fondos/background-salon-fama-home.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    transform: translate(0px, -258px);
    z-index: 0;
}

div.home-block-container div.uf-post-buttons{
    margin-bottom: 25px;
}

/* ******************************* USER PROFILE ******************************* */
/* ******************************* USER PROFILE ******************************* */

.cb_template .cbPosCanvas .cbPosCanvasHeader{
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 1200px !important;
    padding: 0 !important;
    text-align: center !important;

    background-color: transparent !important;
    border: none !important;
    border-radius: 5px !important;

}
.cb_template .cbPosCanvas .cbPosCanvasHeader .cbPosCanvasMenu{
    color: #fff;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.4);
    /* font-family: 'open-sans-light', sans-serif; */
    font-size: 12px;
    padding: 5px 10px 0;
    line-height: normal;
    white-space: initial;
    background: #032d4b !important;
    border-radius: 5px 5px 0 0  !important;
}
.cb_template .cbPosCanvas .cbPosCanvasHeader .cbPosCanvasMenu .cb_tab_content.cb_tab_html#cb_tabid_17,
.cb_template .cbPosCanvas .cbPosCanvasHeader .cbPosCanvasMenu .cb_tab_content.cb_tab_html#cb_tabid_17 .navbar,
.cb_template .cbPosCanvas .cbPosCanvasHeader .cbPosCanvasMenu .cb_tab_content.cb_tab_html#cb_tabid_17 .navbar .cbNavBarContainer{
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
    width: 100% !important;
    min-height: 10px !important;
}
.cb_template .cbPosCanvas .cbPosCanvasHeader .cbPosCanvasMenu .cbNavBar ul.navbar-nav{
    display: block !important;
    /*width: 100% !important;*/
    margin: 0 auto !important;
    padding: 0 !important;
    float: left !important;
}
.cb_template .cbPosCanvas .cbPosCanvasHeader .cbPosCanvasMenu .cbNavBar .cbNavBarSticky{
    min-height: 10px !important;
    display: block !important;
    float: right !important;
}

.cb_template div.cbPosCanvasMain{
    margin-top: 20px !important;
}

#cbcheckedadminForm .cbTabs,
.cb_template div.cbTabsMenuNavBar{
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 1200px !important;
    padding: 0 !important;
    text-align: center !important;

    background-color: transparent !important;
    border: none !important;
}

.cb_template div.cbNavBarContainer{
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 1200px !important;
    padding: 0 !important;
    text-align: center !important;

    background-color: transparent !important;
    border: none !important;
}

.cb_template .dropdown-menu{
    padding: 0 !important;
    margin: 0 !important;
}

.cb_template .navbar-light .navbar-nav a.nav-link{
    color: white !important;
    text-transform: uppercase !important;
}
.cb_template .navbar-light .navbar-nav a.nav-link:hover{
    color: #fedf54 !important;
}

.popover.pmMessagesModal,
.popover.cbMenuDropdown{
    border-radius: 3px !important;
    background: #032d4b !important;
    padding: 5px 10px !important;
    max-width: 300px !important;
}
.popover.pmMessagesModal{
    padding: 10px !important;
}
.popover.qtip-modal{
    max-width: 400px !important;
}
.popover.qtip-modal a.qtip-icon.close span{
    color: white;
  box-shadow: none !important;
  transform: translate(4px, -10px);
  display: inline-block;
  opacity: 0.75;
}
.popover.qtip-modal .cbTermsModalText{
    text-align: justify !important;
      padding: 0px 10px 0 0 !important;
      font-size: 0.9em;
}
.popover.qtip-modal .cbTermsModalText p{
    margin-bottom: 0px !important;
}
.popover.qtip-modal .cbTermsModalText p span{
    padding: 0px 5px;
    display: inline-block !important;
    margin-bottom: 5px !important;
}

.popover.qtip-modal .cbTermsModalText p > b,
.popover.qtip-modal .cbTermsModalText H3{
  text-transform: uppercase !important;
  background-color: rgba(0,0,0,0.25) !important;
  padding: 5px 5px;
  width: 100% !important;
  display: inline-block;
}
.popover.qtip-modal .cbTermsModalText H3{
text-align: justify !important;
    padding: 5px 5px !important;
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: bolder !important;
    
    margin-bottom: 5px !important;
}
.popover.qtip-modal .cbTermsModalText ul{
margin: 0 0 0 20px !important;
}

.cb_template ul.dropdown-menu{
    background-color: transparent !important;
    border: none !important;
}    
.cb_template ul.dropdown-menu li a.dropdown-item{
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    color: white !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

.cb_template ul.dropdown-menu li a.dropdown-item:hover{
    color: #fedf54 !important;
    background-image: none !important;
    background-color: transparent !important;
}

.cb_template div.cbPosCanvasMenu a.text-primary{
    color: white !important;
    text-shadow: none !important;
}
.cb_template div.cbPosCanvasMenu a.text-primary:hover{
    color: #fedf54 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
.cb_template div.cbPosCanvasMenu a.text-muted{
    opacity: 0.5 !important;
}

.cb_template .cbPosCanvasBackground .cb_field{
    margin: 0 !important;
    padding: 0 !important;
}
.cb_template .cbPosCanvasBackground .cb_field > div{
    border-radius: 0px 0px 5px 5px !important;
    overflow: hidden;
    width: 100% !important;
}
.cb_template .cbCanvasLayout{
    border: none !important;
    background-color: transparent !important;
}
.cb_template .cbCanvasLayout .cbCanvasLayoutTop {
    background-color: transparent !important;
    min-height: 350px !important;
}

.cb_template  .card.cbCanvasLayout .cbCanvasLayoutTop {    
    min-height: 150px !important;
}
 
.cb_template .popover-body .cbCanvasLayout .cbCanvasLayoutTop {
    min-height: 100px !important;
}
.cb_template .popover-body .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutPhoto{
    left: 5px !important;
}
.cb_template .popover-body .likesStreamItems .streamItem.likeContainer{
    max-height: 200px !important;
}
.cb_template .popover-body .likesStreamItems .cbCanvasLayoutBody.likeContainerContent{
    padding: 0 !important;
}
.cb_template .cbCanvasLayout .cbCanvasLayoutBottom {
    height: 1px !important;
    background-color: transparent !important;
    border: none !important;
}

.cb_template.qtip.qtip-dialog .cbTooltipButtons{
    text-align: center !important;
    margin-bottom: 5px;
}
.cb_template .commentContainerFooterRowButtons button{
    margin-top: 10px !important;
}
.pmMessagesHeader div .pmButtonRead{
    margin-left: 15px;
  font-size: 14px !important;
}

#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector button{
    max-width: 100% !important;
}
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector .cbregDiscountRate{
    white-space: normal;
    font-weight: bold !important;
}

#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector button,
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector button.btn-primary,
.cb_template .commentContainerFooterRowButtons button,
.cb_template .activityContainerFooterRowButtons button,
.cb_template form.pmMessageEditForm div.btn-group a,
.cb_template form.pmMessageReplyForm div.btn-group a, 
.cb_template .cbCanvasLayoutContent .btn-block,
.cb_template .cbConnPathActions input[type="button"],
.select2-container .uf-filter-btn-enviar,
.cb_template.qtip.qtip-dialog button,
.cb_template.qtip.cbAjaxTooltip .form-auto .cbAjaxButtons input[type="submit"],
.cb_template.qtip.cbAjaxTooltip .form-auto .cbAjaxButtons input[type="button"],
.popover.pmMessagesModal .pmButton{
    background-color: #fedf54 !important;
    padding: 1px 5px 1px 5px !important;
    border-radius: 5px !important;
    height: auto !important;
    background-image: none !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-family: 'open-sans-light', sans-serif !important;
    font-weight: bold !important;
    color: #2C3238 !important;
    border: none !important;
}
.select2-container .uf-filter-btn-enviar{
transform: translate(6px, -1px);
  background-color: #4a9ed7 !important;
  color: white !important;
  border-radius: 0 5px 5px 0px !important;
  line-height: 18px;
    font-size: 10px !important;
}

.cb_template .commentContainerFooterRowButtons button.btn-secondary,
.cb_template .activityContainerFooterRowButtons button.btn-secondary,
.cb_template .cbCanvasLayoutContent button.btn-block.btn-light,
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector button,
.cb_template .cbConnPathActions input[type="button"].btn-secondary,
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input[type="button"],
.cb_template.qtip.qtip-dialog button.cbTooltipButtonNo,
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input.btn-default[type="button"],
.cb_template.qtip.cbAjaxTooltip .form-auto .cbAjaxButtons input.cbAjaxCancel[type="button"],
#cbcheckedadminForm div.cbProfileEditButtons > div a.btn-secondary{
background-color: #cbcbcb !important;
}
.cb_template .cbCanvasLayoutContent button.btn-block.btn-light,
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector button,
.cb_template .cbConnPathActions input[type="button"].btn-secondary,
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input[type="button"],
.cb_template.qtip.qtip-dialog button.cbTooltipButtonNo,
#cbcheckedadminForm div.cbProfileEditButtons > div a.btn-secondary,
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input.btn-default[type="button"]{
    border-color: #cbcbcb !important;
    color: #2C3238 !important;
}
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type input,
#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div input,
#cbcheckedadminForm div.cbProfileEditButtons > div button.btn-primary[type="submit"],
#cbcheckedadminForm div.cbProfileEditButtons > div a.btn-secondary{
    display: inline-block !important;
    margin: 0 10px 0 0 !important;
}
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector button:hover,
.cb_template .commentContainerFooterRowButtons button:hover,
.cb_template .activityContainerFooterRowButtons button:hover,
.cb_template form.pmMessageEditForm div.btn-group a:hover,
.cb_template form.pmMessageReplyForm div.btn-group a:hover,
.cb_template .cbCanvasLayoutContent a.btn-block:hover,
.cb_template .cbCanvasLayoutContent button.btn-block:hover,
.cb_template .cbConnPathActions input[type="button"]:hover,
.select2-container .uf-filter-btn-enviar:hover,
.uf-profile-fieldset a:hover,
.cb_template.qtip.qtip-dialog button:hover,
.cb_template.qtip.cbAjaxTooltip .form-auto .cbAjaxButtons input[type="submit"]:hover,
.cb_template.qtip.cbAjaxTooltip .form-auto .cbAjaxButtons input[type="button"]:hover,
.popover.pmMessagesModal .pmButton.pmButtonRead:hover,
.popover.pmMessagesModal .pmButton:hover{
    background-color: #052443 !important;
    color: white !important;
    text-decoration: none !important;
}
.popover.pmMessagesModal .pmButton.pmButtonClose{
    background-color: transparent !important;
    padding: 0px !important;
    color: white !important;
    transform: translate(-7px, -3px);
    display: block;
} 
#rt-mainbody-surround .cb_template div#cbregSubscr .cbregPlan .cbregSubPlanSelector button:hover{
    border: 1px solid #cbcbcb !important;
}
.popover.pmMessagesModal .pmButton.pmButtonClose:hover{
    color: #fedf54 !important;
} 

.popover.pmMessagesModal .pmButton.pmButtonRead{
    display: inline-block;
    color: #2C3238 !important;
    padding: 3px 5px 3px 5px !important;
}


.popover.pmMessagesModal .pmMessagesHeader{
    width: 340px !important;
    flex: 0 0 100% !important;
}
.popover.pmMessagesModal .pmMessagesHeader > div:first-child{
    flex: 0 0 265px !important;
    max-width: unset !important;
}
.popover.pmMessagesModal .pmMessagesHeader > div:last-child{
    flex: 0 0 5px !important;
    max-width: unset !important;
}
.cb_template .pmMessages .pmMessagesRowImg img, .cb_template .pmMessages .pmMessagesRowImg .cbImgPict{
    width: 45px !important;
    height: 45px !important;
    border: 3px solid #25435b;
}
.cb_template .img-thumbnail{
    border: 3px solid #25435b !important;
    aspect-ratio: 1 / 1;
    max-width: 48px !important;
    width: 48px !important;
    height: 48px !important;
    background-color: transparent;
    padding: 0 !important;
}
.uf-user-welcome-avatar-container img,
.uf-user-welcome-avatar-container svg,
.cb_template .cbPosCanvas .cbPosCanvasHeader .cbPosCanvasPhoto .cb_form_line>.cb_field img,
.cb_template .cbPosCanvas .cbPosCanvasHeader .cbPosCanvasPhoto .cb_form_line>.cb_field svg{
    padding: 0 !important;
    border: 4px solid #25435b !important;
    width: 180px !important;
    height: 180px !important;
    max-width: 180px !important;
    max-height: 180px !important;
}
.cbPosCanvas .cb_template .img-thumbnail{
    /*width: 256px !important;
    height: 256px !important;*/
}
.cb_template .pmMessages .pmMessagesRowImg{
    padding-right: 0px !important;
}
.cb_template .pmMessages .pmMessagesRow{
    background: #065386 !important;
    padding: 5px !important;
}

.cb_template .pmMessages hr[role="presentation"]{
    display: none !important;
}

.cb_template .pmMessages .pmMessagesRow.media{
    margin-top: 2px;
}

.cb_template .pmMessages .pmMessagesRow.media{
    margin-top: 2px;

}
.cb_template .pmMessages .pmMessagesRowMsg{
    padding-left: 10px !important;
}
.cb_template .pmMessages .pmMessagesRowMsg div:first-child{
    text-align: left !important;
    display: block !important;
}

.cb_template .pmMessages .pmMessagesRowMsg .text-primary{
    color: white !important;
    font-size: 13px !important;
}
.cb_template .pmMessages .pmMessagesRowMsg a:hover .text-primary{
    color: #fedf54 !important;
}
.cb_template .pmMessages .pmMessagesRowMsg .text-large{
    font-size: 13px;
    font-weight: bold;
}    
.cb_template .pmMessages .pmMessagesRowMsg .pmMessagesRowMsgUser{
    margin-left: 3px !important;
}

.cb_template.qtip.qtip-simple .tooltip-inner{
    font-size: 12px !important;
}

.cb_template.qtip .text-info{
    color: #fedf54 !important;
}
/*
body {
    min-width: 1600px !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    overflow-x: auto !important;
}*/
.cb_template .cbPosCanvasPhoto .cbFieldsContentsTab .cbft_status .cb_field{
background-color: #032d4b !important;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 1px 0;
}
.cb_template.qtip.cbAjaxTooltip{
    max-width: 500px !important;
    width: 450px !important;
    border-radius: 5px !important;
    font-size: 13px !important;

}
.cb_template.qtip.cbAjaxTooltip .form-auto{
    font-size: 13px;
}
.cb_template.qtip.cbAjaxTooltip .popover-body{
    text-align: left !important;
}
.cb_template.qtip.cbAjaxTooltip .form-auto .form-control{
    width: 100% !important;
    display: block;
    max-width: 100% !important;
    padding: 5px !important;
    font-size: 13px;
}
.cb_template.qtip.cbAjaxTooltip .form-auto .cbAjaxButtons
{
    padding-left: 10px !important;
    margin-bottom: 10px !important;
}

.cb_template .cbImageFieldGallery{
    background-color: rgb(6 83 134 / 32%);
    padding: 10px 5px;
    border-radius: 5px;
    margin: 15px 0px !important;
}
.cb_template .cbImageFieldGallery input:focus + label > .cbImgPict, .cb_template .cbImageFieldGallery input:focus + label > .cbImgCanvas, .cb_template .cbImageFieldGallery input:checked + label > .cbImgPict, .cb_template .cbImageFieldGallery input:checked + label > .cbImgCanvas {
    box-shadow: 0 0 0 0.2rem #fedf54 !important;
}

#cbcheckedadminForm > div.form-group.cb_form_line.clearfix{
    float: left;
    display: block;
    width: 100% !important;
    margin: 0 auto;
    margin-top: -95px !important;
    text-align: center !important;
}

#cbcheckedadminForm > div.form-group.cb_form_line.clearfix > div{
    float: left;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


#rt-mainbody-surround div.privacyPendingDisableAccount > div:last-of-type,
#rt-mainbody-surround div.privacyPendingDisableAccount > div:last-of-type > div,
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type,
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type > div {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
#rt-mainbody-surround div.privacyPendingDisableAccount .form-group:last-child,
#rt-mainbody-surround div.privacyDisableAccount form .form-group{
    padding-bottom: 130px !important;
}

#rt-mainbody-surround div.privacyPendingDisableAccount > div:last-of-type,
#rt-mainbody-surround div.privacyDisableAccount form > div:last-of-type{
    transform: translateY(-95px);
}

#rt-mainbody-surround div.privacyPendingDisableAccount .form-group{
    padding-bottom: 0 !important;
    padding-top: 5px !important;
    margin: 0 auto !important;
}
#rt-mainbody-surround div.privacyPendingDisableAccount .form-group .form-control-plaintext{
    color: white !important;
}


#rt-mainbody-surround div.privacyPendingDisableAccount .form-group:nth-child(2){
    padding-top: 20px !important;
}
#rt-mainbody-surround div.privacyPendingDisableAccount .form-group:nth-child(3){
    padding-bottom: 130px !important;
}

.cbFieldsContentsTab .cb_field .cbAjaxToggle.fa.fa-cog{
    display: none !important;
}


.uf-profile-fieldset{
    font-size: inherit !important;
}
.uf-profile-fieldset .dl-horizontal dt{
    font-size: normal !important;
    text-align: left !important;
    font-weight: normal !important;
    color: white !important;
}

#rt-mainbody-surround .cb_template.cbProfile .form-group.uf-form-group-game-data > div,
#rt-mainbody-surround .cb_template.cbProfile .form-group.uf-form-group-game-data > div > div{
    width: 100% !important;
    max-width: 100% !important;
}

#rt-mainbody-surround .cb_template.cbProfile .form-group.uf-form-group-one-line div.cb_field fieldset:not(.no-padding) dl{
    padding: 10px !important;
}
#rt-mainbody-surround .cb_template.cbProfile .form-group.uf-form-group-one-line div.cb_field dd{
    width: 80% !important;
}
#rt-mainbody-surround .cb_template.cbProfile .form-group.uf-form-group-one-line div.cb_field legend{
    text-shadow: none !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: white !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
    border-bottom: none !important;
    font-family: inherit !important;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    padding: 0px 10px;
    line-height: 30px !important;
}

.uf-profile-fieldset a{
    background-color: #043e64 !important;
}

.cb_template .cbPosHead .alert-info{
    border: none !important;
  background-color: #032d4b !important;
  border-radius: 3px !important;
  color: white !important;
  background-image: none !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  overflow: visible !important;
  padding: 0px 10px 0 15px !important;
  vertical-align: middle;
  display: inline-block;
  width: 100% !important;
  text-align: left;
}
.cb_template .cbPosHead .alert-info .cbConnPathMessage{
    max-height: 40px !important;
  /*vertical-align: middle;*/
  display: inline;
}

 .cb_template .cbPosHead .alert-info .cbConnPathMessage img{
    max-width: 50px !important;
  width: 50px !important;
  height: 50px !important;
  transform: translateY(3px);
  display: inline-block;
  position: relative;
  margin-top: -7px;
}
.cb_template .cbPosHead .alert-info .cbConnPathActions  {
    float: right;
  margin: 14px 5px 0 !important;
}
.cb_template .cbPosCanvasPhoto {
    /* for jf_connecto_cb_20 */
  /*position: absolute;
  margin-top: -310px;
  top: unset !important;
  left: 60px;
  display: inline-block;*/
  
}

.cb_template .cbCanvasLayout .cbCanvasLayoutBottom.row > div:first-child .cbCanvasLayoutPhoto{
    top: unset !important;
    left: 30px !important;
    display: inline-block;
    bottom: 85px !important;
    position: absolute !important;
}

div.card.cbCanvasLayout.cbCanvasLayoutSm{
    border-radius: 5px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
div.card.cbCanvasLayout.cbCanvasLayoutSm img.cbImgAvatar{
    width: 80px !important ;
    max-width: 80px !important ;
    height: 80px !important;
    max-height: 80px !important;
}
div.card.cbCanvasLayout.cbCanvasLayoutSm span.text-large a{
    font-size: 15px;
  font-weight: bold;
  color: white !important;
  transform: translateY(-3px);
  display: inline-block;
}
div.card.cbCanvasLayout.cbCanvasLayoutSm span.text-large a:hover{
    color: #fedf54 !important;
    text-decoration: none !important;
}
div.card.cbCanvasLayout .cbCanvasLayoutBody .cbCanvasLayoutContent:first-child{
    margin-bottom: 10px !important  ;
}
div.card.cbCanvasLayout .cbCanvasLayoutBody .cbCanvasLayoutContent .cbCanvasLayoutContent{
    margin-bottom: 5px !important;
  padding-bottom: 0 !important;
  height: 10px;
}

div.card.cbCanvasLayout .cbCanvasLayoutBody .cbCanvasLayoutContent .cbCanvasLayoutContent:last-child{
    margin-bottom: 0px !important;
}

.cbNavBarMenu .cbMenu_UE_MENU_CONNECTIONS{
    display: none !important;
}
.cb_template form.pmMessageEditForm > div.row.no-gutters:not(.form-group),
.cb_template form.pmMessageReplyForm > div.row.no-gutters:not(.form-group)
{
    margin: 40px 0 10px;
  text-align: center;
  width: 100% !important;
  display: block;
  max-width: 100% !important;
  flex: unset;
}
.cb_template form.pmMessageEditForm > div.row.no-gutters:not(.form-group) > div,
.cb_template form.pmMessageReplyForm > div.row.no-gutters:not(.form-group) > div{
  margin: 0 auto !important;
}
.cb_template form.pmMessageEditForm textarea{
    color: #495057 !important;
    font-family: 'ArialNarrow', sans-serif !important;
  font-size: 15px !important;
  font-weight: normal;
}
.cb_template form.pmMessageEditForm .pmMessageEditLimit{
    margin-top: -30px !important;
  display: block;
  width: 90px !important;
  background-color: #032d4b !important;
}

.streamToolbar.streamMoreContainer{
    position: relative;
    z-index:999999999999;
}


.likesStreamMenu.ufJustForResults {
    margin-left: 5px;
  display: inline-flex !important;
  gap: 0px;
    margin-left: 5px;
      transform: translateY(3px);
}

.likesStreamMenu.ufJustForResults .likesStreamMenuIcon{
    text-align: center !important;
   /* transform: scale(0.75) translateX(-15px);*/
   transform: scale(0.75);
   display: flex !important;
    position: relative;
    width: 18px !important;
    height: 18px !important;
    overflow: visible !important;
    margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.likesStreamMenu.ufJustForResults .streamIconLike{
    display: inline-block !important;
    /*display: inline-block !important;
    position: relative;
    width: 30px !important;
    height: 30px !important;
    background-color: rgba(0,0,0,0.25) !important;
    border-radius: 50% !important;
    margin-right: 5px;*/
}
.likesStreamMenu.ufJustForResults .streamIconNumber{
border-radius: 5px !important;
  background-color: rgb(20, 50, 67) !important;
  border: 1px solid rgba(255,255,255,0.75) !important;
  color: rgba(255,255,255,0.75) !important;
  font-family: 'ArialNarrow', sans-serif !important;
  font-size: 13px !important;
  font-weight: normal !important;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0px 5px;
}


@keyframes aparecer-desde-abajo-streamIconNumber {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -45px);
  }
}

.likesStreamMenu.ufJustForResults .likesStreamMenuIcon:hover .streamIconNumber{
    animation: aparecer-desde-abajo-streamIconNumber 0.2s ease;
    animation-fill-mode: forwards;
    visibility: visible !important;
    z-index: 999999 !important;
}

.rt-container #rt-sidebar-a .newsflash{
	height: 500px;
	overflow-y: scroll;
}
.rt-container #rt-sidebar-a .rt-block.timeline-box{
    position: fixed;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 400px;
}
#rt-sidebar-a .newsflash .card:after,
#rt-sidebar-a .newsflashtimeline-box .card:after{
	height: 0px;
}
#rt-sidebar-a .newsflash .button:after,
#rt-sidebar-a .newsflash-timeline-box .button:after{
	display: none;
}


/* Para navegadores WebKit/Blink (Chrome, Edge, Safari) 
.rt-container #rt-sidebar-a .rt-block.timeline-box::-webkit-scrollbar {
  width: 100px;
  height:100px;
}

.rt-container #rt-sidebar-a .rt-block.timeline-box::-webkit-scrollbar-thumb {
  background: #3399ff;
  border-radius: 6px;
}

.rt-container #rt-sidebar-a .rt-block.timeline-box::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}

.rt-container #rt-sidebar-a .rt-block.timeline-box::-webkit-scrollbar-button {
  background: #3399ff;
  border-radius: 6px;
}

.rt-container #rt-sidebar-a .rt-block.timeline-box::-webkit-scrollbar-button:hover {
  background: #1a6ed8;
}

.rt-container #rt-sidebar-a .rt-block.timeline-box::-webkit-scrollbar-button:single-button:hover {
  background: #1a6ed8;
}
*/
/* Para Firefox */
.rt-container #rt-sidebar-a .rt-block {
    /*background-color: rgb(0 0 0 / 35%) !important;*/
}
.rt-container #rt-sidebar-a .rt-block.timeline-box {
    width: 400px;
    left: 1097px;
    max-height: 641px;
    overflow-y: auto;
    margin-top: 60px !important;
    background-color: rgb(0 0 0 / 35%) !important;
    padding: 0 10px 15px !important;
    scrollbar-width: initial;
    scrollbar-color: rgb(199 192 158) rgb(18 48 69 / 66%);

  opacity: 0;
}
.rt-container #rt-sidebar-a .rt-block.timeline-box .module-surround{
    margin-top: 10px;
}

@keyframes aparecer-desde-fade-CBActivity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.rt-container #rt-sidebar-a .rt-block.timeline-box.visible{
    animation: aparecer-desde-fade-CBActivity 0.3s ease;
    animation-fill-mode: forwards;
}


.rt-container #rt-sidebar-a .rt-block.timeline-box .module-title{
    position: fixed;
    text-align: center;
    margin-top: -42px !important;
    z-index: 2;
    margin-left: 10px !important;
}

.rt-container #rt-sidebar-a .rt-block .module-title h2{
text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    padding-bottom: 5px !important;
    font-weight: 100 !important;
    color: white !important;
    border-bottom: none !important;
    text-shadow: none !important;
    width: 100%;
    display: inline-block;
    background-color: rgb(0 0 0 / 35%) !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#rt-mainbody div.activityStream{
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 5px;
}


div.activityStream div.streamItem.card{
    padding: 10px;
   /* background: #065386 !important;*/
    background: #152c3a !important;
    border-radius: 0 !important;
    background-image: none;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-bottom: -5px !important;
    overflow: hidden !important;
}
.activityStreamToolbar.streamFilters.streamToolbar{
    background: #152c3a !important;
    padding: 5px 10px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-align: center;
}
div.activityStream div.streamItem.card.activityContainerNew{
    background: #152c3a !important;
    padding: 5px;
    margin-bottom: 10px !important;
}
div.activityStream div.streamItem.card.activityContainerNew .card-footer{
margin: 15px -5px -5px !important;
    padding: 5px 10px 10px !important;
}

div.activityStream div.streamItem.card.activityContainerNew textarea{ 
    border-radius: 0;
    font-family: 'ArialNarrow', sans-serif !important;
    font-weight: normal;
    line-height: 23px;
}

div.activityStream div.streamItem .likeStreamUnlike {
    font-size: 0.875rem;
}

.cb_template  div.streamItem .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    background-color: #141e25 !important;
    margin: -10px -10px 15px;
    padding: 5px 5px !important;
}

.cb_template div.streamItem .card-header:first-child .activityContainerTitle{
    transform: translateY(5px);
}
.cb_template div.streamItem .card-header:first-child .activityContainerTitle .activityContainerTitleTop{
    line-height: 20px;
}

.cb_template div.streamItem .card-footer{
    background-color: #192831;
    margin: 15px -10px -10px;
    padding: 10px 20px 15px !important;
}

.cb_template div.streamItem .card-footer{
    background-color: #192831;
    margin: 15px -10px -10px;
    padding: 10px 20px 15px !important;
}

.cb_template .activityContainer.streamItemActive .streamInputMessageContainer, .cb_template .activityContainerEdit .streamInputMessageContainer {
    min-height: 75px !important;
}


 .cb_template .activityContainerFooter .streamInputPrivacy{
    display: none !important;
 }

  .cb_template .activityContainerFooterRowButtons{
     padding: 5px 10px 0 !important;
  }

.activityContainerFooterRowLeft .btn,
.cb_template .activityContainerFooterRowButtons button{
     margin-left:5px;
  }

  h4.empty-list-message {
    font-family: 'ArialNarrow', sans-serif !important;
    padding: 10px 15px;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-shadow: 0 0 2px #ffffff;
    font-weight: bold;
}

.block-team.team-result .team-name.visitor a {
    transform: translate(39px, 2px);
}

.cb_template.popover .popover-body{
    overflow-y: auto !important;
}

.uf-activity-image{
    cursor: pointer !important;
    margin-top: 10px !important;
}

 .cb_template .activityContainerContentInner.cbMoreLess.cbMoreLessOpened .cbMoreLessContent {
  color: rgba(255,255,255,0.75) !important;
}

.popover.qtip-modal.uf-activity-image-tooltip{
    max-width: 900px !important;
   /* width: 850px !important;
    height: 650px !important;*/
    max-height: 700px !important;
}


.popover.qtip-modal.uf-activity-image-tooltip img.uf-activity-image-inside
{ 
    max-width: 100%; 
    height: auto;
}

.popover.qtip-modal.uf-activity-image-tooltip .popover-body{
    margin-top: 20px !important;
    overflow-x: hidden !important;
  overflow-y: hidden !important;
  max-height: 600px !important;
}
.popover.qtip-modal.uf-activity-image-tooltip.uf-long-format .popover-body{
  overflow-y: auto !important;
}
div.uf-static-content{
    background-color: rgba(0, 0, 0, 0.3) !important;
    padding: 50px !important;
    border-radius: 5px !important;
    margin-top: 20px !important;
}
#rt-mainbody article div.uf-static-content p{
    text-align: left !important;
}

#rt-mainbody article div.uf-static-content h3{
    font-size: 15px;
    margin-bottom: 5px;
}

#rt-mainbody article div.uf-static-content h3:not(:first-child){
    margin-top: 30px !important;
}

.notificationsStreamButton{
    display: none !important;
}

tr.uf-screenshots-line td{
    text-align: left !important;
}

div.uf-screenshot-in-table{
    display: inline-block;
  width: 182px;
  margin: 0 5px 4px;
  border: 2px solid rgba(255,255,255,0.3);
  border-radius: 3px;
}

div.uf-screenshot-in-table span.uf-screenshot-title{
    background-color: #032d4b;
    display: block;      
    width: 100%;           
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 5px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
  text-shadow: none;
}

div.uf-screenshot-in-table img{
    width: 100%;
    height: auto;
    cursor: pointer;
}

.uf-screenshot-description-on-popup{
    margin: 0px 20px 10px;
  width: 100%;
  text-align: left !important;
  display: block;
  font-size: 13px;
}

a.uf-go-to-user-activity{
    margin: 10px 5px 0px;
  width: 100%;
  text-align: center !important;
  display: block;
  font-size: 11px;
  background-color: rgba(0,0,0,0.3) !important;
  font-weight: bold;
  padding: 3px 9px;
}
a.uf-go-to-user-game-from-activity{
    margin: 5px 0px 0px;
  width: 100%;
  text-align: center !important;
  display: block;
  font-size: 11px;
  background-color: rgba(0,0,0,0.3) !important;
  font-weight: bold;
  padding: 1px 9px;
}

.cb_template #cbunsubscribeContainer button,
.cb_template .streamMoreContainer .activityButtonMore{
width: 300px;
  display: block;
  margin: 25px auto;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-family: 'open-sans-light', sans-serif !important;
  color: #2C3238 !important;
  padding: 4px 25px 5px !important;
  font-size: 12px !important;
  border: none !important;
  box-shadow: none !important;
}

.cb_template #cbunsubscribeContainer button:hover,
.cb_template .streamMoreContainer .activityButtonMore:hover{
background-color: #032d4b !important;
    color: white !important; 
    border: none !important;
}

.pmMessage.pmMessageDefault{
    background-color: rgba(0,0,0,0.3);
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 20px !important;

}
.pmMessage.pmMessageDefault .pmMessageHeader {
border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 5px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;  
  background-image: none !important;
  background-color: #032d4b63 !important;
margin-bottom: 5px !important;;
}

.pmMessage.pmMessageDefault .pmMessageContent{
border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 5px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;  
  background-image: none !important;
  background-color: #032d4b63 !important;
  padding: 15px !important;
  color: rgba(255,255,255,0.75) !important;

}

div.activityContainerHeaderInner{
    overflow: visible !important;
    line-height: 15px !important;
}

@keyframes explosion {
  0% {
    background: radial-gradient(circle at 50% 50%, #fedf54 0%, #fff200 10%, #ffb300 20%, transparent 40%);
  }
  100% {
    background: radial-gradient(circle at 50% 50%, #fedf54 0%, #fff200 30%, #ffb300 60%, transparent 100%);
  }
}

.explosion-bg-animada {
    animation: explosion 0.5s linear;
}

div.uf-activity-win{
    border: 1px solid #fedf5482 !important;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 0.85em;
background-color: #192831;
}

#rt-mainbody-surround div.cb_template div.uf-activity-win h3{
    font-size: 15px !important;
  line-height: 15px !important;
  margin: 0px !important;
  font-weight: bold !important;
  padding: 10px !important;
  pointer-events: inherit !important;
}

.uf-activity-user-line{
background-color: rgb(20, 30, 37);
  padding: 5px 10px 0 0px;
  margin-bottom: 5px;
  border-radius: 1px;
}

.uf-activity-user-line span:first-child{
    display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: red;
  text-align: center;
  padding: 0px 0px 0px 0;
  border: 2px solid white;
  font-size: 14px;
  font-weight: bold;
  color: #2C3238;
  transform: translate(-12px, -10px);
}

div.uf-activity-win .uf-activity-user-line span.gold{
    background-color: #FFD600 !important;
  border-color:  #7a6601 !important;
}

div.uf-activity-win .uf-activity-user-line span.silver{
    background-color: #D3D3D3 !important;
  border-color:  #858585 !important;
}

div.uf-activity-win .uf-activity-user-line span.bronze{
    background-color: #FFBA6F !important;
  border-color:  #9c7244 !important;
}

div.uf-activity-win .uf-activity-user-line a{
    font-weight: bold !important;
}

.uf-activity-user-line-user{
    display: inline-block;
    width: 220px;
}
.uf-activity-user-list{
    display: block;
    margin: 10px;
    padding: 10px;
}
.uf-activity-user-line-receive{
    font-size: 10px;
  color: lightgray;
  display: block;
}
.uf-activity-intro{
    width: 100%;
  text-align: center;
  display: block;
  font-size: 12px;
}

#cbpayWheel{
        background-color: #ffffff;
    padding: 7px;
    border-radius: 50%;
    width: 50px;
    margin: 20px auto 0;
    height: 50px;
    border: 5px outset #16a0ff;
    }


.show-users-enviroment{
  transform: translate(3px, -20px) !important;
}    

.show-users-enviroment .user-profile-mini{
    background-color: #032d4b !important;
    width: 74px;
}

.show-users-enviroment .user-profile-mini span{
    width: 70px;
}

#rt-mainbody article section.legal-content h3{
    font-size: 15px !important;
    text-decoration: underline !important;
}
#rt-mainbody article section.legal-content h3:not(:first-child){
    margin-top: 30px !important;
}
#rt-mainbody article section.legal-content ul li,
#rt-mainbody article section.legal-content p{
    color: inherit !important;
    text-align: left !important;
    font-size: 13px !important;
}

span.i-accept-terms{
    font-size: 12px;
    line-height: 14px !important;
    max-width: 166px !important;
    display: grid;
    white-space: nowrap;
}
/* -------------------------------------------------------- 
BANNER COOKIES
 -------------------------------------------------------- */

  #cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#111;color:#fff;padding:14px 16px;display:none;box-shadow:0 -2px 8px rgba(0,0,0,.2);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
  #cookie-banner .msg{max-width:1100px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
  #cookie-banner a{color:#9bd1ff;text-decoration:underline}
  #cookie-banner .actions{display:flex;gap:8px}
  #cookie-banner button{border:0;border-radius:4px;padding:8px 12px;cursor:pointer;font-weight:600}
  #cookie-accept{background:#1b93c7;color:#fff}
  #cookie-reject{background:#555;color:#fff}