@charset "UTF-8";
/*@mixin short-transition ($properties: all) {
    transition: .5s $properties ease-in-out;
}

@mixin text-shadow($x: .05em,$y: .05em,$blur: .1em,$color: $bof-dark-bg) {
    text-shadow: $x $y $blur $color;
}*/
.site-header {
  display: flex;
  flex-direction: column;
}

#header-top-row {
  background-color: #002F63;
  color: #FFF;
}
#header-top-row ul {
  list-style: none;
  padding: 0;
  display: inline-block;
}
#header-top-row ul li {
  display: inline-block;
}
#header-top-row ul li a {
  color: #FFF;
}
#header-top-row .language-selection {
  display: inline-block;
}
#header-top-row .language-selection ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#header-top-row .language-selection li {
  display: block;
  padding-right: 6px;
  padding-left: 6px;
}
#header-top-row .language-selection li:first-child {
  border-right: 1px solid #006fb9;
}
#header-top-row #header-links {
  display: inline-block;
}
#header-top-row .header-highlighted-links li {
  padding: 0;
  font-size: 1.8rem;
}
#header-top-row .header-highlighted-links li a {
  color: #FFF !important;
}

#header-image {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#header-image div {
  position: relative;
  text-align: left;
}

@media only screen and (max-width: 1199px) {
  #header-image {
    display: flex;
    height: 62px;
  }
  #page-content {
    margin-top: 65px;
  }
}
#header-top-row-mobile, #header-top-row-mobile-main {
  display: none;
}
#header-top-row-mobile .header-links-frame, #header-top-row-mobile-main .header-links-frame {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#header-links-mobile {
  display: none;
}

#header-search-form-mobile {
  display: none;
}

#header-top-row #header-search input[type=text]:focus {
  outline: 2px dashed #337ab7;
  outline-offset: 0;
}

#header-search-mobile input[type=text]:focus {
  outline: 2px dashed #337ab7;
  outline-offset: 4px;
}

#header-search-mobile {
  background: #FFF;
  height: 50px;
}
#header-search-mobile .input-group {
  width: 100%;
}
#header-search-mobile input[type=text] {
  margin-top: 9px;
  padding: 5px 6px 6px 10px;
  width: 85%;
  border: 1px transparent solid;
  font-size: 16px;
  color: #002F63;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header-search-mobile button {
  border: 1px solid transparent;
  margin-top: 12px;
  margin-right: 10px;
  width: 25px;
  height: 26px;
  background: transparent url("/source/svg/fiva-search.svg") no-repeat 0px 0px !important;
  position: absolute;
  top: 0px;
  right: 0px;
  background-size: 22px !important;
  z-index: 5;
}

.site-header-middle .logo {
  /*float: left;*/
}
.site-header-middle .header-search {
  float: right;
}
.site-header-middle .input-group {
  width: 300px;
}

/* desktop spesific */
@media only screen and (min-width: 1200px) {
  #header-image > .container {
    margin: 30px auto;
  }
  #header-image > div > a > img {
    height: 65px !important;
    width: auto !important;
  }
  #header-top-row {
    display: flex;
    align-items: center;
    max-height: 50px;
    height: 50px;
  }
  .language-selection, .header-highlighted-links, #header-links {
    float: left;
  }
  .language-selection.toke {
    float: right;
  }
  .language-selection > ul {
    margin: 0 0 0px 0px;
    font-size: 16px;
    display: inline-block;
    letter-spacing: 0.5px;
  }
  #header-top-row ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  span.header-search {
    margin: 0;
  }
  .header-highlighted-links, #header-links {
    font-size: 16px;
    margin: 0 8px 0px 0px;
    letter-spacing: 0.5px;
  }
  .header-highlighted-links a, #header-links a {
    display: block;
    height: 24px;
  }
  #header-links > ul li {
    padding-right: 10px;
    letter-spacing: 0px;
  }
  #header-links > ul li:last-child {
    padding-right: 0px;
  }
  .header-highlighted-links.highlighted-left li {
    padding-left: 22px !important;
    background: transparent url("/source/svg/back-arrow.svg") no-repeat 0px 6px !important;
    background-size: 16px 16px !important;
  }
  #header-top-row > div {
    position: relative;
  }
  #header-top-row #header-search > div {
    position: relative;
    width: 100%;
    background: #FFF;
    border: 1px solid #9FB2C8;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 12px;
    border-radius: 0;
    height: 32px;
  }
  #header-top-row #header-search > div .input-group-btn {
    position: static;
    width: auto;
  }
  #header-top-row #header-search > div .input-group-btn button {
    position: static;
    margin: 0;
  }
  #header-top-row #header-search input[type=text] {
    padding: 5px 6px 6px 6px;
    border: 1px solid transparent;
    font-size: 16px;
    color: #002F63;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /*placeholder fix/theme*/
  #header-top-row #header-search input[type=text]::placeholder {
    color: #888 !important;
    opacity: 1;
  }
  #header-search-mobile #quick-search-query-mobile::placeholder {
    color: #888 !important;
    opacity: 1;
  }
  #header-top-row #header-search input[type=text]:-ms-input-placeholder {
    color: #888 !important;
  }
  #header-top-row #header-search input[type=text]::-ms-input-placeholder {
    color: #888 !important;
  }
  #header-search-mobile #quick-search-query-mobile:-ms-input-placeholder {
    color: #888 !important;
  }
  #header-search-mobile #quick-search-query-mobile::-ms-input-placeholder {
    color: #888 !important;
  }
  #quicksearch-search-submit-large {
    display: block !important;
  }
  #header-top-row #header-search button {
    border: 1px solid transparent;
    margin-top: 12px;
    margin-right: 10px;
    width: 25px;
    height: 26px;
    background: transparent url("/source/svg/fiva-search.svg") no-repeat 0px 0px !important;
    position: absolute;
    top: 0px;
    right: 0px;
    background-size: 22px !important;
    color: #FFF !important;
  }
  #header-search-submit-large {
    display: inline-block !important;
  }
  #header-search-submit {
    display: none !important;
  }
}
#header-search-form {
  display: none;
  position: fixed;
  width: 100%;
  height: 192px;
  top: 140px;
  left: 0;
  right: 0;
  background: #FFF;
  border-top: 1px solid #FDFDFD;
  z-index: 1000000000000000000000000000 !important;
  box-shadow: 1px 14px 12px rgba(0, 0, 0, 0.3);
}
#header-search-form #header-search {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin: auto;
}
#header-search-form #header-search label {
  color: #002F63 !important;
  font-size: 2.7rem;
  line-height: normal;
  font-weight: 600;
  margin: auto 0 18px;
}
#header-search-form #header-search .input-group {
  max-width: 1200px;
  margin: 0 auto auto;
  height: 64px;
}
#header-search-form #header-search .input-group input[type=text] {
  font-size: 24px;
  outline-offset: 4px !important;
  margin-right: 18px;
}
#header-search-form #header-search #close-search {
  color: #002F63 !important;
  width: auto;
  background: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0;
}
#header-search-form #header-search #close-search img {
  margin-left: 8px;
  width: 100%;
}
#header-search-form #header-search #close-search:hover, #header-search-form #header-search #close-search:focus {
  color: #006fb9 !important;
}

.header-search {
  display: block;
  margin: 12px 18px 0 0;
}
.header-search button {
  background: none !important;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 0;
  font-size: 18px;
  color: #FFF !important;
  line-height: 1.5;
}
.header-search button img {
  width: 18px;
  margin-left: 6px;
}
.header-search button:hover, .header-search button:focus {
  border: 0;
  background: #002F63 !important;
  color: #FFF !important;
  text-decoration: underline;
}

/*mobile combined (tablet + smartphone)  spesific*/
@media only screen and (max-width: 1199px) {
  .site-header {
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000000000000206;
  }
  #header-search-form-mobile {
    display: block;
    width: 100%;
  }
  #header-search-form-mobile #header-search-mobile {
    display: flex;
    height: auto;
  }
  #header-search-form-mobile .input-group {
    display: flex;
    background: #FFF;
    border: 1px solid #9FB2C8;
    margin: 12px;
    height: 50px;
    align-items: center;
    border-radius: 0;
  }
  #header-search-form-mobile .input-group #quick-search-query-mobile {
    margin-top: 0;
  }
  #header-search-form-mobile .input-group .input-group-btn {
    width: auto;
    margin-right: 12px;
  }
  #header-search-form-mobile .input-group .input-group-btn button {
    position: static;
    margin: 0;
  }
}
@media only screen and (max-width: 1199px) {
  #header-image > div {
    margin: 15px auto 15px 20px;
  }
  #header-top-row {
    display: none !important;
  }
  #header-top-row-mobile, #header-top-row-mobile-main {
    background-color: #006fb9;
    color: white;
  }
  #header-top-row-mobile ul, #header-top-row-mobile-main ul {
    list-style-type: none;
    padding: 0;
  }
  #header-top-row-mobile a, #header-top-row-mobile-main a {
    color: white;
  }
  #header-top-row-mobile .language-selection, #header-top-row-mobile-main .language-selection {
    float: left;
  }
  #header-top-row-mobile .language-selection > ul, #header-top-row-mobile-main .language-selection > ul {
    margin: 8px 12px 8px 12px !important;
  }
  #header-top-row-mobile .language-selection > ul li, #header-top-row-mobile-main .language-selection > ul li {
    line-height: 22px !important;
  }
  #header-top-row-mobile .language-selection > ul a, #header-top-row-mobile-main .language-selection > ul a {
    font-size: 13px !important;
    display: inline-block !important;
    letter-spacing: 0.5px !important;
  }
  #header-top-row-mobile .language-selection.toke, #header-top-row-mobile-main .language-selection.toke {
    float: right;
  }
  #header-top-row-mobile .header-highlighted-links, #header-top-row-mobile-main .header-highlighted-links {
    float: right;
    text-transform: uppercase;
  }
  #header-top-row-mobile .header-highlighted-links a, #header-top-row-mobile-main .header-highlighted-links a {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 22px !important;
  }
  #header-top-row-mobile .header-highlighted-links, #header-top-row-mobile-main .header-highlighted-links {
    margin: 16px 16px 10px 10px !important;
  }
  #header-top-row-mobile .header-highlighted-links.highlighted-left li, #header-top-row-mobile-main .header-highlighted-links.highlighted-left li {
    padding-left: 22px !important;
    background: transparent url("/static/img/theme/white-arrow-box.png") no-repeat 0px 3px !important;
    background-size: 16px 16px !important;
  }
  #header-links-mobile {
    background-color: #FFF;
  }
  #header-links-mobile a {
    color: #002F63;
    font-size: 16px !important;
    font-weight: 400;
  }
  #header-links-mobile ul {
    padding: 8px 12px !important;
    margin-bottom: 0;
    list-style-type: none;
    text-align: left;
  }
  #header-links-mobile ul li {
    display: flex;
  }
  #header-links-mobile ul li a {
    padding: 8px 0 8px 26px;
    background: url(/source/svg/arrow-13.svg) no-repeat 8px 18px;
    background-size: 8px;
  }
  #header-links-mobile .language-selection {
    padding-top: 0;
  }
  #header-links-mobile .language-selection ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 0 !important;
  }
  #header-links-mobile .language-selection ul li {
    flex: 1;
    border-top: 4px solid #FFF;
    border-bottom: 0;
  }
  #header-links-mobile .language-selection ul li:first-child {
    border-right: 4px solid #FFF;
  }
  #header-links-mobile .language-selection ul li a {
    width: 100%;
    text-align: center;
    background: none;
    padding: 16px;
  }
  .menu > #header-links-mobile > ul.header-links > li {
    line-height: 24px !important;
  }
}
/*tablet spesific*/
@media only screen and (max-width: 1099px) and (min-width: 690px) {
  #header-image > div > a > img {
    height: 50px !important;
    width: auto !important;
  }
  #header-top-row-mobile .language-selection ul, #header-top-row-mobile-main .language-selection ul {
    padding-left: 10px !important;
  }
  #header-links-mobile ul {
    padding-left: 22px !important;
  }
}
/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  #header-image > div > a > img {
    height: 45px !important;
    width: auto !important;
  }
}
@media only screen and (max-width: 369px) {
  #header-top-row-mobile .header-highlighted-links, #header-top-row-mobile-main .header-highlighted-links {
    margin: 10px 8px 10px 0px !important;
  }
  #header-top-row-mobile .language-selection > ul, #header-top-row-mobile-main .language-selection > ul {
    margin: 8px !important;
  }
}
.menu-container {
  width: 100%;
  margin: 0 auto;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  background-color: #FFF;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.menu-container::before {
  content: "";
  display: none;
}

.menu-mobile, .submenu-mobile {
  display: none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  width: 44px;
  height: 44px;
  border: 0px white solid;
  margin-right: 12px;
  z-index: 100000000000000;
  /* -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;  */
}

.mobile-close {
  display: none !important;
}

.submenu-mobile {
  top: 10px;
}

.menu-mobile-open {
  background: transparent url("/static/img/theme/topmenu-button-mob-open.png") no-repeat top left !important;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000000000000000000000000 !important;
}

.sticky2 {
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 1000000000 !important;
}

#topmenu {
  text-align: center !important;
  margin: 0px auto;
  min-height: 90px;
}
#topmenu::before, #topmenu::after {
  display: none;
}
#topmenu > .menu {
  margin: 20px 0;
  min-height: 50px;
}
#topmenu > .menu ul {
  list-style: none;
}
#topmenu > .menu .topnav-home-container a {
  display: flex;
  align-items: center;
}
#topmenu > .menu .topnav-home-container svg {
  width: 28px;
  fill: #FFF;
}
#topmenu > .menu .first-level {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  align-items: stretch;
  min-height: 50px;
}
#topmenu > .menu .first-level > li {
  display: flex;
  align-items: stretch;
}
#topmenu > .menu .first-level > li > div {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
#topmenu > .menu .first-level > li > div > a {
  display: flex;
  align-items: center;
  padding: 0 0 0 14px;
  color: #002F63;
  position: relative;
  transition: 0.2s;
  text-align: left;
}
#topmenu > .menu .first-level > li > div > a:hover, #topmenu > .menu .first-level > li > div > a:focus {
  text-decoration: underline dotted;
  text-decoration-color: #002F63;
  text-underline-offset: 6px;
}
#topmenu > .menu .first-level > li > div > a.open::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: -16px;
  background: #FFF;
  z-index: 25;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
#topmenu > .menu .first-level > li > div > a.current {
  font-weight: 600;
}
#topmenu > .menu .first-level .menu-wrapper {
  height: 100%;
}
#topmenu > .menu .first-level .mobileopenbox {
  display: none;
}
#topmenu > .menu .first-link a {
  font-weight: 600;
}
#topmenu > .menu .toggle {
  background: none !important;
  color: #0095DB !important;
  border: 0 !important;
  font-size: 20px;
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
#topmenu > .menu .toggle .icon-frame {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  border-radius: 2px;
}
#topmenu > .menu .toggle .icon-frame span {
  transition: 0.2s;
}
#topmenu > .menu .toggle img {
  display: none;
}
#topmenu > .menu .toggle.open .icon-frame {
  background: #FFF;
}
#topmenu > .menu .toggle.open .icon-frame span {
  transform: rotate(45deg);
  color: #006fb9;
}
#topmenu > .menu .toggle.mobile-toggle {
  display: none;
}
#topmenu > .menu .second-level-frame, #topmenu > .menu .third-level, #topmenu > .menu .fourth-level, #topmenu > .menu .fifth-level {
  display: none;
}
#topmenu > .menu .second-level-frame {
  position: fixed;
  top: 140px;
  left: 0;
  width: 100%;
  z-index: 20;
  background: #FFF;
  box-shadow: 1px 14px 12px rgba(0, 0, 0, 0.3);
}
#topmenu > .menu .second-level-frame a {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
#topmenu > .menu .second-level-frame a:hover, #topmenu > .menu .second-level-frame a:focus, #topmenu > .menu .second-level-frame a.open {
  border-top: 1px solid #1f3d78 !important;
  border-bottom: 1px solid #1f3d78 !important;
}
#topmenu > .menu .second-level-frame .toggle {
  color: #006fb9 !important;
  height: 100%;
  min-height: 42px;
  width: 44px;
  transition: 0.2s;
}
#topmenu > .menu .second-level-frame .toggle span {
  display: block;
  transition: 0.2s;
}
#topmenu > .menu .second-level-frame .toggle:hover, #topmenu > .menu .second-level-frame .toggle:focus {
  background-color: #A2D2F3 !important;
  border-top: 1px solid #1f3d78 !important;
  border-bottom: 1px solid #1f3d78 !important;
}
#topmenu > .menu .second-level-frame .toggle.open {
  background-color: #A2D2F3 !important;
  border-top: 1px solid #1f3d78 !important;
  border-bottom: 1px solid #1f3d78 !important;
}
#topmenu > .menu .second-level-frame .toggle.open span {
  transform: rotate(45deg);
}
#topmenu > .menu .second-level-frame > ul {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  padding: 20px !important;
  position: relative;
}
#topmenu > .menu .second-level-frame > ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#topmenu > .menu .second-level-frame > ul li div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 330px;
  border-bottom: 1px dotted lightgray;
}
#topmenu > .menu .second-level-frame > ul li div.first-link {
  padding-left: 0 !important;
}
#topmenu > .menu .second-level-frame > ul li div a {
  padding-left: 20px;
  color: #004c93;
}
#topmenu > .menu .second-level-frame > ul li div a:hover {
  border: 1px 0 solid #004c93;
}
#topmenu > .menu .second-level-frame > ul li div p {
  padding-left: 20px;
}
#topmenu > .menu .second-level-frame > ul li a, #topmenu > .menu .second-level-frame > ul li p {
  display: flex;
  flex-grow: 1;
  margin-left: 0;
  padding: 10px 0;
  background-size: 8px;
  text-align: left;
}
#topmenu > .menu .second-level-frame > ul li a:hover, #topmenu > .menu .second-level-frame > ul li a:focus, #topmenu > .menu .second-level-frame > ul li a.open {
  background-color: #e8eff8;
}
#topmenu > .menu .second-level-frame > ul li:first-child div {
  border-top: 1px dotted lightgray;
}
#topmenu > .menu .second-level-frame .third-level {
  position: absolute;
  top: 20px;
  left: 380px;
  padding: 0;
  flex-direction: column;
}
#topmenu > .menu .second-level-frame .fourth-level {
  position: absolute;
  top: 0px;
  left: 360px;
  padding: 0;
  flex-direction: column;
}

@media only screen and (max-width: 1199px) {
  .site-header {
    max-height: 100vh;
    overflow-y: scroll;
  }
  #topmenu {
    display: none;
    padding: 0;
  }
  #topmenu > a {
    display: none;
  }
  #topmenu > .menu {
    margin-top: 0 !important;
    box-shadow: 1px 14px 12px rgba(0, 0, 0, 0.3);
  }
  #topmenu > .menu .first-level {
    flex-direction: column;
    padding-left: 0;
    background: #FFF;
  }
  #topmenu > .menu .first-level > li > div {
    justify-content: space-between;
    flex-basis: 100%;
    border-bottom: 1px solid transparent;
  }
  #topmenu > .menu .first-level > li > div > a {
    color: #002F63;
    font-size: 18px;
    flex-grow: 1;
    padding: 15px 0 15px 20px;
    border-bottom: 1px solid #E6E6E6;
  }
  #topmenu > .menu .first-level > li > div a.open::after {
    display: none !important;
  }
  #topmenu > .menu .first-level > li > div > .toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF !important;
    border-bottom: 1px solid #E6E6E6 !important;
    width: 52px;
  }
  #topmenu > .menu .toggle img {
    display: none;
  }
  #topmenu > .menu .second-level-frame {
    position: fixed;
    top: 64px;
    bottom: 0;
    max-height: calc(100vh - 64px);
    overflow-y: scroll;
  }
  #topmenu > .menu .second-level-frame > ul {
    height: 100%;
  }
  #topmenu > .menu .second-level-frame > ul li a {
    background: none;
  }
  #topmenu > .menu .second-level-frame .second-level .toggle {
    background: #e8eff8 !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #topmenu > .menu .second-level-frame .second-level .open {
    background: #FFF;
  }
  #topmenu > .menu .second-level-frame .third-level, #topmenu > .menu .second-level-frame .fourth-level, #topmenu > .menu .second-level-frame .fifth-level {
    background: #FFF;
    width: 100%;
    left: 0;
    padding: 20px !important;
    height: 100%;
    position: absolute;
    top: 0;
  }
  #topmenu > .menu .second-level-frame ul li > div {
    width: 100%;
  }
  #topmenu > .menu .second-level-frame ul li > div.first-link {
    padding-left: 0;
  }
  .menu-mobile {
    display: block;
    transition: 0.2s;
  }
  .menu-mobile .close-menu {
    display: none;
  }
  .menu-mobile.open-mobile .open-menu {
    display: none;
  }
  .menu-mobile.open-mobile .close-menu {
    display: block;
    width: 100%;
  }
  .mobile-close {
    display: block !important;
    background: transparent;
    border-bottom: 2px solid #004c93;
  }
  .mobile-close .mobile-close-btn {
    border: 0;
    background-image: none !important;
    padding: 8px 8px 8px 0;
    display: flex;
    align-items: center;
  }
  .mobile-close .mobile-close-btn img {
    width: 12px;
    margin-right: 6px;
  }
  #header-links-mobile {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .menu ul li .fifth-level {
    display: none !important;
  }
}
@media only screen and (min-width: 1100px) {
  .menu > ul > li:nth-child(1n+8) {
    display: none !important;
  }
}
/*LeftNavi CSS*/
.LeftNaviContainer {
  padding-left: 0px !important;
}

#LeftNavi > div, #sideNaviMobile > div {
  padding-top: 10px;
  margin-right: 40px;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  padding-bottom: 50px;
}

#LeftNavi > div a, #LeftNavi > div a:visited, #LeftNavi > div a:hover, #LeftNavi > div a:active,
#sideNaviMobile > div a, #sideNaviMobile > div a:visited, #sideNaviMobile > div a:hover, #sideNaviMobile > div a:active {
  color: #002F63;
  position: relative;
  display: inline-block;
}

#LeftNavi > div a.active, #LeftNavi > div a.active:visited, #LeftNavi > div a.active:hover, #LeftNavi > div a.active:active,
#sideNaviMobile > div a.active, #sideNaviMobile > div a.active:visited, #sideNaviMobile > div a.active:hover, #sideNaviMobile > div a.active:active {
  font-weight: 700;
}

span.active {
  display: block;
  font-weight: 700;
  color: #002F63;
}

#LeftNavi .arrow, #sideNaviMobile .arrow {
  border: 0 !important;
  background-image: none !important;
  position: absolute;
  width: 24px;
  height: 24px;
  left: -8px;
  top: 2px;
  cursor: pointer;
  font-size: 20px;
  color: #0095DB !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.2px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#LeftNavi .arrow span, #sideNaviMobile .arrow span {
  display: block;
  margin-bottom: 4px;
}
#LeftNavi .arrow .close, #sideNaviMobile .arrow .close {
  color: #0095DB !important;
  display: none;
  opacity: 1;
  margin-bottom: 2px;
}

#LeftNavi .openlevel > .arrow, #sideNaviMobile .openlevel > .arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -4px;
  cursor: pointer;
}
#LeftNavi .openlevel > .arrow .close, #sideNaviMobile .openlevel > .arrow .close {
  display: block;
}
#LeftNavi .openlevel > .arrow .open, #sideNaviMobile .openlevel > .arrow .open {
  display: none;
}

#LeftNavi > div ul, #LeftNavi > div ul li, #sideNaviMobile > div ul, #sideNaviMobile > div ul li {
  margin-left: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  list-style-type: none !important;
}

#LeftNavi > div > ul > li, #sideNaviMobile > div > ul > li {
  padding-left: 20px !important;
  margin-top: 14px;
}

#LeftNavi > div > ul > li > ul li, #sideNaviMobile > div > ul > li > ul li {
  padding-left: 20px !important;
  margin-top: 11px;
}

#LeftNavi .haschildren > ul, #sideNaviMobile .haschildren > ul {
  display: none;
}

#LeftNavi .haschildren.openlevel > ul, #sideNaviMobile .haschildren.openlevel > ul {
  display: block;
}

li.haschildren {
  position: relative;
}

/*
li.haschildren {
    background: url("/static/img/theme/topmenu-mob-arrow-down.png") no-repeat 0px 10px;
}

li.haschildren.openlevel {
    background: url("/static/img/theme/topmenu-mob-arrow-upp.png") no-repeat 0px 8px;
}
    */
#LeftNavi ul { /*background:red; */
  list-style: none;
}

#LeftNavi ul ul { /*  background:green;*/
  list-style: none;
}

#LeftNavi ul ul ul { /*  background:maroon; */
  list-style: none;
}

#LeftNavi ul ul ul ul { /*  background:pink;*/
  list-style: none;
}

/*mobile combined (tablet + smartphone)  spesific*/
@media only screen and (max-width: 1199px) {
  #topmenu > .menu .first-level > li > div > a {
    color: #002F63 !important;
  }
}
@media only screen and (max-width: 1099px) {
  .LeftNaviContainer {
    display: none !important;
  }
  .regulationpage-sidemenu {
    margin-bottom: 30px !important;
  }
}
.icon-up {
  border: 1px #0389e3 solid;
  display: none;
  width: 45px;
  height: 45px;
  right: 20px;
  bottom: 60px;
  position: fixed;
  z-index: 1000000204;
  opacity: 0.5;
  background: transparent url("/static/img/theme/upp-arrow.png") no-repeat;
}

@media only screen and (min-width: 1100px) {
  .mobileNaviContainer {
    display: none !important;
  }
}
.mobileNaviContainer {
  margin-bottom: 30px;
}
.mobileNaviContainer .btn-primary#mobileNaviBtn {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  background: #006fb9 !important;
  color: #FFF !important;
  width: 100%;
  padding: 10px 0 10px;
}
.mobileNaviContainer .btn-primary#mobileNaviBtn .chevron {
  position: absolute;
  fill: #FFF;
  top: 50%;
  transform: translate(0, -50%);
  right: 20px;
  height: 24px;
  width: 24px;
}
.mobileNaviContainer .btn-primary#mobileNaviBtn .chevron.invert {
  transform: rotate(180deg) translate(0, 50%);
}
.mobileNaviContainer #sideNaviMobile div {
  margin-left: 20px;
}

#pagefooter {
  background-color: #002F63;
  color: white;
}
#pagefooter p, #pagefooter ul, #pagefooter li {
  color: #FFF;
}
#pagefooter a:link, #pagefooter a:hover, #pagefooter a:visited, #pagefooter a:hover {
  color: #ffffff;
}
#pagefooter :link:focus, #pagefooter :visited:focus {
  outline: 2px dashed #FFFFFF;
  outline-offset: 1px;
}
#pagefooter .footerblock div ul {
  list-style-type: none;
  padding: 0;
}
#pagefooter .footerblock {
  /*h3 {
      text-transform: uppercase;
  }

  button {
      padding: .6rem;
      background-color: transparent;
      border: 2px solid;
  }

  i {
      margin-right: 1rem;
  }*/
}
#pagefooter .footer-content {
  margin-top: 3rem;
}
#pagefooter .footer-content .footer-link {
  display: inline-block;
  position: relative;
  background: url(/source/svg/arrow-13.svg) no-repeat left 8px;
  padding-left: 20px;
  background-size: 14px;
}
#pagefooter .footer-content .footer-link.map {
  background: url(/source/svg/fiva-map.svg) no-repeat left 3px;
}
#pagefooter .footer-content .footer-link[target=_blank]::after {
  background-image: url(../../Static/img/externallink-white.svg);
}
#pagefooter .footer-links {
  /*border-top: 2px solid white;*/
  margin: 1rem 0;
  padding: 1rem;
}
#pagefooter .footer-links ul {
  list-style-type: none;
  text-align: center;
  padding-left: 0px;
}
#pagefooter .footer-links ul li {
  display: inline;
  margin: 0 6px 0 6px;
}
#pagefooter .footer-links ul li a {
  color: white;
}
#pagefooter .footer-links .footer-link-separator {
  color: white;
}
#pagefooter .footer-somelinks.footer-links span {
  display: inline-block;
  padding-top: 11px;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 21px;
}
#pagefooter .footer-somelinks.footer-links li {
  padding-top: 10px;
}
#pagefooter .footer-somelinks.footer-links img {
  height: 31px !important;
  width: auto;
  margin-left: 10px;
  margin-top: -10px;
}
#pagefooter .footer-somelinks.footer-links ul {
  text-align: left;
  margin-bottom: 0px;
}
#pagefooter .footer-somelinks.footer-links ul li a[target=_blank] {
  margin-right: 0;
}
#pagefooter .footer-somelinks.footer-links ul li a[target=_blank]::after {
  background: none !important;
  display: none;
}

.footer-content > .overflow-hidden > .footerblock:nth-child(1), .footer-content > .overflow-hidden > .footerblock:nth-child(3) {
  padding-top: 3px;
}

/*.footer-content > .overflow-hidden > .footerblock:nth-child(2) {
    line-height: 31px;
}*/
.footer-image {
  padding: 40px 0 10px 0;
}

/* desktop spesific */
@media only screen and (min-width: 1100px) {
  .container .footer-image > img {
    height: 65px !important;
    width: auto !important;
  }
  .footer-content > .overflow-hidden > .footerblock {
    text-align: left !important;
  }
  #pagefooter .footerblock div {
    padding: 0 15% 0 0;
  }
}
/*mobile combined (tablet + smartphone)  spesific*/
@media only screen and (max-width: 1099px) {
  .container .footer-image > img {
    height: 50px !important;
    width: auto !important;
  }
}
/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  /*#pagefooter .footer-somelinks.footer-links span {
      display: block !important;
      margin-bottom: 35px !important;
      margin-top: -20px !important;
  }*/
  #pagefooter .footer-somelinks.footer-links img {
    margin-left: 0 !important;
    margin-top: 1rem;
  }
  #pagefooter .footer-somelinks ul li {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  #pagefooter .footer-somelinks ul li:first-child {
    margin-bottom: 1.5rem;
  }
  #pagefooter .footer-links:not(.footer-somelinks) ul li {
    display: block;
    margin-bottom: 1rem;
  }
  #pagefooter .footer-links:not(.footer-somelinks) ul li.footer-link-separator {
    display: none;
  }
}
@media only screen and (max-width: 350px) {
  /*body #pagefooter .footer-somelinks.footer-links img {
      height: 25px !important;
      margin-left: 0px !important;
      margin-right: 15px !important;
  }*/
}
@media only screen and (min-width: 690px) {
  body #pagefooter .btn.btn-rectangle, body #pagefooter button {
    width: 100% !important;
    max-width: 370px !important;
  }
}
@media only screen and (max-width: 689px) {
  body #pagefooter .btn.btn-rectangle, body #pagefooter button {
    width: 100% !important;
    max-width: 300px !important;
  }
}
#cookie-consent {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 100000000000000000000000;
  background: #e8eff8;
  border-top: 4px #006fb9 solid !important;
  color: #000;
  font-weight: 400;
  padding: 25px 20px;
}
#cookie-consent > div {
  max-width: 1100px;
  margin: 0px auto;
}
#cookie-consent > div button {
  background-color: #086fb7;
  color: white;
  border-radius: 0;
  margin: 0.3rem 0.1rem;
  float: left;
  font-weight: 600;
  padding-right: 30px;
  background-size: 25px !important;
}
table tr td {
  font-size: 1.8rem !important;
}

div[class^=col-] > div.table-responsive {
  margin-left: -15px;
  margin-right: -15px;
}

table.table-editor {
  margin-bottom: 30px;
  border: none;
  border-collapse: collapse;
}
table.table-editor th, table.table-editor td {
  padding: 12px;
  line-height: 1.428571429;
  vertical-align: top;
}
table.table-editor thead tr th, table.table-editor thead tr td {
  background: #006fb9;
  color: #fff;
  font-weight: normal;
  font-size: 1.8rem !important;
  border: none;
}
table.table-editor tbody tr td {
  border: none;
  font-size: 1.8rem !important;
}
table.table-editor tbody tr:nth-of-type(odd) {
  background-color: #e8eff8;
}
table.table-editor tbody tr.even {
  background-color: white;
}
table.table-editor.thin th, table.table-editor.thin td {
  padding: 6px;
}

table.table-editor.table-fiva-1 {
  border-collapse: collapse;
}
table.table-editor.table-fiva-1 th, table.table-editor.table-fiva-1 td {
  padding: 12px;
}
table.table-editor.table-fiva-1 thead tr th, table.table-editor.table-fiva-1 thead tr td {
  background: #e8eff8;
  color: black;
  font-weight: bold;
}
table.table-editor.table-fiva-1 tbody tr td {
  border-bottom: 2px solid #e8eff8;
  border-top: 2px solid #e8eff8;
  font-size: 1.8rem !important;
}
table.table-editor.table-fiva-1 tbody tr {
  background-color: white;
}
table.table-editor.table-fiva-1.thin th, table.table-editor.table-fiva-1.thin td {
  padding: 6px;
}

table.table-editor.table-fiva-2 {
  border-collapse: collapse;
}
table.table-editor.table-fiva-2 th, table.table-editor.table-fiva-2 td {
  padding: 12px;
}
table.table-editor.table-fiva-2 thead tr th, table.table-editor.table-fiva-2 thead tr td {
  background: #006fb9;
  color: white;
  font-weight: bold;
  font-size: 1.8rem;
  border: none;
}
table.table-editor.table-fiva-2 tbody tr td {
  border-bottom: 2px solid #006fb9;
  border-top: 2px solid #006fb9;
}
table.table-editor.table-fiva-2 tbody tr {
  background-color: white;
}
table.table-editor.table-fiva-2.thin th, table.table-editor.table-fiva-2.thin td {
  padding: 6px;
}

table.table-editor tbody td.table-fiva-indented, table.table-editor tbody th.table-fiva-indented {
  padding-left: 50px !important;
}

table.table-editor.table-fiva-3 tbody p {
  margin: 0;
}
table.table-editor.table-fiva-3 tbody th, table.table-editor.table-fiva-3 tbody td {
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
table.table-editor.table-fiva-3 tbody th:nth-child(2n+3), table.table-editor.table-fiva-3 tbody td:nth-child(2n+3) {
  background-color: #e8eff8;
}
table.table-editor.table-fiva-3 tbody th:nth-child(1n+2), table.table-editor.table-fiva-3 tbody td:nth-child(1n+2) {
  text-align: right !important;
}
table.table-editor.table-fiva-3 tbody th {
  color: #006fb9;
}
table.table-editor.table-fiva-3 tbody th * {
  color: #006fb9;
}
table.table-editor.table-fiva-3 tbody th {
  border-bottom: 1px solid #006fb9;
}
table.table-editor.table-fiva-3 tbody th.table-fiva-subheading {
  border-top: 1px solid #006fb9;
  border-bottom: none;
  /*padding-top: 6px;*/
}

.flexrow, .row.equal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.sr-only-focusable {
  z-index: 1000;
  background: #FFF;
  padding: 6px;
}

.mobile-title-area {
  display: none;
}

.identity-area {
  background-position-x: center;
  background-size: cover;
  margin: auto;
  color: #006fb9;
  font-size: 2.5rem;
  line-height: 2.7rem;
  position: relative;
}
.identity-area h1, .identity-area .parent-title {
  color: #FFF;
  font-size: 4.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.0869;
  letter-spacing: -1.15px;
}
@media (max-width: 786px) {
  .identity-area {
    font-size: 2rem;
    line-height: 2.1rem;
  }
}
.identity-area .identity-text-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  position: absolute;
  right: 50%;
  width: 530px;
}
@media (max-width: 690px) {
  .identity-area .identity-text-container {
    width: 345px;
  }
}
@media (max-width: 386px) {
  .identity-area .identity-text-container {
    /*  height: 175px;
    left: 0;
    bottom: 0;
    width: 100%;*/
  }
}
.identity-area .identity-text {
  /*display: inline-block;*/
  padding: 0 1rem;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.identity-area.toke .identity-text-container {
  background-color: transparent;
}
.identity-area.toke .identity-text {
  /*display: inline-block;*/
  color: white;
  font-weight: 600;
  padding: 0 1rem;
  vertical-align: middle;
  text-align: left;
  display: table-cell;
}

.identity-text-area {
  background: #002F63;
  color: #FFF;
  padding: 40px 0;
  margin-bottom: 40px;
}
.identity-text-area .container {
  display: flex;
  flex-direction: row;
}
.identity-text-area p {
  font-size: 2.5rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.5px !important;
  width: 240px;
}
.identity-text-area a, .identity-text-area p, .identity-text-area li {
  color: #FFF !important;
}
.identity-text-area ul {
  font-size: 1.8rem;
  list-style-image: url(/source/svg/arrow-13.svg);
  column-count: 3;
  column-width: 240px;
}
.identity-text-area ul li {
  margin-bottom: 12px;
}

@media only screen and (max-width: 689px) {
  .identity-text-area .container {
    flex-wrap: wrap;
  }
  .identity-text-area p {
    font-size: 2.1rem;
  }
}
.tag {
  padding: 0.5rem;
  border: solid 1px #002F63;
  color: #002F63 !important;
  display: inline-block;
  margin-bottom: 0.4rem;
  text-transform: capitalize;
}

/* link outlines on focus when using keyboard etc*/
:link:focus, :visited:focus {
  outline: 2px dashed #337ab7;
  outline-offset: 1px;
  /*background-color: red;
  color: white;*/
}

#skipcontent:link:focus,
#skipcontent:visited:focus {
  outline: 2px dashed #FFFFFF;
  outline-offset: 1px;
  color: white;
}

#topmenu :link:focus, #topmenu :visited:focus {
  outline: 2px dashed #337ab7;
  outline-offset: -1px;
  /*background-color: red;
  color: white;*/
}
#topmenu #header-top-row-mobile-main a:focus {
  outline-color: #FFF;
  outline-offset: 2px;
}
#topmenu ul.has-children :link:focus,
#topmenu ul.has-children :visited:focus {
  outline: 2px dashed #FFFFFF;
  outline-offset: 1px;
}

.footer-content :link:focus,
.footer-content :visited:focus,
#header-top-row :link:focus,
#header-top-row :visited:focus {
  outline: 2px dashed #FFFFFF;
}

.breadcrumb-area {
  background-color: #e8eff8;
  height: 60px;
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

#breadcrumb {
  text-align: center;
}
#breadcrumb ol {
  background-color: transparent;
  margin: 0;
}
#breadcrumb .bread-crumb-homebutton {
  width: 17px !important;
  height: auto !important;
  margin-top: -5px;
}
#breadcrumb .breadcrumb {
  margin: 0;
  text-align: left;
}
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb span {
  color: #004c93;
  /*color: #7fb7dc !important;*/ /*kontrasti ongelma*/
  font-size: 1.9rem;
}
#breadcrumb .active {
  color: #0D2641 !important;
  font-size: 1.9rem;
}

/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  body .breadcrumb-area {
    display: none;
  }
}
body .breadcrumb > li + li::before {
  content: "  ";
  background: url("/static/img/theme/crumb-icon.png") no-repeat 50% 60%;
  background-size: 6px auto;
  padding: 0 12px;
}

.favouritelinksblock {
  /*text-transform: uppercase;*/
}
.favouritelinksblock .btn {
  background-color: #006fb9;
  color: white;
  border-radius: 0;
  margin: 0px 16px 12px 0px;
  white-space: normal;
}
.favouritelinksblock ul {
  list-style-type: none;
  padding: 0;
  text-align: center;
}
.favouritelinksblock ul li {
  display: inline;
}

.workatfivainfoblock h2 {
  color: #1f3d78;
  text-transform: uppercase;
}

.btn-rectangle {
  border: 2px solid white;
  color: white;
  border-radius: 0;
  margin-right: 0.5em;
  margin-bottom: 15px !important;
  text-transform: uppercase;
}

/*body*/
body {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: normal;
  color: #000000;
}
body a:link, body a:hover, body a:visited, body a:hover {
  color: #006fb9;
}
body a[target=_blank] {
  position: relative;
  margin-right: 15px;
}
body a[target=_blank]::after {
  position: absolute;
  display: inline-block;
  content: "";
  background: url(../../Static/img/externallink.svg) no-repeat -3px 0;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
body article a {
  text-decoration: underline;
}
body article a:hover, body article a:focus {
  text-decoration: none;
}

hr {
  border-top: 1px solid #006fb9 !important;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

/*basic pagecontent+ editor*/
.container h1, .container .h1 {
  font-size: 4.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.086;
  margin-bottom: 38px;
  letter-spacing: -1px;
  color: #002F63;
}
.container h1.h1-content-page, .container .h1.h1-content-page {
  font-size: 3.6rem;
  line-height: 1.19;
}
.container h2, .container .h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.5px;
  margin-bottom: 28px;
  margin-top: 28px;
  color: #002F63;
}
.container h3, .container .h3 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #002F63;
}
.container h4, .container .h4 {
  color: #002F63;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.container h5, .container .h5 {
  font-size: 1.2rem;
  font-weight: 700;
}
.container h6, .container .h6 {
  font-size: 1.2rem;
  font-weight: 700;
}
.container p, .container ul, .container ol {
  color: #002F63;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 18px;
}
.container ul li:has(a)::marker {
  color: #006fb9;
}
.container h1.h1-content-page {
  margin-top: 0px !important;
}

body .main-content-column a {
  text-decoration: underline;
}

/* desktop spesific */
@media only screen and (min-width: 1200px) {
  .container {
    width: 1200px !important;
  }
}
/*mobile combined (tablet + smartphone)  spesific*/
@media only screen and (max-width: 1099px) {
  .main-content-column > .row {
    margin-left: 0px;
    margin-right: 0px;
  }
}
/*tablet spesific*/
@media only screen and (max-width: 1099px) and (min-width: 690px) {
  body {
    font-size: 1.7rem !important;
    line-height: normal !important;
  }
  body .container h1, body .container h1.h1-content-page {
    font-size: 3.1rem;
    line-height: 3.9rem;
  }
  body .container h2 {
    font-size: 2.5rem;
    line-height: 3.2rem;
    margin-bottom: 26px;
    margin-bottom: 26px;
  }
  body .container h3 {
    font-size: 2rem;
    line-height: 2.3rem;
  }
  body .container h4 {
    font-size: 1.7rem;
    line-height: 2.2rem;
  }
}
/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  body {
    font-size: 1.6rem !important;
    line-height: 2.2rem !important;
  }
  body .container h1, body .container h1.h1-content-page {
    font-size: 2.8rem;
    line-height: 3.7rem;
    margin-bottom: 26px;
    margin-bottom: 26px;
  }
  body .container h2 {
    font-size: 2.4rem;
    line-height: 2.9rem;
    margin-bottom: 21px;
  }
  body .container h3 {
    font-size: 1.9rem;
    line-height: 22px;
  }
  body .container h4 {
    font-size: 16px;
    line-height: 2.2rem;
  }
  #breadcrumb li {
    margin-bottom: 8px !important;
  }
  #breadcrumb .breadcrumb {
    margin-bottom: 0px !important;
  }
  .container.hasnoleftmenu > .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  /*mobile no left or rightml content fix*/
}
/*basic list*/
.main-content-column article ul > li, .main-content-column article ol > li {
  margin-bottom: 10px;
}

.main-content-column article ul, .main-content-column article ol {
  padding-left: 20px;
  margin-left: 0px;
}

.main-content-column article .page-list-block ul {
  padding-left: 0;
}
.main-content-column article .page-list-block ul a {
  text-decoration: none;
}
.main-content-column article .page-list-block ul a:hover, .main-content-column article .page-list-block ul a:focus {
  text-decoration: underline;
}

/* alta .main-content-column article .tab-content ul 17.11.2020 EK pois, listat menee vas reunan yli */
.main-content-column article .nav-tabs {
  padding-left: 0px !important;
}

.flex-tabs {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}

/*tab fix*/
/*ui fix, sivun editorin sisällö olevat sisällöt*/
/*
.main-content-column article > .row > div, .main-content-column article > .row > div .row > div {
    padding-left: 0px;
    padding-right: 0px;
}

.main-content-column article > .row {
    margin-left: 0px;
    margin-right: 0px;
}

.main-content-column article > .row > div > .row {
    margin-left: 0px;
    margin-right: 0px;
}
    */
/*IMAGE, on content*/
.container img {
  max-width: 100% !important;
  height: auto !important;
}

/*container control level*/
.container {
  max-width: 1200px !important;
}

/*.main-content-column {
    margin-bottom: 50px;
}*/
footer.meta {
  margin-bottom: 50px;
}
footer.meta .footer-date {
  display: flex;
  flex-direction: row;
  align-items: center;
}
footer.meta .footer-date h2, footer.meta .footer-date p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
footer.meta .footer-date h2 {
  margin-right: 8px;
}

/*ingresss*/
span.lead-text {
  color: #002F63;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.21px;
  margin-bottom: 4rem;
  display: block;
}

span.lead-text p {
  font-size: 2.1rem !important;
  margin-bottom: 0px !important;
}

/*some / pagefooter on  content*/
.somelinkicons {
  width: 40px;
  margin-right: 8px;
  cursor: pointer;
}

hr.greyhr {
  border-top: 1px solid #c8c8c8 !important;
}

footer.meta hr.greyhr:first-child {
  border-top: 6px solid #e8eff8 !important;
}

.container .social-media-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.container .social-media-buttons h4, .container .social-media-buttons .h4 {
  display: inline-block;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 36px 0 0 !important;
}
.container .social-media-buttons .some-btn {
  display: inline-block;
  width: 26px;
  margin-right: 12px;
}

.download-link img {
  width: 16px;
}

/*avainsanat*/
article .tag {
  display: inline-flex;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  border: 1px solid #9FB2C8;
  background: transparent;
}

footer.meta a.tag {
  display: inline-flex;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  border: 1px solid #9FB2C8;
  background: transparent;
  text-decoration: none;
}
footer.meta a.tag:hover, footer.meta a.tag:focus {
  background: #e8eff8;
}

footer.meta h6, footer.meta .h6 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #000;
  margin-top: 0;
  margin-bottom: 2px;
}

a.tag {
  display: inline-flex;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  border: 1px solid #9FB2C8;
  background: transparent;
  display: inline-block;
}

/*calendar search page*/
.calendar-page {
  margin-bottom: 50px;
}

i.arrow-down {
  cursor: pointer;
  background: url("/static/img/theme/bg-tab-arrow-all.png") no-repeat 0px 0px !important;
  background-size: auto auto !important;
  background-size: 13px 8px !important;
  width: 13px !important;
  height: 8px !important;
  margin-right: 0px !important;
  border: 0px red solid !important;
  display: inline-block !important;
}

body i.arrow-down.andupp {
  background: url("/static/img/theme/bg-tab-arrow-all-down.png") no-repeat 0px 0px !important;
}

span.smallformitem {
  float: left;
  margin: 0px 20px 10px 0px;
  display: inline-block;
}

span.smallformitem label {
  margin-left: 10px;
  font-weight: 400;
  display: inline-block;
}

h4.notopmargin {
  margin-top: 0px !important;
}

.calendarsearchform {
  background: #e8eff8 !important;
  padding: 25px;
  margin-bottom: 30px;
}

.listing.events.rawdata > div > div {
  margin-bottom: 15px;
}

.calendarlisting_wrapper .table > thead > tr > th {
  background: #006fb9;
  color: #fff;
  font-weight: normal;
  font-size: 1.8rem;
}

.calendarlisting_wrapper .table-bordered > thead > tr > th, .calendarlisting_wrapper .table-bordered > thead > tr > td, .calendarlisting_wrapper .table-bordered > tbody > tr > th, .calendarlisting_wrapper .table-bordered > tbody > tr > td, .calendarlisting_wrapper .table-bordered > tfoot > tr > th, .calendarlisting_wrapper .table-bordered > tfoot > tr > td {
  border: 1px solid transparent !important;
}

.calendarlisting_wrapper .table-bordered {
  border: transparent 1px solid;
}

.calendarlisting_wrapper .table > thead > tr > th, .calendarlisting_wrapper .table > thead > tr > td, .calendarlisting_wrapper .table > tbody > tr > th, .calendarlisting_wrapper .table > tbody > tr > td, .calendarlisting_wrapper .table > tfoot > tr > th, .calendarlisting_wrapper .table > tfoot > tr > td {
  padding: 12px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.isclickablecell {
  cursor: pointer !important;
}

.calendarlisting_wrapper th i {
  display: none !important;
}

/*global*/
.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #e8eff8 !important;
}

/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  .listing.events.rawdata, .calendarsearchform {
    font-size: 1.4rem !important;
  }
  .calendarlisting_wrapper .table > thead > tr > th, .calendarlisting_wrapper .table > thead > tr > td, .calendarlisting_wrapper .table > tbody > tr > th, .calendarlisting_wrapper .table > tbody > tr > td, .calendarlisting_wrapper .table > tfoot > tr > th, .calendarlisting_wrapper .table > tfoot > tr > td {
    padding: 5px !important;
    font-size: 1.4rem !important;
  }
}
/* search box page  */
body .searchboxform form button {
  border: 1px solid transparent !important;
  margin-top: -5px !important;
  margin-right: 0px !important;
  width: 25px !important;
  height: 25px !important;
  background-size: 18px !important;
  margin-left: 10px !important;
  background: transparent url("/static/img/theme/search-img-bg-dskt.png") no-repeat 0px 0px !important;
}

.searchboxform .input-group {
  background: #e8eff8;
  border-radius: 4px;
  padding: 4px 4px;
}

.searchboxform #search-query {
  border-radius: 4px;
  border: 0;
  background: #e8eff8;
  padding: 10px 10px !important;
  min-height: 40px;
  color: #000 !important;
  font-size: 1.8rem !important;
}

body #searchItems .btn-primary-categories {
  border: solid 1px #006fb9 !important;
  font-size: 1.3rem !important;
  line-height: 125% !important;
  text-transform: uppercase !important;
  color: #006fb9 !important;
  background-color: #fff !important;
  padding: 12px 18px 12px 18px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  border: solid 1px #006fb9;
}

.btn#show-search-filters {
  background: none !important;
  color: #004c93 !important;
  display: inline-flex;
  align-items: center;
  padding: 0 !important;
  border: 0 !important;
  transition: 0.1s;
}
.btn#show-search-filters:hover, .btn#show-search-filters:focus {
  text-decoration: underline;
  border: 0;
  color: #004c93 !important;
}
.btn#show-search-filters .icon-frame {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  padding: 2px;
  height: 20px;
  width: 20px;
  border-radius: 4px;
}
.btn#show-search-filters span {
  display: block;
}
.btn#show-search-filters.active {
  box-shadow: none !important;
}
.btn#show-search-filters.active .icon-frame {
  background: #004c93;
}
.btn#show-search-filters.active span {
  transform: rotate(45deg);
  color: #FFF;
}

.btn#filtersearch {
  background: none !important;
  padding: 10px;
  border: 1px solid #004c93;
  color: #004c93;
  margin-top: 44px;
  text-transform: uppercase;
  font-weight: 400;
}
.btn#filtersearch:hover, .btn#filtersearch:focus {
  color: #004c93 !important;
}

body #searchItems .filter-btn {
  background: #FFF !important;
  border: 2px solid #004c93;
  border-radius: 20px;
  padding: 0.8rem;
  transition: 0.2s;
  font-size: 1.6rem;
  margin-right: 1rem;
}
body #searchItems .filter-btn:hover {
  background: #004c93 !important;
}
body #searchItems .filter-btn.active {
  box-shadow: none;
  background: #004c93 !important;
  color: #FFF !important;
}

.flexarea {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.flexarea h2, .flexarea h3, .flexarea .input-group {
  margin: 0 !important;
}

.space-between {
  justify-content: space-between;
}

hr.broad-line {
  border-top: 3px solid #004c93 !important;
}

body #searchItems .btn-primary-categories:hover,
body #searchItems .btn-primary-categories.active {
  background-color: #006fb9 !important;
  color: #fff !important;
}

#searchItems .badge.badge-primary {
  margin-bottom: 5px !important;
  padding: 7px 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 1.3rem !important;
  letter-spacing: 1px !important;
  background: #fff !important;
  margin-top: 10px !important;
  margin-right: 10px !important;
  width: auto !important;
  border: solid 1px #006fb9 !important;
  color: #006fb9 !important;
  display: inline-block !important;
  border-radius: 0px !important;
}

#searchItems .badge.badge-primary > a {
  color: #006fb9 !important;
  background: transparent !important;
}

.pagination > li.current > a, .pagination .currenpagelink {
  background-color: #006fb9 !important;
  color: white !important;
  height: 40px;
}

.pagination > li > a {
  border-radius: 0px !important;
  border: solid 1px #006fb9 !important;
  color: #006fb9 !important;
}

#searchItems .ancestors {
  margin-bottom: 6px;
}

#searchItems .text-muted, #searchItems p.authors {
  color: #000;
  font-size: 1.6rem;
  letter-spacing: 1px;
}

.category-select {
  background: #e8eff8;
  border: 0;
  border-radius: 4px;
  padding: 8px;
  color: #004c93;
}
.category-select option {
  padding: 8px;
  background: #e8eff8;
  color: #004c93;
}

h4.search-title {
  font-size: 2.4rem;
  font-weight: 400;
}
h4.search-title em {
  font-style: normal;
}

.search-tags .search-tag {
  font-size: 1.6rem;
}
.search-tags .search-tag .middle-dot {
  font-size: 1.8rem;
  font-weight: 700;
  color: #004c93;
  margin: 0 4px 0 8px;
}
.search-tags .search-tag:last-child .middle-dot {
  display: none;
}

/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  .searchboxform > .input-group > span > a {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
  }
  blockquote {
    font-size: 2rem !important;
    line-height: 25px !important;
    padding: 20px 30px !important;
  }
}
/*searchpage - tablet spesific exception  */
@media only screen and (max-width: 1599px) and (min-width: 690px) {
  body .searchboxform .btn.btn-rectangle, body .searchboxform button {
    margin-top: 20px !important;
  }
}
blockquote {
  position: relative;
  background: #e8eff8;
  width: 100%;
  height: auto;
  border-radius: 0px;
  padding: 20px 50px;
  margin-bottom: 20px;
  font-size: 2.2rem;
  line-height: 27px;
  color: #fff;
  font-weight: 300;
  margin: 20px 0px 30px 0px;
  border-left: 0px white solid !important;
  display: block;
}

/*
blockquote a, blockquote a:hover, blockquote a:active, blockquote a:visited {
    color: #fff !important;
}*/
blockquote::after {
  top: 100%;
  left: 90%;
  position: absolute;
  pointer-events: none;
  content: " ";
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-top: 10px solid #e8eff8;
  border-left: 10px solid #e8eff8;
  border-bottom: 10px solid transparent;
  border-radius: 1px;
}

/*ui search autocomplete */
.ui-widget-content.ui-autocomplete {
  list-style: none;
  max-width: 382px !important;
  z-index: 1000000000000;
  margin-top: 36px;
  margin-left: 11px;
  background: transparent !important;
}

.ui-widget-content.ui-autocomplete > li {
  list-style: none;
  background: #FFF !important;
  margin-left: -58px !important;
  max-width: 322px !important;
  color: #002F63 !important;
  font-size: 2rem !important;
  margin-top: 0 !important;
}
.ui-widget-content.ui-autocomplete > li:hover {
  background: #004c93 !important;
}
.ui-widget-content.ui-autocomplete > li:hover .ui-menu-item-wrapper {
  color: #FFF !important;
}

.ui-autocomplete > li > .ui-menu-item-wrapper {
  color: #002F63 !important;
  cursor: pointer !important;
  font-size: 2rem !important;
  padding: 12px 12px !important;
  font-weight: normal !important;
  border: 1px solid #9FB2C8 !important;
}

.ui-autocomplete > li > .ui-menu-item-wrapper:hover {
  font-weight: bold !important;
  font-color: #FFF !important;
}

/*general form element styles part of */
#page-content input[type=text].form-control, #page-content textarea.form-control, #page-content select.form-control {
  border: 1px #006fb9 solid !important;
  padding: 10px 10px !important;
  min-height: 40px;
  color: #000 !important;
  font-size: 1.7rem !important;
  border-radius: 0px !important;
  /*  margin-bottom: 20px;*/
}

body #page-content select.form-control {
  padding: 6px 6px !important;
}

/*fix/exeptions*/
#page-content #regulation-mainpage-search input[type=text].form-control, #page-content .regulation-search-group input[type=text].form-control {
  border: 0px #006fb9 solid !important;
}

#page-content .searchboxform input[type=text].form-control {
  border: 0 !important;
  box-shadow: none;
}

span.input-group-addon {
  color: #006fb9 !important;
  border-radius: 0px !important;
  border-right: 1px solid #004c93 !important;
  border-top: 1px solid #004c93 !important;
  border-bottom: 1px solid #004c93 !important;
}

/* glyps fix*/
ul.gj-list li [data-role=expander] {
  font-size: 1.3rem !important;
}

.gj-checkbox-bootstrap span {
  border-radius: 0px !important;
}

/*acco fix*/
body .fiva-accordion .accordion-line-header h3 {
  position: relative !important;
  padding-right: 40px !important;
}

body .fiva-accordion .accordion-line-header h3 i.accordion-line-header-icon.rotate {
  position: absolute !important;
  right: 0px !important;
  top: 5px !important;
}

/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  body .fiva-accordion .accordion-line-header h3 i.accordion-line-header-icon.rotate, body .fiva-accordion .accordion-line-header h3 i.accordion-line-header-icon.rotate.down {
    background-size: 18px !important;
  }
  body .fiva-accordion .accordion-line-header h3 {
    font-size: 2.5rem !important;
  }
  body.fiva-accordion .accordion-line-header {
    padding: 15px !important;
  }
}
/*editor fix*/
body.mceContentBody .btn.btn-rectangle {
  display: inline-block !important;
  margin-top: 10px !important;
}

/*newslistyearpage*/
body .newslistyearpage {
  margin-left: 0px !important;
  padding-left: 0px !important;
  list-style: none !important;
  margin-bottom: 50px !important;
}
body .newslistyearpage li {
  background: url(/static/img/theme/mok-bullet-dark.png) no-repeat -30px 5px !important;
  padding-left: 20px !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}
body .newslistyearpage li h3 {
  font-weight: 400 !important;
  margin-bottom: 3px !important;
}

/*pdf regulation*/
.regulation-attachment {
  background: url(/static/img/theme/pdf-icon.png) no-repeat right 3px !important;
  display: inline-block !important;
  padding-right: 25px !important;
  background-size: 18px !important;
}

.regulation-attachment[target=_blank]::after {
  background: none;
}

/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  body .regulation-attachment {
    background: url(/static/img/theme/pdf-icon.png) no-repeat right 2px !important;
    background-size: 17px !important;
  }
}
/*calendarpageiconspesific*/
.calendarlinktd {
  background: #e8eff8;
  padding: 10px 10px;
}
.calendarlinktd a {
  background: transparent url("/static/img/theme/calendar-ico.png") no-repeat 0px 0px !important;
  padding-left: 30px;
  padding-bottom: 10px;
  background-size: auto 23px !important;
}

/*event calendar listing month title */
.capitalizetext {
  text-transform: capitalize !important;
}

/*@media screen and (min-width: 641px){
	.frontpage-content{
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njk0REY1Nzk2OTI3MTFFNkE4OEQ5MkZFQ0I2NjE5MUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njk0REY1N0E2OTI3MTFFNkE4OEQ5MkZFQ0I2NjE5MUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OTRERjU3NzY5MjcxMUU2QTg4RDkyRkVDQjY2MTkxQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OTRERjU3ODY5MjcxMUU2QTg4RDkyRkVDQjY2MTkxQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl15zF4AAAAPSURBVHjaYnhw9RxAgAEABRwChB/4lRQAAAAASUVORK5CYII=');
		background-position:50% 0;
		background-repeat:repeat-y;
		background-size:1px 100%;
	}
}*/
.frontpage-content .frontpage-top-area.h1 {
  color: #006fb9;
  font-size: 3.6rem;
  line-height: 4.5rem;
}
.frontpage-content .frontpage-middle-area {
  margin-top: 10px;
  padding: 0;
}
.frontpage-content .frontpage-bottom-area {
  margin-top: 45px;
  margin-bottom: 45px;
}
.frontpage-content .row:after {
  border-bottom: solid 1px white;
}
.frontpage-content .frontpage-wide-image-container {
  position: relative;
  max-width: 1600px;
  margin: auto;
}
.frontpage-content .frontpage-wide-image-container .frontpage-wide-image-text-container .frontpage-wide-image-inner-text-container {
  padding: 0 1rem;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.frontpage-content .frontpage-wide-image-container .frontpage-wide-image-text-container .frontpage-wide-image-inner-text-container h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.frontpage-content .frontpage-wide-image-container .frontpage-wide-image-text-container {
  display: table;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 50%;
  width: 520px;
  margin-left: 15px;
}
@media (max-width: 690px) {
  .frontpage-content .frontpage-wide-image-container .frontpage-wide-image-text-container {
    width: 345px;
    margin-left: 0;
  }
}
@media (max-width: 386px) {
  .frontpage-content .frontpage-wide-image-container .frontpage-wide-image-text-container {
    height: 175px;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-left: 0;
  }
}

.lightblue-bg {
  background-color: #e8eff8;
  background-image: url(/source/svg/flower.svg);
  background-position: 0 95%;
  background-repeat: repeat-x;
  margin-bottom: 36px;
  padding-bottom: 40px;
  padding-top: 24px;
}
.lightblue-bg.section-page {
  margin-bottom: 0;
}

.fullcontainerblue {
  background-color: #006fb9;
  color: white;
}
.fullcontainerblue .editorial-heading-link {
  color: white;
}
.fullcontainerblue a:link, .fullcontainerblue a:hover, .fullcontainerblue a:visited, .fullcontainerblue a:hover, .fullcontainerblue h1, .fullcontainerblue h2, .fullcontainerblue h3, .fullcontainerblue h4 {
  color: #ffffff;
}
.fullcontainerblue :link:focus, .fullcontainerblue :visited:focus {
  outline: 2px dashed #FFFFFF;
  outline-offset: 1px;
}

.fullcontainerblue.lightblue-bg {
  background-color: #e8eff8;
  color: #000000;
}
.fullcontainerblue.lightblue-bg .editorial-heading-link {
  color: #000000;
}
.fullcontainerblue.lightblue-bg a:link, .fullcontainerblue.lightblue-bg a:hover, .fullcontainerblue.lightblue-bg a:visited, .fullcontainerblue.lightblue-bg a:hover, .fullcontainerblue.lightblue-bg h1, .fullcontainerblue.lightblue-bg h2, .fullcontainerblue.lightblue-bg h3, .fullcontainerblue.lightblue-bg h4 {
  color: #000000;
}
.fullcontainerblue.lightblue-bg :link:focus, .fullcontainerblue.lightblue-bg :visited:focus {
  outline: 2px dashed #FFFFFF;
  outline-offset: 1px;
}

/*buttonit varipohja whole site */
body .btn.btn-rectangle, body button body .fullcontainerblue .btn.btn-rectangle,
body .fullcontainerblue button body #pagefooter .btn.btn-rectangle,
body #pagefooter button,
body .regulation-search-second-row .btn.btn-rectangle {
  font-size: 1.5rem;
  padding: 12px 55px 12px 18px;
  line-height: 160%;
}

body .btn.btn-rectangle, body button {
  border: 1px solid #2C343C;
  background: transparent url(/source/svg/arrow-13.svg) no-repeat !important;
  background-position: right 16px center !important;
  color: #2C343C;
  text-transform: none;
  transition: 0.2s;
}

body .btn.btn-rectangle:hover, body .btn.btn-rectangle:focus, body button:hover, body button:focus {
  border: 1px solid #004c93;
  background: #FFF url(/source/svg/arrow-13.svg) no-repeat !important;
  background-position: right 8px center !important;
}

body .fullcontainerblue .btn.btn-rectangle, body .fullcontainerblue button {
  border: 1px solid #ffffff;
  background: #006eb8 url("/static/img/theme/bg_arrow-blue.png") no-repeat right 50% !important;
  color: #ffffff !important;
}

body .fullcontainerblue .btn.btn-rectangle:hover, body .fullcontainerblue button:hover {
  border: 1px solid #ffffff;
  background: #00a2df url("/static/img/theme/bg_arrow-blue-down.png") no-repeat right 50% !important;
  color: #ffffff !important;
}

body #pagefooter .btn.btn-rectangle, body #pagefooter button {
  border: 1px solid #ffffff;
  background: transparent url(/source/svg/arrow-13.svg) no-repeat 95% 50% !important;
  color: #ffffff !important;
}

body #pagefooter .btn.btn-rectangle:hover, body #pagefooter button:hover {
  border: 1px solid #ffffff;
  background: transparent url(/source/svg/arrow-13.svg) no-repeat 98% 50% !important;
  color: #ffffff !important;
}

/*grey bg*/
body .regulation-search-second-row .btn.btn-rectangle {
  border: 1px solid #004c93;
  background: #e8eff8 url("/static/img/theme/bg_arrow-grey.png") no-repeat right 50% !important;
  color: #006fb9 !important;
  margin-bottom: 30px !important;
  max-width: 100%;
}

body .regulation-search-second-row .btn.btn-rectangle:hover {
  border: 1px solid #004c93;
  background: #006fb9 url("/static/img/theme/bg_arrow-grey-down.png") no-repeat right 50% !important;
  color: #ffffff !important;
}

body .regulation-search-second-row .paragraph-highlight {
  color: rgb(35, 31, 32);
  font-size: 1.5em;
  font-weight: 300;
  line-height: 35px;
  margin: 0.8em 0;
}

/*lomake button */
body form .btn, body form button {
  color: #000 !important;
  background: #fff !important;
  font-weight: 400 !important;
  letter-spacing: -0.5px;
}

/*KUVANOSTO*/
body .identity-area .identity-text {
  font-weight: 300;
}

body .identity-area.startpage-links {
  height: 350px;
}

body .identity-area.startpage-links .identity-text {
  font-weight: 400;
  text-align: left;
}
body .identity-area.startpage-links .identity-text ul {
  list-style: none;
  font-size: 2.4rem;
  padding: 0;
  margin: 0 30px 10px;
}
body .identity-area.startpage-links .identity-text ul a {
  display: block;
  /*background: url(../../Static/img/theme/bg_arrow-white.png) no-repeat right;*/
  background: url(../../Static/img/theme/angle-double-right.svg) no-repeat right;
  background-size: 14px;
  line-height: 3.6rem;
}

/*upper area, whitebg basic lift*/
.frontpage-top-area .editorialblock p, .frontpage-top-area .favouritelinksblock p {
  margin-bottom: 0;
}

@media only screen and (max-width: 1099px) {
  .frontpage-top-area .editorialblock, .frontpage-top-area .favouritelinksblock {
    padding-top: 25px !important;
    padding-bottom: 15px !important;
  }
}
/*SUOSITUIMMAT, ajankohtaista*/
.frontpage-content .container .frontpage-top-area h2 {
  margin-bottom: 35px !important;
  margin-top: 10px !important;
}

.frontpage-content .container .frontpage-middle-area .regulation-search-block h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.5px;
  margin: 0 0 0.8em !important;
}

.frontpage-content .container .frontpage-middle-area .regulation-search-block .regulation-search-group {
  padding: 0 0 0 12px;
}
.frontpage-content .container .frontpage-middle-area .regulation-search-block .regulation-search-group input[type=text].form-control {
  padding: 0 !important;
}

.favouritelinksblock a.btn {
  font-size: 2.4rem !important;
}

.favouritelinksblock {
  margin-bottom: 30px !important;
}

.frontpage-middle-area {
  margin-bottom: 0px !important;
}

.fullcontainerblue .editorialblock.displaymode-full .btn-rectangle, .fullcontainerblue .editorialblock.displaymode-half .btn-rectangle {
  margin-bottom: 0px !important;
  margin-top: 10px !important;
}

.editorialblock img {
  object-fit: cover;
  object-position: center;
}
.editorialblock .text-area.has-picture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*
.fullcontainerblue .frontpage-middle-area .editorialblock.displaymode-full, .fullcontainerblue .frontpage-middle-area .editorialblock.displaymode-half {
    border-bottom: 1px #fff solid;
}*/
.fullcontainerblue .frontpage-middle-area > .overflow-hidden > .editorialblock.col-lg-12, .fullcontainerblue .frontpage-middle-area > .overflow-hidden > .editorialblock.col-lg-6 {
  border-top: 1px #fff solid;
}

.fullcontainerblue .frontpage-middle-area > .overflow-hidden > .editorialblock.col-lg-12:nth-child(-n+2) {
  border-top: 0px #fff solid;
}

/******************/
.frontpage-content .container .frontpage-middle-area h3 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}

.frontpage-content .container .frontpage-middle-area .editorialblock.displaymode-half h3 {
  font-size: 2.1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: -0.21px !important;
}

.frontpage-content .container .frontpage-middle-area h4 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
}

.frontpage-content .container .frontpage-middle-area .editorialblock span,
.frontpage-content .container .frontpage-middle-area .editorialblock p {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 400;
}

.frontpage-content .container .frontpage-middle-area .editorialblock p {
  font-weight: 600;
}
.frontpage-content .container .frontpage-middle-area .editorialblock p a {
  color: #002F63;
}

.fullcontainerblue footer.meta {
  border-top: 0px solid #c8c8c8 !important;
}

.displaymode-half .editorial-heading-link h2, .displaymode-half .editorial-heading-link h3, .displaymode-half .editorial-heading-link h4, .displaymode-full .editorial-heading-link h2, .displaymode-full .editorial-heading-link h3, .displaymode-full .editorial-heading-link h4 {
  font-size: 2.1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: -0.21px !important;
  color: #002F63;
}

.displaymode-one-third .editorial-heading-link h2, .displaymode-one-third .editorial-heading-link h3, .displaymode-one-third .editorial-heading-link h4 {
  font-size: 1.9rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: -0.19px !important;
  color: #002F63;
}

/*footer meta border fix rollupp*/
/*TOIHIN FIVAAN*/
.fullcontainerblue .frontpage-wide-image-container h2 {
  font-size: 4.2rem;
  font-weight: 300;
  line-height: 45px;
  letter-spacing: -1.5px;
  color: #006fb9;
}

.fullcontainerblue .frontpage-bottom-area .editorialblock {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 400 !important;
  padding-top: 0px !important;
}

.fullcontainerblue .frontpage-bottom-area .editorialblock h2 {
  font-weight: 400 !important;
  font-size: 3.6rem;
}

.fullcontainerblue .frontpage-bottom-area .editorialblock strong {
  font-weight: 400 !important;
}

.row.frontpage-bottom-area .openvacanciesblock {
  text-align: center;
}

.container .row.frontpage-bottom-area .openvacanciesblock h4 {
  font-size: 3.6rem;
  line-height: 3.6rem;
  font-weight: 400;
}

.container .row.frontpage-bottom-area .openvacanciesblock ul.listing.pagelist {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 30px;
}

.container .row.frontpage-bottom-area .openvacanciesblock ul.listing.pagelist li {
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 400;
  margin-bottom: 25px;
}

.container .row.frontpage-bottom-area .openvacanciesblock ul.listing.pagelist li a {
  font-weight: 600 !important;
  display: block;
  padding-bottom: 8px;
}

.container .row.frontpage-bottom-area .openvacanciesblock ul.listing.pagelist li .meta {
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0px;
}

.container .row.frontpage-bottom-area .openvacanciesblock ul.listing.pagelist li .meta time {
  display: none !important;
}

/* desktop spesific */
@media only screen and (min-width: 1100px) {
  body .identity-area .identity-text {
    font-size: 3rem;
    line-height: 4.2rem;
    letter-spacing: -1px;
  }
  body .identity-area .identity-text > p {
    margin: 0 30px 10px;
  }
  .fullcontainerblue .editorialblock {
    padding-bottom: 35px !important;
    padding-top: 35px !important;
  }
  body .fullcontainerblue .frontpage-middle-area .editorialblock.displaymode-half {
    min-height: 280px !important;
  }
  body .frontpage-bottom-area .flexrow {
    display: flex;
    flex-wrap: wrap;
  }
  body .frontpage-bottom-area .flexrow > [class*=col-] {
    display: flex;
    flex-direction: column;
  }
}
/*mobile combined (tablet + smartphone)  spesific*/
@media only screen and (max-width: 1099px) {
  body .identity-area .identity-text > p {
    margin: 0 20px 10px;
  }
  .fullcontainerblue .editorialblock {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .fullcontainerblue .frontpage-wide-image-container h2 {
    font-size: 3.3rem !important;
    line-height: 3.6rem !important;
  }
  .fullcontainerblue .frontpage-bottom-area .editorialblock {
    font-size: 1.8rem !important;
    line-height: 1.5;
  }
  .container .row.frontpage-bottom-area .openvacanciesblock h4 {
    font-size: 3.3rem !important;
    line-height: 3.3rem !important;
  }
}
/*tablet spesific*/
@media only screen and (max-width: 1099px) and (min-width: 690px) {
  body .identity-area .identity-text {
    font-size: 2.6rem;
    line-height: 3rem;
  }
  body .identity-area .identity-text-container {
    width: 345px;
  }
  body .frontpage-content .container .frontpage-top-area h2 {
    margin-bottom: 30px !important;
    margin-top: 5px !important;
  }
  body .frontpage-content .container .frontpage-middle-area h2 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .frontpage-content .frontpage-wide-image-container .frontpage-wide-image-text-container {
    width: 345px !important;
  }
  /*rekry image ui fix*/
}
/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  body .identity-area.startpage-links {
    height: 224px;
    padding-top: 32px;
    background-position: center;
  }
  body .identity-area.startpage-links .identity-text h1 {
    display: none;
  }
  body .identity-area .identity-text {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  body .identity-area .identity-text h1 {
    font-size: 2.5rem;
    line-height: 1.12;
    letter-spacing: -0.625px;
  }
  body .identity-area.toke .identity-text-container {
    height: 100%;
  }
  body .identity-area .identity-text-container {
    height: 100%;
    left: 0;
    bottom: 0;
    width: 100%;
    position: relative;
  }
  .mobile-title-area {
    display: block;
    background: #0D2641;
    padding: 0 12px;
  }
  .mobile-title-area h1 {
    color: #FFF;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.625px;
  }
  body .favouritelinksblock {
    margin-bottom: 20px !important;
  }
  body .favouritelinksblock a.btn {
    font-size: 2rem !important;
  }
  body .favouritelinksblock, body .frontpage-middle-area {
    margin-bottom: 0px !important;
  }
  body .frontpage-content .container .frontpage-top-area h2 {
    margin-bottom: 30px !important;
    margin-top: 5px !important;
  }
  body .frontpage-content .container .frontpage-middle-area h2 {
    margin-bottom: -10px !important;
    margin-top: 0px !important;
  }
  .frontpage-content .container .frontpage-middle-area .editorialblock img {
    margin-bottom: 5px;
  }
  body .frontpage-content .container .frontpage-middle-area .editorialblock span, body .frontpage-content .container .frontpage-middle-area .editorialblock p {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 400;
  }
  .frontpage-content .frontpage-wide-image-container .frontpage-wide-image-text-container {
    width: 100% !important;
    left: 0px !important;
    bottom: 0px !important;
    height: 175px !important;
  }
  /*rekry image ui fix*/
}
.editorialblock {
  margin-bottom: 32px;
}
.editorialblock.displaymode-one-quarter, .editorialblock.displaymode-half, .editorialblock.displaymode-one-third {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.editorialblock.displaymode-one-quarter .image, .editorialblock.displaymode-half .image, .editorialblock.displaymode-one-third .image {
  margin-bottom: 16px;
}
.editorialblock.displaymode-one-quarter h3, .editorialblock.displaymode-half h3, .editorialblock.displaymode-one-third h3 {
  color: #002F63;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: -0.19px !important;
}
.editorialblock.displaymode-one-quarter p, .editorialblock.displaymode-half p, .editorialblock.displaymode-one-third p {
  color: #69737C;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.editorialblock.displaymode-one-quarter::after, .editorialblock.displaymode-half::after, .editorialblock.displaymode-one-third::after {
  content: "";
  display: block;
  width: 62px;
  height: 6px;
  background: #e8eff8;
}
.editorialblock.displaymode-one-quarter h3 {
  font-size: 1.9rem !important;
}

.sitemap-level-1 {
  font-weight: bold;
}

.sitemapclass ul li {
  background: url(/static/img/theme/mok-bullet-dark.png) no-repeat -32px 5px !important;
  list-style: none !important;
  padding-left: 15px !important;
  padding-bottom: 5px;
}

.sitemap-main-level {
  margin-left: 0px;
  padding-left: 0px;
}

.sitemapclass .sitemap-main-level > li {
  background: none no-repeat -32px 5px !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
}

.sitemap-main-level > li > a {
  display: block;
  background-color: #e8eff8;
  padding: 10px 20px;
  font-size: 2.2rem !important;
  line-height: 2.6rem !important;
  font-weight: 400 !important;
  color: #000 !important;
  margin-bottom: 20px;
  margin-top: 10px;
}

.sitemapclass .sitemap-main-level > li > ul > li {
  background: none no-repeat -32px 5px !important;
}

.sitemapclass .sitemap-main-level > li > ul {
  margin-left: 0px;
  padding-left: 20px;
}

/*@mixin short-transition ($properties: all) {
    transition: .5s $properties ease-in-out;
}

@mixin text-shadow($x: .05em,$y: .05em,$blur: .1em,$color: $bof-dark-bg) {
    text-shadow: $x $y $blur $color;
}*/
.tag-index-page-anchor-list a {
  padding: 2px;
}

ul.listing.pagelist li footer.meta {
  margin-bottom: 1rem;
}
ul.listing.pagelist li footer.meta p {
  font-size: 1.5rem;
}
ul.listing.pagelist li footer.meta p span.tag-bc-item {
  /*color: $fiva-blue;*/
  font-weight: lighter;
}
ul.listing.pagelist li footer.meta p span.tag-bc-item:before {
  content: " ";
  background: url(/static/img/theme/crumb-icon.png) no-repeat 50% 60%;
  background-size: 6px auto;
  padding: 0 8px;
}

.nav-tabs > li > a {
  border-radius: 2px;
  margin: 0 2px 0 0;
  background-color: #e8eff8;
  color: #002F63;
  border: 1px solid transparent;
  font-size: 1.5rem;
  letter-spacing: 0px;
  padding: 15px 15px;
  line-height: 100% !important;
}

.nav-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border: none !important;
}
.nav-tabs li {
  margin-bottom: 0 !important;
}
.nav-tabs li a {
  text-decoration: none !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-radius: 2px;
  border: 1px solid #002F63 !important;
  margin: 0;
  background: #FFF;
  color: #002F63 !important;
  font-weight: 400;
}

.Form__MainBody input, .Form__MainBody textarea {
  display: block;
  border-radius: 5px;
  border: 1px solid rgb(169, 169, 169);
}
.Form__MainBody input[type=text] {
  width: 50%;
}
.Form__MainBody input[type=radio], .Form__MainBody input[type=checkbox] {
  display: inline-block;
}
.Form__MainBody textarea {
  height: 100px;
  width: 75%;
}
.Form__MainBody {
  /*Styles to override default Submit and Reset button values*/
}
.Form__MainBody .FormSubmitButton, .Form__MainBody .FormResetButton, .Form__MainBody button[type=submit] {
  cursor: pointer;
  display: inline-block;
  padding: 12px 55px 12px 18px;
  color: #2C343C !important;
  background: #FFF url(/source/svg/arrow-13.svg) no-repeat !important;
  background-position: right 16px center !important;
  border: 1px solid #004c92;
  border-radius: 4px;
  outline: none;
  font-size: 1.5rem;
  letter-spacing: 1px;
  text-transform: none !important;
  transition: 0.2s;
}
.Form__MainBody .FormSubmitButton:hover, .Form__MainBody .FormSubmitButton:focus, .Form__MainBody .FormResetButton:hover, .Form__MainBody .FormResetButton:focus, .Form__MainBody button[type=submit]:hover, .Form__MainBody button[type=submit]:focus {
  background-position: right 8px center !important;
}
.Form__MainBody {
  /*Form label*/
}
.Form__MainBody .Form__Element__Caption {
  font-weight: 600;
}

.Form__MainBody input[type=text], .Form__MainBody textarea {
  border: 1px #006fb9 solid !important;
  padding: 10px 10px !important;
  min-height: 40px;
  color: #000 !important;
  font-size: 1.7rem !important;
  border-radius: 0px !important;
  margin-bottom: 20px;
}

body .Form__MainBody .FormSubmitButton, body .Form__MainBody .FormResetButton {
  line-height: 150% !important;
  font-size: 1.5rem !important;
  letter-spacing: 1px !important;
  margin: 20px 20px 20px 0px !important;
}

/* Publication list form */
.year-select-form {
  padding: 4px 0;
  background-color: #FFF;
  color: #002F63;
}
.year-select-form label {
  margin-right: 24px;
}
.year-select-form select {
  color: #006FB9;
  display: block;
  min-width: 120px;
}
.year-select-form div {
  display: flex;
  flex-direction: row;
}

.publication-list {
  list-style-type: none;
}
.publication-list header a {
  font-weight: 700;
}
.publication-list footer {
  font-size: 1.7rem;
}

.pagination > li > a, .pagination > li > span {
  border: 0;
}

.pagination a {
  cursor: pointer;
}

.currenpagelink {
  font-weight: 700;
}

.EPiServerForms .Form__Element .Form__Element__ValidationError {
  color: #EB0000 !important;
}

/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  .Form__MainBody textarea {
    width: 100% !important;
  }
  input[type=text] {
    width: 100% !important;
  }
}
/*fileupload  and dialogs*/
.Form__MainBody input[type=file] {
  border: 1px #006fb9 solid !important;
  padding: 10px 10px !important;
  min-height: 40px;
  color: #000 !important;
  font-size: 1.7rem !important;
  border-radius: 0px !important;
  margin-bottom: 20px;
}

.ui-widget-header {
  border: 0px solid #e78f08 !important;
  background: #006fb9 none 50% 50% repeat-x !important;
  font-weight: normal !important;
  border-radius: 0px !important;
}

.ui-widget-content {
  border: 0px solid #ddd !important;
  background: #fff none 50% top repeat-x !important;
  color: #000 !important;
}

.ui-widget {
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 2rem !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  letter-spacing: -0.5px !important;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 5px 10px !important;
  font-size: 1.3rem !important;
  padding: 12px 55px 12px 18px !important;
  line-height: 125% !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  border-radius: 0px !important;
  border: 1px solid #004c93;
  background: #fff url(/static/img/theme/bg_arrow-white.png) no-repeat right 50% !important;
  color: #006fb9 !important;
}
.ui-dialog .ui-dialog-buttonpane button .ui-button-text {
  padding: 0px !important;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
  border: 1px solid #004c93 !important;
  background: #006fb9 url(/static/img/theme/bg_arrow-white-down.png) no-repeat right 50% !important;
  color: #fff !important;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
  border-radius: 0px !important;
  border: 0px solid #ccc;
  color: #000 !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
  width: 40% !important;
  left: 30% !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: center !important;
}

.ui-state-default .ui-icon.ui-icon-closethick, .ui-state-default .ui-icon.ui-icon-closethick:hover {
  background: #fff url(/static/img/theme/close.png) no-repeat 45% 50% !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable br {
  display: block !important;
  margin-bottom: 5px;
}

/*tablet spesific*/
@media only screen and (max-width: 1099px) and (min-width: 690px) {
  body .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
    width: 70% !important;
    left: 15% !important;
  }
  body .ui-widget {
    font-size: 1.5rem !important;
  }
  body .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable br {
    display: none !important;
  }
}
/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  body .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
    width: 90% !important;
    left: 5% !important;
  }
  body .ui-widget {
    font-size: 1.5rem !important;
  }
  body .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable br {
    display: none !important;
  }
}
.page-list-block {
  font-weight: 400;
}
.page-list-block .page-list-block-header {
  display: inline-block;
  background: #006fb9;
  padding: 0 1.3rem;
  color: white;
}
.page-list-block .page-list-block-header h4 {
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 100%;
}
.page-list-block .page-list-block-see-more > a {
  display: inline-block;
  padding: 1rem;
  border: solid 1px #006fb9;
  text-transform: uppercase;
  font-weight: 600;
}
.page-list-block .page-list-block-time {
  padding: 0;
}
.page-list-block .page-list-block-time time, .page-list-block .page-list-block-time span {
  color: #69737C;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 1px;
}
.page-list-block .page-list-block-tags {
  /*padding: .5rem 0;*/
}
.page-list-block ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 24px;
}
.page-list-block ul li {
  padding: 1.5rem 1.3rem;
  border-bottom: 1px solid #EDEDED;
  /*
  &:nth-child(2n+1) {
      background-color: $fiva-light-blue;
  }

  &:nth-child(2n+2) {
      background-color: white
  }
      */
}
.page-list-block ul li a {
  color: #002F63;
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.19px;
  display: block;
  margin-bottom: 4px;
}
.page-list-block ul li p {
  font-size: 1.8rem;
  color: #69737C;
  line-height: normal;
}
.page-list-block ul li span.tag, .page-list-block ul li .tags {
  margin-bottom: 5px;
  font-size: 1.8rem;
  color: #69737C !important;
  letter-spacing: 1px;
  background: transparent;
  margin-top: 10px;
  margin-right: 8px;
  width: auto;
}
.page-list-block ul li .contentpageclass .page-list-block-tags > .tag {
  padding: 7px 10px !important;
}
.page-list-block ul li .tags {
  display: inline-block;
  clear: both !important;
}
.page-list-block ul li {
  /* .tag:hover, .tags:hover {
      background: $fiva-blue !important;
      color: #ffffff !important;
  }*/
}
.page-list-block header h3 {
  width: auto;
  border-radius: 0;
  margin: 0;
  background: #006fb9;
  color: white;
  border: none;
  font-weight: 700;
  display: inline-block;
  padding: 15px 15px;
  font-size: 1.8rem;
  line-height: 100%;
}

.read-more-area {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 2rem;
}
.read-more-area .lift-line {
  display: block;
  flex: 1;
  height: 6px;
  background: #e8eff8;
  border-color: #e8eff8 !important;
  margin: 0 1rem 0 0 !important;
}
.read-more-area .read-more-btn {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 1100px) {
  .displaymode-full .page-list-block ul {
    column-count: 2;
  }
  .displaymode-full .page-list-block ul li {
    break-inside: avoid-column;
  }
}
.contact-block .contact-name {
  font-weight: bold;
  margin: 0px 0px;
}
.contact-block .contact-phone {
  margin: 0px 0px;
}

.contacttop {
  display: table;
}

.contactright, .contactleft {
  display: table-cell;
  padding: 20px;
  vertical-align: top;
}

.contactleft {
  max-width: 200px;
}
.contactleft img {
  max-width: 175px !important;
  height: auto;
}

/*smartphone  spesific*/
@media only screen and (max-width: 400px) {
  body .contactright, .contactleft {
    padding: 10px;
  }
  body .contactleft {
    max-width: 130px;
  }
  body .contactleft img {
    max-width: 110px !important;
  }
}
.section-pages-list-block {
  font-weight: 500;
}
.section-pages-list-block .section-pages-list-time {
  padding: 0;
}
.section-pages-list-block .section-pages-list-categories {
  /*padding: .5rem 0;*/
}
.section-pages-list-block ul {
  list-style-type: none;
  padding: 0;
}
.section-pages-list-block ul li {
  padding: 1.5rem 1.3rem;
}
.section-pages-list-block ul li:nth-child(2n+1) {
  background-color: #e8eff8;
}
.section-pages-list-block ul li:nth-child(2n+2) {
  background-color: white;
}
.section-pages-list-block ul li a {
  color: #006fb9;
  display: block;
}
.section-pages-list-block ul li time {
  color: #000000;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.section-pages-list-block h3 {
  width: auto;
  border-radius: 0;
  margin: 0;
  background: #006fb9;
  color: white;
  border: none;
  font-weight: 700;
  display: inline-block;
  padding: 15px 15px;
  font-size: 1.8rem;
  line-height: 100%;
}
.section-pages-list-block .section-pages-list-categories {
  display: block;
  clear: both;
}
.section-pages-list-block .section-pages-list-categories > span.tag {
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px 5px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 1px;
  background: transparent;
  margin-top: 10px;
  margin-right: 2px;
  width: auto;
  border: solid 1px black;
  color: black;
  line-height: 1;
}
.section-pages-list-block {
  /*  .section-pages-list-categories > span:hover  {
      background: $fiva-blue !important;
      color: #ffffff !important; cursor:pointer;
  }*/
}

.regulation-list-block {
  font-weight: 500;
}
.regulation-list-block .regulation-list-block-pages-list-time {
  padding: 0.5rem 0;
}
.regulation-list-block .regulation-list-block-categories {
  /*padding: .5rem 0;*/
}
.regulation-list-block ul {
  list-style-type: none;
  padding: 0;
}
.regulation-list-block ul li {
  padding: 1rem 1.3rem;
  /*&:nth-child(2n+1) {
      background-color: #e6f6fc
  }

  &:nth-child(2n+2) {
      background-color: white
  }*/
  /*a {
      color: black;
  }*/
}
.regulation-list-block ul li time {
  color: #006fb9;
}

.regulation-search-block {
  background-color: #e8eff8;
  margin-bottom: 46px;
  padding-top: 56px;
  padding-bottom: 64px;
}
.regulation-search-block > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.regulation-search-first-row {
  text-align: center;
}

.regulation-search-second-row {
  padding: 0px 20px;
}

.regulation-search-group {
  border: solid 1px #006fb9;
  border-radius: 0;
  max-width: 430px;
  margin: 0;
  padding: 6px 12px;
  background: #ffffff;
}

.regulation-search-group #regulation-search-query {
  border: solid 0px white;
  border-radius: 0;
  font-size: 1.8rem;
  color: #2C343C !important;
}

.search-button-no-border {
  border: none;
}

.regulation-search-link-container {
  display: inline-block;
  border: solid 1px #006fb9;
  padding: 5px 10px !important;
  margin-bottom: 25px;
}

.container .regulation-search-block h2 {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.6rem;
  letter-spacing: -0.5px;
}

#regulation-search-submit-large {
  border: 1px solid transparent;
  margin-top: 3px;
  margin-right: 0px;
  width: 25px;
  height: 25px;
  background: transparent url("/source/svg/fiva-search.svg") no-repeat 0px 0px !important;
  background-size: 18px !important;
}

/*@mixin short-transition ($properties: all) {
    transition: .5s $properties ease-in-out;
}

@mixin text-shadow($x: .05em,$y: .05em,$blur: .1em,$color: $bof-dark-bg) {
    text-shadow: $x $y $blur $color;
}*/
.search-button {
  border: 1px solid #ccc;
}

#regulation-mainpage-search {
  border: solid 1px #006fb9;
  border-radius: 0;
  max-width: 430px;
  margin: 0 auto;
  padding: 6px 12px;
  background: #fff;
}
#regulation-mainpage-search #regulation-search-submit-large {
  display: inline-block !important;
}
#regulation-mainpage-search #regulation-search-submit, #regulation-mainpage-search #RegulationMainPage-SearchButton {
  display: none !important;
}

#regulation-mainpage-search #regulation-search-query {
  border: solid 0 #fff;
  border-radius: 0;
  font-size: 1.8rem;
  color: #006fb9 !important;
}

button.category-button.btn-primary:hover,
button.category-button.btn-default:hover {
  border: 1px solid #006fb9;
}

button.category-button.btn-primary:focus,
button.category-button.btn-default:focus {
  outline: 2px dashed #337ab7;
  outline-offset: 1px;
}

button.category-button.btn-primary {
  font-size: 2.4rem !important;
  background-color: #006fb9 !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 0;
  margin: 0 16px 12px 0;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  padding: 6px 12px;
  line-height: 1.42857;
}

button.category-button.btn-default {
  font-size: 2.4rem !important;
  background-color: #e8eff8 !important;
  background-image: none !important;
  color: #006fb9 !important;
  border-radius: 0;
  margin: 0 16px 12px 0;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  line-height: 1.42857;
}

.regulation-item {
  margin-bottom: 8px;
}

.regulation-categories span.regulation-category {
  margin-bottom: 5px;
  padding: 6px 6px 6px inherit;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 1px;
  background: transparent;
  margin-right: 2px;
  width: auto;
  border: 0;
  color: #69737C;
  border-radius: 0px;
}

.regulation-item > a {
  display: block;
}

div.regulation-main-page-teaser {
  margin-top: 2rem;
}

.container .mok-frontpage p {
  margin-bottom: 5px;
}

.mok-frontpage.fiva-accordion .accordion-line-content, .fiva-accordion .accordion-line-content {
  padding: 2rem 2rem;
}

.regulation-container {
  border: 1px solid rgb(173, 216, 230);
  padding: 10px;
  margin-bottom: 24px;
}

/*smartphone  spesific*/
@media only screen and (max-width: 689px) {
  body button.category-button, body button.category-button:hover {
    font-size: 2rem !important;
  }
  button.category-button.btn-primary, button.category-button.btn-primary:hover, button.category-button.btn-default:hover, button.category-button.btn-default {
    font-size: 2rem !important;
  }
  body .regulation-item {
    background: url(/static/img/theme/mok-bullet-dark.png) no-repeat -30px 5px !important;
    padding-left: 20px;
  }
}
/*@mixin short-transition ($properties: all) {
    transition: .5s $properties ease-in-out;
}

@mixin text-shadow($x: .05em,$y: .05em,$blur: .1em,$color: $bof-dark-bg) {
    text-shadow: $x $y $blur $color;
}*/
.frontpage-content.toke .fullcontainerblue {
  background-color: transparent;
  padding-top: 40px;
}
.frontpage-content.toke .fullcontainerblue .block {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}
.frontpage-content.toke .fullcontainerblue .editorialblock {
  margin-bottom: 0;
}
.frontpage-content.toke .frontpage-top-area {
  color: white;
  background-color: #006fb9;
  background-size: cover !important;
}
.frontpage-content.toke .frontpage-top-area h1, .frontpage-content.toke .frontpage-top-area h2, .frontpage-content.toke .frontpage-top-area h3, .frontpage-content.toke .frontpage-top-area h4, .frontpage-content.toke .frontpage-top-area h5, .frontpage-content.toke .frontpage-top-area p {
  color: white !important;
}
.frontpage-content.toke .frontpage-top-area .btn.btn-rectangle {
  /*background-color: transparent !important;*/
  color: white !important;
  border: 1px solid white;
  margin-top: 24px;
}
.frontpage-content.toke .frontpage-middle-area {
  padding-top: 20px;
  color: black;
}
.frontpage-content.toke .frontpage-middle-area h2 {
  /*margin-bottom: unset !important;*/
}
.frontpage-content.toke .frontpage-bottom-area {
  padding-top: 20px;
  background: #e8eff8;
  margin: 0;
}

.toke .header-container {
  width: 100%;
}
.toke .identity-area {
  width: 100%;
}
.toke .identity-area > .row {
  height: 100%;
}
.toke .identity-area > .row .col-12 {
  height: 100%;
}
.toke .identity-area .identity-text-container {
  position: static;
}
.toke .identity-area .identity-text-container p {
  font-size: 3.6rem;
  line-height: normal !important;
  font-weight: 600;
  color: #FFF;
}
.toke #topmenu > .menu .first-level > li > div > a.open::after {
  bottom: -12px;
}
.toke hr {
  border-top-color: white !important;
}
.toke h2, .toke h3, .toke h4, .toke h5 {
  color: #006878 !important;
}
.toke span.lead-text, .toke span.lead-text p {
  font-weight: 300 !important;
  font-size: 2.2rem !important;
  line-height: 3.3rem !important;
  letter-spacing: 0;
  color: #000000;
  display: block;
  margin-bottom: 28px;
}

.identity-area {
  margin: auto 0;
}

.site-header.toke .menu > ul > li > a {
  padding: 13px 14px 13px 14px;
}
.site-header.toke .menu > ul > li > ul {
  background-image: none !important;
  padding-bottom: 20px !important;
}
.site-header.toke .menu > ul > li > ul > li {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 6px;
  margin-top: 0;
  padding-top: 6px;
}
.site-header.toke .menu > ul > li > ul > li a {
  padding-bottom: 0 !important;
  display: inline;
}
.site-header.toke .menu > ul > li > ul > li.section-name {
  border: 0 !important;
  padding-bottom: 12px;
  position: relative;
}
.site-header.toke .menu > ul > li > ul > li.section-name a {
  font-size: 2.1rem !important;
}
.site-header.toke .menu > ul > li > ul > li.section-name span {
  position: absolute;
  left: 0;
  color: white;
  top: 11px;
  font-size: 1.4rem;
}
.site-header.toke .menu > ul > li > ul > li:nth-child(2) {
  padding-top: 0;
}
.site-header.toke .menu > ul > li > ul > li:last-of-type {
  padding-bottom: 0;
}

.toke #topmenu {
  max-width: 1272px !important;
}
.toke #topmenu::before, .toke #topmenu::after {
  display: none;
}
.toke #topmenu .main-logo {
  margin: 12px 0;
}
.toke #topmenu .menu .first-level {
  padding-left: 0;
}
.toke .editorialblock.displaymode-one-quarter::after,
.toke .editorialblock.displaymode-half::after,
.toke .editorialblock.displaymode-one-third::after {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .toke #topmenu {
    width: 100% !important;
    padding: 0;
  }
}
.toke-mobile {
  display: none;
}

.toke #pagefooter .footer-somelinks.footer-links ul, .toke2020 #pagefooter .footer-somelinks.footer-links ul, .toke2021 #pagefooter .footer-somelinks.footer-links ul, .toke2022 #pagefooter .footer-somelinks.footer-links ul, .toke2023 #pagefooter .footer-somelinks.footer-links ul, .toke2024 #pagefooter .footer-somelinks.footer-links ul {
  list-style-type: none;
  text-align: center !important;
  padding-left: 0px;
}

.toke2020 .frontpage-content.toke .frontpage-top-area h1, .toke2020 .frontpage-content.toke .frontpage-top-area h2, .toke2020 .frontpage-content.toke .frontpage-top-area h3, .toke2020 .frontpage-content.toke .frontpage-top-area h4, .toke2020 .frontpage-content.toke .frontpage-top-area p, .toke2021 .frontpage-content.toke .frontpage-top-area h1, .toke2021 .frontpage-content.toke .frontpage-top-area h2, .toke2021 .frontpage-content.toke .frontpage-top-area h3, .toke2021 .frontpage-content.toke .frontpage-top-area h4, .toke2021 .frontpage-content.toke .frontpage-top-area p, .toke2022 .frontpage-content.toke .frontpage-top-area h1, .toke2022 .frontpage-content.toke .frontpage-top-area h2, .toke2022 .frontpage-content.toke .frontpage-top-area h3, .toke2022 .frontpage-content.toke .frontpage-top-area h4, .toke2022 .frontpage-content.toke .frontpage-top-area p, .toke2023 .frontpage-content.toke .frontpage-top-area h1, .toke2023 .frontpage-content.toke .frontpage-top-area h2, .toke2023 .frontpage-content.toke .frontpage-top-area h3, .toke2023 .frontpage-content.toke .frontpage-top-area h4, .toke2023 .frontpage-content.toke .frontpage-top-area p, .toke2024 .frontpage-content.toke .frontpage-top-area h1, .toke2024 .frontpage-content.toke .frontpage-top-area h2, .toke2024 .frontpage-content.toke .frontpage-top-area h3, .toke2024 .frontpage-content.toke .frontpage-top-area h4, .toke2024 .frontpage-content.toke .frontpage-top-area p {
  color: #002F63 !important;
}

@media (max-width: 1200px) {
  .toke #page-content, .toke2020 #page-content, .toke2021 #page-content, .toke2022 #page-content, .toke2023 #page-content, .toke2024 #page-content {
    padding-top: 132px;
  }
}
@media (min-width: 1100px) {
  #topmenu > .menu {
    max-width: 1200px !important;
  }
  #header-image > div {
    margin: 30px 0;
  }
}
@media (max-width: 1099px) {
  .site-header.toke .menu > ul > li > ul > li a {
    display: block;
  }
  .toke-mobile {
    display: block;
    border-top: 1px solid #006fb9 !important;
  }
  .toke editorial-heading-link {
    display: block;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 689px) {
  .frontpage-content.toke h1 {
    margin-top: 12px;
  }
  .frontpage-content.toke .container-fluid .container .editorialblock img {
    margin-bottom: 0;
  }
  #pagefooter .footer-somelinks ul li:first-child {
    display: block;
  }
}
/*fix image en-logo size on small devices*/
@media only screen and (max-width: 440px) {
  #header-image > div > a > img {
    height: 35px !important;
    width: auto !important;
  }
}
.toke2020 #breadcrumb .breadcrumb {
  margin-top: 7px;
  margin-bottom: 7px;
}
.toke2020 .identity-area {
  background-position: center;
  background-image: url(/Static/img/Fiva_finanssivalvonta_banneri_2020.jpg);
}
.toke2020 .identity-area .identity-text {
  font-size: 3.6rem;
}
.toke2020 #topmenu {
  /*background-color: #FFF;
  color: $fiva-blue;*/
}
.toke2020 .menu > ul > li.topnav-home-container:hover {
  background-color: #FFF;
}
.toke2020 .frontpage-content.toke .frontpage-top-area {
  background-color: #e8eff8;
}
.toke2020 .frontpage-content.toke .btn {
  display: none;
}
.toke2020 {
  /*#topmenu>.menu .first-level>li>div>a*/
}
.toke2020 #page-content {
  background-color: #e8eff8;
}
.toke2020 .fullcontainerblue {
  color: #004c93;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.toke2020 .frontpage-content .fullcontainerblue a:link {
  color: #006eb8;
}
.toke2020 .frontpage-content.toke h1, .toke2020 .frontpage-content.toke h2, .toke2020 .frontpage-content.toke h3, .toke2020 .frontpage-content.toke h4, .toke2020 .frontpage-content.toke h5 {
  color: #004c93 !important;
  font-weight: 600;
}
.toke2020 .frontpage-content.toke h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 700;
}
.toke2020 .frontpage-content.toke h3 {
  font-size: 20px;
}
.toke2020 .frontpage-content.toke .editorial-heading-link h3 {
  color: #006eb8 !important;
}
.toke2020 .container .toke h1 {
  color: #004c93;
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
}
.toke2020 .container .toke h1.h1-content-page {
  margin-top: 55px !important;
}
.toke2020 .container .toke h2 {
  color: #004c93 !important;
}
.toke2020 .container .toke h3 {
  font-size: 2rem;
  color: #004c93 !important;
}
.toke2020 .container .toke h4 {
  color: #004c93 !important;
}
.toke2020 .toke .frontpage-middle-area {
  background: url(/Static/img/Fiva_toimintakertomus_2020_tausta.jpg) no-repeat center;
  background-size: cover;
  color: #FFF !important;
  padding: 40px 0 40px 0;
}
.toke2020 .toke .frontpage-middle-area h1, .toke2020 .toke .frontpage-middle-area h2, .toke2020 .toke .frontpage-middle-area h3, .toke2020 .toke .frontpage-middle-area h4, .toke2020 .toke .frontpage-middle-area h5 {
  color: #FFF !important;
}
.toke2020 .toke .frontpage-bottom-area {
  padding: 40px 0 40px 0;
}
.toke2020 table.table-editor.table-fiva-3 tbody th, .toke2020 table.table-editor.table-fiva-3 tbody td {
  background-color: #e8eff8;
}
.toke2020 table.table-editor.table-fiva-3 tbody th:nth-child(2n+3), .toke2020 table.table-editor.table-fiva-3 tbody td:nth-child(2n+3) {
  background-color: #FFF;
}
.toke2020 .toke hr {
  border-top-color: transparent !important;
}

.toke2021 #breadcrumb .breadcrumb {
  margin-top: 7px;
  margin-bottom: 7px;
}
.toke2021 .identity-area {
  background-position: center;
  background-image: url(/Static/img/Fiva_finanssivalvonta_banneri_2021.jpg);
}
.toke2021 .identity-area .identity-text {
  font-size: 3.6rem;
}
.toke2021 #topmenu {
  /*background-color: #FFF;*/
}
.toke2021 .menu > ul > li.topnav-home-container:hover {
  background-color: #FFF;
}
.toke2021 .frontpage-content.toke .frontpage-top-area {
  background-color: #e8eff8;
}
.toke2021 .frontpage-content.toke .btn {
  display: none;
}
.toke2021 #page-content {
  background-color: #e8eff8;
}
.toke2021 .fullcontainerblue {
  color: #004c93;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.toke2021 .frontpage-content .fullcontainerblue a:link {
  color: #006eb8;
}
.toke2021 .frontpage-content.toke h1, .toke2021 .frontpage-content.toke h2, .toke2021 .frontpage-content.toke h3, .toke2021 .frontpage-content.toke h4, .toke2021 .frontpage-content.toke h5 {
  color: #004c93 !important;
  font-weight: 600;
}
.toke2021 .frontpage-content.toke h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 700;
}
.toke2021 .frontpage-content.toke h3 {
  font-size: 2rem;
}
.toke2021 .frontpage-content.toke .editorial-heading-link h3 {
  color: #006eb8 !important;
}
.toke2021 .container .toke h1 {
  color: #004c93;
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
}
.toke2021 .container .toke h1.h1-content-page {
  margin-top: 55px !important;
}
.toke2021 .container .toke h2 {
  color: #004c93 !important;
}
.toke2021 .container .toke h3 {
  font-size: 2rem;
  color: #004c93 !important;
}
.toke2021 .container .toke h4 {
  color: #004c93 !important;
}
.toke2021 .toke .frontpage-middle-area {
  background: url(/Static/img/Fiva_toimintakertomus_2021_tausta.jpg) no-repeat center;
  background-size: cover;
  color: #FFF !important;
  padding: 40px 0 40px 0;
}
.toke2021 .toke .frontpage-middle-area h1, .toke2021 .toke .frontpage-middle-area h2, .toke2021 .toke .frontpage-middle-area h3, .toke2021 .toke .frontpage-middle-area h4, .toke2021 .toke .frontpage-middle-area h5 {
  color: #FFF !important;
}
.toke2021 .toke .frontpage-bottom-area {
  padding: 40px 0 40px 0;
}
.toke2021 table.table-editor.table-fiva-3 tbody th, .toke2021 table.table-editor.table-fiva-3 tbody td {
  background-color: #e8eff8;
}
.toke2021 table.table-editor.table-fiva-3 tbody th:nth-child(2n+3), .toke2021 table.table-editor.table-fiva-3 tbody td:nth-child(2n+3) {
  background-color: #FFF;
}
.toke2021 .toke hr {
  border-top-color: transparent !important;
}

.toke2022 #breadcrumb .breadcrumb {
  margin-top: 7px;
  margin-bottom: 7px;
}
.toke2022 .menu-container {
  /*background-color: $toke2022-background-2;*/
  color: #004c93 !important;
}
.toke2022 a {
  color: #006fb9;
}
.toke2022 h1, .toke2022 h2, .toke2022 h3, .toke2022 h4, .toke2022 h5 {
  color: #004c93 !important;
  font-weight: 600 !important;
}
.toke2022 .identity-area.toke .identity-text p {
  color: #004c93;
  background: #FFF;
  padding: 12px;
  font-size: 3.6rem;
  width: fit-content;
}
.toke2022 .frontpage-content.toke .btn {
  display: none;
}
.toke2022 .frontpage-content.toke h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 700;
}
.toke2022 .frontpage-content.toke h3 {
  font-size: 2rem;
}
.toke2022 .frontpage-content.toke .frontpage-top-area {
  background-color: #e6f5f4;
  color: #004c93 !important;
}
.toke2022 .frontpage-content.toke .frontpage-top-area .fullcontainerblue {
  color: #004c93 !important;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.toke2022 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h1, .toke2022 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h2, .toke2022 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h3, .toke2022 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h4 {
  color: #004c93 !important;
}
.toke2022 .frontpage-content.toke .frontpage-top-area .fullcontainerblue a {
  color: #006fb9 !important;
}
.toke2022 .frontpage-content.toke .frontpage-top-area .fullcontainerblue .btn {
  color: #FFF !important;
}
.toke2022 .frontpage-content.toke .frontpage-middle-area {
  margin-top: 0;
  background-image: url(/Static/img/Fiva_Toimintakertomus_2022_tausta.jpg);
  background-size: cover;
  padding: 40px 0 40px 0;
}
.toke2022 .frontpage-content.toke .frontpage-middle-area h1, .toke2022 .frontpage-content.toke .frontpage-middle-area h2, .toke2022 .frontpage-content.toke .frontpage-middle-area h3, .toke2022 .frontpage-content.toke .frontpage-middle-area h4 {
  color: #006fb9 !important;
}
.toke2022 .frontpage-content.toke .editorialblock strong {
  color: #004c93 !important;
}
.toke2022 .frontpage-content.toke .frontpage-bottom-area {
  background: #e6f5f4;
}
.toke2022 .container .toke h1 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
}
.toke2022 .container .toke h1.h1-content-page {
  margin-top: 55px !important;
}
.toke2022 .container .toke h3 {
  font-size: 2rem;
}
.toke2022 .epi-quickNavigator ul li a {
  color: #FFF !important;
}
.toke2022 blockquote {
  background-color: #e6f5f4;
  color: #004c93;
  font-size: 2rem;
  font-weight: 600;
}
.toke2022 blockquote::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #e6f5f4;
  border-left: 10px solid #e6f5f4;
  border-bottom: 10px solid transparent;
}
.toke2022 table.table-editor.table-fiva-3 tbody th, .toke2022 table.table-editor.table-fiva-3 tbody td {
  background-color: #e6f5f4;
}
.toke2022 table.table-editor.table-fiva-3 tbody th:nth-child(2n+3), .toke2022 table.table-editor.table-fiva-3 tbody td:nth-child(2n+3) {
  background-color: #FFF;
}

.toke2023 #breadcrumb .breadcrumb {
  margin-top: 7px;
  margin-bottom: 7px;
}
.toke2023 .menu-container {
  color: #004c93 !important;
}
.toke2023 a {
  color: #004c93;
}
.toke2023 h1, .toke2023 h2, .toke2023 h3, .toke2023 h4, .toke2023 h5 {
  color: #004c93 !important;
  font-weight: 600 !important;
}
.toke2023 .identity-area.toke .identity-text p {
  color: #004c93;
  background: #FFF;
  padding: 12px;
  font-size: 3.6rem;
  width: fit-content;
}
.toke2023 .frontpage-content.toke .btn {
  display: none;
}
.toke2023 .frontpage-content.toke h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 700;
}
.toke2023 .frontpage-content.toke h3 {
  font-size: 2rem;
}
.toke2023 .frontpage-content.toke .frontpage-top-area {
  background-color: #eaedf0;
  color: #004c93 !important;
}
.toke2023 .frontpage-content.toke .frontpage-top-area .fullcontainerblue {
  color: #004c93 !important;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.toke2023 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h1, .toke2023 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h2, .toke2023 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h3, .toke2023 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h4 {
  color: #004c93 !important;
}
.toke2023 .frontpage-content.toke .frontpage-top-area .fullcontainerblue a {
  color: #004c93 !important;
}
.toke2023 .frontpage-content.toke .frontpage-top-area .fullcontainerblue .btn {
  color: #FFF !important;
}
.toke2023 .frontpage-content.toke .frontpage-middle-area {
  margin-top: 0;
  background-image: url(/Static/img/Toke2023_Vuosi-lukuina-tausta.jpg);
  background-size: cover;
  padding: 40px 0 40px 0;
}
.toke2023 .frontpage-content.toke .frontpage-middle-area h1, .toke2023 .frontpage-content.toke .frontpage-middle-area h2, .toke2023 .frontpage-content.toke .frontpage-middle-area h3, .toke2023 .frontpage-content.toke .frontpage-middle-area h4 {
  color: #FFF !important;
}
.toke2023 .frontpage-content.toke .editorialblock strong {
  color: #004c93 !important;
}
.toke2023 .frontpage-content.toke .frontpage-bottom-area {
  background: #eaedf0;
}
.toke2023 .container .toke h1 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
}
.toke2023 .container .toke h1.h1-content-page {
  margin-top: 55px !important;
}
.toke2023 .container .toke h3 {
  font-size: 2rem;
}
.toke2023 .epi-quickNavigator ul li a {
  color: #FFF !important;
}
.toke2023 blockquote {
  background-color: #eaedf0;
  color: #004c93;
  font-size: 2rem;
  font-weight: 600;
}
.toke2023 blockquote::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #eaedf0;
  border-left: 10px solid #eaedf0;
  border-bottom: 10px solid transparent;
}
.toke2023 table.table-editor.table-fiva-3 tbody th, .toke2023 table.table-editor.table-fiva-3 tbody td {
  background-color: #eaedf0;
}
.toke2023 table.table-editor.table-fiva-3 tbody th:nth-child(2n+3), .toke2023 table.table-editor.table-fiva-3 tbody td:nth-child(2n+3) {
  background-color: #FFF;
}

.toke2024 .toke #header-top-row, .toke2024.toke #header-top-row {
  background: #FFF !important;
}
.toke2024 .toke #header-top-row a, .toke2024.toke #header-top-row a {
  color: #004c93 !important;
}
.toke2024 .toke #header-top-row .container, .toke2024.toke #header-top-row .container {
  max-width: 1272px !important;
  width: 100% !important;
}
.toke2024 #breadcrumb .breadcrumb {
  margin-top: 7px;
  margin-bottom: 7px;
}
.toke2024 .menu-container {
  color: #004c93 !important;
}
.toke2024 a {
  color: #004c93;
}
.toke2024 h1, .toke2024 h2, .toke2024 h3, .toke2024 h4, .toke2024 h5 {
  color: #004c93 !important;
  font-weight: 600 !important;
}
.toke2024 .identity-area.toke .identity-text p {
  color: #004c93;
  background: #FFF;
  padding: 12px;
  font-size: 3.6rem;
  font-weight: 600;
  width: fit-content;
}
.toke2024 .frontpage-content.toke .btn {
  display: none;
}
.toke2024 .frontpage-content.toke h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600 !important;
}
.toke2024 .frontpage-content.toke h3 {
  font-size: 2rem;
  font-weight: 600 !important;
}
.toke2024 .frontpage-content.toke .frontpage-top-area {
  background-color: #FFF;
  color: #004c93 !important;
}
.toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue {
  color: #004c93 !important;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue .editorialblock.col-lg-12 .has-picture.text-area {
  align-items: flex-start;
}
.toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue .editorialblock.col-lg-12 .has-picture.text-area h2 {
  font-weight: 600 !important;
}
.toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h1, .toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h2, .toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h3, .toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue h4 {
  color: #004c93 !important;
  font-weight: 600 !important;
}
.toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue a {
  color: #004c93 !important;
}
.toke2024 .frontpage-content.toke .frontpage-top-area .fullcontainerblue .btn {
  color: #FFF !important;
}
.toke2024 .frontpage-content.toke .frontpage-middle-area {
  margin-top: 0;
  background-image: url(/Static/img/Toke2024_Vuosi-lukuina-tausta.jpg);
  background-size: cover;
  padding: 40px 0 40px 0;
}
.toke2024 .frontpage-content.toke .frontpage-middle-area h1, .toke2024 .frontpage-content.toke .frontpage-middle-area h2, .toke2024 .frontpage-content.toke .frontpage-middle-area h3, .toke2024 .frontpage-content.toke .frontpage-middle-area h4, .toke2024 .frontpage-content.toke .frontpage-middle-area p, .toke2024 .frontpage-content.toke .frontpage-middle-area span {
  color: #FFF !important;
}
.toke2024 .frontpage-content.toke .editorialblock strong {
  color: #004c93 !important;
}
.toke2024 .frontpage-content.toke .frontpage-bottom-area {
  background: #eaedf0;
}
.toke2024 .container .toke h1 {
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
}
.toke2024 .container .toke h1.h1-content-page {
  margin-top: 55px !important;
}
.toke2024 .container .toke h3 {
  font-size: 2rem;
}
.toke2024 .epi-quickNavigator ul li a {
  color: #FFF !important;
}
.toke2024 blockquote {
  background-color: #eaedf0;
  color: #004c93;
  font-size: 2rem;
  font-weight: 600;
}
.toke2024 blockquote::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #eaedf0;
  border-left: 10px solid #eaedf0;
  border-bottom: 10px solid transparent;
}
.toke2024 table.table-editor.table-fiva-3 tbody th, .toke2024 table.table-editor.table-fiva-3 tbody td {
  background-color: #eaedf0;
}
.toke2024 table.table-editor.table-fiva-3 tbody th:nth-child(2n+3), .toke2024 table.table-editor.table-fiva-3 tbody td:nth-child(2n+3) {
  background-color: #FFF;
}

.gj-checkbox-bootstrap span {
  border: 1px solid #555 !important;
}

.lianamailer {
  /*font-family: Arial, sans-serif;
  font-size: 14px;*/
  line-height: 1.5;
  color: #464646;
}

.lianamailer * {
  box-sizing: border-box;
}

.lianamailer-formfield {
  margin-bottom: 10px;
}

.lianamailer-formfield:before,
.lianamailer-formfield:after {
  content: "";
  display: table;
}

.lianamailer-formfield:after {
  clear: both;
}

.lianamailer-formfield label {
  display: block;
}

.lianamailer-formfield-lists label,
.lianamailer-formfield-consents label {
  cursor: pointer;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lianamailer-formfield-properties label {
  width: 180px;
  padding-top: 7px;
  padding-right: 20px;
  font-weight: 700;
}

.lianamailer-formfield-inner {
  overflow: hidden;
}

.lianamailer-formfield-consents {
  border-top: 1px dotted #eee;
  padding-top: 10px;
}

.lianamailer input[type=text],
.lianamailer input[type=email] {
  width: 100%;
  padding: 0 8px;
  /*background-color: #f2f2f2;*/
  /*border: 1px solid #004c92;*/
  /*border-radius: 4px;*/
  font-size: 1em;
  border: 1px #006fb9 solid;
  padding: 10px 10px !important;
  min-height: 40px;
  color: #000 !important;
  font-size: 1.7rem !important;
  border-radius: 0 !important;
  margin-bottom: 10px;
}

/*.lianamailer input[type="text"]:focus,
.lianamailer input[type="email"]:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: none;
}*/
.lianamailer input[type=checkbox], .lianamailer input[type=checkbox] + span {
  vertical-align: middle;
}

.lianamailer button {
  cursor: pointer;
  display: inline-block;
  padding: 12px 55px 12px 18px;
  color: #2C343C !important;
  background: #FFF url(/source/svg/arrow-13.svg) no-repeat !important;
  background-position: right 16px center !important;
  border: 1px solid #004c92;
  border-radius: 4px;
  outline: none;
  font-size: 1.5rem;
  letter-spacing: 1px;
  text-transform: none;
  /*-webkit-transition: background-color 250ms linear;
  transition: background-color 250ms linear;*/
}

.lianamailer-formfield-error {
  color: #ff0000;
  margin: 14px 0;
}

.lianamailer-success {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 700;
}

.lianamailer label span {
  font-weight: normal;
}

.error {
  color: #EB0000 !important;
  display: none;
}

.input-error {
  border-color: #EB0000 !important;
}

.showError {
  display: inline;
}

@media only screen and (max-width: 500px) {
  .lianamailer-formfield-properties label {
    float: none;
    width: 100%;
    padding: 0 0 2px 0;
  }
  .lianamailer-formfield-lists,
  .lianamailer-formfield-consents,
  .lianamailer-formfield-submit {
    padding-left: 0px;
  }
}
@media print {
  * {
    height: auto !important;
  }
  .show-for-print-only.print-block {
    display: block;
  }
  .show-for-print-only.print-inline {
    display: inline;
  }
  body {
    padding-top: 0;
  }
  .frontpage-top-area, #header-top-row, #header-top-row-mobile, #header-top-row-mobile-main, #topmenu, #page-content > .identity-area, .row > .LeftNaviContainer, #breadcrumb, .social-media-buttons, footer.meta, html body .btn.btn-rectangle, #fiva-accordion {
    display: none !important;
  }
  .frontpage-content.toke .frontpage-top-area {
    display: inherit !important;
  }
  .frontpage-content.toke .frontpage-middle-area {
    background-color: lightgray !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .frontpage-content.toke .frontpage-middle-area .col-md-6 {
    width: 50% !important;
  }
  #Coi-Renew {
    display: none !important;
  }
  #header-image {
    margin-bottom: 40px !important;
    margin-top: 20px !important;
  }
  body a:after {
    content: "" !important;
    text-decoration: none !important;
  }
  .col-md-8.col-sm-12.main-content-column {
    display: block !important;
    width: 100% !important;
  }
  .frontpage-content .frontpage-wide-image-container .frontpage-wide-image-text-container .frontpage-wide-image-inner-text-container {
    text-align: left !important;
  }
  body .frontpage-content .container .frontpage-middle-area h2 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    text-align: left !important;
  }
  body .frontpage-content .container .frontpage-middle-area h3 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    text-align: left !important;
  }
  body .frontpage-content .container .frontpage-middle-area h4 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    text-align: left !important;
  }
  .frontpage-content .container .frontpage-middle-area h4 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
  }
  .site-header {
    height: auto;
    position: static;
  }
  .site-header .logo {
    margin: 0 !important;
    padding: 0 !important;
    max-height: 250px !important;
  }
  .site-header .logo img {
    margin: 0 !important;
    max-width: 100%;
    padding: 0 !important;
    width: auto;
  }
  #breadcrumb {
    text-align: left !important;
  }
  #breadcrumb a:after {
    content: ">";
  }
  .logo a:after {
    content: "";
    display: none;
  }
  .menu-toggler, #nav-main, #header-search-form-top, #share-page, .external .icon-svg {
    display: none !important;
  }
  #bc-and-share > .row {
    border-bottom: none;
  }
  #cookie-consent {
    display: none !important;
  }
  #pagefooter {
    display: none !important;
  }
  #pagefooter .footerblock {
    display: none !important;
  }
  #pagefooter {
    color: #000 !important;
  }
  #pagefooter .footer-image {
    display: none !important;
  }
  #pagefooter .footerblock:nth-child(2), #pagefooter .footerblock:nth-child(1) {
    display: none !important;
  }
  #pagefooter a {
    display: none !important;
  }
  #pagefooter .footer-links {
    display: none !important;
  }
  #pagefooter {
    min-height: 0;
  }
  body {
    font-size: 10pt;
  }
  /*	.page-header{
  	h1,.lead-text{
  		text-align:left;
  		margin-bottom:.5em;
  	}
  	.lead-text{
  		font-size:1em;
  		font-weight:bold;
  		margin-bottom:0;
  		padding:.5em;
  	}
  }*/
  h1 {
    font-size: 22pt;
  }
  h2 {
    font-size: 16pt;
  }
  h3 {
    font-size: 14pt;
  }
  h4 {
    font-size: 13pt;
  }
  h5 {
    font-size: 12pt;
  }
  h6 {
    font-size: 11pt;
  }
  ul {
    list-style: disc outside;
    margin-left: 1.5em;
  }
  ul li {
    background: none;
  }
  #epi-quickNavigator {
    display: none !important;
  }
}
html {
  font-size: 62.5%;
}
html body {
  font-size: 1.8rem;
}

body {
  font-family: "Source Sans Pro", sans-serif !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.initially-hidden {
  display: none;
}

.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.sr-only {
  position: absolute !important;
}

.ui-datepicker a {
  cursor: pointer !important;
}
.ui-datepicker a.ui-datepicker-next:hover, .ui-datepicker a.ui-datepicker-prev:hover {
  color: white;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  margin: 6px !important;
  color: white;
}
.ui-datepicker .ui-datepicker-header {
  padding-bottom: 4px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  color: white;
}

.cta-lift > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #e8eff8;
  padding: 12px;
  margin-bottom: 16px;
  transition: 0.2s;
  min-height: 120px;
  box-sizing: content-box;
}
.cta-lift > div.image {
  margin-bottom: 0;
}
.cta-lift > div .heading {
  position: relative;
  font-size: 26px;
  line-height: 28px;
  margin-bottom: 8px;
  margin-top: 0;
}
.cta-lift > div .text-area {
  padding-left: 12px;
  position: relative;
}
.cta-lift > div .text-area::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #006fb9;
  border-right: 1px solid #006fb9;
  transform: rotate(45deg);
  top: 8px;
  left: 0;
}
.cta-lift > div .text-area p {
  margin-bottom: 10px;
}

.cta-lift.grey > div {
  background: rgb(238.425, 238.425, 238.425) !important;
}

.ctabuttonblock a {
  display: block;
  color: #000 !important;
}
.ctabuttonblock a .cta-lift > div:hover {
  background: #d8e4f3;
}
.ctabuttonblock a .cta-lift.grey > div:hover {
  background: #e6e6e6 !important;
}
.ctabuttonblock a:hover {
  text-decoration: none;
}

.fullscreenbutton {
  padding: 6px 24px 6px 6px;
}

/*# sourceMappingURL=styles.css.map */