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

/* General Layout */

/* IMPORTANT: Font files need to be copied along manual when creating a child theme. Otherwise fonts will not be included. */
/* Proxima Nova Rg Font */

@font-face {
	font-family: 'Proxima Nova Rg Font';
	src: url(./fonts/ProximaNovaRg/proxima_nova_regular-webfont.woff2);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url(./fonts/ProximaNovaRg/proxima_nova_semibold-webfont.woff2);
	font-weight: normal;
	font-style: normal
}

/* Avenir Font */

@font-face {
	font-family: 'Avenir Black';
	src: url(./fonts/avenir/AvenirLTStd-Black.otf);
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Avenir Book';
	src: url(./fonts/avenir/AvenirLTStd-Book.otf);
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Avenir Roman';
	src: url(./fonts/avenir/AvenirLTStd-Roman.otf);
	font-weight: normal;
	font-style: normal
}

.font-noto{
    font-family: 'Avenir Book', Proxima Nova Rg;
}

body {
  font-family: 'Avenir Book' ,'Proxima Nova Rg', Open Sans;
  font-size: 14px;
  line-height: 1.42857143;
  color: #4d4d4d;
  background-color: #eeeeee;
  margin: 0 !important;
  padding: 0 !important;
  /*text-shadow: 0 1px 0 white;*/
}
#outerwrapper {
  margin-top: 80px;
  margin-bottom: 15px;
  float: none;
  clear: both;
  background-color: transparent;
}
#outerwrapper #outerwrapper,
#outerwrapper #outerwrapper .container {
  padding: 0;
  width: auto;
}
#outerframeContainer {
  padding: 0;
  width: auto;
  hyphens: none;
}
#dynamicReloadContainer {
	padding: 0;
}
@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 992px;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 1024px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
hr {
  margin: 10px 0;
}
a,
a:link {
  color: #702000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #702000;
  text-decoration: underline;
}
img {
    max-width: 100%;
}

/* Navbar */
.header-wrapper {
  margin-bottom: 15px;
}
.header-wrapper > .container {
  padding: 0;
}
.top-bar {
  position: fixed;
  z-index: 100;
  top: 0;
  width: 100%;
  padding: 15px 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(102, 102, 102, 0.35);
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.navbar-toggle {
	float: none;
  margin-right: 0;
}
.navbar-default .navbar-toggle {
  border-color: #888;
}
.navbar-collapse {
	padding: 0;
}
.navbar {
	min-height: 0;
	margin: 0;
	text-align: center;
}
.navbar-header {
  float: none !important;
  padding: 15px 0;
}
.navbar-brand {
  padding: 15px 0;
  min-height: initial;
}
h1.surveyname {
  text-align: center;
  height: auto;
  margin: 0;
  color: #702000;
  font-size: 2.45rem;
  font-style: normal;
  font-weight: normal;
  line-height: 3.3rem;
}
.navbar-nav {
	float: none;
}
.navbar-default {
	background-color: transparent;
	border: none;
}
.navbar-action-link {
	padding: 0;
}
.navbar-collapse.in {
	overflow-y: visible;
}
.navbar-items {
  font-size: 80%;
  text-align: center;
}
.navbar-items > li {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.navbar-items a {
  text-decoration: none;
}
#navbar-top.navbar-collapse.collapse {
    display: block !important;    
   /* float: left; */
}



/* GPS STATUS START */
#gpsstatus {
    display: block !important;    
    float: right;
    color: #fff;
    font-size: 80%;
    text-shadow: none;
    min-width: 70px;
}

#gpsstatus a {
    color: #fff;
    text-decoration: none;
}

.reddot {
  height: 10px;
  width: 10px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
/*  margin-top: 10px; */
  margin-left: 5px;
}

.greendot {
  height: 10px;
  width: 10px;
  background-color: #0BF849;
  border-radius: 50%;
  display: inline-block;
/* margin-top: 10px;  */
  margin-left: 5px;
}
/* GPS STATUS END */




/* Language Changer */
.language-wrapper {
  margin: 0;
  text-align: right;
}
.languagechanger {
    margin: 0 0;
    display: block;
}
a.languagechanger,
a:link.languagechanger {
    color: #888;
    text-decoration: none;
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    border: 1px solid rgba(102, 102, 102, 0.35);
    border-radius: 4px;
}
a:hover.languagechanger,
a:focus.languagechanger {
    color: #888;
    text-decoration: none;
}
#langs-container {
    height: auto;
}
.form-change-lang {
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px;
}
ul#langs-container {
    overflow: initial !important;
}
@media only screen and (max-width: 768px) {
  ul#langs-container {
    left: 24%;
  }
}

/* Progress bar */
.progress-wrapper {
  padding: 0;
}
.progress {
  border: none;
  border-radius: 4px;
  background-color: #eeeeee;
  /* background-image: -moz-linear-gradient(white, #eeeeee);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#eeeeee));
  background-image: -webkit-linear-gradient(white, #eeeeee);
  background-image: -o-linear-gradient(white, #eeeeee); */
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
  margin-bottom: 0;
  margin: 0 auto;
  float: none;
  padding: 0;
}
.progress-bar {
  background-color: #e05000;
  /* background-image: -moz-linear-gradient(#e05000, #702000);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e05000), to(#702000));
  background-image: -webkit-linear-gradient(#e05000, #702000);*/
  background-image: -o-linear-gradient(#e05000, #702000);
  transition: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

/* Welcome Page */
.text-info {
  color: #4d4d4d;
}
.survey-welcome {
  margin-top: 15px;
}
.question-count-text {
  margin-top: 15px;
}
.jumbotron {
  margin: 0;
  padding: 5rem !important;
  margin-bottom: 3rem;
  border-radius: 4px;
  border: 1px solid rgba(102, 102, 102, 0.35);
  background-color: rgba(255, 255, 255, 0.5);
}
.well {
  margin: 0;
  padding: 3rem !important;
  margin-bottom: 3rem;
  border-radius: 4px;
  border: 1px solid rgba(102, 102, 102, 0.35);
  background-color: rgba(255, 255, 255, 0.5);  
}
@media only screen and (max-width: 768px) {
  .jumbotron {
    padding: 2rem !important;
  }
  .well {
    padding: 2rem !important;
  }
}

/* Privacy */
.privacy {
  margin-top: 15px;
  padding: 15px 0;
  margin: 15px 1px;
}
p.ls-privacy-body {
  margin: 15px 0 0 0;
  font-style: italic;
  font-size: 100%;
}

/* Privacy policy */
.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  background-color: transparent;
}
.panel-primary {
    border-color: transparent;
}
.panel-primary > .panel-heading {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    padding: 15px 0;
}
.panel-body {
    padding: 5px 0;
}
.panel-footer {
    padding: 10px 0;
    background-color: transparent;
    border-top: transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
input#datasecurity_accepted {
  vertical-align: top;
}
.limit-text-window {
    display: none;
}

/* Group layout */
.group-outer-container {
	display: block;
}
.group-title {
  text-align: left;
  font-weight: normal;
  font-size: 2.0825rem;
  margin-top: 0;
  margin-bottom: 10px;
  color: #702000;
}
.group-description {
  margin-top: 0;
  text-align: left;
}

/* Question layout */
.question-number, .question-code {
	float: none;
	margin: 0;
}
.question-container {
  margin-bottom: 30px;
  margin-top: 15px;
  padding-bottom: 15px;
  border: 1px solid rgba(102, 102, 102, 0.35) !important;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
.question-text {
    font-size: 120%;
}

.input-error.question-container {
    border: 1px solid #a94442;
}
.question-title-container {
  padding: 1rem 1.5rem;
  color: #4d4d4d;
  background-color: #e2e2e2;
  /*background-image: -moz-linear-gradient(#eeeeee, #e2e2e2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#e2e2e2));
  background-image: -webkit-linear-gradient(#eeeeee, #e2e2e2);
  background-image: -o-linear-gradient(#eeeeee, #e2e2e2); */
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #702000;
}
.ls-question-message {
  margin-top: 5px;
}
.question-valid-container {
  padding-left: 0;
  padding-right: 0;
  font-size: 90%;
  margin-top: 5px;
}
.question-number,
.question-code {
  font-weight: normal;
  color: #4d4d4d;
  font-size: 90%;
}
.answer-container {
  padding: 15px;
}
.ls-answers {
  padding-bottom: 0;
}
.ls-answers tbody .answertext {
  text-align: left;
}
tr.ls-odd,
.array-flexible-column tr.answers-list:nth-child(even) {
  background-color: transparent;
}
.answer-container tr,
.array-flexible-column tr.answers-list {
  border-bottom: 1px solid rgba(102, 102, 102, 0.35);
}
.answer-container td,
.answer-container th {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.table-hover > tbody > tr:hover,
tr.answers-list:hover,
.array-flexible-column tr.answers-list:hover {
  background-color: #f0f0f0;
} 
.array-flexible-row .ls-answers .answertextright {
  text-align: right;
}
@media only screen and (max-width: 768px) {
    table.ls-answers > tbody > tr td.answer-item.radio-item,
    table.ls-answers > tbody > tr th.answertext.control-label,
    table.ls-answers > tbody > tr td.answer-item.checkbox-item {
        border-bottom: 1px solid #ddd;
        padding: 0;
    }
    table.ls-answers > tbody > tr td.answer-item.dropdown-item {
      border: 0;
    }
    table.ls-answers > tbody > tr th.answertext.control-label,
    table.ls-answers > tbody > tr th.answertextright.information-item {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
  .answer-container tr,
  .array-flexible-column tr.answers-list {
    border: 0;
  }
  .answer-container td,
  .answer-container th {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
.table-hover > tbody > tr:hover, tr.answers-list:hover, .array-flexible-column tr.answers-list:hover {
      background-color: transparent;
  }
  .array-flexible-row .ls-answers .answertextright {
    text-align: left;
  }
}
.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;
  padding: 4px 8px;
}
.table-bordered {
  border: 0;
}
.asterisk {
  margin-right: 5px;
  font-size: 90% !important;
  vertical-align: top;
}
.asterisk small {
  font-size: 90% !important;
  vertical-align: top;  
}
.save-form .asterisk,
.save-survey-form .asterisk {
  float: none !important;
}
.input-error .asterisk {
  font-size: 90% !important;
  margin-top: 0;  
}
.question-help-container {
  font-size: 90%;
  margin-top: 10px;
  color: #888;
  line-height: 1.7rem;
}
.numeric-multi input.numeric,
.multiple-short-txt input.form-control,
.multiple-short-txt textarea.form-control {
  margin-bottom: 15px;
}
.ls-input-group-extra {
  vertical-align: top;
  padding: 1rem 1.2rem;
}

/* Navigator */
#navigator-container {
  margin-bottom: 15px;
  padding-bottom: 15;
  margin-top: 30px;
 /* border-bottom: 1px solid #959595; */
}
.navigator > div {
  padding: 0;
}
.navigator > div > button {
  margin-right: 10px;
}
.btn {
  border-radius: 0;
  /* font-size: 110%; */
  border-radius: 4px;
}
a.btn-primary {
  color: #fff;
}
a.btn-default {
 color: #4d4d4d;
}
.btn-primary {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  border-color: #08101a;
  background-color: #3268a2;
  background-color: #264f7b;
  /*background-image: -moz-linear-gradient(#3268a2, #264f7b);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3268a2), to(#264f7b));
  background-image: -webkit-linear-gradient(#3268a2, #264f7b); */
  background-image: -o-linear-gradient(#3268a2, #264f7b);
}
/*.btn-primary:hover {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  border-color: #08101a;
  background-color: #264f7b;
  background-color: #204268;
  background-image: -moz-linear-gradient(#31659e, #204268);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31659e), to(#204268));
  background-image: -webkit-linear-gradient(#31659e, #204268);
  background-image: -o-linear-gradient(#31659e, #204268);
} */
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.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 {
  color: white;
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  border-color: #08101a;
  background-color: #264f7b;
  background-color: #204268;
  background-image: -moz-linear-gradient(#31659e, #204268);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31659e), to(#204268));
  background-image: -webkit-linear-gradient(#31659e, #204268);
  background-image: -o-linear-gradient(#31659e, #204268);*/
}
.input-group-addon.btn-primary {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-default {
  color: #4d4d4d;
  text-shadow: 0 1px 0 white;
  border-color: #959595;
  background-color: #d5d5d5;
 /* background-image: -moz-linear-gradient(#eeeeee, #d5d5d5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#d5d5d5));
  background-image: -webkit-linear-gradient(#eeeeee, #d5d5d5); */
  background-image: -o-linear-gradient(#eeeeee, #d5d5d5);
}
/*.btn-default:hover {
  color: #1a1a1a;
  text-shadow: 0 1px 0 white;
  border-color: #959595;
  background-color: #d5d5d5;
  background-color: #c8c8c8;
  background-image: -moz-linear-gradient(#ebebeb, #c8c8c8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#c8c8c8));
  background-image: -webkit-linear-gradient(#ebebeb, #c8c8c8);
  background-image: -o-linear-gradient(#ebebeb, #c8c8c8); 
} */

/* Ranking question */
.sortable-choice {
  padding: 5px;
}
.sortable-choice .ls-choice.sortable-item {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.sortable-rank {
  padding: 5px;
}
.sortable-rank .ls-choice.sortable-item {
  border: rgba(73, 107, 56, 0.925);
  background-color: rgba(73, 107, 56, 0.925);
  /*background-image: -moz-linear-gradient(rgba(99, 143, 77, 0.925), rgba(73, 107, 56, 0.925));
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(99, 143, 77, 0.925)), to(rgba(73, 107, 56, 0.925))); 
  background-image: -webkit-linear-gradient(rgba(99, 143, 77, 0.925), rgba(73, 107, 56, 0.925)); */
  background-image: -o-linear-gradient(rgba(99, 143, 77, 0.925), rgba(73, 107, 56, 0.925));
  margin-bottom: 5px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
}
.ranking .list-group-item {
    display: list-item;
    list-style-position: inside;
}
.ranking .answers-list ul {
    padding: 10px;
}
.ranking .answers-list ul li {
    list-style-type: decimal;
}
@media only screen and (max-width: 768px) {
    .ranking .answers-list .col-xs-6 {
        width: 100% !important;
    }    
}

/* Gender question */
/* Yes/no question */
/* Bootstrap buttons layout */
.gender-button .btn-primary,
.yes-no .btn-primary,
.bootstrap-buttons-div .button-item {
  color: #4d4d4d;
  text-shadow: 0 1px 0 white;
  background-color: #ddd;
  background-image: none;
  border: 3px solid #f6f6f6;
  border-radius: 6px;
}
.gender-button .btn-primary:active,
.gender-button .btn-primary.active:hover,
.gender-button .btn-primary:focus,
.gender-button .btn-primary.active,
.gender-button .btn-primary.active:focus,
.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:focus,
.bootstrap-buttons-div .button-item.active,
.bootstrap-buttons-div .button-item:focus {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  border: 3px solid #f6f6f6;
  background-color: #496b38;
  opacity: 0.90;
  filter: alpha(opacity=90);
  background-image: none;
  transition: 0.125s ease-in-out;
}
.gender-button .btn-primary:hover,
.yes-no .btn-primary:hover,
.bootstrap-buttons-div .button-item:hover {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  border: 3px solid #f6f6f6;
  background-color: #496b38;
  opacity: 0.75;
  filter: alpha(opacity=75);
  background-image: none;
  transition: 0.125s ease-in-out;  
}

div.yes-no .btn-group label,
.gender .btn-group label {
    padding: 15px;
    cursor: pointer;
}
.gender input[type='radio']:checked + label:before,
.yes-no input[type='radio']:checked + label:before {
  display: none;
}
.gender label,
.yes-no label {
  margin: 0;
}
.gender .btn:active, .gender .btn.active,
.yes-no .btn:active, .yes-no .btn.active  {
  -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.3);
}

/* Bootstrap buttons layout */
/* 2019-04-05 Marcel: New CSS for bootstrap button layout */
.bootstrap-buttons-div
{
	padding: 0 5px;
}
.bootstrap-buttons-div .button-item {
  word-break: break-all;	/* remove this to not break words (wastes quite some space) */
  white-space: normal;
 /* padding: 0.5em 0.5em; */
}

/* Slider question */
.slider-handle {
  background-color: #4d4d4d;
  background-image: -webkit-linear-gradient(top, #555 0%, #222 100%);
  background-image: -o-linear-gradient(top, #555 0%, #222 100%);
  background-image: linear-gradient(to bottom, #555 0%, #222 100%);
}
.slider.slider-untouched .tooltip.top .tooltip-arrow {
  border-top-color: #888;
}
.slider.slider-untouched .tooltip.top .tooltip-inner {
  background-color: #888;
}
.slider.slider-touched .tooltip.top .tooltip-arrow {
  border-top-color: #496b38;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.slider.slider-touched .tooltip.top .tooltip-inner {
  background-color: #496b38;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.slider-selection {
  background-color: #496b38;
  /*background-image: -moz-linear-gradient(#638f4d, #496b38);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#638f4d), to(#496b38));
  background-image: -webkit-linear-gradient(#638f4d, #496b38); */
  background-image: -o-linear-gradient(#638f4d, #496b38);
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.slider.slider-untouched .slider-track .slider-selection {
  background-color: #d5d5d5;
  /*background-image: -moz-linear-gradient(#eeeeee, #d5d5d5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#d5d5d5));
  background-image: -webkit-linear-gradient(#eeeeee, #d5d5d5); 
  background-image: -o-linear-gradient(#eeeeee, #d5d5d5); */
  box-shadow: none; 
}
.numeric-multi .ls-group-remaining .suffix-text.suffix {
  display: inline;
  margin-left: 0;
}


/* Text questions */

/* Highlight text fields with main template color */
.form-control:focus {
  border-color: #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, .6) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, .6) !important;
}

/* Print Page */
.url-wrapper-survey-print {
  margin: 15px 0;
}
.question-container-printanswers {
  border-bottom: 1px solid #ccc;
}

/* Footer */
footer .copyright {
	text-align: center;
  margin: 10px 0;
  font-size: 90%;
}

.completed-wrapper {
  margin-bottom: 45px;
  min-height: 200px;
 }

/* Datepicker */
.bootstrap-datetimepicker-widget {
  padding: 0 10px;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
}
.bootstrap-datetimepicker-widget .datepicker .active {
  background-color: #638f4d !important;
  background: #638f4d !important;
  color: #FFF !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.bootstrap-datetimepicker-widget .datepicker .today {
    color: #3268a2;
}
.bootstrap-datetimepicker-widget th {
  padding: 10px !important;  
}
.bootstrap-datetimepicker-widget th.dow {
  font-weight: 700 !important;
  background-color: #eee;
  border-radius: 0;
}
.bootstrap-datetimepicker-widget table td.day {
    padding: 10px !important;
}
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table tr {
  border: none;
}
.bootstrap-datetimepicker-widget input-group-addon {
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 768px) {
  .date select.form-control {
    margin-bottom: 5px;
  }
}


/* Index */
#indexbody {
  text-align: center;
}
.indextitle {
  color: #702000;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  text-shadow: 0 1px 0 white;
  margin-bottom: 15px;
}
#indexlist.in {
  height: auto !important;
}
ul#indexlist {
  list-style-type: none;
  padding: 0 15px;
}
ul#indexlist li.index-item a,
ul#indexlist li.index-item-seen a {
    display: block;
    padding: 0.75rem 1.5rem;
    height: auto;
    width: 100%;
    margin: 8px 2px;
    white-space: normal;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #4d4d4d;
    text-shadow: 0 1px 0 white;
    border: 1px solid #959595;
    border-radius: 4px;
    background-color: #d5d5d5;
  /*  background-image: -moz-linear-gradient(#eeeeee, #d5d5d5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#d5d5d5));
    background-image: -webkit-linear-gradient(#eeeeee, #d5d5d5);
    background-image: -o-linear-gradient(#eeeeee, #d5d5d5);*/
    cursor: pointer;
}
ul#indexlist li.index-item a:hover {
  text-decoration: none;
  color: #1a1a1a;
  text-shadow: 0 1px 0 white;
  border-color: #959595;
  background-color: #c8c8c8;
 /* background-image: -moz-linear-gradient(#ebebeb, #c8c8c8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#c8c8c8));
  background-image: -webkit-linear-gradient(#ebebeb, #c8c8c8);
  background-image: -o-linear-gradient(#ebebeb, #c8c8c8); */
  cursor: pointer;
}
ul#indexlist li.index-item a {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  border-color: #496b38;
 /* background-color: #496b38;
  background-image: -moz-linear-gradient(#638f4d, #496b38);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#638f4d), to(#496b38));
  background-image: -webkit-linear-gradient(#638f4d, #496b38);
  background-image: -o-linear-gradient(#638f4d, #496b38); */
}
ul#indexlist li.index-item a:hover {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  border-color: #496b38;
  background-color: #496b38;
 /* background-image: -moz-linear-gradient(#638f4d, #3b572d);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#638f4d), to(#3b572d));
  background-image: -webkit-linear-gradient(#638f4d, #3b572d);
  background-image: -o-linear-gradient(#638f4d, #3b572d); */
}
ul#indexlist li.index-item-unanswered a {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  /*border-color: #2e1000; 
  background-color: #702000;
  background-image: -moz-linear-gradient(#e05000, #702000);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e05000), to(#702000));
  background-image: -webkit-linear-gradient(#e05000, #702000);
  background-image: -o-linear-gradient(#e05000, #702000); */
}
/*ul#indexlist li.index-item-unanswered a:hover {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  border-color: #2e1000;
  background-color: #571900;
  background-image: -moz-linear-gradient(#db4e00, #571900);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#db4e00), to(#571900));
  background-image: -webkit-linear-gradient(#db4e00, #571900);
  background-image: -o-linear-gradient(#db4e00, #571900);  
} */
/* ul#indexlist li.index-item-current a {
    color: #4d4d4d;
    text-shadow: 0 1px 0 white;
    border-color: #959595;
    background-color: #d5d5d5;
    background-image: -moz-linear-gradient(#eeeeee, #d5d5d5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#d5d5d5));
    background-image: -webkit-linear-gradient(#eeeeee, #d5d5d5);
    background-image: -o-linear-gradient(#eeeeee, #d5d5d5); 
} */
/* ul#indexlist li.index-item-current a:hover {
  color: #1a1a1a;
  text-shadow: 0 1px 0 white;
  border-color: #959595;
  background-color: #c8c8c8;
  background-image: -moz-linear-gradient(#ebebeb, #c8c8c8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#c8c8c8));
  background-image: -webkit-linear-gradient(#ebebeb, #c8c8c8);
  background-image: -o-linear-gradient(#ebebeb, #c8c8c8);
} */
.indextitle {
  padding: 45px 15px 0 15px;
}
.indexbtn {
    position: relative;
    float: right;
    padding: 5px;
    margin-top: -2.25rem;
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #888;
}
.indexbtn .icon-bar {
  background-color: #888;
  display: block;
  width: 12px;
  height: 1px;
  border-radius: 1px;
}
.indexbtn .icon-bar + .icon-bar {
    margin-top: 3px;
}
.bg-warning {
    background-color: transparent;
}
@media only screen and (max-width: 768px) {
  .indexbtn {
    margin-right: 15px;
  }
}

/* Startpage */
.survey-list-heading,
.survey-list,
.survey-contact {
  text-align: center;
}
#surveys-list-container {
  background-color: #fff;
  padding: 45px 0;
}
#surveys-list-container .form-change-lang {
    text-align: center;
}

/* Fix array alignment */
td.answer-item.radio-item {
  vertical-align: middle;
}

/* 2018-12-02 Marcel: Fix captcha width */
.captcha-image
{
  width: auto;
}

/* 2019-02-10 Marcel: Additional language changer adjustments */
#main-col form div.form-change-lang.form-inline
{
  display: none;
}


/* 2019-03-11 Marcel: adjust margin to not show scroll bar at list survey page */
.listsurveys
{
  margin-right: 15px;
  margin-left: 15px;
}

/* 2019-02-11 Marcel: Remove background color from print version (PDF) */
body.printlayout
{
  background-color: #fff;
  padding: 10px !important;
}



/* START 2019-03-13 Marcel: Adjusted styles for "List surveys" screen */

.listsurveys .header-wrapper
{
	margin-bottom: 0px;
}

.listsurveys .header-wrapper .navbar-brand
{
	display: none;
}

#surveys-list-container 
{
  padding: 15px 0 45px 0;
  margin-top: 0px;
}

#surveyListFooter
{
	margin: 0px;
	padding: 0px;
	height: 0px;
}

.surveys-list .btn-group {
  margin: 0 auto;
  float: none;
}

.survey-contact.col-xs-12 {
  padding-top: 20px;
}
/* END 2019-03-13 Marcel: Adjusted styles for "List surveys" screen */


/* 2019-05-03 Marcel: Left align item text at multiplce choice with comment */
.multiple-opt-comments .checkbox-text-item .answer-item .checkbox-label
{
text-align: left;
}


/* 2019-05-09 Marcel: Styles for Bootstrap tooltips */
span.tooltip
{
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
    color: #a94442;
    opacity: 1;
    font-size: inherit;
    position: initial;
    display: inline;
}


/* Add class "tooltipquestion" at the "Display" section of your question! */
.tooltipquestion li.radio-item label, 
.tooltipquestion li.checkbox-item label {
    width: 100%;
}

.answer-item .tooltip .tooltip-inner {
    max-width: 75%;
    margin: auto;
}
/* Make sure sliders with tooltips still use same defaults */
.answer-item .slider .tooltip .tooltip-inner {
    max-width: initial;
}

/* Align modal on top */
.modal::before {
    height: auto;
    vertical-align: top;
}

/* Hide tip */
.ls-em-tip {
  display: block;
}
.ls-em-error {
  display: block;
}

/* Numeric multi improvements */
.dynamic-total,
.dynamic-remaining {
  background: #ddd;
  font-weight: 700;
  border-radius: 4px;
}

/* Hide script container */
.script-container {
  display: none;
}

/* Custom icon styles */
.fa-exclamation-circle:before {
  content: "\f06a";
  font-size: 140%;
  margin-right: 3px;
  display: none;
}
.ls-questionhelp:before {
  content: "\f129";
  font-size: 140%;
  line-height: 110%;
  color: #638f4d;
}
.dir-ltr .ls-questionhelp {
  margin-left: 1.8em;
}
.ls-question-help, .ls-questionhelp {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Style for select and input */
select {
    min-width: 25%;
}
.form-inline .form-group,
.form-inline input.form-control[type="text"] {
    width: 83% !important;
}
.answers-list.radio-list {
  width: 100%;
}
.form-group.answer-item.text-item {
  margin-top: 15px;
}
/*@media only screen and (min-width: 768px) {
  .form-inline .form-group.other-text-item {
    padding-left: 50px;
  }
}
*/

/* Special radio & checkbox styles */
.radio-item label::after,
.checkbox-item label::after,
input[type='radio'],
input[type='checkbox'],
.radio-item input[type="radio"],
.radio-item input[type="checkbox"] {
  opacity: 0;
  /* visibility: hidden; */ /* TP - 19/07/2021 */
}
.radio-item label::before {
  border: none;
  background-color: transparent;
  transition: color 0s ease-in;
  font-family: 'FontAwesome';
  visibility: visible;
  content: "\f1db";
  font-size: 160%;
  color: #bbb;
  top: 4px;
  text-shadow: none;
}
.checkbox-item label::before {
  border: none;
  background-color: transparent;
  transition: color 0s ease-in;
  font-family: 'FontAwesome';
  visibility: visible;
  content: "\f096";
  font-size: 160%;
  color: #bbb;
  top: 4px;
  text-shadow: none;
}
input[type='radio']:checked + label:before, input[type='radio']:checked + .label:before, input[type='radio']:checked:focus + label:before, input[type='radio']:checked:focus + .label:before {
  font-family: 'FontAwesome';
  visibility: visible;
  transition: color 0.5s ease-in;
  content: "\f00c";
  font-size: 160%;
  color: #638f4d;
}
input[type='checkbox']:checked + label:before, input[type='checkbox']:checked + .label:before, input[type='checkbox']:checked:focus + label:before, input[type='checkbox']:checked:focus + .label:before {
  font-family: 'FontAwesome';
  visibility: visible;
  transition: color 0.5s ease-in;
  content: "\f046";
  font-size: 160%;
  color: #638f4d;
}
.dir-ltr .radio-item label.ls-label-xs-visibility::before, .dir-ltr .checkbox-item label.ls-label-xs-visibility::before,
.dir-ltr .radio-item .ls-label-xs-visibility, .dir-ltr .checkbox-item .ls-label-xs-visibility {
    margin-left: -19px;
}
.radio-item .ls-label-xs-visibility, .checkbox-item .ls-label-xs-visibility {
  width: 24px;
  height: 24px;
}
@media only screen and (max-width: 768px) {
  table.ls-answers > tbody > tr td.answer-item.radio-item, table.ls-answers > tbody > tr td.answer-item.checkbox-item {
    padding: 0;
  }
  .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::before, .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
    margin-left: 10px;
  }
  .dir-ltr table.ls-answers .radio-item .ls-label-xs-visibility, .dir-ltr table.ls-answers .checkbox-item .ls-label-xs-visibility {
    margin: 0;
    padding: 8px 15px 15px 40px;
  }
  table.ls-answers > tbody > tr td.radio-item:hover, table.ls-answers > tbody > tr td.checkbox-item:hover {
    background-color: transparent;
  }
  tr.ls-odd, .array-flexible-column tr.answers-list:nth-child(even) {
    background-color: transparent;
  }
  table.ls-answers > tbody > tr:nth-child(even):hover {
    background-color: transparent;
  }
  .radio-item label::before {
    top: 0px;
  }
  .checkbox-item label::before {
    top: 0px;
  }
  input[type='radio']:checked + label:before, input[type='radio']:checked + .label:before, input[type='radio']:checked:focus + label:before, input[type='radio']:checked:focus + .label:before,
  input[type='checkbox']:checked + label:before, input[type='checkbox']:checked + .label:before, input[type='checkbox']:checked:focus + label:before, input[type='checkbox']:checked:focus + .label:before {
    color: white;
  }
  td.radio-item input[type='radio']:checked + label,
  td.checkbox-item input[type='checkbox']:checked + label {
  /*  color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    background-color: #496b38;
    background-image: -moz-linear-gradient(#638f4d, #496b38);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#638f4d), to(#496b38));
    background-image: -webkit-linear-gradient(#638f4d, #496b38);
    background-image: -o-linear-gradient(#638f4d, #496b38);
    opacity: 0.85;
    filter: alpha(opacity=85); */
  }
}

/* Additional styles for large buttons */
ul label, ul .label {
  padding: 1.5rem 0;
}
.form-inline .radio-item, .form-inline .checkbox-item,
li.radio-item, li.checkbox-item {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(102, 102, 102, 0.35);
}
.form-inline .radio-item:hover, .form-inline .checkbox-item:hover,
li.radio-item:hover, li.checkbox-item:hover {
  background-color: #f0f0f0;
}
.othertext-label-checkox-container {
  border: 0 !important;
  margin-bottom: 10px !important;
}
li.radio-item:first-child, li.checkbox-item:first-child {
  border-top: 1px solid rgba(102, 102, 102, 0.35);
}
.list-radio .radio-item label::before, .list-with-comment .radio-item label::before, .choice-5-pt-radio .radio-item label::before {
  top: 15px;
}
input[type='radio']:checked + .radio-label:before, input[type='radio']:checked:focus + .radio-label:before,
input[type='checkbox']:checked + .checkbox-label:before, input[type='checkbox']:checked:focus + .checkbox-label:before {
  color: #fff;
}
input[type='radio']:checked + label.radio-label, input[type='radio']:checked + label.label-radio, input[type='radio']:checked + label.label-radio:before,
input[type='checkbox']:checked + label.checkbox-label, input[type='checkbox']:checked + label.answertext, input[type='checkbox']:checked + label.answertext:before {
  color: white;
 /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); */
  background-color: #496b38;
 /* background-image: -moz-linear-gradient(#638f4d, #496b38);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#638f4d), to(#496b38));
  background-image: -webkit-linear-gradient(#638f4d, #496b38);
  background-image: -o-linear-gradient(#638f4d, #496b38);
  opacity: 0.85;
  filter: alpha(opacity=85); */
}

/* TP - 19/07/2021 */
input[type='radio']:focus + label.radio-label, 
input[type='radio']:focus + label.label-radio, 
td.answer-item input[type='radio']:focus + label, 
input[type='checkbox']:focus + label.checkbox-label, 
input[type='checkbox']:focus + label.answertext {
    border-color: #000;
  /*  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, .6) !important; */
}

td.answer-item input[type='radio'] + label::before {
    top: 2px;
}

td.answer-item input[type='radio']:focus + label::before {
    outline: none !important;
}
/* END TP - 19/07/2021 */

.radio-list li {
  margin-right: 0;
}
.radio-list li label, .radio-list li .label, .checkbox-list li label, .checkbox-list li .label, .checkbox-text-list li label, .checkbox-text-list li .label {
  position: relative;
  display: block;
  padding-left: 5rem;
  padding-right: 15px;
  margin: 0;
}
input[type='radio'] + .radio-label:before, input[type='radio'] + .label-radio:before, input[type='radio'] + .answertext:before,
input[type='checkbox'] + .checkbox-label:before, input[type='checkbox'] + .label-checkbox:before, input[type='checkbox'] + .answertext:before,
.other-item label:before, .other-item .label:before,
label.answer-comment-wrapper:before, .answer-comment-wrapper.label:before {
  position: absolute;
  left: 35px;
}

/* Multiple Options fixes */
.multiple-opt-comments .other-item label:before {
  visibility: hidden;
}
.multiple-opt-comments .label-text {
  padding-left: 0;
}
.multiple-opt-comments .form-horizontal .control-label {
  padding-top: 1.5rem;
}
.multiple-opt-comments .form-horizontal .checkbox-item label::before {
  top: 15px;
}
.multiple-opt-comments .comment-item {
  margin-top: 1rem;
}
.multiple-opt-comments ul.checkbox-text-list li.checkbox-text-item > div {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .multiple-opt-comments ul.checkbox-text-list li.checkbox-text-item .comment-item {
    padding-left: 50px;
  }
  .multiple-opt-comments ul.checkbox-text-list li.checkbox-text-item .other-text-item {
    padding-left: 36px;
    width: 100%;
  }
  .multiple-opt-comments ul.checkbox-text-list li.checkbox-text-item.other-item .comment-item {
    padding-left: 36px;    
  }
  .multiple-opt-comments ul.checkbox-text-list li.checkbox-text-item input.other-text {
    width: 100%;
  }
}
.multiple-opt .checkbox-item label::before {
  top: 15px;
}
.multiple-opt ul {
  margin: 0;
}
.form-horizontal .checkbox-item label::before {
  top: 1px;
}
.checkbox-item {
  padding-left: 0;
}

/* 2020-06-08: Styles for new "Contact Support" at footer */
#helpformlink
{
    cursor: pointer;
    font-size: 1.4rem;
    text-decoration: none;
}

.survey-question-help:before {
    content: "\f129";
    color: #638f4d;
    display: contents;
    left: -1.5rem;
    font-family: FontAwesome;
    font-size: 140%;
    line-height: 110%;
}

/* 2020-07-11 Marcel: Don't break words at table headings */
.answer-container .table.ls-answers {
    table-layout: auto;
}

/* 2020-07-15 Marcel: Reduce space between buttons and support link */
#navbar hr {
    display: none;
}

/* 2021-07-22 Marcel: Optimized text display question presentation */
.boilerplate .answer-container
{
    display: none;
}
.boilerplate.question-container
{
    padding-bottom: 0px;
}

/*################################################################################################ */  
/*############################################Trivender########################################### */
/*################################################################################################ */  

body {
    background: #FFFFFF;
    text-shadow: none;
}

.col-md-12.col-md-pull-12.welcome-main-text {
    left: 0 !important;
}

.jumbotron {
    border-color: #6897F8;
    background: #f6fdff;
    color: #0115D6;
    font-size: 18px;
}

.progress-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-wrapper {
    margin-bottom: 0px !important;
    padding: 22px 0px 22px 22px;
}

.progress {
    height: 6px;
    width: 100%;
}

.progress-bar {
    text-shadow: none;
    color: #6897F8 !important;
    background-color: #6897F8 !important;
}

.question-title-container {
    border: none;
    background: #FFFFFF;
    font-weight: normal;
    color: #000000;
}

.question-help-container {
    margin-top: 0px;
}

.question-container {
    padding-bottom: 0px;
    border: none !important;
}

.question-text {
    font-size: 20px;
}

.question-number, 
.question-code {
    color: white;
}

#navigator-container{
    height: 72px;
    flex: 1 auto;
    opacity: 0.8;
    margin: auto;
}

.footer-html {
    background: #EFF4FF;
    padding: 30px;
    color: #000000;
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.modal-body {
    font-size: 16px;
}

button.ls-saveaction.ls-loadall.action--ls-button-submit.btn.btn-default {
    display: none;
}

tbody > tr >td:hover {
    background: #EFF4FF !important;
}

.table-hover > tbody > tr:hover, 
tr.answers-list:hover, .array-flexible-column tr.answers-list:hover {
    color: #0115D6 !important;
    background-color: #EFF4FF !important;
}

hr{
    border-top: 2px solid #6898f8 !important;
}

.form-control:focus {
    color: #6897F8;
    border-color: #6897F8;
    box-shadow: inset 0 1px 1px rgb(104 151 248 / 8%), 0 0 8px rgb(104 151 248 / 60%) !important;
}

.dir-ltr .ls-questionhelp {
    color: #6897F8;
}

.ls-questionhelp:before {
    color: #6897F8;
}

.form-control,  
.text-item {
    font-size: 18px !important;
}

.form-control, 
.input-group-addon, 
.fa-calendar {
    font-size: 107% !important;
}

#navbar .navbar-nav .navbar-items {
    display: none;
}

label {
    word-break: initial;
}

.checkbox-item input[type="checkbox"]:focus + label::before, 
.checkbox-item input[type="radio"]:focus + label::before {
    outline: none;
}

.next-btn-sd {
    float: right;
}

.exit-buttons {
    overflow: hidden;
}

.ls-answers {
    padding-top: 0px;
}

.answer-container {
    padding-top: 0px;
}

input:checked .footer-html {
    color: #000000;
    font-size: 18px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    background: #EFF4FF;
    padding: 30px;
    text-align: center;
}

/* Buttons CSS Start */

.btn.active.focus, .btn.active:focus, 
.btn.focus, .btn:active.focus, 
.btn:active:focus, .btn:focus {
    outline: none;
}

.exit-buttons .form-inline button{
    margin-left: 18px;
    margin-top: 14px !important;
    color: #BC524B;
    font-size: 20px;
    text-decoration: none;
}

.exit-buttons button::before {
    content: url('../files/close.png');
    padding-right: 10px;
    position: absolute;
    margin-top: 2px;
    left: 4px;
}

.btn-primary {
    text-shadow: none;
}

.btn {
    font-size: 150%;
    border-radius: 8px !important;
}

.btn-group-xs>.btn, .btn-xs {
    font-size: 12px !important;
}

.btn-group-lg>.btn, .btn-lg {
    font-size: 18px !important;
}

.btn-group-sm>.btn, .btn-sm {
    font-size: 12px !important;
}

.btn:focus-visible {
    outline: none;
}

.save-butons button::before {
    content: url('../files/save.png');
    padding-right: 10px;
    position: absolute;
    margin-top: 2px;
    left: 4px;
}

#ls-button-previous {
    font-size: 24px;
    color: #64CC51 !important;
}

#ls-button-previous::before {
    content: url('../files/angle-left.png');
    padding-right: 10px;
    position: absolute;
    margin-top: 2px;
    left: 170px;
}

#ls-button-submit::after {
    content: url(../files/next.png);
    position: absolute;
    margin-top: 2px;
    margin-left: 8px;
}

.indexbtn {
    display: none;
}

.modal-footer .btn-danger {
    color: #fff;
    background-color: #64CC51;
    border-color: #64CC51;
}

.modal-footer .btn-default {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a;
}

.testbutton {
    position: relative;
    top: -10px;
}

.btn-default {
     box-shadow: none !important; 
}

#ls-button-submit{
    width: 146px;
    font-size: 24px;
    float: right;
    color: white !important;
    background-color: #64CC51 !important;
    border-color: #64CC51 !important; 
    padding-right: 30px;
    padding-left: 10px;
}

.ls-move-submit-btn {
	color: #fff !important;
	background-color: #0d769c !important;
	border-color: #0d769c!important;

}

/*gender/yes/no... : default*/
.gender-button .btn-primary, 
.yes-no .btn-primary, 
.bootstrap-buttons-div .button-item {
	color: #0115D6 !important;
	background-color: #EFF4FF;
	border-color: #6897F8;
}

/*upload: You can upload...*/
.uploader .alert-info {
	color: #0d769c !important;
	background-color: #fff;
	border-color: #0d769c;
}

.btn-info {
    color: #0d769c!important;
    background-color: #fff !important;
    border-color: #0d769c!important;
}

.btn-default {
    color: #6898f8 !important;
    background-color: transparent !important;
    border: none;
}

#button1 {
    color: #fff!important;
    background-color: #6897F8 !important;
    border: 2px solid #6897F8 !important;
    text-shadow: none !important;
}

.upload-button .btn {
    background-color: #6897F8 !important;
    border-color: #6897F8 !important;
    color: #fff !important;
    
}

/* Buttons CSS End*/


/* Bootstrap-Buttons CSS Start*/

.bootstrap-buttons-div .button-item {
    color: #000000 !important;
}

.bootstrap-buttons-div {
    padding: 10px 10px;
}

.bootstrap-buttons-div .btn input[type='radio']:checked + label span.bold-blue,
.bootstrap-buttons-div .btn input[type='radio']:checked + label span.noraml-blue,
.bootstrap-buttons-div .btn input[type='radio']:checked + label span.bold-brown {
    color: #fff;
}

.small-btn.tall-btn .radio-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.small-btn.tall-btn .bootstrap-buttons-div .button-item {
    width: 63px;
    height: 76px;
    font-size: 30px;
    padding: 15px 0px 0px !important;
    text-align: center;
}

.small-btn.tall-btn .bootstrap-buttons-div {
    width: 100px;
}

.small-btn.wide-btn .bootstrap-buttons-div .button-item {
    width: 71px;
    height: 47px;
    padding: 6px;
}

.small-btn.wide-btn .bootstrap-buttons-div {
    width: 100px;
}

.medium-btn.wide-btn .radio-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.medium-btn.wide-btn .bootstrap-buttons-div .button-item {
    width: 250px;
    height: 250px;
    overflow: auto;
}

.medium-btn.wide-btn .bootstrap-buttons-div {
    width: 300px;
}

.medium-btn.tall-btn .radio-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.medium-btn.tall-btn .bootstrap-buttons-div .button-item {
    width: 200px;
    height: 250px;
    overflow: auto;
}

.medium-btn.tall-btn .bootstrap-buttons-div {
    width: 250px;
}

.Bootstrap--buttons-div .button-item:focus, 
.bootstrap-buttons-div .button-item.active, 
.bootstrap-buttons-div .button-item:focus {
    color: #FFFFFF !important;
    border: 3px solid #0115D6 !important;
    background-color: #0115D6 !important;
}

.list-radio .btn label::before {
    display: none !important;
}

.bootstrap-buttons-div .button-item:hover {
    color: #FFFFFF !important;
    text-shadow: none !important;
    border: 3px solid #0115D6 !important;
    background-color: #0115D6 !important;
}

.bootstrap-buttons-div .button-item:focus span,
.bootstrap-buttons-div .button-item:active span,
.bootstrap-buttons-div .button-item:hover span {
    color: #FFFFFF !important;
}


/* Bootstrap-Buttons CSS End*/


/* Radio-Buttons CSS Start */

.radio-list .row {
     margin-right: -15px;
     margin-left: -15px; 
}

.radio-item label::before {
    font-size: 227%;
}

input[type='radio']:checked + label:before, 
input[type='radio']:checked + .label:before, 
input[type='radio']:checked:focus + label:before, 
input[type='radio']:checked:focus + .label:before {
    color: #01a474;
}

input[type='radio']:checked + label.radio-label, 
input[type='radio']:checked + label.label-radio, 
input[type='radio']:checked + label.label-radio:before {
    background-color: #EFF4FF;
    color: #0115D6;
}

input[type='radio'] + .radio-label:before, 
input[type='radio'] + .label-radio:before, 
input[type='radio'] + .answertext:before {
    position: absolute;
    left: 35px;
}

input[type='radio']:checked + label:before, 
input[type='radio']:checked + .label:before, 
input[type='radio']:checked:focus + label:before, 
input[type='radio']:checked:focus + .label:before {
    color: #6897F8;
}

input[type='radio']:checked + .radio-label:before, 
input[type='radio']:checked:focus + .radio-label:before {
    color: #6897F8;
    left: 39px;
    top: 8px;
}

.radio-item input[type="radio"]:focus + label::before {
    outline: none;
}

/* Radio-Buttons CSS End*/

/* Checkbox-Buttons CSS Start */

.checkbox-item label::before {
    font-size: 227%;
}

input[type='checkbox']:checked + label:before, 
input[type='checkbox']:checked + .label:before, 
input[type='checkbox']:checked:focus + label:before, 
input[type='checkbox']:checked:focus + .label:before {
    color: #6897F8;
}

input[type='checkbox']:checked + label.checkbox-label, 
input[type='checkbox']:checked + label.answertext, 
input[type='checkbox']:checked + label.answertext:before {
    background-color: #EFF4FF;
    color: #0115D6;
}

input[type='checkbox'] + .checkbox-label:before, 
input[type='checkbox'] + .label-checkbox:before, 
input[type='checkbox'] + .answertext:before {
    position: absolute;
    left: 35px;
}

input[type='checkbox']:checked + .checkbox-label:before, 
input[type='checkbox']:checked:focus + .checkbox-label:before {
    color: #6897F8;
    left: 39px;
    top: 8px;
}

/* Checkbox-Buttons CSS End*/


/* Sorted CSS Start */
.sortable-rank .ls-choice.sortable-item {
    color: #0115D6 !important;
    background-color: #EFF4FF!important;
    border: 2px solid #6897F8 !important;
}

.sortable-rank .ls-choice.sortable-item {
    text-shadow: none;
}

/* Sorted CSS End*/  

/* Slider CSS Start */
.slider-touched .tooltip-inner,
.slider-touched .slider-handle {
    background-color: #6897F8 !important;
}

.slider-touched .tooltip.top .tooltip-arrow{
    border-top-color: #6897F8 !important;
}	

.slider-handle {
       background-color: #6897F8 !important;
}

.slider-selection {
    background-color: #6897F8;
    background-image: -webkit-linear-gradient(#6897F8, #6897F8);
}

.slider-touched .tooltip-inner, .slider-touched .slider-handle {
    background-color: #6897F8 !important;
}

.slider-touched .tooltip.top .tooltip-arrow {
    border-top-color: #6897F8 !important;
}

.slider.slider-untouched .slider-track .slider-selection {
    background-color: #00000029;
    background-image: -webkit-linear-gradient(#00000029, #00000029);
}

/* Slider CSS End*/  

/* Date CSS Start */
.today {
    background-color: #0d769c !important;
    border-color: #0d769c !important;
    color: #333 !important;
}

.date-timepicker-group .btn-primary {
    background: #6897F8 !important;
    border-color: #6897F8 !important;
}

.input-group-addon.btn-primary {
    border-radius: 0px !important;
}

/* Date CSS End */


/* Particular Question CSS Start */

.array-flexible-row .radio-item .ls-label-xs-visibility, 
.checkbox-item .ls-label-xs-visibility {
    width: 38px !important;
    height: 33px !important;
}   

.array-flexible-row .radio-item label::before {
    font-size: 227% !important;   
}

.array-flexible-row .dir-ltr .ls-answers td.radio-item, 
.dir-ltr .ls-answers td.checkbox-item {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

.array-flexible-row .dir-ltr .radio-item label.ls-label-xs-visibility::after, 
.dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0 !important;
    padding-left: 0 !important;
}


.array-flexible-row td.answer-item input[type='radio'] + label::before {
    top: 5px !important;
} 

.array-flexible-row .radio-item label {
    padding-left: 20px !important;
}

.array-flexible-dual-scale .radio-item .ls-label-xs-visibility, 
.checkbox-item .ls-label-xs-visibility {
    width: 38px !important;
    height: 33px !important;
}   

.array-flexible-dual-scale .radio-item label::before {
    font-size: 227% !important;   
} 

.array-flexible-dual-scale .dir-ltr .ls-answers td.radio-item, 
.dir-ltr .ls-answers td.checkbox-item {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

.array-flexible-dual-scale .dir-ltr .radio-item label.ls-label-xs-visibility::after, 
.dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.array-flexible-dual-scale td.answer-item input[type='radio'] + label::before {
    top: 7px !important;
} 

.array-flexible-dual-scale .radio-item label {
    padding-left: 20px !important;
}

.array-yes-uncertain-no .radio-item .ls-label-xs-visibility, 
.checkbox-item .ls-label-xs-visibility {
    width: 38px !important;
    height: 33px !important;
}   

.array-yes-uncertain-no .radio-item label::before {
    font-size: 227% !important;   
} 

.array-yes-uncertain-no .dir-ltr .ls-answers td.radio-item, 
.dir-ltr .ls-answers td.checkbox-item {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

.array-yes-uncertain-no .dir-ltr .radio-item label.ls-label-xs-visibility::after, 
.dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.array-yes-uncertain-no td.answer-item input[type='radio'] + label::before {
    top: 7px !important;
} 

.array-yes-uncertain-no .radio-item label {
    padding-left: 20px !important;
}

.array-flexible-column .radio-item .ls-label-xs-visibility, 
.checkbox-item .ls-label-xs-visibility {
    width: 38px !important;
    height: 33px !important;
}   

.array-flexible-column .radio-item label::before {
    font-size: 227% !important;   
} 

.array-flexible-column .dir-ltr .ls-answers td.radio-item, 
.dir-ltr .ls-answers td.checkbox-item {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

.array-flexible-column .dir-ltr .radio-item label.ls-label-xs-visibility::after, 
.dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.array-flexible-column td.answer-item input[type='radio'] + label::before {
    top: 5px !important;
} 

.array-flexible-column .radio-item label {
    padding-left: 20px !important;
}

.array-10-pt .radio-item .ls-label-xs-visibility, 
.checkbox-item .ls-label-xs-visibility {
    width: 38px !important;
    height: 33px !important;
}   

.array-10-pt .radio-item label::before {
    font-size: 227% !important;   
} 

.array-10-pt .dir-ltr .ls-answers td.radio-item, 
.dir-ltr .ls-answers td.checkbox-item {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

.array-10-pt .dir-ltr .radio-item label.ls-label-xs-visibility::after, 
.dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.array-10-pt td.answer-item input[type='radio'] + label::before {
    top: 5px !important;
} 

.array-10-pt .radio-item label {
    padding-left: 20px !important;
}

.array-5-pt .radio-item .ls-label-xs-visibility, 
.checkbox-item .ls-label-xs-visibility {
    width: 38px !important;
    height: 33px !important;
}   

.array-5-pt .radio-item label::before {
    font-size: 227% !important;   
} 

.array-5-pt .dir-ltr .ls-answers td.radio-item, 
.dir-ltr .ls-answers td.checkbox-item {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

.array-5-pt .dir-ltr .radio-item label.ls-label-xs-visibility::after, 
.dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.array-5-pt td.answer-item input[type='radio'] + label::before {
    top: 7px !important;
} 

.array-5-pt .radio-item label {
    padding-left: 20px !important;
}

.array-increase-same-decrease .radio-item .ls-label-xs-visibility, 
.checkbox-item .ls-label-xs-visibility {
    width: 38px !important;
    height: 33px !important;
}   

.array-increase-same-decrease .radio-item label::before {
    font-size: 227% !important;   
} 

.array-increase-same-decrease .dir-ltr .ls-answers td.radio-item, 
.dir-ltr .ls-answers td.checkbox-item {
    padding-left: 0px !important;
    padding-right: 0 !important;
}

.array-increase-same-decrease .dir-ltr .radio-item label.ls-label-xs-visibility::after, 
.dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.array-increase-same-decrease td.answer-item input[type='radio'] + label::before {
    top: 7px !important;
} 

.array-increase-same-decrease .radio-item label {
    padding-left: 20px !important;
}

.array-multi-flexi .checkbox-item label::before {
    font-size: 227% !important;
}

.array-multi-flexi .checkbox-item label {
    padding-left: 20px !important;
}

.multiple-opt .checkbox-item label::before {
    top: 5px;
}

.multiple-opt-comments .form-horizontal .checkbox-item label::before {
    top: 5px;
}

.list-radio .radio-item label::before, 
.list-with-comment .radio-item label::before, 
.choice-5-pt-radio .radio-item label::before {
    top: 2px;
}

/* Particular Question CSS End */


/* Footer CSS Start */

h1.footer-right {
    font-size: 16px;
    padding: 22px;
    float: right;
    color: #fff;
}

/* Footer CSS End */


/* Top-bar CSS Start */ 

.footer-main {
    padding: 22px 0px 22px;
    text-align: end;
}

span.footer-right {
    font-size: 14px;
    color: #fff;
    float: none;
}

.heading-main{
    text-align: center;
}

#gpsstatus {
    float: none;
    text-align: center;
}

.top-bar {
    padding: 0px 0 !important;
    background: transparent linear-gradient(265deg, #0115D6 0%, #0115D6 29%, #05080D 100%) 0% 0% no-repeat padding-box !important;
    border-bottom: none;
    box-shadow: none;
}

#gpsstatus {
    font-size: 12px;
    padding-top: 7px;
}

.heading-main {  
    padding: 17px 0px 17px;
}

span.heading-center {
    font-size: 20px;
    color: #fff;
    padding: 12px;
}

h1.surveyname {
    color: #fff;
    font-size: 16px;
    line-height: normal;
}

/* Top-bar CSS End */


/* Select CSS Start */

.select2-container--default .select2-selection--single {
    border: 1px solid #6897F8 !important;
}

.select2-selection__rendered {
    color: #6897F8 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #6897F8 !important;
}

.select2-dropdown {
    border: 1px solid #6897F8 !important;
}

input.select2-search__field:focus-visible {
    color: #6897F8;
    outline-color: #6897F8;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6897F8 transparent transparent transparent !important;
}

.select2-container--default .select2-results__option--selected {
    background-color:  #6897F8 !important;
}

/* Select CSS End */


/* Unkown CSS Start*/

.navigator > div > button {
    margin: 10px    ;
    width: 35%;
    height: 53px;
    font-weight: 400;
}

#helpformlink {
    display: none;
}

.indexbtn{
    background: white;
}

.text-info {
    color: #333;
}

.navbar-action-link {
    padding: 40px;
}

a.btn-default {
    margin: 10px;
    width: 100%;
    height: 53px;
    font-weight: 400;
}

.navbar-items .ls-no-js-hidden > a {
    color: white !important;
    background-color: #bd0a0f !important;
    border-color:#bd0a0f !important; 
    font-size: 20px;
}

.form-inline .form-group,
.form-inline input.form-control[type="text"] {
    width: 100% !important;
}

.ls-answers tbody .answertext {
    font-size: 18px;
}

.other-item label:before, 
.other-item label:before, 
label.answer-comment-wrapper:before, 
.answer-comment-wrapper.label:before {
    position: absolute;
    left: 35px;
}

.navigator > div > button {
    font-size: 20px;
}

.navigator > div > button {
    margin-left: 18px;
    margin-top: 10px;
}

.ls-answers .ls-heading th {
    font-size: 16px;
}


.indextitle {
    color: white;
    text-shadow: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -5px !important;
    width: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 3px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 5px !important;
}

.select2-container--default .select2-selection--single {
    height: 38px !important;
}

textarea {
    font-size: 18px !important;
}

/*  Unkown CSS End  */

/* Span CSS Start */

span.bold-blue {
    font-size: 36px;
    color: #0115D6;
    font-weight: bolder;
}
  
span.bold-brown {
    font-size: 36px;
    color: #BC524B;
    font-weight: bolder;
}

span.normal-blue {
    color: #0115D6;
}

.button-item.btn-bg-lightpink {
    background-color: #BC524B33 !important;
    border-color: #BC524B33 !important;
}

.button-item.btn-bg-lightyellow {
    background-color: #FFD0624D !important;
    border-color: #FFD0624D !important;
}

/* Span CSS End */

/*################################################################################*/	
/*##########################DEVICE SPECIFIC#######################################*/
/*################################################################################*/	

/* all screens below 768px width*/ 

@media only screen and (max-width: 768px){
table.ls-answers > tbody > tr td.answer-item.radio-item, 
table.ls-answers > tbody > tr th.answertext.control-label, 
table.ls-answers > tbody > tr td.answer-item.checkbox-item {
    border-bottom: 1px solid #ddd;
    padding: 0;
}
}

@media only screen and (max-width: 768px){
table.ls-answers > tbody > tr td.answer-item.radio-item, table.ls-answers > tbody > tr td.answer-item.checkbox-item {
    padding: 0;
}
}

@media only screen and (max-width: 768px){
.radio-item label::before {
    top: 6px;
}
}

@media only screen and (max-width: 768px){
.array-flexible-row .radio-item label {
    padding-left: 50px !important;
}
}

@media only screen and (max-width: 768px){
.array-flexible-column .radio-item label {
    padding-left: 50px !important;
}
}

@media only screen and (max-width: 768px){
.array-flexible-dual-scale .radio-item label {
    padding-left: 50px !important;
}
}

@media only screen and (max-width: 768px){
.array-yes-uncertain-no .radio-item label {
    padding-left: 50px !important;
}
}

@media only screen and (max-width: 768px){ 
.array-multi-flexi .checkbox-item label  {
    padding-left: 50px !important;
}
}

@media only screen and (max-width: 768px){ 
.array-increase-same-decrease .radio-item label {
    padding-left: 50px !important;
}
}

@media only screen and (max-width: 768px){ 
.array-5-pt .radio-item label {
    padding-left: 50px !important;
}
}

@media only screen and (max-width: 768px){ 
.array-10-pt .radio-item label {
    padding-left: 50px !important;
}
}

@media only screen and (max-width: 768px) {
.dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::before, .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
    margin-left: 10px;
}
}

@media only screen and (max-width: 768px){
.dir-ltr table.ls-answers .radio-item .ls-label-xs-visibility, .dir-ltr table.ls-answers .checkbox-item .ls-label-xs-visibility {
    display: flex;
    flex-direction: row;
    left: -1px;
}
}


/*all devices above 768px width*/

@media (min-width: 768px) {
.gender .answers-list.radio-list {
    width: 50%;
}
}

@media only screen and (min-width: 1205px) {
.next-btn-sd, .previous-btn-sd {
    display: none;
}
}

@media only screen and (max-width: 1205px) {
.next-btn-ld, .previous-btn-ld {
    display: none;
}
}

@media only screen and (max-width: 992px) {
.surveyname, .heading-main, .footer-main {
    text-align: center !important; 
    padding: 0px;
}

.header-wrapper {
    padding: 15px;
}

.footer-main {
    display: none;
}

#gpsstatus {
    padding-top: 0px !important;
}

.gps-top {
    text-align: center; 
    padding: 0px 0px 10px;
    /* 2023-02-15 Marcel: Hide GPS status on smaller screens */
    display: none;
}
}

/* Both mobile and destop css but have many break points */


@media only screen and (max-width: 1205px) {
.exit-buttons {
    float: none;
    margin-left: auto;
    margin-right: auto;
    inline-size: auto;
}
}

@media only screen and (max-width: 1205px) {
.save-butons {
    float: none;
    margin-left: auto;
    margin-right: auto;
    inline-size: auto;
}
}

@media only screen and (max-width: 1205px) {
#navigator-container {
    text-align: center;
}
}

@media only screen and (max-width: 1205px) {
.exit-buttons button::before {
    position: relative;
}
}

@media only screen and (max-width: 1205px) {
.save-butons button::before {
    position: relative;
}
}

@media only screen and (max-width: 1205px) {
#ls-button-previous::before {
    position: relative;
    left: auto;
}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
table.ls-answers .radio-item .ls-label-xs-visibility, table.ls-answers .checkbox-item .ls-label-xs-visibility {
    line-height: initial;
    text-indent: initial;
}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
.dir-ltr table.ls-answers .radio-item .ls-label-xs-visibility, .dir-ltr table.ls-answers .checkbox-item .ls-label-xs-visibility {
    margin-left: 0;
    display: flex;
    flex-direction: row;
}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
.dir-ltr table.ls-answers .ls-label-xs-visibility {
    left: auto;
}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
table.ls-answers .ls-label-xs-visibility {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    overflow: initial;
    white-space: normal;
}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
.dir-ltr table.ls-answers, .dir-ltr table.ls-answers thead, .dir-ltr table.ls-answers tbody, .dir-ltr table.ls-answers th, .dir-ltr table.ls-answers td, table.ls-answers tr {
    text-align: left;
}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
.dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::after, .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: -20px;
}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
table.ls-answers thead {
    display: none;
}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
.dir-rtl table.ls-answers, .dir-rtl table.ls-answers thead, .dir-rtl table.ls-answers tbody, .dir-rtl table.ls-answers th, .dir-rtl table.ls-answers td, table.ls-answers tr {
    text-align: right;
}
}

@media only screen and (max-width: 384px) {
.container .text-left {
    float: none;
    margin-left: auto;
    margin-right: auto !important;
    margin-bottom: 15px;
    width: fit-content;
}
}

@media only screen and (max-width: 384px){
.container .text-right {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}
}


/* 2023-01-09 Marcel Minke: Overwriting CSS to remove vertical space */
.row.question-container
{
	margin-bottom: 0px;
}

.row.question-container .question-title-container {
    padding: 0px 1rem;
}


/* 2023-02-06 Marcel: CSS for sub-surveys */
.list-group .list-group-item a .fa.fa-plus-circle
{
    display: none;
}

#modal-questionExtraSurvey .modal-footer button.btn-moveprev {
    float: left;
}


/* 2023-02-10 Marcel: Sub-survey button styles */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.1;
}
.modal-footer .btn-movenext
{
    background-color: #5cb85c !important;
    border-color: #4cae4c;
}

/* 2023-02-06 Marcel: Hiding disabled elements currently not wokring
#modal-questionExtraSurvey .modal-footer button.btn-movenext:disabled,
#modal-questionExtraSurvey .modal-footer button.btn-movesubmit:disabled {
    display: none;
}
*/



/* CSS to not split up tables */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
 
    .custom-array table.ls-answers {
    display: table;
  }
 
  .custom-array table.ls-answers thead {
    display: table-header-group;
  }
 
  .custom-array table.ls-answers tbody {
    display: table-row-group;
  }
 
  .custom-array table.ls-answers tr {
    display: table-row;
  }
 
  .custom-array table.ls-answers tr.ls-hidden {
    display: none;
  }
 
  .custom-array table.ls-answers th,
  .custom-array table.ls-answers td {
    display: table-cell;
  }
 
  .dir-ltr .custom-array table.ls-answers th,
  .dir-ltr .custom-array table.ls-answers td {
    text-align: center;
  }
 
  .dir-ltr .custom-array table.ls-answers tbody th.answertext {
    text-align: right;
  }
 
    .custom-array table.ls-answers tbody td {
    text-align:left;
  }
 
 
  .dir-ltr .custom-array .ls-answers td.radio-item,
  .dir-ltr .custom-array .ls-answers td.checkbox-item {
    padding: 8px 0;
  }
 
    .custom-array table.ls-answers tbody .control-label {
    text-align:left
  }
 
    .custom-array table.ls-answers .ls-label-xs-visibility {
        display: inline-block;
    position: relative;
    overflow: hidden;
    width: 17px;
    height: 17px;
    line-height: 21px;
    text-indent: 21px;
    left: auto;
    margin-left: -20px;
    }
 
    .dir-ltr .custom-array table.ls-answers .radio-item label.ls-label-xs-visibility::before,
  .dir-ltr .custom-array table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
    margin-left: 0px;
  }
 
    .dir-ltr .custom-array table.ls-answers .radio-item label.ls-label-xs-visibility::after,
  .dir-ltr .custom-array table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0px;
  }
 
    .custom-array table.ls-answers > tbody > tr:hover {
        background-color: inherit;
    }
}

/*2023-04-27 Marcel Minke: Hide disabled buttons at sub surveys */
#modal-questionExtraSurvey .modal-footer [disabled] {
  display: none;
}