/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

select.multiflexiselect {
    text-align: center;            /* Zentriert den Text im Dropdown horizontal */
    text-align-last: center;       /* Zentriert den ausgewählten Wert im Dropdown */
    padding-top: 6px;              /* Ggf. vertikal anpassen */
    padding-bottom: 6px;
}

.ls-even {
    background-color: #ffffff !important;
}

.c-logo {
    height: 100%; 
    width: 30%;
}

.group-outer-container {
    margin-top: -25px;
}

.asterisk {
    content-visibility: hidden !important;
}
.answer-item label::after {
    background-color: #b2292f !important;
}
.checkbox-item input[type="checkbox"]:checked+label::after, .checkbox-item input[type="radio"]:checked+label::after {
    padding-right: 14px;
    padding-bottom: 15px;
    transform: translate(1px, 2px);
}

.checkbox-item label::before {
    transform: translate(2px, 3px);
}

html body {
    font-family: "Montserrat" !important;
    font-size: 14px;
    color: #000000 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.25;
}

.h1 {
    font-size: 2em !important;
}

.h3 {
    font-size: 1.1em !important;
}


.gs-background-img {
    background-image: url(/upload/themes/survey/Gastspiel_Tinetz2/files/tinetzbg.jpg) !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
    background-size: cover;
}

.gs-error-message {
    text-align: center;
    font-family: Montserrat;
    color: #fff;
    font-size: 20px;
}
.em-header {
    color: #AF272F;
    font-size: 40px;
}
.em-trenner {
    border-top: 1px solid #fff ;
    
}
.em-h2 {
    font-size: 25px;
}

#block_error {
    font-family: "Montserrat" !important;
    background: none;
    border: none;
    background-color: #0000008f;
}

#block_error div {
    padding: 0px 0px 0px 0px;
}

#block_error div h1 {
    color: #AF272F !important;
}

#block_error div h2 {
    color: #fff;
}

.text-danger.fa.fa-asterisk.small {
    visibility: hidden;
}
.survey-name {
    visibility: hidden;
}

.fruity .text-info {
    color: #000 !important;
    margin-top: 10px;
}

.fruity .text-primary {
    color: #000000;
}

#outerframeContainer {
    background-color: #fff;
    border: 25px solid #00000000;
    border-radius: 25px;
}

.question-container {
    background-color: #ffffff8a !important;
    border: 1px solid #e6e6e6 !important;
    box-shadow: none !important;
    border-radius: 5px;
}

.question-title-container {
    background: #d9d9d9ad;
    border-radius: 5px;
    padding-bottom: 1.6em;
    font-size: 1.2em;
}

.fruity .alert-warning {
    background-color: #ffffffeb;
    border: 1px solid #b2292f;
    color: #b2292f;
}

.progress-bar {
    background-color: #b2292f !important;
}
    
.fruity .btn-default, .fruity .btn-primary, .fruity .open .dropdown-toggle.btn-primary, .fruity .open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #b2292f;
    border: 1px solid #b2292f;
}

.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus,
.fruity .btn-default:hover, .fruity .btn-default:focus, .fruity .btn-default:active, .fruity .btn-default.active  {
    color: #fff;
    background-color: #6c1a1e;
    border: 1px solid #b2292f;
}

.fruity .modal-content {
    background-color: #2e2e2e;
}

.form-control:focus {
    border: 1px solid #b2292f !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(178 41 47 / 60%) !important;
}

label.control-label, .checkbox-item label {
    font-size: 1.2em;
    font-weight: 400;
    transition: 0.3s;
    color: #000;
}

label.control-label:hover {
    color: #767676;
}

.radio-item input[type="radio"]:checked + label::before {
    background-color: #fff; /* change to red when selected */
}

.radio-item input[type="radio"] + label::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #000; /* default color */
    margin-left: 5px;
    transform: translate(-25px, 2px) !important;
}

.radio-item input[type="radio"]:checked + label::after {
    background-color: #b2292f !important; /* change to red when selected */
}

.radio-item label::before {
    margin-top: 2px;
}


.fruity .navbar-toggle {
    border: solid 1px #9e9e9e;
}

.fruity .navbar-toggle .icon-bar {
    background-color: #9e9e9e;
}

.ls-even {
    background-color: #0d0c0a;
}

.fruity .table-hover>tbody>tr:hover>td, .fruity .table-hover>tbody>tr:hover {
    background-color: #444444 !important;
}

.fruity .table-hover>tbody>tr:hover>th {
    background-color: #444444;
}

.gs-matrix .radio-item label::before, .gs-matrix .radio-item input[type="radio"]:checked + label::after {
    transform: translate(0px, 0px);
}

.gs-buttons-big .col-sm-2 {
    width: 50%;
}

 .ls-questionhelp::before {
     visibility: hidden;
 } 
 
 .navbar-right, .form-change-lang {
    visibility: hidden;
}

.gs-logo-width {
    width: 60%; 
    height: 60%;
}
    
@media only screen and (max-device-width: 760px) {
    h1 {
        font-size: 2em;
    }
    .navbar-header {
        background: #1c1f1c;
    }
    .navbar {
        background: #1c1f1c !important;
    }
    .navbar.navbar-default.navbar-fixed-top {
        visibility: hidden;
    }
    .question-title-container {
        padding-bottom: 1.1em;
    }
    .c-logo {
        height: 100%; 
        width: 66%;
    }
}

.fruity a, .fruity a:hover, .fruity a:focus {
    color: #ffffff;
}

.gs-impressum {
    text-align: center;
}

#welcome-container {
    margin-top: -100px !important;
}

@media only screen and (max-width: 760px) {
  .gs-logo-width {
        width: 100% !important;
        height: 100% !important;
    }
    
    button#ls-button-submit {
        min-width: 90%;
        min-height: 80px;
        font-size: 1.5em;
    }
    
    
}

.form-horizontal .control-label {
    text-align: left !important;
}

/*
li.checkbox-text-item {
    margin-bottom: 0.1em;
}

.checkbox-item label::before {
    transform: translate(-1px, 2px) !important;
    background: red;
}

.checkbox-item input[type="checkbox"]:checked + label::after {
    transform: translate(-1px, 2px) !important;
}
*/


li#javatbd659472X196X1758N {
    border: black;
    border-left-style: solid;
    border-right-style: solid;
}

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

.modal-body {
    color: white;
}

.modal-header {
    color: white;
}