@charset "UTF-8";
/* -----------------------------------*/
/* -------  www.shopsetup.com  -------*/
/* -------------  (c)2015 ------------*/
/* -----------------------------------*/
/* --------- Import CSS --------------*/
/* -----------------------------------*/
/* CSS Document */
/* RESET---------------------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-family: "Times New Roman", Times, serif, Georgia;*/
  /* vertical-align: baseline; */ }

/* remember to define focus styles! */
:focus {
  outline: 0; }

body {
  background: white; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

/* //RESET---------------------------*/
/* TipTip CSS - Version 1.2 */
#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999; }

#tiptip_holder.tip_top {
  padding-bottom: 5px; }

#tiptip_holder.tip_bottom {
  padding-top: 5px; }

#tiptip_holder.tip_right {
  padding-left: 5px; }

#tiptip_holder.tip_left {
  padding-right: 5px; }

#tiptip_content {
  font-size: 12px;
  color: #fff;
  padding: 10px 15px;
  line-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: #191919;
  background-color: rgba(25, 25, 25, 0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0; }

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: #191919;
  border-top-color: rgba(25, 25, 25, 0.92); }

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: #191919;
  border-bottom-color: rgba(25, 25, 25, 0.92); }

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: #191919;
  border-right-color: rgba(25, 25, 25, 0.92); }

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: #191919;
  border-left-color: rgba(25, 25, 25, 0.92); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45, 45, 45, 0.88); }
  #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: rgba(45, 45, 45, 0.88); }
  #tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: rgba(20, 20, 20, 0.92); } }

body {
  min-width: 960px; }

/* `Containers
----------------------------------------------------------------------------------------------------*/
.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  min-width: 920px; }

@media (min-width: 320px) {
  .container_12, .container_16 {
    width: 100%; } }

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 1px;
  overflow: hidden; }

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position: relative; }

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px; }

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px; }

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px; }

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px; }

@media (min-width: 320px) {
  .container_12 > li {
    box-sizing: border-box; }
  .container_12 .grid_3, .container_16 .grid_4 {
    width: 25%; }
  .container_12 .grid_6, .container_16 .grid_8 {
    width: 50%; }
  .container_12 .grid_9, .container_16 .grid_12 {
    width: 75%; }
  .container_12 .grid_12, .container_16 .grid_16 {
    width: 100%; } }

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.iGridLeft, .alpha {
  margin-left: 0; }

.iGridRight, .omega {
  margin-right: 0; }

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 60px; }

.container_12 .grid_2 {
  width: 140px; }

.container_12 .grid_4 {
  width: 300px; }

.container_12 .grid_5 {
  width: 380px; }

.container_12 .grid_7 {
  width: 540px; }

.container_12 .grid_8 {
  width: 620px; }

.container_12 .grid_10 {
  width: 780px; }

.container_12 .grid_11 {
  width: 860px; }

@media (min-width: 320px) {
  .container_12 > li {
    box-sizing: border-box; }
  .container_12 .grid_1 {
    width: 8.333%; }
  .container_12 .grid_2 {
    width: 16.666%; }
  .container_12 .grid_3 {
    width: 25%; }
  .container_12 .grid_4 {
    width: 33.333%; }
  .container_12 .grid_5 {
    width: 41.666%; }
  .container_12 .grid_6 {
    width: 50%; }
  .container_12 .grid_7 {
    width: 58.333%; }
  .container_12 .grid_8 {
    width: 66.666%; }
  .container_12 .grid_9 {
    width: 75%; }
  .container_12 .grid_10 {
    width: 83.333%; }
  .container_12 .grid_11 {
    width: 91.666%; }
  .container_12 .grid_12 {
    width: 100%; } }

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
  width: 40px; }

.container_16 .grid_2 {
  width: 100px; }

.container_16 .grid_3 {
  width: 160px; }

.container_16 .grid_5 {
  width: 280px; }

.container_16 .grid_6 {
  width: 340px; }

.container_16 .grid_7 {
  width: 400px; }

.container_16 .grid_9 {
  width: 520px; }

.container_16 .grid_10 {
  width: 580px; }

.container_16 .grid_11 {
  width: 640px; }

.container_16 .grid_13 {
  width: 760px; }

.container_16 .grid_14 {
  width: 820px; }

.container_16 .grid_15 {
  width: 880px; }

@media (min-width: 320px) {
  .container_16 > li {
    box-sizing: border-box; }
  .container_16 .grid_1 {
    width: 6.25%; }
  .container_16 .grid_2 {
    width: 12.5%; }
  .container_16 .grid_3 {
    width: 18.75%; }
  .container_16 .grid_4 {
    width: 25%; }
  .container_16 .grid_5 {
    width: 31.25%; }
  .container_16 .grid_6 {
    width: 37.5%; }
  .container_16 .grid_7 {
    width: 43.75%; }
  .container_16 .grid_8 {
    width: 50%; }
  .container_16 .grid_9 {
    width: 56.25%; }
  .container_16 .grid_10 {
    width: 62.5%; }
  .container_16 .grid_11 {
    width: 68.75%; }
  .container_16 .grid_12 {
    width: 75%; }
  .container_16 .grid_13 {
    width: 81.25%; }
  .container_16 .grid_14 {
    width: 87.5%; }
  .container_16 .grid_15 {
    width: 93.75%; }
  .container_16 .grid_16 {
    width: 100%; } }

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px; }

.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px; }

.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px; }

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 80px; }

.container_12 .prefix_2 {
  padding-left: 160px; }

.container_12 .prefix_4 {
  padding-left: 320px; }

.container_12 .prefix_5 {
  padding-left: 400px; }

.container_12 .prefix_7 {
  padding-left: 560px; }

.container_12 .prefix_8 {
  padding-left: 640px; }

.container_12 .prefix_10 {
  padding-left: 800px; }

.container_12 .prefix_11 {
  padding-left: 880px; }

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
  padding-left: 60px; }

.container_16 .prefix_2 {
  padding-left: 120px; }

.container_16 .prefix_3 {
  padding-left: 180px; }

.container_16 .prefix_5 {
  padding-left: 300px; }

.container_16 .prefix_6 {
  padding-left: 360px; }

.container_16 .prefix_7 {
  padding-left: 420px; }

.container_16 .prefix_9 {
  padding-left: 540px; }

.container_16 .prefix_10 {
  padding-left: 600px; }

.container_16 .prefix_11 {
  padding-left: 660px; }

.container_16 .prefix_13 {
  padding-left: 780px; }

.container_16 .prefix_14 {
  padding-left: 840px; }

.container_16 .prefix_15 {
  padding-left: 900px; }

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px; }

.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px; }

.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px; }

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 80px; }

.container_12 .suffix_2 {
  padding-right: 160px; }

.container_12 .suffix_4 {
  padding-right: 320px; }

.container_12 .suffix_5 {
  padding-right: 400px; }

.container_12 .suffix_7 {
  padding-right: 560px; }

.container_12 .suffix_8 {
  padding-right: 640px; }

.container_12 .suffix_10 {
  padding-right: 800px; }

.container_12 .suffix_11 {
  padding-right: 880px; }

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
  padding-right: 60px; }

.container_16 .suffix_2 {
  padding-right: 120px; }

.container_16 .suffix_3 {
  padding-right: 180px; }

.container_16 .suffix_5 {
  padding-right: 300px; }

.container_16 .suffix_6 {
  padding-right: 360px; }

.container_16 .suffix_7 {
  padding-right: 420px; }

.container_16 .suffix_9 {
  padding-right: 540px; }

.container_16 .suffix_10 {
  padding-right: 600px; }

.container_16 .suffix_11 {
  padding-right: 660px; }

.container_16 .suffix_13 {
  padding-right: 780px; }

.container_16 .suffix_14 {
  padding-right: 840px; }

.container_16 .suffix_15 {
  padding-right: 900px; }

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .push_3,
.container_16 .push_4 {
  left: 240px; }

.container_12 .push_6,
.container_16 .push_8 {
  left: 480px; }

.container_12 .push_9,
.container_16 .push_12 {
  left: 720px; }

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
  left: 80px; }

.container_12 .push_2 {
  left: 160px; }

.container_12 .push_4 {
  left: 320px; }

.container_12 .push_5 {
  left: 400px; }

.container_12 .push_7 {
  left: 560px; }

.container_12 .push_8 {
  left: 640px; }

.container_12 .push_10 {
  left: 800px; }

.container_12 .push_11 {
  left: 880px; }

@media (min-width: 320px) {
  .container_12 > li {
    box-sizing: border-box; }
  .container_12 .push_1 {
    left: 8.333%; }
  .container_12 .push_2 {
    left: 16.666%; }
  .container_12 .push_3 {
    left: 25%; }
  .container_12 .push_4 {
    left: 33.333%; }
  .container_12 .push_5 {
    left: 41.666%; }
  .container_12 .push_6 {
    left: 50%; }
  .container_12 .push_7 {
    left: 58.333%; }
  .container_12 .push_8 {
    left: 66.666%; }
  .container_12 .push_9 {
    left: 75%; }
  .container_12 .push_10 {
    left: 83.333%; }
  .container_12 .push_11 {
    left: 91.666%; }
  .container_12 .push_12 {
    left: 100%; } }

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {
  left: 60px; }

.container_16 .push_2 {
  left: 120px; }

.container_16 .push_3 {
  left: 180px; }

.container_16 .push_5 {
  left: 300px; }

.container_16 .push_6 {
  left: 360px; }

.container_16 .push_7 {
  left: 420px; }

.container_16 .push_9 {
  left: 540px; }

.container_16 .push_10 {
  left: 600px; }

.container_16 .push_11 {
  left: 660px; }

.container_16 .push_13 {
  left: 780px; }

.container_16 .push_14 {
  left: 840px; }

.container_16 .push_15 {
  left: 900px; }

@media (min-width: 320px) {
  .container_16 > li {
    box-sizing: border-box; }
  .container_16 .push_1 {
    left: 6.25%; }
  .container_16 .push_2 {
    left: 12.5%; }
  .container_16 .push_3 {
    left: 18.75%; }
  .container_16 .push_4 {
    left: 25%; }
  .container_16 .push_5 {
    left: 31.25%; }
  .container_16 .push_6 {
    left: 37.5%; }
  .container_16 .push_7 {
    left: 43.75%; }
  .container_16 .push_8 {
    left: 50%; }
  .container_16 .push_9 {
    left: 56.25%; }
  .container_16 .push_10 {
    left: 62.5%; }
  .container_16 .push_11 {
    left: 68.75%; }
  .container_16 .push_12 {
    left: 75%; }
  .container_16 .push_13 {
    left: 81.25%; }
  .container_16 .push_14 {
    left: 87.5%; }
  .container_16 .push_15 {
    left: 93.75%; }
  .container_16 .push_16 {
    left: 100%; } }

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px; }

.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px; }

.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px; }

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
  left: -80px; }

.container_12 .pull_2 {
  left: -160px; }

.container_12 .pull_4 {
  left: -320px; }

.container_12 .pull_5 {
  left: -400px; }

.container_12 .pull_7 {
  left: -560px; }

.container_12 .pull_8 {
  left: -640px; }

.container_12 .pull_10 {
  left: -800px; }

.container_12 .pull_11 {
  left: -880px; }

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {
  left: -60px; }

.container_16 .pull_2 {
  left: -120px; }

.container_16 .pull_3 {
  left: -180px; }

.container_16 .pull_5 {
  left: -300px; }

.container_16 .pull_6 {
  left: -360px; }

.container_16 .pull_7 {
  left: -420px; }

.container_16 .pull_9 {
  left: -540px; }

.container_16 .pull_10 {
  left: -600px; }

.container_16 .pull_11 {
  left: -660px; }

.container_16 .pull_13 {
  left: -780px; }

.container_16 .pull_14 {
  left: -840px; }

.container_16 .pull_15 {
  left: -900px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after {
  clear: both; }

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1; }

/* ----------------------------------------------------- */
/* Blandade klasser */
/* Placement */
.noMargin {
  margin: 0 !important; }

.noPadding {
  padding: 0 !important; }

.fLeft {
  float: left !important; }

.fRight {
  float: right !important; }

.fNone {
  float: none !important; }

.tLeft {
  text-align: left !important; }

.tRight {
  text-align: right !important; }

.tCenter {
  text-align: center !important; }

.clear {
  clear: both !important; }

.dispBlock {
  display: block !important;
  margin-top: 5px;
  margin-bottom: 5px; }

.dispInBlock {
  display: inline-block !important;
  margin-top: 5px;
  margin-bottom: 5px; }

.inline-block {
  display: inline-block; }

.dispNone {
  display: none !important; }

/* Cursor */
.pointer_cursor {
  cursor: pointer; }

.default_cursor {
  cursor: default; }

/* Distance */
.mt7 {
  margin-top: 7px !important; }

.mlb10 {
  margin-left: 10px !important;
  margin-bottom: 10px !important; }

.mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mb15_neg {
  margin-bottom: -15px !important; }

.plr10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.ptb10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

/*margin and padding */
.m0,
.p0 {
  margin: 0 !important;
  padding: 0 !important; }

.mt0,
.pt0 {
  margin-top: 0 !important;
  padding-top: 0 !important; }

.ml0,
.pl0 {
  margin-left: 0 !important;
  padding-left: 0 !important; }

.mr0,
.pr0 {
  margin-right: 0 !important;
  padding-right: 0 !important; }

.mb0,
.pb0 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

/*margin*/
.m5 {
  margin: 5px !important; }

.m10 {
  margin: 10px !important; }

.m15 {
  margin: 15px !important; }

.m20 {
  margin: 20px !important; }

.m100 {
  margin: 100px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr100 {
  margin-right: 100px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml100 {
  margin-left: 100px !important; }

/*padding*/
.p5 {
  padding: 5px !important; }

.p10 {
  padding: 10px !important; }

.p15 {
  padding: 15px !important; }

.p20 {
  padding: 20px !important; }

.p100 {
  padding: 100px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt100 {
  padding-top: 100px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl100 {
  padding-left: 100px !important; }

/*negative margin*/
.m5_neg {
  margin: -5px !important; }

.m10_neg {
  margin: -10px !important; }

.m15_neg {
  margin: -15px !important; }

.m20_neg {
  margin: -20px !important; }

.m100_neg {
  margin: -100px !important; }

.mt5_neg {
  margin-top: -5px !important; }

.mt10_neg {
  margin-top: -10px !important; }

.mt15_neg {
  margin-top: -15px !important; }

.mt20_neg {
  margin-top: -20px !important; }

.mt100_neg {
  margin-top: -100px !important; }

.mr5_neg {
  margin-right: -5px !important; }

.mr10_neg {
  margin-right: -10px !important; }

.mr15_neg {
  margin-right: -15px !important; }

.mr20_neg {
  margin-right: -20px !important; }

.mr100_neg {
  margin-right: -100px !important; }

.mb5_neg {
  margin-bottom: -5px !important; }

.mb10_neg {
  margin-bottom: -10px !important; }

.mb15_neg {
  margin-bottom: -15px !important; }

.mb20_neg {
  margin-bottom: -20px !important; }

.mb100_neg {
  margin-bottom: -100px !important; }

.ml5_neg {
  margin-left: -5px !important; }

.ml10_neg {
  margin-left: -10px !important; }

.ml15_neg {
  margin-left: -15px !important; }

.ml20_neg {
  margin-left: -20px !important; }

.ml100_neg {
  margin-left: -100px !important; }

/*negative padding*/
.p5_neg {
  padding: -5px !important; }

.p10_neg {
  padding: -10px !important; }

.p15_neg {
  padding: -15px !important; }

.p20_neg {
  padding: -20px !important; }

.p100_neg {
  padding: -100px !important; }

.pt5_neg {
  padding-top: -5px !important; }

.pt10_neg {
  padding-top: -10px !important; }

.pt15_neg {
  padding-top: -15px !important; }

.pt20_neg {
  padding-top: -20px !important; }

.pt100_neg {
  padding-top: -100px !important; }

.pr5_neg {
  padding-right: -5px !important; }

.pr10_neg {
  padding-right: -10px !important; }

.pr15_neg {
  padding-right: -15px !important; }

.pr20_neg {
  padding-right: -20px !important; }

.pr100_neg {
  padding-right: -100px !important; }

.pb5_neg {
  padding-bottom: -5px !important; }

.pb10_neg {
  padding-bottom: -10px !important; }

.pb15_neg {
  padding-bottom: -15px !important; }

.pb20_neg {
  padding-bottom: -20px !important; }

.pb100_neg {
  padding-bottom: -100px !important; }

.pl5_neg {
  padding-left: -5px !important; }

.pl10_neg {
  padding-left: -10px !important; }

.pl15_neg {
  padding-left: -15px !important; }

.pl20_neg {
  padding-left: -20px !important; }

.pl100_neg {
  padding-left: -100px !important; }

.mtNeg_xxl {
  margin-top: -100px !important; }

.mtNeg_xl {
  margin-top: -65px !important; }

.mtNeg_l {
  margin-top: -40px !important; }

.mtNeg_m {
  margin-top: -25px !important; }

.mtNeg_s {
  margin-top: -10px !important; }

/* Colors */
.blueBG {
  background: #ebf2fb !important; }

.red {
  color: #ce5050 !important; }

.green {
  color: #a9ca0e !important; }

.greyBg {
  background: #fafafa;
  margin: 10px 0;
  border: 1px solid #f0f3f5; }

/* FA Colors */
.fa.cyan {
  color: #40d7ff !important; }

.fa.blue {
  color: #42aad8 !important; }

.fa.lime {
  color: #cfee40 !important; }

.fa.green {
  color: #a9ca0e !important; }

.fa.lightpink {
  color: #ff7c81 !important; }

.fa.beige {
  color: #f6d16e !important; }

.fa.red {
  color: #c9403a !important; }

.fa.pink {
  color: #d85495 !important; }

.fa.grey {
  color: #eeeeee !important; }

.fa.darkgrey {
  color: #dddddd !important; }

.fa.purple {
  color: #c16ef6 !important; }

.fa.brown {
  color: #ac9c62 !important; }

.fa.black {
  color: #000 !important; }

.fa.white {
  color: #fff !important; }

.fa.large {
  font-size: 1.25em !important; }

.fa.larger {
  font-size: 1.5em !important; }

/* Text */
.smallText {
  font-size: 80%; }

.no_overflow {
  overflow: initial !important; }

.cl {
  clear: left; }

.cr {
  clear: right; }

.cb {
  clear: both; }

.taL {
  text-align: left; }

.taC {
  text-align: center; }

.taR {
  text-align: right; }

/* CSS 3 */
.box-shadow {
  -moz-box-shadow: 1px 1px 1px rgba(200, 200, 200, 0.7);
  /* Firefox */
  -webkit-box-shadow: 1px 1px 1px rgba(200, 200, 200, 0.7);
  /* Safari, Chrome */
  box-shadow: 1px 1px 1px rgba(200, 200, 200, 0.7);
  /* CSS3 */ }

.innerBox-shadow {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }

/*Border*/
.borderLeft {
  border-left: 1px solid #c8ced3 !important; }

.shadow {
  -moz-box-shadow: 1px 1px 1px #666;
  -webkit-box-shadow: 1px 1px 1px #666;
  box-shadow: 1px 1px 1px #666;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); }

.shadow_light {
  -moz-box-shadow: 1px 1px 1px #ccc;
  -webkit-box-shadow: 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px #ccc;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow Strength24, Direction=135, Color= "#cccccc"; }

#fancybox_content .ul-error {
  list-style-type: none;
  padding: 15px 100px; }

/* ************************************************************************** */
/* ClearFIX*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
/* -----------------------------------*/
/* --------->>> TYPOGRAPHY <<<--------*/
/* -----------------------------------*/
h3.shopsetup,
#cw h3.shopsetup {
  font: 10em/2em Roboto, Arial, sans-serif;
  border-top: 1px solid #c8ced3;
  padding-top: 20px;
  margin-top: 20px;
  border-bottom: none; }

/* ******************************************************** */
/* ----------------------- */
/* Support - Sliding Panel top */
/* ----------------------- */
/* Support Area - Toggle */
ul.slide {
  height: 3px;
  background: #3392e3;
  background: #3392e3;
  margin: -3px 0 0; }

ul.slide li {
  width: 100%;
  height: 0px;
  position: relative; }

ul.slide li a {
  color: #fff;
  line-height: 30px;
  width: 160px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -80px;
  z-index: 10;
  padding: 5px 10px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

ul.slide li a.btn-slide {
  display: block;
  background: #3392e3;
  text-align: center; }

ul.slide li a:hover {
  color: #eee; }

ul.slide li a.active {
  color: #eee; }

/* ******************************************************** */
/* System logs */
#system-logs {
  text-align: center; }

/* ******************************************************** */
/* the list wrapper */
/*
	div.lWrapper {}
	div.lWrapper .head {background: #eee; font-size: 110%; border-bottom:1px solid #fff}
	div.lWrapper dl { font:1.0em/1.7em Roboto, Arial, sans-serif; float: left; margin-bottom:0;  }
		div.lWrapper p { font:1.0em/1.2em Roboto, Arial, sans-serif; }
		div.lWrapper .bg_dark { background: #eee; border: solid 1px #fff; border-width: 1px 0 }
		div.lWrapper .bg_bright { background: #fafafa; border: solid 1px #e9e9e9; border-width: 1px 0 }
			div.lWrapper .bg_dark li, 
			div.lWrapper .bg_bright li, 
			div.lWrapper dl.bg_dark dd, 
			div.lWrapper dl.bg_bright dd, 
			div.lWrapper dd { line-height: 40px }

			div.lWrapper .status,
			div.lWrapper .status span { background: url(/Resources/img/ico/checkdot_on.png) center left no-repeat; font-weight: normal; color: #555 }
			div.lWrapper .inactive .status, 
			div.lWrapper .inactive .status span { background: url(/Resources/img/ico/checkdot_off.png) center left no-repeat; font-weight: normal; color: #555 }
			div.lWrapper .inactive a {color:#ddd}
			
			
			div.lWrapper .block .notvisible { background-image: url(/Resources/img/ico/checkdot_off.png) }
			
			
			div.lWrapper .handle a { background-position: center top; background-repeat: no-repeat; cursor: pointer; float: left; height: 32px; margin-left: 5px; margin-top: 4px; text-indent: -5000px; width: 32px; position: relative; left: auto; top: 0 }
			div.lWrapper .handle a.icoPreview {background-image: url(/Resources/img/ico/eye.png);}
			div.lWrapper .handle a.icoDelete {background-image:url(/Resources/img/ico/trash.png);}
			div.lWrapper .handle a.icoDeactivate {background-image:url(/Resources/img/ico/link.png);}	
			div.lWrapper .handle a.icoEdit {background-image:url(/Resources/img/ico/edit.png);}
			div.lWrapper .handle a:hover { background-position: center bottom }
			*/
/* ******************************************************** */
/* Statistik  */
#cw .extended-stat {
  background: #fff;
  border-top: solid 1px #fff;
  float: left;
  width: 100%;
  padding: 0 0 15px; }

#cw .extended-stat p.header {
  background: #eee;
  margin-bottom: 0;
  padding: 10px;
  border-bottom: solid 1px #ddd; }

#cw .extended-stat p.header span {
  font-size: 1.3em; }

#cw .extended-stat .stat-wrapper {
  float: left;
  width: 100%;
  border-top: solid 1px #fff; }

#cw .extended-stat .stat-wrapper li.foot ul {
  background: #eee; }

#cw .extended-stat .stat-wrapper #loader strong {
  font: oblique 1.3em/2em Georgia, "Times New Roman", Times, serif; }

/* ******************************************************** */
/* Width 980px;*/
div.boxWrapper {
  padding: 5px 9px;
  border: 1px solid #eee;
  overflow: auto;
  margin-bottom: 15px;
  background: #f6f6f6;
  -moz-border-radius: 6px;
  border-radius: 6px; }

div.boxWrapper label {
  font-weight: 500;
  display: block;
  float: left;
  min-width: 100px;
  padding-right: 10px;
  color: #777; }

div.boxWrapper dl dd {
  margin: 5px 0; }

div.boxWrapper dl dd.hasinputfield label {
  line-height: 28px; }

/* ******************************************************** */
/* Tabs special variant */
.tabsAltview {
  float: right;
  background: transparent url("/resources/img/bg/bg_button_alttab.png") repeat-x top left; }
  .tabsAltview.tabsAltview.ui-state-active {
    background: #fff; }
    .tabsAltview.tabsAltview.ui-state-active a {
      text-shadow: none;
      color: #222; }
  .tabsAltview a {
    color: #fff;
    text-shadow: 1px 1px #638d2e;
    padding-left: 15px;
    padding-right: 15px; }

/* ******************************************************** */
/* Inner breadcrumbs */
/*#breadcrumb { font: 11px/35px Roboto, Arial, sans-serif; background:#f8f7ed; height:35px;color:#9b9b9b; width:100%; overflow:hidden }
	    #breadcrumb li {list-style-type:none; float:left; padding-left:15px;}
	        #breadcrumb a { height:35px;display:block; background: transparent url(/Resources/img/ecom/bread_separator.png) no-repeat center right; padding-right: 25px; text-decoration: none; color:#454545;}
	        .home { border: none; margin: 10px 0px;}
	        #breadcrumb a:hover { color:#35acc5; }*/
/* ******************************************************** */
/* System Info */
.systeminfo li {
  clear: both; }

.systeminfo h4 {
  margin-bottom: 10px;
  padding: 0 0 5px;
  font-size: 14px;
  border-bottom: 1px solid #c8ced3; }

.systeminfo li dl {
  text-align: right; }

.systeminfo li dl .header {
  font-weight: 500;
  float: left; }

.systeminfo li dl dd {
  line-height: 22px; }

.systeminfo li dl .fa {
  margin-right: 5px; }

/* ******************************************************** */
.browserSettings {
  border-left: dashed 1px #c8ced3;
  margin-left: 10px;
  padding: 0 0 0 30px; }

.requiredInfo {
  margin: 0px 0 0; }

.requiredInfo p {
  font: oblique 1em/1.8em Georgia, "Times New Roman", Times, serif; }

.requiredInfo p img {
  max-width: 100%;
  max-height: 50px;
  display: block;
  margin: 0 auto 10px; }

/* ******************************************************** */
/* Pagination */
div.nav_counter span {
  font-weight: 500;
  font-size: 130%; }

div.nav_counter span.count_sub {
  color: #444; }

div.nav_counter span.count_total {
  color: #bbb;
  padding-right: 10px; }

/* ******************************************************** */
div.withMiniSearch {
  margin-top: 35px !important; }

div.withMiniSearch div.pageInfo {
  background: none;
  left: 0; }

/* -----------------------------------*/
*,
*::before,
*::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* -----------------------------------*/
/* ----------->>> GENERAL <<<---------*/
/* -----------------------------------*/
html {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column wrap; }

body {
  background: #fff;
  font-size: 0.75em;
  font-family: "Roboto", Arial, sans-serif;
  color: #222;
  height: 100%;
  min-height: 100%;
  width: 100%;
  letter-spacing: 0.2px; }
  body > form {
    height: 100%; }
  body.waiting,
  body.waiting * {
    cursor: wait !important; }
  @media only screen and (min-width: 1600px) {
    body {
      font-size: 0.8em;
      letter-spacing: 0.3px; } }

img {
  border: none;
  outline: none; }

a,
a:hover {
  text-decoration: none;
  color: #3392e3;
  cursor: pointer;
  transition: color 0.5s; }

a:hover {
  color: #1877c9; }

pre {
  background: #f4f2e5;
  padding: 20px 10px;
  color: #cc6633;
  border: 1px dotted #ebeae2;
  font-size: 12px; }
  pre.clean {
    background: none;
    padding: 10px;
    color: #222;
    border: none;
    font-size: inherit; }
    pre.clean.ExecuteUtility {
      font-size: 12px; }

label {
  cursor: pointer; }

strong {
  font-weight: 500; }

/* -----------------------------------*/
/* ------------>>> List <<<-----------*/
/* -----------------------------------*/
/* Unordered list */
ul.list {
  list-style-type: disc;
  padding: 0 0 20px 20px;
  font-size: 1.1em;
  line-height: 1.5em; }
  ul.list li {
    padding-left: 10px; }

/* Ordered list */
ol.list, ol.upper-alpha {
  list-style-type: decimal;
  padding: 0 0 20px 20px;
  font-size: 1.1em;
  line-height: 1.5em; }
  ol.list li, ol.upper-alpha li {
    padding-left: 10px; }

ol.upper-alpha {
  list-style-type: upper-alpha;
  list-style-position: outside; }

/* -----------------------------------*/
/* --------->>> TYPOGRAPHY <<<--------*/
/* -----------------------------------*/
h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto", Arial, sans-serif;
  margin: 0;
  padding: 0; }

h1,
h2,
h3 {
  font-weight: normal; }

h4,
h5,
h6 {
  font-weight: 500;
  line-height: 18px; }

h1 {
  font-size: 2.4em;
  line-height: 1.2em;
  margin-bottom: 20px; }

h2 {
  font-size: 2.1em;
  line-height: normal;
  padding: 0; }

h3 {
  font-size: 1.6em;
  line-height: normal;
  padding: 0 0 5px;
  margin-top: 25px;
  border-bottom: 1px solid #c8ced3; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px;
  padding: 5px 0 0 5px;
  margin: 5px 0; }

h6 {
  font-size: 14px;
  margin: 0 0 5px; }

/* ------------------------------------*/
/* ---------->>> LOADING <<<-----------*/
/* ------------------------------------*/
.ss-loader {
  position: relative;
  display: block; }
  .ss-loader .normal {
    visibility: visible !important; }
    .ss-loader .normal:before {
      font-family: FontAwesome;
      font-weight: normal; }
    .ss-loader .normal.text:before {
      margin-right: 10px; }
  .ss-loader .worker {
    display: none !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center !important; }
    .ss-loader .worker.text i {
      margin-left: 10px; }
  .ss-loader.active .normal {
    visibility: hidden !important; }
  .ss-loader.active .worker {
    display: inline-block !important; }

.loader {
  text-align: center;
  padding: 20px; }
  .loader i.fa {
    font-size: 30px;
    float: none !important;
    width: auto !important;
    margin: 0 !important; }

/* ------------------------------------*/
/* ----------->>> Tooltip <<<----------*/
/* ------------------------------------*/
.sstoolTip {
  display: inline-block;
  vertical-align: middle; }

/* ------------------------------------*/
/* -------->>> Placeholders <<<--------*/
/* ------------------------------------*/
#outerWrapper {
  clear: both;
  display: flex;
  height: 100%;
  width: 100%; }

/* Header */
#header {
  background: #fff;
  padding: 0 20px;
  height: 60px;
  line-height: 30px;
  width: calc(100% - 60px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  #header ul {
    margin: 0px auto; }
    #header ul li {
      float: left;
      padding-top: 15px;
      padding-bottom: 15px;
      height: 60px; }
  #header a {
    color: #3392e3;
    transition: all 0.5s; }
    #header a:before {
      transition: all 0.5s; }
    #header a:hover {
      color: #167495 !important; }

/* Header -> Release Cache */
#cacheWrapper {
  float: right !important;
  padding: 0 !important; }
  #cacheWrapper .sstoolTip {
    display: block;
    color: #fff;
    padding: 0 30px; }
  #cacheWrapper .btnCache {
    display: block;
    cursor: pointer;
    float: left;
    margin: 0 -20px 0 10px;
    height: 60px;
    line-height: 60px;
    background: #2196f3;
    padding: 0;
    border-radius: 0;
    font-size: inherit;
    font-weight: bold; }

/* Header -> Administration view of site, ie protected */
#adminView {
  float: right !important;
  padding: 0 !important; }
  #adminView a {
    display: block;
    cursor: pointer;
    float: left;
    height: 100%;
    padding: 15px 10px;
    margin: 0 10px;
    border-radius: 0;
    font-size: inherit;
    color: #222; }
    #adminView a:before {
      font-family: "FontAwesome";
      content: "\f06e";
      margin-right: 10px;
      font-size: 16px;
      display: inline-block; }

/* Header -> User */
#userWrapper {
  position: relative;
  cursor: pointer;
  /* Actions on Submenu :hover */ }
  #userWrapper a {
    display: block;
    color: #fff;
    font-size: 12px; }
  #userWrapper:hover .dropmenu--items {
    display: block; }
  #userWrapper .dropmenu--header {
    padding: 0 10px;
    text-align: right; }
    #userWrapper .dropmenu--header:before {
      font-family: "FontAwesome";
      content: "\f2be";
      font-size: 16px;
      color: #222;
      margin-right: 10px; }
  #userWrapper .dropmenu--items {
    background: #fff;
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    z-index: 99;
    display: none;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
    #userWrapper .dropmenu--items a {
      padding: 7px 20px 7px 15px;
      white-space: nowrap;
      border-bottom: solid 1px #c8ced3;
      color: #222;
      position: relative; }
      #userWrapper .dropmenu--items a:hover {
        background: #f0f3f5;
        color: #167495; }
      #userWrapper .dropmenu--items a:before {
        display: inline-block;
        font-family: "FontAwesome";
        margin-right: 10px;
        font-size: 14px;
        width: 20px;
        text-align: center;
        color: #222; }
      #userWrapper .dropmenu--items a:last-of-type {
        border: none; }
    #userWrapper .dropmenu--items .header {
      padding: 7px 15px;
      font-weight: 500;
      background: #2f353a;
      white-space: nowrap;
      color: #fff; }
    #userWrapper .dropmenu--items .group {
      padding-bottom: 7px;
      background: #fff;
      border-bottom: solid 1px #c8ced3; }
      #userWrapper .dropmenu--items .group:hover {
        background: #f0f3f5;
        color: #167495; }
      #userWrapper .dropmenu--items .group a {
        border: none; }
    #userWrapper .dropmenu--items .user {
      float: right;
      border-radius: 50%;
      width: 56px;
      height: 56px;
      overflow: hidden;
      background: #3492e3;
      color: #fff;
      text-align: center; }
      #userWrapper .dropmenu--items .user span {
        display: block;
        line-height: 56px;
        font-size: 2em;
        font-weight: normal;
        letter-spacing: -2px;
        font-family: "arial black";
        text-transform: uppercase; }
      #userWrapper .dropmenu--items .user img {
        max-width: 100%;
        background: #fff; }
    #userWrapper .dropmenu--items .badge {
      position: absolute;
      top: 13px;
      right: 10px;
      padding: 0 5px;
      line-height: 18px;
      background: #222;
      color: #fff;
      font-size: 11px;
      border-radius: 4px; }
    #userWrapper .dropmenu--items .item--customers .badge {
      background: #16bac5; }
    #userWrapper .dropmenu--items .item--orders .badge {
      background: #653cea; }
    #userWrapper .dropmenu--items .item--sub {
      padding: 0 20px 1px 45px;
      margin-top: -1px;
      z-index: +1;
      position: relative;
      border: none; }
      #userWrapper .dropmenu--items .item--sub:before {
        content: "";
        position: absolute;
        top: -30px;
        left: 24px;
        width: 10px;
        height: 45px;
        border-style: dotted;
        border-width: 0 0 1px 1px;
        border-color: #222; }
      #userWrapper .dropmenu--items .item--sub.first::before {
        top: -5px;
        height: 20px; }
      #userWrapper .dropmenu--items .item--sub .badge {
        background: none;
        color: #222;
        width: auto;
        top: 6px; }

/* Header -> User -> Shopsetup Extra Info */
#shopSetupExtra {
  padding: 7px 15px;
  font-size: 11px;
  line-height: 20px;
  white-space: nowrap;
  border-top: solid 1px #c8ced3; }
  #shopSetupExtra .sql {
    color: #d10000; }
  #shopSetupExtra strong {
    display: inline-block;
    min-width: 30px;
    text-align: right;
    margin: 0 5px 0 0; }

/* Header -> Info about instance.  */
#adminClient {
  position: relative; }
  #adminClient div {
    padding-left: 40px;
    padding-right: 10px; }
    #adminClient div:before {
      font-family: "FontAwesome";
      content: "\f233";
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      margin-right: 10px; }

/* Header -> System Logs */
#systemWrapper {
  float: right !important;
  position: relative; }
  #systemWrapper a {
    position: relative;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 10px; }
    #systemWrapper a:before {
      font-family: "FontAwesome";
      content: "\f0f3";
      font-size: 16px;
      color: #222; }
  #systemWrapper:hover a:before {
    color: #167495 !important; }
  #systemWrapper .badge {
    position: absolute;
    top: 15px;
    right: 2px;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    background: #ff0000;
    color: #fff;
    font-size: 11px;
    border-radius: 50%; }

.item--orders::before {
  content: "\f01c"; }

.item--customers::before {
  content: "\f007"; }

.item--profile::before {
  content: "\f2be"; }

.item--logout::before {
  content: "\f08b"; }

/*.item--protected::before {content: "\f132" }*/
.item--unprotected::before {
  content: "\f070"; }

#mainWrapper {
  width: 100%; }

/* Left col -> Logo */
#logoWrapper {
  text-align: center; }
  #logoWrapper img {
    margin-right: 20px;
    height: 14px;
    display: inline-block;
    vertical-align: middle; }
  #logoWrapper span {
    font-size: 18px; }
    #logoWrapper span sup {
      font-weight: normal;
      font-size: 6px;
      position: relative;
      top: -7px;
      right: -2px; }

#header,
#leftCol,
#mainCol {
  transition: all 0.2s; }

#leftCol {
  width: 200px;
  height: 100%;
  position: relative;
  background: #2f353a;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 90;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 60px; }

#mainCol {
  background: #fff;
  float: right;
  position: static;
  top: 0;
  right: 0;
  height: 100%;
  width: calc(100% - 60px);
  padding-top: 60px; }

@media (max-width: 1279px) {
  .expanded #leftCol {
    width: 300px; } }

@media (min-width: 1280px) {
  #leftCol,
  #mainCol {
    width: auto; }
  .expanded #leftCol {
    width: 300px; }
  .expanded #mainCol,
  .expanded #header {
    width: calc(100% - 300px); }
  .collapsed #leftCol {
    width: 60px; }
  .collapsed #header,
  .collapsed #mainCol {
    width: calc(100% - 60px); } }

/*collapsed menu*/
.collapsed #leftCol .LeftNavSection > dd {
  display: none !important; }

/* ----------------------- */
/* Support - Sliding Panel top */
/* ----------------------- */
#supportArea {
  background: #fafafa;
  display: none;
  color: #333;
  text-align: center;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
  min-width: 960px; }
  #supportArea div {
    margin: 20px auto;
    padding: 10px;
    max-width: 1200px; }
  #supportArea h2 {
    margin-bottom: 10px; }
  #supportArea p {
    padding: 0 0 20px; }
  #supportArea dl {
    float: left;
    width: calc(25% - 20px);
    margin: 20px 10px 0;
    text-align: left; }
    #supportArea dl.last {
      margin-right: 0; }
    #supportArea dl img {
      float: left;
      background: #fff;
      width: 60px;
      height: 80px;
      margin-right: 10px;
      display: none; }
  #supportArea dt {
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: dashed 1px #c8ced3; }
  #supportArea dd {
    float: left;
    width: 100%;
    padding-bottom: 10px; }

/* ----------------------- */
/* Vänstermeny ----------- */
/* ----------------------- */
#leftCol .mainNav {
  position: relative;
  width: 100%;
  overflow-y: hidden;
  max-height: calc(100% - 180px);
  white-space: nowrap;
  overflow-x: hidden; }
  #leftCol .mainNav:hover {
    overflow-y: auto; }

/* leftCol Navigation Bottom Toggler - Open / Close - Show / Hide*/
.LeftNavToggle {
  padding: 0;
  background: #111;
  height: 60px;
  transition: all 0.5s;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /*toggle icon*/ }
  .LeftNavToggle a {
    float: left;
    width: 60px;
    line-height: 60px;
    height: 60px;
    font-weight: normal;
    text-align: center;
    color: #73818f;
    font-size: 20px; }
    .LeftNavToggle a:hover {
      color: #fff; }
    .LeftNavToggle a:before {
      font-family: FontAwesome;
      display: inline-block; }
    @media (max-width: 1279px) {
      .LeftNavToggle a.collapse {
        display: none; }
      .LeftNavToggle a.expand {
        display: block; }
        .LeftNavToggle a.expand:before {
          font-family: FontAwesome;
          content: "\f105";
          float: right; }
          .expanded .LeftNavToggle a.expand:before {
            content: "\f104"; } }
  .LeftNavToggle .remember_state.active:before {
    content: "\f205"; }
  .LeftNavToggle .remember_state.inactive:before {
    content: "\f204"; }
  .LeftNavToggle .close_open.active:before {
    content: "\f0d8"; }
  .LeftNavToggle .close_open.inactive:before {
    content: "\f0d7"; }
  .LeftNavToggle .show_hide {
    float: right;
    font-size: 30px; }
  .collapsed .LeftNavToggle .show_hide:before {
    content: "\f105"; }
  .expanded .LeftNavToggle .show_hide:before {
    content: "\f104"; }

::-webkit-scrollbar {
  width: 6px; }

::-webkit-scrollbar:window-inactive {
  overflow: hidden; }

::-webkit-scrollbar-button {
  display: none; }

::-webkit-scrollbar-track {
  background: transparent; }

::-webkit-scrollbar-track-piece {
  background: transparent; }

::-webkit-scrollbar-thumb {
  background-color: #ccc; }

/*  Leftnav wrapper */
#lw {
  background: none;
  margin: 0;
  height: 100%;
  /* h4 {
        font: 500 oblique 1.2em/1.2em Georgia, "Times New Roman", Times, serif;
        clear: both;
        padding: 10px 0 0 5px;
    } */ }

/* Leftnav -> Logowrapper  */
#lw .logoWrapper {
  height: 60px;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  background: #111; }
  #lw .logoWrapper a {
    display: block;
    color: #fff;
    font-size: 20px;
    height: 100%;
    white-space: nowrap; }
    #lw .logoWrapper a::before {
      font-family: FontAwesome;
      content: "\f040";
      display: inline-block;
      width: 60px;
      height: 100%;
      line-height: 56px;
      text-align: center; }
  #lw .logoWrapper span {
    display: inline-block;
    vertical-align: middle; }
    #lw .logoWrapper span sup {
      font-size: 6px;
      position: relative;
      top: -7px;
      right: -2px; }

/* Leftnav -> Block -> Left Icons - 5 total in Header */
#leftIconNav {
  height: 60px;
  width: 300px;
  text-align: center;
  padding: 0;
  background: #3a4248;
  white-space: nowrap;
  overflow: hidden; }
  #leftIconNav dd {
    float: left;
    width: 60px; }
  #leftIconNav a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #73818f; }
    #leftIconNav a:hover {
      color: #fff; }
  #leftIconNav i {
    font-size: 16px; }

/* Leftnav -> Main navigation */
.LeftNavSection {
  margin: 0 auto;
  /* My pages in left nav*/ }
  .LeftNavSection dt,
  .LeftNavSection dd {
    line-height: 25px; }
  .LeftNavSection.MyPages {
    display: none; }
  .LeftNavSection h5,
  .LeftNavSection .headerlink {
    font-weight: normal;
    font-size: 15px;
    padding: 20px 15px;
    margin: 0;
    cursor: pointer;
    line-height: 22px;
    transition: all 0.5s;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    color: #fff; }
    .LeftNavSection h5.selected,
    .LeftNavSection .headerlink.selected {
      color: #3392e3 !important; }
      .LeftNavSection h5.selected:hover,
      .LeftNavSection h5.selected:hover i,
      .LeftNavSection .headerlink.selected:hover,
      .LeftNavSection .headerlink.selected:hover i {
        color: #fff !important; }
    .LeftNavSection h5:hover,
    .LeftNavSection .headerlink:hover {
      background: #3392e3 !important;
      color: #fff; }
      .LeftNavSection h5:hover i,
      .LeftNavSection .headerlink:hover i {
        color: #fff; }
    .LeftNavSection h5 i,
    .LeftNavSection .headerlink i {
      margin: 2px 20px 5px 0;
      font-size: 18px;
      width: 25px;
      float: left;
      font-weight: normal;
      color: #73818f; }
    .LeftNavSection h5 span,
    .LeftNavSection .headerlink span {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      width: 60px;
      padding: inherit;
      text-align: center; }
      #mainWrapper:not(.collapsed) .LeftNavSection h5 span, #mainWrapper:not(.collapsed)
      .LeftNavSection .headerlink span {
        display: none; }
  .LeftNavSection h5:active {
    background: rgba(0, 0, 0, 0.2); }
    .LeftNavSection h5:active i {
      color: #fff; }

/* General links */
.LeftNavSection a.submenuheader:first-letter {
  font-size: 14px;
  text-transform: capitalize; }

.LeftNavSection:not(.system) a.submenuheader:before {
  font-family: FontAwesome;
  content: "\f105";
  float: left;
  margin: 0 23px 0 0;
  width: 12px;
  text-align: center;
  font-size: 15px;
  color: #73818f;
  transition: all 0.2s; }

.LeftNavSection:not(.system) a.submenuheader.selected {
  color: #fff; }

.LeftNavSection:not(.system) a.submenuheader.selected.active:before,
.LeftNavSection:not(.system) a.submenuheader.active:before {
  transform: rotate(90deg);
  font-weight: normal;
  color: #fff; }

.LeftNavSection a.lvl2.selected {
  color: #fff; }

.LeftNavSection a.lvl2 i {
  display: block; }

.LeftNavSection .submenu > dl > dd > dl.submenu > dd {
  border-left: 1px solid #73818f;
  margin-left: 30px; }

.LeftNavSection .submenu > dl > dd > a.selected + dl.submenu {
  border-left-color: #73818f; }

.LeftNavSection a.submenuheader:hover {
  background: #3392e3; }

.LeftNavSection a.submenuheader:hover:before {
  color: #fff !important; }

.submenu a:hover {
  background: #3392e3;
  color: #fff !important; }

.submenu a:hover {
  color: #fff !important; }

/* Level 1 */
.LeftNavSection dl.submenu dd:first-child {
  padding: 0; }

.LeftNavSection dd a.inactive {
  color: #fff; }

.LeftNavSection dd a.inactive:hover {
  background-color: #3392e3; }

.system .submenu i {
  float: left;
  width: 30px;
  line-height: 25px;
  margin: 0 15px 10px -10px;
  text-align: center; }

/*Level 2*/
.LeftNavSection > dd > dl {
  background: rgba(0, 0, 0, 0.2); }

.LeftNavSection dd dl dd {
  font-weight: normal;
  font-size: 12px; }

.LeftNavSection > dd > dl > dd > dl.submenu {
  padding-bottom: 20px;
  background: rgba(0, 0, 0, 0.2); }

.LeftNavSection > dd > dl > dd > .submenuheader.active {
  background: rgba(0, 0, 0, 0.2); }

.LeftNavSection dt a,
.LeftNavSection dd a {
  display: block;
  padding: 15px 15px 15px 25px;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  transition: all 0.5s; }

.LeftNavSection dl dl a {
  padding-left: 49px; }

.LeftNavSection dl dl a.direct {
  padding-left: 60px; }

.LeftNavSection dl dl a.lvl2 {
  padding-left: 29px; }

.LeftNavSection dl dl a.submenuheader.lvl2:before {
  margin-right: 10px; }

/* LEVEL 3 LINKS */
.LeftNavSection dl dl a.selected {
  color: #3392e3; }

.LeftNavSection:not(.system) dl dl dl a {
  padding-left: 69px;
  font-size: 14px; }

.LeftNavSection:not(.system) a.submenuheader.selected:hover {
  background: #3392e3; }

.LeftNavSection.system dl dl dl a {
  padding-left: 80px; }

/* ----------------------- */
/* Main Area -----------   */
/* ----------------------- */
#cw {
  background: #fff;
  margin-top: 0px;
  padding: 20px;
  min-height: calc(100% - 94px);
  min-width: 960px;
  position: relative;
  /* inner content padding */
  /*Help links*/
  /* Help Info */ }
  #cw.startPage {
    background: #f0f3f5;
    padding: 30px 15px 0; }
  #cw h2,
  #cw p {
    padding: 0; }
  #cw h2 {
    font-size: 2.5em;
    line-height: normal;
    font-style: oblique;
    letter-spacing: 1px;
    margin-bottom: 10px; }
  #cw h3 {
    font-size: 1.5em;
    margin-bottom: 15px;
    clear: both;
    padding-top: 20px; }
  #cw p,
  #cw p.tabHeader {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 20px; }
  #cw .intro {
    margin: 0 -10px;
    width: calc(100% + 20px);
    border-radius: 0; }
    #cw .intro h2 {
      font-size: 30px;
      line-height: 40px;
      font-style: normal;
      letter-spacing: normal;
      margin: 0; }
  #cw #imgPreview {
    max-height: 150px; }
  #cw .help_links {
    margin-bottom: 20px; }
    #cw .help_links h3 {
      padding-top: 0;
      margin-bottom: 0;
      border: none;
      font-size: 1.3em;
      margin-top: 10px; }
    #cw .help_links p {
      padding: 0;
      margin-bottom: 0;
      font-size: 1.1em; }
    #cw .help_links a {
      margin-left: 3px; }
  #cw p.sub-description {
    padding: 0px 0 10px 10px; }
    #cw p.sub-description > span {
      float: left;
      width: 50%; }
  @media (min-width: 1280px) {
    #cw {
      padding-left: 30px;
      padding-right: 30px; } }

/**************/
/* start page */
/**************/
.dashboardBox {
  background: #fff;
  margin: 0 5px 30px;
  font-size: 14px;
  border-top-width: 5px;
  border-style: solid;
  border-radius: 0px;
  overflow: hidden;
  padding: 25px;
  /*box-shadow: 0 1px 2px -1px rgba(0,0,0,.5)*/
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
  /*loader*/
  /* Row */ }
  .dashboardBox p {
    font-size: 14px;
    line-height: 22px; }
  .dashboardBox a {
    color: #222; }
  .dashboardBox h4 {
    line-height: 30px;
    margin: 0 0 30px;
    /*border-bottom: solid 2px #222*/
    /*#c8ced3*/
    font-size: 20px;
    margin: -25px -25px 25px;
    padding: 20px 25px; }
    .dashboardBox h4 a {
      font-size: 14px;
      font-weight: normal;
      float: right;
      color: #333; }
      .dashboardBox h4 a:hover {
        color: #167495; }
    .dashboardBox h4 i.fa {
      margin: 0 15px 0 0;
      /*; padding-right: 10px; border-right: solid 1px #222 */ }
    .dashboardBox h4 span {
      font-size: 12px;
      font-weight: normal;
      vertical-align: bottom; }
  .dashboardBox h6.subheader {
    font-size: 18px;
    margin: 30px 0 20px; }
  .dashboardBox .content_wrapper {
    position: relative;
    min-height: 60px; }
  .dashboardBox .loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px; }
  .dashboardBox ul,
  .dashboardBox ul.container_16 {
    margin: 0 0 5px;
    min-width: auto;
    line-height: 20px; }
  .dashboardBox ul {
    /* Date */
    /* Period */ }
    .dashboardBox ul.header {
      margin: 20px 0 10px;
      padding: 0 0 5px;
      border-bottom: solid 2px #c8ced3;
      font-size: 16px;
      font-weight: 500; }
      .dashboardBox ul.header a {
        font-weight: normal; }
      .dashboardBox ul.header li span {
        font-weight: normal;
        font-size: 12px; }
    .dashboardBox ul.footer {
      margin: 10px 0 0;
      padding: 5px 0 0;
      border-top: solid 1px #c8ced3;
      font-weight: 500; }
    .dashboardBox ul.overflow_ellipsis {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: dotted 1px #c8ced3; }
      .dashboardBox ul.overflow_ellipsis li {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .dashboardBox ul.date {
      font-style: italic;
      font-size: 12px;
      margin-top: 10px; }
      .dashboardBox ul.date li {
        float: right;
        padding-right: 10px; }
    .dashboardBox ul.period {
      font-size: 12px; }
      .dashboardBox ul.period li {
        float: left;
        padding: 0; }
        .dashboardBox ul.period li a {
          display: block;
          margin: 0 10px;
          color: #999; }
        .dashboardBox ul.period li.selected a {
          font-weight: 500;
          color: #222; }
  .dashboardBox li.label {
    font-weight: 500; }
  .dashboardBox i.fa {
    margin: 0 10px 0 0; }
  .dashboardBox.summary {
    padding-bottom: 15px;
    border-color: #16bac5; }
    .dashboardBox.summary h4 {
      background: #16bac540; }
    .dashboardBox.summary ul {
      margin: 0; }
      .dashboardBox.summary ul li {
        width: 100%;
        margin-bottom: 5px;
        padding: 0 10px 10px;
        line-height: 30px; }
    .dashboardBox.summary i {
      font-size: 20px;
      color: #16bac5;
      margin: 0 0 0 -10px; }
    .dashboardBox.summary span {
      font-size: 20px;
      text-align: left;
      display: inline-block;
      text-align: center;
      margin: 0 5px 0 15px;
      padding-left: 15px;
      border-left: dotted 1px #c8ced3; }
  .dashboardBox.sales {
    border-color: #40ab58; }
    .dashboardBox.sales h4 {
      background: #40ab5842; }
  .dashboardBox.order {
    border-color: #653cea; }
    .dashboardBox.order h4 {
      background: #653cea3b; }
  .dashboardBox .take_action i.fa {
    float: left; }
  .dashboardBox.products {
    border-color: #4f8fef; }
    .dashboardBox.products h4 {
      background: #4f8fef54; }
  .dashboardBox.news {
    padding-bottom: 15px;
    border-color: #a8a4a0; }
    .dashboardBox.news h4 {
      background: #a8a4a04a; }
    .dashboardBox.news ul {
      padding: 0;
      margin-bottom: 20px;
      border-bottom: dotted 1px #c8ced3; }
    .dashboardBox.news .date {
      color: #999;
      font-size: 10px;
      display: block; }
  .dashboardBox.activities {
    border-color: #e7de28; }
    .dashboardBox.activities h4 {
      background: #e7de2852; }
    .dashboardBox.activities ul:not(.header) {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: dotted 1px #c8ced3; }
  .dashboardBox.campaign {
    border-color: #e78728; }
    .dashboardBox.campaign h4 {
      background: #e7872854; }
    .dashboardBox.campaign ul.header {
      font-size: 16px; }
    .dashboardBox.campaign ul:not(.header) {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: dotted 1px #c8ced3; }
    .dashboardBox.campaign .conditions span:after {
      content: "";
      margin: 0 2px;
      display: block; }
    .dashboardBox.campaign .conditions span:last-child:after {
      content: none; }
    .dashboardBox.campaign b {
      font-weight: 500; }
    .dashboardBox.campaign i {
      font-size: 90%;
      float: right; }
    .dashboardBox.campaign .fa {
      display: inline-block;
      margin: 0;
      vertical-align: middle; }
  .dashboardBox.cert {
    border-color: #ba28e7; }
    .dashboardBox.cert h4 {
      background: #ba28e742; }
    .dashboardBox.cert ul:not(.header) {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: dotted 1px #c8ced3; }
    .dashboardBox.cert .days {
      display: inline-block;
      width: 70px;
      text-align: right;
      margin: 0 5px 0 -10px; }
    .dashboardBox.cert .type {
      font-style: italic;
      font-size: 12px; }
    .dashboardBox.cert .error .fa {
      color: #ff0000;
      margin: 0; }
    .dashboardBox.cert .warning .fa {
      color: #ebd100;
      margin: 0; }
    .dashboardBox.cert .good .fa {
      color: #02bd00;
      margin: 0; }

/* Order Dashboard boxes - If ecommerce permission */
.has_ecommerce_permission .box_summary {
  float: right; }

.has_ecommerce_permission .box_campaigns {
  float: right; }

.has_ecommerce_permission .box_products {
  float: right; }

.has_ecommerce_permission .box_activities {
  clear: left; }

.has_ecommerce_permission .box_certificates {
  float: right; }

.has_ecommerce_permission .box_news {
  clear: left; }

/* Loader */
#loader {
  margin: 10px auto;
  text-align: center;
  width: 300px; }
  #loader strong {
    font: oblique 2em/2em "Roboto", Arial, sans-serif;
    line-height: 40px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 10px;
    background: #fff; }

.link_arrow {
  background: url(/Resources/img/bg_link_arrow.png) 0 13px no-repeat;
  padding-left: 20px !important; }

/* Permalink to page */
.permalink {
  background: #d8e5f0;
  border: 1px solid #c1ccd6;
  padding: 15px 20px;
  border-radius: 0;
  margin-bottom: 20px; }
  .permalink.advanced {
    background: #f2e2ce;
    border: 1px solid #d9cab8; }
    .permalink.advanced strong i {
      margin-right: 10px; }
  .permalink .right {
    float: right; }
  .permalink li {
    display: inline-block; }
    .permalink li strong {
      display: block;
      margin-right: 10px; }
  .permalink .externalUrl {
    display: inline-block;
    margin-left: 20px; }
    .permalink .externalUrl a {
      font-weight: 500;
      padding: 0 2px; }
  .permalink .externalUrlAdvanced {
    display: inline-block;
    margin-left: 20px; }
    .permalink .externalUrlAdvanced a {
      font-weight: 500;
      padding: 0 2px; }

@media (min-width: 320px) {
  .dashboardBox.summary ul {
    float: left;
    width: 50%; } }

@media (min-width: 1024px) {
  .dashboardBox ul.date {
    position: absolute;
    margin-top: 0;
    top: -40px;
    right: 0; } }

@media (min-width: 1280px) {
  .dashboardBox {
    float: none;
    width: auto; } }

@media (max-width: 1599px) {
  startPage .full_width_mobile,
  .missing_ecommerce_permission .box_summary {
    width: 100% !important; }
  startPage .dashboardBox.sales {
    min-height: 1344px; }
  .dashboardBox.summary span {
    margin-left: 10px;
    padding-left: 10px; } }

/* ----------- */
/* BREADCRUMBS */
/* ----------- */
#breadcrumbsWrapper {
  padding: 0 20px; }
  .page_start #breadcrumbsWrapper {
    display: none; }
  @media (min-width: 1280px) {
    #breadcrumbsWrapper {
      padding-left: 30px;
      padding-right: 30px; } }

/*Main*/
#mainBreadcrumbs {
  font-weight: 300;
  font-size: 13px;
  line-height: 60px;
  height: 60px;
  width: 100%;
  overflow: hidden;
  border-bottom: dashed 1px #c8ced3; }
  #mainBreadcrumbs li {
    list-style-type: none;
    float: left; }
    #mainBreadcrumbs li:not(.first):after {
      content: "/";
      margin: 0 10px;
      float: left;
      height: 40px; }
  #mainBreadcrumbs a {
    height: 40px;
    display: inline-block;
    text-decoration: none;
    color: #3392e3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px; }
    #mainBreadcrumbs a:hover {
      color: #167495; }
    #mainBreadcrumbs a.nofollow, #mainBreadcrumbs a.nofollow:hover {
      cursor: default;
      color: #454545; }

/* SS nyheter */
/*header*/
#newsFeedHeader li a {
  padding: 0 0 10px;
  display: block;
  color: #333;
  border: 1px dashed #c8ced3;
  border-width: 0 0 1px;
  font-weight: 500;
  font-size: 14px; }

/*main*/
#newsFeed {
  padding: 0 0 20px; }
  #newsFeed:hover {
    background: none; }
  #newsFeed p {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px dashed #c8ced3; }
  #newsFeed li p:hover {
    background: #f0f3f5 url(/Resources/img/bg_link_arrow.png) 5px 13px no-repeat;
    padding-left: 20px !important; }
  #newsFeed li p a {
    display: block;
    padding: 10px 0; }

/*FORM CONTROLLERS*/
fieldset {
  background: #fff;
  padding: 10px 0px 10px;
  clear: both;
  margin-bottom: 20px;
  border: 1px solid #c8ced3;
  border-width: 3px 0 0;
  border-radius: 0 !important; }
  fieldset legend {
    font-size: 1.6em;
    line-height: 36px;
    padding: 0 10px 0 0; }
  fieldset dl {
    clear: both;
    margin-bottom: 5px;
    float: left;
    width: 100%; }
    fieldset dl dt {
      float: left;
      font-size: 1.2em;
      line-height: 1.6em;
      /*min-width:175px;*/
      display: block; }
    fieldset dl dd {
      float: left;
      line-height: 1.6em;
      display: block; }
      fieldset dl dd ul li {
        float: left;
        line-height: 1.8em;
        line-height: 2.8em;
        min-width: 160px;
        padding-right: 20px; }
    fieldset dl.Check_Radio dd ul {
      width: 750px; }
  fieldset ul {
    margin-bottom: 10px; }
    fieldset ul.general-list ul {
      margin-bottom: 0; }
  fieldset h3 {
    padding: 5px 10px;
    margin: 10px 0;
    border-bottom: 1px solid #c8ced3; }
  fieldset label {
    padding: 0;
    font-weight: 500;
    line-height: 40px; }
  fieldset span.extendedInfo {
    font-weight: 300;
    font-size: 11px;
    line-height: 16px;
    color: #888;
    padding: 10px 0;
    display: block; }
  fieldset.lang_specific, fieldset.minimal {
    background: #fff;
    padding: 25px 0px 10px;
    margin-top: 2px;
    clear: both;
    margin-bottom: 20px;
    border: 1px solid #eee;
    border-width: 0px; }
  fieldset.lang_specific legend {
    font-size: 1.3em;
    display: none; }
  fieldset.lang_specific .ui-tabs .ui-tabs-nav {
    padding: 0.2em 1em 0; }
  fieldset.minimal {
    border-top: none;
    margin-top: -10px;
    padding-top: 25px; }
    fieldset.minimal legend {
      display: none; }

fieldset.minimal #tabs {
  margin-top: 20px; }

#tabs.smaller-tabs .ui-corner-top > a {
  padding: 10px 15px; }

#tabs.smaller-tabs .ui-tabs-panel {
  padding: 5px 0 0 0; }

.ui-tabs ul li a {
  position: relative;
  /*#dd240d*/ }

.ui-tabs a span.required {
  background: transparent url(/resources/img/bg/red_marker_triangle.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
  text-align: left;
  padding: 0 0 0 2px;
  color: #fff; }

.choice label {
  padding: 10px 0;
  margin: 0 !important;
  line-height: 20px !important;
  clear: both;
  display: inline-block; }
  .choice label:not(.strong) {
    font-weight: normal !important; }
  .choice label.disabled input {
    opacity: 0.5; }
  .choice label input {
    display: inline-block;
    vertical-align: top;
    cursor: pointer; }

p.helpText {
  margin: 0 10px 20px; }

p.helpText.list {
  margin-bottom: 46px; }

div.cwWrapper {
  width: 980px !important;
  overflow: auto; }

#portioninformation {
  border: 1px solid #ddd;
  padding: 5px 15px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #eee;
  overflow: auto; }

.bottom-mandatory-notifier {
  text-align: right;
  position: relative;
  z-index: 20;
  font-size: 11px !important;
  line-height: 1;
  font-style: italic;
  color: #888;
  margin: 0 0 -5px !important; }

span.ico_mandatory {
  /*text-indent: -5000px; background:transparent url(/resources/img/tiny_bullet_red.png) no-repeat top left;*/
  display: inline-block;
  width: 15px;
  height: auto;
  color: #cc0000;
  font-weight: 500;
  font-size: 18px; }

.limit-text {
  color: #222; }

.block_description {
  background: #f0f3f5;
  border: 1px solid #c8ced3;
  padding: 10px; }

.not_editable {
  padding: 10px;
  display: inline-block;
  border: solid 1px #ffe564;
  background: rgba(255, 229, 100, 0.3);
  text-align: center;
  font-size: 14px;
  font-weight: 300; }

ul.timeLimit {
  padding: 20px 10px;
  background: #f0f3f5;
  border: solid 1px #c8ced3; }

ul.timeLimit label {
  margin: 0 0 5px;
  display: block; }

/**************************************************/
/* Login ******************************************/
/**************************************************/
/*listwrapper for formular*/
body.login {
  min-width: initial; }

.login_wrapper {
  width: 100%;
  height: 100%;
  background: #2f353a; }
  .login_wrapper .login {
    padding: 30px 30px 10px;
    width: 560px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden; }
    .login_wrapper .login h1 {
      margin: -30px -30px 30px;
      padding: 20px 30px;
      background: #000;
      color: #fff; }
    .login_wrapper .login p {
      margin: 0 0 20px; }
    .login_wrapper .login dd:first-child {
      top: -2500px;
      left: -2500px;
      position: absolute; }
    .login_wrapper .login label {
      margin: 0 0 15px;
      display: block;
      font-weight: 500;
      font-size: 14px;
      line-height: 26px; }
    .login_wrapper .login input[type="text"],
    .login_wrapper .login input[type="password"] {
      margin: 5px 0 0;
      width: 100%;
      font-size: 14px; }
    .login_wrapper .login .button {
      margin-top: 20px; }
    .login_wrapper .login .back {
      padding: 20px 0 0;
      display: block;
      text-align: center; }
    .login_wrapper .login .error {
      background-color: #e8cece;
      padding: 20px;
      margin: -30px -30px 20px -30px;
      font-size: 14px;
      text-align: center; }
      .login_wrapper .login .error:empty {
        display: none !important; }
      .login_wrapper .login .error:before {
        font-family: FontAwesome;
        content: "\f071";
        margin-right: 10px; }

/* FORM ELEMENTS */
label.inlineLabel {
  width: 30px;
  float: none;
  font-size: 1.3em;
  margin: 0;
  cursor: pointer;
  padding-left: 0px; }

label.spacer {
  padding-right: 75px; }

select {
  height: 40px;
  line-height: 40px;
  min-width: 250px;
  border: 1px solid #c8ced3;
  padding: 3px 5px;
  border-radius: 4px; }

.general-list select,
.expandableList select {
  height: 34px;
  line-height: 34px; }

select.medium {
  min-width: 100px;
  width: 100px;
  max-width: 100px; }

select.small {
  min-width: 50px;
  width: 50px;
  max-width: 50px; }

select option {
  line-height: 40px;
  padding: 3px 5px; }

textarea,
textarea.input {
  min-width: 250px;
  width: 630px;
  border: 1px solid #c8ced3;
  padding: 5px;
  font: 1em/1.4em Roboto, Arial, sans-serif;
  border-radius: 4px; }

textarea#commaSeperatedProdutNumbers {
  width: 100%; }

input[type="text"],
input[type="password"] {
  height: 40px;
  line-height: 40px;
  border: 1px solid #c8ced3;
  padding: 0 5px;
  min-width: 250px;
  margin-right: 5px;
  width: 90%;
  width: 250px;
  border-radius: 4px; }

.general-list input[type="text"],
.expandableList input[type="text"] {
  height: 34px;
  line-height: 34px; }

/*Focus all*/
input:focus,
textarea:focus {
  background: #feffdb;
  border-color: #ffddb3; }

input[type="text"].small {
  width: 60px;
  min-width: 60px; }

input[type="text"].smaller {
  width: 40px;
  min-width: 40px; }

input[type="text"].medium-small {
  width: 100px;
  min-width: 100px;
  margin-right: 0px; }

input[type="text"].medium-200 {
  width: 200px;
  min-width: 200px; }

input[type="text"].medium {
  width: 250px;
  min-width: 250px; }

input[type="file"].medium {
  width: 250px;
  min-width: 250px; }

input[type="text"].large {
  width: 630px;
  min-width: 630px; }

input[type="text"].w100,
select.w100 {
  width: calc(100% - 10px);
  margin-right: 10px;
  min-width: 150px;
  max-width: 250px; }

.mandatory {
  /*border: 1px solid #fff2f0 !important*/
  background: #ffedeb !important; }

.inputclearer-container {
  display: inline-block; }

input[type="reset"] {
  font-size: 1.4em;
  border: 1px solid #ddd;
  padding: 5px 15px;
  margin-left: 10px;
  color: #999;
  cursor: pointer; }

input[type="submit"].bloat {
  padding: 10px 20px; }

input[type="radio"] {
  margin-right: 10px; }

input[type="file"] {
  margin-right: 10px;
  border: solid 1px #c8ced3;
  border-radius: 4px;
  padding: 8px 5px; }

input[type="checkbox"] {
  margin-right: 10px; }

input[type="submit"].list {
  font-size: 1.4em;
  border: 1px solid #ddd;
  padding: 2px 2px;
  color: #999;
  cursor: pointer;
  margin-top: 1px; }

/*placeholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: italic;
  color: #aaa; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #aaa; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-style: italic;
  color: #aaa; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #aaa;
  opacity: 1; }

input::placeholder,
textarea::placeholder {
  font-style: italic;
  color: #aaa;
  opacity: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: italic;
  color: #ccc; }

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc; }

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc; }

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc; }

input:focus::placeholder,
textarea:focus::placeholder {
  color: #ccc; }

/* Status Information Updates */
div.actionMsg {
  padding: 0 0 10px 0px;
  float: none;
  clear: both; }

div.actionMsg span {
  font-weight: 700;
  font-size: 14px;
  line-height: 38px;
  color: #222;
  display: block;
  text-align: center; }

div.actionMsg span.updateOK {
  background: #e7fcc2;
  border: 1px solid #fff; }

div.actionMsg span.updateError {
  background: #ffc7a9;
  border: 1px solid #fff; }

div.actionMsg span img {
  padding: 0 10px 1px 0;
  vertical-align: text-bottom;
  position: relative;
  top: 4px;
  left: 0; }

/****************/
/* Pagination */
/****************/
.navigation {
  padding: 15px 10px;
  float: left;
  clear: both;
  text-align: center;
  margin: 10px auto;
  background: #fff;
  width: 100%;
  position: relative;
  border: 1px dashed #c8ced3; }
  .navigation span {
    margin: 0px 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5em;
    color: #bbb;
    min-width: 100px; }
    .navigation span a {
      color: #333; }
    .navigation span.prev {
      float: left; }
    .navigation span.next {
      float: right;
      text-align: right; }
    .navigation span.pages a {
      margin: 0px 2px;
      font-size: 1em;
      font-family: Roboto, Arial, sans-serif;
      padding: 7px 10px;
      border: 1px solid #fff;
      color: #333;
      transition: all 0.5s; }
      .navigation span.pages a:hover {
        color: #167495;
        background: #f0f3f5;
        border-color: #c8ced3; }
      .navigation span.pages a.active {
        color: #333;
        background: #f0f3f5;
        border-color: #c8ced3; }
  .navigation .pageInfo {
    position: absolute;
    right: 0px;
    top: -15px;
    font-size: 10px;
    line-height: 16px;
    background: #fff;
    padding: 5px 15px;
    color: #888; }
    .navigation .pageInfo strong {
      font-size: 110%;
      color: #333; }
  .navigation.bottom .pageInfo {
    top: 35px; }

/*Pagination navigation alt - ex category */
.navigationAlt {
  float: left;
  clear: both;
  text-align: center;
  margin: -20px auto 20px;
  background: #fff;
  width: 100%;
  position: relative;
  border-bottom: 1px dashed #c8ced3; }
  .navigationAlt ul {
    float: left;
    width: 100%; }
    .navigationAlt ul li {
      float: left;
      height: 40px;
      line-height: 40px; }
      .navigationAlt ul li a {
        text-align: center;
        line-height: 40px;
        height: 40px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        color: #333;
        transition: all 0.5s; }
        .navigationAlt ul li a:hover, .navigationAlt ul li a.active {
          color: #167495; }
        .navigationAlt ul li a.inactive, .navigationAlt ul li a.inactive:hover {
          color: #bbb;
          cursor: default; }
        .navigationAlt ul li a span {
          float: left;
          display: block;
          height: 40px; }
          .navigationAlt ul li a span.urltop {
            padding-left: 10px;
            padding-right: 10px; }
      .navigationAlt ul li.nav_up {
        text-align: left;
        width: 40%; }
        .navigationAlt ul li.nav_up .urltop .fa {
          margin-right: 10px; }
      .navigationAlt ul li.nav_updown {
        text-align: right;
        width: 80px; }
        .navigationAlt ul li.nav_updown div {
          float: left;
          height: 30px;
          line-height: 30px; }
        .navigationAlt ul li.nav_updown a {
          padding: 0 10px;
          line-height: 40px !important; }
      .navigationAlt ul li.nav_counter {
        width: calc(60% - 80px);
        text-align: right; }
        .navigationAlt ul li.nav_counter span.count_total {
          color: #999; }

div.lWrapper div.minisearch,
div.lWrapper div.minioptions {
  float: right;
  text-align: left;
  padding: 10px 0 10px 10px;
  width: auto;
  position: relative;
  top: -22px;
  border-radius: 0;
  min-height: 60px; }

div.lWrapper div.minisearch label {
  display: block;
  clear: both;
  display: none; }

div.lWrapper div.minisearch input {
  width: 160px !important;
  min-width: 160px !important; }

div.lWrapper div.minisearch a.button {
  float: right;
  margin: 0 0 0 5px; }

div.lWrapper div.minioptions {
  line-height: 40px;
  padding: 10px; }

div.lWrapper div.wider {
  width: auto; }

div.lWrapper div.autoWidth {
  width: auto; }

div.lWrapper div.minisearch select {
  width: 160px !important;
  min-width: 100px !important;
  float: left; }

div.lWrapper div.minisearch select option {
  max-width: 450px;
  padding-right: 10px; }

div.lWrapper div.minisearch select,
div.lWrapper div.minisearch input {
  margin-left: 10px !important; }

@media (min-width: 1600px) {
  div.lWrapper div.minisearch input,
  div.lWrapper div.minisearch select {
    width: 230px !important;
    margin-left: 20px !important; }
  div.lWrapper div.minisearch a.button {
    margin-left: 15px !important; } }

/****************/
/* GENERAL LIST */
/****************/
.no_list_items,
.info_box {
  padding: 20px 10px;
  border: solid 1px #e1e4e5;
  background: #f0f3f5;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px; }

div.tracker-list-wrapper {
  margin: 20px 0 30px; }

div.general-list-wrapper {
  margin: 20px 0 30px;
  float: left;
  width: 100%; }

.general-list {
  float: left;
  width: 100%; }

.general-list a {
  color: #2b2b2b; }

.general-list a:hover {
  color: #167495; }

.general-list ul > li:not(.grid_1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.subhead ul {
  background: #fff;
  height: 45px;
  line-height: 45px;
  font-weight: 500; }

p.supInfo {
  font-size: 12px;
  text-align: right;
  font-family: Roboto, Arial;
  margin: 0; }

/* Header */
.head ul,
.head dl {
  background: #e1e4e5;
  height: 50px;
  line-height: 50px;
  font-weight: 500;
  color: #2b2b2b;
  border-bottom: solid 1px #fff; }

.general-list .head .tight {
  height: 36px !important;
  line-height: 36px !important; }

.general-list .head .tighter {
  height: 28px !important;
  line-height: 28px !important; }

/* Small order list / Ascending and descending */
.general-list a.smallsort_desc {
  background: transparent url(/Resources/img/sort_arrow_desc.png) no-repeat right 4px;
  padding: 0px 15px 0px 0px; }

.general-list a.smallsort_asc {
  background: transparent url(/Resources/img/sort_arrow_asc.png) no-repeat right 4px;
  padding: 0px 15px 0px 0px; }

/* InnerHead */
.general-list .innerHead ul,
.general-list .innerHead ul:hover {
  background: #fffae9 !important;
  /*margin-top:2px; height:2.5em; line-height:2.5em; border-bottom:0px;*/ }

/* Body */
.general-list .body ul,
.general-list .body dl {
  float: left;
  height: 50px;
  line-height: 50px;
  overflow: hidden; }

/*sortable*/
#sortable ul {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

#sortable ul.grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/* InnerBody */
/*.general-list .innerBody ul,
						.general-list .innerBody dl {height:2.5em; line-height:2.5em;}*/
/* Body */
.general-list ul.isdefault,
.general-list ul.isdefault:hover {
  background: #e6fae3;
  /*#fff5d1*/ }

.new-dragable-section {
  border-bottom: solid 1px #fff; }

/* Body */
.general-list ul.isspecial,
.general-list ul.isspecial:hover,
.root li.isspecial,
.expandableList li.isspecial {
  background: #fff5d1; }

/* user */
.general-list .notactive .visible span {
  background-position: -10px -435px; }

.general-list .is_teaser .iconAppEdit {
  visibility: hidden; }

.tab_disabled .iconAddRounded,
.tab_disabled .iconSubRounded,
.isspecial .iconTrash {
  visibility: hidden; }

.brand_category .is_brand_category .iconAddApp,
.brand_category .is_brand_category .iconMove,
.brand_category .is_brand_category .iconTrash,
.brand_category .is_brand_category .iconAddRounded,
.brand_category .is_brand_category .iconSubRounded,
.brand_category .is_brand_category .iconCheckboxOff {
  visibility: hidden; }

.brand_attribute .is_brand_attribute .iconAddApp,
.brand_attribute .is_brand_attribute .iconMove,
.brand_attribute .is_brand_attribute .iconTrash,
.brand_attribute .is_brand_attribute .iconAddRounded,
.brand_attribute .is_brand_attribute .iconSubRounded,
.brand_attribute .is_brand_attribute .iconCheckboxOff {
  visibility: hidden; }

.general-list.orderRow .body ul,
.general-list.orderRow .body dl {
  float: left;
  height: auto;
  line-height: normal;
  overflow: hidden;
  padding: 10px 0; }

.general-list.orderRow .body li span {
  display: block;
  font-size: 90%; }

.general-list.orderRow .body .endRow {
  line-height: 30px;
  background: #fffae9; }

/* Ej så höga listrader */
.general-list .tight {
  float: left;
  height: 2.6em;
  line-height: 2.6em; }

.general-list .tight input.txt {
  height: auto !important;
  width: 30px !important;
  min-width: 20px;
  font-size: 13px; }

.general-list .head .tight {
  height: 3em;
  line-height: 3em;
  border: 1px solid #cacaca;
  border-width: 0 0 1px; }

/*Zebra coloring*/
.general-list .bg_dark {
  background: #f0f3f5;
  border: 1px solid #fff;
  border-width: 0 0 1px; }

.general-list .bg_bright {
  background: #fff;
  border: 1px solid #fff;
  border-width: 0 0 1px; }

.general-list .bg_dark:hover,
.general-list .bg_bright:hover {
  background: #e8ebed !important;
  transition: background 0.5s; }

/* HOVER */
.general-list .foot ul:hover,
.general-list .foot dl:hover {
  background: none; }

/* Footer */
.general-list .foot ul,
.general-list .foot dl,
.general-list .foot ul:hover,
.general-list .foot dl:hover {
  background: #e1e4e5;
  line-height: 20px;
  color: #555;
  font-weight: 500; }

.general-list .foot ul > li {
  min-height: unset; }

/* Subfoot */
.general-list .subfoot {
  background: #fffeef; }

.general-list .subfoot ul,
.general-list .subfoot dl {
  line-height: 50px;
  float: left; }

.general-list .subfoot .showMore {
  background: #fff;
  border-top: solid 1px #c8ced3; }

.general-list .subfoot .endRow {
  background: #fffae9; }

/* Kampanjmarkering på UL Lista */
.general-list .campaign input.priceout,
.general-list .campaign input.priceordinary {
  background: #ffdada;
  color: #ba3426; }

/* Ikoner för hantering av listpost */
div.handle {
  float: right;
  min-height: 50px; }

div.handle a,
div.handle span {
  cursor: pointer;
  float: left;
  height: 32px;
  text-indent: -5000px;
  width: 32px;
  position: relative;
  left: auto;
  top: 0; }

div.handle .iconWrapper {
  margin-top: 9px; }

div.handle span {
  cursor: default; }

div.handle a span {
  cursor: pointer; }

/*-------------------*/
/*--- STATUS SYMBOLS ---*/
/*-------------------*/
.general-list .state span {
  width: 24px;
  margin-top: 4px;
  height: 42px;
  display: block;
  float: left;
  background: url(/Resources/img/ico/sprite_status.png) 50px 0 no-repeat; }

/* Visible */
.general-list .visible span {
  background-position: -10px -385px; }

.general-list .notvisible .state.visible span {
  background-position: -10px -435px; }

/* Optional Product */
.general-list .optionalproduct span {
  background-position: -10px -435px; }

.general-list .isoptionalproduct .optionalproduct span {
  background-position: -10px -385px; }

/* Visible Leftmenu*/
.general-list .visibleleftmenu span {
  background-position: -10px -385px; }

.general-list .notvisibleleftmenu .visibleleftmenu span {
  background-position: -110px -385px; }

/* Default markering */
.general-list .isdefault .state.defaultcategory span {
  background-image: url(/Resources/img/ico/sprite_icons.png);
  background-position: -109px -1585px; }

/*General info in General list*/
.infoIcon span {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: 7px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) 0px 0 no-repeat; }

.general-list .infoIcon span.layout-1 {
  background-position: -463px -645px;
  float: left; }

/* 1 */
.general-list .infoIcon span.layout-2 {
  background-position: -463px -545px;
  float: left; }

/* 1/2 */
.general-list .infoIcon span.layout-3 {
  background-position: -463px -495px;
  float: left; }

/* 1/3 */
.general-list .infoIcon span.layout-4 {
  background-position: -463px -595px;
  float: left; }

/* 2/3 */
.general-list .infoIcon span.layout-8 {
  background-position: -463px -845px;
  float: left; }

/* 1/4 */
.general-list .infoIcon span.layout-9 {
  background-position: -463px -895px;
  float: left; }

/* 3/4 */
.general-list .infoIcon span.layout-5 {
  background-position: -463px -645px;
  float: left; }

/* 1/4 */
.general-list .infoIcon span.layout-6 {
  background-position: -463px -694px;
  float: left; }

/* 2/4 */
.general-list .infoIcon span.layout-7 {
  background-position: -463px -744px;
  float: left; }

/* 4/4 */
/* Image position */
.general-list .infoIcon span.imagelayout-0 {
  background-position: -413px -945px; }

/* Toppen */
.general-list .infoIcon span.imagelayout-1 {
  background-position: -413px -995px; }

/* Vänster */
.general-list .infoIcon span.imagelayout-2 {
  background-position: -413px -1045px; }

/* Höger */
.general-list .infoIcon span.imagelayout-3 {
  background-position: -413px -1095px; }

/* Bakom */
.infoIcon label span.layout-1 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -645px no-repeat; }

/* 1 */
.infoIcon label span.layout-2 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -545px no-repeat; }

/* 1/2 */
.infoIcon label span.layout-3 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -495px no-repeat; }

/* 1/3 */
.infoIcon label span.layout-4 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -595px no-repeat; }

/* 2/3 */
.infoIcon label span.layout-8 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -845px no-repeat; }

/* 1/4 */
.infoIcon label span.layout-9 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -895px no-repeat; }

/* 3/4 */
.infoIcon label span.layout-5 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -645px no-repeat; }

/* 1/4 */
.infoIcon label span.layout-6 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -694px no-repeat; }

/* 2/4 */
.infoIcon label span.layout-7 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -744px no-repeat; }

/* 4/4 */
/* Image position */
.infoIcon label span.imagelayout-0 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -413px -945px no-repeat; }

/* Toppen */
.infoIcon label span.imagelayout-1 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -413px -995px no-repeat; }

/* Vänster */
.infoIcon label span.imagelayout-2 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -413px -1045px no-repeat; }

/* Höger */
.infoIcon label span.imagelayout-3 {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -8px;
  float: left;
  background: transparent url(/Resources/img/ico/sprite_icons.png) -413px -1095px no-repeat; }

/* Bakom */
/* denied login */
.general-list .denied-login span {
  background-position: -13px -939px; }

/***********/
/* Buttons */
/***********/
/*wrapper*/
.buttonWrapper {
  padding: 15px 10px;
  background: #f0f3f5;
  border-top: solid 1px #c8ced3;
  text-align: center; }

/*#mainCol is to exclude fancybox*/
#mainCol .buttonWrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0; }

body:not(.updated) #mainCol .buttonWrapper:not(.forced) {
  display: none !important; }

.buttonWrapper .button {
  margin: 0 10px; }

body.updated {
  padding-bottom: 71px;
  /*buttonWrapper height*/ }

body.updated #mainCol .buttonWrapper {
  width: auto;
  position: fixed;
  bottom: -71px;
  transition: left 0.2s, bottom 0.5s;
  z-index: 10; }

body.updated #mainCol .buttonWrapper.fixed {
  bottom: 0; }

body #mainCol .buttonWrapper li:before {
  position: absolute;
  right: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 500;
  content: "Det finns ändringar som inte är sparade!";
  opacity: 0;
  transition: opacity 2s; }

body #mainCol .buttonWrapper.fixed li:before {
  opacity: 1; }

@media screen and (min-width: 1280px) {
  body.updated .expanded #mainCol .buttonWrapper {
    left: 300px; } }

/*main*/
.button {
  background: #3392e3;
  padding: 0 10px;
  height: 40px;
  text-decoration: none;
  border: 1px solid #2c80c9;
  color: #fff !important;
  font-size: 14px;
  line-height: 38px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  border-radius: 20px;
  min-width: 80px;
  transition: all 0.5s; }
  .button:hover {
    background: #2f88d6; }
  .buttonWrapper .button {
    padding: 0 30px; }
  .button.small {
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    padding: 0 10px; }
  .button.bright {
    background: #e5e5e5 !important;
    border-color: #ccc !important;
    color: #333 !important; }
    .button.bright:hover {
      background: #d9d9d9 !important; }
  .button.warning {
    background: #eaa057 !important;
    border-color: #d18f4d !important; }
    .button.warning:hover {
      background: #db9651 !important; }
  .button.save {
    background: #89c440 !important;
    border-color: #77ab38 !important; }
    .button.save:hover {
      background: #7eb53c !important; }
  .button.delete {
    background: #c42424 !important;
    border-color: #ab1f1f; }
    .button.delete:hover {
      background: #b82121 !important; }
  @media only screen and (min-width: 1600px) {
    .button {
      padding: 0 30px;
      min-width: 100px; } }

/* Symbols in buttons */
/*Excel icon*/
.button span.ico_xls,
a span.ico_xls {
  width: 16px;
  height: 16px;
  background: transparent url(/Resources/img/ico/ico_xls_16x16.png) center center no-repeat;
  text-indent: -5000px;
  padding: 7px 5px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-bottom; }

/* Flaggor */
.flag-SEK,
.flag-DKK,
.flag-NOK,
.flag-Svenska,
.flag-Tyska,
.flag-Finska,
.flag-Engelska,
.flag-Danska,
.flag-Norska {
  display: inline-block;
  background: url(/Resources/img/flags_sprite.png) no-repeat 0 0;
  width: 20px;
  height: 16px; }

.flag-Finska {
  background-position: 0 0px; }

.flag-Svenska,
.flag-SEK {
  background-position: -90px 0px; }

.flag-Tyska {
  background-position: -30px 0px; }

.flag-Engelska {
  background-position: -60px 0px; }

.flag-Danska,
.flag-DKK {
  background-position: -120px 0px; }

.flag-Norska,
.flag-NOK {
  background-position: -150px 0px; }

a span.flag-SEK,
a span.flag-Svenska,
a span.flag-Tyska,
a span.flag-Finska,
a span.flag-Engelska,
a span.flag-DKK,
a span.flag-Danska,
a span.flag-NOK,
a span.flag-Norska {
  float: left;
  margin-top: -2px; }

/* Flaggor Generellt */
span.flag {
  text-indent: -9999px; }

span.flag span {
  display: inline-block;
  background: url(/Resources/img/flags_sprite.png) no-repeat 0 2px;
  width: 20px;
  height: 20px;
  position: relative;
  bottom: 0;
  left: 0;
  margin-right: 5px;
  line-height: 20px; }

span.flag span.FI {
  background-position: 0 -2px; }

span.flag span.DE {
  background-position: -30px -2px; }

span.flag span.US {
  background-position: -60px -2px; }

span.flag span.SE {
  background-position: -90px -2px; }

/*---------------*/
/*-- SEARCH -----*/
/*---------------*/
input[type="submit"].searchbutton {
  border: 1px solid #ddd;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 0px;
  padding: 6px; }

input[type="submit"].listbutton {
  border: 1px solid #ddd;
  padding: 5px 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px; }

div.search {
  background: #f0f3f5;
  float: right;
  padding: 20px 20px 0;
  width: 100%; }

div.search h3 {
  margin: 0px 0 10px;
  padding: 0 0 10px;
  display: none; }

div.search h3 img {
  float: left;
  margin: 0 10px 0 0; }

div.search p {
  padding: 5px 0; }

div.search input[type="text"] {
  height: 40px;
  width: 100%; }

div.search .inputclearer-container {
  width: calc(100% - 100px) !important;
  display: inline-block; }

div.search #search.button {
  width: 60px;
  margin-left: 20px !important; }

input#search {
  width: 300px; }

div.search ul {
  margin: 0 0 20px;
  width: 100%; }

div.search ul.product-types li {
  float: left;
  width: 50%; }

div.search ul.product-families li {
  float: left;
  width: 50%; }

div.search ul.customer-types li {
  float: left;
  width: 50%; }

@media only screen and (min-width: 1600px) {
  div.search .inputclearer-container {
    width: calc(100% - 120px) !important; } }

/* Searchfilter */
div.search ul.searchFilter li {
  display: block;
  float: none;
  line-height: 20px; }

div.search ul.searchFilter li label {
  cursor: pointer;
  display: block; }

div.search ul.searchFilter li input {
  position: relative;
  top: 2px; }

div.search ul.searchFilter li select {
  min-width: auto;
  width: 100%; }

div.search ul.searchFilter li strong {
  display: block; }

div.search ul.searchFilter li .button {
  display: block;
  margin: 5px 0 0; }

div.search ul.searchFilter li dl {
  float: left;
  width: 100%;
  line-height: normal;
  margin-bottom: 10px; }

div.search ul.searchFilter li dl dd,
div.search ul.searchFilter li dl dt {
  float: left;
  margin: 0 20px 0 0; }

div.search ul.searchFilter li dl dt {
  font-weight: 500;
  float: none;
  margin-bottom: 5px; }

/* 1 col*/
div.search ul.searchFilter.col_1 li {
  float: left;
  width: 50%; }

/* 2 col*/
div.search ul.searchFilter.col_2 li {
  float: left;
  width: 50%; }

div.search ul.searchFilter.col_2 li:nth-child(odd) {
  padding-right: 10px; }

div.search ul.searchFilter.col_2 li:nth-child(even) {
  padding-left: 10px; }

@media screen and (max-width: 1280px) {
  div.search ul.searchFilter li dl {
    line-height: normal; }
  div.search ul.searchFilter li dl dt {
    float: none; }
  div.search ul.searchFilter li dl dd {
    width: 20%; } }

/*2 Columns general*/
.columns_2 {
  padding: 10px 0;
  overflow: auto; }

.columns_2 li {
  width: 45%;
  margin: 10px 5px 0 0;
  padding: 5px;
  background: #efefef; }

.columns_2 li dl {
  margin-right: 5px; }

.columns_2 li dl dt {
  width: 120px; }

ul.block li dl dt {
  width: 120px; }

/* orderStatus symbols */
.orderstatus-0,
.orderstatus-100,
.orderstatus-200,
.orderstatus-300,
.orderstatus-301,
.orderstatus-302,
.orderstatus-303,
.orderstatus-304,
.orderstatus-305,
.orderstatus-306,
.orderstatus-307,
.orderstatus-308,
.orderstatus-309,
.orderstatus-310,
.orderstatus-311,
.orderstatus-312,
.orderstatus-500 {
  background: transparent url(/Resources/img/sprite.png) no-repeat;
  padding-left: 30px;
  display: block; }

/* Orange */
.orderstatus-0 {
  background-position: -100px -1238px; }

/* Blå */
.orderstatus-100 {
  background-position: -100px -1088px; }

/*Grön*/
.orderstatus-200 {
  background-position: -100px -989px; }

/*Rött kryss*/
.orderstatus-300,
.orderstatus-301,
.orderstatus-302,
.orderstatus-303,
.orderstatus-304,
.orderstatus-305,
.orderstatus-306,
.orderstatus-307,
.orderstatus-308,
.orderstatus-309,
.orderstatus-310,
.orderstatus-311,
.orderstatus-312 {
  background-position: -100px -1238px; }

/* Lila */
.orderstatus-500 {
  background-position: -100px -938px; }

/* Betalsätt ikoner */
.payment-method {
  display: block;
  text-align: center; }

.payment-method > img {
  max-height: 18px;
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle; }

/* Orderbekräftelse */
.ordermail {
  background: url(/Resources/img/ordermail.png) center no-repeat;
  width: 20px;
  display: block;
  float: right; }

.ordermail:hover {
  background-image: url(/Resources/img/ordermail_hover.png); }

/* Skicka orderbekräftelse*/
#orderconfirmation_wrapper #btn_sendemail {
  min-height: 117px; }
  #orderconfirmation_wrapper #btn_sendemail .fa {
    font-size: 117px; }

#orderconfirmation_wrapper strong {
  display: inline-block;
  width: 80px; }

#orderconfirmation_wrapper input {
  width: 400px;
  margin: 0 5px 5px 0; }

#orderconfirmation_wrapper .grid_14 i {
  font-size: 11px; }

/* Search Bar / Filter bar*/
#filterBar {
  background: #f0f3f5;
  padding: 20px 10px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  /* Bloated Button */
  /* Bloated Button */ }
  #filterBar h3 {
    margin: 0 0 0 5px;
    padding: 0 0 10px 0;
    font-style: oblique;
    color: #676767; }
  #filterBar label {
    display: block;
    margin-bottom: 5px;
    font-style: italic;
    font-size: 16px; }
    #filterBar label.labelLeft {
      float: left;
      width: 20%;
      line-height: 25px;
      font-weight: 500; }
  #filterBar input.text,
  #filterBar select {
    width: 100%;
    min-width: auto; }
  #filterBar ul {
    font-size: 12px;
    line-height: 14px; }
    #filterBar ul li ul li {
      width: 100%; }
      #filterBar ul li ul li label {
        font-size: 100%;
        font-weight: 500; }
      #filterBar ul li ul li input.shortText {
        width: 100% !important; }
      #filterBar ul li ul li input[type="submit"] {
        padding: 5px;
        margin: 0;
        float: right;
        font-size: 12px; }
    #filterBar ul.checkboxWrapper {
      /* Lila */
      /* Blå */
      /*Röd*/
      /*Grön*/
      /* Orange */
      /* Röd Kryss */ }
      #filterBar ul.checkboxWrapper li {
        float: left;
        width: 50% !important; }
        #filterBar ul.checkboxWrapper li label {
          display: inline-block;
          font-weight: normal;
          padding-left: 3px;
          padding: 0px;
          background: url(/Resources/img/sprite.png) no-repeat;
          cursor: pointer; }
      #filterBar ul.checkboxWrapper label.purple {
        background-position: -90px -1148px; }
      #filterBar ul.checkboxWrapper label.blue {
        background-position: -90px -1098px; }
      #filterBar ul.checkboxWrapper label.red {
        background-position: -90px -949px; }
      #filterBar ul.checkboxWrapper label.green {
        background-position: -90px -1000px; }
      #filterBar ul.checkboxWrapper label.orange {
        background-position: -90px -1048px; }
      #filterBar ul.checkboxWrapper label.redX {
        background-position: -90px -1248px; }
    #filterBar ul.dateStartEnd li {
      float: left;
      width: 50%;
      padding-right: 10px; }
  #filterBar .inputclearer-container {
    width: 100%; }
  #filterBar #search {
    margin-top: 10px;
    width: 275px;
    text-align: center; }
  #filterBar #admanus-export {
    width: 275px;
    text-align: center; }

/* Checkboxlista */
ul.checkboxTree {
  padding-left: 30px; }

/* drop downs to set custom classes*/
.custom_css_dropdown {
  margin-bottom: 0; }
  .custom_css_dropdown li {
    padding-bottom: 5px; }
    .custom_css_dropdown li label {
      display: block;
      margin: 0 0 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .custom_css_dropdown li select,
    .custom_css_dropdown li input[type="text"] {
      width: 98%;
      min-width: auto; }
    .custom_css_dropdown li .minicolors {
      display: block;
      height: 40px; }
    .custom_css_dropdown li .minicolors-swatch {
      height: 30px;
      width: 30px; }
  .custom_css_dropdown > li:nth-child(4n + 1) {
    clear: left; }

/* EXPANDERBAR LISTA */
.expandableList {
  overflow: hidden;
  /* Ikon utfälld lista / ej utfälld lista*/
  /* Indendt utfälld lista*/
  /* Indent link */
  /* Indent link move */ }
  .expandableList a {
    color: #2b2b2b; }
    .expandableList a.active,
    .expandableList a a:hover {
      color: #167495; }
  .expandableList ul {
    margin-bottom: 0;
    line-height: 50px; }
    .expandableList ul li {
      font-weight: 500;
      background: #f0f0f0;
      border: solid 1px #fff;
      border-width: 0 0 1px;
      border-bottom-color: #fff; }
    .expandableList ul li li {
      background: #f0f3f5;
      border: none;
      border-top: 1px solid #fff; }
    .expandableList ul li li li {
      background: #f8f8f8; }
  .expandableList .categoryLink {
    display: inline-block;
    padding: 0 10px; }
  .expandableList.rootIndent li.is_root {
    background: #e6fae3; }
  .expandableList .header {
    background: #e1e4e5;
    color: #2b2b2b; }
  .expandableList .brand_category .header {
    background: #e1e4e5;
    color: #2b2b2b;
    border: none; }
  .expandableList .foot {
    background: none; }
    .expandableList .foot ul,
    .expandableList .foot dl,
    .expandableList .foot ul:hover,
    .expandableList .foot dl:hover {
      background: #e1e4e5;
      line-height: 20px;
      font-weight: 500; }
    .expandableList .foot li {
      background: none;
      border: none; }
  .expandableList .expanded > a.categoryLink:before,
  .expandableList .expandable > a.categoryLink:before {
    font-family: FontAwesome;
    content: "\f067";
    margin: 0 10px 0 -20px;
    width: 10px;
    text-align: right;
    font-weight: normal;
    font-size: 8px;
    float: left; }
  .expandableList .expanded > a.categoryLink:before {
    content: "\f068"; }
  .expandableList li .categoryLink {
    padding-left: 10px;
    width: 330px; }
  .expandableList li li .categoryLink {
    padding-left: 30px; }
  .expandableList li li li .categoryLink {
    padding-left: 50px; }
  .expandableList li li li li .categoryLink {
    padding-left: 70px; }
  .expandableList li li li li li .categoryLink {
    padding-left: 90px; }
  .expandableList li li li li li li .categoryLink {
    padding-left: 110px; }
  .expandableList li li li li li li li .categoryLink {
    padding-left: 130px; }
  .expandableList li li li li li li li li .categoryLink {
    padding-left: 150px; }
  .expandableList li li li li li li li li li .categoryLink {
    padding-left: 170px; }
  .expandableList li li li li li li li li li li .categoryLink {
    padding-left: 190px; }
  .expandableList.rootIndent li.header .categoryLink,
  .expandableList.rootIndent li.is_root .categoryLink {
    padding-left: 30px; }
  .expandableList.rootIndent li.is_root .categoryLink:before {
    content: "/";
    margin: 0 10px 0 -20px;
    width: 10px;
    text-align: right;
    float: left; }
  .expandableList.rootIndent li .categoryLink {
    padding-left: 30px;
    width: 500px; }
  .expandableList.rootIndent li li .categoryLink {
    padding-left: 50px; }
  .expandableList.rootIndent li li li .categoryLink {
    padding-left: 70px; }
  .expandableList.rootIndent li li li li .categoryLink {
    padding-left: 90px; }
  .expandableList.rootIndent li li li li li .categoryLink {
    padding-left: 110px; }
  .expandableList.rootIndent li li li li li li .categoryLink {
    padding-left: 130px; }
  .expandableList.rootIndent li li li li li li li .categoryLink {
    padding-left: 150px; }
  .expandableList.rootIndent li li li li li li li li .categoryLink {
    padding-left: 170px; }
  .expandableList.rootIndent li li li li li li li li li .categoryLink {
    padding-left: 190px; }
  .expandableList .handle,
  .expandableList .status {
    float: right;
    padding: 0 10px; }

a.icoAdd {
  background-image: url(/Resources/img/ico/ico_add.png); }

a.icoEdit {
  background-image: url(/Resources/img/ico/edit.png); }

a.icoDeactivate {
  background-image: url(/Resources/img/ico/link.png); }

a.icoDelete {
  background-image: url(/Resources/img/ico/trash.png); }

/* Order status - If order has been processed */
/*Unread*/
.general-list {
  /* Unread */
  /* Read */ }
  .general-list .orderadminstatus-1 {
    font-weight: 500;
    /*background: rgba(100,100,100,0.15);*/ }
  .general-list .admin-orderstatus {
    display: inline-block;
    margin-right: 5px;
    font-weight: normal;
    font-size: 16px; }
  .general-list .orderadminstatus-1 .admin-orderstatus:before {
    font-family: "FontAwesome";
    content: "\f111";
    color: #3392e3; }
  .general-list .orderadminstatus-2 .admin-orderstatus:before {
    font-family: "FontAwesome";
    content: "\f1db";
    color: #999; }
  .general-list .orderadminstatus-1 .read {
    display: inline-block; }
  .general-list .orderadminstatus-1 .unread {
    display: none; }
  .general-list .orderadminstatus-2 .unread {
    display: inline-block; }
  .general-list .orderadminstatus-2 .read {
    display: none; }

/*move category*/
.categoryMove {
  background: #f0f3f5;
  padding: 20px 10px;
  border-radius: 6px;
  line-height: 20px; }
  .categoryMove h5 {
    padding: 0;
    margin: 0; }

/* --------------------------- */
/* IKONER -------------------- */
/* --------------------------- */
/* IKONER w. 32px // Icons == 16px */
/* Background Ikoner */
a.iconWrapper,
span.iconWrapper {
  width: 30px;
  height: 30px;
  float: left;
  /*background: url(/Resources/img/ico/sprite_icons.png) no-repeat -450px -100px*/
  margin: 5px 0 0 3px;
  border-radius: 4px; }

a.iconWrapper:hover,
span.iconWrapper:hover {
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

a.iconWrapper {
  cursor: pointer; }

/* Icon Placeholder */
a.iconWrapper span,
span.iconWrapper span {
  background: transparent url(/Resources/img/ico/sprite_icons.png) no-repeat;
  display: block;
  width: 32px;
  height: 32px; }

span.iconFiller,
a.iconFiller {
  width: 32px;
  height: 32px;
  float: left; }

/* Add w. window in background */
a.iconAddApp span {
  background-position: -10px 9px; }

span.iconAddApp span,
span.iconAddApp:hover span {
  background-position: -310px 9px; }

/*Hover*/
/*a.iconAddApp:hover span  {background-position:-210px 9px; }*/
/* Lightbulb - On */
a.iconBulbOn span {
  background-position: -11px -42px; }

span.iconBulbOn span,
span.iconBulbOn:hover span {
  background-position: -311px -42px; }

/* Hover */
/*a.iconBulbOn:hover span {background-position:-211px -42px; }*/
/* Inactive */
.notvisible a.iconBulbOn span,
.notvisible a.iconBulbOn:hover span,
.notvisible span.iconBulbOn span,
.notvisible span.iconBulbOn:hover span {
  background-position: -210px -92px; }

.inactive a.iconBulbOn span,
.inactive a.iconBulbOn:hover span,
.inactive span.iconBulbOn span,
.inactive span.iconBulbOn:hover span {
  background-position: -210px -92px; }

/* Lightbulb - Off */
a.iconBulbOff span {
  background-position: -10px -92px; }

span.iconBulbOff span,
span.iconBulbOff:hover span {
  background-position: -310px -92px; }

/* Hover */
/*a.iconBulbOff:hover span {background-position:-210px -92px; }*/
/* Pen w. window in background */
a.iconAppEdit span {
  background-position: -10px -141px; }

span.iconAppEdit span,
span.iconAppEdit:hover span {
  background-position: -310px -141px; }

/* Hover */
/*a.iconAppEdit:hover span {background-position:-210px -141px;}*/
/* Big Add */
a.iconAdd span {
  background-position: -12px -192px; }

span.iconAdd span,
a.iconAdd:hover span,
span.iconAdd:hover span {
  background-position: -112px -192px; }

a.iconAdd:hover span,
span.iconAdd:hover span {
  background-position: -212px -192px; }

/* Trashbin */
a.iconTrash span {
  background-position: -11px -241px; }

span.iconTrash span,
span.iconTrash:hover span {
  background-position: -311px -241px; }

/* Hover */
/*a.iconTrash:hover span {background-position:-211px -241px;}*/
/* Green Checker */
a.iconCheck span {
  background-position: -10px -290px; }

span.iconCheck span,
span.iconCheck:hover span {
  background-position: -310px -290px; }

/* Hover */
/*a.iconCheck:hover span {background-position:-210px -290px;}*/
/* Gears */
a.iconGears span {
  background-position: -10px -343px; }

span.iconGears span,
span.iconGears:hover span {
  background-position: -310px -343px; }

/*a.iconGears:hover span {background-position:-210px -343px;}*/
/* Speech Bubble Blue */
a.iconSpeechBlue span {
  background-position: -11px -390px; }

span.iconSpeechBlue span,
span.iconSpeechBubble:hover span {
  background-position: -311px -390px; }

/*a.iconSpeechBubble:hover span {background-position:-211px -390px;}*/
/* Red Cross */
a.iconRedCross span {
  background-position: -11px -441px; }

span.iconRedCross span,
span.iconRedCross:hover span {
  background-position: -311px -441px; }

/*a.iconRedCross:hover span {background-position:-211px -441px;}*/
/* Speedometer */
a.iconSpeedo span {
  background-position: -11px -492px; }

span.iconSpeedo span,
span.iconSpeedo:hover span {
  background-position: -311px -492px; }

/*a.iconSpeedo:hover span {background-position:-211px -492px;}*/
/* Calender */
a.iconCalender span {
  background-position: -12px -542px; }

span.iconCalender span,
span.iconCalender:hover span {
  background-position: -312px -542px; }

/*a.iconCalender:hover span {background-position:-212px -542px;}*/
/* Connected - Green */
a.iconConnected span {
  background-position: -12px -592px; }

span.iconConnected span,
span.iconConnected:hover span {
  background-position: -312px -592px; }

a.iconConnected:hover span {
  background-position: -212px -592px; }

/*Left menu specific*/
ul.notvisibleleftmenu a.iconConnected span,
ul.notvisibleleftmenu a.iconConnected:hover span {
  background-position: -112px -641px; }

/* Disconnected - Red */
a.iconDisconnected span {
  background-position: -12px -641px; }

span.iconDisconnected span,
span.iconDisconnected:hover span {
  background-position: -312px -641px; }

/* Disconnected - Black */
a.iconDisconnectedBlack span {
  background-position: -112px -641px; }

span.iconDisconnectedBlack span,
span.iconDisconnectedBlack:hover span {
  background-position: -412px -641px; }

/*a.iconDisconnected:hover span {background-position:-212px -641px;}*/
/* Graph - Bars*/
a.iconBarChart span {
  background-position: -11px -693px; }

span.iconBarChart span,
span.iconBarChart:hover span {
  background-position: -311px -693px; }

/*a.iconBarChart:hover span {background-position:-211px -693px;}*/
/* Save */
a.iconSave span {
  background-position: -11px -742px; }

span.iconSave span,
span.iconSave:hover span {
  background-position: -311px -742px; }

/*a.iconSave:hover span {background-position:-211px -742px;}*/
/* Info Yellow */
a.iconInfoYellow span {
  background-position: -11px -792px; }

span.iconInfoYellow span,
span.iconInfoYellow:hover span {
  background-position: -311px -792px; }

/*a.iconInfoYellow:hover span {background-position:-211px -792px;}*/
/* Info Yellow */
a.iconInfoYellow span {
  background-position: -11px -791px; }

span.iconInfoYellow span,
span.iconInfoYellow:hover span {
  background-position: -311px -791px; }

/*a.iconInfoYellow:hover span {background-position:-211px -791px;}*/
/* Info Blue */
a.iconInfoBlue span {
  background-position: -11px -841px; }

span.iconInfoBlue span,
span.iconInfoBlue:hover span {
  background-position: -311px -841px; }

/*a.iconInfoBlue:hover span {background-position:-211px -841px;}*/
/* Question Blue */
a.iconQuestBlue span {
  background-position: -11px -891px; }

span.iconQuestBlue span,
span.iconQuestBlue:hover span {
  background-position: -311px -891px; }

/*a.iconQuestBlue:hover span {background-position:-211px -891px;}*/
/* Question Blue */
a.iconQuestBlue span {
  background-position: -11px -891px; }

span.iconQuestBlue span,
span.iconQuestBlue:hover span {
  background-position: -311px -891px; }

/*a.iconQuestBlue:hover span {background-position:-211px -891px;}*/
/* Info Warning Yellow */
a.iconTriangleInfo span {
  background-position: -12px -941px; }

span.iconTriangleInfo span,
span.iconTriangleInfo:hover span {
  background-position: -312px -941px; }

/*a.iconTriangleInfo:hover span {background-position:-212px -941px;}*/
/* Info Warning Yellow */
a.iconTriangleInfo span {
  background-position: -12px -941px; }

span.iconTriangleInfo span,
span.iconTriangleInfo:hover span {
  background-position: -312px -941px; }

/*a.iconTriangleInfo:hover span {background-position:-212px -941px;}*/
/* Magnifying Glass */
a.iconSearch span {
  background-position: -12px -992px; }

span.iconSearch span,
span.iconSearch:hover span {
  background-position: -312px -992px; }

/*a.iconSearch:hover span {background-position:-212px -992px;}/*
				
				/* Settings */
a.iconSettings span {
  background-position: -12px -1041px; }

span.iconSettings span,
span.iconSettings:hover span {
  background-position: -312px -1041px; }

/*a.iconSettings:hover span {background-position:-212px -1041px;}*/
/* Settings Tratt */
a.iconFunnel span {
  background-position: -12px -1091px; }

span.iconFunnel span,
span.iconFunnel:hover span {
  background-position: -312px -1091px; }

/*a.iconFunnel:hover span {background-position:-212px -1091px;}*/
/* Show Eye */
a.iconEye span {
  background-position: -12px -1139px; }

span.iconEye span,
span.iconEye:hover span {
  background-position: -312px -1139px; }

/*a.iconEye:hover span {background-position:-212px -1139px;}*/
/* Settings */
a.iconFunnel span {
  background-position: -12px -1091px; }

span.iconFunnel span,
span.iconFunnel:hover span {
  background-position: -312px -1091px; }

/*a.iconFunnel:hover span {background-position:-212px -1091px;}*/
/* Link */
a.iconChain span {
  background-position: -11px -1188px; }

span.iconChain span,
span.iconChain:hover span {
  background-position: -311px -1188px; }

/*a.iconChain:hover span {background-position:-211px -1188px;}*/
/* Link - Broken */
a.iconChainBroken span {
  background-position: -12px -1241px; }

a.iconChainBroken span {
  background-position: -12px -1241px; }

span.iconChainBroken span,
span.iconChainBroken:hover span {
  background-position: -312px -1241px; }

/*a.iconChainBroken:hover span {background-position:-212px -1241px;}*/
/* Lock */
a.iconLock span {
  background-position: -12px -1291px; }

span.iconLock span,
span.iconLock:hover span {
  background-position: -312px -1291px; }

/*a.iconLock:hover span {background-position:-212px -1291px;}*/
/* Lock Open */
a.iconLockOpen span {
  background-position: -12px -1343px; }

span.iconLockOpen span,
span.iconLockOpen:hover span {
  background-position: -312px -1343px; }

/*a.iconLockOpen:hover span {background-position:-212px -1343px;}*/
/* Edit Pen */
a.iconPen span {
  background-position: -13px -1392px; }

span.iconPen span,
span.iconPen:hover span {
  background-position: -313px -1392px; }

/*a.iconPen:hover span {background-position:-213px -1392px;}*/
/* Image Icon */
a.iconImage span {
  background-position: -9px -1442px; }

span.iconImage span,
span.iconImage:hover span {
  background-position: -309px -1442px; }

/*a.iconImage:hover span {background-position:-209px -1442px;}*/
/* Connect Icon */
a.iconConnect span {
  background-position: -9px -1498px; }

span.iconConnect span,
span.iconConnect:hover span {
  background-position: -309px -1498px; }

/*a.iconConnect:hover span {background-position:-209px -1498px;}*/
/* Pin Icon */
a.iconPin span {
  background-position: -9px -1541px; }

span.iconPin span,
span.iconPin:hover span {
  background-position: -309px -1541px; }

/*a.iconPin:hover span {background-position:-209px -1541px;}*/
/* Star Icon */
a.iconStar span {
  background-position: -9px -1590px; }

span.iconStar span,
span.iconStar:hover span {
  background-position: -309px -1590px; }

/*a.iconStar:hover span {background-position:-209px -1590px;}*/
/* Profile Icon */
a.iconProfile span {
  background-position: -9px -1642px; }

span.iconProfile span,
span.iconProfile:hover span {
  background-position: -309px -1642px; }

/*a.iconProfile:hover span {background-position:-209px -1642px;}*/
/* World Globe Icon */
a.iconWorld span {
  background-position: -9px -1691px; }

span.iconWorld span,
span.iconWorld:hover span {
  background-position: -309px -1691px; }

/*a.iconWorld:hover span {background-position:-209px -1691px;}*/
/* Icon Chart Diagram */
a.iconChart span {
  background-position: -9px -1741px; }

span.iconChart span,
span.iconChart:hover span {
  background-position: -309px -1741px; }

/*a.iconChart:hover span {background-position:-209px -1741px;}*/
/* Colours Icon */
a.iconColor span {
  background-position: -10px -1791px; }

span.iconColor span,
span.iconColor:hover span {
  background-position: -310px -1791px; }

/*a.iconColor:hover span {background-position:-210px -1791px;}*/
/* Anchor Icon */
a.iconAnchor span {
  background-position: -10px -1891px; }

span.iconAnchor span,
span.iconAnchor:hover span {
  background-position: -310px -1891px; }

/*a.iconAnchor:hover span {background-position:-210px -1891px;}*/
/* Star 2 Icon */
a.iconStar2 span {
  background-position: -9px -1942px; }

span.iconStar2 span,
span.iconStar2:hover span {
  background-position: -309px -1942px; }

/*a.iconStar2:hover span {background-position:-209px -1942px;}*/
/* Add Rounded Icon */
a.iconAddRounded span {
  background-position: -9px -1990px; }

span.iconAddRounded span,
span.iconAddRounded:hover span {
  background-position: -309px -1990px; }

/*a.iconAddRounded:hover span {background-position:-209px -1990px;}*/
/* Sub Rounded Icon */
a.iconSubRounded span {
  background-position: -9px -2040px; }

span.iconSubRounded span,
span.iconSubRounded:hover span {
  background-position: -309px -2040px; }

/*a.iconSubRounded:hover span {background-position:-209px -2040px;}*/
/* Delete small Icon */
a.iconDeleteSmall span {
  background-position: -9px -2089px; }

span.iconDeleteSmall span,
span.iconDeleteSmall:hover span {
  background-position: -309px -2089px; }

/*a.iconDeleteSmall:hover span {background-position:-209px -2089px;}*/
/* checkmark small Icon */
a.iconCheckSmall span {
  background-position: -9px -2140px; }

span.iconCheckSmall span,
span.iconCheckSmall:hover span {
  background-position: -309px -2140px; }

/*a.iconCheckSmall:hover span {background-position:-209px -2140px;}*/
/* Checkbox On Icon */
a.iconCheckboxOn span {
  background-position: -9px -2190px; }

span.iconCheckboxOn span,
span.iconCheckboxOn:hover span {
  background-position: -309px -2190px; }

/*a.iconCheckboxOn:hover span {background-position:-209px -2190px;}*/
/* Checkbox off Icon */
a.iconCheckboxOff span {
  background-position: -9px -2240px; }

span.iconCheckboxOff span,
span.iconCheckboxOff:hover span {
  background-position: -309px -2240px; }

/*a.iconCheckboxOff:hover span {background-position:-209px -2240px;}*/
/* Crop Edit Icon */
a.iconAppCrop span {
  background-position: -10px -2341px; }

span.iconAppCrop span,
span.iconAppCrop:hover span {
  background-position: -313px -2341px; }

/*a.iconAppCrop:hover span {background-position:-210px -2341px;}*/
/* Invoice Icon */
a.iconInvoice span {
  background-position: -9px -2391px; }

span.iconInvoice span,
span.iconInvoice:hover span {
  background-position: -309px -2391px; }

/*a.iconInvoice:hover span {background-position:-209px -2391px;}*/
/* Move File Icon */
a.iconMove span {
  background-position: -9px -2441px; }

span.iconMove span,
span.iconMove:hover span {
  background-position: -309px -2441px; }

/*a.iconMove:hover span {background-position:-209px -2441px;}*/
/* Move File Icon */
a.iconDrag span,
a.iconDrag:hover {
  background-position: -9px -2960px;
  cursor: grab !important; }

span.iconDrag span,
span.iconDrag:hover span {
  background-position: -309px -2960px;
  cursor: grab !important; }

/*a.iconDrag:hover span {background-position:-209px -2960px;}*/
/* Print Icon */
a.iconPrint span {
  background-position: -112px -3014px; }

span.iconPrint span,
span.iconPrint:hover span {
  background-position: -9px -3014px; }

/*a.iconPrint:hover span {background-position:-9px -3014px;}*/
/* Copy Icon */
a.iconCopy span {
  background-position: -9px -3063px; }

span.iconCopy span,
span.iconCopy:hover span {
  background-position: -309px -3063px; }

/* Status meddelande */
.expandableList .status {
  float: right;
  width: 80px;
  font-weight: normal; }

.expandableList .status span {
  background: url(/Resources/img/ico/sprite_status.png) no-repeat 50px 50px;
  width: 32px;
  height: 32px;
  float: left;
  margin-top: 5px; }

.expandableList .header .status {
  text-align: left;
  font-weight: 500;
  width: 80px; }

.expandableList .header .status span {
  background: none;
  margin-top: 0; }

.expandableList .header .handle span {
  text-indent: 0px; }

/* Synlig / icke synlig*/
.expandableList .visible span {
  background-position: -10px -388px; }

.expandableList .notvisible .visible span {
  background-position: -10px -435px; }

/* Position */
.expandableList .position {
  width: 80px;
  padding: 0 10px;
  float: right;
  text-align: center; }

.expandableList .notvisible .position {
  color: #ccc; }

/* Sidor */
.expandableList .pages {
  width: 160px;
  height: 50px;
  padding: 0 10px;
  float: right;
  text-align: left;
  overflow: hidden; }

.expandableList .pages a {
  margin-right: 5px;
  font-size: 16px;
  float: left; }

/* Edit Icons */
.expandableList .handle {
  float: right;
  padding-right: 10px;
  min-width: 250px; }

.expandableList .handle .iconWrapper {
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  height: 32px;
  margin-left: 5px;
  margin-top: 9px;
  text-indent: -5000px;
  width: 32px;
  position: relative;
  left: auto;
  top: 0;
  text-align: right; }

/* ---------------------------------- */
/* Image Crop Function */
/* ---------------------------------- */
.crop-container {
  display: flex;
  align-content: stretch;
  position: relative; }
  .crop-container > li {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column wrap;
    align-content: stretch; }

#source-grid,
.thumbnails-container li {
  border: 1px solid #eee;
  padding: 5px 10px 20px;
  background: #f8f8fa;
  position: relative; }

.preview-container,
.source-container {
  margin: 0 auto; }

.thumbnails-container {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column wrap;
  align-content: stretch; }
  .thumbnails-container li {
    margin: 0 -10px 10px 0;
    clear: both;
    flex: 1 1 auto; }
    .thumbnails-container li:last-child {
      margin-bottom: 0; }

.thumbnails-size {
  display: block;
  font-weight: normal;
  font-size: 12px;
  margin-top: 2px; }

ul.greyBlock {
  background: #fff !important;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px; }

/* -----------------------------------*/
/* -----------------------------------*/
#footer {
  padding: 20px;
  height: 60px;
  background: #f0f3f5;
  border-top: solid 1px #c8ced3;
  clear: both;
  overflow: hidden;
  display: none; }
  #footer ul {
    margin: 0 auto;
    text-align: center;
    height: 14px; }
    #footer ul li {
      display: inline-block;
      padding: 0 10px 0 7px;
      border-right: solid 1px #555;
      line-height: 12px; }
      #footer ul li::last-of-type {
        border: none; }

/* Avdelningsträd */
#category {
  padding-left: 0; }
  #category ul li a {
    color: #454545; }
  #category ul li input {
    margin-right: 5px; }
  #category ul li:hover {
    background: #e1ecf5; }
  #category ul li.expanded {
    background: #eee; }
  #category li ul {
    padding: 0; }
    #category li ul li {
      border: solid 1px #ddd;
      border-width: 1px 0;
      border-top-color: #fff;
      padding-left: 20px; }
    #category li ul li ul li {
      border: 1px solid #fff;
      border-width: 0 0 0 1px; }
    #category li ul li ul li ul li ul li {
      background: #fafafa; }
  #category li span {
    left: 10px; }
  #category .head {
    background: #e5e5e5; }
  #category .notvisible {
    color: #ccc; }
  #category .expandable li:hover {
    background: #f0f0f0; }
  #category .expanded li:hover {
    background: #e1ecf5; }
  #category .handle,
  #category .status {
    float: right;
    padding-right: 10px; }
  #category .handle a,
  #category .handle span {
    background-position: center top;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 32px;
    margin-left: 5px;
    margin-top: 8px;
    text-indent: -5000px;
    width: 32px;
    position: relative;
    left: auto;
    top: 0; }
  #category .handle a:hover {
    background-position: center bottom; }
  #category span.icoAdd {
    background-image: none; }
  #category span.icoEdit {
    background-image: none; }
  #category span.icoDeactivate {
    background-image: none; }
  #category span.icoDelete {
    background-image: none; }
  #category .status {
    padding: 0 0 0 30px;
    width: 120px;
    background: url(/Resources/img/ico/checkdot_on.png) center left no-repeat;
    font-weight: normal;
    color: #555; }
  #category .notvisible .status {
    background-image: url(/Resources/img/ico/checkdot_off.png);
    color: #ccc; }

.category {
  background: #f0f3f5;
  margin: 0 0 20px;
  padding: 20px 20px 15px;
  overflow: hidden; }
  .category legend {
    display: none; }
  .category fieldset {
    padding: 0;
    margin-bottom: 0;
    background: none;
    border: none; }
  .category ul {
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .category ul li {
      line-height: 25px;
      margin: 0 0 5px;
      padding: 0 0 5px;
      display: flex;
      align-items: stretch; }
      .category ul li > span {
        flex: 1;
        border-bottom: dotted 1px #c8ced3;
        margin: 0 0 0 10px;
        font-size: 12px;
        text-align: right; }

/* Ordersida */
.greyBox {
  background: #eee;
  float: left;
  padding: 10px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .greyBox ul li {
    padding: 5px !important; }
  .greyBox ul.header {
    background: #ccc;
    overflow: auto;
    padding: 3px 0; }
    .greyBox ul.header li {
      font-weight: 500; }
  .greyBox .oRow {
    border-bottom: 1px solid #ddd;
    overflow: auto; }

.semiBox {
  padding: 20px;
  font-size: 12px;
  background: #f0f3f5;
  margin: 0 auto 20px;
  border: solid 1px #e1e4e5; }
  .semiBox h4 {
    margin-bottom: 20px;
    font-size: 1.5em;
    font-weight: normal; }
  .semiBox dl dt {
    font-weight: 500px;
    font-size: 12px;
    line-height: 14px; }
  .semiBox dl dd {
    clear: both;
    overflow: auto;
    padding: 5px 0; }
    .semiBox dl dd label {
      display: inline-block;
      min-width: 200px;
      font-weight: 500;
      font-size: 1.1em;
      line-height: 20px;
      cursor: pointer; }
      @media only screen and (max-width: 1279px) {
        .semiBox dl dd label {
          min-width: 130px; } }
    .semiBox dl dd ul {
      overflow: auto;
      width: 300px; }
      .semiBox dl dd ul li {
        float: left;
        display: block; }
        .semiBox dl dd ul li input {
          float: left; }
        .semiBox dl dd ul li label {
          width: 75px;
          float: left;
          display: block;
          overflow: hidden;
          min-width: 50px;
          line-height: 20px; }
      .semiBox dl dd ul.checkboxWrapper {
        width: 100%; }
        .semiBox dl dd ul.checkboxWrapper li {
          width: 50% !important; }
          .semiBox dl dd ul.checkboxWrapper li label {
            width: 100px;
            font-weight: normal; }
  .semiBox textarea {
    float: left;
    width: 69%;
    min-width: 200px;
    height: 90px; }
  .semiBox.brands dl dd ul.checkboxWrapper li {
    width: 49%; }
  .semiBox.brands dl dd ul.checkboxWrapper li label {
    width: 100%; }
  .semiBox div.twoCol {
    width: 50% !important;
    float: left; }
  .semiBox .highlight {
    font-size: 110%;
    font-weight: 500;
    color: #222;
    border-top: solid 1px #e1e4e5;
    margin-top: 5px;
    padding: 10px 0 0; }
  .semiBox dl dd ul li label.purple,
  .semiBox dl dd ul li label.blue,
  .semiBox dl dd ul li label.red,
  .semiBox dl dd ul li label.green,
  .semiBox dl dd ul li label.orange,
  .semiBox dl dd ul li label.redX {
    background: url(/Resources/img/sprite.png) no-repeat;
    padding-left: 30px; }
  .semiBox dl dd ul li label.purple {
    background-position: -90px -1149px; }
  .semiBox dl dd ul li label.blue {
    background-position: -90px -1099px; }
  .semiBox dl dd ul li label.red {
    background-position: -90px -949px; }
  .semiBox dl dd ul li label.green {
    background-position: -90px -1000px; }
  .semiBox dl dd ul li label.orange {
    background-position: -90px -1049px; }
  .semiBox dl dd ul li label.redX {
    background-position: -90px -1248px; }
  .semiBox dl.Check_Radio dl dd {
    padding: 0; }
  .semiBox dl.Check_Radio ul li {
    min-width: 100px;
    line-height: 22px; }

h4.semibox {
  margin: 15px 0 0 0px;
  font-size: 1.6em; }

/* InnerBlock */
div.block_white {
  padding: 10px;
  background: #fff;
  float: left; }
  div.block_white ul li {
    display: block;
    float: none;
    margin-bottom: 10px; }
  div.block_white label {
    font-weight: 500;
    display: block;
    float: left;
    width: 150px; }

/* Besöksstatistik */
/* Google Analytics */
.analyticsLogo {
  margin: 0 auto;
  display: block;
  margin: 20px auto;
  width: 300px; }

.analytics {
  width: 600px;
  background: #f0f3f5;
  padding: 40px 40px 20px;
  margin: 0 auto 20px; }
  .analytics ul {
    margin: 0 0 20px; }
    .analytics ul li {
      float: left;
      width: 50%;
      margin: 0 0 10px; }
  .analytics label {
    font-weight: 500;
    display: block; }
  .analytics p {
    text-align: center; }
    .analytics p .button {
      font-weight: 500;
      display: block; }

#tabs {
  /* Special -> Tabs vertical look */ }
  #tabs.tabs--vertical {
    display: flex;
    padding: 2em 2em 2em 0;
    background: #fafafa; }
    #tabs.tabs--vertical.ui-tabs > .ui-tabs-panel {
      padding-top: 0; }
    #tabs.tabs--vertical > div {
      flex: 1 0 auto; }
    #tabs.tabs--vertical > .ui-tabs-nav {
      display: flex;
      flex-direction: column;
      min-width: 18vw;
      margin-right: 2vw;
      border: none; }
      #tabs.tabs--vertical > .ui-tabs-nav li {
        margin: 0; }
      #tabs.tabs--vertical > .ui-tabs-nav a {
        display: block;
        float: none; }

/* FancyBox */
.fbh-standard.error,
.fpb-standard.sucess {
  width: 500px; }

#fancybox_content {
  font-size: 12px;
  line-height: 20px;
  color: #f5f5f5;
  /* Meddelande ERROR  */
  /* Meddelande OK */
  /* Meddelande INFO */ }
  #fancybox_content h3 {
    padding: 0 100px;
    border: none;
    color: #fafafa;
    margin-top: 0;
    border: 0;
    line-height: 60px; }
  #fancybox_content p {
    color: #f5f5f5;
    padding: 10px 10px 15px 10px; }
  #fancybox_content ul {
    padding: 10px 30px 15px; }
    #fancybox_content ul li {
      list-style-type: disc;
      padding-left: 5px;
      margin-left: 15px; }
    #fancybox_content ul.ul-error li {
      list-style-type: none;
      padding-left: 0;
      margin-left: 0; }
  #fancybox_content.error h3 {
    background: transparent url(/resources/img/fancybox/ico_warning.png) no-repeat 30px top; }
  #fancybox_content.success h3 {
    background: transparent url(/resources/img/fancybox/ico_success.png) no-repeat 15px top; }
  #fancybox_content.info h3 {
    background: transparent url(/resources/img/fancybox/ico_information.png) no-repeat 15px top; }
  #fancybox_content.add-item {
    background-position: 20px 20px !important; }
    #fancybox_content.add-item h3 {
      background: none !important;
      text-align: center;
      position: relative;
      top: 15px; }
  #fancybox_content.fancybox-confirm-content h3 {
    padding: 10px 0 0px 18px !important;
    text-shadow: 1px 1px #444; }
  #fancybox_content.fancybox-confirm-content p {
    padding: 0px 10px 15px 10px; }

#fancybox-error {
  color: #f5f5f5 !important; }
  .white #fancybox-error {
    color: #444 !important; }

/* Fancybox Specific classes */
#fancybox-outer.white {
  background: #fff !important; }

div.fancybox-confirm-content {
  padding: 20px 80px !important;
  background: url(/resources/img/fancybox/ico_ballon_green_question.png) no-repeat 15px 18px !important; }

#fancybox-content .navigationAlt {
  width: auto; }
  @media (min-width: 1280px) {
    #fancybox-content .navigationAlt {
      width: 100%; } }

#fancybox-content .nav_up {
  width: 400px; }

#fancybox-content .nav_counter {
  width: 470px; }

@media (min-width: 1280px) {
  #fancybox-content .nav_updown {
    width: 92px; } }

#fancybox-content .intro {
  background: #fafafa;
  padding: 10px 0 0;
  margin-bottom: 15px;
  border: 1px solid #eee;
  width: 960px; }
  #fancybox-content .intro h2 {
    font-family: Georgia, Times, serif;
    font-size: 28px;
    line-height: 40px;
    color: #202020;
    font-style: normal;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px; }
  #fancybox-content .intro p {
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-style: normal; }
  #fancybox-content .intro .category,
  #fancybox-content .intro fieldset {
    padding-bottom: 0; }

#fancybox-content div.minisearch,
#fancybox-content div.minioptions {
  float: right;
  text-align: left;
  padding: 8px;
  max-width: 350px;
  background: #eaeaea;
  position: relative;
  top: -26px; }

#fancybox-content div.minisearch label {
  display: block;
  clear: both;
  display: none; }

#fancybox-content div.minisearch input {
  width: 220px !important;
  min-width: 100px !important; }

#fancybox-content div.minisearch select {
  width: 150px;
  margin-top: 5px; }
  #fancybox-content div.minisearch select option {
    max-width: 450px;
    padding-right: 10px; }

#fancybox-content div.minisearch a.button {
  float: right; }

#fancybox-content div.wider {
  width: 610px; }

#fancybox-content .message {
  background: #f5f5f5;
  font-size: 14px;
  color: #333;
  border: dashed 1px #ddd;
  border-width: 2px 0;
  text-align: center;
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 100%;
  margin: -35px 0 0;
  /* Meddelande ERROR i Fancybox */
  /* Meddelande OK i Fancybox*/ }
  #fancybox-content .message h3 {
    border: none;
    padding: 20px 100px;
    margin: 0 auto;
    display: inline-block; }
  #fancybox-content .message p {
    padding: 10px 10px 15px; }
  #fancybox-content .message .ul-error {
    list-style-type: none;
    text-align: left;
    max-width: 300px;
    margin: 0 auto 20px;
    line-height: 20px; }
    #fancybox-content .message .ul-error li span {
      font-weight: 500; }
  #fancybox-content .message.error {
    display: none; }
    #fancybox-content .message.error h3 {
      background: transparent url(/resources/img/fancybox/ico_warning.png) no-repeat 30px 10px; }
  #fancybox-content .message.success {
    display: none; }
    #fancybox-content .message.success h3 {
      background: transparent url(/resources/img/fancybox/ico_success.png) no-repeat 30px center; }

/*-- FIXES --*/
/*-----------*/
/*-- DATE PICKER --*/
#ui-datepicker-div {
  display: none; }

/* Allmänna inställningar - SEO-Mallar */
.meta--variables {
  background: #f9f2ed;
  padding: 20px 20px 10px;
  margin-bottom: 20px;
  overflow-y: auto;
  border-radius: 8px;
  display: block;
  width: 630px;
  color: #444; }
  .meta--variables h4 {
    margin-bottom: 20px; }
  .meta--variables li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: dotted 1px #ccc; }
  .meta--variables span.meta--code {
    font-weight: 600;
    display: inline-block; }
  .meta--variables span:not(.meta--code) {
    font-weight: normal;
    float: right;
    font-style: italic;
    text-transform: lowercase; }

/*-------------------------------------------------------*/
/*--------------------- TINY MCE ------------------------*/
/*-------------------------------------------------------*/
#tinymce {
  background: #fff !important;
  padding: 15px; }

.sum {
  font-weight: 500 !important;
  text-align: right !important; }

/* DELIVERYZONE RELATED */
.deliveryzone-item-header {
  min-height: 50px;
  line-height: 50px;
  padding: 0 10px; }
  .deliveryzone-item-header.bg_dark {
    background: #f0f0f0;
    border: 1px solid #fff;
    border-width: 0 0 1px; }
  .deliveryzone-item-header.bg_bright {
    background: #fff;
    border: 1px solid #fff;
    border-width: 0 0 1px; }
  .expanded > .deliveryzone-item-header {
    background: #fff5d1 !important;
    font-weight: 500;
    margin-bottom: 20px; }
  .deliveryzone-item-header,
  .deliveryzone-item-header.notvisible a {
    color: #ccc;
    text-decoration: line-through; }

.deliveryzone-name-editing .internalname-input,
.deliveryzone-name-new .internalname-input {
  margin-top: 7px; }

.deliveryzone-item.expanded {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: solid 1px #e1e4e5; }

/* DropZone */
.log-wrapper .log-header {
  font-weight: 500;
  padding: 20px 10px 5px;
  margin: 0 0 5px;
  border-bottom: 1px solid #c8ced3; }

.log-wrapper .log-entries {
  margin: 0 0 20px; }

.log-wrapper .log-entry {
  padding: 10px;
  margin: 0 0 5px; }
  .log-wrapper .log-entry.error {
    background: #ffecec; }
  .log-wrapper .log-entry.success {
    background: #f0ffec; }

.log-wrapper.user .log-entry {
  background: #f0f3f5; }

.log-wrapper.user .log-date {
  text-align: left; }

.log-wrapper.user .log-ip {
  float: left;
  width: 35%;
  vertical-align: top;
  text-align: right; }

.log-wrapper .log-fileName,
.log-wrapper .log-message,
.log-wrapper .log-date {
  float: left; }

.log-wrapper .log-fileName {
  width: 35%;
  vertical-align: top; }

.log-wrapper .log-message {
  width: 40%;
  vertical-align: top; }

.log-wrapper .log-date {
  width: 25%;
  vertical-align: top;
  text-align: right; }

/*custom jquery ui*/
@media (max-width: 1280px) {
  .ui-tabs .ui-tabs-nav li a {
    padding: 1em 0.6em !important; } }

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