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


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

/* 2022-06-28 Marcel Minke: Remove padding/margin on top */
#outerframeContainer #main-col {
    margin-top: 0px;
}

body .top-container.space-col {
    margin-bottom: 0px;
}

body .navbar {
    margin-bottom: 0px;
}

/* 2022-06-28 MArcel Minke: Style data privacy details */
.privacy .datasecurity-privacy .limit-text-window 
{
    border: none;
}

.privacy .datasecurity-privacy .row .col-sm-12 {
    padding: 20px;
    border: 2px solid red;
    font-size: 120%;
    margin-bottom: 20px;
}

/* 2022-06-28 Marcel Minke: Audio Player Styles */
.audioplayer 
{ 
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

audio::-webkit-media-controls-play-button 
{
    transform: scale(2, 2);
}


/* 2022-06-28 Marcel Minke Question container adjustments for help texts */
.question-help-container .ls-questionhelp {
    color: darkblue;
    margin-top: 20px;
}

/* 2022-06-28 Marcel Minke: Array color for grids */
table.ls-answers tbody tr.ls-even {
    background-color: #dddddd;
}


/* 2022-06-29 Marcel Minke: Adjust checkbox layout*/
/*.multiple-opt .checkbox-item label::before
{
    top: 5px;
}

.multiple-opt .checkbox-item label::after
{
    top: 6px;
}*/

/* 2023-03-13 HoR: fix checkbox label misalignment */
.multiple-opt .checkbox-item label::before {
    top:3px;
}
.multiple-opt .checkbox-item label::after {
    top:4px;
}

/* Summer 2022, HoR: checkbox layout adjustments required when using bigger fonts */
/*.list-radio .radio-item label::before 
{
    top: 7px;
}
.list-radio .radio-item label::after
{
    top: 10px;
}*/

/* 2023-03-06 - LimeSurvey 5, survey 163425: fix radio button alignment issues */
.list-radio .radio-item label::before,
.radio-list .radio-item label::before
{
    top: 4px;
}
.list-radio .radio-item label::after,
.radio-list .radio-item label::after
{
    top: 7px;
}

/* 2023-03-13 HoR: fix radio buttons being partially obscured inside question arrays */
.radio-item .ls-label-xs-visibility {
    height:22px;
}
/* fix slider label misalignment */
.slider-list .slider-item .col-sm-12 .ls-input-group {
    margin-top:2em;
}

/* 2023-03-13 HoR: Have secondary logo placed at the right edge of screen. */
.navbar-header {
    width: 100%;
    display:flex;
    align-items:center;
    justify-content:center;
    /*flex-wrap:wrap;*/
}
.logo-container {
    flex:0 1 auto;
    /*order:1;*/
    display:flex;
    align-items:center
}
.navbar-toggle {
    /*order:2;*/
    margin-left:1em;
}
.clientlogo-container {
    float:left;
}
@media (min-width: 768px) {
    .clientlogo-container {
        float:right;
    }
    .navbar-header {
        display:block;
    }
}

/* 2023-03-21 HoR: "bootstrap checkbox" question type: differentiate between hover and active states */
.bootstrap-buttons-div .button-item {
    transition:background-color 0.5s;
}
.bootstrap-buttons-div .button-item:hover {
    filter:brightness(1.07);
    background-color:#848883;
}
.bootstrap-buttons-div .button-item.active {
       background-color:#2c3e50;
       transition:background-color 0.5s;
}
.bootstrap-buttons-div .button-item.active:hover {
    filter:brightness(1.15);
}
.bootstrap-buttons-div .button-item:active,
.bootstrap-buttons-div .button-item.active:active{
    filter:brightness(1.35);
}

/* 2023-01-18 HoR: Version 5 - theme adjustments */
/* make bootstrap-dropdown-question placeholder text contrast with background color */
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover
{
 color:white;   
}