@import url('https://fonts.googleapis.com/css?family=Open+Sans');
:root {
    --mms-global-font-size: 0.8rem;
    --mms-global-line-height: 195%;
    --mms-global-border-radius: .1rem;
    --mms-global-comp-font-size: 0.8rem;
    --mms-global-comp-font-size-small: 0.72rem;
    --mms-global-comp-font-size-smaller: 0.68rem;
    --mms-global-comp-font-size-smallest: 0.64rem;
    --mms-global-comp-font-size-mini: 0.4rem;
    --mms-global-comp-font-size-big: 0.88rem;
    --mms-global-comp-font-size-bigger: 0.92rem;
    --mms-global-comp-font-size-biggest: 0.96rem;
    --mms-global-default-font-family: 'Open Sans', Open Sans, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
    --mms-global-scheme: #970000;
    --mms-global-scheme-85: #EFD9D9;
    --mms-global-scheme-95: #FAF2F2;
}

body.FRONT { 
    font-size: var(--mms-global-font-size); 
    background-color: #181818; 
    font-family: var(--mms-global-default-font-family); }
body.iframe { 
    background-color: transparent !important; 
}

body.cke_editable { font-family: var(--mms-global-default-font-family); font-size: 0.72rem; }
body.cke_ltr { font-family: var(--mms-global-default-font-family); font-size: 0.72rem; }

a img { text-decoration: none; color: inherit; outline: none; }
.highlight { color: #970000 !important; }
hr { border: 0; border-bottom: 2px dotted var(--mms-global-lightgrey) !important; }
.backlight { background-color: var(--mms-global-scheme-85) !important; }
/*.message { background-color: var(--mms-global-scheme-95) !important; border-color: var(--mms-global-scheme-85); }*/
.message.backlight { background-color: var(--mms-global-scheme-85) !important; }
.background, .background.primary { background-color: var(--mms-global-scheme) !important; color: #fff; }
.background-border { border-color: var(--mms-global-scheme) !important; }
.background.secondary { background-color: var(--mms-global-scheme) !important; }

/*body .ui-button.default { background: #970000; border-color: #970000; }
body .ui-button.default:hover {  }
body .ui-button.default.ui-state-hover { background: #A11A1A; border-color: #CB8080; }*/

.mms-app-registration-progress.ui-progressbar { margin-top: 2px; height: 24px; line-height: 24px; display: inline-block; width: 200px; float: right; }
.mms-app-registration-progress.ui-progressbar .ui-progressbar-value { background-color: var(--mms-global-scheme); }
.mms-app-registration-progress.ui-progressbar .ui-progressbar-label { color: #fff; line-height: 24px; }
.mms-stamp-closed-participant-catalog {  }
.content { color: #484848; }
.content h1 { color: var(--mms-global-scheme); }
.content a { color: var(--mms-global-scheme); text-decoration: underline; }
.content h2 { color: var(--mms-global-scheme); }
.content h3 { color: var(--mms-global-scheme); }
.content h4 { color: var(--mms-global-scheme); }
.content dl dd { border-color: var(--mms-global-scheme); }
.mms-command-item a, a.mms-command-item { text-decoration: none; color: inherit; }

.profileCase { width: 100%; }
.formButton { border-radius: 7px;}
.formLink { border-radius: 2px;}
.formButton, .formLink, .formButton.default, .formLink.default, .formButton:hover, .formLink:hover { border: none !important; color: #fff !important; text-decoration: none !important; }
.formButton.default, .formLink.default, body .formButton.ui-commandlink.default { background-color: #970000; color: #fff !important;  text-decoration: none !important;}
.formButton.default:hover, .formLink.default:hover, body .formButton.ui-commandlink.default:hover { background-color: #800000; color: #CB8080 !important;  text-decoration: none !important;}
.formButton strong, .formLink strong, body .formButton.ui-commandlink strong { color: #FFFFFF !important; }

.formRow .formField .normal span { color: #484848; }
.formRow .formLabel { color: #484848; }
.formRow .formLabel label:hover { color: #484848; }

.blockEditMenuSortKey { position: absolute; margin-left: -15px; z-index: 100; }
.blockEditMenuSortKey.withTitle {  margin-top: -15px; }
.blockEditMenuSortKey.withoutTitle { margin-top: -29px; }
.blockEditMenuButton { margin-right: -15px; z-index: 99; }
.blockEditMenuButton.withTitle {  margin-top: -15px; }
.blockEditMenuButton.withoutTitle { margin-top: -26px; }
.blockEditMenuButton .blockEditMenu { margin-left: -100px; }

.mms-app-menu-participant-spoofing { margin: 0px; background-color: #970000 !important; color: #fff; line-height: 30px; padding: 5px 15px; }

.timelapse { background-color: white; line-height: 16px; width: 300px; position: absolute; padding: 10px; }
.timelapse .cursor { font-style: italic; /*font-size: 80%;*/ }
.timelapse .event { }
.timelapse .now { font-weight: bold; }

.mms-app-catalog-favourite, .mms-app-catalog-requested { display: inline-block; position: absolute; margin-top: -10px; margin-left: -15px; font-weight: bold; line-height: 120%; font-size: 70%; padding: 3px 10px; background-color: #FFF76C; color: #484848; }
.mms-link:hover .mms-app-catalog-favourite, .mms-link:hover .mms-app-catalog-requested { opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); }
.mms-app-catalog-new {  }
.mms-assistance { font-weight: normal; }

.extra-field.extra-field-Label .labelContent, .formRowTitle { padding: .5rem .75rem; color: var(--mms-global-scheme); border-left: 5px solid var(--mms-global-scheme); border-top-left-radius: 7px; border-bottom-right-radius: 7px; background-color: #F5E6E6 !important; }
.planning-unit-item-session { border-left: 7px solid #970000; padding-left: 10px; }
.border-aside { border-left: 7px solid var(--mms-global-scheme); padding-left: 10px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; }

body .ui-tabs .ui-tabs-nav.ui-widget-header li a {
    color: #970000 !important;
}


.mms-image-gallery.mms-slide ul {
    border-radius: 7px;
    overflow: hidden;
    animation: Scroll var(--gallery-duration) linear infinite;
}
.mms-image-gallery.mms-slide li {
    
}
.mms-image-gallery.mms-slide:hover li {
    animation-play-state: paused;
}

@keyframes Scroll {
    0% { transform: translateY(0); }
    50% { transform: translateY(var(--gallery-height)); }
    100% { transform: translateY(0); }
}

/* MOBILITY */
.mobile-hide {  }
.desktop-hide { display: none; }

@media all and (max-width: 800px) {
    .cam-event-logo { display: none; }
    .mobile-hide { display: none; }
    .desktop-hide { display: initial; }
}