.content-rewards {
    padding: 1em;
}

.content-rewards > .box-section {
    box-shadow: 1px 1px 9px rgba(0, 0, 0, .2);
    background: #eee;
    background: linear-gradient(to bottom, #FEFEFE 0, #EFEFEF 100%);
    padding: 1.5em;
    margin: 0 0 2em 0;
    border-radius: 8px;
    font-size: 1.15em;
}
.box-section.whats {
    height: 18em;  
}
.box-section.whats h2 {
    min-height: 12em;    
}
.box-section.whats > ul {   
    background: url(../images/rewards/share-img-en.png) right bottom no-repeat;
}
.box-section.rewards-new-user h2 {
    min-height: 5em;
   
}

.content-rewards > .box-section > h2, 
.content-rewards > .box-section > ul {
    display: inline-block;
    vertical-align: top;
}
.content-rewards > .box-section > h2 {
    width: 20%;
    border-bottom: none;
}

.content-rewards > .box-section > ul {
    width: calc( 79.5% - 1em);
    margin: 0 0 0 1em;
}

.content-rewards li {
    color: #000;
    font-size: 1.1em;
}

.content-rewards .box-section > ul > li {    
    list-style-type: none;
    list-style-position: initial;
    background: none;
    padding-left: .5em;
    margin-bottom: .5em;
}

.box-section.rewards-how-works > ul > li,
.box-section.rewards-faq > ul > li,
.box-section.rewards-me > ul > li {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
    padding: 1em;
    color: rgb(0, 0, 0);     
    box-shadow: 1px 1px 9px rgba(0, 0, 0, .2);
    border-radius: 5px;       
}



.box-section.rewards-me > ul > li {  
    height: 9.5em;
    width: calc( 50% - 1em);    
    padding: 0;
    margin: 0 1.5em 0 0;  
    background: rgb(179, 205, 212);
    background: linear-gradient(to top, rgb(236, 241, 243) 0, rgb(253, 254, 255) 100%); 
}

.box-section.rewards-me > ul > li:last-child {  
    margin: 0 0 0 0; 
}


.box-section.rewards-how-works > ul > li,
.box-section.rewards-faq > ul > li {
    min-height: auto;
    width: calc( 100% - 2em);    
    margin: 0 0 1em 0;
    color: rgb(0, 0, 0);
    background: rgb(179, 205, 212);
    background: linear-gradient(to top, rgb(236, 241, 243) 0, rgb(253, 254, 255) 100%);   
   
}

.box-section.rewards-me .box-user {
    height: calc( 100% - 2em);
    background: url(../images/rewards/one-month-extra-b.svg) .5em .25em no-repeat;
    background-size: 3.05em auto;
    padding: 1em;   
}
.box-section.rewards-me .box-user.club-member {
    background: url(../images/rewards/30-days-extra-b.svg) .5em .25em no-repeat;
    background-size: 3.05em auto;    
}

.box-section.rewards-me .title-user-type {
    font-size: 1.1em;
    margin-bottom: .15em;
    padding-left: 2.65em;
    padding-top: .3em;
}

.box-section.rewards-me > ul > li .content-user-type {  
    margin-left: 1.5em;
    padding-left: 2em;
}

.box-section.rewards-me > ul > li .content-user-type {  
    padding-bottom: 2em;
    min-height: 5em;
}

.box-section.rewards-new-user > ul > li .title-user-type {   
    background: url(../images/rewards/one-month-extra-b.svg) .25em .25em no-repeat;
    background-size: 3.05em auto;     
    margin-bottom: 0;
    padding-left: 3.75em;
    padding-top: 1.35em;
    font-size: 1.05em;
    min-height: auto;
}

.box-section.rewards-new-user > ul > li .content-user-type {    
    padding-left: 4.5em;    
}
.box-section.rewards-how-works  > ul > li .title-how-works {
    font-size: 1.1em;
    margin-bottom: .5em;    
}


.box-section.rewards-how-works  > ul > li.auto .content-how-works {
    min-height: 7em;
    background: url(../images/rewards/share-auto-en.png) right top no-repeat;
    padding-right: 11em;
    padding-left: 1em;
}
.box-section.rewards-how-works  > ul > li.manual .content-how-works {   
    padding-left: 1em;
}
.box-section.rewards-how-works  > ul > li.banner .content-how-works {
    background: url(../images/logos/ssp_logo_180-150.jpg) right top no-repeat;
    background-size: auto 90%;
    padding-right: 11em;
    padding-left: 1em;
}

.content-rewards ul>li>ul>li {
    background: none;
    padding: 0 0 0 0;
    margin: .25em 0 0 2em;
    font-size: 1em;
    list-style-type: circle;
}

.faq-question {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 .5em 0;
    color: rgb(9, 36, 53);
}
.faq-answer {
    font-size: .95em;
    color: rgb(0, 52, 85);
    margin: 0 0 0 1em;
}


.content-rewards li>ul {
    margin-top: .35em;
}

.box-activate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 2em;
    width: 50%;
}

.box-activate>* {
    display: block;
}

.box-activate label {
    font-size: 2.5em;
    width: calc(60% - 1em);
    margin-right: 1em;
}

.box-teams-settings .box-activate label {
    font-size: 1.2em;
}

.box-activate label.full-width {
    width: calc(100% - .5em);
    margin-right: .5em;
}


/* switch */

.box-switch {
    border-radius: 1em;
    height: 2.5em;
    width: 25%;
    cursor: pointer;
    margin-left: 1em;
}

.btn-switch {
    border-radius: 1em;
    margin-top: .125em;
    height: calc(100% - .125em);
    width: 50%;
    margin-left: 0;
    transition: margin-left .25s ease;
    color: #FFF;
    background: #CCC;
    cursor: pointer;
    outline: none;
}

.btn-switch span {
    font-size: 1.25em;
}

.shadow-inset-min-1 {
    box-shadow: inset 1px 1px 6px rgba(0, 0, 0, .5);
}

.box-switch {
    background: #f5f5f5;
    background: linear-gradient(to bottom, #f5f5f5 0, #d6d6d6 100%);
}

.btn-switch.state-on {
    margin-left: 50%;
    background: #a5c204;
    background: linear-gradient(to bottom, #a5c204 0, #667800 100%);
}

.btn-black {
    cursor: pointer;
    color: #FFF;
    border: 1px solid #6e797c;
    opacity: 1;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}