/******************
    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
*/
body { 
    background-color: rgb(246, 246, 246) !important; 
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: auto !important; }     
b, strong { font-weight: auto !important; }
.asterisk { display:none; }

.fruity a { color: #344e91; }
.fruity a:hover { color: #226afb; }
.fruity .navbar a.animate:after{ background-color: #344e91; }
.fruity .progress-bar { background-color: #344e91; }
.fruity .btn-primary { background-color: #666666; border: 1px solid #666666;}
.fruity .btn-default { background-color: #666666; border: 1px solid #666666; color: #FFFFFF; }
/* .fruity .btn:hover { background-color: #FF7711; color: #FFFFFF; } */
.fruity .text-info { color: #000000 !important; }
.fruity .text-primary { color: #000000 !important; }

/* Button "Weiter" */
.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #666666;
    border: 1px solid black;
}
/* Button "Zurueck" */
.fruity .btn-default:hover, .fruity .btn-default:focus, .fruity .btn-default:active, .fruity .btn-default.active, .fruity .open .dropdown-toggle.btn-default {
    color: #fff;
    border: 1px solid black;
    background-color: #666666;
}

.fruity .navbar .navbar-nav .nav-item:after {
    background-color: #344e91;
}

.fruity .btn-outline-secondary {
    color: #fff;
    background-color: #344e91; 
    border: 1px solid #666666;
    
}

.fruity .btn-outline-secondary:hover {
    color: #fff;
    border: 1px solid black;
    background-color: #ff8800;
    
}

.fruity .btn {
    background-color: #344e91;
    color: #fff;
}

.fruity .btn:hover {
    background-color: #666666;
}


/* .radio-item input[type='radio'] { color: red !important; } doesn't work */

/* Table Hover */
/* .table-hover > tbody > tr:hover { background-color: transparent !important; } */
td.radio-item:hover { background-color: red !important; }
td.radio-item { vertical-align: middle !important;}

.fruity .table-hover>tbody>tr:hover>td {background-color:none !important}
.fruity .table-hover>tbody>tr:hover>th {background-color:none !important}

.survey-welcome p { font-size: 0.85em; margin-bottom: 1em; line-height: 1.4em; }

.completed-wrapper { padding-top:20px !important;}

#navbar a { color: #344e91 !important; }

.return-to-survey { margin-top:100px; text-align: center; }
.privacy .col-sm-12 { padding: 0px !important; }
    
.fruity .alert-warning {
  color: #9b1c60;  
  border: 1px solid #9b1c60;
} 

input[type="checkbox"]:checked {
  background-color: red !important;
}

/* Kontextfragen-Wrapper */
.group-outer-container.space-col {
  flex-wrap: wrap;
}

.group-outer-container > strong {
    width: 100%;
}

#navigator-container.navigator.space-col {
  width: 100%;
  justify-content: flex-end;
}


/* ================================================
   Tech2Stay Theme — Element Colors
   Hauptfarbe : #344e91 (Blau)
   Akzent     : #9b1c60 (Beere)
   ================================================ */

/* Checkboxen & Radios — Häkchen/Füllung */
body .answer-item label:after,
.checkbox-item input[type=checkbox]:checked + label:after,
.checkbox-item input[type=radio]:checked + label:after {
  background-color: #344e91;
}

/* Fokus-Ring Checkboxen & Radios */
.checkbox-item input[type=checkbox]:focus-visible + label:before,
.radio-item input[type=radio]:focus-visible + label:before {
  border-color: #344e91;
  box-shadow: 0 0 0 3px rgba(52, 78, 145, 0.35);
}

/* Schieberegler */
.fruity .slider-handle {
  background-color: #9b1c60;
}
.fruity .slider-selection {
  background-image: linear-gradient(180deg, #c05080 0, #9b1c60);
}
.fruity .slider-handle.custom:before,
.fruity .slider-tick.custom:before {
  color: #9b1c60;
}
.fruity .slider.slider-horizontal .slider-handle.triangle,
.fruity .slider.slider-horizontal .slider-tick.triangle {
  border-bottom-color: #9b1c60;
}
.fruity .slider.slider-vertical .slider-handle.triangle,
.fruity .slider.slider-vertical .slider-tick.triangle {
  border-left-color:  #9b1c60;
  border-right-color: #9b1c60;
}

/* Formular-Fokus */
.fruity .form-control:focus {
  border-color: #344e91;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),
              0 0 8px rgba(52, 78, 145, 0.5);
}

/* Links */
.fruity a        { color: #344e91; }
.fruity a:hover,
.fruity a:focus  { color: #1e2f5e; }

/* Buttons primär */
.fruity .btn-primary,
.fruity .btn-primary.disabled,
.fruity .btn-success,
.fruity .btn-success.disabled {
  background-color: #344e91;
  border-color:     #344e91;
}
.fruity .btn-primary:hover,
.fruity .btn-primary:focus,
.fruity .btn-primary:active,
.fruity .btn-success:hover,
.fruity .btn-success:focus,
.fruity .btn-success:active {
  background-color: #1e2f5e;
  border-color:     #1e2f5e;
}

/* Progress-Bar */
.fruity .progress-bar {
  background-color: #344e91;
}

/* ===== Matrix-Fragen im Kompetenzz-Farbton ===== */

.table-array-radio,
.table-array-radio th,
.table-array-radio td{
  border-color:#e3cfda !important;
}

/* Kopfzeile */
.table-array-radio thead th,
.table-array-radio thead td{
  background:#f5eaf0 !important;
  color:#5f123a !important;
  font-weight:700;
}

.table-array-radio thead tr{
  border-top:2px solid #9b1c60 !important;
  border-bottom:2px solid #9b1c60 !important;
}

/* Zebra Rows */
.table-array-radio tbody tr.ls-even th,
.table-array-radio tbody tr.ls-even td{
  background:#fcf8fa !important;
}

.table-array-radio tbody tr.ls-odd th,
.table-array-radio tbody tr.ls-odd td{
  background:#f8eef3 !important;
}

/* Zeilen-Hover */
.table-array-radio tbody tr:hover th,
.table-array-radio tbody tr:hover td{
  background:#efd6e3 !important;
  transition:.2s ease;
}

/* einzelne Zelle beim Überfahren */
.table-array-radio tbody td:hover{
  background:#e8c3d5 !important;
}

/* leichte Hervorhebung Radiobuttons beim Hover */
.table-array-radio tbody tr:hover input[type=radio]{
  outline:2px solid rgba(155,28,96,.18);
  outline-offset:2px;
}



/* Survey 936478 */
#question32024 .question-title-container { padding-bottom:0; }
#question32024 .answer-container .answers-list { padding-top:0.2em; }



/* Anpassung Fragen 32624, 32625, 32544 */
#question32624 .answer-container {
    margin-top: -35px;
}

#question32625 .answer-container {
    margin-top: -22px;
}

#question32544 .answer-container {
    margin-top: -22px;
}

#question32849 .answer-container {
    margin-top:-20px;
}

#question32884 .answer-container {
    margin-top :-20px;
}

#question32882 .answer-container {
    margin-top :-34px;
}

#question32883 .answer-container {
    margin-top :-20px;
}

#question32872 .answer-container {
    margin-top :-20px;
}

#question33553 .answer-container {
    margin-top: -33px;
}