/*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: #000000; /*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: #FFFFFF;
  padding: 4px;
  border: 1px solid #CCCCCC;
}

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

.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: #FFFFFF;
  background-color: #474651;
}

.calendar_choose {
  padding: 5px;
  width: 400px;
  font-family: "Open Sans";
  font-size: 12px;
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF 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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF 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: 310px;
  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: #FFFFFF;
  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 #FFFFFF;
  min-height: 70px;
  border-bottom: 1px solid #D7D7D7;
  background-color: #FFFFFF;
}

.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;
  min-width: 110px;

  border-bottom: 1px solid #FF7A87;
}

#button_cms a {
  margin-top: 1px;
  display: block;
  min-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: #FFFFFF;
}

.mod_head {
  background-color: #FFFFFF;
  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: #FFFFFF;
}

.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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF url("images/arr_right.png") no-repeat center center;
}

.pagination_container .prev-on a {
  color: #B3B3B3;
  background: #FFFFFF 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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  padding: 3px 8px;
  font-family: "Open Sans";
  font-size: 10px
}

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

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

.white_text {
  color: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  border-radius: 3px;
}

.nice_select_color ul {
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
}

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

.nice_select_color span {
  text-align: left;
  line-height: 24px;
  padding: 0 6px;
  color: #FFFFFF;
  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: #FFFFFF;
  border: solid 1px #CCCCCC;
}

.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: #000000;
  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: #FFFFFF 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: #FFFFFF;
  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;
  min-width: 125px;
  padding-right: 20px;
  background: #FFFFFF 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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF 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 #FFFFFF;
  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: #FFFFFF 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: #FFFFFF url("images/border_tdi_r.gif") no-repeat center right;
  border-left: 4px solid #FFFFFF;
}

#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: #FFFFFF;
  padding: 18px 15px 18px;
  line-height: 0;
}

#main_dashboard table.messages #message_nav > .msg_nav_btn {
  background: #FFFFFF 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: #FFFFFF;
  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: #FFFFFF;
  line-height: 0;
}

.changesTabNavbar > .changesTabNavbar__item {
  background: #FFFFFF 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: #FFFFFF;
  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 #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  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: #FFFFFF;
}

#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 #CCCCCC;
  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: #FFFFFF;
  border: none;
  background-color: #474651;
  font-weight: bold;
  padding: 16px 15px 16px;
}

table.tab tr th {
  font-weight: 600;
  color: #FFFFFF;
  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: #FFFFFF 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: #FFFFFF !important;
}

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

/*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: #000000;
  font-weight: 600;
}

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

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

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

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

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

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

#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: #FFFFFF;
  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: #FFFFFF;
  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 #FFFFFF;
  background-color: #FEF6F7;
  height: 50px;
}

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

#popup tr.summary_bottom_row {
  border-bottom: 1px solid #FFFFFF;
  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: #FFFFFF;
  top: -25px;
}

#outer_fav_ctrl > #inner_fav_ctrl {
  border: 1px solid #E2E2E2;
  background: #FFFFFF 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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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 #000000;
  background: #000000;
  color: #FFFFFF;
  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 #888888;
  -webkit-box-shadow: 5px 5px 5px #888888;
  box-shadow: 5px 10px 5px #888888;
}

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

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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  padding: 3px 5px;
  border: none;
  font-size: 10px;
  text-align: center;
  color: #CCCCCC;
  width: 14px;
}

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

div.calendar td.today {
  background: #FFFFFF 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: #FFFFFF;
  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: #FFFFFF;
  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: #999999;
  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: #FFFFFF;
  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=checkbox].nd_checkbox:disabled + label.checkbox-label {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #F0F0F0;
}

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: #FFFFFF 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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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 #CCCCCC;
  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: #FFFFFF;
  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: #FFFFFF;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
  border-bottom: 1px solid #FFFFFF;
  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: #FFFFFF;
}


.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: #FFFFFF;
  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: #FFFFFF;
  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 #000000;
  background: #000000;
  color: #FFFFFF;
  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 #888888;
  -webkit-box-shadow: 2px 2px 5px #888888;
  box-shadow: 2px 2px 5px #888888;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
  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: #999999;
}

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

.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 #CCCCCC;
  padding: 10px;
  width: 100%;
  resize: none;
  box-sizing: border-box;
}

#vote_popup .add_row {
  display: block;
  height: 24px;
  width: 24px;
  background: #474651;
  color: #FFFFFF;
  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: #333333;
}

#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: #FFFFFF;
  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: #EEEEEE;
  border: #000000 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: #000000;
  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: #FFFFFF;
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
  list-style: none;
  border: 1px solid #DDDDDD;
  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 #DDDDDD;
  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: #FFFFFF;
  border: 1px solid #DDDDDD;
  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: #DDDDDD;
  margin-right: 1px;
}

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

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

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

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

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

.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 #222222, 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 #111111, 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 #222222, 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 #111111, 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 #222222, 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 #222222, 0px 0px 0 #2F2F2F;
}

.rangeSlider__slider input[type=range]::-ms-thumb {
  box-shadow: 0 0 0 #111111, 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;
}

.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: #FFFFFF;
  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 #CCCCCC;
}

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