/******************
    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
*/
body { padding-top: 0px !important; }
.top-container { margin: 0 !important; }
.group-outer-container, .group-container { margin-bottom: 0 !important; 
}

.navbar-brand {
    height: 70px !important;
}

.logo-container>img {
    max-height: 100% !important;
    padding: 5px !important;
}


#outerframeContainer {
hyphens: none !important;
word-wrap: none !important;
}

.ls-questionhelp {
  margin-left: 2em !important;
}

.ls-questionhelp::before {
  content: "ℹ️" !important;
  position: static !important;
  display: inline-block !important;
  margin-left: -1.6em !important;
  cursor: pointer;
  font-size: 16px;
}

.ls-questionhelp em {
  display: none; 
  margin-top: -1.6em;
}

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

th.answer-text {
	vertical-align: top !important;
}



.top-container { margin: 0 !important; }

#navigator-container { 
    margin-bottom: 0 !important;
    
}

.boilerplate .clear-answers { display: none; }


.ls-index-menu { display: none !important; }

table th, table td { border-top: 1px solid #bbbbbb !important; border-bottom: 1px solid #bbbbbb !important;  }

/*.radio-list, .radio-list ul, .answer-container, .ls-answers { margin-bottom: 0px !important; padding-bottom: 0px !important; padding-top: 0px !important;}*/
.radio-list, .radio-list ul, .answer-container { margin-bottom: 0px !important; padding-bottom: 0px !important; padding-top: 0px !important;}

.ls-link-clearall { display: none !important; }

.group-title { text-align: left !important; margin: 0 0 20px 0 !important; }


video, iframe, .ckeditor-html5-video { display: none; }
.video-container { 
  width: 350px; height: 197px; margin: 40px 0 10px 0;
  background-color: #66bde1; 
  background-image: url("/a/upload/themes/survey/region%C3%B6rebro_teckenspr%C3%A5k/files/ajax-loader.gif"); 
  background-position: center; 
  background-repeat: no-repeat;
 }
.playbutton { float: left; }
.playbutton img { height: 22px; width: 22px;  }


/*
.list-radio .radio-item { padding-left: 0; }
.list-radio .radio-item input { left: 40px !important; }
.list-radio .radio-item label { margin-left: 60px; }
.list-radio .radio-item label::before { top: 3px; }
.list-radio .radio-item label::after { top: 6px; }
*/

.array-flexible-row .answertext .playbutton, .array-flexible-row .answer-text .playbutton, .checkbox-array th .playbutton { margin-right: 5px; float: none; }
.array-flexible-row .answertext p, .array-flexible-row .answer-text p { display: inline; }



.asterisk {display: none;}

body,
.form-control {
font-size: 18px;
}

.ls-em-tip.em_default {
  display: none;
}

.ls-move-previous-btn {
background-color:#ff0000 !Important;
color:#ffffff !Important;
border:#ff0000 !Important;
align-items: center !important;
    
}

.ls-move-next-btn {
background-color:#008000 !Important;
color:#ffffff !Important;
border:#008000 !Important;

}

.ls-move-send-btn {
background-color:#008000 !Important;
color:#ffffff !Important;
border:#008000 !Important;
}

.fruity .question-item { padding-top: 0 !important }

.checkbox-item label,
.checkbox-item label.ls-label-xs-visibility {
  padding-left: 30px;
  padding-top: 3px;
}
 
.checkbox-item label::before,
.checkbox-item label.ls-label-xs-visibility::before {
  width: 30px;
  height: 30px;
}
 
.checkbox-item label::after,
.checkbox-item label.ls-label-xs-visibility::after {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  padding-top: 0px;
  padding-left: 5px;
  background-color: #702000;
  color: white;
  font-size: 24px;
  line-height: 27px;
}
 
.checkbox-item .ls-label-xs-visibility {
  width: 30px;
  height: 30px;
}
 
.checkbox-list .input-sm {
  height: 32px;
  font-size: inherit;
}
 
.othertext-label-checkbox-container {
  padding-top: 0;
}
 
.radio-item .ls-label-xs-visibility {
  width: 30px;
  height: 30px;
}
 
.radio-item label {
  padding-left: 25px;
  padding-top: 3px;
}
 
.radio-item label:before {
  width: 30px;
  height: 30px;
  border-color: #aaa;
  margin-right: 20px;
}

.radio-item label::after {
  background-color: #702000;
  width: 20px;
  height: 20px;
  left: 5px;
  top: 5px;
}
.top-container .progress {
    height: 25px;
    margin-bottom: 0;
}
.progress { margin-top: 30px !important; margin-bottom: 30px !important; border-radius: 15px;}

.navbar-default {
    background-color: #f0f0f0 !important;
    }
    
.question-container {
  border-radius: 15px;
  
}





/******************

  CUSTOMIZE TO BE "IDENTICAL"
  TO OTHER SURVEY
    
******************/

@media (min-width: 1200px) {
    .container {
        width: 660px !important;
    }
    .navbar-fixed-top {
        width: 660px; !important;
        background-color: white !important;
        padding: 5px;
        border-radius: 20px !important;
        margin: 0 auto !important;
        
    }
}

@media (min-width: 992px) {
    .container {
        width: 660px !important;
    }
      .navbar-fixed-top {
        width: 660px; !important;
        background-color: white !important;
        border-radius: 20px !important;
        margin: 0 auto !important;
    }
}

#navigator-container {
  margin-top: 0px !important;
  padding-bottom: 0px !important;
}

.enkfab-accessibility {
    margin-top: 8px;
}


#ls-button-submit {
  background-color: rgb(2, 155, 98) !important;
  border-radius: 30px;
  border: 2px solid rgb(240, 240, 240) !important;
  outline: 1px solid rgb(240, 240, 240)
}

#ls-button-submit:hover {
  outline: 2px solid black !important;
}

#ls-button-previous {
  background-color: #d0021b !important;
  border-radius: 30px;
  border: 2px solid rgb(240, 240, 240) !important;
  outline: 1px solid rgb(240, 240, 240)
}

#ls-button-previous:hover {
  outline: 2px solid black !important;
}

.question-container {
  border-radius: 20px !important;
}

.group-outer-container {
  margin-top: 60px !important;
}

.progress {
  width: 400px;
  margin: 0 auto;
  border-radius: 0px;
}

.progress-bar {
  background-color: #054a93 !important;
  vertical-align: middle !important;
  line-height: 25px !important;
}

.enkfab-wider {
  display: inline-block !important;
  font-size: 15px;
  line-height: 25px;
  position: absolute;
  color: black;
  margin-left: -110px !important;
}

.enkfab-not-wider {
  display: inline-block !important;
  font-size: 15px;
  line-height: 25px;
  position: absolute;
  color: black;
}

@font-face {
    font-family: 'Lato';
    src: url('../files/lato-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.radio-item label:hover {
  background-color: rgb(209,209,209);
}

.checkbox-item label:hover {
  background-color: rgb(209,209,209);
}