/* 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"; }

.mobile-menu {
  display: none; }

.header .portal-head .right {
  width: 40%; }
  .header .portal-head .right .cart .amount div {
    display: none; }
  .header .portal-head .right a.show-doc-mobile-menu {
    display: none; }
  .header .portal-head .right a.mobile-search {
    display: none; }
.header .portal-head .search {
  width: 30%; }
  .header .portal-head .search div.input {
    padding: 0 5px 0 0px;
    height: 50px; }
    .header .portal-head .search div.input input {
      padding: 0 0 0 20px;
      height: 100%; }
      .header .portal-head .search div.input input:focus {
        outline: none; }

.portal-page .main {
  display: flex;
  flex-wrap: wrap;
  background: #FFF; }
  .portal-page .main.fixed .header {
    position: unset; }
  .portal-page .main .header > div.menu {
    height: auto; }
    .portal-page .main .header > div.menu li a {
      padding: 15px; }
.portal-page.cart div.mobile, .portal-page.order div.mobile {
  display: none; }
.portal-page .content .text img {
  max-width: 100%; }
.portal-page .content div.shortcuts-pages {
  display: none; }
.portal-page .content .configs {
  float: left;
  width: 100%; }
.portal-page.startpage .main .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .portal-page.startpage .main .content .left {
    width: 70%;
    padding-right: 40px; }
    .portal-page.startpage .main .content .left h1 {
      width: 100%; }
    .portal-page.startpage .main .content .left .pages {
      display: none; }
    .portal-page.startpage .main .content .left video {
      width: 100%;
      height: 400px; }
    .portal-page.startpage .main .content .left .most-buyed, .portal-page.startpage .main .content .left .news-holder {
      margin-top: 40px; }
    .portal-page.startpage .main .content .left .most-buyed {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .portal-page.startpage .main .content .left .most-buyed .configs {
        border: 0; }
      .portal-page.startpage .main .content .left .most-buyed > h3 {
        border-bottom: 2px solid #ffe100;
        padding: 50px 0 10px;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%; }
        .portal-page.startpage .main .content .left .most-buyed > h3 a.button {
          border-radius: 20px;
          font-size: 13px; }
      .portal-page.startpage .main .content .left .most-buyed h3:nth-child(1) {
        padding-top: 0; }
      .portal-page.startpage .main .content .left .most-buyed ul.products {
        padding-top: 20px; }
        .portal-page.startpage .main .content .left .most-buyed ul.products li {
          width: calc(25% - 10px);
          margin: 0 5px 10px 5px; }
          @media only screen and (max-width: 700px) {
            .portal-page.startpage .main .content .left .most-buyed ul.products li {
              width: calc(50% - 10px); } }
      .portal-page.startpage .main .content .left .most-buyed table.latest-orders a.button {
        border-radius: 20px;
        background: #f3c828;
        color: #262626; }
  .portal-page.startpage .main .content .news-holder {
    width: 30%;
    background: #f5f5f5;
    padding: 20px; }
    .portal-page.startpage .main .content .news-holder h3 {
      margin: 0 0 20px;
      font-size: 20px; }
  .portal-page.startpage .main .content td.status div {
    display: flex;
    align-items: center; }
    .portal-page.startpage .main .content 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.products-list .content ul.mobile {
  display: none; }
.portal-page.doc-order a.button {
  border-radius: 20px;
  background: #f3c828;
  color: #262626; }
  .portal-page.doc-order a.button.button-support {
    background: #ff8400; }
  .portal-page.doc-order a.button.remove {
    background: #c31f1f;
    color: #FFF; }
.portal-page.doc-order td.delivery_date del {
  font-size: 11px;
  color: #666; }
.portal-page.cart tr#shipping_cost {
  display: none; }
.portal-page.cart div.quote_request {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  padding: 16px;
  border: 1px solid #eaeaea;
  margin-top: 24px; }
  .portal-page.cart div.quote_request h4 {
    margin: 0 0 16px; }
  .portal-page.cart div.quote_request label {
    padding: 0; }
    .portal-page.cart div.quote_request label input {
      margin-right: 8px; }
.portal-page.cart ul.delivery_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  width: 100%; }
  .portal-page.cart ul.delivery_list li {
    margin-bottom: 4px; }
    .portal-page.cart ul.delivery_list li label {
      display: flex;
      justify-content: space-between;
      padding: 10px 16px 10px 8px;
      border-radius: 60px;
      border: 2px solid #eaeaea;
      text-decoration: none;
      cursor: pointer; }
      .portal-page.cart ul.delivery_list li label.selected {
        /*border-color: $yellow;*/ }
      .portal-page.cart ul.delivery_list li label .price {
        display: flex; }
        .portal-page.cart ul.delivery_list li label .price .load {
          display: flex;
          align-items: center;
          font-size: 11px;
          align-items: center;
          color: #999; }
          .portal-page.cart ul.delivery_list li label .price .load img {
            height: 19px;
            margin-right: 4px; }
.portal-page.cart .settings .delivery-address {
  display: block;
  padding: 10px;
  margin-top: 0px; }
  .portal-page.cart .settings .delivery-address .delivery-button {
    display: flex;
    padding: 0; }
    .portal-page.cart .settings .delivery-address .delivery-button input {
      margin: 0 5px 0 0px; }
  .portal-page.cart .settings .delivery-address .delivery-address-holder {
    padding-top: 10px;
    display: none; }
.portal-page .main .content .subpages-boxes {
  display: flex;
  width: 100%; }
  .portal-page .main .content .subpages-boxes ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    width: 100%; }
    .portal-page .main .content .subpages-boxes ul li {
      width: calc(33.3% - 18px);
      display: flex;
      margin-bottom: 48px; }
      @media only screen and (min-width: 1100px) {
        .portal-page .main .content .subpages-boxes ul li {
          margin-right: 26px; }
          .portal-page .main .content .subpages-boxes ul li:nth-child(3n) {
            margin-right: 0px; } }
      @media only screen and (max-width: 1100px) {
        .portal-page .main .content .subpages-boxes ul li {
          width: calc(50% - 18px);
          margin-right: 26px; }
          .portal-page .main .content .subpages-boxes ul li:nth-child(2n) {
            margin-right: 0; } }
      @media only screen and (max-width: 700px) {
        .portal-page .main .content .subpages-boxes ul li {
          width: 100%; } }
      .portal-page .main .content .subpages-boxes ul li a {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-decoration: none; }
        .portal-page .main .content .subpages-boxes ul li a div.img {
          width: 100%;
          background-size: cover;
          background-position: center center; }
          .portal-page .main .content .subpages-boxes ul li a div.img img {
            width: 100%; }
        .portal-page .main .content .subpages-boxes ul li a h3 {
          margin: 12px 0 8px; }
        .portal-page .main .content .subpages-boxes ul li a div.ingress {
          text-align: center; }

.order-edit .mobile {
  display: none; }

div.news ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column; }
  div.news ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0; }
    div.news ul li a {
      text-decoration: none;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      div.news ul li a h4 {
        margin: 0 0 3px;
        font-size: 14px; }
      div.news ul li a div.date {
        font-size: 11px;
        margin-bottom: 10px; }
      div.news ul li a span {
        display: flex;
        background: #f3c828;
        font-size: 11px;
        padding: 5px 15px;
        border-radius: 30px;
        font-weight: bold;
        text-transform: uppercase; }

/* Sok i toppen */
.ui-menu {
  border-color: #eaeaea;
  border-radius: 20px; }
  .ui-menu .ui-menu-item {
    padding: 0;
    border: 0;
    border-bottom: 1px solid #f5f5f5; }
    .ui-menu .ui-menu-item div {
      padding: 5px;
      display: flex;
      align-items: center;
      border: 0; }
      .ui-menu .ui-menu-item div div.img {
        width: 80px;
        height: 50px; }
        .ui-menu .ui-menu-item div div.img img {
          max-width: 100%;
          max-height: 100%; }
      .ui-menu .ui-menu-item div div.info {
        display: flex;
        flex-direction: column;
        font-size: 12px;
        padding-left: 10px; }
        .ui-menu .ui-menu-item div div.info h5 {
          margin: 0 0 3px;
          font-size: 12px;
          font-weight: normal; }
      .ui-menu .ui-menu-item div:hover {
        background: unset;
        border: 0;
        margin: 0; }
        .ui-menu .ui-menu-item div:hover div.info h5 {
          color: #f3c828; }

.mobile-filter {
  display: none; }

/* Offert */
body.portal-page.doc-quotes div.popup,
body.doc-quote.portal-page div.popup,
body.doc-quote-info.portal-page div.popup {
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30000;
  background: rgba(0, 0, 0, 0.8);
  /* Sortering */ }
  body.portal-page.doc-quotes div.popup div.body,
  body.doc-quote.portal-page div.popup div.body,
  body.doc-quote-info.portal-page div.popup div.body {
    background: #FFF;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 500px;
    padding: 30px;
    max-height: 90%;
    max-width: 96%;
    overflow: auto; }
    @media only screen and (max-width: 700px) {
      body.portal-page.doc-quotes div.popup div.body,
      body.doc-quote.portal-page div.popup div.body,
      body.doc-quote-info.portal-page div.popup div.body {
        padding: 20px 10px; } }
    body.portal-page.doc-quotes div.popup div.body h2,
    body.doc-quote.portal-page div.popup div.body h2,
    body.doc-quote-info.portal-page div.popup div.body h2 {
      margin: 0 0 10px; }
    body.portal-page.doc-quotes div.popup div.body a.close,
    body.doc-quote.portal-page div.popup div.body a.close,
    body.doc-quote-info.portal-page div.popup div.body a.close {
      position: absolute;
      right: 20px;
      top: 20px;
      text-decoration: none;
      font-size: 24px; }
  body.portal-page.doc-quotes div.popup.terms-holder .body,
  body.doc-quote.portal-page div.popup.terms-holder .body,
  body.doc-quote-info.portal-page div.popup.terms-holder .body {
    width: 800px;
    align-items: center; }
    body.portal-page.doc-quotes div.popup.terms-holder .body h1,
    body.doc-quote.portal-page div.popup.terms-holder .body h1,
    body.doc-quote-info.portal-page div.popup.terms-holder .body h1 {
      font-size: 20px;
      text-align: left;
      width: 100%; }
    body.portal-page.doc-quotes div.popup.terms-holder .body h2,
    body.doc-quote.portal-page div.popup.terms-holder .body h2,
    body.doc-quote-info.portal-page div.popup.terms-holder .body h2 {
      text-align: left;
      font-size: 14px; }
    body.portal-page.doc-quotes div.popup.terms-holder .body p,
    body.doc-quote.portal-page div.popup.terms-holder .body p,
    body.doc-quote-info.portal-page div.popup.terms-holder .body p {
      margin-bottom: 30px;
      width: 100%;
      text-align: left; }
    body.portal-page.doc-quotes div.popup.terms-holder .body a.button,
    body.doc-quote.portal-page div.popup.terms-holder .body a.button,
    body.doc-quote-info.portal-page div.popup.terms-holder .body a.button {
      margin-top: 30px; }
  body.portal-page.doc-quotes div.popup#sort-rows ul,
  body.doc-quote.portal-page div.popup#sort-rows ul,
  body.doc-quote-info.portal-page div.popup#sort-rows ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
    list-style: none; }
    body.portal-page.doc-quotes div.popup#sort-rows ul li,
    body.doc-quote.portal-page div.popup#sort-rows ul li,
    body.doc-quote-info.portal-page div.popup#sort-rows ul li {
      width: 100%;
      display: flex;
      text-align: left; }
      body.portal-page.doc-quotes div.popup#sort-rows ul li .input-box label,
      body.doc-quote.portal-page div.popup#sort-rows ul li .input-box label,
      body.doc-quote-info.portal-page div.popup#sort-rows ul li .input-box label {
        padding: 10px 15px;
        cursor: move;
        border-radius: 30px; }
      body.portal-page.doc-quotes div.popup#sort-rows ul li.ui-state-highlight,
      body.doc-quote.portal-page div.popup#sort-rows ul li.ui-state-highlight,
      body.doc-quote-info.portal-page div.popup#sort-rows ul li.ui-state-highlight {
        border: 2px dashed #CCC;
        height: 42px;
        margin-bottom: 5px;
        border-radius: 30px; }

body.doc-quote.portal-page .main .customer-info-loader,
body.doc-quote.portal-page .main .customer-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 20; }
  body.doc-quote.portal-page .main .customer-info-loader.customer-search .result,
  body.doc-quote.portal-page .main .customer-search.customer-search .result {
    display: none;
    flex-direction: column; }
    body.doc-quote.portal-page .main .customer-info-loader.customer-search .result h3,
    body.doc-quote.portal-page .main .customer-search.customer-search .result h3 {
      margin: 0 0 3px; }
    body.doc-quote.portal-page .main .customer-info-loader.customer-search .result .customers,
    body.doc-quote.portal-page .main .customer-search.customer-search .result .customers {
      display: none;
      margin-top: 20px; }
  body.doc-quote.portal-page .main .customer-info-loader .load-body,
  body.doc-quote.portal-page .main .customer-search .load-body {
    background: #FFF;
    padding: 30px;
    border-radius: 20px; }
    body.doc-quote.portal-page .main .customer-info-loader .load-body .load-data,
    body.doc-quote.portal-page .main .customer-search .load-body .load-data {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    body.doc-quote.portal-page .main .customer-info-loader .load-body .error,
    body.doc-quote.portal-page .main .customer-search .load-body .error {
      display: none;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      body.doc-quote.portal-page .main .customer-info-loader .load-body .error span,
      body.doc-quote.portal-page .main .customer-search .load-body .error span {
        color: #c31f1f;
        font-size: 48px; }
    body.doc-quote.portal-page .main .customer-info-loader .load-body h3,
    body.doc-quote.portal-page .main .customer-search .load-body h3 {
      margin: 16px 0 0;
      text-align: center;
      font-size: 14px;
      line-height: 170%; }
body.doc-quote.portal-page .main form {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  body.doc-quote.portal-page .main form input[type=submit] {
    border-radius: 20px;
    padding: 10px 20px; }
  body.doc-quote.portal-page .main form div.order {
    display: flex;
    width: 100%;
    padding: 10px;
    border: 1px solid #f3c828;
    margin-bottom: 20px;
    background: #fdf7df; }
  body.doc-quote.portal-page .main form div.box-form {
    width: calc(33.3% - 16px);
    margin: 0 16px 16px 0; }
    @media only screen and (max-width: 1100px) {
      body.doc-quote.portal-page .main form div.box-form {
        width: calc(50% - 16px); }
        body.doc-quote.portal-page .main form div.box-form.comment {
          width: 100%; }
        body.doc-quote.portal-page .main form div.box-form .body {
          padding: 20px; } }
    @media only screen and (max-width: 700px) {
      body.doc-quote.portal-page .main form div.box-form {
        width: 100%;
        margin: 0 0 16px; }
        body.doc-quote.portal-page .main form div.box-form .body {
          padding: 10px; } }
    body.doc-quote.portal-page .main form div.box-form div.field {
      width: 100%; }
      body.doc-quote.portal-page .main form div.box-form div.field label {
        font-weight: normal; }
      body.doc-quote.portal-page .main form div.box-form div.field input {
        margin-bottom: 3px; }
      body.doc-quote.portal-page .main form div.box-form div.field.field-zipcode {
        width: 30%; }
      body.doc-quote.portal-page .main form div.box-form div.field.field-city {
        width: 70%; }
      body.doc-quote.portal-page .main form div.box-form div.field.field-half {
        width: 50%; }
      body.doc-quote.portal-page .main form div.box-form div.field.field-customer-number {
        display: flex;
        flex-wrap: wrap; }
        body.doc-quote.portal-page .main form div.box-form div.field.field-customer-number label {
          width: 100%; }
        body.doc-quote.portal-page .main form div.box-form div.field.field-customer-number input[type=text] {
          width: 50%; }
        body.doc-quote.portal-page .main form div.box-form div.field.field-customer-number a {
          margin-left: 10px; }
      body.doc-quote.portal-page .main form div.box-form div.field .radios {
        display: flex; }
        body.doc-quote.portal-page .main form div.box-form div.field .radios label {
          margin-right: 10px; }
    body.doc-quote.portal-page .main form div.box-form table {
      width: 100%;
      margin-top: 0; }
      body.doc-quote.portal-page .main form div.box-form table.list-a {
        width: auto; }
      body.doc-quote.portal-page .main form div.box-form table td {
        padding-right: 0; }
        body.doc-quote.portal-page .main form div.box-form table td.zipcode {
          width: 100px; }
        body.doc-quote.portal-page .main form div.box-form table td input {
          margin-bottom: 4px; }
        body.doc-quote.portal-page .main form div.box-form table td.buttons {
          display: flex; }
          body.doc-quote.portal-page .main form div.box-form table td.buttons label {
            display: flex;
            align-items: center;
            border: 1px solid #eaeaea;
            padding: 6px 8px;
            border-radius: 2px;
            margin-right: 4px; }
            body.doc-quote.portal-page .main form div.box-form table td.buttons label input {
              margin: 0 4px 0 0; }
    body.doc-quote.portal-page .main form div.box-form.order-rows {
      width: 100%;
      /* If company */ }
      @media only screen and (max-width: 1100px) {
        body.doc-quote.portal-page .main form div.box-form.order-rows .body {
          padding: 10px; } }
      @media only screen and (max-width: 700px) {
        body.doc-quote.portal-page .main form div.box-form.order-rows .body {
          padding: 10px 0px; } }
      body.doc-quote.portal-page .main form div.box-form.order-rows .body .desc {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 20px; }
        @media only screen and (max-width: 700px) {
          body.doc-quote.portal-page .main form div.box-form.order-rows .body .desc {
            padding: 0 10px;
            align-items: center; } }
        body.doc-quote.portal-page .main form div.box-form.order-rows .body .desc div.buttons {
          display: flex; }
          body.doc-quote.portal-page .main form div.box-form.order-rows .body .desc div.buttons div {
            display: flex; }
            body.doc-quote.portal-page .main form div.box-form.order-rows .body .desc div.buttons div label {
              display: flex;
              align-items: center;
              padding: 0 10px;
              background: red;
              border-radius: 20px;
              text-transform: uppercase;
              font-size: 10px;
              font-weight: bold;
              background: #f3c828; }
              body.doc-quote.portal-page .main form div.box-form.order-rows .body .desc div.buttons div label input {
                margin: 0 4px 0 0; }
          body.doc-quote.portal-page .main form div.box-form.order-rows .body .desc div.buttons a {
            margin-left: 8px; }
      body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%; }
        body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li {
          display: flex;
          flex-wrap: wrap;
          border-bottom: 1px solid #eaeaea;
          padding: 5px 0;
          align-items: center; }
          @media only screen and (max-width: 1400px) {
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li {
              padding: 10px; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li:nth-child(2n) {
                background: #f8f8f8; } }
          body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div {
            display: flex;
            flex-direction: column;
            padding-right: 2px;
            align-items: flex-start;
            /* Kundvy */ }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div span {
              display: none; }
              @media only screen and (max-width: 1400px) {
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div span {
                  display: flex;
                  text-transform: uppercase;
                  font-size: 10px;
                  align-items: center; }
                  body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div span a {
                    display: flex;
                    text-decoration: none; }
                    body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div span a span {
                      margin-left: 4px; } }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.article_number {
              width: 90px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.product {
              width: calc(100% - 90px - 60px - 50px - 80px - 70px - 80px - 90px - 90px - 80px - 90px); }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.home_work {
              width: 60px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.amount {
              width: 50px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.retail_price {
              width: 80px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode {
              width: 70px; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount .discount-field, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode .discount-field {
                display: flex;
                flex-direction: row;
                align-items: center; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount .discount-field .input, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode .discount-field .input {
                  border: 1px solid #eaeaea;
                  position: relative;
                  display: flex;
                  align-items: center;
                  margin-right: 3px; }
                  body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount .discount-field .input input, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode .discount-field .input input {
                    border: 0;
                    padding-right: 20px;
                    text-align: right; }
                  body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount .discount-field .input span.prefix, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode .discount-field .input span.prefix {
                    display: flex;
                    align-items: center;
                    height: 100%;
                    color: #404042;
                    position: absolute;
                    right: 5px; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount .discount-field span.switch, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode .discount-field span.switch {
                  display: inline-block; }
                  body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount .discount-field span.switch span, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode .discount-field span.switch span {
                    display: inline-block; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.price {
              width: 80px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.amount input, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.retail_price input, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.price input {
              text-align: right; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.sum {
              width: 90px;
              align-items: flex-end; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.tg {
              width: 90px;
              align-items: flex-end; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.tb {
              width: 90px;
              align-items: flex-end;
              display: none; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.edit {
              width: 80px;
              justify-content: flex-end;
              flex-direction: row; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.edit span {
                display: inline-block; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.edit a {
                margin-left: 3px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.remove {
              width: 90px;
              justify-content: flex-end;
              font-size: 11px;
              flex-direction: row;
              align-items: center; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.remove input {
                margin: 0 5px 0 0; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.price-incl-vat, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.sum-incl-vat {
              width: 130px;
              display: none;
              align-items: flex-end; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode {
              display: none; }
            @media only screen and (max-width: 1400px) {
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div {
                padding-right: 3px; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.article_number {
                  width: 15%;
                  order: 1; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.product {
                  width: 60%;
                  order: 2; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.edit {
                  width: 15%;
                  align-items: flex-end;
                  order: 3; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.remove {
                  width: 10%;
                  order: 4; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.article_number, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.product, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.edit, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.remove {
                  padding-bottom: 10px; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.home_work {
                  width: 10%;
                  order: 5; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.amount {
                  width: 10%;
                  order: 6; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.retail_price {
                  width: 15%;
                  order: 7; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount {
                  width: 15%;
                  order: 9; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.price {
                  width: 20%;
                  order: 8; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.sum {
                  width: 15%;
                  order: 11;
                  font-weight: bold; }
                  body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.sum span {
                    font-weight: normal; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.tg, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.tb {
                  width: 15%;
                  order: 10; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount-customer-mode {
                  order: 8; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.price-incl-vat {
                  order: 10; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.sum-incl-vat {
                  order: 11; } }
            @media only screen and (max-width: 700px) {
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div option, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div select, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div input, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div textarea {
                font-size: 11px; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.article_number {
                width: 25%;
                order: 1; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.product {
                width: 54%;
                order: 2; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.edit {
                width: 21%;
                order: 3; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.home_work {
                width: 20%;
                order: 4; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.amount {
                width: 15%;
                order: 5; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.retail_price {
                width: 20%;
                order: 6; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount {
                width: 20%;
                order: 7; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.price {
                width: 25%;
                order: 8;
                padding: 0; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.home_work, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.amount, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.retail_price, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.discount, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.price {
                padding-bottom: 10px; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.remove {
                width: 30%;
                order: 9;
                justify-content: flex-start; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.sum {
                width: 40%;
                order: 11; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.tb, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.tg {
                width: 30%;
                order: 10;
                align-items: flex-start; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.price-incl-vat, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.sum-incl-vat {
                width: 35%; } }
          body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li.head {
            text-transform: uppercase;
            font-size: 11px; }
            @media only screen and (max-width: 1400px) {
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li.head {
                display: none; } }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li.head div.tg,
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li.head div.tb {
              flex-direction: row;
              justify-content: flex-end;
              align-items: center; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li.head div.tg span,
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li.head div.tb span {
                display: flex; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li.head div.tg span a,
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li.head div.tb span a {
                  text-decoration: none;
                  font-size: 14px;
                  margin-left: 4px; }
          body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data {
            width: 100%;
            display: none;
            background: #f5f5f5;
            padding: 10px;
            border: 1px solid #eaeaea;
            margin-top: 5px;
            order: 30; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .fields {
              display: flex;
              flex-direction: row; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .fields div {
                margin: 0 16px 0 0; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .fields div span {
                  display: inline-block; }
            body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data {
              margin-top: 16px; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data a {
                margin-bottom: 20px; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data span {
                display: inline-block; }
              body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data table {
                border-collapse: collapse;
                width: auto; }
                body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data table td, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data table th {
                  border: 1px solid #eaeaea;
                  padding: 5px 10px 5px 5px; }
                  @media only screen and (max-width: 700px) {
                    body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data table td, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data table th {
                      font-size: 10px;
                      padding: 5px; } }
                  body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data table td.r, body.doc-quote.portal-page .main form div.box-form.order-rows ul.rows li div.data .config-data table th.r {
                    padding: 5px 5px 5px 10px; }
      body.doc-quote.portal-page .main form div.box-form.order-rows div.total {
        display: flex;
        width: 100%;
        margin-top: 20px;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap; }
        body.doc-quote.portal-page .main form div.box-form.order-rows div.total .buttons {
          display: flex;
          flex-wrap: wrap;
          width: 50%; }
          body.doc-quote.portal-page .main form div.box-form.order-rows div.total .buttons a {
            margin: 0 3px 3px 0; }
          @media only screen and (max-width: 700px) {
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total .buttons {
              width: 100%;
              order: 2;
              margin-top: 20px;
              padding: 0 10px; } }
        body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul {
          list-style: none;
          margin: 0;
          padding: 0;
          width: 50%; }
          @media only screen and (max-width: 700px) {
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul {
              width: 100%;
              order: 1; } }
          body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li {
            display: flex;
            justify-content: flex-end;
            font-size: 14px;
            font-weight: bold;
            padding-bottom: 5px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.vat, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.sum_incl_vat_before, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.rot, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.rut {
              font-weight: normal;
              font-size: 12px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.rot, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.rut {
              color: #c31f1f; }
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.sum_incl_vat {
              font-size: 16px;
              margin-top: 10px; }
              body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.sum_incl_vat span,
              body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li.sum_incl_vat div.value {
                border-top: 1px solid #eaeaea;
                padding-top: 10px; }
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div {
              display: flex;
              justify-content: flex-end; }
              body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.value {
                width: 20%; }
              body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.tg, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.tb {
                width: 90px;
                font-size: 13px;
                font-weight: normal; }
              body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.tb {
                display: none; }
              body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.remove {
                width: 170px; }
              @media only screen and (max-width: 1400px) {
                body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.remove, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.tg, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.tb {
                  display: none; } }
              @media only screen and (max-width: 1100px) {
                body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.remove, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.tg, body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.tb {
                  display: none; }
                body.doc-quote.portal-page .main form div.box-form.order-rows div.total ul li div.value {
                  padding-right: 10px;
                  width: 30%; } }
        body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation {
          border: 1px solid #eaeaea;
          padding: 12px;
          margin-top: 12px; }
          @media only screen and (max-width: 700px) {
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation {
              border-width: 1px 0 0; } }
          body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation h4 {
            margin: 0 0 8px; }
          body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation table.tablet {
            margin-bottom: 12px; }
            @media only screen and (max-width: 700px) {
              body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation table.tablet {
                display: none; } }
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation table.tablet th, body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation table.tablet td {
              padding-right: 16px; }
          body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation table.mobile.list {
            display: none;
            margin-bottom: 12px; }
            @media only screen and (max-width: 700px) {
              body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation table.mobile.list {
                display: flex; }
                body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation table.mobile.list tr td {
                  border-bottom: 1px solid #eaeaea; } }
          body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation i {
            font-size: 11px; }
          @media only screen and (max-width: 700px) {
            body.doc-quote.portal-page .main form div.box-form.order-rows div.total div.calculation {
              width: 100%;
              order: 3; } }
      body.doc-quote.portal-page .main form div.box-form.order-rows.calc_tb ul.rows div.tg {
        display: none !important; }
      body.doc-quote.portal-page .main form div.box-form.order-rows.calc_tb ul.rows div.tb {
        display: flex !important; }
      body.doc-quote.portal-page .main form div.box-form.order-rows.calc_tb div.total div.tg {
        display: none !important; }
      body.doc-quote.portal-page .main form div.box-form.order-rows.calc_tb div.total div.tb {
        display: flex !important; }
      @media only screen and (max-width: 1400px) {
        body.doc-quote.portal-page .main form div.box-form.order-rows.calc_tb div.total div.tg, body.doc-quote.portal-page .main form div.box-form.order-rows.calc_tb div.total div.tb {
          display: none !important; } }
      body.doc-quote.portal-page .main form div.box-form.order-rows.calc_tb.customer-mode ul.rows div.tb {
        display: none !important; }
      body.doc-quote.portal-page .main form div.box-form.order-rows.calc_tb.customer-mode div.total div.tb {
        display: none !important; }
      body.doc-quote.portal-page .main form div.box-form.order-rows.order-rows-company {
        						/*ul.rows {
        							li {
        								div {
        
        									&.article_number {
        										@media only screen and (max-width: $mobile-width) {
        											width: 25%;
        										}
        									}
        
        									&.product {
        										width: 40%;
        									
        										@media only screen and (max-width: $tablet-width) {
        											width: 60%;
        										}
        
        										@media only screen and (max-width: $mobile-width) {
        											width: 54%;
        										}
        									}
        									&.home_work { width: 5%; display: none; }
        
        									&.discount {
        										@media only screen and (max-width: $mobile-width) {
        											width: 30%;
        										}
        									}
        
        									&.price {
        										@media only screen and (max-width: $mobile-width) {
        											width: 30%;
        										}
        									}
        
        									&.retail_price {
        										@media only screen and (max-width: $mobile-width) {
        											width: 25%;
        										}
        									}
        			
        									&.sum {
        										@media only screen and (max-width: $tablet-width) {
        											width: 25%; padding-right: 0;
        										}
        
        										@media only screen and (max-width: $mobile-width) {
        											&.sum { width: 40%; }
        										}
        									}
        								}
        							}
        						}*/ }
        body.doc-quote.portal-page .main form div.box-form.order-rows.order-rows-company div.total ul li.sum_excl_vat {
          font-size: 16px;
          margin-bottom: 10px; }
          body.doc-quote.portal-page .main form div.box-form.order-rows.order-rows-company div.total ul li.sum_excl_vat span,
          body.doc-quote.portal-page .main form div.box-form.order-rows.order-rows-company div.total ul li.sum_excl_vat div.value {
            border-bottom: 1px solid #eaeaea;
            padding-bottom: 10px; }
        body.doc-quote.portal-page .main form div.box-form.order-rows.order-rows-company div.total ul li.sum_incl_vat {
          font-size: 12px;
          font-weight: normal; }
          body.doc-quote.portal-page .main form div.box-form.order-rows.order-rows-company div.total ul li.sum_incl_vat span,
          body.doc-quote.portal-page .main form div.box-form.order-rows.order-rows-company div.total ul li.sum_incl_vat div.value {
            border-top: 0;
            padding-top: 0px; }
      body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode {
        /* Kundvy */
        /* Kundvy */ }
        body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode div.retail_price, body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode div.tb, body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode div.tg, body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode div.discount {
          display: none; }
        body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode ul.rows li div.discount-customer-mode {
          display: flex;
          align-items: flex-end; }
          body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode ul.rows li div.discount-customer-mode.no-discount {
            align-items: flex-start; }
            body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode ul.rows li div.discount-customer-mode.no-discount a {
              margin-left: 12px; }
          body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode ul.rows li div.discount-customer-mode div.discount-customer-mode-discount {
            color: #c31f1f; }
          body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode ul.rows li div.discount-customer-mode a {
            margin-left: 4px;
            text-decoration: none; }
            body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode ul.rows li div.discount-customer-mode a span {
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 9px;
              background: #f5f5f5;
              border-radius: 20px;
              width: 16px;
              height: 16px; }
        body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode.order-rows-private ul.rows li div.price-incl-vat,
        body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode.order-rows-private ul.rows li div.sum-incl-vat {
          display: flex; }
        body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode.order-rows-private ul.rows li div.sum {
          display: none; }
        body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode.order-rows-company ul.rows li div.sum {
          width: 260px; }
        body.doc-quote.portal-page .main form div.box-form.order-rows.customer-mode .calculation {
          display: none; }
    body.doc-quote.portal-page .main form div.box-form.shipping-cost {
      width: 100%; }
      body.doc-quote.portal-page .main form div.box-form.shipping-cost .body {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
        body.doc-quote.portal-page .main form div.box-form.shipping-cost .body img.est_shipping_cost_loader {
          display: none; }
        body.doc-quote.portal-page .main form div.box-form.shipping-cost .body .est_shipping_cost {
          display: none;
          padding-top: 24px; }
          body.doc-quote.portal-page .main form div.box-form.shipping-cost .body .est_shipping_cost td {
            padding-right: 24px; }
            body.doc-quote.portal-page .main form div.box-form.shipping-cost .body .est_shipping_cost td.r {
              text-align: right; }
    body.doc-quote.portal-page .main form div.box-form.customer-settings td.empty {
      padding: 8px 0; }
body.doc-quote.portal-page .main #configs {
  display: none; }
  body.doc-quote.portal-page .main #configs .config-list,
  body.doc-quote.portal-page .main #configs .products ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%; }
    body.doc-quote.portal-page .main #configs .config-list li,
    body.doc-quote.portal-page .main #configs .products ul li {
      display: flex;
      margin-bottom: 5px;
      width: 100%; }
      body.doc-quote.portal-page .main #configs .config-list li a,
      body.doc-quote.portal-page .main #configs .products ul li a {
        display: flex;
        border: 1px solid #eaeaea;
        padding: 10px 20px;
        width: 100%;
        border-radius: 20px;
        text-decoration: none;
        margin-bottom: 0; }
        body.doc-quote.portal-page .main #configs .config-list li a:hover,
        body.doc-quote.portal-page .main #configs .products ul li a:hover {
          border-color: #f3c828; }
  body.doc-quote.portal-page .main #configs .products {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
    body.doc-quote.portal-page .main #configs .products a {
      text-decoration: none;
      margin-bottom: 20px;
      display: flex;
      align-items: center; }
body.doc-quote.portal-page .main #products {
  display: none; }
  body.doc-quote.portal-page .main #products .body {
    width: 800px;
    height: 600px; }
  body.doc-quote.portal-page .main #products form#product_search {
    display: flex;
    width: 100%;
    align-items: stretch;
    flex-wrap: unset; }
    body.doc-quote.portal-page .main #products form#product_search input[type=submit] {
      margin: 0 0 0 5px; }
  body.doc-quote.portal-page .main #products .result {
    width: 100%; }
    body.doc-quote.portal-page .main #products .result label.button {
      display: flex;
      justify-content: center;
      cursor: pointer;
      padding: 10px 15px;
      margin: 0;
      font-size: 10px;
      text-transform: uppercase;
      background: #f3c828;
      border-radius: 20px;
      position: relative; }
      body.doc-quote.portal-page .main #products .result label.button span {
        display: flex;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        z-index: 1; }
      body.doc-quote.portal-page .main #products .result label.button input {
        opacity: 0.001;
        position: absolute;
        z-index: 0; }
body.doc-quote.portal-page .main #mounts {
  display: none; }
  body.doc-quote.portal-page .main #mounts label {
    padding: 0; }
  body.doc-quote.portal-page .main #mounts th {
    padding: 5px 10px 5px 0px; }
body.doc-quote.portal-page .main #config_added .body {
  align-items: center; }
  body.doc-quote.portal-page .main #config_added .body ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex; }
    body.doc-quote.portal-page .main #config_added .body ul li {
      padding: 0 5px;
      flex-grow: 1;
      width: 160px; }
      body.doc-quote.portal-page .main #config_added .body ul li a {
        width: 100%; }
body.doc-quote.portal-page .main #addons .body {
  width: 800px;
  align-items: center; }
  body.doc-quote.portal-page .main #addons .body h2 {
    width: 100%;
    text-align: left; }
  body.doc-quote.portal-page .main #addons .body .button {
    display: flex;
    align-items: center;
    border-radius: 30px;
    padding: 10px 20px 10px 15px;
    background: #f3c828;
    color: #000;
    margin-top: 20px;
    cursor: pointer; }
    body.doc-quote.portal-page .main #addons .body .button span {
      margin-left: 5px;
      color: #FFF;
      font-weight: bold;
      text-transform: uppercase; }
    body.doc-quote.portal-page .main #addons .body .button input {
      cursor: pointer; }
  body.doc-quote.portal-page .main #addons .body .mountlist {
    width: 100%;
    display: flex;
    margin: 20px 0 30px; }
    body.doc-quote.portal-page .main #addons .body .mountlist li > label {
      justify-content: space-between; }
  body.doc-quote.portal-page .main #addons .body ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    body.doc-quote.portal-page .main #addons .body ul li {
      width: 25%;
      padding: 0 10px 10px 0; }
      @media only screen and (max-width: 700px) {
        body.doc-quote.portal-page .main #addons .body ul li {
          width: 50%; } }
      body.doc-quote.portal-page .main #addons .body ul li > label {
        border: 1px solid #eaeaea;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
        height: 100%; }
        body.doc-quote.portal-page .main #addons .body ul li > label .mount-top {
          width: 100%; }
        body.doc-quote.portal-page .main #addons .body ul li > label h3 {
          margin: 10px 0 0; }
        body.doc-quote.portal-page .main #addons .body ul li > label .image {
          width: 100%; }
          body.doc-quote.portal-page .main #addons .body ul li > label .image img {
            max-width: 100%; }
        body.doc-quote.portal-page .main #addons .body ul li > label .buy {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: flex-end;
          margin-top: 20px; }
          body.doc-quote.portal-page .main #addons .body ul li > label .buy .amount {
            display: flex;
            flex-direction: column;
            text-align: left; }
            body.doc-quote.portal-page .main #addons .body ul li > label .buy .amount span {
              text-transform: uppercase;
              font-size: 10px; }
            body.doc-quote.portal-page .main #addons .body ul li > label .buy .amount input {
              width: 50px; }
          body.doc-quote.portal-page .main #addons .body ul li > label .buy .price {
            font-weight: bold;
            font-size: 16px;
            padding-bottom: 10px; }

body.portal-page.doc-quote-info div.trial-info,
body.portal-page.doc-quotes div.trial-info {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border: 1px solid #f3c828;
  margin-bottom: 20px;
  background: #fdf7df;
  justify-content: space-between; }
  @media only screen and (max-width: 700px) {
    body.portal-page.doc-quote-info div.trial-info,
    body.portal-page.doc-quotes div.trial-info {
      flex-direction: column;
      align-items: flex-start; } }
  body.portal-page.doc-quote-info div.trial-info div.info,
  body.portal-page.doc-quotes div.trial-info div.info {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 700px) {
      body.portal-page.doc-quote-info div.trial-info div.info,
      body.portal-page.doc-quotes div.trial-info div.info {
        margin-bottom: 10px; } }
    body.portal-page.doc-quote-info div.trial-info div.info span,
    body.portal-page.doc-quotes div.trial-info div.info span {
      font-size: 18px;
      color: #f3c828;
      margin-right: 10px; }
  body.portal-page.doc-quote-info div.trial-info input[type="submit"],
  body.portal-page.doc-quotes div.trial-info input[type="submit"] {
    margin: 0;
    border-radius: 100px;
    padding: 10px 20px; }
  body.portal-page.doc-quote-info div.trial-info.green,
  body.portal-page.doc-quotes div.trial-info.green {
    border-color: #42ba7c;
    background: #dff5ea; }
    body.portal-page.doc-quote-info div.trial-info.green div.info span,
    body.portal-page.doc-quotes div.trial-info.green div.info span {
      color: #42ba7c; }

div#help-quote .body {
  align-items: flex-start; }
  div#help-quote .body h5 {
    padding: 20px 0 5px;
    margin: 0;
    font-size: 14px;
    border-top: 1px solid #eaeaea;
    text-align: left; }
  div#help-quote .body p {
    margin: 0 0 20px;
    text-align: left; }

body.portal-page.doc-quotes div.top,
body.portal-page.startpage div.top {
  display: flex;
  width: 100%;
  justify-content: space-between; }
  @media only screen and (max-width: 700px) {
    body.portal-page.doc-quotes div.top div.buttons a,
    body.portal-page.startpage div.top div.buttons a {
      padding: 10px;
      font-size: 10px;
      text-transform: uppercase; } }
  body.portal-page.doc-quotes div.top div.buttons a.button-support,
  body.portal-page.startpage div.top div.buttons a.button-support {
    display: flex;
    align-items: center;
    background: #ff8400;
    padding-left: 15px; }
    @media only screen and (max-width: 700px) {
      body.portal-page.doc-quotes div.top div.buttons a.button-support,
      body.portal-page.startpage div.top div.buttons a.button-support {
        display: none; } }
    body.portal-page.doc-quotes div.top div.buttons a.button-support span,
    body.portal-page.startpage div.top div.buttons a.button-support span {
      margin-right: 5px;
      font-size: 15px; }
body.portal-page.doc-quotes div.popup div.body,
body.portal-page.startpage div.popup div.body {
  align-items: center; }
  body.portal-page.doc-quotes div.popup div.body h2,
  body.portal-page.startpage div.popup div.body h2 {
    margin-bottom: 20px; }
  body.portal-page.doc-quotes div.popup div.body ul,
  body.portal-page.startpage div.popup div.body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    body.portal-page.doc-quotes div.popup div.body ul li,
    body.portal-page.startpage div.popup div.body ul li {
      padding: 0 5px;
      width: 160px; }
      body.portal-page.doc-quotes div.popup div.body ul li a,
      body.portal-page.startpage div.popup div.body ul li a {
        width: 100%; }
body.portal-page.doc-quotes table.list tr.status-removed a,
body.portal-page.startpage table.list tr.status-removed a {
  text-decoration: none; }
body.portal-page.doc-quotes table.list tr.status-removed a, body.portal-page.doc-quotes table.list tr.status-removed td,
body.portal-page.startpage table.list tr.status-removed a,
body.portal-page.startpage table.list tr.status-removed td {
  color: #c6c6cc;
  font-style: italic; }
body.portal-page.doc-quotes table.list tr.status-removed a.button,
body.portal-page.startpage table.list tr.status-removed a.button {
  color: #262626; }
  body.portal-page.doc-quotes table.list tr.status-removed a.button.remove, body.portal-page.doc-quotes table.list tr.status-removed a.button.button-pdf,
  body.portal-page.startpage table.list tr.status-removed a.button.remove,
  body.portal-page.startpage table.list tr.status-removed a.button.button-pdf {
    display: none; }
body.portal-page.doc-quotes table.list td span.label,
body.portal-page.startpage table.list td span.label {
  display: none; }
body.portal-page.doc-quotes table.list td.order_number,
body.portal-page.startpage table.list td.order_number {
  padding: 0; }
  body.portal-page.doc-quotes table.list td.order_number a,
  body.portal-page.startpage table.list td.order_number a {
    padding: 10px;
    width: 100%;
    display: flex; }
@media only screen and (max-width: 700px) {
  body.portal-page.doc-quotes table.list thead,
  body.portal-page.startpage table.list thead {
    display: none; }
  body.portal-page.doc-quotes table.list tbody tr,
  body.portal-page.startpage table.list tbody tr {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding: 10px 10px 0;
    border-radius: 3px; }
    body.portal-page.doc-quotes table.list tbody tr td,
    body.portal-page.startpage table.list tbody tr td {
      display: flex;
      flex-direction: column;
      border: 0;
      padding: 0 10px 10px 0;
      /*&.date { width: 25%; display: flex; order: 4; }*/ }
      body.portal-page.doc-quotes table.list tbody tr td.order_number,
      body.portal-page.startpage table.list tbody tr td.order_number {
        width: 30%;
        order: 1; }
      body.portal-page.doc-quotes table.list tbody tr td.name,
      body.portal-page.startpage table.list tbody tr td.name {
        width: 50%;
        order: 2; }
      body.portal-page.doc-quotes table.list tbody tr td.status,
      body.portal-page.startpage table.list tbody tr td.status {
        width: 20%;
        display: flex;
        order: 3; }
      body.portal-page.doc-quotes table.list tbody tr td.expire_date,
      body.portal-page.startpage table.list tbody tr td.expire_date {
        width: 30%;
        order: 5; }
      body.portal-page.doc-quotes table.list tbody tr td.user,
      body.portal-page.startpage table.list tbody tr td.user {
        width: 50%;
        order: 6; }
      body.portal-page.doc-quotes table.list tbody tr td.supplier_order_id,
      body.portal-page.startpage table.list tbody tr td.supplier_order_id {
        width: 20%;
        order: 7; }
      body.portal-page.doc-quotes table.list tbody tr td.erp_order_id,
      body.portal-page.startpage table.list tbody tr td.erp_order_id {
        width: 50%;
        order: 8; }
      body.portal-page.doc-quotes table.list tbody tr td.buttons,
      body.portal-page.startpage table.list tbody tr td.buttons {
        width: 100%;
        order: 9; }
      body.portal-page.doc-quotes table.list tbody tr td.buttons,
      body.portal-page.startpage table.list tbody tr td.buttons {
        flex-direction: row; }
        body.portal-page.doc-quotes table.list tbody tr td.buttons a,
        body.portal-page.startpage table.list tbody tr td.buttons a {
          margin-right: 5px; }
      body.portal-page.doc-quotes table.list tbody tr td.order_number a,
      body.portal-page.startpage table.list tbody tr td.order_number a {
        padding: 0; }
      body.portal-page.doc-quotes table.list tbody tr td span.label,
      body.portal-page.startpage table.list tbody tr td span.label {
        display: inline-block;
        font-weight: bold; } }
body.portal-page.doc-quotes table.list td.status div span.dot.dot-inactive, body.portal-page.doc-quotes table.list td.status div span.dot.dot-removed,
body.portal-page.startpage table.list td.status div span.dot.dot-inactive,
body.portal-page.startpage table.list td.status div span.dot.dot-removed {
  background: #999;
  border-color: #999; }
body.portal-page.doc-quotes table.list td.status div span.dot.dot-ordered, body.portal-page.doc-quotes table.list td.status div span.dot.dot-active,
body.portal-page.startpage table.list td.status div span.dot.dot-ordered,
body.portal-page.startpage table.list td.status div span.dot.dot-active {
  background: #ff8400;
  border-color: #bf6300; }
body.portal-page.doc-quotes table.list td.status div span.dot.dot-treated, body.portal-page.doc-quotes table.list td.status div span.dot.dot-order,
body.portal-page.startpage table.list td.status div span.dot.dot-treated,
body.portal-page.startpage table.list td.status div span.dot.dot-order {
  background: #42ba7c;
  border-color: #1a8b51; }
body.portal-page.doc-quotes table.list td.status div span.dot.dot-sent, body.portal-page.doc-quotes table.list td.status div span.dot.dot-nothanks,
body.portal-page.startpage table.list td.status div span.dot.dot-sent,
body.portal-page.startpage table.list td.status div span.dot.dot-nothanks {
  background: #c31f1f;
  border-color: #af0000; }
body.portal-page.doc-quotes table.list td.status div span.dot.dot-weborder, body.portal-page.doc-quotes table.list td.status div span.dot.dot-production,
body.portal-page.startpage table.list td.status div span.dot.dot-weborder,
body.portal-page.startpage table.list td.status div span.dot.dot-production {
  background: #2993d1;
  border-color: #0067a4; }
body.portal-page.doc-quotes table.list td.status div span.dot.dot-invoiced,
body.portal-page.startpage table.list td.status div span.dot.dot-invoiced {
  background: #00eaff;
  border-color: #02a6b5; }
body.portal-page.doc-quotes table.list td.status div span.dot.dot-quote,
body.portal-page.startpage table.list td.status div span.dot.dot-quote {
  background: #ffed00;
  border-color: #d6c700; }
body.portal-page.doc-quotes table.list td.status div span.dot.dot-request,
body.portal-page.startpage table.list td.status div span.dot.dot-request {
  background: #7829d1;
  border-color: #6422ae; }
body.portal-page.doc-quotes table.list td.erp_order_id a,
body.portal-page.startpage table.list td.erp_order_id a {
  position: relative; }
  body.portal-page.doc-quotes table.list td.erp_order_id a span,
  body.portal-page.startpage table.list td.erp_order_id a span {
    position: absolute;
    right: -6px;
    top: -3px;
    color: #c31f1f;
    background: #FFF;
    border-radius: 100px;
    font-size: 14px; }

body.doc-quote-info {
  /*.page-menu { display: none; }
  .content { width: 100%; }*/ }
  body.doc-quote-info form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
  body.doc-quote-info ul.usp {
    list-style: none;
    margin: 20px 0 20px;
    padding: 0; }
    body.doc-quote-info ul.usp li {
      display: flex;
      align-items: center;
      margin-bottom: 5px;
      font-size: 14px;
      background: #fcfcfc;
      border: 1px solid #eaeaea;
      padding: 12px 24px 12px 15px;
      border-radius: 100px; }
      body.doc-quote-info ul.usp li span {
        color: #42ba7c;
        font-size: 16px;
        margin-right: 5px; }
  body.doc-quote-info table.addons {
    border-collapse: collapse;
    margin-bottom: 4px; }
    body.doc-quote-info table.addons td {
      border: 1px solid #eaeaea;
      padding: 8px; }
      body.doc-quote-info table.addons td.r {
        text-align: right; }
  body.doc-quote-info i.info {
    font-size: 13px; }
  body.doc-quote-info ul.functions {
    margin: 0 0 20px; }
    body.doc-quote-info ul.functions li {
      padding: 2px 0; }
  body.doc-quote-info ul.payment {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    width: 400px;
    max-width: 100%; }
    body.doc-quote-info ul.payment li {
      display: flex;
      width: 100%;
      margin-bottom: 5px; }
      body.doc-quote-info ul.payment li label {
        display: flex;
        border: 1px solid #eaeaea;
        width: 100%;
        flex-wrap: wrap;
        padding: 10px;
        border-radius: 10px;
        cursor: pointer; }
        body.doc-quote-info ul.payment li label div.input {
          width: 10%; }
        body.doc-quote-info ul.payment li label .radio,
        body.doc-quote-info ul.payment li label .price {
          width: 100%;
          display: flex;
          align-items: center; }
          body.doc-quote-info ul.payment li label .radio .title,
          body.doc-quote-info ul.payment li label .price .title {
            width: 60%;
            font-weight: bold;
            font-size: 14px;
            display: flex;
            align-items: center; }
          body.doc-quote-info ul.payment li label .radio .cost,
          body.doc-quote-info ul.payment li label .price .cost {
            display: flex;
            width: 30%;
            justify-content: flex-end;
            font-size: 14px;
            display: flex;
            align-items: center; }
          body.doc-quote-info ul.payment li label .radio .total-cost,
          body.doc-quote-info ul.payment li label .price .total-cost {
            display: flex;
            padding-top: 5px; }
            body.doc-quote-info ul.payment li label .radio .total-cost .save,
            body.doc-quote-info ul.payment li label .price .total-cost .save {
              color: #c31f1f;
              margin-left: 20px;
              font-size: 14px;
              font-weight: bold; }
    body.doc-quote-info ul.payment.erp li label .radio .title {
      font-weight: normal; }
  body.doc-quote-info p {
    margin-top: 0; }
  body.doc-quote-info h2, body.doc-quote-info h3 {
    margin: 30px 0 10px;
    width: 100%; }
  body.doc-quote-info h2 {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5px;
    margin-bottom: 20px; }
  body.doc-quote-info h4 {
    font-size: 18px;
    margin: 0 0 8px; }
  body.doc-quote-info input[type=submit] {
    margin-bottom: 20px; }
  body.doc-quote-info div.by-adminbolaget {
    display: flex;
    align-items: center;
    font-style: italic;
    width: 100%;
    border-top: 1px solid #eaeaea;
    margin-top: 30px;
    padding-top: 20px; }
    body.doc-quote-info div.by-adminbolaget p {
      margin: 0 10px 0 0; }
    body.doc-quote-info div.by-adminbolaget img {
      height: 24px; }
  body.doc-quote-info div.customer-info {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
    max-width: 100%;
    margin-bottom: 30px; }
    body.doc-quote-info div.customer-info div.field {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 0 5px 5px 0; }
      body.doc-quote-info div.customer-info div.field input {
        margin-bottom: 2px; }
      body.doc-quote-info div.customer-info div.field label {
        padding: 0; }
      body.doc-quote-info div.customer-info div.field.field-zipcode {
        width: 30%; }
      body.doc-quote-info div.customer-info div.field.field-city {
        width: 70%; }

body.doc-quote-erp-settings .content form {
  display: flex;
  justify-content: space-between;
  flex-direction: row; }
  @media only screen and (max-width: 700px) {
    body.doc-quote-erp-settings .content form {
      flex-direction: column; } }
  body.doc-quote-erp-settings .content form div.left {
    max-width: 50%; }
    @media only screen and (max-width: 700px) {
      body.doc-quote-erp-settings .content form div.left {
        width: 100%;
        max-width: 100%; } }
    body.doc-quote-erp-settings .content form div.left input.inactive {
      background: none;
      color: #404041;
      text-transform: none;
      padding: 0;
      text-decoration: underline;
      font-weight: normal; }
  body.doc-quote-erp-settings .content form div.help {
    max-width: 50%; }
    @media only screen and (max-width: 700px) {
      body.doc-quote-erp-settings .content form div.help {
        width: 100%;
        max-width: 100%; } }
    body.doc-quote-erp-settings .content form div.help ol {
      list-style: none;
      padding: 0;
      margin: 0; }
      body.doc-quote-erp-settings .content form div.help ol li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-bottom: 1px solid #eaeaea;
        padding: 20px 0; }
        body.doc-quote-erp-settings .content form div.help ol li p {
          font-size: 14px; }
        body.doc-quote-erp-settings .content form div.help ol li img {
          max-width: 100%;
          margin-top: 10px; }

body.doc-quote-customerview .main .header,
body.doc-quote-customerview .main .page-menu {
  display: none; }
body.doc-quote-customerview .main .content {
  width: 100%; }
  body.doc-quote-customerview .main .content form div.box-form {
    width: calc(50% - 16px); }
    @media only screen and (max-width: 700px) {
      body.doc-quote-customerview .main .content form div.box-form {
        width: 100%; } }
    @media only screen and (max-width: 1400px) {
      body.doc-quote-customerview .main .content form div.box-form.comment {
        width: calc(50% - 16px); } }
    @media only screen and (max-width: 700px) {
      body.doc-quote-customerview .main .content form div.box-form.comment {
        width: 100%; } }
    body.doc-quote-customerview .main .content form div.box-form.customer-settings .field label {
      font-weight: bold; }
  body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.price,
  body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.discount,
  body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.amount,
  body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.sum {
    align-items: flex-end; }
  body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.product {
    width: auto;
    flex-grow: 1; }
  body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.article_number {
    display: none; }
  body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.data {
    padding: 24px; }
    body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.data .config-data {
      margin-top: 0; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.data .config-data h3 {
        margin-top: 0; }
  @media only screen and (max-width: 1400px) {
    body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li.head {
      display: flex; }
    body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div {
      padding-right: 4px; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div span {
        display: none; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.article_number {
        width: 100px;
        order: 1; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.product {
        width: auto;
        flex-grow: 1;
        order: 2; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.edit {
        width: 80px;
        align-items: flex-end;
        order: 12; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.article_number, body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.product, body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.edit {
        padding-bottom: 0; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.home_work {
        width: 60px;
        order: 4; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.amount {
        width: 60px;
        order: 5; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.discount {
        width: 80px;
        order: 6; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.price {
        width: 100px;
        order: 9; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.sum {
        width: 100px;
        order: 11;
        font-weight: bold; }
        body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.sum span {
          font-weight: normal; } }
  @media only screen and (max-width: 1100px) {
    body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li {
      /*&.head { display: none; }*/ }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div {
        font-size: 12px;
        								/*span { display: flex; }
        
        								&.product { width: 60%; }
        								&.edit { width: 20%; order: 3; }
        
        								&.article_number,
        								&.product,
        								&.edit { padding-bottom: 10px;  }
        
        								&.article_number { width: 20%; }
        
        								&.home_work,
        								&.amount,
        								&.discount,
        								&.price,
        								&.sum { width: 20%; }*/ } }
  @media only screen and (max-width: 700px) {
    body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li.head {
      display: none; }
    body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div {
      font-size: 11px; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div span {
        display: flex; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.article_number {
        width: 25%;
        order: 1; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.product {
        width: 80%;
        order: 2;
        padding-bottom: 10px; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.edit {
        width: 20%;
        order: 3;
        padding-bottom: 10px; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.home_work {
        width: 20%;
        order: 4; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.amount {
        width: 20%;
        order: 5; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.discount {
        width: 20%;
        order: 7; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.price {
        width: 20%;
        order: 8;
        padding: 0; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.home_work, body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.amount, body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.retail_price, body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.discount, body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.price, body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.sum {
        padding-bottom: 10px; }
      body.doc-quote-customerview .main .content form div.box-form.order-rows ul.rows li div.sum {
        width: 20%;
        order: 11; } }
  body.doc-quote-customerview .main .content form div.box-form.order-rows div.total {
    padding-right: 80px; }
    @media only screen and (max-width: 700px) {
      body.doc-quote-customerview .main .content form div.box-form.order-rows div.total {
        padding-right: 0; } }

@media only screen and (max-width: 1100px) {
  input[type=submit], input[type=button] {
    -webkit-appearance: none; }

  .header .portal-head {
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 2px solid #eaeaea; }
    .header .portal-head .logo {
      width: auto;
      max-width: 50%;
      display: flex;
      order: 1;
      align-items: center; }
      .header .portal-head .logo a {
        display: flex;
        max-width: 100%;
        height: 30px;
        align-items: center; }
        .header .portal-head .logo a img {
          display: flex;
          max-height: 100%;
          max-width: 100%; }
        .header .portal-head .logo a .company {
          display: none; }
    .header .portal-head .search {
      display: none;
      order: 3;
      width: 100%;
      margin-top: 10px; }
      .header .portal-head .search .input {
        padding: 0; }
        .header .portal-head .search .input a {
          display: none; }
        .header .portal-head .search .input input {
          width: 100%;
          border-radius: 30px; }
    .header .portal-head .right {
      width: auto;
      flex-direction: row;
      align-items: center;
      order: 2; }
      .header .portal-head .right .menu {
        display: none; }
      .header .portal-head .right .cart {
        background: none;
        margin: 0;
        padding: 0;
        margin-right: 20px; }
        .header .portal-head .right .cart .amount {
          position: relative;
          margin: 0; }
          .header .portal-head .right .cart .amount div {
            display: flex;
            position: absolute;
            top: -5px;
            right: -5px;
            background: #f3c828;
            width: 14px;
            height: 14px;
            border-radius: 20px;
            align-items: center;
            justify-content: center;
            font-size: 10px; }
        .header .portal-head .right .cart .value,
        .header .portal-head .right .cart a.button {
          display: none; }
      .header .portal-head .right a.mobile-search,
      .header .portal-head .right a.show-doc-mobile-menu {
        display: flex;
        font-size: 20px;
        text-decoration: none; }
      .header .portal-head .right a.mobile-search {
        margin-right: 20px; }
      .header .portal-head .right a.show-doc-mobile-menu {
        font-size: 24px; }
  .header .menu {
    display: none; }

  div.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #FFF;
    padding: 20px 10px; }
    div.mobile-menu div.logo {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      div.mobile-menu div.logo img {
        max-height: 40px; }
    div.mobile-menu a.close {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 16px;
      text-decoration: none;
      color: #000; }
    div.mobile-menu ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    div.mobile-menu ul.mobile-menu {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-top: 30px; }
      div.mobile-menu ul.mobile-menu li {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%; }
        div.mobile-menu ul.mobile-menu li a.link {
          display: flex;
          width: calc(100% - 40px);
          padding: 10px;
          font-size: 14px;
          text-transform: uppercase;
          text-decoration: none;
          color: #000;
          border-bottom: 1px solid #eaeaea; }
          div.mobile-menu ul.mobile-menu li a.link.link-long {
            width: 100%; }
        div.mobile-menu ul.mobile-menu li a.toggle {
          width: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 5px;
          text-decoration: none;
          border-bottom: 1px solid #eaeaea; }
          div.mobile-menu ul.mobile-menu li a.toggle span {
            font-size: 22px; }
            div.mobile-menu ul.mobile-menu li a.toggle span.icon-arrow-up {
              display: none;
              color: #f3c828; }
            div.mobile-menu ul.mobile-menu li a.toggle span.icon-arrow-down {
              color: #999; }
        div.mobile-menu ul.mobile-menu li ul {
          display: none;
          flex-direction: column;
          width: 100%; }
          div.mobile-menu ul.mobile-menu li ul li {
            width: 100%; }
            div.mobile-menu ul.mobile-menu li ul li a.link {
              padding-left: 30px;
              font-size: 13px; }
            div.mobile-menu ul.mobile-menu li ul li ul li a.link {
              padding-left: 40px; }
            div.mobile-menu ul.mobile-menu li ul li ul li ul li a.link {
              padding-left: 60px; }
        div.mobile-menu ul.mobile-menu li.active > a.link {
          font-weight: bold; }
        div.mobile-menu ul.mobile-menu li.active > a.toggle span.icon-arrow-up {
          display: flex; }
        div.mobile-menu ul.mobile-menu li.active > a.toggle span.icon-arrow-down {
          display: none; }
        div.mobile-menu ul.mobile-menu li.active > ul {
          display: flex; }
    div.mobile-menu ul.my-pages li a.link {
      font-size: 14px; }

  .portal-page .page-menu {
    display: none; }
  .portal-page .content {
    width: 100%;
    padding: 30px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: auto; }
    .portal-page .content .text img {
      max-width: 100%; }
    .portal-page .content div.shortcuts-pages {
      display: flex;
      width: 100%; }
      .portal-page .content div.shortcuts-pages ul {
        width: 100%; }
        .portal-page .content div.shortcuts-pages ul li {
          width: 100%; }
    .portal-page .content .configs {
      width: 100%; }
  .portal-page.search-page .main .content {
    flex-direction: column; }
    .portal-page.search-page .main .content ul.products {
      border-top: 2px solid #f3c828;
      padding-top: 10px; }
  .portal-page.startpage .main .content .left, .portal-page.startpage .main .content .news-holder {
    width: 100%; }
  .portal-page.startpage .main .content .news-holder {
    margin-top: 30px; }
  .portal-page.startpage .main .content .left {
    padding-right: 0; }
  .portal-page.startpage .main .content .pages {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 0;
    margin-top: 20px; }
    .portal-page.startpage .main .content .pages b {
      font-size: 16px; }
    .portal-page.startpage .main .content .pages ul {
      flex-direction: row;
      flex-wrap: wrap; }
      .portal-page.startpage .main .content .pages ul li {
        margin: 0 5px 5px 0; }
  .portal-page.startpage .main .content .most-buyed table.latest-orders th.date, .portal-page.startpage .main .content .most-buyed table.latest-orders td.date {
    display: none; }
  .portal-page.startpage .main .content .most-buyed table.latest-orders th.delivery_date, .portal-page.startpage .main .content .most-buyed table.latest-orders td.delivery_date {
    display: none; }
  .portal-page.startpage .main .content .most-buyed table.latest-orders td .button {
    margin: 0; }
  .portal-page .config-price {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .portal-page .config-price h1 {
      font-size: 20px; }
    .portal-page .config-price .buy {
      width: auto;
      margin-top: 0; }
      .portal-page .config-price .buy .field label {
        display: none; }
      .portal-page .config-price .buy .field-notice,
      .portal-page .config-price .buy .field-comment {
        display: none; }
      .portal-page .config-price .buy .field-amount {
        display: flex;
        align-items: center; }
  .portal-page.pricecheck .config-info {
    flex-direction: column; }
    .portal-page.pricecheck .config-info .info {
      padding: 10px; }
  .portal-page .config .values .options {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    /*.help-block { order: 1; }
    .fabric-image { order: 4; min-height: auto; }
    .fabric, .field { order: 2; }
    .fabric-selection { order: 3; }*/ }
    .portal-page .config .values .options .help-block {
      width: 100%; }
  .portal-page .content ul.products {
    justify-content: space-between; }
    .portal-page .content ul.products li {
      width: 49%;
      margin: 0 0 10px; }
  .portal-page .confirm-shadow .confirm {
    padding: 10px; }
  .portal-page img.submit-loader {
    margin: 0; }
  .portal-page.cart .content {
    flex-direction: column; }
    .portal-page.cart .content h3 {
      width: 100%; }
    .portal-page.cart .content form {
      width: 100%; }
  .portal-page.cart div.desktop, .portal-page.order div.desktop {
    display: none; }
  .portal-page.cart div.mobile, .portal-page.order div.mobile {
    display: flex;
    width: 100%; }
    .portal-page.cart div.mobile ul.items, .portal-page.order div.mobile ul.items {
      list-style: none;
      margin: 0;
      padding: 0; }
      .portal-page.cart div.mobile ul.items li, .portal-page.order div.mobile ul.items li {
        border-bottom: 1px solid #eaeaea;
        padding: 10px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .portal-page.cart div.mobile ul.items li .name, .portal-page.order div.mobile ul.items li .name {
          font-weight: bold;
          font-size: 14px;
          width: 80%; }
        .portal-page.cart div.mobile ul.items li .article-number, .portal-page.order div.mobile ul.items li .article-number {
          font-size: 12px;
          width: 100%;
          margin-bottom: 20px; }
        .portal-page.cart div.mobile ul.items li a.delete, .portal-page.order div.mobile ul.items li a.delete {
          width: 20%;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          color: #666;
          font-size: 20px; }
        .portal-page.cart div.mobile ul.items li .left, .portal-page.order div.mobile ul.items li .left {
          width: 50%; }
          .portal-page.cart div.mobile ul.items li .left div.notice, .portal-page.cart div.mobile ul.items li .left div.comment, .portal-page.order div.mobile ul.items li .left div.notice, .portal-page.order div.mobile ul.items li .left div.comment {
            width: 100%; }
            .portal-page.cart div.mobile ul.items li .left div.notice label, .portal-page.cart div.mobile ul.items li .left div.comment label, .portal-page.order div.mobile ul.items li .left div.notice label, .portal-page.order div.mobile ul.items li .left div.comment label {
              padding: 0 0 2px;
              font-style: italic; }
            .portal-page.cart div.mobile ul.items li .left div.notice input, .portal-page.cart div.mobile ul.items li .left div.comment input, .portal-page.order div.mobile ul.items li .left div.notice input, .portal-page.order div.mobile ul.items li .left div.comment input {
              padding: 5px; }
            .portal-page.cart div.mobile ul.items li .left div.notice.notice, .portal-page.cart div.mobile ul.items li .left div.comment.notice, .portal-page.order div.mobile ul.items li .left div.notice.notice, .portal-page.order div.mobile ul.items li .left div.comment.notice {
              margin-bottom: 5px; }
        .portal-page.cart div.mobile ul.items li .buy, .portal-page.order div.mobile ul.items li .buy {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: flex-end; }
          .portal-page.cart div.mobile ul.items li .buy .amount-holder, .portal-page.order div.mobile ul.items li .buy .amount-holder {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding-bottom: 10px; }
            .portal-page.cart div.mobile ul.items li .buy .amount-holder label, .portal-page.order div.mobile ul.items li .buy .amount-holder label {
              margin-right: 5px;
              padding: 0; }
          .portal-page.cart div.mobile ul.items li .buy .each, .portal-page.order div.mobile ul.items li .buy .each {
            font-style: italic; }
          .portal-page.cart div.mobile ul.items li .buy .total, .portal-page.order div.mobile ul.items li .buy .total {
            font-weight: bold;
            font-size: 14px;
            padding-top: 10px; }
          .portal-page.cart div.mobile ul.items li .buy input[type="text"].amount, .portal-page.order div.mobile ul.items li .buy input[type="text"].amount {
            padding: 5px; }
        .portal-page.cart div.mobile ul.items li .data, .portal-page.order div.mobile ul.items li .data {
          width: 100%;
          margin-bottom: 20px; }
          .portal-page.cart div.mobile ul.items li .data table.list, .portal-page.order div.mobile ul.items li .data table.list {
            width: 100%; }
            .portal-page.cart div.mobile ul.items li .data table.list td, .portal-page.order div.mobile ul.items li .data table.list td {
              font-size: 12px;
              white-space: nowrap; }
        .portal-page.cart div.mobile ul.items li.special-row .name, .portal-page.order div.mobile ul.items li.special-row .name {
          width: calc(100% - 90px);
          padding-right: 8px; }
          .portal-page.cart div.mobile ul.items li.special-row .name label, .portal-page.order div.mobile ul.items li.special-row .name label {
            font-weight: normal;
            font-size: 13px; }
        .portal-page.cart div.mobile ul.items li.special-row .amount, .portal-page.order div.mobile ul.items li.special-row .amount {
          width: 60px; }
        .portal-page.cart div.mobile ul.items li.special-row a, .portal-page.order div.mobile ul.items li.special-row a {
          width: 30px; }
        .portal-page.cart div.mobile ul.items li#shipping_cost, .portal-page.order div.mobile ul.items li#shipping_cost {
          display: none; }
          .portal-page.cart div.mobile ul.items li#shipping_cost .buy .total, .portal-page.order div.mobile ul.items li#shipping_cost .buy .total {
            padding-top: 0; }
    .portal-page.cart div.mobile ul.foot, .portal-page.order div.mobile ul.foot {
      list-style: none;
      margin: 20px 0 0;
      padding: 0; }
      .portal-page.cart div.mobile ul.foot li, .portal-page.order div.mobile ul.foot li {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 3px 0; }
        .portal-page.cart div.mobile ul.foot li label, .portal-page.order div.mobile ul.foot li label {
          padding: 0 10px 0 0; }
        .portal-page.cart div.mobile ul.foot li.sum, .portal-page.order div.mobile ul.foot li.sum {
          font-size: 16px;
          font-weight: bold; }
        .portal-page.cart div.mobile ul.foot li.discount, .portal-page.order div.mobile ul.foot li.discount {
          font-size: 14px;
          font-weight: bold;
          color: #c31f1f; }
        .portal-page.cart div.mobile ul.foot li a.btn_est_shipping, .portal-page.order div.mobile ul.foot li a.btn_est_shipping {
          border-radius: 40px;
          font-size: 10px;
          text-transform: uppercase;
          padding: 5px 12px; }
    .portal-page.cart div.mobile input[type="submit"], .portal-page.order div.mobile input[type="submit"] {
      padding: 8px 15px;
      font-size: 11px; }
  .portal-page.cart .settings textarea, .portal-page.order .settings textarea {
    width: 100%; }
  .portal-page.cart .settings .delivery-address, .portal-page.order .settings .delivery-address {
    width: 100%; }
  .portal-page .mobile-filter {
    display: inline-block;
    padding: 10px 20px;
    background: #f3c828;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    border-radius: 30px; }
  .portal-page.order form {
    width: 100%; }
  .portal-page.order .box-filter {
    display: none;
    margin-top: 5px;
    float: unset; }
    .portal-page.order .box-filter .field {
      padding-bottom: 5px; }
  .portal-page.order .click-info {
    padding-top: 10px;
    font-style: italic; }
  .portal-page.order .mobile {
    flex-direction: column; }
  .portal-page.order ul.orders {
    list-style: none;
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column; }
    .portal-page.order ul.orders li {
      display: flex;
      margin-bottom: 5px;
      width: 100%; }
      .portal-page.order ul.orders li a {
        border: 1px solid #eaeaea;
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
        border-radius: 10px;
        width: 100%;
        text-decoration: none; }
        .portal-page.order ul.orders li a label {
          font-size: 9px;
          padding: 0;
          text-transform: uppercase;
          font-weight: bold; }
        .portal-page.order ul.orders li a .order-id,
        .portal-page.order ul.orders li a .delivery_date,
        .portal-page.order ul.orders li a .status {
          padding-bottom: 5px; }
        .portal-page.order ul.orders li a .order-id {
          width: 30%; }
        .portal-page.order ul.orders li a .delivery_date {
          width: 40%; }
        .portal-page.order ul.orders li a .status {
          width: 30%; }
        .portal-page.order ul.orders li a .order-id {
          font-size: 16px; }
  .portal-page.order div.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .portal-page.order-edit form.default {
    width: 100%; }
  .portal-page.order-edit .content {
    padding: 30px 10px; }
    .portal-page.order-edit .content div.box-form .body {
      padding: 0;
      border: 0; }
    .portal-page.order-edit .content div.box-form.customer-settings .body {
      padding: 14px; }
    .portal-page.order-edit .content div.box-form table.list h3 {
      margin: 10px 0 0; }
  .portal-page.order-edit .top {
    padding: 0; }
  .portal-page.order-edit .desktop {
    display: none; }
  .portal-page.order-edit .mobile {
    display: flex; }
  .portal-page.products-list .content table.desktop {
    display: none; }
  .portal-page.products-list .content ul.mobile {
    display: flex;
    padding: 0;
    margin: 0;
    width: 100%; }
    .portal-page.products-list .content ul.mobile li {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      width: 100%;
      border-bottom: 1px solid #f5f5f5;
      padding: 10px 0; }
      .portal-page.products-list .content ul.mobile li .product {
        display: flex;
        flex-direction: column;
        width: 50%; }
        .portal-page.products-list .content ul.mobile li .product .name {
          font-weight: bold; }
        .portal-page.products-list .content ul.mobile li .product .article-number {
          font-style: italic; }
      .portal-page.products-list .content ul.mobile li .product-form {
        display: flex;
        align-items: center; }
        .portal-page.products-list .content ul.mobile li .product-form .price {
          margin-right: 10px;
          display: flex;
          align-items: center; }
        .portal-page.products-list .content ul.mobile li .product-form input[type=submit] {
          font-size: 11px;
          padding: 0 10px;
          margin: 0 0 0 3px;
          height: 30px; }
        .portal-page.products-list .content ul.mobile li .product-form input[type="text"].amount {
          width: 40px;
          padding: 5px;
          height: 30px; }
  .portal-page.doc-order table.list th.your_reference,
  .portal-page.doc-order table.list td.your_reference,
  .portal-page.doc-order table.list th.date,
  .portal-page.doc-order table.list td.date,
  .portal-page.doc-order table.list th.delivery_date,
  .portal-page.doc-order table.list td.delivery_date,
  .portal-page.doc-order table.list th.status,
  .portal-page.doc-order table.list td.status {
    display: none; } }
.news-shadow {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center; }
  .news-shadow .news-content {
    display: flex;
    flex-direction: column;
    width: calc(100% - 16px);
    max-width: 600px;
    background: #FFF;
    padding: 24px;
    box-shadow: 0 0 3px #000;
    position: relative;
    max-height: 90%;
    overflow: auto; }
    .news-shadow .news-content a.close {
      position: absolute;
      text-decoration: none;
      top: 16px;
      right: 16px;
      font-size: 22px;
      border: 1px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 100px; }
    .news-shadow .news-content .popup-news {
      display: flex;
      flex-direction: column;
      width: 100%;
      border-bottom: 1px solid #eaeaea;
      padding: 24px 0; }
      .news-shadow .news-content .popup-news h1 {
        margin-bottom: 12px; }
      .news-shadow .news-content .popup-news .ingress {
        font-size: 14px;
        margin-bottom: 20px; }
      .news-shadow .news-content .popup-news:nth-last-child(1) {
        border: 0; }

body.add-multiple-rows div.total-products {
  display: flex;
  padding: 24px;
  background: #f8f8f8;
  margin: 32px 0 0; }
  body.add-multiple-rows div.total-products span {
    font-weight: bold;
    margin-left: 8px; }
body.add-multiple-rows div.csv-upload {
  display: flex;
  padding: 24px;
  background: #f8f8f8;
  margin: 32px 0; }
  body.add-multiple-rows div.csv-upload h3 {
    margin: 0 0 12px; }
  body.add-multiple-rows div.csv-upload form {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  body.add-multiple-rows div.csv-upload input[type=submit] {
    width: auto;
    padding: 10px;
    text-transform: uppercase;
    font-size: 10px; }
body.add-multiple-rows input[type=submit] {
  background: #42ba7c; }

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