@font-face{
    font-family: 'Source Code Pro';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-ExtraLight.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-ExtraLightIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-Light.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-LightIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-Regular.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-It.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-Medium.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-MediumIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-Semibold.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-SemiboldIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-Bold.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-BoldIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Code Pro';
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
    src: url('https://cdn.maximo-it.de/fonts/SourceCodePro/SourceCodePro-BlackIt.ttf') format('truetype');
}

#banner {
    width: 100%;
}

#bannerText {
    width: 477px;
    height: 156px;
    background-image: url('//cdn.maximo-it.de/img/banner_online.png');
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: 0px;
}
#bannerLogo {
    background-image: url("//cdn.maximo-it.de/logos/cropped-Logo_WP-1.png");
    background-repeat: no-repeat;
    height: 71px;
    left: 5px;
    margin: 0 auto;
    position: relative;
    top: 5px;
    width: 858px;
}

#footer {
    font-size: 0.7em;
    margin: 0 auto 20px;
    text-align: center;
    color: #777
}
#footer a {
    color: #777 !important
}

.ui.message {
    font-size: 0.9em;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center !important;
    padding-left: 30px !important;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center !important;
}

.inverted.responsive.menu .toc.item {
    display: none;
}

@media only screen and (max-width: 800px) {
    .inverted.responsive.menu .item,
    .inverted.responsive.menu .menu {
        display: none;
    }
    .inverted.responsive.menu .toc.item {
        display: block;
    }
}

.ui.modal .scrolling.content {
    min-height: calc(70vh);
}

/* Desktop */
@media (min-width: 1281px) {
    #mdebug {
        content: '1';
    }
}
/*  Laptops, Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    #avgduration, #uniqueUser, #returningUser, #jumpingUser {
        font-size: 2rem !important;
    }
    .ui.small.statistic {
        margin: 0 !important;
    }
    #datatableHotspots_previous, #datatableHotspots_next {
        font-size: 0.5rem;
    }
}
/* Tablets, Ipads (portrait) */
@media (min-width: 768px) and (max-width: 1024px) {
    #avgduration, #uniqueUser, #returningUser, #jumpingUser {
        font-size: 2rem !important;
    }
    .ui.small.statistic {
        margin: 0 !important;
    }
    #datatableHotspots_previous, #datatableHotspots_next {
        font-size: 0.5rem;
    }
}
/* Tablets, Ipads (landscape) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #mdebug {
        content: '4';
    }
}
/* Low Resolution Tablets, Mobiles (Landscape) */
@media (min-width: 481px) and (max-width: 767px) {
    #mdebug {
        content: '5';
    }
}
/*  Most of the Smartphones Mobiles (Portrait) */
@media (min-width: 320px) and (max-width: 480px) {
    #mdebug {
        content: '6';
    }
}

a {
    color:#03c4eb;
}

.ui.blue.button, .ui.blue.buttons .button, .ui.inverted.blue.menu, .ui.inverted.menu .blue.active.item  {
    background-color: #03c4eb !important;
}