@charset "UTF-8";
/*$body-color:                $gray-900 !default;*/
/*
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
*/
/*$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;*/
/*$font-size-base:              .875rem !default;*/
/*$font-weight-light:           300 !default;
$font-weight-normal:          400 !default;
$font-weight-bold:            500 !default;*/
/*$headings-font-weight:      500 !default;*/
/*$blue-overlay: rgba(0, 102, 179, 0.8);*/
/******** WELAND COLORS **********/
/*******************
PRODUCT COLORBLOCK
*******************/
.infoBoxSpec h4 {
  font-weight: 500; }

.infoBoxSpec .specification {
  height: auto;
  width: 100%;
  display: inline-block;
  padding: 20px;
  border: 1px solid #d7d7d8; }
  .infoBoxSpec .specification h6 {
    font-weight: 500; }
  .infoBoxSpec .specification p:last-of-type {
    margin-bottom: 0; }

.infoBoxSpec .colorMaterial {
  height: auto;
  width: 100%;
  display: inline-block;
  padding: 20px;
  border: 1px solid #d7d7d8; }
  .infoBoxSpec .colorMaterial h6 {
    font-weight: 500; }
  .infoBoxSpec .colorMaterial .square {
    width: 30px;
    height: 30px;
    float: left;
    /* Skivmaterial */
    /* Standardfärger */ }
    @media (max-width: 767.98px) {
      .infoBoxSpec .colorMaterial .square {
        width: 40px;
        height: 40px; } }
    .infoBoxSpec .colorMaterial .square.color-ral9005 {
      background-color: #000207; }
    .infoBoxSpec .colorMaterial .square.color-ral6009 {
      background-color: #00281D; }
    .infoBoxSpec .colorMaterial .square.color-ral7024 {
      background-color: #3A4448; }
    .infoBoxSpec .colorMaterial .square.color-alpino {
      background-color: #f5f8f2; }
    .infoBoxSpec .colorMaterial .square.color-terracotta {
      background-color: #b27f53; }
    .infoBoxSpec .colorMaterial .square.color-irishcream {
      background-color: #b7a887; }
    .infoBoxSpec .colorMaterial .square.color-hawaii {
      background-color: #cce4ef; }
    .infoBoxSpec .colorMaterial .square.color-opal {
      background-color: #cddfca; }
    .infoBoxSpec .colorMaterial .square.color-malibu {
      background-color: #f2f2ef; }
    .infoBoxSpec .colorMaterial .square.color-gobi {
      background-color: #feecc6; }
    .infoBoxSpec .colorMaterial .square.color-peach {
      background-color: #f4cd9e; }
    .infoBoxSpec .colorMaterial .square.color-thistle {
      background-color: #8ab1cc; }
    .infoBoxSpec .colorMaterial .square.color-doeskin {
      background-color: #dad0b7; }
    .infoBoxSpec .colorMaterial .square.color-acropolis {
      background-color: #cdced0; }
    .infoBoxSpec .colorMaterial .square.color-eldorado {
      background-color: #f2dd92; }
    .infoBoxSpec .colorMaterial .square.color-clay {
      background-color: #e8b798; }
    .infoBoxSpec .colorMaterial .square.color-chinablue {
      background-color: #8eabbf; }
    .infoBoxSpec .colorMaterial .square.color-paleolive {
      background-color: #9cb380; }
    .infoBoxSpec .colorMaterial .square.color-tornado {
      background-color: #9d9fa2; }
    .infoBoxSpec .colorMaterial .square.color-cafe {
      background-color: #b8a779; }
    .infoBoxSpec .colorMaterial .square.color-gaugin {
      background-color: #b87053; }
    .infoBoxSpec .colorMaterial .square.color-oslo {
      background-color: #7fb0c3; }
    .infoBoxSpec .colorMaterial .square.color-basil {
      background-color: #8fa291; }
    .infoBoxSpec .colorMaterial .square.color-storm {
      background-color: #415057;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square.color-kashmir {
      background-color: #9f8774;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square.color-paprika {
      background-color: #ae2a30;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square.color-acapulco {
      background-color: #064d77;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square.color-fiji {
      background-color: #486248;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square .ral9005-faergtooltip, .infoBoxSpec .colorMaterial .square .ral9005-faergtooltip span {
      background-color: #000207;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square .ral6009-faergtooltip, .infoBoxSpec .colorMaterial .square .ral6009-faergtooltip span {
      background-color: #00281D;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square .ral7024-faergtooltip, .infoBoxSpec .colorMaterial .square .ral7024-faergtooltip span {
      background-color: #3A4448;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square .ral9006-faergtooltip, .infoBoxSpec .colorMaterial .square .ral9006-faergtooltip span {
      background-color: #A6ABB5;
      color: #FFF; }
    .infoBoxSpec .colorMaterial .square .ral6008-faergtooltip, .infoBoxSpec .colorMaterial .square .ral6008-faergtooltip span {
      background-color: #312F20;
      color: #FFF; }

.my-tooltip {
  position: relative;
  z-index: 2;
  top: 100%;
  left: 50%;
  display: flex;
  margin-top: 20px;
  transform: translateX(-50%);
  padding: 5px 0;
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 4px; }

.my-tooltip p {
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 600;
  width: 100%; }

.my-tooltip:after, .my-tooltip:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.my-tooltip:after {
  border-color: rgba(0, 191, 255, 0);
  border-bottom-color: inherit;
  border-width: 10px;
  margin-left: -10px; }

.my-tooltip:before {
  border-color: rgba(0, 191, 255, 0);
  border-bottom-color: inherit;
  border-width: 16px;
  margin-left: -16px; }

/*******************
SIMPLECONTACTPAGE
*******************/
.accordion-white > .card > .card-body {
  padding-left: 0;
  padding-right: 0; }