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


  
  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Anpassungen für BioMed ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
   /* Styling Hintergrund mit Farbverlauf*/
 
body {
   /* background-color: #f0f0f0 !important; /* Beispiel: hellgrau #60769C*/
    background: linear-gradient(to bottom, #EDF2FA, #D3DBED) !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}


  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  /* Styling the Question Text: Making the font 1.5 times bigger than the standard font*/
.ls-label-question{
    font-size: 1.5em;
    font-weight: bold
}


  /* Styling the answer text*/
.ls-answers{
    font-size: 1.15em
}

.group-description{
    font-size: 1.3em;
    font-weight: normal
}


 /* Styling der Progressbar */
 
 .progress{
    height: 2em !important;
    background-color: #FFFFFF;
    border-radius: .25rem;
    font-size: 1rem;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25) !important;
}

.well{
    background-color: transparent;
    border: transparent;
    box-shadow: transparent
}

 /* Styling der Question container */
 
 .question-container {
    margin-bottom: 2em;
    border: 1px solid #e7e7e7;
    background-color: #FFFFFF;
    border-radius: .5rem;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25) !important;
}



  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Anpassungen für IV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  
  /*
    .table-bordered > thead > tr > th {
    border: 1px solid var(--bs-iv-blau);
  }
  .table-bordered > thead > tr > td {
    border: 1px solid var(--bs-iv-blau);
  }
  */
  
 :root { 
    --bs-iv-blau: #0067A5; /*  var(--bs-iv-blau) */
 }
 
 


.progress-bar {
    background-color: #60769C
}


.btn-primary {
    background-color: #555555;
    border-color: #555555;
    color: #fff;
}




/* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
label::after {
    background-color: var(--bs-iv-blau);
}


.btn-outline-secondary {
    border-color: var(--bs-iv-blau);
    color: var(--bs-iv-blau);
}


#survey-nav .nav-link:hover {
    color: var(--bs-iv-blau);
}
#survey-nav .nav-link:focus {
    color: var(--bs-iv-blau);
}

.text-info {
    --bs-text-opacity: 1;
    --bs-grey-600-rgb: 108, 117, 125;
    color: rgba(var(--bs-grey-600-rgb),var(--bs-text-opacity))!important;
}

body {
       color: var(--bs-iv-blau);
    
}


.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-gray-600); /* #212529; */;
    --bs-table-striped-bg: #f9f9f9;
    --bs-table-active-color: var(--bs-gray-600); /* #212529; */;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: var(--bs-gray-600); /* #212529; */;
    --bs-table-hover-bg: #f5f5f5;
    border-color: #dee2e6;
     /* border-color: var(--bs-gray-600); */;
    color: var(--bs-gray-700);
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}

.ls-answers .ls-heading th {
    color: var(--bs-iv-blau);
    font-weight: normal
}


.ls-answers tbody .answertext {
    color: var(--bs-iv-blau);
    
}

/* Trennlinie weg */
.ls-group-total-separator-row {
    display: none !important;
}

/* Container rechts ausrichten */
.ls-group-remaining,
.ls-group-total {
    display: flex !important;
    justify-content: flex-end !important;   /* 👉 nach rechts */
    align-items: center !important;
    gap: 10px;
    margin: 2px 0 !important;
    padding: 0 !important;
}

/* Innenstruktur kompakt halten */
.ls-group-remaining > div,
.ls-group-total > div {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Zahlenfeld sauber */
.ls-group-remaining input,
.ls-group-total input {
    width: 70px !important;
    text-align: right !important;
}

/* Ganze Box nach rechts schieben */
.ls-group-remaining,
.ls-group-total {
    margin-left: auto !important;   /* 👉 schiebt alles nach rechts */
    width: fit-content;
}

/* LimeSurvey Logo entfernen */
.navbar-brand,
#surveyLogo,
.logo-container {
    display: none !important;
}

.hide-comment-sq3 li[id*="SQ003"] input[type="text"] {
    display: none !important;
}