/* --------------------- */
/* Tibia specific styles */
/* --------------------- */

html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0px;
  margin-top: 5px;
  background: rgba(33,51,76,1);
  background: -moz-linear-gradient(top, rgba(33,51,76,1) 0%, rgba(5,17,34,1) 25%, rgba(5,17,34,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,51,76,1)), color-stop(25%, rgba(5,17,34,1)), color-stop(100%, rgba(5,17,34,1)));
  background: -webkit-linear-gradient(top, rgba(33,51,76,1) 0%, rgba(5,17,34,1) 25%, rgba(5,17,34,1) 100%);
  background: -o-linear-gradient(top, rgba(33,51,76,1) 0%, rgba(5,17,34,1) 25%, rgba(5,17,34,1) 100%);
  background: -ms-linear-gradient(top, rgba(33,51,76,1) 0%, rgba(5,17,34,1) 25%, rgba(5,17,34,1) 100%);
  background: linear-gradient(to bottom, rgba(33,51,76,1) 0%, rgba(5,17,34,1) 25%, rgba(5,17,34,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21334c', endColorstr='#051122', GradientType=0 );
  background-repeat: no-repeat;
  background-attachment: fixed;
}
p, h1, h2, h3 {
  margin-top: 0px;
}
h1, .h1 {
  font-size: 18px;
  font-weight: bold;
}
h2, .h2 {
  font-size: 16px;
  font-weight: bold;
}
h3, .h3 {
  font-size: 14px;
  font-weight: bold;
}
.Bold p {
  margin-top: 0px;
  margin-bottom: 0px;
}
#ContainerAll {
  position: relative;
  width: 684px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#ContainerTop {
  position: relative;
  width: 684px;
  background-image: url('../files/backdrop_scroll_tl.png'), url('../files/backdrop_scroll_tc-2.png');
  background-position: left top, right top;
  background-repeat: no-repeat;
  height: 114px;
}
#ContainerTop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 113px;
  right: 113px;
  bottom: 0;
  background-image: url('../files/backdrop_scroll_tc.png');
  background-repeat: repeat-x;
  z-index: 5;
}
#ContainerMiddle {
  position: relative;
  width: 684px;
  background-image: url('../files/backdrop_scroll_cl.png'), url('../files/backdrop_scroll_cr.png');
  background-position: left top, right top;
  background-repeat: repeat-y, repeat-y;
}
#ContainerMiddle:after {
  content: "";
  position: absolute;
  top: 0;
  left: 113px;
  right: 113px;
  bottom: 0;
  background-image: url('../files/backdrop_scroll_c.png');
  background-repeat: repeat;
  z-index: -1;
}
#ContainerBottom:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 55px;
  bottom: 0;
  background-image: url('../files/backdrop_seal.png');
  background-position:  right 15px;
  background-repeat: no-repeat;
  z-index: 5;
}
#ContainerBottom {
  position: relative;
  width: 684px;
  background-image: url('../files/backdrop_scroll_bl.png'), url('../files/backdrop_scroll_br.png');
  background-position: left top, right top, right top;
  background-repeat: no-repeat, no-repeat;
  height: 179px;
}
#ContainerBottom:after {
  content: "";
  position: absolute;
  top: 0;
  left: 113px;
  right: 113px;
  bottom: 0;
  background-image: url('../files/backdrop_scroll_bc.png');
  background-position:  left top;
  background-repeat: repeat-x;
  z-index: -1;
}
#ContainerAll, #ContainerTop, #ContainerMiddle, #ContainerBottom {
  min-width: 686px;
  width: auto;
  max-width: 1368px;
  transition: width 0.3s;
}
.Box {
  font-size: 0pt;
  position: relative;
  margin-left: 50px;
  margin-right: 50px;
  color: #5A2800;
  border-left: 2px solid #3a3738;
  border-right: 2px solid #3a3738;
  background-color: #debb9d;
  background-repeat: no-repeat;
  overflow: visible;
}
.Content .Corner-tl {
  position: absolute;
  top: -4px;
  left: -5px;
  width: 17px;
  height: 17px;
  z-index: 50;
  background-image: url(../files/corner-tl.gif);
}
.Content .Corner-tr {
  position: absolute;
  top: -4px;
  right: -5px;
  width: 17px;
  height: 17px;
  z-index: 50;
  background-image: url(../files/corner-tr.gif);
}
.Content .BottomCornersHelper {
  position: absolute;
  width: 100%;
}
.Content .CornerWrapper-b {
  position: absolute;
  width:100%;
}
.Content .Corner-bl {
  position: absolute;
  bottom: -4px;
  left: -6px;
  width: 17px;
  height: 17px;
  z-index: 50;
  background-image: url(../files/corner-bl.gif);
}
.Content .Corner-br {
  position: absolute;
  bottom: -4px;
  right: -6px;
  width: 17px;
  height: 17px;
  z-index: 50;
  background-image :url(../files/corner-br.gif);
}
.Content .Border_1 {
  position: relative;
  height: 6px;
  width: 100%;
  background-repeat: repeat-x;
  background-image: url(../files/border-1.gif);
}
.Content .BorderTopGreen {
  position: relative;
  height: 24px;
  background-repeat: repeat-x;
  background-image: url(../files/title-background-green.gif);
}
.Content .BorderBottomRed {
  position: relative;
  height: 24px;
  background-repeat: repeat-x;
  background-image: url(../files/title-background-red.gif);
}
.Content .Title {
  position: absolute;
  top: 6px;
  left: 5px;
}
.Content .ContentWithBackgroundScroll {
  position: relative;
  margin: 4px;
  padding: 10px;
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 9pt;
  text-align: left;
  color: #5A2800;
  border: 1px solid #793d03;
  background-image: url(../files/scroll.gif);
  z-index: 1000;
}
/* footer */
#Footer {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 7pt;
  font-weight: normal;
  text-align: center;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  color: white;
}
#Footer a:link {
  color: white;
  text-decoration: none;
}
#Footer a:visited {
  color: white;
  text-decoration: none;
}
#Footer a:focus {
  color: white;
  text-decoration: none;
}
#Footer a:active  {
  color: white;
  text-decoration: underline;
}
#Footer a:hover {
  color: white;
  text-decoration: underline;
}

/* ---------------------- */
/* overwrite parent theme */
/* ---------------------- */

#outerframeContainer {
  word-wrap: unset;
  -webkit-hyphens: unset;
  -moz-hyphens: unset;
  -ms-hyphens: unset;
  -o-hyphens: unset;
  hyphens: unset;
}
.ls-no-js-hidden {
  display: none;
}
/* unset content width */
.group-container {
  margin-top: 0px;
}
.container {
  width: unset;
}
.survey-description, .survey-name {
  text-align: left !important;
}
.survey-description {
  margin-bottom: 30px;
  --after-width: 638px;
  --transition-setting: none;
}

.survey-description::after {
  position: absolute;
  height: 5px;
  width: var(--after-width);
  left: -1px;
  border-top: 1px solid #793d03;
  border-bottom: 1px solid #793d03;
  content: " ";
  background-color: #debb9d;
  transition: width var(--transition-setting);
}
.well {
  background-color: transparent;
  border: transparent;
  -webkit-box-shadow: transparent;
  box-shadow: unset;
  color: #5A2800;
  font-size: 12px;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.container .jumbotron, .container-fluid .jumbotron {
  padding-left: 0px;
  padding-right: 0px;
  background-color: transparent;
}
.text-info, .text-primary, .jumbotron p {
  color: #5A2800 !important;
  font-size: 12px;
}

/* warnings */
.alert {
  display:block;
  color: red;
  font-weight: bold;
}
.close {
  display: none;
}
div.em_num_answers.error, .text-danger {
  color: red;
}
.question-container {
  background-color: #ffe8c3;
  border: 1px solid #d4c0a1
}
.question-title-container {
  border: 1px solid #5A2800;
  background-color: #d4c0a1;
}
.question-title-container .asterisk {
  margin-right: 5px;
}
.question-valid-container {
  padding-left: 10px;
}
.question-valid-container div:first-child {
  padding-top: 5px;
}
.ls-question-help, .ls-questionhelp {
  margin-bottom: 5px;
  margin-top: 5px;
  font-style: italic;
}
.question-help-container .ls-questionhelp {
  margin-bottom: 10px;
  margin-top: 5px;
  font-style: italic;
}
.ls-questionhelp::before {
  position: relative;
  float: left;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  content: "";
  background-image: url(../files/icon-help.png);
}
.fa-exclamation-circle::before {
  /*
  width: 18px;
  height: 18px;
  content: "\00a0 \00a0 ";
  background-image: url(../files/icon-info.png);
  */
  display: none;
}
.answer-container {
  padding: 0px;
}
.answer-container div.ls-answers,
.answer-container ul.ls-answers {
  padding-left: 15px;
  padding-right: 15px;
}
.answers-list.yesno-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 400px;
}
.question-container .text-info,
.question-container .question-help-container {
  min-height: unset;
}
.ls-answers .ls-heading th {
  font-weight: unset;
}
.ls-answers .ls-heading th:last-child {
  direction: rtl; 
}
.table-bordered {
  border-color: #d4c0a1;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border: 0px;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border-bottom: 1px solid #d4c0a1;
  background-color: #e9d4b5;
}

.table-bordered>tbody tr {
  background-color: #e9d4b5;
}

.table-bordered>tbody tr:nth-child(odd) {
  background-color: #f6debc;
}
.table-hover>tbody>tr:hover,
.table-col-hover>tbody>tr:hover {
  background-color: #d4c0a1;
}
.sortable-item {
  padding: 3px;
  margin: 3px;
}
/* navigatio row */
#navigator-container {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  bottom: -15px;
}
/* progress bar */
.top-container  {
  position: absolute;
  background-image: url(../files/progress-bar.png);
  background-repeat: no-repeat;
  background-position-x: center;
  height: 25px;
  border: 0px;
  margin: 0;
  bottom: -43px;
  z-index: -1;
}
.Content_firstpage .top-container {
  display: none;
}
.top-container .progress {
  height: 4px;
  top: -13px;
  position: relative;
  width: 184px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  background-color: transparent;
}
.progress .progress-bar {
  top: 1px;
  left: 0px;
  background-color: blue;
  height: 3px;
  position: absolute;
  font-size: 0px;
  border: 0px;
}
.progress-bar.full-bar {
  background-color: #007400;
  width: 185px;
  top: 11px;
  height: 3px;
  position: absolute;
  left: 38px;
}

/* buttons */
.form-token button[type=submit] {
  top: 55px;
  right: 65px;
}
.load-survey-submit .load-survey-input {
  width: 100%;
  margin: 0px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
button.btn-default, button.btn-default.active.focus, button.btn-default.active:focus, button.btn-default.active:hover, .button.btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,
.btn-primary, button.btn-primary.active.focus, button.btn-primary.active:focus, button.btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: transparent;
  border: transparent;
}
.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
  box-shadow: 0 0 0 .25rem rgba(159, 89, 20,.5);
}
button[name=continue], button[name=register], button.ls-move-next-btn, button.ls-move-submit-btn {
  position: absolute;
  background-image: url(../files/button_next_idle.png);
  font-size: 0pt;
  height: 36px;
  width: 97px;
  padding: 0px;
  margin: 0px;
  right: 32px;
}
button[name=continue]:hover, button[name=register]:hover, button.ls-move-next-btn:hover, .btn-primary[disabled]:hover {
  background-image: url(../files/button_next_hover.png);
}
button.ls-move-previous-btn {
  position: absolute;
  background-image: url(../files/button_previous_idle.png);
  font-size: 0pt;
  height: 36px;
  width: 97px;
  padding: 0px;
  margin: 0px;
  left: -10px;
}
button.ls-move-previous-btn:hover {
  background-image: url(../files/button_previous_hover.png);
}
.Content_firstpage #ls-button-submit {
  background-image: url(../files/button_start_idle.png);
  width: 102px;
}
.Content_firstpage #ls-button-submit:hover {
  background-image: url(../files/button_start_over.png);
  width: 102px;
}
.LastQuestion #ls-button-submit {
  background-image: url(../files/button_submit_idle.png);
  width: 119px;
  right: 32px;
}
.LastQuestion #ls-button-submit:hover {
  background-image: url(../files/button_submit_hover.png);
}
.gender-button .btn {
  white-space: unset;
}
.btn-group label {
  cursor: pointer;
}
.upload-button .upload, .btn-group .button-item, .btn-group .ls-button-label {
  border: 1px solid #793d03;
  color: #793d03;
  background-color: #f3d7be;
  box-shadow: 0 3px 5px rgb(0 0 0 / 13%);
}
.btn-outline-secondary {
    border: none;
}
.btn-outline-secondary:hover {
    background: none;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary.active.focus,
.btn-check:checked+.btn-primary,
.open>.dropdown-toggle.btn-primary {
  color: #ffffff !important;
  background-color: #9f5914 !important;
  border-color: #bd590a !important;
  outline: transparent !important;
  outline-offset: transparent;
}
.btn-check:checked+.btn-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(159, 89, 20,.5);
}
.yesno-button,
.gender-button {
  float: unset;
  margin-left: auto;
  margin-right: auto;
}
.yesno-button .button-item,
.gender-button .button-item,
.yesno-button .ls-button-label {
  width: 105px;
}
.btn-group .button-item:hover,
.upload-button .upload:hover,
.btn-group .ls-button-label:hover{
  color: #ffffff;
  background-color: #debb9d;
  box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}
/* form elements */
ol, ul {
  margin-bottom: 0px;
}
.radio-list.row .list-unstyled li:last-child {
  margin-bottom: 0px;
}
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
  margin-bottom: unset;
}
.numeric input, .text-short input, .text-short textarea, .text-long textarea, .text-huge textarea {
  margin: unset;
}
.form-group {
  margin-bottom: 2px;
}
.form-control {
  padding-top: 2px;
  padding-bottom: 1px;
  height: unset;
  font-size: 12px;
}
/*
.question-item .form-control {
  margin-bottom: 10px;
}*/
.ls-answers tbody .answertext,
.ls-answers tbody .control-label,
.form-horizontal .control-label {
  text-align: left;
}
.subquestion-list .question-item .form-control {
  margin-bottom: 0px;
}
.subquestion-list.form-horizontal .control-label {
  padding-top: 1px;
}
input[type="checkbox"]:checked::before,
.checkbox input[type="checkbox"]:checked::before,
.checkbox-inline input[type="checkbox"]:checked::before,
.radio-item input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
table.ls-answers input[type="checkbox"], table.ls-answers input[type="radio"] {
  margin-top: 10px;
  opacity: 0;
}
.sortable-subtitle {
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;
}
.questions-list li,
.answers-lists li {
  display: flex;
  align-items: center;
}
.radio-item label::after {
  background-color: #337ab7;
}
.checkbox-item label::after {
  background-color: #ffffff;
  color: #337ab7;
  padding-left: 0px;
}
.radio-item input[type="checkbox"]:focus + label::before,
.radio-item input[type="radio"]:focus + label::before,
.checkbox-item input[type="checkbox"]:focus + label::before,
.checkbox-item input[type="radio"]:focus + label::before {
  outline: unset;
}
.slider-labels {
  height: 55px;
  padding-bottom: 0px;
}
.slider-label .fa-ban {
  padding-top: 20px;
}
.slider-label, .slider-grab-container {
  cursor: pointer;
}
.slidered-list, .slider-wrapper {
  margin-left: -10px;
  height: 105px;
}
.slider-grab-container {
  margin-top: 0px;
  overflow: visible;
}
.slider-line {
  width: 482px;
  border: 1px solid #793d03;
}
.slider-handle {
  top: 21px;
  background-color: transparent;
  background-image: url(../files/slider-handle.png);
  width: 17px;
  height: 20px;
}
/* star rating */
.stars-list {
  margin-left: 6px;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 35px;
}
/* star rating stars */
.fa-star:before {
  content: url(../files/icon-star-unselected.png);
}
.star-drained .fa-star:before, .star-rated-on  .fa-star:before, .star-hover .fa-star:before {
  content: url(../files/icon-star-selected.png);
}
.star-stub .fa-star:before {
  content: url(../files/icon-star-unselected.png);
}
/* star rating cancel */
.star-cancel .fa-ban:before {
  content: url(../files/icon-cancel-unselected.png);
}
.star-cancel.star-rated-on .fa-ban:before {
  content: url(../files/icon-cancel-selected.png);
}
.star-cancel.star-hover .fa-ban:before {
  content: url(../files/icon-cancel-over.png);
}

/* do not show the following elements */
.clearall-saveall-wrapper, .form-change-lang, .assessment-table,
.url-wrapper-survey-print, .url-wrapper-survey-quotaurl, .public-stats, .d-block {
  display: none !important;
}
/* clean responsiveness */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) 
{
  .ls-answers {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  table.ls-answers tr {
    margin-bottom: 0;
  }
}
/* preload images */
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index:-1;
  content:
    url(../files/button_previous_hover.png)
    url(../files/button_next_hover.png)
    url(../files/button_start_over.png)
    url(../files/button_submit_hover.png)
    url(../files/icon-cancel-selected.png)
    url(../files/icon-star-selected.png)
    url(../files/icon-cancel-over.png);
}