/* LÄNSSTYRELSEN DROP DOWN ACCORDION CSS - By: Consid AB --------*/

/* OUESTIONS ABOUT PAGE START ---------------------------------- */
.feedback-on-page {
  padding: 1.25em;
  display: flex;
  background: #eee;
  flex-wrap: wrap;
}
.lst-feedback-question {
  flex:1;
  padding-top: 0.425em;
  font-size: 1.125em;
}

/* OUESTIONS ABOUT PAGE END ------------------------------------- */

/* FEEDBACK BUTTONS START --------------------------------------- */
.feedback-on-page a {
  text-decoration: none;
  display: block;
  position: relative;
}

.feedback-on-page a:hover {
  text-decoration: underline;
}

.lst-link--yes, .lst-link--no {
   cursor: pointer;
}

.lst-answer--yes,
.lst-answer--no,
.lst-answered--yes,
.lst-answered--no {
  width: 7.5em;
  height: 2.5em;
  margin: 0 0.625em;
  border-radius: 1.56em;
  display: flex;
}
.lst-answer--yes:focus,
.lst-answer--no:focus,
.lst-answered--yes:focus,
.lst-answered--no:focus {
   outline: 2px solid #ea7600;
   outline-offset: -2px;
}

.lst-answer--yes,
.lst-answer--no{
  background-color: #ccc;
}
.feedback-btn--no,
.feedback-btn--yes {
  width: 6% !important;
  padding:0.4em;
  z-index: -1;
  position: absolute;
  bottom: 44.375em;
}
.feedback-btn--no {
  right: 32.125em;
}
.feedback-btn--yes {
  left: 33.75em;
}
.thumbs--down {
  border-radius: 1.56em;
}


.thumbs-icon {
  border-radius: 1.56em;
}
.thumbs-icon img{
  width: 1.5em;
  flex:1;
  padding: 0.4em 0.7em;
}
.thumbs--down img {
  position: relative;
  top: 0.2em;
}
.feedback__text{
  flex: 1;
  text-align: center;
  padding: 0.4em 1em;
  font-size: 1.125em;
  font-weight: 600;
}
.lst-answer--yes:hover,
.lst-answer--no:hover {
  background: #fff;
  border-color: #fff;
  text-decoration: underline;
}
.thumbs--up,
.lst-answer--yes:active{
  /*background: #509e30;*/
  background: #0F8523;
  color: #fff;
  text-decoration: none;
}
.thumbs--down,
.lst-answer--no:active{
  background: #c80f2e;
  color: #fff;
  text-decoration: none;
}
.lst-answer--yes:focus,
.lst-answer--no:focus,
.lst-send-btn .sv-defaultFormTheme input[type=submit]:focus {
  outline: 2px solid #ea7600;
  outline-offset: -2px;
}

/* FEEDBACK BUTTONS END ------------------------------------------ */

/* FEEDBACK APPLIED ANSWER START --------------------------------- */
.thanks-for-feedback {
  margin-top: 0.625em;
  padding: 1.25em;
  background: white;
  font-size: 1.125em;
}

.thanks-for-feedback__contact {
   color: #005eb8;
}

.border-nobottom {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #ccc;
}
.border-allaround {
   border: 1px solid #ccc;
}

.lst-answered--yes {
  /*background: #509e30;*/
  background: #0F8523;
  color: #fff;
}
.lst-answered--yes:hover,
.lst-answered--no:hover {
   color: #fff;
   text-decoration: underline;
   text-decoration-color: #fff;
}
.lst-answered--no {
  background: #c80f2e;
  color: #fff;
}

.lst-feedback-close__span {
   float: right;
   display: block;
   text-align: right;
   cursor: pointer;
}

.thanks-for-feedback__headline {
  width: 100%;
}

.thanks-for-feedback span {
  float: right;
  display: block;
  text-align: right;
  cursor: pointer;
}
.thanks-for-feedback span:focus {
	outline: 2px solid #EA7600;
}

.lst-feedback-close__icon {
  width: 0.75em;
  display: inline-block;
  margin-left: 0.2em;
}
.lst-feedback__commentaryfield {
   width: 95% !important;
   margin: 0 auto;
}
.lst-feedback__commentaryfield textarea {
   margin-bottom: 1em;
}
.lst-send-btn .sv-defaultFormTheme input[type=submit]{
  background: #002f6c;
  color: #fff;
  padding: 0.45em 6em 0.45em 2em;
  width: 100px;
  background-repeat:no-repeat;
  background-image: url('/images/18.710ed317161746d80522a49/1518160765716/link_vit.svg');
  background-position: right 1.2em center !important;
  background-size: .5em .750em;
  border: 1px solid #002f6c;
  border-radius: 0;
}

.lst-send-btn .sv-defaultFormTheme input[type=submit]:hover{
  text-decoration: underline;
  background-color: #005EB8;
  border: 1px solid #005EB8;
  border-radius: 0;
}

.feedback-wrapper-question.feedback-wrapper-question--no .lst-link--yes {
   display: none;
}
.feedback-wrapper-question.feedback-wrapper-question--yes .lst-link--no {
   display: none;
}
.feedback-wrapper--yes, .feedback-wrapper--no {
   display: none;
}
.feedback-wrapper--yes.is-active {
   display: block;
}
.feedback-wrapper--no.is-active {
   display: block;
}

@media all and (max-width: 600px) {
	.lst-feedback-question {
      width: 100%;
      flex: none;
      padding-bottom: 1em;
   }
   .lst-answer--yes, .lst-answered--yes {
      margin-left: 0;
   }
}
@media all and (max-width: 320px) {
   .lst-answer--yes, .lst-answered--yes {
      margin:  0 0.325em 0 0;
   }
	.lst-answer--no, .lst-answered--no {
    width: 6em;
    margin: 0 0.325em;
   }
   .feedback__text {
      padding: 0.4em 0.01em;
   }
}

/* WHEN CHOOSING OTHER LANGUAGES START ---------------------*/
.feedback-on-page font a:first-child,
.feedback-on-page font a:last-child {
  position: absolute !important;
  z-index: 1;
}
.feedback-on-page font a:last-child {
  right: 10.5em; 
}
/* WHEN CHOOSING OTHER LANGUAGES END -----------------------*/




/* DID THIS INFORMATION HELP YOU MOBILE VERSION ------------*/

.lst-answer__mobile--yes, .lst-answer__mobile--no {
   width: 7.5em;
   height: 2.5em;
   margin: 0 .625em;
   border-radius: 1.56em;
   display: flex;
   cursor: pointer;
   background-color: #ccc;
}