/*CSS Reset ------------------------------------------------------------------------------------------------------------------------ */

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

ol.list {
    list-style: decimal;
}

ol.list li {
    margin-left: 20px;
}

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

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

body#popup {
  position: relative;
  min-height: 100dvh;
  height: auto;
  border-left: 4px solid #2580c3;
}

body#popup div.submit {
  position: sticky;
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  border-top: 1px solid #E1E2E8;
  margin-top: 20px;
  z-index: 10;
}

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

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

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

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

textarea {
  padding: 5px;
  resize: none;
}

/*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;
  cursor: not-allowed;
}

.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: 6px 0;
    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 #2580c3;
    background-color: #2580c3;
    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 {
    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;
}

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

.alert_ok {
    border: 1px solid #008000;
    color: #008000;
    background-color: rgba(38, 230, 16, 0.21);
    padding: 5px;
    margin: 5px 0;
}

.alert_ok a {
    color: #1D600E;
    text-decoration: underline;
}

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

.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: #2580c3 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: #2580c3;
    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: 200px;
    float: left;
}

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

#head_login_form {
    width: 594px;
    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: #2580c3;
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border: 2px solid #2580c3;
    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: #2580c3;
}

#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 #2580c3;
    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_config_files, #button_config_access, #button_database_reset, #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;
}

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

#button_config_files a {
    margin-top: 1px;
    display: block;
    width: 100px;
    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_config_access {
    margin-right: 5px;
    width: 100px;
    border-bottom: 1px solid #ff7a87;
}

#button_config_access a {
    margin-top: 1px;
    display: block;
    width: 100px;
    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_database_reset {
    margin-right: 5px;
    width: 100px;
    border-bottom: 1px solid #ff7a87;
}

#button_database_reset a {
    margin-top: 1px;
    display: block;
    width: 100px;
    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 #2580c3;
}

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

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

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

#kat_cms {
    background: #2580c3 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_reg {
    background: #2580c3 url("images/kat_reg_w.png") no-repeat center center;
}

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

#kat_prod {
    background: #2580c3 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: #2580c3 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: #2580c3 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: #2580c3 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: #2580c3 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: #2580c3 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: #2580c3 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;
}

#kat_ai {
    background: #2580c3 url("images/kat_ai_w.png") no-repeat center center;
}

.mod_close #kat_ai {
    background: transparent url("images/kat_ai.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 #2580c3;
    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: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: #2580c3;
}

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

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

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

.mod ul li.unvisible {
    background: #FEE2E2;
    border: 1px solid #FCAAAA;
}

.mod ul li.unvisible li.unvisible {
    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: #2580c3;
    font-weight: 600;
}

.admin_red {
    color: #2580c3;
}

.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: #2580c3;
    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:hover {
    background-color: #B0414C;
}

.grey_button {
    cursor: pointer;
    border: 1px solid #aaaaaa;
    background-color: #aaaaaa;
    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: #2580c3;
    border-bottom: 1px solid #f9d0d4;
    font-weight: 300;
}

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

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

.js__localBusinessType .button  {
    outline: none;
    border: none;
}

/* universal buttons */

.button {
    background-color: #2580c3;
    outline: none;
    border: none;
    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;
    text-transform: uppercase;
}

.button.disabled,
.button.-disabled {
    background-color: #676575;
    cursor: not-allowed;
    opacity: .7;
}

.button.disabled,
.button.-disabled:hover {
    background-color: #676575;
}

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

.action_button {
    background-color: #2580c3;
    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: #aaaaaa;
}

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

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

#log_bar .pink_text.my_account {
    margin-top: 0;
}

#log_bar .white_text.my_account {
    display: block;
    margin-top: 10px;
}

/* 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;
  text-transform: none !important;
  font-size: 12px !important;
  background: #FFFFFF 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 #2580c3;
    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_no_ga {
  color: #A7A8AF;
  padding: 3px 0;
  display: block;
  font-weight: 300;
  font-size: 10px;
  text-transform: uppercase;
}

#main_dashboard .statbox_no_ga:hover {
  color: #2580c3;
}

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

.sub-title.row {
  align-items: center;
}

#popup table.tab .info_tooltip {
  background-image: url("images/help_icon_b.png");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-size: 20px;
  cursor: pointer;
  position: relative;
}

/* Pseudo-popup (z animacją) */
#popup table.tab .info_tooltip::after {
  content: attr(data-tooltip-size) "\a\a" attr(data-tooltip-ext);
  position: absolute;
  white-space: pre-wrap;
  background-color: #ffffff;
  border: 1px solid lightgray;
  padding: 15px;
  width: 200px;
  line-height: 1.1;
  font-size: 0.75rem;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 10;
}

/* Pokaż tooltip na hover */
#popup table.tab .info_tooltip:hover::after {
  opacity: 1;
}

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


.changesTabNavbar {
    width: 420px;
    min-width: 420px;
    height: 34px;
    background-color: #fff;
    line-height: 0;
}

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

.changesTabNavbar > .changesTabNavbar__item:last-child {
    background-image: none;
}

.changesTabNavbar > .changesTabNavbar__item.-active {
    color: #fff;
    background-color: #474651;
    background-image: none;
}


/* 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: #2580c3;
    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 .gallery__search input[type=text] {
  height: 27px;
}

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;
    text-transform: uppercase;
    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: #2580c3;
    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 .level5 td {
    font-size: 11px;
    color: #c93d4a;
}

table.tab .level5 .name {
    padding-left: 60px;
}

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

table.tab .level6 .name {
    padding-left: 75px;
}

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

table.tab .level7 .name {
    padding-left: 90px;
}

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: #999999 !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;
}

/*.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:not(.expand_link--registry) {
    background: url("images/buttons/sort-up.gif") no-repeat scroll center;
    line-height: 11px;
    height: 11px;
    padding: 1px 13px;
}

.collapsed .expand_link:not(.expand_link--registry) {
    background-image: url("images/buttons/sort-down.gif");
}

.expand_link.expand_link--registry {
    display: block;;
    background: url("images/icon_registry_directory.svg") no-repeat scroll;
    line-height: 11px;
    height: 20px;
    padding: 1px 13px;
}

.collapsed .expand_link.expand_link--registry {
    background-image: url("images/icon_registry_directory_closed.svg");
}

.registry_file {
    display: block;;
    background: url("images/icon_registry_file.svg") no-repeat scroll;
    background-size: 18px;
    line-height: 11px;
    height: 22px;
    padding: 1px 13px;
}

.registry_directory {
    display: block;;
    background: url("images/icon_registry_directory_closed.svg") no-repeat scroll;
    background-size: 22px;
    line-height: 11px;
    height: 22px;
    padding: 1px 13px;
}

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 {
    font-family: "Open Sans";
}

#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 > tbody > tr > 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 > tbody > tr > th.sub-title a {
    font-weight: 600;
    background-color: #fff;
    color: #666871;
    font-size: 17px;
    font-family: "Open Sans";
}

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

#popup table.tab > tbody > tr > 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 > tbody > tr.data_content {
    border-bottom: 1px solid #d5d5d5;
}

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

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

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

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

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

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

#popup table.tab > tbody > 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: #2580c3;
    border: 1px solid #2580c3;
}

/* 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: calc(100% - 50px) !important;
}

/* 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: #2580c3 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,
#login_content_bottom input.login_input{
    height: 32px;
    width: 163px;
    margin-top: 6px;
    color: #848484;
}

#login_content_top input.login_button{
    width: 171px;
    height: 34px;
    color: #fff;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

#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_bottom input.login_input{
    margin-top:0;padding-top:0
}

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

#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,
#login_button,
#login_button_2fa {
    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 #2580c3;
    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;
    margin: 5px 5px;
}

.message-box--left {
    text-align: left;
}

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

/*

.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: #2580c3;
    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: #2580c3;
    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;
}

/* 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"]:not(.nd_radio) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #cecece;
  border-radius: 50%;
  background-color: white;
  position: relative;
  cursor: pointer;
}

input[type="radio"]:not(.nd_radio)::before {
  content: '';
  position: absolute;
  width: 65%;
  height: 65%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(.5);
  -ms-transform: translate(-50%, -50%) scale(.5);
  transform: translate(-50%, -50%) scale(.5);
  opacity: 0;
  background-color: #2580c3;
  border-radius: 50%;
  transition: all 0.3s ease;
}

input[type="radio"]:not(.nd_radio):checked::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

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 #2580c3;
    background-color: #FCAAAA;
}



#login_header {
    background: #2580c3 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: #2580C3;
  display: inline-block;
  margin: 5px 0;
  white-space: nowrap;
  color: #FFFFFF;
  border-radius: 3px;
  padding: 3px 8px;
  font-family: "Open Sans";
  font-size: 10px;
  cursor: pointer;
  line-height: 14px;
  text-transform: uppercase;
}

.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 #2580c3;
    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 .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: 100%;
    padding: 0px;
    margin: 0;
    border: none !important;
}

.rule_container {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
}

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

.rule_button{
  background-color: #5985ae;
  display: flex;
  align-items: center;
  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: 1;
}

.rule_button:hover,
.tag_button:hover {
    background-color: #1D476E;
}

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

.delete_rule {
  padding-top: 0;
}

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

/* GALLERY CONNECT WITH NEWS */

.gallery_container {
    width: 100%;
    padding: 0px;
    margin: 0;
    border: none !important;
}

.gallery_input {
    height: 24px;
}

.gallery__tittle{
    display: inline-block;
    padding-right: 12px;
}

.gallery__actual{
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.gallery_button .gallery_name{
    display: inline-block;
    white-space: nowrap;
    font-family: "Open Sans";
    font-style: italic;
    font-size: 12px;
    cursor: pointer;
    line-height: 14px;
    font-weight: normal;
    text-decoration: underline;
}

.gallery_button .gallery_name:hover {
    color: #5985ae;
}

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

}

.close_gallery:hover {
    background-color: #1D476E;
}

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

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

.gallery_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: #ffffff;
}

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

#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;
    cursor: pointer;
}


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

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

#pic_ml_shop_config {
    background: #2580c3 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_rios {
    background: #2580c3 url("images/rios_w.png") no-repeat center center;
}

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

#pic_ml_cms {
    background: #2580c3 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_reg {
    background: #2580c3 url("images/kat_reg_w.png") no-repeat center center;
}

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

#pic_ml_reports {
    background: #2580c3 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: #2580c3 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: #2580c3 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: #2580c3 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_categories {
    background: #2580c3 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: #2580c3 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: #ffffff;
    margin-bottom: 5px;
    height: 45px;
}

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

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

#favorite .fav_tab a.active {
    color: #2580c3;
}

#favorite .fav_tab a:hover {
    color: #2580c3;
}

#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;
    text-transform: uppercase;
}

.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 .section.active.show_overflow {
    overflow: visible;
}

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

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

.bookmarks--site_settings {
    margin-bottom: 15px;
}

.bookmarks--site_settings .bookmarks__header {
    font-weight: 700;
    font-size: 14px;
}

.bookmarks--site_settings .inside {
    display: flex;
    align-items: center;
}

.bookmarks--site_settings .more_options {
    padding-left: 15px;
}

.bookmarks--site_settings #vis_help_container {
    padding: 13px;
}

/*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: #2580c3;
    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: #2580c3;
}

.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_customer {
    padding: 31px;
}

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

.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:not(.button) {
    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_customer_list td {
    background: none !important;
}

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

.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 .view {
    display: none;
    min-height: 500px;
}

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

.search_header {
    line-height: 86px;
}


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


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

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

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


/*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: #2580c3;
    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%;
}

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

#regulations-form-label.error {
    color: red;
    font-weight: bold;
}

/* pay2click end */

/* 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: 120px;
    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;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dz-preview .dz-image img {
    max-width: 100%;
    height: 69%;
    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 */


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


#template_container {
    padding: 10px;
    border-spacing: 25px 15px;
    border-collapse: separate;
    margin-left: -25px;
}

#template_container label {
    margin: 15px 25px 15px 0;
    border: 1px solid #C9C9C9;
    display: table-cell;
    width: 250px;
    text-align: center;
    height: 280px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 34px;
    font-family: "Open Sans", sans-serif;
    color: #949494;
    line-height: 44px;
}

#template_container label:hover, #template_container label.active {
    border-color: #333;
}

#template_container label input[type="radio"] {
    visibility: hidden;
    display: none;
}

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;
    padding: 0 !important;
}

.pinArea .pin {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    background: #eee;
    border: #000 2px solid;
    border-radius: 50%;

    position: absolute;

    box-sizing: border-box;
}

.pinArea .pin::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    background: #000;
    border-radius: 5px;

    position: absolute;
    top: 50%;
    left: 50%;
}

.pinArea .pin--new {
    border-color: #2580c3;
}

.pinArea .pin--new::after {
    background: #2580c3;
}

.pinArea .pin--saved {
    border-color: green;
}

.pinArea .pin--saved::after {
    background: green;
}

.pinArea .pin--start {
    top: 50%;
    left: 50%;
}

.pin--pin {

}


.pin_input {
    margin-right: 15px;
}

/* === */

.pinArea img {
    display: block;
}

.divPins {
    margin-top: 3px;
}

.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 #2580c3;
    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;
}

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

.categoryDesc__hr {
    margin: 0 0 12px !important;
    width: 100px !important;
}

.mlLabel {
    padding: 5px 0 14px 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
}

.userAvatar {
    margin-right: 10px;
    border-radius: 100%;
}

/*CONFIGI*/
.config_collapse_input {
    display: none !important;
}

.config_collapse_input:not(:checked) ~ .config_collapse_table {
    display: none;
}

.config_collapse_input:not(:checked) ~ .tab_info .config_collapse_label::after {
    content: "+";
}


.config_collapse_input:checked ~ .tab_info .config_collapse_label::after {
    content: "-";
}

.config_collapse_input + label {
    display: none !important;
}

.config_collapse_label {
    font-size: 1.5em;
    margin: 0 auto;
    height: 29px;
    width: 29px;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #d5d5d5;
}

.floating_submit__container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-top: 1px solid #d5d5d5;
    background: #FFFFFF;
}

/*webpush*/

.webpushStatus {
    position: relative;
    display: inline-block;
    width: 25px;
}

.webpushStatus--sent {
    width: 32px;
}

.webpushStatus__icon {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.webpushStatus__tooltip {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 90px;
    padding: 12px;
    background: #fff;
    border: 1px solid #ddd;
    text-align: left;
    font-weight: 400;
    margin-left: 18px;
    margin-top: -8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-out;
}

.webpushStatus:hover .webpushStatus__tooltip {
    opacity: 1;
    visibility: visible;
}

.webpushStatus__tooltip::before,
.webpushStatus__tooltip::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    right: 100%;
    top: 10px;
    border: 7px solid transparent;
}

.webpushStatus__tooltip::before {
    border-right-color: #ddd;
    margin-right: 1px;
}

.webpushStatus__tooltip::after {
    border-right-color: #fff;
}

.-error {
    border-color: #bf5953 !important;
}

*:not(input).-error {
    background: #FCDEDC;
    color: #bf5953;
}

/*PINS*/

.pinsNavbar {
    background: #f3f3f3;
    padding: 15px 25px;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid #E1E2E8;
    border-bottom: 1px solid #E1E2E8;
}

.pinsNavbar .nice_fileinput {
    margin-right: 15px;
}

.pinsNavbarOptions {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: auto;
}

.pinsNavbarOptions .button {
    height: 34px;
    width: 34px;
    margin-left: 5px;
    position: relative;
    border: none;
    outline: none;
    top: 0;
    left: 0;
    background-color: #474651;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-color 0.3s ease-out;
}

.pinsNavbarOptions .button:hover {
    background: #474651;
}

.pinsNavbarOptions .button.-disabled {
    cursor: not-allowed;
    opacity: .7;
}

.pinsNavbarOptions .button.-disabled:hover {
    background: #676575;
}

.pinsNavbarOptions .button i {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.pinsNavbarOptions .button i.pins_icon_add {
    background-image: url("images/pins_icon_add.png");
    background-size: 13px 13px;
}

.pinsNavbarOptions .button i.pins_icon_edit {
    background-image: url("images/pins_icon_edit.png");
    background-size: 16px 16px;
}

.pinsNavbarOptions .button i.pins_icon_delete {
    background-image: url("images/pins_icon_delete.png");
    background-size: 18px 18px;
}

.pinsContentWrap {
    padding: 20px;
}

.pinsContentContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f3f3;
    padding: 20px;
    border: 1px solid #E1E2E8;
    position: relative;
}

.pinsContent {
    position: relative;
    min-height: 500px;
    border: 1px solid #E1E2E8;
}

.pinManagerEditPinPopup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    width: 96%;
    height: 96%;
    background: #fff;
    z-index: 7;
    border: 1px solid #E1E2E8;
    -webkit-box-shadow: 2px 8px 12px 0px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 2px 8px 12px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 2px 8px 12px 0px rgba(0, 0, 0, 0.39);
    box-sizing: border-box;
}

.pinManagerEditPinPopup__body {
    position: relative;
    padding: 20px;
    flex-grow: 1;
    border-left: 4px solid #2580c3;
    height: 100%;
    overflow: auto;
}

.pinsWorkspace {
    position: relative;
    min-height: 500px;
    background: #fff;
}

.pinsWorkspace img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    line-height: 1;
    pointer-events: none;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.pinsWorkspace--empty {
    position: relative;
    background-image: url("images/crop_placeholder.png");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.pinsWorkspace--empty::after {
    content: "";
    background-image: url("images/crop_placeholder_hover.png");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

.pinsWorkspace--empty:hover::after {
    opacity: 1;
}

.pinsWorkspace__unselectArea {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

.pinsWorkspace__unselectArea.-active {
    pointer-events: auto;
}

.pinsWorkspace__uploadLabel {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.pinsWorkspace .pin {
    position: absolute;
    cursor: pointer;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    /*background: rgba(243,243,243, 0.2);*/
    z-index: 5;
    transform: translate(-50%, -50%);
}

.pinsWorkspace .pin .pin__content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pinsWorkspace .pin::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    border-radius: 50%;
    display: block;
    width: 35px;
    height: 35px;
    background: rgba(222, 222, 222, 0.6);
    transition: all 300ms;
}

.pinsWorkspace .pin::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: block;
    width: 15px;
    height: 15px;
    background: #c8c8c8;
}

.pinsWorkspace .pin:hover::before {
    transform: translate(-50%, -50%) scale(.9);
    background: rgba(243, 243, 243, 0.5);
}

/* widoczna i z produktem */

.pinsWorkspace .pin.-active::before {
    background: rgba(162, 162, 162, 0.4);
}

.pinsWorkspace .pin.-active:hover::before {
    background: rgba(162, 162, 162, 0.5);
}

.pinsWorkspace .pin.-active::after {
    background: #474651;
}

/*zaznaczona*/

.pinsWorkspace .pin.-current::before {
    background: rgba(37, 128, 195, 0.4);
}

.pinsWorkspace .pin.-current:hover::before {
    background: rgba(37, 128, 195, 0.5);
}

.pinsWorkspace .pin.-current::after {
    background: #2580c3;
}

.pinsWorkspace .pin.-current {
    cursor: move;
    z-index: 6;
}

/* PIN template circle */
.pinsWorkspace .pin[data-template="circle"][data-count]::after {
    content: attr(data-count);
    color: #474651;
    border: 1px solid #474651;
    font-weight: 700;
    font-size: 14px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.pinsWorkspace .pin[data-template="circle"][data-count].-active::after {
    background: #474651;
    border-color: #474651;
    color: #FFF;
}

.pinsWorkspace .pin[data-template="circle"][data-count].-current::after {
    background: #2580c3;
    border-color: #2580c3;
    color: #FFF;
}

.pinsWorkspace .pin[data-template="circle"][data-count]::before {
    display: none;
}


/* PIN template pin */

.pinsWorkspace .pin[data-template="pin"] {
    width: 16px;
    height: 20px;
    border-radius: 0;
    transform: translate(-50%, -100%);
}

.pinsWorkspace .pin[data-template="pin"]::after {
    -webkit-mask: url("data:image/svg+xml,%3Csvg id='Icon_awesome-map-marker-alt' xmlns='http://www.w3.org/2000/svg' width='22.5' height='30' viewBox='0 0 22.5 30'%3E%3Cpath id='Icon_awesome-map-marker-alt-2' d='M10.094,29.395C1.58,17.053,0,15.786,0,11.25a11.25,11.25,0,1,1,22.5,0c0,4.536-1.58,5.8-10.094,18.145a1.407,1.407,0,0,1-2.312,0ZM11.25,15.937A4.687,4.687,0,1,0,6.562,11.25,4.687,4.687,0,0,0,11.25,15.937Z' fill='%23ff334e'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg id='Icon_awesome-map-marker-alt' xmlns='http://www.w3.org/2000/svg' width='22.5' height='30' viewBox='0 0 22.5 30'%3E%3Cpath id='Icon_awesome-map-marker-alt-2' d='M10.094,29.395C1.58,17.053,0,15.786,0,11.25a11.25,11.25,0,1,1,22.5,0c0,4.536-1.58,5.8-10.094,18.145a1.407,1.407,0,0,1-2.312,0ZM11.25,15.937A4.687,4.687,0,1,0,6.562,11.25,4.687,4.687,0,0,0,11.25,15.937Z' fill='%23ff334e'/%3E%3C/svg%3E");
    background: #c8c8c8;
    width: 16px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.pinsWorkspace .pin[data-template="pin"]::before {
    display: none;
}

.pinsWorkspace .pin[data-template="pin"].-active::after {
    background: #474651;
}

.pinsWorkspace .pin[data-template="pin"].-current::after {
    background: #2580c3;
}

/*TABY */

.subTabNavbar {
    background-color: #f3f3f3;
    height: 40px;
    width: 100%;
    border-top: 1px solid #E1E2E8;
    border-bottom: 1px solid #E1E2E8;
    margin-bottom: 20px;
}

.subTabNavbar__item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 6px 15px;
    flex-grow: 1;
}

.subTabNavbar__item:not(:last-of-type) {
    border-right: 1px solid #d5d5d5;
}

.subTabNavbar__item.-active {
    background-color: #fff;
}

.subTabContent__item {
    display: none;
}

.subTabContent__item.-active {
    display: block;
}

.my_account_form {
    padding-top: 1.125rem;
}

/*AI VIEW START*/

.js__ai--prompt * {
    /*white-space: pre-wrap;*/
    overflow-wrap: break-word;
    /*text-align: initial;*/
    cursor: text;
    direction: ltr;
    text-align: left;
    white-space: break-spaces;
}

.aiLoaderContainer {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(239, 239, 239, 0.2);
    opacity: 0;
    pointer-events: none;
}

.aiLoaderContainer.-active {
    opacity: 1;
    pointer-events: auto;
}


.ajaxLoader {
    position: relative;
    height: 100%;
    width: 100%;
}

.ajaxLoader::before, .ajaxLoader::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-top: -0.9375rem;
    margin-left: -0.9375rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 100%;
    border: 0.25rem solid transparent;
    border-top-color: #2580c3;
}

.ajaxLoader::before {
    border-color: #B9B9B9;
}

.ajaxLoader::after {
    z-index: 11;
    animation: ajaxLoaderSpin 1s infinite;
}

@keyframes ajaxLoaderSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.promptParagraph__item--green {
    background: #d2f4d3;
}

.aiSettings__item {
    margin-bottom: 20px;
}

.tokens {
    padding: 5px;
    background: #f3f3f3;
    color: #5e5e63;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
}

.ai_collapse_info p {
    margin-bottom: 5px;
}

.ai_collapse_info .checkbox-label {
    display: none !important;
}

.ai_collapse--label {
    cursor: pointer;
}

.ai_collapse--trigger ~ .ai_collapse--box .ai_collapse--labelOpen {
    display: inline-block;
}

.ai_collapse--trigger ~ .ai_collapse--box .ai_collapse--labelClose {
    display: none;
}

.ai_collapse--trigger:checked ~ .ai_collapse--box .ai_collapse--labelOpen {
    display: none;
}

.ai_collapse--trigger:checked ~ .ai_collapse--box .ai_collapse--labelClose {
    display: inline-block;
}

.ai_collapse--target {
    display: none;
}

.ai_collapse--trigger:checked ~ .ai_collapse--target {
    display: block;
}


/*AI VIEW END*/


/*Range slider START*/

.rangeSlider__label {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    color: #5e5e63;
    margin-bottom: 4px;
}

.rangeSlider__slider {
    width: 100%;
    display: flex;
    align-items: center;
}

.rangeSlider__rangeInput {
    width: calc(100% - 90px);
}

.rangeSlider__numberInput {
    width: 60px !important;
    margin-left: 10px !important;
}

.rangeSlider__slider input[type=range] {
    -webkit-appearance: none;
    margin: 12px 0;
    width: 100%;
}

.rangeSlider__slider input[type=range]:focus {
    outline: none;
}

.rangeSlider__slider input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: 0 0 0 #222, 0px 0px 0 #2f2f2f;
    background: #f3f3f3;
    border-radius: 0;
    border: 0 solid black;
}

.rangeSlider__slider input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 0 #111, 0px 0px 0 #1e1e1e;
    border: 0 solid white;
    height: 24px;
    width: 10px;
    border-radius: 0;
    background: #2580c3;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -9px;
}

.rangeSlider__slider input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ffffff;
}

.rangeSlider__slider input[type=range]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: 0 0 0 #222, 0px 0px 0 #2f2f2f;
    background: #f3f3f3;
    border-radius: 0;
    border: 0 solid black;
}

.rangeSlider__slider input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 0 #111, 0px 0px 0 #1e1e1e;
    border: 0 solid white;
    height: 24px;
    width: 10px;
    border-radius: 0;
    background: #2580c3;
    cursor: pointer;
}

.rangeSlider__slider input[type=range]::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 10px 0;
    color: transparent;
}

.rangeSlider__slider input[type=range]::-ms-fill-lower {
    background: #dadada;
    border: 0 solid black;
    border-radius: 0;
    box-shadow: 0 0 0 #222, 0px 0px 0 #2f2f2f;
}

.rangeSlider__slider input[type=range]::-ms-fill-upper {
    background: #f3f3f3;
    border: 0 solid black;
    border-radius: 0;
    box-shadow: 0 0 0 #222, 0px 0px 0 #2f2f2f;
}

.rangeSlider__slider input[type=range]::-ms-thumb {
    box-shadow: 0 0 0 #111, 0px 0px 0 #1e1e1e;
    border: 0 solid white;
    height: 24px;
    width: 10px;
    border-radius: 0;
    background: #2580c3;
    cursor: pointer;
}

.rangeSlider__slider input[type=range]:focus::-ms-fill-lower {
    background: #f3f3f3;
}

.rangeSlider__slider input[type=range]:focus::-ms-fill-upper {
    background: #ffffff;
}


/*Range slider END*/

.head_login_info_name {
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
}

.change_password_form{
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.link_counter {
    position: relative;
}

.link_counter .counter {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    min-width: 18px;
    min-height: 18px;
    background-color: #2580c3;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-weight: bold;
    font-size: 0.563rem;
}

.new_comment_border {
    border-bottom: 1px solid #b8d6e9;
}

li.unvisible {
    background: #FEE2E2;
}

.user_group_switch + #module_wrap {
    opacity: .6;
    pointer-events: none;
}

.user_group_switch.-active + #module_wrap {
    opacity: 1;
    pointer-events: auto;
}

.edit_waste_info{
  padding: 17px 15px 17px 15px;
}


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

.two_factor_authentication_label {
  border-radius: 8px;
  background-color: #2580c3;
  color: #FFF;
  font-size: 80%;
  font-weight: 600;
  margin-left: 5px;
  padding: 4px 8px;
  display: inline-block;
  line-height: 1;
}


.file_add__buttons{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 9px;
    padding-right: 10px;
    height: 35px;
}

.button_archive{
  display: inline-block;
  color: #4e4e4e;
  border-bottom: 1px solid #D7D8DB;
  padding: 40px 10px 5px;
}

.gallery__search {
  position: relative;
  display: inline-block;
}

/* colorProfile */

.colorProfile {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  color: #515151;
  font-size: 14px;
}

.colorProfile__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.colorProfile__item {
  border: 1px solid #d5d5d5;
}

.colorProfile__itemHeader {
  border-bottom: 1px solid #d5d5d5;
  background: #f3f3f3;
  font-weight: 700;
  padding: 20px;
  font-size: 18px;
}

.colorProfile__nestedList {
  margin: 20px;
}

.colorProfile__nestedList--inputs {
  max-width: 300px;
}

.colorProfile__nestedList--inputs li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

.colorProfile__name {
  font-size: 16px;
  font-weight: 600;
}

.colorProfile input[type="color"] {
  padding: 0;
  width: 100px;
  height: 30px;
  border: 0;
  background: transparent;
}

.colorProfile__rangeWrap {
  display: flex;
  align-items: center;
}

.colorProfile__rangeValue {
  display: inline-block;
  text-align: center;
  min-width: 25px;
  padding: 5px;
  margin-left: 5px;
  background: #2580c3;
  color: #ffffff;
  border-radius: 4px;
}

.colorProfile__button {
  width: min-content;
}


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

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

#head_bg {
  background: #0f6ab0 url("images/head_lp.png") repeat-y left 0;
}

#head_message span.counts {
  color: #2580c3;
  border: 2px solid #2580c3;
}

#log_bar .pink_text {
  color: #80bee8;
}

#button_cms {
  border-bottom: 1px solid #80bee8;
}

#button_cms a {
  outline: #24578c solid 1px;
  border-top: 1px solid #80bee8;
}

#button_home {
  border-bottom: 1px solid #80bee8;
}

#button_home a {
  outline: #24578c solid 1px;
  border-top: 1px solid #80bee8;
}

#button_logout {
  border-bottom: 1px solid #80bee8;
}

#button_logout a {
  outline: #24578c solid 1px;
  border-top: 1px solid #80bee8;
}

#button_config_files {
  border-bottom: 1px solid #80bee8;
}

#button_config_files a {
  outline: #24578c solid 1px;
  border-top: 1px solid #80bee8;
}

#button_config_access {
  border-bottom: 1px solid #80bee8;
}

#button_database_reset a {
  outline: #24578c solid 1px;
  border-top: 1px solid #80bee8;
}

#button_database_reset {
  border-bottom: 1px solid #80bee8;
}

#button_config_access a {
  outline: #24578c solid 1px;
  border-top: 1px solid #80bee8;
}

.white_separator {
  background-color: #80bee8;
}

#head_message {
  background-color: #2580c3;
}

#button_help:hover {
  background-color: #2368a5;
}

#button_message:hover {
  background-color: #2368a5;
}

#button_account:hover {
  background-color: #2368a5;
}

#button_account a {
  color: #2580c3;
}

.cloud_row:hover {
  border-left: 4px solid #2580c3
}

.kat_img {
  border: 1px solid #2580c3;
}

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

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

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

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

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

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

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

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

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

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

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

.mod_bottom {
  border-left: 3px solid #2580c3;
}

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

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

.mod ul li.selected > a {
  color: #2580c3;
}

.mod ul li.unvisible {
  background: #ebf0fb;
  border: 1px solid #80bee8;
}

.money_red {
  color: #2580c3;
}

.admin_red {
  color: #2580c3;
}

.red_button {
  background-color: #2580c3;
}

.red_button:hover {
  background-color: #24578c
}

.button {
  background-color: #2580c3;
}

.button:hover {
  background-color: #24578c
}

.action_button {
  background-color: #2580c3;
}

.action_button:hover {
  background-color: #24578c
}

#main_dashboard .statbox_label {
  border-left: 5px solid #2580c3;
}

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

#main_dashboard .updown_chart {
  border-left: 4px solid #2580c3;
}

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

#toggle_status_history {
  background-color: #2580c3;
}

table.tab .menu td {
  color: #2580c3;
}

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

#login_top_bar {
  height: 5px;
  background: #2580c3 url("images/login_border_top_b.png") repeat-y left top;
}

#login_icon {
  border-left: 5px solid #2580c3;
}

.category_menu ul li.unvisible {
  background: #ebf0fb;
  border: 1px solid #80bee8;
}

div.calendar td.today {
  color: #2580c3;
}

table.tab th a.lang-select:hover img {
  background-color: #80bee8;
}

.input_wrong {
  border: 1px solid #2580c3;
  background-color: #80bee8;
}

#login_header {
  background: #0f6ab0 url("images/top_login_b.png") repeat-y left top;
}

.nice_fileinput {
  background-color: #2580c3;
}

.nice_fileinput:hover {
  background-color: #24578c;
}

#ga_dash {
  border-left: 4px solid #2580c3;
}

#button_lang {
  border: 1px solid #24578c;
}

.kat_img {
  border: 1px solid #2580c3;
}

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

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

#pic_ml_reg {
  background: #2580c3 url("images/kat_reg_w.png") no-repeat center center;
}

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

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

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

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

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

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

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

#pic_ml_ai {
  background: #2580c3 url("images/kat_ai_w.png") no-repeat center center;
}

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

#pic_ml_app {
  background: #2580c3 url("images/kat_app_w.png") no-repeat center center;
}

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

#pic_ml_sms {
  background: #2580c3 url("images/kat_sms_w.png") no-repeat center center;
}

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

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

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

#favorite .fav_tab a.active {
  color: #2580c3;
}

#favorite .fav_tab a:hover {
  color: #2580c3;
}

#popup .order-nav .not.confirmed {
  background: #2580c3;
}

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

#popup table.tab .order-nav nav a.active {
  background-color: #2580c3;
}

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

#order_edit {
  border-left: 4px solid #2580c3;
}

.hard_bounce {
  color: #2580c3;
}

#inpostParcels th {
  border-bottom: 3px solid #2580c3;
}

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

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

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

.dz-preview .dz-info .checkmark input:checked + span {
  background: url("images/tick.gif") no-repeat;
}

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

.move_to {
  width: 4%;
}

.button.disabled {
  pointer-events: none;
}


/*WYSZUKIWARKA W FILE_ADD_LIST*/

.filter-hide {
  display: none;
}

.file_add_row,
.form-row--grey > td {
  background: #f3f3f3 !important;
}

.to_filter {
  border-bottom: 1px solid #e1e1e1;
}

/*UPRAWNIENIA W USER_GROUP*/

.hidding_underline {
  text-decoration: underline;
}

/*FILE ADD Z FTP*/

.account_menu {
  height: 100%;
}

.account_menu li {
  box-sizing: border-box;
  border-right: 2px solid #666871;
  display: block;
  float: left;
  height: 100%;
  line-height: 38px;
  cursor: pointer;
  font-weight: bold;
  padding-right: 15px;
  text-decoration: underline;
}

.account_menu li:not(:first-child) {
  padding-left: 15px;
}

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

.file_add_multiple {
  margin-right: 15px;
}

#file_add_wrap .table_view,
#file_add_wrap .table_view * {
  box-sizing: content-box;
}

#file_add_wrap .pagination_per_page {
  padding-left: 10px;
  padding-bottom: 9px;
  padding-top: 5px;
}

#file_add_wrap .pagination_container {
  margin-bottom: 9px;
  margin-top: 10px;
}

/*UKŁAD STRONY*/

.section_arrangement_file ~ .nice_fileinput {
  margin-left: 20px;
}

#dropzone .bottom_bar .options {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#dropzone .bottom_bar .options label {
  display: flex;
  margin-bottom: 5px;
}

.popup_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 750px;
  min-height: 450px;
  overflow-y: scroll;
  background-color: white;
  z-index: 11;
  padding: 50px;
  border: 1px solid #d5d5d5;

}

.popup_container::-webkit-scrollbar {
  width: 0;
  display: none;
}

.popup_link_full {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #f3f3f3 url("images/buttons/close.gif") no-repeat center center;
  border: 1px solid #d5d5d5;
  height: 43px;
  width: 43px;
  margin: 0;
  z-index: 100;
}

.info_bar_list_wrap {
  position: fixed;
  z-index: 11;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  color: white;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: height .3s ease-out;
}

.info_bar_list_wrap.-active {
  height: 50px;
  transition: height .3s ease-out;
}

.info_bar_list_container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #248CCC;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans";
  transform: translateY(100%);
  transition: transform .3s;
}

.info_bar_list_container strong{
  font-weight: 700;
}

.info_bar_list_wrap.-active .info_bar_list_container {
  transform: translateY(0);
}

.info_bar_list_container a {
  color: white;
}

.hide_info_bar_button {
  position: fixed;
  height: 50px;
  width: 50px;
  right: 0;
  bottom: 0;
  z-index: 12;
  border: 0;
  cursor: pointer;
  background: #248CCC;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hide_info_bar_button svg {
  width: 22px;
  fill: #FFFFFF;
  transition: transform .3s;
  transform: rotate(180deg);
}

.hide_info_bar_button:hover {
  background: #24578c;
}

.info_bar_list_wrap.-active .hide_info_bar_button svg {
  transform: rotate(0deg);
}

body:has(.info_bar_list_wrap.-active) #menu_container {
  height: calc(100% - 100px) !important;
}

body:has(.info_bar_list_wrap.-active) #content {
  padding-bottom: 50px;
}

.popup_content_1,
.popup_content_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;font-family: "Open Sans";
}

.popup_content_1 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 40px;
}

.popup_content_2 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.1;
}

.popup_content_2 strong{
  font-weight: 700;
}

.form_rios input[type="email"]{
  width: 99%;
  height: 24px;
  padding: 0 0 0 5px;
  margin: 0;
}

.form_rios .dictionary input{
  width: 85%;
  margin-right: 10px;
}

.rios_input_text {
  position: relative;
  z-index: 10;
}

.js__autocomplete--td {
  position: relative;
}

.js__autocomplete--values {
  position: absolute;
  background-color: white;
  width: calc(99% - 20px);
  border: 1px solid #ccc;
}

.js__autocomplete--value {
  background-color: white;
  transition: background-color .3s;
  cursor: pointer;
  padding: 5px 10px;
}

.js__autocomplete--value:hover{
  background-color: #eaeaea;
  transition: background-color .3s;
}