


.rek-prediction-genomgang {
   min-height: 150px; /* Desktop */
}


@media (max-width: 650px) {
   .rek-prediction-genomgang {
      min-height: 139px; /* Mobile */
   }
}

.rek-style-cols2 .rek-prediction__link {
   color: #000;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   font-size: 1.4rem;
   margin-bottom: 5px;   
}

.rek-style-cols2 .rek-prediction__link  svg {
   margin-top: 3px;
   width: 20px;
   color: #86bc24;
}

.rekai-newsarticle-article h3 {
   font-size: 1.8rem;
}

.autocomplete-faq-header {
   padding: 9px 20px 9px 20px;
}

.autocomplete-faq-header span {
   font-weight: bold;
   width: 100%;
   display: block;
   border-bottom: 1px #d8d8d8 solid;
}

.sv-autocomplete-result-item-faq.active {
   background-color: #f5f5f5;
}

.sv-autocomplete-result-item-faq-first {
   margin-top: 0;
}

.sv-autocomplete-result-item .one-faq-wrapper a.faq-page {
   font-weight: normal;
   color: inherit;
   font-size: inherit;
}

ul.sv-autocomplete-search-result .sv-autocomplete-result-item {
   white-space: inherit !important;
}

.sv-autocomplete-result-item-faq .one-faq-wrapper {
   margin-bottom: 5px;
   padding-bottom: 5px;
   border: none;
}

ul.sv-autocomplete-search-result .faq-body {
   background-color: #f5f5f5;
   padding: 5px;
}

.faq-more-info {
   color: mediumblue;
}

.sv-autocomplete-result-item .one-faq-answer {   
   margin: 0 0 8px 0;
   font-size: 15px;
}

.faq-hidden {
   display: none;
}

.faq-area-wrapper {
   /*display:none;*/
   margin-top: 30px;
}

.faq-area {
   margin-top: 10px;
}

.faq-heading{
   border-bottom: #777;
}

.faq-container {
   display: flex;
   justify-content: center;
   flex-direction: column;
   position: relative;
}

.one-faq-wrapper {
   border-bottom: 1px #d8d8d8 solid;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

.one-faq-wrapper a.faq-page {
   display: block;
   position: relative;
   font-weight: bold;
   color: #333;
   font-size: 15px;
   padding-right: 20px;
}

.one-faq-wrapper a.faq-to-answer-page {
   border-bottom: 2px solid #006b4e;
}

.faq-container h2 {
   display: block;
   margin: 47px 0px 1px 0;
}

.faq-container h3 {
   font-size: 15px;
   display: block;
   margin: 7px 0 7px 0;
   width: 90%;
   font-weight: 600;
}

.faq-container p {
   margin: 0 0 10px 0;
}

.hr-line{
   width: 100%;
   margin: auto;
}

/* Style the buttons that are used to open and close the faq-page body */
.faq-page {
   /* background-color: #eee; */
   color: #444;
   cursor: pointer;
   border: none;
   outline: none;
   transition: 0.4s;

}

.faq-body{
   margin: 0;
   padding: 0;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.faq-page:hover {

}

/* Style the faq-page panel. Note: hidden by default */
.faq-body {
   padding: 10px 0 10px 0;
   display: none;
   overflow: hidden;
}

.faq-page:after {
   content: '\02795';
   /* Unicode character for "plus" sign (+) */
   font-size: 13px;
   color: #777;
   position: absolute;
   right: 0;
   opacity: 0.8;
   top: 2px;
   bottom: 0;
   margin: auto 0;
}

.faq-page.active:after {
   content: "\2796";
}

header .faq-container{
   max-width: 710px;
}

header .faq-container{
   max-width: 710px;
   margin: auto;
}

/* NEW    -------------------- */
.rekai-accordion__list {
    border-bottom: 1px #d8d8d8 solid;
}

.rekai-accordion__list button,
.rekai-accordion__list button:active,
.rekai-accordion__list button:hover,
.rekai-accordion__list button:focus {
    min-height: 54px;
    padding: 0;
    color: #393939;
    background-color: #fff;
    border-radius: 0;
    text-decoration: none;
    border: none;
}

.rekai-accordion__list button:hover {
    text-decoration: none;
}

.rekai-accordion__list .rekai-accordion__answer-page a:hover {
    text-decoration: none;
}

.rekai-accordion__list .rekai-accordion__question-text{
    display: block;
    position: relative;
    font-weight: bold;
    color: #333;
    font-size: 15px;
    padding-right: 20px;
}

.rekai-accordion__list .rekai-accordion__header {
    border-top: 1px #d8d8d8 solid;
    padding: 2px 0;
}

.rekai-accordion__list .rekai-accordion__header:first-of-type {
    border-top: none;
}

.rekai-accordion__list .rekai-accordion__answer-text {
    margin: 0 0 10px 0;
}

.rekai-accordion__list .rekai-accordion__button svg {
    flex: 16px 0 0;
}

.rekai-accordion__list .rekai-accordion__link {
    border-bottom: 2px solid #006b4e;
}

.rekai-accordion__list .rekai-accordion__body {
    padding: 0 0 1rem;
    margin: 0 0 1rem;
}

.rekai-accordion__list dt:last-of-type .rekai-accordion__button[aria-expanded="false"] {
    border: none !important;
}

/* FAQ in Search  */
.rek-sv-autocomplete button:active,
.rek-sv-autocomplete button:focus,
.rek-sv-autocomplete button:hover {
    outline: none;
}

.rek-sv-autocomplete .rekai-accordion__question-text {
    font-weight: bold;
}

.rek-sv-autocomplete .rekai-accordion__link {
    border-bottom: 2px solid #006b4e;
}

.rek-sv-autocomplete .rekai-accordion__header:first-of-type::before {
   content: "Frågor och svar";
   display: block;
   font-size: 1.8rem;
   margin-bottom: 4px;
   margin-left: 19px;
   font-weight: 600;
   margin-top: 8px;
}