@charset "UTF-8";
/******************************************************************
Site Name: SVPH
Author: Micke Hasselqvist
Stylesheet: Main Stylesheet
******************************************************************/
/*********************
MIXINS
*********************/
/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*===============================================================
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets.
===============================================================*/
html {
  -webkit-text-size-adjust: none; }

body {
  background: #fff;
  color: #353535;
  font-family: Arial, sans-serif;
  overflow-y: scroll; }

a {
  text-decoration: none;
  color: #0057a4; }
  a:hover {
    text-decoration: underline; }

#undefined-sticky-wrapper {
  display: none; }

.startpageSection {
  width: 100%;
  height: 1403px; }

.startimg {
  width: 100%;
  margin-bottom: 40px;
  height: 1320px; }

img {
  max-width: 100%;
  height: auto; }

.clear {
  clear: both; }

.loading {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 1;
  z-index: 99999; }

/*======================HEADER========================*/
.page-header {
  background: #0057a4;
  position: relative;
  z-index: 200; }
  .page-header div {
    padding: 0 9px;
    padding-top: 6px;
    position: relative; }
    .page-header div:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .page-header div h1 {
      background: url(../img/SVG/logo.svg);
      background-size: 100% 100%;
      margin-bottom: 10px;
      width: 123px;
      height: 49px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
      .page-header div h1 a {
        display: block;
        width: 100%;
        height: 100%; }

.logged-out p {
  padding: 0 16px;
  padding-bottom: 12px;
  font-size: 12px; }
  .logged-out p a {
    color: #fff;
    text-decoration: none;
    font-style: italic; }

.logged-out input[type="text"], .logged-out input[type="password"], .logged-out input[type="submit"] {
  display: block;
  width: 100%;
  height: 39px;
  outline: none;
  border: 1px solid #7d7d7d;
  padding: 0 11px;
  line-height: 11px;
  margin-bottom: 5px;
  font-size: 12px;
  font-family: Arial;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.logged-out input[type="submit"] {
  border: none;
  background: #dbdbdb;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  color: #282828;
  font-family: Arial; }

.logged-in {
  position: absolute;
  top: 19px;
  right: 13px; }
  .logged-in .showMenu {
    display: block;
    float: right;
    background: url(../img/SVG/menu.svg);
    background-size: 100% 100%;
    width: 25px;
    height: 22px;
    border: none;
    outline: none;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    margin-left: 9px; }
  .logged-in a.profileName {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    float: left;
    margin-top: 5px; }

.topNav {
  position: absolute;
  right: 9px;
  top: 30px;
  width: 63%;
  display: none; }
  .topNav img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10; }
  .topNav ul {
    background: #ececec;
    margin-top: 18px;
    list-style: none;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0 0 3px 0 #000;
    box-shadow: 0 0 3px 0 #000; }
    .topNav ul a {
      display: block;
      font-size: 15px;
      padding: 14px 18px;
      text-decoration: none; }

/*======================STARTPAGE========================*/
.start-video {
  margin: 0 9px;
  border: 1px solid #c9c9c9;
  background: #ececec;
  padding: 17px 14px;
  padding-top: 20px;
  margin-top: 11px;
  margin-bottom: 14px; }
  .start-video div article h1 {
    font-size: 32px;
    font-weight: bold;
    color: #323232;
    margin-bottom: 10px; }
  .start-video div article h2 {
    font-size: 17px;
    font-weight: bold;
    color: #4988c1;
    margin-bottom: 12px; }
  .start-video div article ul {
    list-style: none;
    margin-bottom: 20px; }
    .start-video div article ul:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .start-video div article ul li {
      float: left;
      width: 15%;
      height: 0;
      padding-bottom: 15%;
      position: relative;
      margin: 0 5%;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      .start-video div article ul li img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
  .start-video div .video {
    margin-bottom: 17px; }
    .start-video div .video div {
      width: 100%;
      height: 0;
      margin-bottom: 56.25%;
      position: relative; }
      .start-video div .video div iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
  .start-video .button {
    display: block;
    height: 69px;
    background: #0057a4;
    color: #fff;
    text-decoration: none;
    font-size: 26px;
    line-height: 69px;
    text-align: center;
    font-weight: bold;
    padding-right: 32px;
    position: relative; }
    .start-video .button i {
      position: absolute;
      top: 50%;
      margin-top: -25px;
      right: 10px; }

.start-desc {
  background: #6489be;
  color: #fff;
  margin-bottom: 28px; }
  .start-desc > div {
    padding: 0 8px;
    padding-top: 28px;
    padding-bottom: 40px; }
    .start-desc > div .col {
      margin-bottom: 20px;
      padding: 0 18px; }
      .start-desc > div .col h1 {
        font-size: 20px;
        margin-bottom: 16px; }
      .start-desc > div .col p {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 20px; }
    .start-desc > div aside:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .start-desc > div aside article {
      float: left;
      width: 50%;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      .start-desc > div aside article.first, .start-desc > div aside article.third {
        padding-right: 7px; }
      .start-desc > div aside article.second, .start-desc > div aside article.fourth {
        padding-left: 7px; }
      .start-desc > div aside article.first div img {
        width: 52px; }
      .start-desc > div aside article.first div h2 {
        background: #008A94; }
      .start-desc > div aside article.second div img {
        width: 40px; }
      .start-desc > div aside article.second div h2 {
        background: #843894; }
      .start-desc > div aside article.third div img {
        width: 38px; }
      .start-desc > div aside article.third div h2 {
        background: #D5374C; }
      .start-desc > div aside article.fourth div img {
        width: 40px; }
      .start-desc > div aside article.fourth div h2 {
        background: #0092CC; }
      .start-desc > div aside article div {
        background: #464749;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 0 5px;
        padding-top: 5px;
        padding-bottom: 9px;
        margin-bottom: 15px;
        min-height: 130px; }
        .start-desc > div aside article div img {
          height: 52px;
          display: block;
          margin: 0 auto;
          margin-bottom: 5px; }
        .start-desc > div aside article div h2 {
          font-size: 12px;
          text-align: center;
          min-height: 13px;
          margin-bottom: 5px;
          padding: 8px 4px; }
        .start-desc > div aside article div p {
          font-size: 12px;
          text-align: center;
          line-height: 16px; }
          .start-desc > div aside article div p span {
            display: none; }
    .start-desc > div .button {
      display: block;
      line-height: 63px;
      padding-top: 6px;
      background: #0057a4;
      color: #fff;
      font-weight: bold;
      font-size: 16px;
      text-decoration: none;
      text-align: center;
      padding-right: 30px;
      position: relative; }
      .start-desc > div .button span {
        display: block;
        width: 226px;
        margin: 0 auto; }
      .start-desc > div .button i {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        right: 5px;
        font-size: 48px; }

.start-nfc-info {
  margin: 0 26px;
  margin-bottom: 28px; }
  .start-nfc-info article {
    max-width: 390px;
    margin-bottom: 20px; }
    .start-nfc-info article h1 {
      font-size: 20px;
      margin-bottom: 15px; }
    .start-nfc-info article p {
      font-size: 14px; }
      .start-nfc-info article p a {
        text-decoration: none;
        color: #000; }
  .start-nfc-info .button {
    display: block;
    width: auto;
    max-width: 300px;
    height: 41px;
    padding-left: 20px;
    padding-right: 80px;
    padding-top: 24px;
    background: #0057a4;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    text-align: left;
    position: relative; }
    .start-nfc-info .button span {
      display: block;
      width: 226px;
      margin: 0 auto; }
    .start-nfc-info .button i {
      position: absolute;
      top: 50%;
      margin-top: -25px;
      right: 5px;
      font-size: 48px; }

/*======================MIN PROFIL========================*/
.myProfile {
  position: relative; }
  .myProfile h1 {
    font-size: 25px;
    padding: 0 24px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    background: #ececec;
    height: 58px;
    line-height: 58px;
    margin-bottom: 25px; }
  .myProfile div .editSettings {
    position: absolute;
    top: 78px;
    right: 9px;
    display: block;
    text-indent: -9000px;
    width: 53px;
    height: 51px;
    background: url(/img/SVG/cogwheel.svg);
    background-size: 100% 100%;
    border: none;
    outline: none;
    cursor: pointer; }
  .myProfile div section {
    padding: 0 24px; }
    .myProfile div section p {
      margin-bottom: 22px; }
      .myProfile div section p label {
        font-size: 12px;
        display: block; }
      .myProfile div section p span, .myProfile div section p input {
        font-size: 14px;
        font-weight: bold; }
      .myProfile div section p input {
        border: 1px solid #7d7d7d;
        background: #fff;
        outline: none;
        font-weight: normal;
        font-family: Arial;
        height: 21px; }
  .myProfile #Save {
    display: none; }
    .myProfile #Save button {
      display: block;
      width: 100%;
      height: 46px;
      background: #0057A4;
      color: #fff;
      font-size: 21px;
      text-align: center;
      line-height: 46px;
      font-weight: bold;
      outline: none;
      border: none;
      cursor: pointer;
      font-family: Arial; }
      .myProfile #Save button i {
        padding-left: 20px; }

.projects {
  background: #6489be; }
  .projects h1 {
    font-size: 25px;
    padding-left: 24px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    background: #ececec;
    height: 58px;
    line-height: 58px;
    margin-bottom: 25px; }
  .projects > div {
    padding: 0 9px; }
    .projects > div:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .projects > div article {
      background: #ececec;
      border: 1px solid #c9c9c9;
      padding: 26px 15px;
      padding-top: 70px;
      position: relative;
      margin-bottom: 29px; }
      .projects > div article h2 {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 10px; }
      .projects > div article .progress {
        margin-bottom: 22px; }
        .projects > div article .progress .meter {
          width: 50%;
          margin-bottom: 5px; }
          .projects > div article .progress .meter.wide {
            width: 100%;
            margin-bottom: 20px; }
      .projects > div article .icons .pdf, .projects > div article .icons .mail, .projects > div article .icons .mailAtt, .projects > div article .icons .edit, .projects > div article .icons .education, .projects > div article .icons .mailAttWait, .projects > div article .icons .mailAttYes, .projects > div article .icons .mailAttNo, .projects > div article .icons .erbjudanden-till-nyforetagare, .projects > div article .icons toolbox-active, .projects > div article .icons toolbox-inActive {
        position: absolute;
        top: 10px;
        width: 53px;
        height: 51px;
        text-indent: -999px;
        overflow: hidden; }
      .projects > div article .icons .toolbox-active {
        right: 136px;
        background: url(/img/SVG/icon_toolbox_active.svg);
        background-size: 100% 100%;
        margin-right: 10px;
        margin-top: 10px; }
      .projects > div article .icons .toolbox-inActive {
        right: 136px;
        background: url(/img/SVG/icon_toolbox_inactive.svg);
        background-size: 100% 100%;
        margin-right: 10px;
        margin-top: 10px; }
      .projects > div article .icons .pdf {
        right: 136px;
        background: url(/img/SVG/preview.svg);
        background-size: 100% 100%;
        margin-right: 10px;
        margin-top: 10px; }
      .projects > div article .icons .mail {
        right: 74px;
        background: url(/img/SVG/mail.svg);
        background-size: 100% 100%;
        margin-right: 10px;
        margin-top: 10px; }
      .projects > div article .icons .mailAtt {
        right: 13px;
        background: url(/img/SVG/review.svg);
        background-size: 100% 100%;
        margin-right: 10px;
        margin-top: 10px;
        outline: none; }
      .projects > div article .icons .mailAttYes {
        right: 13px;
        background: url(/img/SVG/review_yes.svg);
        background-size: 100% 100%;
        height: 61px !important;
        width: 63px !important; }
      .projects > div article .icons .mailAttNo {
        right: 13px;
        background: url(/img/SVG/review_no.svg);
        background-size: 100% 100%;
        height: 61px !important;
        width: 63px !important; }
      .projects > div article .icons .mailAttWait {
        right: 13px;
        background: url(/img/SVG/review_wait.svg);
        background-size: 100% 100%;
        height: 61px !important;
        width: 63px !important; }
      .projects > div article .icons .education {
        right: 13px;
        background: url(/img/SVG/education-hat.svg);
        background-size: 100% 100%; }
      .projects > div article .icons .edit {
        right: 200px;
        background: url(/img/SVG/cogwheel.svg);
        background-size: 100% 100%;
        margin-right: 10px;
        margin-top: 10px; }
      .projects > div article .icons .erbjudanden-till-nyforetagare {
        right: 13px;
        background: url(/img/SVG/icon-handshake.svg);
        background-size: 100% 100%;
        margin-right: 10px;
        margin-top: 10px; }
      .projects > div article .icons .submit {
        display: block;
        width: 100%;
        height: 46px;
        background: #0057a4;
        color: #fff;
        font-size: 21px;
        text-align: center;
        line-height: 46px;
        font-weight: bold;
        outline: none;
        border: none;
        cursor: pointer;
        font-family: Arial;
        text-decoration: none; }
        .projects > div article .icons .submit i {
          margin-left: 15px;
          font-size: 21px; }

#emailSection input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #7d7d7d;
  outline: none;
  font-size: 14px;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  #emailSection input.name {
    margin-bottom: 26px; }

#emailSection .submit {
  background: #0057a4;
  width: 100%;
  height: 69px;
  line-height: 69px;
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  #emailSection .submit i {
    padding-left: 10px; }

#emailSectionAtt input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #7d7d7d;
  outline: none;
  font-size: 14px;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  #emailSectionAtt input.name {
    margin-bottom: 26px; }

#emailSectionAtt .submit {
  background: #0057a4;
  width: 100%;
  height: 69px;
  line-height: 69px;
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  #emailSectionAtt .submit i {
    padding-left: 10px; }

#emailSectionAtt2 input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #7d7d7d;
  outline: none;
  font-size: 14px;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  #emailSectionAtt2 input.name {
    margin-bottom: 26px; }

#emailSectionAtt2 .submit {
  background: #0057a4;
  width: 100%;
  height: 69px;
  line-height: 69px;
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  #emailSectionAtt2 .submit i {
    padding-left: 10px; }

#emailSectionAttSent #sectionAttPopupIcon {
  height: 51px;
  width: 53px;
  margin: 0 auto 10px auto;
  display: block; }

#emailSectionAttSent h1, #emailSectionAttSent p {
  text-align: center; }

#emailSectionAttSent h1 {
  margin-bottom: 10px; }

#emailSectionAttWait {
  max-width: 330px; }
  #emailSectionAttWait .sectionAttWaitPopupIcon {
    height: 51px;
    width: 53px;
    margin: 0 auto 10px auto;
    display: block; }
  #emailSectionAttWait h3, #emailSectionAttWait p {
    text-align: center; }
  #emailSectionAttWait h3 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #0057a4; }
  #emailSectionAttWait p {
    font-size: 12px; }

#emailSectionAttReviewed {
  max-width: 330px; }
  #emailSectionAttReviewed .sectionAttWaitPopupIcon {
    height: 51px;
    width: 53px;
    margin: 0 auto 10px auto;
    display: block; }
  #emailSectionAttReviewed h3, #emailSectionAttReviewed p {
    text-align: center; }
  #emailSectionAttReviewed h3 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #78a10b; }
  #emailSectionAttReviewed p {
    font-size: 12px; }
  #emailSectionAttReviewed .submit {
    background: #0057a4;
    width: 292px;
    height: 49px;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    margin: 0 auto 0 auto;
    display: block; }

#emailSectionAttRemarked {
  max-width: 330px; }
  #emailSectionAttRemarked .sectionAttWaitPopupIcon {
    height: 51px;
    width: 53px;
    margin: 0 auto 10px auto;
    display: block; }
  #emailSectionAttRemarked h3, #emailSectionAttRemarked p {
    text-align: center; }
  #emailSectionAttRemarked h3 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #d66969; }
  #emailSectionAttRemarked p {
    font-size: 12px; }
  #emailSectionAttRemarked .submit {
    background: #0057a4;
    width: 292px;
    height: 49px;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    margin: 0 auto 0 auto;
    display: block; }

.startNew {
  display: block;
  width: 100%;
  height: 69px;
  line-height: 69px;
  background: #0057a4;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 40px; }
  .startNew i {
    margin-left: 15px; }

/*======================PROGRESS METERS========================*/
.meter a {
  font-size: 12px;
  font-weight: bold;
  padding-right: 12px;
  text-decoration: none;
  color: #000;
  margin-bottom: 2px;
  display: block; }

.meter div {
  height: 7px;
  position: relative;
  background: #1b1b1a;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 4px; }
  .meter div > span {
    display: block;
    height: 100%;
    background: #008a94;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-animation: fullexpand 1s ease-out;
    -webkit-animation: fullexpand 1s ease-out; }

.meter.total div span {
  background: #878787; }

.meter.idea div span {
  background: #008a94; }

.meter.marketing div span {
  background: #5f196e; }

.meter.administration div span {
  background: #e52d45; }

.meter.budget div span {
  background: #00a1e1; }

.meter label {
  font-size: 12px; }

.meter.budget {
  padding-bottom: 0px !important; }

/*======================SKAPA ANVÄNDARE========================*/
.createTop {
  background: #ececec; }
  .createTop > div {
    padding: 0 9px;
    padding-top: 17px; }
    .createTop > div h2 {
      font-size: 12px;
      font-weight: bold;
      color: #000;
      margin-bottom: 8px; }
    .createTop > div ol {
      list-style-type: none;
      padding-bottom: 24px; }
      .createTop > div ol:after {
        display: block;
        clear: both;
        content: " ";
        height: 0;
        overflow: hidden; }
      .createTop > div ol li {
        float: left;
        width: 33.3333%;
        height: 42px;
        background: #fff;
        position: relative;
        padding-right: 21px;
        font-size: 12px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
        .createTop > div ol li:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          border-bottom: 21px solid #fff;
          border-right: 21px solid #ececec;
          width: 0px;
          height: 0; }
        .createTop > div ol li:after {
          content: "";
          position: absolute;
          bottom: 0;
          right: 0;
          border-top: 21px solid #fff;
          border-right: 21px solid #ececec;
          width: 0px;
          height: 0; }
        .createTop > div ol li.active {
          background: #878787;
          color: #fff; }
          .createTop > div ol li.active:after, .createTop > div ol li.active:before {
            border-bottom-color: #878787;
            border-top-color: #878787; }
        .createTop > div ol li div {
          display: none; }
        .createTop > div ol li span {
          padding-top: 8px;
          padding-left: 10px;
          display: block;
          width: 70px; }
        .createTop > div ol li.last span {
          padding-top: 14px; }

.createUser {
  background: #ececec; }
  .createUser > div {
    padding: 0 9px;
    padding-bottom: 45px; }
    .createUser > div h1 {
      font-size: 25px;
      font-weight: bold;
      padding: 0 15px;
      padding-bottom: 16px; }
    .createUser > div article {
      padding: 0 15px; }
      .createUser > div article input {
        display: block;
        width: 100%;
        height: 39px;
        line-height: 39px;
        background: #fff;
        border: 1px solid #7d7d7d;
        margin-bottom: 14px;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
      .createUser > div article .pulText {
        margin-bottom: 18px; }
        .createUser > div article .pulText input {
          width: auto;
          height: auto;
          display: inline;
          margin-bottom: 0; }
        .createUser > div article .pulText label {
          font-size: 12px; }
    .createUser > div .creatUserButton {
      display: block;
      background: #0057a4;
      color: #fff;
      font-size: 21px;
      width: 100%;
      height: 46px;
      line-height: 46px;
      border: none;
      outline: none;
      cursor: pointer; }
      .createUser > div .creatUserButton i {
        padding-left: 14px; }

.creatUserLogin {
  background: #6489be; }
  .creatUserLogin div {
    padding: 41px 9px;
    padding-top: 30px; }
    .creatUserLogin div h1 {
      font-size: 25px;
      margin-bottom: 10px;
      padding: 0 16px; }
    .creatUserLogin div article {
      padding: 0 16px; }
      .creatUserLogin div article input {
        display: block;
        width: 100%;
        height: 40px;
        background: #fff;
        border: 1px solid #7d7d7d;
        margin-bottom: 16px;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
    .creatUserLogin div .logIn {
      display: block;
      background: #0057a4;
      color: #fff;
      font-size: 21px;
      width: 100%;
      height: 46px;
      line-height: 46px;
      border: none;
      outline: none;
      cursor: pointer; }
      .creatUserLogin div .logIn i {
        padding-left: 14px; }

/*======================SKAPA AFFÄRSPLAN========================*/
.create {
  background: #ececec; }
  .create > div {
    padding: 0 9px; }
    .create > div h1 {
      padding: 0 14px;
      font-size: 25px;
      margin-bottom: 10px; }
    .create > div .fields {
      padding: 0 14px; }
      .create > div .fields input[type="text"] {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        background: #fff;
        border: 1px solid #7d7d7d;
        outline: none;
        font-size: 14px;
        margin-bottom: 15px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
        .create > div .fields input[type="text"].name {
          margin-bottom: 26px; }
      .create > div .fields p {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px; }
        .create > div .fields p.checkbox strong {
          display: block;
          margin-bottom: 5px; }
        .create > div .fields p.checkbox label {
          font-weight: normal;
          display: block;
          padding-left: 15px;
          text-indent: -15px; }
        .create > div .fields p.checkbox input {
          width: 13px;
          height: 13px;
          padding: 0;
          margin: 0;
          vertical-align: bottom;
          position: relative;
          top: -1px;
          *overflow: hidden; }
        .create > div .fields p img {
          float: right;
          cursor: pointer; }
      .create > div .fields select {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0 6px;
        border: 1px solid #7d7d7d;
        font-size: 14px;
        margin-bottom: 15px;
        background: #fff; }
        .create > div .fields select::-moz-focus-inner {
          border: 0;
          padding: 0; }
    .create > div .submit {
      margin-top: 11px;
      margin-bottom: 34px; }
      .create > div .submit button {
        background: #0057a4;
        width: 100%;
        height: 69px;
        line-height: 69px;
        font-size: 21px;
        text-align: center;
        font-weight: bold;
        border: none;
        outline: none;
        color: #fff;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
        .create > div .submit button i {
          padding-left: 10px; }
    .create > div aside {
      padding-bottom: 20px; }
      .create > div aside:after {
        display: block;
        clear: both;
        content: " ";
        height: 0;
        overflow: hidden; }
      .create > div aside article {
        float: left;
        width: 50%;
        color: #fff;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
        .create > div aside article.first, .create > div aside article.third {
          padding-right: 7px; }
        .create > div aside article.second, .create > div aside article.fourth {
          padding-left: 7px; }
        .create > div aside article.first div img {
          width: 52px; }
        .create > div aside article.first div h2 {
          background: #008A94; }
        .create > div aside article.second div img {
          width: 40px; }
        .create > div aside article.second div h2 {
          background: #843894; }
        .create > div aside article.third div img {
          width: 38px; }
        .create > div aside article.third div h2 {
          background: #D5374C; }
        .create > div aside article.fourth div img {
          width: 40px; }
        .create > div aside article.fourth div h2 {
          background: #0092CC; }
        .create > div aside article div {
          background: #464749;
          padding: 5px;
          padding-bottom: 9px;
          border-radius: 5px;
          margin-bottom: 15px;
          min-height: 130px; }
          .create > div aside article div img {
            display: block;
            margin: 0 auto;
            margin-bottom: 5px;
            height: 52px; }
          .create > div aside article div h2 {
            font-size: 12px;
            text-align: center;
            min-height: 13px;
            margin-bottom: 5px;
            padding: 8px 4px; }
          .create > div aside article div p {
            font-size: 12px;
            text-align: center;
            line-height: 16px; }
            .create > div aside article div p span {
              display: none; }

@-moz-document url-prefix() {
  .create > div .fields select {
    padding: 10px 6px !important;
    line-height: normal; } }

.ui-tooltip-content {
  font-size: 12px;
  line-height: 16px; }
  .ui-tooltip-content a {
    color: #0057a4; }

/*======================SUBMENU========================*/
.subMenu {
  background: #ececec;
  height: 78px;
  padding: 21px 45px;
  padding-bottom: 0;
  position: relative; }
  .subMenu .flex-viewport li a {
    display: block;
    max-width: 231px;
    padding-left: 44px;
    padding-top: 8px;
    min-height: 63px;
    margin: 0 auto;
    background: url(/img/SVG/jag-vi-iden.svg) 7px 5px no-repeat #4e4e4e;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
    .subMenu .flex-viewport li a.idea {
      background-image: url(/img/SVG/jag-vi-iden.svg);
      background-size: 35px 38px; }
    .subMenu .flex-viewport li a.marketing {
      background-image: url(/img/SVG/marknadsforing.svg);
      background-size: 30px 32px;
      background-position: 7px 8px; }
    .subMenu .flex-viewport li a.administration {
      background-image: url(/img/SVG/administration-strategi.svg);
      background-size: 30px 32px; }
    .subMenu .flex-viewport li a.budget {
      background-image: url(/img/SVG/budget-finansiering.svg);
      background-size: 30px 32px; }
    .subMenu .flex-viewport li a .meter {
      margin-right: 13px; }
    .subMenu .flex-viewport li a .header {
      display: block;
      padding-bottom: 2px; }
  .subMenu .flex-viewport li .activeImage {
    margin: 0 auto;
    display: none; }
  .subMenu .flex-viewport li.active .activeImage {
    display: block; }

.flex-direction-nav {
  list-style: none; }
  .flex-direction-nav a {
    display: block;
    position: absolute;
    top: 36px;
    text-indent: -9000px;
    width: 13px;
    height: 18px; }
    .flex-direction-nav a.flex-prev {
      left: 16px;
      background: url(../img/buttons/left.png) bottom; }
      .flex-direction-nav a.flex-prev.flex-disabled {
        background-position: top; }
    .flex-direction-nav a.flex-next {
      right: 16px;
      background: url(../img/buttons/right.png) bottom; }
      .flex-direction-nav a.flex-next.flex-disabled {
        background-position: top; }

/*======================AFFÄRSPLAN INDEX========================*/
.createStart > div {
  padding: 15px 8px; }
  .createStart > div .icons {
    height: 338px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column; }
    .createStart > div .icons li {
      display: inline; }
    .createStart > div .icons .pdf a, .createStart > div .icons .mail a, .createStart > div .icons .mailAtt a, .createStart > div .icons .edit a, .createStart > div .icons .education a, .createStart > div .icons .mailAttWait a, .createStart > div .icons .mailAttYes a, .createStart > div .icons .mailAttNo a, .createStart > div .icons .erbjudanden-till-nyforetagare a, .createStart > div .icons .toolbox-inActive a, .createStart > div .icons .toolbox-active a {
      display: block;
      float: right;
      width: 53px;
      height: 51px;
      text-indent: -999px;
      overflow: hidden;
      background: red;
      margin-left: 8px; }
    .createStart > div .icons .pdf a {
      background: url(/img/SVG/preview.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .toolbox-active a {
      background: url(/img/SVG/icon_toolbox_active.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .toolbox-inActive a {
      background: url(/img/SVG/icon_toolbox_inactive.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .mail a {
      background: url(/img/SVG/mail.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .mailAtt a {
      background: url(/img/SVG/review.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .mailAttYes a {
      background: url(/img/SVG/review_yes.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .mailAttNo a {
      background: url(/img/SVG/review_no.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .mailAttWait a {
      background: url(/img/SVG/review_wait.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .edit a {
      background: url(/img/SVG/cogwheel.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .education a {
      background: url(/img/SVG/education-hat.svg);
      background-size: 100% 100%; }
    .createStart > div .icons .erbjudanden-till-nyforetagare a {
      background: url(/img/SVG/icon-handshake.svg);
      background-size: 100% 100%; }
  .createStart > div h1 {
    padding: 0 16px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px; }
  .createStart > div .content {
    padding: 0 16px;
    padding-bottom: 30px; }
    .createStart > div .content p {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 14px; }
    .createStart > div .content h2 {
      font-size: 17px;
      margin-bottom: 14px; }
    .createStart > div .content h3 {
      font-size: 17px;
      margin-bottom: 14px;
      margin-top: 20px; }
    .createStart > div .content ul {
      margin-left: 20px; }
  .createStart > div aside {
    padding-bottom: 20px; }
    .createStart > div aside:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .createStart > div aside article {
      float: left;
      width: 50%;
      color: #fff;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      .createStart > div aside article a {
        color: #fff; }
      .createStart > div aside article a:hover {
        text-decoration: none; }
      .createStart > div aside article.first, .createStart > div aside article.third {
        padding-right: 7px; }
      .createStart > div aside article.second, .createStart > div aside article.fourth {
        padding-left: 7px; }
      .createStart > div aside article.first div img {
        width: 52px; }
      .createStart > div aside article.first div h2 {
        background: #008A94; }
      .createStart > div aside article.second div img {
        width: 40px; }
      .createStart > div aside article.second div h2 {
        background: #843894; }
      .createStart > div aside article.third div img {
        width: 38px; }
      .createStart > div aside article.third div h2 {
        background: #D5374C; }
      .createStart > div aside article.fourth div img {
        width: 40px; }
      .createStart > div aside article.fourth div h2 {
        background: #0092CC; }
      .createStart > div aside article div {
        background: #464749;
        padding: 5px;
        padding-bottom: 9px;
        border-radius: 5px;
        margin-bottom: 15px;
        min-height: 130px; }
        .createStart > div aside article div img {
          display: block;
          margin: 0 auto;
          margin-bottom: 5px;
          height: 52px; }
        .createStart > div aside article div h2 {
          font-size: 12px;
          text-align: center;
          min-height: 13px;
          margin-bottom: 5px;
          padding: 8px 4px; }
        .createStart > div aside article div p {
          font-size: 12px;
          text-align: center;
          line-height: 16px; }
          .createStart > div aside article div p span {
            display: none; }

/*======================VÄNSTERMENY========================*/
.showSubMenu {
  width: 120px;
  height: 49px;
  background: #dbdbdb;
  border: 1px solid #c9c9c9;
  font-size: 16px;
  font-family: "Arial Black", Arial;
  font-weight: 900;
  cursor: pointer; }
  .showSubMenu i {
    padding-left: 12px;
    color: #5a5a5a; }

.createSteps {
  overflow: hidden; }
  .createSteps nav {
    position: relative;
    margin-bottom: 13px; }
    .createSteps nav h1 {
      display: none; }
    .createSteps nav ul {
      list-style: none;
      position: absolute;
      top: 49px;
      left: -80%;
      width: 80%;
      transition: left 0.7s ease;
      z-index: 99999; }
      .createSteps nav ul.active {
        left: 0%; }
      .createSteps nav ul li {
        margin-right: 15px; }
      .createSteps nav ul li:first-child {
        border-top: 1px solid #d5d5d5; }
      .createSteps nav ul a {
        display: block;
        background: #ececec;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        color: #000;
        font-size: 15px;
        font-weight: bold;
        padding: 9px 12px; }
        .createSteps nav ul a:hover {
          background: #878787;
          text-decoration: none;
          color: #fff; }
        .createSteps nav ul a .meter {
          margin-top: 5px;
          max-width: 200px; }
      .createSteps nav ul .active a {
        background: #878787;
        text-decoration: none;
        color: #fff; }
    .createSteps nav a.homeLink {
      position: absolute;
      top: -59px; }
    .createSteps nav.nometer .meter {
      display: none; }

/*======================CREATESTEPS========================*/
.createSteps {
  margin: 0 13px;
  padding-top: 55px; }
  .createSteps .icons {
    height: 51px;
    margin-bottom: 12px;
    margin-top: -40px;
    z-index: 1; }
    .createSteps .icons li {
      display: inline; }
    .createSteps .icons .pdf a, .createSteps .icons .mail a, .createSteps .icons .mailAtt a, .createSteps .icons .edit a, .createSteps .icons .help a, .createSteps .icons .education a, .createSteps .icons .mailAttWait a, .createSteps .icons .mailAttYes a, .createSteps .icons .mailAttNo a, .createSteps .icons .erbjudanden-till-nyforetagare a, .createSteps .icons .toolbox-active a, .createSteps .icons .toolbox-inActive a {
      display: block;
      float: right;
      width: 40px;
      height: 42px;
      text-indent: -999px;
      overflow: hidden;
      margin-left: 8px; }
    .createSteps .icons .toolbox-active a {
      background: url(/img/SVG/icon_toolbox_active.svg);
      background-size: 100% 100%; }
    .createSteps .icons .toolbox-inActive a {
      background: url(/img/SVG/icon_toolbox_inactive.svg);
      background-size: 100% 100%; }
    .createSteps .icons .pdf a {
      background: url(/img/SVG/preview.svg);
      background-size: 100% 100%; }
    .createSteps .icons .mail a {
      background: url(/img/SVG/mail.svg);
      background-size: 100% 100%; }
    .createSteps .icons .mailAtt a {
      background: url(/img/SVG/review.svg);
      background-size: 100% 100%; }
    .createSteps .icons .mailAttYes a {
      background: url(/img/SVG/review_yes.svg);
      background-size: 100% 100%; }
    .createSteps .icons .mailAttNo a {
      background: url(/img/SVG/review_no.svg);
      background-size: 100% 100%; }
    .createSteps .icons .mailAttWait a {
      background: url(/img/SVG/review_wait.svg);
      background-size: 100% 100%; }
    .createSteps .icons .edit a {
      background: url(/img/SVG/cogwheel.svg);
      background-size: 100% 100%; }
    .createSteps .icons .help a {
      background: url(/img/icons/help2.png);
      background-size: 100% 100%; }
    .createSteps .icons .education a {
      background: url(/img/SVG/education-hat.svg);
      background-size: 100% 100%; }
    .createSteps .icons .erbjudanden-till-nyforetagare a {
      background: url(/img/SVG/icon-handshake.svg);
      background-size: 100% 100%; }
  .createSteps .content {
    position: relative;
    padding-bottom: 20px;
    left: 0%;
    transition: left 0.7s ease;
    z-index: 0; }
    .createSteps .content.active {
      left: 80%; }
    .createSteps .content:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .createSteps .content .help {
      position: absolute;
      right: 0;
      top: -63px;
      cursor: pointer; }
    .createSteps .content .erbjudanden-till-nyforetagare {
      position: absolute;
      right: 0;
      top: -63px;
      cursor: pointer; }
    .createSteps .content h1 {
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 15px; }
    .createSteps .content div.video {
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      position: relative;
      margin-bottom: 20px; }
      .createSteps .content div.video iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
    .createSteps .content .icon {
      float: left;
      width: 50px;
      height: 50px;
      margin-right: 20px; }
    .createSteps .content p {
      font-size: 14px;
      margin-bottom: 20px;
      line-height: 18px; }
      .createSteps .content p.citationParagraph {
        font-size: 20px;
        text-align: center; }
    .createSteps .content h2 {
      font-size: 17px;
      font-weight: bold;
      margin-bottom: 20px; }

/*======================SALESBUDGET========================*/
.createSteps .budget {
  padding-bottom: 40px; }
  .createSteps .budget:before {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .createSteps .budget .topInfo {
    margin-bottom: 7px;
    font-size: 12px;
    min-height: 38px;
    line-height: 23px; }
    .createSteps .budget .topInfo:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .createSteps .budget .topInfo img {
      float: left;
      margin-right: 13px; }
    .createSteps .budget .topInfo input {
      float: right; }
    .createSteps .budget .topInfo label {
      display: none; }
    .createSteps .budget .topInfo:not(#foo) input[type="checkbox"].flag {
      display: none; }
      .createSteps .budget .topInfo:not(#foo) input[type="checkbox"].flag + label {
        display: block;
        float: right;
        width: 37px;
        height: 38px;
        background: url(/img/icons/flag.png) bottom;
        text-indent: -9999px;
        overflow: hidden;
        cursor: pointer; }
      .createSteps .budget .topInfo:not(#foo) input[type="checkbox"].flag:checked + label {
        background-position: top; }
  .createSteps .budget .table-wrapper table.responsive.salesBudgetTable th:first-child, .createSteps .budget .table-wrapper table.responsive.salesBudgetTable td:first-child, .createSteps .budget .table-wrapper table.responsive.salesBudgetTable.pinned td {
    display: none; }
  .createSteps .budget .salesBudget table.salesBudgetTable {
    border-left: 1px solid #898989;
    border-top: 1px solid #898989;
    font-size: 12px;
    color: #464749; }
    .createSteps .budget .salesBudget table.salesBudgetTable.responsive td, .createSteps .budget .salesBudget table.salesBudgetTable.responsive th {
      position: relative;
      white-space: nowrap;
      overflow: hidden; }
    .createSteps .budget .salesBudget table.salesBudgetTable tr.big > td, .createSteps .budget .salesBudget table.salesBudgetTable tr.big > th {
      height: 38px; }
    .createSteps .budget .salesBudget table.salesBudgetTable > tbody > tr > td, .createSteps .budget .salesBudget table.salesBudgetTable > tbody > tr > th, .createSteps .budget .salesBudget table.salesBudgetTable > thead > tr > th {
      border-right: 1px solid #898989;
      border-bottom: 1px solid #898989;
      padding-left: 7px;
      text-align: left;
      font-weight: normal;
      vertical-align: middle; }
    .createSteps .budget .salesBudget table.salesBudgetTable > tbody > tr > td.writeable {
      height: 34px; }
    .createSteps .budget .salesBudget table.salesBudgetTable thead tr {
      background: #f9f9f9;
      height: 23px;
      line-height: 23px; }
      .createSteps .budget .salesBudget table.salesBudgetTable thead tr th {
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        color: #464749; }
        .createSteps .budget .salesBudget table.salesBudgetTable thead tr th.firstCol {
          font-size: 14px; }
    .createSteps .budget .salesBudget table.salesBudgetTable tr.header-row {
      background: #b0dcf5;
      height: 23px;
      line-height: 23px; }
      .createSteps .budget .salesBudget table.salesBudgetTable tr.header-row td {
        font-size: 14px;
        font-weight: bold;
        height: 23px; }
    .createSteps .budget .salesBudget table.salesBudgetTable tr.secondLast {
      background: #f0f0f0; }
      .createSteps .budget .salesBudget table.salesBudgetTable tr.secondLast th {
        font-weight: bold; }
      .createSteps .budget .salesBudget table.salesBudgetTable tr.secondLast td, .createSteps .budget .salesBudget table.salesBudgetTable tr.secondLast th {
        height: 23px; }
    .createSteps .budget .salesBudget table.salesBudgetTable tr.last {
      background: #dedede; }
      .createSteps .budget .salesBudget table.salesBudgetTable tr.last th {
        font-weight: bold; }
      .createSteps .budget .salesBudget table.salesBudgetTable tr.last td, .createSteps .budget .salesBudget table.salesBudgetTable tr.last th {
        height: 23px; }
    .createSteps .budget .salesBudget table.salesBudgetTable tr.regular td, .createSteps .budget .salesBudget table.salesBudgetTable tr.regular th {
      height: 38px; }
    .createSteps .budget .salesBudget table.salesBudgetTable tr.belopp {
      background: #dedede;
      line-height: 30px; }
      .createSteps .budget .salesBudget table.salesBudgetTable tr.belopp th {
        font-size: 14px;
        font-weight: bold; }
    .createSteps .budget .salesBudget table.salesBudgetTable tr.marginal {
      background: #f0f0f0; }
      .createSteps .budget .salesBudget table.salesBudgetTable tr.marginal td, .createSteps .budget .salesBudget table.salesBudgetTable tr.marginal th {
        height: 23px; }
    .createSteps .budget .salesBudget table.salesBudgetTable tr.palagg {
      background: #f0f0f0; }
      .createSteps .budget .salesBudget table.salesBudgetTable tr.palagg td, .createSteps .budget .salesBudget table.salesBudgetTable tr.palagg th {
        height: 23px; }
    .createSteps .budget .salesBudget table.salesBudgetTable input {
      border: none;
      outline: none;
      width: 100%;
      background: transparent; }
    .createSteps .budget .salesBudget table.salesBudgetTable .header-table {
      margin-top: 4px;
      margin-bottom: 4px;
      margin-right: 5px; }
      .createSteps .budget .salesBudget table.salesBudgetTable .header-table .add-row {
        float: left;
        margin-right: 5px;
        cursor: pointer; }
      .createSteps .budget .salesBudget table.salesBudgetTable .header-table label {
        font-size: 10px; }
      .createSteps .budget .salesBudget table.salesBudgetTable .header-table .firstCol {
        width: 210px;
        padding-right: 5px; }
  .createSteps .budget .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 150px;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc; }
    .createSteps .budget .pinned table {
      border-right: none;
      border-left: none;
      width: 100%; }
  .createSteps .budget div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc; }
    .createSteps .budget div.table-wrapper div.scrollable {
      overflow: scroll;
      overflow-y: hidden; }
      .createSteps .budget div.table-wrapper div.scrollable table {
        margin-left: 150px;
        position: relative; }
        .createSteps .budget div.table-wrapper div.scrollable table td, .createSteps .budget div.table-wrapper div.scrollable table th {
          padding: 0 7px; }

.salesBudgetNavigation {
  padding-left: 120px;
  padding-bottom: 6px; }
  .salesBudgetNavigation:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .salesBudgetNavigation a {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #000; }
    .salesBudgetNavigation a.prev {
      float: left;
      width: 70px;
      padding-left: 20px;
      background: url(../img/icons/arrowLeft.png) left center no-repeat; }
    .salesBudgetNavigation a.next {
      float: right;
      width: 60px;
      padding-right: 20px;
      background: url(../img/icons/arrowRight.png) right center no-repeat; }

.ex-moms {
  display: none; }

/*======================STARTKAPITAL========================*/
.startCapital {
  float: left;
  width: 61.3%;
  padding-right: 26px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  .startCapital .investments:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .startCapital .investments h1 {
    border: 1px solid #898989;
    border-bottom: none;
    background: #f9f9f9;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 6px;
    color: #464749;
    margin-right: 1px; }
  .startCapital .investments table {
    float: left;
    width: 50%;
    border: 1px solid #898989;
    border-bottom: none;
    border-right: none;
    font-size: 12px;
    color: #464749;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
    .startCapital .investments table.second {
      margin-left: -1px; }
    .startCapital .investments table input {
      border: none;
      outline: none;
      width: 50px;
      height: 100%;
      font-size: 12px;
      color: #464749;
      padding: 0; }
    .startCapital .investments table td {
      border-right: 1px solid #898989;
      border-bottom: 1px solid #898989;
      padding: 0 5px;
      height: 40px;
      vertical-align: middle; }
      .startCapital .investments table td:after {
        display: block;
        clear: both;
        content: " ";
        height: 0;
        overflow: hidden; }
      .startCapital .investments table td.sum {
        width: 51px; }
      .startCapital .investments table td img {
        float: left;
        margin-right: 5px;
        cursor: pointer; }
      .startCapital .investments table td .moms {
        float: right; }
        .startCapital .investments table td .moms .VATTag {
          display: block;
          font-size: 10px;
          margin-bottom: 3px; }
      .startCapital .investments table td .varulager {
        padding-top: 8px;
        float: left; }
    .startCapital .investments table .subtitle-row {
      background: #b0dcf5; }
      .startCapital .investments table .subtitle-row td {
        height: 23px;
        font-size: 14px;
        font-weight: bold; }
    .startCapital .investments table .disabled-row {
      background: #f0f0f0; }
      .startCapital .investments table .disabled-row td {
        height: 23px; }
        .startCapital .investments table .disabled-row td input {
          background: #f0f0f0; }

.finance {
  float: left;
  width: 38.7%;
  margin-bottom: 10px; }
  .finance .financing h1 {
    border: 1px solid #898989;
    border-bottom: none;
    background: #f9f9f9;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 6px;
    color: #464749; }
  .finance .financing table {
    border: 1px solid #898989;
    border-bottom: none;
    border-right: none;
    font-size: 12px;
    color: #464749;
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
    .finance .financing table input {
      border: none;
      outline: none;
      width: 50px;
      height: 100%;
      font-size: 12px;
      color: #464749;
      padding: 0; }
    .finance .financing table .extra {
      float: right;
      height: 30px;
      line-height: 30px; }
      .finance .financing table .extra input {
        width: 20px;
        line-height: 30px; }
    .finance .financing table td {
      border-right: 1px solid #898989;
      border-bottom: 1px solid #898989;
      padding: 0 5px;
      height: 40px;
      vertical-align: middle; }
      .finance .financing table td.sum {
        width: 51px; }
    .finance .financing table .subtitle-row {
      background: #b0dcf5; }
      .finance .financing table .subtitle-row td {
        height: 23px;
        font-size: 14px;
        font-weight: bold; }
    .finance .financing table .disabled-row {
      background: #f0f0f0; }
      .finance .financing table .disabled-row td {
        height: 23px; }
        .finance .financing table .disabled-row td input {
          background: #f0f0f0; }

.sum {
  margin-bottom: 17px; }
  .sum:before, .sum:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .sum .investments-sum {
    width: 61.3%;
    padding-right: 26px;
    float: left;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
    .sum .investments-sum .moms {
      border: 1px solid #898989;
      background: #f0f0f0;
      font-size: 12px;
      padding: 0 5px;
      height: 24px;
      line-height: 24px; }
      .sum .investments-sum .moms span {
        float: right;
        width: 51px; }
        .sum .investments-sum .moms span input {
          width: 100%;
          height: 100%;
          background: transparent;
          border: none;
          outline: none;
          font-size: 12px; }
    .sum .investments-sum .totalSum {
      border: 1px solid #898989;
      background: #dedede;
      font-size: 14px;
      font-weight: bold;
      height: 38px;
      line-height: 38px;
      padding: 0 5px; }
      .sum .investments-sum .totalSum span {
        float: right;
        width: 51px;
        font-size: 12px; }
        .sum .investments-sum .totalSum span input {
          width: 100%;
          height: 100%;
          background: transparent;
          border: none;
          outline: none;
          font-size: 12px; }
  .sum .financial-sum {
    float: left;
    width: 38.7%; }
    .sum .financial-sum p {
      border: 1px solid #898989;
      background: #dedede;
      font-size: 14px;
      font-weight: bold;
      height: 38px;
      line-height: 38px;
      padding: 0 5px;
      margin-top: 24px; }
      .sum .financial-sum p span {
        float: right;
        width: 51px;
        font-size: 12px; }
        .sum .financial-sum p span input {
          width: 100%;
          height: 100%;
          background: transparent;
          border: none;
          outline: none;
          font-size: 12px; }

.bottom {
  max-width: 871px; }
  .bottom:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .bottom .messages {
    float: left;
    width: 563px;
    margin-right: 26px; }
    .bottom .messages p {
      color: #4bc657;
      font-size: 16px;
      font-weight: bold; }
      .bottom .messages p.error {
        color: red; }
  .bottom .saveButton {
    float: right;
    width: 218px;
    height: 35px;
    background: #464749;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    outline: none;
    border: none;
    cursor: pointer;
    font-family: Arial; }

.salesBudgetBottom, .marketingPlanBottom, .cashflowbudgetBottom, .resultBudgetBottom {
  margin-top: 20px; }
  .salesBudgetBottom:after, .marketingPlanBottom:after, .cashflowbudgetBottom:after, .resultBudgetBottom:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .salesBudgetBottom .saveButton, .marketingPlanBottom .saveButton, .cashflowbudgetBottom .saveButton, .resultBudgetBottom .saveButton {
    float: right;
    width: 218px;
    height: 35px;
    background: #464749;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    outline: none;
    border: none;
    cursor: pointer;
    font-family: Arial; }

/*======================MARKNADSBUDGET========================*/
.updateButton {
  display: block;
  width: 200px;
  height: 46px;
  background: #0057A4;
  font-size: 21px;
  tet-align: center;
  line-height: 46px;
  font-weight: bold;
  outline: none;
  border: none;
  cursor: pointer;
  font-family: Arial;
  text-decoration: none;
  color: #fff;
  z-index: 9999; }

.sticky-wrapper {
  margin-bottom: 15px; }

.marketingPlan:after {
  display: block;
  clear: both;
  content: " ";
  height: 0;
  overflow: hidden; }

.marketingPlan .pinned {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 150px;
  overflow: hidden;
  overflow-x: scroll;
  border-right: 1px solid #ccc;
  border-left: none !important; }
  .marketingPlan .pinned table {
    border-right: none;
    border-left: none;
    width: 100%; }

.marketingPlan div.table-wrapper {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  border-right: 1px solid #ccc; }
  .marketingPlan div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden; }
    .marketingPlan div.table-wrapper div.scrollable table {
      margin-left: 150px;
      position: relative; }
      .marketingPlan div.table-wrapper div.scrollable table td, .marketingPlan div.table-wrapper div.scrollable table th {
        padding: 0 7px; }

.marketingPlan .table-wrapper .scrollable table.salesBudgetBudgetTable th:first-child, .marketingPlan .table-wrapper .scrollable table.salesBudgetBudgetTable td:first-child {
  display: none; }

.marketingPlan table {
  border-left: 1px solid #898989 !important;
  border-top: 1px solid #898989;
  font-size: 12px;
  color: #464749;
  margin-bottom: 20px; }
  .marketingPlan table.responsive td, .marketingPlan table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
  .marketingPlan table td, .marketingPlan table th {
    border-right: 1px solid #898989;
    border-bottom: 1px solid #898989;
    padding-left: 7px; }
  .marketingPlan table thead tr {
    background: #f9f9f9;
    height: 23px; }
    .marketingPlan table thead tr th {
      font-size: 12px;
      font-weight: bold;
      text-align: left;
      vertical-align: middle; }
      .marketingPlan table thead tr th.firstCol {
        font-size: 14px; }
  .marketingPlan table .header-row {
    background: #B0DCF5;
    height: 23px; }
    .marketingPlan table .header-row td {
      vertical-align: middle;
      font-size: 14px;
      font-weight: bold;
      height: 23px; }
  .marketingPlan table .lastRow {
    background: #dedede; }
  .marketingPlan table td {
    height: 38px;
    vertical-align: middle; }
    .marketingPlan table td input {
      border: none;
      outline: none;
      width: 100%;
      background: transparent; }
    .marketingPlan table td .add-row {
      float: left;
      margin-right: 5px;
      cursor: pointer; }

.marketingPlan .saveButton {
  float: right;
  width: 218px;
  height: 35px;
  background: #464749;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  outline: none;
  border: none;
  cursor: pointer;
  font-family: Arial; }

/*======================RESULTATBUDGET========================*/
.resultBudget table {
  margin-left: 1px;
  color: #464749; }
  .resultBudget table td, .resultBudget table th {
    border: 1px solid #898989;
    text-align: left;
    padding: 5px 2px;
    height: 28px;
    vertical-align: middle;
    font-size: 12px; }
  .resultBudget table td.empty {
    width: 15px;
    border: none; }
  .resultBudget table input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
  .resultBudget table thead tr td {
    height: 23px; }
  .resultBudget table thead tr th {
    height: 23px;
    width: 229px;
    background: #f9f9f9;
    font-size: 12px;
    font-weight: bold; }
  .resultBudget table .header-row {
    height: 23px; }
    .resultBudget table .header-row td {
      height: 23px; }
    .resultBudget table .header-row th {
      background: #b0dcf5;
      height: 23px; }
  .resultBudget table tr.empty {
    height: 14px; }
    .resultBudget table tr.empty td {
      border: none;
      height: 14px; }
  .resultBudget table tbody th {
    background: #dedede; }
    .resultBudget table tbody th.left {
      border-right: none; }
    .resultBudget table tbody th.right {
      border-left: none;
      width: 82px; }
      .resultBudget table tbody th.right input {
        text-align: right;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial; }
  .resultBudget table tbody .bottomRow th {
    background: #f0f0f0;
    font-weight: normal; }
    .resultBudget table tbody .bottomRow th input {
      font-weight: normal; }
  .resultBudget table tbody td.grey {
    background: #f0f0f0; }

/*======================LIKVIDITETSBUDGET========================*/
.cashflowBudget p.desc {
  margin-bottom: 20px; }

.cashflowBudget table td, .cashflowBudget table th {
  border: 1px solid #898989;
  text-align: left;
  vertical-align: middle;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: normal;
  height: 34px; }

.cashflowBudget table td.grey, .cashflowBudget table th.grey {
  background: #f0f0f0;
  height: auto; }

.cashflowBudget table td.sum {
  background: #dadada; }

.cashflowBudget table tr.empty td {
  height: 20px;
  border: none; }

.cashflowBudget table tr.secondEmpty td {
  height: 8px;
  border: none; }

.cashflowBudget table input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 12px;
  font-family: Arial;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.cashflowBudget table .checkbox {
  float: right;
  width: 100px;
  font-size: 10px; }
  .cashflowBudget table .checkbox input {
    height: 14px;
    width: auto; }

.cashflowBudget table .fskatt {
  padding-top: 3px;
  float: left; }

.cashflowBudget table thead tr th {
  background: #f9f9f9;
  font-size: 12px;
  height: 19px;
  font-weight: bold; }
  .cashflowBudget table thead tr th.firstCol {
    font-size: 14px; }

.cashflowBudget table .header-row {
  background: #b0dcf5; }
  .cashflowBudget table .header-row td {
    height: 19px;
    font-size: 14px;
    font-weight: bold; }

.cashflowBudget table .lastRow {
  font-weight: bold; }
  .cashflowBudget table .lastRow td, .cashflowBudget table .lastRow th {
    background: #dedede;
    font-weight: bold;
    height: auto; }
    .cashflowBudget table .lastRow td.normal, .cashflowBudget table .lastRow th.normal {
      font-weight: normal; }

.cashflowBudget table table td, .cashflowBudget table table th {
  border: none;
  padding: 0;
  height: auto; }

.cashflowBudget table table img {
  float: left;
  margin-right: 5px;
  cursor: pointer; }

.cashflowBudget table table label {
  display: block;
  font-size: 10px;
  margin-bottom: 3px; }

.cashflowBudget table table select {
  font-size: 10px;
  width: 70px; }

/*======================HELPSECTION========================*/
.white-popup {
  display: none;
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }

.mfp-content .white-popup {
  display: block; }
  .mfp-content .white-popup p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px; }
  .mfp-content .white-popup ul {
    font-size: 14px;
    line-height: 18px;
    margin-left: 35px;
    margin-bottom: 18px; }
  .mfp-content .white-popup div#review > select {
    width: 100%;
    height: 30px; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
	* Remove all paddings around the image on small screen
	*/
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/*======================FIELDSSECTION========================*/
.meterContainer {
  padding-bottom: 30px; }
  .meterContainer:before {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .meterContainer article {
    width: 50%; }

.fieldsSection ul li a div {
  width: auto;
  padding-right: 70px; }

.fieldsSection {
  margin-bottom: 20px;
  padding-bottom: 40px; }
  .fieldsSection:before {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .fieldsSection h1 {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 20px;
    width: 100% !important; }
  .fieldsSection ul {
    width: 100%; }
    .fieldsSection ul li {
      position: relative; }
      .fieldsSection ul li a {
        width: 100%;
        display: block;
        border: 1px solid #bababa;
        border-top: 1px;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 20px;
        padding-right: 55px;
        position: relative;
        z-index: 10;
        outline: medium none;
        text-decoration: none;
        color: #464749;
        border-top: 1px solid #bababa;
        margin-top: -1px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
        .fieldsSection ul li a::after {
          display: block;
          width: 65px;
          height: 66px;
          position: absolute;
          right: 0;
          top: 0;
          content: " ";
          background-image: url(../../img/buttons/arrowRight.png);
          -moz-transition: 0.4s all;
          -webkit-transition: 0.4s all;
          transition: 0.4s all;
          -moz-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
        .fieldsSection ul li a:hover {
          text-decoration: none; }
        .fieldsSection ul li a.filled::after {
          background-image: url(../../img/buttons/arrowRightFilled.png); }
        .fieldsSection ul li a.halfFilled::after {
          background-image: url(../../img/buttons/arrowRightHalfFilled.png); }
        .fieldsSection ul li a.halfFilled.flagged::after {
          background-image: url(../../img/buttons/arrowRightFlagHalfFilled.png); }
        .fieldsSection ul li a.flagged::after {
          background-image: url(../../img/buttons/arrowRightFlag.png); }
        .fieldsSection ul li a.filled.flagged::after {
          background-image: url(../../img/buttons/arrowRightFlagFilled.png); }
        .fieldsSection ul li a label {
          cursor: pointer;
          padding-right: 0px; }
      .fieldsSection ul li.active a::after {
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); }
      .fieldsSection ul li.active a::after.filled {
        background-image: url(../../img/buttons/arrowLeftFilled.png); }
      .fieldsSection ul li .field {
        display: none;
        border-left: 1px solid #bababa;
        border-right: 1px solid #bababa;
        border-bottom: 1px solid #bababa;
        padding: 12px 17px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
        .fieldsSection ul li .field input[type=text], .fieldsSection ul li .field textarea, .fieldsSection ul li .field select {
          border: solid 1px #bababa;
          width: 100%;
          line-height: 25px;
          padding: 10px;
          margin-top: 10px;
          -webkit-box-sizing: border-box;
          /* Safari/Chrome, other WebKit */
          -moz-box-sizing: border-box;
          /* Firefox, other Gecko */
          box-sizing: border-box;
          /* Opera/IE 8+ */ }
        .fieldsSection ul li .field textarea {
          height: 300px; }
        .fieldsSection ul li .field span.validate-input {
          display: none;
          color: red;
          font-size: 9px;
          font-style: italic; }
        .fieldsSection ul li .field.swot article {
          width: 50%;
          float: left;
          -webkit-box-sizing: border-box;
          /* Safari/Chrome, other WebKit */
          -moz-box-sizing: border-box;
          /* Firefox, other Gecko */
          box-sizing: border-box;
          /* Opera/IE 8+ */ }
          .fieldsSection ul li .field.swot article textarea {
            height: 150px;
            margin-top: 5px;
            margin-bottom: 10px; }
          .fieldsSection ul li .field.swot article.first, .fieldsSection ul li .field.swot article.third {
            padding-right: 5px; }
          .fieldsSection ul li .field.swot article.second, .fieldsSection ul li .field.swot article.fourth {
            padding-left: 5px; }
        .fieldsSection ul li .field.swot:after {
          display: block;
          clear: both;
          content: " ";
          height: 0;
          overflow: hidden; }
        .fieldsSection ul li .field:not(#foo) input[type="checkbox"] {
          display: none; }
          .fieldsSection ul li .field:not(#foo) input[type="checkbox"] + label {
            display: block;
            float: right;
            width: 37px;
            height: 38px;
            background: url(/img/icons/flag.png) bottom;
            text-indent: -9999px;
            overflow: hidden;
            cursor: pointer; }
          .fieldsSection ul li .field:not(#foo) input[type="checkbox"]:checked + label {
            background-position: top; }
        .fieldsSection ul li .field .fieldInfo {
          display: block;
          font-family: arial;
          font-size: 14px;
          heigth: 38px;
          width: 85%;
          float: left;
          font-style: italic; }
          .fieldsSection ul li .field .fieldInfo:after {
            display: block;
            clear: both;
            content: " ";
            height: 0;
            overflow: hidden; }
      .fieldsSection ul li:after {
        display: block;
        clear: both;
        content: " ";
        height: 0;
        overflow: hidden; }
  .fieldsSection input[type=submit] {
    background: none repeat scroll 0 0 #464749;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    width: 218px;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer; }

.inputText {
  display: none; }

#newCompanyOwnerInputSection h1 {
  display: block;
  background: #ececec;
  padding: 20px;
  margin-bottom: 0;
  width: 100%;
  cursor: pointer; }

#newCompanyOwnerInputSection input[type=button] {
  background: none repeat scroll 0 0 #0057A4;
  border: medium none;
  color: #FFFFFF;
  display: block;
  font-size: 14.61px;
  font-weight: bold;
  height: 45px;
  width: 100%;
  max-width: 445px; }

#newCompanyOwnerInputSection ul {
  display: none; }
  #newCompanyOwnerInputSection ul.open {
    display: block; }

#pricingInputSection, #companyOwnerProfile, .USP, #customersInputSectionk, #administrationInputSection {
  margin-bottom: 150px; }

/*======================CONTACT========================*/
.contact {
  margin: 28px 26px; }
  .contact h1 {
    font-size: 20px;
    margin-bottom: 15px; }

/*======================NETVERK========================*/
.network {
  margin: 0 12px; }
  .network article {
    border: 1px solid #7d7d7d;
    width: 100%;
    margin-bottom: 9px;
    height: 345px;
    line-height: 14px;
    position: relative;
    padding: 14px;
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 99px;
    background: #ececec;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
    .network article p {
      font-size: 12px;
      color: #464749; }
    .network article section h1 {
      margin-top: 5px;
      padding: 0;
      font-size: 18px;
      font-weight: bold; }
    .network article section h2 {
      margin-: 10px;
      padding: 0;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase; }
    .network article section header {
      margin: 0px;
      padding: 0;
      font-style: italic;
      font-size: 12px;
      line-height: 16px; }
    .network article section p {
      margin-top: 10px;
      padding: 0;
      font-size: 12px; }
    .network article section:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .network article footer {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 99px;
      background: #fff;
      text-align: center; }
      .network article footer img {
        margin: 17px;
        max-height: 65px;
        max-width: 200px;
        width: auto; }
  .network section h1 img {
    height: 15px;
    width: 15px; }

#gantt {
  display: none; }

#nogantt {
  display: block; }

.gantt_add, .gantt_link_control, .gantt_task_progress_drag {
  display: none !important;
  /*Hides all irrelevant controls in the gantt component*/ }

.noFlags {
  font-size: 12px;
  font-style: italic;
  list-style: none outside none; }

.pageBreakSpace {
  display: none; }

/*===========AFFÄRSPLANER ATT GRANSKA=================*/
#headTitle {
  background: #ececec;
  height: 50px; }
  #headTitle #titleWrapper {
    width: 903px;
    margin: 0 auto; }
    #headTitle #titleWrapper h1 {
      padding-top: 17px;
      font-size: 19px;
      padding-left: 20px; }

#editStatusView {
  background: #6288c0;
  overflow: hidden; }
  #editStatusView table.ccu th {
    text-align: left; }
  #editStatusView #formWrapper {
    background: #ececec;
    max-width: 875px;
    margin: 20px auto;
    padding: 30px 40px; }
    #editStatusView #formWrapper .headRow {
      height: 35px;
      background: #dbdbdb; }
      #editStatusView #formWrapper .headRow th {
        padding-top: 11px; }
    #editStatusView #formWrapper tr {
      height: 45px;
      font-size: 12px;
      font-weight: bold; }
      #editStatusView #formWrapper tr td {
        padding-top: 16px;
        table-layout: fixed;
        line-height: 1.5; }
        #editStatusView #formWrapper tr td #Statusen {
          height: 26px;
          width: 150px;
          background: #353535;
          color: white;
          font-size: 12px;
          font-weight: bold;
          outline: none;
          border: none;
          padding-left: 20px; }
          #editStatusView #formWrapper tr td #Statusen:focus {
            background: #5175ac; }
      #editStatusView #formWrapper tr td:nth-child(2) {
        color: #0055a6; }
    #editStatusView #formWrapper th {
      font-size: 13px; }
    #editStatusView #formWrapper .date, #editStatusView #formWrapper .businessPlan, #editStatusView #formWrapper .firstName, #editStatusView #formWrapper .lastName, #editStatusView #formWrapper .status {
      padding-left: 5px; }
    #editStatusView #formWrapper .date {
      width: 160px; }
    #editStatusView #formWrapper .businessPlan {
      width: 150px; }
    #editStatusView #formWrapper .firstName, #editStatusView #formWrapper .lastName, #editStatusView #formWrapper .status {
      width: 130px; }
    #editStatusView #formWrapper div.popup {
      display: none;
      position: fixed;
      width: 400px;
      left: calc(50% - 200px);
      top: calc(50% - 150px);
      background: white;
      border: 1px solid grey; }
      #editStatusView #formWrapper div.popup p {
        padding-bottom: 20px;
        font-size: 15px;
        font-weight: bold; }
      #editStatusView #formWrapper div.popup textarea {
        font-family: sans-serif; }
      #editStatusView #formWrapper div.popup #statusMessage {
        display: none;
        width: 100%;
        height: 100px;
        margin-bottom: 20px;
        resize: none;
        outline: none; }
      #editStatusView #formWrapper div.popup #submitStatus {
        height: 40px;
        width: 100%;
        background: #0055a6;
        color: white;
        font-size: 15px;
        font-weight: bold;
        outline: none;
        border: none;
        cursor: pointer; }
    #editStatusView #formWrapper div.popup a.close {
      cursor: pointer; }
    #editStatusView #formWrapper .close {
      position: absolute;
      right: 10px;
      top: 15px;
      width: 32px;
      height: 32px;
      opacity: 0.3; }
    #editStatusView #formWrapper .close:hover {
      opacity: 1; }
    #editStatusView #formWrapper .close:before, #editStatusView #formWrapper .close:after {
      position: absolute;
      left: 15px;
      content: ' ';
      height: 15px;
      width: 2px;
      background-color: #333; }
    #editStatusView #formWrapper .close:before {
      transform: rotate(45deg); }
    #editStatusView #formWrapper .close:after {
      transform: rotate(-45deg); }

/*======================FOOTER========================*/
.pageFooter {
  background: #464749;
  color: #fff; }
  .pageFooter div {
    padding: 26px; }
    .pageFooter div article.left {
      margin-bottom: 30px; }
    .pageFooter div article h2 {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: normal;
      margin-bottom: 14px; }
    .pageFooter div article a {
      color: #fff;
      text-decoration: none; }
      .pageFooter div article a:hover {
        text-decoration: underline; }
    .pageFooter div article li {
      list-style: none;
      font-size: 14px;
      line-height: 16px; }
    .pageFooter div article p {
      font-size: 14px;
      line-height: 16px; }

/*TOOLBOX*/
.toolbox__container {
  background: #ECECEC;
  padding: 20px;
  width: 89%; }
  .toolbox__container .toolbox__wrapper {
    height: 354px;
    width: 100%;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column; }
    .toolbox__container .toolbox__wrapper .toolbox__content {
      display: flex;
      background: #FFFFFF;
      min-height: 54px;
      margin: 0 8px 12px 0;
      width: 100%; }
      .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__counter {
        width: 10%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__counter p {
          color: #1B1B1A;
          font-size: 21px;
          margin: 0; }
      .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__filename {
        width: 50%;
        color: #1B1B1A;
        display: flex;
        align-items: center;
        padding: 10px; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__filename p {
          color: #1B1B1A;
          font-size: 15px;
          font-weight: 600;
          margin: 0;
          word-break: break-all; }
      .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__download {
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        color: #22579F;
        font-size: 12px;
        padding: 10px; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__download img {
          margin: 0 0 0 8px; }

.toolbox__wrapper::-webkit-scrollbar {
  width: 13px;
  /* width of the entire scrollbar */ }

.toolbox__wrapper::-webkit-scrollbar-track {
  background: #FFFFFF;
  /* color of the tracking area */
  border-radius: 7px; }

.toolbox__wrapper::-webkit-scrollbar-thumb {
  background-color: #4E4E4E;
  /* color of the scroll thumb */
  border-radius: 9px;
  /* roundness of the scroll thumb */
  border: 4px solid transparent;
  background-clip: content-box; }

/*==============================================================  
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles
===============================================================*/
@media only screen and (min-width: 740px) {
  /*======================HEADER========================*/
  .page-header div h1 {
    float: left;
    margin-right: 10px; }
  .logged-out {
    float: right;
    margin-top: 9px;
    margin-bottom: 8px;
    width: 81%; }
    .logged-out p {
      float: left;
      padding: 0;
      padding-right: 6px;
      width: 38%;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      .logged-out p.submit {
        width: 24%; }
  .topNav {
    width: 190px; }
  /*======================STARTPAGE========================*/
  .start-video {
    margin-top: 14px;
    padding-bottom: 22px; }
    .start-video div:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .start-video div article {
      float: left;
      width: 48%;
      margin-bottom: 50px;
      margin-top: 28px; }
      .start-video div article h1 {
        margin-right: 25px;
        font-size: 38px;
        margin-bottom: 15px; }
      .start-video div article h2 {
        margin-right: 25px;
        font-size: 20px;
        margin-bottom: 40px; }
      .start-video div article ul {
        width: 250px; }
        .start-video div article ul li {
          margin-left: 0;
          margin-right: 10%; }
    .start-video div .video {
      float: left;
      width: 52%;
      margin-bottom: 50px; }
    .start-video .button {
      max-width: 422px;
      margin: 0 auto; }
      .start-video .button i {
        right: 80px; }
  .start-desc {
    margin-bottom: 22px; }
    .start-desc > div {
      padding: 0 24px;
      padding-top: 28px;
      padding-bottom: 46px; }
      .start-desc > div .col {
        padding: 0;
        float: left;
        width: 50%;
        margin-bottom: 38px; }
        .start-desc > div .col h1 {
          padding-right: 16px; }
        .start-desc > div .col p {
          padding-right: 16px; }
      .start-desc > div aside {
        margin: 0 45px; }
        .start-desc > div aside:before {
          display: block;
          clear: both;
          content: " ";
          height: 0;
          overflow: hidden; }
        .start-desc > div aside article {
          width: 25%; }
          .start-desc > div aside article.first, .start-desc > div aside article.third, .start-desc > div aside article.second, .start-desc > div aside article.fourth {
            padding: 0 7px; }
          .start-desc > div aside article div {
            margin-bottom: 48px; }
      .start-desc > div .button {
        width: 381px;
        margin: 0 auto;
        line-height: 69px;
        padding: 0;
        padding-right: 40px;
        height: 69px;
        font-size: 26px; }
        .start-desc > div .button span {
          display: inline; }
  .start-nfc-info:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .start-nfc-info article {
    float: left;
    width: 50%; }
  .start-nfc-info .button {
    float: right;
    max-width: 381px;
    width: 381px;
    padding-left: 0;
    padding-right: 40px;
    text-align: center;
    font-size: 22px;
    padding-bottom: 0;
    padding-top: 0;
    height: 69px;
    line-height: 69px;
    margin-top: 25px; }
  /*======================MIN PROFIL========================*/
  .myProfile {
    margin-bottom: 30px; }
    .myProfile h1 {
      margin-bottom: 42px; }
    .myProfile div {
      padding-left: 24px;
      padding-right: 82px; }
      .myProfile div:after {
        display: block;
        clear: both;
        content: " ";
        height: 0;
        overflow: hidden; }
      .myProfile div .editSettings {
        top: 92px;
        right: 26px; }
      .myProfile div section {
        float: left;
        width: 50%;
        padding: 0;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
        .myProfile div section p {
          margin-bottom: 28px; }
          .myProfile div section p:after {
            display: block;
            clear: both;
            content: " ";
            height: 0;
            overflow: hidden; }
          .myProfile div section p label {
            float: left;
            width: 38%;
            line-height: 21px; }
          .myProfile div section p span, .myProfile div section p input {
            float: left;
            width: 62%;
            line-height: 21px; }
          .myProfile div section p.email span {
            word-wrap: break-word; }
          .myProfile div section p input {
            width: 60%;
            -webkit-box-sizing: border-box;
            /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;
            /* Firefox, other Gecko */
            box-sizing: border-box;
            /* Opera/IE 8+ */ }
    .myProfile #Save {
      width: 100%;
      margin-top: 20px; }
      .myProfile #Save:after {
        display: block;
        clear: both;
        content: " ";
        height: 0;
        overflow: hidden; }
      .myProfile #Save button {
        width: 330px;
        float: right; }
  .projects h1 {
    margin-bottom: 17px; }
  .projects > div article {
    padding-top: 20px;
    padding-bottom: 11px; }
    .projects > div article:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .projects > div article h2 {
      margin-bottom: 12px;
      margin-top: 0; }
    .projects > div article .progress {
      float: left;
      width: 63%;
      padding-right: 16px;
      margin-bottom: 0px;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
    .projects > div article .icons {
      float: left;
      width: 37%; }
      .projects > div article .icons p {
        margin-bottom: 11px; }
        .projects > div article .icons p:after {
          display: block;
          clear: both;
          content: " ";
          height: 0;
          overflow: hidden; }
      .projects > div article .icons .pdf, .projects > div article .icons .mail, .projects > div article .icons .edit, .projects > div article .icons .mailAtt, .projects > div article .icons .mailAttWait, .projects > div article .icons .mailAttYes, .projects > div article .icons .mailAttNo, .projects > div article .icons .erbjudanden-till-nyforetagare, .projects > div article .icons .education, .projects > div article .icons toolbox-active, .projects > div article .icons toolbox-inActive {
        position: static;
        display: block;
        float: right; }
      .projects > div article .icons .toolbox-active {
        margin-top: 0; }
      .projects > div article .icons .toolbox-inActive {
        margin-top: 0; }
      .projects > div article .icons .pdf {
        margin-top: 0; }
      .projects > div article .icons .mail {
        margin-top: 0; }
      .projects > div article .icons .edit {
        margin-top: 0; }
      .projects > div article .icons .mailAtt {
        margin-top: 0; }
      .projects > div article .icons .erbjudanden-till-nyforetagare {
        margin-top: 0; }
      .projects > div article .icons .education {
        margin-top: 0; }
      .projects > div article .icons .submit {
        margin-top: 46px; }
  .startNew {
    width: 422px;
    margin: 0 auto;
    margin-bottom: 75px;
    font-size: 26px; }
  /*======================SKAPA ANVÄNDARE========================*/
  .createTop > div {
    padding-left: 24px;
    padding-right: 24px; }
    .createTop > div ol li {
      width: 14%; }
      .createTop > div ol li.last {
        width: 72%; }
        .createTop > div ol li.last:after {
          display: block;
          clear: both;
          content: " ";
          height: 0;
          overflow: hidden; }
        .createTop > div ol li.last span {
          float: left; }
      .createTop > div ol li div {
        display: block;
        float: right;
        margin-top: 10px;
        margin-right: 10px; }
        .createTop > div ol li div img {
          width: 25px;
          height: 25px;
          margin-left: 22px; }
  .createUser > div {
    padding: 17px 24px;
    padding-bottom: 51px; }
    .createUser > div:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .createUser > div h1 {
      padding-left: 0;
      padding-right: 0; }
    .createUser > div section:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .createUser > div article {
      float: left;
      width: 50%;
      padding: 0;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      .createUser > div article.left {
        padding-right: 17px; }
      .createUser > div article.right {
        padding-left: 17px; }
    .createUser > div .creatUserButton {
      float: right;
      width: 300px;
      margin-top: 24px; }
  .creatUserLogin div {
    padding: 32px 24px;
    padding-bottom: 38px; }
    .creatUserLogin div:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .creatUserLogin div h1 {
      padding: 0;
      margin-bottom: 16px; }
    .creatUserLogin div article {
      padding: 0;
      float: left;
      width: 58%;
      padding-right: 26px;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
    .creatUserLogin div .logIn {
      float: left;
      width: 42%;
      margin-top: 53px; }
  /*======================SKAPA AFFÄRSPLAN========================*/
  .create > div {
    padding: 0 23px; }
    .create > div h1 {
      padding: 0;
      margin-bottom: 16px; }
    .create > div .fields {
      float: left;
      width: 50%;
      padding: 0;
      padding-right: 14px;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
    .create > div .submit {
      float: left;
      width: 50%;
      padding: 0;
      padding-left: 14px;
      margin-top: 172px;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
    .create > div aside {
      margin: 0 45px; }
      .create > div aside article {
        width: 25%; }
        .create > div aside article.first, .create > div aside article.second, .create > div aside article.third, .create > div aside article.fourth {
          padding: 0 7px; }
  /*======================SUBMENU========================*/
  .subMenu {
    padding: 17px 27px;
    padding-bottom: 0;
    height: 82px; }
    .subMenu .flex-viewport li a {
      margin: 0 5px; }
  .flex-direction-nav a {
    vtop: 39px; }
    .flex-direction-nav a.flex-prev {
      left: 6px; }
    .flex-direction-nav a.flex-next {
      right: 6px; }
  /*======================AFFÄRSPLAN INDEX========================*/
  .createStart > div {
    padding: 20px 32px;
    position: relative; }
    .createStart > div .icons {
      position: absolute;
      right: 23px;
      top: 19px; }
    .createStart > div h1 {
      padding: 0;
      margin-bottom: 34px; }
    .createStart > div .content {
      padding: 0;
      padding-bottom: 34px; }
    .createStart > div aside {
      margin: 0 45px; }
      .createStart > div aside:before {
        display: block;
        clear: both;
        content: " ";
        height: 0;
        overflow: hidden; }
      .createStart > div aside article {
        width: 25%; }
        .createStart > div aside article.first, .createStart > div aside article.third, .createStart > div aside article.second, .createStart > div aside article.fourth {
          padding: 0 7px; }
        .createStart > div aside article div {
          margin-bottom: 48px; }
  /*======================VÄNSTERMENY========================*/
  .createSteps .icons .pdf a, .createSteps .icons .mail a, .createSteps .icons .edit a, .createSteps .icons .help a, .createSteps .icons .education a, .createSteps .icons .mailAtt a, .createSteps .icons .mailAttWait a, .createSteps .icons .mailAttYes a, .createSteps .icons .mailAttNo a, .createSteps .icons .erbjudanden-till-nyforetagare a, .createSteps .icons .education a, .createSteps .icons toolbox-active a, .createSteps .icons toolbox-inActive a {
    width: 51px;
    height: 54px; }
  .createSteps nav ul {
    left: -33%;
    width: 33%; }
  /*======================CREATESTEPS========================*/
  .createSteps {
    position: relative; }
    .createSteps .icons {
      position: absolute;
      right: 23px; }
      .createSteps .icons .pdf, .createSteps .icons .mail, .createSteps .icons .edit, .createSteps .icons .education, .createSteps .icons .mailAtt, .createSteps .icons .mailAttWait, .createSteps .icons .mailAttYes, .createSteps .icons .mailAttNo, .createSteps .icons .erbjudanden-till-nyforetagare, .createSteps .icons .education, .createSteps .icons toolbox-active, .createSteps .icons toolbox-inActive {
        width: 53px;
        height: 51px; }
    .createSteps .content.active {
      left: 33%; }
    .createSteps .content .icon {
      margin-left: 24px; }
    .createSteps .content p {
      margin-right: 24px; }
    .createSteps .content .body {
      padding-left: 86px;
      padding-right: 86px; }
    .createSteps nav a.homeLink {
      top: -45px; }
  /*======================FIELDSSECTION========================*/
  #newCompanyOwnerInputSection h1 {
    width: 50%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
  .fieldsSection {
    margin-bottom: 20px;
    padding-bottom: 40px; }
    .fieldsSection:before {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .fieldsSection h1 {
      font-weight: bold;
      font-size: 25px;
      margin-bottom: 15px;
      margin-top: 20px;
      width: 445px !important; }
    .fieldsSection ul {
      width: 50%; }
      .fieldsSection ul li a::after {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      .fieldsSection ul li.active a {
        border-right: 1px solid #fff !important; }
      .fieldsSection ul li.active a::after {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .fieldsSection ul li .field {
        position: absolute;
        width: 100%;
        padding: 10px 20px;
        left: 100%;
        margin-left: -1px;
        top: 0;
        background-color: #FFFFFF;
        display: none;
        z-index: 5;
        border: 1px solid #bababa; }
    .fieldsSection input[type=submit] {
      float: right; }
  /*======================NETVERK========================*/
  .network {
    width: 570px;
    margin: 0 auto; }
    .network h1 {
      margin-left: -25px; }
      .network h1:before, .network h1:after {
        display: block;
        clear: both;
        content: " ";
        height: 0;
        overflow: hidden; }
    .network article {
      width: 277px;
      margin-right: 4px;
      margin-left: 4px;
      float: left; }
      .network article section {
        height: 50px; }
  /*======================FOOTER========================*/
  .pageFooter div:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden; }
  .pageFooter div article.left {
    float: left; }
  .pageFooter div article.right {
    float: right; }
  .salesBudgetNavigation {
    display: none; }
  .resultBudget table td, .resultBudget table th {
    padding: 5px 5px; }
  .ex-moms {
    display: inline; }
  /*TOOLBOX*/
  .toolbox__container {
    background: #ECECEC;
    padding: 20px;
    width: 80%; }
    .toolbox__container .toolbox__wrapper {
      height: 544px;
      width: 100%;
      overflow: scroll;
      overflow-x: auto;
      overflow-y: auto;
      display: flex;
      flex-direction: column; }
      .toolbox__container .toolbox__wrapper .toolbox__content {
        display: flex;
        background: #FFFFFF;
        min-height: 54px;
        margin: 0 8px 12px 0;
        width: 100%; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__counter {
          width: 10%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__counter p {
            color: #1B1B1A;
            font-size: 21px;
            margin: 0; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__filename {
          width: 70%;
          color: #1B1B1A;
          font-size: 20px;
          display: flex;
          align-items: center;
          padding: 10px; }
          .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__filename p {
            color: #1B1B1A;
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            word-break: break-all; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__download {
          width: 20%;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          color: #22579F;
          font-size: 12px;
          padding: 10px; }
          .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__download img {
            margin: 0 0 0 8px; } }

/*=============================================================== 
DESKTOP 
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
===============================================================*/
@media only screen and (min-width: 1035px) {
  /*======================HEADER========================*/
  .page-header div {
    max-width: 957px;
    padding: 0;
    padding-top: 6px;
    margin: 0 auto; }
  .logged-in {
    right: 0; }
  .logged-out p {
    padding-top: 3px; }
  .logged-out input[type="text"], .logged-out input[type="password"], .logged-out input[type="submit"] {
    height: 25px;
    line-height: 25px; }
  .topNav {
    width: 200px;
    right: -5px; }
  /*======================STARTPAGE========================*/
  .start-video {
    margin: 0 auto;
    margin-top: 33px;
    margin-bottom: 38px;
    width: 956px;
    padding-left: 85px;
    padding-right: 53px;
    padding-top: 61px;
    padding-bottom: 40px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
    .start-video div article {
      width: 365px;
      margin-bottom: 25px; }
    .start-video div .video {
      width: 451px;
      margin-bottom: 25px; }
  .start-desc {
    margin-bottom: 28px; }
    .start-desc > div {
      margin: 0 auto;
      width: 956px; }
      .start-desc > div .col {
        width: 447px;
        margin-right: 34px;
        margin-bottom: 34px; }
        .start-desc > div .col.right {
          margin-right: 0; }
      .start-desc > div aside {
        margin: 0; }
        .start-desc > div aside article.second, .start-desc > div aside article.third {
          padding: 0 13px; }
        .start-desc > div aside article.first {
          padding-right: 13px; }
        .start-desc > div aside article.fourth {
          padding-left: 13px; }
        .start-desc > div aside article div {
          min-height: 180px;
          padding-top: 24px;
          padding-bottom: 12px; }
          .start-desc > div aside article div img {
            margin-bottom: 16px; }
          .start-desc > div aside article div h2 {
            margin-bottom: 10px; }
          .start-desc > div aside article div p span {
            display: inline; }
  .start-nfc-info {
    margin: 0 auto;
    margin-bottom: 28px;
    width: 956px; }
  /*======================MIN PROFIL========================*/
  .myProfile span {
    display: block;
    width: 878px;
    margin: 0 auto; }
  .myProfile h1 {
    margin-bottom: 42px; }
  .myProfile div {
    width: 878px;
    padding: 0;
    margin: 0 auto;
    position: relative; }
    .myProfile div .editSettings {
      top: 0;
      right: -48px; }
    .myProfile div section {
      padding: 0;
      width: 326px; }
  .projects h1 span {
    width: 878px;
    margin: 0 auto;
    display: block; }
  .projects > div {
    width: 956px;
    margin: 0 auto; }
    .projects > div article {
      padding: 10px 50px;
      padding-top: 20px; }
      .projects > div article .progress {
        width: 440px; }
      .projects > div article .icons {
        float: right;
        width: 266px; }
  /*======================SKAPA ANVÄNDARE========================*/
  .createTop > div {
    padding-left: 0;
    padding-right: 0;
    width: 878px;
    margin: 0 auto; }
    .createTop > div ol li {
      width: 159px;
      margin-right: 6px;
      height: 32px; }
      .createTop > div ol li:before, .createTop > div ol li:after {
        border-width: 16px; }
      .createTop > div ol li span {
        width: 125px;
        padding-top: 0;
        height: 32px;
        line-height: 32px; }
      .createTop > div ol li.last {
        margin-right: 0;
        width: 548px; }
        .createTop > div ol li.last span {
          padding-top: 0; }
      .createTop > div ol li div {
        margin-top: 4px;
        margin-right: 7px; }
        .createTop > div ol li div img {
          margin-left: 25px; }
  .createUser > div {
    width: 878px;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 56px; }
    .createUser > div article.left {
      padding-right: 30px; }
    .createUser > div article.right {
      padding-left: 30px; }
    .createUser > div .creatUserButton {
      width: 266px; }
  .creatUserLogin div {
    width: 878px;
    margin: 0 auto;
    padding: 33px 0;
    padding-bottom: 56px; }
    .creatUserLogin div .logIn {
      width: 266px;
      float: right; }
  .fieldsSection h1 {
    width: 445px !important; }
  .fieldsSection ul li a div {
    width: 388px;
    padding-right: 0px; }
  /*======================SKAPA AFFÄRSPLAN========================*/
  .create > div {
    padding: 0;
    width: 961px;
    margin: 0 auto; }
    .create > div h1 {
      padding-left: 41px; }
    .create > div .fields {
      padding-left: 41px; }
    .create > div .submit {
      padding-right: 41px; }
    .create > div aside article.first, .create > div aside article.second, .create > div aside article.third, .create > div aside article.fourth {
      padding: 0 12px; }
    .create > div aside article div {
      min-height: 180px; }
      .create > div aside article div p span {
        display: inline; }
  /*======================SUBMENU========================*/
  .subMenu {
    padding-left: 0;
    padding-right: 0; }
    .subMenu .flex-viewport {
      max-width: 967px;
      margin: 0 auto; }
      .subMenu .flex-viewport li a {
        margin: 0 5px; }
  .flex-direction-nav {
    display: none; }
  /*======================AFFÄRSPLAN INDEX========================*/
  .createStart > div {
    width: 964px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 29px; }
    .createStart > div .icons .pdf a, .createStart > div .icons .mail a, .createStart > div .icons .edit a, .createStart > div .icons mailAtt a, .createStart > div .icons .mailAttWait a, .createStart > div .icons .mailAttYes a, .createStart > div .icons .mailAttNo a, .createStart > div .icons .erbjudanden-till-nyforetagare a, .createStart > div .icons .education a, .createStart > div .icons .toolbox-active a, .createStart > div .icons .toolbox-inActive a {
      float: none;
      margin-bottom: 12px; }
    .createStart > div h1 {
      margin-top: 22px;
      margin-bottom: 58px;
      margin-left: 50px; }
    .createStart > div .content {
      width: 439px;
      margin-left: 320px; }
    .createStart > div aside {
      margin: 0; }
      .createStart > div aside article.second, .createStart > div aside article.third {
        padding: 0 13px; }
      .createStart > div aside article.first {
        padding-right: 13px; }
      .createStart > div aside article.fourth {
        padding-left: 13px; }
      .createStart > div aside article div {
        min-height: 180px;
        padding-top: 24px;
        padding-bottom: 12px; }
        .createStart > div aside article div img {
          margin-bottom: 16px; }
        .createStart > div aside article div h2 {
          margin-bottom: 10px; }
        .createStart > div aside article div p span {
          display: inline; }
  /*======================VÄNSTERMENY========================*/
  .showSubMenu {
    display: none; }
  .createSteps nav h1 {
    display: block;
    font-family: "Arial Black", Arial;
    font-weight: 900;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    background: #dbdbdb;
    padding: 8px 9px; }
  .createSteps nav ul {
    position: static;
    width: 100%; }
    .createSteps nav ul li {
      margin-right: 0;
      position: relative; }
    .createSteps nav ul a {
      position: relative; }
    .createSteps nav ul.budgetMenu .active a:before {
      content: "";
      position: absolute;
      top: 0;
      right: -17px;
      border-bottom: 17px solid #878787;
      border-right: 17px solid #fff;
      width: 0px;
      height: 0; }
    .createSteps nav ul.budgetMenu .active a:after {
      content: "";
      position: absolute;
      bottom: 0;
      right: -17px;
      border-top: 17px solid #878787;
      border-right: 17px solid #fff;
      width: 0px;
      height: 0; }
  /*======================CREATESTEPS========================*/
  .createSteps {
    width: 960px;
    margin: 0 auto;
    padding-top: 65px;
    min-height: 800px; }
    .createSteps:after {
      display: block;
      clear: both;
      content: " ";
      height: 0;
      overflow: hidden; }
    .createSteps .icons {
      margin-top: 0; }
      .createSteps .icons .pdf a, .createSteps .icons .mail a, .createSteps .icons .edit a, .createSteps .icons .help a, .createSteps .icons .education a, .createSteps .icons mailAtt a, .createSteps .icons .mailAttWait a, .createSteps .icons .mailAttYes a, .createSteps .icons .mailAttNo a, .createSteps .icons .erbjudanden-till-nyforetagare a, .createSteps .icons .education a, .createSteps .icons .toolbox-active a, .createSteps .icons .toolbox-inActive a {
        float: none;
        margin-bottom: 12px; }
    .createSteps nav {
      float: left;
      width: 274px;
      margin-right: 44px;
      margin-bottom: 50px; }
      .createSteps nav a.homeLink {
        position: absolute;
        top: -50px; }
    .createSteps .content {
      width: 642px;
      float: left;
      margin-bottom: 20px;
      /*50px*/ }
      .createSteps .content.active {
        left: 0; }
      .createSteps .content .help {
        right: 0;
        top: 10px; }
      .createSteps .content .erbjudanden-till-nyforetagare {
        right: 0;
        top: 61px;
        margin-top: 12px; }
      .createSteps .content div.video {
        margin-bottom: 38px; }
      .createSteps .content .icon {
        width: 86px;
        height: 86px; }
      .createSteps .content .body {
        padding-left: 0;
        padding-right: 70px; }
  /*======================FOOTER========================*/
  .pageFooter div {
    width: 965px;
    margin: 0 auto; }
  /*======================STARTKAPITAL========================*/
  .startCapital {
    width: 61.3%;
    padding-right: 26px; }
  .finance {
    width: 29.3%; }
  .sum .investments-sum {
    width: 61.3%; }
  .sum .financial-sum {
    width: 29.3%; }
  /*======================CONTACT========================*/
  .contact {
    margin: 28px auto;
    width: 956px; }
  /*======================NETVERK========================*/
  .network {
    width: 100%; }
    .network h1 {
      margin-left: 0; }
  #gantt {
    display: block; }
  #nogantt {
    display: none; }
  /*TOOLBOX*/
  .toolbox__container {
    background: #ECECEC;
    padding: 20px;
    width: 800px; }
    .toolbox__container .toolbox__wrapper {
      height: 544px;
      overflow: scroll;
      overflow-x: auto;
      overflow-y: auto;
      display: flex;
      flex-direction: column; }
      .toolbox__container .toolbox__wrapper .toolbox__content {
        display: flex;
        background: #FFFFFF;
        height: 54px;
        margin: 0 8px 12px 0; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__counter {
          width: 50px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__counter p {
            color: #1B1B1A;
            font-size: 21px;
            margin: 0; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__filename {
          width: 650px;
          color: #1B1B1A;
          font-size: 20px;
          display: flex;
          align-items: center; }
          .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__filename p {
            color: #1B1B1A;
            font-size: 20px;
            font-weight: 600;
            margin: 0; }
        .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__download {
          width: 100px;
          display: flex;
          align-items: center;
          color: #22579F;
          font-size: 12px; }
          .toolbox__container .toolbox__wrapper .toolbox__content .toolbox__download img {
            margin: 0 0 0 8px; } }