/******************************************************************************
    UM Standardvorlage - Allgemein
    Custom CSS

    Portiert von LimeSurvey 5 (Bootstrap 3) nach LimeSurvey 7 (Bootstrap 5.1.3).

    Wichtige Unterschiede zu Bootstrap 3, die hier beruecksichtigt sind:
      - Utility-Klassen (.text-info, .bg-primary, .text-center, .d-none ...)
        sind in BS5 mit !important definiert und brauchen zum Ueberschreiben
        ebenfalls !important.
      - .btn-default existiert nicht mehr -> .btn-secondary / .btn-outline-secondary
      - .close existiert nicht mehr -> .btn-close
      - .img-responsive -> .img-fluid, .center-block -> .mx-auto .d-block
      - .col-xs-*  -> .col-*,  .col-xs-offset-* -> .offset-*
      - .hidden-xs -> .d-none .d-sm-block,  .visible-xs -> .d-block .d-sm-none

    Diese Datei wird zuletzt geladen und bei Updates nicht ueberschrieben.
******************************************************************************/

/**
 * Ausgeblendete Elemente
 */
.survey-contact,
#surveyListFooter {
    display: none;
}

/**
 * Formularelemente / Navigation
 */
button,
input,
optgroup,
select,
textarea {
    margin-bottom: 5px;
}

.form-control {
    border: 1px solid #ccc;
}

.radio-item label::before {
    border: 1px solid #777;
}

/* Warnhinweise in UM-Rot statt Flatly-Orange */
.alert-warning {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

/* Navigationsleiste leicht transparent.
   Die Klasse .navbar-default wird von views/subviews/header/nav_bar.twig gesetzt. */
.navbar-default {
    opacity: 0.90;
}

/**
 * Typografie
 */
body {
    font-size: 20px;
}

body .top-container {
    margin-top: 10px !important;
}

/* Inhalte grundsaetzlich linksbuendig (bewusste Abweichung vom Core-Theme).
   BS5-Utilities tragen !important, daher hier ebenfalls noetig. */
.text-center {
    text-align: left !important;
}

.ls-label-question {
    font-size: 18px;
}

.ls-questionhelp {
    font-size: 16px;
    color: #ffffff !important;
}

/* .text-info ist in BS5 eine Utility-Klasse mit !important */
.text-info,
.text-info:hover {
    color: #2c3e50 !important;
}

.ls-answers tbody .answertext {
    font-size: 16px;
    text-align: left;
}

.ls-answers .ls-heading th {
    font-size: 14px;
}

.ls-answers .answertextright {
    text-align: left;
    font-size: 16px;
}

.ls-input-group-extra {
    font-size: 16px;
}

.radio-item label,
.checkbox-item label {
    font-size: 16px;
}

/*
   Entfernt beim Port (waren bereits unter LS5 wirkungslos):
     .answers-list radio-list { ... }   - "radio-list" ist kein Element
     .control-label radio-label { ... } - "radio-label" ist kein Element
     .ls-question-help { ... }          - Klasse existiert in LS5/LS7 nicht
                                          (korrekt ist .ls-questionhelp, s. o.)
*/

/**
 * Buttons
 */
.btn-primary {
    color: #ffffff;
    background-color: rgb(149, 165, 166);
    border-color: rgb(149, 165, 166);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #ffffff;
    background-color: rgb(126, 140, 141);
    border-color: rgb(126, 140, 141);
}

/* Ersatz fuer das entfallene .btn-default.focus aus Bootstrap 3 */
.btn-secondary:focus,
.btn-outline-secondary:focus {
    color: #ffffff;
    background-color: rgb(26, 36, 47);
    border-color: rgb(0, 0, 0);
}

.button-item .ls-icon {
    display: none;
}

/**
 * Hinweis-Box (Klasse wird im Fragetext gesetzt)
 * .bg-primary ist in BS5 eine Utility-Klasse mit !important
 */
.hinweis .bg-primary {
    background-color: #e74c3c !important;
}