/*CSS Reset ------------------------------------------------------------------------------------------------------------------------ */
.button.button_feature {
    margin: 0 5px;
}

.button.button_feature:not(.-active) {
    background-color: #adadad;
}

body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

address, caption, cite, code, dfn, em, strong, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

acronym, abbr, fieldset, img {
    border: 0;
}

:focus {
    outline: 0;
}

/*FONTS
--------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Museo-300';
    src: url('webfonts/2357B6_1_0.eot');
    src: url('webfonts/2357B6_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2357B6_1_0.woff') format('woff'), url('webfonts/2357B6_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'Museo-500';
    src: url('webfonts/2357B6_3_0.eot');
    src: url('webfonts/2357B6_3_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2357B6_3_0.woff') format('woff'), url('webfonts/2357B6_3_0.ttf') format('truetype');
}

/*

@font-face {
    font-family: "ProximaNova-Regular";
    src: url('webfonts/proximanova-regular.eot');
    src: url('webfonts/proximanova-regular.eot') format('embedded-opentype'),
    url('webfonts/proximanova-regular.woff') format('woff'),
    url('webfonts/proximanova-regular.ttf') format('truetype'),
    url('webfonts/proximanova-regular.svg#ProximaNovaRegular') format('svg');
}


@font-face {
    font-family: "ProximaNova-Semibold";
    src: url('webfonts/proximanova-semibold.eot');
    src: url('webfonts/proximanova-semibold.eot') format('embedded-opentype'),
    url('webfonts/proximanova-semibold.woff') format('woff'),
    url('webfonts/proximanova-semibold.ttf') format('truetype'),
    url('webfonts/proximanova-semibold.svg#ProximaNovaSemibold') format('svg');
}

*/

/*GLOBAL --------------------------------------------------------------------------------------------------------------------------- */

body, html {
    height: 100%;
}

body {
    font-size: 11px;
    font-family: tahoma, "Lucida Grande", verdana, 'liberation sans', arial;
    color: #000; /*overflow-y:scroll;*/
}

a {
    color: #4e4e4e;
    text-decoration: none;
    outline: none;
}

input[type=checkbox] {
    border: none;
    background: none;
    vertical-align: text-top;
}

input[type=text], input[type=password], textarea {
    border: 1px solid #cecece;
}

input, textarea {
    font-size: 10px;
    padding: 2px;
    font-family: tahoma, 'liberation sans';
    font-size: 11px;
}

/*select,option,*/
.fs10 {
    font-size: 10px;
}

select {
    background: #fff;
    padding: 4px;
    border: 1px solid #ccc;
}

input.disabled, select.disabled, textarea.disabled {
    background: #f0f0f0 !important;
    color: #acacac !important;
}


.bold, tr.bold > td {
    font-weight: bold;
}

.left, tr.left > td {
    text-align: left;
}

.right, tr.right > td {
    text-align: right;
}

.center, tr.center > td {
    text-align: center;
}

.center > table {
    margin: 0 auto;
}

.middle {
    vertical-align: middle;
}

.top {
    vertical-align: top;
}

.ok {
    color: green;
}

.error {
    color: red;
}

input[type=text].error {
    border: 1px solid red;
}

.info {
    padding: 5px;
    margin: 5px 0;
    background: #f1f1f1;
    border: 1px solid #c9c9c9;
}

.grey_info {
    font-size: 10px;
    color: #999;
}

.pointer {
    cursor: pointer;
}

.pie_chart {
    position: relative;
    text-align: center;
}

.pie_chart_text {
    color: #6b6b70;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-family: "Open Sans";
}

.pie_chart_count_text {
    color: #bebfc4;
    font-size: 18px;
    font-weight: 600
}

.width_auto {
    width: auto !important;
}

.button_list {
    padding: 0;
    border: 1px solid #d5d5d5;
    line-height: 0;
}

.button_list > .l_button {
    border-left: 1px solid #d5d5d5;
    display: inline-block;
    margin: 0;
    padding: 17px 16px 17px 16px;
    text-align: center;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 600;
    color: #5e5e63;
    cursor: pointer;
}

.button_list > .l_button:first-child {
    border-left: none;
}

.button_list > .lb_active {
    color: #fff;
    background-color: #474651;
}

.calendar_choose {
    padding: 5px;
    width: 400px;
    font-family: "Open Sans";
    font-size: 12px;
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    z-index: 500;
}

/*DATE RANGE PICKER*/

.drp_block {
    padding: 5px;
    width: 400px;
    font-family: "Open Sans";
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    text-align: left;
}

.drp_block input[type=radio].drp_radio {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.drp_block input[type=radio].drp_radio + label.drp_label {
    padding-left: 20px;
    background: #fff none;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
    cursor: pointer;
}

.drp_block input[type=radio].drp_radio:checked + label.drp_label {
    background: url('images/checkmark_b.png') no-repeat center left;
}

/*end DRP*/

.clear {
    clear: both;
}

.clearafter:after {
    clear: both;
    display: block;
    content: " ";
    height: 0;
    visibility: hidden;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.hide, .-hide {
    display: none !important;
}

.-movedOff.-hide {
    display: initial !important;
    position: absolute;
    left: -999999px;
    opacity: 0;
}

.red_button.hide, .red_button.-hide {
    display: none;
}

.action_button.hide, .action_button.-hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.ajax_hide {
    display: none !important;
}

.add, .edit, .save, .del, .submit, .close, .delete {
    cursor: pointer;
}

div.submit {
    text-align: center;
    padding-top: 6px;
    cursor: auto;
}

div.submit img {
    margin: 0 6px;
}

/*
div.submit input[type=submit], div.submit input[type=button], .button-2click {padding:2px 3px;border:1px solid #CECECE;background:url("images/tab_tbody.gif") repeat-x top;margin:0 5px;font-size:10px;}
div.submit input[type=submit], div.submit input[type=button], .button-2click {cursor:pointer;color:#4E4E4E;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
*/
div.submit input[type=submit], div.submit input[type=button], .button-2click {
    cursor: pointer;
    border: 1px solid #e94555;
    background-color: #e94555;
    width: 60px;
    height: 24px;
    border-radius: 3px;
    color: #fff;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 10px;
    width: auto;
}

div.submit input[type=submit]:hover, div.submit input[type=button]:hover, .button-2click:hover {
    background-color: #b0414c;
    border: 1px solid #b0414c;
}

.image_preview img:not(.not) {
    border: 1px solid #cecece;
    border-bottom: none;
    position: absolute;
    padding: 1px;
    background: #fff;
    display: none;
}

.image_preview a {
    padding: 3px 0 3px 20px;
    background: url("images/icons/image.png") no-repeat left center;
    line-height: 11px;
}

textarea.mceEditor {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    border: none;
}

table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

.ajax_loader {
    background: url("images/ajax-loader.gif") no-repeat center center;
    min-height: 32px;
    height: 32px;
    min-width: 32px;
    margin: 0 auto;
}

.ajax_loader.inline {
    margin: 0;
    width: 32px;
}

span.ajax_loader {
    width: 32px;
    height: 32px;
    position: absolute;
    border: 1px solid #cecece;
    z-index: 10;
    display: block;
}

span.ajax_loader, .ajax_loader_bg {
    background: #fff url("images/ajax-loader.gif") no-repeat center center;
}

.ajax_loader_bg {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.7);
}

.alert {
    background: #fff1ef;
    border: 1px solid #eec4bc;
    color: #cd654d;
    padding: 5px;
    margin: 5px 0;
}

.alert a {
    color: #cd654d;
    text-decoration: underline;
}

#wrap {
    min-height: 100%;
    height: 100%;
    margin: 0 auto;
}

#key_row {
    visibility: hidden;
    background-color: #d5d5d5;
}

#key_row.static {
    visibility: visible;
}

.change_key_link {
    text-decoration: underline;
    padding-right: 13px;
    background: url("images/points.gif") no-repeat right -129px;
}

.change_key_link.active {
    background-position: right -111px;
}

/* HEAD --------------------------------------------------------------------------------------------------------------------------- */

/* */
.logo_portal {
    float: left;
    background: transparent url("images/logo_portal.png") no-repeat center center;
}

.logo_cms {
    float: left;
    background: transparent url("images/logo_cms.png") no-repeat center center;
}

.logo_shop {
    float: left;
    background: transparent url("images/logo.png") no-repeat center center;
}

#head_bg, #head_logo, #head_message, #head_login_info {
    height: 71px;
    margin: 0px;
}

#head {
}

#head_bg {
    height: 71px;
    background: #e94555 url("images/head_l.png") repeat-y left 0;
}

#head_bg:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#head_logo {
    width: 222px;
}

#head_logo a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

#head_message {
    background-color: #e94555;
    width: 200px;
    float: left;
    padding: 0px 0px;
    overflow: hidden;
}

#head_message:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#head_login_info {
    width: 350px;
    float: left;
}

#head_login_info:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#head_login_form {
    width: 284px;
    float: right;
    padding-right: 16px;
}

#head_login_form:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#head_login_form a {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: inline-block;
}

.head_msg_btn {
    height: 34px;
    width: 66px;
    float: left;
    padding-top: 37px;
    cursor: pointer;
}

#button_help, #button_message, #button_account {
    position: relative;
}

#head_message span.counts {
    font-size: 10px;
    text-align: center;
    color: #e94555;
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border: 2px solid #e94555;
    background-color: #fff;
    border-radius: 15px;
}

#button_help span, #button_message span, #button_account span {
    top: 35px;
    left: 33px;
}


#button_account a {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    color: #e94555;
}

#button_help {
    background: url("images/info_h.png") no-repeat center center;
}

#button_message {
    background: url("images/info_m.png") no-repeat center center;
}

#button_account {
    background: url("images/info_k.png") no-repeat center center;
}

#button_help:hover {
    background-color: #b5424d;
}

#button_message:hover {
    background-color: #b0414c;
}

#button_account:hover {
    background-color: #924048;
}

.message_cloud {
    position: absolute;
    width: 360px;
    height: 300px;
    z-index: 1000;
    color: #666871;
}

#hmess_cloud {
    top: 62px;
    left: 228px;
    display: none;
}

#omess_cloud {
    top: 62px;
    left: 295px;
    display: none;
}

.cloud_arrow {
    height: 13px;
    position: relative;
    top: 1px;
    background: url("images/cloud_arrow.png") no-repeat 13px center;
}

.cloud_content {
    border: 1px solid #d7d7d7;
    background-color: white;
}

.cloud_row {
    border-left: 4px solid #fff;
    min-height: 70px;
    border-bottom: 1px solid #d7d7d7;
    background-color: #fff;
}

.cloud_row:hover {
    border-left: 4px solid #e94555;
    background-color: #f3f3f3;
}

.cloud_row:last-child {
    border-bottom: none;
}

.cloud_field {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 70px;
    width: 360px;
    font-size: 13px;
    color: #6b6b70;
}

.cloud_link {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 36px;
    width: 360px;
    font-size: 13px;
    color: #6b6b70;
}

.cloud_text {
    vertical-align: middle;
    display: table-cell;
    padding-left: 15px;
    padding-right: 5px;
    width: 260px;
    height: 70px;
}

.cloud_info {
    background: url("images/border_td_r.gif") no-repeat left center transparent;
    vertical-align: middle;
    display: table-cell;
    color: #a7a8af;
    width: 70px;
    height: 70px;
}

#button_logout, #button_home, #button_cms, #button_lang {
    height: 35px;
    border: 0;
    float: right;
    cursor: pointer;
    margin-top: 17px;
}

/*#button_logout {margin-right:19px;background:url("images/button_logout.png") no-repeat center center;width:97px;}*/
#button_logout {
    margin-right: 5px;
    width: 97px;
    border-bottom: 1px solid #ff7a87;
}

#button_logout a {
    margin-top: 1px;
    display: block;
    width: 95px;
    height: 32px;
    outline: #c03946 solid 1px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: 600;
    font-family: "Open Sans";
    border-top: 1px solid #ff7a87;
}

/*#button_home {margin-right:5px;background:url("images/button_home.png") no-repeat center center;width:110px;}*/
#button_lang {
    width: 50px;
}

/*#button_cms {margin-right:5px;background:url("images/button_home3.png") no-repeat center center;width:110px;}*/
#button_home {
    margin-right: 5px;
    width: 110px;
    border-bottom: 1px solid #ff7a87;
}

#button_home a {
    margin-top: 1px;
    display: block;
    width: 110px;
    height: 32px;
    outline: #c03946 solid 1px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: 600;
    font-family: "Open Sans";
    border-top: 1px solid #ff7a87;
}

#button_cms {
    margin-right: 5px;
    width: 110px;
    border-bottom: 1px solid #ff7a87;
}

#button_cms a {
    margin-top: 1px;
    display: block;
    width: 110px;
    height: 32px;
    outline: #c03946 solid 1px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: 600;
    font-family: "Open Sans";
    border-top: 1px solid #ff7a87;
}


.white_separator {
    background-color: #f4a2aa;
    height: 30px;
    width: 1px;
    margin-top: 20px;
    float: left;
}

/*#bage {width:97px;height:93px;background:url("images/bage.png") no-repeat center center;float:right;}
#bage.cms {background:url("images/bage_cms.png") no-repeat center center;}
#pa {position:absolute;top:19px;left:44px;background:url("images/pa.png") no-repeat center center;width:168px;height:19px;}
*/
#loc {
    position: absolute;
    left: 254px;
    top: 74px;
}

/* MAIN --------------------------------------------------------------------------------------------------------------------------- */

#main {
    width: 100%;
    height: 100%;
}

#left {
    margin-right: 10px;
    width: 222px;
    vertical-align: top;
    background-color: #474651;
    height: 100%;
    overflow: hidden;
}

#menu_hide_btn {
    margin-top: 10px;
    margin-bottom: 60px;
    display: inline-block;
    position: relative;
    background: transparent url('images/menu_hide.png') no-repeat center left;
    width: 16px;
    height: 32px;
    left: 206px;
    cursor: pointer;
}

#menu_unhide_btn {
    display: none;
    position: absolute;
    background: transparent url('images/menu_unhide.png') no-repeat center left;
    width: 16px;
    height: 32px;
    left: 0px;
    top: 200px;
    cursor: pointer;
}

.kat_img {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e94555;
}

.mod_close .kat_img {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border: none;
}

#kat_shco {
    background: #e94555 url("images/kat_w.png") no-repeat center center;
}

.mod_close #kat_shco {
    background: transparent url("images/kat.png") no-repeat center center;
}

#kat_shop {
    background: #e94555 url("images/kat_shop_w.png") no-repeat center center;
}

.mod_close #kat_shop {
    background: transparent url("images/kat_shop.png") no-repeat center center;
}

#kat_cms {
    background: #e94555 url("images/kat_cms_w.png") no-repeat center center;
}

.mod_close #kat_cms {
    background: transparent url("images/kat_cms.png") no-repeat center center;
}

#kat_prod {
    background: #e94555 url("images/kat_prod_w.png") no-repeat center center;
}

.mod_close #kat_prod {
    background: transparent url("images/kat_prod.png") no-repeat center center;
}

#kat_rep {
    background: #e94555 url("images/kat_all_w.png") no-repeat center center;
}

.mod_close #kat_rep {
    background: transparent url("images/kat_all.png") no-repeat center center;
}

#kat_kat {
    background: #e94555 url("images/kat_kat_w.png") no-repeat center center;
}

.mod_close #kat_kat {
    background: transparent url("images/kat_kat.png") no-repeat center center;
}

#kat_mark {
    background: #e94555 url("images/kat_mark_w.png") no-repeat center center;
}

.mod_close #kat_mark {
    background: transparent url("images/kat_mark.png") no-repeat center center;
}

#kat_all {
    background: #e94555 url("images/kat_alle_w.png") no-repeat center center;
}

.mod_close #kat_all {
    background: transparent url("images/kat_alle.png") no-repeat center center;
}

#kat_cg {
    background: #e94555 url("images/kat_cg_w.png") no-repeat center center;
}

.mod_close #kat_cg {
    background: transparent url("images/kat_cg.png") no-repeat center center;
}

#kat_help {
    background: #e94555 url("images/kat_help_w.png") no-repeat center center;
}

.mod_close #kat_help {
    background: transparent url("images/kat_help.png") no-repeat center center;
}


.mod_bg {
    width: 222px;
}

.mod_bg {
    background-color: #fff;
}

.mod_head {
    background-color: #fff;
    border: none;
}

.mod_head a {
    text-align: left;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    color: #5e5e63;
    display: inline-block;
    padding-left: 10px;
    width: 160px;
    height: 50px;
    vertical-align: middle;
}

.mod_head a {
    background: url("images/minus.gif") no-repeat 145px center;
    border-bottom: 1px solid #d5d5d5;
    line-height: 50px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mod_head a::-moz-selection {
    color: #5e5e63;
    background: transparent;
}

.mod_head a::selection {
    color: #5e5e63;
    background: transparent;
}


.mod_bottom {
    border-bottom: 1px solid #d5d5d5;
    background-color: #f3f3f3;
    display: block;
    border-left: 3px solid #e94555;
    border-right: 1px solid #d5d5d5;
    overflow: hidden;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 300;
    color: #5e5e63
}

.mod {
}

.mod li.active > a {
    color: #ca0000;
    background: url("images/li_line_red.gif") no-repeat 0 center;
}

.mod ul li {
    margin: 0;
    border-bottom: 1px solid #d5d5d5;
}

.mod ul li a {
    margin-left: 20px;
    background: url("images/li_line.gif") no-repeat 0 center;
    position: relative;
    left: -5px;
    padding: 10px 0px 10px 35px;
    display: block;
    font-weight: 300;
    font-size: 12px;
}

.mod ul li:last-child {
    border-bottom: none;
}

.mod ul li ul {
    padding: 2px 10px;
    background-color: #fff;
}

.mod ul li ul li:first-child {
    padding-top: 10px;
}

.mod ul li ul li:last-child {
    padding-bottom: 10px;
}

.mod ul li ul li a {
    margin-left: 10px;
    background: url("images/sub_menu_dash.png") no-repeat 0 center;
    position: relative;
    left: -5px;
    padding: 7px 0px 7px 15px;
    display: block;
    font-weight: 300;
    font-size: 12px;
}

.mod ul li ul li.active a {
    background: url("images/sub_menu_dash.png") no-repeat 0 center;
}

.mod ul li ul li ul li {
    border: none;
}

.mod ul li ul li ul li:first-child {
    padding-top: 1px;
}

.mod ul li ul li ul li:last-child {
    padding-bottom: 1px;
}

.mod ul li ul li ul li a {
    margin-left: 10px;
    background: url("images/sub_menu_dash.png") no-repeat 0 center;
    position: relative;
    left: -5px;
    padding: 6px 0px 6px 15px;
    display: block;
    font-weight: 300;
    font-size: 12px;
}

.mod ul li ul li ul li.active a {
    background: url("images/sub_menu_dash.png") no-repeat 0 center;
}

.mod_close .mod_head {
    background-color: #474651;
    border-bottom: 1px solid #3a3943;
}

.mod_close .mod_head:hover {
    background-color: #3a3943;
}

.mod_close .mod_head a {
    background: url("images/plus.gif") no-repeat 145px center;
    color: #fff;
    border-bottom: none
}

.mod_close .mod_head a:hover {
    background-color: #3a3943;
}

.mod_close .mod {
    overflow: hidden;
    padding-bottom: 10px;
}

.mod_close .mod_bottom {
    border-bottom: none;
}

.mod ul li a:hover {
    color: #e94555;
}

.mod ul.category_list {
    position: relative;
    margin-left: -5px;
}

.mod ul.category_list li a {
    font-weight: normal;
    font-size: 12px;
}

/*.mod ul.category_list li.unactive > a {text-decoration:line-through;}*/
.mod ul.category_list li.selected > a {
    color: #ca0000;
}

.mod ul.category_list li.unvisable {
    background: #fee2e2;
    border: 1px solid #fcaaaa;
}

.mod ul.category_list li.unvisable li.unvisable {
    background: transparent;
    border: none;
}


/* PAGINATION LIST------------------------------------------------------------------------------------------------------------------------------*/

.pagination_per_page {
    float: left;
    height: 35px;
    line-height: 35px;
    padding-top: 1px;
    margin-top: 5px;
    margin-right: 20px;
}

.pagination_container {
    background-color: #d5d5d5;
    padding-top: 1px;
    margin-top: 5px;
    line-height: 0px;
    float: left;
}

.pagination_container ul.pagination-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination_container ul.pagination-ul li {
    height: 35px;
    width: 35px;
    overflow: hidden;
    float: left;
    margin: 0px;
}

.pagination_container ul.pagination-ul li:first-child {
    width: 36px;
}

.pagination_container ul.pagination-ul li:first-child a {
    overflow: hidden;
    height: 34px;
    width: 34px;
    border-left: 1px solid #d5d5d5;
}

.pagination_container ul.pagination-ul li a {
    display: block;
    line-height: 34px;
    height: 34px;
    width: 34px;
    overflow: hidden;
    font-weight: 600;
    font-family: "Open Sans";
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    color: #5e5e63;
    background-color: #fff;
    border-right: 1px solid #d5d5d5;
}

.pagination_container ul.pagination-ul .page-active span {
    display: block;
    line-height: 34px;
    height: 34px;
    width: 34px;
    overflow: hidden;
    font-weight: 600;
    font-family: "Open Sans";
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    background-color: #676575;
    border-right: 1px solid #d5d5d5;
}

.pagination_container span.next-on {
    display: inline-block;
    height: 34px;
    width: 34px;
    border: 1px solid #d5d5d5;
    border-top: none;
}

.pagination_container span.prev-on {
    display: inline-block;
    height: 34px;
    width: 34px;
    border: 1px solid #d5d5d5;
    border-top: none;
}

.pagination_container span.next-on a {
    display: inline-block;
    height: 34px;
    width: 34px;
}

.pagination_container span.prev-on a {
    display: inline-block;
    height: 34px;
    width: 34px;
}

.pagination_container .next-on a {
    color: #b3b3b3;
    background: #fff url('images/arr_right.png') no-repeat center center;
}

.pagination_container .prev-on a {
    color: #b3b3b3;
    background: #fff url('images/arr_left.png') no-repeat center center;
}

.pagination_container .next-on a:link {
    color: #b3b3b3;
}

.pagination_container .prev-on a:link {
    color: #b3b3b3;
}

.pagination_container .next-on a:visited {
    color: #b3b3b3;
    text-decoration: none;
}

.pagination_container .prev-on a:visited {
    color: #b3b3b3;
    text-decoration: none;
}

.pagination_container ul.pagination-ul a:link,
.pagination_container ul.pagination-ul a:visited {
    color: #5e5e63;
    text-decoration: none;
}

/* CONTENT ------------------------------------------------------------------------------------------------------------------------ */

.desc_grey {
    color: #b2b2b8;
}

.number_blue {
    color: #5985ae;
    font-family: "Open Sans";
    font-weight: bold;
}

.money_red {
    color: #e94555;
    font-weight: 600;
}

.admin_red {
    color: #e94555;
}

.money_green {
    color: #6db26a;
    font-weight: 600;
}

.dark_grey {
    color: #666871;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 12px;
}

.status_type {
    word-break: break-all;
    text-align: center;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    padding: 0px 8px;
    font-family: "Open Sans";
    font-size: 9px;
    width: 133px;
    display: inline-block;
}

.color_button {
    display: inline-block;
    margin: 5px 0;
    white-space: nowrap;
    color: #fff;
    border-radius: 3px;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 10px;
    cursor: pointer;
    line-height: 14px;
}

.red_button {
    background-color: #e94555;
    display: inline-block;
    margin: 5px 0;
    white-space: nowrap;
    color: #fff;
    border-radius: 3px;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 10px;
    cursor: pointer;
    line-height: 14px;
    border: 0;
}

.red_button:hover {
    background-color: #b0414c;
}

.grey_button {
    cursor: pointer;
    border: 1px solid #aaa;
    background-color: #aaa;
    width: 60px;
    height: 24px;
    border-radius: 3px;
    color: #fff;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 10px
}

.grey_button:hover {
    border: 1px solid #888;
    background-color: #888;
}

.pink_text {
    color: #f799a2;
    font-weight: 600;
    font-family: "Open Sans";
    font-size: 10px;
}

.white_text {
    color: #fff;
    font-weight: 600;
    font-family: "Open Sans";
    font-size: 11px;
}

.red_link {
    color: #e94555;
    border-bottom: 1px solid #f9d0d4;
    font-weight: 300;
}

.red_light_text {
    color: #e94555;
    font-weight: 700;
}

.blue_light_text {
    color: #5985ae;
    font-weight: 700;
}

/* universal buttons */

.button {
    background-color: #e94555;
    display: inline-block;
    margin: 5px 0;
    white-space: nowrap;
    color: #fff;
    border-radius: 3px;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 10px;
    cursor: pointer;
    line-height: 14px;
}

.button:hover {
    background-color: #b0414c;
}

.action_button {
    background-color: #e94555;
    display: inline-block;
    margin: 5px 0;
    white-space: nowrap;
    color: #fff;
    border-radius: 3px;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 10px;
    cursor: pointer;
    line-height: 14px;
}

.action_button:hover {
    background-color: #b0414c;
}

.open_button {
    background-color: #676575;
}

.open_button:hover {
    background-color: #676575;
}

.info_button {
    background-color: #5985ae;
}

.info_button:hover {
    background-color: #5985ae;
}

.filter_button {
    background-color: #aaa;
}

.filter_button:hover {
    background-color: #aaa;
}

/* end universal buttons*/

.table_like {
    display: table;
    width: 100%
}

.table_row_like {
    display: table-row;
}

.table_cell_like {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.table_cell_like:first-child {
    display: table-cell;
    text-align: left;
}

.table_cell_like:last-child {
    display: table-cell;
    text-align: right;
}


.sub-title {
    font-family: "Museo-500";
    font-size: 36px;
    color: #454545;
}

td#full_content {
    padding: 0px 0px 10px 0px;
    vertical-align: top;
    min-width: 1010px;
    height: 100%;
}

#content {
    padding: 0px 20px 0px 20px;
}

#mini_dash {
    padding-left: 20px;
}

#quick_dash {
}

#log_bar {
    text-align: left;
    margin-bottom: 10px;
    vertical-align: middle;
    padding-top: 15px;
    padding-left: 15px;
    line-height: 14px;
}

#log_bar .pink_text {
    display: inline-block;
    margin-top: 5px;
}

/* Widget Pie Chart */

.no_title_pie_chart > span.main_text_block {
    line-height: 140px;
    font-size: 38px;
    color: #6b6b70;
    font-family: "Open Sans";
}

.title_pie_chart > span.main_text_block {
    line-height: 120px;
    font-size: 38px;
    color: #6b6b70;
    font-family: "Open Sans";
}

.title_pie_chart > span.main_title_block {
    font-weight: 600;
    line-height: 190px;
    font-size: 18px;
    color: #bebfc4;
    font-family: "Open Sans";
}


/* Nice select */

#content td .nice_select {
    position: relative;
    top: 1px;
}

.nice_select_color {
    margin-top: 1px;
}

.nice_select_color a {
    background: #fff;
    border-radius: 3px;
}

.nice_select_color ul {
    background: #fff;
    border: solid 1px #ccc;
}

.nice_select_color a {
    padding-right: 24px;
    background: #fff url("images/color_select_arr.png") no-repeat center right;
}

.nice_select_color span {
    text-align: left;
    line-height: 24px;
    padding: 0 6px;
    color: #fff;
    font-weight: 300;
}

.nice_select_color ul {
    text-align: left;
    padding: 0;
    margin: 0;
    min-width: 132px;
    line-height: normal;
}

.nice_select_color li {
    padding: 2px 6px;
}

.nice_select li.option_like {
    color: #545454;
}

.nice_select li.optgroup_like {
    color: #545454;
    font-weight: bold;
}

.nice_select_color li:hover {
    background-color: #eaeaea;
}

.nice_select {
    margin-top: 1px;
}

.nice_select a, .nice_select ul {
    background: #fff;
    border: solid 1px #ccc;
}

.nice_select a {
    padding-right: 24px;
    background: #fff url("images/arr_trans24.png") no-repeat center right;
}

#popup .nice_select a {
    max-width: 290px;
}

.nice_select span {
    text-align: left;
    background-color: transparent;
    line-height: 24px;
    padding: 0 6px;
    color: #000;
    font-weight: 300;
}

.nice_select ul {
    text-align: left;
    padding: 0;
    margin: 0;
    min-width: 132px;
    line-height: normal;
}

.nice_select li {
    padding: 2px 6px;
}

.nice_select li.option_like {
    color: #545454;
}

.nice_select li.optgroup_like {
    color: #545454;
    font-weight: bold;
}

.nice_select li:hover {
    background-color: #eaeaea;
}

.pagination_container .nice_select {
    margin: 0;
    display: inline-block;
    float: left;
}

.pagination_container .nice_select a {
    line-height: 32px;
    border-top: none;
    height: 34px;
    padding-right: 24px;
    background: #fff url("images/arr_trans24.png") no-repeat center right;
}

.pagination_container .nice_select span {
    line-height: 32px;
    display: inline-block !important;
}


/* Dashboard */

#dashboard polygon {
    pointer-events: none;
}

#dashboard path {
    pointer-events: none;
}

#dashboard line {
    pointer-events: none;
}

#dashboard text {
    pointer-events: none;
}

.g_tip {
    position: absolute;
    display: none;
    width: 200px;
}

.g_border {
    border: 1px solid #474651;
    background-color: #474651;
    margin-bottom: 0;
    font-size: 11px;
    font-family: "Open Sans";
    color: #fff;
    padding: 10px 8px 10px 8px;
    line-height: 20px;
}

.g_ttarrow {
    border: none;
    background: transparent url('images/tooltip_arrow.png') no-repeat top left;
    margin-top: 0;
    margin-left: 10px;
    height: 7px;
}

#dashboard {
    border: none;
    background: #f3f3f3 url('images/dash_nav_back.png') repeat-x left top;
    max-height: 52px;
}

#dash_title, #dash_nav, #dash_search, #dash_search_icon {
    font-family: "Open Sans";
    font-weight: 600;
}

#dash_title {
    height: 50px;
    line-height: 50px;
    border: 1px solid white;
    float: left;
    width: 125px;
    background: #fff url('images/dashboard.png') no-repeat left center;
    padding-left: 40px;
    color: #5e5e63;
    font-size: 17px;
}

#dash_nav {
    overflow: hidden;
    height: 50px;
    max-width: 480px;, max-height: 50 px;
    float: left;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background-color: #f3f3f3;
    padding-left: 20px;
    color: #868686;
    font-size: 12px;
    text-align: left;
}

#dash_nav a {
    color: #868686;
}

#dash_nav img {
    margin-left: 10px;
    margin-right: 10px;
}

#dash_nav_inner {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

#dash_search {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    float: right;
    width: 240px;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    overflow: hidden;
}

#dash_search input {
    height: 50px;
    width: 220px;
    border: 0;
    line-height: 50px;
    margin-left: 20px;
    color: #a7a8af;
    font-size: 14px;
}

#dash_search_icon {
    height: 50px;
    line-height: 50px;
    float: right;
    width: 50px;
    background: #40404a url('images/search.png') no-repeat center center;
    border: 1px solid #40404a;
    cursor: pointer;
}


#favorite {
    margin-bottom: 20px;
}

#main_dashboard {
    margin-top: 19px;
}

#main_dashboard polygon {
    pointer-events: none;
}

#main_dashboard path {
    pointer-events: none;
}

#main_dashboard #md_row1 {
    padding: 0;
    margin: 0;
}

#main_dashboard .statbox {
    border-top: 1px solid #d5d5d5;
    width: 301px;
    height: 125px;
    display: inline-block;
    text-align: left;
}

#main_dashboard .statbox_label {
    background-color: #f3f3f3;
    border-top: none;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-left: 5px solid #e94555;
    float: left;
    width: 75px;
    height: 125px;
}

#main_dashboard .statbox_result {
    background: #fff;
    float: left;
    width: 220px;
    position: relative;
    height: 125px;
}

#main_dashboard .statbox_more {
    height: 24px;
    width: 100%;
    z-index: 1;
    position: absolute;
}

#main_dashboard .statbox_list {
    display: none;
    border: 1px solid #d5d5d5;
    z-index: 0;
    position: absolute;
    background-color: #fff;
    top: 29px;
    right: 0;
    width: 190px;
    min-height: 150px;
    height: 150px
}

#main_dashboard .statbox_list div {
    z-index: -2;
    padding: 10px;
}

#main_dashboard .statbox_more span {
    background: #fff url('images/minus.gif') no-repeat center center;
    height: 29px;
    width: 29px;
    border: 1px solid #d5d5d5;
    display: block;
    margin-left: auto;
    margin-right: 0px;
    border-bottom: 1px solid #fff;
    border-top: none;
    cursor: pointer;
}

#main_dashboard .statbox_result.closed .statbox_more span {
    background: #f3f3f3 url('images/plus.gif') no-repeat center center;
    height: 29px;
    width: 29px;
    border: 1px solid #d5d5d5;
    border-top: none;
    display: block;
    margin-left: auto;
    margin-right: 0px;
}

#main_dashboard .statbox_data {
    margin-top: 24px;
    padding-left: 15px;
}

#main_dashboard .statbox_title {
    font-family: "Open Sans";
    font-size: 13px;
    color: #a7a8af;
    font-weight: 600;
}

#main_dashboard .statbox_number {
    font-family: "Open Sans";
    font-size: 34px;
    color: #167aa2;
    font-weight: 600;
}

#main_dashboard .statbox_currency {
    font-family: "Open Sans";
    font-size: 24px;
    color: #167aa2;
    font-weight: 600;
}

#main_dashboard .statbox_list .statbox_link {
    margin-left: 15px;
    background: url("images/li_line.gif") no-repeat 0 center;
    position: relative;
    left: -5px;
    padding: 5px 0px 5px 41px;
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #666871;
    cursor: pointer;
}

#main_dashboard .statbox_list .active {
    color: #ca0000;
    background: url("images/li_line_red.gif") no-repeat 0 center;
}


#main_dashboard .updown_chart {
    border-left: 4px solid #e94555;
    height: 300px;
    width: 230px;
    padding: 5px 5px 5px 20px;
    float: left;
}

#main_dashboard .updown_chart .updown_info {
    border-bottom: 1px solid #d5d5d5;
    width: 230px;
    height: 60px;
    padding: 19px 5px 19px 5px;
}

#main_dashboard .updown_chart .updown_info:last-child {
    border-bottom: none;
}

#main_dashboard .updown_chart .updown_info .updown_chart_title {
    font-family: "Open Sans";
    font-size: 13px;
    color: #a7a8af;
    font-weight: 600;
}

#main_dashboard .updown_chart .updown_info .updown_chart_icon {
    width: 45px;
    height: 45px;
    float: left;
}

#main_dashboard .updown_chart .updown_info .updown_chart_result {
    font-family: "Open Sans";
    font-size: 34px;
    color: #6b6b70;
    font-weight: 600;
    width: 175px;
    float: left;
}

#main_dashboard .updown_chart .updown_info .updown_chart_currency {
    font-family: "Open Sans";
    font-size: 24px;
    color: #6b6b70;
    font-weight: 600;
}

#main_dashboard .updown_chart .updown_info .updown_chart_icon_equal {
    background: url("images/updownchart_arr.png") no-repeat left center;
}

#main_dashboard .updown_chart .updown_info .updown_chart_icon_up {
    background: url("images/upchart_arr.png") no-repeat left center;
}

#main_dashboard .updown_chart .updown_info .updown_chart_icon_down {
    background: url("images/downchart_arr.png") no-repeat left center;
}


#main_dashboard .graph_chart {
    float: left;
    margin-left: 20px;
}

#main_dashboard .pie_chart {
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    width: 150px;
    height: 200px;
    margin-bottom: 15px;
}

#main_dashboard .pc_title {
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 18px;
    color: #6b6b70;
    display: inline-block;
    margin-bottom: 12px;
}

#main_dashboard .dash_title {
    color: #5e5e63;
    padding-top: 26px;
    font-weight: 300;
    padding-bottom: 10px;
    font-family: "Museo-500";
    font-size: 26px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 25px;
}

#main_dashboard .dash_hr {
    padding: 23px 0px 0px 0px;
    border-bottom: 1px solid #d5d5d5;
}

#main_dashboard table.tab tr {
    border-top: 1px solid #d5d5d5;
    max-height: 70px;
}

#main_dashboard table.tab tr:last-child {
    border-bottom: 1px solid #d5d5d5;
}

#main_dashboard table.tab tr td {
    height: 70px;
    padding: 0px 17px 0px 17px;
    background: #fff url('images/border_tdi_r.gif') no-repeat center right;
}

#main_dashboard table.tab tr td:last-child {
    background-image: none;
}

#main_dashboard table.tab tbody tr > td:first-child {
    background: #fff url('images/border_tdi_r.gif') no-repeat center right;
    border-left: 4px solid #fff;
}

#main_dashboard table.tab tbody tr:hover > td:first-child {
    background: #f3f3f3;
    border-left: 4px solid #e94555;
}

#main_dashboard table.tab tbody tr:hover > td {
    background: #f3f3f3;
}

#main_dashboard #dash_orders tr {
    cursor: pointer;
}

#main_dashboard table.messages #message_nav {
    width: 390px;
    min-width: 390px;
    height: 34px;
    background-color: #fff;
    padding: 18px 15px 18px;
    line-height: 0;
}

#main_dashboard table.messages #message_nav > .msg_nav_btn {
    background: #fff url('images/border_tdi_r.gif') no-repeat center right;
    display: inline-block;
    margin: 0;
    padding: 14px 19px 14px 19px;
    text-align: center;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 600;
    color: #5e5e63;
    cursor: pointer;
}

#main_dashboard table.messages #message_nav > .msg_nav_btn:last-child {
    background-image: none;
}

#main_dashboard table.messages #message_nav > .msg_nav_btn.msg_active {
    color: #fff;
    background-color: #474651;
    background-image: none;
}

#main_dashboard table.messages tr td {
    height: 70px;
    padding-bottom: 0;
    padding-top: 0;
}

/* end Dashboard */


/* STATUS HISTORY------------------------------------------------------------------------------------------- */

table.status_history {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

table.status_history tr {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 13px;
}

table.status_history tr td {
    font-family: "Open Sans";
    padding-left: 15px;
    background: transparent url('images/border_td_r.gif') no-repeat center right;
    height: 58px;
}

table.status_history tr td:last-child {
    background-image: none;
}

table.status_history tr:nth-child(odd) {
    background-color: #f3f3f3;
}

table.status_history tr:nth-child(even) {
    background-color: #fff;
}

#order_messages_container {
    overflow: hidden;
    height: 0;
}

#toggle_status_history {
    background-color: #e94555;
    margin-right: 35px;
    font-weight: 700;
    font-family: "Open Sans";
}

/* end Status History */

table.tab .date_pick {
    width: 70px;
    height: 35px;
    padding-right: 10px;
    background: url('images/arr_trans.png') no-repeat center right;
    display: inline-block;
}

table.tab .date_pick.undefined_symbol {
    font-size: 24px;
    text-align: center;
    line-height: 35px;
}


td input[type=text], td input[type=password], td input[type=number] {
    width: 99%;
    padding: 0px 0px 0px 5px;
    margin: 0;
    border: 1px solid #ccc;
    height: 24px;
    text-align: left;
}

td input[type=number] {
    width: auto;
}

div.menu_item table.tab {
    border: none;
}

table.tab {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Open Sans";
}

table.tab > tr > td, table.tab > tbody > tr > td, table.tab tr th {
    border: none;
    padding: 11px 15px 11px; /*height:27px;*/
}

table.tab.list > tr > td, table.tab.list > tbody > tr > td:first-child {
    line-height: 18px;
}

table.tab thead tr td, table.tab tr.thead td {
    color: #fff;
    border: none;
    background-color: #474651;
    font-weight: bold;
    padding: 16px 15px 16px;
}

table.tab tr th {
    font-weight: 600;
    color: #fff;
    padding: 16px 15px 16px;
    line-height: 20px;
    font-family: "Open Sans";
    font-size: 11px;
    background: #474651 url('images/border_th_r.gif') no-repeat center right;
}

table.tab tr th:last-child {
    background: #474651 none;
}

table.tab tr td {
    background: url('images/border_td_r.gif') no-repeat center right;
}

table.tab tr td:last-child {
    background-image: none;
}

table.tab_info + table.tab tr td:first-child {
    background-image: none;
}

table.tab_info + table.tab tr td:first-child + td {
    padding-left: 0px;
    padding-right: 15px;
}

table.tab tr.form-row {
    border-bottom: 1px solid #d5d5d5
}

table.tab tr.form-row td {
    background: #fff url('images/border_tdi_r.gif') no-repeat center right;
}

table.tab tr.form-row td:last-child {
    background-image: none;
}

table.tab tr.form-row td:first-child {
    background-image: none;
}

table.tab tr.form-row td:first-child + td {
    padding: 0px;
}

table.tab tr td hr {
    height: 1px;
    border: none;
    color: #d5d5d5;
    background-color: #d5d5d5;
    width: 70%;
    text-align: center;
    margin: 0 15%;
}

table.tab tr td {
    font-weight: 600;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 16px;
    color: #666871;
    padding: 16px 15px 16px;
}

table.tab tr th input[type=checkbox] {
    height: 11px;
    background: none;
}

/* FOR IE7 */
html > /*NOT FOR IE7*/ body table.tab tr th > input[type=checkbox] {
    margin: -1px 0;
    padding: 0;
    height: auto !important;
    background: #fff !important;
}

table.tab tr th a {
    color: #fff;
}

/*table.tab > tr > td , table.tab > tbody > tr > td {background-color:#fff;}*/

table.tab td.clear {
    padding: 0;
    border-top: none;
    border-bottom: none;
    background: none;
}

table.tab td.clear .defaultSkin table.mceLayout tr.mceFirst td {
    padding: 0 !important;
    background-image: none;
    border-top: none !important;
}

table.tab td.clear .defaultSkin table.mceLayout tr.mceLast td {
    padding: 0 !important;
    background-image: none;
    border-bottom: none !important;
}

table.tab td.clear .defaultSkin table.mceLayout tr.mceFirst td.mceLeft.mceFirst {
    padding: 0 !important;
    background-image: none !important;
    border-bottom: none !important;
}

table.tab tr.site:hover td {
    background: #eaeaea;
}

/**/
table.tab tbody tr.product:hover td {
    background: #eaeaea;
}

#category_management_list_wrap tbody tr:hover > td {
    background: #eaeaea;
}

#customer-form table.tab tbody tr:hover > td {
    background: #eaeaea;
}

#order-form table.tab tbody tr:hover > td {
    background: #eaeaea;
}

/**/
table.tab tr.module:hover td, table.tab tr.hover:hover td {
    background: #eaeaea;
}

table.tab tr.module > td {
    color: #000080;
}

table.tab tr.module.site_list > td {
    color: #000;
    font-weight: 600;
}

table.tab tr.sep td {
    background: none;
    height: 10px;
    line-height: 10px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

table.tab .up, table.tab .down, table.tab a {
    cursor: pointer;
}

table.tab .first .up {
    visibility: hidden;
}

table.tab .last .down {
    visibility: hidden;
}

table.tab tr.menu {
    background-color: #eaeaea;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

table.tab .menu td {
    color: #e94555;
    font-weight: bold;
    background-color: #eaeaea;
}

table.tab tr.visible td {
    font-weight: 300;
}

table.tab tr.site.visible td {
    font-weight: 600;
}

table.tab tr.module.visible td {
    font-weight: 600;
}

table.tab tr.unactive td { /*text-decoration:line-through;*/
}

table.tab .level2 td {
    color: #156895;
    font-family: "Open Sans";
    font-weight: bold;
}

table.tab .level2 .name {
    padding-left: 15px;
    font-weight: 600;
}

table.tab .level3 td {
    font-size: 11px;
    color: #0e415e;
}

table.tab .level3 .name {
    padding-left: 30px;
}

table.tab .level4 td {
    font-size: 11px;
    color: #c93d4a;
}

table.tab .level4 .name {
    padding-left: 45px;
}

table.tab .alias {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

table.tab .alias.ok {
    color: green;
}

table.tab .alias.error {
    color: red;
}

table.tab td.notvisible {
    color: #999 !important;
    font-weight: 300;
}

table.tab tr td table.padding5 tr td, div.padding5 {
    padding: 5px;
}

table.tab tr td table.padding3 tr td, div.padding3 {
    padding: 3px;
}

table.tab tr td table.padding3 tr td {
    background: transparent none;
}

.normaltd tr td input[type=text] {
    width: auto;
}

table.tab .visible .red_if_visible {
    color: red;
}


table.tab tr.no_separator td {
    background-image: none;
    vertical-align: middle;
}

#popup table.tab tr.no_separator td {
    background-image: none;
}

#popup table.tab tr.no_separator td:first-child {
    background-image: none;
}

table.mix_row tr:nth-child(even) {
    background-color: #f3f3f3;
}

table.mix_row tr:nth-child(odd) {
    background-color: #fff;
}

table.mix_row tr:hover td {
    background: #eaeaea;
}

table.mix_row_sec tr:nth-child(even) {
    background-color: #fff;
}

table.mix_row_sec tr:nth-child(odd) {
    background-color: #f3f3f3;
}

table.mix_row_sec tr:hover td {
    background: #eaeaea;
}


form.input95 input[type=text], form.input95 input[type=password], form.input95 textarea, table.input95 input[type=text], table.input95 textarea, table.input95 select {
    width: 95%;
}

form.input95 select, table.input95 select {
    width: 96%;
}

input.msc {
    margin: 4px auto;
}

table.tab_info {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0
}

table.tab_info tr.line_top {
    border-top: 1px solid #d5d5d5
}

table.tab_info tr td {
    padding: 17px 15px 17px 15px;
    font-weight: 600;
    font-family: "Open Sans";
    color: #5f5d6d
}

table.tab_info td > * {
    vertical-align: middle;
}

table.inner_table tr {
    background-color: transparent;
}

table.inner_table tr td {
    background-color: transparent;
    background-image: none;
}

table.inner_table tr:nth-child(even) {
    background-color: transparent;
}

table.inner_table tr:nth-child(odd) {
    background-color: transparent;
}

#product_list .sub_product td {
    font-size: 10px;
    color: #666;
}

#product_list .sub_product td.name {
    padding-left: 30px;
}

/*.move_to {cursor:help;}*/
#category_management_list_wrap .move_to {
    width: 40px;
}

.move_to input {
    width: 30px;
    margin: 0 auto;
    text-align: center;
}

.expand_link {
    background: url("images/buttons/SortUp.gif") no-repeat scroll center;
    line-height: 11px;
    height: 11px;
    padding: 1px 13px;
}

.collapsed .expand_link {
    background-image: url("images/buttons/SortDown.gif");
}

tr.middle_labels td > * {
    vertical-align: middle;
}

/* ORDER-POPUP ---------------------------------------------------------------------------------------------------------------------*/

.close_window {
    background: #f3f3f3 url('images/buttons/Close.gif') no-repeat center center;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    height: 43px;
    width: 43px;
    margin: 0;
}

#popup .lang_choose {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background-color: #fff;
}

#popup form {
    border-left: 4px solid #e94555;
    font-family: "Open Sans";
}

#popup form#product_popup_form{
    width: auto!important;
}

#popup tr.op_titlebar th.close_window {
    padding: 0;
    background: #f3f3f3 url('images/buttons/Close.gif') no-repeat center center;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    height: 43px;
    width: 43px;
    margin: 0;
}

#popup tr.op_titlebar th {
    padding: 11px 15px 11px;
    background-image: none;
}

#popup table.tab th.sub-title {
    font-weight: 600;
    background-color: #fff;
    color: #666871;
    font-size: 17px;
    font-family: "Open Sans";
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

#popup table.tab th.sub-title a {
    font-weight: 600;
    background-color: #fff;
    color: #666871;
    font-size: 17px;
    font-family: "Open Sans";
}

#popup table.tab th.sub-title .number {
    font-weight: bold;
    font-size: 17px;
    font-family: "Open Sans";
}

#popup table.tab td.data_title {
    padding-top: 29px;
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 17px;
    font-family: "Open Sans";
    background-image: none;
}

#popup table.tab tr.data_content {
    border-bottom: 1px solid #d5d5d5;
}

#popup table.tab tr.data_content td {
    line-height: 20px;
}

#popup table.tab tr.data_content b {
    font-weight: 600
}

#popup table.tab tr td:first-child {
    background-image: url('images/border_td_r.gif');
    background-repeat: no-repeat;
    background-position: center right;
}

#popup table.tab tr td:first-child + td {
    padding-left: 15px;
}

#popup table.tab tr.general_info td {
    padding-left: 15px;
    background-image: none;
}

#popup table.tab tr td.data_section {
    background-image: none;
}

#popup table.tab tr td.data_section.bold {
    background-image: none;
    font-weight: 700;
}

#popup table.tab tr.more_info td {
    background-image: none;
}

#popup tr.order_prod_row td {
    height: 60px;
}

#popup tr.summary_top_row {
    border-top: 1px solid #e1c1c4;
    border-bottom: 1px solid #fff;
    background-color: #fef6f7;
    height: 50px;
}

#popup tr.summary_row {
    border-bottom: 1px solid #fff;
    background-color: #fef6f7;
    height: 50px;
}

#popup tr.summary_bottom_row {
    border-bottom: 1px solid #fff;
    background-color: #fbe6e8;
    height: 50px;
}

#popup table.tab tr.summary_row td:first-child, #popup table.tab tr.summary_bottom_row td:first-child {
    background-image: none;
}

#popup tr.summary_row td, #popup tr.summary_bottom_row td {
    background-image: none;
}

#popup table.tab tr th.red_box {
    background-color: #e94555;
    border: 1px solid #e94555
}

/* FAVORITE --------------------------------------------------------------------------------------------------------------------------- */

#favorite table.fav_tab {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    color: #7e7d85;
    font-size: 13px;
    font-weight: 300;
}

#favorite table.fav_tab td {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#favorite table.fav_tab .fav_button {
    border-bottom: 1px solid #d5d5d5;
}

#favorite table.fav_tab .fav_button a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #7e7d85;
}

#favorite table.fav_tab .fav_button img {
    position: relative;
    top: 12px;
}

#favorite table.fav_tab .fav_button > div {
    height: 105px;
    width: 100px;
    margin: auto;
}

#favorite table.fav_tab td {
    background: transparent url('images/border_td_r.gif') no-repeat bottom 10px right;
}

#favorite table.fav_tab td:last-child {
    background-image: none;
}

#favorite {
    overflow: hidden;
}

#fav_ctrl {
    height: 36px;
    padding: 0;
    background: transparent;
    margin-bottom: -30px;
    cursor: pointer;
}

#inner_fav_ctrl {
    height: 30px;
    width: 30px;
    margin: auto;
}

#outer_fav_ctrl {
    position: relative;
    margin: 0 auto;
}

#outer_fav_ctrl {
    height: 35px;
    width: 45px;
    background-color: #fff;
    top: -25px;
}

#outer_fav_ctrl > #inner_fav_ctrl {
    border: 1px solid #e2e2e2;
    background: #fff url('images/dash_arr_up.png') no-repeat center center;
}

.ctrl_closed > #outer_fav_ctrl {
    height: 32px;
    width: 32px;
    background-color: transparent;
    top: -21px;
}

.ctrl_closed > #outer_fav_ctrl > #inner_fav_ctrl {
    border: 1px solid #d8d8d8;
    background: #f3f3f3 url('images/dash_arr_down.png') no-repeat center center;
}

/* FOOT --------------------------------------------------------------------------------------------------------------------------- */

.push {
    height: 0px;
}

#foot {
    height: 50px;
    text-align: center;
    color: #afaeb3;
}

#foot a {
    color: #afaeb3;
}

#menu_container {
    height: 100% !important;
    margin-bottom: -50px;
}

/* LOGIN -------------------------------------------------------------------------------------------------------------------------- */

#login_form {
    background-color: #fff;
    height: 214px;
    position: absolute;
    width: 500px;
    border: none;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -106px;
    font-family: "Open Sans";
    color: #5e5e63;
}

#login_bar {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 22px 0px;
}

#login_body {
}

#login_submit {
}

#login_top_bar {
    height: 5px;
    background: #e94555 url('images/login_border_top.png') repeat-y left top;
}

#login_top_bar {
    height: 5px;
    background: #e94555 url('images/login_border_top.png') repeat-y left top;
}

#login_content_top {
    height: 67px;
    font-size: 13px;
    font-weight: 600;
    padding-left: 28px;
    padding-top: 23px;
    color: #6b6b70;
}

#login_content_top input {
    height: 32px;
    width: 163px;
    margin-top: 6px;
    color: #848484;
}

#login_content_left {
    height: 67px;
    float: left;
    width: 190px;
}

#login_content_right {
    height: 67px;
    float: left;
    width: 190px;
}

#login_content_bottom {
    padding-left: 28px;
    height: 50px;
}

#login_content_bleft {
    height: 43px;
    float: left;
    width: 190px;
    font-size: 13px;
    font-weight: bold;
    padding-top: 7px;
}

#login_content_bleft a {
    border-right: 1px solid #474651;
    padding-right: 3px;
}

#login_content_bleft a:last-child {
    border-right: none;
}

#login_content_bright {
    height: 50px;
    float: left;
    width: 190px;
}

#login_submit_button {
    border: none;
    cursor: pointer;
    display: inline-block;
    width: 171px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background-color: #474651;
}

#login_icon {
    background: #f3f3f3 url('images/login_human_ico.png') no-repeat center center;
    float: left;
    height: 143px;
    border-left: 5px solid #e94555;
    width: 75px;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
}

#login_content {
    float: left;
    height: 143px;
    border: 1px solid #d5d5d5;
    width: 418px;
}

/* MESSAGE BOX -------------------------------------------------------------------------------------------------------------------- */

.message-box {
    text-align: center;
    padding: 5px;
    color: #545454;
    margin: 5px 5px;
}

.message-box.clean {
    background: #efefef;
    border: 1px solid #dedede;
}

.message-box.info {
    background: #f7fafd;
    border: 1px solid #b5d3ff;
}

.message-box.ok {
    background: #d7f7c4;
    border: 1px solid #82cb2f;
}

.message-box.alert {
    background: #fef5be;
    border: 1px solid #fdd425;
}

.message-box.error {
    background: #ffcdd1;
    border: 1px solid #e10c0c;
}

.message_box {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

.message_box div {
    margin: 10px;
    padding: 15px 5px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    text-align: center;
    width: 200px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 10px 5px #888;
}

.message_box .error {
    background: rgba(220, 0, 0, 0.7);
    border: 1px solid #8f0000;
}

/* PRODUCT -------------------------------------------------------------------------------------------------------------------- */

.product_menu {
    padding: 0 !important;
}

.product_menu a {
    display: block;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

.product_menu .active_tab {
    background: #474651 none !important;
}

.product_menu .active_tab a {
    color: #fff;
}

#popup table.tab tr.product_menu{
    display: flex;
    flex-wrap: wrap;
}

#popup table.tab tr.product_menu td.menu_like {
    padding: 0 !important;
    font-family: "Open Sans";
    height: 28px;
    text-align: center;
    background: #474651 none;
    border-right: 1px solid #fff;
}

#popup table.tab tr.product_menu td.menu_like > a {
    display: block;
    padding-top: 12px;
    font-weight: bold;
    width: 100%;
    height: 28px;
    color: #fff;
}

#popup table.tab tr.product_menu td.menu_like.active_tab {
    background: #fff none !important;
    padding: 0 !important;
}

#popup table.tab tr.product_menu td.menu_like.active_tab > a {
    color: #40404a;
}

#popup table.tab tr.product_menu td.menu_like_p {
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: "Open Sans";
    height: 36px;
    text-align: center;
    background: #474651 none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#popup table.tab tr.product_menu td.menu_like_p > a {
    margin: 0 auto;
    padding-left: 4px;
    width: 99%;
    padding-right: 4px;
    display: table-cell;
    font-weight: bold;
    min-width: 80px;
    height: 36px;
    color: #fff;
    vertical-align: middle;
}

#popup table.tab tr.product_menu td.menu_like_p.active_tab {
    background: #fff none !important;
}

#popup table.tab tr.product_menu td.menu_like_p.active_tab > a {
    color: #40404a;
}

#product_top_menu {
    border-bottom: 1px solid white;
}

#subproduct_top_menu {
    border-bottom: 1px solid white;
}

.category_menu ul.category_list {
    margin: 10px 0;
}

.category_menu ul.category_list ul {
    padding: 5px 0 5px 20px;
}

.category_menu ul.category_list input {
    vertical-align: text-bottom;
    margin-right: 5px;
    height: 11px;
    width: 11px;
}

.category_menu ul.category_list li {
    padding: 2px 0 2px 2px;
}

.category_menu ul.category_list li span {
    font-weight: normal;
    font-size: 10px;
}

.category_menu ul.category_list li.unactive > span {
    text-decoration: line-through;
}

.category_menu ul.category_list li.selected > span {
    color: #ca0000;
}

.category_menu ul.category_list li.selected > span > a {
    color: #ca0000;
}

.category_menu ul.category_list li span a {
    text-decoration: underline;
}

.category_menu ul.category_list li.unvisable {
    background: #fee2e2;
    border: 1px solid #fcaaaa;
    padding-top: 5px;
    margin-bottom: 5px;
}

.category_menu ul.category_list li.unvisable li.unvisable {
    background: transparent;
    border: none;
    padding-top: 2px;
    margin-bottom: 0px;
}

#product_search_menu input[type=text] {
    vertical-align: middle;
}

#product_search_menu button, button.clean {
    border: none;
    padding: 0;
    background: none;
    vertical-align: middle;
}

/* PRODUCT DYNAMIC PARMS ------------------------------------------------------------------------------------------------------- */

#dynamic_parms_list .dynamic_parm_name {
    display: none;
}

#dynamic_parms_list.edit_parms .dynamic_parm_name, #dynamic_parms_list .dynamic_parm_name.main_lang {
    display: table-cell;
}

#dynamic_parms_list.add_parms .hide, #dynamic_parms_list.edit_parms .hide,
#dynamic_parms_list.add_parms .-hide, #dynamic_parms_list.edit_parms .-hide {
    display: table-row !important;
}

#dynamic_parms_list.edit_parms tbody .dynamic_parm_name input {
    color: #ca0000;
}

#dynamic_parms_list.add_parms .hide .dynamic_parm_name, #dynamic_parms_list.add_parms .-hide .dynamic_parm_name,
#dynamic_parms_list.edit_parms tbody .hide .dynamic_parm_name, #dynamic_parms_list.edit_parms tbody .-hide .dynamic_parm_name,
#dynamic_parms_list.edit_parms tbody .hide .dynamic_parm_name input, #dynamic_parms_list.edit_parms tbody .-hide .dynamic_parm_name input {
    color: #000;
}

#dynamic_parms_list.edit_parms .dynamic_parm_value {
    display: none;
}

#dynamic_parms_list .dynamic_parm_sort, #dynamic_parms_list .dynamic_parm_buttons, #dynamic_parms_list .dynamic_parm_s_key {
    display: none;
    text-align: center;
}

#dynamic_parms_list.edit_parms .dynamic_parm_sort, #dynamic_parms_list.edit_parms .dynamic_parm_buttons, #dynamic_parms_list.edit_parms .dynamic_parm_s_key {
    display: table-cell;
}

#dynamic_parms_list.edit_parms .new_parm_add_link {
    display: none;
}

#dynamic_parms_list.edit_parms .new_parm .new_parm_add_link {
    display: inline;
}

#dynamic_parms_list.edit_parms .new_parm .new_parm_save_link {
    display: none;
}

#dynamic_parms_list.edit_parms .new_parm .new_parm_delete_link {
    visibility: hidden;
}

#dynamic_parms_list.add_parms .hide.new_parm, #dynamic_parms_list.add_parms .-hide.new_parm {
    display: none;
}

#dynamic_parms_list.add_parms.edit_parms .hide.new_parm, #dynamic_parms_list.add_parms.edit_parms .-hide.new_parm {
    display: table-row !important;
}

#dynamic_parms_list input[type=text] {
    width: 97%;
}


#dynamic_parms_list:not(.edit_parms) #dynamic_parm_values_add_link {
    display: none;
}

.foto_add_buttons {
    vertical-align: middle;
    width: 60px;
    text-align: center;
}

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
    opacity: 0;
    position: absolute;
}

.visible {
    opacity: 1;
}

body input#date.calendar, input.calendar {
    width: 110px !important;
}

body input#date.calendar.date, input.calendar.date {
    width: 110px !important;
}

/*button.calendar {background: url("images/calendar.gif");border:0;cursor:pointer;height:20px;width:20px;vertical-align:bottom;margin-left:5px;}*/
button.calendar {
    background: none;
    border: 0;
    height: 0px;
    width: 0px;
    visibility: hidden;
}

button.calendar:hover {
    background-position: 0 20px;
}

div.calendar {
    position: absolute;
    font-family: "Open Sans"
}

div.calendar select, div.calendar option, div.calendar .time input {
    font-size: 10px;
}

div.calendar .time_sep {
    color: #333;
}

div.calendar td.time {
    text-align: center; /*width:180px;*/
}

div.calendar td.time input[type=text] {
    width: 15px;
    text-align: center;
}

div.calendar > div { /*height:190px;overflow:hidden;position:relative;width:180px;*/
    margin-left: -160px;
    padding-left: 5px; /*position:absolute;*/
}

div.calendar caption {
    background-color: #fff;
    border: 1px solid #cecece;
    padding: 2px;
    font-size: 10px;
    min-height: 11px;
}

div.calendar caption a {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #e94555;
    cursor: pointer;
}

div.calendar caption span.month {
    float: left;
    display: block;
}

div.calendar caption span.year {
    float: right;
    display: block;
}

div.calendar caption span.year:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.calendar th {
    background-color: #666871;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    padding: 3px;
}

div.calendar th:first-child {
    border-left: 1px solid #cecece;
}

div.calendar td {
    background-color: #fff;
    padding: 3px 5px;
    border: none;
    font-size: 10px;
    text-align: center;
    color: #ccc;
    width: 14px;
}

div.calendar td.valid {
    color: #5985ae;
    cursor: pointer;
    font-weight: bold;
}

div.calendar td.today {
    background: #fff none;
    color: #e94555;
    cursor: pointer;
    font-weight: bold;
}

div.calendar tbody {
    border: 1px solid #cecece;
}

div.calendar td.active {
    color: #ca0000;
    font-weight: bold;
    cursor: pointer;
}

#lang-select {
    position: absolute;
    margin: 74px 0 0 15px;
}

a.lang-select img {
    padding: 1px;
    margin: -2px 3px;
    background: #fff;
    border: 1px solid #cacaca;
}

#lang-select a.lang-select img {
    margin: 0px 3px;
}

a.lang-select.active img,
a.lang-select:hover img {
    border-color: #da210f;
}

table.tab th a.lang-select.active img,
table.tab th a.lang-select:hover img {
    background-color: #fcaaaa;
}


/*
wdg_percent_box
*/

.wdg_percent_box .wdgpc_back_percent_block .wdgpc_front_percent_block {
    height: 15px;
}

/* AUTOCOMPLEATER -------------------------------------------------------------------------------------------------------------- */

ul.autocompleter-choices {
    position: absolute;
    margin: -1px 0 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid #cecece;
    background-color: #fff;
    z-index: 50;
}

ul.autocompleter-choices li {
    position: relative;
    margin: 0;
    padding: 2px 3px;
    display: block;
    float: none !important;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color: #ededed;
}

ul.autocompleter-choices span.autocompleter-queried {
    font-weight: bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #ca0000;
}

ul.autocompleter-choices span.small {
    font-size: 10px;
    color: #999;
    font-weight: normal;
}

.ul_points ul li span {
    padding-left: 35px;
    background: transparent url("images/li_line.gif") no-repeat scroll 0 center;
}

.ul_points ul li ul li span {
    padding-left: 30px;
    background: transparent url("images/li_line.gif") no-repeat scroll 0 center;
}

/* DELIVERY BORDER INDICATOR */
td.checkbox_start, td.checkbox_middle, td.checkbox_end {
    background: url("images/checkbox_border.gif") no-repeat center center;
}

td.checkbox_start {
    background-position: center 12px;
}

td.checkbox_middle {
    background-position: center -9px;
}

td.checkbox_end {
    background-position: center -39px;
}

#allegro_category_list ul li {
    line-height: 16px;
}

/* SPECIAL FORM------------------------------------------------------------------------------------------------------------------------------*/

input[type=checkbox].nd_checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].nd_checkbox + label.checkbox-label {
    background-image: none;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    height: 15px;
    width: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].nd_checkbox:checked + label.checkbox-label {
    background-image: url('images/checkmark.gif');
}

input[type=radio].nd_radio {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].nd_radio + label.radio-label {
    padding-left: 20px;
    background: #fff none;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].nd_radio:checked + label.radio-label {
    background: url('images/checkmark_b.png') no-repeat center left;
}

.input_wrong {
    border: 1px solid #e94555;
    background-color: #fcaaaa;
}

.gmessage {
    border: 1px solid #e94555;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    background-color: #ffe4df;
    font-family: "Open Sans";
    color: red;
}

#login_header {
    background: #e94555 url('images/top_login.png') repeat-y left top;
    height: 70px;
}

#logo_header {
    background: url('images/logo_2click.png') no-repeat center center;
    height: 70px;
}

#logo_header_cms {
    background: url('images/logo_2click_cms.png') no-repeat center center;
    height: 70px;
}

#logo_header_portal {
    background: url('images/logo_2click_portal.png') no-repeat center center;
    height: 70px;
}


.little_font {
    font-size: 11px;
    font-weight: 600
}

.nice_fileinput {
    background-color: #e94555;
    display: inline-block;
    margin: 5px 0;
    white-space: nowrap;
    color: #fff;
    height: 14px;
    border-radius: 3px;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 10px;
    cursor: pointer;
    line-height: 14px;
}

.nice_fileinput:hover {
    background-color: #b0414c;
}

.nfi_text_files {
    margin-left: 5px;
}

/* GOOGLE ANALYTICS--------------------------------------------------------------------------------------------------------------------------*/

#main_graph {
    min-height: 340px;
}

#ga_dash {
    border-left: 4px solid #e94555;
    padding-left: 10px;
}

#ga_dash .table_cell_like {
    text-align: left;
}

.ga_box {
    margin: 10px;
    width: 200px;
}

.ga_title {
    font-family: "Open Sans";
    font-size: 13px;
    color: #a7a8af;
    font-weight: 600;
}

.ga_result {
    font-family: "Open Sans";
    font-size: 34px;
    color: #167aa2;
    font-weight: 600;
}

.ga_result_sm {
    font-family: "Open Sans";
    font-size: 24px;
    color: #167aa2;
    font-weight: 600;
}

#import_settings {
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: "Open Sans";
    font-size: 12px;
}

#import_settings span {
    font-size: 13px;
}

#import_settings .product_import_icon {
    display: inline-block;
    padding-left: 35px;
    margin-right: 57px;
    min-height: 25px;
    line-height: 25px;
    background: url(images/product_import_csv.png) no-repeat 0 50%;
}

#import_settings .product_import_icon.pdf {
    background-image: url(images/product_import_pdf.png);
}

#import_settings .icons {
    padding-left: 2px;
}

#import_settings .options {
    padding-bottom: 12px;
    padding-left: 2px;
}

/* TAGI ---------------------------------------------*/

.tag_container {
    width: 350px;
    padding: 0px 0px 0px 5px;
    margin: 0;
    border: none !important;
}

.tag_input {
    height: 24px;
}

.tag_button {
    background-color: #5985ae;
    display: inline-block;
    margin: 5px 3px;
    white-space: nowrap;
    color: #fff;
    height: 16px;
    border-radius: 3px;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 12px;
    cursor: pointer;
    line-height: 14px;
}

.tag_button:hover {
    background-color: #1d476e;
}

.close_tag {
    padding-top: 2px;
    margin-left: 6px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('images/close_tag.png') no-repeat center center;
}

.autocomplete_tag {
    background-color: #fff;
    display: none;
    width: 195px;
    border: 1px solid #a7a8af;
    position: absolute;
}

.tag_complete {
    padding-left: 5px;
    color: black;
    padding-bottom: 3px;
    padding-top: 3px;
}

.tag_complete:hover {
    background-color: #a7a8af;
    cursor: pointer;
}

/* REPORTS--------------------------------------------------------------------------------------------------------------------------*/

.tod_container {
    border: 1px solid #d5d5d5;
    margin-right: 5px;
}

.tod_button {
    display: inline-block;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    cursor: pointer;
    color: #5e5e63;
}

.tod_button:first-child {
    border-right: 1px solid #d5d5d5;
}

.tod_button.active {
    color: white;
    background-color: #474651;
}

.stat_button {
    float: right;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-allign: middle;
    cursor: pointer;
    background: url('images/stat_button.png') no-repeat center center;
    margin-left: 5px;
}

/*CHOOSE ADMIN LANG*/

.choose_lang {
    color: #5e5e63;
    font-weight: bold;
    padding: 15px 5px;
    font-family: "Open Sans";
    font-size: 12px;
    background-color: #fff;
    border-top: 1px solid #d5d5d5;
    text-align: left;
    margin-top: 25px;
}

.choose_lang span {
    vertical-align: top;
    display: inline-block;
    height: 29px;
    line-height: 29px;
}

/*END CHOOSE ADMIN LANG*/

/*NEW LANG*/

#button_lang {
    width: 53px;
    height: 33px;
    border: 1px solid #c13a41;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    color: #fff;
}

#current_lang {
    width: 35px;
    padding-top: 10px;
    padding-left: 12px;
}

#other_langs {
    position: absolute;
    width: 53px;
    top: 0;
    left: 0;
    padding-top: 34px;
    background: url("images/color_select_arr.png") no-repeat 30px 7px;
}

#other_langs a {
    display: inline-block;
    padding-left: 12px;
    background-color: #fff;
    width: 41px;
    height: 34px;
    line-height: 34px;
    border-top: 1px solid #d6d6d6;
}

#other_langs a:hover {
    padding-left: 12px;
    background-color: #d6d6d6;
}

#lang_content.inactive {
    overflow: hidden;
    height: 0px;
    width: 52px;
}

#lang_popup {
    width: 50px;
    height: 30px;
    border: 1px solid #d6d6d6;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    color: #68696e;
}

#lang_popup #current_lang {
    width: 35px;
    padding-top: 6px;
    padding-left: 10px;
}

#lang_popup #other_langs {
    left: -1px;
    width: 50px;
    padding-top: 31px;
    background: url("images/arr_trans24.png") no-repeat 25px 5px;
    z-index: 2;
}

#lang_popup #other_langs a {
    border: 1px solid #d6d6d6;
    color: #68696e;
    padding-left: 10px;
    width: 40px;
    height: 29px;
    line-height: 30px;
}

#lang_popup #other_langs a:first-child {
    border-top: none;
}

#lang_popup #other_langs a:hover {
    padding-left: 10px;
}

#lang_login {
    font-size: 13px;
    font-weight: bold;
    padding-top: 17px;
}

#lang_login a {
    border-right: 1px solid #474651;
    padding-right: 3px;
}

#lang_login a:last-child {
    border-right: none;
}

/*END NEW LANG*/

/*COLUMN CHOOSER*/

table.coltab {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Open Sans";
}

table.coltab td {
    padding-bottom: 5px;
    padding-top: 5px;
}

#vis_config_container .dark_grey {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}

#vis_config_container {
    background-color: #f3f3f3;
    padding-left: 9px;
    padding-top: 10px;
}

.config_icon {
    background: url('images/conf_icon.png') no-repeat left top;
}

/* HELP */
#open_help {
    cursor: pointer;
}

#vis_help_container .dark_grey {
    font-weight: normal;
}

#vis_help_container {
    background-color: #f3f3f3;
    padding-left: 9px;
    padding-top: 13px;
    padding-bottom: 13px;
}

#help_show_desc {
    font-family: "Open Sans";
    font-size: 11px;
    color: #666871;
    font-weight: 600;
    line-height: 16px;
}

#help_show_desc b {
    font-size: 12px;
    color: #666871;
    font-weight: 600;
}

.help_icon {
    background: url('images/help_icon.png') no-repeat top left;
}

.more_options {
    height: 32px;
    color: #474651;
    font-size: 12px;
    padding-left: 30px;
    line-height: 22px;
    border-bottom: 1px solid #d5d5d5;
}


/* END HELP */

/*NUMBER FILTER*/

.nf_block {
    padding: 5px;
    width: 110px;
    font-family: "Open Sans";
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    text-align: left;
}

.nf_radio {
    margin-top: 5px;
}

/*END NUMBER FILTER*/

/*MENU ICONS*/

.kat_img {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e94555;
}

.mod_close .kat_img {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border: none;
}

#pic_ml_shop_config {
    background: #e94555 url("images/kat_w.png") no-repeat center center;
}

.mod_close #pic_ml_shop_config {
    background: transparent url("images/kat.png") no-repeat center center;
}

#pic_ml_orders {
    background: #e94555 url("images/kat_shop_w.png") no-repeat center center;
}

.mod_close #pic_ml_orders {
    background: transparent url("images/kat_shop.png") no-repeat center center;
}

#pic_ml_cms {
    background: #e94555 url("images/kat_cms_w.png") no-repeat center center;
}

.mod_close #pic_ml_cms {
    background: transparent url("images/kat_cms.png") no-repeat center center;
}

#pic_ml_products {
    background: #e94555 url("images/kat_prod_w.png") no-repeat center center;
}

.mod_close #pic_ml_products {
    background: transparent url("images/kat_prod.png") no-repeat center center;
}

#pic_ml_reports {
    background: #e94555 url("images/kat_all_w.png") no-repeat center center;
}

.mod_close #pic_ml_reports {
    background: transparent url("images/kat_all.png") no-repeat center center;
}

#pic_ml_customers {
    background: #e94555 url("images/kat_kat_w.png") no-repeat center center;
}

.mod_close #pic_ml_customers {
    background: transparent url("images/kat_kat.png") no-repeat center center;
}

#pic_ml_marketing {
    background: #e94555 url("images/kat_mark_w.png") no-repeat center center;
}

.mod_close #pic_ml_marketing {
    background: transparent url("images/kat_mark.png") no-repeat center center;
}

#pic_ml_help {
    background: #e94555 url("images/kat_help_w.png") no-repeat center center;
}

.mod_close #pic_ml_help {
    background: transparent url("images/kat_help.png") no-repeat center center;
}

#pic_ml_allegro {
    background: #e94555 url("images/kat_alle_w.png") no-repeat center center;
}

.mod_close #pic_ml_allegro {
    background: transparent url("images/kat_alle.png") no-repeat center center;
}

#pic_ml_categories {
    background: #e94555 url("images/kat_cg_w.png") no-repeat center center;
}

.mod_close #pic_ml_categories {
    background: transparent url("images/kat_cg.png") no-repeat center center;
}

#pic_ml_newsletter {
    background: #e94555 url("images/kat_news_w.png") no-repeat center center;
}

.mod_close #pic_ml_newsletter {
    background: transparent url("images/kat_news.png") no-repeat center center;
}


/*END MENU ICONS*/

/*MINI DASHBOARD*/

#favorite {
    overflow: hidden;
}

#favorite .fav_tab td {
    padding: 0 10px;
    text-align: center;
    background: transparent url('images/border_td_r.gif') no-repeat bottom 10px right;
    font-size: 13px;
    font-weight: 300;
}

#favorite .fav_tab td:last-child {
    background-image: none;
}

#favorite .fav_tab {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

#favorite .fav_tab a span img {
    background-color: #454545;
}

#favorite .fav_tab a > span {
    display: inline-block;
    width: 100px;
    background-color: #fff;
    margin-bottom: 5px;
    height: 45px;
}

#favorite .fav_tab a:hover span img {
    background-color: #e94555;
}

#favorite .fav_tab a.active span img {
    background-color: #e94555;
}

#favorite .fav_tab a.active {
    color: #e94555;
}

#favorite .fav_tab a:hover {
    color: #e94555;
}

#favorite .fav_tab a {
    border-bottom: 1px solid #d5d5d5;
    display: block;
    margin: auto;
    height: 80px;
    padding-top: 25px;
    cursor: pointer;
}

/*END MINI DASHOBARD*/

/*BOOKMARKS*/

.bookmarks .navigation::after {
    display: block;
    content: "";
    clear: both;
}

.bookmarks .navigation {

}

.bookmarks .navigation .item {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

#popup .bookmarks .navigation .item {
    padding: 0 15px;
}

.bookmarks .navigation .inside {
    border-bottom: 1px solid #d5d5d5;
    height: 32px;
    position: relative;
}

.bookmarks .navigation .item .inside .toggle-button {
    content: "";
    display: block;
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0;
    top: 2px;
    border: 1px solid #d5d5d5;
    background: #f3f3f3 url('images/plus.gif') no-repeat center center;
    cursor: pointer;
}

.bookmarks .navigation .item.active .inside .toggle-button {
    background-image: url('images/minus.gif');
}

.bookmarks .navigation.col-2 .item {
    width: 50%;
}

.bookmarks .section {
    overflow: hidden;
    height: 0;
}

.bookmarks .section::before {
    content: "";
    height: 20px;
    display: block;
}

.bookmarks .section.active {
    height: auto;
}

.bookmarks .inside .red_button {
    margin: 0;
}

.bookmarks .inside.messages, .bookmarks .inside.status {
    font-weight: bold;
    line-height: 21px;
    color: #666871;
}

/*END BOOKMARKS*/


/*styles new order iteration*/

#order-popup-form .bookmarks {
    position: relative;
}

#order-popup-form .bookmarks .order_message {
    position: absolute;
    top: -3px;
    left: 0;
}

.bookmarks .order_message {
    font-weight: bold;
    line-height: 21px;
    color: #666871;
    padding-left: 35px;
    margin-left: 15px;
    background: url(images/order_envelope.png) no-repeat 0 7px;
}

.table > * {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
}

.table.col-4 > * {
    width: 25%;
}

.table.col-2 > * {
    width: 50%;
}

.table::after {
    content: "";
    display: block;
    clear: both;
}

.order-summary {
    padding: 16px 0;
    border-bottom: 1px solid #d5d5d5;
    color: #666871;
    margin-bottom: 31px;
}

.order-summary .red_button {
    margin: 0;
}

.order-summary > *:last-child {
    text-align: right;
}

#popup #order-popup-form table.tab tr.data_content {
    border-bottom: 0;
}

.blocks {
    padding: 0 3px;
}

.blocks .header {
    font-size: 18px;
    font-weight: bold;
    color: #666871;
    padding: 35px 12px 0 12px;
}

.blocks .item {
    display: inline-block;
    width: 33.333%;
    box-sizing: border-box;
    padding: 30px 12px;
    font-size: 0;
    vertical-align: top;
}

.blocks {
    font-size: 0;
}

.blocks .item {
    font-size: 12px;
}

.blocks .item .name {
    font-weight: bold;
    padding-bottom: 14px;
}

.blocks .grey_button {
    display: inline-block;
    width: auto;
    height: auto;
}

.blocks .generate_letter {
    padding-bottom: 15px;
}

.blocks .set_text input[type=text] {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    width: 152px;
}

.blocks .set_text .grey_button {
    display: block;
    float: right;
    margin-top: 3px;
}

#popup .sub-title.order-nav {
    padding: 0;
    height: 44px;
    line-height: 44px;
}

#popup .order-nav .order_number {
    padding-left: 15px;
    float: left;
}

#popup .order-nav .confirmed {
    float: right;
    line-height: 24px;
    padding: 0 12px;
    margin: 10px 12px 0 0;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    background: #7aa986;
    font-size: 11px;
}

#popup .order-nav .not.confirmed {
    background: #e94555;
    cursor: pointer;
}

#popup .order-nav .not.confirmed:hover {
    background: #b0414c;
}

#popup .order-nav nav {
    display: block;
    float: right;
}

#popup table.tab .order-nav nav a {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 42px;
    height: 44px;
    background-color: #f3f3f3;
    border-left: 1px solid #d5d5d5;
    background-repeat: no-repeat;
    background-image: url(images/sprite_order.png);
}

#popup table.tab .order-nav nav a:hover,
#popup table.tab .order-nav nav a.active {
    background-color: #ea4656;
}

.order-nav a .title {
    position: absolute;
    top: 44px;
    left: 0;
    background: #fff;
    font-size: 10px;
    line-height: 13px;
    color: #666871;
    font-weight: normal;
    border: 1px solid #d5d5d5;
    padding: 6px 9px;
    display: none;
    min-width: 67px;

}

.order-nav a::after, #confirmation_info::after {
    content: "";
    display: block;
    width: 18px;
    height: 8px;
    background: url(images/order-title.png) no-repeat 0 0;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: -1px;
    opacity: 0;
}

#confirmation_info::after {
    bottom: none;
    top: -8px;
}

.order-nav a:hover::after, #confirmation_status:hover #confirmation_info::after {
    opacity: 1;

}

.order-nav a:hover .title {
    display: inline-block;
}

.order-nav a.main {
    background-position: 11px -208px;
}

.order-nav a.main:hover,
.order-nav a.main.active {
    background-position: 11px 12px;
}

.order-nav a.edit {
    background-position: 12px -1529px;
}

.order-nav a.edit:hover,
.order-nav a.edit.active {
    background-position: 12px -1309px;
}

.order-nav a.history {
    background-position: 11px -649px;
}

.order-nav a.history:hover,
.order-nav a.history.active {
    background-position: 11px -429px;
}

.order-nav a.pro {
    background-position: -208px -866px;
}

.order-nav a.pro:hover,
.order-nav a.pro.active {
    background-position: -208px -648px;
}

.order-nav a.xls {
    background-position: -208px -1302px;
}

.order-nav a.xls:hover,
.order-nav a.xls.active {
    background-position: -208px -1084px;
}

.order-nav a.print {
    background-position: -209px -428px;
}

.order-nav a.print:hover,
.order-nav a.print.active {
    background-position: -209px -208px;
}

.order-nav a.message {
    background-position: -209px 10px;
}

.order-nav a.message:hover,
.order-nav a.message.active {
    background-position: 11px -1750px;
}

.order-nav a.delete-order {
    background-position: 13px -1089px;
}

.order-nav a.delete-order:hover,
.order-nav a.delete-order.active {
    background-position: 13px -869px;
}

.table_view .header {
    font-weight: 600;
    color: #fff;
    padding: 16px 15px 16px;
    line-height: 20px;
    font-family: "Open Sans";
    font-size: 11px;
    background: #474651;
}

.table_view .header.red {
    background-color: #e94555;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.table_view .col_30,
.table_view .col_70 {
    float: left;
}

.table_view {
    font-weight: 600;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 16px;
    color: #666871;
}

.table_view #search_product, .table_view #search_customer {
    padding: 31px;
}

.table_view #search_product_value, .table_view #search_customer_value {
    display: block;
    float: left;
    width: 375px;
}

.table_view #search_product_submit, .table_view #search_customer_submit {
    display: block;
    float: left;
    background-color: #5e5e63;
    border: 0;
    height: auto;
    margin: 2px 0 0 10px;
}

.table_view, .table_view * {
    box-sizing: border-box;
}

.table_view input[type="text"] {
    padding: 0px 0px 0px 5px;
    margin: 0;
    border: 1px solid #ccc;
    height: 24px;
    text-align: left;
    width: 100%;
}

.table_view input[type=checkbox].nd_checkbox + label.checkbox-label {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
}

.table_view label {
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}

.table_view input[type=text].price, .table_view input[type=text].quantity, .table_view input[type=text].customer_id, .table_view input[type=text].discount, #multiple_discount {
    width: 51px;
}

.order_content .additional_option {
    padding:15px;
    padding-top:10px;
}

.order_content .additional_option label{font-size:11px;}

.hspacer_50 {
    display: inline-block;
    width: 50px;
}

.discount_row {
    padding: 21px 0;
    border-bottom: 1px solid #d5d5d5;
}

.discount_row .col_a, .col_b {
    float: left;
}

.discount_row .col_a {
    width: 548px;
    text-align: right;
    line-height: 24px;
}

#search_product_list td,
#search_customer_list td {
    background: none !important;
}

.table_view #search_product_clear, .table_view #search_customer_clear {
    float: left;
    cursor: pointer;
    line-height: 22px;
    margin-left: 12px;
}

#search_product_list .thumb img {
    display: block;
    max-width: 40px;
    max-height: 40px;
    margin: auto;
}

#search_product_list .thumb {
    background: none !important;
    padding-top: 7px;
    padding-bottom: 7px;
}

.table_view .price_column {
    width: 120px;
}

.order_menu li.active {
    background-color: #fff;
    color: #40404a;
}

.order_menu li {
    box-sizing: border-box;
    border-right: 1px solid #d5d5d5;
    background-color: #474651;
    display: block;
    width: 33.333%;
    float: left;
    color: #fff;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    font-weight: bold;
}

.order_menu li:last-child {
    border-right: 0;
}

.order_menu .step_number {
    display: inline-block;
    width: 23px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background-color: #dadadc;
    color: #474651;
    border-radius: 3px;
    margin-left: 11px;
    margin-right: 9px;
}

.order_menu .active .step_number {
    background-color: #474651;
    color: #fff;
}

.table_view .order-product, .table_view .order-customer, .table_view .order-payment-delivery {
    background-color: #f3f3f3;
    padding: 20px 16px;
}

.table_view .order-product:nth-child(odd), .table_view .order-customer:nth-child(odd), .table_view .order-payment-delivery:nth-child(odd) {
    background-color: #fff;
}

.table_view .order-product:hover, .table_view .order-customer:hover, .table_view .order-payment-delivery:hover {
    background-color: #eaeaea;
}

.order-payment-delivery .name {
    float: left;
    width: 35%;
    line-height: 30px;
}

.order-payment-delivery .price {
    float: left;
    width: 20%;
    line-height: 30px;

}

.order-payment-delivery .action {
    float: left;
    line-height: 30px;
    padding-right: 26px;
    text-align: right;
    width: 45%;
}

.order-product .name {
    min-width: 380px;
}

.order-product .symbol {
    min-width: 200px;
}

.table_view .view {
    display: none;
    min-height: 500px;
}

.table_view .view.active {
    display: block;
}

.order-customer > * {
    width: 25%;
}

#order_edit {
    border-left: 4px solid #e94555;

}

.order_info {
    height: 73px;
    line-height: 73px;
}

.order_info .title, .search_header .title {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #666871;
    padding-left: 40px;
}

.order_history .title {
    font-size: 18px;
    font-weight: bold;
    color: #666871;
    padding-left: 40px;
    height: 73px;
    line-height: 73px;
}

.payment_header {
    font-size: 18px;
    font-weight: bold;
    color: #666871;
    padding-left: 40px;
    padding-top: 23px;
    padding-bottom: 23px;
    border-bottom: 1px solid #d5d5d5;
}
.order_name_number {
    float: left;
    padding-left: 15px;
    
}
.phone_order_row {
    float: left;
    width: 20px;
    height: 70px;
    padding-right: 15px;
    justify-content: center;
    align-items: center;
    background: url('images/border_td_r.gif') no-repeat center right;

}
.phone_order_icon {
    background: url('images/icon_14.svg');
    background-repeat: no-repeat;
    background-position: center;
    font-size: 20px;
    height: 20px;
    width: 20px;

}
.order_info .text {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #666871;
    padding-right: 32px;
}
.order_info-phone label {
    margin-left: 10px;
}
.order_info-phone {
    font-size: 14px;
    font-weight: bold;
    color: #666871;
    padding-left: 40px;
    width: 100%;
    /*padding: 10px 0;*/
    /*padding-left: 15px;*/
}

.order_info-phone .order_info-phone-la:not(:first-child){
    padding-left: 30px;
}

.order_info-phone .order_info-phone-la:not(:first-child) input{
    margin-left: 10px;
    padding: 5px 10px 5px 10px;
    width: 30px;
}

.search_header {
    line-height: 86px;
}

#search_product, #search_customer {
    float: left;
}

.center.step {
    margin-top: 10px;
}

.tab.order_edit .form-row td {
    padding: 12px 0 !important;
    padding-right: 14px !important;
    background: none !important;
    box-sizing: border-box;
}

.tab.order_edit tr td:first-child {
    padding-left: 15px !important;
}

.tab.order_edit tr td.remove_column {
    padding-right: 0 !important;
    padding-left: 10px !important;
}

.table_view table.tab tr {
    border: 0;
}

.table_view table.tab tr:last-child {
    border-bottom: 1px solid #d5d5d5
}

.table_view table.tab tr:nth-child(even) {
    background: #f3f3f3;
}

.table_view .products table.tab tr:hover {
    background: #eaeaea;
}

.table_view .cols .col_label {
    float: left;
    width: 35%;
    line-height: 24px;
}

.table_view .cols .col_input {
    float: left;
    width: 65%;
}


.table_view .cols .col_label, .table_view .cols .col_input {
    padding-top: 4px;
    padding-bottom: 14px;
}

#customer .tab td {
    width: 33.333%;
    vertical-align: top;
}

.summary_grey {
    height: 52px;
    line-height: 49px;
    background: #f3f3f3;
    text-align: right;
    padding-left: 22px;
    padding-right: 22px;
}

.summary_grey span {
    font-size: 14px;
}

.table_view #payment_delivery table.tab tr:last-child {
    border-bottom: 0;
}

.head_title {
    float: left;
    display: block;
}

.head_checkbox {
    float: right;
    display: block;
}

#view_products .product_info {
    background: #f3f3f3;
    text-align: center;
    color: #9da0ac;
    font-size: 16px;
    font-weight: bold;
    padding: 40px 0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    display: none;
}

#view_products.no_products .product_info {
    display: block;
}

#view_products.no_products .order_edit,
#view_products.no_products .discount_row {
    display: none;
}

.table_view .search_not_found {
    padding: 10px 40px;
    font-weight: bold;
}

#confirmation_status {
    position: relative;
}

#confirmation_info {
    position: absolute;
    top: 0;
    left: 0;
    top: 38px;
    left: -30px;
    background: #fff;
    font-size: 10px;
    line-height: 13px;
    color: #666871;
    font-weight: normal;
    border: 1px solid #d5d5d5;
    padding: 6px 9px;
    width: 180px;
    display: none;
}

#confirmation_status:hover #confirmation_info {
    display: block;
}

#current_currency {
    float: right;
}

#current_currency .currency_name {
    display: inline-block;
    vertical-align: middle;
}

#current_currency .nice_select {
    vertical-align: middle;
}

.table_view #payment_delivery .left {
    float: left;
}

.table_view #payment_delivery .left .nice_select {
    vertical-align: top;
    margin-top: 12px;
}

.table_view #payment_delivery .right {
    float: right;
}

/*styles new order iteration end*/

/*imap*/
.subtitle {
    font-weight: 600;
    color: #fff;
    padding: 16px 15px 16px;
    line-height: 20px;
    font-family: "Open Sans";
    font-size: 11px;
    background: #474651;
    margin: 10px 0;
}

.imap_label {
    display: inline-block;
    width: 100px;
}

.imap_block {
    margin-bottom: 5px;
}

#imap_add_account {
    margin-bottom: 30px;
}

#imap_accounts label {
    font-size: 14px;
    padding-left: 15px;
}

#imap_accounts input {
    margin-bottom: 5px;
}

.hard_bounce {
    font-size: 13px;
    color: #e94555;
    line-height: 16px;
}

.soft_bounce {
    font-size: 13px;
    color: orange;
    line-height: 16px;
}

#imap_numbers {
    font-size: 13px;
    height: 30px;
}

/*styles imap end*/

.spacing {
    margin-bottom: 8px;
}

/* pay2click */
.register-form tr td:first-child {
    width: 35%;
}

.gmessage.ok {
    border: 1px solid #008000;
    color: #008000;
    background-color: rgba(38, 230, 16, 0.21);
}

#payment-account-settings-form tr.error td {
    color: red !important;
    position: relative;
    padding-bottom: 18px;
}

#payment-account-settings-form tr.error td input {
    border: 1px solid red;
}

.p2c_error {
    position: fixed;
    width: 250px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -125px;
    z-index: 999;
    margin: 10px;
    padding: 20px 10px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
    font-size: 12px;
    margin-left: -125px;
    margin-top: -100px;
    background: red;
    background: rgba(220, 0, 0, 0.9);
    border: 1px solid #8f0000;
}

#payment-account-settings-form .error td .validation-error {
    position: absolute;
    bottom: 2px;
}

#payment-account-settings-form .error .nice_select a, #payment-account-settings-form .error .nice_select ul {
    border: 1px solid red;
}

#regulations-form-label.error {
    color: red;
    font-weight: bold;
}

/* pay2click end */

#inpostParcels .nice_select a {
    width: 50px !important;
}

#inpostParcels .left {
    float: left;
}

#inpostParcels .right {
    float: right;
}

#inpostParcels th {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 3px solid #e94555;
}

#inpost_kurier-form tr.parcel th {
    padding-top: 7px;
    padding-bottom: 7px;
}

#inpost_kurier-form .additional_section {
    display: none;
}

#inpost_kurier-form .additional_section.active {
    display: table-row;
}

#paczkomaty_machine .nice_select ul {
    left: -40px !important;
}


/* DROPZONE gallery */
#dropzone {
    overflow: hidden;
    position: relative;
}

#dropzone tr.op_titlebar th {
    padding-top: 0;
    padding-bottom: 0;
}

#dropzone tr.op_titlebar th.category_choose {
    width: 64%;
    font-size: 0;
    text-align: right;
}

#dropzone tr.op_titlebar th.category_choose .label {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 2%;
}

#dropzone tr.op_titlebar th.category_choose .nice_select {
    width: 77.03180%;
    display: inline-block;
    vertical-align: middle;
}

#dropzone tr.op_titlebar th.category_choose a, #dropzone tr.op_titlebar th.category_choose li {
    font-family: "Open Sans";
    font-size: 12px;
}

#dropzone tr.op_titlebar th.category_choose li:first-child {
    pointer-events: none;
    display: none;
}

#dropzone tr.op_titlebar th.category_choose a {
    width: 100% !important;
    font-weight: bold;
    text-transform: uppercase;
    box-sizing: border-box;
}

.nopadding {
    padding: 0 !important;
}

.dropzone {
    background: #f3f3f3;
    min-height: 454px;
    height: 100vh;
    padding: 30px 10px 100px 30px;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    font-size: 0;
    cursor: pointer;
}

.dropzone--cursorDefault,
.dropzone--cursorDefault .text {
    cursor: default;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.dropzone.dz-started {
    margin-bottom: 70px;
    padding-bottom: 0;
    min-height: 384px;
    max-height: 384px;
}

.dropzone, .dropzone * {
    box-sizing: border-box;
}

.dz-message {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dz-message .img {
    display: inline-block;
    width: 122px;
    height: 107px;
    background: url('images/icon_img_add.png') no-repeat;
    margin-bottom: 30px;
    opacity: 0.58;
    transition: opacity 0.3s;
}

.dz-drag-hover .dz-message .img {
    opacity: 1;
}

.dz-message .text {
    font-size: 36px;
    font-family: "Open Sans";
    font-weight: 300;
    line-height: 1.2;
}

.dz-message .text b {
    display: block;
    font-weight: 400;
}

.dz-preview {
    width: 125px;
    height: 120px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 30px;
    position: relative;
    transition: all 0.5s;
}

.dz-preview .dz-image {
    height: 85px;
    width: 100%;
    border: 1px solid #c5ccc5;
    cursor: default;
}

.dz-preview .dz-image img {
    max-width: 100%;
    height: auto;
    opacity: 0.6;
    transition: opacity 0.5s;
}

.dz-preview.dz-success .dz-image img {
    opacity: 1;
}

.dz-preview .dz-error-mark {
    height: 85px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
}

.dz-preview .dz-error-mark svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    visibility: visible;
}

.dz-preview .dz-info {
    background: #fff;
    text-align: center;
    padding: 10px 8px;
    position: relative;
}

.dz-preview .dz-info .dz-progress {
    background: #f3f3f3;
    height: 5px;
    width: 100%;
    margin: 5px 0;
}

.dz-preview .dz-info .dz-progress span {
    display: block;
    width: 0;
    height: 100%;
    background: #7ba985;
    transition: all 0.3s linear;
}

.dz-preview.dz-success .dz-info .dz-progress {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0.1s;
}

.dz-preview .dz-info .checkmark {
    opacity: 0;
    visibility: hidden;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.dz-preview .dz-info .checkmark input {
    display: none !important;
}

.dz-preview .dz-info .checkmark span {
    height: 17px;
    width: 17px;
    display: inline-block;
    border: 1px solid #d5d5d5;
    background: #fff;
    cursor: pointer;
}

.dz-preview .dz-info .checkmark input:checked + span {
    background: url('images/checkmark.gif') no-repeat;
}

.dz-preview.ready .dz-info .checkmark {
    opacity: 1;
    visibility: visible;
}

#dropzone .bottom_bar {
    background: #fff;
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%;
    padding: 20px 15px;
    text-align: center;
    transition: bottom 1s ease-in-out;
    font-size: 0;
    box-sizing: border-box;
}

#dropzone .bottom_bar > div {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

#dropzone .bottom_bar .buttons {
    text-align: right;
}

#dropzone .bottom_bar .buttons > * {
    margin-left: 5px;
}

#dropzone .bottom_bar .buttons .button {
    font-weight: 600;
}

#dropzone .bottom_bar .options {
    font-size: 12px;
    text-align: left;
}

#dropzone .bottom_bar .options label {
    cursor: pointer;
    margin-right: 10px;
}

#dropzone .bottom_bar .options label span {
    padding-right: 5px;
}

#dropzone .bottom_bar.active {
    bottom: 0;
}

#dropzone #confirm_add {
    transition: background-color 0.3s;
}

#dropzone #confirm_add.locked {
    opacity: 0.6;
    background-color: #999;
}

#miniscroll-dropzone {
    left: auto !important;
    right: 22px;
    cursor: pointer;
    top: 30px !important;
}

#miniscroll-dropzone .miniscroll-tracker {
    width: 1px !important;
    margin-left: 3px;
}

#dropzone #category_choose + .nice_select.disabled {
    pointer-events: none;
    opacity: 0.7;
}

#dropzone #category_choose + .nice_select.disabled a {
    background-color: #f3f3f3;
}

#dropzone input.button {
    border: none;
}

/* DROPZONE gallery end */

/* DROPZONE product */

.productDropzoneIframe {
    height: 79vh;
    width: 102%;
    border: none;
}

.productDropzone__wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    counter-reset: thumb;
}

.productDropzone__item {
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: move;
    margin: 6px;
    flex-shrink: 0;
    position: relative;
    transition: all 0.3s ease-out;
    counter-increment: thumb;
}

.productDropzone__item:not(.productDropzone__item--new)::after {
    content: counter(thumb);
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: rgba(255, 255, 255, 0.8);
    color: #333;
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
}

.productDropzone__item:hover {
    border-color: #afafaf;
}

.productDropzone__item--main {
    border-color: #e94555;
    border-width: 2px;
}

.productDropzone__item--main:hover {
    border-color: #b0424d;
}

.productDropzone__item--new {
    cursor: pointer;
}

.productDropzone__item--new::before {
    content: "";
    background: url('images/dropzone_product_foto_add.svg') no-repeat;
    background-position: top center;
    background-size: auto 80%;
    width: 80%;
    height: 50%;
    opacity: 0.55;
    transition: opacity 0.3s ease-out;
}

.productDropzone__item--new:hover::before {
    opacity: 0.75;
}

.productDropzone__item.-isDragging {
    opacity: 0.5;
    transform: scale(0.9);
}

.productDropzone__item.-dragOver {
    box-shadow: 0 0 7px 2px #ddd;
}

.productDropzone__item.-dragOver * {
    pointer-events: none;
}

.productDropzone__itemDelete {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
    cursor: default;
}

.productDropzone__itemLabel {
    font-size: 12px;
    text-align: center;
}

.productDropzone__itemLabel,
.productDropzone__button,
[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.productDropzone__button--selected:not(.-active) {
    background: #d3d3d3;
    pointer-events: none;
}

.js__productDropzone {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.js__productDropzone > * {
    display: none;
}


.productDropzone__item{
    display: flex;
    height: auto!important;
    min-height: 152px;

}

.dropzoneImg{
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    max-height: 152px;
    max-width: 152px;
}

.dropzoneAlias{
    text-align: center;
    padding: 5px;
}

.dropzoneAlias .button{
    margin-left: 0;
    margin-top: 5px;
}

/* DROPZONE product end */


.border {
    border: 1px solid #ddd;
}

.row {
    display: flex;
}

.v_center {
    align-items: center;
}

.vote_visible_from_to #visible_from_date, .vote_visible_from_to #visible_to_date {
    width: 115px !important;
    margin-left: 8px;
}

.vote_question {
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    resize: none;
    box-sizing: border-box;
}

#vote_popup .add_row {
    display: block;
    height: 24px;
    width: 24px;
    background: #474651;
    color: #fff;
    text-align: center;
    line-height: 23px;
    border-radius: 4px;
    font-size: 16px;
    margin-right: 0;
    margin-left: auto;
}

/* ALLEGRO DESCRIPTION */

#allegro_description .image_item {
    position: relative;
    padding: 10px;
    border: 1px solid transparent;
    margin-top: 19px;
    margin-left: 20px;
    margin-right: 20px;
}

#allegro_description .image_item:hover, #allegro_description .image_item.active {
    border: 1px dotted #333;
}

#allegro_description .image_item .active_image {
    cursor: pointer;
}

#user_field #allegro_description .image_item:hover, #user_field #allegro_description .image_item.active, #user_field #allegro_description .image_item .active_image {
    border: 1px dotted transparent;
    cursor: auto;
}

#allegro_description .image_item .label_block {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #c5c5c5;
    padding: 10px 0;
    min-width: 720px;
    bottom: 100%;
    left: 0;
    right: 0; /*margin: -20px auto 0;width: 70%;*/
    margin: 0;
    width: 720px;
    webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#allegro_description .image_item.active .label_block {
    display: block;
}

#allegro_description .image_item .label_block label {
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 0 10px 0;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 4px;
}

#allegro_description .image_item .label_block label img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

#allegro_description .header_section {
    display: none;
    background: #eee;
    text-align: right;
    padding: 10px;
}

#allegro_description .header_section.active, #allegro_description .row_section.active .header_section {
    display: block;
}

#allegro_description .delete_section {
    padding: 0;
    background: #f3f3f3 url('images/buttons/Close.gif') no-repeat center center;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    height: 43px;
    width: 43px;
    margin: 0;
    display: inline-block;
}

#allegro_description .move_up {
    padding: 0;
    background: #f3f3f3 url('images/arr_trans24.png') no-repeat center center;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    height: 43px;
    width: 43px;
    margin: 0 5px 0 0;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#allegro_description .move_down {
    padding: 0;
    background: #f3f3f3 url('images/arr_trans24.png') no-repeat center center;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    height: 43px;
    width: 43px;
    margin: 0 5px 0 0;
    display: inline-block;
}

#allegro_description .image_item .label_block .close_window {
    padding: 0;
    background: #f3f3f3 url('images/buttons/Close.gif') no-repeat center center;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    height: 23px;
    width: 23px;
    margin: 0;
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
}

#allegro_description .image_container, #allegro_description .text_container {
    display: inline-block;
    vertical-align: top;
}

#allegro_description #new_section_add {
    vertical-align: top;
    padding: 10px;
}

#allegro_description.info {
    background: #fff;
    width: 80%;
    margin-left: 10px;
}

#allegro_description.info input[type=radio] {
    display: none;
}

#allegro_description.info div.mceEditor, #allegro_description.info div.mceContent {
    min-height: 131px;
    text-align: left;
    padding: 10px;
}

#allegro_description.info div.mceEditor.empty_mce:before {
    content: "Dodaj treść";
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: absolute;
    cursor: pointer;
}

#allegro_description.info div.mceEditor:hover {
    outline: 1px dotted #333;
}

#allegro_description.info div.mceEditor ol, #allegro_description.info div.mceContent ol {
    list-style: decimal;
}

#allegro_description.info div.mceEditor ul, #allegro_description.info div.mceContent ul {
    list-style: disc;
}

#allegro_description.info div.mceEditor,
#allegro_description.info div.mceContent {
    font-weight: 400;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #444;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    background: transparent;
    line-height: 22px;
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#allegro_description.info div.mceEditor p,
#allegro_description.info div.mceContent p {
    margin: 16px 0;
}

#allegro_description.info div.mceEditor h1,
#allegro_description.info div.mceContent h1 {
    display: block;
    font-family: "Roboto", "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin: 18px 0;
}

#allegro_description.info div.mceEditor h2,
#allegro_description.info div.mceContent h2 {
    display: block;
    font-family: "Roboto", "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin: 18px 0;
}

#allegro_description.info div.mceEditor ol, #allegro_description.info div.mceEditor ul,
#allegro_description.info div.mceContent ol, #allegro_description.info div.mceContent ul {
    padding-left: 40px;
    margin: 16px 0;
}

td.greyColor .nice_fileinput {
    background-color: #676575;
}


#box_count {
    position: absolute;
    right: 1rem;
    top: 1rem;
    background-color: rgba(233, 69, 85, 0.7);
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 1.5rem 0;
    width: 180px;
    display: none;
}

#box_count span {
    font-weight: 700;
    display: block;
}

#box_count.active {
    display: block;
}

.pinArea {
    position: relative;
    overflow: hidden;
}

.pinArea img {
    display: block;
}

.pinSearchResults {
    position: relative;
}

.pinSearchResults ul {
    position: absolute;
    background: #fff;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    list-style: none;
    border: 1px solid #ddd;
    margin-top: -1px;
}

.pinSearchResults a {
    display: block;
    padding: 10px 17px;
}

#pinTable .hide {
    display: none !important;
}


.select_position_button {
    width: 70px;
    height: 70px;
    position: relative;
    background-color: #e1e1e1;
    border: 2px solid #e94555;
    border-radius: 5px;
}

.select_position_button input {
    position: absolute;
}

.select_position_button input.button_radio_position_1 {
    top: 5px;
    left: 5px;
}

.select_position_button input.button_radio_position_2 {
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.select_position_button input.button_radio_position_3 {
    top: 5px;
    right: 5px;
}

.select_position_button input.button_radio_position_4 {
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

.select_position_button input.button_radio_position_5 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.select_position_button input.button_radio_position_6 {
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.select_position_button input.button_radio_position_7 {
    bottom: 5px;
    left: 5px;
}

.select_position_button input.button_radio_position_8 {
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.select_position_button input.button_radio_position_9 {
    bottom: 5px;
    right: 5px;
}

/*PRODUKTY W AKTUALNOSCIACH*/
.productSearchResults {
    position: relative;
    max-width: 50%;
}

.productSearchResults ul {
    position: absolute;
    z-index: 1;
    background: #fff;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    list-style: none;
    border: 1px solid #ddd;
    margin-top: -1px;
}

.productSearchResults li:hover {
    background: #f3f3f3;
}

.productSearchResults a {
    display: block;
    padding: 10px 17px;
    font-weight: 600;
}

.productConnectionSection.noOverflow {
    overflow: visible;
}

#product_connection_container {
    margin-top: 10px;
}

.categoryDesc__bar {
    background: #f3f3f3;
    padding: 5px 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categoryDesc__bar .button {
    margin-left: auto;
}

.categoryDesc__wysiwyg {
    width: 100%;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}

.categoryDesc__wysiwyg textarea {
    height: 300px;
}

.categoryDesc .js__desc p {
    padding-bottom: 15px;
}

/* PROMOTION ICON */

.icon {
    display: block;
    width: 220px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

@font-face {
    font-family: 'icomoon';
    src: url('webfonts/noble-promo.eot?6vkhc8');
    src: url('webfonts/noble-promo.eot?6vkhc8#iefix') format('embedded-opentype'),
    url('webfonts/noble-promo.ttf?6vkhc8') format('truetype'),
    url('webfonts/noble-promo.woff?6vkhc8') format('woff'),
    url('webfonts/noble-promo.svg?6vkhc8#noble-promo') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-promo {
    font-size: 102px;
    margin-bottom: 10px;
}

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

#promotions_wrap table.tab tr td table.padding5 tr td:first-child {
    padding-left: 0;
}

.orderComplaintInfo {
    padding: 10px;
    padding-left: 0;
    margin: 0 15px;
    margin-top: -10px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.orderComplaintInfo__icon {
    flex-shrink: 0;
    width: 50px;
    text-align: center;
}

.orderComplaintInfo .bold {
    font-weight: 700;
}

.customerCompany {
    text-decoration: underline;
}

.customerCompany:hover {
    text-decoration: none;
}

/* === */

#variant_product_search_wrapper {
    position: relative;
}

#variant_product_search_result {
    max-height: 300px;
    padding: 5px;
    background: #fff;
    border: #ccc 1px solid;
    overflow-y: auto;

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    transform: translate(0, 100%);
}

#variant_product_search_result li {
    padding: 5px 0;
}

#variant_product_search {
    width: 90%;
    margin-right: 5px;
}

.product_variant img {
    max-width: 50px;
    max-height: 75px;
}

.product_variant_active {
    border: #e94555 1px solid;
}

.dg_type {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    min-width: 80px;
    background: #777;
}

.dg_type.b2c {
    background: #5985ae;
}

.dg_type.b2b {
    background: #e94555;
}


.categoryDesc__hr {
    margin: 0 0 12px !important;
    width: 100px !important;
}

.mlLabel {
    padding: 5px 0 14px 5px;
    text-transform: uppercase;
. productVariantsWrapper__itemList font-weight: 600;
    font-size: 11px;
}

.userAvatar {
    float: left;
    margin-right: 10px;
    border-radius: 100%;
}

table.tab tr.exte > td:first-child {
    position: relative;
}

table.tab tr.exte > td:first-child:before {
    content: "";
    height: 80%;
    width: 3px;
    position: absolute;
    left: 0;
    background-color: #72bc83;
    top: 50%;
    transform: translateY(-50%);
}


/************************/
.landingPageSiteWrapper {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.landingPageSiteWrapper input[type="checkbox"].nd_checkbox + label.checkbox-label {
    width: 18px;
    height: 18px;
}

.landingPageSiteWrapper,
.landingPageSelectWrapper,
.landingPageSiteWrapper *,
.landingPageSelectWrapper * {
    box-sizing: border-box;
}

.landingPageSiteWrapper {
    font-weight: 600;
    font-family: "Open Sans";
    font-size: 11px;
    color: #666871;
}

/*.landingPageSiteWrapper *:not(.nice_fileinput):not(.lp_title):not(.alias):not(.red_button):not(.tag_button):not(.mceFirst) */


.landingPageSiteWrapper .nice_fileinput {
    height: auto;
    margin: 0;
}

.landingPageSiteWrapper .mceEditor {
    margin-top: 10px;
    display: block;
}

.input_radio_wrapper {
    flex-direction: column;
    display: flex;
    padding: 0 15px;
}


.landingPageSelectWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.landingPageSelectWrapper .landingPageModule {
    max-width: 400px;
    width: 50%;
    padding: 10px;

}

.landingPage__checkbox--input {
    display: flex;

}

.landingPageSelectWrapper .landingPageModule a {
    border: 1px solid #d2d2d2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.landingPageSelectWrapper .landingPageModule a img {
    max-width: 100%;
    outline: none;
    border: none;
    height: auto;
    max-width: 100%;
}

.landingPageSelectWrapper .landingPageModule a span.landingPageModule__name{
    position: absolute;
    z-index: 2;
    display: flex;
    background-color: #fff;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 0;
    text-transform: uppercase;
    opacity: 0;
    letter-spacing: 1px;
    transition: all 0.3s;
}

.landingPageSelectWrapper .landingPageModule a span.landingPageModule__name2{
    position: absolute;
    z-index: 2;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 0px;
    right: 0px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0 5px 5px #fff;
}

.landingPageSelectWrapper .landingPageModule a:hover span.landingPageModule__name{
    font-size: 30px;
    opacity: 1;
}

.landingPage__product,
.landingPage__product .more_info{
    width: 100%;
}

.landingPageSiteWrapper .tag_button{
    height: auto;
}

/* GLOBAL */
.-hidden_lp {
    display: none;
}

.lp_row {
    padding: 10px 15px;
}


.lp_title {
    font-weight: 700;
    font-family: "Open Sans";
    font-size: 11px;
    color: #666871;
}

.lp_title > span {
    font-weight: normal;
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

.lp_p15 {
    padding: 0 15px;
}

.lp__row,
.lp__col {
    display: flex;
}

.lp__col {
    flex-direction: column;
}

.jt_sb {
    justify-content: space-between;
}



.set_attention{
    color: #e92333;
    font-weight: bold;
    padding-top: 0.5rem;
}

.hideCategory__bar{
    background: #f3f3f3;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hideCategory__bar .checkbox-label{
    margin-right:4px;
}

.hideCategory_dgTitle{
    display: inline-block;
    padding: 0 5px 8px;
}

.hideCategory_dgList{
    padding: 0 5px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.hideCategory_dgList--row{
    padding: 3px 5px;
    box-sizing: border-box;
    width: 50%;
}
.hideCategory_dgList--row .checkbox-label{
    margin-right: 4px;
}

#customer-form tr.black_list{
    position: relative;
}

#customer-form .black_list:after{
    content: "";
    height: 100%;
    width: 5px;
    display: block;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}

button.button{
    background-color: #e94555;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    white-space: nowrap;
    color: #fff;
    border: 0;
    border-radius: 3px;
    padding: 3px 8px;
    font-family: "Open Sans";
    font-size: 10px;
    cursor: pointer;
    line-height: 14px;
}

#order-popup-form .order_content #customer .col_input ul{
    overflow-y: scroll;
}


.img_order_panel img{
    width: 100px;
    max-width: 100%;
    height: auto;
    display: block;
}

.flexBox{
    display: flex;
}

.vatZero{
    background-color: rgba(168, 222, 255, 0.26)!important;
    border-bottom: 1px solid rgba(168, 222, 255, 0.7);
    position: relative;
}

.vatZero:after{
    content: "!";
    font-size: 28px;
    color: rgb(233, 69, 85);
    font-weight: bold;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}


#order-form table.tab tbody tr.vatZero:hover > td{
    background-color: rgba(168, 222, 255, 0.35)!important;
}

.theme .input_radio_wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.theme .input_radio_wrapper span{
    font-size: 16px;
    order: 2;
}

.theme .input_radio_wrapper input {
    margin-right: 15px;
    order: 1;
}

.theme .top{
    background-color: #eaeaea;
}

/**** ===[ sales analysis ]=== ****/
.--vaTop{
    vertical-align: top;
}

.--redColor{
    color: #e94555;
}

.--blueBackground{
    background-color: #eff6ff!important;
}

.--noBorderBottom{
    border-bottom: none!important;
}

.sa__head-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.sa__head-wrapper .pagination_container{
    float: none;
    margin: 0;
}

.sa_info{
    padding: 15px;
    font-size: 15px;
    color: #454545;
    background-color: #E5E5E5;
    margin-bottom: 20px;
    border-radius: 5px;
}

.sa__head-wrapper .clear{
    display: none;
}

#sales_analysis .bookmarks{
    margin-bottom: 30px;
}


.sa__filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 15px;
}

.sa__filter-button{
    margin-left: 25px;
}


.sa__top-filter-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sa__discount-group{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sa__discount-group-name{
    margin-right: 15px;
}

.sa__calendar{
    margin-left: 20px;
}

.sa__calendar-name{
    margin-right: 15px;
}

.sa__calendar,
.sa__calendar-range{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sa__calendar-range-sep{
    background-color: #000;
    height: 1px;
    width: 12px;
    display: block;
    margin: 0 10px 0 10px;
}

.sa__filter .button{
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}


.sa__lp{
    width: 60px;
}

.sa__foto{
    width: 80px;
}

.sa__foto img{
    max-width: 80px;
    height: auto;
}

.sa__symbol{
    width: 200px;
}

.sa__count-sold{
    width: 150px;
}

.sa__total-revenue{
    width: 150px;
}


.sa__total-sold-search--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

.sa__total-sold-search--wrap span{
    margin-right: 7px;
}


.sa__item:nth-of-type(odd){
    background-color: #f3f3f3!important;
}
.sa__item:nth-of-type(even){
    background-color: #fff!important;
}



.sa__total-revenue-net .sa__total-revenue-net--price {
    color: #236991;
}

.sa__total-revenue-gross .sa__total-revenue-net--price {
    color: #e94555;
}

.sa__total-revenue-net--price{
    font-weight: bold;
}

/************************************************/
.--eoBox{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.--eoBoxFlex50{
    flex-basis: 50%;
}

.--expertOpinionWrapper{
    margin-bottom: 15px;
}

.expertOpinion__noId{
    font-size: 20px;
    padding: 20px;
}

#expert_opinion_menu .--expertOpinionTitle{
    text-transform: uppercase;
    font-size: 15px;
    background-color: #d5d5d5;
    padding: 15px;
    color: #666871;
}


.expertOpinion__fotoSelect--uploadTitle,
.expertOpinion__fotoSelect--selectTitle {
    font-size: 15px;
    padding-bottom: 20px;
}


/***/
.--eoInputTitle {
    font-size: 15px;
    padding-bottom: 10px;
}
#expert_opinion_menu .--eoInputText{
    width: 300px;
}

.expertOpinion__expertInfoBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

/***/
.expertOpinion__descBox--desc textarea{
    min-height: 100px;
    min-width: 400px;
}