@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: "K2D";
  font-style: normal;
  font-weight: 600;
  src: url("/Static/fonts/K2D/K2D-SemiBold.ttf"); }

@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 600;
  src: url("/Static/fonts/Sarabun/Sarabun-SemiBold.ttf"); }

@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 400;
  src: url("/Static/fonts/Sarabun/Sarabun-Regular.ttf"); }

/* FRAMEWORK */
/* ====== COLORS ====== */
/*@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=730225a8-e406-45e8-a481-652f59606b69&fontids=1487402,1487404,1487406,1487408,1487410,1487412,1487414,1487416,1487418,1487420,1487422,1487424");

@font-face {
    font-family: "Borda W00 Bold";
    src: url("../fonts/1487402/aa583cd9-628e-451e-9ab5-326f920c3d02.eot?#iefix");
    src: url("../fonts/1487402/aa583cd9-628e-451e-9ab5-326f920c3d02.eot?#iefix") format("eot"),url("../fonts/1487402/29e2c3e5-6f12-4c54-9cbb-80abd61a3be6.woff2") format("woff2"),url("../fonts/1487402/99cc6480-e40a-44d0-ba48-7337ea73b63f.woff") format("woff"),url("../fonts/1487402/8f84d99c-5cc2-4fe1-be95-909b69ef807e.ttf") format("truetype"),url("../fonts/1487402/29d70acf-70cd-4113-91a6-7319efba4798.svg#29d70acf-70cd-4113-91a6-7319efba4798") format("svg");
}

@font-face {
    font-family: "Borda W00 Bold Italic";
    src: url("../fonts/1487404/44341dbf-1ec8-4d69-87a0-4c988bca510b.eot?#iefix");
    src: url("../fonts/1487404/44341dbf-1ec8-4d69-87a0-4c988bca510b.eot?#iefix") format("eot"),url("../fonts/1487404/8e22e8f7-03f0-4018-88f9-dd3534ef2c82.woff2") format("woff2"),url("../fonts/1487404/ed9a2198-956e-41ba-9ba9-744875dd9620.woff") format("woff"),url("../fonts/1487404/373b5521-aef5-47ec-a588-9baf51e3d471.ttf") format("truetype"),url("../fonts/1487404/3afcdf55-4ef2-438b-b7c9-126421dcbfd7.svg#3afcdf55-4ef2-438b-b7c9-126421dcbfd7") format("svg");
}

@font-face {
    font-family: "Borda W00 DemiBold";
    src: url("../fonts/1487406/6de458e6-f0c7-480d-bd8a-f9a07b2ec77d.eot?#iefix");
    src: url("../fonts/1487406/6de458e6-f0c7-480d-bd8a-f9a07b2ec77d.eot?#iefix") format("eot"),url("../fonts/1487406/b8a3cfab-5e9c-4a05-9450-62a789ff818b.woff2") format("woff2"),url("../fonts/1487406/960cc022-aad3-4c55-a1e4-a3b616d6e1a8.woff") format("woff"),url("../fonts/1487406/1fc457a9-c7a7-46a6-8655-61790625f363.ttf") format("truetype"),url("../fonts/1487406/335906ba-9c82-4c3a-a2e7-551bd9281790.svg#335906ba-9c82-4c3a-a2e7-551bd9281790") format("svg");
}

@font-face {
    font-family: "Borda W00 DemiBold Italic";
    src: url("../fonts/1487408/066d230f-5353-4b47-82eb-231338df7237.eot?#iefix");
    src: url("../fonts/1487408/066d230f-5353-4b47-82eb-231338df7237.eot?#iefix") format("eot"),url("../fonts/1487408/e704e3e3-8506-4958-9a24-548942358e3b.woff2") format("woff2"),url("../fonts/1487408/dc828711-4ccd-4bc3-af6f-cc38aae015e7.woff") format("woff"),url("../fonts/1487408/e1419df7-9ecd-47d2-94a6-9a26abea7017.ttf") format("truetype"),url("../fonts/1487408/8650967b-cd1a-41f2-aed6-4aa4f3f0f961.svg#8650967b-cd1a-41f2-aed6-4aa4f3f0f961") format("svg");
}

@font-face {
    font-family: "Borda W00 ExtraBold";
    src: url("../fonts/1487410/3a68a542-3c80-40b1-a73c-f97925e00206.eot?#iefix");
    src: url("../fonts/1487410/3a68a542-3c80-40b1-a73c-f97925e00206.eot?#iefix") format("eot"),url("../fonts/1487410/b54632d4-274d-47ee-8e0c-e15f5247d75e.woff2") format("woff2"),url("../fonts/1487410/d0cdc8af-679a-44fa-a30d-5b83bf4d35a7.woff") format("woff"),url("../fonts/1487410/3db85b0f-2e76-487b-affe-29d3a901508f.ttf") format("truetype"),url("../fonts/1487410/775a4210-765f-4da9-9b06-aa253f01978f.svg#775a4210-765f-4da9-9b06-aa253f01978f") format("svg");
}

@font-face {
    font-family: "Borda W00 ExtraBold Italic";
    src: url("../fonts/1487412/f9d39238-5ea4-4d61-8723-47e54d5fd7ab.eot?#iefix");
    src: url("../fonts/1487412/f9d39238-5ea4-4d61-8723-47e54d5fd7ab.eot?#iefix") format("eot"),url("../fonts/1487412/cfba95be-ae95-4d32-ab09-8371ecf7c34e.woff2") format("woff2"),url("../fonts/1487412/13d88f4f-9925-433c-8774-d8adeae33a8d.woff") format("woff"),url("../fonts/1487412/edb1ca6a-6adf-495a-8b2f-19c65071b0f9.ttf") format("truetype"),url("../fonts/1487412/8b9aefb2-aae4-439e-b934-ea5ae4d791f1.svg#8b9aefb2-aae4-439e-b934-ea5ae4d791f1") format("svg");
}

@font-face {
    font-family: "Borda W00 Italic";
    src: url("../fonts/1487414/8bde066a-889f-408e-915c-231fae0946d8.eot?#iefix");
    src: url("../fonts/1487414/8bde066a-889f-408e-915c-231fae0946d8.eot?#iefix") format("eot"),url("../fonts/1487414/fe98e7ca-5be3-4492-b5c4-eb33c9f80c41.woff2") format("woff2"),url("../fonts/1487414/f8ac5164-6709-4912-bfcb-4354627e96ff.woff") format("woff"),url("../fonts/1487414/872009ff-e6ae-41ec-8467-3fb77e77c677.ttf") format("truetype"),url("../fonts/1487414/9d28a8e9-5240-465c-90e3-3a29be80671f.svg#9d28a8e9-5240-465c-90e3-3a29be80671f") format("svg");
}

@font-face {
    font-family: "Borda W00 Light";
    src: url("../fonts/1487416/2311700f-9ffb-4949-b729-5708191d66a1.eot?#iefix");
    src: url("../fonts/1487416/2311700f-9ffb-4949-b729-5708191d66a1.eot?#iefix") format("eot"),url("../fonts/1487416/d5c91ea1-35d7-47cc-ac05-89600546b211.woff2") format("woff2"),url("../fonts/1487416/16492649-308f-4f00-8e67-488064f534ea.woff") format("woff"),url("../fonts/1487416/8c584b6d-7682-44a5-abda-399e3dac47f3.ttf") format("truetype"),url("../fonts/1487416/611c1fd6-85ea-499a-9708-1cc7e94fad80.svg#611c1fd6-85ea-499a-9708-1cc7e94fad80") format("svg");
}

@font-face {
    font-family: "Borda W00 Light Italic";
    src: url("../fonts/1487418/335fbd21-4e9a-4f82-a362-5ef8e9047f80.eot?#iefix");
    src: url("../fonts/1487418/335fbd21-4e9a-4f82-a362-5ef8e9047f80.eot?#iefix") format("eot"),url("../fonts/1487418/67ca1891-db1f-4140-9980-d9a7ff523e18.woff2") format("woff2"),url("../fonts/1487418/dde041a2-6b43-4ff8-a6f6-8c0baf36358e.woff") format("woff"),url("../fonts/1487418/212d753f-277f-4932-936c-307db4688c10.ttf") format("truetype"),url("../fonts/1487418/6c87cea2-11a2-4818-9a45-7596a81ea692.svg#6c87cea2-11a2-4818-9a45-7596a81ea692") format("svg");
}

@font-face {
    font-family: "Borda W00 Medium";
    src: url("../fonts/1487420/5954efae-a11e-4c25-8e1c-232aa671882f.eot?#iefix");
    src: url("../fonts/1487420/5954efae-a11e-4c25-8e1c-232aa671882f.eot?#iefix") format("eot"),url("../fonts/1487420/dcd2da4c-4049-4161-aded-24670866c0b3.woff2") format("woff2"),url("../fonts/1487420/c27d170f-44b6-4258-94f5-12f18a237a93.woff") format("woff"),url("../fonts/1487420/a5b6f693-e651-420d-84d7-491c67e446f7.ttf") format("truetype"),url("../fonts/1487420/ce16edf5-0363-4e41-8e11-7b2fa13dd689.svg#ce16edf5-0363-4e41-8e11-7b2fa13dd689") format("svg");
}

@font-face {
    font-family: "Borda W00 Medium Italic";
    src: url("../fonts/1487422/556bbcc0-9c76-407d-bbf7-6578ffcb6051.eot?#iefix");
    src: url("../fonts/1487422/556bbcc0-9c76-407d-bbf7-6578ffcb6051.eot?#iefix") format("eot"),url("../fonts/1487422/4eae8257-2860-4e5b-b8fa-647ca0005b20.woff2") format("woff2"),url("../fonts/1487422/0fe23047-38cb-4f95-9320-f541f67bcb9a.woff") format("woff"),url("../fonts/1487422/a0220606-6ca8-4ad9-8fe8-73586d1ba264.ttf") format("truetype"),url("../fonts/1487422/5f022943-94b1-4b11-8015-a20d4c1bb2c4.svg#5f022943-94b1-4b11-8015-a20d4c1bb2c4") format("svg");
}

@font-face {
    font-family: "Borda W00 Regular";
    src: url("../fonts/1487424/7aa3df44-587c-4d29-a3a2-8e0b96d47894.eot?#iefix");
    src: url("../fonts/1487424/7aa3df44-587c-4d29-a3a2-8e0b96d47894.eot?#iefix") format("eot"),url("../fonts/1487424/17363e30-5478-4ab0-bdc4-b41ee46e9aaa.woff2") format("woff2"),url("../fonts/1487424/d4add13a-bebe-42e7-b007-8482f9373d09.woff") format("woff"),url("../fonts/1487424/c97e249b-dd0f-4469-8aef-4b7c6d3cf1b5.ttf") format("truetype"),url("../fonts/1487424/e268199f-dd52-4472-ae6b-da977f55a78f.svg#e268199f-dd52-4472-ae6b-da977f55a78f") format("svg");
}*/
html {
  font-size: 10px; }

body {
  font-family: "Sarabun";
  font-size: 17px;
  font-size: 1.063rem;
  line-height: 122%;
  font-style: normal;
  font-weight: 400;
  color: #000; }

h1, h2, h3, h4, h5 {
  color: #1E1E1E;
  margin: 0; }

h2 {
  font-size: 32px;
  font-family: "Sarabun"; }

h3 {
  font-size: 20px;
  font-family: "Sarabun"; }

.btn.btn-default {
  font-size: 20px; }

p.preamble {
  font-size: 2rem !important;
  font-weight: 300 !important;
  line-height: 1.46 !important;
  font-size: 2.4rem !important;
  margin-bottom: 15px; }

p {
  margin: 5px 0 15px; }

.__informationteaser p.hero {
  color: #1E1E1E; }

p.hero {
  color: #FFFFFF; }

@media (max-width: 500px) {
  .visible-xxs {
    display: block !important; }
  .hidden-xxs {
    display: none !important; }
  .col-xxs-offset-0 {
    margin-left: 0; }
  .col-xxs-1 {
    width: 8.33333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-1 {
    left: 8.33333%; }
  .col-xxs-pull-1 {
    right: 8.33333%; }
  .col-xxs-offset-1 {
    margin-left: 8.33333%; }
  .col-xxs-2 {
    width: 16.66667%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-2 {
    left: 8.33333%; }
  .col-xxs-pull-2 {
    right: 8.33333%; }
  .col-xxs-offset-2 {
    margin-left: 8.33333%; }
  .col-xxs-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-3 {
    left: 8.33333%; }
  .col-xxs-pull-3 {
    right: 8.33333%; }
  .col-xxs-offset-3 {
    margin-left: 8.33333%; }
  .col-xxs-4 {
    width: 33.33333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-4 {
    left: 8.33333%; }
  .col-xxs-pull-4 {
    right: 8.33333%; }
  .col-xxs-offset-4 {
    margin-left: 8.33333%; }
  .col-xxs-5 {
    width: 41.66667%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-5 {
    left: 8.33333%; }
  .col-xxs-pull-5 {
    right: 8.33333%; }
  .col-xxs-offset-5 {
    margin-left: 8.33333%; }
  .col-xxs-6 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-6 {
    left: 8.33333%; }
  .col-xxs-pull-6 {
    right: 8.33333%; }
  .col-xxs-offset-6 {
    margin-left: 8.33333%; }
  .col-xxs-7 {
    width: 58.33333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-7 {
    left: 8.33333%; }
  .col-xxs-pull-7 {
    right: 8.33333%; }
  .col-xxs-offset-7 {
    margin-left: 8.33333%; }
  .col-xxs-8 {
    width: 66.66667%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-8 {
    left: 8.33333%; }
  .col-xxs-pull-8 {
    right: 8.33333%; }
  .col-xxs-offset-8 {
    margin-left: 8.33333%; }
  .col-xxs-9 {
    width: 75%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-9 {
    left: 8.33333%; }
  .col-xxs-pull-9 {
    right: 8.33333%; }
  .col-xxs-offset-9 {
    margin-left: 8.33333%; }
  .col-xxs-10 {
    width: 83.33333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-10 {
    left: 8.33333%; }
  .col-xxs-pull-10 {
    right: 8.33333%; }
  .col-xxs-offset-10 {
    margin-left: 8.33333%; }
  .col-xxs-11 {
    width: 91.66667%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-11 {
    left: 8.33333%; }
  .col-xxs-pull-11 {
    right: 8.33333%; }
  .col-xxs-offset-11 {
    margin-left: 8.33333%; }
  .col-xxs-12 {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-push-12 {
    left: 8.33333%; }
  .col-xxs-pull-12 {
    right: 8.33333%; }
  .col-xxs-offset-12 {
    margin-left: 8.33333%; } }

/* MODULES */
.hero-space {
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-position-y: center; }
  .hero-space .subheading {
    color: white;
    line-height: 1.7; }
    .hero-space .subheading p {
      color: white; }
  .hero-space .login-info-pad {
    position: absolute;
    width: 100%; }
    .hero-space .login-info-pad .alert {
      margin: 0;
      font-size: 24px;
      line-height: 1px;
      overflow: hidden;
      color: black;
      background-color: white;
      opacity: 0.8;
      top: 15px;
      position: relative;
      display: inline; }
      .hero-space .login-info-pad .alert .glyphicon:before {
        margin-right: 10px; }
  .hero-space__background {
    z-index: -1000;
    width: 100%;
    position: absolute; }
    .hero-space__background img {
      width: 100%; }
  .hero-space__content {
    min-height: 320px; }
    @media (max-width: 767px) {
      .hero-space__content {
        min-height: 350px; } }
    .hero-space__content__heading {
      margin-top: 100px;
      margin-bottom: 15px;
      text-align: center;
      word-break: break-word;
      font-size: 60px;
      font-size: 7rem; }
      @media (max-width: 767px) {
        .hero-space__content__heading {
          margin-top: 100px;
          font-size: 50px; } }
      @media (max-width: 500px) {
        .hero-space__content__heading {
          margin-top: 100px;
          font-size: 40px; } }

.menu-container {
  font-size: 17px;
  -webkit-transition: padding-top 0.2s;
  -moz-transition: padding-top 0.2s;
  transition: padding-top 0.2s;
  padding-top: 70px;
  margin-right: 15px; }
  .menu-container.shrink {
    padding-top: 15px; }
  .menu-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 30px;
    top: 0;
    width: 100%; }
    .menu-container ul li {
      float: right;
      padding-right: 20px; }
      .menu-container ul li a {
        display: block;
        color: black;
        text-align: center;
        font-weight: 100;
        position: relative; }
      .gasnatetstockholm .menu-container ul li a:hover {
        color: #00785c; }

.header {
  top: 0;
  width: 100%;
  position: fixed;
  background: white;
  z-index: 500; }
  .header .large-menu {
    padding-right: 0px; }
  .header img {
    max-height: 80px;
    margin: 15px;
    margin-top: 30px;
    margin-bottom: 0px;
    -webkit-transition: max-height 0.2s;
    -moz-transition: max-height 0.2s;
    transition: max-height 0.2s; }
    .header img .shrink {
      max-height: 80px;
      margin: 0px; }
  .header .main_logo {
    -webkit-transition: max-height 0.2s, margin 0.2s;
    -moz-transition: max-height 0.2s, margin 0.2s;
    transition: max-height 0.2s, margin 0.2s; }
    .header .main_logo.shrink {
      margin: 0px;
      max-height: 50px; }
  .header .__auth_section a {
    color: white; }
  .header .__auth_section span {
    padding-right: 5px;
    text-decoration: none;
    font-weight: 100; }
  .header .__auth_section .popover {
    border: black;
    background-color: black; }
    .header .__auth_section .popover .arrow:after {
      border-bottom-color: black; }
  .header .__auth_section .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid black;
    background-color: black; }
    .header .__auth_section .popover-title a {
      padding-right: 0px; }
  .header .__auth_section .popover-content {
    display: none; }
  .header .__auth_section:hover {
    cursor: pointer; }

#mob_menu {
  overflow-y: scroll; }

.mobile-menu button {
  background-color: white;
  float: right; }

.mobile-menu button:focus {
  outline: 0; }

.mobile-menu button {
  margin-top: 10px; }

.mobile-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.mobile-menu li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 25px;
  line-height: 60px; }

.mobile-menu li {
  border-bottom: 1px solid #555; }

.mobile-menu li.current {
  background-color: #1269b0;
  color: white; }

.mobile-menu img {
  max-height: 40px;
  margin: 15px;
  float: left; }

.mobile-menu a span {
  float: right;
  top: 18px; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
  margin-top: 70px; }
  footer p {
    font-size: 15px; }
  footer .container {
    margin-top: 35px; }

.site-selection-element {
  font-size: 20px; }
  .site-selection-element button {
    border: none;
    line-height: 29px; }
  .site-selection-element .site-selection button {
    padding: 13px 19px;
    border: none;
    font-size: 20px; }
  @media (max-width: 500px) {
    .site-selection-element {
      margin-top: -40px; } }
  .site-selection-element .contract-id-icon {
    margin-right: 10px; }

.site-selection__item {
  display: block; }

.site-selection--single {
  border: 1px solid #7f7f7f;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 13px 19px; }

.spinner-overlay {
  position: relative; }
  .spinner-overlay__spinner {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff url(/Static/images/loader.gif) center center no-repeat;
    background: rgba(255, 255, 255, 0.5) url(/Static/images/loader.gif) center center no-repeat;
    z-index: 10000; }

html {
  position: relative;
  margin: 0;
  min-height: 100%; }

body {
  font-size: 17px;
  padding-top: 110px;
  padding-bottom: 200px; }
  @media (max-width: 991px) {
    body {
      padding-bottom: 300px; } }
  @media (max-width: 991px) {
    body {
      padding-top: 70px; } }

.show-on-print {
  display: none !important; }

@media print {
  .header,
  #epi-quickNavigator {
    display: none !important; }
  .hero-space__content {
    min-height: 0; }
    .hero-space__content__heading {
      min-height: 12px;
      margin: 0;
      font-size: 12px; }
  .installer-form {
    /*h3 {
            font-size: 12px;
        }*/ }
    .installer-form .printHide {
      display: none; }
    .installer-form .form-control.printSizeTextbox {
      min-height: 12px; }
  footer {
    position: static;
    margin-top: 0;
    padding: 0; }
    footer .container {
      margin-top: 0; }
    footer p {
      display: inline; }
  .hide-on-print {
    display: none !important; }
  .show-on-print {
    display: block !important; }
  .col-sm-6.printClass {
    display: block;
    width: 100%;
    float: none;
    margin-left: -15px;
    margin-right: -15px; }
    .col-sm-6.printClass .form-group {
      width: 33.3333%;
      padding: 0 15px;
      float: left; }
  .hero-space .login-info-pad .alert.alert-success {
    background: transparent;
    border: 0;
    padding: 0;
    margin-top: 20px; }
  [ng-cloak] {
    display: none !important; }
  a {
    cursor: pointer; } }

.Form__MainBody button {
  background: white;
  min-width: 110px;
  border-radius: 15px;
  font-size: 16px;
  padding: 10px; }

.Form__MainBody input {
  width: 100%;
  padding-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 16px;
  border: 1px solid #a9a9a9;
  line-height: 2;
  height: 36px; }
  .Form__MainBody input:-ms-input-placeholder {
    color: #aaaaaa; }

.Form__MainBody label {
  font-weight: normal;
  margin-top: 0; }

.Form__MainBody .FormStep {
  margin-left: -15px;
  margin-right: -15px; }
  .Form__MainBody .FormStep .FormTextbox {
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px; }
    @media (max-width: 767px) {
      .Form__MainBody .FormStep .FormTextbox {
        width: 100%; } }
  .Form__MainBody .FormStep button {
    display: block;
    clear: both;
    margin-left: 15px; }

.EPiServerForms .Form__Status .Form__Success__Message {
  background-color: white !important;
  color: #333;
  font-size: 20px; }

.linkicon {
  margin-right: 3px; }

.icon__green {
  color: #5cb85c; }

.icon__yellow {
  color: #f0ad4e; }

.icon__medium {
  font-size: 16px; }

.icon__large {
  font-size: 24px; }

.datetimepicker {
  color: black !important; }
  .datetimepicker span {
    color: black !important; }

.svg-icon {
  display: inline-block; }
  .svg-icon:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    vertical-align: middle;
    margin-right: 5px; }
  .svg-icon--minor:before {
    width: 30px;
    height: 25px;
    background-size: 30px 25px; }
  .svg-icon--big:before {
    width: 20px;
    height: 28px;
    background-size: 20px 23px;
    margin-right: 0px; }
  .svg-icon--excel-file:before {
    background-image: url(/Static/icons/excel.svg);
    opacity: 0.8; }
  .svg-icon--word-file:before {
    background-image: url(/Static/icons/word.svg);
    opacity: 0.8; }
  .svg-icon--pdf-file:before {
    background-image: url(/Static/icons/pdf.svg);
    opacity: 0.8; }
  .svg-icon--refresh:before {
    background-image: url(/Static/icons/refresh.svg);
    background-size: cover;
    width: 15px;
    height: 15px;
    opacity: 0.8; }

/* BLOCKS */
.contactform #sent_msg {
  display: none; }

.contactform #error_lbl {
  display: none;
  font-weight: bold; }

.contactform #tech_error_lbl {
  display: none; }

.contactform .radiobtn {
  display: inline-block;
  margin: 0 15px 15px 0; }
  .contactform .radiobtn label {
    margin-left: 5px;
    font-weight: 100; }

.contactform textarea {
  width: 100%;
  height: 230px; }

.contactform input[type='submit'] {
  padding: 10px 25px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 16px;
  border: 2px solid black;
  background-color: white;
  border-radius: 15px; }

/* PAGES */
.content-area {
  margin-bottom: 40px; }
  .content-area__header {
    padding-top: 30px;
    padding-bottom: 47px;
    color: white;
    min-height: 87px; }
  .content-area .container {
    margin-top: 30px; }

.bootstrap-select {
  width: 100% !important; }

.wide-border {
  border-top: 1px solid; }

.full-width {
  width: 100%; }

.btn--big {
  padding: 15px; }

.error-message {
  text-align: center;
  margin-top: 15px; }

.infomation-message {
  text-align: center; }

.load-more-no-more-results {
  display: none; }

.contractpage .contract-details {
  font-size: 20px; }
  .contractpage .contract-details .data-column-heading {
    margin-bottom: 10px; }

.contractpage__info-label {
  font-size: 11px;
  display: block;
  text-transform: uppercase; }

.contractpage__info-box {
  width: 100%;
  border: 1px solid #7f7f7f;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 30px 17px 40px 17px;
  margin-bottom: 20px; }
  .contractpage__info-box button {
    width: 100%;
    padding: 15px;
    margin-top: 30px; }
  .contractpage__info-box__info {
    float: right; }
    .contractpage__info-box__info--large {
      font-size: 200%; }
      @media (max-width: 500px) {
        .contractpage__info-box__info--large {
          font-size: 150%; } }
  .contractpage__info-box__sum {
    font-weight: 600; }
    .contractpage__info-box__sum--end-section td {
      padding-bottom: 50px; }
    .contractpage__info-box__sum--end-section tr {
      border-bottom: none; }
  .contractpage__info-box table {
    width: 100%; }
  .contractpage__info-box tr {
    border-bottom: 1px solid #7f7f7f;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 5px; }
    @media (max-width: 991px) {
      .contractpage__info-box tr {
        border-bottom: 1px solid #fff; } }
    .contractpage__info-box tr:last-child {
      border-bottom: none; }
    .contractpage__info-box tr.contractpage__info-box__sum--end-section {
      border-bottom: none; }
      .contractpage__info-box tr.contractpage__info-box__sum--end-section td {
        padding-bottom: 50px; }
    .contractpage__info-box tr td {
      padding: 23px 0;
      vertical-align: top;
      /*div.inner-data-row {
                    & > span {
                        display: inline-block;
                    }
                    span + span {
                        display: inline-block;
                        width: 16%;
                        text-align: left;
                    }
                }*/ }
      .contractpage__info-box tr td:first-child {
        width: 32%; }
      .contractpage__info-box tr td:last-child {
        text-align: right; }
      .contractpage__info-box tr td div + div {
        margin-top: 5px; }
    .contractpage__info-box tr.first-table-row td {
      padding-top: 0; }
    .contractpage__info-box tr.last-table-row td {
      padding-bottom: 0; }
    .contractpage__info-box tr th {
      padding: 0 0 23px 0; }
    .contractpage__info-box tr.heading-row {
      border-bottom: none; }
      .contractpage__info-box tr.heading-row + tr td {
        padding-top: 0; }
      .contractpage__info-box tr.heading-row td {
        text-align: left; }

.contractpage .contract-summary__item {
  margin-bottom: 10px; }

.invoicepage .content-area__header {
  padding-bottom: 5px; }

.invoicepage .invoice-table-header {
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase; }

.invoicepage .invoice-area {
  margin-bottom: 40px; }

.invoicepage .invoice-item {
  font-size: 24px;
  border-top: 1px solid #7f7f7f;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 30px;
  padding-bottom: 30px; }
  .invoicepage .invoice-item:first-child {
    border-top: none; }
  .invoicepage .invoice-item--first {
    border-top: none; }
  .invoicepage .invoice-item .status--ok {
    color: #7ED321; }
  .invoicepage .invoice-item .status--alert {
    color: #C4311B; }
  .invoicepage .invoice-item__cell {
    margin-bottom: 10px; }
    .invoicepage .invoice-item__cell.invoice-item__status {
      margin-bottom: 50px; }

.invoicepage .invoice-item__cell__label {
  font-size: 11px;
  text-transform: uppercase; }

.invoicepage .invoice-item__details .download-invoice-link {
  background: transparent;
  color: #be4432;
  border: none;
  font-size: 24px;
  padding: 0; }

.invoicepage .invoice-item__status a, .invoicepage .invoice-item__details a {
  color: #000; }

.invoicepage .invoice-item__status .popover, .invoicepage .invoice-item__details .popover {
  background-color: #000; }
  .invoicepage .invoice-item__status .popover .popover-title, .invoicepage .invoice-item__status .popover .popover-content, .invoicepage .invoice-item__details .popover .popover-title, .invoicepage .invoice-item__details .popover .popover-content {
    background-color: #000;
    color: #fff;
    border: none; }

.invoicepage .invoice-item__amount .invoice-item__cell__value {
  font-weight: 600; }

@media (max-width: 767px) {
  .invoicepage .invoice-item__cell__value {
    font-size: 24px; }
  .invoicepage .invoice-item__date .invoice-item__cell__value, .invoicepage .invoice-item__ocr .invoice-item__cell__value {
    display: block; } }

.mypagesstart .__teaser_container {
  padding-top: 38px; }

.mypagesstart .__log-in-form {
  margin-top: 56px; }

.mypagesstart .__link_area input {
  width: 100%;
  height: 90px;
  padding: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 40px;
  line-height: 1px;
  border-radius: 11px;
  background: white;
  font-size: 20px; }
  @media (min-width: 630px) and (max-width: 767px) {
    .mypagesstart .__link_area input {
      font-size: 17px; } }
  @media (min-width: 501px) and (max-width: 630px) {
    .mypagesstart .__link_area input {
      font-size: 15px; } }

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

.mypagesstart .login_divider {
  height: 330px;
  margin-top: 15px; }
  @media (min-width: 992px) {
    .mypagesstart .login_divider {
      height: 200px;
      margin-top: 66px; } }
  @media (min-width: 1200px) {
    .mypagesstart .login_divider {
      height: 200px;
      margin-top: 66px; } }
  .mypagesstart .login_divider:after {
    content: "";
    width: 2px;
    background: black;
    height: 100%;
    margin: 0 auto;
    display: block; }

.mypagesstart input {
  width: 100%;
  height: 90px;
  padding-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 34px;
  line-height: 1; }
  @media (min-width: 992px) {
    .mypagesstart input {
      height: 51px;
      font-size: 25px; } }
  @media (max-width: 430px) {
    .mypagesstart input {
      font-size: 28px; } }

.mypagesstart input[type="submit"] {
  background-color: white;
  border-radius: 15px;
  padding-left: 0;
  padding-right: 0; }

.mypagesstart .normal-button {
  border-radius: 15px;
  width: 100%;
  display: block;
  text-decoration: none !important;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 15px 0;
  line-height: 1; }
  @media (max-width: 991px) {
    .mypagesstart .normal-button {
      font-size: 34px !important; } }
  @media (max-width: 430px) {
    .mypagesstart .normal-button {
      font-size: 28px !important; } }
  .mypagesstart .normal-button.forgot-password {
    margin-top: 6px; }

.mypagesstart .__informationteaser {
  margin-bottom: 20px; }
  @media (max-width: 1199px) {
    .mypagesstart .__informationteaser h2 {
      font-size: 28px;
      word-break: break-word; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mypagesstart .__informationteaser h2 {
      font-size: 22px; } }
  .mypagesstart .__informationteaser a {
    color: black; }
  .mypagesstart .__informationteaser a:hover {
    text-decoration: none; }

.mypagesstart .__teaser_area {
  padding-top: 35px; }
  .mypagesstart .__teaser_area a {
    color: black; }

.mypagesstart .alert {
  width: 100%;
  height: 90px;
  padding-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 34px;
  line-height: 1;
  border: 0px solid black;
  height: 100%;
  padding: 35px; }
  @media (min-width: 992px) {
    .mypagesstart .alert {
      height: 51px;
      font-size: 25px; } }
  @media (max-width: 430px) {
    .mypagesstart .alert {
      font-size: 28px; } }
  @media (min-width: 992px) {
    .mypagesstart .alert {
      border: 0px solid black; } }
  @media (min-width: 1200px) {
    .mypagesstart .alert {
      border: 0px solid black; } }

.mypagesstart .accounthandling {
  margin-top: 56px;
  margin-bottom: 121px;
  text-align: center; }
  @media (min-width: 992px) {
    .mypagesstart .accounthandling {
      margin-top: 56px;
      margin-bottom: 121px; } }
  @media (min-width: 1200px) {
    .mypagesstart .accounthandling {
      margin-top: 56px;
      margin-bottom: 121px; } }
  .mypagesstart .accounthandling a {
    font-size: 24px;
    color: black;
    text-decoration: underline; }

.mypagesstart .__teaser_container {
  padding-top: 38px; }

.mypagesstart .__log-in-form {
  margin-top: 56px; }

.mypagesstart .__link_area input {
  width: 100%;
  height: 90px;
  padding: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 40px;
  line-height: 1px;
  border-radius: 11px;
  background: white;
  font-size: 20px; }
  @media (min-width: 630px) and (max-width: 767px) {
    .mypagesstart .__link_area input {
      font-size: 17px; } }
  @media (min-width: 501px) and (max-width: 630px) {
    .mypagesstart .__link_area input {
      font-size: 15px; } }

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

.mypagesstart .login_divider {
  height: 330px;
  margin-top: 15px; }
  @media (min-width: 992px) {
    .mypagesstart .login_divider {
      height: 200px;
      margin-top: 66px; } }
  @media (min-width: 1200px) {
    .mypagesstart .login_divider {
      height: 200px;
      margin-top: 66px; } }
  .mypagesstart .login_divider:after {
    content: "";
    width: 2px;
    background: black;
    height: 100%;
    margin: 0 auto;
    display: block; }

.mypagesstart input {
  width: 100%;
  height: 90px;
  padding-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 34px;
  line-height: 1; }
  @media (min-width: 992px) {
    .mypagesstart input {
      height: 51px;
      font-size: 25px; } }
  @media (max-width: 430px) {
    .mypagesstart input {
      font-size: 28px; } }

.mypagesstart input[type="submit"] {
  background-color: white;
  border-radius: 15px;
  padding-left: 0;
  padding-right: 0; }

.mypagesstart .normal-button {
  border-radius: 15px;
  width: 100%;
  display: block;
  text-decoration: none !important;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 15px 0;
  line-height: 1; }
  @media (max-width: 991px) {
    .mypagesstart .normal-button {
      font-size: 34px !important; } }
  @media (max-width: 430px) {
    .mypagesstart .normal-button {
      font-size: 28px !important; } }
  .mypagesstart .normal-button.forgot-password {
    margin-top: 6px; }

.mypagesstart .__informationteaser {
  margin-bottom: 20px; }
  @media (max-width: 1199px) {
    .mypagesstart .__informationteaser h2 {
      font-size: 28px;
      word-break: break-word; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mypagesstart .__informationteaser h2 {
      font-size: 22px; } }
  .mypagesstart .__informationteaser a {
    color: black; }
  .mypagesstart .__informationteaser a:hover {
    text-decoration: none; }

.mypagesstart .__teaser_area {
  padding-top: 35px; }
  .mypagesstart .__teaser_area a {
    color: black; }

.mypagesstart .alert {
  width: 100%;
  height: 90px;
  padding-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 34px;
  line-height: 1;
  border: 0px solid black;
  height: 100%;
  padding: 35px; }
  @media (min-width: 992px) {
    .mypagesstart .alert {
      height: 51px;
      font-size: 25px; } }
  @media (max-width: 430px) {
    .mypagesstart .alert {
      font-size: 28px; } }
  @media (min-width: 992px) {
    .mypagesstart .alert {
      border: 0px solid black; } }
  @media (min-width: 1200px) {
    .mypagesstart .alert {
      border: 0px solid black; } }

.mypagesstart .accounthandling {
  margin-top: 56px;
  margin-bottom: 121px;
  text-align: center; }
  @media (min-width: 992px) {
    .mypagesstart .accounthandling {
      margin-top: 56px;
      margin-bottom: 121px; } }
  @media (min-width: 1200px) {
    .mypagesstart .accounthandling {
      margin-top: 56px;
      margin-bottom: 121px; } }
  .mypagesstart .accounthandling a {
    font-size: 24px;
    color: black;
    text-decoration: underline; }

.consumptionpage .site-selection-container {
  border-bottom: 1px solid black;
  margin-top: 61px;
  padding-bottom: 63px; }

.consumptionpage #consumption-area {
  margin-bottom: 25px; }

.consumptionpage .__consumption-row {
  font-size: 24px;
  padding-bottom: 23px;
  border-bottom: 1px solid black;
  padding-top: 35px; }
  @media only screen and (max-width: 600px) {
    .consumptionpage .__consumption-row.headers {
      display: none; } }
  .consumptionpage .__consumption-row .__row-heading {
    font-weight: bold; }

.consumptionpage .__month_container::first-letter {
  text-transform: capitalize; }

.consumptionpage .modal-dialog .error_box {
  text-align: left;
  color: red; }

.hourlyconsumptionpage .data-table-header {
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase; }

.hourlyconsumptionpage .data-area {
  margin-bottom: 40px; }

.hourlyconsumptionpage .data-item {
  font-size: 24px;
  border-top: 1px solid #7f7f7f;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 30px;
  padding-bottom: 30px; }
  .hourlyconsumptionpage .data-item:first-child {
    border-top: none; }
  .hourlyconsumptionpage .data-item__cell__label {
    font-size: 11px;
    text-transform: uppercase; }
  .hourlyconsumptionpage .data-item__cell__value--emphasized {
    font-weight: 600; }

@media (max-width: 767px) {
  .hourlyconsumptionpage .data-item__cell__value {
    font-size: 24px;
    display: block;
    margin-bottom: 10px; } }

.standardpage .content {
  margin-top: 25px; }
  .standardpage .content p {
    font-size: 17px;
    line-height: 27.2px; }

.standardpage .colorbar {
  height: 87px;
  background-color: orange; }

.standardpage .width__80 {
  width: 80px; }

.standardpage .review-icon {
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }

.portalstartpage a {
  text-decoration: none; }

.portalstartpage .PortalEntrancePoint {
  border: 1px solid black;
  padding: 15px;
  border-radius: 18.9px;
  margin: 15px;
  text-align: center; }
  .portalstartpage .PortalEntrancePoint h2 {
    font-size: 50px;
    font-family: "K2D"; }
  @media (max-width: 500px) {
    .portalstartpage .PortalEntrancePoint h3 {
      font-size: 20px; }
    .portalstartpage .PortalEntrancePoint h2 {
      font-size: 40px; } }

.customerDetailsPage .maincontent {
  margin-top: 56px;
  margin-bottom: 51px; }

.customerDetailsPage .content {
  margin-top: 25px; }

.customerDetailsPage .colorbar {
  height: 87px;
  background-color: orange; }

.customerDetailsPage input {
  height: 56px;
  font-size: 16px; }

.installer-form {
  /*Remove arrows for input of type numbers*/ }
  .installer-form ::-ms-clear {
    display: none; }
  .installer-form textarea {
    min-height: 200px; }
  .installer-form .glyphicon-ok-sign {
    color: #1E6E5A; }
  .installer-form .glyphicon-exclamation-sign {
    color: #ED7700; }
  .installer-form h3 {
    margin: 15px 0 20px !important; }
  .installer-form label {
    font-weight: normal; }
  .installer-form .form-control {
    height: 30px;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1;
    border-radius: 3px; }
  .installer-form input[type=number]::-webkit-inner-spin-button,
  .installer-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .installer-form input[type=number] {
    -moz-appearance: textfield; }
  .installer-form .printSizeTextbox {
    min-height: 200px; }
  .installer-form .containing-checkbox {
    min-height: 51px; }
  .installer-form .editor {
    position: relative; }
    .installer-form .editor .editor-icon {
      position: absolute;
      top: 30px;
      right: 5px; }

.autocompletion-container {
  position: relative; }

.autocompletion-dialog {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); }

.autocompletion-item {
  display: block;
  padding: 5px;
  background: #FFFFFF;
  border: solid 1px #DCE1D7;
  margin-bottom: -1px; }
  .autocompletion-item.active, .autocompletion-item:hover {
    background: #DCE1D7; }

/* Themes */
/*Installatörsportalen*/
.gasnatetstockholm {
  font-family: "K2D"; }
  @media only screen and (max-width: 991px) {
    .gasnatetstockholm .customer-backdrop {
      background-color: #1E6E5A;
      margin-top: -30px; }
    .gasnatetstockholm .info-box {
      color: white;
      background-color: #1E6E5A; }
      .gasnatetstockholm .info-box h2 {
        color: white; }
      .gasnatetstockholm .info-box .colored-box {
        border: none;
        background-color: #1E6E5A; } }
  .gasnatetstockholm .Form__MainBody button {
    color: #1E6E5A;
    border: 2px solid #1E6E5A; }
  .gasnatetstockholm .button {
    background: #FFFFFF;
    min-width: 110px;
    border-radius: 15px;
    font-size: 17px;
    padding: 10px; }
    .gasnatetstockholm .button.green {
      color: #1E6E5A;
      border: 2px solid #1E6E5A; }
  .gasnatetstockholm .site-id {
    font-family: "K2D";
    margin-left: 5px; }
  .gasnatetstockholm a {
    color: #FFFFFF; }
  .gasnatetstockholm input {
    color: #1E1E1E; }
  .gasnatetstockholm input[type="submit"] {
    color: #1E6E5A;
    border: 2px solid #1E6E5A; }
  .gasnatetstockholm .normal-button {
    color: #1E6E5A !important;
    border: 2px solid #1E6E5A; }
  .gasnatetstockholm .alert-success {
    background-color: #1E1E1E !important;
    color: #FFFFFF !important;
    border-color: #1E1E1E; }
  .gasnatetstockholm .colored-box {
    background-color: #DCE1D7; }
  .gasnatetstockholm .content-area-colorbox {
    background-color: #DCE1D7; }
  .gasnatetstockholm .btn-default {
    color: #1E6E5A;
    border-color: #1E6E5A; }
  .gasnatetstockholm .btn-default:hover {
    background-color: #1E6E5A;
    color: #FFFFFF; }
  .gasnatetstockholm .site-selection {
    color: #FFFFFF;
    background-color: #1E6E5A !important; }
  .gasnatetstockholm .data {
    font-family: "Sarabun"; }
    .gasnatetstockholm .data h2, .gasnatetstockholm .data h3, .gasnatetstockholm .data h4 {
      font-family: "K2D"; }
  .gasnatetstockholm .dropdown-toggle {
    color: white;
    background-color: #1E6E5A !important; }
    .gasnatetstockholm .dropdown-toggle li {
      background-color: #1E6E5A !important; }
  .gasnatetstockholm .dropdown-menu {
    background-color: #1E6E5A !important; }
    .gasnatetstockholm .dropdown-menu :active {
      outline: 0; }
    .gasnatetstockholm .dropdown-menu a:focus {
      background-color: #DCE1D7 !important;
      color: #FFFFFF; }
    .gasnatetstockholm .dropdown-menu a:hover {
      background-color: #1E6E5A !important;
      color: #FFFFFF; }
    .gasnatetstockholm .dropdown-menu a:active {
      color: #1E1E1E; }
    .gasnatetstockholm .dropdown-menu span {
      color: #FFFFFF; }
    .gasnatetstockholm .dropdown-menu span:active {
      color: #FFFFFF !important; }
    .gasnatetstockholm .dropdown-menu .selected {
      background-color: #DCE1D7 !important; }
      .gasnatetstockholm .dropdown-menu .selected :focus {
        outline: 0; }
      .gasnatetstockholm .dropdown-menu .selected a:focus {
        background-color: #DCE1D7 !important;
        color: #FFFFFF; }
      .gasnatetstockholm .dropdown-menu .selected span {
        color: #1E1E1E; }
      .gasnatetstockholm .dropdown-menu .selected span:active {
        color: #1E1E1E !important; }
      .gasnatetstockholm .dropdown-menu .selected .site-selection {
        background-color: #DCE1D7 !important; }
  .gasnatetstockholm .content-area__header {
    background-color: #1E6E5A; }
  .gasnatetstockholm .hero-space__content__heading {
    color: #FFFFFF; }
  .gasnatetstockholm .hero-space__content {
    background: rgba(30, 110, 90, 0.6);
    margin: 0 0 20px 0; }
    .gasnatetstockholm .hero-space__content .subheading {
      font-family: "Sarabun";
      font-size: 20px; }
  .gasnatetstockholm .__colorarea {
    background-color: #1E6E5A;
    min-height: 87px;
    overflow: hidden; }
  .gasnatetstockholm footer {
    background-color: #1E6E5A;
    color: #FFFFFF;
    text-align: center;
    font-size: 15px;
    font-family: "Sarabun"; }
  .gasnatetstockholm ul li a {
    color: #1E6E5A;
    text-decoration: none; }
  .gasnatetstockholm .standardpage {
    font-family: "Sarabun"; }
    .gasnatetstockholm .standardpage a {
      color: #1E6E5A; }
  .gasnatetstockholm .__auth_section {
    color: #1E6E5A; }
    .gasnatetstockholm .__auth_section .username {
      font-family: "K2D"; }
    .gasnatetstockholm .__auth_section a:hover:after {
      opacity: 0 !important; }
  .gasnatetstockholm .__informationteaser {
    font-family: "Sarabun"; }
    .gasnatetstockholm .__informationteaser p {
      line-height: 1.7;
      font-weight: 400;
      font-size: 15px;
      color: #1E1E1E; }
    .gasnatetstockholm .__informationteaser img {
      padding-bottom: 20px; }
    .gasnatetstockholm .__informationteaser h2 {
      font-family: "Sarabun";
      margin-bottom: 10px;
      font-size: 20px; }
    .gasnatetstockholm .__informationteaser .title-black {
      color: #1E1E1E; }
    .gasnatetstockholm .__informationteaser .title-darkgreen {
      color: #1E6E5A; }
    .gasnatetstockholm .__informationteaser .title-purple {
      color: #73918C; }
    .gasnatetstockholm .__informationteaser .title-lightgreen {
      color: #DCE1D7; }
  .gasnatetstockholm .mobile-menu .current a {
    background-color: #1E6E5A !important; }
  .gasnatetstockholm .mobile-menu a {
    color: #FFFFFF;
    background-color: #1E6E5A; }
  .gasnatetstockholm .mobile-menu a:hover {
    color: #FFFFFF !important; }
  .gasnatetstockholm .mobile-menu button {
    background-color: #1E6E5A;
    color: #FFFFFF; }
  .gasnatetstockholm .mobile-menu li {
    border-color: #FFFFFF; }
  .gasnatetstockholm .menu-container a {
    padding-bottom: 10px; }
  .gasnatetstockholm .menu-container ul .active a:after {
    content: '';
    height: 2px;
    display: block;
    background: #1E6E5A;
    opacity: 1; }
  .gasnatetstockholm .menu-container ul li a:after {
    content: '';
    height: 2px;
    display: block;
    background: #1E6E5A;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s; }
  .gasnatetstockholm .menu-container ul li a:hover:after {
    opacity: 1; }
  .gasnatetstockholm .__link_area input {
    color: #1E6E5A;
    border: 2px solid #1E6E5A; }
  .gasnatetstockholm .webui-popover {
    font-family: "Sarabun"; }
  .gasnatetstockholm .paging > .active > a {
    color: #FFFFFF;
    background-color: #1E6E5A;
    border-color: #1E6E5A; }
  .gasnatetstockholm .alert-info {
    color: #1E1E1E;
    background-color: #E1E6EB;
    border-color: #E1E6EB; }

.stockholmgas {
  /*.hero-space__content {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.15) 15%,rgba(0,0,0,.8) 80%);
    }*/ }
  @media only screen and (max-width: 991px) {
    .stockholmgas .customer-backdrop {
      background-color: #439aa9;
      margin-top: -30px; }
    .stockholmgas .info-box {
      color: white;
      background-color: #439aa9; }
      .stockholmgas .info-box h2 {
        color: white; }
      .stockholmgas .info-box .colored-box {
        border: none;
        background-color: #439aa9; } }
  .stockholmgas .Form__MainBody button {
    color: #439aa9;
    border: 2px solid #439aa9; }
  .stockholmgas .site-id {
    font-family: Arial;
    margin-left: 5px; }
  .stockholmgas a {
    color: white; }
  .stockholmgas input {
    color: black; }
  .stockholmgas input[type="submit"] {
    color: #58acbc;
    border: 2px solid #58acbc; }
  .stockholmgas .normal-button {
    color: #58acbc !important;
    border: 2px solid #58acbc; }
  .stockholmgas .alert-success {
    background-color: black !important;
    color: white !important;
    border-color: black; }
  .stockholmgas .colored-box {
    background-color: #e6f3f5; }
  .stockholmgas .content-area-colorbox {
    background-color: #e6f3f5; }
  .stockholmgas .btn-default {
    color: #58acbc;
    border-color: #58acbc; }
  .stockholmgas .btn-default:hover {
    background-color: #58acbc;
    color: white; }
  .stockholmgas .site-selection {
    color: white;
    background-color: #58acba !important; }
  .stockholmgas .dropdown-menu :active {
    outline: 0; }
  .stockholmgas .dropdown-menu a:focus {
    background-color: #e6f3f5 !important;
    color: white; }
  .stockholmgas .dropdown-menu a:hover {
    background-color: #58acba !important;
    color: white; }
  .stockholmgas .dropdown-menu a:active {
    color: black; }
  .stockholmgas .dropdown-menu span {
    color: white; }
  .stockholmgas .dropdown-menu span:active {
    color: white !important; }
  .stockholmgas .dropdown-menu .selected {
    background-color: #e6f3f5 !important; }
    .stockholmgas .dropdown-menu .selected :focus {
      outline: 0; }
    .stockholmgas .dropdown-menu .selected a:focus {
      background-color: #e6f3f5 !important;
      color: white; }
    .stockholmgas .dropdown-menu .selected span {
      color: black; }
    .stockholmgas .dropdown-menu .selected span:active {
      color: black !important; }
    .stockholmgas .dropdown-menu .selected .site-selection {
      background-color: #e6f3f5 !important; }
  .stockholmgas .dropdown-toggle {
    color: white;
    background-color: #58acba !important; }
    .stockholmgas .dropdown-toggle li {
      background-color: #58acba !important; }
  .stockholmgas .dropdown-menu {
    background-color: #58acba !important; }
    .stockholmgas .dropdown-menu span {
      color: white; }
    .stockholmgas .dropdown-menu span:active {
      color: black; }
    .stockholmgas .dropdown-menu .open {
      background-color: #58acba !important; }
    .stockholmgas .dropdown-menu .inner {
      background-color: #58acba !important; }
  .stockholmgas .content-area__header {
    background-color: #439aa9; }
  .stockholmgas .hero-space__content__heading {
    color: white; }
  .stockholmgas .__colorarea {
    background-color: #58acba;
    min-height: 87px;
    overflow: hidden; }
  .stockholmgas .__link_area input {
    color: #58acbc;
    border: 2px solid #58acbc; }
  .stockholmgas footer {
    background-color: #439aa9;
    color: white;
    text-align: left; }
  .stockholmgas ul li a {
    color: #1295BA;
    text-decoration: none; }
  .stockholmgas ul li a:hover {
    /*color: #58acba !important;*/ }
  .stockholmgas .standardpage a {
    color: #1269b0; }
  .stockholmgas .menu-container .active a:after {
    content: '';
    height: 5px;
    position: absolute;
    top: 20px;
    left: 0px;
    right: 0px;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(4.995%, #1269b0), color-stop(36.76%, #23a2be), color-stop(65.68%, #79b0e2), color-stop(94.03%, #9dd0f3));
    background: -webkit-linear-gradient(45deg, #1269b0 4.995%, #23a2be 36.76%, #79b0e2 65.68%, #9dd0f3 94.03%);
    background: linear-gradient(45deg, #1269b0 4.995%, #23a2be 36.76%, #79b0e2 65.68%, #9dd0f3 94.03%);
    -webkit-transition: height .3s; }
  .stockholmgas .menu-container a:after {
    content: '';
    height: 0;
    position: absolute;
    top: 20px;
    left: 0px;
    right: 0px;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(4.995%, #1269b0), color-stop(36.76%, #23a2be), color-stop(65.68%, #79b0e2), color-stop(94.03%, #9dd0f3));
    background: -webkit-linear-gradient(45deg, #1269b0 4.995%, #23a2be 36.76%, #79b0e2 65.68%, #9dd0f3 94.03%);
    background: linear-gradient(45deg, #1269b0 4.995%, #23a2be 36.76%, #79b0e2 65.68%, #9dd0f3 94.03%);
    -webkit-transition: height .3s;
    transition: height .3s; }
  .stockholmgas .menu-container a:hover:after {
    height: 5px; }
  .stockholmgas .__auth_section .popover a {
    color: white !important;
    text-decoration: none !important; }
  .stockholmgas .__auth_section .popover a:hover {
    text-decoration: none !important; }
  .stockholmgas .__auth_section .popover a:after {
    height: 0px; }
  .stockholmgas .menu-container ul li a {
    color: black; }
  .stockholmgas .mobile-menu .current a {
    background-color: #439aa9 !important; }
  .stockholmgas .mobile-menu a {
    color: white;
    background-color: #58acbc; }
  .stockholmgas .mobile-menu a:hover {
    color: white !important; }
  .stockholmgas .mobile-menu button {
    background-color: #58acbc;
    color: white; }
  .stockholmgas .mobile-menu li {
    border-color: white; }