/* Calendar */
/* Scrollbar */
::-webkit-scrollbar {
  width: 8px; }

/* Track */
::-webkit-scrollbar-track {
  -webkit-border-radius: 0px;
  border-radius: 0px; }

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #cdcdcd; }

::-webkit-scrollbar-thumb:window-inactive {
  background: #a6a6a6; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?9q6t2w");
  src: url("fonts/icomoon.eot?9q6t2w#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?9q6t2w") format("truetype"), url("fonts/icomoon.woff?9q6t2w") format("woff"), url("fonts/icomoon.svg?9q6t2w#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-close:before {
  content: "\e602"; }

.icon-search:before {
  content: "\e603"; }

.icon-cancel-circle:before {
  content: "\e604"; }

.icon-checkmark2:before {
  content: "\e607"; }

.icon-cart:before {
  content: "\e902"; }

.icon-pencil:before {
  content: "\e903"; }

.icon-checkmark-circle:before {
  content: "\e905"; }

.icon-minus:before {
  content: "\e908"; }

.icon-plus:before {
  content: "\e909"; }

.icon-print:before {
  content: "\e90f"; }

.icon-remove:before {
  content: "\e910"; }

.icon-calendar1:before {
  content: "\e911"; }

.icon-file-pdf:before {
  content: "\e912"; }

.icon-arrow-desc:before,
.icon-arrow-down:before {
  content: "\e900"; }

.icon-arrow-asc:before,
.icon-arrow-up:before {
  content: "\e901"; }

.icon-arrow-left:before {
  content: "\e907"; }

.icon-cross:before {
  content: "\e90a"; }

.icon-arrow-right:before {
  content: "\e90b"; }

.icon-user:before {
  content: "\f007"; }

.icon-lock:before {
  content: "\f023"; }

.icon-question-circle:before {
  content: "\f059"; }

.icon-info-circle:before {
  content: "\f05a"; }

.icon-three-bars:before {
  content: "\f05e"; }

.icon-location:before {
  content: "\f060"; }

.icon-exclamation-circle:before {
  content: "\f06a"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-bar-chart:before {
  content: "\f080"; }

.icon-cogs:before {
  content: "\f085"; }

.icon-phone:before {
  content: "\f095"; }

.icon-info:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-sliders1:before {
  content: "\f1df"; }

.icon-percent:before {
  content: "\f295"; }

.icon-question-circle-o:before {
  content: "\f29c"; }

.icon-bar-graph:before {
  content: "\e90c"; }

.icon-minus1:before {
  content: "\e920"; }

.icon-plus1:before {
  content: "\e922"; }

.icon-loop:before {
  content: "\e913"; }

.icon-attach_file:before {
  content: "\e9fa"; }

.icon-remove_red_eye:before {
  content: "\eae1"; }

.icon-visibility_off:before {
  content: "\ec4b"; }

.icon-filter:before {
  content: "\f0b0"; }

.icon-copy:before {
  content: "\f0c5"; }

.icon-files-o:before {
  content: "\f0c5"; }

.icon-sliders:before {
  content: "\f1de"; }

.icon-truck:before {
  content: "\e9b0"; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-instagram:before {
  content: "\ea92"; }

.load-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .load-spinner .spinner {
    width: 60px;
    height: 60px;
    border: 8px #ddd solid;
    border-top: 8px #f3c828 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear; }

@keyframes sp-anime {
  100% {
    transform: rotate(360deg); } }
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body, html {
  padding: 0px;
  margin: 0;
  height: 100%;
  /* vit label */
  /*background: $grey-bg;*/ }
  @media screen and (max-width: 1100px) {
    body, html {
      background: #f5f5f5; } }

body, td, th, option, select, input, textarea {
  font-family: 'Open Sans', Tahoma;
  font-size: 13px;
  color: #262626; }
  @media screen and (max-width: 700px) {
    body, td, th, option, select, input, textarea {
      font-size: 13px; } }

.order form.default {
  width: 100%; }

form.default .field {
  float: left;
  width: 100%;
  padding-right: 5px; }
  form.default .field label {
    font-weight: bold; }
form.default .suggestion {
  float: left;
  display: none;
  width: 100%;
  background: #fafafa;
  border: 1px solid #CCC;
  padding: 10px;
  margin-top: 10px; }
form.default .field-checkbox label {
  display: inline;
  padding: 0; }
form.default .field-checkbox {
  padding-top: 10px; }
form.default .field-zipcode,
form.default .field-delivery_zipcode,
form.default .field-invoice_zipcode {
  width: 30%; }
form.default .field-city,
form.default .field-invoice_city,
form.default .field-delivery_city {
  width: 70%; }
form.default .field-firstname,
form.default .field-lastname,
form.default .field-delivery_firstname,
form.default .field-delivery_lastname,
form.default .field-invoice_firstname,
form.default .field-invoice_lastname {
  width: 50%; }
form.default .field span.help {
  font-style: italic; }
form.default .field-color .color-selector {
  width: 100px; }
form.default div.radio-list {
  border: 1px solid #CCC;
  margin-top: 10px;
  padding: 10px; }
  form.default div.radio-list label {
    font-weight: normal;
    padding: 2px; }

input[type=search],
input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=password],
input[type=date],
input[type=time],
input[type=phone],
textarea {
  border: 1px solid #eaeaea;
  width: 100%;
  padding: 8px;
  border-radius: 2px;
  accent-color: #f3c828;
  -webkit-appearance: none; }

/*
input[type=radio],
input[type=checkbox] { accent-color: $black; }
*/
select {
  border: 1px solid #eaeaea;
  background: #FFF; }

input.amount_field,
input[type=tel].amount,
input[type=text].amount,
input[type=number].amount {
  width: 50px; }

input.datepicker {
  width: 100px; }

input[type=tel].price,
input[type=text].price,
input[type=number].price,
input[type=text].discount,
input[type=number].discount,
input[type=tel].cost,
input[type=text].cost {
  width: 80px; }

input[type=tel].normal,
input[type=text].normal {
  width: 180px; }

input[type=text].long {
  width: 300px; }

textarea {
  height: 80px; }

textarea.img_desc {
  height: 50px;
  width: 100%; }

input[type=submit] {
  -webkit-appearance: none;
  padding: 15px 20px;
  cursor: pointer;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px; }

td input[type=submit] {
  margin-top: 0; }

.red {
  color: #c31f1f; }

.submit-loader {
  margin: 25px 0 15px 20px; }

select, option {
  padding: 5px; }

a.button {
  display: inline-block;
  background: #262626;
  color: #FFF;
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 2px; }
  a.button.button-r {
    float: right;
    margin-left: 5px; }
  a.button.remove {
    background: #c31f1f; }
  a.button div {
    display: inline-block;
    margin-left: 10px; }
  a.button.button-disabled {
    color: #666;
    cursor: default; }
  a.button.button-icon, a.button.button-icon-text {
    display: inline-flex;
    width: 32px;
    height: 32px;
    padding: 0;
    align-items: center;
    justify-content: center; }
  a.button.button-icon-text {
    width: auto;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 10px; }
    a.button.button-icon-text span {
      margin-right: 5px;
      font-size: 13px; }
  a.button.button-plus {
    flex-direction: row;
    display: inline-flex;
    align-items: center;
    padding: 10px 15px; }
    a.button.button-plus span {
      margin-right: 5px;
      font-size: 8px; }
  a.button span {
    display: flex; }

input[type=submit],
a.button-yellow {
  background: #f3c828;
  color: #262626;
  border-radius: 2px; }

.input-box {
  float: left;
  width: 100%;
  margin-bottom: 5px; }
  .input-box label {
    float: left;
    cursor: pointer;
    width: 100%;
    background: #f5f5f5;
    padding: 10px 10px 10px 5px;
    border: 1px solid #eaeaea;
    border-radius: 2px; }
    .input-box label input {
      display: inline;
      width: auto; }
  .input-box.input-box-inline {
    width: auto;
    margin-right: 5px; }

a {
  color: #262626; }
  a img {
    border: 0; }

h1 {
  margin: 0 0 20px; }
  @media screen and (max-width: 1100px) {
    h1 {
      font-size: 22px; } }
  @media screen and (max-width: 700px) {
    h1 {
      font-size: 20px; } }

@media screen and (max-width: 1100px) {
  h2 {
    font-size: 20px; } }
@media screen and (max-width: 700px) {
  h2 {
    font-size: 16px; } }

.develop {
  display: none;
  float: left;
  width: 100%;
  background: #c31f1f;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  padding: 10px 0; }

.left {
  float: left; }

.right {
  float: right; }

/* Statistik */
/* Menu */
.copy {
  float: left;
  width: 100%;
  background: #262626;
  color: #CCC;
  padding: 10px 20px;
  font-size: 11px;
  display: none; }

.login .copy {
  display: none; }

.header {
  width: 100%;
  background: #262626;
  height: 50px;
  transition: .2s;
  /* Ny white top */
  	/*
  	background: #FFF; border-bottom: 1px solid $grey-bg;
  
  	div.menu {
  		justify-content: flex-start; height: 100%;
  		.logo {
  			height: 50px; padding: 10px; margin: 0 10px 0 10px;
  
  			img { max-height: 100%; }
  		}
  
  		ul.menu {
  			height: 100%;
  			li {
  				height: 100%; border-left: 1px solid $grey-border;
  				a { color: $black; padding: 0 20px; height: 100%; align-items: center; }
  
  				&:hover,
  				&.selected,
  				&.active {
  					a { color: $yellow; background: #FFF; }
  				}
  			}
  		}
  	}*/ }
  @media screen and (max-width: 1100px) {
    .header {
      background: #FFF;
      box-shadow: 0 0 3px #eaeaea;
      height: 50px;
      transition: .2s; }
      .header.fixed {
        box-shadow: 0 0 3px #b3b3b3; } }
  .header .info-bar {
    display: none;
    float: left;
    width: 100%;
    padding: 5px 10px;
    background: #c6c6cc;
    color: #000;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase; }
    @media screen and (max-width: 1100px) {
      .header .info-bar {
        display: none; } }
    .header .info-bar .company {
      float: left; }
    .header .info-bar .date {
      float: right; }
  .header div.menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 100%; }
    @media screen and (max-width: 1100px) {
      .header div.menu {
        position: fixed;
        z-index: 30;
        width: 40%;
        height: 100%;
        top: -100%;
        right: 0;
        overflow: auto;
        background: #262626;
        transition: all 0.3s ease 0s;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end; } }
    @media screen and (max-width: 700px) {
      .header div.menu {
        width: 60%; } }
    .header div.menu ul.menu {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      margin: 0;
      padding: 0 0 0 0px;
      height: 100%; }
      @media screen and (max-width: 1100px) {
        .header div.menu ul.menu {
          flex-direction: column;
          width: 100%;
          background: #262626;
          height: auto; } }
      .header div.menu ul.menu li {
        display: flex;
        flex-direction: column;
        margin: 0;
        position: relative;
        height: 100%; }
        @media screen and (max-width: 1100px) {
          .header div.menu ul.menu li {
            height: auto; } }
        .header div.menu ul.menu li.logo {
          margin-left: 10px; }
          @media screen and (max-width: 1100px) {
            .header div.menu ul.menu li.logo {
              display: none; } }
          .header div.menu ul.menu li.logo a {
            padding: 10px; }
            .header div.menu ul.menu li.logo a img {
              height: 100%; }
        .header div.menu ul.menu li a {
          display: flex;
          align-items: center;
          color: #FFF;
          text-decoration: none;
          padding: 0 15px;
          font-size: 13px;
          text-transform: uppercase;
          font-weight: bold;
          height: 100%; }
          @media screen and (max-width: 1100px) {
            .header div.menu ul.menu li a {
              padding: 10px 15px;
              font-size: 14px; } }
          @media screen and (max-width: 700px) {
            .header div.menu ul.menu li a {
              font-size: 12px; } }
          .header div.menu ul.menu li a span.unread {
            margin-right: 5px;
            background: #f3c828;
            padding: 2px 9px;
            border-radius: 30px;
            color: #000; }
          .header div.menu ul.menu li a:active {
            color: #f3c828; }
        .header div.menu ul.menu li:hover a, .header div.menu ul.menu li.selected a, .header div.menu ul.menu li.active a {
          background: #000; }
        .header div.menu ul.menu li ul {
          display: none;
          margin: 0;
          padding: 0; }
          @media screen and (min-width: 1100px) {
            .header div.menu ul.menu li ul {
              position: absolute;
              right: 0;
              top: 100%;
              background: #262626;
              z-index: 500; } }
          @media screen and (max-width: 1100px) {
            .header div.menu ul.menu li ul li {
              border: 0; } }
          .header div.menu ul.menu li ul li a {
            padding: 10px 20px;
            width: 100%;
            white-space: nowrap; }
            @media screen and (max-width: 1100px) {
              .header div.menu ul.menu li ul li a {
                padding: 10px 20px 10px 20px;
                font-size: 11px; } }
        @media screen and (max-width: 1100px) {
          .header div.menu ul.menu li {
            border-top: 1px solid #444445; }
            .header div.menu ul.menu li.active ul {
              display: flex;
              flex-direction: column; }
              .header div.menu ul.menu li.active ul li {
                border-top: 1px solid #404042; }
                .header div.menu ul.menu li.active ul li a {
                  background: #404041; } }
    .header div.menu a.hide-mobile-menu {
      display: none; }
      @media screen and (max-width: 1100px) {
        .header div.menu a.hide-mobile-menu {
          display: flex;
          color: #FFF;
          margin: 20px 20px 20px 0;
          text-decoration: none; } }
  .header .mobile-menu-bar {
    display: none; }
    @media screen and (max-width: 1100px) {
      .header .mobile-menu-bar {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: space-between; }
        .header .mobile-menu-bar .logo {
          display: flex;
          padding: 10px;
          align-items: center;
          width: calc(100% - 50px); }
          .header .mobile-menu-bar .logo img {
            height: 30px; } }
      @media screen and (max-width: 1100px) and (max-width: 700px) {
        .header .mobile-menu-bar .logo img {
          height: 20px; } }
    @media screen and (max-width: 1100px) {
          .header .mobile-menu-bar .logo .info {
            margin-left: 15px;
            padding-left: 15px;
            border-left: 1px solid #eaeaea;
            display: flex;
            flex-direction: column;
            font-size: 13px; } }
      @media screen and (max-width: 1100px) and (max-width: 1100px) {
        .header .mobile-menu-bar .logo .info {
          font-size: 11px; } }
    @media screen and (max-width: 1100px) {
            .header .mobile-menu-bar .logo .info span {
              font-size: 12px; } }
        @media screen and (max-width: 1100px) and (max-width: 1100px) {
          .header .mobile-menu-bar .logo .info span {
            font-size: 11px; } }
    @media screen and (max-width: 1100px) {
        .header .mobile-menu-bar a.show-mobile-menu {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 50px;
          height: 100%;
          font-size: 24px;
          text-decoration: none;
          margin-right: 0px;
          color: #FFF;
          background: #f3c828; } }

/* Om admin */
body.admin-page .header {
  height: auto; }
  body.admin-page .header div.menu li {
    height: 50px; }
    body.admin-page .header div.menu li.logo a img {
      width: 30px;
      height: 30px; }

div.cart {
  float: right;
  height: 100%;
  color: #FFF;
  margin-right: 20px; }
  div.cart a {
    color: #FFF; }

ul.admin-menu {
  float: right; }

div.sub-menu {
  float: left;
  width: 100%;
  background: #000;
  color: #FFF; }
  @media screen and (max-width: 1100px) {
    div.sub-menu {
      display: none; } }
  div.sub-menu ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0; }
    div.sub-menu ul li {
      float: left;
      border-right: 1px solid #1a1a1a; }
      div.sub-menu ul li a {
        float: left;
        color: #FFF;
        text-decoration: none;
        padding: 15px 20px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold; }
        div.sub-menu ul li a:hover {
          color: #f3c828; }
      div.sub-menu ul li.active a {
        color: #f3c828; }

/* Ny white top */
/*div.sub-menu {
	background: #FFF;

	ul {
		li {
			border-color: $grey-border; 
			a { color: $black; }
		}
	}
}
*/
/* Main */
.main {
  display: flex;
  flex-wrap: wrap;
  background: #FFF;
  /* vit label */
  /*background: $grey-bg;*/ }
  @media screen and (max-width: 1100px) {
    .main {
      background: #f5f5f5; } }
  @media screen and (max-width: 700px) {
    .main {
      width: 100%; } }
  .main.fixed {
    padding-top: 50px; }
    .main.fixed .header {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 98; }

/* Content */
.content {
  width: 100%;
  padding: 20px; }
  @media screen and (max-width: 1100px) {
    .content {
      padding: 20px 10px; } }
  @media screen and (max-width: 700px) {
    .content {
      padding: 20px 10px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .content div.head {
    display: flex;
    width: 100%;
    justify-content: space-between; }
    .content div.head .buttons {
      display: flex; }

/* Meddelande */
div.flash {
  float: left;
  width: 100%;
  margin: 0 0 20px; }
  div.flash span {
    float: left;
    width: 100%;
    padding: 10px;
    font-weight: bold; }
  div.flash .ok {
    background: #108a00;
    color: #FFF; }
  div.flash .error {
    background: #c31f1f;
    color: #FFF; }
  div.flash .notice {
    background: #ff8400;
    color: #FFF; }

/* form */
label {
  display: block;
  padding: 10px 0 3px; }
  label.cb {
    display: block;
    font-weight: normal;
    padding: 0; }

/* Standard lista */
table.inline {
  width: auto !important; }

table.list {
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px; }
  table.list.list-a {
    width: auto; }
  table.list th,
  table.list td {
    text-align: left;
    padding: 5px 10px;
    border-bottom: 1px solid #eaeaea; }
    table.list th.r,
    table.list td.r {
      text-align: right;
      padding-right: 10px; }
    table.list th.c,
    table.list td.c {
      text-align: center; }
    @media screen and (max-width: 700px) {
      table.list th,
      table.list td {
        font-size: 12px;
        padding: 5px; } }
  table.list th a {
    color: #000; }
  table.list td {
    border-color: #f2f2f2;
    border: 1px solid #eaeaea; }
    table.list td.strike {
      text-decoration: line-through; }
  table.list tr.done td {
    background: #f2f2f2; }
  table.list tr.disabled a, table.list tr.disabled td {
    color: #c6c6cc;
    font-style: italic; }
    table.list tr.disabled a a.button, table.list tr.disabled td a.button {
      color: #FFF; }
  table.list tr.alert td {
    background: #c31f1f;
    color: #FFF; }
    table.list tr.alert td.link a {
      color: #FFF; }
    table.list tr.alert td ul.buttons a.button.remove {
      background: #af0000; }
  table.list tbody tr:nth-child(odd) {
    background: #f5f5f5; }
  table.list tbody tr:hover {
    background: #fdf7df; }
  table.list.list-rowspan tbody tr:nth-child(odd) {
    background: none; }
  table.list.list-rowspan tbody tr.odd {
    background: #f5f5f5; }
  table.list .button {
    margin: 5px 0; }
  table.list th.order {
    padding: 0;
    border: 1px solid #262626;
    background: #262626;
    border-bottom: 0;
    border-right: 1px solid #000; }
    @media screen and (max-width: 700px) {
      table.list th.order {
        border: 0; } }
    table.list th.order a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 10px;
      width: 100%;
      text-decoration: none;
      color: #FFF; }
      @media screen and (max-width: 700px) {
        table.list th.order a {
          font-size: 12px;
          padding: 5px; } }
      table.list th.order a span {
        margin-left: 5px; }
        @media screen and (max-width: 700px) {
          table.list th.order a span {
            display: none; } }
    table.list th.order input {
      float: left;
      margin-left: 13px; }
  table.list td.link {
    padding: 0; }
    table.list td.link a {
      float: left;
      padding: 10px 10px;
      width: 100%;
      text-decoration: none; }
  table.list td.user div {
    display: flex;
    align-items: center; }
    table.list td.user div span {
      font-size: 16px;
      margin-right: 10px; }
  table.list td.no-space {
    white-space: nowrap; }
  table.list td ul.buttons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    gap: 0 5px;
    /*a {
    	display: flex; padding: 10px; background: $black; text-decoration: none; color: #FFF; margin-left: 5px; border-radius: $border-radius;
    
    	&.remove { background: $red; }
    }*/ }
    table.list td ul.buttons a {
      margin: 0; }
  table.list table {
    border-collapse: collapse; }
    table.list table th, table.list table td {
      padding: 3px 10px 3px 20px; }
    table.list table tbody tr:nth-child(odd) {
      background: none; }
  table.list table.row-data {
    margin: 10px 0 0; }
  table.list.list-data th {
    border: 1px solid #CCC; }
  table.list.list-data th, table.list.list-data td {
    white-space: nowrap; }
    table.list.list-data th.td-left, table.list.list-data td.td-left {
      border-left: 2px solid #999; }
  table.list .pagination {
    padding-top: 20px; }
    table.list .pagination td {
      border: 0;
      padding: 0;
      font-weight: bold; }
      table.list .pagination td select, table.list .pagination td option {
        padding: 4px 10px; }
    table.list .pagination .info {
      float: left; }
      table.list .pagination .info td {
        padding: 5px; }
    table.list .pagination .pages {
      float: right; }
      table.list .pagination .pages a {
        float: left;
        font-weight: normal;
        padding: 5px 15px;
        text-decoration: none;
        background: #262626;
        color: #FFF;
        margin-left: 3px;
        border-radius: 2px; }
        table.list .pagination .pages a.active {
          background: #f3c828;
          color: #262626; }
  table.list.list-border th, table.list.list-border td {
    border: 1px solid #CCC !important;
    padding: 4px 8px !important; }
  table.list.list-stats th {
    border: 1px solid #CCC; }

/* UL-lista */
ul.list {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.list li {
    float: left;
    width: 100%;
    border: 1px solid #CCC;
    border-radius: 2px;
    margin-bottom: 10px; }
    ul.list li a.toogle-link {
      display: inline-block;
      width: 100%;
      padding: 10px; }
    ul.list li a div.field {
      float: left; }
    ul.list li a div.field-checkbox {
      width: 34px; }
    ul.list li a div.field-order_id {
      width: 90px; }
    ul.list li a div.field-date {
      width: 100px; }
    ul.list li a div.field-name {
      width: auto; }
    ul.list li div.data {
      display: none;
      float: left;
      width: 100%;
      padding: 10px; }
      ul.list li div.data table.list {
        margin-top: 0; }
      ul.list li div.data td a.button {
        background: #eaeaea;
        color: #000; }
      ul.list li div.data div.buttons {
        float: left;
        width: 100%;
        margin-top: 10px; }

ul.table-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0px;
  margin: 0; }
  ul.table-list li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
    box-shadow: 0 0 3px #eaeaea;
    background: #FFF;
    border-radius: 2px;
    padding: 5px;
    border-left: 5px solid transparent;
    border-radius: 2px; }
    ul.table-list li.disabled, ul.table-list li.disabled a {
      color: #c6c6cc;
      font-style: italic; }
    ul.table-list li > a {
      width: 100%;
      font-size: 12px;
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 1100px) {
        ul.table-list li > a {
          padding: 10px 10px 0; } }
    ul.table-list li a {
      text-decoration: none; }
    ul.table-list li div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding-bottom: 10px; }
      ul.table-list li div a {
        display: flex;
        flex-direction: column; }
        ul.table-list li div a > span {
          font-size: 9px;
          text-transform: uppercase; }
      ul.table-list li div > span {
        font-size: 9px;
        text-transform: uppercase; }
      ul.table-list li div div.icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-bottom: 0;
        justify-content: flex-start; }
        ul.table-list li div div.icon span {
          margin-left: 5px;
          font-size: 12px; }
          ul.table-list li div div.icon span.icon-checkmark2 {
            margin: 0 2px 0 0; }
    ul.table-list li div.data {
      border-top: 1px solid #eaeaea;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 10px 10px 0;
      font-size: 12px;
      width: 100%; }
      ul.table-list li div.data div a div {
        padding-bottom: 0; }
        ul.table-list li div.data div a div.mobile-only {
          display: none; }
        @media screen and (max-width: 1100px) {
          ul.table-list li div.data div a div.mobile-only {
            display: flex; }
          ul.table-list li div.data div a div.desktop-only {
            display: none; } }
      ul.table-list li div.data ul.buttons {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        width: 100%;
        justify-content: flex-end; }
        @media screen and (max-width: 700px) {
          ul.table-list li div.data ul.buttons {
            justify-content: flex-start; } }
        ul.table-list li div.data ul.buttons li {
          padding: 0;
          box-shadow: unset;
          border-left: 0;
          margin-right: 5px; }
          ul.table-list li div.data ul.buttons li a {
            padding: 10px;
            border-radius: 2px; }
            ul.table-list li div.data ul.buttons li a span {
              font-size: 12px; }
    ul.table-list li div.remove {
      width: 100%;
      align-items: flex-end;
      padding-bottom: 5px; }
      ul.table-list li div.remove a {
        display: flex;
        align-items: center;
        flex-direction: row;
        text-transform: uppercase;
        font-size: 10px; }
        ul.table-list li div.remove a span {
          margin-right: 5px;
          color: #c31f1f;
          font-size: 12px; }
  ul.table-list.quotes {
    /* Kundkort */ }
    ul.table-list.quotes div.order_id, ul.table-list.quotes div.name {
      font-size: 14px;
      font-weight: bold; }
    @media screen and (max-width: 1100px) {
      ul.table-list.quotes {
        /*div span { display: none; }*/ }
        ul.table-list.quotes li > a {
          width: calc(100% - 75px); }
        ul.table-list.quotes div.order_id {
          width: 10%; }
        ul.table-list.quotes div.name {
          width: 30%; }
        ul.table-list.quotes div.date {
          width: 15%; }
        ul.table-list.quotes div.user_first {
          width: 15%; }
        ul.table-list.quotes div.status {
          width: 15%; }
        ul.table-list.quotes div.value {
          width: 15%; }
        ul.table-list.quotes .data {
          width: 75px;
          border: 0;
          border-left: 1px solid #eaeaea;
          padding: 0 0 0 10px;
          align-items: center; }
          ul.table-list.quotes .data .remove {
            padding-bottom: 0;
            align-items: flex-start; }
          ul.table-list.quotes .data .user_first {
            display: none; } }
    @media screen and (max-width: 700px) {
      ul.table-list.quotes li > a {
        width: 100%; }
      ul.table-list.quotes div.order_id {
        width: 30%;
        flex-direction: row;
        justify-content: flex-start; }
        ul.table-list.quotes div.order_id span.aaw {
          margin-left: 4px;
          font-weight: normal;
          font-size: 8px; }
      ul.table-list.quotes div.name {
        width: 70%; }
      ul.table-list.quotes div.date {
        width: 30%; }
      ul.table-list.quotes div.user_first {
        display: none; }
      ul.table-list.quotes div.status {
        width: 35%; }
      ul.table-list.quotes div.value {
        width: 30%; }
      ul.table-list.quotes .data {
        width: 100%;
        border: 0;
        border-top: 1px solid #eaeaea;
        padding: 10px 10px 0; }
        ul.table-list.quotes .data .user_first {
          display: flex;
          width: 50%; }
        ul.table-list.quotes .data .remove {
          width: 50%;
          align-items: flex-end; } }
    ul.table-list.quotes.customer-quotes div {
      justify-content: center; }
    ul.table-list.quotes.customer-quotes div.order_id {
      width: 10%; }
    ul.table-list.quotes.customer-quotes div.name {
      width: 25%; }
    ul.table-list.quotes.customer-quotes div.date {
      width: 12%; }
    ul.table-list.quotes.customer-quotes div.user_first {
      width: 15%; }
    ul.table-list.quotes.customer-quotes div.status {
      width: 10%; }
    ul.table-list.quotes.customer-quotes div.value {
      width: 10%; }
    ul.table-list.quotes.customer-quotes div.ref {
      width: 18%; }
    @media screen and (max-width: 1100px) {
      ul.table-list.quotes.customer-quotes li > a {
        width: 100%; } }
    @media screen and (max-width: 700px) {
      ul.table-list.quotes.customer-quotes div.order_id {
        width: 33.3%; }
      ul.table-list.quotes.customer-quotes div.name {
        width: 66.7%; }
      ul.table-list.quotes.customer-quotes div.date {
        width: 33.3%; }
      ul.table-list.quotes.customer-quotes div.user_first {
        width: 33.3%;
        display: flex; }
      ul.table-list.quotes.customer-quotes div.status {
        width: 33.3%; }
      ul.table-list.quotes.customer-quotes div.value {
        width: 33.3%; }
      ul.table-list.quotes.customer-quotes div.ref {
        width: 66.7%; } }
    ul.table-list.quotes.customer-orders div.order_id {
      width: 15%; }
    ul.table-list.quotes.customer-orders div.value {
      width: 12%; }
    ul.table-list.quotes.customer-orders div.ref {
      width: 21%; }
    @media screen and (max-width: 700px) {
      ul.table-list.quotes.customer-orders div.order_id {
        width: 33.3%; }
      ul.table-list.quotes.customer-orders div.value {
        width: 33.3%; }
      ul.table-list.quotes.customer-orders div.ref {
        width: 66.7%; } }
  ul.table-list.orders div.order_id, ul.table-list.orders div.name {
    font-size: 14px;
    font-weight: bold; }
  @media screen and (max-width: 1100px) {
    ul.table-list.orders li > a {
      width: 45%; }
    ul.table-list.orders li .data {
      width: calc(55% - 65px);
      border: 0;
      border-left: 1px solid #eaeaea;
      padding-left: 20px; }
    ul.table-list.orders li div.order_id {
      width: 33.3%;
      flex-direction: row;
      justify-content: flex-start; }
      ul.table-list.orders li div.order_id span.aaw {
        margin-left: 4px;
        font-weight: normal;
        font-size: 8px; }
    ul.table-list.orders li div.name {
      width: 66.7%; }
    ul.table-list.orders li div.date {
      width: 33.3%; }
    ul.table-list.orders li div.value {
      width: 33.3%; }
    ul.table-list.orders li div.user {
      width: 33.3%; }
    ul.table-list.orders li div.supplier {
      width: 33.3%; }
    ul.table-list.orders li div.book_mount {
      width: 33.3%; }
    ul.table-list.orders li div.order_type_done {
      width: 33.3%; }
    ul.table-list.orders li div.exported {
      width: 33.3%; }
    ul.table-list.orders li div.payed {
      width: 33.3%; }
    ul.table-list.orders li div.done {
      width: 33.3%; }
    ul.table-list.orders li .remove {
      width: 65px;
      padding: 0 10px 0 0;
      border-left: 1px solid #eaeaea; }
      ul.table-list.orders li .remove a {
        flex-direction: column; }
        ul.table-list.orders li .remove a span {
          margin-bottom: 5px; } }
  @media screen and (max-width: 700px) {
    ul.table-list.orders li > a {
      width: 100%; }
    ul.table-list.orders li .data {
      width: 100%;
      border: 0;
      border-top: 1px solid #eaeaea;
      padding-left: 10px; }
    ul.table-list.orders li div.supplier,
    ul.table-list.orders li div.book_mount,
    ul.table-list.orders li div.order_type_done,
    ul.table-list.orders li div.exported,
    ul.table-list.orders li div.payed,
    ul.table-list.orders li div.done {
      width: 33.3%; }
    ul.table-list.orders li .remove {
      width: 100%;
      padding: 10px 10px 5px;
      border: 0;
      border-top: 1px solid #eaeaea; }
      ul.table-list.orders li .remove a {
        flex-direction: row; }
        ul.table-list.orders li .remove a span {
          margin-bottom: 0px; } }
  ul.table-list.mounts div.order_id, ul.table-list.mounts div.name {
    font-size: 14px;
    font-weight: bold; }
  @media screen and (max-width: 1100px) {
    ul.table-list.mounts li > a {
      width: 50%; }
    ul.table-list.mounts li .data {
      width: 50%;
      border: 0;
      border-left: 1px solid #eaeaea;
      padding-left: 20px; }
    ul.table-list.mounts li input {
      max-width: 100%; }
    ul.table-list.mounts li div.order_id {
      width: 33.3%; }
    ul.table-list.mounts li div.name,
    ul.table-list.mounts li div.address {
      width: 66.7%; }
    ul.table-list.mounts li div.order_date {
      width: 33.3%; }
    ul.table-list.mounts li div.value {
      width: 33.3%; }
    ul.table-list.mounts li div.user {
      width: 66.7%; }
    ul.table-list.mounts li div.users {
      width: 66.7%; }
      ul.table-list.mounts li div.users div.input {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0px; }
        ul.table-list.mounts li div.users div.input ul {
          display: flex;
          padding: 0;
          align-items: center;
          list-style: none;
          flex-wrap: wrap; }
          ul.table-list.mounts li div.users div.input ul li {
            margin: 0 10px 0 0;
            display: flex;
            align-items: center;
            box-shadow: unset;
            padding: 0;
            border: 0; }
            ul.table-list.mounts li div.users div.input ul li span {
              margin-right: 5px; }
        ul.table-list.mounts li div.users div.input .button span {
          display: flex; }
    ul.table-list.mounts li div.lev_date {
      width: 33.3%; }
    ul.table-list.mounts li div.recieved {
      width: 33.3%; }
    ul.table-list.mounts li div.reminder {
      width: 66.7%; }
    ul.table-list.mounts li div.time {
      width: 33.3%; }
    ul.table-list.mounts li div.date {
      width: 66.7%; }
      ul.table-list.mounts li div.date div.input {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0px; }
        ul.table-list.mounts li div.date div.input .button {
          padding: 10px;
          margin-left: 10px; }
          ul.table-list.mounts li div.date div.input .button span {
            display: flex; } }
  @media screen and (max-width: 700px) {
    ul.table-list.mounts li > a {
      width: 100%; }
    ul.table-list.mounts li .data {
      width: 100%;
      border: 0;
      border-top: 1px solid #eaeaea;
      padding-left: 10px; } }
  ul.table-list.bookings div.name, ul.table-list.bookings div.date_time {
    font-size: 14px;
    font-weight: bold; }
  @media screen and (max-width: 1100px) {
    ul.table-list.bookings li > a {
      width: 70%; }
    ul.table-list.bookings li .data {
      width: 30%;
      border: 0;
      border-left: 1px solid #eaeaea;
      padding-left: 20px; }
      ul.table-list.bookings li .data a {
        width: auto; }
    ul.table-list.bookings li div {
      justify-content: flex-start; }
    ul.table-list.bookings li div.date_time {
      width: 30%; }
    ul.table-list.bookings li div.name {
      width: 70%; }
      ul.table-list.bookings li div.name.alert {
        color: #c31f1f; }
    ul.table-list.bookings li div.booking_id {
      width: 30%; }
    ul.table-list.bookings li div.booking_type {
      width: 30%; }
    ul.table-list.bookings li div.address {
      width: 30%; }
    ul.table-list.bookings li div.city {
      width: 30%; }
    ul.table-list.bookings li div.user {
      width: 40%; }
      ul.table-list.bookings li div.user ul {
        display: flex;
        padding: 0;
        align-items: center;
        list-style: none;
        flex-wrap: wrap; }
        ul.table-list.bookings li div.user ul li {
          margin: 0 10px 0 0;
          display: flex;
          align-items: center;
          box-shadow: unset;
          padding: 0;
          border: 0; }
          ul.table-list.bookings li div.user ul li span {
            margin-right: 5px; } }
  @media screen and (max-width: 700px) {
    ul.table-list.bookings li > a {
      width: 100%; }
    ul.table-list.bookings li .data {
      width: 100%;
      border: 0;
      border-top: 1px solid #eaeaea;
      padding-left: 10px; }
    ul.table-list.bookings li div.address {
      width: 60%; }
    ul.table-list.bookings li div.city {
      width: 40%; }
    ul.table-list.bookings li div.user {
      width: 100%; } }
  @media screen and (max-width: 1100px) {
    ul.table-list.que_bookings li div.name {
      width: 100%; }
    ul.table-list.que_bookings li div.address {
      width: 50%; } }
  @media screen and (max-width: 700px) {
    ul.table-list.que_bookings li div.address {
      width: 70%; } }
  ul.table-list.instore-orders div.order_id, ul.table-list.instore-orders div.phone {
    font-size: 14px;
    font-weight: bold; }
  @media screen and (max-width: 1100px) {
    ul.table-list.instore-orders li > a {
      width: 70%; }
    ul.table-list.instore-orders li .data {
      width: 30%;
      border: 0;
      border-left: 1px solid #eaeaea;
      padding-left: 20px; }
      ul.table-list.instore-orders li .data a {
        width: auto; }
    ul.table-list.instore-orders li div.order_id {
      width: 15%; }
    ul.table-list.instore-orders li div.phone {
      width: 25%; }
    ul.table-list.instore-orders li div.date {
      width: 25%; }
    ul.table-list.instore-orders li div.payed {
      width: 15%; }
    ul.table-list.instore-orders li div.sa_ordernum {
      width: 20%; } }
  @media screen and (max-width: 700px) {
    ul.table-list.instore-orders li > a {
      width: 100%; }
    ul.table-list.instore-orders li .data {
      width: 100%;
      border: 0;
      border-top: 1px solid #eaeaea;
      padding-left: 10px; }
    ul.table-list.instore-orders li div.order_id {
      width: 40%; }
    ul.table-list.instore-orders li div.phone {
      width: 60%; }
    ul.table-list.instore-orders li div.date {
      width: 40%; }
    ul.table-list.instore-orders li div.payed {
      width: 30%; }
    ul.table-list.instore-orders li div.sa_ordernum {
      width: 30%; } }
  ul.table-list.users div.name {
    font-size: 14px;
    font-weight: bold; }
  @media screen and (max-width: 1100px) {
    ul.table-list.users li > a {
      width: 60%; }
    ul.table-list.users li .data {
      width: 40%;
      border: 0;
      border-left: 1px solid #eaeaea;
      padding-left: 20px; }
      ul.table-list.users li .data a {
        width: auto; }
    ul.table-list.users li div.name {
      width: 60%; }
    ul.table-list.users li div.city {
      width: 20%; }
    ul.table-list.users li div.phone {
      width: 20%; }
    ul.table-list.users li .data .buttons {
      width: 75%; }
    ul.table-list.users li .data .remove {
      width: 25%;
      padding-top: 10px; } }
  @media screen and (max-width: 700px) {
    ul.table-list.users li > a {
      width: 100%; }
    ul.table-list.users li .data {
      width: 100%;
      border: 0;
      border-top: 1px solid #eaeaea;
      padding-left: 10px; }
    ul.table-list.users li div.name {
      width: 50%; }
    ul.table-list.users li div.city {
      width: 25%; }
    ul.table-list.users li div.phone {
      width: 25%; } }
  ul.table-list.customer-delivery div.name {
    font-size: 14px;
    font-weight: bold; }
  @media screen and (max-width: 1100px) {
    ul.table-list.customer-delivery li > a {
      width: 60%; }
    ul.table-list.customer-delivery li .data {
      width: 40%;
      border: 0;
      border-left: 1px solid #eaeaea;
      padding-left: 20px; }
      ul.table-list.customer-delivery li .data a {
        width: auto; }
    ul.table-list.customer-delivery li div {
      justify-content: flex-start; }
    ul.table-list.customer-delivery li div.name {
      width: 100%; }
    ul.table-list.customer-delivery li div.address {
      width: 33.3%; }
    ul.table-list.customer-delivery li div.contact {
      width: 33.3%; }
    ul.table-list.customer-delivery li div.property {
      width: 33.3%; }
    ul.table-list.customer-delivery li .data .buttons {
      width: 75%; }
    ul.table-list.customer-delivery li .data .remove {
      width: 25%;
      padding-top: 10px; } }
  @media screen and (max-width: 700px) {
    ul.table-list.customer-delivery li > a {
      width: 100%; }
    ul.table-list.customer-delivery li .data {
      width: 100%;
      border: 0;
      border-top: 1px solid #eaeaea;
      padding-left: 10px; } }
  ul.table-list.customer-contact div.name {
    font-size: 14px;
    font-weight: bold; }
  @media screen and (max-width: 1100px) {
    ul.table-list.customer-contact li > a {
      width: 60%; }
    ul.table-list.customer-contact li .data {
      width: 40%;
      border: 0;
      border-left: 1px solid #eaeaea;
      padding-left: 20px; }
      ul.table-list.customer-contact li .data a {
        width: auto; }
    ul.table-list.customer-contact li div {
      justify-content: flex-start; }
    ul.table-list.customer-contact li div.name {
      width: 100%; }
    ul.table-list.customer-contact li div.title {
      width: 50%; }
    ul.table-list.customer-contact li div.cellphone {
      width: 50%; }
    ul.table-list.customer-contact li div.phone {
      width: 50%; }
    ul.table-list.customer-contact li div.email {
      width: 50%; }
    ul.table-list.customer-contact li .data .buttons {
      width: 75%; }
    ul.table-list.customer-contact li .data .remove {
      width: 25%;
      padding-top: 10px; } }
  @media screen and (max-width: 700px) {
    ul.table-list.customer-contact li > a {
      width: 100%; }
    ul.table-list.customer-contact li .data {
      width: 100%;
      border: 0;
      border-top: 1px solid #eaeaea;
      padding-left: 10px; } }
  @media screen and (max-width: 1100px) {
    ul.table-list.order-sent li {
      padding: 10px; }
      ul.table-list.order-sent li div {
        justify-content: flex-start;
        width: 15%;
        padding-bottom: 0; }
        ul.table-list.order-sent li div.status {
          padding: 0; }
        ul.table-list.order-sent li div.date {
          width: 20%; }
        ul.table-list.order-sent li div.status, ul.table-list.order-sent li div.type {
          width: 10%; }
        ul.table-list.order-sent li div.user {
          width: 25%; }
        ul.table-list.order-sent li div.to {
          width: 25%; }
        ul.table-list.order-sent li div.buttons {
          width: 10%;
          align-items: flex-end; }
          ul.table-list.order-sent li div.buttons a span {
            font-size: 16px; } }
  @media screen and (max-width: 700px) {
    ul.table-list.order-sent li {
      padding-bottom: 0; }
      ul.table-list.order-sent li div {
        padding-bottom: 10px; }
        ul.table-list.order-sent li div.date {
          width: 40%; }
        ul.table-list.order-sent li div.status, ul.table-list.order-sent li div.type {
          width: 30%; }
        ul.table-list.order-sent li div.user {
          width: 40%; }
        ul.table-list.order-sent li div.to {
          width: 35%; }
        ul.table-list.order-sent li div.buttons {
          width: 25%; } }
  ul.table-list.projects div.name {
    font-size: 14px;
    font-weight: bold; }
  @media screen and (max-width: 1100px) {
    ul.table-list.projects li > a {
      width: 60%; }
    ul.table-list.projects li .data {
      width: 40%;
      border: 0;
      border-left: 1px solid #eaeaea;
      padding-left: 20px; }
      ul.table-list.projects li .data a {
        width: auto; }
    ul.table-list.projects li div {
      justify-content: flex-start; }
    ul.table-list.projects li div.project_id {
      width: 10%; }
    ul.table-list.projects li div.name {
      width: 90%; }
    ul.table-list.projects li div.customer {
      width: 30%; }
    ul.table-list.projects li div.responsible {
      width: 30%; }
    ul.table-list.projects li div.deadline {
      width: 20%; }
    ul.table-list.projects li div.status {
      width: 20%; }
    ul.table-list.projects li .data .buttons {
      width: 100%; } }
  @media screen and (max-width: 700px) {
    ul.table-list.projects li > a {
      width: 100%; }
    ul.table-list.projects li div.customer {
      width: 50%; }
    ul.table-list.projects li div.responsible {
      width: 50%; }
    ul.table-list.projects li div.deadline {
      width: 50%; }
    ul.table-list.projects li div.status {
      width: 50%; }
    ul.table-list.projects li .data {
      width: 100%;
      border: 0;
      border-top: 1px solid #eaeaea;
      padding-left: 10px; } }

ul.pagination {
  width: 100%;
  display: flex;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  align-items: center; }
  ul.pagination li:nth-child(1) {
    justify-content: flex-start;
    width: 33%; }
  ul.pagination li:nth-child(2) {
    text-align: center;
    width: 34%; }
  ul.pagination li:nth-child(3) {
    text-align: right;
    width: 33%; }
  ul.pagination li a {
    font-size: 11px;
    padding: 5px 10px;
    font-weight: normal; }

/* Montering */
.mount-shadow {
  display: none;
  position: fixed;
  z-index: 100;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
  .mount-shadow .mount-popup {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 400px;
    max-width: 96%;
    max-height: 96%;
    background: #FFF;
    padding: 20px;
    scrollbar-width: thin;
    overflow: auto;
    border-radius: 2px; }
    .mount-shadow .mount-popup a.close {
      position: absolute;
      right: 10px;
      top: 10px;
      text-decoration: none;
      font-size: 24px; }
    .mount-shadow .mount-popup h3 {
      margin: 0 0 10px;
      font-size: 18px; }
    .mount-shadow .mount-popup div.buttons ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 0 5px; }
      .mount-shadow .mount-popup div.buttons ul li {
        display: flex; }
        .mount-shadow .mount-popup div.buttons ul li a {
          display: flex;
          align-items: center;
          gap: 0 5px;
          padding: 0 10px; }
          .mount-shadow .mount-popup div.buttons ul li a span {
            display: flex;
            align-items: center;
            justify-content: center; }
          .mount-shadow .mount-popup div.buttons ul li a.button-icon {
            padding: 10px; }
    .mount-shadow .mount-popup div.date,
    .mount-shadow .mount-popup div.customer,
    .mount-shadow .mount-popup div.notices,
    .mount-shadow .mount-popup div.users,
    .mount-shadow .mount-popup div.last-buttons {
      border-top: 1px solid #eaeaea;
      padding: 10px 0; }
      .mount-shadow .mount-popup div.date.last-buttons,
      .mount-shadow .mount-popup div.customer.last-buttons,
      .mount-shadow .mount-popup div.notices.last-buttons,
      .mount-shadow .mount-popup div.users.last-buttons,
      .mount-shadow .mount-popup div.last-buttons.last-buttons {
        padding: 20px 0 0; }
    .mount-shadow .mount-popup div.customer .data {
      margin-bottom: 20px; }
    .mount-shadow .mount-popup div.event-shipping-status {
      padding-bottom: 10px;
      font-size: 11px;
      display: flex;
      align-items: center; }
      .mount-shadow .mount-popup div.event-shipping-status span {
        color: #c31f1f;
        margin-right: 5px;
        font-size: 14px; }
        .mount-shadow .mount-popup div.event-shipping-status span.green {
          color: #42ba7c; }
        .mount-shadow .mount-popup div.event-shipping-status span.orange {
          color: #ff8400; }
    .mount-shadow .mount-popup div.date {
      display: flex;
      gap: 0 30px; }
      .mount-shadow .mount-popup div.date .event-date,
      .mount-shadow .mount-popup div.date .event-time,
      .mount-shadow .mount-popup div.date .repeat {
        display: flex;
        flex-direction: column; }
    .mount-shadow .mount-popup div.users ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .mount-shadow .mount-popup div.users ul li {
        display: flex;
        align-items: center; }
        .mount-shadow .mount-popup div.users ul li span {
          margin-right: 5px; }

/* Tabs */
ul.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #f1f1f1;
  margin-bottom: 20px;
  border: 1px solid #eaeaea; }
  ul.tabs li {
    height: 36px;
    display: flex; }
    @media screen and (max-width: 700px) {
      ul.tabs li {
        height: 35px; } }
    ul.tabs li a {
      display: flex;
      align-items: center;
      padding: 0px 15px;
      color: #000;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 12px; }
      @media screen and (max-width: 700px) {
        ul.tabs li a {
          font-size: 11px;
          padding: 0 10px; } }
      ul.tabs li a:hover {
        background: #ededed; }
    ul.tabs li.active a {
      background: #262626;
      color: #FFF; }

div.tab {
  float: left;
  width: 100%;
  display: none; }

/* Status-ikoner */
.icon-1 {
  color: #CCC; }

.icon-2 {
  color: orange; }

.icon-3 {
  color: green; }

.icon-4 {
  color: #CC0000; }

/* Gra box */
.box {
  float: left;
  width: 100%;
  padding: 10px;
  border: 1px solid #eaeaea;
  background: #f5f5f5;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .box .box-inline {
    width: auto; }
  .box .fields {
    display: flex; }
    .box .fields div {
      margin-right: 10px; }

@media screen and (max-width: 1100px) {
  .filter-form {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px; } }
.filter-form a.show-filter {
  display: none; }
  @media screen and (max-width: 1100px) {
    .filter-form a.show-filter {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #262626;
      font-size: 10px;
      text-transform: uppercase; }
      .filter-form a.show-filter span {
        display: flex;
        font-size: 14px;
        margin-right: 5px; } }
.filter-form .box-filter {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #eaeaea;
  background: #f5f5f5;
  flex-direction: row;
  padding: 10px 0 0 10px;
  align-items: stretch;
  border-radius: 2px; }
  @media screen and (max-width: 1100px) {
    .filter-form .box-filter {
      display: none;
      position: fixed;
      z-index: 20;
      background: #f5f5f5;
      border: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      padding: 30px 10px 100px;
      align-content: flex-start; } }
  .filter-form .box-filter a.close-filter {
    display: none; }
    @media screen and (max-width: 1100px) {
      .filter-form .box-filter a.close-filter {
        display: flex;
        text-decoration: none;
        position: absolute;
        right: 20px;
        top: 20px; } }
  .filter-form .box-filter .field {
    display: flex;
    flex-direction: column;
    margin: 0 10px 10px 0; }
    @media screen and (max-width: 1100px) {
      .filter-form .box-filter .field {
        width: 100%;
        margin: 0;
        padding: 10px 10px 10px 0;
        border-bottom: 1px solid #eaeaea; } }
    .filter-form .box-filter .field label {
      padding-top: 0;
      font-size: 13px; }
      @media screen and (max-width: 700px) {
        .filter-form .box-filter .field label {
          font-size: 11px;
          text-transform: uppercase; } }
    .filter-form .box-filter .field input[type=search],
    .filter-form .box-filter .field input[type=text] {
      padding: 10px;
      flex-grow: 1; }
    .filter-form .box-filter .field select {
      width: 100%;
      flex-grow: 1; }
    @media screen and (max-width: 1100px) {
      .filter-form .box-filter .field ul.radios {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        .filter-form .box-filter .field ul.radios li {
          margin: 0 3px 3px 0;
          display: flex; }
          .filter-form .box-filter .field ul.radios li label {
            display: flex;
            align-items: center;
            border: 1px solid #eaeaea;
            border-radius: 2px;
            background: #FFF;
            padding: 10px 15px 10px 10px; }
            .filter-form .box-filter .field ul.radios li label input {
              margin: 0 5px 0 0; } }
  .filter-form .box-filter .field-submit {
    justify-content: flex-end; }
    @media screen and (max-width: 1100px) {
      .filter-form .box-filter .field-submit {
        position: fixed;
        bottom: 0px;
        left: 0;
        width: 100%;
        display: flex;
        padding: 10px;
        height: 60px;
        background: #262626;
        margin: 0; } }
    .filter-form .box-filter .field-submit input[type=submit] {
      padding: 10px 20px;
      margin-top: 0; }
      @media screen and (max-width: 1100px) {
        .filter-form .box-filter .field-submit input[type=submit] {
          width: 100%;
          padding: 10px 0; } }
    .filter-form .box-filter .field-submit div.btn-submit-loader {
      display: none;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      height: 39px;
      border-radius: 2px;
      background: #f3c828; }
      @media screen and (max-width: 1100px) {
        .filter-form .box-filter .field-submit div.btn-submit-loader {
          width: 100%;
          padding: 0; } }

/* Box med nyheter */
.box-news {
  width: 48%;
  padding: 0;
  margin: 0 2% 2% 0;
  background: none;
  border: 0;
  flex-direction: column;
  border-radius: 2px; }
  @media screen and (max-width: 700px) {
    .box-news {
      width: 100%;
      margin: 0 0 15px; } }
  .box-news h3 {
    float: left;
    width: 100%;
    padding: 10px;
    margin: 0;
    background: #f3c828;
    border-radius: 2px; }
  .box-news ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #CCC;
    border-width: 0 1px 1px; }
    .box-news ul li {
      float: left;
      width: 100%;
      padding: 10px;
      background: #f5f5f5;
      /*&:hover { background: #EAEAEA; }*/ }
      .box-news ul li:nth-child(even) {
        background: #FFF; }
      .box-news ul li a {
        float: left;
        width: 100%; }
        .box-news ul li a span.date {
          float: left;
          width: 80%;
          font-size: 12px; }
        .box-news ul li a h4 {
          float: left;
          width: 80%;
          margin: 0;
          font-size: 14px;
          font-weight: normal; }
      .box-news ul li span.unread {
        float: right;
        background: #CC0000;
        color: #FFF;
        padding: 2px 10px;
        margin-top: 2px;
        font-weight: bold;
        border-radius: 30px;
        text-decoration: none; }
      .box-news ul li.unread a span.date,
      .box-news ul li.unread a h4 {
        font-weight: bold; }
      .box-news ul li a.button {
        width: auto;
        padding: 5px 15px; }
        .box-news ul li a.button:hover {
          background: #000; }

/* Box med mail */
.box-mail {
  float: left;
  width: 100%;
  padding: 0;
  margin: 30px 0 0px; }
  .box-mail h2 {
    float: left;
    width: 100%;
    padding: 10px;
    margin: 0;
    background: #f3c828;
    border-radius: 2px 2px 0 0; }
  .box-mail .box-mail-content {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #CCC;
    border-width: 0 1px 1px; }
    .box-mail .box-mail-content textarea {
      margin: 10px 0; }

/* Box med formular */
div.box-form {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #eaeaea;
  background: #FFF; }
  div.box-form a.head {
    text-decoration: none; }
  div.box-form h2 {
    width: 100%;
    margin: 0;
    padding: 10px 20px;
    background: #f5f5f5;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 1100px) {
      div.box-form h2 {
        background: #f3c828; } }
    @media screen and (max-width: 700px) {
      div.box-form h2 {
        padding: 10px; } }
    div.box-form h2 span {
      font-size: 12px;
      font-weight: normal; }
      div.box-form h2 span.icon {
        font-size: 20px; }
      div.box-form h2 span.icon-remove_red_eye {
        display: flex; }
      div.box-form h2 span.icon-visibility_off {
        display: none; }
  div.box-form .body {
    display: inline-block;
    width: 100%;
    padding: 20px; }
    @media screen and (max-width: 1100px) {
      div.box-form .body {
        padding: 15px; } }
    @media screen and (max-width: 700px) {
      div.box-form .body {
        padding: 10px; } }
  div.box-form.hide .body {
    display: none !important; }
  div.box-form.hide h2 span.icon-remove_red_eye {
    display: none; }
  div.box-form.hide h2 span.icon-visibility_off {
    display: flex; }
  @media screen and (max-width: 700px) {
    div.box-form.box-form-settings .left {
      width: 100%; }
    div.box-form.box-form-settings .right {
      width: 100%; }
      div.box-form.box-form-settings .right .customer-information {
        margin-top: 24px; }
        div.box-form.box-form-settings .right .customer-information label {
          font-weight: bold; }
        div.box-form.box-form-settings .right .customer-information li label {
          font-weight: normal; } }

/* Logga in */
body.login {
  background: #f5f5f5; }
  body.login .header {
    display: none; }
  body.login .main {
    height: 100%;
    background: #f5f5f5; }
    body.login .main .content {
      width: 100%;
      height: 100%;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      body.login .main .content .loginbox {
        width: 800px;
        max-width: 100%;
        display: flex;
        background: #FFF;
        box-shadow: 0 0 3px #eaeaea; }
        @media screen and (max-width: 1100px) {
          body.login .main .content .loginbox {
            max-width: 80%; } }
        @media screen and (max-width: 700px) {
          body.login .main .content .loginbox {
            max-width: 96%; } }
        body.login .main .content .loginbox .login-holder {
          display: flex;
          width: 50%;
          flex-direction: column;
          padding: 30px; }
          @media screen and (max-width: 1100px) {
            body.login .main .content .loginbox .login-holder {
              width: 60%; } }
          @media screen and (max-width: 700px) {
            body.login .main .content .loginbox .login-holder {
              width: 100%; } }
          body.login .main .content .loginbox .login-holder .language-selector {
            padding-bottom: 16px; }
            body.login .main .content .loginbox .login-holder .language-selector form {
              display: flex;
              font-size: 10px;
              justify-content: flex-end;
              align-items: center; }
              body.login .main .content .loginbox .login-holder .language-selector form label {
                margin-right: 5px;
                padding: 0; }
              body.login .main .content .loginbox .login-holder .language-selector form select {
                font-size: 10px; }
          body.login .main .content .loginbox .login-holder.forgot-pass form {
            margin-top: 20px; }
          body.login .main .content .loginbox .login-holder .logo {
            width: 100%;
            margin-bottom: 40px;
            height: 60px; }
            @media screen and (max-width: 700px) {
              body.login .main .content .loginbox .login-holder .logo {
                text-align: center; } }
            body.login .main .content .loginbox .login-holder .logo img {
              max-height: 100%; }
          body.login .main .content .loginbox .login-holder .login-box {
            width: 100%;
            max-width: 400px;
            display: flex;
            flex-direction: column; }
            body.login .main .content .loginbox .login-holder .login-box h1 {
              margin: 0 0 20px; }
            body.login .main .content .loginbox .login-holder .login-box .flash {
              padding: 10px;
              font-weight: bold;
              background: #42ba7c;
              color: #FFF; }
              body.login .main .content .loginbox .login-holder .login-box .flash.error {
                background: #c31f1f;
                color: #FFF; }
            body.login .main .content .loginbox .login-holder .login-box form {
              display: flex;
              flex-direction: column;
              align-items: flex-start; }
              body.login .main .content .loginbox .login-holder .login-box form label {
                padding-top: 0;
                font-weight: bold; }
              body.login .main .content .loginbox .login-holder .login-box form input[type=email],
              body.login .main .content .loginbox .login-holder .login-box form input[type=text],
              body.login .main .content .loginbox .login-holder .login-box form input[type=password] {
                width: 100%;
                margin-bottom: 20px; }
              body.login .main .content .loginbox .login-holder .login-box form input[type=submit] {
                margin-top: 0; }
              body.login .main .content .loginbox .login-holder .login-box form a {
                margin-top: 20px; }
          body.login .main .content .loginbox .login-holder .logo-foot {
            /*position: absolute; left: 0px; bottom: 20px; width: 50%; text-align: center;*/
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 50px; }
            body.login .main .content .loginbox .login-holder .logo-foot img {
              width: 140px; }
        body.login .main .content .loginbox .image {
          display: flex;
          background: url(../images/F3A8062-scaled.jpg) center center;
          background-size: cover;
          width: 50%; }
          @media screen and (max-width: 1100px) {
            body.login .main .content .loginbox .image {
              width: 40%; } }
          @media screen and (max-width: 700px) {
            body.login .main .content .loginbox .image {
              display: none; } }

/* Knapp lista */
ul.button-list {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column; }
  ul.button-list li {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
    align-items: flex-start; }
    ul.button-list li a {
      display: flex;
      width: 100%;
      padding: 10px;
      border: 1px solid #eaeaea;
      background: #f5f5f5;
      border-radius: 2px;
      font-size: 13px;
      text-decoration: none;
      font-weight: bold;
      align-items: center; }
      @media screen and (max-width: 1100px) {
        ul.button-list li a {
          background: #FFF; } }
      ul.button-list li a span {
        font-size: 11px;
        font-style: italic;
        font-weight: normal;
        margin-left: 10px; }
      ul.button-list li a.show-all-configs {
        width: auto;
        background: #262626;
        border-color: #262626;
        color: #FFF;
        font-size: 13px;
        padding: 10px 20px; }

/* Popup */
div.popup {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  /* Monteringar */ }
  div.popup div.popup-content {
    display: inline-block;
    background: #FFF;
    width: 500px;
    max-width: 96%;
    margin-top: 100px;
    padding: 20px;
    text-align: left;
    overflow: auto; }
    div.popup div.popup-content a.close {
      float: right;
      width: auto;
      padding: 0;
      text-decoration: none;
      font-size: 32px;
      margin: -10px -10px 0 0; }
    div.popup div.popup-content h2 {
      margin-top: 0; }
  div.popup.popup-mount {
    overflow: auto; }
    div.popup.popup-mount .popup-content ul {
      list-style: none;
      padding: 0;
      margin: 0 0 20px; }
      div.popup.popup-mount .popup-content ul li {
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start; }
        div.popup.popup-mount .popup-content ul li div {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start; }
        div.popup.popup-mount .popup-content ul li div.date {
          width: 100%;
          font-weight: bold;
          padding-bottom: 10px;
          font-size: 15px; }
        div.popup.popup-mount .popup-content ul li div.done {
          width: 130px; }
        div.popup.popup-mount .popup-content ul li div.comment {
          width: calc(100% - 130px); }
        div.popup.popup-mount .popup-content ul li span {
          width: 100%;
          padding-bottom: 5px; }
        div.popup.popup-mount .popup-content ul li div.self-control {
          width: 100%;
          margin-bottom: 24px; }
          div.popup.popup-mount .popup-content ul li div.self-control form {
            display: flex;
            width: 100%;
            flex-direction: column; }
            div.popup.popup-mount .popup-content ul li div.self-control form table.list {
              margin: 0; }
            div.popup.popup-mount .popup-content ul li div.self-control form .self-control-checks {
              display: none; }
            div.popup.popup-mount .popup-content ul li div.self-control form.open .self-control-checks {
              display: flex;
              									              /* background: $grey-bg; padding: 0 8px 8px; border: 1px solid $grey-border; margin-top: 12px;
              
              									ul {
              										margin-bottom: 12px; width: 100%;
              										
              										li {
              											padding: 8px 0;
              
              											div.check {
              												width: 40%; font-weight: bold; padding-right: 12px;
              											}
              
              
              											div.status {
              												display: flex; width: 20%; justify-content: center; text-align: center; padding: 0 8px;
              
              												label {
              													display: flex; align-items: center; justify-content: center; background: #FFF; padding: 0; border: 1px solid $grey-border; width: 100%; height: 36px; border-radius: 2px;
              													input { margin: 0; }
              												}
              											}
              											
              											div.action {
              												display: none; padding-top: 8px; width: 100%; justify-content: flex-end;
              
              												textarea { width: calc(60% - 16px); margin-right: 8px; }
              											}
              
              											&.action {
              												div.action {
              													display: flex;
              												}
              											}
              										}
              									}*/ }

div.self-control-checks {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  padding: 0 8px 8px;
  border: 1px solid #eaeaea;
  margin-top: 12px; }
  div.self-control-checks ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    width: 100%; }
    div.self-control-checks ul li {
      display: flex;
      flex-wrap: wrap;
      padding: 8px 0; }
      div.self-control-checks ul li div.check {
        width: 40%;
        font-weight: bold;
        padding-right: 12px; }
      div.self-control-checks ul li div.status {
        display: flex;
        width: 20%;
        justify-content: center;
        text-align: center;
        padding: 0 8px; }
        div.self-control-checks ul li div.status label {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #FFF;
          padding: 0;
          border: 1px solid #eaeaea;
          width: 100%;
          height: 36px;
          border-radius: 2px; }
          div.self-control-checks ul li div.status label input {
            margin: 0; }
      div.self-control-checks ul li div.action {
        display: none !important;
        padding-top: 8px;
        width: 100%;
        justify-content: flex-end; }
        div.self-control-checks ul li div.action textarea {
          width: calc(60% - 16px);
          margin-right: 8px; }
      div.self-control-checks ul li.action div.action {
        display: flex !important; }

/* Konfigurator */
body.config-page .main {
  padding-bottom: 100px; }

.config {
  float: left;
  width: 100%;
  padding-bottom: 50px; }
  .config.config-extra {
    padding-bottom: 30px; }
    .config.config-extra label {
      padding: 0; }
  .config .values {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #eaeaea;
    border-radius: 2px; }
    .config .values div.help,
    .config .values div.fabric_front-info,
    .config .values div.fabric-info {
      display: none;
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 100;
      width: 100%;
      height: 100%;
      padding: 10px;
      background: rgba(0, 0, 0, 0.8);
      text-align: center;
      align-items: center;
      justify-content: center; }
      .config .values div.help div.help-content,
      .config .values div.fabric_front-info div.help-content,
      .config .values div.fabric-info div.help-content {
        display: inline-block;
        background: #FFF;
        width: 500px;
        max-width: 96%;
        padding: 20px;
        text-align: left;
        overflow: auto;
        max-height: 100%; }
        .config .values div.help div.help-content a.close,
        .config .values div.fabric_front-info div.help-content a.close,
        .config .values div.fabric-info div.help-content a.close {
          float: right;
          text-decoration: none;
          font-size: 32px;
          margin: -10px -10px 0 0; }
        .config .values div.help div.help-content h2,
        .config .values div.fabric_front-info div.help-content h2,
        .config .values div.fabric-info div.help-content h2 {
          margin-top: 0; }
        .config .values div.help div.help-content img,
        .config .values div.fabric_front-info div.help-content img,
        .config .values div.fabric-info div.help-content img {
          max-width: 100%; }
    .config .values .head {
      padding: 10px;
      width: 100%;
      background: #f5f5f5;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase;
      color: #262626;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 700px) {
        .config .values .head {
          background: #f8f8f8; } }
      .config .values .head .desc {
        display: inline-block; }
      .config .values .head .arrow {
        float: right;
        font-weight: normal;
        font-size: 12px; }
        @media screen and (max-width: 700px) {
          .config .values .head .arrow {
            font-size: 12px; } }
    .config .values .options {
      float: left;
      width: 100%;
      padding: 10px;
      background: #FFF; }
      .config .values .options .help-block {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        align-items: center; }
        .config .values .options .help-block .help-button {
          background: #f3c828;
          height: 20px;
          width: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 7px;
          font-weight: bold;
          border-radius: 30px;
          text-decoration: none; }
      .config .values .options img.config-field-image {
        float: right;
        max-width: 50%; }
      .config .values .options div.value-image {
        float: right;
        display: none;
        max-width: 50%; }
        .config .values .options div.value-image img {
          max-width: 100%; }
      .config .values .options input {
        width: auto; }
        .config .values .options input.amount {
          width: 50px; }
      .config .values .options input[type=radio] {
        accent-color: #262626; }
      .config .values .options div.fabric {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: flex-start;
        justify-content: space-between; }
        .config .values .options div.fabric .fabric-data {
          display: none; }
        .config .values .options div.fabric div.input {
          order: 1;
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          .config .values .options div.fabric div.input .input-holder {
            display: flex;
            align-items: center; }
            .config .values .options div.fabric div.input .input-holder a.show-fabric-filter {
              background: #262626;
              color: #FFF;
              margin-left: 8px;
              width: 24px;
              height: 24px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 100%;
              text-decoration: none; }
          @media screen and (max-width: 700px) {
            .config .values .options div.fabric div.input {
              flex-direction: column;
              align-items: flex-start;
              width: 100%; }
              .config .values .options div.fabric div.input span {
                margin-top: 5px;
                margin-left: 0; } }
          .config .values .options div.fabric div.input .fabric-note-holder {
            display: none;
            margin-top: 16px; }
          .config .values .options div.fabric div.input .fabric-filter {
            width: 100%;
            display: flex;
            /*display: none;*/
            border: 1px solid #eaeaea;
            background: #f8f8f8;
            padding: 8px;
            margin-top: 12px; }
            .config .values .options div.fabric div.input .fabric-filter.open {
              display: flex;
              align-items: flex-end; }
            .config .values .options div.fabric div.input .fabric-filter div.filter-field {
              margin-right: 4px; }
              .config .values .options div.fabric div.input .fabric-filter div.filter-field label {
                padding-top: 0;
                font-size: 12px; }
              .config .values .options div.fabric div.input .fabric-filter div.filter-field.campaign {
                /*padding-bottom: 5px;*/ }
                .config .values .options div.fabric div.input .fabric-filter div.filter-field.campaign label {
                  padding: 0;
                  display: flex;
                  align-items: center; }
                  .config .values .options div.fabric div.input .fabric-filter div.filter-field.campaign label input {
                    margin-right: 4px; }
        .config .values .options div.fabric .fabric-image {
          order: 2; }
          @media screen and (max-width: 700px) {
            .config .values .options div.fabric .fabric-image {
              margin-top: 20px; } }
        .config .values .options div.fabric .fabric-selection {
          display: none;
          width: 100%;
          order: 3;
          margin-top: 20px;
          flex-wrap: wrap; }
          .config .values .options div.fabric .fabric-selection a {
            display: flex;
            flex-direction: column;
            margin: 0 5px 5px 0;
            text-decoration: none;
            width: 130px;
            padding: 3px;
            border: 1px solid #eaeaea; }
            @media screen and (max-width: 700px) {
              .config .values .options div.fabric .fabric-selection a {
                width: 32%;
                margin: 0 1% 1% 0; } }
            .config .values .options div.fabric .fabric-selection a div.image {
              width: 100%;
              height: 30px;
              overflow: hidden; }
            .config .values .options div.fabric .fabric-selection a span {
              display: flex;
              align-items: center;
              font-size: 11px;
              padding-top: 5px;
              justify-content: space-between; }
              .config .values .options div.fabric .fabric-selection a span p {
                margin: 0; }
              .config .values .options div.fabric .fabric-selection a span div.icons {
                display: flex;
                align-items: center; }
                .config .values .options div.fabric .fabric-selection a span div.icons span.fabric-note-icon {
                  color: #f3c828;
                  font-size: 16px;
                  padding: 0;
                  margin-left: 5px; }
                  .config .values .options div.fabric .fabric-selection a span div.icons span.fabric-note-icon.fabric-note-icon-error {
                    color: #c31f1f; }
                .config .values .options div.fabric .fabric-selection a span div.icons span.fabric-discount-icon {
                  background: #42ba7c;
                  color: #FFF;
                  font-size: 9px;
                  padding: 0;
                  margin-left: 5px;
                  display: flex;
                  width: 16px;
                  height: 16px;
                  border-radius: 100%;
                  align-items: center;
                  justify-content: center; }
          .config .values .options div.fabric .fabric-selection .no-fabric-hits {
            display: none;
            font-weight: bold;
            color: #CC0000; }
      .config .values .options ul.text-values {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%; }
        .config .values .options ul.text-values li {
          display: flex;
          align-items: center;
          margin-right: 16px; }
          .config .values .options ul.text-values li label {
            padding: 0 8px 0 0; }
    .config .values .value {
      float: left;
      width: 100%;
      margin-bottom: 5px;
      background: #f5f5f5;
      border: 1px solid #eaeaea;
      border-radius: 2px; }
      .config .values .value.disabled {
        color: #999;
        font-style: italic; }
        .config .values .value.disabled label {
          cursor: default; }
      .config .values .value .option {
        float: left;
        width: 100%;
        padding: 0; }
      .config .values .value .option-holder {
        float: left;
        width: 100%;
        padding: 20px; }
        @media screen and (max-width: 700px) {
          .config .values .value .option-holder {
            padding: 10px; } }
        .config .values .value .option-holder img.value-image {
          float: left;
          margin-bottom: 20px;
          max-width: 100%; }
      .config .values .value input {
        display: inline; }
      .config .values .value label {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 10px;
        cursor: pointer; }
        .config .values .value label input {
          margin: 0 5px 0 0; }
        .config .values .value label .price-add {
          margin-left: 5px; }
      .config .values .value .values {
        background: #FFF; }
        .config .values .value .values .head {
          font-size: 13px;
          background: #f8f8f8; }
        .config .values .value .values .value {
          width: auto;
          border-radius: 2px; }
          .config .values .value .values .value.active {
            background: #f3c828;
            border-color: #c19700; }
    .config .values .options-no-children div.value-image {
      display: inline-block; }
    .config .values .options-no-children .value {
      width: auto;
      margin: 0 5px 5px 0; }
      .config .values .options-no-children .value.active {
        background: #f3c828;
        border-color: #c19700; }
    .config .values div.error {
      float: left;
      clear: both;
      width: 100%;
      margin-top: 10px;
      padding: 10px;
      background: #CC0000;
      color: #FFF; }
    .config .values div.price {
      float: left;
      clear: both;
      width: 100%;
      margin-top: 10px; }
      .config .values div.price input {
        width: 100px; }
  .config input.fabric,
  .config input.fabric_front,
  .config input.binding {
    float: left; }
  .config .no-fabric,
  .config .no-fabric_night,
  .config .no-fabric_day,
  .config .no-fabric_front,
  .config .no-binding {
    display: none;
    float: left;
    margin-left: 10px;
    font-weight: bold;
    color: #CC0000; }
  .config .fabric_front-image,
  .config .binding-image {
    float: right;
    min-height: 80px; }
  .config .fabric-image,
  .config .fabric_front-image {
    position: relative; }
    .config .fabric-image a,
    .config .fabric_front-image a {
      position: absolute;
      bottom: 10px;
      right: 10px;
      background: #000;
      color: #FFF;
      padding: 5px;
      text-decoration: none;
      font-size: 11px;
      text-transform: uppercase; }
  .config .fabric_front-selection,
  .config .binding-selection {
    float: left;
    width: 100%;
    margin: 5px 0 0; }
  .config .binding-selection .button {
    float: left;
    margin: 0 3px 3px 0; }
  .config div.fabric-day-night-images {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    .config div.fabric-day-night-images .fabric-image {
      display: flex;
      margin-bottom: 16px; }
    .config div.fabric-day-night-images .images {
      max-width: 100%; }
      .config div.fabric-day-night-images .images .fabric-image {
        max-width: 100%; }
        .config div.fabric-day-night-images .images .fabric-image div {
          max-width: 100%; }

.config-price {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  width: 100%;
  background: #f3c828;
  color: #000;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  @media screen and (max-width: 700px) {
    .config-price {
      padding: 10px; } }
  .config-price .price-holder {
    display: flex;
    flex-direction: column; }
    .config-price .price-holder h1 {
      margin: 0; }
      @media screen and (max-width: 700px) {
        .config-price .price-holder h1 {
          font-size: 16px; } }
    .config-price .price-holder div.price-ord-price,
    .config-price .price-holder div.price-excl-vat,
    .config-price .price-holder div.net-price {
      font-size: 12px; }
      @media screen and (max-width: 700px) {
        .config-price .price-holder div.price-ord-price,
        .config-price .price-holder div.price-excl-vat,
        .config-price .price-holder div.net-price {
          font-size: 10px; } }
      .config-price .price-holder div.price-ord-price.price-ord-price, .config-price .price-holder div.price-ord-price.net-price,
      .config-price .price-holder div.price-excl-vat.price-ord-price,
      .config-price .price-holder div.price-excl-vat.net-price,
      .config-price .price-holder div.net-price.price-ord-price,
      .config-price .price-holder div.net-price.net-price {
        display: none; }
    .config-price .price-holder .show-net-price {
      display: flex;
      margin-top: 5px; }
      .config-price .price-holder .show-net-price a {
        text-decoration: none;
        display: flex;
        border: 1px solid #000;
        padding: 3px 5px;
        border-radius: 10px;
        text-transform: uppercase;
        font-size: 10px; }
        .config-price .price-holder .show-net-price a div {
          display: flex;
          align-items: center; }
          .config-price .price-holder .show-net-price a div span {
            margin-right: 5px;
            font-size: 14px; }
          .config-price .price-holder .show-net-price a div.hide_net {
            display: none; }
      .config-price .price-holder .show-net-price.net-open a div.hide_net {
        display: flex; }
      .config-price .price-holder .show-net-price.net-open a div.show_net {
        display: none; }
  .config-price .mobile-add {
    display: none; }
    @media screen and (max-width: 700px) {
      .config-price .mobile-add {
        display: flex; }
        .config-price .mobile-add input[type=submit] {
          padding: 0px 10px;
          font-size: 10px;
          height: 32px; } }
  .config-price .loading {
    float: left;
    display: none; }
  .config-price .buy {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap; }
    @media screen and (max-width: 700px) {
      .config-price .buy {
        display: none;
        margin-top: 10px;
        width: 100%;
        align-items: unset; }
        .config-price .buy .field {
          display: flex;
          flex-direction: column;
          justify-content: flex-end; }
          .config-price .buy .field.desktop-only {
            display: none; }
        .config-price .buy .field-comment,
        .config-price .buy .field-notice {
          width: 50%; }
          .config-price .buy .field-comment input,
          .config-price .buy .field-notice input {
            width: 100%; }
          .config-price .buy .field-comment.field-notice,
          .config-price .buy .field-notice.field-notice {
            padding-right: 10px; }
        .config-price .buy .field {
          order: 2; }
        .config-price .buy .field-notice {
          order: 1; }
        .config-price .buy .field-amount {
          order: 3; }
        .config-price .buy .field-comment {
          order: 4;
          width: 100%;
          margin-top: 10px; }
        .config-price .buy input[type="submit"],
        .config-price .buy .config-price a.button {
          padding: 10px 15px;
          font-size: 12px; } }
  .config-price .field label {
    padding-top: 0;
    font-size: 10px;
    text-transform: uppercase; }
  .config-price .field.field-comment input[type=text] {
    width: 260px; }
    @media screen and (max-width: 1100px) {
      .config-price .field.field-comment input[type=text] {
        width: 280px; } }
    @media screen and (max-width: 700px) {
      .config-price .field.field-comment input[type=text] {
        width: 100%; } }
  .config-price input {
    margin: 0;
    accent-color: #262626; }
  .config-price input[type=tel],
  .config-price input[type=number],
  .config-price input[type=text] {
    margin-right: 10px;
    padding: 9px 10px 8px; }
  .config-price input[type=text] {
    width: 150px; }
    .config-price input[type=text].amount {
      width: 60px; }
  .config-price input[type=submit],
  .config-price a.button {
    background: #000;
    color: #FFF;
    /*border-radius: $border-radius; padding: 15px 20px; font-size: 14px; text-transform: uppercase; font-weight: bold;*/ }
    .config-price input[type=submit].button-close,
    .config-price a.button.button-close {
      display: none;
      float: right; }
  .config-price .new-customer {
    float: left;
    width: 100%;
    display: none; }
  .config-price .shadow {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    color: #FFF;
    padding-top: 26px; }
  .config-price.config-price-new-customer {
    height: 100%;
    overflow: auto;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start; }
    .config-price.config-price-new-customer .price-holder, .config-price.config-price-new-customer .buy {
      width: 50%; }
    .config-price.config-price-new-customer .buy {
      justify-content: flex-end;
      width: 50%; }
    .config-price.config-price-new-customer a.button {
      display: none; }
      .config-price.config-price-new-customer a.button.button-close {
        display: block; }
    .config-price.config-price-new-customer .new-customer {
      display: flex;
      width: 100%;
      flex-direction: column; }
      .config-price.config-price-new-customer .new-customer .new {
        width: 400px;
        display: none; }
      @media screen and (max-width: 1100px) {
        .config-price.config-price-new-customer .new-customer {
          width: 100%; } }
      .config-price.config-price-new-customer .new-customer .tabs {
        border: 0;
        background: none;
        margin-top: 10px; }
        .config-price.config-price-new-customer .new-customer .tabs li {
          margin-right: 3px; }
          .config-price.config-price-new-customer .new-customer .tabs li.active a {
            background: #000; }
          .config-price.config-price-new-customer .new-customer .tabs li a {
            border: 1px solid #000;
            height: 36px; }
      .config-price.config-price-new-customer .new-customer .result {
        float: left;
        width: 100%;
        margin-top: 20px;
        background: #FFF;
        padding: 20px;
        display: none; }
        .config-price.config-price-new-customer .new-customer .result td input[type=radio] {
          position: absolute;
          opacity: 0.001; }
        .config-price.config-price-new-customer .new-customer .result td label {
          display: inline-block;
          padding: 10px 20px;
          font-weight: bold;
          text-decoration: none;
          background: #f3c828;
          color: #262626;
          border-radius: 2px; }
      .config-price.config-price-new-customer .new-customer table {
        margin-bottom: 20px; }
      .config-price.config-price-new-customer .new-customer .field {
        float: left;
        width: 100%;
        padding: 0 3px 7px 0; }
        .config-price.config-price-new-customer .new-customer .field input {
          width: 100%;
          margin-bottom: 3px; }
      .config-price.config-price-new-customer .new-customer .field-half {
        width: 50%; }
      .config-price.config-price-new-customer .new-customer .field-zipcode {
        width: 30%; }
      .config-price.config-price-new-customer .new-customer .field-city {
        width: 70%; }
      .config-price.config-price-new-customer .new-customer input[type=submit] {
        float: left;
        clear: both; }
      .config-price.config-price-new-customer .new-customer .suggestion {
        display: none;
        float: left;
        width: 100%;
        height: 300px;
        overflow: auto;
        margin-top: 20px;
        background: #FFF;
        padding: 10px; }

body.pricecheck {
  /* Konfigs pa order-sidan */ }
  body.pricecheck .config-price .buy {
    display: flex;
    width: auto;
    margin-top: 0;
    justify-content: flex-end; }
    @media screen and (max-width: 700px) {
      body.pricecheck .config-price .buy .field-notice {
        display: none; }
      body.pricecheck .config-price .buy .field label {
        display: none; } }
  body.pricecheck .config-price.config-price-new-customer .buy {
    width: 50%; }
  @media screen and (max-width: 700px) {
    body.pricecheck .config-price.config-price-new-customer .new-customer .result {
      padding: 10px; }
      body.pricecheck .config-price.config-price-new-customer .new-customer .result ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column; }
        body.pricecheck .config-price.config-price-new-customer .new-customer .result ul li {
          width: 100%;
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #eaeaea;
          padding: 5px; }
          body.pricecheck .config-price.config-price-new-customer .new-customer .result ul li.header {
            background: #f5f5f5;
            height: auto;
            font-weight: bold; }
          body.pricecheck .config-price.config-price-new-customer .new-customer .result ul li .right {
            display: flex;
            align-items: flex-end;
            flex-direction: column;
            justify-content: space-between; }
            body.pricecheck .config-price.config-price-new-customer .new-customer .result ul li .right .contact {
              margin-bottom: 10px; }
            body.pricecheck .config-price.config-price-new-customer .new-customer .result ul li .right .select {
              position: relative; }
              body.pricecheck .config-price.config-price-new-customer .new-customer .result ul li .right .select input {
                position: absolute;
                right: 0;
                top: 0;
                opacity: 0.001; }
              body.pricecheck .config-price.config-price-new-customer .new-customer .result ul li .right .select label {
                background: #f3c828;
                padding: 5px 10px;
                font-weight: bold; } }
  @media screen and (max-width: 1100px) {
    body.pricecheck .filter-form-fixed {
      width: 100%; } }
  body.pricecheck .filter-form-fixed .box-filter {
    display: flex;
    border: 1px solid #eaeaea;
    background: #f5f5f5;
    padding: 12px;
    border-radius: 2px; }
    @media screen and (max-width: 1100px) {
      body.pricecheck .filter-form-fixed .box-filter {
        background: #FFF; } }
    body.pricecheck .filter-form-fixed .box-filter .field-search {
      position: relative; }
      body.pricecheck .filter-form-fixed .box-filter .field-search span {
        position: absolute;
        left: 12px;
        top: 10px;
        color: #262626;
        font-size: 16px; }
      body.pricecheck .filter-form-fixed .box-filter .field-search input {
        padding-left: 38px; }
  @media screen and (max-width: 700px) {
    body.pricecheck form.price-form {
      width: 100%;
      margin-bottom: 24px; } }
  body.pricecheck ul.configs-groups {
    display: flex;
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
    flex-wrap: wrap;
    width: 100%; }
    body.pricecheck ul.configs-groups > li {
      padding: 0 32px 48px 0px;
      display: flex;
      flex-direction: column;
      width: 360px; }
      @media screen and (max-width: 1100px) {
        body.pricecheck ul.configs-groups > li {
          width: 50%; } }
      @media screen and (max-width: 700px) {
        body.pricecheck ul.configs-groups > li {
          width: 100%;
          padding: 0 0 24px 0; } }
      body.pricecheck ul.configs-groups > li h4 {
        font-size: 18px;
        margin-bottom: 8px; }
      body.pricecheck ul.configs-groups > li ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column; }
        body.pricecheck ul.configs-groups > li ul li {
          display: flex;
          align-items: flex-start;
          padding-bottom: 8px;
          width: 100%; }
          body.pricecheck ul.configs-groups > li ul li a {
            display: flex;
            justify-content: space-between;
            padding: 12px;
            align-items: center;
            width: 100%;
            text-decoration: none;
            background: #fff;
            border: 1px solid #CCC;
            border-radius: 2px; }
            body.pricecheck ul.configs-groups > li ul li a img {
              height: 8px;
              margin-left: 24px; }
              body.pricecheck ul.configs-groups > li ul li a img.hestra-markis {
                height: 6px; }
              body.pricecheck ul.configs-groups > li ul li a img.kd-solskydd {
                height: 14px; }
              body.pricecheck ul.configs-groups > li ul li a img.luxaflex, body.pricecheck ul.configs-groups > li ul li a img.persiennproducenterna, body.pricecheck ul.configs-groups > li ul li a img.opm, body.pricecheck ul.configs-groups > li ul li a img.selt-persiennexperten, body.pricecheck ul.configs-groups > li ul li a img.enyroom, body.pricecheck ul.configs-groups > li ul li a img.skaraborg {
                height: 16px; }
              body.pricecheck ul.configs-groups > li ul li a img.cencio {
                height: 12px; }
              body.pricecheck ul.configs-groups > li ul li a img.markisol {
                height: 17px; }
              body.pricecheck ul.configs-groups > li ul li a img.wallners, body.pricecheck ul.configs-groups > li ul li a img.fonstermiljo {
                height: 18px; }
              body.pricecheck ul.configs-groups > li ul li a img.gsw {
                height: 20px; }
          body.pricecheck ul.configs-groups > li ul li.open-link a, body.pricecheck ul.configs-groups > li ul li.close-link a {
            width: auto;
            justify-content: flex-start;
            font-size: 11px;
            font-weight: bold;
            background: #262626;
            color: #FFF;
            padding: 8px 12px; }
            body.pricecheck ul.configs-groups > li ul li.open-link a span, body.pricecheck ul.configs-groups > li ul li.close-link a span {
              font-size: 8px;
              margin-right: 4px; }
          body.pricecheck ul.configs-groups > li ul li.close-link {
            display: none; }
          body.pricecheck ul.configs-groups > li ul li.toggle {
            display: none; }
        body.pricecheck ul.configs-groups > li ul.open li.toggle {
          display: flex; }
        body.pricecheck ul.configs-groups > li ul.open li.open-link {
          display: none; }
        body.pricecheck ul.configs-groups > li ul.open li.close-link {
          display: flex; }

/* Order */
body.order-edit {
  /* Sortering */
  /* hide tg/tb */
  /* Sortering aktivared */
  /* Montering */ }
  body.order-edit .content {
    padding: 20px 0; }
  body.order-edit .top {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 700px) {
      body.order-edit .top {
        padding: 0 10px; } }
    body.order-edit .top .buttons {
      display: flex; }
      body.order-edit .top .buttons a {
        margin-left: 3px; }
    body.order-edit .top .info {
      width: 100%; }
      body.order-edit .top .info table {
        margin: 5px 0 0; }
        body.order-edit .top .info table th {
          padding-left: 0; }
        body.order-edit .top .info table th, body.order-edit .top .info table td {
          border: 1px solid #eaeaea;
          padding: 3px 5px;
          font-size: 11px; }
    body.order-edit .top .order-info-block {
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      body.order-edit .top .order-info-block div {
        display: flex;
        flex-direction: column;
        margin-right: 20px; }
  body.order-edit .customer-settings .body {
    display: flex;
    flex-wrap: wrap; }
    body.order-edit .customer-settings .body .customer-type {
      width: 50%; }
    body.order-edit .customer-settings .body .customer-buttons {
      width: 50%;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
    body.order-edit .customer-settings .body .order-info,
    body.order-edit .customer-settings .body .invoice-info {
      width: 50%;
      margin-top: 20px; }
      body.order-edit .customer-settings .body .order-info.order-info,
      body.order-edit .customer-settings .body .invoice-info.order-info {
        padding-right: 60px; }
      @media screen and (max-width: 700px) {
        body.order-edit .customer-settings .body .order-info,
        body.order-edit .customer-settings .body .invoice-info {
          width: 100%;
          padding-right: 0; } }
      body.order-edit .customer-settings .body .order-info h3,
      body.order-edit .customer-settings .body .invoice-info h3 {
        margin: 0 0 10px; }
    body.order-edit .customer-settings .body a.button-edit {
      margin-top: 20px; }
  body.order-edit .invoice-info table {
    border-collapse: collapse; }
    body.order-edit .invoice-info table td {
      padding: 1px 15px 1px 0; }
  body.order-edit .edit {
    display: none; }
    body.order-edit .edit .edit-address {
      display: none; }
  body.order-edit .box-form-settings div.customer-information label {
    font-weight: bold; }
  body.order-edit .box-form-settings div.customer-information ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 240px; }
    body.order-edit .box-form-settings div.customer-information ul li {
      display: flex; }
      body.order-edit .box-form-settings div.customer-information ul li div {
        width: 100%; }
        body.order-edit .box-form-settings div.customer-information ul li div label {
          display: flex;
          align-items: center;
          font-weight: normal; }
          body.order-edit .box-form-settings div.customer-information ul li div label input {
            margin-right: 6px; }
  @media screen and (max-width: 700px) {
    body.order-edit .box-form-settings .left {
      width: 100%; }
    body.order-edit .box-form-settings .right {
      width: 100%; }
      body.order-edit .box-form-settings .right .customer-information {
        margin-top: 24px; }
        body.order-edit .box-form-settings .right .customer-information label {
          font-weight: bold; }
        body.order-edit .box-form-settings .right .customer-information li label {
          font-weight: normal; } }
  body.order-edit div.box-form-float .field {
    width: 400px;
    padding: 0 10px 10px 0; }
    @media screen and (max-width: 1100px) {
      body.order-edit div.box-form-float .field {
        width: 50%; } }
    @media screen and (max-width: 700px) {
      body.order-edit div.box-form-float .field {
        width: 100%;
        padding-right: 0; } }
  body.order-edit div.box-form-float.box-form-files .field {
    width: 50%; }
    @media screen and (max-width: 700px) {
      body.order-edit div.box-form-float.box-form-files .field {
        width: 100%; }
        body.order-edit div.box-form-float.box-form-files .field:nth-child(1) {
          border-bottom: 1px solid #eaeaea; } }
  body.order-edit div.order-download ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%; }
    body.order-edit div.order-download ul li {
      float: left;
      width: 100%;
      margin-bottom: 5px; }
      body.order-edit div.order-download ul li a.link {
        float: left;
        width: 100%;
        text-decoration: none;
        border: 1px solid #eaeaea;
        border-radius: 2px;
        background: #f5f5f5;
        padding: 10px 0 10px 10px; }
        body.order-edit div.order-download ul li a.link span {
          float: left;
          font-size: 18px;
          margin-right: 6px;
          color: #c31f1f; }
      body.order-edit div.order-download ul li.compact {
        display: flex;
        align-items: center; }
        body.order-edit div.order-download ul li.compact a.link {
          margin-right: 8px; }
  body.order-edit .save {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #000;
    padding: 10px;
    border-radius: 5px 0 0 0; }
    body.order-edit .save input {
      margin: 0; }
      @media screen and (max-width: 700px) {
        body.order-edit .save input {
          padding: 10px 15px;
          font-size: 13px; } }
  body.order-edit .box-order-information {
    font-weight: bold;
    color: #c31f1f; }
  body.order-edit .sort-order-rows ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none; }
    body.order-edit .sort-order-rows ul li {
      float: left;
      width: 100%; }
      body.order-edit .sort-order-rows ul li label {
        padding: 10px;
        cursor: move; }
      body.order-edit .sort-order-rows ul li.ui-state-highlight {
        border: 2px dashed #CCC;
        height: 42px;
        margin-bottom: 5px; }
  body.order-edit div.order-rows div.icons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px; }
    body.order-edit div.order-rows div.icons div {
      display: flex;
      flex-wrap: wrap; }
      body.order-edit div.order-rows div.icons div a {
        margin-right: 4px;
        margin-bottom: 4px; }
        body.order-edit div.order-rows div.icons div a span.icon-plus {
          font-size: 6px; }
      @media screen and (max-width: 700px) {
        body.order-edit div.order-rows div.icons div.end {
          display: none; } }
      body.order-edit div.order-rows div.icons div.end a {
        margin: 0 0 0 4px; }
  body.order-edit ul.order-rows {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    border-width: 0 1px 0; }
    @media screen and (max-width: 700px) {
      body.order-edit ul.order-rows {
        border: 0; }
        body.order-edit ul.order-rows.order-rows-head .col-icons,
        body.order-edit ul.order-rows.order-rows-head .col-name {
          width: 50% !important;
          justify-content: center; }
        body.order-edit ul.order-rows.order-rows-head .col-row-number, body.order-edit ul.order-rows.order-rows-head .price-block {
          display: none !important; }
        body.order-edit ul.order-rows.order-rows-head .col-icons {
          justify-content: flex-end; }
          body.order-edit ul.order-rows.order-rows-head .col-icons a {
            padding: 5px;
            text-decoration: none; } }
    body.order-edit ul.order-rows.order-rows-head {
      border-width: 1px 1px 0; }
      body.order-edit ul.order-rows.order-rows-head li {
        background: #f8f8f8;
        border-bottom: 2px solid #444445; }
        body.order-edit ul.order-rows.order-rows-head li div {
          font-size: 11px;
          text-transform: uppercase; }
        body.order-edit ul.order-rows.order-rows-head li div.col-row-number,
        body.order-edit ul.order-rows.order-rows-head li div.col-name,
        body.order-edit ul.order-rows.order-rows-head li div.price-block div,
        body.order-edit ul.order-rows.order-rows-head li div.col-icons {
          padding: 10px;
          display: flex;
          align-items: center;
          border: 0; }
        @media screen and (max-width: 700px) {
          body.order-edit ul.order-rows.order-rows-head li div.col-name {
            align-items: flex-start; } }
        body.order-edit ul.order-rows.order-rows-head li div.price-block div.col-tg label {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: center;
          padding: 0; }
    body.order-edit ul.order-rows li {
      width: 100%;
      border-bottom: 1px solid #eaeaea;
      /*padding: 5px 0;*/
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      background: #FFF; }
      body.order-edit ul.order-rows li.row-partial-sum {
        background: #404042;
        border-color: #404042;
        color: #FFF;
        font-size: 13px;
        font-weight: bold; }
        body.order-edit ul.order-rows li.row-partial-sum div.notice-extra {
          font-weight: normal; }
        body.order-edit ul.order-rows li.row-partial-sum a {
          color: #FFF; }
        body.order-edit ul.order-rows li.row-partial-sum div.col-row-number,
        body.order-edit ul.order-rows li.row-partial-sum div.col-name,
        body.order-edit ul.order-rows li.row-partial-sum div.price-block div,
        body.order-edit ul.order-rows li.row-partial-sum div.col-icons {
          padding: 8px 10px;
          display: flex;
          align-items: center; }
        body.order-edit ul.order-rows li.row-partial-sum div.col-row-number,
        body.order-edit ul.order-rows li.row-partial-sum div.col-name,
        body.order-edit ul.order-rows li.row-partial-sum div.price-block,
        body.order-edit ul.order-rows li.row-partial-sum div.price-block div.col-amount,
        body.order-edit ul.order-rows li.row-partial-sum div.price-block div.col-price {
          border: 0; }
        body.order-edit ul.order-rows li.row-partial-sum div.row-data {
          color: #262626; }
        body.order-edit ul.order-rows li.row-partial-sum:hover {
          background: #444445; }
        @media screen and (max-width: 700px) {
          body.order-edit ul.order-rows li.row-partial-sum div.col-row-number {
            display: none; }
          body.order-edit ul.order-rows li.row-partial-sum div.col-name {
            align-items: flex-start; } }
      @media screen and (max-width: 700px) {
        body.order-edit ul.order-rows li {
          /*padding: 10px 0;*/ } }
      body.order-edit ul.order-rows li div.col-row-number,
      body.order-edit ul.order-rows li div.col-name,
      body.order-edit ul.order-rows li div.price-block div,
      body.order-edit ul.order-rows li div.col-icons {
        border-right: 1px solid #eaeaea;
        padding: 5px 10px; }
        body.order-edit ul.order-rows li div.col-row-number.col-icons,
        body.order-edit ul.order-rows li div.col-name.col-icons,
        body.order-edit ul.order-rows li div.price-block div.col-icons,
        body.order-edit ul.order-rows li div.col-icons.col-icons {
          border-right: 0; }
      body.order-edit ul.order-rows li div.col-row-number {
        width: 8%; }
      body.order-edit ul.order-rows li div.col-name {
        width: 33%;
        border-right: 1px solid #eaeaea; }
        body.order-edit ul.order-rows li div.col-name a {
          text-decoration: none; }
      body.order-edit ul.order-rows li div.price-block {
        width: 50%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap; }
        body.order-edit ul.order-rows li div.price-block div.col-amount,
        body.order-edit ul.order-rows li div.price-block div.col-price,
        body.order-edit ul.order-rows li div.price-block div.col-discount,
        body.order-edit ul.order-rows li div.price-block div.col-tg,
        body.order-edit ul.order-rows li div.price-block div.col-tb,
        body.order-edit ul.order-rows li div.price-block div.col-sum {
          display: flex;
          justify-content: flex-end; }
          body.order-edit ul.order-rows li div.price-block div.col-amount span,
          body.order-edit ul.order-rows li div.price-block div.col-price span,
          body.order-edit ul.order-rows li div.price-block div.col-discount span,
          body.order-edit ul.order-rows li div.price-block div.col-tg span,
          body.order-edit ul.order-rows li div.price-block div.col-tb span,
          body.order-edit ul.order-rows li div.price-block div.col-sum span {
            display: none; }
        body.order-edit ul.order-rows li div.price-block div.col-tg div,
        body.order-edit ul.order-rows li div.price-block div.col-tb div {
          border: 0;
          padding: 0; }
          body.order-edit ul.order-rows li div.price-block div.col-tg div input,
          body.order-edit ul.order-rows li div.price-block div.col-tb div input {
            display: none; }
        body.order-edit ul.order-rows li div.price-block div.col-amount {
          width: 10%; }
        body.order-edit ul.order-rows li div.price-block div.col-price {
          width: 20%; }
        body.order-edit ul.order-rows li div.price-block div.col-discount {
          width: 17%; }
        body.order-edit ul.order-rows li div.price-block div.col-tg {
          width: 15%; }
        body.order-edit ul.order-rows li div.price-block div.col-tb {
          width: 13%; }
        body.order-edit ul.order-rows li div.price-block div.col-sum {
          width: 17%; }
      body.order-edit ul.order-rows li div.col-icons {
        width: 17%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start; }
        body.order-edit ul.order-rows li div.col-icons a.button-edit,
        body.order-edit ul.order-rows li div.col-icons a.button-copy {
          margin-right: 5px; }
      @media screen and (max-width: 1100px) {
        body.order-edit ul.order-rows li div.price-block div.col-tb {
          display: none; }
        body.order-edit ul.order-rows li div.price-block div.col-amount {
          width: 14%; }
        body.order-edit ul.order-rows li div.price-block div.col-price {
          width: 22%; }
        body.order-edit ul.order-rows li div.price-block div.col-discount {
          width: 20%; }
        body.order-edit ul.order-rows li div.price-block div.col-sum {
          width: 25%; }
        body.order-edit ul.order-rows li div.price-block div.col-tg {
          width: 19%; } }
      @media screen and (max-width: 700px) {
        body.order-edit ul.order-rows li div.col-row-number {
          width: 100%;
          padding: 10px 5px 0px 5px;
          font-size: 11px; }
        body.order-edit ul.order-rows li div.col-name {
          width: 100%;
          padding: 10px 20px 5px 5px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          order: 1;
          border: 0; }
          body.order-edit ul.order-rows li div.col-name a {
            text-decoration: none;
            display: flex;
            flex-direction: column; }
          body.order-edit ul.order-rows li div.col-name div.notice-extra {
            font-size: 11px;
            margin-top: 5px; }
        body.order-edit ul.order-rows li div.price-block {
          width: 45%;
          justify-content: flex-end;
          order: 3;
          margin-top: 0px;
          padding: 5px 5px 10px 10px; }
          body.order-edit ul.order-rows li div.price-block div.col-amount,
          body.order-edit ul.order-rows li div.price-block div.col-price,
          body.order-edit ul.order-rows li div.price-block div.col-discount,
          body.order-edit ul.order-rows li div.price-block div.col-tg,
          body.order-edit ul.order-rows li div.price-block div.col-tb,
          body.order-edit ul.order-rows li div.price-block div.col-sum {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            font-size: 11px;
            padding: 1px 0;
            border: 0; }
            body.order-edit ul.order-rows li div.price-block div.col-amount span,
            body.order-edit ul.order-rows li div.price-block div.col-price span,
            body.order-edit ul.order-rows li div.price-block div.col-discount span,
            body.order-edit ul.order-rows li div.price-block div.col-tg span,
            body.order-edit ul.order-rows li div.price-block div.col-tb span,
            body.order-edit ul.order-rows li div.price-block div.col-sum span {
              display: inline-block;
              font-size: 11px;
              text-transform: none; }
          body.order-edit ul.order-rows li div.price-block div.col-tg,
          body.order-edit ul.order-rows li div.price-block div.col-tb {
            display: none;
            width: 50%; }
            body.order-edit ul.order-rows li div.price-block div.col-tg div input,
            body.order-edit ul.order-rows li div.price-block div.col-tb div input {
              display: block; }
          body.order-edit ul.order-rows li div.price-block div.col-sum {
            font-size: 12px;
            font-weight: bold;
            padding: 5px 0 0;
            border: 0; }
            body.order-edit ul.order-rows li div.price-block div.col-sum span {
              font-size: 12px; }
        body.order-edit ul.order-rows li div.col-icons {
          width: 55%;
          justify-content: flex-start;
          align-items: flex-end;
          order: 2;
          padding: 5px 5px 10px;
          /*.button-edit,
          .button-copy { display: none; }*/ }
          body.order-edit ul.order-rows li div.col-icons a {
            display: flex;
            background: #FFF;
            border: 1px solid #eaeaea;
            color: #404041; }
            body.order-edit ul.order-rows li div.col-icons a.button-remove {
              color: #c31f1f; }
        body.order-edit ul.order-rows li div span {
          display: inline-block;
          font-size: 12px;
          text-transform: uppercase; } }
      body.order-edit ul.order-rows li div.row-data {
        display: none;
        width: 100%;
        background: #f8f8f8;
        border: 1px solid #eaeaea;
        padding: 10px;
        margin: 10px; }
        @media screen and (max-width: 700px) {
          body.order-edit ul.order-rows li div.row-data {
            order: 10; } }
        body.order-edit ul.order-rows li div.row-data .blocks {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start; }
          body.order-edit ul.order-rows li div.row-data .blocks div.edit-config a {
            display: flex;
            align-items: center;
            width: auto;
            padding: 0 10px; }
            body.order-edit ul.order-rows li div.row-data .blocks div.edit-config a span {
              margin-right: 5px; }
          body.order-edit ul.order-rows li div.row-data .blocks .block {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column; }
            body.order-edit ul.order-rows li div.row-data .blocks .block .fields {
              display: flex;
              flex-wrap: wrap;
              flex-direction: row;
              width: 100%; }
            body.order-edit ul.order-rows li div.row-data .blocks .block h4 {
              width: 100%; }
            body.order-edit ul.order-rows li div.row-data .blocks .block.block-article {
              width: 100%;
              flex-direction: row;
              order: 1; }
              body.order-edit ul.order-rows li div.row-data .blocks .block.block-article .fields {
                width: 100%;
                border-bottom: 1px solid #eaeaea;
                margin-bottom: 10px;
                padding-bottom: 5px;
                /*@media screen and (max-width: $mobile-width) {
                	width: 100%;
                }*/ }
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-article .fields.fields-supplier {
                  width: 100%; }
                  @media screen and (max-width: 1100px) {
                    body.order-edit ul.order-rows li div.row-data .blocks .block.block-article .fields.fields-supplier {
                      margin: 0;
                      padding: 0;
                      border: 0; } }
                  @media screen and (max-width: 700px) {
                    body.order-edit ul.order-rows li div.row-data .blocks .block.block-article .fields.fields-supplier .field {
                      width: 100%; } }
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-article .fields.fields-save {
                  align-items: flex-end; }
                @media screen and (max-width: 700px) {
                  body.order-edit ul.order-rows li div.row-data .blocks .block.block-article .fields.fields-article .field-name,
                  body.order-edit ul.order-rows li div.row-data .blocks .block.block-article .fields.fields-article .field-row-number {
                    width: 100%; } }
                @media screen and (max-width: 700px) {
                  body.order-edit ul.order-rows li div.row-data .blocks .block.block-article .fields.fields-notice .field {
                    width: 100%; } }
              @media screen and (max-width: 700px) {
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-article {
                  width: 100%; } }
            body.order-edit ul.order-rows li div.row-data .blocks .block.block-calculation {
              flex-direction: row;
              order: 3; }
              @media screen and (max-width: 1100px) {
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-calculation {
                  width: 35%; } }
              @media screen and (max-width: 700px) {
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-calculation {
                  width: 100%;
                  margin-left: 0; } }
              body.order-edit ul.order-rows li div.row-data .blocks .block.block-calculation .field-calculation {
                width: 100%;
                margin-top: 10px;
                align-items: flex-start; }
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-calculation .field-calculation table {
                  width: auto; }
                  @media screen and (max-width: 700px) {
                    body.order-edit ul.order-rows li div.row-data .blocks .block.block-calculation .field-calculation table {
                      width: 100%; } }
            body.order-edit ul.order-rows li div.row-data .blocks .block.block-config {
              width: 550px;
              order: 2;
              margin-right: 100px; }
              @media screen and (max-width: 1100px) {
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-config {
                  width: 60%;
                  margin-right: 5%; } }
              @media screen and (max-width: 700px) {
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-config {
                  width: 100%;
                  margin-right: 0; } }
              body.order-edit ul.order-rows li div.row-data .blocks .block.block-config td label {
                padding: 0; }
            body.order-edit ul.order-rows li div.row-data .blocks .block.block-save {
              width: 100%;
              align-items: flex-start;
              order: 10;
              margin-top: 20px; }
              @media screen and (max-width: 1100px) {
                body.order-edit ul.order-rows li div.row-data .blocks .block.block-save {
                  order: 5;
                  margin-top: 20px; } }
            body.order-edit ul.order-rows li div.row-data .blocks .block .field {
              width: auto;
              padding: 0 5px 5px 0;
              display: flex;
              flex-direction: column; }
              body.order-edit ul.order-rows li div.row-data .blocks .block .field span {
                text-transform: uppercase;
                font-size: 10px; }
              body.order-edit ul.order-rows li div.row-data .blocks .block .field select {
                flex-grow: 1; }
          body.order-edit ul.order-rows li div.row-data .blocks .edit-row-config {
            display: flex;
            justify-content: space-between; }
            body.order-edit ul.order-rows li div.row-data .blocks .edit-row-config h4 {
              order: 1; }
            body.order-edit ul.order-rows li div.row-data .blocks .edit-row-config .edit-config {
              order: 3;
              display: flex;
              margin-top: 10px; }
            body.order-edit ul.order-rows li div.row-data .blocks .edit-row-config .config-data {
              order: 2; }
          body.order-edit ul.order-rows li div.row-data .blocks table.list {
            margin: 0;
            width: auto; }
            body.order-edit ul.order-rows li div.row-data .blocks table.list th {
              padding: 5px 10px 5px 0; }
          body.order-edit ul.order-rows li div.row-data .blocks table.row-data {
            border-collapse: collapse;
            width: 100%; }
            body.order-edit ul.order-rows li div.row-data .blocks table.row-data th, body.order-edit ul.order-rows li div.row-data .blocks table.row-data td {
              border-bottom: 1px solid #eaeaea;
              padding: 5px 10px; }
              @media screen and (max-width: 700px) {
                body.order-edit ul.order-rows li div.row-data .blocks table.row-data th, body.order-edit ul.order-rows li div.row-data .blocks table.row-data td {
                  padding: 5px;
                  font-size: 11px; } }
              body.order-edit ul.order-rows li div.row-data .blocks table.row-data th.r, body.order-edit ul.order-rows li div.row-data .blocks table.row-data td.r {
                text-align: right; }
            body.order-edit ul.order-rows li div.row-data .blocks table.row-data tfoot td {
              font-size: 14px;
              border-bottom: 0; }
    body.order-edit ul.order-rows.order-row-number li div.col-name {
      width: 25%; }
      @media screen and (max-width: 700px) {
        body.order-edit ul.order-rows.order-row-number li div.col-name {
          width: 100%; } }
    body.order-edit ul.order-rows.order-row-list li:nth-child(2n) {
      background: #f8f8f8; }
      body.order-edit ul.order-rows.order-row-list li:nth-child(2n).row-partial-sum {
        background: #404042; }
      body.order-edit ul.order-rows.order-row-list li:nth-child(2n) .row-data {
        background: #FFF; }
    body.order-edit ul.order-rows.order-row-list li:hover {
      background: #fdf7df; }
      body.order-edit ul.order-rows.order-row-list li:hover.row-partial-sum {
        background: #444445; }
    body.order-edit ul.order-rows.order-rows-foot {
      border: 0;
      margin-bottom: 30px; }
      @media screen and (max-width: 700px) {
        body.order-edit ul.order-rows.order-rows-foot {
          margin-top: 15px; } }
      body.order-edit ul.order-rows.order-rows-foot li {
        border: 0;
        font-size: 16px;
        font-weight: normal;
        font-style: italic; }
        @media screen and (max-width: 700px) {
          body.order-edit ul.order-rows.order-rows-foot li {
            font-size: 14px; } }
        body.order-edit ul.order-rows.order-rows-foot li div {
          border: 0; }
        body.order-edit ul.order-rows.order-rows-foot li div.col-name {
          text-align: right;
          border: 0; }
          @media screen and (max-width: 700px) {
            body.order-edit ul.order-rows.order-rows-foot li div.col-name {
              display: none; } }
        @media screen and (max-width: 700px) {
          body.order-edit ul.order-rows.order-rows-foot li div.price-block {
            width: 100%;
            padding: 0; } }
        body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-name {
          width: 30%; }
          @media screen and (max-width: 1100px) {
            body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-name {
              width: 36%;
              font-size: 14px;
              display: flex;
              align-items: flex-end;
              justify-content: flex-end; } }
          @media screen and (max-width: 700px) {
            body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-name {
              width: 60%; } }
        body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-sum {
          width: 34%;
          display: flex;
          justify-content: flex-end;
          border: 0; }
          @media screen and (max-width: 1100px) {
            body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-sum {
              width: 45%; } }
          @media screen and (max-width: 700px) {
            body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-sum {
              padding: 3px 0;
              width: 40%;
              order: 2;
              padding-right: 5px; } }
        body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-tg {
          /*width: 7.5%;*/
          display: flex;
          justify-content: flex-end;
          font-size: 12px;
          align-items: center;
          border: 0; }
          @media screen and (max-width: 1100px) {
            body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-tg {
              /*width: 9.5%;*/ } }
          @media screen and (max-width: 700px) {
            body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-tg {
              padding: 3px 0;
              /*width: 35%;*/
              order: 2;
              display: none; } }
        body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-tb {
          display: flex;
          justify-content: flex-end;
          padding: 5px;
          font-size: 12px;
          align-items: center;
          border: 0; }
          @media screen and (max-width: 1100px) {
            body.order-edit ul.order-rows.order-rows-foot li div.price-block div.col-tb {
              display: none; } }
        @media screen and (max-width: 700px) {
          body.order-edit ul.order-rows.order-rows-foot li.sum-row div.price-block div.col-sum {
            font-weight: normal; } }
        body.order-edit ul.order-rows.order-rows-foot li.sum-head div.price-block {
          font-style: normal;
          font-weight: bold;
          font-size: 18px; }
          body.order-edit ul.order-rows.order-rows-foot li.sum-head div.price-block .col-tg,
          body.order-edit ul.order-rows.order-rows-foot li.sum-head div.price-block .col-tb {
            font-weight: normal; }
          @media screen and (max-width: 700px) {
            body.order-edit ul.order-rows.order-rows-foot li.sum-head div.price-block div.col-sum {
              font-size: 14px;
              font-weight: bold; } }
  body.order-edit div.order-rows.no-tg ul.order-rows li div.price-block div.col-amount,
  body.order-edit div.order-rows.no-tg ul.order-rows li div.price-block div.col-price,
  body.order-edit div.order-rows.no-tg ul.order-rows li div.price-block div.col-discount,
  body.order-edit div.order-rows.no-tg ul.order-rows li div.price-block div.col-sum {
    width: 25%; }
  @media screen and (max-width: 700px) {
    body.order-edit div.order-rows.no-tg ul.order-rows li div.price-block div.col-amount,
    body.order-edit div.order-rows.no-tg ul.order-rows li div.price-block div.col-price,
    body.order-edit div.order-rows.no-tg ul.order-rows li div.price-block div.col-discount,
    body.order-edit div.order-rows.no-tg ul.order-rows li div.price-block div.col-sum {
      width: 100%; } }
  body.order-edit div.order-rows.no-tg ul.order-rows.order-rows-foot li div.price-block div.col-name {
    width: 75%; }
  body.order-edit div.order-rows.no-tg ul.order-rows.order-rows-foot li div.price-block div.col-sum {
    width: 25%; }
  @media screen and (max-width: 1100px) {
    body.order-edit div.order-rows.no-tg ul.order-rows.order-rows-foot li div.price-block div.col-name {
      width: 50%; }
    body.order-edit div.order-rows.no-tg ul.order-rows.order-rows-foot li div.price-block div.col-sum {
      width: 50%; } }
  @media screen and (max-width: 1100px) {
    body.order-edit div.order-rows.no-tg ul.order-rows.order-rows-foot li div.price-block div.col-name {
      width: 70%; }
    body.order-edit div.order-rows.no-tg ul.order-rows.order-rows-foot li div.price-block div.col-sum {
      width: 30%; } }
  body.order-edit div.box-payment-options {
    margin-top: 16px; }
    body.order-edit div.box-payment-options a.to-payment-page {
      margin-bottom: 24px; }
    body.order-edit div.box-payment-options table.send {
      margin-bottom: 24px; }
    body.order-edit div.box-payment-options div.links table.list {
      margin-top: 0; }
      body.order-edit div.box-payment-options div.links table.list td {
        border: 1px solid #CCC;
        padding: 4px 8px; }
  body.order-edit.doc-order div.page-menu {
    display: none; }
  body.order-edit.doc-order .main .content {
    width: 100%; }
    body.order-edit.doc-order .main .content form {
      width: 100%; }
  body.order-edit.doc-order ul.order-rows li.sum-row div.col-name {
    width: 39%; }
  body.order-edit.doc-order ul.order-rows li.sum-row div.col-sum {
    width: 24%; }
  body.order-edit table.list th {
    padding-left: 0; }
  body.order-edit table.list td {
    border: 0;
    padding-left: 0; }
    body.order-edit table.list td.arrows a.button {
      margin: 0;
      padding: 11px 15px;
      background: #eaeaea;
      color: #000; }
  body.order-edit table.list tbody tr:nth-child(2n+1) {
    background: none; }
  body.order-edit table.list tr.row td {
    border-top: 1px solid #CCC; }
  body.order-edit table.list tfoot td {
    font-size: 18px;
    font-weight: bold; }
  body.order-edit table.list tfoot tr.tot_excl_vat td {
    border-top: 1px solid #CCC; }
  body.order-edit table.list tfoot tr.tot_excl_vat td,
  body.order-edit table.list tfoot tr.vat td {
    font-size: 16px;
    font-weight: normal;
    font-style: italic; }
  body.order-edit div.col-name div.name {
    font-weight: 700; }
  body.order-edit div.col-name .notice,
  body.order-edit div.col-name .notice-extra {
    font-style: italic; }
    @media screen and (max-width: 700px) {
      body.order-edit div.col-name .notice,
      body.order-edit div.col-name .notice-extra {
        font-size: 12px; } }
  body.order-edit tr.row-data div.config-data {
    display: none;
    padding: 10px; }
    body.order-edit tr.row-data div.config-data td {
      padding: 2px 20px 2px 0;
      border-bottom: 1px solid #f5f5f5; }
  body.order-edit tr.row-data td {
    padding: 0 10px 5px 0; }
    body.order-edit tr.row-data td.r {
      text-align: right; }
  body.order-edit tr.row-edit td {
    padding: 0; }
  body.order-edit tr.row-edit div.config-data {
    background: #f5f5f5;
    padding: 10px; }
    body.order-edit tr.row-edit div.config-data table.list {
      margin: 0; }
      body.order-edit tr.row-edit div.config-data table.list th, body.order-edit tr.row-edit div.config-data table.list td {
        padding: 2px 5px 2px 0; }
  body.order-edit tr.row td input.name {
    width: 250px; }
  body.order-edit tr.row td a {
    text-decoration: none; }
    body.order-edit tr.row td a.name span {
      text-decoration: underline; }
  body.order-edit .add-buttons {
    display: flex;
    flex-wrap: wrap; }
    body.order-edit .add-buttons a {
      flex-direction: row;
      display: flex;
      align-items: center;
      padding: 10px 15px;
      margin-right: 5px; }
      @media screen and (max-width: 700px) {
        body.order-edit .add-buttons a {
          margin: 0 5px 5px 0;
          font-size: 12px;
          padding: 8px 12px; } }
      body.order-edit .add-buttons a span {
        font-size: 8px;
        margin-right: 5px; }
        @media screen and (max-width: 700px) {
          body.order-edit .add-buttons a span {
            font-size: 7px; } }
  body.order-edit .status {
    float: left;
    clear: both;
    width: 100%;
    padding: 20px 20px 40px; }
    body.order-edit .status h4 {
      margin: 0 0 5px; }
    body.order-edit .status .option {
      float: left;
      clear: both;
      width: 100%;
      margin-bottom: 5px;
      padding: 5px 10px 5px 5px; }
  body.order-edit .sent-orders {
    width: 100%;
    margin: 0px 0 20px; }
    body.order-edit .sent-orders h4 {
      margin: 0 0 5px; }
    body.order-edit .sent-orders .list {
      margin-top: 10px; }
      body.order-edit .sent-orders .list th {
        border-bottom: 1px solid #CCC; }
      body.order-edit .sent-orders .list td {
        border-bottom: 1px solid #eaeaea;
        padding-left: 10px; }
  body.order-edit .box-add {
    float: left;
    margin-top: 20px; }
    body.order-edit .box-add h4 {
      margin: 0 0 5px; }
    body.order-edit .box-add table {
      border-collapse: collapse; }
      body.order-edit .box-add table th {
        text-align: left;
        font-weight: normal; }
      body.order-edit .box-add table th, body.order-edit .box-add table td {
        padding-right: 3px; }
    body.order-edit .box-add input[type=number],
    body.order-edit .box-add input.number {
      width: 120px; }
  body.order-edit .config-add {
    /*h4 { font-size: 22px; }
    a.show-all-configs { font-weight: normal; font-size: 14px; background: $black; color: #FFF; border: 1px solid $grey-border; }
    ul {
    	margin-bottom: 20px;
    	li {
    		a {
    			border-radius: $border-radius; font-weight: normal; background: #fff; 
    		
    			i { font-style: italic; font-size: 11px; margin-left: 10px; }
    		}
    	}
    }*/
    /* Konfigs pa order-sidan */ }
    body.order-edit .config-add .search {
      display: flex;
      align-items: center;
      width: 100%;
      padding-bottom: 12px;
      border-bottom: 1px solid #eaeaea;
      position: relative; }
      body.order-edit .config-add .search span {
        font-size: 16px;
        position: absolute;
        left: 12px; }
      body.order-edit .config-add .search input {
        font-size: 14px;
        padding: 12px 12px 12px 38px; }
    body.order-edit .config-add ul.configs-groups {
      display: flex;
      list-style: none;
      margin: 24px 0 0;
      padding: 0;
      flex-wrap: wrap;
      width: 100%; }
      body.order-edit .config-add ul.configs-groups > li {
        padding: 0 16px 48px 16px;
        display: flex;
        flex-direction: column;
        width: 360px; }
        @media screen and (max-width: 1100px) {
          body.order-edit .config-add ul.configs-groups > li {
            width: 50%; } }
        @media screen and (max-width: 700px) {
          body.order-edit .config-add ul.configs-groups > li {
            width: 100%;
            padding: 0 0 24px 0; } }
        body.order-edit .config-add ul.configs-groups > li h4 {
          font-size: 18px;
          margin-bottom: 8px; }
        body.order-edit .config-add ul.configs-groups > li ul {
          list-style: none;
          margin: 0;
          padding: 0;
          display: flex;
          flex-direction: column; }
          body.order-edit .config-add ul.configs-groups > li ul li {
            display: flex;
            align-items: flex-start;
            padding-bottom: 8px;
            width: 100%; }
            body.order-edit .config-add ul.configs-groups > li ul li a {
              display: flex;
              justify-content: space-between;
              padding: 12px;
              align-items: center;
              width: 100%;
              text-decoration: none;
              background: #fff;
              border-radius: 2px; }
              body.order-edit .config-add ul.configs-groups > li ul li a img {
                height: 8px;
                margin-left: 24px; }
                body.order-edit .config-add ul.configs-groups > li ul li a img.hestra-markis {
                  height: 6px; }
                body.order-edit .config-add ul.configs-groups > li ul li a img.luxaflex, body.order-edit .config-add ul.configs-groups > li ul li a img.persiennproducenterna, body.order-edit .config-add ul.configs-groups > li ul li a img.opm, body.order-edit .config-add ul.configs-groups > li ul li a img.draper, body.order-edit .config-add ul.configs-groups > li ul li a img.uppsol-logistics, body.order-edit .config-add ul.configs-groups > li ul li a img.markisol {
                  height: 16px; }
                body.order-edit .config-add ul.configs-groups > li ul li a img.wallners {
                  height: 18px; }
            body.order-edit .config-add ul.configs-groups > li ul li.open-link a, body.order-edit .config-add ul.configs-groups > li ul li.close-link a {
              width: auto;
              justify-content: flex-start;
              font-size: 11px;
              font-weight: bold;
              background: #262626;
              color: #FFF;
              padding: 8px 12px; }
              body.order-edit .config-add ul.configs-groups > li ul li.open-link a span, body.order-edit .config-add ul.configs-groups > li ul li.close-link a span {
                font-size: 8px;
                margin-right: 4px; }
            body.order-edit .config-add ul.configs-groups > li ul li.close-link {
              display: none; }
            body.order-edit .config-add ul.configs-groups > li ul li.toggle {
              display: none; }
          body.order-edit .config-add ul.configs-groups > li ul.open li.toggle {
            display: flex; }
          body.order-edit .config-add ul.configs-groups > li ul.open li.open-link {
            display: none; }
          body.order-edit .config-add ul.configs-groups > li ul.open li.close-link {
            display: flex; }
  body.order-edit .extra-configs {
    margin-top: 20px; }
  body.order-edit .product-add .products {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px; }
    body.order-edit .product-add .products .menu {
      width: 30%;
      padding-right: 30px; }
      @media screen and (max-width: 700px) {
        body.order-edit .product-add .products .menu {
          width: 100%;
          padding: 0;
          margin-bottom: 10px; } }
      body.order-edit .product-add .products .menu ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 700px) {
          body.order-edit .product-add .products .menu ul {
            flex-direction: row;
            flex-wrap: wrap; } }
        body.order-edit .product-add .products .menu ul li {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin-bottom: 3px; }
          @media screen and (max-width: 700px) {
            body.order-edit .product-add .products .menu ul li {
              width: auto;
              margin: 0; } }
          body.order-edit .product-add .products .menu ul li a {
            display: flex;
            width: 100%;
            padding: 10px;
            background: #f8f8f8;
            border: 1px solid #eaeaea;
            text-decoration: none;
            border-radius: 2px; }
            @media screen and (max-width: 700px) {
              body.order-edit .product-add .products .menu ul li a {
                border-radius: 0;
                border-width: 0 1px 0 0; } }
    body.order-edit .product-add .products .product-content {
      width: 70%; }
      @media screen and (max-width: 700px) {
        body.order-edit .product-add .products .product-content {
          width: 100%; } }
      body.order-edit .product-add .products .product-content div.list {
        display: none; }
        body.order-edit .product-add .products .product-content div.list.list-0 {
          display: block; }
        body.order-edit .product-add .products .product-content div.list table {
          width: 100%; }
        body.order-edit .product-add .products .product-content div.list td, body.order-edit .product-add .products .product-content div.list th {
          padding: 5px 20px 5px 10px;
          border-bottom: 1px solid #eaeaea; }
          @media screen and (max-width: 700px) {
            body.order-edit .product-add .products .product-content div.list td, body.order-edit .product-add .products .product-content div.list th {
              padding: 5px; }
              body.order-edit .product-add .products .product-content div.list td.supplier, body.order-edit .product-add .products .product-content div.list th.supplier {
                display: none; } }
          body.order-edit .product-add .products .product-content div.list td.name .supplier, body.order-edit .product-add .products .product-content div.list th.name .supplier {
            display: none; }
            @media screen and (max-width: 700px) {
              body.order-edit .product-add .products .product-content div.list td.name .supplier, body.order-edit .product-add .products .product-content div.list th.name .supplier {
                display: block;
                color: #404041;
                text-transform: uppercase;
                font-size: 9px; } }
        @media screen and (max-width: 700px) {
          body.order-edit .product-add .products .product-content div.list th {
            text-transform: uppercase;
            font-size: 10px; } }
        body.order-edit .product-add .products .product-content div.list th.r, body.order-edit .product-add .products .product-content div.list td.r {
          text-align: right; }
        body.order-edit .product-add .products .product-content div.list td.price {
          white-space: nowrap; }
    body.order-edit .product-add .products .name {
      width: 100%; }
    body.order-edit .product-add .products .products {
      float: left;
      width: 100%;
      margin: 10px 0 20px; }
      body.order-edit .product-add .products .products a.button {
        float: left;
        margin: 0 3px 3px 0; }
    body.order-edit .product-add .products .config-data {
      display: none; }
  body.order-edit .product-search {
    float: left;
    width: 100%;
    margin: 10px 0 20px; }
    body.order-edit .product-search a.button {
      float: left;
      margin: 0 3px 3px 0; }
  body.order-edit .box-form-files table.list th, body.order-edit .box-form-files table.list td {
    border-bottom: 1px solid #CCC; }
  body.order-edit .fabric-selection {
    float: left;
    width: 100%;
    margin: 5px 0 0; }
    body.order-edit .fabric-selection .button {
      float: left;
      margin: 0 3px 3px 0; }
  body.order-edit .old-version .list .list {
    margin-top: 0;
    width: auto; }
  body.order-edit .old-version table.list table th,
  body.order-edit .old-version table.list table td {
    padding-left: 0; }
  body.order-edit .list .sort-icons,
  body.order-edit .save_order {
    display: none; }
  body.order-edit div.order-rows-sort .list td.col-amount,
  body.order-edit div.order-rows-sort .list td.col-price,
  body.order-edit div.order-rows-sort .list td.col-discount,
  body.order-edit div.order-rows-sort .list td.col-sum,
  body.order-edit div.order-rows-sort .list td.col-icons,
  body.order-edit div.order-rows-sort .list th.col-amount,
  body.order-edit div.order-rows-sort .list th.col-price,
  body.order-edit div.order-rows-sort .list th.col-discount,
  body.order-edit div.order-rows-sort .list th.col-sum,
  body.order-edit div.order-rows-sort .list th.col-icons,
  body.order-edit div.order-rows-sort .list tfoot {
    display: none; }
  body.order-edit div.order-rows-sort .list .sort-icons {
    float: left;
    display: block;
    margin-right: 20px; }
  body.order-edit div.order-rows-sort .add-buttons {
    display: none; }
  body.order-edit div.order-rows-sort .save_order {
    display: inline-block; }
  body.order-edit div#mount .body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    body.order-edit div#mount .body .default-mount {
      width: 45%; }
      @media screen and (max-width: 700px) {
        body.order-edit div#mount .body .default-mount {
          width: 100%; } }
    body.order-edit div#mount .body .extra-mount {
      width: 45%; }
      @media screen and (max-width: 700px) {
        body.order-edit div#mount .body .extra-mount {
          width: 100%;
          margin-top: 30px; } }
  body.order-edit ul.mount-users {
    list-style: none;
    margin: 0 0 20px;
    padding: 0; }
    body.order-edit ul.mount-users li {
      display: flex;
      align-items: center;
      padding: 3px 0; }
      body.order-edit ul.mount-users li span {
        margin-right: 5px; }
  body.order-edit ul#extra_mount {
    list-style: none;
    margin: 0 0 20px;
    padding: 0; }
    body.order-edit ul#extra_mount > li {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      padding: 10px;
      border: 1px solid #eaeaea;
      margin-bottom: 10px; }
      body.order-edit ul#extra_mount > li > div {
        padding: 0 10px 16px 0; }
        body.order-edit ul#extra_mount > li > div > span {
          display: inline-block;
          width: 100%;
          font-weight: bold; }
        body.order-edit ul#extra_mount > li > div.date {
          width: 40%; }
        body.order-edit ul#extra_mount > li > div.time {
          width: 20%; }
        body.order-edit ul#extra_mount > li > div.work_time {
          width: 20%; }
        body.order-edit ul#extra_mount > li > div.remove {
          width: 20%;
          display: flex;
          justify-content: flex-end;
          padding-top: 10px; }
        body.order-edit ul#extra_mount > li > div.user {
          width: 40%; }
          body.order-edit ul#extra_mount > li > div.user li {
            border: 0; }
          body.order-edit ul#extra_mount > li > div.user ul.mount-users {
            margin-bottom: 10px; }
        body.order-edit ul#extra_mount > li > div.comment {
          width: 60%; }
        body.order-edit ul#extra_mount > li > div.confirm {
          width: 40%; }
          body.order-edit ul#extra_mount > li > div.confirm label {
            display: inline; }
          body.order-edit ul#extra_mount > li > div.confirm .reminder span {
            display: inline-block;
            width: 100%;
            font-weight: bold;
            margin-top: 10px; }
        body.order-edit ul#extra_mount > li > div.done {
          width: 30%; }
        body.order-edit ul#extra_mount > li > div.push {
          width: 30%; }
  body.order-edit div.box-self-control .body table.list {
    width: auto; }
  body.order-edit div.box-self-control .body .self-control-checks {
    display: none; }
  body.order-edit div.box-self-control .body form.open .self-control-checks {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    body.order-edit div.box-self-control .body form.open .self-control-checks ul {
      width: auto; }

body.booking .order-calendar-holder,
body.order-edit .order-calendar-holder {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 700px) {
    body.booking .order-calendar-holder,
    body.order-edit .order-calendar-holder {
      padding: 10px; } }
  body.booking .order-calendar-holder .order-calendar,
  body.order-edit .order-calendar-holder .order-calendar {
    background: #FFF;
    width: 100%;
    height: 100%;
    padding: 10px; }
    body.booking .order-calendar-holder .order-calendar .full-calendar,
    body.order-edit .order-calendar-holder .order-calendar .full-calendar {
      height: 100%; }
      body.booking .order-calendar-holder .order-calendar .full-calendar .top,
      body.order-edit .order-calendar-holder .order-calendar .full-calendar .top {
        padding: 10px 0;
        margin-bottom: 0;
        height: 50px; }
      body.booking .order-calendar-holder .order-calendar .full-calendar .calendar-content,
      body.order-edit .order-calendar-holder .order-calendar .full-calendar .calendar-content {
        height: calc(100% - 50px); }

/* Flytta order */
body.move-order .result td input[type=radio] {
  position: absolute;
  opacity: 0.001; }
body.move-order .result td label {
  display: inline-block;
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  background: #f3c828;
  color: #262626;
  border-radius: 2px; }

/* Boka montering */
body.orders-mount #calendar .mount-popup {
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column; }
  body.orders-mount #calendar .mount-popup a.close {
    display: flex;
    justify-content: flex-end; }
  @media screen and (max-width: 700px) {
    body.orders-mount #calendar .mount-popup {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; } }
  body.orders-mount #calendar .mount-popup .full-calendar {
    display: flex;
    flex-direction: column;
    height: 100%; }
body.orders-mount div.save {
  position: fixed;
  right: 0;
  bottom: 0;
  background: #000;
  padding: 10px;
  border-radius: 5px 0 0 0; }
  body.orders-mount div.save input {
    margin: 0; }
    @media screen and (max-width: 700px) {
      body.orders-mount div.save input {
        padding: 10px 15px;
        font-size: 13px; } }

/* Order */
body.order div.desktop-only a.link-order-id,
body.order form.desktop-only a.link-order-id,
body.orders div.desktop-only a.link-order-id,
body.orders form.desktop-only a.link-order-id {
  display: flex; }
  body.order div.desktop-only a.link-order-id span.aaw,
  body.order form.desktop-only a.link-order-id span.aaw,
  body.orders div.desktop-only a.link-order-id span.aaw,
  body.orders form.desktop-only a.link-order-id span.aaw {
    font-size: 8px;
    margin-left: 4px; }
@media screen and (max-width: 700px) {
  body.order.order h2,
  body.orders.order h2 {
    width: 100%; } }

/* Bokning */
body.booking div.box-form {
  float: unset; }
body.booking .order-info-block {
  display: flex;
  width: 100%;
  padding-bottom: 20px;
  flex-wrap: wrap; }
  body.booking .order-info-block div {
    display: flex;
    flex-direction: column;
    margin-right: 20px; }
body.booking .box-calender .body {
  padding: 0;
  position: relative; }
  body.booking .box-calender .body div.full-calendar .top {
    padding: 10px; }
  body.booking .box-calender .body div.full-calendar .calendar-content {
    height: 600px; }
body.booking .images {
  float: left;
  width: 100%;
  margin-top: 20px; }
  body.booking .images .img {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
    body.booking .images .img img {
      float: left;
      max-width: 100%; }
    body.booking .images .img label {
      display: inline; }
body.booking form.default {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  body.booking form.default .booking-customer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    body.booking form.default .booking-customer .booking-delivery,
    body.booking form.default .booking-customer .booking-address {
      width: 49%;
      border: 1px solid #eaeaea; }
      @media screen and (max-width: 700px) {
        body.booking form.default .booking-customer .booking-delivery,
        body.booking form.default .booking-customer .booking-address {
          width: 100%; } }
  body.booking form.default div.field {
    margin-bottom: 10px; }
    body.booking form.default div.field label {
      padding-top: 0px; }
    body.booking form.default div.field .input-box label {
      padding-top: 10px; }
body.booking div.order-download {
  text-align: left; }
  body.booking div.order-download ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%; }
    body.booking div.order-download ul li {
      float: left;
      width: 100%;
      margin-bottom: 5px; }
      body.booking div.order-download ul li a {
        float: left;
        width: 100%;
        text-decoration: none;
        border: 1px solid #CCC;
        border-radius: 2px;
        background: #c6c6cc;
        padding: 10px 0 10px 10px; }
        body.booking div.order-download ul li a span {
          float: left;
          font-size: 18px;
          margin-right: 6px;
          color: #CC0000; }

.create-booking .new-adress,
.create-order .new-adress {
  display: none;
  margin-top: 20px; }
  .create-booking .new-adress .new-contact,
  .create-order .new-adress .new-contact {
    display: none; }

/* Instore-orders */
body.instore-edit h1 {
  width: 100%; }
body.instore-edit .content {
  justify-content: flex-start; }
body.instore-edit a.button {
  margin-right: 5px; }
body.instore-edit .mobile-only ul {
  margin: 30px 0 10px; }
  body.instore-edit .mobile-only ul li {
    padding: 10px 10px 0; }
    body.instore-edit .mobile-only ul li div.article {
      width: 80%; }
    body.instore-edit .mobile-only ul li div.remove {
      width: 20%;
      align-items: flex-end; }
      body.instore-edit .mobile-only ul li div.remove span {
        font-size: 14px; }
    body.instore-edit .mobile-only ul li div.amount {
      width: 30%;
      padding-right: 10px; }
    body.instore-edit .mobile-only ul li div.price {
      width: 40%;
      padding-right: 10px; }
    body.instore-edit .mobile-only ul li div.total {
      width: 30%;
      align-items: flex-end; }
body.instore-edit .mobile-only div.foot {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  body.instore-edit .mobile-only div.foot .sum {
    display: flex;
    font-size: 16px; }
    body.instore-edit .mobile-only div.foot .sum .totalsum {
      padding-left: 10px; }

/* Bygg konfig */
.config-build .config-field {
  float: left;
  width: 100%;
  border: 1px solid #000;
  margin-bottom: 20px; }
  .config-build .config-field h2 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 16px;
    background: #000; }
    .config-build .config-field h2 a {
      float: left;
      width: 100%;
      padding: 10px;
      color: #FFF;
      text-decoration: none; }
    .config-build .config-field h2 span {
      float: right;
      padding-top: 3px;
      font-size: 12px; }
  .config-build .config-field .config-data {
    float: left;
    padding: 10px; }
  .config-build .config-field .config-field {
    border-color: #666; }
    .config-build .config-field .config-field h2 {
      background: #666; }
  .config-build .config-field .field {
    float: left;
    margin-right: 10px; }
  .config-build .config-field .config_values {
    float: left;
    padding-left: 40px;
    width: 100%; }
  .config-build .config-field th {
    text-align: left; }
.config-build .new-config-field,
.config-build .new-values,
.config-build .terms,
.config-build .rules,
.config-build .help,
.config-build .fabric,
.config-build .image {
  display: none; }
.config-build .terms {
  float: left;
  width: 100%;
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 20px; }
  .config-build .terms .block {
    float: left;
    padding: 0px;
    border: 1px solid #CCC;
    margin: 0 10px 10px 0; }
    .config-build .terms .block table {
      border-collapse: collapse;
      margin: 10px; }
      .config-build .terms .block table td {
        padding: 5px 5px 5px 0; }
    .config-build .terms .block .new-term {
      float: left;
      width: 100%;
      padding: 5px;
      background: #CCC;
      margin-top: 10px; }
    .config-build .terms .block input {
      width: 120px; }
  .config-build .terms .new-block {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px; }
    .config-build .terms .new-block select, .config-build .terms .new-block input {
      float: left;
      margin-right: 5px; }
.config-build .rules {
  float: left;
  width: 100%;
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 20px; }
  .config-build .rules ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0; }
    .config-build .rules ul li {
      float: left;
      width: 100%; }
  .config-build .rules input {
    width: 120px; }
.config-build .help {
  float: left;
  width: 100%;
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 20px; }
.config-build .fabric, .config-build .image {
  float: left;
  width: 100%;
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 20px; }
.config-build .new-config-field {
  padding: 10px; }
.config-build td.field-prefix input,
.config-build td.field-prio input {
  width: 60px; }
.config-build .new-config-field-0 {
  padding: 10px; }

.new-config {
  float: left; }
  .new-config .field {
    float: left;
    margin-right: 10px; }

/* Kund */
body.customer .head {
  flex-wrap: wrap; }
  body.customer .head .buttons {
    justify-content: flex-end; }
  @media screen and (max-width: 1100px) {
    body.customer .head h1 {
      width: 75%; }
    body.customer .head .buttons {
      width: 25%; } }
  @media screen and (max-width: 700px) {
    body.customer .head h1 {
      width: 50%; }
    body.customer .head .buttons {
      width: 50%; } }
  @media screen and (max-width: 1100px) {
    body.customer .head .tabs {
      margin-bottom: 0; } }
@media screen and (max-width: 1100px) {
  body.customer .block {
    display: flex;
    background: #FFF;
    padding: 20px;
    flex-wrap: wrap; } }
  @media screen and (max-width: 1100px) and (max-width: 700px) {
    body.customer .block {
      padding: 10px;
      width: 100%; } }

body.customer ul.table-list {
  margin-top: 5px; }
body.customer ul.files {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  body.customer ul.files li {
    float: left;
    width: 100px;
    height: 100px;
    border: 1px solid #eaeaea;
    margin: 0 10px 10px 0; }
    body.customer ul.files li a {
      float: left;
      width: 100%;
      height: 100%;
      text-align: center; }
      body.customer ul.files li a img {
        display: inline-block;
        max-width: 100%;
        max-height: 100%; }

.desktop-only {
  display: none; }

.mobile-only.full {
  width: 100%; }

/* Vavar */
.upload-images {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  .upload-images li {
    float: left;
    margin: 0 10px 10px 0; }
    .upload-images li img {
      max-width: 150px; }

/* Nyhet */
body.news-article .content h1 {
  margin-bottom: 10px; }
body.news-article .content .created-by {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-size: 11px;
  text-transform: uppercase; }
body.news-article .content .ingress {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-weight: bold; }
body.news-article .content .description {
  float: left;
  width: 100%;
  margin-bottom: 20px; }

/* Visa projekt */
body.project-show .content div.info {
  width: 100%;
  display: flex;
  margin-bottom: 20px; }
  body.project-show .content div.info .created-time {
    margin-right: 40px; }
body.project-show .content div.box {
  padding: 0; }
  body.project-show .content div.box h2 {
    width: 100%;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px; }
    @media screen and (max-width: 1100px) {
      body.project-show .content div.box h2 {
        padding: 10px; } }
  body.project-show .content div.box div.body {
    width: 100%;
    background: #FFF;
    padding: 20px; }
    @media screen and (max-width: 1100px) {
      body.project-show .content div.box div.body {
        padding: 10px; } }
    body.project-show .content div.box div.body table.list {
      margin-top: 0; }
      body.project-show .content div.box div.body table.list tfoot tr:nth-last-child(1) th {
        border-bottom: 0; }
    body.project-show .content div.box div.body ul.bookings li a div.date_time {
      width: 40%; }
    body.project-show .content div.box div.body ul.bookings li a div.booking_id {
      width: 30%; }
    body.project-show .content div.box div.body ul.bookings li a div.user {
      width: 30%; }
    body.project-show .content div.box div.body ul.bookings li a div.notice {
      width: 100%; }
  @media screen and (max-width: 1100px) {
    body.project-show .content div.box.box-list {
      background: none;
      border: 0; }
      body.project-show .content div.box.box-list div.body {
        padding: 0;
        background: none; }
        body.project-show .content div.box.box-list div.body .order-sum {
          margin: 10px 0 0 15px;
          font-weight: bold; } }

/* Redigera projekt */
body.project-edit .block-files {
  flex-direction: column; }
body.project-edit .order-sum {
  margin: 10px 0 40px 15px;
  font-weight: bold; }
body.project-edit ul.bookings li a div.date_time {
  width: 40%; }
body.project-edit ul.bookings li a div.booking_id {
  width: 30%; }
body.project-edit ul.bookings li a div.user {
  width: 30%; }
body.project-edit ul.bookings li a div.notice {
  width: 100%; }

/*********** Kalender - start ***********************/
form.calendar-add .field-date,
form.calendar-add .field-end_date {
  width: 150px; }
form.calendar-add .field-start_time,
form.calendar-add .field-end_time {
  width: 150px; }
form.calendar-add .field-header,
form.calendar-add .field-description {
  clear: both;
  width: 300px; }

div.calendar ul.calendar-users {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  div.calendar ul.calendar-users li {
    float: left;
    margin: 0 10px 10px 0; }
    div.calendar ul.calendar-users li input {
      float: left;
      margin-right: 5px; }
    div.calendar ul.calendar-users li label {
      white-space: nowrap; }
div.calendar .navigation {
  float: left;
  width: 100%;
  margin: 20px 0 10px; }
  div.calendar .navigation .prev, div.calendar .navigation .next {
    float: left;
    width: 20%; }
    div.calendar .navigation .prev a, div.calendar .navigation .next a {
      float: left;
      background: #f3c828;
      padding: 5px 11px;
      text-decoration: none;
      font-size: 22px; }
  div.calendar .navigation .next a {
    float: right; }
  div.calendar .navigation .head {
    float: left;
    width: 60%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px; }
div.calendar .calendar-week {
  float: left;
  width: 100%;
  border: 2px solid #CCC;
  border-width: 0px 2px 1px 2px;
  overflow: auto; }
  @media screen and (max-width: 700px) {
    div.calendar .calendar-week {
      display: none; } }
  div.calendar .calendar-week.calendar-head {
    border-width: 2px 2px 1px 2px; }
    div.calendar .calendar-week.calendar-head .head .column {
      text-align: center;
      font-size: 12px;
      padding: 4px 0;
      border-bottom: 1px solid #CCC; }
    div.calendar .calendar-week.calendar-head .head .times {
      font-size: 12px;
      padding: 4px 0;
      border-bottom: 1px solid #CCC; }
  div.calendar .calendar-week .calendar-body {
    float: left;
    width: 100%; }
    div.calendar .calendar-week .calendar-body .times {
      float: left;
      width: 6%; }
      div.calendar .calendar-week .calendar-body .times .block {
        background: #c6c6cc;
        padding: 2px;
        text-align: right;
        font-size: 11px; }
    div.calendar .calendar-week .calendar-body .column {
      position: relative;
      float: left;
      background: #eaeaea;
      border-left: 2px solid #CCC; }
    div.calendar .calendar-week .calendar-body .block {
      float: left;
      width: 100%;
      background: #FFF;
      border-bottom: 1px solid #CCC; }
      div.calendar .calendar-week .calendar-body .block.block-first {
        border-bottom: 1px dotted #ccc; }
      div.calendar .calendar-week .calendar-body .block.onclick:hover {
        border: 2px dashed #000;
        background: #f3c828;
        cursor: pointer; }
    div.calendar .calendar-week .calendar-body div.drop-hover {
      border: 3px dashed #333; }
  div.calendar .calendar-week .now_marker {
    position: absolute;
    float: left;
    width: 100%;
    background: #f3c828;
    height: 2px; }
div.calendar .event {
  position: absolute;
  float: left;
  width: 100%;
  border-radius: 2px;
  padding-right: 5px; }
  @media screen and (max-width: 700px) {
    div.calendar .event {
      position: inherit;
      padding-right: 0;
      margin-bottom: 5px; } }
  div.calendar .event.event-inactive a.event-link {
    opacity: 0.5; }
  div.calendar .event a {
    text-decoration: none; }
    div.calendar .event a.event-link {
      float: left;
      width: 100%;
      font-size: 12px;
      overflow: hidden;
      border-radius: 2px; }
      @media screen and (max-width: 700px) {
        div.calendar .event a.event-link {
          font-size: 14px; } }
  div.calendar .event .user {
    float: left;
    width: 20px;
    padding-top: 3px; }
    div.calendar .event .user span {
      float: left;
      width: 10px;
      height: 10px;
      border-radius: 20px; }
  div.calendar .event .time {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    color: #FFF;
    font-size: 10px;
    padding: 2px; }
    @media screen and (max-width: 700px) {
      div.calendar .event .time {
        width: 80px;
        background: #FFF;
        color: #000;
        font-size: 12px; } }
  div.calendar .event .notice {
    padding: 2px; }
    @media screen and (max-width: 700px) {
      div.calendar .event .notice {
        float: left;
        width: calc(100% - 80px - 20px);
        padding: 0 10px 0 0; } }
  div.calendar .event .event-info {
    /* display: none; border: 2px solid #CCC; position: absolute; z-index: 2; width: 360px; min-height: 160px; top: -10px; background: #FFF; padding: 20px; border-radius: 5px;*/
    			/*&.event-day-2,
    			&.event-day-3,
    			&.event-day-4 { left: -100px; }
    			&.event-day-5 { right: 10px; }
    			&.event-day-1 { left: 10px; }
    			
    			@media screen and (max-width: $mobile-width) {
    				width: 94%; top: 0; position: fixed; height: 90%; top: 5%; overflow: auto; z-index: 5; border-radius: 0;
    
    				&.event-day-2,
    				&.event-day-3,
    				&.event-day-4,
    				&.event-day-5,
    				&.event-day-1 { left: 3%; }
    			}
    			*/ }
    div.calendar .event .event-info a.close-info {
      float: right; }
div.calendar .mobile-calendar {
  display: none; }
  @media screen and (max-width: 700px) {
    div.calendar .mobile-calendar {
      display: block;
      float: left;
      width: 100%; } }
  div.calendar .mobile-calendar .event-shadow {
    display: none; }
    @media screen and (max-width: 700px) {
      div.calendar .mobile-calendar .event-shadow {
        position: fixed;
        z-index: 4;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.8); } }
  div.calendar .mobile-calendar h3 {
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 20px 0 10px;
    border-bottom: 1px dotted #eaeaea; }
  div.calendar .mobile-calendar .column {
    float: left;
    width: 100%; }

/* NY */
body.calendar .main {
  height: 100%; }
  body.calendar .main .content {
    height: calc(100% - 50px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 10px 0 0; }
    @media screen and (max-width: 700px) {
      body.calendar .main .content {
        flex-wrap: unset; } }
    body.calendar .main .content .full-calendar {
      height: 100%;
      display: flex;
      flex-direction: column; }

div.full-calendar {
  /* Closed */ }
  div.full-calendar .top {
    padding: 10px 10px 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    div.full-calendar .top h1 {
      display: flex;
      align-items: center;
      width: 230px;
      margin: 0;
      font-size: 22px;
      font-weight: normal; }
      div.full-calendar .top h1 a {
        text-decoration: none;
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        border: 1px solid #eaeaea;
        background: #FFF;
        margin-right: 10px;
        border-radius: 40px;
        color: #262626; }
        div.full-calendar .top h1 a:hover {
          background: #f5f5f5; }
      @media screen and (max-width: 700px) {
        div.full-calendar .top h1 {
          width: auto; }
          div.full-calendar .top h1 span.title {
            display: none; } }
    div.full-calendar .top .navigation {
      display: flex;
      align-items: center;
      flex-grow: 1; }
      div.full-calendar .top .navigation .date-header {
        display: flex;
        align-items: center; }
        div.full-calendar .top .navigation .date-header h3 {
          font-size: 22px;
          margin: 0 10px 0;
          font-weight: normal; }
          @media screen and (max-width: 700px) {
            div.full-calendar .top .navigation .date-header h3 {
              font-size: 14px; } }
        div.full-calendar .top .navigation .date-header span.week {
          background: #f5f5f5;
          padding: 3px 5px;
          margin-right: 20px;
          font-size: 12px; }
          div.full-calendar .top .navigation .date-header span.week a {
            font-size: 12px; }
          @media screen and (max-width: 700px) {
            div.full-calendar .top .navigation .date-header span.week {
              display: none; } }
      div.full-calendar .top .navigation a {
        font-size: 22px;
        text-decoration: none;
        padding: 0 5px; }
    div.full-calendar .top .search {
      display: none;
      align-items: center;
      flex-grow: 1;
      padding-right: 30px; }
      @media screen and (max-width: 700px) {
        div.full-calendar .top .search {
          padding-right: 0; } }
      div.full-calendar .top .search form {
        display: flex;
        align-items: center;
        border: 1px solid #eaeaea;
        border-radius: 2px;
        width: 100%;
        background: #FFF; }
        div.full-calendar .top .search form .icon-search {
          padding: 10px 15px;
          font-size: 18px; }
          @media screen and (max-width: 700px) {
            div.full-calendar .top .search form .icon-search {
              padding: 10px; } }
        div.full-calendar .top .search form input {
          border: 0; }
          div.full-calendar .top .search form input:focus {
            outline: none; }
        div.full-calendar .top .search form a.close-search {
          text-decoration: none;
          margin: 0 15px; }
    div.full-calendar .top .settings div {
      display: flex;
      align-items: center;
      gap: 0 10px; }
      div.full-calendar .top .settings div a {
        text-decoration: none; }
      div.full-calendar .top .settings div.mobile-only {
        display: none; }
      @media screen and (max-width: 1100px) {
        div.full-calendar .top .settings div.desktop-only {
          display: none; }
        div.full-calendar .top .settings div.mobile-only {
          display: flex;
          gap: 0 20px; }
          div.full-calendar .top .settings div.mobile-only a {
            font-size: 18px; } }
    div.full-calendar .top a.close {
      text-decoration: none;
      font-size: 24px;
      margin-right: 10px; }
      @media screen and (max-width: 700px) {
        div.full-calendar .top a.close {
          margin-right: 0;
          margin-left: 10px; } }
  div.full-calendar .calendar-content {
    flex-grow: 1;
    display: flex;
    overflow: hidden; }
    div.full-calendar .calendar-content div.left-column {
      width: 240px;
      display: flex;
      flex-direction: column;
      overflow-y: scroll;
      overflow-x: hidden;
      scrollbar-width: thin;
      transition: width 0.2s; }
      @media screen and (max-width: 1100px) {
        div.full-calendar .calendar-content div.left-column {
          position: absolute;
          z-index: 10;
          background: #FFF;
          left: 0;
          top: 0;
          height: 100%;
          display: none; } }
      div.full-calendar .calendar-content div.left-column .hide {
        display: none; }
        @media screen and (max-width: 1100px) {
          div.full-calendar .calendar-content div.left-column .hide {
            display: none;
            justify-content: flex-start;
            padding: 10px 0 0 10px; }
            div.full-calendar .calendar-content div.left-column .hide a {
              text-decoration: none;
              display: flex;
              justify-content: center;
              height: 36px;
              width: 36px;
              align-items: center;
              font-size: 14px;
              color: #262626;
              border: 1px solid #eaeaea;
              border-radius: 40px;
              color: #262626; } }
      div.full-calendar .calendar-content div.left-column .mini-calendar {
        background: #FFF;
        width: 240px;
        padding: 10px;
        display: flex;
        flex-wrap: wrap; }
        div.full-calendar .calendar-content div.left-column .mini-calendar .month-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          margin-bottom: 5px; }
          div.full-calendar .calendar-content div.left-column .mini-calendar .month-header span.name {
            font-weight: bold; }
          div.full-calendar .calendar-content div.left-column .mini-calendar .month-header span.nav a {
            text-decoration: none;
            font-size: 18px; }
        div.full-calendar .calendar-content div.left-column .mini-calendar table {
          border-collapse: collapse;
          border: 0;
          width: 100%; }
          div.full-calendar .calendar-content div.left-column .mini-calendar table th, div.full-calendar .calendar-content div.left-column .mini-calendar table td {
            text-align: center;
            font-weight: normal;
            font-size: 11px;
            padding: 2px 4px; }
            div.full-calendar .calendar-content div.left-column .mini-calendar table th.week, div.full-calendar .calendar-content div.left-column .mini-calendar table td.week {
              background: #f5f5f5; }
            div.full-calendar .calendar-content div.left-column .mini-calendar table th a, div.full-calendar .calendar-content div.left-column .mini-calendar table td a {
              text-decoration: none;
              width: 18px;
              height: 18px;
              display: flex;
              align-items: center;
              justify-content: center; }
            div.full-calendar .calendar-content div.left-column .mini-calendar table th.today a, div.full-calendar .calendar-content div.left-column .mini-calendar table td.today a {
              font-weight: bold;
              background: #f3c828;
              color: #FFF;
              border-radius: 20px;
              font-size: 10px; }
            div.full-calendar .calendar-content div.left-column .mini-calendar table th.active a, div.full-calendar .calendar-content div.left-column .mini-calendar table td.active a {
              font-weight: bold;
              background: #f5f5f5;
              border-radius: 20px; }
          div.full-calendar .calendar-content div.left-column .mini-calendar table th, div.full-calendar .calendar-content div.left-column .mini-calendar table td.inactive {
            color: #404041; }
            div.full-calendar .calendar-content div.left-column .mini-calendar table th a, div.full-calendar .calendar-content div.left-column .mini-calendar table td.inactive a {
              color: #CCCCCC; }
      div.full-calendar .calendar-content div.left-column .users, div.full-calendar .calendar-content div.left-column .types, div.full-calendar .calendar-content div.left-column .view {
        width: 240px;
        padding: 20px 0px;
        border-top: 1px solid #f5f5f5; }
        div.full-calendar .calendar-content div.left-column .users h4, div.full-calendar .calendar-content div.left-column .types h4, div.full-calendar .calendar-content div.left-column .view h4 {
          font-size: 14px;
          margin: 0 0 10px 10px; }
        div.full-calendar .calendar-content div.left-column .users ul, div.full-calendar .calendar-content div.left-column .types ul, div.full-calendar .calendar-content div.left-column .view ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          div.full-calendar .calendar-content div.left-column .users ul li, div.full-calendar .calendar-content div.left-column .types ul li, div.full-calendar .calendar-content div.left-column .view ul li {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            div.full-calendar .calendar-content div.left-column .users ul li:hover, div.full-calendar .calendar-content div.left-column .types ul li:hover, div.full-calendar .calendar-content div.left-column .view ul li:hover {
              background: #fdf7df; }
              div.full-calendar .calendar-content div.left-column .users ul li:hover a.only_user, div.full-calendar .calendar-content div.left-column .types ul li:hover a.only_user, div.full-calendar .calendar-content div.left-column .view ul li:hover a.only_user {
                display: flex; }
            div.full-calendar .calendar-content div.left-column .users ul li label, div.full-calendar .calendar-content div.left-column .types ul li label, div.full-calendar .calendar-content div.left-column .view ul li label {
              display: flex;
              align-items: center;
              padding: 5px 0 5px 10px;
              position: relative;
              cursor: pointer;
              							/*input {
              								-webkit-appearance: none;
              								-moz-appearance: none;
              								-o-appearance: none;
              								width: 16px;
              								height: 16px;
              								appearance: none;
              								border: 2px solid $grey;
              								border-radius: 4px;
              								outline: none;
              								transition-duration: 0.3s;
              								background-color: #FFF;
              								cursor: pointer;
              								margin-right: 8px; 
              
              								
              							}
              
              							input:checked::before {
              								content: '\2713';
              								font-weight: bold;
              								display: block;
              								text-align: center;
              								color: $grey;
              								position: absolute;
              								left: 7px;
              								top: 9px;
              								font-size: 11px;
              							}*/ }
              div.full-calendar .calendar-content div.left-column .users ul li label input, div.full-calendar .calendar-content div.left-column .types ul li label input, div.full-calendar .calendar-content div.left-column .view ul li label input {
                margin: 0 5px 0 0; }
            div.full-calendar .calendar-content div.left-column .users ul li a.only_user, div.full-calendar .calendar-content div.left-column .types ul li a.only_user, div.full-calendar .calendar-content div.left-column .view ul li a.only_user {
              display: none;
              text-decoration: none;
              margin-right: 20px; }
      div.full-calendar .calendar-content div.left-column .users {
        padding: 20px 0; }
        div.full-calendar .calendar-content div.left-column .users h4 {
          margin-left: 10px; }
        div.full-calendar .calendar-content div.left-column .users ul li label {
          padding-left: 10px; }
    div.full-calendar .calendar-content div.calendar-holder {
      flex-grow: 1;
      border-top: 1px solid #eaeaea;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      position: relative;
      			/*.mobile-calendar {
      				display: none;
      
      				@media screen and (max-width: $mobile-width) {
      					display: block; float: left; width: 100%;
      				}
      
      				.event-shadow {
      					display: none;
      
      					@media screen and (max-width: $mobile-width) {
      						position: fixed; z-index: 4; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.8);
      					}
      				}
      
      				h3 { float: left; width: 100%; font-size: 16px; margin: 20px 0 10px; border-bottom: 1px dotted #eaeaea; }
      				.column { float: left; width: 100%; }
      			}*/ }
      div.full-calendar .calendar-content div.calendar-holder.tpl-day .calendar-week .calendar-body .column {
        width: calc(100% - 50px); }
      div.full-calendar .calendar-content div.calendar-holder.tpl-week.ch-5 .calendar-week .calendar-body .column {
        width: calc(20% - 10px); }
      div.full-calendar .calendar-content div.calendar-holder.tpl-week.ch-6 .calendar-week .calendar-body .column {
        width: calc(16.6% - 10px); }
      div.full-calendar .calendar-content div.calendar-holder.tpl-week.ch-7 .calendar-week .calendar-body .column {
        width: calc(15% - 8px); }
      div.full-calendar .calendar-content div.calendar-holder .calendar-week {
        width: 100%;
        overflow-y: scroll;
        display: flex;
        scrollbar-width: thin; }
        div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head {
          border-width: 2px 2px 1px 2px;
          height: 50px;
          flex-shrink: 0; }
          @media screen and (max-width: 700px) {
            div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head {
              height: 45px; } }
          div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head {
            height: 100%;
            background: #FFF; }
            div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .column {
              display: flex;
              height: 100%;
              background: #FFF;
              flex-direction: column;
              align-items: center;
              font-size: 10px;
              padding: 4px 0;
              border-bottom: 1px solid #CCC;
              text-transform: uppercase; }
              div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .column a {
                font-size: 18px;
                text-decoration: none; }
                @media screen and (max-width: 700px) {
                  div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .column a {
                    font-size: 14px; } }
              div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .column span.date {
                font-size: 18px; }
                @media screen and (max-width: 700px) {
                  div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .column span.date {
                    font-size: 14px; } }
              div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .column.today a {
                background: #f3c828;
                padding: 0 5px;
                border-radius: 2px; }
            div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .times {
              height: 100%;
              font-size: 12px;
              padding: 4px 0;
              border-bottom: 1px solid #eaeaea; }
              @media screen and (max-width: 700px) {
                div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .times {
                  display: flex;
                  align-items: center;
                  justify-content: center; } }
              div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .times .week {
                display: none; }
                div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .times .week a {
                  text-decoration: none; }
                @media screen and (max-width: 700px) {
                  div.full-calendar .calendar-content div.calendar-holder .calendar-week.calendar-head .head .times .week {
                    display: flex;
                    background: #f5f5f5;
                    font-weight: bold;
                    padding: 3px; } }
        div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body {
          width: 100%;
          flex-grow: 1;
          display: flex; }
          div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body .times {
            width: 50px; }
            div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body .times .block {
              background: #f5f5f5;
              height: 50px;
              padding: 2px;
              text-align: center;
              font-size: 11px;
              border-left: 0; }
              @media screen and (max-width: 700px) {
                div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body .times .block {
                  height: 50px; } }
          div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body .column {
            position: relative;
            background: #f5f5f5; }
          div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body .block {
            width: 100%;
            height: 25px;
            background: #FFF;
            border-bottom: 1px solid #CCCCCC;
            border-left: 1px solid #CCCCCC; }
            @media screen and (max-width: 700px) {
              div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body .block {
                height: 25px; } }
            div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body .block.block-first {
              border-bottom: 1px dotted #CCCCCC; }
            div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body .block.onclick:hover {
              border: 2px dashed #000;
              background: #f3c828;
              cursor: pointer; }
          div.full-calendar .calendar-content div.calendar-holder .calendar-week .calendar-body div.drop-hover {
            border: 3px dashed #333; }
        div.full-calendar .calendar-content div.calendar-holder .calendar-week .now_marker {
          position: absolute;
          width: 100%;
          background: #f3c828;
          height: 2px; }
      div.full-calendar .calendar-content div.calendar-holder .event {
        position: absolute;
        float: left;
        width: 100%;
        border-radius: 2px;
        padding-right: 5px; }
        @media screen and (max-width: 700px) {
          div.full-calendar .calendar-content div.calendar-holder .event {
            padding-right: 2px;
            margin-bottom: 5px; } }
        div.full-calendar .calendar-content div.calendar-holder .event.event-inactive a.event-link {
          opacity: 0.5; }
        div.full-calendar .calendar-content div.calendar-holder .event.event-selected a.event-link {
          background: #f3c828;
          font-weight: bold; }
        div.full-calendar .calendar-content div.calendar-holder .event.event-online a.event-link .time {
          display: none; }
        div.full-calendar .calendar-content div.calendar-holder .event.event-online a.event-link .notice {
          display: flex;
          height: 100%;
          width: 100%;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          color: #FFF;
          font-size: 10px; }
          div.full-calendar .calendar-content div.calendar-holder .event.event-online a.event-link .notice span.icon {
            font-size: 20px; }
          div.full-calendar .calendar-content div.calendar-holder .event.event-online a.event-link .notice span {
            text-align: center; }
        div.full-calendar .calendar-content div.calendar-holder .event a {
          text-decoration: none; }
          div.full-calendar .calendar-content div.calendar-holder .event a.event-link {
            float: left;
            width: 100%;
            font-size: 12px;
            overflow: hidden;
            border-radius: 2px;
            position: relative; }
            @media screen and (max-width: 700px) {
              div.full-calendar .calendar-content div.calendar-holder .event a.event-link {
                font-size: 14px; } }
        div.full-calendar .calendar-content div.calendar-holder .event .user {
          float: left;
          width: 20px;
          padding-top: 3px; }
          div.full-calendar .calendar-content div.calendar-holder .event .user span {
            float: left;
            width: 10px;
            height: 10px;
            border-radius: 20px; }
        div.full-calendar .calendar-content div.calendar-holder .event .shipping-status {
          position: absolute;
          top: 2px;
          right: 2px;
          background: #FFF;
          width: 16px;
          height: 16px;
          border-radius: 20px;
          font-size: 10px;
          display: flex;
          align-items: center;
          justify-content: center; }
          div.full-calendar .calendar-content div.calendar-holder .event .shipping-status span {
            display: flex; }
          div.full-calendar .calendar-content div.calendar-holder .event .shipping-status.green span {
            color: #42ba7c; }
          div.full-calendar .calendar-content div.calendar-holder .event .shipping-status.orange span {
            color: #ff8400; }
        div.full-calendar .calendar-content div.calendar-holder .event .time {
          float: left;
          width: 100%;
          background: rgba(0, 0, 0, 0.4);
          color: #FFF;
          font-size: 10px;
          padding: 2px; }
          @media screen and (max-width: 1100px) {
            div.full-calendar .calendar-content div.calendar-holder .event .time {
              display: none; } }
        div.full-calendar .calendar-content div.calendar-holder .event .notice {
          padding: 2px;
          word-break: break-all; }
          @media screen and (max-width: 700px) {
            div.full-calendar .calendar-content div.calendar-holder .event .notice {
              font-size: 9px; } }
        div.full-calendar .calendar-content div.calendar-holder .event .event-info {
          /* display: none; border: 2px solid #CCC; position: absolute; z-index: 2; width: 360px; min-height: 160px; top: -10px; background: #FFF; padding: 20px; border-radius: 5px;*/
          					/*&.event-day-2,
          					&.event-day-3,
          					&.event-day-4 { left: -100px; }
          					&.event-day-5 { right: 10px; }
          					&.event-day-1 { left: 10px; }
          					
          					@media screen and (max-width: $mobile-width) {
          						width: 94%; top: 0; position: fixed; height: 90%; top: 5%; overflow: auto; z-index: 5; border-radius: 0;
          
          						&.event-day-2,
          						&.event-day-3,
          						&.event-day-4,
          						&.event-day-5,
          						&.event-day-1 { left: 3%; }
          					}
          					*/ }
          div.full-calendar .calendar-content div.calendar-holder .event .event-info a.close-info {
            float: right; }
      div.full-calendar .calendar-content div.calendar-holder .loader {
        position: absolute;
        z-index: 20000;
        background: rgba(255, 255, 255, 0.5);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
      div.full-calendar .calendar-content div.calendar-holder .search-result {
        padding: 20px 20px 40px;
        width: 100%;
        height: 100%;
        background: #FFF;
        overflow-y: scroll;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        scrollbar-width: thin; }
        @media screen and (max-width: 700px) {
          div.full-calendar .calendar-content div.calendar-holder .search-result {
            padding: 10px 10px 20px; } }
        div.full-calendar .calendar-content div.calendar-holder .search-result a.btn-close {
          display: inline-block;
          border: 1px solid #262626;
          padding: 10px 20px;
          text-decoration: none; }
        div.full-calendar .calendar-content div.calendar-holder .search-result ul {
          list-style: none;
          margin: 0px 0 0;
          padding: 0;
          display: flex;
          flex-direction: column;
          width: 100%; }
          @media screen and (max-width: 700px) {
            div.full-calendar .calendar-content div.calendar-holder .search-result ul {
              margin-top: 10px; } }
          div.full-calendar .calendar-content div.calendar-holder .search-result ul li {
            display: flex;
            align-items: center; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li a.popup-link {
              display: flex;
              align-items: center;
              width: 100%;
              text-decoration: none;
              padding: 5px; }
              @media screen and (min-width: 700px) {
                div.full-calendar .calendar-content div.calendar-holder .search-result ul li a.popup-link:hover {
                  background: #fdf7df; } }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li.week {
              display: none; }
              @media screen and (max-width: 700px) {
                div.full-calendar .calendar-content div.calendar-holder .search-result ul li.week {
                  display: flex;
                  padding: 10px 0 5px 39px;
                  font-size: 12px; } }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li.first {
              border-top: 1px solid #eaeaea; }
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li.first a {
                padding-top: 10px; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li.last a {
              padding-bottom: 10px; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li.old {
              opacity: 0.5; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li .day-mobile,
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li .event-mobile {
              display: none; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li .day {
              width: 40px;
              font-size: 16px;
              font-weight: bold;
              display: flex;
              justify-content: center; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li .month {
              width: 110px;
              text-transform: uppercase;
              font-size: 11px; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li .user {
              width: 40px;
              display: flex;
              justify-content: center; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li .time {
              width: 130px; }
            div.full-calendar .calendar-content div.calendar-holder .search-result ul li .title {
              flex-grow: 1;
              font-weight: bold;
              font-size: 14px; }
            @media screen and (max-width: 700px) {
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .day-mobile,
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .event-mobile,
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .event-mobile .title,
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .event-mobile .time {
                display: flex; }
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .day,
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .user,
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .title,
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .time,
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .month {
                display: none; }
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .day-mobile {
                width: 34px;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center; }
                div.full-calendar .calendar-content div.calendar-holder .search-result ul li .day-mobile .month {
                  display: flex;
                  font-size: 10px;
                  width: 100%;
                  text-transform: lowercase; }
                div.full-calendar .calendar-content div.calendar-holder .search-result ul li .day-mobile .date {
                  font-weight: bold;
                  font-size: 16px;
                  width: 100%; }
              div.full-calendar .calendar-content div.calendar-holder .search-result ul li .event-mobile {
                flex-direction: column;
                align-items: flex-start;
                border: 1px solid #CCC;
                border-radius: 2px;
                width: calc(100% - 34px);
                padding: 5px; }
                div.full-calendar .calendar-content div.calendar-holder .search-result ul li .event-mobile .title {
                  font-size: 12px;
                  font-weight: normal; }
                div.full-calendar .calendar-content div.calendar-holder .search-result ul li .event-mobile .time {
                  font-size: 11px; } }
        div.full-calendar .calendar-content div.calendar-holder .search-result .users ul,
        div.full-calendar .calendar-content div.calendar-holder .search-result .buttons ul {
          margin-top: 0; }
        div.full-calendar .calendar-content div.calendar-holder .search-result .buttons ul {
          flex-direction: row;
          padding-top: 0; }
          div.full-calendar .calendar-content div.calendar-holder .search-result .buttons ul li {
            align-items: stretch; }
  div.full-calendar .full-shadow {
    display: none; }
    @media screen and (max-width: 1100px) {
      div.full-calendar .full-shadow {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        transition: 0.2s; } }
  div.full-calendar.closed .calendar-content div.left-column {
    width: 0;
    transition: width 0.2s; }

/*********** Kalender - slut ***********************/
.portal-head {
  width: 100%;
  background: #FFF;
  padding: 10px 20px;
  display: flex;
  align-items: flex-end; }
  .portal-head .logo {
    width: 30%; }
    .portal-head .logo a {
      text-decoration: none; }
    .portal-head .logo span {
      display: block;
      margin-top: 10px;
      font-style: italic; }
  .portal-head .search {
    width: 40%;
    display: flex;
    justify-content: flex-start; }
    .portal-head .search div.input {
      padding: 5px;
      background: #262626;
      border-radius: 30px;
      display: flex;
      align-items: center;
      background: #FFF;
      border: 1px solid #eaeaea; }
      .portal-head .search div.input input {
        border: 0;
        background: #FFF;
        border-radius: 30px;
        height: 40px;
        width: 240px;
        padding: 0 15px; }
      .portal-head .search div.input a {
        text-decoration: none;
        font-size: 20px;
        margin: 0 10px 0 10px;
        color: #FFF;
        color: #262626; }
  .portal-head .right {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .portal-head .right .menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex; }
      .portal-head .right .menu ul li {
        padding: 0 10px;
        border-left: 1px solid #eaeaea; }
        .portal-head .right .menu ul li:nth-child(1) {
          border-left: 0; }
        .portal-head .right .menu ul li a {
          font-size: 13px;
          text-decoration: none; }
    .portal-head .right .cart {
      color: #262626;
      border-radius: 40px;
      display: flex;
      align-items: center;
      margin: 20px 0 0px;
      background: #f5f5f5;
      padding: 10px 10px 10px 30px; }
      .portal-head .right .cart a {
        color: #262626; }
      .portal-head .right .cart .amount {
        margin-right: 20px;
        text-decoration: none; }
        .portal-head .right .cart .amount span {
          font-size: 20px; }
      .portal-head .right .cart div.value {
        font-size: 14px; }
      .portal-head .right .cart a.button {
        margin-left: 30px;
        color: #262626;
        border-radius: 40px;
        font-size: 13px;
        text-transform: uppercase;
        padding: 10px 20px; }

/* DOC */
.portal-page {
  font-size: 13px;
  /* Confirm added config */
  /* Kassan */ }
  .portal-page td, .portal-page th, .portal-page option, .portal-page select, .portal-page input, .portal-page textarea {
    font-size: 13px; }
  .portal-page table.list tbody tr:nth-child(2n+1) {
    background: #f5f5f5; }
    .portal-page table.list tbody tr:nth-child(2n+1):hover {
      background: #f5f5f5; }
  .portal-page table.list tbody tr:hover {
    background: #FFF; }
  .portal-page table.list tfoot th {
    border: 0; }
  .portal-page .box {
    border: 0; }
  .portal-page .header {
    background: #f5f5f5;
    height: auto; }
    .portal-page .header div.menu {
      height: 50px; }
      .portal-page .header div.menu ul.menu li a {
        color: #262626;
        border-bottom: 3px solid transparent; }
        .portal-page .header div.menu ul.menu li a:hover {
          background: #f5f5f5;
          color: #262626;
          border-bottom: 3px solid #f3c828; }
      .portal-page .header div.menu ul.menu li.selected a, .portal-page .header div.menu ul.menu li.active a {
        color: #262626;
        background: #f5f5f5;
        border-bottom: 3px solid #f3c828; }
    .portal-page .header .portal-head div.menu {
      height: auto;
      justify-content: flex-end; }
  .portal-page.login .main .content .loginbox .login-holder .logo {
    background: #FFF;
    margin-bottom: 0;
    padding: 20px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .portal-page.login .login-box {
    border: 0;
    padding-top: 0; }
    .portal-page.login .login-box label {
      padding: 20px 0 3px;
      font-weight: bold;
      font-size: 14px; }
    .portal-page.login .login-box input[type=email],
    .portal-page.login .login-box input[type=password] {
      border-radius: 2px;
      border-color: #eaeaea; }
  .portal-page .copy {
    background: #FFF; }
  .portal-page .page-menu {
    float: left;
    width: 200px;
    min-height: 10px; }
    .portal-page .page-menu ul {
      float: left;
      list-style: none;
      width: 100%;
      padding: 0;
      margin: 20px 0; }
      .portal-page .page-menu ul li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #c6c6cc; }
        .portal-page .page-menu ul li a {
          float: left;
          padding: 10px;
          width: 100%;
          text-decoration: none; }
          .portal-page .page-menu ul li a:hover {
            text-decoration: underline; }
        .portal-page .page-menu ul li.selected {
          font-weight: bold; }
          .portal-page .page-menu ul li.selected ul li {
            font-weight: normal; }
        .portal-page .page-menu ul li ul {
          margin: 0; }
          .portal-page .page-menu ul li ul li {
            border: 0; }
            .portal-page .page-menu ul li ul li a {
              padding: 5px 0 5px 30px; }
            .portal-page .page-menu ul li ul li ul {
              margin: 0; }
              .portal-page .page-menu ul li ul li ul li {
                border: 0; }
                .portal-page .page-menu ul li ul li ul li a {
                  padding: 5px 0 5px 50px; }
  .portal-page .content {
    width: calc(100% - 200px);
    padding: 30px 40px; }
    .portal-page .content .ingress {
      float: left;
      width: 100%;
      font-size: 14px;
      margin-bottom: 20px; }
    .portal-page .content .text {
      float: left;
      width: 100%;
      margin-bottom: 20px; }
    .portal-page .content ul.products {
      display: flex;
      flex-wrap: wrap; }
      .portal-page .content ul.products li {
        width: 200px;
        margin: 0 10px 10px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .portal-page .content ul.products li div.top {
          padding: 10px; }
          .portal-page .content ul.products li div.top .image img {
            max-width: 100%; }
          .portal-page .content ul.products li div.top h3 {
            margin: 12px 0 0px 0; }
          .portal-page .content ul.products li div.top .description {
            padding-top: 6px; }
        .portal-page .content ul.products li div.foot {
          display: flex;
          flex-direction: column;
          padding: 10px; }
          .portal-page .content ul.products li div.foot h3 {
            margin: 0 0 5px; }
          .portal-page .content ul.products li div.foot .article-number, .portal-page .content ul.products li div.foot .category {
            font-size: 12px; }
          .portal-page .content ul.products li div.foot div.price {
            font-size: 16px;
            font-weight: bold;
            width: 100%;
            padding: 20px 0 10px; }
            .portal-page .content ul.products li div.foot div.price span {
              display: block;
              font-size: 11px;
              font-weight: normal;
              font-style: italic; }
          .portal-page .content ul.products li div.foot form {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-end; }
            .portal-page .content ul.products li div.foot form label {
              padding-top: 0;
              font-size: 12px; }
            .portal-page .content ul.products li div.foot form input.amount {
              padding: 0 10px;
              line-height: 36px; }
            .portal-page .content ul.products li div.foot form input[type=submit] {
              padding: 0px 14px;
              line-height: 36px;
              margin-left: 10px;
              font-size: 12px;
              background: #262626;
              color: #FFF;
              border-radius: 30px; }
    .portal-page .content div.product {
      display: flex; }
      .portal-page .content div.product .image {
        width: 50%; }
        .portal-page .content div.product .image img {
          max-width: 100%; }
      .portal-page .content div.product .buy .price {
        font-size: 16px;
        font-weight: bold;
        margin: 20px 0; }
      .portal-page .content div.product .buy form {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        .portal-page .content div.product .buy form label {
          padding-top: 0; }
        .portal-page .content div.product .buy form input.amount {
          padding: 0 10px;
          line-height: 36px; }
        .portal-page .content div.product .buy form input[type=submit] {
          padding: 0px 14px;
          line-height: 36px;
          margin-left: 10px;
          font-size: 12px;
          background: #262626;
          color: #FFF;
          border-radius: 30px; }
    .portal-page .content table.products {
      width: auto; }
      .portal-page .content table.products form {
        display: flex;
        align-items: stretch; }
        .portal-page .content table.products form input.amount {
          padding: 0 3px; }
        .portal-page .content table.products form input[type=submit] {
          padding: 6px 14px;
          margin-left: 10px;
          font-size: 12px;
          background: #262626;
          color: #FFF;
          border-radius: 30px; }
    .portal-page .content .configs {
      border-top: 2px solid #f3c828; }
      .portal-page .content .configs h3 {
        margin-bottom: 0; }
      .portal-page .content .configs ul {
        list-style: none;
        margin: 20px 0 0;
        padding: 0;
        display: flex;
        flex-direction: column; }
        .portal-page .content .configs ul li {
          margin-bottom: 3px; }
          .portal-page .content .configs ul li a {
            display: inline-block;
            width: 100%;
            padding: 10px 15px;
            border-radius: 60px;
            border: 2px solid #eaeaea;
            text-decoration: none; }
            .portal-page .content .configs ul li a:hover {
              border-color: #f3c828;
              color: #262626; }
    .portal-page .content .config .values {
      border-color: #eaeaea;
      border-radius: 2px; }
      .portal-page .content .config .values .head {
        background: #f5f5f5;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px; }
        .portal-page .content .config .values .head .arrow {
          font-size: 12px; }
      .portal-page .content .config .values .options input {
        font-size: 12px;
        padding: 10px;
        border-color: #eaeaea; }
      .portal-page .content .config .values .options .value {
        border-radius: 16px;
        border-color: #eaeaea;
        background: #fcfcfc;
        margin: 0 5px 5px 0; }
        .portal-page .content .config .values .options .value.active {
          border-color: #f3c828; }
        .portal-page .content .config .values .options .value label {
          padding: 8px 16px 8px 10px; }
        .portal-page .content .config .values .options .value .values {
          border: 1px solid #eaeaea; }
          .portal-page .content .config .values .options .value .values .head {
            background: #FFF; }
    .portal-page .content .config-price input[type=submit] {
      border-radius: 60px;
      padding: 10px 20px; }
    .portal-page .content .box-filter input[type=submit] {
      border-radius: 60px;
      padding: 10px 20px; }
  .portal-page .confirm-shadow {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 2000;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center; }
    .portal-page .confirm-shadow .confirm {
      background: #FFF;
      padding: 40px;
      text-align: center;
      position: relative; }
      .portal-page .confirm-shadow .confirm a.close {
        position: absolute;
        right: 20px;
        top: 20px;
        text-decoration: none; }
      .portal-page .confirm-shadow .confirm h2 {
        margin: 0; }
      .portal-page .confirm-shadow .confirm ul {
        display: flex;
        list-style: none;
        margin: 30px 0 0;
        padding: 0;
        justify-content: center; }
        .portal-page .confirm-shadow .confirm ul li {
          margin: 0 10px; }
          .portal-page .confirm-shadow .confirm ul li a {
            border-radius: 30px;
            padding: 0 20px;
            line-height: 40px; }
  .portal-page.config-products .main .content ul.buttons {
    list-style: none;
    margin: 0 0 60px;
    padding: 0;
    display: flex; }
    .portal-page.config-products .main .content ul.buttons li {
      margin-right: 5px; }
      .portal-page.config-products .main .content ul.buttons li a {
        padding: 10px 20px;
        border-radius: 30px;
        font-size: 12px;
        text-transform: uppercase; }
  .portal-page.cart a.delete {
    text-decoration: none; }
  .portal-page.cart table.list td, .portal-page.cart table.list th {
    padding: 5px 20px 5px 5px; }
    .portal-page.cart table.list td.r, .portal-page.cart table.list th.r {
      padding-right: 10px;
      padding-left: 20px; }
    .portal-page.cart table.list td.delete, .portal-page.cart table.list th.delete {
      padding: 5px 10px; }
  .portal-page.cart table.list input[type=text] {
    font-size: 13px;
    padding: 5px; }
  .portal-page.cart table.list input[type=submit] {
    margin-top: 0;
    background: #262626;
    color: #FFF;
    padding: 8px 16px;
    font-size: 12px;
    border-radius: 40px; }
  .portal-page.cart table.list tfoot th {
    padding: 3px 10px;
    font-weight: normal; }
  .portal-page.cart table.list tfoot tr.sum th {
    padding-top: 20px;
    font-weight: bold;
    font-size: 16px; }
  .portal-page.cart table.list td.spec table {
    margin-top: 0; }
    .portal-page.cart table.list td.spec table tr {
      background: #FFF; }
    .portal-page.cart table.list td.spec table td {
      font-size: 13px; }
  .portal-page.cart ul.items a.button,
  .portal-page.cart table.list a.button {
    border-radius: 40px;
    font-size: 10px;
    padding: 5px 12px;
    text-transform: uppercase;
    background: #f3c828;
    color: #262626; }
    .portal-page.cart ul.items a.button.add-button,
    .portal-page.cart table.list a.button.add-button {
      display: inline-flex;
      align-items: center; }
      .portal-page.cart ul.items a.button.add-button span,
      .portal-page.cart table.list a.button.add-button span {
        margin-right: 4px;
        font-size: 8px; }
  .portal-page.cart .warning {
    display: none;
    border: 1px solid #eaeaea;
    padding: 15px;
    margin-top: 20px;
    font-weight: bold;
    color: #c31f1f; }
  .portal-page.cart h3 {
    margin: 30px 0 15px;
    font-size: 18px;
    border-bottom: 3px solid #f3c828;
    padding-bottom: 10px; }
  .portal-page.cart .settings input[type=text] {
    width: auto; }
  .portal-page.cart .settings textarea {
    width: 400px;
    height: 100px;
    max-width: 100%; }
  .portal-page.cart .settings .delivery-address {
    border: 1px solid #eaeaea;
    padding: 15px;
    background: #c6c6cc;
    width: 400px;
    display: none;
    margin-top: 20px; }
    .portal-page.cart .settings .delivery-address div {
      display: inline-block;
      width: 100%; }
      .portal-page.cart .settings .delivery-address div input {
        width: 100%;
        margin-bottom: 3px; }
      .portal-page.cart .settings .delivery-address div.zipcode {
        width: 30%; }
      .portal-page.cart .settings .delivery-address div.city {
        width: 65%;
        float: right; }
  .portal-page.cart .settings input.error {
    border-color: #c31f1f;
    border-width: 2px; }
  .portal-page.cart input[type=submit] {
    display: block;
    border-radius: 40px;
    padding: 15px 20px; }
  .portal-page.login .page-menu, .portal-page.pricecheck .page-menu {
    display: none; }
  .portal-page.login .content, .portal-page.pricecheck .content {
    width: 100%; }
  .portal-page.login .config-info, .portal-page.pricecheck .config-info {
    display: flex;
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
    padding: 10px; }
    .portal-page.login .config-info .info, .portal-page.pricecheck .config-info .info {
      padding: 10px 0 0 20px; }
  .portal-page.login .content, .portal-page.order-edit .content {
    padding: 30px 40px; }
    .portal-page.login .content div.box-form h2, .portal-page.order-edit .content div.box-form h2 {
      background: #f5f5f5; }
    .portal-page.login .content div.box-form .body, .portal-page.order-edit .content div.box-form .body {
      border-color: #eaeaea;
      display: inline-block; }
    .portal-page.login .content div.box-form table.list td, .portal-page.login .content div.box-form table.list th, .portal-page.order-edit .content div.box-form table.list td, .portal-page.order-edit .content div.box-form table.list th {
      padding: 7px;
      text-align: left;
      border-color: #eaeaea; }
      .portal-page.login .content div.box-form table.list td.r, .portal-page.login .content div.box-form table.list th.r, .portal-page.order-edit .content div.box-form table.list td.r, .portal-page.order-edit .content div.box-form table.list th.r {
        text-align: right; }
    .portal-page.login .content div.box-form table.list tfoot, .portal-page.order-edit .content div.box-form table.list tfoot {
      border-top: 1px solid #eaeaea;
      margin-top: 10px; }
      .portal-page.login .content div.box-form table.list tfoot td, .portal-page.order-edit .content div.box-form table.list tfoot td {
        font-size: 14px; }
    .portal-page.login .content div.box-form table.list h3, .portal-page.order-edit .content div.box-form table.list h3 {
      margin: 0px 0 5px 0px;
      font-size: 11px;
      color: #333; }
    .portal-page.login .content div.box-form table.list .row-data, .portal-page.order-edit .content div.box-form table.list .row-data {
      margin: 0 0 20px 0px; }
      .portal-page.login .content div.box-form table.list .row-data td, .portal-page.order-edit .content div.box-form table.list .row-data td {
        padding: 3px 10px 3px 0;
        font-size: 12px;
        font-weight: normal; }
  .portal-page.doc-order table.list th.order {
    background: #FFF;
    border: 0; }
    .portal-page.doc-order table.list th.order a {
      color: #262626; }
  .portal-page.doc-order table.list td.link a {
    padding: 10px;
    text-decoration: underline; }
  .portal-page.doc-order table.list td.status div {
    display: flex;
    align-items: center; }
    .portal-page.doc-order table.list td.status div span.dot {
      display: inline-block;
      width: 12px;
      height: 12px;
      background: #000;
      border-radius: 20px;
      margin-right: 5px;
      border: 2px solid #000; }
      .portal-page.doc-order table.list td.status div span.dot.dot-removed {
        background: #999;
        border-color: #999; }
      .portal-page.doc-order table.list td.status div span.dot.dot-ordered {
        background: #ff8400;
        border-color: #bf6300; }
      .portal-page.doc-order table.list td.status div span.dot.dot-treated {
        background: #42ba7c;
        border-color: #1a8b51; }
      .portal-page.doc-order table.list td.status div span.dot.dot-sent {
        background: #c31f1f;
        border-color: #af0000; }
      .portal-page.doc-order table.list td.status div span.dot.dot-production {
        background: #2993d1;
        border-color: #0067a4; }
      .portal-page.doc-order table.list td.status div span.dot.dot-invoiced {
        background: #00eaff;
        border-color: #02a6b5; }
      .portal-page.doc-order table.list td.status div span.dot.dot-quote {
        background: #ffed00;
        border-color: #d6c700; }
  .portal-page.doc-order table.list td {
    border-color: #eaeaea; }
  .portal-page.doc-order .box-form td {
    padding: 2px 15px 2px 0; }
  .portal-page.doc-edit-quote .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .portal-page.doc-edit-quote .content form {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .portal-page.doc-edit-quote .content form div.top {
        order: 1; }
      .portal-page.doc-edit-quote .content form div.form-send {
        order: 2; }
      .portal-page.doc-edit-quote .content form div.customer-settings {
        order: 3; }
        .portal-page.doc-edit-quote .content form div.customer-settings div.delivery-address {
          width: 100%;
          max-width: 400px;
          display: flex;
          flex-wrap: wrap;
          display: none;
          border: 1px solid #CCC;
          padding: 12px;
          margin-top: 12px; }
          .portal-page.doc-edit-quote .content form div.customer-settings div.delivery-address div {
            width: 100%; }
          .portal-page.doc-edit-quote .content form div.customer-settings div.delivery-address div.zipcode {
            width: 100px;
            padding-right: 8px; }
          .portal-page.doc-edit-quote .content form div.customer-settings div.delivery-address div.city {
            width: calc(100% - 100px); }
          .portal-page.doc-edit-quote .content form div.customer-settings div.delivery-address input {
            margin-bottom: 4px; }
      .portal-page.doc-edit-quote .content form div.order-rows {
        order: 4; }
      .portal-page.doc-edit-quote .content form div.submit {
        order: 5; }
      .portal-page.doc-edit-quote .content form div.order-rows a.button.button-icon-text {
        height: 24px;
        white-space: nowrap;
        margin: 0; }
      .portal-page.doc-edit-quote .content form div.order-rows table.list tbody td {
        border-bottom: 1px solid #eaeaea; }
      .portal-page.doc-edit-quote .content form div.order-rows div.popup {
        justify-content: center;
        align-items: center; }
        .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body {
          background: #FFF;
          position: relative;
          min-width: 600px;
          max-width: 100%;
          padding: 24px; }
          .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body h3 {
            margin-top: 0; }
          .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body a.close {
            position: absolute;
            right: 12px;
            top: 12px;
            height: 32px;
            width: 32px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none; }
            .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body a.close span {
              font-size: 24px; }
          .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body div.split_amount_selector {
            display: flex;
            margin-bottom: 16px;
            justify-content: center;
            align-items: center; }
            .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body div.split_amount_selector span {
              margin-right: 4px; }
          .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body div.split_amount {
            display: flex;
            margin-top: 16px;
            justify-content: center;
            align-items: center; }
            .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body div.split_amount span {
              margin-left: 12px; }
              .portal-page.doc-edit-quote .content form div.order-rows div.popup div.popup-body div.split_amount span span {
                margin-left: 0;
                font-weight: bold; }

/* Redigera konfig DOC */
.bom_edit_config .header {
  display: none; }

/* BOM */
.supplier-page td, .supplier-page th, .supplier-page option, .supplier-page select, .supplier-page input, .supplier-page textarea {
  font-size: 13px; }
.supplier-page table.list th.order {
  background: #FFF;
  border: 0; }
  .supplier-page table.list th.order a {
    color: #262626; }
.supplier-page table.list tbody tr:nth-child(2n+1) {
  background: #f5f5f5; }
.supplier-page table.list tfoot th {
  border: 0; }
.supplier-page table.list td.status div {
  display: flex;
  align-items: center; }
  .supplier-page table.list td.status div span.dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #000;
    border-radius: 20px;
    margin-right: 5px;
    border: 2px solid #000; }
    .supplier-page table.list td.status div span.dot.dot-removed {
      background: #999;
      border-color: #999; }
    .supplier-page table.list td.status div span.dot.dot-ordered {
      background: #ff8400;
      border-color: #bf6300; }
    .supplier-page table.list td.status div span.dot.dot-treated {
      background: #42ba7c;
      border-color: #1a8b51; }
    .supplier-page table.list td.status div span.dot.dot-sent {
      background: #c31f1f;
      border-color: #af0000; }
    .supplier-page table.list td.status div span.dot.dot-production {
      background: #2993d1;
      border-color: #0067a4; }
    .supplier-page table.list td.status div span.dot.dot-invoiced {
      background: #00eaff;
      border-color: #02a6b5; }
    .supplier-page table.list td.status div span.dot.dot-quote {
      background: #ffed00;
      border-color: #d6c700; }
    .supplier-page table.list td.status div span.dot.dot-ready_delivery {
      background: #7200ff;
      border-color: #7400d6; }
.supplier-page .copy {
  background: #FFF; }
.supplier-page .header {
  background: #FFF;
  height: auto; }
  .supplier-page .header .supplier-head {
    width: 100%; }
    .supplier-page .header .supplier-head .logo ul {
      list-style: none;
      margin: 10px;
      padding: 0;
      display: flex; }
      .supplier-page .header .supplier-head .logo ul li {
        align-self: center;
        padding: 10px 20px; }
        .supplier-page .header .supplier-head .logo ul li:nth-child(1) {
          border-right: 1px solid #c6c6cc; }
        .supplier-page .header .supplier-head .logo ul li img {
          max-height: 50px; }
          .supplier-page .header .supplier-head .logo ul li img.bom-logo {
            max-height: 40px; }
  .supplier-page .header div.menu {
    height: 50px; }
    .supplier-page .header div.menu ul.menu {
      width: 100%;
      background: #262626; }
      .supplier-page .header div.menu ul.menu li a {
        color: #FFF;
        border-bottom: 3px solid transparent; }
        .supplier-page .header div.menu ul.menu li a:hover {
          color: #FFF;
          border-color: #f3c828; }
      .supplier-page .header div.menu ul.menu li.logo {
        display: none; }
      .supplier-page .header div.menu ul.menu li.selected a, .supplier-page .header div.menu ul.menu li.active a {
        border-color: #f3c828;
        color: #FFF; }
.supplier-page .sub-menu {
  background: #666; }
  .supplier-page .sub-menu ul li {
    border-color: #999; }
    .supplier-page .sub-menu ul li a {
      font-size: 12px;
      padding: 12px; }
.supplier-page.order-edit div.msg {
  border: 1px solid #c31f1f;
  padding: 15px; }
  .supplier-page.order-edit div.msg b {
    color: #c31f1f; }
.supplier-page.order-edit div#configs {
  display: none;
  border: 1px solid #404042;
  background: #c6c6cc;
  padding: 20px; }
  .supplier-page.order-edit div#configs ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0; }
    .supplier-page.order-edit div#configs ul li {
      padding: 0 30px 30px 0;
      display: flex;
      flex-direction: column; }
      .supplier-page.order-edit div#configs ul li h2 {
        background: none;
        padding: 0;
        margin: 0 0 10px; }
.supplier-page.order-edit div#products {
  display: none;
  border: 1px solid #404042;
  background: #c6c6cc;
  padding: 20px; }
  .supplier-page.order-edit div#products input[type=text]#acc_query {
    width: 300px; }
  .supplier-page.order-edit div#products .result {
    display: none;
    padding-top: 20px; }
    .supplier-page.order-edit div#products .result th, .supplier-page.order-edit div#products .result td {
      text-align: left;
      padding: 5px 10px; }
      .supplier-page.order-edit div#products .result th input[type=submit], .supplier-page.order-edit div#products .result td input[type=submit] {
        font-size: 12px;
        padding: 0 10px;
        line-height: 30px; }
      .supplier-page.order-edit div#products .result th.r, .supplier-page.order-edit div#products .result td.r {
        text-align: right; }
.supplier-page .order-rows table.list {
  width: 100%; }
  .supplier-page .order-rows table.list td {
    padding: 7px; }
    .supplier-page .order-rows table.list td td {
      padding: 2px 10px 2px 0; }
    .supplier-page .order-rows table.list td table.row-data th {
      font-weight: bold; }
    .supplier-page .order-rows table.list td table.row-data td, .supplier-page .order-rows table.list td table.row-data th {
      padding: 5px 30px 5px 10px; }
  .supplier-page .order-rows table.list tbody tr.item td {
    border-bottom: 1px solid #eaeaea; }
    .supplier-page .order-rows table.list tbody tr.item td.own-config {
      display: flex; }
      .supplier-page .order-rows table.list tbody tr.item td.own-config a {
        margin-left: 4px; }
  .supplier-page .order-rows table.list tbody td h3 {
    margin: 5px 0 0;
    font-size: 13px; }
  .supplier-page .order-rows table.list tbody td td {
    border: 0; }
    .supplier-page .order-rows table.list tbody td td a {
      text-decoration: none; }
.supplier-page.doc-order .shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background: rgba(0, 0, 0, 0.8);
  display: none; }
  .supplier-page.doc-order .shadow div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #FFF;
    height: 100%; }
    .supplier-page.doc-order .shadow div a {
      color: #FFF; }
  .supplier-page.doc-order .shadow.edit-values div div {
    color: #262626;
    background: #FFF;
    padding: 20px;
    height: auto;
    width: 300px;
    align-items: flex-start; }
    .supplier-page.doc-order .shadow.edit-values div div h3 {
      margin: 0 0 10px;
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .supplier-page.doc-order .shadow.edit-values div div h3 a.close {
        float: right;
        text-decoration: none;
        color: #262626;
        font-size: 18px; }
    .supplier-page.doc-order .shadow.edit-values div div table {
      border-collapse: collapse; }
      .supplier-page.doc-order .shadow.edit-values div div table.values {
        margin: 20px 0; }
      .supplier-page.doc-order .shadow.edit-values div div table.prices {
        margin: 0 0 20px; }
      .supplier-page.doc-order .shadow.edit-values div div table td {
        padding-right: 10px; }
    .supplier-page.doc-order .shadow.edit-values div div .total {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: auto;
      padding: 0;
      margin-top: 20px; }
      .supplier-page.doc-order .shadow.edit-values div div .total span {
        padding-right: 10px; }
.supplier-page .tree {
  width: 500px;
  margin-top: 30px; }
  .supplier-page .tree ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .supplier-page .tree ul li {
      display: flex;
      padding: 0; }
      .supplier-page .tree ul li .mapper {
        width: 8px;
        margin-right: 6px;
        height: 100%;
        border-left: 1px dotted #404042;
        display: inline-block; }
        .supplier-page .tree ul li .mapper:after {
          content: "";
          display: inline-block;
          width: 8px;
          height: 17px;
          border-bottom: 1px dotted #404042; }
      .supplier-page .tree ul li:nth-last-child(1) .mapper {
        height: 18px; }
      .supplier-page .tree ul li div.c_h {
        display: flex;
        padding: 0;
        flex-direction: column;
        width: calc(100% - 10px); }
        .supplier-page .tree ul li div.c_h .p {
          display: flex;
          justify-content: space-between;
          padding: 0;
          flex-direction: row;
          align-items: center;
          flex-grow: 1; }
          .supplier-page .tree ul li div.c_h .p span.link {
            height: 100%;
            display: flex;
            align-items: center; }
            .supplier-page .tree ul li div.c_h .p span.link a.link {
              text-decoration: none; }
          .supplier-page .tree ul li div.c_h .p ol {
            display: flex;
            flex-direction: row;
            justify-content: flex-start; }
            .supplier-page .tree ul li div.c_h .p ol li {
              display: flex;
              justify-content: space-between;
              padding: 2px 0;
              flex-direction: row;
              margin-right: 3px; }
        .supplier-page .tree ul li div.c_h ul {
          padding-left: 3px;
          width: 100%; }
.supplier-page ul.sortable {
  list-style: none;
  margin: 0;
  padding: 0; }
  .supplier-page ul.sortable li span {
    display: inline-block;
    background: #c6c6cc;
    padding: 5px 10px;
    margin-bottom: 2px;
    border: 2px dashed #404042; }
  .supplier-page ul.sortable li ul {
    margin-left: 20px; }
  .supplier-page ul.sortable li.highlight {
    height: 30px;
    width: 200px;
    border: 2px dashed #262626;
    margin-bottom: 2px; }
  .supplier-page ul.sortable li:hover {
    cursor: move; }
.supplier-page .config-info {
  display: flex;
  margin-bottom: 20px;
  border: 1px solid #eaeaea;
  padding: 10px; }
  .supplier-page .config-info .info {
    padding: 10px 0 0 20px; }

/* Om dator-version */
@media only screen and (min-width: 1100px) {
  .mobile-only {
    display: none; }

  .desktop-only {
    display: block; } }
/* Fabric warning */
.fabric-note {
  border: 1px solid #c19700;
  padding: 10px;
  background: #fdf7df; }
  .fabric-note .fabric-note-content {
    display: flex;
    align-items: center; }
    .fabric-note .fabric-note-content span {
      margin-right: 10px;
      font-size: 22px;
      color: #f3c828; }
    .fabric-note .fabric-note-content p {
      margin: 0;
      font-weight: bold;
      font-size: 13px; }
  .fabric-note.fabric-note-error {
    border-color: #c31f1f;
    background: #ffc8b2; }
    .fabric-note.fabric-note-error span {
      color: #c31f1f; }

/* Fabric discount */
.fabric-discount {
  border: 1px solid #1a8b51;
  padding: 10px;
  background: #dff5ea; }
  .fabric-discount .fabric-discount-content {
    display: flex;
    align-items: center; }
    .fabric-discount .fabric-discount-content span {
      margin-right: 10px;
      font-size: 12px;
      color: #42ba7c;
      width: 22px;
      height: 22px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFF;
      background: #42ba7c;
      border-radius: 100%; }
    .fabric-discount .fabric-discount-content p {
      margin: 0;
      font-weight: bold;
      font-size: 13px; }

/* Panel-startpage */
body.panel .main .content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center; }
  body.panel .main .content .column {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    margin-right: 24px; }
    @media screen and (max-width: 1100px) {
      body.panel .main .content .column {
        margin-right: 0;
        max-width: 100%; } }
  body.panel .main .content .news,
  body.panel .main .content .stats,
  body.panel .main .content .calendar,
  body.panel .main .content .quotes,
  body.panel .main .content .orders {
    width: 100%;
    margin-bottom: 32px; }
  body.panel .main .content .news {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    body.panel .main .content .news ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%; }
      body.panel .main .content .news ul li {
        padding: 16px;
        border: 1px solid #eaeaea;
        margin-bottom: 8px;
        background: #FFF; }
        body.panel .main .content .news ul li a {
          text-decoration: none;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center; }
          body.panel .main .content .news ul li a h4 {
            margin: 0;
            font-size: 14px;
            display: flex;
            align-items: flex-start; }
            body.panel .main .content .news ul li a h4 span {
              color: #f3c828;
              margin: 2px 12px 0 0;
              font-size: 22px; }
            body.panel .main .content .news ul li a h4 div {
              display: flex;
              flex-direction: column; }
              body.panel .main .content .news ul li a h4 div span.date {
                font-weight: normal;
                font-size: 11px;
                color: #404041; }
          body.panel .main .content .news ul li a .created-by {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #404042; }
            body.panel .main .content .news ul li a .created-by span.read-more {
              display: none; }
            body.panel .main .content .news ul li a .created-by img {
              height: 16px; }
            body.panel .main .content .news ul li a .created-by.logo-hestra-markis img {
              height: 12px; }
        body.panel .main .content .news ul li.unread a h4 {
          font-size: 18px; }
        body.panel .main .content .news ul li.unread a, body.panel .main .content .news ul li.locked a {
          flex-direction: column;
          justify-content: flex-start;
          align-items: stretch; }
          body.panel .main .content .news ul li.unread a h4, body.panel .main .content .news ul li.locked a h4 {
            margin: 0 0 16px; }
          body.panel .main .content .news ul li.unread a .created-by, body.panel .main .content .news ul li.locked a .created-by {
            margin-top: 24px; }
            body.panel .main .content .news ul li.unread a .created-by img, body.panel .main .content .news ul li.locked a .created-by img {
              height: 20px; }
            body.panel .main .content .news ul li.unread a .created-by.logo-hestra-markis img, body.panel .main .content .news ul li.locked a .created-by.logo-hestra-markis img {
              height: 16px; }
            body.panel .main .content .news ul li.unread a .created-by span.read-more, body.panel .main .content .news ul li.locked a .created-by span.read-more {
              display: flex;
              align-items: center; }
              body.panel .main .content .news ul li.unread a .created-by span.read-more span, body.panel .main .content .news ul li.locked a .created-by span.read-more span {
                color: #f3c828; }
    body.panel .main .content .news a.button {
      border-radius: 40px;
      margin-top: 12px;
      font-size: 12px; }
  body.panel .main .content .stats {
    border: 1px solid #eaeaea;
    padding: 16px;
    display: flex;
    flex-direction: column;
    background: #FFF; }
    body.panel .main .content .stats form {
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px;
      flex-wrap: wrap; }
      body.panel .main .content .stats form .show-buttons {
        display: flex;
        width: 100%;
        margin-top: 16px; }
        body.panel .main .content .stats form .show-buttons div {
          position: relative; }
          body.panel .main .content .stats form .show-buttons div label {
            display: flex;
            padding: 4px 12px;
            font-size: 12px;
            border-radius: 20px;
            margin-right: 8px;
            cursor: pointer;
            border: 1px solid #eaeaea; }
            @media screen and (max-width: 700px) {
              body.panel .main .content .stats form .show-buttons div label {
                font-size: 10px; } }
          body.panel .main .content .stats form .show-buttons div input {
            position: absolute;
            opacity: 0.001; }
          body.panel .main .content .stats form .show-buttons div input[type="radio"]:checked + label {
            background: #f3c828;
            border-color: #f3c828;
            font-weight: 600; }
    body.panel .main .content .stats .graph {
      width: 100%; }
      body.panel .main .content .stats .graph .chart {
        width: 100%;
        height: 260px; }
      body.panel .main .content .stats .graph .extra_stats {
        display: flex;
        align-items: center;
        margin-top: 12px; }
        body.panel .main .content .stats .graph .extra_stats .icon {
          font-size: 24px;
          margin-right: 24px;
          color: #f3c828; }
        body.panel .main .content .stats .graph .extra_stats .data {
          display: flex;
          flex-direction: column;
          margin-right: 32px; }
          body.panel .main .content .stats .graph .extra_stats .data h4 {
            margin: 0;
            font-weight: 600;
            font-size: 18px; }
          body.panel .main .content .stats .graph .extra_stats .data .green {
            color: #42ba7c; }
  body.panel .main .content .calendar {
    display: flex;
    flex-direction: column; }
    body.panel .main .content .calendar h3 {
      margin: 0 0 16px;
      font-size: 18px;
      display: flex;
      align-items: center;
      padding-left: 0; }
      body.panel .main .content .calendar h3 span {
        margin-right: 8px;
        color: #f3c828;
        display: none; }
    body.panel .main .content .calendar .box-content {
      border: 1px solid #eaeaea;
      padding: 16px;
      background: #FFF; }
      body.panel .main .content .calendar .box-content ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        body.panel .main .content .calendar .box-content ul li {
          padding: 8px 0;
          border-bottom: 1px solid #eaeaea;
          margin-bottom: 8px; }
          body.panel .main .content .calendar .box-content ul li.inactive a {
            color: #c6c6cc; }
          body.panel .main .content .calendar .box-content ul li a {
            display: flex;
            align-items: center;
            text-decoration: none;
            width: 100%; }
            body.panel .main .content .calendar .box-content ul li a div.time {
              margin-right: 16px;
              font-weight: bold; }
            body.panel .main .content .calendar .box-content ul li a div.users {
              display: none; }
  body.panel .main .content .quotes,
  body.panel .main .content .orders {
    border: 1px solid #eaeaea;
    padding: 16px;
    display: flex;
    flex-direction: column; }
    body.panel .main .content .quotes h3,
    body.panel .main .content .orders h3 {
      margin: 0 0 24px;
      font-size: 18px;
      display: flex;
      align-items: center; }
      body.panel .main .content .quotes h3 span,
      body.panel .main .content .orders h3 span {
        margin-right: 8px;
        color: #f3c828; }
    body.panel .main .content .quotes table.list,
    body.panel .main .content .orders table.list {
      margin: 0; }

/* Statistik-sidan */
body.stats-graph .main {
  height: 100%; }
body.stats-graph .content {
  display: flex;
  padding: 0;
  height: calc(100% - 50px); }
  body.stats-graph .content .left-column {
    width: 300px;
    padding: 20px;
    border-right: 1px solid #eaeaea;
    overflow: auto; }
    body.stats-graph .content .left-column form {
      display: flex;
      flex-direction: column; }
      body.stats-graph .content .left-column form .field {
        max-width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid #eaeaea; }
        body.stats-graph .content .left-column form .field a.toggle {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          text-decoration: none;
          padding: 4px 0; }
          body.stats-graph .content .left-column form .field a.toggle h4 {
            width: 100%;
            margin: 0; }
          body.stats-graph .content .left-column form .field a.toggle span {
            font-size: 18px;
            transition: all .2s linear; }
        body.stats-graph .content .left-column form .field.open a.toggle span {
          transform: rotate(180deg); }
        body.stats-graph .content .left-column form .field.open .filter-data {
          display: flex; }
        body.stats-graph .content .left-column form .field.field-period .filter-data {
          align-items: center; }
          body.stats-graph .content .left-column form .field.field-period .filter-data div {
            flex-grow: 1; }
            body.stats-graph .content .left-column form .field.field-period .filter-data div input {
              width: 100%; }
          body.stats-graph .content .left-column form .field.field-period .filter-data div.line {
            width: 20px;
            text-align: center;
            flex-grow: 0; }
        body.stats-graph .content .left-column form .field.field-users .filter-data .radios div {
          width: 100%; }
          body.stats-graph .content .left-column form .field.field-users .filter-data .radios div label {
            width: 100%; }
        body.stats-graph .content .left-column form .field .filter-data {
          display: none;
          transition: all .2s linear;
          padding-top: 6px; }
          body.stats-graph .content .left-column form .field .filter-data select {
            width: 100%; }
          body.stats-graph .content .left-column form .field .filter-data .radios {
            display: flex;
            flex-wrap: wrap; }
            body.stats-graph .content .left-column form .field .filter-data .radios div {
              position: relative; }
              body.stats-graph .content .left-column form .field .filter-data .radios div label {
                display: flex;
                padding: 4px 12px;
                font-size: 12px;
                border-radius: 20px;
                margin: 0 4px 4px 0;
                cursor: pointer;
                border: 1px solid #eaeaea; }
              body.stats-graph .content .left-column form .field .filter-data .radios div input {
                position: absolute;
                opacity: 0.001; }
              body.stats-graph .content .left-column form .field .filter-data .radios div input[type="checkbox"]:checked + label,
              body.stats-graph .content .left-column form .field .filter-data .radios div input[type="radio"]:checked + label {
                background: #f3c828;
                border-color: #f3c828;
                font-weight: 600; }
  body.stats-graph .content .main-space {
    flex-grow: 1;
    padding: 20px 32px;
    overflow: auto;
    width: calc(100% - 300px);
    position: relative; }
    body.stats-graph .content .main-space div.loader {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      display: none;
      align-items: center;
      flex-direction: column;
      padding-top: 300px; }
      body.stats-graph .content .main-space div.loader h3 {
        margin: 12px 0 0;
        font-weight: 400;
        color: #404042; }
    body.stats-graph .content .main-space .filter-selected ul {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      margin: 0 0 16px;
      padding: 0; }
      body.stats-graph .content .main-space .filter-selected ul li {
        margin: 0 8px 8px 0;
        padding: 8px 12px;
        border: 1px solid #eaeaea;
        border-radius: 50px;
        text-transform: uppercase;
        font-size: 11px; }
        body.stats-graph .content .main-space .filter-selected ul li.remove {
          padding: 0; }
        body.stats-graph .content .main-space .filter-selected ul li label {
          padding: 8px 12px;
          cursor: pointer;
          display: flex;
          align-items: center; }
          body.stats-graph .content .main-space .filter-selected ul li label span {
            margin-left: 4px;
            font-size: 15px; }
    body.stats-graph .content .main-space .chart {
      height: 500px;
      margin-bottom: 32px; }
    body.stats-graph .content .main-space .filter-query {
      background: #f8f8f8;
      border: 1px solid #eaeaea;
      padding: 12px;
      display: flex;
      margin-bottom: 32px; }
      body.stats-graph .content .main-space .filter-query form {
        display: flex;
        align-items: flex-end; }
        body.stats-graph .content .main-space .filter-query form div.field {
          margin-right: 8px; }
          body.stats-graph .content .main-space .filter-query form div.field label {
            padding-top: 0;
            font-size: 10px;
            text-transform: uppercase; }
        body.stats-graph .content .main-space .filter-query form input[type=submit] {
          background: #262626;
          color: #FFF;
          padding: 8px 12px;
          font-size: 12px;
          margin-bottom: 1px; }
    body.stats-graph .content .main-space .extra_stats {
      display: flex;
      align-items: center;
      padding: 12px 0 48px;
      border-bottom: 1px solid #eaeaea;
      margin-bottom: 32px; }
      body.stats-graph .content .main-space .extra_stats .icon {
        font-size: 32px;
        margin-right: 24px;
        color: #f3c828; }
      body.stats-graph .content .main-space .extra_stats .data {
        display: flex;
        flex-direction: column;
        margin-right: 48px; }
        body.stats-graph .content .main-space .extra_stats .data h4 {
          margin: 0;
          font-weight: 600;
          font-size: 18px; }
        body.stats-graph .content .main-space .extra_stats .data .green {
          color: #42ba7c; }
    body.stats-graph .content .main-space td.green {
      color: #42ba7c; }
    body.stats-graph .content .main-space .stats-list {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      body.stats-graph .content .main-space .stats-list div {
        padding-right: 100px; }
        body.stats-graph .content .main-space .stats-list div:nth-last-child(1) {
          padding-right: 0; }

/* Live-offert setting page */
body.quote .blocks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%; }
  body.quote .blocks .block {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #eaeaea;
    margin-bottom: 12px; }
    body.quote .blocks .block.new-block {
      margin-top: 48px; }
    body.quote .blocks .block div.head {
      display: flex;
      justify-content: space-between;
      background: #f5f5f5; }
      body.quote .blocks .block div.head a.head {
        display: flex;
        width: calc(100% - 50px);
        justify-content: space-between;
        align-items: center;
        padding: 12px 16px;
        text-decoration: none; }
        body.quote .blocks .block div.head a.head div {
          display: flex;
          align-items: center; }
          body.quote .blocks .block div.head a.head div h3 {
            margin: 0 8px 0 0; }
          body.quote .blocks .block div.head a.head div span {
            font-size: 11px; }
        body.quote .blocks .block div.head a.head span {
          font-size: 20px; }
        body.quote .blocks .block div.head a.head span.icon-remove_red_eye {
          display: flex; }
        body.quote .blocks .block div.head a.head span.icon-visibility_off {
          display: none; }
      body.quote .blocks .block div.head a.sort-pointer {
        width: 50px;
        background: #000;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 24px;
        text-decoration: none; }
    body.quote .blocks .block.closed a span.icon-remove_red_eye {
      display: none; }
    body.quote .blocks .block.closed a span.icon-visibility_off {
      display: flex; }
    body.quote .blocks .block.closed .body {
      display: none; }
    body.quote .blocks .block .body {
      display: flex;
      flex-direction: column;
      padding: 16px; }
      body.quote .blocks .block .body .settings {
        display: flex;
        border-bottom: 1px solid #eaeaea; }
        body.quote .blocks .block .body .settings .field {
          display: flex;
          flex-direction: column;
          margin: 0 8px 8px 0; }
          body.quote .blocks .block .body .settings .field label {
            height: 20px;
            padding-top: 0;
            font-weight: bold; }
          body.quote .blocks .block .body .settings .field .value {
            display: flex;
            align-items: center;
            height: 32px; }
            body.quote .blocks .block .body .settings .field .value label {
              font-weight: normal; }
            body.quote .blocks .block .body .settings .field .value select {
              height: 100%; }
          body.quote .blocks .block .body .settings .field input.prio {
            width: 60px; }
          body.quote .blocks .block .body .settings .field ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex; }
            body.quote .blocks .block .body .settings .field ul li {
              margin-right: 4px; }
              body.quote .blocks .block .body .settings .field ul li label {
                padding: 0; }
      body.quote .blocks .block .body input.color-selector {
        width: 80px; }
      body.quote .blocks .block .body div.evo-cp-wrap {
        position: relative; }
        body.quote .blocks .block .body div.evo-cp-wrap div.evo-pop {
          top: 40px; }
  body.quote .blocks li.ui-state-highlight {
    height: 40px;
    margin-bottom: 12px; }

/* Signera
 */
body.sign-order .main {
  background: #FFF; }
  body.sign-order .main .header {
    display: none; }
  body.sign-order .main .content {
    display: flex;
    justify-content: center; }
    body.sign-order .main .content .holder {
      width: 100%;
      max-width: 400px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      body.sign-order .main .content .holder .checks {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%; }
        body.sign-order .main .content .holder .checks ul {
          list-style: none;
          margin: 0 0 24px;
          padding: 0;
          margin-bottom: 0;
          width: 100%;
          border: 1px solid #eaeaea;
          border-width: 1px 1px 0 1px; }
          body.sign-order .main .content .holder .checks ul li {
            display: flex;
            flex-wrap: wrap;
            border-bottom: 1px solid #eaeaea; }
            body.sign-order .main .content .holder .checks ul li div.check {
              display: flex;
              align-items: center;
              width: 40%;
              font-weight: bold;
              padding: 8px; }
            body.sign-order .main .content .holder .checks ul li div.status {
              display: flex;
              align-items: center;
              width: 20%;
              justify-content: center;
              text-align: center;
              padding: 8px;
              border: 1px solid #eaeaea;
              border-width: 0 0 0 1px; }
              body.sign-order .main .content .holder .checks ul li div.status span {
                font-size: 18px; }
            body.sign-order .main .content .holder .checks ul li div.action {
              display: flex;
              align-items: center;
              justify-content: flex-end;
              width: 100%;
              border-top: 1px solid #eaeaea; }
              body.sign-order .main .content .holder .checks ul li div.action div.comment {
                display: flex;
                width: 60%;
                border-left: 1px solid #eaeaea;
                padding: 8px;
                font-style: italic; }
            body.sign-order .main .content .holder .checks ul li.head div.status {
              font-weight: bold; }
        body.sign-order .main .content .holder .checks .sigPad {
          margin-top: 32px;
          position: relative; }
          body.sign-order .main .content .holder .checks .sigPad h2 {
            margin: 0 0 8px;
            text-align: center; }
          body.sign-order .main .content .holder .checks .sigPad ul {
            margin: 0;
            border: 0;
            position: absolute;
            right: 8px;
            top: 8;
            z-index: 10; }
            body.sign-order .main .content .holder .checks .sigPad ul li {
              border: 0; }
              body.sign-order .main .content .holder .checks .sigPad ul li a {
                text-decoration: none;
                padding: 0;
                font-weight: normal; }
          body.sign-order .main .content .holder .checks .sigPad .sigWrapper {
            height: auto;
            width: 100%;
            border-color: #eaeaea; }
            body.sign-order .main .content .holder .checks .sigPad .sigWrapper canvas {
              display: flex;
              width: 100%; }
        body.sign-order .main .content .holder .checks .signed_name {
          margin: 24px 0; }

body.order_subcontractor div.terms-error {
  display: none;
  width: 100%;
  padding: 12px;
  align-items: center;
  font-weight: bold; }
  body.order_subcontractor div.terms-error span {
    color: #c31f1f;
    font-size: 18px;
    margin-right: 4px; }

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