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

/* 2019-09-27 Marcel Minke: Nav bar adjustments */
.navbar.navbar-default {
    background-color: #fff;
    color: #052754;
    border-bottom: 1px solid #ccc;
    border-top: none;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.navbar.navbar-default .navbar-nav>li>a {
    color: #052754;
}


/* 2019-09-27 Marcel Minke: Logo adjustments */
.navbar.navbar-default .logo-container>img {
    max-height: 80px;
    height: 100%;
    padding: 15px;
    width: auto;
}


/* 2019-09-27 Marcel Minke: Hide default hints, center other texts */
.question-valid-container .ls-question-help  .em_default
{
    display: none;
}
.question-valid-container .ls-question-help
{
    text-align: left;
}


/*209-09-27 Marcel Minke: Different colors for gender, yes/no and the like */
/* Gender question */
/* Yes/no question */
/* Bootstrap buttons layout */
.gender-button .btn-primary,
.yes-no .btn-primary,
.bootstrap-buttons-div .button-item {
  color: #fff;
  background-color: #848883;
  border-color: #848883;
  border: 2px solid #FFF;
}
.gender-button .btn-primary:hover,
.gender-button .btn-primary:focus,
.gender-button .btn-primary.active,
.gender-button .btn-primary.active:hover,
.gender-button .btn-primary.active:focus,
.yes-no .btn-primary:hover,
.yes-no .btn-primary:focus,
.yes-no .btn-primary.active,
.yes-no .btn-primary.active:hover,
.yes-no .btn-primary.active:focus,
.bootstrap-buttons-div .button-item:hover,
.bootstrap-buttons-div .button-item:focus,
.bootstrap-buttons-div .button-item.active,
.bootstrap-buttons-div .button-item:hover,
.bootstrap-buttons-div .button-item:focus {
  color: #FFF;
  background-color: #2c3e50;
  border-color: #2c3e50;
  border: 2px solid #fff;
}


/* 2021-01-15 Marcel Minke: Tooltip optimization */
.ls-questionhelp .tooltip-inner,
.question-text .tooltip-inner,
.answertext .tooltip-inner
{
    max-width: 90%;
}
.mytooltip
{
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
    color: #3498db;
}

/* 01.03.2021 Marcel Minek: red "resume later" link */
#resumelink
{
    font-weight: bold;
    color: red;
}

/* 2021-09-18 Marcel Minke: Layout optimization for privacy message */
.privacy .datasecurity-privacy .limit-text-window 
{
    padding: 15px;
}

/* 2021-09-18 Marcel Minke: Move checkbox at data privacy before label */
.datasecurity-privacy input#datasecurity_accepted {
    float: left;
    margin-right: 10px;
}

/*2021-09-18 Marcel Minke: Adjust link color code for welcome page */
.survey-welcome a,
.privacy a
{
    color: #3E40A5;
}

/*2021-09-18 Marcel Minke: Optimized survey welcome text -> Use same formatting for privacy message as well */
.survey-welcome,
.privacy
{
    font-size: initial;
    line-height: 1.3;
}

/* 2021-09-21 Marcel Minke: Optimization for mobile */
.navbar.navbar-default .navbar-header .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu>li>a 
    {
        color: #000;
    }
    .navbar div#navbar,
    .navbar div#navbar ul#langs-container 
    {
        text-align: center;
    }
    .navbar div#navbar.collapsexxx
    {
        display: initial;
    }
    
    .navbar.navbar-default .logo-container>img
    {
        float: left;
    }
}