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

/*
h1 {
  font-family: 'margarosaregular';
}
*/
.navbar-default {
  background: #000;
}

.navbar-default .navbar-nav > li > a {
  color: #eee;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#fff;
}

.text-info, .text-primary {
  color: #111;
}
a, h1 {
  color: #00a5db;
}

.progress-bar, .panel-primary > .panel-heading {
  background-color: #00a5db;
}

.panel-primary {
  border-color: #0A85AD;
}

.alert-warning {
  background-color: #ffd300;
  border-color: #ffd300;;
}

.text-danger {
  color: #e50050;
}

.btn-primary {
  background: #fff;
  border-color: #0A85AD;
  color:#111;
}

.btn-primary:hover {
  background: #0A85AD;
  color:#fff
}

.ls-answers tbody .answers-list .answertext {
  text-align:left;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary:active: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 {
  border-color:#0A85AD;
  background: #0A85AD;
  color:#fff
}

#footernav {
  padding:30px 15px 0;
  text-align:right;
}

#footernav ul {
  list-style:none;
  margin:0;
  padding:0;
}

#footernav ul li {
  display:inline;
  margin-left:15px;
}

.survey-welcome {
  line-height:140%;
  font-size: 16px;
}

/*
.radio-list li {
  display:inline;
}
 */

.othertext-label-checkox-container {
  padding-top:0;
}

.btn {
  white-space:normal;
}

.asterisk {
  display:none;
}

.ls-language-changer-item {
  display:none;
}

.form-change-lang > a {
  padding-left:26px !important;
}

.form-change-lang > a:before {
  content: '';
  background: url(../files/germany.png) no-repeat;
  background-size:100% 100%;
  display:block;
  position:absolute;
  top:50%;
  margin-top:-10px;
  left:0;
  width:20px;
  height:20px;
}

.lang-en .form-change-lang > a:before {
  background-image: url(../files/united-kingdom.png);
}


/* hint on click */
.hint .question-help-container {
  display:none;
}

.hint .question-text strong:hover {
  cursor:pointer;
}

.hint .question-text strong:after {
  content: 'ⓘ';
  font-size: 120%;
  padding:0 5px;
  color:#01AEF0;
}

/* modal */
#modal-hint {
  display:none;
}
@media only screen and (max-width:768px) {
  #modal-hint {
    position:fixed;
    display:block;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.7);
    padding:80px 20px 20px;
  }

  #modal-hint .ls-questionhelp {
    max-width: 600px;
    margin:auto;
    background:#fff;
    padding: 30px;
  }

  #modal-close {
    padding: 5px 0;
    color:#000;
    text-align:center;
    width: 30px;
    background:#ddd;
    position:absolute;
    right:20px;
    top:80px;
    cursor:pointer;
  }
}

/* fix privacy hint */
body.start .alert-danger {
  display:none !important;
}

.privacy .h4, .privacy .ls-privacy-body {
  display:none;
}

/* fix bootsrap buttons for tablets */

@media only screen and (min-width: 1024px) {
.bootstrap-buttons-div.col-sm-3:nth-child(4n+1), .bootstrap-buttons-div.col-sm-4:nth-child(3n+1), .bootstrap-buttons-div.col-sm-2:nth-child(6n+1) {
    clear:left;
  }
}

@media only screen and (max-width:1024px) and (min-width: 768px)  {
  .bootstrap-buttons-div.col-sm-3, .bootstrap-buttons-div.col-sm-4, .bootstrap-buttons-div.col-sm-2 {
    width: 50%;
  }
  .bootstrap-buttons-div.col-sm-3:nth-child(2n+1), .bootstrap-buttons-div.col-sm-4:nth-child(2n+1), .bootstrap-buttons-div.col-sm-2:nth-child(2n+1) {
    clear:left;
  }
}

@media only screen and (max-width:768px) {
  .radio-list li {
    display:block;
  }

  /* hide scrolled nav */

  html body .navbar.navbar-default.navbar-fixed-top {
    min-height:0;
    overflow:hidden;
    transition: all 0.3s ease-in;
  }

  html body.scrolled .navbar.navbar-default.navbar-fixed-top {
    max-height:0;
  }

  html body.going-up .navbar.navbar-default.navbar-fixed-top {
    max-height: 200px;
  }
}