/* -----------------------------------*/
/* -------  www.shopsetup.com  -------*/
/* -------------  (c)2015 ------------*/

/* -----------------------------------*/
/* --------- Import CSS --------------*/
/* -----------------------------------*/
@import url("reset.css");
@import url("tipTip.css");
@import url("grid.css");
/*@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700");*/

/* -----------------------------------*/

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

/* -----------------------------------*/
/* ----------->>> GENERAL <<<---------*/
/* -----------------------------------*/
body.waiting,
body.waiting * {
    cursor: wait !important;
}

html {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column wrap;
}
body {
    background: #fff;
    font: 0.75em Roboto, Arial, sans-serif;
    color: #222;
    height: 100%;
    min-height: 100%;
    width: 100%;
    letter-spacing: 0.2px;
}
body > form {
    height: 100%;
}

@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;
}
.pointer_cursor {
    cursor: pointer;
}
.default_cursor {
    cursor: default;
}

strong {
    font-weight: 500;
}

/* -----------------------------------*/
/* ------------>>> List <<<-----------*/
/* -----------------------------------*/

/*unordered list*/
ul.list {
    list-style-type: disc;
    padding: 0 0 20px 20px;
    font: 1.1em/1.5em Roboto, Arial, sans-serif;
}
ul.list li {
    padding-left: 10px;
}

/*ordered list*/
ol.list,
ol.upper-alpha {
    list-style-type: decimal;
    padding: 0 0 20px 20px;
    font: 1.1em/1.5em Roboto, Arial, sans-serif;
}
ol.upper-alpha {
    list-style-type: upper-alpha;
    list-style-position: outside;
}
ol.list li,
ol.upper-alpha li {
    padding-left: 10px;
}

/* -----------------------------------*/
/* --------->>> TYPOGRAPHY <<<--------*/
/* -----------------------------------*/
h1,
h2,
h3,
h4,
h5 {
    font-family: Roboto, Arial, sans-serif;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 2.4em;
    line-height: 1.2em;
    font-weight: normal;
    margin-bottom: 20px;
}
h2 {
    font-size: 2.1em;
    line-height: normal;
    padding: 0;
    font-weight: normal;
}
h3 {
    font-size: 1.6em;
    line-height: normal;
    font-weight: normal;
    padding: 0 0 5px;
    margin-top: 25px;
    border-bottom: 1px solid #c8ced3;
}
h4 {
    font: 500 16px/18px Roboto, Arial, sans-serif;
}
h5 {
    font: 500 14px/18px Roboto, Arial, sans-serif;
    padding: 5px 0 0 5px;
    margin: 5px 0;
}
h6 {
    font: 500 14px/18px Roboto, Arial, sans-serif;
    margin: 0 0 5px;
}

h3.shopsetup,
#cw h3.shopsetup {
    font: 2em/2em Roboto, Arial, sans-serif;
    border-top: 1px solid #c8ced3;
    padding-top: 20px;
    margin-top: 20px;
    border-bottom: none;
}

.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;
}

.cl {
    clear: left;
}
.cr {
    clear: right;
}
.cb {
    clear: both;
}

.taL {
    text-align: left;
}
.taC {
    text-align: center;
}
.taR {
    text-align: right;
}

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

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

/* Header */
#header {
    background: #f0f3f5;
    padding: 0 20px;
    border-bottom: solid 1px #c8ced3;
    height: 54px;
    line-height: 30px;
    min-width: 960px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
}
#header ul {
    margin: 0px auto;
}
#header ul li {
    float: left;
    padding-top: 11px;
    padding-bottom: 11px;
}
#header ul li a {
    color: #3392e3;
}

/* Logo */
#logoWrapper {
    text-align: center; /*width: 260px*/
}
#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;
}

/* Release Cache */
ul li#cacheWrapper {
    float: right;
    padding: 0;
}
a.btnCache {
    display: block;
    cursor: pointer;
    float: left;
    margin: 0 -20px 0 20px;
    height: 54px;
    line-height: 50px;
    background: #2196f3;
    padding: 0 20px;
    border-radius: 0;
    font-size: inherit;
}
#cacheWrapper a::before {
    font-family: "FontAwesome";
    content: "\f018";
    margin-right: 10px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
}
#cacheWrapper a span.sstoolTip {
    padding: 0;
    margin-top: 11px;
    float: right;
    width: 25px;
    height: 30px;
    background: url(/Resources/img/ico/sprite_icons.png) no-repeat -10px -894px;
}

/* My pages */
#userWrapper {
}
#header #userWrapper {
    float: right;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}
#userWrapper a {
    display: block;
    color: #fff;
    font-size: 12px;
}

#userWrapper .dropmenu--header {
    text-align: right;
    padding: 11px 10px 12px;
}
#userWrapper .dropmenu--header i {
    margin-right: 10px;
    font-size: 16px;
}
#userWrapper .dropmenu--header:hover {
    cursor: pointer;
}

#userWrapper .dropmenu--items {
    background: #fff;
    position: absolute;
    top: calc(100% - 10px);
    right: 0;
    z-index: 99;
    display: none;
    border-radius: 5px;
    border: solid 1px #c8ced3;
    overflow: hidden;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

#userWrapper .dropmenu--items .header {
    padding: 7px 15px;
    font-weight: 500;
    background: #e4e5e6;
    white-space: nowrap;
    border-bottom: solid 1px #c8ced3;
}

#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:last-of-type {
    border: none;
}
#userWrapper .dropmenu--items a:hover,
#userWrapper .dropmenu--items .group:hover {
    background: #f0f3f5;
    color: #167495;
}
#userWrapper .dropmenu--items a:hover:before {
    display: inline-block;
}

#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;
}

/* Items - Pre icons */
#userWrapper .dropmenu--items a:before {
    font-family: "FontAwesome";
    margin-right: 10px;
    font-size: 14px;
    width: 20px;
    text-align: center;
    display: inline-block;
    color: #222;
}
#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;
}

.item--customers::before {
    content: "\f007";
}
#userWrapper .dropmenu--items .item--customers .badge {
    background: #16bac5;
}
.item--orders::before {
    content: "\f01c";
}
#userWrapper .dropmenu--items .item--orders .badge {
    background: #653cea;
}

#userWrapper .dropmenu--items .group {
    padding-bottom: 7px;
    background: #fff;
    border-bottom: solid 1px #c8ced3;
}
#userWrapper .dropmenu--items .group a,
#userWrapper .dropmenu--items .group a:hover {
    border: none;
}
#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;
}

.item--profile::before {
    content: "\f2be";
}
.item--logout::before {
    content: "\f08b";
}
.item--protected::before {
    content: "\f06e";
}
.item--unprotected::before {
    content: "\f070";
}

/* Actions on Submenu :hover */
#userWrapper:hover .dropmenu--header {
}
#userWrapper:hover .dropmenu--items {
    display: block;
}

/* Shopsetup Information */
#shopSetupExtra {
    padding: 7px 15px;
    font-size: 11px;
    line-height: 20px;
    background: #e4e5e6;
    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;
}

#system-logs {
    text-align: center;
}
#system-logs a {
}

#mainWrapper {
    width: 100%; /* margin:0 auto;overflow: auto; width: 200%; height: 100% */
}

#leftCol,
#mainCol {
    transition: all 0.2s;
}
#leftCol {
    width: 200px;
    height: 100%;
    position: relative;
}
#leftCol {
}
#mainCol {
}

#leftCol {
    background: #2f353a;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 100; /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35)*/
    overflow: hidden;
    width: 60px;
}
#mainCol {
    background: #fff;
    float: right;
    position: static;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 60px);
    padding-top: 54px;
}

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

    .collapsed #leftCol {
        width: 60px;
    }
    .collapsed #mainCol {
        width: calc(100% - 60px);
    }
}

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

/* ----------------------- */
/* Support - Sliding Panel top */
/* ----------------------- */

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

div#supportArea dd {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
div#supportArea dl img {
    float: left;
    background: #fff;
    width: 60px;
    height: 80px;
    margin-right: 10px;
    display: none;
}

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

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

/*toggler*/
.LeftNavToggle {
    padding: 0;
    background: #111;
    height: 54px;
    transition: all 0.5s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.LeftNavToggle a {
    float: left;
    width: 60px;
    line-height: 54px;
    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;
}

/*remember state*/
.LeftNavToggle .remember_state {
}
.LeftNavToggle .remember_state.active:before {
    content: "\f205";
}
.LeftNavToggle .remember_state.inactive:before {
    content: "\f204";
}

/*close 1 level*/
.LeftNavToggle .close_open {
}
.LeftNavToggle .close_open.active:before {
    content: "\f0d8";
}
.LeftNavToggle .close_open.inactive:before {
    content: "\f0d7";
}

/*toggle icon*/
.LeftNavToggle .show_hide {
    float: right;
    font-size: 30px;
}
.collapsed .LeftNavToggle .show_hide:before {
    content: "\f105";
}
.expanded .LeftNavToggle .show_hide:before {
    content: "\f104";
}

@media (max-width: 1279px) {
    /*#leftCol .mainNav { max-height: 100%}*/

    .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";
    }
}

::-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;
}
::-webkit-scrollbar-corner {
}
::-webkit-resizer {
}

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

/* Left Icons - 5 total in Header */
#leftIconNav {
    height: 54px;
    width: 300px;
    text-align: center;
    padding: 0;
    background: #3a4248;
    white-space: nowrap;
    overflow: hidden;
}

#leftIconNav dd {
    float: left;
    width: 60px;
}
#leftIconNav dd a {
    display: block;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #73818f;
}
#leftIconNav dd a:hover {
    color: #fff;
}
#leftIconNav dd a i {
    font-size: 16px;
}

/* ****************************************** */
/* ****************************************** */

/* Vänsternavigeringsblock  / Huvudnavigering */

/* ****************************************** */
/* ****************************************** */

.LeftNavSection {
    margin: 0 auto;
}
.LeftNavSection.system dd {
}
.LeftNavSection dt,
.LeftNavSection dd {
    line-height: 25px;
}

/* My pages*/
.LeftNavSection.MyPages {
    display: none;
}

/* Header to every section */
.LeftNavSection dt h5,
.LeftNavSection dt .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 dt h5:hover,
.LeftNavSection dt .headerlink:hover {
    background: #3392e3 !important;
    color: #fff;
}
.LeftNavSection dt h5.active {
    background: rgba(0, 0, 0, 0.2);
}
.LeftNavSection dt .headerlink.selected {
    color: #3392e3;
}
.LeftNavSection dt h5 i,
.LeftNavSection dt .headerlink i {
    margin: 2px 20px 5px 0;
    font-size: 18px;
    width: 25px;
    float: left;
    font-weight: normal;
    color: #73818f;
}
.LeftNavSection dt h5.selected i,
.LeftNavSection dt .headerlink.selected i {
    color: #3392e3 !important;
}
.LeftNavSection dt .selected:hover,
.LeftNavSection dt .selected:hover i {
    color: #fff !important;
}
.LeftNavSection dt h5.active i,
.LeftNavSection dt h5:hover i,
.LeftNavSection dt .headerlink:hover i {
    color: #fff;
}

.LeftNavSection dt h5 span,
.LeftNavSection dt .headerlink span {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 60px;
    padding: inherit;
    text-align: center;
}
#mainWrapper:not(.collapsed) .LeftNavSection dt h5 span,
#mainWrapper:not(.collapsed) .LeftNavSection dt .headerlink span {
    display: none;
}

/* General links */
.LeftNavSection a.submenuheader:first-letter {
    font-size: 14px;
    text-transform: capitalize;
}
.LeftNavSection a.submenuheader.inactive {
}
.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,
.LeftNavSection a.lvl2.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 i {
    display: block;
}

/* Hide Icon when a has status active */
/* .LeftNavSection .active i {visibility: hidden;} */

.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;
}
.submenu a:hover,
.LeftNavSection a.submenuheader:hover {
    background: #3392e3;
}
.submenu a:hover,
.LeftNavSection a.submenuheader:hover:before {
    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;
}

/*.submenu i {float: right;line-height: 35px;padding: 0 5px 0 0;}*/
.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:not(.system) dl dl dl a {
    padding-left: 69px;
    font-size: 14px;
}
.LeftNavSection.system dl dl dl a {
    padding-left: 80px;
}
.LeftNavSection dl dl a.selected {
    color: #3392e3;
}
.LeftNavSection:not(.system) a.submenuheader.selected:hover {
    background: #3392e3;
}

/* ----------------------- */
/* Main Area -----------   */
/* ----------------------- */

#cw {
    background: #fff;
    margin-top: 0px;
    padding: 20px;
    min-height: calc(100% - 94px);
    min-width: 960px;
    position: relative;
}
#cw.startPage {
    background: #e4e5e6;
    padding: 30px 15px 0;
}

/* inner content padding */
#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 .intro p,
#cw .intro .list {
}
#cw .intro #imgPreview {
    max-height: 150px;
}

#cw h2,
#cw p {
    padding: 0;
}
#cw h2 {
    font: oblique 2.5em / normal Roboto, Arial, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 10px; /* border-bottom:1px solid #c8ced3; padding-bottom:5px*/
}

#cw h3 {
    font-size: 1.5em;
    margin-bottom: 15px;
    clear: both;
    padding-top: 20px;
}
#cw p,
p.tabHeader {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 20px;
}

/*help links*/
#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%;
}

/**************/
/* start page */
/**************/

#cw .dashboardBox {
    background: #fff;
    margin: 0 5px 30px;
    font-size: 14px;
    border-top-width: 7px;
    border-style: solid;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.5);
}
#cw .dashboardBox p {
    font: 14px/22px Roboto, Arial, sans-serif;
}
#cw .dashboardBox a {
    color: #222;
}
#cw .dashboardBox a:hover {
    color: #167495;
}
#cw .dashboardBox h4 {
    line-height: 30px;
    margin: 0 0 30px; /*border-bottom: solid 2px #222*/ /*#c8ced3*/
    font-size: 20px;
}
#cw .dashboardBox h4 a {
    font-size: 14px;
    font-weight: normal;
    float: right;
    color: #333;
}
#cw .dashboardBox h4 i.fa {
    margin: 0 15px 0 0; /*; padding-right: 10px; border-right: solid 1px #222 */
}
#cw .dashboardBox h4 span {
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
}
#cw .dashboardBox h6.subheader {
    font-size: 18px;
    margin: 30px 0 20px;
}

#cw .dashboardBox .content_wrapper {
    position: relative;
    min-height: 60px;
}

/*loader*/
#cw .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;
}
#cw .dashboardBox .loader i {
}
/*row*/
#cw .dashboardBox ul,
#cw .dashboardBox ul.container_16 {
    margin: 0 0 5px;
    min-width: auto;
    line-height: 20px;
}

#cw .dashboardBox ul.overflow_ellipsis li {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#cw .dashboardBox ul.overflow_ellipsis {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #c8ced3;
}

#cw .dashboardBox ul.header {
    margin: 20px 0 10px;
    padding: 0 0 5px;
    border-bottom: solid 2px #c8ced3;
    font-size: 16px;
    font-weight: 500;
}
#cw .dashboardBox ul.header a {
    font-weight: normal;
}
#cw .dashboardBox ul.header li span {
    font-weight: normal;
    font-size: 12px;
}
#cw .dashboardBox ul.footer {
    margin: 10px 0 0;
    padding: 5px 0 0;
    border-top: solid 1px #c8ced3;
    font-weight: 500;
}
/*date*/
#cw .dashboardBox ul.date {
    font-style: italic;
    font-size: 12px;
    margin-top: 10px;
}
#cw .dashboardBox ul.date li {
    float: right;
    padding-right: 10px;
}
/*period*/
#cw .dashboardBox ul.period {
    font-size: 12px;
}
#cw .dashboardBox ul.period li {
    float: left;
    padding: 0;
}
#cw .dashboardBox ul.period li.selected {
}
#cw .dashboardBox ul.period li a {
    display: block;
    margin: 0 10px;
    color: #999;
}
#cw .dashboardBox ul.period li.selected a {
    font-weight: 500;
    color: #222;
}
/*#cw .dashboardBox ul.period li.selected:hover a { cursor: default; background: #fff }*/

#cw .dashboardBox li.label {
    font-weight: 500;
}
#cw .dashboardBox i.fa {
    margin: 0 10px 0 0;
}

/*order*/
.has_ecommerce_permission .box_summary {
    float: right;
}
.has_ecommerce_permission .box_sales {
}
.has_ecommerce_permission .box_campaigns {
    float: right;
}
.has_ecommerce_permission .box_products {
    float: right;
}
.has_ecommerce_permission .box_order {
}
.has_ecommerce_permission .box_activities {
    clear: left;
}
.has_ecommerce_permission .box_certificates {
    float: right;
}
.has_ecommerce_permission .box_news {
    clear: left;
}

/*summary*/
#cw .dashboardBox.summary {
    padding-bottom: 15px;
    border-color: #16bac5;
}
#cw .dashboardBox.summary h4 {
}
#cw .dashboardBox.summary ul {
    margin: 0;
}
#cw .dashboardBox.summary ul li {
    width: 100%;
    margin-bottom: 5px;
    padding: 0 10px 10px;
    line-height: 30px;
}
#cw .dashboardBox.summary ul li i {
    font-size: 20px;
    color: #16bac5;
    margin: 0 0 0 -10px;
}
#cw .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;
}

/*sales*/
#cw .dashboardBox.sales {
    border-color: #40ab58;
}
#cw .dashboardBox.sales h4 {
}

/*order*/
#cw .dashboardBox.order {
    border-color: #653cea;
}

/*products*/
#cw .dashboardBox.products {
    border-color: #4f8fef;
}

/*news*/
#cw .dashboardBox.news {
    padding-bottom: 15px;
    border-color: #a8a4a0;
}
#cw .dashboardBox.news ul {
    padding: 0;
    margin-bottom: 20px;
    border-bottom: dotted 1px #c8ced3;
}
#cw .dashboardBox.news .date {
    color: #999;
    font-size: 10px;
    display: block;
}

/*activities*/
#cw .dashboardBox.activities {
    border-color: #e7de28;
}
#cw .dashboardBox.activities ul:not(.header) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #c8ced3;
}

/*campaings*/
#cw .dashboardBox.campaign {
    border-color: #e78728;
}
#cw .dashboardBox.campaign ul.header {
    font-size: 16px;
}
#cw .dashboardBox.campaign ul:not(.header) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #c8ced3;
}
/*#cw .dashboardBox.campaign ul li { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap }*/
/*#cw .dashboardBox.campaign .conditions { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: calc(100% - 30px); vertical-align: middle }*/

#cw .dashboardBox.campaign .conditions span:after {
    content: "";
    margin: 0 2px;
    display: block;
}
#cw .dashboardBox.campaign .conditions span:last-child:after {
    content: none;
}
#cw .dashboardBox.campaign b {
    font-weight: 500;
}
#cw .dashboardBox.campaign a span i {
    font-size: 90%;
    float: right;
}
#cw .dashboardBox.campaign li i.fa {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

/*cert*/
#cw .dashboardBox.cert {
    border-color: #ba28e7;
}
#cw .dashboardBox.cert ul:not(.header) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #c8ced3;
}
#cw .dashboardBox.cert .days {
    display: inline-block;
    width: 70px;
    text-align: right;
    margin: 0 5px 0 -10px;
}
#cw .dashboardBox.cert .type {
    font-style: italic;
    font-size: 12px;
}
#cw .dashboardBox.cert .error .fa {
    color: #ff0000;
    margin: 0;
}
#cw .dashboardBox.cert .warning .fa {
    color: #ebd100;
    margin: 0;
}
#cw .dashboardBox.cert .good .fa {
    color: #02bd00;
    margin: 0;
}

/*order*/
#cw .dashboardBox .take_action {
}
#cw .dashboardBox .take_action i.fa {
    float: left;
}

/* System Info */
#cw .systeminfo {
}
#cw .systeminfo li {
    clear: both;
}
#cw .systeminfo h4 {
    margin-bottom: 10px;
    padding: 0 0 5px;
    font-size: 14px;
    border-bottom: 1px solid #c8ced3;
}
#cw .systeminfo li dl {
    text-align: right;
}
#cw .systeminfo li dl .header {
    font-weight: 500;
    float: left;
}
#cw .systeminfo li dl dd {
    line-height: 22px;
}
#cw .systeminfo li dl .fa {
    margin-right: 5px;
}

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

#cw .requiredInfo p {
    font: oblique 1em/1.8em Georgia, "Times New Roman", Times, serif;
}
#cw .requiredInfo p img {
    max-width: 100%;
    max-height: 50px;
    display: block;
    margin: 0 auto 10px;
}

/* Loader */
#loader {
    margin: 10px auto;
    text-align: center;
    width: 300px;
}
#loader strong {
    font: oblique 2em/2em Georgia, "Times New Roman", Times, 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 */
ul.permalink {
    background: #d8e5f0;
    border: 1px solid #c1ccd6;
    padding: 15px 20px;
    border-radius: 0;
}
ul.permalink.advanced {
    background: #f2e2ce;
    border: 1px solid #d9cab8;
}
ul.permalink.advanced strong i {
    margin-right: 10px;
}
ul.permalink li {
    display: inline-block;
}
ul.permalink li.right {
    float: right;
}
ul.permalink li strong {
    display: block;
    margin-right: 10px;
}

ul.permalink li span.externalUrl {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 20px;
}
ul.permalink li span.externalUrl a {
    font-weight: 500;
    padding: 0 2px;
}

ul.permalink li span.externalUrlAdvanced {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 20px;
}
ul.permalink li span.externalUrlAdvanced a {
    font-weight: 500;
    padding: 0 2px;
}

@media (min-width: 1280px) {
    #cw {
        float: none;
        width: auto;
    }
}
@media (min-width: 320px) {
    #cw .dashboardBox.summary ul {
        float: left;
        width: 50%;
    }
}
@media (min-width: 1024px) {
    #cw .dashboardBox ul.date {
        position: absolute;
        margin-top: 0;
        top: -40px;
        right: 0;
    }
}
@media (max-width: 1599px) {
    #cw.startPage .full_width_mobile,
    .missing_ecommerce_permission .box_summary {
        width: 100% !important;
    }
    #cw.startPage .dashboardBox.sales {
        min-height: 344px;
    }
    #cw .dashboardBox.summary span {
        margin-left: 10px;
        padding-left: 10px;
    }
}

/* ----------- */
/* BREADCRUMBS */
/* ----------- */

#breadcrumbsWrapper {
    padding: 0 20px;
}
.page_start #breadcrumbsWrapper {
    display: none;
}

/*Main*/
#mainBreadcrumbs {
    font: 300 13px/54px Roboto, Arial, sans-serif;
    height: 54px;
    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.nofollow,
#mainBreadcrumbs a.nofollow:hover {
    cursor: default;
    color: #454545;
}
#mainBreadcrumbs a:hover {
    color: #167495;
}

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

/* SS nyheter */

/*header*/
#newsFeedHeader li a {
    padding: 0 0 10px;
    display: block;
    color: #333;
    border: 1px dashed #c8ced3;
    border-width: 0 0 1px;
    font: 500 14px Roboto, Arial, sans-serif;
}
/*main*/
#newsFeed {
    padding: 0 0 20px;
}
#newsFeed:hover {
    background: none;
}
#newsFeed p {
    padding: 0;
    margin: 0;
    font: normal 12px/16px Roboto, Arial, sans-serif;
    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;
}

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

/*FORM CONTROLLERS*/
fieldset {
    background: #fff
        /*url(/resources/img/bg/bg_fieldset.png) repeat-x top left*/;
    padding: 10px 0px 10px;
    clear: both;
    margin-bottom: 20px;
    border: 1px solid #c8ced3;
    border-width: 3px 0 0;
    border-radius: 0 !important;
}
fieldset.lang_specific,
fieldset.minimal {
    background: #fff
        /*url(/resources/img/bg/bg_fieldset_bottom.png) repeat-x bottom left*/;
    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;
}

#cw #tabs {
    margin-top: 20px;
}

#cw .ui-tabs ul li a {
    position: relative; /*#dd240d*/
}
#cw .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;
}

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 h3 {
    padding: 5px 10px;
    margin: 10px 0;
    border-bottom: 1px solid #c8ced3;
}

fieldset dl dt {
    float: left;
    font-size: 1.2em;
    line-height: 1.6em; /*min-width:175px;*/
    display: block;
}

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

fieldset dl dd {
    float: left;
    line-height: 1.6em;
    display: block;
}
fieldset ul {
    margin-bottom: 10px;
}
fieldset ul.general-list ul {
    margin-bottom: 0;
}

#cw p.helpText {
    margin: 0 10px 20px;
}
#cw p.helpText.list {
    margin-bottom: 46px;
}

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

fieldset dl.Check_Radio dd ul {
    width: 750px;
}
fieldset dl dd ul li {
    float: left;
    line-height: 1.8em;
    line-height: 2.8em;
    min-width: 160px;
    padding-right: 20px;
}

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

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

.marker_mandatory {
}
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;
}

fieldset span.extendedInfo {
    font: 300 11px/16px Roboto, Arial, sans-serif;
    color: #888;
    padding: 10px 0;
    display: block;
}
.limit-text {
    color: #222;
}

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

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 h2:before { font-family: FontAwesome; content:"\f023"; margin-right: 20px }*/
.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;
}
.login_wrapper .login dd:first-child {
    top: -2500px;
    left: -2500px;
    position: absolute;
}
.login_wrapper .login p {
    margin: 0 0 20px;
}
.login_wrapper .login .button {
    margin-top: 20px;
}
.login_wrapper .login .back {
    padding: 20px 0 0;
    display: block;
    text-align: center;
}
/*label*/
.login_wrapper .login label {
    margin: 0 0 15px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

/*input text/label info*/
.login_wrapper .login input[type="text"],
.login_wrapper .login input[type="password"] {
    margin: 5px 0 0;
    width: 100%;
    font-size: 14px;
}

/* 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;
}
input[type="text"].smaller:focus {
    background: #feffdb;
    border-color: #ffddb3;
}
input[type="text"].medium-small:focus {
    background: #feffdb;
    border-color: #ffddb3;
}
input[type="text"].medium-200: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: bold 14px/38px Arial, sans-serif;
    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 */
/****************/

div.navigation {
    padding: 15px 10px;
    float: left;
    clear: both;
    text-align: center;
    margin: 10px auto;
    background: #fff;
    width: 100%;
    position: relative;
    border: 1px dashed #c8ced3;
}
/*div.navigation.top {border-width:0px;}*/
div.navigation.bottom {
}

div.navigation span {
    margin: 0px 5px;
    font: 500 12px/1.5em Roboto, Arial, sans-serif;
    color: #bbb;
    min-width: 100px;
}
div.navigation span a {
    color: #333;
}

div.navigation span.prev {
    float: left;
}
div.navigation span.back {
}
div.navigation span.next {
    float: right;
    text-align: right;
}

div.navigation div.pageInfo {
    position: absolute;
    right: 0px;
    top: -15px;
    font: 10px/16px Roboto, Arial, sans-serif;
    background: #fff;
    padding: 5px 15px;
    color: #888; /*width:910px*/
}
div.navigation div.pageInfo strong {
    font-size: 110%;
    color: #333;
}
div.bottom div.pageInfo {
    top: 35px;
}

div.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;
}
div.navigation span.pages a:hover {
    color: #167495;
    background: #f0f3f5;
    border-color: #c8ced3;
}
div.navigation span.pages a.active {
    color: #333;
    background: #f0f3f5;
    border-color: #c8ced3;
}

/*Navigation alt - ex Category */
div.navigationAlt {
    /*padding: 0 0 10px;*/
    float: left;
    clear: both;
    text-align: center;
    margin: -20px auto 20px;
    background: #fff;
    width: 100%;
    position: relative;
    border-bottom: 1px dashed #c8ced3;
}

div.navigationAlt ul {
    float: left;
    width: 100%;
}
div.navigationAlt ul li {
    float: left;
    height: 40px;
    line-height: 40px;
}
div.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;
}
div.navigationAlt ul li a:hover,
div.navigationAlt ul li a.active {
    color: #167495;
}

div.navigationAlt ul li a span {
    float: left;
    display: block;
    height: 40px;
}
div.navigationAlt ul li a span.urltop {
    padding-left: 10px;
    padding-right: 10px;
}

div.navigationAlt ul li.nav_updown a {
    padding: 0 10px;
    line-height: 40px !important;
}

div.navigationAlt ul li a.inactive,
div.navigationAlt ul li a.inactive:hover {
    color: #bbb;
    cursor: default;
}

div.navigationAlt ul li.nav_up {
    text-align: left;
    width: 40%;
}
div.navigationAlt ul li.nav_up .urltop .fa {
    margin-right: 10px;
}

div.navigationAlt ul li.nav_counter {
    width: calc(60% - 80px);
    text-align: right;
}
div.navigationAlt ul li.nav_counter span {
}
div.navigationAlt ul li.nav_counter span.count_sub {
}
div.navigationAlt ul li.nav_counter span.count_total {
    color: #999;
}

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.navigationAlt ul li.nav_updown {
    text-align: right;
    width: 80px;
}
div.navigationAlt ul li.nav_updown a {
}
div.navigationAlt ul li.nav_updown div {
    float: left;
    height: 30px;
    line-height: 30px;
}

div.withMiniSearch {
    margin-top: 35px !important;
}
div.withMiniSearch div.pageInfo {
    background: none;
    left: 0;
}

div.lWrapper div.minisearch,
div.lWrapper div.minioptions {
    float: right;
    text-align: left;
    padding: 10px 0 10px 10px;
    width: auto; /*background: #f0f3f5;*/
    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: /*610px*/ 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 {
    position: relative;
}

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

.subhead ul {
    background: #fff;
    height: 45px;
    line-height: 45px;
    font-weight: 500;
}
#cw 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 ul:hover,
.general-list dl:hover {
    /*background:#fae9ce; background:#e1ecf5;*/
}
.general-list .head ul:hover,
.general-list .head dl: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;
}

/* Inactive 'n' Not visible GFX */
.general-list .inactive,
.general-list .notvisible > li {
    opacity: 0.4;
}
.general-list .notvisible > li:last-child {
    opacity: 1;
    position: relative;
    z-index: 2;
}
/*.general-list .notvisible:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}*/

.general-list .notvisible li a {
    /*color: #ccc;*/
}

/*-------------------*/
/*--- STATUS SYMBOLS ---*/
/*-------------------*/
.general-list .state {
}

.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 .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 span {
    background-position: -10px -385px;
}

/*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: right;
} /* 1 */
.general-list .infoIcon span.layout-2 {
    background-position: -463px -545px;
    float: right;
} /* 1/2 */
.general-list .infoIcon span.layout-3 {
    background-position: -463px -495px;
    float: right;
} /* 1/3 */
.general-list .infoIcon span.layout-4 {
    background-position: -463px -595px;
    float: right;
} /* 2/3 */
.general-list .infoIcon span.layout-8 {
    background-position: -463px -845px;
    float: right;
} /* 1/4 */
.general-list .infoIcon span.layout-9 {
    background-position: -463px -895px;
    float: right;
} /* 3/4 */

.general-list .infoIcon span.layout-5 {
    background-position: -463px -645px;
    float: right;
} /* 1/4 */
.general-list .infoIcon span.layout-6 {
    background-position: -463px -694px;
    float: right;
} /* 2/4 */
.general-list .infoIcon span.layout-7 {
    background-position: -463px -744px;
    float: right;
} /* 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 #cw {
    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: 14px/40px Roboto, Arial, sans-serif;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    border-radius: 20px;
    min-width: 80px;
}
.button:hover {
    background: #2f88d6;
    transition: all 0.5s;
}
.buttonWrapper .button {
    padding: 0 30px;
}

.button.small {
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    padding: 0 10px;
}

.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;
}

/*.button.bright { background: #8fb8d9 !important; border-color: #7ea2bf !important }
                .button.bright:hover { background: #87adcc !important }*/

.button.bright {
    background: #e5e5e5 !important;
    border-color: #ccc !important;
    color: #333 !important;
}
.button.bright:hover {
    background: #d9d9d9 !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"].searchbutton:hover {
}

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

#cw div.search {
    background: /*#e9eef2*/ #f0f3f5;
    float: right;
    padding: 20px 20px 0;
    width: 100%;
}
#cw div.search h3 {
    margin: 0px 0 10px;
    padding: 0 0 10px;
    display: none;
}
#cw div.search h3 img {
    float: left;
    margin: 0 10px 0 0;
}
#cw div.search p {
    padding: 5px 0;
}
#cw div.search input[type="text"] {
    height: 40px;
    width: 100%;
}
#cw div.search .inputclearer-container {
    width: calc(100% - 100px) !important;
    display: inline-block;
}
#cw div.search #search.button {
    width: 60px;
    margin-left: 20px !important;
}
input#search {
    width: 300px;
}

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

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

/* Search */
.flexWrapper {
    display: flex;
    flex-wrap: wrap;
}
.flexWrapper.columns-2 > * {
    flex: 0 1 50%;
}
.flexWrapper.columns-3 > * {
    flex: 0 1 33.33%;
}
.flexWrapper.columns-4 > * {
    flex: 0 1 25%;
}

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

/* Searchfilter */
#cw div.search ul.searchFilter li {
    display: block;
    float: none;
    line-height: 20px;
}
#cw div.search ul.searchFilter li label {
    cursor: pointer;
    display: block;
}
#cw div.search ul.searchFilter li input {
    position: relative;
    top: 2px;
}
#cw div.search ul.searchFilter li select {
    min-width: auto;
    width: 100%;
}
#cw div.search ul.searchFilter li strong {
    display: block;
}
#cw div.search ul.searchFilter li .button {
    display: block;
    margin: 5px 0 0;
}
#cw div.search ul.searchFilter li dl {
    float: left;
    width: 100%;
    line-height: normal;
    margin-bottom: 10px;
}
#cw div.search ul.searchFilter li dl dd,
#cw div.search ul.searchFilter li dl dt {
    float: left;
    margin: 0 20px 0 0;
}
#cw div.search ul.searchFilter li dl dt {
    font-weight: 500;
    float: none;
    margin-bottom: 5px;
}
#cw div.search ul.searchFilter li dl dd {
}

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

/* 2 col*/
#cw div.search ul.searchFilter.col_2 {
}
#cw div.search ul.searchFilter.col_2 li {
    float: left;
    width: 50%;
}
#cw div.search ul.searchFilter.col_2 li:nth-child(odd) {
    padding-right: 10px;
}
#cw div.search ul.searchFilter.col_2 li:nth-child(even) {
    padding-left: 10px;
}

@media screen and (max-width: 1280px) {
    #cw div.search ul.searchFilter li dl {
        line-height: normal;
    }
    #cw div.search ul.searchFilter li dl dt {
        float: none;
    }
    #cw 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;
}
.columns_2 li dl dt label {
}

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 {
}
#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%;
}
#filterBar h3 {
    margin: 0 0 0 5px;
    padding: 0 0 10px 0;
    font-style: oblique;
    color: #676767;
}
#filterBar ul {
    font: 12px/14px Roboto, Arial, sans-serif;
}
#filterBar label {
    display: block;
    margin-bottom: 5px;
    font-style: italic;
    font-size: 16px;
}
#filterBar ul li ul li label {
    font-size: 100%;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 500;
}

#filterBar ul.dateStartEnd {
}
#filterBar .inputclearer-container {
    width: 100%;
}
#filterBar ul.dateStartEnd li {
    float: left;
    width: 50%;
    padding-right: 10px;
}

#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 li ul li input.shortText {
    width: 100% !important;
}
#filterBar ul li ul li {
    width: 100%;
}
#filterBar ul li ul li input[type="submit"] {
    padding: 5px;
    margin: 0;
    float: right;
    font-size: 12px;
}

#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 /* -90px -949px*/;
    cursor: pointer;
}

/* Lila */
#filterBar ul.checkboxWrapper label.purple {
    background-position: -90px -1148px;
}

/* Blå */
#filterBar ul.checkboxWrapper label.blue {
    background-position: -90px -1098px;
}

/*Röd*/
#filterBar ul.checkboxWrapper label.red {
    background-position: -90px -949px;
}

/*Grön*/
#filterBar ul.checkboxWrapper label.green {
    background-position: -90px -1000px;
}

/* Orange */
#filterBar ul.checkboxWrapper label.orange {
    background-position: -90px -1048px;
}

/* Röd Kryss */
#filterBar ul.checkboxWrapper label.redX {
    background-position: -90px -1248px;
}

/* Bloated Button */
#filterBar #search {
    margin-top: 10px;
    width: 275px;
    text-align: center;
}
/* Bloated Button */
#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:nth-child(4n + 1) {
    clear: left;
}
.custom_css_dropdown li label {
    display: block;
    margin: 0 0 5px;
}
.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;
}

/* EXPANDERBAR LISTA */
.expandableList {
    overflow: hidden;
}
.expandableList a {
    color: #2b2b2b;
}
.expandableList a.active,
.expandableList 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;
}

/* Header 'n' Footer */
.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 ul li {
    background: none;
    border: none;
}

/* Ikon utfälld lista / ej utfälld lista*/
/*.expandableList .expanded a.categoryLink {background: url(/resources/img/ico/bg_minus.png) no-repeat 10px center }
		.expandableList .expandable a.categoryLink {background: url(/resources/img/ico/bg_plus.png) no-repeat 10px center }*/
.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";
}

/* Indendt utfälld lista*/
/*.expandableList li .expandable a.categoryLink,
            .expandableList li .expanded a.categoryLink {background-position:10px center}
			.expandableList li li .expandable a.categoryLink,
			.expandableList li li .expanded a.categoryLink {background-position:30px center}
			.expandableList li li li .expandable a.categoryLink,
			.expandableList li li li .expanded a.categoryLink {background-position:50px center}
			.expandableList li li li li .expandable a.categoryLink,
			.expandableList li li li li .expanded a.categoryLink {background-position:70px center}
			.expandableList li li li li li .expandable a.categoryLink,
			.expandableList li li li li li .expanded a.categoryLink {background-position:90px center}
			.expandableList li li li li li li .expandable a.categoryLink,
			.expandableList li li li li li li .expanded a.categoryLink {background-position:110px center}
			.expandableList li li li li li li li .expandable a.categoryLink,
			.expandableList li li li li li li li .expanded a.categoryLink {background-position:130px center}
			.expandableList li li li li li li li li .expandable a.categoryLink,
			.expandableList li li li li li li li li .expanded a.categoryLink {background-position:150px center}*/

/* Indent link */
.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;
}

/* Indent link move */
.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 .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;
} /* Unread */
.general-list .orderadminstatus-2 .admin-orderstatus:before {
    font-family: "FontAwesome";
    content: "\f1db";
    color: #999;
} /* Read */

.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 li {
}
.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
        /*url(/Resources/img/ico/sprite_icons.png) no-repeat -450px -50px;*/;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
a.iconWrapper {
    cursor: pointer;
}

/* Inactive */
.handle a.inactive,
.handle span.inactive {
    /*background:url(/Resources/img/ico/sprite_icons.png) no-repeat -450px -100px;*/
}

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

/* If class notvisible on wrapper  */
.notvisible a.iconCheckboxOn span {
    background-position: -9px -2240px;
}
.notvisible span.iconCheckboxOn span,
span.iconCheckboxOn:hover span {
    background-position: -309px -2240px;
}

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

/* Notvisible*/
.expandableList .notvisible a,
.expandableList .notvisible span {
    /*color:#ccc !important;*/
}

/* 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: 54px;
    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 li {
}
#category li a {
    color: #454545;
}
#category .head {
    background: #e5e5e5;
}
#category .notvisible {
    color: #ccc;
}

#category ul li:hover {
    background: #e1ecf5;
}
#category .expandable li:hover {
    background: #f0f0f0;
}
#category .expanded li:hover {
    background: #e1ecf5;
}

#category ul li:hover li,
#category ul li:hover ul {
}
#category ul li.expanded {
    background: #eee;
}
#category ul li input {
    margin-right: 5px;
}
#category ul li ul li.expanded {
}

#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 {
}
#category li ul li ul li {
    border: 1px solid #fff;
    border-width: 0 0 0 1px;
}
#category li ul li ul li ul li {
}
#category li ul li ul li ul li ul li {
    background: #fafafa;
}
#category li span {
    left: 10px;
}

#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;
}
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: /*#e9eef2*/ #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; /*text-overflow: ellipsis; white-space: nowrap;*/
}
.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 dd {
    clear: both;
    overflow: auto; /*background:#eaeaea;*/
    padding: 5px 0;
}
.semiBox dl dd:hover {
    /*background: #fff;*/
}
.semiBox dl dd div {
    /*float:left; overflow:auto*/
}
.semiBox dl dt {
    font: 500 12px/14px Roboto, Arial, "Times New Roman", Times, serif;
}
.semiBox input {
}
.semiBox textarea {
    float: left;
    width: 69%;
    min-width: 200px;
    height: 90px;
}

.semiBox dl dd ul {
    overflow: auto;
}
.semiBox dl dd label {
    display: inline-block;
    min-width: 200px;
    font-weight: 500;
    font-size: 1.1em;
    line-height: 20px;
    cursor: pointer;
}
.semiBox dl dd ul li {
    float: left;
    display: block;
}
.semiBox dl dd ul {
    width: 300px;
}
.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;
}

@media only screen and (max-width: 1279px) {
    .semiBox dl dd label {
        min-width: 130px;
    }
}

.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.brands dl dd ul.checkboxWrapper {
    width: 100%;
}
.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;
}

div.block_white .imgR {
}

/* 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 ul li label {
    font-weight: 500;
    display: block;
}
.analytics p {
    text-align: center;
}
.analytics p .button {
    font-weight: 500;
    display: block;
}

/* 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 */
#tabs li.tabsAltview {
    float: right;
    background: transparent url(/resources/img/bg/bg_button_alttab.png) repeat-x
        top left;
}
#tabs li.tabsAltview.ui-state-active {
    background: #fff;
}

#tabs li.tabsAltview a {
    color: #fff;
    text-shadow: 1px 1px #638d2e;
    padding-left: 15px;
    padding-right: 15px;
}
#tabs li.tabsAltview.ui-state-active a {
    text-shadow: none;
    color: #222;
}

/* FancyBox */
.fbh-standard.error,
.fpb-standard.sucess {
    width: 500px;
}
#fancybox_content {
    font: 12px/20px Roboto, Arial, sans-serif;
    color: #f5f5f5;
}
#fancybox-error {
    color: #f5f5f5 !important;
}
.white #fancybox-error {
    color: #444 !important;
}
#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;
}

/* Meddelande ERROR  */
#fancybox_content.error {
}
#fancybox_content.error h3 {
    background: transparent url(/resources/img/fancybox/ico_warning.png)
        no-repeat 30px top;
}

/* Meddelande OK */
#fancybox_content.success {
}
#fancybox_content.success h3 {
    background: transparent url(/resources/img/fancybox/ico_success.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;
}

/* Meddelande INFO */
#fancybox_content.info {
}
#fancybox_content.info h3 {
    background: transparent url(/resources/img/fancybox/ico_information.png)
        no-repeat 15px top;
}

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

/* Fancybox Modal */

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.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;
}

/*	div.fancybox-confirm-wrapper #fancybox-content .fancybox-confirm-content {margin: 10px 50px;}
div.fancybox-confirm-wrapper #fancybox-content #fancybox_content h3 {border: 1px solid #000; background: #222 url(/resources/img/fancybox/ico_ballon_green_question.png) no-repeat 0 0; padding:10px 20px 10px 90px !important;}*/

/* Fancybox Edit price*/
#fancybox-content {
}
#fancybox-content #price_wrapper {
}
#fancybox-content .navigationAlt {
    width: auto;
}
#fancybox-content .nav_up {
    width: 400px;
}
#fancybox-content .nav_counter {
    width: 470px;
}

#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 a.button {
    float: right;
}

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

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

#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;
}
#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;
}

/* Meddelande ERROR i Fancybox */
#fancybox-content .message.error {
    display: none;
}
#fancybox-content .message.error h3 {
    background: transparent url(/resources/img/fancybox/ico_warning.png)
        no-repeat 30px 10px;
}

/* Meddelande OK i Fancybox*/
#fancybox-content .message.success {
    display: none;
}
#fancybox-content .message.success h3 {
    background: transparent url(/resources/img/fancybox/ico_success.png)
        no-repeat 30px center;
}

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

/*-- 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;
    display: inline-block;
    float: right;
    font-style: italic;
    text-transform: lowercase;
}
/*.meta--variables span:not(.meta--code)::before { content: '-'; padding-right: 10px; padding-left: 5px; }*/

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

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

/* ----------------------------------------------------- */
/* 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;
}
.dispNone {
    display: none !important;
}

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

.blueBG {
    background: #ebf2fb !important;
}

.red {
    color: #ce5050 !important;
}
.green {
    color: #a9ca0e !important;
}

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

.smallText {
    font-size: 80%;
}
.no_overflow {
    overflow: initial !important;
}

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

/*.rounded-corners { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px }
.rounded-corners-bottom {-moz-border-radius: 0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius: 0 0 6px 6px; }
.rounded-corners-bottom-right {-moz-border-radius: 0 0 6px 0px; -webkit-border-radius:0 0 6px 0px; border-radius: 0 0 6px 0px }
.rounded-corners-top {-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
.rounded-corners-top-right {-moz-border-radius: 0 6px 0px 0px;  -webkit-border-radius:0 6px 0 0px; border-radius: 0 6px 0 0px }
.rounded-corners-bottom-left {-moz-border-radius: 0 0 0 6px; -webkit-border-radius:0 0 0 6px;  border-radius: 0 0 0 6px; }
.rounded-corners-top-left {-moz-border-radius: 6px 0px 0px 0; -webkit-border-radius:6px 0 0px 0;  border-radius: 6px 0 0px 0;}
*/

.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 */

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

.expanded > .deliveryzone-item-header {
    background: #fff5d1 !important;
    font-weight: 500;
    margin-bottom: 20px;
}
.deliveryzone-item-content {
    /*margin-bottom: 20px*/
}
.inline-block {
    display: inline-block;
}

/* 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.user .log-entry {
    background: #f0f3f5;
}
.log-wrapper .log-entry.error {
    background: #ffecec;
}
.log-wrapper .log-entry.success {
    background: #f0ffec;
}

.log-wrapper .log-fileName,
.log-wrapper .log-message,
.log-wrapper .log-date {
    float: left;
}
.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 {
    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;
    }
}


.widefancy {
    width: 1200px !important;
    white-space: pre-wrap;
    font-family: Consolas;
    word-wrap: break-word;
    word-break: break-all;
}

.button.error {
    background: red;
    border-color: darkred;
    margin-left: 30px;
   
}