* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body {
  background: #232323; }

body, html {
  padding: 0px;
  margin: 0; }

body, td, th, option, select, input, textarea {
  font-family: 'Poppins';
  font-weight: 300;
  font-size: 14px;
  color: #262626; }

a {
  color: #262626;
  text-decoration: none; }

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

h1 {
  color: #333333;
  font-size: 32px;
  font-weight: 900; }

.added-to-cart {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center; }
  .added-to-cart .holder {
    display: inline-block;
    width: 500px;
    background: #FFF;
    box-shadow: 0 0 10px #000;
    padding: 30px 20px;
    position: relative;
    top: 50%;
    margin-top: -100px; }
    @media screen and (max-width: 500px) {
      .added-to-cart .holder {
        width: 96%; } }
    .added-to-cart .holder h2 {
      margin: 0 0 20px;
      font-weight: 900;
      font-size: 24px; }
    .added-to-cart .holder a.btn {
      margin: 0 5px; }
      @media screen and (max-width: 500px) {
        .added-to-cart .holder a.btn {
          margin: 10px 5px 0px; } }

.header {
  float: left;
  width: 100%;
  background: #FFF; }
  @media screen and (max-width: 500px) {
    .header {
      border-bottom: 1px solid #CCC;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  .header .logo {
    float: left;
    height: 80px;
    margin: 20px 0 20px 20px; }
    @media screen and (max-width: 500px) {
      .header .logo {
        height: 60px;
        margin: 10px 0 10px 10px; } }
    .header .logo a {
      float: left;
      background: #FFF;
      height: 100%; }
      .header .logo a img {
        float: left;
        height: 100%; }
  .header div.mobile-head {
    display: none;
    float: right; }
    @media screen and (max-width: 500px) {
      .header div.mobile-head {
        display: flex;
        align-items: center; } }
    .header div.mobile-head a.show-mobile-menu {
      margin-left: 10px;
      border-left: 1px solid #f7f7f7; }
      .header div.mobile-head a.show-mobile-menu span {
        font-size: 32px;
        color: #4BD1A0;
        padding: 0 10px; }
    .header div.mobile-head a.show-search span {
      font-size: 20px;
      color: #4BD1A0;
      padding-right: 10px; }
  .header .logged-in {
    float: left;
    margin: 20px 0 0 40px; }
    @media screen and (max-width: 500px) {
      .header .logged-in {
        display: none; } }
  .header .menu {
    float: right;
    list-style: none;
    margin: 20px 10px 0;
    padding: 0; }
    @media screen and (max-width: 500px) {
      .header .menu {
        display: none; } }
    .header .menu li {
      float: left;
      padding: 0px 10px; }
      .header .menu li a {
        float: left;
        font-size: 12px;
        line-height: 26px; }
      .header .menu li a:hover {
        text-decoration: underline; }
      .header .menu li.border {
        border-left: 1px solid #CCC; }
      .header .menu li .language select {
        width: auto;
        height: 26px; }
      .header .menu li .language select, .header .menu li .language option {
        font-size: 12px;
        padding: 2px; }
      .header .menu li.logout {
        border-left: 1px solid #CCC; }
      .header .menu li.user {
        border-left: 1px solid #CCC; }
      .header .menu li.change-company {
        border-left: 1px solid #CCC;
        padding: 0 10px; }
        .header .menu li.change-company form select {
          width: auto;
          height: 26px; }
        .header .menu li.change-company form select, .header .menu li.change-company form option {
          font-size: 12px;
          padding: 2px; }
  .header .pages {
    float: left;
    width: 100%;
    background: #232323; }
    @media screen and (max-width: 500px) {
      .header .pages {
        display: none; } }
    .header .pages ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .header .pages ul li {
        float: left; }
        .header .pages ul li a {
          float: left;
          padding: 10px 15px;
          color: #E1EFF2; }
        .header .pages ul li.active, .header .pages ul li:hover, .header .pages ul li.selected {
          background: #000; }

.search {
  float: right;
  margin: 20px 100px 20px 0px;
  padding: 5px;
  background: #f7f7f7;
  border-radius: 40px; }
  .search form {
    display: flex;
    align-items: center; }
    .search form input[type=text] {
      border-radius: 40px;
      border: 0;
      width: 200px;
      padding-left: 15px;
      font-size: 12px; }
    .search form a {
      font-size: 18px;
      margin: 0 10px; }
  @media screen and (max-width: 500px) {
    .search {
      display: none;
      margin: 0;
      width: 94%;
      margin: 0 3% 20px; }
      .search form input[type=text] {
        width: 100%; }
      .search form a {
        display: none; } }

.cart {
  float: right;
  margin: 20px 15px 10px 0;
  padding: 5px;
  background: #f7f7f7;
  border-radius: 40px;
  clear: right; }
  @media screen and (max-width: 500px) {
    .cart {
      display: none; } }
  .cart .price {
    float: left;
    margin-right: 30px;
    line-height: 40px;
    padding-left: 15px; }
  .cart a.btn {
    border: 0;
    line-height: 40px;
    border-radius: 40px;
    background: #4BD1A0;
    color: #FFF; }
  .cart.mobile-cart {
    display: none; }
    @media screen and (max-width: 500px) {
      .cart.mobile-cart {
        display: inline-block;
        margin: 0;
        border-radius: 0;
        width: 100%;
        padding: 0; }
        .cart.mobile-cart .holder {
          float: left;
          background: #f7f7f7;
          width: 100%;
          padding: 10px;
          border-bottom: 1px solid #CCC; }
        .cart.mobile-cart a.btn {
          float: right; } }

.mobile-menu {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #000;
  color: #FFF;
  padding: 15px; }
  .mobile-menu a.close {
    float: right;
    color: #FFF; }
    .mobile-menu a.close span {
      font-size: 32px; }
  .mobile-menu ul {
    float: left;
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    width: 100%; }
    .mobile-menu ul li {
      float: left;
      width: 100%;
      border-bottom: 1px solid #333; }
      .mobile-menu ul li a {
        float: left;
        width: 100%;
        color: #FFF;
        padding: 10px;
        font-size: 15px; }
      .mobile-menu ul li ul {
        margin-bottom: 0; }
        .mobile-menu ul li ul li {
          border: 0; }
          .mobile-menu ul li ul li a {
            padding: 6px 0 6px 25px;
            font-size: 14px; }
          .mobile-menu ul li ul li ul li a {
            padding-left: 40px; }
  .mobile-menu .language, .mobile-menu .change-company, .mobile-menu .logged-in {
    float: left;
    width: 100%;
    margin-bottom: 30px; }
    .mobile-menu .language select, .mobile-menu .change-company select, .mobile-menu .logged-in select {
      width: auto; }
  .mobile-menu .logout {
    float: left;
    clear: left;
    margin: 0px 0 50px;
    color: #FFF; }

.footer {
  float: left;
  width: 100%;
  padding: 40px; }
  @media screen and (max-width: 500px) {
    .footer {
      padding: 40px 20px; } }
  .footer div {
    float: left;
    color: #FFF;
    margin-right: 40px; }
    @media screen and (max-width: 500px) {
      .footer div {
        width: 100%;
        margin: 0 0 30px 0; } }
    .footer div.copy {
      clear: left;
      margin-top: 40px;
      font-size: 12px; }
    .footer div.logo {
      float: right;
      margin-right: 0; }
      .footer div.logo img {
        height: 50px; }

.content {
  float: left;
  width: 100%;
  background: #FFF;
  padding-bottom: 60px; }
  .content .left {
    float: left;
    width: 200px;
    padding-top: 30px; }
    @media screen and (max-width: 920px) {
      .content .left {
        width: 100%;
        padding: 0px;
        background: #f7f7f7; } }
    @media screen and (max-width: 500px) {
      .content .left {
        display: none; } }
    .content .left ul {
      float: left;
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0; }
      .content .left ul li {
        float: left;
        width: 100%; }
        @media screen and (max-width: 920px) {
          .content .left ul li {
            width: auto; } }
        .content .left ul li a {
          float: left;
          width: 100%;
          padding: 10px 15px;
          border-bottom: 1px solid #CCC; }
          @media screen and (max-width: 920px) {
            .content .left ul li a {
              border: 0; } }
          .content .left ul li a:hover {
            text-decoration: underline; }
        .content .left ul li.selected, .content .left ul li.active {
          border-bottom: 1px solid #CCC; }
          .content .left ul li.selected a, .content .left ul li.active a {
            border: 0;
            font-weight: bold; }
          .content .left ul li.selected ul, .content .left ul li.active ul {
            padding-bottom: 10px; }
            .content .left ul li.selected ul li, .content .left ul li.active ul li {
              border: 0; }
              .content .left ul li.selected ul li a, .content .left ul li.active ul li a {
                padding: 6px 0 6px 30px;
                font-size: 13px;
                font-weight: normal; }
              .content .left ul li.selected ul li.selected a, .content .left ul li.selected ul li.active a, .content .left ul li.active ul li.selected a, .content .left ul li.active ul li.active a {
                font-weight: bold; }
              .content .left ul li.selected ul li.selected ul, .content .left ul li.selected ul li.active ul, .content .left ul li.active ul li.selected ul, .content .left ul li.active ul li.active ul {
                padding-bottom: 10px; }
                .content .left ul li.selected ul li.selected ul li, .content .left ul li.selected ul li.active ul li, .content .left ul li.active ul li.selected ul li, .content .left ul li.active ul li.active ul li {
                  border: 0; }
                  .content .left ul li.selected ul li.selected ul li a, .content .left ul li.selected ul li.active ul li a, .content .left ul li.active ul li.selected ul li a, .content .left ul li.active ul li.active ul li a {
                    padding: 6px 0 6px 45px;
                    font-size: 13px;
                    font-weight: normal; }
                  .content .left ul li.selected ul li.selected ul li.selected a, .content .left ul li.selected ul li.selected ul li.active a, .content .left ul li.selected ul li.active ul li.selected a, .content .left ul li.selected ul li.active ul li.active a, .content .left ul li.active ul li.selected ul li.selected a, .content .left ul li.active ul li.selected ul li.active a, .content .left ul li.active ul li.active ul li.selected a, .content .left ul li.active ul li.active ul li.active a {
                    font-weight: bold; }
  .content .main {
    float: right;
    width: calc(100% - 200px);
    padding: 20px 30px; }
    @media screen and (max-width: 920px) {
      .content .main {
        width: 100%;
        padding: 20px; } }
    @media screen and (max-width: 500px) {
      .content .main {
        padding: 10px; } }

/* Logga in */
body.login {
  background: #f7f7f7; }
  body.login .header {
    display: none; }
  body.login .cart {
    display: none; }
  body.login .content {
    text-align: center;
    width: 100%;
    background: #f7f7f7; }
    body.login .content .left {
      display: none; }
    body.login .content .main {
      width: 100%; }
    body.login .content .login {
      display: inline-block;
      width: 400px;
      text-align: center;
      margin-top: 20px;
      background: #FFF;
      padding: 30px 20px; }
      @media screen and (max-width: 500px) {
        body.login .content .login {
          width: 100%; } }
      body.login .content .login img {
        width: 200px; }
      body.login .content .login div.desc {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 13px;
        margin: 40px 0 10px; }
      body.login .content .login form {
        float: left;
        width: 100%;
        background: #FFF;
        margin-top: 10px;
        padding: 0px; }
        body.login .content .login form.language {
          display: flex;
          align-items: center;
          border-bottom: 1px solid #f7f7f7;
          padding-bottom: 20px; }
          body.login .content .login form.language label {
            text-align: left;
            padding: 0 10px 0 0;
            font-weight: normal;
            text-transform: none;
            font-size: 13px; }
          body.login .content .login form.language select {
            width: auto; }
      body.login .content .login label {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px; }
      body.login .content .login .login-box {
        float: left;
        text-align: left;
        width: 100%; }
        body.login .content .login .login-box input {
          width: 100%;
          line-height: 50px; }
        body.login .content .login .login-box.login-box-submit {
          width: 100%;
          padding-top: 20px;
          margin-right: 0; }
          body.login .content .login .login-box.login-box-submit input {
            width: 100%;
            font-weight: bold;
            font-size: 16px;
            border-radius: 100px;
            background: #333333;
            color: #FFF; }
      body.login .content .login a {
        float: left;
        margin-top: 20px;
        width: 100%;
        text-align: center;
        font-size: 12px; }
  body.login .footer {
    display: none; }

/* Meddelande */
div.flash {
  float: left;
  width: 100%;
  clear: left;
  margin: 20px 0; }

div.flash span {
  float: left;
  width: 100%;
  background: #CC0000;
  color: #FFF;
  font-weight: bold;
  padding: 15px;
  font-size: 17px; }

div.flash .ok {
  background: #4BD1A0; }

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

label.checkbox {
  display: inline-block;
  font-weight: normal;
  padding: 5px 10px 5px 5px;
  border-radius: 5px;
  margin-right: 10px;
  border: 2px solid #000;
  background: #fcfcfc; }

label.checkbox input {
  margin-right: 5px; }

td label {
  display: inline;
  padding: 0;
  font-weight: normal; }

input[type=text],
input[type=password],
select,
textarea {
  border: 1px solid #CCC;
  width: 300px;
  max-width: 100%;
  padding: 10px;
  border-radius: 2px; }

input[type=text],
input[type=password] {
  padding: 0 10px;
  line-height: 40px; }

.cke_editor_text_dialog input[type=text] {
  line-height: 20px; }

select {
  padding: 6px;
  border: 1px solid #CCC;
  border-radius: 2px; }

input[type=text].amount {
  width: 50px; }

input[type=text].price, input[type=text].cost {
  width: 100px; }

input.datepicker {
  width: 100px; }

input.zipcode {
  width: 60px; }

input.city {
  width: 235px;
  margin-left: 5px; }

input.prio {
  width: 40px; }

input.medium {
  width: 200px; }

textarea {
  height: 100px;
  width: 400px;
  max-width: 100%;
  line-height: auto; }

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

input[type=submit],
input[type=button],
a.btn {
  display: inline-block;
  padding: 0px 20px;
  line-height: 40px;
  text-decoration: none;
  border: 0;
  text-transform: uppercase;
  background: #40494d;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  border-radius: 20px; }

input[type=submit]:hover,
input[type=button]:hover,
a.btn:hover {
  background: #333333;
  border-color: #333333;
  color: #FFF; }

a.btn:hover span {
  color: #FFF; }

li.btn {
  text-transform: uppercase;
  font-size: 12px;
  background: #f7f7f7;
  border-radius: 3px;
  color: #262626; }

a.btn span {
  float: left;
  margin-right: 7px;
  font-size: 16px; }

a.btn div {
  float: left; }

a.btn-r {
  float: right; }

input[type=submit].btn-green,
a.btn-green {
  background: #4BD1A0;
  color: #FFF; }

a.add-button,
a.remove-button {
  float: left; }

a.add-button span,
a.remove-button span {
  float: left;
  background: #000;
  font-size: 14px;
  width: 20px;
  height: 20px;
  padding-top: 3px;
  text-align: center;
  color: #FFF;
  border-radius: 10px; }

a.add-button span {
  background: #ea6a0e; }

.filter input[type=submit] {
  border-color: #999;
  background: #40494d; }

/* Standard lista */
table.list {
  border-collapse: collapse; }

table.list th {
  font-weight: bold; }

table.list th,
table.list td {
  padding: 10px 20px 10px 10px;
  border-bottom: 1px solid #CCC;
  text-align: left; }

table.list th a {
  color: #000; }

table.list td {
  border-color: #f2f2f2; }

table.list tr.done td {
  background: #f2f2f2; }

table.list .btn {
  padding: 0px 10px;
  line-height: 30px; }

table.list tr.child td.article_number {
  font-style: italic;
  color: orange; }

table.list tr.child td.article_number span {
  font-size: 12px; }

table.list td.c, table.list th.c {
  text-align: center; }

table.list td.r, table.list th.r {
  text-align: right; }

table.list th.b-left, table.list td.b-left {
  border-left: 1px solid #CCC; }

table.list tfoot td {
  background: #f7f7f7;
  color: #FFF; }

table.list tfoot tr.bold td {
  font-weight: bold; }

table.list td.green {
  color: #00ff00; }

table.list td.red {
  color: red; }

table.list td.orange {
  color: orange; }

table.list th.head {
  background: #333333;
  color: #FFF;
  padding: 10px;
  border: 0; }

table.list tr.expired td {
  text-decoration: line-through;
  color: #333; }

table.list .pagination {
  padding: 5px 0;
  border-bottom: 0; }

table.list tr:hover td.pagination,
table.list .pagination tbody tr:nth-child(odd) td {
  background: #fff;
  border: 0; }

table.list .pagination table.info {
  float: left; }

table.list .pagination table.pages {
  float: right; }

table.list .pagination table.pages td {
  padding: 5px; }

/* Filter */
.box-filter {
  float: left;
  width: 100%;
  padding: 10px 10px 0 10px;
  background: #f7f7f7;
  margin: 20px 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap; }
  .box-filter .field {
    margin: 0 10px 10px; }
    .box-filter .field label {
      padding-top: 0; }
    .box-filter .field select {
      width: auto; }

/* Valj foretag */
body.select-company .content {
  width: 100%;
  text-align: center; }
  body.select-company .content .left {
    display: none; }
  body.select-company .content .main {
    width: 100%; }
  body.select-company .content h1 {
    font-weight: 900; }
  body.select-company .content div.select-company ul {
    justify-content: center; }

div.select-company ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  width: 100%; }
  div.select-company ul li {
    float: left;
    padding: 10px; }
    div.select-company ul li a {
      float: left;
      width: 180px;
      height: 100%;
      border: 1px solid #CCC;
      padding: 20px;
      text-align: center; }
      @media screen and (max-width: 500px) {
        div.select-company ul li a {
          width: 160px; } }
      div.select-company ul li a img {
        display: inline-block;
        max-width: 100%; }

/* Sida */
body.page .content .main .ingress,
body.page .content .main .text {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  line-height: 22px; }
  body.page .content .main .ingress img,
  body.page .content .main .text img {
    max-width: 100%; }
body.page .content .main .ingress {
  font-size: 14px; }
body.page .content .main .text p {
  margin: 0 0 20px;
  font-size: 13px; }
body.page .content .main .text ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  body.page .content .main .text ul li {
    width: 24%;
    margin: 0 0 20px; }
    body.page .content .main .text ul li img {
      width: 100%; }

/* Sortera */
div.sort-block {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 24px; }
  div.sort-block a {
    display: none; }
  div.sort-block div ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    div.sort-block div ul li {
      display: flex;
      margin-right: 4px; }
      div.sort-block div ul li a {
        display: flex;
        align-items: center;
        padding: 6px 16px 6px 12px;
        border: 1px solid #40494d;
        background: #40494d;
        border-radius: 100px;
        color: #FFF; }
        div.sort-block div ul li a span {
          margin-right: 4px; }
      div.sort-block div ul li.active a {
        background: #4BD1A0;
        border-color: #4BD1A0;
        color: #FFF; }
      div.sort-block div ul li.no-sort a {
        padding-right: 12px; }

/* produkter */
ul.product-list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  width: 100%; }
  @media screen and (max-width: 920px) {
    ul.product-list {
      justify-content: space-between; } }
  @media screen and (max-width: 500px) {
    ul.product-list {
      flex-direction: column; } }
  ul.product-list li {
    display: flex;
    border: 1px solid #CCC;
    padding: 15px;
    width: 320px;
    margin: 0 10px 10px 0; }
    @media screen and (max-width: 920px) {
      ul.product-list li {
        width: 49%;
        margin: 0 0 20px; } }
    @media screen and (max-width: 500px) {
      ul.product-list li {
        width: 100%;
        margin: 0 0 20px; } }
    ul.product-list li .product-form {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    ul.product-list li div.top {
      width: 100%;
      padding-bottom: 20px;
      position: relative; }
      ul.product-list li div.top a.print {
        position: absolute;
        top: -5px;
        right: -5px;
        background: #232323;
        color: #FFF;
        border-radius: 20px;
        width: 26px;
        height: 26px;
        text-align: center;
        line-height: 26px; }
      ul.product-list li div.top .image {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        height: 300px; }
        @media screen and (max-width: 920px) {
          ul.product-list li div.top .image {
            height: auto; } }
        ul.product-list li div.top .image a.focus img {
          max-height: 200px;
          max-width: 100%; }
        ul.product-list li div.top .image ul.thumbs {
          display: flex;
          width: 100%;
          list-style: none;
          margin: 20px 0 0;
          padding: 0;
          flex-wrap: wrap;
          justify-content: center; }
          ul.product-list li div.top .image ul.thumbs li {
            width: 60px;
            text-align: center;
            padding: 5px;
            margin: 5px; }
            ul.product-list li div.top .image ul.thumbs li img {
              max-width: 50px;
              max-height: 50px; }
      ul.product-list li div.top h3 {
        margin: 0 0 10px;
        font-size: 15px; }
      ul.product-list li div.top table {
        border-collapse: collapse; }
        ul.product-list li div.top table tr td {
          padding: 2px 20px 2px 0;
          font-size: 13px; }
    ul.product-list li div.foot {
      width: 100%; }
      ul.product-list li div.foot div.options h4 {
        margin: 0 0 5px; }
      ul.product-list li div.foot div.options table {
        border-collapse: collapse; }
        ul.product-list li div.foot div.options table tr td {
          padding: 2px 20px 2px 0;
          font-size: 13px; }
          ul.product-list li div.foot div.options table tr td select {
            max-width: 160px; }
          ul.product-list li div.foot div.options table tr td select, ul.product-list li div.foot div.options table tr td input {
            width: auto;
            padding: 3px; }
          ul.product-list li div.foot div.options table tr td select, ul.product-list li div.foot div.options table tr td option {
            font-size: 13px; }
          ul.product-list li div.foot div.options table tr td a {
            margin-left: 5px; }
          ul.product-list li div.foot div.options table tr td input {
            width: 140px;
            line-height: 24px; }
          ul.product-list li div.foot div.options table tr td .search-option {
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 100;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            text-align: center; }
            ul.product-list li div.foot div.options table tr td .search-option .holder {
              display: inline-block;
              width: 500px;
              height: 400px;
              overflow: auto;
              background: #FFF;
              box-shadow: 0 0 10px #000;
              padding: 30px 20px;
              position: relative;
              top: 100px;
              text-align: left; }
              ul.product-list li div.foot div.options table tr td .search-option .holder input[type=text] {
                width: 200px; }
              ul.product-list li div.foot div.options table tr td .search-option .holder a.close {
                position: absolute;
                right: 10px;
                top: 10px;
                font-size: 24px; }
              @media screen and (max-width: 500px) {
                ul.product-list li div.foot div.options table tr td .search-option .holder {
                  width: 96%; } }
              ul.product-list li div.foot div.options table tr td .search-option .holder table {
                width: 100%;
                margin-top: 30px; }
                ul.product-list li div.foot div.options table tr td .search-option .holder table td {
                  padding: 8px 0; }
      ul.product-list li div.foot div.price {
        float: left;
        width: 100%;
        margin-top: 20px;
        font-weight: bold;
        font-size: 16px; }
      ul.product-list li div.foot div.stock {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        font-size: 13px; }
        ul.product-list li div.foot div.stock.green {
          color: #008c03; }
        ul.product-list li div.foot div.stock.orange {
          color: #d39000; }
      ul.product-list li div.foot div.select {
        float: left;
        margin: 16px 0;
        display: flex;
        width: 100%;
        flex-wrap: wrap; }
        ul.product-list li div.foot div.select label {
          display: flex;
          align-items: center;
          margin: 0 8px 8px 0;
          padding: 4px 16px 4px 8px;
          border: 1px solid #CCC;
          border-radius: 20px;
          font-weight: normal; }
          ul.product-list li div.foot div.select label input {
            margin: 0 4px 0 0; }
      ul.product-list li div.foot div.amount {
        float: left; }
        ul.product-list li div.foot div.amount input {
          margin-left: 5px; }
      ul.product-list li div.foot input[type=submit] {
        float: right; }

/* Sidor */
.tree ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 400px; }
  .tree ul li {
    float: left;
    width: 100%;
    border-top: 1px dashed #f7f7f7; }
    .tree ul li a {
      float: left;
      padding: 10px; }
    .tree ul li ul.icons {
      float: right;
      width: auto; }
  .tree ul ul li {
    border: 0; }

div.sort-pages ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  div.sort-pages ul li {
    padding-left: 20px; }
    div.sort-pages ul li span {
      clear: both;
      display: inline-block;
      width: 300px;
      line-height: 30px;
      padding: 0 5px;
      background: #f7f7f7;
      border: 1px solid #CCC;
      margin-bottom: 5px;
      border-radius: 3px; }
      div.sort-pages ul li span:hover {
        cursor: move; }

.products ul.images {
  list-style: none;
  margin: 20px 0 0;
  padding: 0; }
  .products ul.images li {
    float: left;
    border: 1px solid #CCC;
    padding: 15px;
    margin: 0 15px 15px 0; }

/* Butikslista */
.stores td.status-1 {
  color: #CC0000;
  font-size: 18px; }

.stores td.status-2 {
  color: green;
  font-size: 18px; }

/* Redigera butik */
.store-edit .big-block {
  float: left;
  width: 50%;
  padding-right: 20px; }
  @media screen and (max-width: 500px) {
    .store-edit .big-block {
      width: 100%;
      padding-right: 0; } }
.store-edit div.box {
  float: left;
  width: 100%;
  margin: 0 20px 20px 0; }
  @media screen and (max-width: 500px) {
    .store-edit div.box {
      margin-right: 0; } }
.store-edit div.box h3 {
  float: left;
  width: 100%;
  margin: 0;
  background: #333333;
  color: #FFF; }
.store-edit div.box h3 span {
  float: left;
  padding: 10px; }
.store-edit div.box h3 a.btn {
  float: right;
  padding: 5px 8px;
  margin: 7px 10px 0 0;
  background: #4b8b25;
  color: #FFF;
  border: 0; }
.store-edit div.box h3 a.btn:hover {
  background: #4b8b25; }
.store-edit div.box .box-content {
  float: left;
  padding: 10px;
  width: 100%; }
  @media screen and (max-width: 500px) {
    .store-edit div.box .box-content {
      padding: 10px 0; } }
.store-edit h2 {
  float: left;
  width: 100%;
  background: #ea6a0e;
  color: #FFF;
  padding: 10px 15px; }
.store-edit .mobile {
  display: none; }
@media screen and (max-width: 500px) {
  .store-edit .desktop {
    display: none; }
  .store-edit .mobile {
    display: block;
    width: 100%; }
    .store-edit .mobile table {
      width: 100%; }
      .store-edit .mobile table table {
        border-collapse: collapse;
        width: auto; }
        .store-edit .mobile table table th, .store-edit .mobile table table td {
          padding: 3px 10px 3px 0;
          font-size: 13px;
          border-color: #f7f7f7;
          font-weight: 300; }
      .store-edit .mobile table .options {
        margin-bottom: 10px; }
        .store-edit .mobile table .options li {
          font-size: 13px; } }
.store-edit td {
  vertical-align: top; }
.store-edit ul.options {
  list-style: none;
  margin: 3px 0 0 0px;
  padding: 0; }
  .store-edit ul.options li {
    font-size: 12px; }

/* Redigera order */
.order-edit,
.order {
  /*table.options {
  	td {
  		display: flex;
  	}
  }*/ }
  .order-edit label,
  .order label {
    padding-top: 20px; }
  .order-edit .big-block,
  .order .big-block {
    width: 100%; }
  .order-edit .change-product,
  .order-edit .search-option,
  .order .change-product,
  .order .search-option {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    text-align: center; }
    .order-edit .change-product .holder,
    .order-edit .search-option .holder,
    .order .change-product .holder,
    .order .search-option .holder {
      display: inline-block;
      width: 500px;
      height: 400px;
      overflow: auto;
      background: #FFF;
      box-shadow: 0 0 10px #000;
      padding: 30px 20px;
      position: relative;
      top: 100px;
      text-align: left; }
      .order-edit .change-product .holder input[type=text],
      .order-edit .search-option .holder input[type=text],
      .order .change-product .holder input[type=text],
      .order .search-option .holder input[type=text] {
        width: 200px; }
      .order-edit .change-product .holder a.close,
      .order-edit .search-option .holder a.close,
      .order .change-product .holder a.close,
      .order .search-option .holder a.close {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 24px; }
      @media screen and (max-width: 500px) {
        .order-edit .change-product .holder,
        .order-edit .search-option .holder,
        .order .change-product .holder,
        .order .search-option .holder {
          width: 96%; } }
      .order-edit .change-product .holder table,
      .order-edit .search-option .holder table,
      .order .change-product .holder table,
      .order .search-option .holder table {
        width: 100%;
        margin-top: 30px; }
        .order-edit .change-product .holder table td,
        .order-edit .search-option .holder table td,
        .order .change-product .holder table td,
        .order .search-option .holder table td {
          padding: 8px 0; }
  @media screen and (max-width: 500px) {
    .order-edit td select,
    .order td select {
      width: 200px; } }

body.order .main {
  /*tr.has-options {
  	td { border-width: 0; }
  }*/ }
  body.order .main .mobile {
    display: none; }
  @media screen and (max-width: 500px) {
    body.order .main .desktop {
      display: none; }
    body.order .main .mobile {
      display: inline-block;
      width: 100%; }
      body.order .main .mobile table.list {
        width: 100%;
        margin-bottom: 20px; }
        body.order .main .mobile table.list td, body.order .main .mobile table.list th {
          padding: 10px; }
        body.order .main .mobile table.list tfoot th {
          font-size: 18px; }
      body.order .main .mobile div.total {
        float: left;
        width: 100%;
        margin-top: 20px;
        font-weight: bold;
        font-size: 18px;
        text-align: right; } }
  body.order .main td {
    vertical-align: top;
    line-height: 40px; }
    @media screen and (max-width: 500px) {
      body.order .main td {
        line-height: 24px; } }
  body.order .main tr.option td {
    line-height: 1.2;
    border-width: 0; }
  body.order .main tr.option.last-option td {
    border-width: 0 0 1px; }
  body.order .main h2 {
    margin: 30px 0 5px; }
  body.order .main a {
    text-decoration: underline;
    color: #4BD1A0;
    font-size: 13px; }
  body.order .main a.btn {
    color: #FFF;
    text-decoration: none; }
  body.order .main ul.options {
    list-style: none;
    margin: 3px 0 0 0px;
    padding: 0; }
    body.order .main ul.options li {
      font-size: 12px;
      line-height: 20px; }
  body.order .main table.options {
    border-collapse: collapse; }
    body.order .main table.options th, body.order .main table.options td {
      font-size: 13px;
      line-height: 1;
      vertical-align: middle; }
    body.order .main table.options input {
      line-height: 30px;
      font-size: 13px;
      padding: 0 4px; }
  body.order .main table.files {
    border-collapse: collapse; }
    body.order .main table.files td {
      padding: 5px 40px 5px 10px;
      border-bottom: 1px solid #CCC; }
      body.order .main table.files td label {
        display: inline-block;
        float: right;
        padding: 0;
        margin: 0;
        font-weight: normal; }
  body.order .main ul.images {
    list-style: none;
    margin: 0;
    padding: 0; }
    body.order .main ul.images li {
      float: left;
      margin: 0 10px 10px 0;
      border: 1px solid #CCC;
      padding: 20px;
      display: flex;
      text-align: center;
      flex-direction: column;
      justify-content: space-between; }
      body.order .main ul.images li img {
        max-width: 160px; }
      body.order .main ul.images li label {
        font-weight: normal; }
  body.order .main form.order-form {
    float: left;
    border-top: 1px solid #CCC;
    padding-top: 20px;
    margin-top: 40px;
    max-width: 100%; }
  body.order .main div.search-retailer {
    float: left;
    border-top: 1px solid #CCC;
    padding-top: 20px;
    margin-top: 40px;
    width: 100%; }
    body.order .main div.search-retailer h2 {
      margin-top: 0; }
    body.order .main div.search-retailer div.retailer-result {
      float: left;
      width: 100%;
      margin-top: 20px; }
      @media screen and (max-width: 500px) {
        body.order .main div.search-retailer div.retailer-result table {
          width: 100%; } }
      body.order .main div.search-retailer div.retailer-result table td {
        vertical-align: middle;
        padding: 10px; }

body.checkout .main td {
  vertical-align: top; }

body.orders .main .mobile {
  display: none; }
@media screen and (max-width: 500px) {
  body.orders .main .desktop {
    display: none; }
  body.orders .main .mobile {
    display: inline-block;
    width: 100%; }
    body.orders .main .mobile td table {
      width: 100%;
      border-collapse: collapse; }
      body.orders .main .mobile td table tr th, body.orders .main .mobile td table tr td {
        border-color: #f7f7f7;
        padding: 5px 10px 5px 0; } }

/* Galleri */
ul.gallery {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  ul.gallery > li {
    border: 1px solid #f7f7f7;
    padding: 10px;
    margin: 0 10px 10px 0;
    width: 200px; }
    ul.gallery > li img {
      width: 100%; }
    ul.gallery > li ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      ul.gallery > li ul li.store label {
        font-size: 12px; }
      ul.gallery > li ul li.uploaded {
        font-size: 12px;
        padding-top: 5px; }
      ul.gallery > li ul li.delete label {
        font-weight: normal;
        font-size: 12px; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?dv01rb");
  src: url("fonts/icomoon.eot?dv01rb#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?dv01rb") format("truetype"), url("fonts/icomoon.woff?dv01rb") format("woff"), url("fonts/icomoon.svg?dv01rb#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: none;
  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-warning:before {
  content: "\e900"; }

.icon-chevron-down:before {
  content: "\e901"; }

.icon-chevron-small-down:before {
  content: "\e902"; }

.icon-chevron-small-left:before {
  content: "\e903"; }

.icon-chevron-small-right:before {
  content: "\e904"; }

.icon-chevron-small-up:before {
  content: "\e905"; }

.icon-chevron-up:before {
  content: "\e906"; }

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

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

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

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

.icon-area-graph:before {
  content: "\e90b"; }

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

.icon-check:before {
  content: "\e90d"; }

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

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

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

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

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

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

.icon-heart-outlined:before {
  content: "\e914"; }

.icon-heart:before {
  content: "\e916"; }

.icon-help-with-circle:before {
  content: "\e917"; }

.icon-help:before {
  content: "\e918"; }

.icon-home:before {
  content: "\e919"; }

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

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

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

.icon-mail:before {
  content: "\e91d"; }

.icon-menu:before {
  content: "\e91e"; }

.icon-message:before {
  content: "\e91f"; }

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

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

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

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

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

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

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

.icon-star-outlined:before {
  content: "\e927"; }

.icon-star:before {
  content: "\e928"; }

.icon-sweden:before {
  content: "\e929"; }

.icon-thumbs-down:before {
  content: "\e92a"; }

.icon-thumbs-up:before {
  content: "\e92b"; }

.icon-typing:before {
  content: "\e92c"; }

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

.icon-users:before {
  content: "\e92e"; }

.icon-flickr:before {
  content: "\e92f"; }

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

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