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

/*************************** Spezifikationen zur Seite ******************************/

/* Maximalbreite der Seite festlegen */
.outerframe {max-width: 1000px}
    
/* Hauptfarbe */

.bg-primary {
    background-color: #FA4D40 !important;
}

/* Navigationsleiste im Kopf */
#survey-nav {
    background-color: #FA4D40 !important;
    border-color: transparent;
}
    .navbar-toggle:hover, .navbar-toggle:focus {
        background-color: #b7babb;
    }

    /*Darstellung des Logos */
    .logo-container>img {
    max-height: 100px;
    height: 100%;
    padding: 5px;
    width: auto;
    }
    
       /*Darstellung des Logos */
    .logo-container>img {
    max-height: 100px;
    height: 100%;
    padding: 5px;
    width: auto;
    }
    
    /* Darstellung des Survey-Namens */
    .navbar-brand {
    color: white !important;
    font-weight: bold;
    }
    
/* Darstellung des Links in der Navbar*/
    .nav-link {
    color: white !important;
    }

/* Farbe des Fortschrittsbalkens */
.progress-bar {
    background-color: #A9A9A9 !important;
}

/* Abstand des Fortschrittsbalkens nach oben */
body .top-container {
    /*margin-top: 0px !important;*/
    padding-top: 1em !important;
}

/* Farbe des Alerts ändern */
.alert {
  border: #333 !important;
  border-width: 2px;
  background-color: #fdc9c5;
  color: #333;
}

/* Buttonfarbe */
.btn-primary, #register_button {
    color: #ffffff;
    background-color: #fdc9c5;
    border-color: #FA4D40;
}  
/*
.btn-primary:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus, .btn-primary:visitied {
    color: #ffffff;
    background-color: #FA4D40 !important;
    border-color: #FA4D40;
}
*/
.btn-primary:not(:disabled):not(.disabled).active, 
    .btn-primary:not(:disabled):not(.disabled):active, 
    .show>.btn-primary.dropdown-toggle{
        color: #fff;
        background-color: #F7B432;
        border-color: #F7B432;
    }
    
.btn-primary, .btn-primary:focus, .btn-primary:not(.disabled):active, .btn-primary:not(.disabled):hover {
    border-color: #FA4D40;
}

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #FA4D40;
    border-color: #FA4D40;
}

/* Registrierung */

.register-form {
    margin-top: 20px;
    /*padding-bottom: 20px;*/
}
.continuebutton {
    margin-bottom: 40px;
}  
/************************ Spezifikationen zu Fragencontainern ***********************/


/*Farbe vom Kopf der Fragenkästen
.question-container {
    background: #ff3333;
}*/

/* Hinweis-Alerttext-Farbe */
.question-valid-container {
    background-color: #fdc9c5 !important;
}

/* Kopf von Tabellen */
/*.table-bordered {
  border-color: #333;
}*/

/*Links*/
a, a:focus, a:visited  {
    color: inherit;
    text-decoration: underline;
}
    a:hover {
        color: #FA4D40;
        background-color: white;
    }
    
    /*Links im Fragencontainer*/
    .white{
        color: #fff;
    }

/*Hilfetext*/
.text-info {
    color: #444 !important;
    font-size: 13px;
    margin-top: 5px;
}

/* Fragezeichen beim Hilfetext ausblenden */
.ls-questionhelp:before {
    color: #444 !important;
    content: none !important;
	}
	
.dir-ltr .ls-questionhelp {
    margin-left: 0;
}

/* Asterisk bei Pflichtfragen hellgrau */
.fa-asterisk, .fa-asterisk:hover, .fa-asterisk:before {
    color: #A9A9A9;
}

/* Farbe des Sliders */
.slider-handle {
    background-color: #FA4D40;
}


/* Survey name in header 
.navbar-brand {
    line-height: 60px;
    font-size: 32px;
}*/