#form-ui {
   display: inline-block;
   width: 22%;
   padding: 0 20px;
   background: #F3F3F3;
}

#form-ui .checkbox-button__label {
   line-height: 55px;
}

#form-ui label.myFavourite::before ,  #form-ui input[type=checkbox]:checked+label.myFavourite::before{
   right: 10px;
}
#form-ui label.myFavourite::after {
   top: 17px;    
right: 37px; }

#form-ui input[type=checkbox]:checked+label.myFavourite::after {
top: 17px;
right: 14px; 
}

svg {

-webkit-animation-name: spin;
-webkit-animation-duration: 750ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 750ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 750ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;

animation-name: spin;
animation-duration: 750ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
/*@-ms-keyframes spin {
from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {
  transform:rotate(0deg);
}
to {
  transform:rotate(360deg);
}
}
*/
.aligner {
    /* display: -webkit-inline-box; */
}
                    
.header-navigation-left .apuestas-dropdown{
    position: relative;
}

.display {
    display: block!important;
}

.header-navigation-left .apuestas-dropdown:hover .apuestas-caret{
    display:block;
}
                    
.nuevo-badge:after {
    content: 'nuevo';
    background: #F70F54;
    color: white;
    padding: 2px 4px;
    font-weight: 800;
    border-radius: 4px;
    font-size: 8px;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    right: 10px;
    margin-left: 2px;
}
                                    
span.badge{
    padding-left: 10px;
    top: -1px;
}
                    
span.red {
    background: #F70F54;
    color: white;
    padding: 2px 4px;
    font-weight: 800;
    border-radius: 4px;
    font-size: 10px;
    text-transform: uppercase;
}
                    
.apuestas-caret{
    background: #FFF;
    margin-top: -1px;
    float: right;
    position: absolute;
    border-radius: 0px;
    top: 63px;
    left: -10px;
    margin-top: 1px;
    display:none;
    border-top: 1px solid #e8e4e4;
}
    
.apuestas-caret ul {
    display: flex;
    list-style: none;
    flex-flow: row;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 200;
    display: block!important;
    min-width: 235px;
}
            
.apuestas-caret ul li {
    display: block;
    border-bottom: 1px solid #e8e4e4;
    padding: 0!important;
    text-indent: 35px;
    color: #8D8D8D;
}

.apuestas-caret ul li a{
    display: block;
    line-height: 50px
}

.apuestas-caret ul li a:hover{
    background: #F4F7FC;
}

.support-button { 
    background: url(/img/svg/support1.svg) no-repeat center center; 
    height: 32px; 
    width: 32px; 
    padding: 16px;   
}

.header-navigation-right { 
    display: flex; 
    justify-content: center; 
    height: 65px;   
}

.header-navigation-left ul li a:hover{
    color:#FF6600 !important;
}

#filterSection {
    display:none;   
}

/*style below to be moved to main style sheet*/
.playlogado, .playlogado:hover {
    color: #E89E09;
    font-size: 3.5rem;
    font-weight: 300;
}

.fa-play-circle-o:before {
    content: "\f01d";
}