/******************
    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
*/


.header-green .question-title-container, 
.header-green .questionvalidcontainer {
    background-color: #008000;
}
 
.header-red .question-title-container, 
.header-red .questionvalidcontainer {
    background-color: #B22222;
}
.header-gold .question-title-container, 
.header-gold .questionvalidcontainer { 
    background-color: #DAA520;
}
 .otip .slider .tooltip.top {
    display: none;
}

.emptyslider .slider-selection{
    display:none;
}

.bluehandle .slider .slider-handle {
  background-color: #1F51FF !important;
}

.blueslider .slider .slider-selection  {
    background: #6082B6 !important;
}

.greenslider .slider .slider-track  {
    background: #adceaf !important;
}


.header-blue .question-title-container, 
.header-blue .questionvalidcontainer {
    background-color: #00BFFF;
}
.header-violett .question-title-container, 
.header-violett .questionvalidcontainer {
    background-color: #9400d3;
}
.header-yellow .question-title-container, 
.header-yellow .questionvalidcontainer {
    background-color: #FFFF00;
}
.header-white .question-title-container, 
.header-white .questionvalidcontainer {
    background-color: #FFFFFF;
}
.header-darkblue .question-title-container, 
.header-arkblue .questionvalidcontainer {
    background-color: #0071C1	;
}


#answer382393X2642X53670SQ003comment {
   display: none;
}

#answer382393X2642X53670SQ004comment {
   display: none;
}

.modal-title {display: none;}

.no-question{border-top:0;}
.no-question .question-title-container{display:none;}
.no-question .question-valid-container{display:none;}
.no-bottom{border-bottom:0;margin-bottom:0;}
.no-question .answer-container {
    padding-top: 0em;
    padding-bottom: 0.5em;
}
.no-bottom .answer-container {
    padding-bottom: 0em;
}

/** Sternchen bei Pflichtfragen entfernen

*/
  .asterisk {display: none;}

/* Wrapper */
.datasecurity-accepted-wrapper {
    padding-left: 0;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px; /* Abstand zum Popout-Text */
}

/* Label = Textblock */
.datasecurity-accepted-wrapper label {
    display: block;
    position: relative;
    padding-bottom: 34px; /* Platz für Checkbox */
    padding-right: 40px;       /* Platz RECHTS für Checkbox */
    margin-top: 10px;
    margin-bottom: 0;
}

.datasecurity-accepted-wrapper.checkbox-item label::before,
.datasecurity-accepted-wrapper.checkbox-item label::after {
    position: absolute;
    bottom: 10px;
    right: 0;          /* ⬅️ statt left */
    left: auto;        /* wichtig: left deaktivieren */
    top: calc(50% + 10px);
    width: 24px;
    height: 24px;
}

/* Rahmenfarbe beim Check */
.datasecurity-accepted-wrapper.checkbox-item
input[type="checkbox"]:checked + label::before {
    border-color: #337ab7;
}


.url-wrapper-survey-print {
    font-size:18px;
    text-align:center;
}