/* ---------------------------------------------------------------- */
/* allgemeine Onlineservices CSS (SIT) für alle Mandanten           */
/* ---------------------------------------------------------------- */

/*
 * Lade-Animation
 */


body #loadingDlg.ui-dialog .ui-dialog-content {
    background: unset;
}

/*
 * Test-System Banner
 */

@keyframes zittern {
    0%, 40% {
        transform: rotate(20deg);
    }
    29%, 69% {
        transform: rotate(20deg);
    }
    30%, 70% {
        transform: rotate(17deg);
    }
    31%, 71% {
        transform: rotate(20deg);
    }
    32%, 72% {
        transform: rotate(17deg);
    }
    33%, 73% {
        transform: rotate(20deg);
    }
    34%, 74% {
        transform: rotate(17deg);
    }
    35%, 75% {
        transform: rotate(20deg);
    }
    36%, 76% {
        transform: rotate(17deg);
    }
    37%, 77% {
        transform: rotate(20deg);
    }
    100% {
        transform: rotate(20deg);
    }
}


.testsystem-kasten {
    position: fixed;
    display: block;
    top: 40px;
    left: 1100px;
    background-color: #e3001a;
    opacity: 1;
    width: auto;
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 30px;
    z-index: 9999;
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    animation-name: zittern;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.testsystem-kasten {
    mix-blend-mode: unset;
}

/****************************** bis iPad Porträt (xs, sm) ***********************************/
@media (max-width: 1081px) {
    .testsystem-kasten {
        position: fixed;
        display: block;
        top: -5px;
        left: -20px;
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
        animation-name: none;
    }
}


/*
 * Data-Panel
 */

/* CSS um in den Editmode eines DataPanels zu wechseln */
.bb-data-panel--edit .hide-on-edit-mode {
    display: none;
}

:not(.bb-data-panel--edit) .show-on-edit-mode {
    display: none;
}

.bb-data-panel--edit .show-on-edit-mode button {
    display: inline-block;
}

.bb-data-panel--edit .show-on-edit-mode {
    display: flex;
}

/* Farben für Admin-Zeilen einer DataPanelRow */
.bb-data-panel__info > li.data-panel-admin-row {
    background-color: #fafafa;
    color: #c3c3c3;
}

/*
 * CSS Error-Pages
 */

#stacktrace {
    padding: 10px 15px;
    font-size: 0.7em;
    line-height: 1em;
    background-color: #ddd;
    position: relative;
    width: 1300px;
    z-index: 111;
    opacity: 0.8
}


/*
 * CSS Kontakt InputtextArea - ganze Breite
 */
.wide-textarea-kontakt {
    width: 100%;
}

/*
 * CSS Kontakt file upload Meldung hervorgehoben
 */
.ui-fileupload-filename {
    font-weight: bolder;
    color: #e90c3c;
    display: block;
}

.ui-widget.ui-fileupload-simple {
    display: unset;
}

/*
 * temporäre BB Korrekturen
 */

/* Korrekturen für Dasboard Back Button */
body .bb-button-pf--large .ui-button.ui-button-text-icon-left .ui-icon {
    margin-top: -8px;
    margin-left: 10px;
    font-size: 0.85em;
}

body .bb-button-pf--large .ui-button.ui-button-text-icon-left .ui-button-text {
    margin-left: 12px;
    font-size: 0.75em;
    line-height: 1em;
}

.stadtmark-bestellen-second-column {
    vertical-align: top;
}

body .nba .ui-dialog .ui-dialog-content {
    max-height: none;
}