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


  
  
/* Eco-Color: #910000 */

.ls-questionhelp {
    display: none;
}

.emtip {
    display: none;
}


/* Fragenindex */

.fruity .progress-bar {
  background-color: #910000;
}



.dropdown {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}


/* checkboxen */

.radio-item [type='radio'] {
    accent-color: #910000; /* Green */
}

.checkbox-item [type='checkbox'] {
    accent-color: #910000; /* Red */
}

.answer-item.radio-item {
    accent-color: #910000; /* Red */   
}

.ls-saveaction {
    display: none;    
}



#language-dropdown,
[data-bs-target="#language-dropdown"] {
    display: none;
}



.progress-bar {
    background-color:#910000;
}

.navbar-light .navbar-nav .nav-link{
    color:  #910000;
}



.nav-link.ls-link-action.ls-link-loadall {
     display: none;   
}



/*
.answer-item:nth-child(2) {
    margin-left: 5%;
}
*/


.yes-no .answer-item:nth-child(2) {
    margin-left: 5%;
}

.container-fluid {
    background-color:#FFFFFF !important;
}

.infotext {
     font-style: italic;
     font-weight: 100;
}

.infotext2 {
     font-style: italic;
     font-weight: 100;
}


.intros {
  color: #910000;
  font-weight: bold;
}

/* Custom validations and question numbering */

.question-text .qnumber
{
    font-weight: bold;
    font-size: 120%;    
}


/* Links formatieren */


.question-text a {
    color: #800000;
    text-decoration-color: #800000;
}




/* Farbthema bei Checkboxen*/


label::after {
  background-color: #800000;
}

.radio-item label::after {
    background-color: #800000;
}

.checkbox-item label::after {
    color: #fff;
}


/* Navigations-Buttons */

.btn-primary {
   color: #FFFFFF;
   background-color: #910000;
   border: #910000;
}

.btn-primary:hover {
    color: #FFFFFF;
    background-color: #910000; 
    border-color: #910000;
}

.btn-outline-secondary {
   color: #FFFFFF;
   background-color: #910000;
   border: #910000;
}

.btn-outline-secondary:hover {
    color: #FFFFFF;
    background-color: #910000; 
    border-color: #910000;
}



.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus-visible {
  background-color: #7A0000;
  border-color: #7A0000;
  color: #FFFFFF;
}

.btn-primary:focus,
.btn-primary:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}


.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:focus-visible {
  background-color: #7A0000;
  border-color: #7A0000;
  color: #FFFFFF;
}

.btn-outline-secondary:focus,
.btn-outline-secondary:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}

#default {
    font-size: 1.25rem;    
}


/* Links "später fortfahren" etc. verstecken */

.ls-link-action {
    display: none;
}



/* Abstand verringern */

.abstandVerringernTop {
    margin-top: -3% !important;
}


.customvalidation
{
    font-family: Noto Sans, Arial, Helvetica, Verdana, Sans-Serif;
    color: #910000 !important;
    font-size: 140%;
    font-weight: bold;
    width: 100%;
    margin-top: 20px;    
    display: block;
    line-height: 1.5;
}


/* Text zu Beginn des Einlogprozesses */

.text-info {
    color: black !important;
}


/* Fragenindex stylen */

.bg-warning {
    --bs-bg-opacity: 0;
}


.dropdown-item.disabled{
    color: white;
    background-color: #910000 !important;
}



/* Tooltip */

.tooltip-inner {
  background-color: #910000 !important;
  text-align: left;
}

.tooltip.top .tooltip-arrow {
     border-top-color: #333;
}

/* Rechtsbündige Eingabefelder */
.rechtsbuendig {
    direction:rtl !important;
}

.rechtsbuendig2 {
    text-align: right !important;
}


/* Stylen wie alte Umfrage 

.answer-container {
    background: #f2f2f2;
}

.question-title-container {
    background: white;
}

.question-container {
    border: none;
    margin-bottom: 0;
}
*/




/* direkt aus alter Umfrage */


.question-container {
    background-color: #fff;
    margin-bottom: 1%;
    padding-bottom: 1%;
    border: none;
}

.question-title-container {
    padding: 0.1% 2% 0.1% 2%;
    background-color: transparent;
    color: #333;
    margin-bottom: 0%;
    font-weight: 400;
    font-size: 120%;
    line-height: 120%;
}

.question-valid-container {
  padding-left: 2%;
  padding-right: 2%;
  font-style: italic;
  font-size: 90%;
  margin-top: 5px;
}


.answer-container {
  background-color: #f2f2f2;
  font-size: 110%;
  padding: 0.5% 1% 0.5% 1%;
  margin-left: 2%;
  margin-right: 2%; 
}

.list-group-horizontal {
    margin-left: 3%;
    margin-top: 1%;
}

.list-unstyled {
    margin-left: 3%;
    margin-top: 1%;
}


.question-text {
   margin-top: 1%;
}


.group-outer-container {
    margin-top: 0%;   
    margin-bottom: 0%;  
}

.hide-fragenindex {
    display: none;
}

/* Tabellen 

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border: 0;
  border:none !important;
  /*padding: 4px 8px;
}

*/

/*

.table-bordered {
  border: 0;
  border-width: 0;
}

.table-bordered > thead > tr > th {
    border: 1px solid #dadada;
}

.table-bordered > thead > tr > td {
    border: 1px solid #dadada;
}

.table-bordered tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.table-bordered tbody tr:nth-child(even) {
    background-color: #808080;
}


.tr {
    border: 0;
    border-width: 0;   
}

.table-bordered > :not(caption) > * {
    border:0;
}

*/

/* Zwischenüberschriften */
.zwischenueberschrift
{
    color: #910000 !important;
    font-size: 140%;
    font-weight: bold;
    width: 100%;
    margin-top: 20px;    
    display: block;
    line-height: 1.5;
}


.date-item {
    padding-top: 1.5%;
    padding-bottom: 0%;
}

.fa-asterisk {
    display:none;
}


/* Damit Dropdown scrollt */
.dropdown-menu {
    overflow-y: scroll;
    height: 1000%;
}