/*!
* IRM MEDIA 2020
* Custom Styles based on Bootstrap
*/

/* **** WEB FONTS ************************************ */

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-Light.eot');
    src: url('fonts/SpaceGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SpaceGrotesk-Light.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Light.woff') format('woff'),
        url('fonts/SpaceGrotesk-Light.ttf') format('truetype'),
        url('fonts/SpaceGrotesk-Light.svg#SpaceGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-SemiBold.eot');
    src: url('fonts/SpaceGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SpaceGrotesk-SemiBold.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-SemiBold.woff') format('woff'),
        url('fonts/SpaceGrotesk-SemiBold.ttf') format('truetype'),
        url('fonts/SpaceGrotesk-SemiBold.svg#SpaceGrotesk-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body {font-size: 18px; color: #000; font-family: 'Space Grotesk', sans-serif; font-weight: 300; background-color: #eeefe8;}
p {line-height: 1.5; margin: 0 0 30px;}
p a {text-decoration: none;}
p.kategori {font-size: 16px; font-weight: 600; color:#e22d3f; margin: 0; text-transform:uppercase;}
p.ingress {font-size:1.5rem; font-weight: 600; margin: 0 0 30px; padding: 0 0 30px; text-align:center; border-bottom:2px solid #ec516c;}
p.red, p.red b, p.red strong {color: #e22d3f; background-color:transparent;}
h1,h2,h3,h4,h5,h6,b, strong {font-weight: 600; font-family: 'Space Grotesk', sans-serif; margin-bottom:15px; word-break: break-word; color:#e22d3f;}
b, strong {font-size: 18px; color:#000;}
footer b, footer strong {color:#e22d3f}
h1 {font-size:4.2rem}
h2 {font-size:2.6rem}
h3 {font-size:2.0rem}
h4 {font-size:1.8rem}
h5 {font-size:1.6rem}
h6 {font-size:1.5rem}
hr.red {border: 1px solid #e22d3f; margin-bottom: 30px;}
.infoboxes h3 {font-size:2.0rem; color:#000;}
a {color: #e22d3f; transition: all 0.2s; font-weight: 500;}
a:focus, a:hover {color: #9f9f9f;}
p.red a {color:#e22d3f;}
blockquote {font-style: italic; color: #868e96;}
.section-heading {font-size: 36px; font-weight: 700; margin-top: 60px;}
.caption {font-size: 14px; font-style: italic; display: block; margin: 0; padding: 10px; text-align: center; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
::-moz-selection {color: #000; background: #0085A1; text-shadow: none;}
::selection {color: #000; background: #0085A1; text-shadow: none;}
img::-moz-selection {color: #fff; background: transparent;}
img::selection {color: #fff; background: transparent;}
img::-moz-selection {color: #fff; background: transparent;}
.img-fluid {margin: 30px auto; max-width: 100%; display: block;}
.infoboxes .img-fluid {max-height:80px;}
article {margin-top: 3%; margin-bottom: 3%; border-bottom: 1px solid #f7f8f0;}
article.services {margin-top: 3%; margin-bottom: 0; padding-bottom:1%; border-bottom:1px solid #f7f8f0;}

@media only screen and (max-width: 840px) {
    h1 {font-size:3.2rem}
    h2 {font-size:2.2rem}
    h3 {font-size:1.8rem}
    h4 {font-size:1.6rem}
    h5 {font-size:1.6rem}
    h6 {font-size:1.5rem}
    .infoboxes h3 {font-size:1.8rem; color:#000;}
}

@media only screen and (max-width: 640px) {
    h1 {font-size:2.4rem}
    h2 {font-size:2.0rem}
    h3 {font-size:1.6rem}
    h4 {font-size:1.5rem}
    h5 {font-size:1.4rem}
    h6 {font-size:1.4rem}
    .infoboxes h3 {font-size:1.6rem; color:#000;}
}

/* **** TABLE **************************************** */

@media only screen and (min-width: 0px) and (max-width: 767px) {
    td {padding:5px; vertical-align:top; font-size:75%;}
    table tbody tr td:nth-child(1) {width:50%; }
     table tbody tr td:nth-child(2) {width:25%; }
      table tbody tr td:nth-child(3) {width:25%; }
}

/* **** COLOR **************************************** */

.red {background-color:#e22d3f; font-weight:500; color:#fff;}
.red-light{background-color:#ef6f6f; font-weight:500; color:#fff;}
.pink {background-color:#F4B8B8; font-weight:500; color:#000;}
.yellow {background-color:#f8cf53; font-weight:500; color:#fff;} /* Ta bort */
.beige {background-color:#eeefe8; font-weight:500; color:#000;}
.green {background-color:#065E4F; font-weight:500; color:#fff;}
.green-dark {background-color:#012f2d; font-weight:500; color:#fff;}
.green-light{background-color:#68c0b5; font-weight:500; color:#fff;}
.blue {background-color:#085FB7; font-weight:500; color:#fff;} 
.blue-lilac {background-color: #382565; font-weight:500; color: #fff;}
.skyblue {background-color:#59B7EA; font-weight:500; color:#fff;} 
.wine-red {background-color:#b24974; font-weight:500; color:#fff;} /* Ta bort */
.orange {background-color:#ff9e00; font-weight:500; color:#fff;} /* Ta bort */
.grey {background-color:#999; font-weight:500; color:#fff;} /* Ta bort */
.pink {background-color:#F4B8B8; font-weight:500; color:#000;}
.lilac {background-color:#5E51A8; font-weight:500; color:#fff;}
.lilac-light {background-color:#B2ACE5; font-weight:500; color:#fff;}
.lilac-thin-light {background-color:#e2e0f8; font-weight:500; color:#000;}
.red a, .red-light a, .yellow a, .green a, .green-dark a, .green-light a, .blue a, skyblue a, .wine-red a, .orange a, .grey a, .lilac a, .lilac-light a, .lilac-thin-light a {color:#fff; text-decoration:none;}
.pink a, .beige a, .lilac-thin-light a {color:#000; text-decoration:none;}

/* **** PADDING GRID COLUMNS **************************************** */
.small-p {padding:5% !important;}
.medium-p {padding:10% !important;}
.large-p {padding:20% !important;}
.small-p h2,.small-p h3, .small-p h4 {margin-bottom:0;}

/* **** REPORTS CONENT INFO **************************************** */
.try-one .grey, .try-one .blue {min-height: 380px;}
.xsmall-small-medium .skyblue, .xsmall-small-medium .green, .xsmall-small-medium .orange {min-height: 530px;}
.large-max .red, .large-max .wine-red {min-height: 750px;}

/* **** TJANSTER ************************************ */
.tjanster .red-light:hover {background-color:#e22d3f;}
.nav-tjanster {margin-bottom:5%;}
.nav-tjanster ul {list-style:none; margin:0 auto; padding:0; text-align: center; width: 100%;}
.nav-tjanster li {display:inline-block; padding:0 10px; margin-bottom: 4%;}
.nav-tjanster li a {font-size: 18px; font-weight: 600; padding: 15px 25px; text-transform: uppercase; border-radius: 8px; background-color:#F4B8B8; color: #e22d3f; text-align:center; text-decoration:none; display: block;}
.nav-tjanster li a:hover, .nav-tjanster li a:hover  {background-color:#e22d3f; color: #fff;}
/*.nav-tjanster li {display:inline-block; border-left:6px solid #ef6f6f; padding:10px 20px; margin:0; position:relative; margin-bottom:5px; background-color:#ef6f6f; }
.nav-tjanster li:hover {border-left:6px solid #e22d3f;  background-color:#e22d3f;}
.nav-tjanster li a {color:#fff; text-transform:uppercase; font-weight: bold; font-family: 'Trebuchet MS', sans-serif; text-decoration:none;}
.nav-tjanster li a:hover {color:#fff;}*/
.abonnemang .column {display:flex;}
.report-info-list {margin-top:2%; margin-bottom: 3%; padding-bottom:2%; border-bottom: 1px solid #f7f8f0;}

@media only screen and (max-width: 767px) {
    .tjanster .column {margin-bottom:15px;}
    }


/* **** OM OSS ************************************ */

.medlemmar .column, .styrelse .column {display:flex;}

/* **** CONTAINER ************************************ */
@media only screen and (min-width: 1200px) {
    .container{max-width: 1360px;}
}

/* **** NAVIGATION ************************************ */

#mainNav {position: absolute; border-bottom: 1px solid #6487ff; background-color: white; font-family: 'Space Grotesk', sans-serif;}
#mainNav .navbar-brand {font-weight: 600; color: #343a40;}
#mainNav .navbar-toggler {font-size: 32px; font-weight: 600; padding: 13px; text-transform: uppercase; color:#e22d3f;}
#mainNav .navbar-toggler.collapsed, #mainNav button[aria-expanded="false"] {color: #e22d3f; }
#mainNav .navbar-nav > li.nav-item > a {font-size: 15px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; text-align:center;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 14px; color: #fff; text-align: left; list-style: none; background-color: #f7f8f0; background-clip: padding-box; border: none; border-radius:inherit; --bs-dropdown-link-active-bg: transparent;}
.nav-link {display: block; padding: .5rem 1rem; /*text-transform:uppercase;*/ color:#212529;}
.navbar-light .navbar-nav .dropdown-item {color:#e22d3f;}
.flag {width:23px; height:17px; display:inline-block; position: relative; top: 4px;}
.is-visible .flag {top: 2px;}
.flag.sv {background:transparent url(flags/se.png) no-repeat center center; background-size: 71%;}
.flag.en {background:transparent url(flags/gb.png) no-repeat center center; background-size: 71%;}
.flag.dk {background:transparent url(flags/dk.png) no-repeat center center; background-size: 71%;}
.flag.no {background:transparent url(flags/no.png) no-repeat center center; background-size: 71%;}

.dropdown-item:focus, .dropdown-item:hover {background-color: transparent;}

@media only screen and (min-width: 972px) {
  #mainNav {border-bottom: 1px solid #f7f8f0; background: #eeefe8;}
  #mainNav .navbar-brand {padding: 10px 20px; color: #000;}
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: rgba(0, 0, 0, 0.8);}
  #mainNav .navbar-nav > li.nav-item {margin:0 10px;}
  #mainNav .navbar-nav > li.nav-item > a {padding:10px 15px; color: #000; font-weight:600; font-family: 'Space Grotesk', sans-serif;}
  #mainNav .navbar-nav > li.nav-item.login > a {background-color:#e22d3f; border-radius:8px; color:#fff !important; border: 2px solid #e22d3f;}
  #mainNav .navbar-nav > li.nav-item.butik > a, #mainNav .navbar-nav > li.nav-item.search-item > a {background-color:transparent; border-radius:12px; color:#e22d3f; border: 2px solid #e22d3f; border-radius:8px;}
  #mainNav .navbar-nav > li.nav-item > a:focus, #mainNav .navbar-nav > li.nav-item > a:hover {color: rgba(0, 0, 0, 0.8);}
  #mainNav .navbar-nav > li.nav-item.login > a:hover, #mainNav .navbar-nav > li.nav-item.login > a:focus {background-color:#000; border-radius:8px; color:#fff; border: 2px solid #000;}
  #mainNav .navbar-nav > li.nav-item.butik > a:hover, #mainNav .navbar-nav > li.nav-item.butik > a:focus, #mainNav .navbar-nav > li.nav-item.search-item > a:hover, #mainNav .navbar-nav > li.nav-item.search-item > a:focus {background-color:transparent; border-radius:12px; color:#000; border: 2px solid #000; border-radius:8px;}
  #mainNav .navbar-nav .dropdown-menu .nav-item a {/*border-left:5px solid #eeefe8;padding-left:10px;*/ margin:5px 15px; padding:0 0 5px 0; border-bottom:1px solid transparent;}
  #mainNav .navbar-nav .dropdown-menu.show .nav-item:last-child a {border-bottom:1px solid transparent;}
  #mainNav .navbar-nav .dropdown-menu .nav-item a:focus, #mainNav .navbar-nav .dropdown-menu .nav-item a:hover {color:#e22d3f; /*border-left:5px solid #e22d3f;*/}
#mainNav .navbar-nav .dropdown-menu li.nav-item.active a {/*border-left: 5px solid #e22d3f;*/}
 .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem;}
 .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .dropdown-menu.show > .dropdowm-item {color: #e22d3f !important;}

 #mainNav .navbar-nav .dropdown-menu li.nav-item a.dropdown-item {text-transform:none; width:auto;}
 #mainNav .navbar-nav .dropdown-menu li.nav-item a.dropdown-item, #mainNav .navbar-nav .dropdown-menu li.nav-item a.dropdown-item:focus, #mainNav .navbar-nav .dropdown-menu li.nav-item a.dropdown-item:hover {/*border-left:5px solid #e22d3f !important;*/ background-color:transparent;}
}

@media only screen and (min-width: 992px) {
  #mainNav {transition: background-color 0.2s;/* Force Hardware Acceleration in WebKit */transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;}
  #mainNav.is-fixed {/* when the user scrolls down, we hide the header right above the viewport */position: fixed; top: -138px; /*old -92px*/ transition: transform 0.2s; border-bottom: 1px solid white; background-color: #eeefe8;}
  #mainNav.is-fixed .navbar-brand {color: #212529;}
  #mainNav.is-fixed .navbar-brand:focus, #mainNav.is-fixed .navbar-brand:hover {color:#6487ff;}
  #mainNav .navbar-brand img {max-width: 300px;}
  #mainNav.is-fixed .navbar-brand img {max-width: 200px;}
  #mainNav.is-fixed .navbar-nav > li.nav-item > a {color: #000;}
  #mainNav.is-fixed .navbar-nav > li.nav-item.login > a {color: #fff;}
  #mainNav.is-fixed .navbar-nav > li.nav-item.butik > a {color: #e22d3f;}
  #mainNav.is-fixed .navbar-nav > li.nav-item > a:focus, #mainNav.is-fixed .navbar-nav > li.nav-item > a:hover {color:#e22d3f;}
  #mainNav.is-fixed .navbar-nav > li.nav-item.login > a:focus, #mainNav.is-fixed .navbar-nav > li.nav-item.login > a:hover {color:#fff;}
  #mainNav.is-fixed .navbar-nav > li.nav-item.butik > a:focus, #mainNav.is-fixed .navbar-nav > li.nav-item.butik > a:hover {color:#000;}
  #mainNav.is-visible {/* if the user changes the scrolling direction, we show the header */transform: translate3d(0, 100%, 0);}
}
@media only screen and (max-width: 990px) {
    #mainNav {border-bottom:none; background-color: transparent !important;}
    #mainNav .navbar-brand img {max-width: 200px;}
    .navbar-light .navbar-toggler {color: rgba(0,0,0,.5); border-color: rgba(0,0,0,0);}
    .navbar-collapse {background-color:#eeefe8; padding:5%;}
    .dropdown-menu {background-color:transparent;}
    .navbar-light .navbar-nav .nav-link {color:#e22d3f;}
    .navbar-light .navbar-nav .show > .nav-link {color: #000;}
    .dropdown-menu.show li{padding-left:15px;}
    }
@media only screen and (max-width: 840px) {
    .navbar {padding:0;}
    .navbar > .container{padding:0 1rem;}
    }

/* **** UP ANCOR ************************************ */
.up-wrap {display:none; position:fixed; margin:0 auto; width:100%; max-width:1360px; bottom:0; right:15px; cursor:pointer;}
.up {position:absolute;  height:50px; width:70px; background-color:#f4b6b6; text-align:center; bottom:0; right:0;}
@media only screen and (max-width: 480px) {
    .up-wrap {display:none; }
    }

/* **** HEADER ************************************ */
header.masthead {background-color:#eeefe8;}
/* Home */
header.masthead.home {margin-bottom: 50px; background: no-repeat top center; background-color: #868e96; background-attachment: scroll; position: relative; background-size: cover; max-width: 1360px; margin: 180px auto 50px auto; border-radius: 32px;}
header.masthead.home .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #FFE5D9; opacity: 0.5;}
header.masthead.home .site-home-heading {padding: 5% 0 5%; color: white;}

@media only screen and (max-width: 840px) {
    header.masthead.home {margin:180px 15px 50px 15px; }
    }

/* Pages */
header.masthead .site-heading {padding: 80px 0 80px; color: white;}
.site-heading p {margin-top:30px;}

@media only screen and (min-width: 768px) {
   header.masthead .site-home-heading {padding: 300px 0;}
   header.masthead .site-heading {padding: 180px 0 10px; color:#e22d3f;}
}

header.masthead .page-heading, header.masthead .site-home-heading, header.masthead .site-heading {text-align: center;}
/*header.masthead .page-heading h1, header.masthead .site-heading h1 {font-size:2rem; text-transform:uppercase; margin-top: 0;}*/
header.masthead .page-heading .subheading, header.masthead .site-heading .subheading {font-size: 24px; font-weight: 300; line-height: 1.1; display: block; margin: 10px 0 0; font-family: 'Space Grotesk', sans-serif;}

header.masthead .post-heading h1 {font-size: 35px;}
header.masthead .post-heading .meta, header.masthead .post-heading .subheading {line-height: 1.1; display: block;}
header.masthead .post-heading .subheading {font-size: 24px; font-weight: 600; margin: 10px 0 30px; font-family: 'Space Grotesk', sans-serif;}
header.masthead .post-heading .meta {font-size: 20px; font-weight: 300; font-style: italic; font-family: 'Space Grotesk', sans-serif;}
header.masthead .post-heading .meta a {color: #fff;}

@media only screen and (max-width: 990px) {
    header.masthead .site-heading {padding: 100px 0 60px;}
    header.masthead .site-home-heading {padding: 150px 0;}
}

@media only screen and (max-width: 840px) {
    header.masthead .site-heading {padding: 110px 0 10px;}
  header.masthead .post-heading h1 {font-size: 3.2rem;}
  header.masthead .post-heading .subheading {font-size: 2.6rem;}
}

/* CONTENT SLIDER START */
/* FLEXSLIDER */
header.masthead.home {height:350px;}
#mainslider {background: transparent url(/images/loader.gif) no-repeat center center; margin-bottom:4em;}
#mainslider .flexslider {border: none; z-index: 1; margin-bottom: 0;}
#mainslider .flexslider .slides {position: relative; overflow: hidden; max-height:400px;}
#mainslider .flexslider .slides > li {background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 700px; position: relative;}
#mainslider .flexslider .slides li .overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.0);}
.slider-text-holder {display: block; position: relative; top: 0; width: 100%; margin: 0 auto; padding:4% 0;}
.slider-text-holder .slider-text-inner {color:#fff; text-align:center; padding:4%;}
#mainslider .flexslider .flex-control-nav {top:300px; z-index: 1000;}
.flex-control-paging li a {width: 20px; height: 20px; display: block; background: transparent; cursor: pointer; text-indent: -9999px; border:1px solid #e22d3f; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover {background: #e22d3f;}
.flex-control-paging li a.flex-active {background: #e22d3f; cursor: default; width: 20px; height: 20px;}


/* **** TEASERS START ************************************ */
.teasers {margin-bottom: 50px; background: no-repeat center center; background-color: #ef6f6f; background-attachment: scroll; position: relative; background-size: cover; max-width: 1360px; margin: 0 auto 3% auto; border-radius: 32px;}
.teasers .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #FFE5D9; opacity: 0.5;}
.teasers .container {position: relative;}
.teasers .textholder {padding: 7% 0 4%; color:#e22d3f; text-align: center;}

@media only screen and (max-width: 840px) {
    .teasers {margin:3% 15px 3% 15px; }
    }

/* ****TESTIMONIALS START ************************************ */
.testimonials {background-color:#f7f8f0; padding: 5% 0;}
.testimonials .textholder {color:#e22d3f;}
.testimonials .textholder img {max-width:40px; max-height:40px;}
.testimonials .title h3 {text-transform: uppercase; margin-bottom: 5%; text-align: center;}
.testimonials .cta p {text-transform: uppercase; margin-top: 5%; text-align: center; }
.round {border-radius: 50%; width: 70%; margin: 0 auto 30px; display: block; filter: grayscale();}
.testimonial-name {text-transform:uppercase;}

/* **** BREADCRUMB ************************************ */
.breadcrumb {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: inherit; align-items: center; justify-content: center; }
.breadcrumb li {font-size: 16px;}

/* **** NEWS POST ************************************ */
.post-preview {margin: 60px 0;}
.post-preview.archive {margin: 0;}
.post-preview.archive.item-11 {border-top: 1px solid #e22d3f; padding-top:30px;}
.post-preview .imageholder {background-color:#f7f8f0; border-radius:100%; overflow:hidden; width:250px; height:250px; display: flex; align-items: center; justify-content: center}
.post-preview .imageholder .img-fluid {margin:0; filter: grayscale();}
.post-preview a {color: #E22D3F;}
.post-preview a:focus, .post-preview > a:hover {text-decoration: none; color:#9f9f9f;}
.post-preview a .post-title {font-size:1.8rem; margin-top: 0; margin-bottom: 7px;}
.post-preview a .post-subtitle {font-weight: 300; margin: 0 0 10px;}
.post-preview .date {font-size: 16px; font-weight: 600; color:#E22D3F; margin: 0 0 10px; text-transform: uppercase;}
.post-preview a {text-decoration: none; color: #000;}
.post-preview a:focus, .post-preview a:hover {color: #9f9f9f;}
.post-preview a.btn:hover, .post-preview a.btn:focus{color:#fff;}
.read-more a {color:#e22d3f; text-transform:uppercase; font-weight:600;}
.read-more a:hover, .read-more a:focus {color:#000;}
.read-more a:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight:600; margin-left:10px;}
#paging {display:none;}

@media only screen and (min-width: 768px) {
   .post-preview > a > .post-title {font-size: 36px;}
}

@media only screen and (max-width: 840px) {
    .post-preview .imageholder {margin:0 auto 5% auto;}
}

/* **** EVENTS ************************************ */
.latest-report {margin-bottom: 50px; background: no-repeat top center; background-color: #868e96; background-attachment: scroll; position: relative; background-size: cover; max-width: 1360px; margin: 0 auto 3% auto; border-radius: 32px;}
.latest-report .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color:#FFE5D9; opacity: 0.5;}
.latest-report .container {position: relative;}
.latest-report .site-heading {padding: 5% 0 5%; text-align-last:center;}
.latest-report .site-heading .subheading {font-size:1.4rem; font-weight: 600; line-height: 1.1; display: block; margin: 10px 0 0; color:#e22d3f; text-transform:uppercase;}
.event {padding-bottom: 3%;}
.eventlist {list-style: none; margin: 0; padding: 0; width: 100%; display: flex;}
.eventlist li {vertical-align: top; padding: 10px 0 10px 5px; margin: 0; text-align:left; width:15%; border-bottom:1px solid #f7f8f0;}
.eventlist li.event-content {width: 64%;}
.eventlist li.cat {width: 16%;}
.eventlist li.cat span {padding: 0; width: auto; text-transform:uppercase; font-size:0.8rem; font-weight:600;}
.eventlist .read-more {display:block;}
.eventlist .read-more .readmore {text-decoration:none; text-transform:uppercase; font-weight:600; color:#e22d3f; font-size:14px; }
.eventlist .read-more .readmore:hover, .eventlist .read-more .readmore:focus {color:#000; }
.eventlist .read-more .readmore:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight:600; margin-left:10px;}

/*.eventlist li.readmore {float: none; text-align: right;}*/
.eventlist::after {clear: both; content: " "; display: table;}
.calender:before{content:""; width:16px; height:16px; border-radius:100%; margin-right: 15px; display:inline-block; margin-top:3px; position: relative; top:3px;}
.calender.circle-red:before {background-color: #e22d3f;}
.calender.circle-lilac:before {background-color: #5e51a8;}
.calender.circle-green:before {background-color: #065e4f;}

.old-events-wrapper-on, .old-events-wrapper-off {padding-right: 0; padding-left:0; cursor:pointer;}

.old-events {text-align:center; margin: 3% 0;}
.old-events h4 {margin: 0 auto;}
.old-events-wrapper-off h4 span:after {content: '\f078'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight:600; margin-left:15px; position:relative; top:3px;}
.old-events-wrapper-on h4 span::after {content: '\f077'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight:600; margin-left:15px; position:relative; top:3px;}}

.old-events-wrapper-on .old-list {display:block;}
.old-events-wrapper-off .old-list {display:none;}
.select-wrapper {margin:0 auto; max-width:250px; position: relative;}
.select-wrapper::before,
.select-wrapper::after {
  --size: 0.3rem;
  position: absolute;
  content: "";
  right: 1rem;
  pointer-events: none;
}

.select-wrapper::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid #e22d3f;
  top: 40%;
}

.select-wrapper::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid #e22d3f;
  top: 55%;
}
.select-wrapper select {appearance: none; -webkit-appearance: none; width: 100%; font-size: 1.15rem; padding: 0.675em 6em 0.675em 1em; background-color: transparent; border: 2px solid #e22d3f; border-radius: 0.6rem; color: #e22d3f; cursor: pointer;}

@media only screen and (max-width: 1023px) {
  .eventlist li.cat {width: 20%;}
  .eventlist li.event-content {width: 60%;}
}

@media only screen and (max-width: 840px) {
    .latest-report {margin: 0 15px 10% 15px;}
    .calendar-category {margin-bottom:5%;}
    .eventlist{font-size: 70%;}
  .eventlist li.cat, .eventlist li {width: 100%;}
  .eventlist li.event-content {width: 100%; margin-bottom: 20px; padding-bottom: 15px;}
  .calender:before{width:10px; height:10px; top:0; margin-right: 10px; margin-left: 5px;}
  .eventlist .read-more .readmore {font-size:12px;}
}

/* **** FORMS ************************************ */
.contactform {background-color: #ef6f6f; padding: 3% 0; width:100%;}
.form-item {margin:0 auto;}
#form-outer {margin-top: 3%; padding: 0 5% 5%; background-color:transparent; color:#e22d3f;}
#form-outer-login {margin: 0 0 10%; padding: 5%; background-color:#ef6f6f; color: #fff;}
#form-paloma {margin-top: 3%; padding: 5% 0; background-color:transparent; color: #000;}
.paloma {padding-left:0 !important; padding-right:0 !important;}
.paloma h4 {margin-bottom:0;}
.contactform #form-outer {padding: 0 5%;}
.contactform #form-outer ul {list-style:none; margin:0; padding:0;}
.contactform #form-outer ul li {display:inline-block; margin:0; padding:15px 0 0; margin-left:25px;}
.contactform #form-outer ul li:first-child {margin-left:0;}
.radiobuttons {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative; background-color: #ef6f6f; color: #fff; top: 10px; height: 30px; width: 30px; border: 0; border-radius: 50px;cursor: pointer; outline: none; border:1px solid #fff; margin-right:25px;}

.radiobuttons:checked::before {position: absolute; font: 30px/0.5 'Space Grotesk', sans-serif; left: 11px; top: 0; content: '\02143'; transform: rotate(40deg);}
.radiobuttons:hover {background-color:#ef6f6f; color:#fff;}
.radiobuttons:checked {background-color: #F4B8B8; color:#fff; border:2px solid #F4B8B8; }
label {color: #e22d3f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*cursor: pointer;*/} 
#form-result {margin: 3% 0;}
.start-group {margin-top: 3%;}
.paloma .start-group {margin-top: 0;}
.form-control {color: #fff; font-size:1.4rem;}
.form-control:focus {color: #e22d3f; background-color: transparent; border-color: transparent; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)}
.form-control::-webkit-input-placeholder {color:#e22d3f; opacity: 1}
.form-control::-moz-placeholder {color: #e22d3f; opacity: 1}
.form-control:-ms-input-placeholder {color:#e22d3f; opacity: 1}
.form-control::-ms-input-placeholder {color: #e22d3f; opacity: 1}
.form-control::placeholder {color: #e22d3f; opacity: 1}

.contactform .form-control::-webkit-input-placeholder {color: #fff; opacity: 1}
.contactform .form-control::-moz-placeholder {color: #fff; opacity: 1}
.contactform .form-control:-ms-input-placeholder {color: #fff; opacity: 1}
.contactform .form-control::-ms-input-placeholder {color: #fff; opacity: 1}
.contactform .form-control::placeholder {color: #fff; opacity: 1}


#form-outer .form-control {color: #e22d3f; background-color:#68b1f6; border: 1px solid #68b1f6; border-radius:0;}
#form-outer-login .form-control {color: #fff; background-color:#ef6f6f; border: 1px solid #ef6f6f; border-radius:0;}
#form-paloma .form-control {color: #e22d3f; background-color:transparent; border: 1px solid #e22d3f; border-radius:0;}
.floating-label-form-group {font-size: 14px; position: relative; margin-bottom: 0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border-bottom: 1px solid #e22d3f;}
.contactform .floating-label-form-group {border-bottom: 1px solid #fff;}

#form-outer .floating-label-form-group input, #form-outer .floating-label-form-group textarea {font-size: 1.4em; position: relative; z-index: 1; padding: 0; resize: none; border: none; border-radius: 0; background: transparent; box-shadow: none !important;}
/*#form-outer .floating-label-form-group input {background:#EF6F6F !important;}*/
#form-outer .floating-label-form-group input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px #68b1f6 !important;}
#form-outer input:-webkit-autofill {border: 1px solid #68b1f6; -webkit-box-shadow: inset 0 0 0px 9999px #68b1f6;}
#form-outer input:focus, #form-outer input:-webkit-autofill:focus {border-color: #F4B8B8; -webkit-box-shadow: inset 0 0 0px 9999px #F4B8B8, 0 0 8px rgba(244, 184, 184, 0.6);}
#form-outer-login label {color: #fff;}

#form-outer-login .floating-label-form-group {border-bottom: 1px solid #fff;}
#form-outer-login .floating-label-form-group .form-control, #form-outer-login .floating-label-form-group .form-control:focus {color: #fff !important;}
#form-outer-login .floating-label-form-group input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px #ef6f6f !important;}
#form-outer-login input:-webkit-autofill {border: 1px solid #ef6f6f; -webkit-box-shadow: inset 0 0 0px 9999px #ef6f6f;}
#form-outer-login input:focus, #form-outer-login  input:-webkit-autofill:focus {border-color:#ef6f6f; -webkit-box-shadow: inset 0 0 0px 9999px #ef6f6f, 0 0 8px rgba(266, 45, 63, 0.6);}
#form-outer-login .form-control::-webkit-input-placeholder {color: #fff; opacity: 1}
#form-outer-login .form-control::-moz-placeholder {color: #fff; opacity: 1}
#form-outer-login .form-control:-ms-input-placeholder {color: #fff; opacity: 1}
#form-outer-login .form-control::-ms-input-placeholder {color: #fff; opacity: 1}
#form-outer-login .form-control::placeholder {color: #fff; opacity: 1}

#form-paloma .floating-label-form-group input, #form-paloma .floating-label-form-group textarea {font-size: 1.4em; position: relative; z-index: 1; padding: 0; resize: none; border: none; border-radius: 0; background: transparent; box-shadow: none !important;font-family: 'Avenir Next', sans-serif;}
#form-paloma .floating-label-form-group input {background: #f4b8b8 !important;}
#form-paloma .floating-label-form-group input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px #86c2b4 !important;}
#form-paloma input:-webkit-autofill {border: 1px solid #86c2b4; -webkit-box-shadow: inset 0 0 0px 9999px #86c2b4;}
#form-paloma input:focus, #form-paloma input:-webkit-autofill:focus {border-color: #000; -webkit-box-shadow: inset 0 0 0px 9999px #000, 0 0 8px rgba(0, 0, 0, 0.6);}

.floating-label-form-group input::-webkit-input-placeholder, .floating-label-form-group textarea::-webkit-input-placeholder {color: #e22d3f; font-family: 'Space Grotesk', sans-serif;}
.floating-label-form-group label {font-size: 1.0em; cline-height: 1.764705882em; position: relative; z-index: 0; top: 0; display: block; margin: 0; /*padding-left: 0.75em;*/ transition: top 0.3s ease, opacity 0.3s ease; vertical-align: middle; vertical-align: baseline; opacity: 0;}
.floating-label-form-group .help-block {margin: 15px 0;}
.floating-label-form-group-with-value label {top: 0; opacity: 1;}
.floating-label-form-group-with-focus label {color: #e22d3f;}
form .form-group:first-child .floating-label-form-group {border-top: 1px solid #fff;}
.login-button {text-align:center; margin-top:5%;}
.login-button a {color:#fff;}

#newsletter {margin-top:5%;}
#newsletter.floating-label-form-group input{font-size: 1.2em; position: relative; z-index: 1; padding: 0; resize: none; border: none; border-radius: 0; background: transparent; box-shadow: none !important;font-family: 'Avenir Next', sans-serif;}
#newsletter .floating-label-form-group input {background: #f4b8b8 !important;}
#newslettera .floating-label-form-group input:-webkit-autofill {}
#newsletter input:-webkit-autofill {border: 1px solid #e22d3f; }
#newsletter input:focus, #newsletter input:-webkit-autofill:focus {border-color: transparent;}
#newsletter label {color: #e22d3f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*cursor: pointer;*/} 
#newsletter .form-control{border:none; color:#e22d3f; font-size: 1.2rem;}
#newsletter .form-control:focus {color: #e22d3f; box-shadow: none;}

/* **** SEARCH ************************************* */
.search {margin-bottom:5%;}
.search label {color:#e22d3f;}
.search-form {list-style:none; padding:0; margin:30px 0; text-align:center; width:100%;}
.search-form li {display:inline-block; padding: 0 50px; width:40%;}
.search form .form-group:first-child .floating-label-form-group {border-top: 1px solid #eeefe8;}
.search .form-control:focus {color: #e22d3f; box-shadow: none;}
.search .floating-label-form-group {font-size: 16px; position: relative; margin-bottom: 0; padding: 20px; border: 1px solid #e22d3f; background-color:#eeefe8; border-radius:12px; width: 100%;}
.searchresult {list-style:none; padding:0; margin:30px 0; text-align:center; width:100%;}
.searchresult li {display:block; padding:0 0 30px 0; text-align:left;}
.introtext p {margin: 0;}

.search-irm .form-control{background-color:transparent; border:none; color:#e22d3f;}
.search-irm .form-control:focus {box-shadow:none;}
.search-result {margin:3% 0; text-align:center;}
.search-result-list {list-style:none; margin:0; padding:0;}
.search-result-list li {display:block; padding-bottom:10px; padding-left:35px;}

/* **** GRID    ************************************ */
.umb-grid {display:flex; flex-wrap:wrap;}
.umb-grid .row {padding-bottom: 1%;}

/* **** FOOTER ************************************ */

footer {background-color:#f4b8b8; padding: 3% 0; color: #000;}
footer img {max-width:180px;}
footer h3 {font-size:1.6rem;}
footer p {margin-bottom:10px; color: #e22d3f;}
footer a {color: #e22d3f;}
footer a:hover {color: #000;}
footer ul {list-style:none; margin:0; padding:0;}
footer ul li {display: block; padding:0 0 10px;}
footer .list-inline {margin: 0; padding: 0;}
footer .copyright {font-size: 14px; margin-bottom: 0; text-align: center; color:#e22d3f !important;}
footer ul.socialmedia {list-style: none; padding: 0; margin: 0; text-align: center;}
footer .socialmedia li {display: inline-block; margin: 2%;}
@media only screen and (max-width: 990px) {
    footer .col-md-3 {margin-bottom:30px;}
}

@media only screen and (max-width: 840px) {
    footer {padding: 10% 0;}
    footer .col-md-3 {margin-bottom:30px;}
}

/* **** IFRAME ************************************ */
.iframe-container {overflow: hidden; padding-top: 56.25%; position: relative;}
.iframe-container iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; /*100%*/}
.video-wrapper {overflow: hidden; padding-top: 56.25%; position: relative;}
.video-wrapper iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

/* **** BUTTONS ************************************ */

.btn {font-size: 18px; font-weight: 600; padding: 15px 25px; /*letter-spacing: 1px;*/text-transform: uppercase; border-radius: 8px; font-family: 'Space Grotesk', sans-serif;}
.btn:focus {box-shadow: none;}
.btn.yellow {background-color: #e22d3f; color: #fff;}
.btn.yellow:hover, .btn.yellow:focus {background-color: #000 !important;} 
.btn.blue-lilac {background-color: #5e51a8; color: #fff;}
.btn.blue {background-color: #6487ff; color: #fff;}
.btn.red {background-color: #E22D3F; color: #fff;}
.btn.red:hover, .btn.red:focus {background-color: #000; color: #fff;}
.btn.green {background-color:#065E4F; color:#fff;}
.btn.beige {background-color:#EEEFE8; color:#e22d3f; border:2px solid #e22d3f; }
.btn.beige[name="login"] {background-color:#EEEFE8; color:#e22d3f; border:2px solid transparent; }
.btn.beige[name="login"]:hover, .btn.beige[name="login"]:focus {background-color:#000 !important; color:#fff; border:2px solid transparent; }
.btn.beige:hover, .beige .btn.beige:focus {background-color:#EEEFE8; border:2px solid #000; color:#000;}
.cta-button-wrapper .btn.beige.no-border {background-color:#EEEFE8; color:#e22d3f; border:none;}
.btn-primary {background-color: transparent; border-color: transparent;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #fff; background-color: #E22D3F !important; border-color: transparent !important;}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow:none;}
.btn-lg {font-size: 16px; padding: 25px 35px;}
.btn.small {padding: 7px 15px; font-size: 16px;}

.services-buttons {list-style:none; margin:0; padding:0; text-align:center;}
.services-buttons li {display:inline-block; padding:0 10px; margin-bottom:25px;}
.services-buttons li a {font-size: 18px; font-weight: 600; padding: 15px 25px; text-transform: uppercase; border-radius: 8px; background-color:#F4B8B8; color: #e22d3f; text-align:center; text-decoration:none; display:block;}
.services-buttons li a:hover, .services-buttons li a:focus {background-color:#e22d3f; color: #fff;}

/* **** CTA BUTTONS ************************************ */
.infoboxes {margin-bottom:3%;}
.col-md-4.column > div, .col-md-3.column > div {position:relative; height:100%;}
.cta-list {/*position:absolute; left:0; right:0; bottom:-100px;*/ width:100%;}
.cta-button-wrapper {text-align:left;}
.infoboxes .cta-list {position: absolute; left: 0; right: 0; bottom: 0;}
.infoboxes .cta-button-wrapper {position: relative; top: 15px;}
.lamna-uppgifter-2 .cta-button-wrapper {text-align:center;}
.infoboxes .cta, .lamna-uppgifter .cta {padding-left:0; padding-right:0;}
.infoboxes .cta {position: absolute; bottom: 0px;}
.infoboxes .btn.beige, .lamna-uppgifter .btn.beige {background-color:#eeefe8; color:#e22d3f; padding:0; border:none;}
.infoboxes .btn.beige:after, .lamna-uppgifter .btn.beige:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight:600; margin-left:10px;}

@media only screen and (max-width: 767px) {
    .cta-list {position:static; left:0; right:0; bottom:0; width:100%;}
    .infoboxes {padding-bottom:0; margin-bottom:10%;}
    }


/* **** ICONS ************************************ */
.icon {background: #eeefe8; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; vertical-align: middle; color:#f4b8b8; font-size: 20px;}
.icon-login {background: transparent; width: 50px; height:50px; border-radius: 50%; text-align: center; line-height: 50px; vertical-align: middle; color: #fff; font-size:50px;}
.icon-up {background: #f4b8b8; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; vertical-align: middle; color: #000; font-size: 30px;}

/* REPORT INFO */
.reportinfoitems .reportinfosummery, .reportinfoitems .reportinfotext.in {display:block;}
.reportinfoitems .reportinfotext, .reportinfoitems .reportinfosummery.in {display:none;}
.reportinfoitems .read-more {margin-top:15px;}
.reportinfoitems .read-more .readmore {text-decoration:none; text-transform:uppercase; font-weight:600; color:#e22d3f; }
.reportinfoitems .read-more .readmore:hover, .reportinfoitems .read-more .readmore:focus {color:#000; }
.reportinfoitems .read-more .readmore:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight:600; margin-left:10px;}
.reportinfoitems.show .readmore:after {content: '\f053'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight:600; margin-left:10px;}

/* **** REPORTS ************************************ */
.create-pdf {text-align:center;}
.report-summery {margin-top: 3%; }
.report-wrapper {padding: 0 0 5%; max-width:1140px; padding-left:15px; padding-right:15px;}
.report-item {margin-bottom: 2%;}
.report-capter-wrapper {/*border-left: 10px solid #f8cf53;*/ background-color:#F4B8B8; border-radius:8px; text-align:center; padding: 2%;}
.report-capter-wrapper:hover {background-color: #e22d3f; color:#fff !important;}
.report-capter-wrapper > a {color:#e22d3f; text-decoration: none;}
.report-capter-wrapper > a .report-capter {margin-bottom:0;}
.report-capter-wrapper > a:hover {color:#fff !important;}
.report-capter-wrapper > a:hover p.kategori, .report-capter-wrapper > a:hover .report-capter{color:#fff !important;}
.reportblocks {margin-bottom: 60px;}
.next-prev-page {background-color: #e22d3f; padding: 3% 0; color: #fff;}
.page-prev, .page-next {position: relative;}
.next-prev-page a {color: #fff;}
.next-prev-page a:hover {text-decoration: none !important;}
.page-prev p, .page-next p {margin: 0 0 5px;}
.next-prev-page .prev {display: block; text-transform: uppercase;}
.next-prev-page .next {display: block; text-transform: uppercase;}
.next-wrap-text {margin: 0; text-align: left; padding-right: 10%; padding-left: 10%;}
.next-wrap-arrow {position: absolute; top: 0; right: 0;}
.prev-wrap-text {margin: 0; text-align: right; padding-right: 10%; padding-left: 10%;}
.prev-wrap-arrow {position: absolute; top: 0; left: 0;}
.next-icon {font-size: 100px; color: #fff;}
.reportblocks .umb-grid {display:block;}

/* **** LOGIN PAGES  ************************************ */
.nav-login-pages {margin:0 0 30px; padding:0;}
.nav-login-pages h3 {margin-left:30px;}


.nav-login-pages ul {list-style:none; margin:0 !important; padding:0;}
.nav-login-pages li {display:block; padding:10px 20px; margin:0; position:relative; margin-bottom:5px; background-color:#F4B8B8; border-radius: 8px;}
.nav-login-pages li:hover {background-color:#F4B8B8;}
.nav-login-pages li a {color:#e22d3f; text-transform:uppercase; font-weight: 600; font-family: 'Space Grotesk', sans-serif; text-decoration:none; margin-left:50px;}
.nav-login-pages li.my-reports a::before {content: ''; background: transparent url(icon-my-reports.svg) no-repeat center center; background-size: 24px 24px; position: absolute; top:5px; width:24px; height:24px; display: block; margin-top:5px;}
.nav-login-pages li.database a::before {content: ''; background: transparent url(icon-database.svg) no-repeat center center; background-size: 24px 24px; position: absolute; top:5px; width:24px; height:24px; display: block; margin-top:5px;}
.nav-login-pages li.settings a::before {content: ''; background: transparent url(icon-settings.svg) no-repeat center center; background-size: 24px 24px; position: absolute; top:5px; width:24px; height:24px; display: block; margin-top:5px;}
.nav-login-pages li.user a::before {content: ''; background: transparent url(icon-user.svg) no-repeat center center; background-size: 24px 24px; position: absolute; top:5px; width:24px; height:24px; display: block; margin-top:5px;}
.nav-login-pages li a:hover {color:#e22d3f;}


.nav-login-pages ul ul.submenu-login {width:auto;}
.nav-login-pages ul.submenu-login li {width:auto; border-left:none;}
.nav-login-pages ul.submenu-login li:hover {border-left:none;}
.nav-login-pages ul.submenu-login li a {text-transform:none !important;}

.nav-login-pages li.active .submenu-login li {border-left:6px solid #f8cf53;}
.nav-login-pages li.active .submenu-login li a {color:#000;}
.nav-login-pages li.active .submenu-login li a:hover, .nav-login-pages li.active .submenu-login li.active a {color:#ec516c;}
.news-login {background-color:transparent; padding:20px; color:#e22d3f; border: 2px solid #e22d3f; border-radius:12px;}

.report-list {margin-top:50px; margin-bottom:30px;}
.report-list p {margin: 0 0 10px;}
.download-pdf {margin-bottom:50px;}
.download-pdf .pdf {color: #ec516c; font-size: 32px; margin-right:15px;}

@media only screen and (max-width: 1023px) {
  .nav-login-pages li {padding: 10px;}
}

/* Mina inst�llningar */
.my-account {background-color:#74c4b4; padding:30px 30px 5px; color:#fff;}
.my-account .icon {color: #fff; font-size: 42px; background-color:transparent; width: 40px; height: 40px; line-height:40px; margin-right:15px;}
.my-account ul {list-style:none; margin:0 !important; padding:0;}
.my-account ul li {display:inline-block; width:48%;margin-left:1%;}
.my-account ul li:nth-child(odd) {margin-right:1%; margin-left:0; }
.my-account .form-control {color: #333; font-size: 1.1rem; padding:10px 15px; border-radius:0; margin:5px 0; border:1px solid #ccc;}
.my-account .form-control:focus {border:1px solid #fff; box-shadow: 0 0 0 .2rem rgba(255,255,255,.25);}

.search-result {max-width: 100%; margin-bottom: 20px;border-collapse: collapse; width: 100% !important;}
.icon2 {color:#ec516c; font-size: 42px; background-color:transparent; width: 40px; height: 40px; line-height:40px; margin-right:15px;}
.icon3 {color:#fff; font-size: 42px; background-color:transparent; width: 40px; height: 40px; line-height:40px; margin-right:15px;}
.icon4 {color:#ec516c; font-size: 42px; background-color:transparent; width: 40px; height: 40px; line-height:40px; margin-right:15px;}
#filterTable {margin-top:30px;}
.search-result thead {background-color:#ec516c; color:#fff; font-weight: 600; font-family: 'Space Grotesk', sans-serif; }
.search-result thead th {padding:10px; border-right: 3px solid #fff;}
.search-result tbody tr:nth-child(even) {background-color:#f0f0f0;} /*#f4a7b4*/
.search-result td {padding:10px;}
.search-result .form-control {color: #333; font-size: 1.1rem; padding:10px 15px; border-radius:0; margin:5px 0; border:1px solid #ccc;}
.search-result .form-control:focus {border:1px solid #ec516c; box-shadow: 0 0 0 .2rem rgba(236,81,108,.25);}
.search-result .delete {padding:10px 15px; text-align:center;}
.search-result .icon {color: #fff; font-size: 24px; background-color:#ec516c; width: 40px; height: 40px; line-height:40px; margin:0 5px;}

/* DB */
.db-item {padding: 10% 4% 6%; margin: 0 1% 4%; text-align: left; position: relative; min-height: 700px; color: #fff;}
.db-buttons {margin-top:30px;}
.db-buttons .smaller {padding: 8px 20px;}
.graf-holder {border: 1px solid #999; margin-top: 5px; margin-top: 15px;}
.icon3-smaller {color:#fff; font-size: 32px; background-color:transparent; width: 40px; height: 40px; line-height:40px; margin-right:15px;}
.year-month {list-style:none; margin:0; padding:0;}
.year-month li {display:inline-block;}
.box.half::before {width: 40%;}
.tblCB {margin-right: 15px;}
.checkbox label {font-size:1rem;}

/* COOKIE OCH GDPR */
.wrapper.cookie-gdpr {position: fixed; left: 0; bottom: 0; padding:0; width: 100%; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.27); box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.27); z-index: 100; font-size: 0.9em; background-color:#ef6f6f; font-weight:500; color:#fff;}
.wrapper.cookie-gdpr > .container {width: 1360px; padding-bottom:20px;}
.wrapper.cookie-gdpr p {margin: 30px 0 0;}
.wrapper.cookie-gdpr p a {color:#fff;}
.wrapper.cookie-gdpr p:last-child {margin:0;}
.cookie-gdpr ul {list-style: none; margin:20px 0 0; padding: 0; text-align: center;}
.cookie-gdpr ul li {display: inline-block; padding: 1em;}


.termsfeed-com---nb-simple {
    left: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
}

.termsfeed-com---nb .cc-nb-main-container {
    padding: 1rem 3rem !important;
}

.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: #ffeae5 !important;
    color: #fff !important;
}

.termsfeed-com---palette-light {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 300 !important;
}

.termsfeed-com---palette-light .cc-nb-okagree, .termsfeed-com---palette-light .cc-nb-reject, .termsfeed-com---palette-light .cc-cp-foot-save, .termsfeed-com---palette-light .cc-nb-changep {
    letter-spacing: normal;
    text-transform: uppercase;
}

.termsfeed-com---reset button {
    padding: .5rem 2rem !important;
}

.termsfeed-com---palette-light .cc-nb-okagree {
    color: #fff !important;
    background-color: #68c0b5 !important;
}

.termsfeed-com---palette-light .cc-nb-reject {
    color: #fff !important;
    background-color: #e66f6f !important;
}

.termsfeed-com---palette-light .cc-cp-foot-save {
    background: #68c0b5 !important;
    color: #fff !important;
}

.termsfeed-com---palette-light .cc-nb-changep {
    background-color: #eeefe5 !important;
    color: #111;
}


.termsfeed-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked + label::before {
    background: #68c0b5 !important;
}

.termsfeed-com---palette-light .cc-nb-okagree:focus, .termsfeed-com---palette-light .cc-nb-reject:focus, .termsfeed-com---palette-light .cc-nb-changep:focus {
    box-shadow: none !important;
}

.termsfeed-com---palette-light .cc-pc-head-lang select:focus {
    box-shadow: 0 0 0 2px #fff !important;
}

.termsfeed-com---palette-light .cc-cp-foot-save:focus {
    box-shadow: 0 0 0 2px #597f3e !important;
}

.termsfeed-com---pc-dialog .cc-cp-body-tabs-item-link {
    letter-spacing: normal;
    white-space: normal;
}

.termsfeed-com---pc-dialog .cc-cp-body-content-entry-text {
    font-size: 14px !important;
}

@media screen and (max-width: 600px) {
    .termsfeed-com---nb .cc-nb-main-container {
        padding: 2rem !important;
    }

    .termsfeed-com---nb-simple {
        max-width: 100% !important;
    }

    .termsfeed-com---nb .cc-nb-title {
        font-size: 20px !important;
    }

    termsfeed-com---nb .cc-nb-text {
        font-size: 14px !important;
    }
}

@media (max-width: 320px), (max-height: 480px) {
    .termsfeed-com---nb-simple {
        height: auto !important;
    }
}

.cookie-banner {
    background: transparent url(icon-cookie.svg) no-repeat center;
    background-size: 85%;
    position: fixed;
    z-index: 999;
    bottom: 20px;
    left: 20px;
    color: #e22d3f;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 2px solid #e22d3f;
}

 @media screen and (max-width: 1680px) {
    .wrapper.cookie-gdpr > .container {width: 74em;}
    }

@media screen and (max-width: 767px) {
    .wrapper.cookie-gdpr {z-index: 10000;}
    .wrapper.cookie-gdpr > .container {width: 100%; padding-bottom:5px;}
    .wrapper.cookie-gdpr p {margin: 15px 0 0; text-align: center;}
    .cookie-gdpr ul {margin:10px 0 0; text-align: center;}
    }