*{
    box-sizing: border-box;
}
html,body{
    width: 100%;
    height: 100%;
    overflow:hidden!important;
    background-color:#eeeeee;
}

.cluub-logo-wrapper{
    display: inline-block;
}
.cluub-logo{
    width: 80px;
    height: 80px;
    background-image: url(/resources/core/svg/logo.svg);
    background-repeat: no-repeat;
    background-size: 90% 90%;
    /* margin: 10px; */
    background-position: center;
    display: inline-block;        
}
.cluub-logo-text{
    color:#ff7600;
    margin-top: -18px;
    text-align:center;
}
.c-space{
    margin-right:1px;
}
.c-space-2{
    margin-right:2px;
}
.c-space-small{
    margin-right:0.5px;
}

.sport-section,
.app-section,
#home_content,
#home_footer{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#home_content{
    overflow: auto;
    bottom: 40px;
}
#home_footer{
    top: auto;
    height: 40px;
    border-top:1px solid #cacaca;
    padding:0 15px;
    font-size:0.9em;
}
.app-section{
    overflow: auto;
    top: 40px;
}

.app-sub-section{
    position:absolute;
    top:42px;
    left:0;
    right:0;
    bottom:0;
    overflow: auto;
}

.sport-introduction{
    background-color:#fff;
}

body.is-fullscreen .app-section,
body.is-fullscreen .app-sub-section{
    top: 0;
}

.indicator{
    display:none;
}

body.is-online .indicator-is-online,
body.is-offline .indicator-is-offline{
    display:revert;
    color: #fff;
    background-color: #8cd18c;
    padding: 0;
    border-radius: 50%;
}
body.is-offline .indicator-is-offline{
    background-color: #d18c8c;
}
body.is-online .indicator-is-online svg,
body.is-offline .indicator-is-offline svg{
    margin-top:-6px;
}

body.is-offline .hide-offline{
    display:none;
}

.uk-button-primary{
    background: #ff7601;
}
.uk-button-primary:hover{
    background: #ff7601ee;
    color: #1a1d3a;
}

.sport-section-header{
    background: #1a1d3a;
    color: #fff;
}

#modal_info .uk-modal-title{
    color:#1a1d3a;
}
#modal_info .uk-modal-header p{
    color:#ff7601;
}
#modal_info .uk-modal-footer{
    background-color:#1a1d3a;
    padding:0;
    border-top:2px solid #cacaca;
}
#modal_info .pbh{
    float: right;
    display: inline-block;
    height: 50px;
    padding: 15px 40px 0 0;
    background: #1a1d3a url(/resources/core/images/haiku.png) no-repeat center right;
    margin-right: 20px;
    font-size: 16px;
    text-decoration:none;				
}
#modal_info .pbh,.pbh:visited,.pbh:hover{
    color:#fff;
}
#modal_info .pbh-p,.pbh-h{
    font-weight:bold;
}
#modal_info .copyright{
    font-size:14px;
    padding:18px 0 0 12px;
    float:left;
    color:#fff;
}
#modal_info .copyright .rights{
    display:none;
}
/* Medium breakpoint */
@media screen and (min-width: 400px){
	#modal_info .copyright .rights{
		display:inline-block;
	}
}

.uk-notification-message{
    border-radius: 5px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
}
.uk-notification-message p{
    color: #1a1d3a;
}
.uk-notification-message p a{
    color: #ff7601;
}