/* Content */

 /* Left site Bar */

app-load{
    left: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
    
 
}
.active-mobile-navigation-view.content-page-navigation app-load{
    z-index: 1010;
    position: absolute;
    left: 14vw;
    width: 100vw;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out  
    
}
#root.content-page-navigation .mobile-navigation-view {
    width: 14vw!important;
    left: -14vw!important;
    background-color: var(--c-dark-white);
    border: none;
    border-right: 0.1rem solid var(--c-primary-e)
   
    
}
.helper-page-wrapper > app-widget-host {
    flex-direction:row;
}
.active-mobile-navigation-view.content-page-navigation .inner-hide-modal-overlay{
    background-color: var(--c-dark-white);
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper, {
    display: flex;
    text-align: left;
   padding: 2rem 0
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .help-link,
.floating-sidebar .content-nav-wrapper .help-link{
    padding: 1.1rem 2.2rem;
    cursor: pointer;
    color: var(--c-primary-e);
    font-size: 1.5rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .help-link:active,
.floating-sidebar .content-nav-wrapper .help-link:active{
    background-color: var(--c-text);
    width: 100%
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .home,
.floating-sidebar .content-nav-wrapper .home{
    background: url(/v1.02/r/images/w73/Home.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .home > div,
.floating-sidebar .content-nav-wrapper .home > div{
    padding-left: 1rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .term-conditions,
.floating-sidebar .content-nav-wrapper .term-conditions{
    background: url(/v1.02/r/images/w73/terms.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .term-conditions > div,
.floating-sidebar .content-nav-wrapper .term-conditions > div{
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .privacy-policy,
.floating-sidebar .content-nav-wrapper .privacy-policy{
    background: url(/v1.02/r/images/w73/privacy.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .privacy-policy > div,
.floating-sidebar .content-nav-wrapper .privacy-policy > div{
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .cookies,
.floating-sidebar .content-nav-wrapper .cookies{
    background: url(/v1.02/r/images/w73/cookie.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .cookies > div,
.floating-sidebar .content-nav-wrapper .cookies > div{
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .responsible-gaming,
.floating-sidebar .content-nav-wrapper .responsible-gaming{
    background: url(/v1.02/r/images/w73/responsible-gaming.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .responsible-gaming > div,
.floating-sidebar .content-nav-wrapper .responsible-gaming > div
{
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .help,
.floating-sidebar .content-nav-wrapper .help{
    background: url(/v1.02/r/images/w73/help.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .help > div,
.floating-sidebar .content-nav-wrapper .help > div {
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .rules,
.floating-sidebar .content-nav-wrapper .rules{
    background: url(/v1.02/r/images/w73/rules.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .rules > div,
.floating-sidebar .content-nav-wrapper .rules > div {
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .livescores,
.floating-sidebar .content-nav-wrapper .livescores{
    background: url(/v1.02/r/images/w73/score.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .livescores > div,
.floating-sidebar .content-nav-wrapper .livescores > div{
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .results,
.floating-sidebar .content-nav-wrapper .results{
    background: url(/v1.02/r/images/w73/results.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .results > div,
.floating-sidebar .content-nav-wrapper .results > div{
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .affiliate,
.floating-sidebar .content-nav-wrapper .affiliate{
    background: url(/v1.02/r/images/w73/affiliate.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .affiliate > div,
.floating-sidebar .content-nav-wrapper .affiliate > div{
    padding-left: 1rem
}

.content-page-navigation .mobile-navigation-view .content-nav-wrapper .contact-us,
.floating-sidebar .content-nav-wrapper .contact-us{
    background: url(/v1.02/r/images/w73/contact.svg) left center no-repeat;
    background-size: 2.2rem;
    margin-left: 2rem
}
.content-page-navigation .mobile-navigation-view .content-nav-wrapper .contact-us > div,
.floating-sidebar .content-nav-wrapper .contact-us > div{
    padding-left: 1rem
}


 /* Main Content Page  */


.internal-user-page.helper-page .header{
    border-bottom: .1rem solid var(--c-text)
}
.internal-user-page.helper-page .header app-widget-host{
   align-items: center;   
}
.internal-user-page.helper-page .header > app-widget-host{
    position: relative;
    flex-direction: row;    
    height: 4.4rem;
    width: 63rem;
    margin: 0 auto;
}

.internal-user-page.helper-page .header-links-left{
    z-index: 2;
    cursor:pointer
}
.internal-user-page.helper-page .header-links-left .mobile-link.mobile-menu-link > app-widget-host{
    display: flex;
    flex-direction: row;
    color: var(--c-white);
    text-shadow: 1px 1px 1px var(--c-dark-green)    
}
.internal-user-page.helper-page .mobile-menu-link{
    padding: 1rem 1rem
}

.internal-user-page.helper-page .header-links-left .mobile-link.mobile-menu-link app-content-block{
    padding-left: 1rem
}
.internal-user-page .header-links-center .beto-image.logo{
   width: 12rem
}
.internal-user-page .header-links-center .beto-image.logo img {
    width:100%
}
.internal-user-page.helper-page .header-links-center{
    position: absolute;
    width: 100%;
    height: 4.4rem;
    text-align: center
}

#root .internal-user-page.helper-page .header-links-center > app-widget-host{    
    justify-content: center
}
.internal-user-page.helper-page .user-page-top .page-title  {
   width: 63rem;
   justify-content: left
}

.internal-user-page.helper-page .help-title{
    display: flex;
    background-color: var(--c-primary);
    color: var(--c-text);
    font-size: 2.2rem;
    line-height: 2.6rem;
    height: 4.4rem;
    align-items: center
}
.internal-user-page.helper-page .help-title > div{
    width: 63rem;
    margin: 0 auto
}

.internal-user-page.helper-page .user-page-content > app-widget-host{
    flex-direction: row;
    flex-wrap: wrap

}
.internal-user-page.helper-page .help-sec{
    width: 100%;
    flex: 0 0 33.333333%;
    margin-top: 2rem;
    padding-right: 2rem
}
.internal-user-page.helper-page .help-sec .help-sec-title{
    font-size: 1.6rem;
    padding-bottom: .5rem;
    padding-top: 3.2rem;
    color: var(--c-primary);
    line-height: 2.4rem
}
.internal-user-page.helper-page .help-sec .help-link{
    font-size: 1.4rem;
    color: var(--c-primary-e);
    padding: .7rem 0;
    cursor: pointer;
    position: relative
    
}
.internal-user-page.helper-page .help-sec .help-link:after{
    content: " ";
    position: absolute;
    top: 1.4rem;
    right: 1rem;
    width: .7rem;
    height: .7rem;
    background: transparent;
    color: var(--c-primary-e);
    border-top: .2rem solid var(--c-primary-e);
    border-right: .2rem solid var(--c-primary-e);
    transition: all 200ms ease;
    -webkit-transform: translate3d(0, -50%, 0) rotate(135deg);
    transform: translate3d(0, -50%, 0) rotate(45deg)
}
.internal-user-page.helper-page > app-widget-host{
    position: relative;
    padding-bottom: 10rem;
    min-height: 100vh
}
.internal-user-page.helper-page .help-footer{
    background-color: var(--c-primary);
    display: flex;
    text-align: center;
    padding: 2rem 0;
    position: absolute;
    width: 100%;
    bottom: 0  
}
.internal-user-page.helper-page .help-footer .copyright{
    color: var(--c-text);
    font-size: 1.1rem
}
.internal-user-page .help-footer .beto-image.logo {
    width: 12rem;
    margin: 0 auto
}
.internal-user-page .help-footer .beto-image.logo img {
    width:100%
}
/* Terms and Condition */

.internal-user-page.helper-page{
    background-color: var(--c-white);
}
.internal-user-page.helper-page .user-page-content .site-text-content > div{
    color: var(--c-primary-f);
    font-size: 1.3rem;
    line-height: 1.8rem

}
.internal-user-page.helper-page .user-page-content .site-text-content > div > p:first-child{    
    color: var(--c-text-e);    
    font-size: 1.6rem;
    padding: 0 .12rem
}