/**
  Own variables
*/
/**
  COMMON_STYLES
*/
@import url('https://fonts.googleapis.com/css?family=Arimo:300,400,500,600,700|Roboto:400,500,600,700,900');
.banner-image-750-100 img {
  width: 750px !important;
  height: 100px !important;
}
.banner-image-650-90 img {
  width: 650px !important;
  height: 90px !important;
}
.banner-image-220-150 img {
  width: 220px !important;
  height: 150px !important;
}
.ui-autocomplete {
  background-color: #ffffff;
  z-index: 100;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  box-shadow: 1px 1px 3px #666;
  list-style: none;
  padding: 0;
  display: block;
  max-width: 300px;
}
.ui-helper-hidden-accessible {
  display: none;
}
.ui-autocomplete-hilight-needle {
  font-weight: bold;
}
.panel-scroll {
  overflow-x: auto;
}
.b2b-active-pager {
  text-align: right;
}
.b2b-active-pager .btn-default {
  width: 33px;
  height: 28px;
  background-image: linear-gradient(to bottom, #fdfdfd 0%, #eeeeee 100%) !important;
  border: 1px solid #d7d7d7 !important;
  color: #444444;
  padding: 7px;
}
.b2b-active-pager .btn-default:hover {
  background-image: linear-gradient(to bottom, #fdfdfd 0%, #eeeeee 100%) !important;
  border: 1px solid #d7d7d7 !important;
  color: #444444;
}
.b2b-active-pager .form-control {
  width: 28px;
  height: 28px;
  padding: 1px;
}
.b2b-active-pager .form-control[type=text] {
  text-align: center;
  display: inline-block;
}
.b2b-active-pager label {
  display: inline-block;
  color: #444444;
  font-weight: normal;
}
.b2b-active-pager select.form-control {
  display: inline-block;
  width: 62px;
}
#zxc tbody tr td {
  border: 1px solid red;
}
#zxc_length {
  margin: 8px;
}
#zxc_filter {
  margin: 8px;
}
.ws-datagrid-table {
  width: 100%;
}
.ws-datagrid-table th {
  border: 2px solid black;
}
.ws-datagrid-table tbody tr td {
  border: 2px solid black;
}
.ws-datagrid-container {
  overflow-x: auto;
}
/* xs only */
/* sm only */
/* md only */
/* lg only */
@media (max-width: 549px) {
  .hidden-us {
    display: none;
  }
}
body {
  overflow-x: hidden;
}
#contentWrap {
  position: relative;
}
.mobile-expanded-slidable {
  position: relative;
}
.mobile-left-menu {
  position: fixed;
  overflow-y: auto;
  width: 230px;
  height: 100%;
  top: 100px;
  left: 0;
  z-index: -1;
  background-color: #fff;
  display: none;
  box-shadow: 4px 0px 16px -6px rgba(148, 148, 148, 0.43);
  border: #f5f5f5;
}
@media screen and (min-width: 441px) and (max-width: 991px) {
  .mobile-left-menu {
    top: 156px;
  }
}
.mobile-left-menu.expanded {
  z-index: 0;
  display: block;
}
.mobile-left-menu .mobile-category-menu-nav li a {
  padding-right: 33px;
  position: relative;
  /* us only */
}
.mobile-left-menu .mobile-category-menu-nav li a:focus {
  outline: none;
  text-decoration: none;
}
@media (max-width: 549px) {
  .mobile-left-menu .mobile-category-menu-nav li a {
    word-wrap: break-word;
    hyphens: auto;
  }
}
.mobile-left-menu .mobile-category-menu-nav li a:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  display: inline-block;
  float: right;
  font-size: 14px;
  position: absolute;
  padding-top: 11px;
  top: 0;
  right: 13px;
}
.mobile-left-menu .mobile-category-menu-nav li.active-expanded > a {
  color: #5d1c76;
  font-weight: bolder;
  text-decoration: none;
}
.mobile-left-menu .mobile-category-menu-nav li.active-expanded > a:after {
  content: "\f0d7";
}
.mobile-left-menu .mobile-category-menu-nav li.is-has-no-children > a:after {
  content: "\f0c1";
  right: 10px;
}
.mobile-left-menu .mobile-category-menu-nav .sub-menu {
  list-style: none;
  display: none;
  padding-left: 0;
}
.mobile-left-menu .mobile-category-menu-nav .sub-menu.expanded {
  display: block;
}
.mobile-left-menu .mobile-category-menu-nav .sub-menu li {
  display: block;
}
.mobile-left-menu .mobile-category-menu-nav .sub-menu li a {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 22px;
  /* us only */
}
@media (max-width: 549px) {
  .mobile-left-menu .mobile-category-menu-nav .sub-menu li a {
    padding-left: 7px;
  }
}
.mobile-left-menu .mobile-category-menu-nav .sub-menu li a:focus {
  outline: none;
}
.mobile-left-menu .mobile-category-menu-nav > li > ul.sub-menu > li > a {
  background-color: #ededed;
}
.mobile-left-menu .mobile-category-menu-nav > li > ul.sub-menu > li > ul.sub-menu li a {
  background-color: #e6e6e6;
  padding-left: 44px;
  /* us only */
}
@media (max-width: 549px) {
  .mobile-left-menu .mobile-category-menu-nav > li > ul.sub-menu > li > ul.sub-menu li a {
    padding-left: 11px;
  }
}
.mobile-left-menu .mobile-category-menu-nav > li > ul.sub-menu > li > ul.sub-menu > li li .level-indicator {
  display: inline-block;
  width: 3px;
}
.mobile-left-menu .mobile-category-menu-nav > li > a {
  /* us only */
}
@media (max-width: 549px) {
  .mobile-left-menu .mobile-category-menu-nav > li > a {
    padding-left: 7px;
  }
}
.mobile-left-menu .mobile-category-menu-nav > li > a:after {
  padding-top: 13px;
}
/* xs only */
/* sm only */
@media (min-width: 768px) and (max-width: 991px) {
  .b2b-menu-product-categories-box .left {
    width: 233px !important;
  }
  .b2b-menu-product-categories-box .left-arrow {
    left: 225px !important;
  }
  .b2b-menu-product-categories-box .middle-arrow {
    left: 218px !important;
  }
  .b2b-menu-product-categories-box .middle {
    padding-left: 11px !important;
    width: 225px !important;
    left: 260px !important;
  }
  .b2b-menu-product-categories-box .right {
    width: 258px !important;
    left: 490px !important;
  }
}
/* xs & sm */
@media (max-width: 991px) {
  .main-columns-wrap--margin {
    padding: 0 15px;
  }
  .main-columns-wrap {
    /*		display: -webkit-box;
				display: -moz-box;
				display: box;
		
				-webkit-box-orient: vertical;
				-moz-box-orient: vertical;
				box-orient: vertical;*/
  }
  .main-columns-wrap .region-left {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  .main-columns-wrap .region-main {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  .region-left {
    padding: 0 15px;
  }
  .region-left .cms-block {
    border: none;
    margin-bottom: 5px;
    position: relative;
  }
  .region-left .cms-block .panel-heading {
    background-color: #ededed !important;
    color: #2c2c27 !important;
    border: none !important;
    height: 51px !important;
    padding: 18px 16px  !important;
    cursor: pointer;
    transition: 0.3s ease;
  }
  .region-left .cms-block .panel-heading:hover {
    background-color: #e0e0e0 !important;
  }
  .region-left .cms-block .panel-heading:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.1s ease;
    content: "\f054";
    display: inline-block;
    font-size: 22px;
    position: absolute;
    top: 15px;
    right: 23px;
  }
  .region-left .cms-block.mobile-theme-2 .panel-heading {
    background-color: #5d1c76 !important;
    color: #ffffff !important;
    font-weight: bold !important;
  }
  .region-left .cms-block.mobile-theme-2 .panel-heading:hover {
    background-color: #6d218b !important;
  }
  .region-left .cms-block .panel-body {
    display: none;
    transition: 0.3s ease;
  }
  .region-left .cms-block.mobile-block-expanded .panel-body {
    display: block;
  }
  .region-left .cms-block.mobile-block-expanded .panel-heading:after {
    transform: rotate(90deg);
  }
  .region-left .cms-block.mobile-block-collapsed .panel-body {
    display: none;
  }
  .product-list-template .main-columns-wrap {
    display: block;
  }
  .product-list-template .main-columns-wrap .product-filter .panel-body {
    display: block;
  }
}
/* md & lg */
@media (min-width: 992px) {
  .mobile-left-menu {
    z-index: -1 !important;
  }
  .mobile-expanded-slidable {
    left: 0 !important;
  }
  footer {
    height: 150px;
  }
}
/* xs & sm & md */
@media (max-width: 1199px) {
  .additional-footer-wrap {
    height: 70px;
  }
  .additional-footer-wrap hr {
    margin-top: 10px;
    border: none;
  }
}
/* xs only */
@media (max-width: 767px) {
  .additional-footer-wrap {
    height: 95px;
    padding-top: 31px;
  }
  .additional-footer-wrap hr {
    display: none;
  }
  .additional-footer-wrap .additional-footer-left,
  .additional-footer-wrap .additional-footer-right {
    text-align: center;
  }
}
/* md only */
/* lg only */
/* us only */
@media (max-width: 549px) {
  .navbar .user-nav-panel .header-wrap header a {
    display: block;
    height: 93px;
    position: relative;
  }
  .product-group-displayer .product-item {
    width: 100% !important;
  }
  footer .footer-column {
    width: 100%;
    clear: both;
    text-align: center;
  }
  footer .error-sadness {
    margin-top: 5px;
    margin-bottom: 7px;
    text-align: center;
  }
  .additional-footer-wrap {
    padding-top: 5px;
  }
  .main-header .banner-displayer {
    display: none !important;
  }
  .thumbnail-list-image-column {
    width: 100%;
  }
  .thumbnail-list-product-column {
    width: 100%;
  }
  .product-list .panel-body .view-list .list-item {
    height: auto;
  }
  .product-list .view-thumbs .thumb-item {
    width: 100%;
    height: auto;
    border-left: none !important;
    border-right: none !important;
  }
}
.column-mobile-hidden {
  /* xs & sm */
}
@media (max-width: 991px) {
  .column-mobile-hidden {
    display: none;
  }
}
/* us */
@media (max-width: 549px) {
  #contentWrap.login-panel-page .header-wrap {
    text-align: center;
  }
  #contentWrap.login-panel-page .header-wrap img {
    max-width: 200px;
  }
  #contentWrap.login-panel-page .b2b-login-panel {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  #contentWrap.login-panel-page .b2b-login-panel .b2b-login-panel-body {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    height: auto;
  }
  #contentWrap.login-panel-page .b2b-login-panel .b2b-login-panel-bottom {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    height: auto;
  }
  #contentWrap.login-panel-page .b2b-login-panel .b2b-login-panel-bottom .link-default2 {
    margin-top: 22px;
    display: inline-block;
  }
  .login-panel-footer {
    height: 100%;
  }
}
:focus {
  outline: 0 !important;
}
::-moz-focus-inner {
  border: 0 !important;
}
.container {
  width: auto;
  max-width: 1200px;
}
.text-brown {
  color: #723C1A !important;
}
a {
  cursor: pointer;
  color: #0f3c7d;
}
a:hover,
a:focus {
  color: #335991;
}
a.alternative {
  color: #5d1c76;
}
a.link-default2 {
  color: #5d1c76;
}
a.green {
  color: #0f3c7d;
}
.alternative {
  color: #5d1c76;
}
.danger {
  color: #E4DDD7;
}
.thumbnail {
  padding: 0;
  border-radius: 0;
  border-color: transparent;
}
.thumbnail-gallery-repeater {
  margin-right: 57px;
}
.highlight2 {
  color: #0f3c7d !important;
}
.separator-vertical {
  height: 14px;
  width: 1px;
  color: #cccccc;
  display: inline-block;
}
.form-control {
  height: 34px;
  padding: 6px 22px 6px 10px;
  border: 1px solid #cbcbcb;
  box-shadow: inset 0 2px #eaedef;
  font-size: 14px;
  color: #777777;
  border-radius: 0px;
  outline: none;
}
.form-control.has-error {
  border: 1px solid #d9534f;
}
.form-control.has-error:focus {
  border: 1px solid #d9534f;
}
.form-control::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(0, 34, 62, 0.5);
}
.form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 34, 62, 0.5);
  opacity: 1;
}
.form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 34, 62, 0.5);
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 34, 62, 0.5);
}
.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(0, 34, 62, 0.5);
}
.hide {
  display: none;
}
.show-element {
  display: block;
}
h2.common-header {
  font-size: 20px;
  border-bottom: 2px solid #E4DDD7;
  padding-bottom: 22px;
  font-weight: bolder;
}
.container-full {
  margin: 0 auto;
  width: 100%;
}
.full-height {
  height: 100%;
  max-height: 100%;
}
.fill {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.no-padding {
  padding: 0px !important;
}
.no-padding-top {
  padding-top: 0px !important;
}
.no-padding-bottom {
  padding-bottom: 0px !important;
}
.no-padding-right {
  padding-right: 0px !important;
}
.no-margin-top {
  margin-top: 0px !important;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
}
.strong {
  font-weight: 800;
}
.semi-strong {
  font-weight: 600;
}
.light {
  font-weight: 300;
}
DIV.scrollable {
  overflow: auto;
  max-height: 100%;
  max-width: 100%;
}
UL.dropdown-menu-form {
  padding: 5px 10px 0;
  max-height: 200px;
  overflow-y: scroll;
  white-space: nowrap;
}
UL.dropdown-menu-form LABEL {
  font-weight: normal;
  cursor: pointer;
}
.prado-calendar > DIV {
  width: auto !important;
  height: auto !important;
  z-index: 10 !important;
}
.prado-calendar > DIV .date {
  border: 1px solid white !important;
}
.prado-calendar > DIV .selected {
  background-color: #462e70 !important;
}
.prado-calendar > DIV .date:hover {
  background-color: #dddddd !important;
}
.navbar-fixed-height {
  max-height: 70px;
  overflow-x: auto;
}
.always-display-inline-block {
  display: inline-block !important;
}
#logModal .modal-dialog {
  width: 90%;
}
div#kabudachiMessage {
  display: none;
}
textarea.textarea-resize-vertically {
  resize: vertical;
}
.noPadding--left {
  padding-left: 0 !important;
}
.noPadding--right {
  padding-right: 0 !important;
}
.text-weight--normal {
  font-weight: normal !important;
}
.panel {
  box-shadow: none;
}
.panel .panel-heading .breadcrumb {
  margin: 0;
  background-color: rgba(200, 200, 200, 0.1);
}
.panel .panel-heading .breadcrumb .active {
  color: #444444;
}
.panel .panel-heading .breadcrumb .separator {
  color: #777777;
}
.panel .panel-footer.panel-footer-plain {
  background-color: transparent;
  border-top-color: transparent;
}
.panel .panel-body {
  padding: 14px;
}
.panel.panel-default {
  border-radius: 5px;
}
.panel.panel-default .panel-heading {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 11px 13px;
  line-height: 15px;
  color: #444444;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 0;
}
.panel.panel-default .panel-heading.page-heading {
  border-bottom: 2px solid #E4DDD7;
  margin-bottom: 10px;
}
.panel.panel-default .panel-heading.panel-heading-alternate {
  color: #5d1c76;
}
.panel.panel-default .panel-heading.special-heading {
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 23px;
  color: #000000;
  font-family: "Roboto";
  font-weight: 300;
  background: none;
  padding-left: 0;
  padding-top: 0;
  clear: left;
  position: relative;
  top: 3px;
}
@media (max-width: 1199px) {
  .panel.panel-default .panel-heading.special-heading {
    font-size: 18px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .panel.panel-default .panel-heading.special-heading {
    text-align: center;
  }
}
.panel.panel-default.panel-noborder {
  border-color: transparent;
  border-radius: 5px;
  box-shadow: none;
}
.panel.panel-default.panel-noborder .panel-heading {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
}
.panel.panel-primary,
.panel.panel-datagrid {
  padding: 0;
}
.panel.panel-primary .panel-heading,
.panel.panel-datagrid .panel-heading {
  padding: 0;
  color: #e52987;
}
.panel.panel-primary .panel-heading h1,
.panel.panel-datagrid .panel-heading h1,
.panel.panel-primary .panel-heading h2,
.panel.panel-datagrid .panel-heading h2,
.panel.panel-primary .panel-heading h3,
.panel.panel-datagrid .panel-heading h3,
.panel.panel-primary .panel-heading h4,
.panel.panel-datagrid .panel-heading h4,
.panel.panel-primary .panel-heading h5,
.panel.panel-datagrid .panel-heading h5 {
  margin: 0;
  font-weight: bold;
}
.panel.panel-primary .panel-heading h2,
.panel.panel-datagrid .panel-heading h2 {
  font-size: 16px;
  padding: 8px 0;
}
.panel.panel-primary .panel-heading .form-group,
.panel.panel-datagrid .panel-heading .form-group {
  margin: 0;
}
.panel.panel-primary .panel-body .alert,
.panel.panel-datagrid .panel-body .alert {
  margin: 22px 22px;
}
.panel.panel-primary.panel-datagrid-clients .panel-heading,
.panel.panel-datagrid.panel-datagrid-clients .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e9eb;
  margin: 15px 0;
  padding-bottom: 15px;
}
.panel.panel-primary.panel-datagrid-clients .panel-heading h2,
.panel.panel-datagrid.panel-datagrid-clients .panel-heading h2 {
  border: none;
  padding: 0;
  margin: 0;
}
.panel .panel-datagrid-clients-form {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .panel .panel-datagrid-clients-form {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .panel .panel-datagrid-clients-form .form-group {
    flex-basis: calc(50% - 10px);
  }
  .panel .panel-datagrid-clients-form .form-group:not(:nth-child( 2n )) {
    margin-right: 20px;
  }
}
.panel .panel-datagrid-clients-form .custom-checkbox input {
  margin: 2px 5px 0px 0px;
}
.panel .panel-datagrid-clients-form .custom-checkbox label {
  position: relative;
  top: -2px;
}
.panel .panel-datagrid-clients-form-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.panel.panel-filter .form-group {
  margin-top: 5px;
  margin-bottom: 5px;
}
.panel.panel-filter .form-group .control-label {
  margin-bottom: 0px;
  padding: 6px 0;
  text-align: left;
}
@media (max-width: 767px) {
  .panel-tabs .border-bottom {
    border: none;
  }
}
.panel-tabs ul.nav-tabs {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 10px;
  margin-top: -9px;
}
.panel-tabs ul.nav-tabs li {
  border: none;
  position: relative;
}
.panel-tabs ul.nav-tabs li a {
  border: none;
  font-size: 20px;
  color: #0f3c7d !important;
  padding-left: 26px;
  padding-right: 26px;
  margin-left: 0;
  transition: 0.1s ease;
}
.panel-tabs ul.nav-tabs li a:hover {
  border: none;
  color: #5d1c76;
}
.panel-tabs ul.nav-tabs li a:focus {
  border: none;
}
.panel-tabs ul.nav-tabs li:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 17px;
  background-color: #cccccc;
  top: 8px;
  left: 0;
  box-shadow: 0px 0px 1px #dedede;
}
.panel-tabs ul.nav-tabs li:first-child a {
  padding-left: 0;
  padding-right: 0;
}
.panel-tabs ul.nav-tabs li:first-child:after {
  display: none;
}
.panel-tabs ul.nav-tabs li.active {
  margin-bottom: -4px;
  position: relative;
  bottom: -7px;
  left: 0;
  width: 33.333333%;
  border-bottom: 1px solid #0f3c7d;
}
.panel-tabs ul.nav-tabs li.active a {
  color: #514E47;
  background-color: transparent;
}
.panel.panel-datagrid .panel-heading {
  border-bottom: none;
}
.panel.panel-datagrid .panel-heading .subtitle-info {
  font-size: 18px;
  color: #444444;
  font-weight: normal;
  padding: 9px 0;
}
.panel.panel-datagrid .panel-heading .subtitle-info strong {
  font-weight: bold;
}
.panel.panel-datagrid .panel-heading .back-wrap {
  padding-top: 8px;
}
.panel.panel-datagrid .panel-heading .back-wrap a {
  color: #5d1c76;
  font-size: 14px;
  font-weight: normal;
}
.panel.panel-datagrid .panel-heading h2 {
  color: #2c2c27;
  font-size: 22px;
  font-weight: lighter;
  clear: left;
  display: block;
  border-bottom: 1px solid #e5e9eb;
  margin-bottom: 30px;
  padding-top: 0;
  padding-bottom: 30px;
}
@media (max-width: 1199px) {
  .panel.panel-datagrid .panel-heading h2 {
    font-size: 18px;
    padding-bottom: 20px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .panel.panel-datagrid .panel-heading h2 {
    text-align: center;
    margin-bottom: 10px;
  }
}
.panel.panel-datagrid .panel-body {
  padding: 0;
}
.panel.panel-datagrid .panel-body.heading-filter {
  background-image: none;
  padding: 25px 15px;
  border: none;
  border-right: none;
  border-left: none;
}
.panel.panel-datagrid .panel-body.heading-filter .form-control {
  padding: 1px;
  font-size: 14px;
  color: #cbcbcb;
  padding-left: 10px;
}
.panel.panel-datagrid .panel-body.heading-filter .form-control_search--width {
  /*				width: 219px;*/
}
.panel.panel-datagrid .panel-body.heading-filter .form-group {
  margin-bottom: 0;
}
.panel.panel-datagrid .panel-body.heading-filter .form-group.fancy-button-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}
.panel.panel-datagrid .panel-body.heading-filter .form-group.fancy-button-wrap .btn {
  position: absolute;
  top: -3px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 33px;
  height: 33px;
  vertical-align: middle;
}
.panel.panel-datagrid .panel-body.heading-filter .btn {
  height: 32px;
  padding-top: 9px;
}
.panel.panel-datagrid .panel-body.heading-filter .control-label {
  margin-top: 4px;
  margin-bottom: 0;
}
.panel.panel-datagrid .panel-footer {
  background-color: #ffffff;
}
.panel.panel-datagrid .panel-footer .vertical-separator {
  display: inline-block;
  height: 13px;
  width: 1px;
  background-color: #cccccc;
  margin: 0 16px;
  position: relative;
  top: 3px;
}
.panel.panel-datagrid .panel-footer .row {
  margin-bottom: 7px;
}
/* sm only */
@media (min-width: 768px) and (max-width: 991px) {
  .panel-datagrid .panel-body table {
    margin-top: 33px;
  }
}
/* xs only */
@media (max-width: 767px) {
  .panel-datagrid .panel-body table {
    margin-top: 45px;
  }
  .heading-filter .search-button-wrap .btn {
    position: relative;
    width: 0;
    height: 0;
    padding: 0;
    color: transparent;
  }
  .heading-filter .search-button-wrap .btn:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002";
    display: block;
    width: 41px;
    height: 33px;
    background-color: #E4DDD7;
    color: #ffffff;
    font-size: 20px;
    padding-top: 7px;
    position: absolute;
    top: -1px;
  }
  .heading-filter .search-button-wrap .btn:hover:after {
    background-color: #f9f7f5;
  }
}
.row-top-space .clipboard-button-wrap {
  order: -1;
}
.row-top-space .clipboard-button-wrap > * {
  margin-right: 12px;
}
@media (max-width: 991px) {
  .row-top-space .clipboard-button-wrap {
    margin-right: 0;
  }
}
.row-top-space .clipboard-button-wrap .btn-add-clipboard {
  color: #777777 !important;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.modal-backdrop.in {
  opacity: 0.4;
}
.notification-popup-item .modal-backdrop {
  background-color: transparent;
}
.notification-popup-item:last-child .modal-backdrop {
  background-color: #000;
}
.notification-popup-item .modal-dialog .modal-content {
  background-color: #f9f7e6;
}
.notification-popup-item .modal-dialog .modal-content .modal-header {
  border-bottom: transparent;
}
.notification-popup-item .modal-dialog .modal-content .modal-header h4 {
  font-size: 19px;
  font-weight: 300;
  top: 10px;
  position: relative;
}
.notification-popup-item .check-is-read,
.alert .check-is-read {
  color: #0f3c7d;
  height: 33px;
  line-height: 33px;
}
.notification-popup-item .check-is-read .fa,
.alert .check-is-read .fa {
  font-size: 15px;
}
.notification-popup-item .check-is-read:hover,
.alert .check-is-read:hover {
  color: #124794;
  cursor: pointer;
}
.notification-popup-item .close,
.alert .close {
  height: 33px;
  line-height: 33px;
  color: #444444;
  font-size: 16px;
  opacity: 1;
}
.notification-popup-item .close .fa,
.alert .close .fa {
  font-size: 15px;
}
.alert,
.notification-message,
.notification-popup-item .modal-dialog .modal-content {
  background-color: #fff;
  border-radius: 0;
  margin-top: 22px;
  color: #000;
  font-size: 13px;
  color: #777777;
}
.alert h4,
.notification-message h4,
.notification-popup-item .modal-dialog .modal-content h4 {
  font-size: 22px;
  font-weight: 300;
  top: 10px;
  position: relative;
  color: #2c2c27;
}
.alert h4:after,
.notification-message h4:after,
.notification-popup-item .modal-dialog .modal-content h4:after {
  position: absolute;
  content: '';
  height: 100%;
  width: 3px;
  background-color: #0f3c7d;
  bottom: 0px;
  left: -15px;
}
.alert .notification-single-overflow,
.notification-message .notification-single-overflow,
.notification-popup-item .modal-dialog .modal-content .notification-single-overflow {
  margin-top: 15px;
  font-weight: 300;
  color: #777777;
}
@media (max-width: 991px) {
  .alert .check-is-read,
  .notification-message .check-is-read,
  .notification-popup-item .modal-dialog .modal-content .check-is-read,
  .alert .close,
  .notification-message .close,
  .notification-popup-item .modal-dialog .modal-content .close {
    position: relative;
    top: -32px;
  }
  .alert .check-is-read,
  .notification-message .check-is-read,
  .notification-popup-item .modal-dialog .modal-content .check-is-read {
    margin-left: 33%;
  }
}
@media (max-width: 767px) {
  .alert .check-is-read,
  .notification-message .check-is-read,
  .notification-popup-item .modal-dialog .modal-content .check-is-read {
    margin-left: 0;
  }
}
.consultant-box {
  border: 1px solid #d7d7d7;
  border-radius: 0 !important;
}
.consultant-box .panel-heading {
  font-family: "Roboto", sans-serif;
}
.consultant-box textarea {
  resize: none;
  height: 169px;
}
.consultant-box .consultant-data-wrap {
  overflow: hidden;
}
.consultant-box .consultant-data-wrap .consultant-name {
  font-weight: bold;
}
.consultant-box .consultant-data-wrap .phone {
  font-weight: bold;
  font-size: 0.95em;
}
.consultant-box .consultant-data-wrap .consultant-skype {
  /*			color: #000;*/
  white-space: nowrap;
}
.consultant-box .consultant-data-wrap .consultant-skype img {
  padding-right: 2px;
}
.consultant-box .consultant-data-wrap .consultant-skype:hover {
  text-decoration: none;
  color: #000;
}
.consultant-box .consultant-data-wrap .consultant-skype a {
  text-decoration: none;
  color: #000;
}
.consultant-box .consultant-data-wrap .consultant-skype a:hover {
  text-decoration: none;
  color: #000;
}
.consultant-box .consultant-data-wrap .consultant-gg {
  color: #000;
  white-space: nowrap;
}
.consultant-box .consultant-data-wrap .consultant-gg img {
  padding-right: 4px;
  padding-left: 2px;
}
.consultant-box .consultant-data-wrap .consultant-gg:hover {
  text-decoration: none;
  color: #000;
}
.consultant-box .consultant-data-wrap .consultant-gg a {
  text-decoration: none;
  color: #000;
}
.consultant-box .consultant-data-wrap .consultant-gg a:hover {
  text-decoration: none;
  color: #000;
}
.consultant-box .consultant-data-wrap .email {
  color: #E4DDD7;
  font-size: 0.85em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
.consultant-box .consultant-data-wrap .email:hover {
  color: #5d1c76;
  text-decoration: none;
}
.consultant-box.panel.panel-default .panel-heading {
  user-select: none;
  font-size: 15px;
}
.consultant-box.panel.panel-default .panel-heading small {
  font-size: 13px;
}
.consultant-box .thumbnail {
  width: 75px;
  height: 75px;
  background-color: #ececec;
}
.consultant-box .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.consultant-box .panel-heading {
  position: relative;
  font-weight: bold;
}
.consultant-box .panel-heading:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f086";
  display: block;
  height: 34px;
  position: relative;
  top: -1px;
  float: left;
  margin-right: 11px;
  background-color: transparent;
  z-index: 5;
  color: #ffffff;
}
.col-md-3 .consultant-box .panel-heading .small {
  display: inline-block;
  width: 148px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-consultant-mobile {
  display: none;
}
.consultant-wrapper {
  margin-bottom: 10px;
}
.mobile-action-menu-items-wrap a {
  color: #0f3c7d;
}
.newUser-header {
  border-bottom: 1px solid #e3e3e3;
  margin-right: 15px;
  padding-bottom: 25px;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  margin-top: 40px;
  white-space: nowrap;
  font-weight: 300;
  color: #000;
}
.user-register {
  margin-right: 15px;
  margin-left: 0px;
}
.newUser {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.newUser__formWrap {
  width: 28%;
}
.newUser__formWrap--label {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #636363;
  text-transform: uppercase;
}
.newUser__formWrap--input {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  width: 100%;
}
.newUser__formWrap--span {
  display: block;
  margin-top: 35px;
  margin-left: -4.28%;
  color: #777777;
}
.newUser__btnWrap {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
.newUser__formWrap-offset {
  width: 28%;
}
.newUser__formWrap-checkBox {
  width: 100%;
}
.newUser__formWrap-checkBox input {
  top: 9px;
}
.newUser__formWrap-checkBox--checkbox {
  margin-left: 20px;
}
.newUser__formWrap-checkBox--checkbox label {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  padding-left: 10px;
}
@media screen and (max-width: 1007px) {
  .user-register {
    margin-right: 0px;
  }
  .newUser-header {
    margin-right: 0px;
  }
}
@media screen and (max-width: 702px) {
  .newUser__formWrap {
    width: 42%;
  }
  .newUser__formWrap-offset {
    display: none;
  }
  .newUser__textWrap {
    display: none;
  }
}
@media screen and (max-width: 470px) {
  .newUser__formWrap {
    width: 100%;
  }
}
.clipboard-user-table {
  table-layout: auto !important;
}
.clipboard-user-table thead tr th {
  border-bottom: 2px solid #e3e3e3;
}
.clipboard-user-table tbody tr td {
  color: #777777 !important;
  font-size: 14px;
  padding: 20px 10px;
}
.clipboard-user-table tbody tr td a {
  opacity: 0.75;
  display: inline-block;
  color: #0c3064 !important;
}
.clipboard-user-table tbody tr td a:hover {
  opacity: 1;
}
.icon-clipboard-table {
  width: 33px;
  height: 33px;
  line-height: 33px;
  display: block;
  border: 1px solid #cfd4da;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: -1px;
}
.storage-page-headin g {
  background-color: #fff;
}
.clipboard-footer {
  margin-top: 5px;
}
.add-new-clipboard {
  height: 32px;
}
.add-new-clipboard input {
  height: 32px;
  width: 219px;
}
.main-padding-clear {
  padding-top: 0 !important;
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.main-margin-clear {
  margin-right: 0px !important;
}
.main-margin-left {
  margin-left: 15px;
}
.quick-help-margin-left {
  margin-left: 0px !important;
}
/*.clipboard-edition-header {
	border-bottom: 1px solid @color-border-light;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

	h2 {
		margin-top: 10px;
	}
}*/
.clipboard-edition-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.clipboard-edition-header h2 {
  margin: 0;
  color: #000000;
  font-family: "Roboto";
  font-weight: 300;
  font-size: 22px;
}
.clipboard-edition-border {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.clipboard-edition-text-label {
  font-size: 12px;
  color: #2c2c27;
  font-weight: 700;
  margin-bottom: 8px;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
}
.clipboard-edition-text-label-value {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}
.clipboard-edition-text-time {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #636363;
}
.clipboard-edition-btn {
  background-color: #919ba1 !important;
}
.clipboard-edition-btn:hover {
  background-color: #7b8489 !important;
}
.clipboard-edition-btn-save {
  text-transform: uppercase;
  padding: 11px 19px !important;
  width: 195px;
}
.clipboard-edition-buttons-area {
  margin-top: 22px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .clipboard-edition-buttons-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.clipboard-edition-buttons-area .btn {
  margin: 0;
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .clipboard-edition-buttons-area .btn {
    margin-bottom: 0;
    width: auto;
  }
}
.b2b-nutty-pager .b2b-nutty-pager-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 75px;
  align-items: center;
  border-top: 1px solid #e5e9eb;
  border-bottom: 1px solid #e5e9eb;
}
.b2b-nutty-pager .b2b-nutty-pager-container input {
  border: 1px solid #cbcbcb;
}
.b2b-nutty-pager .b2b-nutty-pager-container .b2b-nutty-pager-container-row {
  width: 25%;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .b2b-nutty-pager .b2b-nutty-pager-container .b2b-nutty-pager-container-row {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .b2b-nutty-pager .b2b-nutty-pager-container .b2b-nutty-pager-container-row {
    width: 100%;
  }
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first .nav-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first .nav-buttons .b2b-nutty-button {
  width: 33px;
  height: 33px;
  background-color: #fafbfb;
  border: 1px solid #e6e9ec;
  text-align: center;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first .nav-buttons .b2b-nutty-button:hover {
  background-color: #eeeeee;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first .nav-buttons i {
  line-height: 33px;
  color: #627180;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first .b2b-nutty-text-area {
  display: inline-block;
  text-align: center;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first input.b2b-nutty-text-area {
  width: 33px;
  height: 33px;
  display: inline-block;
  margin-right: 5px;
  padding: 0;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first span.b2b-nutty-text-area {
  color: #2c2c27;
  font-weight: 700;
  font-size: 12px;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-second .b2b-nutty-search-area {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  justify-content: flex-end;
  position: relative;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-second input.b2b-nutty-inside-row {
  width: 195px;
  height: 33px;
  padding: 0 10px;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-second .search-icon {
  margin-top: -1px;
  width: 33px;
  height: 33px;
  border: 1px solid #ccd3d8;
  border-left: none;
  text-align: center;
  line-height: 30px;
  color: #0f3c7d;
  position: absolute;
  right: 0;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-third .b2b-nutty-status-area {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-third .b2b-nutty-status-area select.inside-status-area {
  width: 135px;
  height: 33px;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth .b2b-nutty-set-page-area {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth input.inside-set-page-area {
  width: 100px;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth label {
  margin: 0;
  margin-right: 5px;
}
.b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth select {
  width: 110px;
}
.b2b-nutty-pager .inside-status-area-text {
  margin-bottom: 0;
  margin-right: 5px;
}
@media screen and (max-width: 1199px) {
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first {
    width: 50%;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-second .b2b-nutty-search-area {
    justify-content: flex-end;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-second input.b2b-nutty-inside-row {
    width: 68%;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-third .b2b-nutty-status-area {
    justify-content: space-between;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-third .b2b-nutty-status-area select.inside-status-area {
    width: 70%;
    height: 33px;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth .b2b-nutty-set-page-area {
    justify-content: space-between;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth .b2b-nutty-set-page-area select.inside-set-page-area {
    width: 77.3%;
  }
}
.complaint-document {
  padding-left: 0 !important;
}
.complaint-document .b2b-nutty-pager-container-row.nuty-pager-first {
  padding-left: 15px !important;
}
@media screen and (max-width: 1199px) {
  .complaint-document .b2b-nutty-pager-container-row.nuty-pager-first .nav-buttons {
    margin-left: 0;
  }
  .complaint-document .b2b-nutty-pager-container-row.nuty-pager-third .b2b-nutty-status-area {
    margin-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .complaint-document .b2b-nutty-pager-container-row.nuty-pager-second,
  .complaint-document .b2b-nutty-pager-container-row.nuty-pager-third,
  .complaint-document .b2b-nutty-pager-container-row.nuty-pager-fourth {
    margin-left: 15px;
  }
}
.btn-complaint-save {
  margin-top: 30px;
  width: 370px;
}
@media (max-width: 1199px) {
  .btn-complaint-save {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .btn-complaint-save {
    width: 100%;
  }
}
.panel-body.heading-filter.no-padding-left.clipboard-footer.clipboard-edition-container {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0px;
  border-top: none;
}
.clipboard-edition-container {
  padding-top: 20px;
}
.comlpaint-container {
  margin-bottom: 25px;
}
@media (min-width: 1200px) {
  .comlpaint-container {
    display: flex;
    align-items: center;
    justify-content: start;
  }
}
.comlpaint-container > div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .comlpaint-container > div {
    margin-bottom: 0;
  }
}
.comlpaint-container > div label {
  margin-right: 10px;
  margin-bottom: 0;
}
.comlpaint-container .comlpaint-col {
  align-items: center;
  position: relative;
  width: 75%;
}
.comlpaint-container .comlpaint-col:first-child {
  width: 25%;
  line-height: 30px;
}
.comlpaint-container .comlpaint-col .complaint-document-autocomplete {
  position: absolute;
  left: 0;
  top: 0;
}
.comlpaint-container > label {
  margin-right: 10px;
}
.modal-organization-description .modal-dialog {
  max-width: 100%;
}
.modal-organization-description .modal-body {
  max-height: 60vh;
  overflow-y: auto;
}
.modal-organization-description .modal-body table {
  border-collapse: collapse;
  width: 100%;
}
.modal-organization-description .modal-body table td,
.modal-organization-description .modal-body table th {
  padding: 5px;
  color: #333;
  border: 1px solid #555;
}
.modal-organization-description__body {
  overflow-x: auto;
}
@media screen and (max-width: 991px) {
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first {
    position: relative;
    height: 34px;
    width: 100%;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-first .nav-buttons {
    position: relative;
    top: 0;
    left: 0;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-second .b2b-nutty-search-area {
    margin-left: 0;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-second input.b2b-nutty-inside-row {
    width: 100%;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-third .b2b-nutty-status-area {
    margin-left: 0;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth .b2b-nutty-set-page-area {
    margin-left: 0;
    justify-content: space-between;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth .b2b-nutty-set-page-area label {
    margin-left: 0 !important;
  }
  .b2b-nutty-pager .b2b-nutty-pager-container .nuty-pager-fourth .b2b-nutty-set-page-area select.inside-set-page-area {
    width: 70%;
  }
}
.set-image {
  max-height: 220px;
  max-width: 100%;
  display: block;
}
.set-image--fix {
  max-height: 130px;
  max-width: 240px;
}
.cliboard-edition-no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.row-to-clipart {
  width: 100%;
  height: 35px;
}
.property-value--price {
  color: #0f3c7d;
  font-weight: bold;
  font-size: 19px;
}
.property-label label {
  color: #777777;
  font-size: 15px;
  text-transform: none;
  font-weight: 700;
}
.property-value {
  font-weight: normal;
  font-size: 13px;
  text-align: right;
  margin-top: 2px;
}
.table-layout {
  table-layout: initial !important;
}
.table-layout th {
  padding: 16px !important;
  text-align: center !important;
}
.cart-order-container h2 {
  color: #000;
  font-size: 22px;
}
.cart-order .panel-heading .organization-switch-wrap {
  height: 14px;
  text-align: right;
  position: relative;
  top: -5px;
}
.cart-order .panel-heading .organization-switch-wrap label {
  display: inline-block;
  font-size: 14px;
}
.cart-order .panel-heading .organization-switch-wrap select {
  display: inline-block;
  width: 221px;
  height: 26px;
  padding: 2px;
  font-weight: normal;
}
.cart-order .panel-heading h2 {
  color: #000;
  font-size: 22px;
  margin: 0;
  font-weight: bold;
  font-weight: 300;
  display: inline-block;
  position: relative;
  padding-bottom: 19px;
  z-index: 100;
}
.cart-order table {
  border-top: 1px solid #E4DDD7;
}
.cart-order table thead {
  border-bottom: 1px solid #E4DDD7;
}
.cart-order table thead th {
  padding: 11px 5px;
}
.cart-order table tbody a {
  color: #9F9F9F;
}
.cart-order table tbody a .fa {
  color: #cacaca;
}
.cart-order table tbody a :hover {
  color: red;
}
.cart-order table tbody td {
  padding: 11px 5px;
}
.cart-order table tbody td .form-control {
  display: inline-block;
  font-size: 13px;
  color: #777777;
  text-align: center;
}
.cart-order table tbody tr:first-child td {
  border-top: none;
}
.cart-order table .product-name {
  width: 180px;
  color: #2c2c27;
  font-size: 14px;
  font-weight: bold;
}
.cart-order .transport-warning {
  color: #E4DDD7;
  font-style: italic;
  margin: 11px 0;
}
.cart-order .row.price-summary {
  margin-top: 15px;
  margin-bottom: 11px;
}
.cart-order .row.price-summary .col-xs-12.col-md-7 {
  display: flex;
  justify-content: flex-end;
}
.cart-order .row.price-summary .col-xs-2 {
  padding: 0;
}
.cart-order .price-summary-buttons {
  margin-top: 22px;
}
.cart-order .to-pay {
  font-size: 25px;
  font-weight: 300;
  color: #606060;
}
.cart-order .attribute-name {
  color: #838383;
  font-size: 15px;
}
.cart-order .attribute-value {
  color: #723C16;
  font-size: 19px;
}
.cart-order .select--text {
  color: #757168;
  font-weight: 600;
  padding-top: 7px;
  margin-right: 10px;
}
.cart-order .heading-filter {
  background-image: none;
  padding: 0;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #E4DDD7;
}
.cart-order .btn-cart-custom {
  border: 1px solid #dadada;
  padding: 10px 22px 9px 22px;
  color: #575757;
  text-decoration: none;
  font-weight: 500;
  /*		background-image: linear-gradient(180deg, #ffffff 10%, #efebe8 100%);		*/
  background-color: #e3e3e3;
  text-transform: uppercase;
  box-shadow: 0 1px #f1f1f1 inset;
  font-size: 13px;
  white-space: nowrap;
}
.cart-order .btn-cart-custom-add {
  border: 1px solid #0f3c7d;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  /*		background-image: linear-gradient(180deg, #ffffff 10%, #efebe8 100%);		*/
  background-color: #0f3c7d;
  text-transform: uppercase;
  box-shadow: 0 1px #f1f1f1 inset;
  font-size: 13px;
  white-space: nowrap;
  height: 39px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-order .btn-cart-custom-add:hover {
  background-color: #0c3064;
}
.cart-order .btn-cart-custom--fix_padding {
  padding-right: 15px;
}
.cart-order .btn-cart_clipboard {
  padding: 10px 22px;
}
.cart-order .btn-addToCart {
  padding: 10px 22px;
}
.cart-order .cart-attribute-name {
  font-size: 13px;
  font-weight: normal;
  color: #636363;
  white-space: nowrap;
}
.cart-order .cart-attribute-value {
  font-size: 13px;
  font-weight: bolder;
  color: #636363;
}
.cart-buttons-leftside {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .cart-buttons-leftside {
    flex-direction: column;
  }
  .cart-buttons-leftside .btn-cart-custom,
  .cart-buttons-leftside .btn-cart-custom-add,
  .cart-buttons-leftside .select {
    width: 200px;
    margin-left: 0 !important;
    margin-top: 5px;
    text-align: center;
  }
  .cart-buttons-leftside .select {
    height: 39px;
    width: 200px;
  }
  .cart-buttons-leftside .mobile-button-cart-fix .btn-cart-custom,
  .cart-buttons-leftside .mobile-button-cart-fix .btn-cart-custom-add,
  .cart-buttons-leftside .mobile-button-cart-fix .select {
    width: 200px;
    margin-left: 0 !important;
    margin-top: 5px;
    text-align: center;
  }
}
.mobile-button-cart-fix .btn-cart-custom-add {
  float: right;
}
@media screen and (max-width: 767px) {
  .mobile-button-cart-fix {
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .mobile-button-cart-fix .btn-cart-custom,
  .mobile-button-cart-fix .btn-cart-custom-add,
  .mobile-button-cart-fix .select {
    width: 200px;
    margin-left: 0 !important;
    margin-top: 5px;
    text-align: center;
  }
}
.personal-account-edit {
  padding-left: 0 !important;
  padding-right: 0;
}
.personal-account-edit .header-account-info h2 {
  border-bottom: none ;
  font-family: 'Roboto', sans-serif;
  font-size: 22px ;
  color: #000 !important;
}
.personal-account-edit .header-account-info h2 span {
  margin-left: 5px;
  font-weight: bold;
}
@media screen and (max-width: 780px) {
  .personal-account-edit .header-account-info h2 {
    width: 100%;
    text-align: center;
  }
}
.personal-account-edit-border-top {
  border-top: 1px solid #e3e3e3;
  /*	margin-left: 15px;
		margin-right: 15px;*/
}
.personal-account-edit-border-top .personal-account-edit .account-data-container {
  display: flex;
  flex-direction: row;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  color: #636363;
}
@media (max-width: 1199px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container {
    padding: 15px 0;
  }
}
.personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area {
  width: calc(25% - 22.5px);
}
@media (max-width: 1199px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area {
    width: 33.333333%;
  }
}
.personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area:not(:last-child) {
    margin-right: 0;
  }
}
.personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area input {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area input {
    width: 100%;
  }
}
.personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area span {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
}
.personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area span a {
  color: #0f3c7d;
  font-weight: 700;
}
.personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area span a:hover {
  color: #0a2650;
}
@media screen and (max-width: 767px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area {
    width: 100%;
    margin-bottom: 15px;
  }
  .personal-account-edit-border-top .personal-account-edit .account-data-container .account-input-area span {
    width: 100%;
    display: block;
    padding-right: 35px;
  }
}
.personal-account-edit-border-top .personal-account-edit .account-data-container-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 30px 0 20px;
}
@media (max-width: 1199px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container-info {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container-info {
    padding: 15px 0;
  }
}
.personal-account-edit-border-top .personal-account-edit .account-data-container-info > div {
  margin-bottom: 20px;
  width: calc(25% - 22.5px);
}
.personal-account-edit-border-top .personal-account-edit .account-data-container-info > div input {
  margin-top: 5px;
}
@media (max-width: 1199px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container-info > div {
    width: calc(33.333333% - 20px);
  }
}
.personal-account-edit-border-top .personal-account-edit .account-data-container-info > div:not(:nth-child( 4n )) {
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container-info > div:not(:nth-child( 4n )) {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container-info > div:not(:nth-child( 3n )) {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container-info > div:not(:nth-child( 3n )) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .personal-account-edit-border-top .personal-account-edit .account-data-container-info > div {
    width: 100%;
    margin-right: 0;
  }
}
.personal-account-edit-border-top .personal-account-edit .button-cancel {
  background-color: #909ca2;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  width: 270px;
  padding: 10px 0;
  font-weight: 400;
  box-shadow: inset 0 -2px #828c92;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.2);
}
.personal-account-edit-border-top .personal-account-edit .button-cancel:hover {
  box-shadow: inset 0 -2px #656d71;
  background-color: #737d82;
}
.personal-account-edit-border-top .personal-account-edit .button-succes {
  text-transform: uppercase;
}
.personal-account-edit-border-top .account-consultants-wrapper {
  justify-content: flex-start;
  align-items: stretch;
}
.personal-account-edit-border-top .consultant-item {
  flex: 1;
  display: flex;
  position: relative;
  padding-top: 70px;
  padding-left: 20px;
  padding-right: 20px;
}
.personal-account-edit-border-top .consultant-item:first-child {
  margin-right: 30px;
}
.personal-account-edit-border-top .consultant-item__img {
  margin-right: 35px;
  width: 230px;
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f3c7d;
  font-size: 40px;
  border: 1px solid #ddd;
}
.personal-account-edit-border-top .consultant-item__details {
  text-align: left;
  flex: 1;
}
.personal-account-edit-border-top .consultant-item__details-title {
  position: absolute;
  left: 20px;
  top: 20px;
  width: auto;
  font-size: 22px;
  color: #000;
  font-weight: 300;
}
.personal-account-edit-border-top .consultant-item__details-title::before {
  content: '';
  background-color: #0f3c7d;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -21px;
}
.personal-account-edit-border-top .consultant-item__details-name {
  font-size: 22px;
  color: #000;
  font-weight: 700;
}
.cart-order-form-inline {
  line-height: 40px;
  font-size: 13px;
}
@-moz-document url-prefix() {
  .btn-cart-custom {
    padding: 6px 10px !important;
  }
}
.cart-tooltip-wraper {
  position: relative;
}
.cart-tooltip-wraper .cart-tooltip-init-btn-after {
  position: relative;
}
.cart-tooltip-wraper .cart-tooltip-init-btn-after:after {
  position: absolute;
  content: '';
  height: 4px;
  width: 95px;
  background-color: #fff;
  bottom: 0px;
  right: 0px;
}
.cart-tooltip-wraper .inner-wrap {
  /*		position: absolute;
				top: 0px; right: 10px;*/
}
@media screen and (max-height) {
  .cart-tooltip-wraper .cart-tooltip-init-btn-after {
    position: relative;
  }
  .cart-tooltip-wraper .cart-tooltip-init-btn-after:after {
    position: absolute;
    content: '';
    height: 4px;
    width: 95px;
    background-color: red;
    bottom: 0px;
    right: 0px;
  }
}
.blot-wrap--vertical_main-page {
  left: 20px;
}
.blot-wrap--vertical {
  display: inline-table;
  text-align: center;
  width: 100%;
  min-height: 56px;
}
.blot-wrap--vertical .blots-atom {
  margin-top: 9px;
}
.blot-wrap--vertical .blots-atom .blot {
  display: inline-block;
  width: 26px;
  margin-right: 4px;
  height: 26px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 5px;
  position: relative;
  z-index: 5;
}
.blot-wrap--vertical .blots-atom .blot img {
  width: 26px;
  height: 26px;
}
.blot-wrap--vertical .blots-atom .blot .fa,
.blot-wrap--vertical .blots-atom .blot .char {
  width: 26px;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.blot-wrap--vertical .blots-atom .blot:hover {
  text-decoration: none;
}
.blot-wrap--vertical .blots-atom .blot-element {
  position: relative;
  bottom: 0px;
  padding: 0 5px 5px 0;
}
.blot-wrap--vertical .blots-atom .blot-element::last-child {
  padding-bottom: 0;
}
.blot-wrap--vertical .blots-atom .vertical-separator {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  overflow: visible;
  position: relative;
}
.blot-wrap--vertical .blots-atom .vertical-separator .vertical-separator-inner-wrap {
  display: inline-block;
  height: 18px;
  width: 1px;
  background-color: #d7d7d7;
  position: absolute;
  top: -13px;
}
.blob--small .blots-atom img {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .blot-wrap--horizontal_mobileCenter .blots-atom {
    justify-content: center;
  }
}
.blot-wrap--horizontal .blots-atom {
  display: flex;
}
.blot-wrap--horizontal .blots-atom .blot {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 5px;
}
.blot-wrap--horizontal .blots-atom .blot .fa,
.blot-wrap--horizontal .blots-atom .blot .char {
  width: 26px;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.blot-wrap--horizontal .blots-atom .blot:hover {
  text-decoration: none;
}
.blot-wrap--horizontal .blots-atom .blot:not(:first-child):not(:last-child) {
  margin-left: 6px;
}
.blot-wrap--horizontal .blots-atom .blot-element {
  position: relative;
  bottom: 0px;
  padding: 0 5px 5px 0;
}
.blot-wrap--horizontal .blots-atom .blot-element::last-child {
  padding-bottom: 0;
}
.blot-wrap--horizontal .blots-atom .vertical-separator {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  overflow: visible;
  position: relative;
}
.blot-wrap--horizontal .blots-atom .vertical-separator .vertical-separator-inner-wrap {
  display: inline-block;
  height: 18px;
  width: 1px;
  background-color: #d7d7d7;
  position: absolute;
  top: -13px;
}
.blot-wrap--horizontal--cartFix .blots-atom .blot {
  width: 27px !important;
  height: 27px !important;
}
.blots-reset-position {
  position: absolute;
  bottom: 0;
}
.blots-wrap-smaller .blots-atom .blot {
  width: 19px;
  height: 19px;
  border-radius: 19px;
}
.blots-wrap-smaller .blots-atom .blot img {
  height: 100%;
  width: 100%;
}
.blots-wrap-smaller .blots-atom .blot .fa,
.blots-wrap-smaller .blots-atom .blot .char {
  width: 19px;
  height: 19px;
  line-height: 19px;
  font-size: 10px;
  vertical-align: top;
}
.blots-wrap-smaller .blots-atom .vertical-separator .vertical-separator-inner-wrap {
  height: 13px;
  top: -10px;
}
.blot-wrap--horizontal {
  display: none;
}
.blot-wrap--horizontal :not(:last-child) {
  margin-right: 5px;
}
.tab-pane {
  padding-top: 20px;
}
.branch-and-department div.department-branch-item {
  margin-top: 20px;
}
.branch-and-department span.label-branch-department-name {
  font-size: 14px;
  font-weight: 700;
  display: block;
  position: relative;
  cursor: pointer;
  padding: 15px 0;
  border-bottom: 1px solid #e5e9eb;
}
.branch-and-department span.label-branch-department-name::after {
  position: absolute;
  right: 3px;
  font-family: 'FontAwesome';
  content: '\f106';
  color: #cdd4d8;
  transform: rotate(180deg) translateZ(0);
  transition: 0.2s;
}
@media (min-width: 768px) {
  .branch-and-department span.label-branch-department-name {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .branch-and-department span.label-branch-department-name {
    font-size: 18px;
  }
}
.branch-and-department span.label-branch-department-name .label-branch-department-name {
  font-size: 14px;
}
.branch-and-department span.label-branch-department-personal-name {
  font-weight: bold;
}
.branch-and-department .collapse-branch {
  padding: 15px 0;
}
.branch-and-department .collapse-branch p {
  margin: 0;
}
.branch-subwrap {
  padding: 0 !important;
}
:not(.row) .collapse-branch .row {
  margin: 0;
}
:not(.row) .collapse-branch .row .label-branch-department-name {
  font-size: 14px;
}
.contact-atom-wrap .fa-search {
  font-size: 18px;
  color: #5d1c76;
}
.remove-1px-min-height {
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.no-padding-left {
  padding-left: 0px;
}
.heading-filter {
  /*	.b2b-nutty-pager{
			text-align: left;
		}*/
  /* sm & md only */
  /* xs only */
  /* sm only */
  /* md only */
  /* lg only */
}
.heading-filter .cash--input .left--input {
  width: 45%;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #fff url(../image/site/gfx/dolar.png) no-repeat;
  background-position: 95% 50%;
}
.heading-filter .cash--input .right--input {
  width: 45%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff url(../image/site/gfx/dolar.png) no-repeat;
  background-position: 95% 50%;
}
.heading-filter .calendar--input .left--input {
  width: 100%;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #fff url(../image/site/gfx/calendar.png) no-repeat;
  background-position: 95% 50%;
}
.heading-filter .calendar--input .right--input {
  width: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff url(../image/site/gfx/calendar.png) no-repeat;
  background-position: 95% 50%;
}
.heading-filter .contractor {
  color: #444;
  font-weight: 400;
  padding-top: 5px;
  margin-right: 5px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .heading-filter .nutty-page-limit-picker {
    position: absolute;
    top: -48px;
    right: 0px;
  }
}
@media (max-width: 767px) {
  .heading-filter .textbox-picker,
  .heading-filter .nav-buttons {
    position: absolute;
    right: 0px;
    bottom: -51px;
  }
  .heading-filter .textbox-picker {
    right: 95px;
    width: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .heading-filter .textbox-picker,
  .heading-filter .nav-buttons {
    position: absolute;
    right: 0px;
    bottom: -51px;
  }
  .heading-filter .nutty-page-limit-picker {
    position: absolute;
    top: -80px;
    right: 0px;
  }
  .heading-filter .textbox-picker {
    right: 95px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .heading-filter .nav-buttons {
    position: relative;
    top: -2px;
    margin-left: 7px;
  }
}
@media (min-width: 1200px) {
  .heading-filter .nav-buttons .nutty-nav-button {
    position: relative;
    top: -2px;
  }
}
.row-b2b-breadcrumbs {
  /*	margin-top: 22px;*/
}
.zero-items-input {
  white-space: nowrap;
}
.zero-items-input span {
  color: #0f3c7d;
  display: block;
  width: 100%;
  text-align: right;
}
@media (min-width: 768px) and (max-width: 992px) {
  .zero-items-input span {
    text-align: center;
  }
}
.documents-header h2 {
  color: #544B42;
  font-size: 25px;
  font-weight: 300;
  border-bottom: 1px solid #A4927E;
  float: left;
  clear: left;
  padding-bottom: 20px;
  position: relative;
  top: 12px;
  left: 14px;
  margin: 0;
}
.documents-header .heading-filter {
  background-image: none;
  padding: 0;
  padding-left: 15px;
}
.documents-header .heading-filter .clipboard-button-wrap .btn-default {
  text-align: right;
  float: right;
  top: 0;
  margin: 7px 15px;
}
.documents-header .document-tabs {
  white-space: nowrap;
  margin-bottom: 20px;
  border-bottom: 1px solid #ededed;
  height: 45px;
}
@media (max-width: 1199px) {
  .documents-header .document-tabs {
    height: 35px;
  }
}
@media (max-width: 767px) {
  .documents-header .document-tabs {
    height: auto;
    border: none;
  }
}
.documents-header .document-tabs > span {
  display: block;
}
.documents-header .document-tabs .tab-item {
  display: inline-block;
  position: relative;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  color: #2c2d28;
  margin-top: 0;
  text-decoration: none;
  font-weight: 300;
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .documents-header .document-tabs .tab-item {
    font-size: 17px;
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .documents-header .document-tabs .tab-item {
    display: block;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #e5e9eb;
    margin-right: 0;
  }
}
.documents-header .document-tabs .tab-item:first-child {
  padding-left: 0;
}
.documents-header .document-tabs .tab-item.tab-active {
  background: #fff;
  position: relative;
}
.documents-header .document-tabs .tab-item.tab-active:after {
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #0f3c7d;
  bottom: -14px;
  left: 0;
}
@media (max-width: 1199px) {
  .documents-header .document-tabs .tab-item.tab-active:after {
    bottom: -10px;
  }
}
@media (max-width: 767px) {
  .documents-header .document-tabs .tab-item.tab-active:after {
    bottom: 0px;
  }
}
.document-left-padding {
  padding-left: 0px !important;
  border-bottom: 1px solid #e3e3e3;
}
.document-left-padding .document-header {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000 !important;
}
.additional-document-table-container table thead tr th {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #2c2c27;
  border-top: 1px solid #e3e3e3 !important;
  border-bottom: 1px solid #e3e3e3 !important;
}
.additional-panel-document-footer {
  background-color: #fff !important;
  padding-right: 0;
}
.additional-panel-document-footer .padding-clear {
  padding-right: 0;
}
.additional-panel-document-footer .padding-clear-left {
  padding-left: 0;
}
.additional-panel-document-footer .document-summary-property,
.additional-panel-document-footer .document-summary-value-vat,
.additional-panel-document-footer .document-summary-value-brutto {
  font-size: 17px;
  color: #777777;
}
.additional-panel-document-footer .document-summary-property-price {
  font-size: 17px;
  color: #777777;
  font-weight: bold;
}
.additional-panel-document-footer .document-summary-value-netto {
  font-size: 17px;
  font-weight: bold;
  color: #0f3c7d;
}
.additional-panel-document-footer .document-summary {
  width: 100%;
}
.additional-panel-document-footer .document-summary-row {
  display: flex;
  padding: 2px 0;
}
.additional-panel-document-footer .document-summary-row .document-summary-col-right {
  width: 35%;
  text-align: right;
}
.additional-panel-document-footer .document-summary-row .document-summary-col-left {
  width: 65%;
  text-align: right;
}
.additional-panel-document-footer .btn-default {
  text-transform: uppercase;
}
.additional-panel-document-footer .btn-save {
  background-color: #e3e3e3 !important;
  color: #575757 !important;
  padding: 13px 20px !important;
  border: #e3e3e3;
}
@media screen and (max-width: 550px) {
  .additional-panel-document-footer .document-summary-col-left {
    margin-right: 10%;
    white-space: nowrap;
  }
  .additional-panel-document-footer .btn-save {
    background-color: #e3e3e3 !important;
    color: #575757 !important;
    padding: 13px 31px !important;
    border: #e3e3e3;
  }
}
.login-logo-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 60px;
  width: 100%;
  object-fit: scale-down;
  margin-top: 1vw;
}
.additional-login-panel-page {
  margin-top: 5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
}
@media screen and (max-width: 590px) {
  .b2b-login-panel {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 480px) {
  .additional-login-panel-page form {
    width: 100%;
  }
}
.document-additional-container {
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-top: 10px;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.document-additional-container span {
  color: #636363;
  margin-right: 4px;
}
.document-additional-container input,
.document-additional-container select {
  padding: 3px 3px;
  height: 34px;
  border: 1px solid #d4d4d2;
  box-shadow: inset 0 2px #eeede6;
  background-color: #FFF;
  color: #b1b1b1;
}
.document-additional-container input::-webkit-input-placeholder,
.document-additional-container select::-webkit-input-placeholder {
  color: rgba(0, 34, 62, 0.5);
}
.document-additional-container .document-search-input {
  padding-left: 0px;
}
.document-additional-container .document-search-input input {
  width: 100%;
}
.document-additional-container .document-select select {
  width: 70%;
}
.document-additional-container .document-date-input {
  display: flex;
  align-items: center;
}
.document-additional-container .document-date-input input {
  width: 40%;
  background-color: transparent;
}
.document-additional-container .document-date-input input[type="text"] {
  background-image: url('../image/site/gfx/calendar.png');
  background-repeat: no-repeat;
  background-position: right center;
}
@media screen and (max-width: 993px) {
  .document-additional-container .document-search-input {
    padding-left: 0px;
  }
  .document-additional-container .document-search-input input {
    width: 100%;
  }
  .document-additional-container .document-select {
    margin-top: 5px;
    padding-left: 0;
  }
  .document-additional-container .document-select select {
    width: 100%;
  }
  .document-additional-container .document-date-input {
    display: inline-table;
    width: 100%;
    padding-left: 0px;
  }
  .document-additional-container .document-date-input span {
    display: inline-table;
    width: 100%;
  }
  .document-additional-container .document-date-input input {
    width: 50%;
    display: inline-table;
  }
  .document-additional-container .document-search-btn-area {
    padding-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
  }
}
.document-additional-container .document-search-btn-area {
  padding-right: 0;
}
.document-additional-container .document-search-btn-area .document-search-btn {
  background-color: #0f3c7d;
  font-weight: bold;
  text-transform: uppercase;
  padding: 7px 15px;
  color: #FFF;
  border: none;
  width: 100%;
  box-shadow: inset 0 1px #FFF;
  border: 1px solid #0f3c7d;
}
.btn-control {
  border: 1px solid #ececec;
  padding: 8px 14px;
  background-color: #f1f1f1;
  color: #ababab;
  box-shadow: inset 0 1px #f8f8f8;
  font-family: 'Roboto', sans-serif;
}
.display-flex {
  display: flex;
}
.form-control-area-size {
  margin-top: 10px !important;
  margin-bottom: 15px !important;
  width: 68%;
  height: 85px !important;
  margin: 0 auto;
}
.documents-body {
  margin-bottom: 50px;
}
.documents-body .heading-filter_document {
  background-color: #fff;
  background-image: none;
  padding: 0;
  padding-left: 15px;
  border-bottom: 1px solid #E4DDD7;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.documents-body .heading-filter_document .prado-calendar:first-child input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none;
}
.documents-body .heading-filter_document .prado-calendar:last-child input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 5px;
}
.documents-body .heading-filter_document .form-control {
  height: 32px;
  padding-left: 10px;
  font-size: 13px;
  color: #cbcbcb;
}
.documents-body .heading-filter_document .form-control_calendar {
  background-image: url(../image/site/gfx/icon-calendar-brow.png);
  background-position: 94% 5px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  width: 100%;
  padding-right: 30px;
}
.documents-body .heading-filter_document .form-control_search--width {
  width: 176px;
}
.documents-body .heading-filter_document .form-group {
  margin-bottom: 0;
}
.documents-body .heading-filter_document .form-group .form-group--button {
  background: #fff;
  color: #C8BDB2;
  padding: 9px 13px 9px 13px;
  border: 1px solid #D7CEC5;
  height: 32px;
}
.documents-body .heading-filter_document .form-group.fancy-button-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}
.documents-body .heading-filter_document .form-group.fancy-button-wrap .btn {
  position: absolute;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 31px;
  vertical-align: middle;
}
.documents-body .heading-filter_document .btn-control {
  border: 1px solid #E8E3DF;
  height: 30px;
  width: 28px;
  background: -webkit-linear-gradient(180deg, #fdfcfa, #f3f2f0);
  background: linear-gradient(180deg, #fdfcfa, #f3f2f0);
  color: #A89B92;
}
.documents-body .heading-filter_document .btn {
  height: 32px;
  padding-top: 8px;
}
.documents-body .heading-filter_document .control-label {
  margin-top: 4px;
  margin-bottom: 0;
}
.documents-body .danger {
  color: #f37252;
}
.checkbox-unrealized {
  margin-right: 10px;
}
.checkbox-unrealized .dx-checkbox-text {
  font-size: 12px;
  font-weight: 700;
}
.panel-footer .danger {
  color: #f37252;
}
.panel-footer .row-summary table.properties tbody tr th {
  text-align: right;
}
.panel-footer .row-summary table.properties tbody tr th span {
  font-size: 16px;
  color: 828282;
}
.panel-footer .row-summary table.properties tbody tr td {
  text-align: right;
  font-weight: bold;
}
.panel-footer .row-summary table.properties tbody tr td span {
  font-size: 18px;
  color: #723E17;
}
/* sm & md only */
@media (min-width: 768px) and (max-width: 1199px) {
  .documents-header {
    padding-top: 33px;
  }
  .documents-header .clipboard-button-wrap {
    position: relative;
    top: -33px;
  }
}
/* xs only */
@media (max-width: 767px) {
  .clipboard-button-wrap .btn {
    position: relative;
    top: 17px;
  }
}
/* sm only */
/* md only */
/* lg only */
@media (min-width: 1200px) {
  .clipboard-button-wrap .btn {
    position: relative;
    top: 17px;
  }
}
.panel.panel-datagrid.document-details-panel {
  /* xs & sm & md */
}
.panel.panel-datagrid.document-details-panel .panel-body.heading-filter {
  margin-top: 22px;
}
.panel.panel-datagrid.document-details-panel .summary-wrap {
  display: block;
  overflow: hidden;
  padding-top: 25px;
}
.panel.panel-datagrid.document-details-panel .summary-wrap .document-property {
  font-size: 14px;
  color: #606060;
  font-weight: 900;
}
.panel.panel-datagrid.document-details-panel .summary-wrap .document-value {
  font-size: 14px;
  color: #606060;
  font-weight: 500;
}
.panel.panel-datagrid.document-details-panel .summary-wrap .total {
  color: #723c1a;
  font-weight: 900;
}
.panel.panel-datagrid.document-details-panel table.document-properties {
  width: 33%;
}
.panel.panel-datagrid.document-details-panel table.document-properties tbody tr td.document-property,
.panel.panel-datagrid.document-details-panel table.document-properties tbody tr td.document-value {
  font-weight: bolder;
  color: #2c2c27;
  padding-top: 3px;
  padding-bottom: 3px;
}
.panel.panel-datagrid.document-details-panel table.document-properties tbody tr td.document-value {
  text-align: right;
}
.panel.panel-datagrid.document-details-panel table.document-properties tbody tr.property-to-pay td.document-property,
.panel.panel-datagrid.document-details-panel table.document-properties tbody tr.property-to-pay td.document-value {
  color: #E4DDD7;
}
@media (max-width: 1199px) {
  .panel.panel-datagrid.document-details-panel table.document-properties {
    display: none;
  }
  .panel.panel-datagrid.document-details-panel .panel-body.heading-filter {
    margin-top: 0;
  }
}
.panel.panel-datagrid.document-details-panel .document-summary-wrap {
  width: 100%;
}
.panel.panel-datagrid.document-details-panel .document-summary-wrap table.document-summary {
  width: 100%;
}
.panel.panel-datagrid.document-details-panel .document-summary-wrap table.document-summary .document-summary-property,
.panel.panel-datagrid.document-details-panel .document-summary-wrap table.document-summary .document-summary-value {
  font-weight: bold;
  text-align: right;
}
.panel.panel-datagrid.document-details-panel .document-buttons {
  margin-top: 22px;
}
.help-margin-clear {
  margin-right: 15px;
}
.help-left-header {
  padding-left: 0 !important;
}
.additional-panel-body {
  margin-left: 15px;
}
.help-displayer .panel-body {
  padding: 0;
}
.help-displayer.panel.panel-default .panel-heading.special-heading {
  top: 0;
  margin-top: 3px;
}
.help-displayer .panel-accordion .panel-heading {
  padding: 0;
}
.help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main {
  display: block;
  width: 100%;
  padding: 28px 0;
  padding-right: 60px;
  border-bottom: 1px solid transparent;
  position: relative;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 300;
  color: #0f3c7d;
}
@media (max-width: 1199px) {
  .help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 14px;
  }
}
.help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main a {
  color: #0f3c7d;
}
.help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f106";
  display: inline-block;
  position: absolute;
  right: 20px;
  color: #0f3c7d;
  font-size: 22px;
  top: 28px;
}
@media (max-width: 1199px) {
  .help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main:after {
    top: 18px;
    font-size: 18px;
    right: 5px;
  }
}
.help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main.collapsed {
  font-size: 18px;
  color: #000000;
  font-family: "Roboto";
  font-weight: 300;
  border-bottom: 1px solid #e3e3e3;
}
.help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main.collapsed:after {
  color: #bfbfbf;
  transform: rotate(180deg);
}
.help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main:hover {
  text-decoration: none;
}
.help-displayer .panel-accordion .panel-heading .expand-link.expand-link-main:focus {
  outline: none;
  background-color: #ffffff;
  text-decoration: none;
}
.help-displayer .panel-accordion .panel-heading > .row > .col-sm-11 {
  width: 100%;
  padding-right: 0;
}
.help-displayer .panel-accordion .panel-heading > .row > .col-sm-1 {
  display: none;
}
.help-displayer .panel-accordion .panel-collapse {
  border-bottom: 1px solid #e9e9e9;
}
.help-displayer .panel-accordion .panel-collapse .panel-body {
  border-top: none;
  margin-bottom: 20px;
  color: #777777;
  font-family: 'Arimo', sans-serif;
  font-size: 14px;
  text-decoration: none !important;
  border-left: 2px solid #0f3c7d;
}
@media (max-width: 767px) {
  .help-displayer .panel-accordion .panel-collapse .panel-body {
    font-size: 12px;
    line-height: 20px;
  }
}
.help-displayer .panel-accordion .panel-collapse .panel-body p {
  margin-left: 15px;
  padding-left: 15px;
  padding-top: 5px;
  position: relative;
  font-size: 14px;
  color: #777777;
}
.help-displayer .panel-accordion .panel-collapse .panel-body p span {
  text-decoration: none;
}
.help-displayer .panel-accordion .panel-collapse .panel-body p span a span {
  color: #0f3c7d;
}
.help-displayer .panel-accordion > .panel {
  margin-top: 0;
  border: none;
  box-shadow: none;
}
.clipboard-main-grid {
  position: relative;
  top: -5px;
  /* sm only */
  /* md only */
}
.clipboard-main-grid .create-clipboard-button-wrap {
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .clipboard-main-grid {
    margin-top: 50px;
  }
  .clipboard-main-grid .create-clipboard-button-wrap {
    top: -45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .clipboard-main-grid {
    margin-top: 50px;
  }
  .clipboard-main-grid .create-clipboard-button-wrap {
    top: -45px;
  }
}
.padding-25px {
  padding: 25px;
}
.close i {
  color: #2c2c27;
}
@media (min-width: 1200px) {
  .modal-clipboard-selector .modal-dialog {
    width: 1100px;
  }
}
.modal-clipboard-selector .modal-header {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  position: relative;
}
.modal-clipboard-selector .modal-header h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  color: #2c2c27;
  margin: 0;
}
.modal-clipboard-selector .modal-header .close {
  position: absolute;
  right: 28px;
  top: 30px;
  opacity: 0.8;
  outline: 0;
}
.modal-clipboard-selector .modal-header .close:hover {
  opacity: 1;
}
.modal-clipboard-selector .modal-body {
  background-color: #fff;
  padding: 30px;
  position: relative;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-clipboard-selector__product {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.modal-clipboard-selector__product img {
  max-height: 170px;
  margin-right: 30px;
}
.modal-clipboard-selector__product h4,
.modal-clipboard-selector__product h5 {
  font-family: 'Noto Sans', sans-serif;
}
.modal-clipboard-selector__product h4 {
  color: #777777;
  font-size: 15px;
}
.modal-clipboard-selector__product h5 {
  color: #2c2c27;
  font-size: 18px;
}
.modal-clipboard-selector__product .qtn-product {
  margin-left: auto;
}
.modal-clipboard-selector__product .qtn-product span {
  display: inline-block;
  margin-right: 5px;
  color: #2c2c27;
  font-size: 13px;
}
.modal-clipboard-selector__product .qtn-product .form-control {
  width: 50px;
  display: inline-block;
}
.modal-clipboard-selector__product .qtn-product label {
  position: absolute;
  top: 38px;
  right: -50px;
}
.modal-clipboard-selector .info {
  text-align: center;
  font-size: 11px;
  color: #777777;
  margin-bottom: 30px;
  margin-top: 15px;
  display: block;
  margin-top: 10px;
}
.modal-clipboard-selector table {
  margin-bottom: 30px;
}
.modal-clipboard-selector table thead tr th {
  border-top: 1px solid #e5e9eb !important;
  padding: 20px 10px;
  text-align: center;
}
.modal-clipboard-selector table thead tr th:first-child {
  text-align: left;
}
.modal-clipboard-selector table tbody tr td {
  padding: 20px 10px;
  border-top: 1px solid #e5e9eb;
  text-align: center;
  color: #777777;
}
.modal-clipboard-selector table tbody tr td a {
  color: #0f3c7d !important;
}
.modal-clipboard-selector table tbody tr td a:hover {
  color: #0c3064 !important;
}
.modal-clipboard-selector table tbody tr td:first-child {
  text-align: left;
}
.modal-clipboard-selector table tbody tr td:last-child {
  text-align: right;
}
.modal-clipboard-selector .clipboard-name-wrapper {
  position: relative;
}
.modal-clipboard-selector .clipboard-description {
  margin-bottom: 30px;
}
.modal-clipboard-selector .btn.btn-default {
  background-color: #0f3c7d;
  padding-left: 30px;
  padding-right: 30px;
}
.panel-heading-no-border {
  border-bottom: none !important;
}
.panel.panel-datagrid.clipboard-editor .panel-heading .button-back-wrap {
  position: relative;
  top: 11px;
  text-align: right;
}
.panel.panel-datagrid.clipboard-editor .panel-heading .button-back-wrap a {
  font-size: 14px;
  font-weight: normal;
}
.panel.panel-datagrid.clipboard-editor .heading-filter {
  border-top: none;
}
.panel.panel-datagrid.clipboard-editor table tbody tr td {
  padding-top: 11px;
  padding-bottom: 11px;
  vertical-align: middle;
}
.panel.panel-datagrid.clipboard-editor table tbody tr:first-child td {
  border-top: none;
}
.panel.panel-datagrid.clipboard-editor .action-icons {
  color: #4d8d2f !important;
  /* xs & sm */
}
@media (max-width: 991px) {
  .panel.panel-datagrid.clipboard-editor .action-icons {
    width: 100px;
  }
  .panel.panel-datagrid.clipboard-editor .action-icons .btn {
    width: 43px;
    padding-left: 0;
    padding-right: 0;
  }
}
.panel.panel-datagrid.clipboard-editor span {
  color: #4d8d2f !important;
}
.panel-body--border {
  border-left: 1px solid #E4DDD7;
  border-right: 1px solid #E4DDD7;
  border-bottom: 1px solid #E4DDD7;
}
.panel-body--flex-baseline {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
}
.makeitflex {
  display: flex;
}
.clipboard-header-inner {
  display: flex;
  align-items: center;
}
.clipboard-header-inner > :not(:first-child):not(:last-child) {
  margin-right: 30px;
}
.clipboard-header-inner .check-all-compontent {
  margin-right: auto;
  color: #777777;
}
.clipboard-header-inner select,
.clipboard-header-inner > a {
  width: 190px;
}
.clipboard-header-inner .btn.button-back {
  background-color: #919ba1;
}
.clipboard-header-inner .btn.button-back:hover {
  background-color: #7b8489;
}
.panel.panel-default.product-list.clipboard-details .panel-heading {
  background-color: #f8f8f8;
  margin-top: 22px;
}
.panel.panel-default.product-list.clipboard-details .panel-heading .product-list-filter {
  padding: 5px;
  border-bottom: none;
}
.panel.panel-default.product-list.clipboard-details .panel-body h3 {
  margin-top: 3px;
  font-size: 15px;
  font-weight: bolder;
}
.panel.panel-default.product-list.clipboard-details .panel-body .clipboard-header {
  border-bottom: none !important;
}
.panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav {
  margin-top: 22px;
  padding-bottom: 11px;
  border-bottom: 2px solid #E4DDD7;
  /* xs only */
}
.panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .select-wrap {
  position: relative;
  top: 11px;
}
.panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .select-wrap .nav-select-all {
  margin-right: 11px;
  font-size: 13px;
}
.panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .select-wrap .nav-deselect-all {
  margin-left: 11px;
  color: #2c2c27;
  font-size: 13px;
}
.panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .action-wrap {
  text-align: right;
}
.panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .action-wrap .form-control {
  display: inline-block;
  width: 141px;
  height: 26px;
  position: relative;
  top: 1px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 7px;
}
.panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .action-wrap .btn {
  display: inline-block;
}
@media (max-width: 767px) {
  .panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .select-wrap {
    position: absolute;
  }
  .panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .select-wrap .nav-select-all {
    margin-right: 3px;
    font-size: 13px;
    position: relative;
  }
  .panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .select-wrap .nav-deselect-all {
    margin-left: 3px;
    font-size: 13px;
    position: relative;
  }
  .panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .action-wrap .form-control {
    width: 121px;
  }
  .panel.panel-default.product-list.clipboard-details .clipboard-details-up-nav .action-wrap .btn {
    padding-left: 7px;
    padding-right: 7px;
  }
}
#contentWrap.login-panel-page {
  background-color: #f1f1f1;
  padding-top: 0;
  padding-top: 50px;
  min-height: 90%;
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
}
#contentWrap.login-panel-page .header-wrap {
  margin-bottom: 15px;
}
#contentWrap.login-panel-page .b2b-login-panel {
  display: block;
  margin: auto;
}
@media screen and (max-width: 991px) {
  #contentWrap.login-panel-page .b2b-login-panel {
    margin-bottom: 50px;
  }
}
#contentWrap.login-panel-page .b2b-login-panel .panel-heading {
  padding: 11px 13px;
}
#contentWrap.login-panel-page .b2b-login-panel .b2b-login-panel-body .form .control-group .form-control.has-error {
  border: 1px solid #d9534f;
}
#contentWrap.login-panel-page .b2b-login-panel .b2b-login-panel-bottom {
  display: block;
  /*height: 135px;*/
  background-color: #ffffff;
  padding: 26px 47px;
}
#contentWrap.login-panel-page .b2b-login-panel .b2b-login-panel-bottom .btn-default {
  width: 100%;
  padding: 16px 22px;
  font-size: 16px;
}
.login-panel-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #ffffff;
  color: #444444;
  font-size: 12px;
}
.login-panel-footer .footer-left {
  padding-top: 11px;
}
.login-panel-footer .footer-right {
  padding-top: 11px;
  text-align: right;
}
/* xs & sm */
@media (max-width: 991px) {
  #contentWrap.login-panel-page .header-wrap {
    text-align: center;
  }
  .login-panel-footer {
    height: 100%;
    position: relative;
  }
}
/* xs only */
@media (max-width: 767px) {
  ul.nav-tabs.mobile-dropdown-menu {
    list-style: none;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 10px;
  }
  ul.nav-tabs.mobile-dropdown-menu li {
    width: 100%;
    clear: both;
    margin-bottom: -2px;
    background-color: #ffffff;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  ul.nav-tabs.mobile-dropdown-menu li a {
    white-space: nowrap;
    display: block;
    width: 100%;
    border-radius: 0;
    padding-left: 7px;
    background-color: #ffffff;
    margin-bottom: 3px !important;
  }
  ul.nav-tabs.mobile-dropdown-menu li a:focus {
    outline: none;
  }
  ul.nav-tabs.mobile-dropdown-menu li.active {
    background-color: #ffffff;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  ul.nav-tabs.mobile-dropdown-menu li.active a {
    padding-left: 7px;
    cursor: pointer;
  }
  ul.nav-tabs.mobile-dropdown-menu li:after {
    display: none;
  }
  ul.nav-tabs.mobile-dropdown-menu li:first-child a {
    padding-left: 20px;
    width: 95%;
  }
  ul.nav-tabs.mobile-dropdown-menu.menu-closed {
    position: relative;
    height: 74px;
  }
  ul.nav-tabs.mobile-dropdown-menu.menu-closed li.active {
    z-index: 1;
    background-color: transparent;
    border-bottom: 2px solid #0f3c7d;
  }
  ul.nav-tabs.mobile-dropdown-menu.menu-closed li.active a:after {
    transform: rotate(90deg);
  }
}
.mobile-action-menu.mobile-action-menu-theme2 .mobile-action-menu-items-wrap {
  display: flex;
}
.mobile-action-menu.mobile-action-menu-theme2 .mobile-action-menu-item {
  font-size: 0;
}
.mobile-action-menu {
  position: relative;
  white-space: nowrap;
  /* xs & sm & md */
}
@media (max-width: 1199px) {
  .mobile-action-menu .mobile-action-menu-button:after {
    content: '';
    display: inline-block;
    width: 33px;
    height: 29px;
    color: #444444;
    cursor: pointer;
    text-align: center;
    padding-top: 7px;
    border: 1px solid transparent;
  }
  .mobile-action-menu.mobile-action-menu-theme1 .mobile-action-menu-button:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #fdfdfd 0%, #eeeeee 100%);
  }
  .mobile-action-menu.mobile-action-menu-theme2 .mobile-action-menu-button:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f013";
    font-size: 20px;
    padding-top: 4px;
  }
  .mobile-action-menu .mobile-action-menu-items-wrap {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fefefe;
    border: 1px solid #cccccc;
    z-index: 999;
  }
  .mobile-action-menu .mobile-action-menu-items-wrap .mobile-action-menu-item a {
    display: block;
    padding: 11px 15px;
    min-width: 140px;
    text-decoration: none;
    color: #0f3c7d;
  }
  .mobile-action-menu .mobile-action-menu-items-wrap .mobile-action-menu-item a:hover {
    background-color: #fcfcfc;
  }
  .mobile-action-menu.expanded .mobile-action-menu-button:after {
    border: 1px solid #cccccc;
    color: #0f3c7d;
  }
  .mobile-action-menu.expanded .mobile-action-menu-items-wrap {
    display: block;
  }
}
.modalEmail {
  width: 800px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  /* połowa szerokości */
  margin-top: -250px;
  /* połowa wysokości */
}
.modalEmail .bodyEmail {
  margin: 0 auto;
  width: 650px;
}
.modalEmail .emailField {
  width: 650px;
}
.modalEmail .sendEmailButton {
  padding-bottom: 20px;
  margin: 0 auto;
  text-align: center;
}
.modalEmail .closeEmailButton {
  padding-top: 5px;
  padding-right: 10px;
}
.modalEmail .modal-content {
  border: 1px !important;
  border-radius: 0px !important;
  text-align: center;
}
.modalEmail #emailTitle {
  font-weight: 300;
  padding-bottom: 10px;
  text-align: center;
  font-size: 22px;
  margin-top: 0;
  padding-top: 40px;
  position: relative;
  display: inline-block;
}
.modalEmail #emailTitle:before {
  content: '';
  background-color: #0f3c7d;
  height: 3px;
  width: 100%;
  position: absolute;
  top: -5px;
  left: 0;
}
body {
  font-family: 'Arimo', sans-serif;
}
/**
  Own variables
*/
/**
  Bootstrap variables
*/
/* Colors */
/* Scaffolding */
/* Buttons */
/* Forms */
/* Grid system */
/* Container sizes */
/* Navbar */
/* Nav */
/* Components */
/* Form states and alerts */
/* Modals */
/* Panels */
/**
  MIXINS
*/
/**
  COMMON_STYLES
*/
body {
  background-color: #fff;
  background-attachment: fixed;
}
html,
body,
body > form {
  height: 100%;
}
.disable-resize {
  resize: none;
}
.button-icon {
  display: inline-block;
  padding: 0 2px;
}
.button-icon .btn {
  padding: 7px 7px;
  width: 36px;
}
.button-icon:hover,
.button-icon:focus {
  text-decoration: none;
}
.button-icon .button-label {
  font-weight: bold;
  margin-right: 7px;
}
.active-file-upload-fix {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.active-file-upload-fix label.btn {
  width: 195px;
}
@media (max-width: 420px) {
  .active-file-upload-fix label.btn {
    width: auto;
  }
}
.active-file-upload-fix .file-upload-wrap {
  position: relative;
  height: 0;
  width: 0;
}
.active-file-upload-fix .file-upload-wrap img {
  position: absolute;
  left: 14px;
  top: -25px;
}
.active-file-upload-fix .file-upload-wrap input[type="file"] {
  display: none;
}
.cart-order-upload-csv {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  width: 100%;
}
@media (min-width: 960px) {
  .cart-order-upload-csv {
    flex-direction: row;
  }
}
.cart-order-upload-csv > div {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .cart-order-upload-csv > div {
    margin-top: 25px;
  }
}
.cart-order-csv-import-type {
  display: flex;
}
.cart-order-csv-import-type > label {
  margin-right: 10px;
}
#wrap {
  height: auto !important;
  min-height: 100%;
  margin: 0 auto -217px;
}
.header-wrap h3 {
  color: #233d86;
  font-size: 16px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 11px;
}
.form-wrap .form-horizontal {
  padding-top: 22px;
}
.control-wrap {
  text-align: center;
}
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.checkbox-fix input[type=checkbox],
.checkbox-fix input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 3px;
}
.col-xs-12.col-md-3.create-clipboard-button-wrap.pull-right .btn.btn-default.pull-right {
  text-transform: uppercase;
}
.mobile-action-menu.mobile-action-menu-theme1 .mobile-action-menu-items-wrap {
  display: flex;
}
@media screen and (max-width: 1199px) {
  .mobile-action-menu.mobile-action-menu-theme1 .mobile-action-menu-items-wrap {
    display: none;
  }
}
.mobile-action-menu.mobile-action-menu-theme1 .mobile-action-menu-items-wrap .mobile-action-menu-item {
  align-self: flex-start;
}
.mobile-action-menu.mobile-action-menu-theme1 .mobile-action-menu-items-wrap .mobile-action-menu-item:first-child {
  margin-right: 10px;
}
.site-header {
  height: 95px;
  font-size: 12px;
  color: #ccc;
  display: flex;
  align-items: center;
}
.site-header .text {
  margin-top: 01px;
  font-size: 12px;
}
.site-header .text-left a img {
  width: 235px !important;
  height: 58px !important;
}
.table-header-blue th {
  height: 47px;
  background-color: #f0f4f9;
}
.table-header-blue td {
  text-align: justify;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-right-15px {
  margin-right: 15px;
}
.margin-top-10px {
  margin-top: 10px;
}
.margin-top-15px {
  margin-top: 15px;
}
.margin-top-20px {
  margin-top: 20px;
}
.margin-top-25px {
  margin-top: 25px;
}
.margin-top-30px {
  margin-top: 30px;
}
.margin-top-50px {
  margin-top: 50px;
}
.margin-bottom-10px {
  margin-bottom: 10px;
}
.margin-bottom-20px {
  margin-bottom: 20px;
}
.margin-bottom-30px {
  margin-bottom: 30px;
}
.margin-bottom-40px {
  margin-bottom: 40px;
}
.margin-bottom-50px {
  margin-bottom: 50px;
}
.padding-top-10px {
  padding-top: 10px;
}
.padding-top-5px {
  padding-top: 5px;
}
.add-cart-widget .cart-button-wrap {
  text-align: center;
}
.add-cart-widget .cart-button-wrap input[type=text] {
  width: 28px;
  height: 35px;
  padding: 2px;
  display: inline-block;
  vertical-align: top;
}
.add-cart-widget .cart-button-wrap .btn {
  display: inline-block;
  height: 35px;
  border: none;
  font-size: 14px;
  padding-top: 7px;
  padding-left: 5px;
  padding-right: 8px;
  vertical-align: top;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.add-cart-widget .cart-button-wrap #add,
.add-cart-widget .cart-button-wrap #dec {
  height: 35px;
}
.add-cart-widget .clipboard-button-wrap {
  text-align: center;
  padding: 5px 0;
}
.user-register .form-group .control-label {
  position: relative;
  text-align: left;
}
.user-register .form-group .control-label .validator-wrap span {
  position: absolute;
  right: -20px;
  top: -1px;
}
.padding-right-product {
  padding-right: 15px;
}
.personal-data-header {
  font-size: 16px;
  font-weight: bold;
  color: #776E65;
}
.my-account-consultant-photo-displayer {
  max-width: 120px;
  max-height: 130px;
  text-align: center;
  vertical-align: middle;
}
.my-account-consultant-photo-displayer img {
  max-width: 118px;
  max-height: 128px;
}
.add-cart-alert .modal-dialog .modal-content {
  border-radius: 5px;
  overflow: hidden;
}
.add-cart-alert .modal-dialog .modal-content .modal-header {
  padding: 9px 22px;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
}
.add-cart-alert .modal-dialog .modal-content .modal-header h4 {
  color: #4d4d4d;
  font-size: 17px;
  font-weight: 500;
}
.add-cart-alert .modal-dialog .modal-content .modal-body {
  text-align: center;
  padding: 44px 22px;
}
.add-cart-alert .modal-dialog .modal-content .modal-body .btn {
  margin-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .additional-formatWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .additional-formatWrap--select {
    margin: 10px 0;
    width: 95.62% !important;
  }
  /*	.form-inline{
			display: none;
		}*/
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
  .current-time.cart-attribute-value.cart-order-form-inline {
    margin-left: 30%;
  }
}
.import-info-icon {
  opacity: 0.5;
}
.import-info-icon .import-help-tooltip {
  visibility: hidden;
  display: inline-block;
  position: absolute;
}
.import-info-icon:hover {
  opacity: 0.9;
}
.import-info-icon:hover .import-help-tooltip {
  visibility: visible;
  z-index: 99;
  background-color: black;
  position: absolute;
  color: white;
  padding: 5px;
  font-size: 14px;
  margin-left: 10px;
  white-space: nowrap;
}
.recommended-product-atom.panel.panel-default .panel-heading {
  color: #E4DDD7;
}
.recommended-product-atom .recommended-product-item {
  text-align: center;
}
.recommended-product-atom .recommended-product-item .title {
  display: inline-block;
  font-weight: bold;
  color: #e52987;
  font-size: 13px;
  width: 170px;
  margin: 5px 0;
}
.recommended-product-atom .recommended-product-item .product-price {
  font-weight: bold;
}
.recommended-product-atom .recommended-product-item .thumbnail {
  display: inline-block;
  height: 133px;
  width: 95px;
  margin-bottom: 5px;
}
.recommended-product-atom .recommended-product-item .thumbnail img {
  max-height: 131px;
  max-width: 93px;
}
.recommended-product-atom .panel-footer {
  padding: 0 22px;
  background-color: #ffffff;
  border-top-color: transparent;
}
.recommended-product-atom .panel-footer .active-pager-wrap {
  text-align: center;
}
.recommended-product-atom .panel-footer .active-pager-wrap ul.pagination {
  display: inline-block;
}
.panel-footer_datagrid {
  padding: 10px 15px;
  border: 1px solid #e4ddd7;
  border-top: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #F9F8F6;
}
.blockOverlay {
  z-index: 2000 !important;
}
span.product-import-error {
  color: red;
}
div.add-to-clipboard-datagrid-overflow {
  max-height: 400px;
  overflow: auto;
}
div.notification-popup-overflow {
  max-height: 400px;
  overflow: auto;
}
div.notification-single-overflow {
  max-height: 200px;
  padding-right: 15px;
  overflow: auto;
}
.textbox-text-area {
  height: auto !important;
}
.google-maps-responsive-container {
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  height: 356px;
}
.google-maps-responsive-container iframe,
.google-maps-responsive-container object,
.google-maps-responsive-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cart-import-wrap {
  margin-top: 40px;
  padding-top: 15px;
  border-top: 1px solid #eeeeee;
  font-size: 13px;
  overflow: hidden;
}
.cart-import-wrap .text-right a {
  width: 195px;
  background-color: #0f3c7d;
}
.cart-import-wrap .text-right a:hover {
  background-color: #0a2650;
}
.cart-import-wrap .import-type-wrapper {
  width: 50%;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cart-import-wrap .import-type-wrapper label {
  margin: 0;
  margin-right: 5px;
  padding: 0;
  flex: 0;
}
.cart-import-wrap .import-type-wrapper > div {
  padding: 0;
}
.publisher-table-inner-hr {
  margin: 3px;
}
.hr-comment {
  margin: 10px 0px;
  color: #eeeeee;
}
.form-group label {
  white-space: nowrap;
}
.form-group label .validator {
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.9);
}
.form-group label .validator-wrap {
  position: relative;
  display: inline;
  right: 0px;
}
.form-group label .validator-wrap .validator {
  position: absolute;
}
.alert-overflow {
  max-height: 200px;
  overflow-y: auto;
}
.danger-bold {
  font-weight: bold;
}
blockquote p {
  font-style: italic;
  font-size: 14px;
}
blockquote footer {
  height: auto;
  padding: 8px;
}
.datagrid-row-check-circle {
  color: green;
  margin-right: 5px;
}
#div-cookie-acceptance {
  display: none;
  border-top: 1px solid #E4DDD7;
  background: rgba(255, 255, 255, 0.8);
  color: #2c2c27;
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}
#div-cookie-acceptance a#cookies-more:active,
#div-cookie-acceptance a#cookies-more,
#div-cookie-acceptance a#cookies-more:hover,
#div-cookie-acceptance a#cookies-more:visited {
  color: #0f3c7d;
  font-weight: bold;
}
#div-cookie-acceptance .btn-blue {
  margin-top: 5px;
  background: #0f3c7d;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 2, 100, 0.2);
  transition: 0.5s;
}
#div-cookie-acceptance .btn-blue:hover {
  background: #0c3064;
}
#search-box-header .search-box-header-group {
  height: 52px;
  padding: 11px 0 9px 9px;
  background-color: #5d1c76;
  border: 1px solid transparent;
}
#search-box-header .search-box-header-group .ui-state-active {
  background: none;
  border: none;
  color: inherit;
  font-weight: normal;
}
#search-box-header .category-map {
  height: 68px;
  width: 100%;
  padding: 0;
  line-height: 68px;
}
#search-box-header .btn-search {
  height: 32px;
  margin: 0px 9px;
  width: 95%;
}
#search-box-header .seach-textbox {
  height: 32px;
}
#search-box-header .seach-textbox:focus {
  box-shadow: none;
}
#search-box-header .category-col {
  padding: 0px;
}
#search-box-header .category-col .category-map {
  height: 68px;
  width: 100%;
  padding-left: 25px;
  background-color: #0c3064 !important;
  line-height: 68px;
  font-size: 16px;
  text-align: left;
  text-transform: none;
}
#search-box-header .category-col .category-map a {
  color: #ffffff;
  font-size: 17px;
  top: 2px;
  width: 100%;
  display: inline-block;
  position: relative;
}
#search-box-header .category-col .category-map a .caret {
  position: absolute;
  right: 5px;
  top: 5px;
}
#search-box-header .category-col .category-map a:hover {
  text-decoration: none;
}
#search-box-header .category-col .category-map a:focus {
  outline: none;
  text-decoration: none;
}
.noborder {
  border: 0px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.additional-panel-border {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0px !important;
}
.additional-panel-heading span {
  color: #2c2c27;
  display: block;
  position: relative;
  line-height: 20px;
  padding-top: 17px;
  padding-bottom: 17px;
  font-size: 22px;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
}
.additional-panel-heading span:before {
  position: absolute;
  content: '';
  top: 14px;
  left: -15px;
  width: 3px;
  height: 28px;
  background-color: #0f3c7d;
}
@media screen and (max-width: 992px) {
  .additional-panel-heading span {
    padding-top: 0;
    padding-bottom: 0;
  }
  .additional-panel-heading span:before {
    position: absolute;
    content: '';
    top: -19px;
    left: -16px;
    width: 3px;
    height: 52px;
    background-color: #0f3c7d;
  }
}
#panelHead .label-top-border,
#panelHeadConslutantAtom .label-top-border {
  color: #2c2c27;
  display: block;
  position: relative;
  line-height: 20px;
  padding-top: 30px;
  padding-bottom: 17px;
  font-size: 22px;
  font-weight: normal;
  text-align: center;
}
#panelHead .label-top-border:before,
#panelHeadConslutantAtom .label-top-border:before {
  position: absolute;
  content: '';
  top: 0;
  width: 90%;
  height: 2px;
  background-color: #0f3c7d;
  margin-right: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 992px) {
  #panelHead .label-top-border,
  #panelHeadConslutantAtom .label-top-border {
    text-align: left;
    font-weight: normal !important;
  }
  #panelHead .label-top-border:before,
  #panelHeadConslutantAtom .label-top-border:before {
    position: absolute;
    top: 25px;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #0f3c7d;
  }
  #panelHead .label-top-border:after,
  #panelHeadConslutantAtom .label-top-border:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.1s ease;
    content: "\f054";
    display: inline-block;
    float: right;
    font-size: 22px;
    position: relative;
    top: -2px;
  }
}
.panel-body .description-image-consultant {
  width: fit-content;
  height: fit-content;
  max-width: 200px;
  max-height: 300px;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
}
.panel-body .additiona-consultant-name {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #2c2c27;
  display: block;
  align-content: middle;
}
.panel-body .additiona-consultant-name:nth-child(2) {
  color: #777777;
  margin-top: 5px;
  font-size: 12px;
}
.panel-body .additiona-consultant-contact {
  display: inline-block;
  text-align: center;
  width: 49%;
  color: #00a0de;
}
.panel-body .additiona-consultant-contact:nth-child(5) {
  color: #0f3c7d;
}
.panel-body .additiona-consultant-contact-sending-mes {
  color: #0f3c7d;
  width: 100%;
}
.panel-body .additional-form-control {
  height: 34px;
  margin-left: 5px;
  border: 1px solid #cbcbcb;
  box-shadow: inset 0 2px 0 0 #edeee8;
  border-radius: 0px;
}
.panel-body .sign-out-news {
  color: #0f3c7d;
  font-size: 13px;
  margin-right: 10px;
}
.panel-body .btn-news {
  width: 110px;
  text-transform: uppercase;
}
.product-image {
  /*	width: 250px;
		height: 330px;*/
  max-width: 100%;
  height: auto;
  border: 1px solid grey;
  padding: 10px;
}
.main-image-wrap-fix {
  min-height: 176px;
}
.image-miniatures-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.image-miniatures-wrap .image-miniatures {
  width: 80px;
  height: 60px;
  border: 1px solid grey;
  margin-bottom: 15px;
}
.remove-hover {
  border-right: none !important;
  background: #fff !important;
  /*	a { color: #4D8D2F !important;}*/
}
.table-no-border {
  border: none !important;
}
table.support tr td:first-child {
  width: 50%;
  border-right: 1px solid #e3e3e3;
}
table.support tr td:last-child {
  width: 50%;
}
.sales-representative {
  border-radius: 0 !important;
}
.sales-representative > .panel-heading {
  background-color: #E4DDD7 !important;
}
.choiceValue {
  float: right;
  border-radius: 5px;
  display: inline-flex;
}
.choiceValue input[type=text] {
  width: 28px;
  height: 32px;
  padding: 5px;
  text-align: center;
  color: #848484;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0;
}
#add,
#dec {
  width: 20px;
  height: 32px;
  background: -webkit-linear-gradient(25deg, #efebe8, #ffffff);
  background: linear-gradient(25deg, #efebe8, #ffffff);
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  text-align: center;
  padding-top: 5px;
  color: #848484;
  font-weight: 500;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.clickable-column--href {
  color: #0f3c7d;
  text-align: left;
  padding-left: 0px;
  cursor: pointer;
}
#add {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#dec {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media screen and (max-width: 435px) {
  .cart-quick-order {
    display: none;
  }
}
.additional-help-heading {
  padding-left: 0px !important;
}
.additional-help .panel-heading.special-heading {
  margin-left: 30px !important;
  margin-right: 15px;
  border-bottom: none;
  padding-left: 0 !important;
}
.additional-help .panel-body {
  margin-right: 15px;
  border-bottom: none !important;
}
.additional-help .panel-group.panel-accordion {
  margin-left: 15px;
}
.cart-quick-order--button {
  height: 94px;
  width: 35px;
  padding-right: 5px;
}
.quick-img {
  width: 19px;
  /*	margin-top:-7px;
		margin-left: -16px;*/
}
.border-bottom {
  border-bottom: 1px solid #e3e3e3;
}
.label-to-clipart {
  color: #777777 !important;
  margin-top: 10px;
}
.padding-fix--product_cart {
  padding: 15px;
  padding-top: 0px;
}
.property-to-bottom {
  position: absolute;
  bottom: 25px;
  left: 15px;
  right: 15px;
}
.property-to-bottom .property-label label {
  white-space: nowrap;
}
.property-to-bottom .label-left {
  color: #777777 !important;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.property-to-bottom .label-left a {
  word-wrap: break-all;
}
.property-to-bottom .label-right {
  color: #777777 !important;
  font-weight: bold;
  font-size: 14px;
}
.property-to-bottom .label-right a {
  word-wrap: break-all;
}
.property-to-bottom .label-right span {
  text-align: right;
}
.property-to-bottom .label-left-price label {
  font-weight: bold !important;
  color: #777777 !important;
  font-size: 15px;
}
.property-label.label-left-price {
  color: #777777;
  font-size: 15px;
  font-weight: bold;
}
.property-value--price.label-right.pull-right {
  color: #0f3c7d;
  font-size: 19px;
  font-weight: bold;
  line-height: 19px;
  white-space: nowrap;
}
.label-to-clipart.property-item {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 5px;
  white-space: nowrap;
}
.cart-item-space.clipboard-button-wrap {
  margin-right: 19px;
}
.product-info {
  margin-bottom: 15px;
  overflow: hidden;
}
.table-Clipboard--padding {
  padding-top: 30px !important;
  border: 1px solid #e4ddd7;
  border-top: none;
}
.cart-order-border-top {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #e3e3e3;
}
.cart-order-border-top > .col-xs-12 {
  padding: 0;
}
.table-condensed {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 0px;
}
.table-condensed th {
  text-align: left !important;
}
.table-condensed th a {
  color: #2c2c27 !important;
  text-align: left !important;
  font-size: 14px;
  font-weight: bold !important;
}
.table-condensed td {
  text-align: left !important;
  color: #777777 !important;
}
.table-condensed td a {
  text-align: left !important;
  color: #777777 !important;
}
.table-condensed input {
  margin: 0 auto;
  padding: 6px 15px;
}
.alert-nodata,
.cart-tooltip .inner-wrap > div > span > div > span {
  border: none;
  background: none;
  text-align: center;
  font-size: 28px;
  color: #B4B4B2;
  font-weight: 200;
  width: 100%;
}
.text-uppercase {
  text-transform: uppercase;
}
input[type="checkbox"] {
  margin: 2px 5px 0 5px;
}
label {
  font-weight: 400;
  margin-bottom: 0;
  color: #636363;
  text-transform: uppercase;
}
.panel-body_sidebar {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
  padding: 0 !important;
}
#slideout {
  position: fixed;
  top: 40vh;
  right: 0;
  width: 35px;
  padding: 12px 0;
  text-align: center;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  z-index: 100;
}
@media screen and (max-height: 550px) {
  #slideout {
    display: none;
  }
}
#slideout2 {
  position: fixed;
  top: calc(40vh+15px);
  right: 0;
  width: 35px;
  padding: 12px 0;
  text-align: center;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  z-index: 100;
}
@media screen and (max-height: 550px) {
  #slideout2 {
    display: none;
  }
}
@media screen and (max-height: 730px) {
  #slideout2 {
    top: 60vh;
  }
}
#slideout_inner {
  position: fixed;
  top: 40vh;
  right: -200px;
  width: 200px;
  padding: 4px;
  height: 130px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-align: left;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  background-color: #eae5e1;
  height: 105px;
  border-radius: 0;
  margin-top: 12px;
}
#slideout_inner2 {
  position: fixed;
  top: calc(40vh+16px);
  right: -200px;
  width: 200px;
  padding: 4px;
  height: 131px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-align: left;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  background-color: #eae5e1;
  margin-top: 3px;
  border-radius: 0;
}
@media screen and (max-height: 730px) {
  #slideout_inner2 {
    top: 61vh;
    margin-top: 5px;
  }
}
#slideout_inner2 .quickcontact-wrap input,
#slideout_inner2 .quickcontact-wrap textarea {
  font-size: 13px;
}
#slideout_inner2 .quickcontact-wrap input.error,
#slideout_inner2 .quickcontact-wrap textarea.error {
  border: 1px solid #ff0000;
}
#slideout_inner2 .quickcontact-wrap .email-field .form-control {
  height: 20px;
}
#slideout_inner2 .quickcontact-wrap .text-message {
  margin-top: 2px;
}
#slideout_inner2 .quickcontact-wrap .text-message .form-control {
  height: 72px;
}
#slideout_inner2 .quickcontact-wrap .submit-button {
  text-align: right;
  margin-top: 2px;
}
#slideout_inner2 .quickcontact-wrap .submit-button .btn {
  padding: 5px;
}
#slideout_inner textarea {
  width: 190px;
  height: 100px;
  margin-bottom: 6px;
}
#slideout:hover {
  right: 200px;
}
#slideout2:hover {
  right: 200px;
}
#slideout:hover #slideout_inner {
  right: 0;
}
#slideout2:hover #slideout_inner2 {
  right: 0;
}
/*.main-columns-wrap--margin{
	margin-top: 25px;
}*/
.label-value-homepage {
  color: #444 !important;
  font-weight: 300;
  font-size: 12px;
}
.label-author {
  position: relative;
  top: -5px;
  color: #838383;
}
.label-author span {
  text-align: center;
}
.header--nav__additional {
  position: relative;
  top: 15px;
}
.header--nav__additional a {
  font-size: 14px;
  text-transform: capitalize;
  text-shadow: 1px 0px 0px #31302f;
}
@media screen and (max-width: 991px) {
  .header--nav__additional a {
    font-size: 12px;
    margin-top: 13px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 561px) and (max-width: 767px) {
  .header--nav__additional a {
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 560px) {
  .header--nav__additional a {
    font-size: 8px;
    margin-top: 15px;
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media screen and (max-width: 767px) {
  .header--nav__additional {
    display: none;
  }
}
.btn-discount {
  border: 1px solid #D7CEc7;
  border-radius: 5px;
  background: -webkit-linear-gradient(180deg, #ffffff, #efebe8);
  background: linear-gradient(180deg, #ffffff, #efebe8);
  color: #8B7E6E;
  text-transform: uppercase;
  font-weight: 600;
  float: right;
  height: 35px;
  line-height: 35px;
  padding: 0 22px;
  -webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;
  -moz-box-shadow: inset 0px -1px 0px 0px #ffffff;
  box-shadow: inset 0px -1px 0px 0px #ffffff;
}
.btn-discount:hover {
  color: #695f52;
}
.btn-cart-fix {
  width: 35px !important;
}
.nopadding {
  padding: 0px;
}
.nopadding--important {
  padding: 0px !important;
}
.contact-text {
  margin: 15px 0 15px 0;
  border-left: 1px solid #E3DCD6;
  padding-left: 20px;
}
.contact-text span {
  width: 100%;
  display: block;
  color: #616161;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .col-xs-2.cart-order-price-offset span {
    display: block;
    width: 49% !important;
  }
}
@media screen and (max-width: 991px) {
  .col-xs-2.cart-order-price-offset {
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 355px) {
  .panel-body.heading-filter.table-no-border .btn-cart-custom {
    padding: 10px 9px 9px 9px !important;
  }
}
.cart-order-atribute-label-name {
  font-size: 17px;
  color: #777777;
  white-space: nowrap;
}
.cart-order-atribute-label-name-bold {
  font-size: 17px;
  color: #777777;
  white-space: nowrap;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .col-xs-2.hidden-xs.hidden-sm.cart-order-price-offset {
    display: none;
  }
}
.cart-order-price-offset {
  padding: 0;
  text-align: right;
}
.cart-order-atribute-label-name-bold-price {
  font-size: 17px;
  color: #0f3c7d;
  white-space: nowrap;
  font-weight: bold;
}
.green-table a {
  color: #777777 !important;
  text-decoration: none;
  cursor: pointer;
  float: right;
}
.cart-quick-order--borderFix {
  border-radius: 5px!important;
  height: 33px!important;
  padding-top: 9px!important;
}
@media screen and (max-width: 991px) {
  .text-center-xs {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .text-right-md {
    text-align: right;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .text-center-sm {
    text-align: center;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .text-center-md {
    text-align: center;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .text-center-lg {
    text-align: center;
  }
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select {
  background-image: url("../image/site/gfx/dropdown.png") !important;
  background-position: right 8px center;
  /*Positioning*/
  background-repeat: no-repeat;
  /*Prevent showing multiple background images*/
}
.panel-body--fix {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.table-cart thead:first-child > tr:first-child > th {
  padding: 15px !important;
  text-align: center;
}
.dropdown--padding:not(:last-child) {
  margin-bottom: 1px;
}
.document-wrap {
  -webkit-box-shadow: 0px 0px 18px -10px #673314;
  -moz-box-shadow: 0px 0px 18px -10px #673314;
  box-shadow: 0px 0px 18px -10px #673314;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: transparent;
}
.table-striped > tbody > tr:nth-child(even) {
  background-color: #fafbfb;
}
.no-border-bottom {
  border-bottom: none !important;
}
.no-border {
  border: none !important;
}
.breadcrumbs--fix {
  padding-bottom: 14px;
}
.navbar-search,
.navbar-cart {
  position: fixed !important;
  right: auto !important;
  z-index: 1000 !important;
}
@media screen and (max-width: 991px) {
  .pager-margin {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .cart-wrap--userDiscount {
    text-align: center;
    margin: 0 auto;
    width: 320px;
    margin-top: 10px;
  }
}
.cursor-pointer,
.moving-top_order--button {
  cursor: pointer;
}
.cart-input {
  border-radius: 0;
  width: 35px !important;
  margin: 0 !important;
  border: 1px solid #cbcbcb;
  color: #000;
}
.add-qtn,
.dec-qtn {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.add-qtn {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 13px !important;
  padding-top: 5px;
  background: -webkit-linear-gradient(25deg, #efebe8, #ffffff);
  background: linear-gradient(25deg, #efebe8, #ffffff);
  border: 1px solid #ccc;
  margin: 0;
  text-align: center;
  color: #848484;
  font-weight: 500;
  cursor: pointer;
}
.dec-qtn {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 13px !important;
  padding-top: 5px;
  background: -webkit-linear-gradient(25deg, #efebe8, #ffffff);
  background: linear-gradient(25deg, #efebe8, #ffffff);
  border: 1px solid #ccc;
  margin: 0;
  text-align: center;
  color: #848484;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .control-cart-btn {
    margin-bottom: 10px;
  }
}
.button-copy-to-clipboard {
  float: right;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .button-copy-to-clipboard {
    text-align: center;
    float: inherit;
    margin-top: 10px;
  }
}
.wrap-discount {
  border-bottom: 1px solid #F2EDEA;
  padding-bottom: 5px;
  margin: 0 0 10px 15px !important;
}
.no-padding {
  padding: 0px !important;
}
.discount-value--fix {
  padding-left: 5px!important;
  font-weight: 400;
  color: #733D17 !important;
  font-size: 15px;
}
.discount-value--normal {
  padding-left: 5px!important;
  font-size: 14px;
}
.table-order table {
  margin-bottom: 0;
}
.table-order table thead tr th {
  padding-top: 25px;
  padding-bottom: 25px;
}
.table-order table thead tr th:last-child {
  padding-right: 25px;
}
.table-order table thead tr th:first-child {
  padding-left: 25px;
  text-align: left;
}
.table-order table tbody tr td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.table-order table tbody tr td:first-child {
  padding-left: 25px;
  text-align: left;
}
.table-order .first-column {
  text-align: left;
}
.table-order .text-green {
  color: #4d8d2f !important;
}
.table-order .text-green a {
  color: #4d8d2f !important;
}
.radius-reset {
  border-radius: 0px !important;
}
@media screen and (max-width: 440px) {
  .mobile-expanded-slidable {
    width: 100%;
    min-height: 100%;
  }
}
.btn-save {
  border: 1px solid #d8cfc8;
  background: -webkit-linear-gradient(180deg, #ffffff, #efebe8);
  background: linear-gradient(180deg, #fff, #efebe8);
  text-shadow: 1px 0px 0px #ffffff;
  color: #8b7f6f;
  -webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;
  -moz-box-shadow: inset 0px -1px 0px 0px #ffffff;
  box-shadow: inset 0px -1px 0px 0px #ffffff;
}
.btn-save:hover {
  color: #797166;
}
image-test {
  width: 225px;
  height: 156px;
}
.button-availability-zero {
  width: 115px;
  float: right;
  text-align: right;
  padding-top: 8px;
  font-size: 13px;
  color: rgba(114, 60, 26, 0.5);
}
.row-to-clipart .button-availability-zero {
  padding-bottom: 30px;
}
.grid-table .button-availability-zero {
  width: 115px;
  float: right;
  text-align: right;
  padding-top: 16px;
  font-size: 13px;
  color: rgba(114, 60, 26, 0.5);
}
.ellipsis-2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 991px) {
  .product-name--mobile {
    width: 100px !important;
  }
}
@media screen and (max-width: 430px) {
  .product-name--mobile {
    width: 50px;
  }
}
#loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 9px solid #0f3c7d;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.test-boder-system:before {
  content: '';
  display: block;
  position: absolute;
  width: 100vw;
  height: 1px;
  background-color: #efefef;
  left: 0;
  top: 50%;
}
.branch-subwrap {
  padding: 15px 0;
}
.pointer-class {
  cursor: pointer;
}
.attribute-list-collapse-items {
  margin-left: 42px;
  padding-top: 9px;
}
.complaint-table-document .ws-datagrid-table.ws-datagrid-table-complain {
  white-space: pre-wrap;
}
.panel-datagrid {
  padding: 10px;
}
.panel-datagrid.panel-datagrid-wrap .textbox-comment {
  margin-top: 25px;
}
.panel-datagrid.panel-datagrid-wrap .panel-heading {
  padding: 0;
}
.help-displayer-border {
  border: none;
}
table tbody .form-control.complainReasonSelect {
  padding-top: 2px;
  height: 26px;
  min-width: 100px;
  padding-right: 22px;
}
.line-height-cart-fix {
  line-height: normal;
  font-size: 14px;
  color: #777777;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 991px) {
  .fix--red .panel-heading.label-top-border:before {
    left: 2px !important;
  }
  .fix--red .panel-heading.label-top-border:after {
    right: 8px !important;
  }
}
@media screen and (max-width: 370px) {
  .consultant--fix {
    height: auto !important;
  }
  .consultant--fix .panel-heading.label-top-border {
    height: auto !important;
    padding-bottom: 30px !important;
  }
  .consultant--fix .panel-heading.label-top-border:before {
    top: 34px !important;
  }
}
@media screen and (max-width: 331px) {
  .consultant--fix {
    height: auto !important;
  }
  .consultant--fix .panel-heading.label-top-border {
    height: auto !important;
    padding-bottom: 30px !important;
  }
  .consultant--fix .panel-heading.label-top-border:before {
    top: 44px !important;
  }
}
@media screen and (max-width: 767px) {
  .notification-popup-item .modal-dialog .modal-content .modal-header h4 {
    top: 30px;
  }
  .alert h4,
  .notification-message h4 {
    top: 35px;
  }
}
@media screen and (max-width: 991px) {
  .moved-top-small {
    top: 0;
  }
  .moved-top {
    top: 60px;
  }
  .mobile-left-menu.mobile-nav.expanded {
    transition: all 0.1s ease;
  }
}
@media screen and (max-width: 540px) {
  .ws-datagrid-container .dataTables_length {
    top: 0;
  }
  .ws-datagrid-container .dataTables_length select {
    width: 150px;
  }
}
@media screen and (max-width: 500px) {
  /*.mobile--fix {
		margin-right: 0;
		margin-left: 0;
	}*/
  .product-item.col-sm-4.col-xs-6.thumb-item {
    padding-right: 0;
  }
  .product-item.col-sm-4.col-xs-6.thumb-item .property-to-bottom {
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .ws-datagrid-container .column-preferences-container .columns-container .non-selected-columns-ul {
    padding-left: 0;
  }
  .connected-sortable.ui-sortable {
    padding-left: 0;
  }
  .column-preferences-container {
    min-height: 640px;
  }
  .column-preferences-container .col-md-6 {
    padding: 0;
  }
  .well {
    padding: 0;
  }
  .moving-top .container {
    padding-left: 0;
    padding-right: 0;
  }
  .add-new-clipboard {
    height: 64px;
    display: flex;
    flex-direction: column;
  }
  .add-new-clipboard input {
    width: 100%;
  }
  .row.makeitflex {
    flex-direction: column;
  }
  .row.makeitflex div {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 420px) {
  .cart-order table thead th a {
    font-size: 11px;
  }
  .cart-order table tbody a,
  .cart-order table tbody td {
    font-size: 10px;
  }
  .product-name.product-name--mobile {
    width: 70px !important;
  }
}
.new-panel-heading {
  padding-top: 0 !important;
}
.new-panel-heading .pull-left.h3 {
  margin-top: 11px !important;
}
.new-panel-heading .close {
  margin-top: 10px;
}
@media screen and (max-width: 840px) {
  .modalEmail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin-left: 0;
    margin-top: 0;
    width: 90%;
  }
  .modalEmail .modal-content {
    width: 100%;
  }
  .modalEmail .modal-content .bodyEmail {
    width: 100%;
  }
  .modalEmail .modal-content .form-group {
    margin: 10px 15px;
  }
  .modalEmail .modal-content .closeEmailButton {
    padding-bottom: 0px;
  }
  .modalEmail #emailTitle {
    padding-left: 15px;
  }
}
.panel-body .nav .custom-tab-mainPage {
  margin-bottom: -4px;
  position: relative;
  bottom: -8px;
  left: 0;
  width: fit-content;
  border-bottom: 1px solid transparent;
  padding: 0 15px 10px 15px;
}
.panel-body .nav .custom-tab-mainPage.active {
  width: fit-content;
}
.panel-body .nav .custom-tab-mainPage.active a {
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .panel-body .nav .custom-tab-mainPage {
    width: 100% !important;
    text-align: center;
    margin-bottom: 5px;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
  }
  .panel-body .nav .custom-tab-mainPage.active {
    width: 100%;
    margin-bottom: 5px;
  }
  .panel-body .nav .custom-tab-mainPage a {
    background-color: transparent;
    width: 100% !important;
    padding: 0 !important;
  }
}
.panel-body .nav .custom-tab-mainPage a {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.promotion-div-list {
  padding: 0px;
  width: 107px;
  height: 150px;
  max-width: 107px;
  max-height: 150px;
  margin-bottom: 40px;
  margin-left: 55px;
  vertical-align: middle;
  display: table;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid #d7d7d7;
}
.promotion-div-list.image-cropper {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.promotion-div {
  padding: 0px;
  width: 210px;
  height: 250px;
  max-width: 210px;
  max-height: 250px;
  margin-bottom: 40px;
  margin-left: 55px;
  vertical-align: middle;
  display: table;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid #d7d7d7;
}
.promotion-div.image-cropper {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.promotion-text-div {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.promotion-text-div .promotion-text-inner-wrap {
  padding: 9px 15px;
  background-color: rgba(255, 255, 255, 0.6);
}
.promotion-text-div .promotion-text {
  display: inline-block;
  max-height: 200px;
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.promotion-text-div .promotion-text .promotion-title {
  width: 100%;
  font-weight: bold;
}
.promotion-text-div .promotion-text .promotion-value {
  font-weight: bold;
  color: #14307e;
}
.promotion-text-div .promotion-text .promotion-description {
  color: #444444;
}
.check-all-compontent {
  margin-top: 7px;
}
.check-all-compontent a {
  color: #0f3c7d;
}
.custom-checkbox-wrap {
  text-align: center;
}
.custom-checkbox-wrap .checkbox {
  vertical-align: middle;
  margin: 0px;
  display: inline;
}
.custom-checkbox-wrap input[type="checkbox"] {
  display: none;
}
.custom-checkbox-wrap input[type="checkbox"] + label {
  display: inline-block;
  vertical-align: middle;
  background: url("../../data/image/site/checkbox.png") no-repeat;
  cursor: pointer;
  padding-left: 27px;
  background-position-y: center;
  height: 18px;
}
.custom-checkbox-wrap input[type="checkbox"]:checked + label {
  background: url("../../data/image/site/checkbox_checked.png") no-repeat;
  background-position-y: center;
}
.promotion-price-brutto,
.promotion-price-with-amount {
  justify-content: flex-end;
}
.list-checkbox-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.list-checkbox-wrap input {
  visibility: hidden;
}
.list-checkbox-wrap input::after {
  content: '';
  background-image: url(../../data/image/site/checkbox.png);
  visibility: visible;
  width: 18px;
  height: 18px;
  display: block;
}
.list-checkbox-wrap input:checked::after {
  background-image: url(../../data/image/site/checkbox_checked.png);
}
.view-list-table-container.grid-table-fix .view-list-table-header {
  padding-top: 10px;
}
.view-list-table-container.grid-table-fix .view-list-table-header .view-list-table-row {
  margin: 0;
}
.view-list-table-container.grid-table-fix .view-list-table-header .view-list-table-row:nth-child(1) {
  width: 10%;
}
.view-list-table-container.grid-table-fix .view-list-table-header .view-list-table-row:nth-child(2) {
  width: 50%;
}
.view-list-table-container.grid-table-fix .view-list-table-header .view-list-table-row:nth-child(3) {
  width: 10%;
}
.view-list-table-container.grid-table-fix .view-list-table-header .view-list-table-row:nth-child(4) {
  width: 10%;
}
.view-list-table-container.grid-table-fix .view-list-table-header .view-list-table-row:nth-child(5) {
  width: 10%;
}
.view-list-table-container.grid-table-fix .view-list-table-header .view-list-table-row:nth-child(6) {
  width: 10%;
}
.view-list-table-container.grid-table-fix .view-list-table-header .view-list-table-row:nth-child(7) {
  width: 10%;
}
.view-list-table-container.grid-table-fix .view-list-table-content {
  height: 100px;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.view-list-table-container.grid-table-fix .view-list-table-content .list-checkbox-wrap {
  width: auto;
  border-bottom: 1px solid #e3e3e3;
  margin-right: 5px;
}
.view-list-table-container.grid-table-fix .view-list-table-content .view-list-table-row {
  overflow-x: hidden !important;
  overflow-y: hidden;
  border-bottom: 1px solid #e3e3e3;
  align-items: center;
  justify-content: center;
  color: #777777;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-table-container.grid-table-fix .view-list-table-content .image-container {
  width: 30%;
  height: 90px;
}
.view-list-table-container.grid-table-fix .view-list-table-content .image-container img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.view-list-table-container.grid-table-fix .view-list-table-content .title-container {
  width: 70%;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-table-container.grid-table-fix .view-list-table-content .view-list-table-row-first {
  width: 50%;
  text-align: left;
  display: flex;
}
.view-list-table-container.grid-table-fix .view-list-table-content .view-list-table-row-first a {
  color: #0f3c7d;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.view-list-table-container.grid-table-fix .view-list-table-content .view-list-table-row-sec {
  width: 10%;
  text-align: left;
  align-items: flex-start;
}
.view-list-table-container.grid-table-fix .view-list-table-content .view-list-table-row-sec a {
  color: #777777;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.view-list-table-container.grid-table-fix .view-list-table-content .view-list-table-row-third {
  width: 10%;
}
.view-list-table-container.grid-table-fix .view-list-table-content .view-list-table-row-fourth {
  width: 10%;
}
.view-list-table-container.grid-table-fix .view-list-table-content .view-list-table-row-fiv {
  overflow-x: hidden;
  overflow-y: auto;
  width: 10%;
}
.custom-pager-clipboard .pagination li span,
.custom-pager-clipboard .pagination li a {
  border-radius: 0;
  color: #575757;
  margin: 0 2px 5px 0;
  position: relative;
  transition: 0.2s;
  padding: 0 12px;
  height: 34px;
  line-height: 34px;
  background-color: #fafbfb;
  border: 1px solid #e6e9ec;
}
.custom-pager-clipboard .pagination li span:hover,
.custom-pager-clipboard .pagination li a:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #0f3c7d;
}
.custom-pager-clipboard .pagination li.active span {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
  color: #fff;
  border: 1px solid transparent;
  background: #0f3c7d;
}
.promotions-list-filter {
  font-size: 22px;
  font-weight: 300;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
}
.promotions-list-filter .list-mode {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../image/site/list_mode_sprite.png");
  background-position: 0 0;
  float: right;
  margin-left: 10px;
}
.promotions-list-filter .list-mode.list-mode1 {
  background-position: 0 0;
}
.promotions-list-filter .list-mode.list-mode1:hover,
.promotions-list-filter .list-mode.list-mode1.active {
  background-position: 0 16px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.promotions-list-filter .list-mode.list-mode2 {
  background-position: -16px 0;
  width: 15px;
}
.promotions-list-filter .list-mode.list-mode2:hover,
.promotions-list-filter .list-mode.list-mode2.active {
  background-position: -16px 16px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.promotions-list-filter .list-mode.list-mode3 {
  background-position: -32px 0;
}
.promotions-list-filter .list-mode.list-mode3:hover,
.promotions-list-filter .list-mode.list-mode3.active {
  background-position: -32px 16px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.tab-content > .active > span {
  display: inline-block;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-03-20, 11:35:51
    Author     : jzieba
*/
/* COLORS */
/* REPEATABLE CUSTOM ELEMENTS OF PAGE */
/* LIKE BUTTONS, INPUTS, TEXTBOXES ETC...*/
a {
  transition: 0.5s;
}
a:hover {
  transition: 0.5s;
}
label {
  font-size: 12px;
  color: #636363;
  font-family: "Roboto";
  font-weight: 700;
  text-transform: uppcercase;
}
.box-shadow-inset {
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
}
.box-shadow-outline {
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
}
.btn {
  border-radius: 0px;
  border: none;
  padding: 12px 20px;
  font-weight: bold;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  text-transform: uppercase;
}
.btn:before {
  display: block;
  content: "";
  width: calc(100% - 2px);
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 0.3s;
}
.btn:hover {
  background: #0c3064;
}
.btn:hover:before {
  display: block;
  content: "";
  background: #fff;
}
.btn.btn-default {
  background: #0f3c7d;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 2, 100, 0.2);
  transition: 0.5s;
}
.btn.btn-default:hover {
  background: #0c3064;
}
.btn.btn-default:hover:before {
  display: block;
  content: "";
  background: #fff;
}
.btn.btn-alternative {
  background-color: #5d1c76;
  border: 1px solid transparent;
}
.btn.btn-alternative:hover {
  background-color: #7d269f;
}
.btn.btn-gray {
  background-color: #afafaf;
  border: 1px solid transparent;
}
.btn.btn-gray:hover {
  background-color: #c9c9c9;
}
.btn.btn-danger {
  background-image: linear-gradient(to bottom, #610000 0%, #3f0000 100%);
  border: 1px solid transparent;
}
.btn.btn-danger:hover {
  background-image: linear-gradient(to bottom, #610000 25%, #3f0000 75%);
}
.btn.btn-inline {
  display: inline-block;
  padding: 0 7px;
  font-weight: normal;
}
.btn.btn-cancel {
  background-color: #909ca2;
  font-size: 14px;
  font-weight: 400;
  border: none;
  outline: 0;
  color: #fff;
  transition: background-color 0.2s ease;
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .btn.btn-cancel {
    width: 100%;
    margin-bottom: 10px;
  }
}
.btn.btn-cancel:hover {
  color: #fff;
  background-color: #7a858a;
}
.btn.btn-huge {
  width: 256px;
  padding: 17px 17px;
  font-size: 22px;
}
.btn.btn-full {
  border: 1px solid transparent;
  background-image: linear-gradient(to bottom, #e52987 0%, #d11975 100%);
  color: #ffffff;
}
.btn.btn-empty {
  border: 1px solid #d11975;
  color: #444444;
}
.btn.btn-filter-main {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 15px;
  outline: 0;
}
.btn.cart-tooltip-init-btn {
  border: none;
  margin-right: 14px;
  color: #2c2c27;
  transition: color 0.2s ease, border-color 0.2s ease;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 15px;
  display: block;
}
@media (max-width: 1199px) {
  .btn.cart-tooltip-init-btn {
    display: none;
    font-size: 13px;
  }
}
.btn.cart-tooltip-init-btn:hover,
.btn.cart-tooltip-init-btn:focus {
  color: #000000;
  background: transparent;
  box-shadow: none;
}
.btn.cart-tooltip-init-btn:hover > .caret,
.btn.cart-tooltip-init-btn:focus > .caret {
  border-top-color: #bfbfbe;
}
.btn.cart-tooltip-init-btn > .caret {
  margin-left: 10px;
  border-top-color: #bfbfbe;
  transition: border-color 0.2s ease;
}
.btn.btn-primary {
  background-color: #0f3c7d;
  color: #fff;
}
.btn.btn-primary:hover {
  background: #0c3064;
  color: #fff;
}
.btn.account-edit-buttons__save {
  width: 270px;
  background: #0f3c7d;
}
.btn.account-edit-buttons__save:hover {
  background: #0c3064;
  color: #fff;
}
.btn .buttonShowPreferencesManager {
  background-color: #0f3c7d;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 30px;
  width: 370px;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.2);
  border: none;
  margin-bottom: 0;
  transition: background-color 0.2s ease;
  outline: 0;
}
@media (max-width: 1199px) {
  .btn .buttonShowPreferencesManager {
    width: 150px;
    padding: 7px 15px;
  }
}
@media (max-width: 767px) {
  .btn .buttonShowPreferencesManager {
    width: 100%;
    margin-bottom: 10px;
  }
}
.btn .buttonShowPreferencesManager:hover {
  background: #0c3064;
  color: #fff;
}
.btn .search-box_sidebar--button {
  height: 34px;
  width: 34px;
  padding: 0;
  background-color: #0f3c7d;
  line-height: 34px;
  color: #fff;
}
.btn .search-box_sidebar--button:hover {
  background: #0c3064;
  color: #fff;
}
input,
textarea {
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.07);
}
.footer-top__item:last-child {
  padding: 0 !important;
  background: none !important;
  margin-top: 40px;
}
.footer-top__item:last-child a[data-toggle] {
  color: #0f3c7d;
}
.login-panel-row-wrapper > .row {
  margin-right: 0 !important;
}
.product-filter .option-item input[type="checkbox"] + label {
  color: #0f3c7d !important;
}
.banner-displayer.banner-displayer .carousel-inner img {
  max-height: 450px;
}
.label-item-total-count-wrapper {
  display: none !important;
}
.view-table__name.view-table__name a {
  word-break: break-word;
  text-overflow: clip;
  overflow: visible;
  display: inline;
  max-width: none;
  white-space: normal;
}
.view-thumbs.view-thumbs .thumb-item .title {
  overflow: visible;
  max-height: none;
}
.view-thumbs.view-thumbs .thumb-item .title::before,
.view-thumbs.view-thumbs .thumb-item .title::after {
  content: none;
}
.view-thumbs .inner-inner-wrap .inner-inner-wrap-top {
  height: auto;
  flex: 1;
  margin-bottom: 16px;
}
.view-thumbs .inner-inner-wrap .inner-inner-wrap-bottom {
  margin-top: auto;
  flex: 0 1 auto;
}
.view-thumbs .inner-inner-wrap .cart-item-space {
  margin-top: 0;
}
.view-thumbs .thumb-item.thumb-item .title {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .cart-buttons-top.cart-buttons-top {
    display: block;
  }
}
@media (min-width: 1200px) {
  .cart-buttons-top.cart-buttons-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .cart-buttons-top.cart-buttons-top .btn {
    margin-bottom: 10px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .cart-buttons-top.cart-buttons-top .btn {
    width: auto;
    margin-bottom: 0;
  }
}
body > form,
#contentWrap > form {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > form > .container,
#contentWrap > form > .container {
  width: 100%;
}
.additional-footer-wrap {
  margin-top: auto;
}
.view-thumbs.view-thumbs .featured-attribute-name {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  max-width: none;
  margin-right: 5px;
  word-break: break-word;
}
.view-thumbs.view-thumbs .featured-attribute-value {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  max-width: none;
  margin-left: 5px;
  flex: 1;
  word-break: break-word;
}
.inner-inner-wrap.inner-inner-wrap .properties {
  order: 3;
  margin-bottom: 10px;
}
.view-list-table-container.view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 3 ) {
  min-width: 120px;
  max-width: 120px;
}
.view-table__details-wrapper > div.your-price-toggle {
  width: 120px;
}
.product-item-top__info-inner--index {
  flex-direction: column;
  align-items: flex-start !important;
}
.property-item--index .property-item-wrap,
.property-item--producer-code .property-item-wrap {
  flex-direction: column;
  align-items: flex-start;
}
.property-item--index .property-item-wrap .featured-attribute-value,
.property-item--producer-code .property-item-wrap .featured-attribute-value {
  margin-left: 0;
}
div.search-box-panel .ui-autocomplete li > .description,
div.moving-top-wrap .ui-autocomplete li > .description {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
@media (min-width: 768px) {
  div.search-box-panel .ui-autocomplete li > .price,
  div.moving-top-wrap .ui-autocomplete li > .price {
    min-width: 135px;
    max-width: 135px;
  }
}
.cart-submit-order.cart-submit-order .btn-order-query {
  order: -1;
  background-color: #7FC0F5;
}
@media (min-width: 768px) {
  .cart-submit-order.cart-submit-order .btn-order-query {
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .cart-submit-order.cart-submit-order .btn-order {
    margin-right: 0;
  }
}
.cart-price-summary__values .cart-order-attribute-label-total-netto {
  color: #0f3c7d;
  font-weight: 700;
}
.cart-price-summary__values .cart-order-atribute-label-name-bold-price {
  color: #777;
  font-weight: 400;
}
.breadcrumb-wrapper.breadcrumb-wrapper li a {
  font-size: 14px;
  color: #0f3c7d !important;
  font-weight: 400;
}
.breadcrumb-wrapper.breadcrumb-wrapper li:last-child a {
  font-weight: 700;
}
.custom-switch.custom-switch input:checked + label::after {
  right: 4px;
  background-color: #fff;
  border: 1px solid #b8bfc4;
}
.custom-switch.custom-switch label::after {
  right: 25px;
  background-color: #0f3c7d;
  border-color: #0f3c7d;
}
.your-price-toggle-checkbox.your-price-toggle-checkbox {
  text-align: left;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
  font-weight: 700;
}
@media (min-width: 768px) {
  .your-price-toggle-checkbox.your-price-toggle-checkbox {
    margin-bottom: 30px;
  }
}
.your-price-toggle-checkbox.your-price-toggle-checkbox .custom-control-input {
  margin-left: 5px;
}
.your-price-toggle-checkbox.your-price-toggle-checkbox label {
  position: relative;
  top: -3px;
}
.your-price-toggle-hidden {
  display: none !important;
}
.your-price-toggle-hidden {
  display: none !important;
}
.static-price-toggle-hidden {
  display: none !important;
}
.product-item-top__details .label-promotion-base-price {
  display: flex !important;
}
.product-item-top__details-price .static-price-toggle {
  font-size: 18px !important;
  color: #777 !important;
}
.cart-buttons-top.cart-buttons-top {
  align-items: stretch;
}
.cart-buttons-top.cart-buttons-top .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  padding: 10px 8px;
}
.cart-buttons-top.cart-buttons-top .form-control {
  height: 100%;
}
.product-item-top__details-price.your-price-toggle {
  display: none !important;
}
.product-item-top__details-price.your-price-toggle.label-promotion-base-price {
  display: flex !important;
}
.product-item-top__details-price.your-price-toggle-hidden.label-promotion-base-price {
  display: none !important;
}
.product-item-top__details-price.your-price-toggle-hidden {
  display: none !important;
}
.product-item-top__details-price.static-price-toggle-hidden {
  display: flex !important;
}
.product-item-top__details-price.your-price-toggle.label-promotion-base-price > span {
  color: #db0006;
}
.documents-body-details-values.documents-body-details-values .documents-body-details-values__selected {
  display: flex;
}
.dx-button-mode-contained .dx-icon.dx-icon-clear {
  color: #e5272d;
}
.main-header__search {
  align-items: flex-end;
  flex-direction: column;
}
@media (min-width: 480px) {
  .main-header__search {
    flex-direction: row;
    align-items: center;
  }
}
.main-header__search .user-session {
  text-align: right;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  order: 10;
  margin-top: 2px;
}
@media (min-width: 480px) {
  .main-header__search .user-session {
    margin-right: 10px;
    order: 0;
    margin-top: 0;
  }
}
.main-header__search .countdown--text,
.main-header__search .user-session__time-end-value {
  display: inline;
}
@media (max-width: 767px) {
  .main-header__inner.main-header__inner {
    height: 60px;
  }
}
body {
  /*	padding-top: 56px;*/
}
h1,
h2,
h3,
h4,
h5,
h6,
label,
input {
  font-family: 'Roboto', sans-serif;
}
a:hover,
a:focus {
  text-decoration: none;
}
/* Overrides */
.btn {
  padding: 11px 15px;
}
.btn.btn-default {
  background-color: #0f3c7d;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
  transition: 0.2s ease;
}
.form-control {
  border: 1px solid #cbd3d7;
  box-shadow: inset 0 2px #eaedef;
}
.form-control:focus {
  border-color: #D7CEC5;
  box-shadow: inset 0 2px #0f3c7d;
  border-top-color: #0f3c7d;
}
.search-b2 {
  min-width: 34px;
  height: 34px;
  line-height: 32px;
  font-size: 16px;
  padding: 0;
}
.fancy-icon {
  width: 25px;
  height: 25px;
  border-radius: 4px;
  border-top-left-radius: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.fancy-icon--new {
  background-color: #0c8f45;
}
.fancy-icon--coming-soon {
  background-color: #ef7f18;
}
.fancy-icon--popular {
  background-color: #01a0e3;
}
.fancy-icon--clipboard {
  background-color: #067cae;
}
.fancy-icon--favourite {
  background-color: #df091d;
}
.fancy-icon--small {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
/* Help */
.panel-heading .col-sm-11 {
  padding: 0;
}
.panel-heading > .row {
  margin: 0;
}
/* Base links */
a {
  transition: 0.2s ease;
}
.main-padding-clear {
  margin: 0 !important;
}
.main-padding-clear {
  padding: 0 !important;
}
.header-account-info {
  margin-top: 10px;
}
.header-account-info h2 {
  font-size: 22px;
  margin-bottom: 30px;
  margin-top: 40px;
  font-weight: 300;
  color: #000;
}
.header-account-info h2 strong {
  font-weight: 300;
}
.account-consultants-wrapper {
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e9eb;
}
@media (min-width: 768px) {
  .account-consultants-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
  }
}
.account-consultants-wrapper .consultant-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .account-consultants-wrapper .consultant-item:first-child {
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .account-consultants-wrapper .consultant-item:only-child {
    margin-right: 0;
  }
}
.consultant-item {
  padding: 15px;
  border: 1px solid #e3e3e3;
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .consultant-item {
    margin-bottom: 0;
  }
}
.consultant-item img {
  max-width: 100%;
  border: 1px solid #dee1e3;
  margin-bottom: 18px;
}
.consultant-item__img i {
  font-size: 18px;
}
.consultant-item__details-name {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  font-size: 15px;
}
.consultant-item__details-title {
  color: #8f8f8f;
  font-size: 14px;
}
.consultant-item__details-gg {
  display: flex;
  align-items: center;
}
.consultant-item__details-gg > img {
  display: none;
  margin-right: 3px;
}
.account-edit-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.b2b-breadcrumbs a {
  color: #0f3c7d;
}
.b2b-breadcrumbs .active {
  color: #2c2c27;
}
.create-clipboard-button-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.create-clipboard-button-wrap > h2 {
  margin: 0;
  color: #000000;
  font-family: "Roboto";
  font-weight: 300;
  font-size: 22px;
}
.form-control-quantity {
  display: flex;
  user-select: none;
  background-color: #fff;
  color: #ced4df;
  font-size: 24px;
  border-radius: 6px;
}
.form-control-quantity__increase,
.form-control-quantity__decrease {
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #cbd3d7;
  border-left: none;
  background-color: #fff;
  background: none;
  color: #0f3c7d;
}
.form-control-quantity__decrease {
  border-right: none;
  border-left: 1px solid #cbd3d7;
  line-height: 28px;
}
.form-control-quantity__input {
  width: 50px;
  height: 34px;
  border: 1px solid #cbd3d7;
  border-width: 1px;
  border-radius: 0;
  background: none;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.active-auto-complete-picker {
  justify-content: flex-start !important;
}
.active-auto-complete-picker .form-control {
  width: 405px;
}
@media (max-width: 767px) {
  .active-auto-complete-picker .form-control {
    width: 100%;
  }
}
.contact-page__section {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .contact-page__section {
    display: flex;
    justify-content: space-between;
  }
}
.contact-page__heading {
  font-size: 18px;
  font-weight: 300;
  color: #2c2c27;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e9eb;
  text-align: center;
  margin-top: 0;
}
@media (min-width: 768px) {
  .contact-page__heading {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .contact-page__heading {
    font-size: 22px;
  }
}
.contact-page__info {
  padding-bottom: 20px;
  flex: 1;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contact-page__info {
    border-bottom: 1px solid #e5e9eb;
  }
}
@media (min-width: 1200px) {
  .contact-page__info {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .contact-page__info:not(:first-child) {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .contact-page__info:not(:last-child) {
    margin-right: 30px;
  }
}
.contact-page__info-heading {
  font-size: 14px;
  color: #2c2c27;
  font-weight: 700;
  margin-bottom: 0;
  position: relative;
  display: block;
  margin: 0;
}
@media (min-width: 768px) {
  .contact-page__info-heading {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .contact-page__info-heading {
    font-size: 18px;
  }
}
.contact-page__info-content {
  padding-top: 20px;
  color: #777777;
}
.contact-page__map {
  border: 1px solid rgba(0, 0, 0, 0.2);
  flex: 1;
  height: 210px;
  position: relative;
}
@media (min-width: 768px) {
  .contact-page__map {
    height: auto;
  }
}
.custom-panel-datagrid-header {
  background: none;
  border: none;
  margin: 0;
}
.custom-panel-datagrid-header .panel-heading {
  background: none;
}
.custom-panel-datagrid-header .panel-heading h2.documentNumberHeader {
  margin: 15px 0;
  padding-bottom: 15px;
}
.password-reminder--text {
  font-size: 15px;
  color: #6e6e6e;
  margin-bottom: 15px;
}
.password-reminder .b2b-login-panel .b2b-login-panel-body {
  height: 65% !important;
}
.password-reminder .b2b-login-panel .b2b-login-panel-body .form {
  margin-top: 30px !important;
}
.ui-tooltip {
  background-color: #fafafa;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border: none;
}
.thumb-item .input-product-fix {
  height: 28px !important;
}
.custom-switch {
  position: relative;
  display: block;
  min-height: 23px;
}
.custom-switch input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-switch input:checked + label::after {
  right: 25px;
  background-color: #0f3c7d;
  border-color: #0f3c7d;
}
.custom-switch label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  display: inline-block;
  font-size: 0;
  width: 45px;
}
.custom-switch label::before {
  content: '';
  position: absolute;
  height: 23px;
  width: 45px;
  border-radius: 100px;
  background-color: #f5f6f7;
  border: 1px solid #ccd3d8;
  box-shadow: inset 0 2px #e4e8ea;
}
.custom-switch label::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #b8bfc4;
  transition: 0.2s;
}
.datagrid-editable-column-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.avalible-labels-checkbox {
  margin: 30px 0;
  display: flex;
}
.avalible-labels-checkbox .col-xs-12,
.avalible-labels-checkbox .col-md-3 {
  padding: 0 15px 0 0;
}
.avalible-labels-checkbox .col-xs-12:last-child,
.avalible-labels-checkbox .col-md-3:last-child {
  padding-right: 0;
}
.clipboard-edition-container .col-sm-4.col-sm-offset-2 {
  width: 50%;
  margin-left: 0;
}
@media (max-width: 768px) {
  .clipboard-edition-container .col-sm-4.col-sm-offset-2 {
    width: 100%;
  }
}
.clipboard-edition-container label.col-xs-5 {
  margin-top: 7px;
  text-align: right;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .clipboard-edition-container .active-file-upload-fix {
    float: none;
    width: 100%;
    margin-right: 0;
    display: block;
  }
  .clipboard-edition-container .active-file-upload-fix label.btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .clipboard-edition-container .text-right .btn-default {
    width: 100%;
    margin-bottom: 10px;
  }
}
.additional-formatWrap--select {
  width: 156px;
  height: 32px;
  margin: 0 5px;
}
.btn-cart-download-pdf {
  float: left !important;
}
.color-primary {
  color: #da0000;
}
/* Cart */
@media (min-width: 768px) {
  .cart-buttons-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.cart-buttons-top__clipboard {
  display: flex;
}
.cart-buttons-top__clipboard .form-control {
  margin-right: 10px;
}
.cart-buttons-top__clear-cart.btn {
  background-color: #e3e3e3;
  border: 1px solid #dadada;
  color: #777777;
}
.cart-buttons-top__clear-cart.btn:hover {
  background-color: #ddd;
  color: #777777;
}
.cart-buttons-top .btn {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cart-buttons-top .btn {
    width: auto;
    margin-bottom: 0;
  }
}
.wholesale-offer-modal__datepicker {
  background-color: #fff !important;
  cursor: pointer;
}
.cart-delivery {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.cart-delivery > .validator-wrap {
  margin-bottom: 20px;
}
.cart-delivery__datepicker {
  background-color: #fff !important;
  cursor: pointer;
}
.cart-options {
  padding: 30px 0;
  border-top: 1px solid #ddd;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .cart-options .form-control {
    width: 400px;
  }
}
.cart-options .TDatePicker_default {
  max-width: 300px;
}
@media (min-width: 768px) {
  .cart-options__item {
    display: flex;
    align-items: center;
  }
}
.cart-options__item:not(:last-child) {
  margin-bottom: 20px;
}
.cart-options__item label {
  margin-right: 20px;
  font-size: 13px;
  min-width: 250px;
}
.cart-options__item--address {
  align-items: flex-start;
}
@media (min-width: 768px) {
  .cart-options__item--address label {
    position: relative;
    top: 4px;
  }
}
.cart-options__item--address .form-control {
  margin-bottom: 5px;
  width: auto;
  min-width: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .cart-options__item--address .form-control {
    flex: 1;
    margin-bottom: 0;
  }
}
.cart-options__item--address .btn {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 5px);
  height: 34px;
}
@media (min-width: 768px) {
  .cart-options__item--address .btn {
    min-width: 34px;
    max-width: 34px;
    margin-left: 5px;
  }
}
.cart-options__item--address .btn:last-child {
  margin-left: 5px;
}
@media (min-width: 768px) {
  .cart-options__item--address .address-inner {
    display: flex;
    max-width: 400px;
  }
}
@media (min-width: 768px) {
  .cart-options__item--address .address-inner select.form-control {
    width: 400px;
  }
}
.cart-options__item-address {
  color: #999;
}
.cart-options__item-address .form-control {
  margin-bottom: 5px;
}
.cart-options__item-address span {
  display: block;
}
.cart-options__item--payment-method select.form-control {
  margin-right: 5px;
  display: inline-block;
  width: calc(100% - 85px);
}
@media (min-width: 768px) {
  .cart-options__item--payment-method select.form-control {
    width: 315px;
    display: block;
  }
}
.cart-options__item--payment-method select.form-control + select {
  margin-right: 0;
}
.cart-options__item--payment-method .form-control.text-center {
  width: 75px;
  padding-left: 3px;
  padding-right: 20px;
  display: inline-block;
}
@media (min-width: 768px) {
  .cart-options__item--payment-method .form-control.text-center {
    display: block;
    width: 80px;
  }
}
.cart-price-summary {
  padding-top: 20px;
  padding-bottom: 15px;
}
@media (min-width: 992px) {
  .cart-price-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.cart-price-summary__values {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .cart-price-summary__values {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .cart-price-summary__values {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .cart-price-summary__values > :not(:last-child) {
    margin-right: 20px;
  }
}
.cart-price-summary__value {
  font-size: 17px;
  font-weight: 700;
}
@media (min-width: 800px) {
  .cart-price-summary__value {
    display: none;
  }
}
.cart-submit-order {
  padding: 25px 0;
  border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
  .cart-submit-order {
    display: flex;
    justify-content: center;
  }
}
.cart-submit-order .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .cart-submit-order .btn {
    width: auto;
  }
}
.cart-submit-order .btn:first-child {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cart-submit-order .btn:first-child {
    margin-bottom: 0;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .table-responsive {
    border: none;
  }
}
.modal-centered {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal-centered:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.modal-centered .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .documents-offer-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.documents-offer-buttons .btn {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .documents-offer-buttons .btn {
    margin-bottom: 0;
  }
  .documents-offer-buttons .btn:not(:last-child) {
    margin-right: 5px;
  }
}
.relations-comments-tabs {
  margin-top: 30px;
  display: flex;
}
.relations-comments-tabs li {
  margin-bottom: 0;
}
.relations-comments-tabs li:not(:last-child) {
  margin-right: 25px;
}
.relations-comments-tabs li > a {
  display: block !important;
  border: none !important;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  color: #2c2c27;
  padding: 15px 0;
  position: relative;
}
.relations-comments-tabs li > a:hover {
  background-color: transparent;
}
.relations-comments-tabs li > a:focus {
  color: #2c2c27;
}
.relations-comments-tabs li > a:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #0f3c7d;
  position: absolute;
  left: 0;
  bottom: -1px;
  opacity: 0;
}
.relations-comments-tabs li.active > a {
  color: #2c2c27;
}
.relations-comments-tabs li.active > a::after {
  opacity: 1;
}
.order-confirmation-payment {
  margin-bottom: 50px;
}
.order-confirmation-payment__buttons {
  display: flex;
}
.order-confirmation-payment__buttons .btn:first-child {
  margin-right: 10px;
}
.form-control.textbox-text-area.textbox-comment {
  margin-top: 30px;
}
.mt-30 {
  margin-top: 30px;
}
/* Datepicker */
.TDatePicker_default {
  height: auto;
}
.cart-order-container {
  min-height: 331px;
}
.dataTables_empty {
  text-align: center !important;
}
.modal .TDatePicker_default {
  max-width: 280px;
  padding: 8px;
}
.modal .TDatePicker_default table thead tr th {
  text-align: center !important;
}
.modal .TDatePicker_default .calendarBody {
  margin: 3px auto;
}
.modal .TDatePicker_default .todayButton {
  margin-left: 0;
  margin-right: 0;
}
.modal .TDatePicker_default .calendarFooter {
  border-top: 1px solid #ddd;
}
.budget-confirmation {
  margin-bottom: 30px;
}
.budget-confirmation h2 {
  margin-top: 50px;
  margin-bottom: 30px;
}
.budget-confirmation label {
  margin-bottom: 5px;
}
.budget-confirmation textarea {
  margin-bottom: 20px;
}
.budget-confirmation .btn {
  display: block;
}
.budget-confirmation .btn:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  .budget-confirmation .btn:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 600px) {
  .budget-confirmation .btn {
    display: inline-block;
    margin-bottom: 0;
  }
}
.budget-confirmation .wrapper {
  border: 2px solid #ddd;
  margin-bottom: 50px;
}
.budget-confirmation .wrapper table {
  color: #777777;
}
.budget-confirmation .wrapper hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 0;
}
.budget-confirmation .wrapper h2 {
  color: #0f3c7d;
}
.budget-confirmation .wrapper h3 {
  font-weight: 400;
}
.budget-confirmation .wrapper h2,
.budget-confirmation .wrapper h3 {
  color: #2c2c27;
  margin: 0;
}
.budget-confirmation .wrapper table {
  width: 100%;
}
.budget-confirmation .wrapper .order-header {
  padding: 20px;
}
.budget-confirmation .wrapper .order-table-top-header {
  color: #0f3c7d !important;
  font-size: 16px;
  font-weight: 700;
  width: 50%;
  padding-bottom: 15px;
}
.budget-confirmation .wrapper .summary-table th,
.budget-confirmation .wrapper .summary-table td {
  padding: 16px 10px;
  color: #2c2c27;
  font-size: 14px;
  border: 1px solid #ddd;
}
.budget-confirmation .wrapper .summary-table th:first-child,
.budget-confirmation .wrapper .summary-table td:first-child {
  border-left: none;
}
.budget-confirmation .wrapper .summary-table th:last-child,
.budget-confirmation .wrapper .summary-table td:last-child {
  border-right: none;
}
.budget-confirmation .wrapper .summary-table td {
  color: #777777;
}
.budget-confirmation .wrapper .order-table-top {
  background-color: #fafafa;
  padding: 0 20px;
}
.budget-confirmation .wrapper .order-table-top td {
  color: #2c2c27;
}
.budget-confirmation .wrapper .order-table-top div {
  font-size: 14px;
  margin-bottom: 5px;
}
.budget-confirmation .wrapper .order-table-top table tr:first-child td {
  padding-top: 20px;
}
.budget-confirmation .wrapper .order-table-top table tr:last-child td {
  padding-bottom: 20px;
}
.budget-confirmation .wrapper .order-table-top table tr td:first-child {
  border-right: 1px solid #ccc;
}
.budget-confirmation .wrapper .order-table-top table tr td:last-child {
  border-left: 1px solid #ccc;
}
.budget-confirmation .wrapper .order-table-top table tr td:last-child {
  padding-left: 20px;
}
.budget-confirmation .wrapper .summary-table-bottom {
  border-collapse: collapse;
  width: 500px;
  color: #2c2c27;
  font-weight: 700;
}
.budget-confirmation .wrapper .summary-table-bottom td {
  border: none;
  padding-bottom: 8px;
}
.budget-confirmation .wrapper .summary-table-bottom td:first-child {
  color: #2c2c27 !important;
}
.budget-confirmation .wrapper .summary-table-bottom td:last-child {
  color: #0f3c7d;
}
.budget-confirmation .wrapper .bold {
  font-weight: 700;
}
.budget-confirmation .wrapper p {
  margin-top: 0;
  margin-bottom: 10px;
}
.budget-confirmation .wrapper p:last-child {
  margin-bottom: 0;
}
.budget-confirmation__header-top {
  margin-bottom: 30px;
}
.budget-confirmation__header-top h2 {
  font-size: 24px;
  margin: 0;
}
.budget-confirmation__header-top div {
  color: #999;
}
.budget-confirmation__header-content {
  border: 2px solid #ddd;
}
@media (min-width: 768px) {
  .budget-confirmation__header-content {
    display: flex;
  }
}
.budget-confirmation__header-content > div {
  flex: 1;
  padding: 25px;
}
.budget-confirmation__header-content > div h3 {
  margin: 0;
  margin-bottom: 15px;
}
.budget-confirmation__header-content > div p {
  margin: 0;
}
.budget-confirmation__header-content > div p:not(:last-child) {
  margin-bottom: 5px;
}
.budget-confirmation__header-delivery {
  border-bottom: 1px solid #ddd;
}
@media (min-width: 768px) {
  .budget-confirmation__header-delivery {
    border-bottom: none;
    border-right: 1px solid #ddd;
  }
}
.budget-confirmation__header-bottom {
  margin-top: 30px;
}
.budget-confirmation__header-bottom p {
  font-size: 24px;
  font-weight: 700;
}
.budget-confirmation__header-bottom p span {
  color: #0f3c7d;
}
.budget-confirmation__footer {
  margin-bottom: 50px;
}
.budget-confirmation__footer p:not(:last-child) {
  margin-bottom: 5px;
}
.budget-confirmation__footer p span {
  color: #0f3c7d;
  font-weight: 700;
}
.budget-confirmation__footer .main-price {
  font-size: 18px;
}
.budget-confirmation .summary-table-bottom td {
  color: #666;
}
.branch-and-department .collapse-branch,
.branch-and-department .collapse department {
  padding: 0;
}
.department-branch-item:not(.department-branch-item-first) > span {
  display: none !important;
}
.branch-subwrap {
  display: none !important;
}
.department-branch-item > div .label-branch-department-name,
.department-branch-item-first > div .label-branch-department-name {
  font-size: 14px !important;
  color: #666;
}
.collapse-department .label-branch-department-name {
  padding: 0 !important;
}
.branch-collapse-hidden {
  display: none !important;
}
.collapse-content {
  padding-top: 10px;
}
.collapse-content p {
  margin: 0;
}
.collapse-content img {
  margin: 10px 0;
  max-width: 200px;
  height: auto;
  display: block;
}
.collapse-content .label-branch-department-personal-name {
  margin-top: 10px;
  display: block;
}
.collapse-content-item {
  margin-bottom: 10px;
}
.branch-description:not(:empty) {
  margin-bottom: 10px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .branch-and-department.contact-page {
    display: flex;
  }
  .branch-and-department.contact-page > span {
    flex: 1;
  }
  .branch-and-department.contact-page > span:first-child {
    margin-right: 30px;
  }
}
.row.main-columns-wrap--margin.mobile--fix {
  display: none !important;
}
.modal .close {
  opacity: 0.75;
}
.modal .close:hover {
  opacity: 1;
}
.modal-external-files__file {
  display: block;
  font-weight: 700;
  word-break: break-word;
  white-space: normal;
  position: relative;
  padding-left: 15px;
}
.modal-external-files__file::before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 50%;
}
.modal-external-files__file:not(:last-child) {
  margin-bottom: 5px;
}
.modal-external-files__no-files {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}
.acomplete {
  position: relative;
}
.acomplete ul {
  list-style: none;
  padding: 0;
  background-color: #ffffff;
  z-index: 100;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-box-shadow: 1px 1px 3px #666666;
  -moz-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  max-width: none;
  width: 100%;
}
.acomplete ul > li {
  padding: 3px 10px;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}
.acomplete ul > li:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.acomplete ul > li:hover {
  background-color: #0f3c7d;
  color: #fff;
}
.acomplete ul > li .highlight {
  font-weight: bold;
}
.acomplete ul li li {
  padding: 0;
  border: none;
}
.acomplete .ui-menu-item-wrapper {
  padding: 0;
}
.acomplete .ui-state-active {
  background: none !important;
  color: inherit !important;
  border: 1px solid transparent !important;
}
.ui-autocomplete {
  background-color: #ffffff;
  z-index: 100;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-box-shadow: 1px 1px 3px #666666;
  -moz-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  list-style: none;
  padding: 0;
  display: block;
  max-width: 300px;
}
.ui-autocomplete ul > li {
  padding: 3px 10px;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}
.ui-autocomplete ul > li:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.ui-autocomplete ul > li:hover {
  background-color: #0f3c7d;
  color: #fff;
}
.ui-autocomplete li .highlight {
  font-weight: bold;
}
.ajax-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 99999;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ajax-loader--hidden {
  opacity: 0;
  visibility: hidden;
}
.ajax-loader-spinner,
.ajax-loader-spinner:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.ajax-loader-spinner {
  font-size: 10px;
  border-top: 3px solid rgba(255, 255, 255, 0.75);
  border-right: 3px solid rgba(255, 255, 255, 0.75);
  border-bottom: 3px solid rgba(255, 255, 255, 0.75);
  border-left: 3px solid #0f3c7d;
  animation: spinner-loader 1s infinite linear;
}
@keyframes spinner-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main-columns-wrap--margin.mobile--fix.sidebar-left {
  margin-top: 25px;
}
.one-column-predefined-container,
.two-column-predefined-container {
  margin-top: 50px;
}
.sidebar-left,
.left-side-searchbar-fix {
  margin-bottom: 30px;
}
.text-content {
  margin: 30px 0;
}
.text-content h2 {
  margin: 40px 0 20px;
}
.text-content h3 {
  margin: 30px 0 15px;
}
.text-content p {
  font-size: 14px;
  color: #3c3c3c;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .text-content p {
    font-size: 15px;
    line-height: 1.5;
  }
}
.text-content a {
  font-weight: 700;
}
.text-content ul,
.text-content ol {
  font-size: 14px;
  color: #444;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .text-content ul,
  .text-content ol {
    font-size: 15px;
    line-height: 1.5;
  }
}
.text-content ul > li:not(:last-child),
.text-content ol > li:not(:last-child) {
  margin-bottom: 5px;
}
.text-content ul {
  list-style: none;
}
.text-content ul > li {
  position: relative;
  padding-left: 24px;
}
.text-content ul > li::before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 8px;
  background-color: #0f3c7d;
}
.text-content img {
  display: block;
  margin: 20px auto;
  max-width: 100%;
}
.text-content img:first-child {
  margin-top: 0;
}
.dx-toast-content {
  padding-right: 30px;
}
.dx-toast-content::after {
  content: '\f00d';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-family: 'FontAwesome';
  cursor: pointer;
}
.dx-toast-info {
  background-color: #333;
}
.clipboard-main-grid {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .login-panel-row-wrapper {
    display: flex;
  }
}
@media (min-width: 992px) {
  .login-panel-row-wrapper > .row {
    margin-right: 30px;
  }
}
.login-info-box {
  margin: 30px 4px;
}
@media (min-width: 992px) {
  .login-info-box {
    margin: 0;
    min-width: 470px;
    max-width: 470px;
  }
}
.login-info-box__header {
  background-color: #20211c;
  color: #fff;
  padding: 0 15px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 22px;
  color: #e3e3e3;
  font-weight: 300;
  position: relative;
  border-bottom: 4px solid #070707;
  padding-top: 4px;
}
.login-info-box__header::before {
  content: "";
  width: 240px;
  height: 3px;
  background-color: #0f3c7d;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -120px;
}
.login-info-box__content {
  padding: 20px 40px 20px 40px;
  background-color: #fff;
  border: 2px solid #cbcbcb;
  border-top: none;
}
@media (min-width: 768px) {
  .login-info-box__content {
    min-height: 265px;
  }
}
.login-info-box__content h4 {
  margin: 0 0 10px 0;
  font-size: 22px;
}
.login-info-box__content ul {
  margin: 0;
  padding-left: 20px;
  line-height: 24px;
}
.login-info-box__content ul li::marker {
  color: #df0000;
}
.login-info-box__btn {
  width: 100%;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-top: 15px;
}
.login-info-box.login-info-box-main .login-info-box__content {
  display: flex;
  flex-direction: column;
}
.login-info-box.login-info-box-main .login-info-box__content a {
  margin-top: auto;
}
.account-editor-with-tabs__heading,
.user-defs__heading {
  display: none !important;
}
.user-defs__add-account {
  margin-bottom: 20px;
}
.navbar-bottom__right > a > div {
  display: none !important;
}
.commercial-agreement,
.register__delivery-address-checkbox {
  margin-bottom: 8px;
}
.commercial-agreement label,
.register__delivery-address-checkbox label {
  font-size: 15px !important;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  background: url(../../data/image/site/checkbox.png) no-repeat;
  cursor: pointer;
  padding-left: 27px;
  color: #333;
  background-position-y: -1px;
}
.commercial-agreement input,
.register__delivery-address-checkbox input {
  display: none;
}
.commercial-agreement input:checked + label,
.register__delivery-address-checkbox input:checked + label {
  background-image: url(../../data/image/site/checkbox_checked.png);
  background-repeat: no-repeat;
}
.commercial-agreement input[disabled] + label,
.register__delivery-address-checkbox input[disabled] + label {
  color: #aaa;
}
.clipboard-edit__add-to-cart-wrapper {
  display: none !important;
}
.error-page {
  margin: 50px 0 100px;
}
.buttonConsultantInfo {
  margin-right: 5px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  border: 2px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
  font-size: 16px;
  position: static;
}
.buttonConsultantInfo i {
  position: static !important;
  color: #555 !important;
  transition: 0.1s ease;
}
.buttonConsultantInfo:hover i {
  color: #0f3c7d !important;
}
@media (max-width: 1199px) {
  .navbar-top .buttonConsultantInfo {
    height: 30px;
    min-width: 30px;
    max-width: 30px;
  }
}
.consultant-popover {
  font-size: 13px;
  word-break: break-word;
}
.consultant-popover > .consultant-data {
  margin-top: 20px;
}
.consultant-popover > .consultant-data:first-child {
  margin-top: 0;
}
.consultant-popover-title {
  margin-bottom: 5px;
  color: #777;
  font-weight: 700;
}
.consultant-popover-name {
  font-weight: 700;
}
.consultant-popover-email {
  color: #0f3c7d;
  display: block;
}
.popover-consultant {
  border: 1px solid #e5e5e5;
}
.popover-consultant .arrow {
  border-bottom-color: #e5e5e5;
}
.wrong-url {
  background-color: #da4444;
  padding: 20px;
  margin: 40px 0;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.cms-category-description {
  padding: 10px;
  border: 2px solid #ddd;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .cms-category-description {
    padding: 16px;
  }
}
.cms-category-description h3 {
  margin: 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .cms-category-description h3 {
    font-size: 14px;
  }
}
.form-realisation .form-default-item {
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 30px;
}
.form-realisation__heading {
  font-weight: 700;
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
  color: #555;
}
.form-realisation__files-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  max-height: 100%;
}
.form-realisation__files-list li {
  word-break: break-word;
}
.form-realisation__files-list li:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.form-realisation__save {
  border: none;
  margin: 30px 0 50px;
}
.form-realisation__save.dx-state-hover,
.form-realisation__save.dx-state-focused {
  background: transparent;
  border: none;
}
.form-realisation__save.dx-state-hover .dx-button-content,
.form-realisation__save.dx-state-focused .dx-button-content {
  border-radius: 0;
}
.form-realisation__save .dx-button-content {
  background-color: #0f3c7d;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border: none;
  padding: 16px 50px;
  transition: 0.1s ease;
}
.form-realisation__save .dx-button-content:focus {
  background-color: #0f3c7d;
}
.form-realisation__save .dx-button-content:hover {
  background-color: #0e3671;
  color: #fff;
}
.form-realisation__success,
.form-realisation__error {
  margin-bottom: 60px;
  padding: 40px;
  font-size: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #ddd;
}
.form-realisation__success a,
.form-realisation__error a {
  margin-top: 30px;
}
.form-realisation .dx-texteditor-input {
  min-height: 40px;
}
.form-realisation .dx-datebox {
  width: 100% !important;
}
.form-realisation .dx-field-item-label-location-top {
  margin-bottom: 3px;
}
.form-realisation .dx-field-item-label-text {
  font-size: 14px;
  text-transform: none;
  color: #555;
}
.form-realisation .dx-fileuploader-wrapper {
  border: 1px dashed #ddd;
}
.form-realisation .dx-fileuploader-input-label {
  opacity: 0;
}
.form-realisation .form-default-item {
  margin-bottom: 20px;
}
.form-realisation .form-sub-item-1 {
  margin-left: 40px;
}
.form-realisation .form-sub-item-2 {
  margin-left: 80px;
}
.form-realisation .form-sub-item-3 {
  margin-left: 120px;
}
.form-realisation .form-sub-item-4 {
  margin-left: 160px;
}
.form-realisation .form-sub-item-5 {
  margin-left: 200px;
}
.form-realisation .group-display-none {
  display: none;
}
.modal-user-data-editor .register-panel__form .validator {
  top: 30px !important;
  font-size: 20px;
}
.modal-user-data-editor .register-panel__form select.form-control + .validator {
  right: 30px;
}
.offer-user-creator-add-client {
  margin-top: 27px;
}
.merchant-limits__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
@media (min-width: 768px) {
  .merchant-limits__item {
    font-size: 16px;
  }
}
.merchant-limits__item:not(:last-child) {
  margin-bottom: 6px;
}
.merchant-limits__item-value {
  font-weight: 700;
}
.merchant-limits__item-value--after-deadline {
  color: #db0006;
}
.merchant-limits__message {
  margin-top: 16px;
  color: #e54b4b;
  text-align: center;
  font-weight: 700;
}
.bootbox-cancel {
  background-color: #e5e5e5;
  transition: 0.1s ease;
}
.bootbox-cancel:hover {
  background-color: #ddd;
}
.breadcrumb-wrapper {
  padding: 0;
  margin: 0 0 16px 0;
  background: transparent;
}
.breadcrumb-wrapper > li {
  display: inline;
  font-size: 13px;
}
.breadcrumb-wrapper > li + li::before {
  content: '\f105';
  font-family: FontAwesome;
  color: #999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breadcrumb-wrapper > li + li:last-child a {
  color: #999;
}
.breadcrumb-wrapper > li + li:last-child a:hover {
  color: #0f3c7d;
}
.breadcrumb-wrapper > li a {
  font-weight: 700;
  color: #666;
}
.breadcrumb-wrapper > li a:hover {
  color: #0f3c7d;
}
.dx-datagrid .dx-header-filter {
  color: #0f3c7d;
}
.view-thumbs.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.view-thumbs.row::before,
.view-thumbs.row::after {
  content: none;
}
.view-thumbs.row .product-item-image > div {
  position: relative;
}
.view-thumbs.row .product-item {
  padding: 0;
}
.view-thumbs.row .product-item:hover {
  box-shadow: 0 0 0 2px #0f3c7d;
  transition: 0.2s ease;
}
.view-thumbs.row .blots-atom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.view-thumbs.row .property-market-price {
  margin-bottom: 0;
  line-height: 1.3;
}
.product-header--title {
  padding-left: 0px;
}
.product-header--title h2 {
  color: #000;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  float: left;
  clear: left;
  padding-bottom: 25px;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .product-header--title h2 {
    width: 100%;
    float: none;
  }
}
.products-header-wrapper {
  text-align: center;
}
@media (min-width: 768px) {
  .product-list .products-header-wrapper {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .product-list .product-header--title {
    border: none;
  }
  .product-list .product-header--title h2 {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px;
  }
}
.product-list-filter--header {
  position: relative;
  padding: 0 !important;
}
@media (min-width: 768px) {
  .product-list-filter--header {
    float: right;
  }
}
.product-list .panel-body {
  padding: 0;
}
.product-item .inner-wrap {
  border-bottom: 1px solid #e5e9eb;
  margin: 0;
  display: flex;
  height: 100%;
}
.inner-inner-wrap {
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  flex: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
  .inner-inner-wrap {
    padding: 20px 15px;
  }
}
.inner-inner-wrap .title {
  order: 0;
}
.inner-inner-wrap .view-thumbs-image {
  order: 1;
  margin-top: auto;
}
.inner-inner-wrap .view-thumbs-image .product-item-icons-top {
  display: none;
}
.inner-inner-wrap .properties {
  order: 2;
}
.inner-inner-wrap .product-item-options-wrapper {
  order: 3;
}
.inner-inner-wrap .cart-item-space {
  order: 4;
  margin-top: auto;
}
.inner-inner-wrap .inner-inner-wrap-top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 220px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .inner-inner-wrap .inner-inner-wrap-top {
    height: auto;
  }
}
.inner-inner-wrap .inner-inner-wrap-bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.promotion-price-brutto,
.promotion-price-with-amount {
  /*white-space: nowrap;*/
  display: block;
}
.property-item-wrap,
.property-market-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.property-value--price.label-right.pull-right {
  color: #0f3c7d;
  font-size: 19px;
}
.product-list .panel-body .view-thumbs .property-item-wrap {
  padding: 0;
}
.product-list .panel-body .view-thumbs .featured-attribute-value span {
  margin: 0;
}
.product-item-image {
  text-align: center;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .product-item-image {
    height: 190px;
  }
}
.product-item-options-wrapper {
  margin-bottom: 15px;
}
.set-image {
  max-height: 140px;
  max-width: 100%;
  height: auto;
  display: inline-block;
}
@media (max-width: 767px) {
  .set-image {
    max-height: 190px;
  }
}
.cart-item-space {
  margin-bottom: 0;
}
.add-to-cart-wrapper {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .add-to-cart-wrapper {
    justify-content: center;
  }
}
.add-to-cart-wrapper .btn {
  background-color: #0f3c7d;
}
@media (max-width: 991px) {
  .view-thumbs .add-to-cart-wrapper {
    margin-bottom: 7px;
  }
}
@media (max-width: 991px) {
  .view-thumbs .clipboard-button-wrap {
    text-align: center;
  }
}
.add-cart-amount {
  width: 50px;
  height: 36px;
  padding: 8px;
  text-align: right;
}
.cart-item-space.row-top-space > div {
  display: flex;
}
.cart-item-space.row-top-space > div > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
@media (max-width: 991px) {
  .cart-item-space.row-top-space > div > div {
    display: block;
  }
}
.cart-item-space.row-top-space > div > div .btn-add-clipboard {
  white-space: nowrap;
}
.cart-item-space.row-top-space > div .offer-button-wrap {
  color: #777777 !important;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  display: block;
}
.product-item .product-item-add-to-cart {
  background-color: #0f3c7d;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 28px;
  padding: 0;
  width: 120px;
  font-size: 13px;
  text-transform: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-item .product-item-add-to-cart {
    font-size: 12px;
  }
}
.view-thumbs .thumb-item .title {
  font-size: 15px;
  font-weight: 700;
  color: #0f3c7d;
}
.property-label.label-left-price {
  color: #777777;
  text-transform: none;
}
.product-item .inner-wrap {
  position: relative;
  transition: box-shadow 0.2s ease;
}
.product-item .fancy-icon {
  position: absolute;
  right: -10px;
  top: -9px;
}
.product-item .fancy-icon--coming-soon {
  top: 14px;
}
.product-item .fancy-icon--popular {
  top: 37px;
}
.product-item .fancy-icon--clipboard {
  top: auto;
  bottom: 14px;
}
.product-item .fancy-icon--favourite {
  top: auto;
  bottom: -9px;
}
.view-list .grid-container {
  display: block;
  padding: 25px 20px;
  transition: 0.2s;
}
.view-list .grid-container:hover {
  box-shadow: inset 0 0 0 2px #0f3c7d;
}
@media (min-width: 768px) {
  .view-list .grid-container {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "Image Title" "Image Features" "Price Cart";
    align-items: center;
  }
}
@media (max-width: 1199px) {
  .view-list .grid-container {
    padding: 15px 10px;
  }
}
.view-list .grid-container:not(:first-child) {
  border-top: 1px solid #e5e9eb;
}
@media (min-width: 768px) {
  .view-list .grid-container:nth-child( even ) {
    background-color: #fafbfb;
  }
}
.view-list .grid-container .blots-atom {
  margin-bottom: 15px;
}
.view-list .Image {
  grid-area: Image;
  display: flex;
  align-items: center;
}
.view-list .Image .product-item-icons-top {
  flex-direction: column;
  margin-right: 30px;
}
.view-list .Image .product-item-icons-top a {
  margin: 0;
}
.view-list .Image .product-item-icons-top a:not(:last-child) {
  margin-bottom: 4px;
}
.view-list .Price {
  grid-area: Price;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .view-list .Price {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .view-list .Price {
    min-width: 216px;
  }
}
.view-list .Title {
  grid-area: Title;
}
.view-list .Features {
  grid-area: Features;
  align-self: flex-start;
  margin-top: 8px;
}
.view-list .Cart {
  grid-area: Cart;
}
@media (max-width: 767px) {
  .view-list .Cart {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .view-list .grid-container {
    display: grid;
    grid-template-columns: 270px 1fr 1fr;
    grid-template-rows: 45px auto auto;
    grid-template-areas: "Image Title Title" "Image Features Price" "Image Features Cart";
  }
  .view-list .Price {
    margin-bottom: 30px;
    margin-right: 0;
  }
  .view-list .Price,
  .view-list .Cart {
    margin-left: 50px;
  }
}
.view-list__product {
  transition: box-shadow 0.2s ease;
  background-color: #fff;
  border-bottom: 1px solid #e5e9eb;
}
.view-list__product:nth-child(even) {
  background-color: #fafbfb;
}
.view-list__product-inner {
  padding: 25px 15px 30px 15px;
  display: flex;
  align-items: flex-start;
}
.view-list__product-img {
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .view-list__product-img {
    text-align: left;
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .view-list__product-img img {
    max-width: 170px;
    max-height: 140px;
  }
}
.view-list__product-img .thumbnail {
  border: none;
  background: none;
  display: inline-block;
  text-align: center;
}
@media (min-width: 768px) {
  .view-list__product-img .thumbnail {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .view-list__product-img .thumbnail {
    margin: 0;
  }
}
.view-list__product-img .thumbnail > div {
  position: relative;
}
.view-list__product-img .fancy-icon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
}
.view-list__product-img .fancy-icon--coming-soon {
  top: 18px;
}
.view-list__product-img .fancy-icon--popular {
  top: 41px;
}
.view-list__product-name a {
  color: #0f3c7d;
  font-size: 15px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 25px;
  display: block;
  text-transform: none;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .view-list__product-name a {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .view-list__product-name a {
    text-align: center;
  }
}
.view-list__product-details {
  flex: 1;
}
.view-list__product-features-price {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .view-list__product-features-price {
    flex-direction: column;
    flex: 1;
  }
}
.view-list__product-features,
.view-list__product-price {
  width: 270px;
}
@media (max-width: 1199px) {
  .view-list__product-features,
  .view-list__product-price {
    width: auto;
  }
}
.view-list__product-features-item,
.view-list__product-price-item {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #777777;
}
@media (max-width: 1199px) {
  .view-list__product-features-item,
  .view-list__product-price-item {
    font-size: 14px;
  }
}
.view-list__product-features-item > *,
.view-list__product-price-item > * {
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .view-list__product-features-item > *,
  .view-list__product-price-item > * {
    max-width: 130px;
  }
}
.view-list__product-features-item label,
.view-list__product-price-item label {
  color: #777777;
  text-transform: none;
  font-size: 14px;
  font-family: 'Arimo', sans-serif;
  font-weight: 400;
}
.view-list__product-features-item .promotion-price-brutto,
.view-list__product-price-item .promotion-price-brutto,
.view-list__product-features-item .promotion-price-with-amount,
.view-list__product-price-item .promotion-price-with-amount {
  font-size: 19px;
  font-weight: 700;
  color: #0f3c7d;
  max-width: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
}
.view-list__product-features-item .price-netto-label,
.view-list__product-price-item .price-netto-label {
  font-weight: 700;
  font-size: 15px;
}
.view-list__product-features-item .price-netto-label label,
.view-list__product-price-item .price-netto-label label {
  font-weight: 700;
  font-size: 15px;
}
.view-list__product-features-item .view-list-row-right,
.view-list__product-price-item .view-list-row-right {
  font-weight: 700;
}
.view-list__product-features-brutto,
.view-list__product-price-brutto {
  color: #0f3c7d;
  font-weight: 700;
  font-size: 19px;
}
.view-list__product-features-vat,
.view-list__product-price-vat {
  margin-top: 10px;
  color: #707070;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .view-list__product-features-vat,
  .view-list__product-price-vat {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .view-list__product-features-vat,
  .view-list__product-price-vat {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
.view-list__product-features-vat .view-list-row-right,
.view-list__product-price-vat .view-list-row-right {
  font-weight: 700;
}
.view-list__product-price-brutto {
  line-height: 1.2;
}
.view-list__product-feature {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #707070;
}
.view-list__product-feature > * {
  max-width: 135px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.view-list__product-value {
  font-weight: 700;
}
@media (max-width: 1199px) {
  .view-list__product-add-to-cart {
    margin-top: 0;
  }
}
.view-list__product-add-to-cart .btn {
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 28px;
}
.view-list__product-add-to-cart .clipboard-button-wrap {
  display: none;
}
.view-table__header {
  display: flex;
}
.view-table__header > div {
  width: 10%;
}
.view-table__header :first-child {
  margin-right: auto;
}
.view-table__inner {
  padding: 15px 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .view-table__inner {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.view-table__inner:not(:last-child) {
  border-bottom: 1px solid #e5e9eb;
}
.view-table__img {
  position: relative;
  margin-right: 10px;
  width: 100%;
  text-align: center;
  display: none;
}
@media (min-width: 768px) {
  .view-table__img {
    width: auto;
  }
}
.view-table__img img {
  width: 90px;
}
.view-table__img .fancy-icon {
  position: absolute;
  right: -28px;
  top: 0;
}
@media (max-width: 767px) {
  .view-table__img .fancy-icon {
    position: static;
    display: inline-block;
  }
}
.view-table__img .fancy-icon--coming-soon {
  right: -50px;
}
.view-table__img .fancy-icon--popular {
  right: -73px;
}
.view-table__img > a {
  min-height: 80px;
  align-items: center;
  display: none;
}
@media (min-width: 768px) {
  .view-table__img > a {
    display: flex;
  }
}
.view-table__name {
  text-align: center;
  margin-bottom: 25px;
  flex: 1;
}
@media (min-width: 768px) {
  .view-table__name {
    text-align: left;
    margin-right: auto;
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .view-table__name {
    margin-top: 25px;
  }
}
@media (min-width: 1200px) {
  .view-table__name {
    min-width: 0;
    margin-right: 10px;
  }
}
.view-table__name a:not(.available-notification) {
  color: #0f3c7d;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 300px;
  white-space: nowrap;
  font-size: 15px;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .view-table__name a:not(.available-notification) {
    white-space: normal;
    max-width: none;
    text-overflow: initial;
    overflow: visible;
  }
}
.view-table__inner-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
}
@media (max-width: 1199px) {
  .view-table__inner-wrapper {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .view-table__inner-wrapper {
    display: block;
  }
}
.view-table__details-wrapper {
  color: #777777;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .view-table__details-wrapper {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .view-table__details-wrapper {
    display: block;
  }
}
.view-table__details-wrapper > div {
  width: 92px;
  text-align: center;
}
@media (max-width: 1199px) {
  .view-table__details-wrapper > div {
    width: auto;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .view-table__details-wrapper > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.view-table__details-wrapper > div > a {
  max-width: 92px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
  white-space: nowrap;
  vertical-align: middle;
}
@media (min-width: 1200px) {
  .view-table__details-wrapper > div > a {
    display: inline-block;
  }
}
.view-table__label {
  display: inline;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .view-table__label {
    display: none;
  }
}
.view-table__add-to-cart {
  min-width: 150px;
  max-width: 150px;
}
@media (max-width: 1199px) {
  .view-table__add-to-cart {
    width: 100%;
    max-width: none;
    margin-top: 10px;
  }
}
.view-table__add-to-cart .add-to-cart-wrapper {
  justify-content: flex-end;
}
.view-table__add-to-cart .add-to-cart-wrapper .btn {
  box-shadow: none;
  text-transform: none;
  font-size: 13px;
  font-weight: 400;
  text-shadow: none;
}
@media (max-width: 767px) {
  .view-table__add-to-cart .add-to-cart-wrapper .btn {
    flex: 1;
  }
}
.view-table .list-checkbox-wrap {
  margin-right: 5px;
}
.view-table .view-list-table-row.flex-center {
  margin-left: auto;
}
.view-table .fancy-icon {
  display: none;
}
.view-table .promotion-price-brutto,
.view-table .promotion-price-with-amount {
  justify-content: center;
}
.view-table .property-value--price.label-right.pull-right {
  font-size: 17px;
}
.view-list-table-header tbody tr:first-child {
  border-top: 2px solid #e3e3e3;
}
.view-list-table-container .view-list-table-header {
  flex: 1 100%;
  display: flex;
  flex-direction: row;
  padding: 20px 10px;
  border-bottom: 2px solid #e5e9eb;
}
.view-list-table-container .view-list-table-header .view-list-table-row {
  font-size: 14px;
  color: #2c2c27;
  font-weight: bold;
  text-align: center;
}
.view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 1 ) {
  margin-right: 10px;
  text-align: left;
  flex: 1;
}
.view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 2 ) {
  min-width: 92px;
  max-width: 92px;
}
.view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 3 ) {
  min-width: 92px;
  max-width: 92px;
}
.view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 4 ) {
  min-width: 92px;
  max-width: 92px;
}
.view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 5 ) {
  min-width: 92px;
  max-width: 92px;
}
.view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 6 ) {
  min-width: 92px;
  max-width: 92px;
}
.view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 7 ) {
  min-width: 92px;
  max-width: 92px;
}
.view-list-table-container .view-list-table-header .view-list-table-row.view-list-table-row-cart {
  min-width: 150px;
  max-width: 150px;
}
@media (max-width: 1199px) {
  .view-list-table-container .view-list-table-header {
    display: none;
  }
}
.view-list-table-container .view-list-table-content:nth-child( odd ) {
  background-color: #fafbfb;
}
.view-list-table-container .view-list-table-content .view-list-table-row {
  overflow-x: hidden !important;
  overflow-y: hidden;
  align-items: center;
  justify-content: center;
  color: #777777;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-table-container .view-list-table-content .image-container {
  width: 50%;
  height: 90px;
}
.view-list-table-container .view-list-table-content .image-container img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.view-list-table-container .view-list-table-content .title-container {
  width: 50%;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-table-container .view-list-table-content .view-list-table-row-first {
  width: 42%;
  text-align: left;
  display: flex;
}
.view-list-table-container .view-list-table-content .view-list-table-row-first a {
  color: #0f3c7d;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.view-list-table-container .view-list-table-content .view-list-table-row-sec {
  width: 10%;
  text-align: left;
  align-items: flex-start;
}
.view-list-table-container .view-list-table-content .view-list-table-row-sec a {
  color: #777777;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.view-list-table-container .view-list-table-content .view-list-table-row-fourth {
  width: 10%;
}
.view-list-table-container .view-list-table-content .view-list-table-row-fiv {
  overflow-x: hidden;
  overflow-y: auto;
  width: 9%;
}
.view-list-table-container .flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
@media screen and (max-width: 690px) {
  .view-list-table-container .view-list-table-content .view-list-table-row:nth-child(2) {
    white-space: nowrap;
  }
  .view-list-table-container .view-list-table-content .view-list-table-row:nth-child(3) {
    display: none;
  }
  .view-list-table-container .view-list-table-content .view-list-table-row:nth-child(4) {
    display: none;
  }
  .view-list-table-container .view-list-table-content .view-list-table-row:nth-child(5) {
    width: 30%;
  }
  .view-list-table-container .view-list-table-header .view-list-table-row:nth-child(1) {
    width: 46.2%;
  }
  .view-list-table-container .view-list-table-header .view-list-table-row:nth-child(3) {
    display: none;
  }
  .view-list-table-container .view-list-table-header .view-list-table-row:nth-child(4) {
    display: none;
  }
  .view-list-table-container .view-list-table-header .view-list-table-row:nth-child(5) {
    width: 30%;
  }
}
.view-list-table-container .add-cart-amount {
  width: 50px;
}
.view-list-icon-table-container {
  padding: 10px 0;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  width: 100%;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content:first-child {
  border-top: none;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-first-col {
  width: 5%;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-first-col .blots-atom {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-first-col .blots-atom .blot {
  min-height: 20px;
  min-width: 20px;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-first-col a img {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-sec-col {
  width: 20%;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-third-col {
  width: 30%;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-fourth-col {
  width: 45%;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .image-list {
  width: 100%;
  height: 180px;
  object-fit: scale-down;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .image-list img {
  height: 100%;
  width: 100%;
  object-fit: scale-down;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row {
  white-space: nowrap;
  display: flex;
  width: 100%;
  flex-direction: row;
  font-size: 14px;
  color: #777777;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row:last-child {
  margin-bottom: 28px;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row .price-netto-label {
  font-size: 15px;
  font-weight: bold;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row .price-netto-value {
  font-size: 19px;
  font-weight: bold;
  color: #0f3c7d;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row .view-list-row-left {
  display: block;
  width: 50%;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row .view-list-row-right {
  display: block;
  width: 50%;
  text-align: right;
  font-weight: bold;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row .producer-item {
  cursor: pointer;
  color: #777777;
  font-weight: bold;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-table-collumn-header {
  display: block;
  color: #0f3c7d;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  margin-top: 30px;
  margin-bottom: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-separator {
  padding-left: 15px;
}
.view-list-icon-table-container .view-list-icon-table-collumn-content .view-icon-cart-button {
  margin-top: 20px;
}
@media screen and (max-width: 1180px) {
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-icon-cart-button .view-list-row-right {
    margin-right: 30px;
  }
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-icon-cart-button .zero-items-input {
    margin-left: 30px;
  }
}
@media screen and (max-width: 775px) {
  .view-list-icon-table-container .view-list-icon-table-collumn-content {
    white-space: nowrap;
  }
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row {
    flex-direction: column;
  }
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .view-list-icon-properties-row .view-list-row-right {
    text-align: left;
  }
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn:first-child {
    display: none;
  }
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn:nth-child(2) {
    width: 40%;
  }
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn:nth-child(3) {
    width: 35%;
  }
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn:nth-child(4) {
    width: 35%;
  }
  .view-list-icon-table-container .view-list-icon-table-collumn-content .view-list-icon-table-collumn .price-netto-value {
    line-height: 20px;
  }
}
.product-item-top {
  padding: 30px 0;
  display: flex;
}
@media (max-width: 767px) {
  .product-item-top {
    flex-direction: column;
  }
}
.product-item-top__details-wrapper {
  flex: 1;
}
@media (max-width: 767px) {
  .product-item-top__gallery {
    margin-bottom: 20px;
    margin-right: 0;
  }
}
.product-item-top__gallery-image {
  border: 1px solid #e5e9eb;
  width: 160px;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .product-item-top__gallery-image {
    width: 420px;
  }
}
@media (max-width: 767px) {
  .product-item-top__gallery-image {
    min-width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0 auto;
  }
}
.product-item-top__gallery-image > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.product-item-top__gallery-image img {
  max-width: 100%;
  height: auto;
  max-height: 420px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-item-top__gallery-image img {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .product-item-top__gallery-image img {
    max-width: 100%;
  }
}
.product-item-top__gallery-thumbnails {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .product-item-top__gallery-thumbnails {
    max-width: 160px;
  }
}
@media (min-width: 992px) {
  .product-item-top__gallery-thumbnails {
    max-width: 420px;
  }
}
.product-item-top__gallery-thumbnail {
  margin-bottom: 10px;
  border: 1px solid #eaeaea;
  transition: border-color 0.2s ease;
  cursor: pointer;
  height: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 5px;
  min-width: calc(25% - 7.5px);
  max-width: calc(25% - 7.5px);
}
.product-item-top__gallery-thumbnail:not(:nth-child(4n)) {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .product-item-top__gallery-thumbnail:not(:nth-child(4n)) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .product-item-top__gallery-thumbnail {
    min-width: calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
}
@media (min-width: 768px) {
  .product-item-top__gallery-thumbnail:not(:nth-child(2n)) {
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .product-item-top__gallery-thumbnail:not(:nth-child(2n)) {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .product-item-top__gallery-thumbnail {
    min-width: calc(25% - 7.5px);
    max-width: calc(25% - 7.5px);
  }
}
@media (min-width: 992px) {
  .product-item-top__gallery-thumbnail:not(:nth-child(4n)) {
    margin-right: 10px;
  }
}
.product-item-top__gallery-thumbnail img {
  max-width: 100%;
  max-height: 50px;
}
.product-item-top__gallery-thumbnail.active,
.product-item-top__gallery-thumbnail:hover {
  border: 1px solid #0f3c7d;
}
.product-item-top__details {
  padding: 0 10px 20px 10px;
  border-bottom: 1px solid #f1f1f1;
  color: #777777;
}
.product-item-top__details-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #777777;
  font-size: 15px;
}
.product-item-top__details-price > :last-child {
  font-weight: 700;
}
.product-item-top__details-price--brutto {
  font-size: 18px;
  font-weight: 700;
}
.product-item-top__details-price--brutto :last-child {
  color: #0f3c7d;
  font-size: 22px;
}
.product-item-top__details-price--brutto label {
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  color: #777777;
}
.product-item-top__info,
.product-item-top__attributes {
  color: #707070;
  font-size: 13px;
  padding: 15px 10px;
  border-bottom: 1px solid #e5e9eb;
}
.product-item-top__info-inner,
.product-item-top__attributes-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
}
.product-item-top__info-inner > :last-child,
.product-item-top__attributes-inner > :last-child {
  font-weight: 700;
}
.product-item-top__info span,
.product-item-top__attributes span,
.product-item-top__info label,
.product-item-top__attributes label {
  font-size: 13px;
  margin: 0;
}
.product-item-top__info label,
.product-item-top__attributes label {
  font-weight: 400;
  text-transform: none;
}
.product-item-top__info-inner--index {
  font-weight: 700;
}
.product-item-top__attributes {
  background-color: #fff;
  margin-bottom: 20px;
}
.product-item-top .add-to-cart-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.product-item-top .add-to-cart-wrapper .btn {
  flex: 1;
}
.product-item-top .form-control-quantity {
  margin-right: 10px;
}
.product-item-top .product-page-price-info-label {
  margin-left: 0;
}
.product-group-displayer .header-product {
  font-size: 24px !important;
  font-weight: 300;
  margin: 9px 0 6px 14px;
}
.product-group-displayer .product-item {
  /*		margin-bottom: 30px;*/
  padding: 20px;
  height: 450px;
  /*
				&:nth-last-child(-n+3) {
					border-bottom: none;
				}
		*/
}
.product-group-displayer .product-item:nth-child(3n+0) {
  border-right: none;
}
.product-group-displayer .product-item .wrap-name {
  height: 55px;
}
.product-group-displayer .product-item .product-item-title {
  color: #0f3c7d;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-top: 9px;
  margin-bottom: 7px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
}
.product-group-displayer .product-item .product-item-title:first-letter {
  text-transform: uppercase;
}
.product-group-displayer .product-item .product-tags {
  height: 30px;
  text-align: center;
}
.product-group-displayer .product-item .priceNetto {
  font-weight: 500;
}
.product-group-displayer .product-item .product-item-image-wrap {
  text-align: center;
  padding: 0 10px;
}
.product-group-displayer .product-item .product-item-image-wrap .product-item-image {
  width: 122px;
  height: 180px;
  display: inline-block;
  color: #666666;
  position: relative;
}
.product-group-displayer .product-item .product-item-image-wrap .product-item-image img {
  display: block;
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.product-group-displayer .product-item .wrap-name {
  height: 55px;
}
.product-group-displayer .product-item .property-label label {
  color: #A5A5A5;
  font-weight: 400;
}
.product-group-displayer .product-item .property-value {
  font-weight: normal;
  font-size: 13px;
  text-align: right;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-group-displayer .product-item .property-market-price {
  margin-top: 5px;
}
.product-group-displayer .product-item .property-market-price .property-label label {
  color: #A5A5A5;
  font-weight: 400;
}
.product-group-displayer .product-item .property-market-price .property-value {
  color: #A5A5A5;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-group-displayer .product-item .property-market-price .property-value--price {
  color: #0f3c7d;
  font-weight: bold;
  font-size: 19px;
}
@media screen and (max-width: 1199px) {
  .product-group-displayer .product-item .property-market-price .property-value--price {
    font-size: 14px;
  }
}
.product-group-displayer .product-item .property-market-price span {
  float: right;
}
.product-group-displayer .product-item .property-market-price .row-top-space {
  border-bottom: #ededed 1px solid;
  margin-top: 15px !important;
  /*margin-bottom: 20px !important;*/
  padding-bottom: 30px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 15px;
}
.product-group-displayer .product-item .property-discount .property-value {
  color: #f9f7f5;
}
.product-group-displayer .product-item .property-your-price .property-label label {
  font-weight: bold;
}
.product-group-displayer .product-item .property-your-price .property-value {
  color: #E4DDD7;
  font-weight: normal;
}
.product-group-displayer .border-remover {
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  position: relative;
  top: -3px;
  display: none;
}
.product-group-displayer .pager-area {
  padding-top: 15px;
  padding-left: 0;
}
.product-group-displayer .pager-wrap {
  margin-top: 33px;
  margin-bottom: 20px;
}
.product-page-header-content {
  width: 100%;
  padding: 15px 0;
}
@media (max-width: 1199px) {
  .product-page-header-content {
    padding: 0;
  }
}
.product-page-header-content li {
  cursor: pointer;
  font-size: 18px;
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
  border-bottom: 1px solid transparent;
}
@media (max-width: 1199px) {
  .product-page-header-content li {
    font-size: 15px;
    margin-right: 6px;
  }
}
@media (max-width: 767px) {
  .product-page-header-content li {
    font-size: 18px;
    margin: 0;
    padding: 20px 0;
  }
}
.product-page-header-content li a {
  text-decoration: none;
  color: #000;
}
.test {
  display: block !important;
}
.page-product-border-bottom {
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
  display: block;
  margin: 10px 0px 15px 20px;
  margin-right: 0px;
  margin-left: 14px;
}
.product-page-price-label {
  font-weight: bold;
  color: #0f3c7d;
  font-size: 22px;
  margin-left: 15px;
  line-height: 12px;
}
.product-page-price-info-label {
  white-space: nowrap;
  font-weight: bold;
  color: #777777;
  font-size: 18px;
  margin-left: 25px;
  line-height: 12px;
}
@media screen and (min-width: 992px) {
  .product-page-price-info-label {
    text-align: left;
  }
}
.cart-button-margin {
  margin: 30px 0;
}
.product-page-price-left-label {
  color: #777777;
  font-size: 15px;
  margin-left: 25px;
  white-space: nowrap;
}
@media screen and (min-width: 992px) {
  .product-page-price-left-label {
    text-align: left;
  }
}
.product-page-price-right-label {
  font-weight: bold;
  color: #777777;
  font-size: 15px;
  margin-left: 13px;
}
@media screen and (min-width: 992px) {
  .product-page-price-right-label {
    text-align: right;
  }
}
a.product-page-price-right-label {
  color: #0f3c7d;
  text-decoration: underline;
}
.product-page-cart {
  margin-top: 30px !important;
  float: right;
}
@media screen and (max-width: 991px) {
  .product-page-cart {
    float: inherit;
    width: 100%;
  }
}
.product-page-cart .btn-add-clipboard {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5) !important;
  margin-left: 15px;
}
@media (min-width: 768px) {
  .product-page-title-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.product-page-title-wrapper > div:first-child {
  order: 1;
}
.fancy-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
}
@media (min-width: 768px) {
  .fancy-icons {
    margin: 0;
  }
}
.fancy-icons .fancy-icon:not(:last-child) {
  margin-right: 5px;
}
.product-page-title-row {
  text-align: center;
}
.product-page-title-row h3 {
  margin: 0;
  margin-top: 10px;
  text-align: left;
}
@media (min-width: 768px) {
  .product-page-title-row h3 {
    position: relative;
    top: -7px;
  }
}
@media (min-width: 1200px) {
  .product-page-title-row h3 {
    top: -5px;
  }
}
.product-page-title-row span {
  color: #000;
  font-size: 22px;
  font-weight: 300;
  text-align: center;
}
@media (min-width: 1200px) {
  .product-page-title-row span {
    font-size: 22px;
  }
}
.product-details {
  /* xs & sm */
  /* xs only */
}
.product-details .b2b-breadcrumbs-wrap {
  display: none;
}
.product-details .product-displayer-attributes .property-item {
  margin: 5px 0;
}
.product-details .product-displayer-attributes .property-item a {
  color: #0f3c7d !important;
  white-space: nowrap;
}
@media screen and (max-width: 680px) {
  .product-details .product-displayer-attributes .property-item .col-xs-7 .product-page-price-label {
    white-space: nowrap;
  }
  .product-details .product-displayer-attributes .property-item .col-xs-7 span {
    padding-left: 30px;
  }
}
@media screen and (max-width: 507px) {
  .product-details .product-displayer-attributes {
    width: 100%;
  }
}
.product-details .details {
  border-top: 1px solid #E4DDD7;
  margin-top: 40px;
  padding-left: 0px;
}
.product-details .details .btn {
  height: 47px;
  font-size: 14px;
  line-height: 23px;
  background-color: transparent;
  border: 1px solid #E2E2E2;
  border-top: none;
  color: #2c2c27;
}
.product-details .details .btn.support {
  margin-left: -4px;
}
.product-details .details .btn.selected {
  background-color: #e52987;
  color: #ffffff;
  border: none;
}
.product-details .dynamic-wrap {
  padding-top: 50px;
}
.product-details .main-image-wrap {
  width: 100%;
  height: auto;
  display: table;
  padding-bottom: 20px;
}
.product-details .thumbnail {
  display: table-cell;
  vertical-align: middle;
}
.product-details .thumbnail img {
  width: auto;
  height: auto;
  max-height: 320px;
  vertical-align: middle;
}
.product-details .gallery-image-wrap {
  width: 85px;
  height: 85px;
  display: inline-table;
  border: 1px solid #cccccc;
  margin-right: 18px;
  margin-bottom: 18px;
  vertical-align: middle;
}
.product-details .gallery-image-wrap:hover {
  border: 1px solid #E4DDD7;
}
.product-details .gallery-image-wrap .thumbnail-gallery-repeater-wrap {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.product-details .gallery-image-wrap .thumbnail-gallery-repeater-wrap img {
  margin-right: 0px;
  max-height: 85px;
  max-width: 85px;
}
.product-details .attribute-group {
  font-size: 18px;
  font-weight: bold;
  color: #5d1c76;
  padding-bottom: 10px;
  display: block;
}
.product-details table .attribute {
  color: #616161;
}
.product-details table .attribute.attribute-name {
  font-weight: bold;
  color: #767676;
}
.product-details table .attribute.attribute-value.file {
  color: #5d1c76;
  text-decoration: underline;
}
.product-details .product-details {
  white-space: nowrap;
}
.product-details .netto-price {
  font-weight: 400;
  color: #733D17;
  font-size: 15px;
}
.product-details .price-brutto {
  font-weight: 400;
  color: #733D17;
}
.product-details .product-index {
  overflow: hidden;
  text-wrap: none;
  text-overflow: ellipsis;
}
.product-details .featured-attributes-wrap {
  padding-top: 50px;
}
.product-details .product-price-wrap {
  padding-top: 50px;
  padding-left: 30px;
}
.product-details .most-frequently-purchased {
  font-size: 16px;
  border-bottom: 2px solid #5d1c76;
  font-weight: bold;
  padding-bottom: 7px;
}
.product-details .price-calculator {
  padding-top: 25px;
}
.product-details .price-calculator .price-calc-btn {
  display: inline-block;
  height: 38px;
  border: 1px solid #cccccc;
  font-size: 14px;
  padding-top: 10px;
  padding-left: 13px;
  padding-right: 13px;
  vertical-align: top;
  min-width: 143px;
  background-color: transparent;
  color: #E4DDD7;
}
.product-details .price-calculator-modal .modal-content {
  max-width: 530px;
}
.product-details .price-calculator-modal .form-control {
  height: 36px;
}
.product-details .price-calculator-modal .margin {
  background-color: transparent;
  border: 1px solid #cccccc;
  color: #000000;
  height: 36px;
}
.product-details .price-calculator-modal .margin.inactive {
  background-color: #f7f7f7;
  color: #747474;
}
.product-details .price-calculator-modal .overhead {
  background-color: transparent;
  border: 1px solid #cccccc;
  color: #000000;
  height: 36px;
  margin-left: 17px;
}
.product-details .price-calculator-modal .overhead.inactive {
  background-color: #f7f7f7;
  color: #747474;
}
.product-details .price-calculator-modal .close-btn {
  background-color: #5d1c76;
}
.product-details .price-calculator-modal .generate-pdf-btn {
  width: 176px;
  border: 0px;
}
.product-details .price-calculator-modal .price-brutto {
  padding-top: 4px;
  padding-bottom: 4px;
}
.product-details .price-calculator-modal .description-text {
  width: 100%;
  height: 120px;
  resize: none;
  margin-top: 10px;
}
.product-details .cart-button-wrap {
  text-align: center;
}
.product-details .cart-button-wrap input[type=text] {
  width: 42px;
  height: 42px;
  padding: 2px;
  margin-right: 17px;
  display: inline-block;
  vertical-align: top;
}
.product-details .cart-button-wrap .btn {
  display: inline-block;
  height: 42px;
  border: none;
  font-size: 14px;
  padding-top: 7px;
  padding-left: 13px;
  padding-right: 13px;
  vertical-align: top;
  width: 108px;
}
.product-details .clipboard-button-wrap {
  padding-top: 10px;
}
.product-details .clipboard-button-wrap a.btn-add-clipboard {
  color: #4d8d2f;
}
@media (min-width: 992px) {
  .product-details .product-price-wrap {
    border-left: 1px solid #ededed;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .product-details .b2b-breadcrumbs-wrap {
    display: none;
  }
}
@media (max-width: 767px) {
  .product-details .details {
    padding-left: 0px;
    padding-right: 0px;
  }
  .product-details .details .btn {
    display: none;
  }
  .product-details .details .btn.main-data {
    display: block;
    width: 100%;
    background-color: transparent;
    color: #2c2c27;
    font-size: 20px;
  }
  .product-details .details .btn.support {
    display: block;
    width: 100%;
    background-color: transparent;
    color: #2c2c27;
    font-size: 20px;
    margin-left: 0px;
  }
  .product-details .details .btn.selected {
    background-color: #e52987;
    color: #ffffff;
    border: none;
  }
  .product-details .dynamic-wrap {
    padding: 11px 5px;
  }
  .product-details .attribute-group-wrap .attribute-group {
    border: 2px solid #e7e7e7;
    color: #E4DDD7;
    font-size: 18px;
    font-weight: normal;
    height: 47px;
    padding: 9px 11px;
    cursor: pointer;
    margin-top: 9px;
  }
  .product-details .attribute-group-wrap .attribute-group:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.1s ease;
    content: "\f054";
    display: inline-block;
    float: right;
    font-size: 22px;
    position: relative;
    top: 5px;
    right: 7px;
    color: #2c2c27;
    transform: none;
  }
  .product-details .attribute-group-wrap .attribute-group-body {
    margin-top: 5px;
    display: none;
  }
  .product-details .attribute-group-wrap .attribute-group-body table tr:first-child td {
    border-top: none;
  }
  .product-details .attribute-group-wrap.expanded .attribute-group {
    color: #5d1c76;
  }
  .product-details .attribute-group-wrap.expanded .attribute-group:after {
    transform: rotate(90deg);
  }
  .product-details .attribute-group-wrap.expanded .attribute-group-body {
    display: block;
  }
}
.product-page-header {
  padding-bottom: 20px;
  color: #545454;
  font-weight: bold;
  display: block;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .product-page-header {
    font-size: 15px;
  }
}
.product-page-row-info {
  border-top: 1px solid #e3e3e3;
  margin-left: 0;
  width: 100%;
  color: #606060;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  font-size: 14px;
}
.product-page-row-info > div {
  flex: 1;
}
.product-page-row-info > div:last-child {
  margin-left: 15px;
}
@media screen and (max-width: 670px) {
  .product-page-row-info > div:last-child {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .product-page-row-info:last-child {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .product-page-row-info {
    padding: 10px;
  }
}
.product-page-row-info:nth-child(odd) {
  background-color: #fafbfb;
}
@media screen and (max-width: 670px) {
  .product-page-row-info {
    padding-left: 15px;
    display: block;
  }
}
.product-page-row-info .product-page-row-info-col-9 {
  font-weight: 700;
  text-align: right;
}
.product-page-row-border-bottom {
  border-bottom: 1px solid #e3e3e3;
}
.product-page-documents-table thead th {
  color: #000;
}
.product-page-documents-table tbody tr td {
  color: #777777 !important;
  padding: 15px 10px;
}
.product-page-documents-table tr td:first-child {
  font-weight: 700;
}
.product-page-documents-table tr td:last-child {
  text-align: right;
}
.product-page-documents-table tr td:last-child a {
  display: block;
}
.product-header h4 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  color: #5d1c76;
}
.product-header h5 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  color: #5d1c76;
}
.product-display h3 {
  color: #5d1c76;
  font-weight: bold;
  font-size: 16px;
  padding-top: 0px;
  margin-top: 0px;
}
.b2b-breadcrumbs {
  display: inline-block;
  font-size: 14px;
}
.b2b-breadcrumbs a {
  color: #0f3c7d;
  font-size: 14px;
  font-weight: normal;
}
.b2b-breadcrumbs .separator {
  color: #9b9b9b;
  font-weight: normal;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.b2b-breadcrumbs .active {
  font-weight: bold;
  color: #0f3c7d;
}
.b2b-breadcrumbs-label {
  display: inline-block;
  font-weight: bold;
  margin-right: 7px;
}
.panel-body--heading {
  background-color: #FFF;
  background-image: none;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
.tabs-wrapper {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  .tabs-wrapper {
    display: flex;
    align-items: flex-start;
    top: -3px;
  }
  .tabs-wrapper:before {
    content: '';
    height: 1px;
    width: 100%;
    background: #ddd;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .tabs-wrapper {
    font-size: 22px;
  }
}
.tabs-wrapper__item {
  color: #000;
  font-weight: 300;
}
@media (min-width: 768px) {
  .tabs-wrapper__item {
    padding-bottom: 15px;
  }
}
.tabs-wrapper__item:hover {
  color: #0f3c7d;
}
.tabs-wrapper__item .fancy-icon {
  display: none;
}
.tabs-wrapper > div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e5e9eb;
  text-align: center;
}
@media (min-width: 768px) {
  .tabs-wrapper > div {
    justify-content: flex-start;
    height: auto;
    padding: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .tabs-wrapper > :not(:last-child) {
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .tabs-wrapper > :not(:last-child) {
    margin-right: 37px;
  }
}
.tabs-wrapper .active .tabs-wrapper__item {
  color: #0f3c7d;
}
.tabs-wrapper .active .tabs-wrapper__item::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #0f3c7d;
  position: absolute;
  left: 0;
  bottom: 0;
}
.tabs-wrapper__icon {
  margin-right: 10px;
  display: none;
}
@media (min-width: 768px) {
  .tabs-wrapper + .view-thumbs {
    position: relative;
    top: -3px;
  }
}
.product-header--title {
  padding-left: 0px;
}
.product-header--title h2 {
  color: #000;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  padding-bottom: 25px;
  position: relative;
  top: 11px;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .product-header--title h2 {
    width: 100%;
    position: static;
    margin: 20px 0;
  }
}
.add-to-clipboard-offer-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-to-clipboard-offer-buttons .btn-add-to-offer,
.add-to-clipboard-offer-buttons .btn-add-to-clipboard {
  background-color: #ebedf0;
  text-transform: none;
  width: 49%;
  text-shadow: none;
  outline: 0;
  font-weight: 400;
}
@media (max-width: 767px) {
  .add-to-clipboard-offer-buttons .btn-add-to-offer,
  .add-to-clipboard-offer-buttons .btn-add-to-clipboard {
    padding: 10px 15px;
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .add-to-clipboard-offer-buttons .btn-add-to-offer,
  .add-to-clipboard-offer-buttons .btn-add-to-clipboard {
    font-size: 11px;
  }
}
.add-to-clipboard-offer-buttons .btn-add-to-offer:hover,
.add-to-clipboard-offer-buttons .btn-add-to-clipboard:hover {
  background-color: #d4d5d8;
}
.add-to-clipboard-offer-buttons .btn-add-to-offer > i,
.add-to-clipboard-offer-buttons .btn-add-to-clipboard > i {
  margin-right: 5px;
  font-size: 13px;
}
.add-to-clipboard-offer-buttons .btn-add-to-offer,
.add-to-clipboard-offer-buttons .btn-add-to-clipboard {
  color: #666;
}
.custom-tables-pils li {
  display: block;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
  .custom-tables-pils li {
    display: inline-block;
    text-align: left;
    border: none;
  }
}
.custom-tables-pils a {
  color: #000;
  font-family: 'Roboto', sans-serif !important;
}
.custom-tables-pils .active {
  position: relative;
  border-bottom: 1px solid #0f3c7d;
}
@media (min-width: 768px) {
  .custom-tables-pils .active {
    border: none;
  }
}
.custom-tables-pils .active a {
  color: #0f3c7d;
}
.custom-tables-pils .active:after {
  position: absolute;
  content: '';
  bottom: -26px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #0f3c7d;
  z-index: 10;
  cursor: none;
}
@media (max-width: 1199px) {
  .custom-tables-pils .active:after {
    bottom: -11px;
  }
}
@media (max-width: 767px) {
  .custom-tables-pils .active:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .product-list-filter {
    padding-bottom: 20px;
    display: flex;
  }
}
.product-list-filter .breadcrumbs {
  padding-top: 20px;
}
.product-list-filter .category-name {
  padding-bottom: 20px;
}
.product-list-filter .form-group {
  margin: 0;
}
@media (min-width: 768px) {
  .product-list-filter .form-group {
    float: left;
  }
}
@media screen and (min-width: 768px) {
  .product-list-filter .form-group--labes {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .product-list-filter .form-group--labes-last {
    padding: 0;
  }
}
.product-list-filter label {
  color: #636363;
  font-size: 13px;
  padding-top: 6px;
  padding-right: 12px;
  text-align: left;
  text-transform: none;
}
@media (max-width: 767px) {
  .product-list-filter label {
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  .product-list-filter label {
    float: left;
  }
}
.product-list-filter select {
  height: 32px;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  padding: 2px 7px;
}
@media (min-width: 768px) {
  .product-list-filter .filter1 {
    padding-top: 20px;
    margin-right: 30px;
  }
}
.product-list-filter .filter1 select {
  width: 200px;
}
@media screen and (max-width: 1199px) {
  .product-list-filter .filter1 select {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .product-list-filter .filter1 select {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .product-list-filter .filter2 {
    padding-top: 20px;
  }
}
.product-list-filter .filter2 select {
  width: 200px;
}
@media screen and (max-width: 1199px) {
  .product-list-filter .filter2 select {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .product-list-filter .filter2 select {
    width: 100%;
    margin-bottom: 10px;
  }
}
.product-list-filter .filter3 select {
  width: 140px;
}
@media screen and (max-width: 991px) {
  .product-list-filter .filter3 select {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .product-list-filter .filter4 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #e5e9eb;
    height: 40px;
    position: relative;
    margin-bottom: 0;
  }
  .product-list-filter .filter4::before,
  .product-list-filter .filter4::after {
    content: '';
    width: 1px;
    height: 40px;
    background-color: #e5e9eb;
    position: absolute;
    left: 33.333333%;
  }
  .product-list-filter .filter4::after {
    left: 66.666666%;
  }
}
@media (min-width: 768px) {
  .product-list-filter .filter4 {
    float: right;
    padding-top: 3px;
  }
}
.product-list-filter .filter4 a {
  padding-right: 0px !important;
  margin: 0 5px;
  display: inline-block;
}
.product-list-filter .filter4 .separator {
  height: 18px;
  width: 1px;
  display: inline-block;
  background-color: #e2e2e2;
  position: relative;
  top: 1px;
}
@media screen and (max-width: 767px) {
  .product-list-filter .filter4 {
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
}
.product-list-filter .list-mode {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../image/site/list_mode_sprite.png");
  background-position: 0 0;
}
.product-list-filter .list-mode.list-mode1 {
  background-position: 0 0;
}
.product-list-filter .list-mode.list-mode1:hover,
.product-list-filter .list-mode.list-mode1.active {
  background-position: 0 16px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.product-list-filter .list-mode.list-mode2 {
  background-position: -16px 0;
}
.product-list-filter .list-mode.list-mode2:hover,
.product-list-filter .list-mode.list-mode2.active {
  background-position: -16px 16px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.product-list-filter .list-mode.list-mode3 {
  background-position: -32px 0;
}
.product-list-filter .list-mode.list-mode3:hover,
.product-list-filter .list-mode.list-mode3.active {
  background-position: -32px 16px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.product-list {
  /* xs only */
}
.product-list .pager-wrap {
  padding: 11px;
  text-align: center;
  height: 70px;
  padding-top: 24px;
}
@media screen and (max-width: 493px) {
  .product-list .pager-wrap {
    height: 100%;
  }
}
.product-list .pager-wrap .page-num {
  width: auto;
  min-width: 24px;
}
.product-list.panel-default .panel-heading {
  padding: 6px 12px;
}
.product-list .properties {
  font-size: 14px;
  color: #777777;
}
.product-list .dl-horizontal {
  font-size: 12px;
}
.product-list .dl-horizontal dt {
  text-align: left;
  font-weight: normal;
}
.product-list .panel-body .alert {
  margin: 22px;
  text-align: center;
  width: 100%;
}
.product-list .panel-body .clipboard-header {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 30px;
}
.product-list .panel-body .view-table table {
  font-size: 12px;
  width: 100%;
}
.product-list .panel-body .view-table table .text-left {
  text-align: left !important;
}
.product-list .panel-body .view-table table thead th {
  padding: 10px;
  color: #444444;
}
.product-list .panel-body .view-table table thead th:first-child {
  width: 190px;
}
.product-list .panel-body .view-table table thead th:nth-child( 2 ) {
  width: 145px;
}
.product-list .panel-body .view-table table tbody td {
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
  text-align: center;
}
.product-list .panel-body .view-table table tbody td .publisher {
  color: #444 !important;
}
.product-list .panel-body .view-table table tbody td .btn-add-clipboard {
  color: green;
}
.product-list .panel-body .view-table table tbody td .img {
  max-height: 100px;
}
.product-list .panel-body .view-table table tbody td .add-cart-widget-wrap {
  position: relative;
  min-height: 34px;
  width: 100px;
}
.product-list .panel-body .view-table table tbody td .add-cart-widget-wrap .add-cart-widget .add-cart-amount {
  position: absolute;
  left: -16px;
  top: 1px;
}
.product-list .panel-body .view-table table tbody td .add-cart-widget-wrap .add-cart-widget .btn-add-cart {
  display: inline;
  background-image: none;
  background-color: transparent;
  color: #e52987;
  font-weight: normal;
  visibility: hidden;
  position: absolute;
  left: -42px;
  top: -9px;
  font-size: 12px;
  border-radius: 0px;
}
.product-list .panel-body .view-table table tbody td .add-cart-widget-wrap .add-cart-widget .btn-add-cart:after {
  content: "do koszyka";
  visibility: visible;
}
.product-list .panel-body .view-table table tbody td .add-cart-widget-wrap .btn-add-clipboard {
  visibility: hidden;
}
.product-list .panel-body .view-table table tbody td .add-cart-widget-wrap .btn-add-clipboard:after {
  content: "do schowka";
  visibility: visible;
  white-space: nowrap;
  font-size: 12px;
  position: absolute;
  left: 30px;
  top: 18px;
}
.product-list .panel-body .view-table table tbody tr:nth-child(even) td {
  /*background-color: #f8f8f8;*/
}
.product-list .panel-body .view-table table .title {
  color: #555555;
  font-weight: bold;
  text-align: left;
}
.product-list .panel-body .view-list .row-product-title {
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .product-list .panel-body .view-list .row-product-title {
    max-height: 22px;
    overflow: hidden;
  }
}
.product-list .panel-body .view-list .featured-attribute-value {
  font-weight: bold;
  text-align: right;
  padding-left: 1px;
  color: #777777;
  font-weight: 500;
}
.product-list .panel-body .view-list .featured-attribute-value a {
  /*					color: #444 !important;*/
  font-weight: 500;
}
.product-list .panel-body .view-list .featured-attribute-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0px;
  color: #777777;
  font-weight: 600;
}
.product-list .panel-body .view-list .list-item {
  border-bottom: 1px solid #d7d7d7;
  padding: 10px 20px;
  height: 225px;
}
@media screen and (max-width: 767px) {
  .product-list .panel-body .view-list .list-item {
    height: 100%;
  }
}
.product-list .panel-body .view-list .list-item > .row {
  height: 100%;
}
.product-list .panel-body .view-list .list-item .title {
  font-size: 16px;
  color: #555;
  font-weight: bold;
  text-transform: uppercase;
}
.product-list .panel-body .view-list .list-item .title:first-letter {
  text-transform: uppercase !important;
}
.product-list .panel-body .view-list .list-item .author {
  color: #848484;
  font-size: 12px;
}
.product-list .panel-body .view-list .list-item .add-cart-widget {
  /*	psuje wysokość na gridzie lista z obrazkiem				margin-top: 22px;*/
  /* sm only */
}
@media (max-width: 767px) {
  .product-list .panel-body .view-list .list-item .add-cart-widget {
    margin-top: 2px;
    padding-top: 0px;
  }
}
.product-list .panel-body .view-list .list-item .clipboard-button-wrap {
  text-align: center;
  margin-top: 0px;
}
.product-list .panel-body .view-list .list-item .clipboard-button-wrap a {
  color: red;
}
.product-list .panel-body .view-list .list-item .clipboard-button-wrap a.btn-add-clipboard {
  color: #4d8d2f;
}
.product-list .panel-body .view-list .list-item .thumbnail-list-image-column {
  height: 100%;
}
.product-list .panel-body .view-list .list-item .thumbnail-list-image-column .blob--bottom {
  position: absolute;
  bottom: 18px;
}
.product-list .panel-body .view-list .list-item .thumbnail-list-image-column .thumbnail-list-image-wrap {
  width: 100%;
  height: 195px;
  padding: 0 45px;
  display: table;
}
.product-list .panel-body .view-list .list-item .thumbnail-list-image-column .thumbnail-list-image-wrap .thumbnail-list-image-inner-wrap {
  display: table-cell;
  vertical-align: bottom;
}
.product-list .panel-body .view-list .list-item .thumbnail-list {
  margin-bottom: 0;
  /* md only */
}
.product-list .panel-body .view-list .list-item .thumbnail-list img {
  max-width: 190px;
  max-height: 190px;
  min-width: 108px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .product-list .panel-body .view-list .list-item .thumbnail-list img {
    max-width: 120px;
  }
}
.product-list .panel-body .view-list .list-item .price-netto {
  color: #E4DDD7;
}
.product-list .panel-body .view-list .right-side .properties .property-item > span {
  display: inline-block;
  min-width: 48%;
  margin-right: 0;
}
.product-list .panel-body .view-list .right-side .properties .property-item span:nth-child(2) {
  text-align: right;
}
.product-list .panel-body .view-list .right-side .properties .text-preview {
  height: 100px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.4);
}
.product-list .panel-body .view-list .right-side .properties .text-gradient {
  background-image: url(../image/site/gfx/description_gradient.png);
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  height: 100px;
  width: 100%;
}
.product-list .panel-body .view-list .right-side .available-notification {
  margin-right: 8px;
}
@media (max-width: 767px) {
  .product-list .panel-body .view-thumbs .thumb-item:nth-child( even ) {
    border-right: none;
  }
}
.view-thumbs .property-item-wrap {
  padding: 0;
  overflow: hidden;
}
.view-thumbs .thumb-item {
  /*				padding-left: 17px;
						padding-right: 5px;*/
}
.view-thumbs .property-item .row .col-xs-5,
.view-thumbs .property-item .row .col-xs-6,
.view-thumbs .property-item .row .col-xs-7 {
  padding: 0;
}
.view-thumbs .property-item--discount {
  display: none !important;
}
.view-thumbs .wrap-product-info {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  width: 100%;
}
.view-thumbs .featured-attribute-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777777;
  font-weight: 400;
  float: left;
  max-width: 100px;
  font-size: 14px;
  text-transform: none;
}
.view-thumbs .featured-attribute-name label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777777;
  text-transform: none;
  font-weight: 400;
  float: left;
  font-size: 14px;
  margin: 0;
}
.view-thumbs .featured-attribute-value {
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777777 !important;
  font-weight: bold;
  float: right;
  max-width: 148px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .view-thumbs .featured-attribute-value {
    max-width: 100px;
  }
}
.view-thumbs .featured-attribute-value.price-netto {
  color: #E4DDD7;
}
.view-thumbs .featured-attribute-value a {
  color: #777777 !important;
  font-weight: bold;
  margin-right: 0;
}
.view-thumbs .thumb-item .thumbnail {
  margin-bottom: 2px;
  overflow: hidden;
}
.view-thumbs .thumb-item .thumbnail-grid {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 210px;
  width: 100%;
}
.view-thumbs .thumb-item .thumbnail-grid img {
  max-height: 220px;
  display: block;
}
.view-thumbs .thumb-item .properties .property-item {
  margin-bottom: 2px;
}
.view-thumbs .thumb-item .properties .available-notification {
  text-align: center;
  font-size: 15px;
}
.view-thumbs .thumb-item .properties-main {
  height: inherit;
  min-height: inherit;
}
.view-thumbs .thumb-item .title {
  color: #0f3c7d;
  margin: 0;
  margin-bottom: 24px;
  display: block;
  font-size: 15px;
  text-align: center;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  max-height: 45px;
  overflow: hidden;
  position: relative;
  padding: 0 9px;
  word-break: break-word;
}
.view-thumbs .thumb-item .title::before {
  position: absolute;
  bottom: 2px;
  right: 0;
  content: '...';
}
.view-thumbs .thumb-item .title::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 18px;
  background-color: #fff;
  right: 0;
}
.view-thumbs .thumb-item .product-tags {
  height: 30px;
  text-align: center;
}
.product-list .breadcrumbs {
  font-size: 14px;
}
@media (max-width: 767px) {
  .product-list .breadcrumbs {
    display: none;
  }
}
.product-list .breadcrumbs > span {
  display: inline-block;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .product-list .panel-body--heading {
    border-top: none;
  }
}
.product-item-icons-top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.product-item-icons-top a {
  display: block;
}
.product-item-icons-top > :not(:last-child) {
  margin-right: 4px;
}
.product-item-icons-top .blots-atom {
  position: absolute;
  right: 0;
  top: 0;
}
.product-item-icons-top .blots-atom a {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 4px;
  border-top-left-radius: 0;
  overflow: hidden;
  margin-bottom: 3px;
}
.promotion-price-brutto,
.promotion-price-with-amount {
  display: none;
}
.tab-content .view-thumbs.row > span,
.tab-content .view-thumbs.row > div {
  display: block;
  width: 100%;
}
.view-list-b .view-table__img {
  display: block;
  margin-right: 20px;
}
.view-list-b .view-table__img > a {
  width: 100px;
  justify-content: center;
  background-color: #fff;
}
.view-list-b .view-table__img > a img {
  max-height: 70px;
  max-width: 90%;
  width: auto;
}
.view-list-b .blot-wrap--horizontal {
  display: block;
}
.view-list-b .blot-wrap--horizontal img {
  position: relative;
  top: -2px;
}
.view-list-b .blot-wrap--horizontal .blot {
  margin-left: 0 !important;
}
.view-list-b .view-list-table-container .view-list-table-header .view-list-table-row:nth-child( 1 ) {
  margin-left: 118px;
}
@media (min-width: 1200px) {
  .view-list-b .view-table__add-to-cart,
  .view-list-b .view-list-table-container .view-list-table-header .view-list-table-row.view-list-table-row-cart {
    min-width: 150px;
    max-width: 150px;
  }
}
.view-list-b .view-list-table-container .add-cart-amount {
  margin-right: 0;
}
.view-list-b .view-table__add-to-cart .add-to-cart-wrapper .btn {
  background-color: #0f3c7d;
  color: #fff;
  padding: 11px 15px;
  line-height: 13px;
}
.view-list-b .view-table__inner {
  transition: 0.2s ease;
}
.view-list-b .view-table__inner:hover {
  box-shadow: inset 0 0 0 2px #0f3c7d;
}
.view-thumbs-price-wrapper {
  margin-bottom: 10px;
}
.view-list .add-cart-amount {
  height: 28px;
}
.select-packages {
  height: 28px;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-left: none;
}
.panel-add-to-cart:not(.panel-add-to-cart-packages) {
  display: flex;
}
.panel-add-to-cart-packages > .panel-add-to-cart {
  flex-direction: column;
}
.view-thumbs .cart-item-space.row-top-space > div {
  width: 100%;
}
.view-thumbs .cart-item-space.row-top-space > div > div {
  width: 100%;
}
.view-thumbs .panel-add-to-cart-packages .add-to-cart-wrapper {
  margin-bottom: 5px;
}
.view-thumbs .panel-add-to-cart-packages .product-item-add-to-cart {
  min-width: 100%;
}
.product-wrapper .panel-add-to-cart-packages .product-item-add-to-cart {
  width: 100%;
}
.product-wrapper .panel-add-to-cart-packages .select-packages,
.product-wrapper .panel-add-to-cart-packages .add-cart-amount {
  height: 34px;
}
.product-wrapper .panel-add-to-cart-packages .add-to-cart-wrapper {
  margin-bottom: 5px;
}
.product-wrapper .product-item-add-to-cart {
  flex: 1;
}
.product-wrapper .add-to-cart-wrapper {
  margin: 0;
}
.view-list .panel-add-to-cart .product-item-add-to-cart {
  width: 100%;
}
.view-list .panel-add-to-cart-packages .add-to-cart-wrapper {
  margin-bottom: 5px;
}
.view-table .panel-add-to-cart-packages .add-to-cart-wrapper {
  margin-bottom: 5px;
}
.view-table .panel-add-to-cart-packages .product-item-add-to-cart {
  width: 100%;
}
.view-table .panel-add-to-cart-packages .add-cart-amount,
.view-table .panel-add-to-cart-packages .product-item-add-to-cart {
  height: 28px;
}
.view-table .panel-add-to-cart-packages .product-item-add-to-cart {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 28px;
}
.view-table .product-item-add-to-cart {
  flex: 1;
}
.add-to-clipboard-offer-buttons {
  margin-top: 10px;
}
.product-units {
  margin: 10px 0;
  font-size: 13px;
  transform: scaleY(0);
  transition: transform 0.4s ease;
  transform-origin: top;
}
.product-units.active {
  transform: none;
}
.product-unit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-unit:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.product-unit-name {
  width: 100%;
  padding: 5px 10px;
}
.product-unit-value {
  width: 100%;
  font-weight: 700;
  padding: 5px 10px;
  text-align: right;
}
#substitutes .pagination,
.category-thumbs-explorer .pagination {
  margin: 0;
  margin-top: 30px;
}
#substitutes .pagination li span,
.category-thumbs-explorer .pagination li span,
#substitutes .pagination li a,
.category-thumbs-explorer .pagination li a {
  margin-right: 5px;
  border-radius: 0 !important;
  background-color: #e3e3e3;
  border: 1px solid #dadada;
  color: #575757;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 28px;
  margin: 5px 2px 0 0;
  display: inline-block;
  text-shadow: 0.5px 0.866px 0px rgba(255, 255, 255, 0.5);
  transition: border-color 0.2s ease;
  position: relative;
}
#substitutes .pagination li span::before,
.category-thumbs-explorer .pagination li span::before,
#substitutes .pagination li a::before,
.category-thumbs-explorer .pagination li a::before {
  display: block;
  content: '';
  width: calc(100% - 2px);
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 0.2s ease;
}
#substitutes .pagination li span:hover,
.category-thumbs-explorer .pagination li span:hover,
#substitutes .pagination li a:hover,
.category-thumbs-explorer .pagination li a:hover {
  text-decoration: none;
  border-color: #0f3c7d;
  background-color: #e3e3e3;
  color: #575757;
}
#substitutes .pagination li span:hover::before,
.category-thumbs-explorer .pagination li span:hover::before,
#substitutes .pagination li a:hover::before,
.category-thumbs-explorer .pagination li a:hover::before {
  background-color: #fff;
}
#substitutes .pagination li:not(:last-child) span,
.category-thumbs-explorer .pagination li:not(:last-child) span,
#substitutes .pagination li:not(:last-child) a,
.category-thumbs-explorer .pagination li:not(:last-child) a {
  margin-right: 5px;
}
#substitutes .pagination li.active span,
.category-thumbs-explorer .pagination li.active span {
  color: #fff;
  background: #0f3c7d;
  border: 1px solid transparent;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
}
#substitutes .pagination li.active span:hover,
.category-thumbs-explorer .pagination li.active span:hover {
  background: #0f3c7d;
}
.price-local-promotion {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 5px !important;
}
.category-thumbs-explorer__breadcrumbs {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .category-thumbs-explorer__breadcrumbs {
    margin-bottom: 30px;
  }
}
@media (min-width: 568px) {
  .category-thumbs-explorer__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .category-thumbs-explorer__items {
    max-width: 820px;
  }
}
@media (min-width: 1200px) {
  .category-thumbs-explorer__items {
    gap: 40px;
    max-width: none;
  }
}
.category-thumbs-explorer__item {
  margin: 0 auto 20px;
  border: 1px solid #ddd;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  padding-top: 5px;
  max-width: 260px;
}
@media (min-width: 568px) {
  .category-thumbs-explorer__item {
    min-width: calc(50% - 10px);
    max-width: calc(50% - 10px);
    margin: 0;
  }
}
@media (min-width: 768px) {
  .category-thumbs-explorer__item {
    min-width: calc(33.333333% - 13.333333px);
    max-width: calc(33.333333% - 13.333333px);
  }
}
@media (min-width: 1200px) {
  .category-thumbs-explorer__item {
    min-width: calc(25% - 30px);
    max-width: calc(25% - 30px);
  }
}
.category-thumbs-explorer__item-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.category-thumbs-explorer__item-link:hover .category-thumbs-explorer__item-name {
  color: #0f3c7d;
}
.category-thumbs-explorer__item-link:hover .category-thumbs-explorer__item-image {
  opacity: 0.8;
}
.category-thumbs-explorer__item-name {
  margin-bottom: 10px;
  transition: 0.1s ease;
  text-align: center;
  color: #2c2c27;
  font-weight: 700;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
.category-thumbs-explorer__item-image-wrapper {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 180px;
}
.category-thumbs-explorer__item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.1s ease;
}
.category-thumbs-explorer__item-description {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  border-radius: 0;
  background-color: #fafafa;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  border-top-left-radius: 4px;
  transition: 0.1s ease;
}
.category-thumbs-explorer__item-description:hover {
  color: #0f3c7d;
}
.category-thumbs-explorer__pagination {
  text-align: center;
}
.category-details__back {
  margin-botom: 20px;
}
@media (min-width: 768px) {
  .category-details__back {
    margin-bottom: 30px;
  }
}
.product-view__feature--notification {
  order: 4;
  margin-bottom: 6px;
}
.available-notification {
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
  display: inline-block;
}
.promotion-price-brutto-discount {
  display: none;
}
.navbar {
  background-color: transparent;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
  color: #444444;
  font-size: 12px;
}
@media (max-width: 767px) {
  .navbar {
    min-height: 0;
  }
}
.navbar .navbar-row {
  padding: 9px 0;
}
.navbar.navbar-fixed-top {
  border-bottom: none;
}
.navbar .user-nav-panel.logged-in {
  background-color: transparent;
}
.navbar .user-nav-panel .lower-bar {
  background-color: #fff;
  border-bottom: 1px solid #e8e3dd;
  position: relative;
}
.navbar .user-nav-panel .lower-bar .middle-navbar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.navbar .user-nav-panel .lower-bar .middle-navbar a {
  text-decoration: none;
}
.navbar .user-nav-panel .lower-bar .middle-navbar.middle-navbar-logged-out {
  justify-content: flex-end;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap.middle-navbar-wrap-right {
  display: flex;
  justify-content: flex-end;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap span {
  margin-left: 40px;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap span:first-child {
  margin-left: 0px;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap a {
  font-size: 15px;
  position: relative;
  margin: 0 0 0 7px;
  color: #2c2c27;
  font-weight: bold;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap a:first-child {
  margin-left: 0;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap a:after {
  content: '';
  display: block;
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: transparent;
  bottom: -17px;
  text-decoration: none;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap a:hover {
  color: #0f3c7d;
  transition: 0.3s;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap a:hover:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0f3c7d;
  bottom: -17px;
  text-decoration: none;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
}
.navbar .user-nav-panel .lower-bar .middle-navbar .active a {
  font-size: 15px;
  position: relative;
  margin: 0 7px;
  color: #2c2c27;
  font-weight: bold;
  background: transparent !important;
}
.navbar .user-nav-panel .lower-bar .middle-navbar .active a:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0f3c7d;
  bottom: -17px;
  text-decoration: none;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
}
.navbar .user-nav-panel .lower-bar .lower-bar-separator {
  width: 100px;
  height: 51px;
  content: ' ';
}
.navbar .user-nav-panel .navbar-top .col-md-8 .new-row {
  display: inline-block;
}
.navbar .user-nav-panel .navbar-top .col-md-8 .new-row svg {
  margin-right: 10px;
}
.navbar .user-nav-panel .top-nav-wrap .top-nav-first-section {
  display: inline-block;
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 14px;
  white-space: nowrap;
  color: #777777;
}
.navbar .user-nav-panel .top-nav-wrap .top-nav-first-section__test {
  color: red !important;
}
.navbar .user-nav-panel .top-nav-wrap .top-nav-first-section svg {
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.navbar .user-nav-panel .top-nav-wrap .top-nav-first-section svg path {
  fill: #0f3c7d;
}
@media screen and (max-width: 992px) {
  .navbar .user-nav-panel .top-nav-wrap .top-nav-first-section:nth-child(1) {
    display: none;
  }
}
.navbar .user-nav-panel .top-nav-wrap .top-nav-first-section:nth-child(2) {
  margin-left: 30px;
}
@media screen and (max-width: 992px) {
  .navbar .user-nav-panel .top-nav-wrap .top-nav-first-section:nth-child(2) {
    margin-left: 0;
  }
}
@media screen and (max-width: 428px) {
  .navbar .user-nav-panel .top-nav-wrap .top-nav-first-section:nth-child(2) {
    padding-right: 1px;
  }
}
.navbar .user-nav-panel .top-nav-wrap .top-nav-first-section span {
  color: #777777;
}
.navbar .user-nav-panel .top-nav-wrap .top-nav-first-section span > span {
  font-weight: 700;
  color: #2c2c27;
}
.navbar .user-nav-panel .navbar-nav {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .navbar .user-nav-panel .navbar-nav {
    padding-left: 30px;
  }
}
.navbar .user-nav-panel .navbar-nav li a,
.navbar .user-nav-panel .navbar-nav li span {
  font-size: 14px;
  color: rgba(128, 106, 83, 0.61);
}
@media screen and (max-width: 1199px) {
  .navbar .user-nav-panel .navbar-nav li a,
  .navbar .user-nav-panel .navbar-nav li span {
    padding-left: 7px;
    padding-right: 7px;
  }
}
.navbar .user-nav-panel .navbar-nav li:last-child a {
  width: 100%;
}
.navbar .user-nav-panel .navbar-nav li:last-child:after {
  width: 0;
}
.navbar .user-nav-panel .navbar-navtop .text-color--black span strong {
  color: #2c2c27;
}
.navbar .user-nav-panel .navbar-navtop li a,
.navbar .user-nav-panel .navbar-navtop li span {
  color: #777777;
}
.navbar .user-nav-panel .link-default2 {
  color: #999999;
  padding-right: 10px;
}
.navbar .login-panel .form-group:nth-child(1),
.navbar .login-panel .form-group:nth-child(2) {
  width: 44%;
}
.navbar .login-panel .form-group:nth-child(3) {
  width: 32px;
  float: right;
  text-align: right;
}
.navbar .login-panel .form-control {
  height: 29px;
  padding: 4px 8px;
  position: relative;
  width: 100%;
}
.navbar .login-panel .btn {
  padding: 2px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-size: 18px;
}
.navbar .login-panel .btn .fa {
  margin-top: 2px;
}
.navbar .login-panel .btn.btn-default {
  background-image: linear-gradient(to bottom, #2c539e, 0%, #244386, 100%);
}
.navbar .login-panel .btn.btn-default:hover {
  background-image: linear-gradient(to bottom, #325db2 0%, #294d9a 100%);
}
.navbar-mobile {
  height: 93px;
  border-bottom: 1px solid #f7f7f7;
  display: none;
  box-shadow: 0px 1px 0px #e0e0e0;
}
@media screen and (max-width: 991px) {
  .navbar-mobile {
    background: #fff;
  }
}
.navbar-mobile .container-fluid {
  padding: 0 5px;
}
.navbar-mobile [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.navbar-mobile .hamburger {
  position: relative;
  top: 22px;
  margin-left: 11px;
}
.navbar-mobile .mobile-nav-buttons {
  list-style: none;
  display: inline-block;
  width: 170px;
  height: 93px;
  line-height: 93px;
  text-align: right;
  float: right;
  margin-bottom: 0;
}
.navbar-mobile .mobile-nav-buttons li {
  display: inline-block;
  margin-right: 11px;
}
.navbar-mobile .mobile-nav-buttons li:last-child {
  margin-right: 0;
}
.navbar-mobile .mobile-nav-buttons li a {
  display: inline-block;
  width: 47px;
  height: 47px;
  border: 1px solid #e7e7e7;
  color: #0f3c7d;
  text-align: center;
  vertical-align: middle;
  line-height: 47px;
  background-color: #ffffff;
}
.navbar-mobile .mobile-nav-buttons li a .fa {
  font-size: 33px;
  line-height: 47px;
  color: #0f3c7d;
}
.navbar-mobile .mobile-nav-buttons li a:hover {
  border: 1px solid #c1c1c1;
}
.navbar-mobile .mobile-nav-buttons .mobile-cart-button {
  position: relative;
}
.navbar-mobile .mobile-nav-buttons .mobile-cart-button .item-count {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  background-color: #0f3c7d;
  color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 0 3px #ffffff;
}
.mobile-nav-menu {
  padding: 0 15px;
}
.mobile-nav-menu li a {
  display: block;
  color: #2c2c27;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  padding: 15px 0;
}
.mobile-nav-menu li a:hover,
.mobile-nav-menu li a:focus {
  background-color: #fff;
  color: #0f3c7d;
}
.mobile-nav-menu li:not(:last-child) a {
  border-bottom: 1px solid #eaedef;
}
.mobile-nav-menu-sec {
  background-color: #f5f6f7;
  border-top: 1px solid #cbd3d7;
  border-bottom: 1px solid #cbd3d7;
}
.mobile-nav-menu-sec li a:hover,
.mobile-nav-menu-sec li a:focus {
  background-color: #f5f6f7;
}
.mobile-nav-menu-sec li:not(:last-child) a {
  border-bottom: 1px solid #e4e8ea;
}
.cart-icon {
  width: 18px;
  position: relative;
  top: -2px;
  left: -5px;
}
.hamburger {
  display: inline-block;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.hamburger .icon-bar {
  display: inline-block;
  width: 40px;
  height: 6px;
  background-color: #e52987;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(229, 41, 135, 0.5);
}
.hamburger:hover .icon-bar {
  background-color: #5d1c76;
}
.hamburger:focus {
  outline: none;
}
.hamburger:focus .icon-bar {
  background-color: #eb56a1;
}
.icon-navbar {
  display: block;
  line-height: 100px;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}
.icon-navbar li {
  display: inline-block;
  margin: 0 12px;
}
.icon-navbar li.separator {
  height: 100%;
  width: 0px;
  background-color: #d7d7d7;
}
.icon-navbar li a {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
.icon-navbar li a .fa {
  display: inline-block;
  clear: both;
  font-size: 36px;
}
.icon-navbar li a .icon-label {
  display: block;
  clear: both;
}
@media (min-width: 992px) {
  .navbar-mobile {
    display: none;
  }
}
/* xs & sm */
@media (max-width: 991px) {
  .navbar {
    /*		.upper-bar{
					display: none;
				}*/
  }
  .navbar .user-nav-panel {
    background-color: #ffffff;
  }
  .navbar .user-nav-panel.logged-in {
    background-color: #ffffff;
  }
  .navbar .user-nav-panel .header-wrap {
    line-height: 93px;
    vertical-align: middle;
    text-align: center;
  }
  .navbar .user-nav-panel .header-wrap header {
    margin: 0;
  }
  .navbar .user-nav-panel .header-wrap header a img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 90px !important;
  }
  .navbar .lower-bar {
    display: none;
  }
}
.middle-navbar-logout a {
  font-size: 14px !important;
  color: #2c2c27 !important;
}
.middle-navbar-logout a:after {
  bottom: -15px !important;
}
.navbar-logged-info .navbar-logged-user-info strong {
  color: #5d1c76;
}
.moving-top {
  font-size: 12px;
  height: 60px;
  z-index: 999;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: -60px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: black;
  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(82, 61, 25, 0.1);
  -moz-box-shadow: inset 0px -2px 0px 0px rgba(82, 61, 25, 0.1);
  box-shadow: inset 0px -2px 0px 0px rgba(82, 61, 25, 0.1);
  -webkit-backface-visibility: hidden;
}
.moving-top [class*="col-"] {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media screen and (max-width: 992px) {
  .moving-top {
    display: block !important;
  }
}
@media screen and (max-width: 1006px) {
  .moving-top .container {
    width: 100% !important;
  }
}
.moving-top .container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .moving-top .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.moving-top-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.moving-top-wrap .moving-top_searchBar,
.moving-top-wrap .moving-top_logotyp,
.moving-top-wrap .moving-top_order,
.moving-top-wrap .moving-top_cart {
  display: flex;
  align-items: center;
  height: 60px;
}
.moving-top-wrap .moving-top_logotyp img {
  max-height: 50px;
  max-width: 200px;
  width: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .moving-top-wrap .moving-top_logotyp img {
    max-width: 115px;
  }
}
.moving-top-wrap .moving-top_searchBar {
  display: inline-flex;
  background: #0f3c7d;
  max-width: 260px;
  position: relative;
  display: none;
}
@media (min-width: 992px) {
  .moving-top-wrap .moving-top_searchBar {
    display: inline-flex;
  }
}
.moving-top-wrap .moving-top_searchBar input {
  height: 35px;
  padding: 6px 15px;
  width: 100%;
  border: 1px solid #E9E5E0;
  border-right: none;
  box-shadow: none;
  font-size: 15px;
}
.moving-top-wrap .moving-top_searchBar .moving-top_searchBar--dropdown {
  background: #F9F7F6;
  border: 1px solid #E9E5E0;
  width: 15px;
  padding: 10px 15px 10px 15px;
  border-radius: 0;
}
.moving-top-wrap .moving-top_searchBar .caret {
  color: #C8BDB2;
  margin-left: -4px;
}
.moving-top-wrap .moving-top_searchBar .moving-top_searchBar--button {
  padding: 0;
}
.moving-top-wrap .moving-top_searchBar .moving-top_searchBar--button .glyphicon-search {
  transition: all 0.2s ease-in-out;
  font-size: 17px;
}
.moving-top-wrap .moving-top_searchBar .moving-top_searchBar--button .glyphicon-search:hover {
  transform: scale(1.2);
  color: #0f3c7d;
}
@media screen and (max-width: 1199px) {
  .moving-top-wrap .moving-top_order {
    padding: 0 10px;
  }
}
.moving-top-wrap .moving-top_order .preview-cart {
  margin-right: 30px;
  white-space: nowrap;
}
.moving-top-wrap .moving-top_order span {
  color: #000;
  font-weight: 700;
  margin: 0 10px;
  font-size: 14px;
}
@media screen and (max-width: 1199px) {
  .moving-top-wrap .moving-top_order span {
    font-size: 12px;
    margin: 0;
  }
}
.moving-top-wrap .moving-top_order i {
  color: rgba(43, 43, 39, 0.3);
  position: relative;
  left: 10px;
}
.moving-top-wrap .moving-top_order .moving-top_order--button {
  padding: 6px 13px;
  border: 1px solid #5D7F31;
  border-radius: 5px;
  background: -webkit-linear-gradient(180deg, #76ac5b, #4e8d33);
  background: linear-gradient(180deg, #76ac5b, #4e8d33);
  color: #fff;
  font-weight: 700;
  margin: 0 10px;
}
@media screen and (max-width: 1199px) {
  .moving-top-wrap .moving-top_order .moving-top_order--button {
    padding: 6px 5px;
  }
}
@media (max-width: 991px) {
  .moving-top-wrap .moving-top_order > a.btn.btn-default {
    position: static;
  }
}
.moving-top-wrap .moving-top_cart .moving-top_cart-summary {
  white-space: nowrap;
}
.moving-top-wrap .moving-top_cart .moving-top_cart-summary--basket,
.moving-top-wrap .moving-top_cart .moving-top_cart-summary--value {
  padding: 0 10px;
}
.moving-top-wrap .moving-top_cart span {
  color: #000;
  font-weight: 700;
  font-size: 14px;
  margin-right: 15px;
}
.moving-top-wrap .moving-top_cart .moving-top_cart-summary--basket {
  color: #B27D5B;
  font-size: 10px;
}
.moving-top-wrap .moving-top_cart .moving-top_cart-summary--value {
  font-size: 13px;
  font-weight: 900;
  color: #0f3c7d;
}
.moving-top-wrap .moving-top_cart svg path {
  fill: #0f3c7d;
}
.moving-top-wrap .moving-top_menu {
  color: #8f908e;
  background: #1f211d;
  padding: 0 20px;
  display: flex;
  align-items: center;
  transition: 0.1s ease;
}
.moving-top-wrap .moving-top_menu .dropdown-menu-right {
  left: auto;
  right: -20px;
  top: 41px;
  border-top-right-radius: 0;
  border-top: none;
  background: #fff;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s ease;
}
.moving-top-wrap .moving-top_menu .dropdown-menu-right a {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  transition: 0.1s ease;
  padding: 5px 15px;
}
.moving-top-wrap .moving-top_menu .dropdown-menu-right a:focus {
  background-color: #fff;
  color: #333;
}
.moving-top-wrap .moving-top_menu .dropdown-menu-right a:hover {
  color: #0f3c7d;
  background-color: #fff;
}
.moving-top-wrap .moving-top_menu .dropdown--control.open .dropdown-menu-right {
  visibility: visible;
  opacity: 1;
}
.moving-top-wrap .moving-top_menu:hover {
  background: #4b4b4a;
}
.moving-top-wrap .moving-top--separator {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 20px;
  margin: 0 10px;
}
.moving-top-wrap .search-box-header-group {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
  top: 13px;
  width: 35px;
  height: 35px;
  /*		span {
					color: #CABDB4;
					position: relative;
					left: -7px;
					top: 0px;
				}*/
}
@media screen and (max-width: 991px) {
  .moving-top-wrap .search-box-header-group {
    justify-content: center;
  }
}
.moving-top-wrap .search-box-header-group .dropdown-menu-fix {
  right: -30px;
}
.moving-top-wrap .search-box-header-group .dropdown.dropdown-lg {
  display: block !important;
}
.moving-top-wrap .search-box-header-group .dropdown.dropdown-lg .dropdown-menu {
  margin-top: -1px;
  padding: 6px 20px;
}
.moving-top-wrap .search-box-header-group .input-group-btn .btn-group {
  display: flex !important;
}
.moving-top-wrap .search-box-header-group .btn-group .btn {
  border-radius: 0;
  margin-left: -1px;
}
.moving-top-wrap .search-box-header-group .btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 39px;
}
.moving-top-wrap .search-box-header-group .btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.moving-top-wrap .search-box-header-group .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.moving-top-wrap .search-box-header-group .form-group .form-control:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.moving-top-wrap .search-box-header-group .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media screen and (max-width: 767px) {
  .moving-top-wrap .search-box-header-group .form-control {
    width: auto;
  }
}
.moving-top-wrap .search-box-header-group .modal-input {
  height: 32px;
  border: 1px solid #D7CEC7;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.moving-top-wrap .search-box-header-group .modal-span {
  line-height: 37px;
}
@media screen and (min-width: 768px) {
  .moving-top-wrap .search-box-header-group .dropdown.dropdown-lg {
    position: static !important;
  }
  .moving-top-wrap .search-box-header-group .open {
    display: block;
  }
  .moving-top-wrap .search-box-header-group .dropdown.dropdown-lg .dropdown-menu {
    background: #F9F8F6;
    min-width: 380px;
    right: -70px;
    top: 40px;
    color: #6f5943;
    font-size: 13px;
    font-weight: 500;
  }
  .moving-top-wrap .search-box-header-group .dropdown-static--active button[aria-expanded="true"] {
    height: 40px;
    border-bottom: none;
    position: relative;
    z-index: 1001;
  }
  .moving-top-wrap .search-box-header-group .dropdown-static--active button[aria-expanded="true"] .caret {
    position: relative;
    top: -3px;
  }
  .moving-top-wrap .search-box-header-group .dropdown-static--active button[aria-expanded="true"] .fa {
    top: -3px;
  }
}
.moving-top-wrap .search-box-header-group .static-top_searchBar--dropdown {
  background-color: #F9F7F6;
  border: 1px solid #D7CEC5;
  width: 15px;
  height: 39px;
  padding: 8px 15px 7px 15px;
}
@media screen and (max-width: 767px) {
  .moving-top-wrap .search-box-header-group .static-top_searchBar--dropdown {
    display: none;
  }
}
.moving-top-wrap .search-box-header-group .static-top_searchBar--dropdown .caret {
  color: #C8BDB2;
  margin-left: -4px;
}
.moving-top-wrap .search-box-header-group .static-top_searchBar--dropdown span {
  color: #CABDB4;
}
.moving-top-wrap .search-box-header-group .static-top_searchBar--dropdown .fa {
  position: relative;
  left: -4px;
  color: #C7BDB3;
  font-size: 18px;
}
.moving-top-wrap .search-box-header-group .glyphicon-search {
  transition: all 0.2s ease-in-out;
}
.moving-top-wrap .search-box-header-group .glyphicon-search:hover {
  transform: scale(1.2);
  color: #0f3c7d;
}
.moving-top-wrap .search-box-header-group .static-top_searchBar--button {
  background: #fff;
  color: #C8BDB2;
  padding: 12px 13px 9px 13px;
  border: 1px solid #D7CEC5;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.moving-top-wrap .search-box-header-group .form-control:focus {
  border-color: #6E3816;
  outline: none;
  /*		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(110,56,22,.6);
					box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(110,56,22,.6);    */
}
@media screen and (max-width: 1006px) {
  .moving-top-wrap .container {
    width: 100% !important;
  }
  .moving-top-wrap #navBarCartWidgetPreviewButton {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .moving-top-wrap .moving-top_logotyp {
    display: none;
  }
}
@media screen and (max-width: 709px) {
  .moving-top-wrap {
    justify-content: space-between;
  }
}
@media screen and (max-width: 500px) {
  .moving-top-wrap .moving-top_cart {
    display: none;
  }
}
.cart-quick-order-button {
  padding: 6px 10px;
}
.moving-top-preview--btn {
  left: 34px !important;
  right: auto !important;
  top: -28px !important;
  padding: 7px 9px !important;
}
@media screen and (max-width: 767px) {
  .middle-navbar-wrap {
    display: none;
  }
}
@media (min-width: 768px) {
  .middle-navbar-wrap {
    max-width: 70%;
  }
}
@media (min-width: 1199px) {
  .middle-navbar-wrap {
    max-width: 670px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar .user-nav-panel .lower-bar .middle-navbar .middle-navbar-wrap span {
    margin-left: 20px;
  }
}
.navbar {
  border: none;
}
.navbar-default .navbar-nav a {
  color: #2c2c27;
  font-size: 13px;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.4);
  transition: color 0.2s ease;
}
@media (min-width: 1200px) {
  .navbar-default .navbar-nav a {
    font-size: 14px;
  }
}
.navbar-default .navbar-nav a:hover {
  color: #041022;
}
.navbar-default .navbar-nav .active a {
  background: transparent;
  color: #0f3c7d;
}
.navbar-default .navbar-nav .offer-active > a {
  color: #4be64b;
}
.nav--smallBull a {
  margin-right: 20px;
}
@media (min-width: 1200px) {
  .nav--smallBull a {
    margin-right: 36px;
  }
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: none;
  color: #0f3c7d;
}
.widget-wrap.col-4 {
  display: flex;
  align-items: center;
}
.test-boder-system {
  display: none !important;
}
.navbar-cart-widget-wrap {
  display: flex;
  align-items: center;
}
.navbar-cart-widget-wrap .navbar-nav {
  display: flex;
  align-items: center;
}
.navbar-cart-widget-wrap--span {
  margin-right: 28px;
}
@media (max-width: 1199px) {
  .navbar-cart-widget-wrap--span {
    margin-right: 0;
    font-size: 13px;
  }
}
.navbar-cart-widget-wrap--span img {
  margin-right: 5px;
  position: relative;
  top: -1px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
@media (max-width: 1199px) {
  .navbar-cart-widget-wrap--span img {
    margin-right: 9px;
  }
}
.navbar-cart-widget-wrap--span strong.highlight {
  color: #2c2c27;
  font-family: "Arimo";
  font-weight: 700;
  text-shadow: none;
}
@media (max-width: 1199px) {
  .navbar-cart-widget-wrap--span strong {
    display: none;
  }
}
@media (max-width: 1199px) {
  .navbar-cart-widget-wrap--span-value {
    visibility: hidden;
  }
  .navbar-cart-widget-wrap--span-value strong {
    visibility: visible;
    display: block;
    position: relative;
    top: -22px;
  }
  .navbar-cart-widget-wrap--span-value strong::after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: 10px;
    color: #0f3c7d;
    margin-right: 15px;
  }
}
.navbar-cart-widget-wrap--span-value .cart-tooltip-init-btn {
  border: none;
  margin: 0;
  padding: 0 !important;
  font-size: 14px;
  line-height: 44px;
  color: #777777;
  font-family: "Arimo";
  font-weight: 400;
  text-shadow: none;
}
.navbar-cart-widget-wrap--span-value .cart-tooltip-init-btn strong {
  color: #0f3c7d;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .navbar-cart-widget-wrap--span.mobile-hide {
    display: none;
  }
}
.btn.cart-quick-order {
  font-size: 15px;
  font-weight: 700;
  padding: 11px 15px;
  background-color: #0f3c7d;
}
@media (max-width: 1199px) {
  .btn.cart-quick-order {
    padding: 8px 10px 9px;
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .btn.cart-quick-order {
    height: 28px;
    padding: 0 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
  }
}
.btn.cart-quick-order:hover {
  background-color: #0d336a;
}
.navbar-wrapper {
  background-color: #fff;
  color: #777777;
}
.navbar-wrapper.upper-bar {
  border-bottom: 1px solid #e3e3e3;
}
.navbar-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 55px;
}
@media (max-width: 1199px) {
  .navbar-top {
    height: 40px;
  }
}
.main-header {
  border-top: 1px solid #e8e2dd;
}
.main-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px;
}
@media (max-width: 1199px) {
  .main-header__inner {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .main-header__inner {
    border: none;
    height: 50px;
  }
}
.main-header__logo img {
  height: 60px;
}
@media (max-width: 1199px) {
  .main-header__logo img {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .main-header__logo img {
    height: 40px;
  }
}
.main-header__search {
  display: flex;
}
.main-header__search-input {
  width: 340px;
  height: 40px;
  border-right: none;
  display: none;
}
@media (min-width: 768px) {
  .main-header__search-input {
    display: block;
  }
}
@media (min-width: 1200px) {
  .main-header__search-input {
    width: 380px;
    height: 44px;
  }
}
.main-header__search-input:focus {
  box-shadow: inset 0 2px #0f3c7d;
  border-top-color: #0f3c7d;
}
.main-header__search-mobile-btn {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .main-header__search-mobile-btn {
    display: none;
  }
}
.main-header__search .navbar-toggle {
  border: none;
  border-radius: 0;
  padding: 0;
  width: 21px;
  height: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-top: 5px;
  background-color: transparent;
  background-image: none;
  float: right;
  outline: 0;
  transition: 0.2s;
  position: relative;
  top: -1px;
}
@media (min-width: 768px) {
  .main-header__search .navbar-toggle {
    display: none;
  }
}
.main-header__search .navbar-toggle > .icon-bar {
  background-color: #a3a9b0;
  width: 21px;
  height: 3px;
  transition: 0.2s;
}
.main-header__search .navbar-toggle > .icon-bar + .icon-bar {
  margin-top: 4px;
}
.main-header__search .navbar-toggle.expanded .icon-bar {
  background-color: #0f3c7d;
}
.main-header__search .navbar-toggle.expanded .icon-bar:nth-child(1) {
  transform: translateY(7px) rotate(-45deg);
}
.main-header__search .navbar-toggle.expanded .icon-bar:nth-child(2) {
  opacity: 0;
}
.main-header__search .navbar-toggle.expanded .icon-bar:nth-child(3) {
  transform: translateY(-7px) rotate(45deg);
}
.main-header__search-btn {
  width: 40px;
  height: 40px;
  cart-quick-orderline-height: 38px;
  text-align: center;
  color: #fff;
  background-color: #0f3c7d;
  font-size: 21px;
  transition: background-color 0.2s ease;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
  display: none;
}
@media (min-width: 768px) {
  .main-header__search-btn {
    display: block;
  }
}
@media (min-width: 1200px) {
  .main-header__search-btn {
    height: 44px;
    width: 44px;
    line-height: 42px;
  }
}
.main-header__search-btn:hover,
.main-header__search-btn:focus {
  color: #fff;
  background-color: #0a2650;
}
/* Navbar bottom */
@media (max-width: 767px) {
  .navbar-bottom {
    position: absolute;
    padding: 5px 0;
    right: 0;
    top: 42px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.3);
    z-index: 1001;
    transition: 0.2s ease;
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  .navbar-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 51px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .navbar-bottom {
    height: 50px;
  }
}
.navbar-bottom.active {
  opacity: 1;
  visibility: visible;
}
.navbar-bottom a {
  color: #2c2c27;
  font-size: 13px;
  font-family: "Arimo";
  font-weight: 700;
  display: block;
  padding: 5px 15px;
}
@media (min-width: 768px) {
  .navbar-bottom a {
    display: inline-block;
    padding: 0;
    font-size: 14px;
  }
}
.navbar-bottom a:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .navbar-bottom a:not(:last-child) {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .navbar-bottom a:not(:last-child) {
    margin-right: 0;
  }
}
.navbar-bottom a:hover {
  opacity: 1;
  color: #0f3c7d;
}
.navbar-bottom:empty {
  display: none;
}
.navbar {
  transition: height 0.2s ease, top 0.2s ease;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.navbar {
  z-index: 1000;
}
.main-header {
  border-bottom: 1px solid transparent;
}
@media (max-width: 767px) {
  .navbar-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.navbar-cart-widget {
  display: flex;
  margin-left: auto;
}
@media (max-width: 767px) {
  .navbar-cart-widget {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
  }
}
@media (max-width: 767px) {
  .navbar-cart-widget-wrap {
    justify-content: space-between;
    flex: 1;
  }
}
.navbar-top,
.main-header__inner,
.main-header__logo img,
.main-header__search-input,
.main-header__search-btn {
  transition: height 0.2s ease, width 0.2s ease, top 0.2s ease, box-shadow 0.2s ease, font-size 0.2s ease, background-color 0.2s ease;
}
.main-header {
  top: 55px;
  background: #fff;
}
@media (max-width: 1199px) {
  .main-header {
    top: 40px;
  }
}
body.kabuadachi-util--scroll-gt-zero .navbar-top {
  height: 35px;
}
@media (max-width: 1199px) {
  body.kabuadachi-util--scroll-gt-zero .navbar-top {
    height: 30px;
  }
}
@media (max-width: 767px) {
  body.kabuadachi-util--scroll-gt-zero .navbar-top {
    height: 28px;
  }
}
body.kabuadachi-util--scroll-gt-zero .cart-quick-order {
  padding: 11px 15px;
}
@media (max-width: 1199px) {
  body.kabuadachi-util--scroll-gt-zero .cart-quick-order {
    padding: 8px 10px 9px;
  }
}
body.kabuadachi-util--scroll-gt-zero .cart-tooltip-init-btn {
  padding: 10px 15px;
}
body.kabuadachi-util--scroll-gt-zero .main-header__search-btn {
  width: 35px;
  height: 35px;
  line-height: 33px;
  font-size: 18px;
}
/* Cart tooltip */
.cart-tooltip {
  position: absolute;
  right: 106px;
  top: 47px;
  width: 560px;
  height: 397px;
  border-radius: 0px;
  border: 1px solid #7d7d7d;
  background-color: #ffffff;
  z-index: 1000;
}
.cart-tooltip:not(.hide) .caret {
  transform: scale(1, -1);
}
.cart-tooltip .cart-tooltip-init-btn.dummy {
  position: absolute;
  right: -1px;
  top: -38px;
  background-color: #fff;
  border-top: 1px solid #7d7d7d;
  border-left: 1px solid #7d7d7d;
  border-right: 1px solid #7d7d7d;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  transition: color 0.5s ease;
  padding: 12px 18px;
}
.cart-tooltip .cart-tooltip-init-btn.dummy .caret {
  color: #cbcbcb;
  margin-left: 8px;
}
.cart-tooltip .cart-tooltip-init-btn.dummy:hover {
  color: #0f3c7d;
}
.cart-tooltip .cart-tooltip-init-btn.dummy:hover .caret {
  color: #47473f;
}
.cart-tooltip .inner-wrap {
  padding: 15px;
  height: 395px;
  overflow-y: auto;
  text-align: center;
}
.cart-tooltip .inner-wrap .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.cart-tooltip .inner-wrap table {
  width: 100%;
  white-space: normal;
}
.cart-tooltip .inner-wrap table thead th {
  background-color: transparent;
  padding: 7px 0;
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  border-bottom: 2px solid #e3e3e3;
  font-family: 'Roboto', sans-serif;
  color: #2c2c27;
}
.cart-tooltip .inner-wrap table thead th:nth-child( 2 ) {
  text-align: center;
}
.cart-tooltip .inner-wrap table thead th:nth-child( 3 ),
.cart-tooltip .inner-wrap table thead th:nth-child( 4 ) {
  text-align: right;
}
.cart-tooltip .inner-wrap table tbody {
  text-align: left;
  font-size: 14px;
}
.cart-tooltip .inner-wrap table tbody td {
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3;
  color: #777777;
}
.cart-tooltip .inner-wrap table tbody td a {
  color: #733B18;
  font-size: 12px;
}
.cart-tooltip .inner-wrap table tbody td a:last-child {
  font-weight: bold;
}
.cart-tooltip .inner-wrap table tbody td:nth-child( 1 ) {
  width: 60%;
}
.cart-tooltip .inner-wrap table tbody td:nth-child( 2 ) {
  text-align: center;
}
.cart-tooltip .inner-wrap table tbody td:nth-child( 3 ),
.cart-tooltip .inner-wrap table tbody td:nth-child( 4 ) {
  text-align: right;
}
.cart-tooltip .inner-wrap .inner-wrap-blot-title {
  display: flex;
  padding: 10px 0;
}
.cart-tooltip .inner-wrap .inner-wrap-blot-title .blots-atom a {
  margin: 0;
  padding: 0;
  margin-right: 2px;
}
.cart-tooltip .inner-wrap .inner-wrap-blot-title .inner-wrap-title a {
  color: #0f3c7d;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
@media (max-width: 991px) {
  .cart-tooltip {
    left: 5%;
    width: 90%;
    top: 59px !important;
  }
}
.lower-bar {
  display: none !important;
}
/*Mobile menu */
.mobile-left-menu {
  position: fixed;
  overflow-y: auto;
  width: 100%;
  top: 89px;
  left: 0;
  background-color: #fff;
  display: none;
  max-height: 300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: top 0.2s ease;
}
@media (min-width: 768px) {
  .mobile-left-menu {
    display: none !important;
  }
}
.kabuadachi-util--scroll-gt-zero .mobile-left-menu {
  top: 79px;
}
.menu-displayer .nav.nav-tabs {
  border-bottom: none;
}
.menu-displayer .nav.nav-tabs li {
  margin-right: 1px;
  min-width: 67px;
  height: 39px;
  text-align: center;
}
.menu-displayer .nav.nav-tabs li a {
  background-image: linear-gradient(to bottom, #e52987 0%, #e52987 100%);
  color: #ffffff;
  font-weight: bold;
  font-size: 1.1em;
  border: none;
  border-bottom: 1px solid #E4DDD7;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 31px;
  padding-right: 31px;
  height: 100%;
  line-height: 39px;
  vertical-align: middle;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.menu-displayer .nav.nav-tabs li a .fa,
.menu-displayer .nav.nav-tabs li a .glyphicon {
  font-size: 18px;
  line-height: 39px;
}
.menu-displayer .nav.nav-tabs li a:hover {
  background-image: linear-gradient(to bottom, #e52987 0%, #e52987 100%);
}
.menu-displayer .nav.nav-tabs li.active a,
.menu-displayer .nav.nav-tabs li.b2b-menu-product-categories a {
  background-image: linear-gradient(to bottom, #fdfdfd 0%, #f2f2f2 100%);
  color: #444444;
  border: 1px solid #d7d7d7;
  border-bottom: 1px solid #f2f2f2;
}
.menu-displayer .nav.nav-tabs li.b2b-menu-product-categories a {
  border-bottom: 1px solid #d7d7d7;
}
.menu-displayer .nav.nav-tabs li.b2b-menu-product-categories a .caret {
  color: #a3a3a3;
  position: relative;
  left: 5px;
  float: right;
}
.menu-displayer .nav.nav-tabs li.b2b-menu-product-categories a:hover {
  background-image: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
}
.menu-displayer .nav.nav-tabs li.b2b-menu-product-categories a:hover .caret {
  color: #E4DDD7;
}
.menu-displayer .tab-content {
  min-height: 8px;
  border: 1px solid #d7d7d7;
  background-image: linear-gradient(to bottom, #f2f2f2 0%, #f1f1f1 100%);
  border-radius: 2px;
  box-shadow: 0px 0px 1px #e9e9e9;
}
.menu-displayer .tab-content .sub-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-displayer .tab-content .sub-menu ul li {
  display: inline-block;
  padding: 9px 11px;
}
.menu-displayer .tab-content .sub-menu ul li a {
  font-weight: bold;
}
.menu-displayer .tab-content .sub-menu ul li.active a {
  color: #444444;
}
.b2b-menu-product-categories-box {
  width: 100%;
  height: 403px;
  border: 3px solid #0c3064;
  position: absolute;
  left: 0;
  top: -2px;
  background-color: #FFFFFF;
  z-index: 101;
  display: none;
  border-radius: 0px;
}
.b2b-menu-product-categories-box.active {
  display: block;
}
.b2b-menu-product-categories-box .parent-category {
  margin: 0;
}
.b2b-menu-product-categories-box .b2b-menu-product-categories-dummy {
  position: absolute;
  height: 39px;
  min-width: 67px;
  text-align: center;
  top: -39px;
  left: 60px;
}
.b2b-menu-product-categories-box .b2b-menu-product-categories-dummy a {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 31px;
  padding-right: 31px;
  line-height: 39px;
  font-size: 1.1em;
  font-weight: bold;
  display: inline-block;
  height: 100%;
  transition: none;
  background-color: #fdfdfd;
  color: #444444;
}
.b2b-menu-product-categories-box .b2b-menu-product-categories-dummy a:hover {
  color: #444444;
  text-decoration: none;
}
.b2b-menu-product-categories-box .b2b-menu-product-categories-dummy a .caret {
  color: #E4DDD7;
  position: relative;
  left: 5px;
}
.b2b-menu-product-categories-box > div.left {
  width: 280px;
  height: 400px;
  border-right: 3px solid #0c3064;
  vertical-align: top;
  position: relative;
}
.b2b-menu-product-categories-box > div.left:after {
  position: absolute;
  content: '';
  background: url("../image/site/gfx/menu-red-arrow.png");
  top: 95px;
  right: -10px;
  width: 10px;
  height: 20px;
}
.b2b-menu-product-categories-box > div.left ul.parent-categories {
  list-style: none;
  height: 397px;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}
.b2b-menu-product-categories-box > div.left ul.parent-categories .parent-category a {
  font-weight: 700;
}
.b2b-menu-product-categories-box > div.left ul.parent-categories li {
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
}
.b2b-menu-product-categories-box > div.left ul.parent-categories li a {
  display: block;
  font-weight: normal;
  font-size: 15px;
  color: #000;
  text-decoration: none;
  padding: 10px 20px 10px 35px;
  position: relative;
  transition: none;
}
.b2b-menu-product-categories-box > div.left ul.parent-categories li a .fa {
  position: absolute;
  left: 20px;
  top: 13px;
  font-size: 12px;
  color: #b9b9b9;
}
.b2b-menu-product-categories-box > div.left ul.parent-categories li a:focus {
  outline: none;
}
.b2b-menu-product-categories-box > div.left ul.parent-categories li.active a {
  color: #E4DDD7 !important;
  text-decoration: none;
}
.b2b-menu-product-categories-box > div.left ul.parent-categories li:hover a {
  color: #0f3c7d;
}
.b2b-menu-product-categories-box > div.right,
.b2b-menu-product-categories-box div.middle {
  position: absolute;
  top: 0px;
  height: 397px;
  padding: 10px 10px 10px 30px;
  vertical-align: top;
}
.b2b-menu-product-categories-box > div.right h3,
.b2b-menu-product-categories-box div.middle h3 {
  margin-top: 5px;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #0f3c7d;
}
.b2b-menu-product-categories-box > div.right h2,
.b2b-menu-product-categories-box div.middle h2 {
  margin-top: 0px;
  font-size: 25px;
  font-weight: bold;
  color: #5d1c76;
}
.b2b-menu-product-categories-box > div.right h2:first-letter,
.b2b-menu-product-categories-box div.middle h2:first-letter {
  text-transform: uppercase;
}
.b2b-menu-product-categories-box > div.right .children-categories-wrap,
.b2b-menu-product-categories-box div.middle .children-categories-wrap {
  height: 300px;
  overflow-y: auto;
  overflow-x: visible;
}
.b2b-menu-product-categories-box > div.right ul.children-categories,
.b2b-menu-product-categories-box div.middle ul.children-categories {
  display: block;
  list-style: none;
  padding-left: 1px;
  padding-bottom: 20px;
}
.b2b-menu-product-categories-box > div.right ul.children-categories .parent-category a,
.b2b-menu-product-categories-box div.middle ul.children-categories .parent-category a {
  font-weight: 700;
}
.b2b-menu-product-categories-box > div.right ul.children-categories li,
.b2b-menu-product-categories-box div.middle ul.children-categories li {
  display: block;
  cursor: pointer;
}
.b2b-menu-product-categories-box > div.right ul.children-categories li a,
.b2b-menu-product-categories-box div.middle ul.children-categories li a {
  display: block;
  font-size: 14px;
  color: #3f3f3f;
  font-weight: normal;
  margin-top: 4px;
  transition: none;
}
.b2b-menu-product-categories-box > div.right ul.children-categories li a:first-letter,
.b2b-menu-product-categories-box div.middle ul.children-categories li a:first-letter {
  text-transform: uppercase;
}
.b2b-menu-product-categories-box > div.right ul.children-categories li a:hover,
.b2b-menu-product-categories-box div.middle ul.children-categories li a:hover {
  color: #0f3c7d;
}
.b2b-menu-product-categories-box > div.right ul.children-categories li a:focus,
.b2b-menu-product-categories-box div.middle ul.children-categories li a:focus {
  outline: none;
}
.b2b-menu-product-categories-box > div.right ul.children-categories li.active a,
.b2b-menu-product-categories-box div.middle ul.children-categories li.active a {
  color: #3f3f3f !important;
}
.b2b-menu-product-categories-box > div.right ul.children-categories li.active a:hover,
.b2b-menu-product-categories-box div.middle ul.children-categories li.active a:hover {
  color: #0f3c7d !important;
}
.b2b-menu-product-categories-box > div.right {
  left: 630px;
  width: 46%;
}
@media (min-width: 1200px) {
  .b2b-menu-product-categories-box > div.right .children-categories-wrap {
    columns: 2;
    column-count: 2;
    column-gap: 30px;
    height: 340px;
  }
}
.b2b-menu-product-categories-box > div.right li a:hover {
  color: #5d1c76;
  text-decoration: none;
  font-weight: bold;
}
.b2b-menu-product-categories-box > div.middle {
  left: 280px;
  width: 350px;
  border-right: 3px solid #0c3064;
}
.b2b-menu-product-categories-box > div.middle:after {
  position: absolute;
  content: '';
  background: url("../image/site/gfx/menu-red-arrow.png");
  top: 158px;
  right: -10px;
  width: 10px;
  height: 20px;
}
.b2b-menu-product-categories-box > div.middle li {
  position: relative;
}
.b2b-menu-product-categories-box > div.middle li.active a {
  color: #5d1c76 !important;
  text-decoration: none;
}
.b2b-menu-product-categories-box > div.middle li a {
  font-weight: bold;
}
.b2b-menu-product-categories-box > div.middle li a:hover {
  color: #5d1c76;
  text-decoration: none;
}
.b2b-menu-product-categories-box .middle-arrow {
  position: absolute;
  left: 343px;
  display: none;
}
.b2b-menu-product-categories-box .left-arrow {
  position: absolute;
  left: 272px;
  display: none;
}
.b2b-menu-product-categories-box .splash-wrap {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.b2b-menu-product-categories-box .splash-wrap img {
  width: 24px;
  height: 24px;
}
.b2b-menu-product-categories-box .category-level-up-wrap a {
  font-size: 18px;
}
.b2b-menu-product-categories-box .category-level-up-wrap a:focus {
  outline: none;
}
.b2b-menu-product-categories-box .category-level-up-wrap a.disabled {
  opacity: 0.5;
}
.clear-paddding-right {
  padding-right: 0px !important;
}
.additional-search-box {
  background-color: #0f3c7d !important;
  height: 68px !important;
}
.additional-search-box h3 {
  margin-top: 5px !important;
  /*margin-left: 5px !important;*/
  margin-bottom: 0px !important;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}
@media (max-width: 991px) {
  .additional-search-box h3 {
    font-size: 16px;
  }
}
.additional-search-box .category-icon-down {
  font-weight: bold;
  color: white;
  position: absolute;
  top: 3px;
  right: 25px;
  font-size: 22px;
}
.additional-search-box .category-icon-down .fa-angle-up {
  display: none;
}
.additional-search-box .category-icon-down .fa-angle-down {
  display: block;
}
.additional-search-box-button {
  height: 61px !important;
  background-color: #0f3c7d !important;
  display: inline-block !important;
  position: relative;
  width: 100% !important;
}
.additional-search-box-button input {
  width: 100% !important;
  height: 47px !important;
  border-left: none;
  border-right: none;
}
.additional-search-box-button input::placeholder {
  top: 0;
  position: relative;
  transition: all 0.3s;
}
.additional-search-box-button input:focus {
  border-top-color: inherit;
}
.additional-search-box-button input:focus::placeholder {
  font-size: 12px;
  top: -15px;
}
.additional-search-box-button .btn-search-icon {
  position: absolute;
  top: 15px;
  right: 16px;
}
.additional-search-box-button .btn-search-icon span {
  font-size: 20px;
  color: #0f3c7d;
  top: -2px;
}
@media (min-width: 768px) {
  .category-search-button-wrap .btn.btn-search {
    font-size: 14px;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 32px;
  }
}
/* xs only */
@media (max-width: 767px) {
  .category-col {
    display: none;
  }
  .category-search-button-wrap {
    position: relative;
  }
  .category-search-button-wrap .btn-search {
    position: absolute;
    top: -32px;
    right: 0px;
    width: 32px !important;
    height: 32px !important;
    padding: 0;
    background-color: transparent;
    color: #ffffff;
    z-index: 5;
    font-size: 13px;
  }
  .category-search-button-wrap .btn-search:hover {
    background-color: #ffffff;
    color: #ffffff;
  }
  .category-search-button-wrap .btn-search:hover:after {
    color: #bcbcbc;
  }
  .category-search-button-wrap .btn-search:focus {
    outline: none;
  }
  .category-search-button-wrap .btn-search:focus:after {
    color: #bcbcbc;
  }
  .category-search-button-wrap .btn-search:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002";
    background-color: transparent;
    color: #d5d5d5;
    display: block;
    position: relative;
    top: -10px;
    font-size: 26px;
  }
}
.header--menu_topbar {
  font-family: 'Roboto', sans-serif;
  background-color: #0f3c7d;
  color: #777777;
  /*	background: -webkit-radial-gradient(rgb(104, 51, 20), rgb(114, 60, 24));
		background: radial-gradient(rgb(104, 51, 20), rgb(114, 60, 24));*/
  /*	background-image: url(../image/site/gfx/menu_gradient.png);*/
}
@media screen and (max-width: 767px) {
  .header--menu_topbar {
    height: 100%;
    background: #0f3c7d;
  }
}
.header--menu_bottombar {
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
  /*	background: -webkit-linear-gradient(-9deg, rgb(162, 126, 100), rgb(146, 102, 75));
		background:         linear-gradient(-9deg, rgb(162, 126, 100), rgb(146, 102, 75));*/
  background-image: url(../image/site/gfx/menu_gradient--bottom.png);
}
@media screen and (max-width: 767px) {
  .header--menu_bottombar {
    display: none;
  }
}
.header--menu_position {
  position: relative;
  background: transparent;
}
.header--nav {
  padding: 0;
  list-style: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header--nav {
    display: grid;
    text-align: center;
  }
}
.header--nav_active .active {
  position: relative;
}
.header--nav_active .active:after {
  content: ' ';
  display: block;
  height: 9px;
  position: absolute;
  width: 17px;
  left: 30px;
  bottom: -22px;
  z-index: 99;
  background-image: url(../image/site/gfx/active.png);
}
@media screen and (max-width: 991px) {
  .header--nav_active .active:after {
    display: none;
  }
}
.header--nav li {
  display: inline;
}
.header--nav a {
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  margin-top: 10px;
  padding: 0 20px;
  color: #f1ebeb;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  text-shadow: 1px 0px 0px #31302f;
}
@media screen and (max-width: 991px) {
  .header--nav a {
    font-size: 12px;
    margin-top: 13px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 561px) and (max-width: 767px) {
  .header--nav a {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 560px) {
  .header--nav a {
    font-size: 16px;
    margin-top: 15px;
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media screen and (max-width: 767px) {
  .header--nav a {
    border-right: 1px solid rgba(255, 255, 255, 0);
  }
}
.header--nav li:first-child a {
  padding-left: 0px;
}
.header--nav li:last-child a {
  border-right: none;
}
.header--nav ul {
  position: absolute;
  display: none;
  margin: 0;
  padding: 0;
  margin-left: 12px;
  text-align: left;
}
.header--nav ul li {
  display: inline-block;
}
.header--navl li:first-child a {
  padding-left: 0px;
}
.header--nav li:hover ul {
  left: 0;
  display: flex;
  justify-content: flex-start;
}
.header--nav li:hover a {
  color: #777777;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.header--nav li:hover ul a {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 560px) {
  .header--nav li:hover ul a {
    margin-top: 35px;
  }
}
.header--nav li:hover ul a:hover {
  color: #f1f1f1;
}
.header--nav ul a {
  display: block;
  margin-top: 30px;
  white-space: nowrap;
}
.search-box {
  overflow: hidden;
}
.search-box .advanced-wrap {
  display: none;
}
.search-box.advanced .advanced-wrap {
  display: block;
}
.search-box .panel-heading span {
  color: #E4DDD7;
}
.search-box .panel-body {
  background-color: #fbfbfb;
}
.search-box .panel-body .control-label {
  font-weight: normal;
  display: table-cell;
  height: 33px;
  vertical-align: middle;
}
.search-box .panel-body .checkbox-wrap {
  margin-bottom: 5px;
}
.search-box .panel-body .checkbox-wrap label {
  height: 14px;
}
.search-box .panel-body .checkbox-wrap input[type=checkbox] {
  margin: 0;
  margin-top: 2px;
  float: right;
}
.search-box .panel-body .bottom-wrap {
  margin-top: 22px;
}
.search-box .panel-body .bottom-wrap a[role="clear-form"],
.search-box .panel-body .bottom-wrap a[role="hide-advanced"] {
  color: #e52987;
  font-size: 13px;
}
.cart-tooltip-init-btn {
  position: relative;
}
.cart-tooltip {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 45px;
  border: none;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
  transition: top 0.2s ease;
  color: #2c2c27;
}
.kabuadachi-util--scroll-gt-zero .cart-tooltip {
  top: 34px;
}
.moving-top .cart-tooltip {
  top: 46px;
}
.main-header__logo img {
  max-height: 40px;
  max-width: 250px;
  width: auto;
  height: auto;
}
@media (min-width: 768px) {
  .main-header__logo img {
    max-height: 60px;
    max-width: 270px;
  }
}
.main-header__logo * {
  margin: 0;
}
.moving-top-wrap .moving-top_logotyp img {
  max-height: 40px;
  max-width: 200px;
  width: auto;
  height: auto;
}
.moving-top-wrap .moving-top_logotyp * {
  margin: 0;
}
/* Search box panel */
.search-box-panel {
  background-color: #0f3c7d;
  box-shadow: inset 0 2px #0c3064;
  padding: 10px;
}
@media (min-width: 768px) {
  .search-box-panel {
    height: 68px;
    padding: 0;
  }
}
.search-box-panel__inner {
  position: relative;
}
@media (min-width: 768px) {
  .search-box-panel__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.search-box-panel__categories-toggle {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  background-color: #0b2d5e;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .search-box-panel__categories-toggle {
    height: 68px;
    width: 270px;
    font-size: 19px;
    box-shadow: inset 0 2px #0b2b5a;
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.search-box-panel__categories-toggle:focus {
  color: #fff;
}
.search-box-panel__categories-toggle:hover {
  color: #fff;
  background-color: #0b2c5c;
}
.search-box-panel__categories-toggle > i {
  font-size: 22px;
  transition: 0.2s ease;
}
.search-box-panel__categories-toggle--active > i {
  transform: rotate(180deg);
}
.search-box-panel__search {
  flex: 1;
  position: relative;
  box-shadow: 0 2px #0b2c5c;
}
.search-box-panel__search-input {
  height: 40px;
  border: none;
  box-shadow: inset 0 3px #eeeee6;
  font-size: 15px;
  padding-left: 18px;
  padding-right: 75px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 768px) {
  .search-box-panel__search-input {
    height: 49px;
    font-size: 19px;
    padding-right: 79px;
  }
}
.search-box-panel__search-input:focus {
  box-shadow: inset 0 3px #bbb;
}
.search-box-panel__search-btn {
  position: absolute;
  right: 12px;
  top: 12px;
  color: #0f3c7d;
  font-size: 16px;
}
@media (min-width: 768px) {
  .search-box-panel__search-btn {
    right: 15px;
    top: 15px;
  }
}
.search-box-panel__search-loader {
  position: absolute;
  right: 38px;
  top: 11px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #ddd;
  border-right: 2px solid #0f3c7d;
  animation: search-box-panel-loader 1s infinite linear;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .search-box-panel__search-loader {
    top: 14px;
    right: 42px;
  }
}
.search-box-panel__search-loader--active {
  opacity: 1;
  visibility: visible;
}
.search-box-panel .ui-autocomplete,
.moving-top-wrap .ui-autocomplete {
  max-width: none;
  height: auto;
  overflow-y: auto;
  box-shadow: none;
  border: 2px solid #0c3064;
  max-height: 500px;
  max-width: 100%;
}
.search-box-panel .ui-autocomplete .ui-state-active,
.moving-top-wrap .ui-autocomplete .ui-state-active {
  background: none;
  border: none;
  color: inherit;
  font-weight: normal;
  margin: 0;
}
.search-box-panel .ui-autocomplete li,
.moving-top-wrap .ui-autocomplete li {
  width: 100%;
  background-color: #fff;
  color: #3f3f3f;
  transition: 0.1s ease;
  font-size: 13px;
  text-align: center;
  position: relative;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .search-box-panel .ui-autocomplete li,
  .moving-top-wrap .ui-autocomplete li {
    font-size: 14px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding-right: 30px;
  }
}
.search-box-panel .ui-autocomplete li:nth-child(even),
.moving-top-wrap .ui-autocomplete li:nth-child(even) {
  background-color: #fafafa;
}
.search-box-panel .ui-autocomplete li:nth-child(even) > .price::before,
.moving-top-wrap .ui-autocomplete li:nth-child(even) > .price::before {
  background-color: #fafafa;
}
.search-box-panel .ui-autocomplete li:hover,
.moving-top-wrap .ui-autocomplete li:hover {
  background-color: #e5e5e5;
  color: #3f3f3f;
}
.search-box-panel .ui-autocomplete li:hover > .price::before,
.moving-top-wrap .ui-autocomplete li:hover > .price::before {
  background-color: #e5e5e5;
}
.search-box-panel .ui-autocomplete li.show-all-products,
.moving-top-wrap .ui-autocomplete li.show-all-products {
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 13px;
  color: #3f3f3f;
  padding-right: 10px;
}
.search-box-panel .ui-autocomplete li.show-all-products > span,
.moving-top-wrap .ui-autocomplete li.show-all-products > span {
  font-weight: 700 !important;
}
.search-box-panel .ui-autocomplete li.show-all-products:hover .ui-state-active,
.moving-top-wrap .ui-autocomplete li.show-all-products:hover .ui-state-active {
  font-weight: 700;
}
.search-box-panel .ui-autocomplete li > .image-wrap,
.moving-top-wrap .ui-autocomplete li > .image-wrap {
  text-align: center;
  min-width: 50px;
  max-width: 50px;
  overflow: hidden;
  padding: 0;
  display: block;
  margin: 10px auto;
}
@media (min-width: 768px) {
  .search-box-panel .ui-autocomplete li > .image-wrap,
  .moving-top-wrap .ui-autocomplete li > .image-wrap {
    margin-right: 10px;
  }
}
.search-box-panel .ui-autocomplete li > .image-wrap > img,
.moving-top-wrap .ui-autocomplete li > .image-wrap > img {
  max-width: 30px;
  max-height: 30px;
  width: auto;
  height: auto;
}
.search-box-panel .ui-autocomplete li > .description,
.moving-top-wrap .ui-autocomplete li > .description {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  display: block;
  white-space: nowrap;
  flex: 1;
  padding: 0;
}
.search-box-panel .ui-autocomplete li > .description > span,
.moving-top-wrap .ui-autocomplete li > .description > span {
  display: block;
  color: #777;
  font-size: 11px;
  margin-top: 1px;
}
@media (min-width: 768px) {
  .search-box-panel .ui-autocomplete li > .description,
  .moving-top-wrap .ui-autocomplete li > .description {
    margin-bottom: 0;
  }
}
.search-box-panel .ui-autocomplete li > .price,
.moving-top-wrap .ui-autocomplete li > .price {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-left: auto;
  padding: 0;
  display: block;
  padding: 5px 0;
  position: relative;
  min-height: 30px;
}
@media (min-width: 768px) {
  .search-box-panel .ui-autocomplete li > .price,
  .moving-top-wrap .ui-autocomplete li > .price {
    text-align: right;
    min-width: 100px;
    max-width: 100px;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
.search-box-panel .ui-autocomplete li > .price::before,
.moving-top-wrap .ui-autocomplete li > .price::before {
  content: '';
  background-color: #fff;
  position: absolute;
  top: 11px;
  right: 0;
  width: 100px;
  height: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  display: none;
}
@media (min-width: 768px) {
  .search-box-panel .ui-autocomplete li > .price::before,
  .moving-top-wrap .ui-autocomplete li > .price::before {
    display: block;
  }
}
.search-box-panel .ui-autocomplete li > .price::after,
.moving-top-wrap .ui-autocomplete li > .price::after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 4px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #ddd;
  border-right: 2px solid #0f3c7d;
  animation: search-box-panel-loader 1s infinite linear;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  display: block;
}
@media (min-width: 768px) {
  .search-box-panel .ui-autocomplete li > .price::after,
  .moving-top-wrap .ui-autocomplete li > .price::after {
    top: 12px;
    right: 0;
    left: auto;
    margin-left: 0;
  }
}
.search-box-panel .ui-autocomplete li > .price-loader::before,
.moving-top-wrap .ui-autocomplete li > .price-loader::before,
.search-box-panel .ui-autocomplete li > .price-loader::after,
.moving-top-wrap .ui-autocomplete li > .price-loader::after {
  opacity: 1;
  visibility: visible;
}
.moving-top-wrap .ui-autocomplete {
  width: 100% !important;
  left: 0 !important;
  top: 60px !important;
}
@media (min-width: 992px) {
  .moving-top-wrap .ui-autocomplete {
    max-width: none;
    min-width: 600px;
  }
}
.categories-box {
  display: flex;
  height: 400px;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  border: 3px solid #0c3064;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  perspective: 1000px;
  z-index: 105;
}
@media (min-width: 768px) {
  .categories-box {
    border: none;
    top: 65px;
  }
}
@media (min-width: 768px) {
  .categories-box[data-levels="more-than-3"] .categories-box__section {
    min-width: 33.333333% !important;
    max-width: 33.333333% !important;
    transform: translateX(-100%) rotateY(45deg);
  }
}
.categories-box--active {
  opacity: 1;
  visibility: visible;
}
.categories-box--active:not([data-levels="1"]) .categories-box__back {
  opacity: 1;
  visibility: visible;
}
.categories-box:not(.categories-box--active) .categories-box__section,
.categories-box:not(.categories-box--active) .categories-box__error,
.categories-box:not(.categories-box--active) .categories-box__no-categories,
.categories-box:not(.categories-box--active) .categories-box__loader {
  visibility: hidden;
}
.categories-box__toggle {
  width: 100%;
  height: 70px;
  background-color: #0c3064;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
@media (min-width: 768px) {
  .categories-box__toggle {
    width: 200px;
  }
}
.categories-box__back {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #eee;
  border: 1px solid #ddd;
}
.categories-box__back > i {
  color: #777777;
  font-size: 30px;
}
@media (min-width: 768px) {
  .categories-box__back {
    display: none;
  }
}
.categories-box__loader,
.categories-box__no-categories,
.categories-box__error {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: red;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  z-index: 1;
  font-size: 18px;
  color: #3f3f3f;
  font-weight: 700;
}
.categories-box__loader--active,
.categories-box__no-categories--active,
.categories-box__error--active {
  opacity: 1;
  visibility: visible;
}
.categories-box__loader::after {
  content: '';
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-top: 3px solid rgba(0, 0, 0, 0.2);
  border-right: 3px solid rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  border-left: 3px solid #0c3064;
  animation: search-box-panel-loader 0.8s infinite linear;
}
.categories-box__section {
  position: relative;
  min-width: 100%;
  max-width: 100%;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  height: 100%;
}
@media (max-width: 767px) {
  .categories-box__section {
    transform: none !important;
  }
}
@media (min-width: 768px) {
  .categories-box__section {
    position: relative;
    height: auto;
    transform: rotateY(45deg);
    transform-origin: left;
    min-width: 33.333333%;
    max-width: 33.333333%;
    border: 3px solid #0c3064;
    border-left: none;
    transition: 0.2s ease-in;
  }
}
.categories-box__section[data-level="1"] {
  transform: none;
}
@media (min-width: 768px) {
  .categories-box__section[data-level="1"] {
    border-left: 3px solid #0c3064;
  }
}
@media (min-width: 1215px) {
  .categories-box__section[data-level="1"] {
    min-width: 270px;
    max-width: 270px;
  }
}
.categories-box__section[data-level="1"] .categories-box__list {
  height: 100%;
}
.categories-box__section[data-level="1"] .categories-box__list-item {
  font-size: 15px;
  padding: 10px 35px;
  position: relative;
}
.categories-box__section[data-level="1"] .categories-box__list-item::before {
  content: "\f105";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -7px;
  font-size: 12px;
  color: #b9b9b9;
}
.categories-box__section[data-level="1"] .categories-box__list-item::after {
  font-size: 22px;
  right: 15px;
  margin-top: -13px;
}
.categories-box__section[data-level="1"] .categories-box__list-item:not(:last-child) {
  border-bottom: 1px solid #f1f1f1;
}
.categories-box__section[data-level="1"] .categories-box__list-item[data-is-leaf="true"] {
  padding: 0;
}
.categories-box__section[data-level="1"] .categories-box__list-item[data-is-leaf="true"]::before {
  content: none;
}
.categories-box__section[data-level="1"] .categories-box__list-item[data-is-leaf="true"] > a {
  display: block;
  padding: 10px 20px 10px 35px;
  font-size: 15px;
}
.categories-box__section[data-level="1"] .categories-box__list-item[data-is-leaf="true"] > a::before {
  content: "\f105";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 20px;
  top: 14px;
  font-size: 12px;
  color: #b9b9b9;
}
.categories-box__section:not([data-level="1"]) .categories-box__list {
  padding: 10px 30px 15px 30px;
  margin-top: -5px;
}
@media (min-width: 768px) {
  .categories-box__section:not([data-level="1"]) .categories-box__list {
    padding: 0 30px 15px 30px;
  }
}
.categories-box__section:not([data-level="1"]) .categories-box__list-item {
  margin-top: 5px;
}
@media (min-width: 1215px) {
  .categories-box__section:not([data-level="1"]):not([data-level="2"]) .categories-box__list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
@media (min-width: 1215px) {
  .categories-box__section:not([data-level="1"]):not([data-level="2"]) .categories-box__list-item {
    min-width: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media (min-width: 1215px) {
  .categories-box__section:not([data-level="1"]):not([data-level="2"]) .categories-box__list-item:not(:nth-child(2n)) {
    margin-right: 20px;
  }
}
@media (min-width: 1215px) {
  .categories-box__section[data-level="2"] {
    min-width: 350px;
    max-width: 350px;
  }
}
@media (min-width: 1215px) {
  .categories-box__section[data-level="3"] {
    min-width: 550px;
    max-width: 550px;
  }
}
.categories-box__section.categories-box__section--active {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media (min-width: 768px) {
  .categories-box__section--border-left {
    border-left: 3px solid #0c3064;
  }
}
.categories-box__category-link {
  height: 40px;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.categories-box__category-link > a {
  color: #0f3c7d;
  transition: 0.2s ease;
  font-weight: 700;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 40px);
}
@media (min-width: 768px) {
  .categories-box__category-link > a {
    max-width: none;
  }
}
.categories-box__category-link > a:hover,
.categories-box__category-link > a:focus {
  text-decoration: none;
}
.categories-box__category-link > a:hover {
  color: #0f3c7d;
}
.categories-box__list {
  height: calc(100% - 40px);
  overflow-y: auto;
  user-select: none;
  transition: 0.2s ease;
  list-style: none;
  margin: 0;
  padding: 0;
  scrollbar-color: #bbb #e5e5e5;
  scrollbar-width: thin;
}
.categories-box__list::-webkit-scrollbar {
  width: 5px;
}
.categories-box__list::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.categories-box__list::-webkit-scrollbar-thumb {
  background-color: #bbb;
}
.categories-box__list-item {
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  transition: 0.2s ease;
  position: relative;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .categories-box__list-item::after {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    font-size: 18px;
    color: #0f3c7d;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease;
  }
}
.categories-box__list-item:hover {
  color: #0f3c7d;
}
.categories-box__list-item--active::after {
  opacity: 1;
  visibility: visible;
}
.categories-box__list-item[data-is-leaf="true"] > a {
  color: #3f3f3f;
  font-weight: 400;
  font-size: 14px;
  transition: 0.2s ease;
}
.categories-box__list-item[data-is-leaf="true"] > a:hover,
.categories-box__list-item[data-is-leaf="true"] > a:focus {
  text-decoration: none;
}
.categories-box__list-item[data-is-leaf="true"] > a:hover {
  color: #0f3c7d;
}
.categories-box__list-item[data-is-leaf="true"]:hover > a {
  color: #0f3c7d;
}
@keyframes search-box-panel-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.moving-top-wrap .moving-top_menu {
  padding: 0;
}
.moving-top-wrap .moving-top_menu .dropdown-toggle {
  display: block;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  cursor: pointer;
}
.moving-top-wrap .moving-top_menu .dropdown-menu-right {
  right: 0;
  top: 60px;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .logged-user-name {
    display: none !important;
  }
}
.navbar-cart-widget-menu-toggle {
  background-color: #1f211d;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  min-width: 44px;
  max-width: 44px;
  color: #8f908e;
  font-size: 24px;
  margin-left: 10px;
  position: relative;
  left: 15px;
  cursor: pointer;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .navbar-cart-widget-menu-toggle {
    display: none;
  }
}
.navbar-cart-widget-menu-toggle:hover {
  color: #fff;
}
.moving-top-search-focus {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  cursor: pointer;
  background-color: #1f211d;
  color: #8f908e;
  font-size: 20px;
  transition: 0.1s ease;
}
.moving-top-search-focus:hover {
  background-color: #4b4b4a;
}
@media (min-width: 992px) {
  .moving-top-search-focus {
    display: none;
  }
}
/* Carousel */
.banner-displayer {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 0;
  position: relative;
  border-radius: 0;
  height: auto !important;
  width: auto !important;
}
@media (max-width: 1199px) {
  .banner-displayer {
    margin-bottom: 20px;
  }
}
.banner-displayer .carousel-inner img {
  max-height: 365px;
}
.banner-displayer .carousel {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
@media screen and (max-width: 1199px) {
  .banner-displayer .carousel {
    height: auto !important;
  }
}
.banner-displayer .carousel .carousel-indicators {
  position: absolute;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.25);
  margin-left: 0;
}
.banner-displayer .carousel .carousel-indicators li {
  width: 15px;
  height: 15px;
}
.banner-displayer .carousel .carousel-indicators li.active {
  background-color: #0f3c7d;
}
.banner-displayer .carousel .carousel-inner {
  display: inline-block;
}
@media screen and (max-width: 1199px) {
  .banner-displayer .carousel .carousel-inner img,
  .banner-displayer .carousel .carousel-inner a > img {
    height: auto !important;
  }
}
.banner-displayer .banner-wrap {
  text-align: center;
}
.banner-displayer .banner-wrap .banner-image {
  display: inline-block;
}
.banner-displayer .carousel-indicators {
  bottom: 0;
}
@media (max-width: 1199px) {
  .banner-displayer .carousel-indicators {
    bottom: -5px;
  }
}
.banner-displayer .carousel-indicators > li {
  width: 10px;
  height: 10px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin: 2px;
}
.banner-displayer .carousel-indicators > .active {
  border: 2px solid #fff;
}
.banner-displayer .carousel-control {
  background-image: none !important;
  opacity: 1;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.7);
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-size: 32px;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.banner-displayer .carousel-control > i::before {
  position: relative;
  left: -2px;
  content: '\f104';
}
@media (max-width: 767px) {
  .banner-displayer .carousel-control {
    display: none;
  }
}
.banner-displayer .carousel-control:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.banner-displayer .carousel-control.right {
  left: auto;
  right: 20px;
}
.banner-displayer .carousel-control.right > i::before {
  content: '\f105';
  left: 2px;
}
.banner-displayer .carousel-btn-prev {
  position: relative;
  left: -2px;
}
.banner-displayer .carousel-btn-next {
  position: relative;
  right: -2px;
}
.banner-displayer .carousel-caption {
  font-family: 'Italianno', serif;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.4);
  font-size: 62px;
  padding: 0;
  bottom: 25px;
  color: #fff;
  line-height: 1;
}
@media (max-width: 1199px) {
  .banner-displayer .carousel-caption {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .banner-displayer .carousel-caption {
    font-size: 26px;
    bottom: 35px;
  }
}
.banner-displayer .carousel-caption--top {
  bottom: auto;
  top: 50px;
  font-family: 'Raleway', sans-serif;
  font-size: 57px;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .banner-displayer .carousel-caption--top {
    font-size: 42px;
    top: 25px;
  }
}
@media (max-width: 767px) {
  .banner-displayer .carousel-caption--top {
    font-size: 26px;
  }
}
.banner-displayer .carousel-caption--top > small {
  display: block;
  font-size: 37px;
  font-weight: 700;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .banner-displayer .carousel-caption--top > small {
    font-size: 27px;
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .banner-displayer .carousel-caption--top > small {
    font-size: 22px;
  }
}
.carousel-wrapper {
  border-radius: 18px;
  border-top-left-radius: 0;
  overflow: hidden;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .carousel-wrapper {
    margin-bottom: 20px;
  }
}
.carousel-wrapper .carousel-inner img {
  max-height: 365px;
}
@media (max-width: 767px) {
  .carousel-wrapper .carousel-inner img {
    min-height: 170px;
  }
}
.carousel-wrapper .carousel-indicators {
  bottom: 0;
}
@media (max-width: 1199px) {
  .carousel-wrapper .carousel-indicators {
    bottom: -5px;
  }
}
@media (max-width: 767px) {
  .carousel-wrapper .carousel-indicators {
    bottom: -10px;
  }
}
.carousel-wrapper .carousel-indicators > li {
  width: 10px;
  height: 10px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin: 2px;
}
.carousel-wrapper .carousel-indicators > .active {
  border: 2px solid #fff;
}
.carousel-wrapper .carousel-control {
  background-image: none !important;
  opacity: 1;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.7);
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-size: 32px;
  transition: color 0.2s ease, background-color 0.2s ease;
}
@media (max-width: 767px) {
  .carousel-wrapper .carousel-control {
    display: none;
  }
}
.carousel-wrapper .carousel-control:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.carousel-wrapper .carousel-control.right {
  left: auto;
  right: 20px;
}
.carousel-wrapper .carousel-btn-prev {
  position: relative;
  left: -2px;
}
.carousel-wrapper .carousel-btn-next {
  position: relative;
  right: -2px;
}
.carousel-wrapper .carousel-caption {
  font-family: 'Italianno', serif;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.4);
  font-size: 62px;
  padding: 0;
  bottom: 25px;
  color: #fff;
  line-height: 1;
}
@media (max-width: 1199px) {
  .carousel-wrapper .carousel-caption {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .carousel-wrapper .carousel-caption {
    font-size: 26px;
    bottom: 35px;
  }
}
.carousel-wrapper .carousel-caption--top {
  bottom: auto;
  top: 50px;
  font-family: 'Raleway', sans-serif;
  font-size: 57px;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .carousel-wrapper .carousel-caption--top {
    font-size: 42px;
    top: 25px;
  }
}
@media (max-width: 767px) {
  .carousel-wrapper .carousel-caption--top {
    font-size: 26px;
  }
}
.carousel-wrapper .carousel-caption--top > small {
  display: block;
  font-size: 37px;
  font-weight: 700;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .carousel-wrapper .carousel-caption--top > small {
    font-size: 27px;
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .carousel-wrapper .carousel-caption--top > small {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .region-left .carousel {
    width: 100%;
  }
}
.region-left .carousel-inner {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 20px;
}
.region-left .carousel-inner img {
  height: auto !important;
}
@media (max-width: 767px) {
  .region-left .carousel-inner {
    width: 100%;
  }
  .region-left .carousel-inner img {
    max-height: 100px !important;
    width: auto !important;
  }
}
.region-left .banner-displayer:first-child {
  margin-top: 0;
}
.region-main .banner-displayer {
  margin-top: 0;
}
.region-main .carousel-inner img {
  width: 100%;
  height: auto !important;
}
/* Align logo in footer to right */
.additional-footer-collumn:last-child .help-icon {
  text-align: right;
}
@media (max-width: 1199px) {
  .additional-footer-collumn:last-child {
    display: none;
  }
}
.footer-top {
  background-color: #ddd;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .footer-top__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .footer-top__inner {
    flex-wrap: nowrap;
  }
}
.footer-top__item {
  color: #0f3c7d;
}
.footer-top__item:first-child {
  margin-top: 10px;
}
.footer-top__item:nth-child( 3 ) a::before {
  background: url(../image/site/gfx/icon-footer-help.png) no-repeat;
  width: 17px;
  height: 17px;
  filter: hue-rotate(50deg) brightness(3) grayscale(100%);
}
@media (min-width: 768px) {
  .footer-top__item {
    flex-basis: calc(50% - 10px);
    min-width: calc(50% - 10px);
  }
  .footer-top__item:not(:last-child) {
    margin-top: 20px;
  }
  .footer-top__item:not(:nth-child( 2n )) {
    margin-right: 20px;
  }
}
@media (min-width: 1200px) {
  .footer-top__item {
    flex-basis: calc(25% - 15px);
    min-width: calc(25% - 15px);
  }
  .footer-top__item:not(:nth-child( 2n )) {
    margin-right: 0;
  }
  .footer-top__item:not(:last-child) {
    margin-right: 20px;
    margin-top: 40px;
  }
}
.footer-top__item:last-child {
  background-color: #b1b1b1;
  padding: 10px;
}
@media (min-width: 768px) {
  .footer-top__item:last-child {
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .footer-top__item:last-child {
    padding: 40px 30px;
  }
}
.footer-top__item:last-child span {
  color: #fff;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  line-height: 1;
  margin-bottom: 15px;
  display: block;
  position: relative;
  padding-left: 30px;
  font-weight: 700;
}
.footer-top__item:last-child span::before {
  content: '';
  background: url(../image/site/gfx/icon-footer-alert.png) no-repeat;
  filter: hue-rotate(50deg) brightness(3) grayscale(100%);
  display: inline-block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 19px;
  height: 17px;
}
.footer-top__item:last-child p {
  margin: 0;
  font-size: 13px;
}
.footer-top__item:last-child a {
  color: #0f3c7d;
}
.footer-top__item > a {
  color: #0f3c7d;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  position: relative;
  display: block;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.1);
  line-height: 1;
  margin-bottom: 15px;
  padding-left: 30px;
}
.footer-top__item > a::before {
  content: '';
  background: url(../image/site/gfx/icon-footer-location.png) no-repeat;
  filter: hue-rotate(50deg) brightness(3) grayscale(100%);
  display: inline-block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 12px;
  height: 17px;
}
@media (min-width: 768px) {
  .footer-top__item > a {
    pointer-events: none;
  }
}
.footer-top__item > a::after {
  content: '\f107';
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  color: #676767;
  transition: 0.35s;
}
@media (min-width: 768px) {
  .footer-top__item > a::after {
    content: none;
  }
}
.footer-top__item > a:not(.collapsed)::after {
  transform: rotate(180deg) translateZ(0);
}
.footer-top__item ul {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  padding-left: 30px;
  list-style: none;
  font-size: 13px;
}
@media (min-width: 1200px) {
  .footer-top__item ul {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .footer-top__item .collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
}
.footer-top__item-logo {
  opacity: 0.15;
  transition: 0.5s;
}
.footer-top__item--icon-list li::before {
  content: '\f105';
  font-family: 'FontAwesome';
  position: relative;
  top: -1px;
  margin-right: 10px;
  color: #0f3c7d;
}
.footer-top__item--icon-list li a {
  color: #0f3c7d;
}
.footer-top:hover .footer-top__item-logo {
  opacity: 0.2;
}
.footer-bottom {
  background-color: #ddd;
  color: #fff;
}
.footer-bottom__inner {
  display: block;
  font-size: 13px;
  color: #0f3c7d;
  padding: 20px 0;
  text-align: center;
  line-height: 1.7;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
  .footer-bottom__inner {
    text-align: left;
    padding: 30px 0;
  }
}
table thead tr th,
.table thead tr th {
  background-color: #ffffff;
  border-bottom: none;
  vertical-align: middle;
  color: #2c2c27;
  text-shadow: 0px 0px 1px rgba(203, 203, 203, 0.5);
  font-weight: bold;
  padding-top: 19px;
  padding-bottom: 19px;
  text-align: left;
  font-size: 14px;
}
table thead tr th.money-column,
.table thead tr th.money-column {
  text-align: right;
}
table thead tr th:last-child,
.table thead tr th:last-child {
  text-align: right !important;
}
table thead tr th a,
.table thead tr th a {
  color: #616161;
  font-weight: 500;
  /*					padding: 0 30px 0 30px;*/
}
table thead tr th .align-left,
.table thead tr th .align-left {
  text-align: left;
}
table thead tr th .align-right,
.table thead tr th .align-right {
  text-align: right;
}
table thead tr th .align-center,
.table thead tr th .align-center {
  text-align: center;
}
table tbody,
.table tbody {
  font-size: 13px;
}
table tbody tr td,
.table tbody tr td {
  /*				padding: 9px 30px 9px 30px;*/
  text-align: left;
  vertical-align: middle;
  color: #CCC;
  font-size: 13px;
}
table tbody .form-control,
.table tbody .form-control {
  height: 32px;
  padding: 1px 5px;
  width: 40px;
  text-align: center;
}
table tbody .limit-info,
.table tbody .limit-info {
  color: #bc3536;
  font-size: 18px;
  position: relative;
  cursor: help;
}
table tbody .datetime-wrap,
.table tbody .datetime-wrap {
  text-align: center;
}
table tbody .datetime-wrap small,
.table tbody .datetime-wrap small {
  color: #a1a1a1;
}
table tbody .numeric-column,
.table tbody .numeric-column {
  text-align: right;
}
table tbody .string-column,
.table tbody .string-column {
  text-align: left;
}
table tbody .string-column a,
.table tbody .string-column a {
  color: #0f3c7d !important;
}
table tbody .datetime-column,
.table tbody .datetime-column {
  text-align: center;
}
table tbody .money-column,
.table tbody .money-column {
  text-align: right;
}
table tbody .align-left,
.table tbody .align-left {
  text-align: left;
}
table tbody .align-right,
.table tbody .align-right {
  text-align: right;
}
table tbody .align-center,
.table tbody .align-center {
  text-align: center;
}
table .column-long-text-wrap,
.table .column-long-text-wrap {
  max-height: 80px;
  overflow-y: auto;
}
table .column-checkbox,
.table .column-checkbox {
  width: 20px;
  text-align: center;
}
table .column-position,
.table .column-position {
  width: 40px;
  text-align: center;
}
table .column-position input[type=text],
.table .column-position input[type=text] {
  width: 40px;
  text-align: center;
}
.ws-datagrid-container {
  position: relative;
  overflow-x: auto;
}
.ws-datagrid-container .documents-header {
  border: none;
  color: red;
}
.ws-datagrid-container .well {
  background-color: #f2f4f5;
  border: 1px solid #cbd3d7;
  border-radius: 0;
  padding: 30px;
  box-shadow: none;
  position: relative;
}
@media (max-width: 1199px) {
  .ws-datagrid-container .well {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .ws-datagrid-container .well {
    padding: 15px;
  }
}
.ws-datagrid-container .well::before,
.ws-datagrid-container .well::after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 170px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 12px 0 12px;
  border-color: #cbd3d7 transparent transparent transparent;
}
@media (max-width: 1199px) {
  .ws-datagrid-container .well::before,
  .ws-datagrid-container .well::after {
    left: 60px;
  }
}
.ws-datagrid-container .well::after {
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #f2f4f5 transparent transparent transparent;
  left: 172px;
  bottom: -12px;
}
@media (max-width: 1199px) {
  .ws-datagrid-container .well::after {
    left: 62px;
  }
}
.ws-datagrid-container .well .column-preferences-save-button {
  background-color: #0f3c7d;
  color: #fff;
  width: 270px;
  font-weight: 400;
  padding: 7px 15px;
  border: none;
  outline: 0;
  transition: background-color 0.2s ease;
  display: block;
}
@media (max-width: 767px) {
  .ws-datagrid-container .well .column-preferences-save-button {
    width: 100%;
  }
}
.ws-datagrid-container .well .column-preferences-save-button:hover {
  color: #fff;
  background-color: #0c3064;
}
.ws-datagrid-container .well .column-preferences-cancel-button {
  background-color: #909ca2;
  font-size: 14px;
  width: 270px;
  font-weight: 400;
  padding: 7px 15px;
  border: none;
  outline: 0;
  color: #fff;
  transition: background-color 0.2s ease;
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .ws-datagrid-container .well .column-preferences-cancel-button {
    width: 100%;
    margin-bottom: 10px;
  }
}
.ws-datagrid-container .well .column-preferences-cancel-button:hover {
  color: #fff;
  background-color: #7a858a;
}
.ws-datagrid-container .dataTables_wrapper {
  position: relative;
}
.ws-datagrid-container .dataTables_wrapper .dataTables_processing {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
}
.ws-datagrid-container .dataTables_length {
  position: relative;
}
@media (min-width: 768px) {
  .ws-datagrid-container .dataTables_length {
    top: -27px;
    right: 0;
    float: right;
  }
}
@media (min-width: 1200px) {
  .ws-datagrid-container .dataTables_length {
    top: -33px;
  }
}
@media (max-width: 767px) {
  .ws-datagrid-container .dataTables_length {
    width: 100%;
  }
  .ws-datagrid-container .dataTables_length > label {
    display: flex;
    align-items: center;
  }
  .ws-datagrid-container .dataTables_length > label select {
    flex: 1;
    margin: 0 10px;
  }
}
.ws-datagrid-container .dataTables_length select {
  width: 200px;
  height: 34px;
  border: 1px solid #d7d7d7;
  background-color: white;
  padding: 0 10px;
  margin: 0 5px;
  outline: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ws-datagrid-container .dataTables_length select:focus {
  border-color: #D7CEC5;
  box-shadow: inset 0 2px #0f3c7d;
  border-top-color: #0f3c7d;
}
.ws-datagrid-container .column-preferences-container {
  margin-left: -15px;
  margin-right: -15px;
  height: auto;
}
@media (min-width: 768px) {
  .ws-datagrid-container .column-preferences-container [class="col-md-6"] {
    width: 50%;
    float: left;
  }
}
.ws-datagrid-container .column-preferences-container:before,
.ws-datagrid-container .column-preferences-container:after {
  display: table;
  content: " ";
}
.ws-datagrid-container .column-preferences-container:after {
  clear: both;
}
.ws-datagrid-container .column-preferences-container .column-preferences-header-wrapper {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .ws-datagrid-container .column-preferences-container .column-preferences-header-wrapper {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .ws-datagrid-container .column-preferences-container .column-preferences-header-wrapper {
    display: block;
    margin-bottom: 15px;
  }
}
.ws-datagrid-container .column-preferences-container .column-preferences-header-wrapper .column-preferences-title {
  color: #2c2c27;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Raleway', sans-serif;
}
@media (max-width: 1199px) {
  .ws-datagrid-container .column-preferences-container .column-preferences-header-wrapper .column-preferences-title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .ws-datagrid-container .column-preferences-container .column-preferences-header-wrapper .column-preferences-title {
    font-size: 15px;
  }
}
.ws-datagrid-container .column-preferences-container .column-preferences-header-wrapper .column-preferences-clue {
  color: #798b99;
  font-size: 13px;
}
@media (max-width: 767px) {
  .ws-datagrid-container .column-preferences-container .column-preferences-header-wrapper .column-preferences-clue {
    font-size: 12px;
  }
}
.ws-datagrid-container .column-preferences-container .columns-container {
  border: 1px solid #cdd5d9;
  border-radius: 0;
  min-height: 230px;
  background-color: #fff;
}
.ws-datagrid-container .column-preferences-container .columns-container .non-selected-columns-ul {
  min-height: 175px;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-columns: 1;
}
.ws-datagrid-container .column-preferences-container .columns-container .non-selected-columns-ul li {
  list-style-type: none;
  font-size: 13px;
  color: #7f909e;
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  margin: 0;
  border-radius: 0;
}
.ws-datagrid-container .column-preferences-container .columns-container .non-selected-columns-ul li:not(:last-child) {
  border-bottom: 1px solid #e5e9eb;
}
.ws-datagrid-container .column-preferences-container .columns-container .connected-sortable {
  padding: 0;
  margin: 0;
}
.ws-datagrid-container .column-preferences-container .columns-container li[data-is-required="false"] {
  cursor: pointer;
}
.ws-datagrid-container .column-preferences-container .columns-container li[data-is-required="true"] {
  cursor: not-allowed;
}
.ws-datagrid-container .column-preferences-container .columns-container {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 210px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .ws-datagrid-container .column-preferences-container .columns-container {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .ws-datagrid-container .column-preferences-container .columns-container {
    margin-bottom: 10px;
  }
}
.ws-datagrid-container .column-preferences-container .connected-sortable li {
  list-style-type: none;
  font-size: 13px;
  color: #777777;
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  color: #2c2c27;
}
.ws-datagrid-container .column-preferences-container .connected-sortable li:not(:last-child) {
  border-bottom: 1px solid #e5e9eb;
}
.ws-datagrid-container .column-preferences-container .preferences-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .ws-datagrid-container .column-preferences-container .preferences-buttons {
    display: block;
  }
}
.ws-datagrid-container .ws-datagrid-table {
  /*margin-top: 40px;*/
  position: relative;
  overflow: hidden;
  min-width: 100%;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  margin: 0 !important;
  /*min-height: 500px;*/
}
.ws-datagrid-container .ws-datagrid-table thead tr th {
  padding: 15px;
  font-size: 13px;
  color: #2c2c27;
  border: none;
  border-top: 1px solid #e5e9eb;
  border-bottom: 2px solid #e5e9eb;
  position: relative;
  text-align: center;
}
.ws-datagrid-container .ws-datagrid-table thead tr th:first-child {
  text-align: center;
}
.ws-datagrid-container .ws-datagrid-table thead tr th:last-child {
  text-align: right;
}
.ws-datagrid-container .ws-datagrid-table tbody {
  overflow-x: auto;
}
.ws-datagrid-container .ws-datagrid-table tbody tr td {
  padding: 15px;
  text-align: center;
  border: none;
  color: #777777;
  font-size: 14px;
  border-bottom: 1px solid #efefef;
}
.ws-datagrid-container .ws-datagrid-table tbody tr td:last-child {
  text-align: right;
}
.ws-datagrid-container .ws-datagrid-table tbody tr:nth-child(even) {
  background-color: #fafbfb;
}
.ws-datagrid-container .sorting {
  text-align: center !important;
}
.ws-datagrid-container .datagrid-action-json-wrap-button {
  display: flex;
  justify-content: center;
}
.ws-datagrid-container .datagrid-action-json-wrap-button .icon-clipboard-add {
  background-image: url(../image/site/gfx/clipboard-add.png);
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.ws-datagrid-container .datagrid-action-json-wrap-button .icon-clipboard-edit {
  background-image: url(../image/site/gfx/clipboard-edit.png);
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.ws-datagrid-container .datagrid-action-json-wrap-button .icon-clipboard-delete {
  background-image: url(../image/site/gfx/clipboard-delete.png);
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.ws-datagrid-container .datagrid-action-json-wrap-button .icon-clipboard-details {
  background-image: url(../image/site/gfx/clipboard-more.png);
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.ws-datagrid-table-complain tbody input,
.ws-datagrid-table-complain tbody .form-control {
  width: 100%;
  min-width: 100px;
  border: 1px solid #cbd3d7;
  box-shadow: inset 0 2px #eaedef;
  font-size: 14px;
  color: #777777;
  border-radius: 0px;
  outline: none;
  transition: 0.2s;
  height: 32px;
  padding: 1px 5px;
}
.ws-datagrid-table-complain tbody input:focus,
.ws-datagrid-table-complain tbody .form-control:focus {
  border-color: #D7CEC5;
  box-shadow: inset 0 2px #0f3c7d;
  border-top-color: #0f3c7d;
}
.ws-datagrid-table-complain tbody select {
  padding-right: 22px;
}
.clipboard-edition-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.clipboard-edition-header > div {
  display: flex;
  align-items: center;
}
.clipboard-edition-header > div .custom-switch {
  margin-right: 15px;
}
.clipboard-edition-header > div .custom-switch + h2 {
  position: relative;
  top: 0;
}
.datagrid-editable-column-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.datagrid-editable-column-wrap .form-control {
  min-width: 80px;
}
.pager-wrap {
  clear: both;
  text-align: center;
}
.pager-wrap .url-pager .page-num {
  background-color: #e3e3e3;
  border: 1px solid #dadada;
  height: 28px;
  line-height: 26px;
  padding: 0 9px;
  color: #575757;
  margin: 0 2px 5px 0;
  position: relative;
  display: inline-block;
  text-shadow: 0.5px 0.866px 0px rgba(255, 255, 255, 0.5);
  color: #5e6e7d;
  transition: 0.15s;
  font-size: 14px;
}
.pager-wrap .url-pager .page-num::before {
  display: block;
  content: '';
  width: calc(100% - 2px);
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 0.3s;
}
.pager-wrap .url-pager .page-num:not(:last-child) {
  margin-right: 5px;
}
.pager-wrap .url-pager .page-num:hover {
  text-decoration: none;
  border-color: #0f3c7d;
  color: #575757;
}
.pager-wrap .url-pager .page-num:hover::before {
  background-color: #fff;
}
.pager-wrap .url-pager .page-num.active {
  color: #fff;
  background: #0f3c7d;
  border: 1px solid transparent;
}
.pager-wrap .url-pager .page-num.active:hover {
  background-color: #0c3064;
}
.pager-wrap .url-pager .ellipsis {
  margin: 0 11px 0 6px;
  color: #c1c1c1;
}
.pager-basic {
  text-align: center;
  clear: both;
}
.pager-basic li > a,
.pager-basic li > span {
  background-color: #e3e3e3;
  border: 1px solid #dadada;
  height: 28px;
  line-height: 26px;
  padding: 0 9px;
  color: #575757;
  margin: 0 2px 5px 0;
  position: relative;
  display: inline-block;
  text-shadow: 0.5px 0.866px 0px rgba(255, 255, 255, 0.5);
  color: #5e6e7d;
  transition: 0.15s;
  font-size: 14px;
  border-radius: 0 !important;
}
.pager-basic li > a::before,
.pager-basic li > span::before {
  display: block;
  content: '';
  width: calc(100% - 2px);
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 0.3s;
}
.pager-basic li > a:hover,
.pager-basic li > span:hover {
  text-decoration: none;
  border-color: #0f3c7d;
  color: #575757;
  background-color: #e3e3e3;
}
.pager-basic li > a:hover::before,
.pager-basic li > span:hover::before {
  background-color: #fff;
}
.pager-basic li:not(:last-child) > a,
.pager-basic li:not(:last-child) > span {
  margin-right: 5px;
}
.pager-basic li.active > a,
.pager-basic li.active > span {
  color: #fff;
  background: #0f3c7d;
  border: 1px solid transparent;
}
.pager-basic li.active > a:hover,
.pager-basic li.active > span:hover {
  background-color: #0c3064;
  border-color: #0c3064;
}
.product-list .pager-wrap {
  padding: 11px;
  text-align: center;
  height: 70px;
  padding-top: 24px;
}
.product-list .pager-wrap .page-num {
  width: auto;
  min-width: 24px;
}
.dataTables_paginate {
  padding: 11px;
  text-align: center;
  height: 70px;
  padding-top: 24px;
}
.dataTables_paginate .paginate_button {
  background-color: #e3e3e3;
  border: 1px solid #dadada;
  height: 28px;
  line-height: 26px;
  padding: 0 9px;
  color: #575757;
  margin: 0 2px 5px 0;
  position: relative;
  display: inline-block;
  text-shadow: 0.5px 0.866px 0px rgba(255, 255, 255, 0.5);
  color: #5e6e7d;
  transition: 0.15s;
  font-size: 14px;
  margin-right: 5px;
}
.dataTables_paginate .paginate_button::before {
  display: block;
  content: '';
  width: calc(100% - 2px);
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 0.3s;
}
.dataTables_paginate .paginate_button:hover {
  text-decoration: none;
  border-color: #0f3c7d;
  color: #575757;
}
.dataTables_paginate .paginate_button:hover::before {
  background-color: #fff;
}
.dataTables_paginate .paginate_button.current {
  color: #fff;
  background: #0f3c7d;
  border: 1px solid transparent;
}
.dataTables_paginate .paginate_button.current:hover {
  background-color: #0c3064;
}
.dataTables_paginate .ellipsis {
  margin: 0 11px 0 6px;
  color: #c1c1c1;
}
.dataTables_info {
  font-size: 12px;
  color: #666666;
  margin-top: 5px;
}
.product-filter .panel-body {
  padding: 10px 14px;
}
.product-filter-body {
  padding: 0 20px;
}
.product-filter .title {
  margin: 15px 0px;
}
.product-filter .additional-text-filter {
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  color: #2c2d28;
  font-weight: normal;
  position: relative;
}
.product-filter .additional-text-filter:before {
  position: absolute;
  content: '';
  top: 0;
  left: -14px;
  width: 3px;
  height: 100%;
  background-color: #0f3c7d;
}
.product-filter .none-content {
  text-align: center;
  margin-top: 25px;
  display: block;
}
.product-filter .attribute-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.product-filter .attribute-list:not(:first-child) {
  margin-top: 20px;
}
.product-filter .attribute-list .options {
  padding: 0px;
}
.product-filter .label-selected-filters {
  background-color: #ffffff;
  color: #777777;
  font-size: 85%;
  border-radius: 0px;
  display: inline-block;
  margin-bottom: 4px;
  text-align: left;
  white-space: normal;
  padding: 0;
  margin-bottom: 5px;
}
.product-filter .clear-all-wrap {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.product-filter .clear-all-wrap .clear-all {
  color: #0f3c7d;
}
.product-filter .option-list {
  padding-left: 0px;
  list-style: none;
}
.product-filter .expand-items {
  color: #0f3c7d;
  cursor: pointer;
  margin-bottom: 15px;
}
.product-filter .collapse-items {
  display: none;
  color: #0f3c7d;
  cursor: pointer;
  padding-top: 10px;
}
.product-filter .option-item {
  position: relative;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.product-filter .option-item:nth-child(n+6) {
  display: none;
}
.product-filter .option-item .delete-filter-option {
  position: absolute;
  right: 0px;
  cursor: pointer;
  color: #cccccc;
  text-decoration: none;
}
.product-filter .option-item label {
  font-weight: normal;
  margin: 0px;
  padding-left: 4px;
  display: inline;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-filter .option-item img {
  padding-right: 12px;
  vertical-align: middle;
  display: inline;
}
.product-filter .option-item .checkbox {
  vertical-align: middle;
  margin: 0px;
  display: inline;
}
.product-filter .option-item input[type="checkbox"] {
  display: none;
}
.product-filter .option-item input[type="checkbox"] ~ label {
  display: inline-block;
  vertical-align: middle;
  background: url("../../data/image/site/checkbox.png") no-repeat;
  cursor: pointer;
  padding-left: 27px;
  background-position-y: -1px;
}
.product-filter .option-item input[type="checkbox"]:checked ~ label {
  background: url("../../data/image/site/checkbox_checked.png") no-repeat;
  background-position-y: -1px;
}
.product-filter .option-item .icon-wrap {
  display: inline-block;
  padding-bottom: 3px;
  min-width: 39px;
  min-height: 32px;
}
.product-filter .option-item .icon-wrap:first-child {
  padding-top: 3px;
}
.product-filter .show-more {
  color: #5d1c76;
  cursor: pointer;
}
.product-filter .range-from:first-child {
  margin-right: 10px;
}
.product-filter .attribute-name {
  color: #0f3c7d;
  font-weight: bold;
}
@media (max-width: 991px) {
  .product-filter .panel-body {
    padding: 0;
  }
  .product-filter .title {
    display: block;
    padding: 15px;
    border: 2px solid #e7e7e7;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
  }
  .product-filter .title:hover {
    color: #5d1c76;
  }
  .product-filter .title:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.1s ease;
    content: "\f054";
    display: inline-block;
    float: right;
    font-size: 22px;
    position: relative;
    top: 1px;
    left: 0px;
    color: #2c2c27;
  }
  .product-filter .product-filter-body {
    padding: 11px;
    border: 1px solid #ededed;
    margin-top: -1px;
  }
  .product-filter.expanded .product-filter-body {
    display: block;
  }
  .product-filter.expanded .title {
    background-color: #e7e7e7;
  }
  .product-filter.expanded .title:after {
    transform: rotate(90deg);
  }
}
@media (min-width: 768px) {
  #product-filter-toggle-target,
  #notifications-toggle-target,
  #info-box-toggle-target {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
}
.product-filter .attribute-name {
  color: #000;
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
  text-transform: uppercase;
}
.attribute-list-item.range {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.attribute-list-item.range input {
  min-width: 1px;
}
.attribute-list-item.options:not(:last-child) {
  margin-bottom: 20px;
}
.product-filter .option-item input[type="checkbox"] + label {
  color: #000;
  font-size: 14px;
}
.product-filter .expand-items,
.product-filter .collapse-items {
  color: #0f3c7d;
}
.sub-categories-heading {
  color: #000;
  font-family: 'Raleway', sans-serif;
  font-size: 22px;
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
  padding: 0 20px;
  margin-bottom: 20px;
}
.sub-categories-heading::before {
  content: '';
  position: absolute;
  width: 3px;
  height: 28px;
  background-color: #0f3c7d;
  left: 0;
  top: -2px;
}
.parent-category {
  display: block;
  margin-bottom: 15px;
}
.parent-category i {
  margin-right: 5px;
}
.parent-category i::before {
  content: '\f0d9';
}
.search-box_sidebar {
  display: flex;
  margin-bottom: 20px;
}
.search-textbox--sidebar {
  border-right: none;
  height: 35px;
}
.search-textbox--sidebar:focus {
  box-shadow: inset 0 2px #0f3c7d;
  border-top-color: #0f3c7d;
}
.sidebar-left .category-explorer {
  border: none;
  padding: 0;
}
.sidebar-left .category-explorer-item {
  position: relative;
  border-right: 5px solid transparent;
  transition: border 0.2s ease, background 0.2s ease;
}
.sidebar-left .category-explorer-item:hover {
  border-right: 5px solid #0f3c7d;
  background: #F8F7F5;
  font-weight: 400;
  text-shadow: 0px 0px 3px rgba(203, 203, 203, 0.5);
}
.sidebar-left .category-explorer-item:not(:last-child) {
  border-bottom: 1px solid #f1f1f1;
}
.sidebar-left .category-explorer-item a {
  display: block;
  font-size: 15px;
  color: #000;
  padding: 10px 0 10px 20px;
  transition: padding 0.2s ease;
  line-height: 20px;
}
.sidebar-left .category-explorer-item .custom-list_icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 13px;
  color: #b9b9b9;
  transition: left 0.2s ease;
}
.sidebar-left .category-explorer-item .custom-list_icon:before {
  content: '\f105';
}
.sidebar-left .category-explorer-item .custom-list_icon--collapsed {
  transform: rotate(90deg);
}
.sidebar-left .category-explorer-parent:not(.remove-hover):hover a {
  padding-left: 25px;
}
.sidebar-left .category-explorer-parent:not(.remove-hover):hover .custom-list_icon {
  left: 10px;
}
.sidebar-left__item-header {
  color: #fff;
  background-color: #0f3c7d;
  font-family: 'Raleway', sans-serif;
  font-size: 22px;
  padding: 11px 15px;
  display: flex;
  align-items: center;
  text-shadow: 0.707px 0.707px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1199px) {
  .sidebar-left__item-header {
    font-size: 18px;
  }
}
.sidebar-left__item-content {
  padding: 20px;
  border: 1px solid #e3e3e3;
  border-top: none;
}
.sidebar-left__item--menu {
  padding: 0;
  margin-top: 5px;
}
.sidebar-left__item--menu-item {
  height: 40px;
  display: flex;
  align-items: center;
}
.category-explorer-child {
  padding: 0 !important;
  border: none  !important;
  position: relative;
}
.category-explorer-child:first-of-type {
  margin-top: 5px;
}
.category-explorer-child:last-child {
  margin-bottom: 15px;
}
.category-explorer-child a {
  padding: 10px 0 10px 15px !important;
  color: #6a6a6a !important;
  font-size: 14px;
}
.category-explorer-child a:hover {
  color: #0f3c7d;
}
.category-explorer-child a.active {
  color: #0f3c7d !important;
}
.category-explorer-child .child-category--collapsed {
  padding-left: 40px !important;
  font-size: 12px;
}
.category-explorer-child a:hover {
  color: #0f3c7d !important;
}
.category-explorer-child > span::before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b9b9b9;
  position: absolute;
  left: 20px;
  top: 9px;
}
@media (max-width: 767px) {
  .heading-collapsible {
    position: relative;
    cursor: pointer;
  }
  .heading-collapsible.collapsed::after {
    transform: rotate(180deg) translateZ(0);
  }
  .heading-collapsible::after {
    content: '\f106';
    font-family: 'FontAwesome';
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    position: absolute;
    right: 10px;
    transition: 0.3s;
    color: #2c2c27;
  }
}
@media (min-width: 768px) {
  .heading-collapsible {
    pointer-events: none;
  }
}
.notification-list-box {
  border: 1px solid #e3e3e3;
  padding: 20px 0;
}
.notification-list-box:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .notification-list-box:not(:last-child) {
    margin-bottom: 5px;
  }
}
.notification-list-box.show-all-notifications .panel-body {
  max-height: 500px;
}
.notification-list-box.show-all-notifications .panel-footer {
  display: none;
}
.notification-list-box .panel-footer {
  padding-bottom: 17px;
}
.notification-list-box .panel-footer a {
  float: right;
}
.notification-list-box .panel-body .additional-form-control {
  margin: 0;
}
.notification-list-box .row.form-group .pull-right {
  display: flex;
  align-items: center;
  width: 100%;
}
.notification-list-box .row.form-group .pull-right .btn-news {
  flex: 1;
}
.notification-list-box .validator-wrap {
  position: absolute;
  right: 23px;
  top: 10px;
}
.notification-list-box .notification-list-item {
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  padding: 0 20px;
}
.notification-list-box .notification-list-item .fa {
  color: #cacaca;
  display: none;
}
.notification-list-box .notification-list-item:last-child {
  border-bottom: none;
}
.notification-list-box .notification-list-item .notification-list-item-icon,
.notification-list-box .notification-list-item .notification-list-item-body,
.notification-list-box .notification-list-item .notification-list-item-action {
  float: left;
}
.notification-list-box .notification-list-item .notification-list-item-icon .item-icon,
.notification-list-box .notification-list-item .notification-list-item-body .item-icon,
.notification-list-box .notification-list-item .notification-list-item-action .item-icon {
  color: #0f3c7d;
  display: none;
}
.notification-list-box .notification-list-item .notification-list-item-icon,
.notification-list-box .notification-list-item .notification-list-item-action {
  position: absolute;
}
.notification-list-box .notification-list-item .notification-list-item-action {
  right: 11px;
}
.notification-list-box .notification-list-item .notification-list-item-action > a {
  display: block !important;
}
.notification-list-box .notification-list-item:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 20px;
}
.notification-list-box .notification-list-item .notification-list-item-body-fulldate {
  width: 100%;
  display: block;
  margin-top: 2px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 11px;
}
.notification-list-box .notification-list-item-body {
  width: 100%;
  color: #444444;
}
.notification-list-box .notification-list-item-body .additional-smaller-date-title {
  display: block;
  font-size: 12px;
  color: #bcc2c5;
}
.notification-list-box .notification-list-item-body a {
  color: #0f3c7d;
  font-size: 14px;
  font-weight: bold;
  display: block;
}
.notification-list-box .notification-list-item-body a:hover .notification-list-item-body-title {
  color: #0c3064;
}
.notification-list-box .notification-list-item-body a.btn-news {
  color: #fff;
  background-color: #0f3c7d;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
}
.notification-list-box .notification-list-item-body a.btn-news:hover {
  background-color: #0c3064;
}
.notification-list-box .notification-list-item-body a .notification-list-item-body-date {
  display: none;
}
.notification-list-box .notification-list-item-body .notification-list-item-body-title {
  color: #0f3c7d;
  font-size: 14px;
  font-weight: 400;
  display: block;
  transition: color 0.2s ease;
}
.notification-list-box .notification-list-item-body > span {
  font-size: 13px;
}
.notification-list-box .notification-list-item-body .description {
  margin-top: 12px;
  display: block;
  font-size: 13px;
  color: #777777;
}
.notification-list-box .info-empty {
  text-align: center;
  padding: 22px 10px;
  border: 1px solid #e5e9eb;
  border-top: none;
}
.notification-list-box .header-notification-fix {
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1.1;
  font-weight: 300;
  margin-bottom: 25px;
  position: relative;
  padding: 0 20px;
}
.notification-list-box .header-notification-fix::before {
  content: '';
  position: absolute;
  width: 3px;
  height: 28px;
  background-color: #0f3c7d;
  left: 0;
  top: -2px;
}
.notification-fix {
  background-color: #fff;
  border-radius: 0 !important;
  color: #000;
  border: 1px solid #e3e3e3;
}
.notification-fix:not(:first-child) {
  margin-top: 22px;
}
.notification-fix .panel-heading.header-notification-fix {
  color: #2c2d28;
  display: block;
  position: relative;
  line-height: 19px;
  padding-top: 17px;
  padding-bottom: 17px;
  font-size: 22px;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
}
.notification-fix .panel-heading.header-notification-fix:before {
  position: absolute;
  content: '';
  top: 12px;
  left: 0;
  width: 3px;
  height: 28px;
  background-color: #0f3c7d;
}
@media screen and (max-width: 991px) {
  .notification-fix .panel-heading.header-notification-fix:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 1px;
    width: 3px;
    height: 100%;
    background-color: #0f3c7d;
  }
}
.additional-panel-heading-newsletter {
  color: #000 !important;
  font-family: 'Roboto', sans-serif;
  background: none !important;
  font-size: 22px !important;
  margin: 0;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  position: relative;
  padding: 0 20px !important;
}
.additional-panel-heading-newsletter:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 28px;
  background-color: #0f3c7d;
  left: 0;
  top: -2px;
}
.additional-panel-heading-newsletter + .panel-body {
  padding: 0 20px !important;
}
#contentWrap .additional-panel-heading-newsletter {
  pointer-events: none !important;
  background: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
}
#contentWrap .additional-panel-heading-newsletter::after {
  content: none !important;
}
#contentWrap .additional-panel-heading-newsletter + .panel-body {
  display: block !important;
}
.get-more-wrap {
  margin-top: 10px;
  margin-left: 20px;
}
.login-panel-container {
  width: 100% ;
  height: 340px;
  max-width: 470px;
  margin: 0 auto;
}
@media screen and (min-width: 500px) {
  .login-panel-container {
    min-width: 470px;
  }
}
.login-panel-container .b2b-login-panel {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-header {
  width: 100%;
  height: 22%;
  background-color: #20211c;
  border-bottom: 4px solid #070707;
  display: table;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-header .login-header-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-header .login-header-container span {
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  color: #e3e3e3;
  font-weight: 300;
  position: relative;
  top: 4px;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-header .login-header-container span:before {
  position: absolute;
  top: -26px;
  left: 50%;
  content: '';
  width: 130%;
  height: 3px;
  background-color: #0f3c7d;
  margin-left: -65%;
}
@media (max-width: 549px) {
  .login-panel-container .b2b-login-panel .b2b-login-panel-header .login-header-container span:before {
    top: -22px;
    left: 0px;
    content: '';
    width: 100%;
    height: 3px;
    margin-left: 0;
    background-color: #0f3c7d;
  }
}
.login-panel-container .b2b-login-panel .b2b-login-panel-body {
  height: 78%;
  width: 100%;
  background-color: #fff;
  border: 2px solid #cbcbcb;
  border-top: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-body .form {
  margin-top: 40px;
  width: 80%;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-body .form .control-group input {
  box-shadow: 0 2px #edeee6 inset;
  height: 45px;
  border: 1px solid #cbcbcb;
  background-color: #fff;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-body .form .control-group input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-body .form .control-group .btn-login {
  margin-top: 15px;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  padding: 13px 0;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-body .form .control-group-reminder {
  margin-top: 18px;
  text-align: center;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-body .form .control-group-reminder a {
  color: #0f3c7d;
  text-transform: capitalize;
}
.login-panel-container .b2b-login-panel .b2b-login-panel-bottom {
  background-color: #f1f1f1;
}
.b2b-login-panel-bottom-desc {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #6e6e6e;
}
.b2b-login-panel-bottom-desc span .login-line-break {
  display: none;
}
@media screen and (max-width: 480px) {
  .b2b-login-panel-bottom-desc span .login-line-break {
    display: block;
  }
}
.b2b-login-panel-bottom-desc span a {
  color: #0f3c7d;
  white-space: nowrap;
}
.login-panel-heading {
  text-align: center;
  margin-top: 50px;
}
.login-panel-wrapper {
  margin: 50px 0;
}
@media (min-width: 768px) {
  .login-panel-wrapper > span {
    display: flex;
    justify-content: space-between;
  }
}
.login-panel-wrapper > span > div {
  padding: 30px;
  border: 2px solid #e5e5e5;
}
@media (min-width: 768px) {
  .login-panel-wrapper > span > div {
    flex: 1;
  }
}
.login-panel-wrapper > span .login-panel {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .login-panel-wrapper > span .login-panel {
    margin-bottom: 0;
    margin-right: 30px;
  }
}
.login-panel-wrapper > span .login-panel__header {
  margin-top: 0;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}
.login-panel-wrapper > span .login-panel__buttons {
  display: flex;
  justify-content: space-between;
}
.login-panel-wrapper > span .register-panel {
  display: flex;
  flex-direction: column;
}
.login-panel-wrapper > span .register-panel__text {
  margin-bottom: 5px;
  display: block;
}
.login-panel-wrapper > span .register-panel__buttons {
  margin-top: auto;
}
.login-panel-wrapper > span .register-panel__tabs {
  margin-bottom: 25px;
  border: none;
}
.login-panel-wrapper > span .register-panel__tabs > li > a {
  color: #555;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 0;
  display: inline-block;
}
.login-panel-wrapper > span .register-panel__tabs > li:not(:last-child) > a {
  margin-right: 10px;
}
.login-panel-wrapper > span .register-panel__tabs > li.active > a {
  border: 2px solid #0f3c7d;
}
.login-panel-wrapper > span .register-panel__form .form-group {
  position: relative;
}
.login-panel-wrapper > span .register-panel__form .validator {
  position: absolute;
  right: 8px;
  top: 9px;
}
@media (min-width: 768px) {
  .registration-panel {
    display: flex;
  }
}
@media (min-width: 768px) {
  .registration-panel > div {
    flex: 1;
  }
}
@media (min-width: 768px) {
  .registration-panel > div:first-child {
    margin-right: 30px;
  }
}
.registration-panel__button {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .registration-panel__button {
    margin-bottom: 0;
  }
}
.registration-panel__header {
  margin-top: 0;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .registration-panel__header {
    min-height: 90px;
    margin: 0;
  }
}
.registration-panel__alternative-delivery-header {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .registration-panel__alternative-delivery-header {
    min-height: 90px;
    margin: 0;
  }
}
.registration-panel__save-address {
  display: flex;
  margin-top: 10px;
}
.registration-panel__save-address .btn {
  margin-left: 5px;
  height: 34px;
  width: 34px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.registration-panel .custom-checkbox {
  display: block;
}
.registration-panel .custom-checkbox label {
  font-size: 15px;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  background: url(../../data/image/site/checkbox.png) no-repeat;
  cursor: pointer;
  padding-left: 22px;
  background-position-y: -2px;
}
.registration-panel .custom-checkbox input {
  display: none;
}
.registration-panel .custom-checkbox input:checked + label {
  background-image: url(../../data/image/site/checkbox_checked.png);
  background-repeat: no-repeat;
}
.registration-panel .custom-checkbox input[disabled] + label {
  color: #aaa;
}
.password-reminder {
  max-width: 470px;
}
.password-reminder__text {
  font-size: 15px;
  color: #6e6e6e;
  margin-bottom: 15px;
}
.password-reminder__header {
  background-color: #20211c;
  color: #fff;
  text-align: center;
  font-size: 22px;
  color: #e3e3e3;
  font-weight: 300;
  padding: 23px 15px;
  margin: 0;
  position: relative;
}
.password-reminder__header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 60%;
  height: 3px;
  background-color: #0f3c7d;
  margin-left: -30%;
}
.password-reminder__form {
  padding: 30px 40px;
  background-color: #fff;
  border: 2px solid #cbcbcb;
  border-top: none;
}
.password-reminder__form .form-control {
  height: 45px;
}
.password-reminder__submit .btn {
  width: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
}
.register {
  margin-bottom: 40px;
}
.register .heading-default {
  border-bottom: 1px solid #e3e3e3;
  margin-right: 15px;
  padding-bottom: 25px;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  white-space: nowrap;
  font-weight: 300;
  color: #000;
  margin: 0 0 30px 0;
}
.register__login-field {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .register__login-field {
    display: flex;
    align-items: center;
  }
}
.register__login-field-info {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  letter-spacing: 1px;
  margin-top: 5px;
}
@media (min-width: 992px) {
  .register__login-field-info {
    margin-left: 15px;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .register__login-field .form-field {
    width: calc(33% - 20px);
  }
}
.register__login .form-group {
  margin: 0;
}
@media (min-width: 992px) {
  .register__form-fields {
    display: flex;
    flex-wrap: wrap;
  }
}
.register__form-field {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .register__form-field {
    min-width: calc(33% - 20px);
    max-width: calc(33% - 20px);
  }
}
@media (min-width: 992px) {
  .register__form-field:not(:nth-child(3n)) {
    margin-right: 30px;
  }
}
.register__form .form-field {
  margin-bottom: 0;
}
.register__delivery-address-checkbox {
  margin: 30px 0;
}
.register__delivery-address-checkbox .checkbox {
  margin: 0;
}
.register__delivery-address-checkbox .checkbox label {
  font-size: 13px;
  color: #000;
  font-weight: 700;
}
.register__delivery-address-checkbox .checkbox input {
  margin: 0;
  top: 4px;
}
.register__submit {
  margin-top: 15px;
}
.register__submit .btn {
  width: 100%;
  padding: 18px 15px;
  font-size: 12px;
  color: #fff;
  text-transform: none;
}
@media (min-width: 992px) {
  .register__submit .btn {
    width: calc(33% - 20px);
    margin-left: calc(33% + 10px);
  }
}
.register .checkbox .validator-wrap {
  display: inline;
  margin-left: 2px;
}
@media (min-width: 1230px) {
  .register .checkbox .validator-wrap {
    position: absolute;
    left: -20px;
    top: 2px;
    margin-left: 0;
  }
}
.register .form-field {
  position: relative;
}
.register .form-field .validator {
  position: absolute;
  right: 8px;
  top: 7px;
}
.dx-datagrid .checkbox-column-search {
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.dx-datagrid .dx-datagrid-filter-row {
  height: auto !important;
}
.dx-datagrid .dx-datagrid-filter-row td {
  border-left: 2px solid #e5e9eb !important;
  border-right: 2px solid #e5e9eb !important;
}
.dx-datagrid .dx-datagrid-filter-row td:first-child {
  border-left: none !important;
}
.dx-datagrid .dx-datagrid-filter-row td:last-child {
  border-right: none !important;
}
.dx-datagrid .dx-datagrid-filter-row td input {
  border-radius: 0;
  box-shadow: none;
}
.dx-datagrid-borders > .dx-datagrid-pager,
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
  border-top: 1px solid #e5e9eb;
}
.dx-datagrid-headers {
  border: none !important;
  border-top: 1px solid #e5e9eb !important;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  padding: 16px 10px;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #e5e9eb;
  color: #2c2c27;
  font-weight: 700;
  font-size: 14px;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .table-header-checkbox-wrap {
  display: flex;
  white-space: normal;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td > .dx-datagrid-text-content {
  white-space: normal;
}
.dx-datagrid-rowsview {
  border: none !important;
}
.dx-datagrid-rowsview .dx-datagrid-table .dx-column-lines > td {
  border-left: none;
  border-right: none;
  padding: 16px 10px;
  font-size: 14px;
  color: #777777;
  vertical-align: middle;
}
.dx-datagrid-rowsview .dx-datagrid-table .dx-row-alt > td {
  background-color: #fff;
}
.dx-datagrid .checkbox-column-search {
  position: relative;
  top: 0;
  left: -2px;
  visibility: hidden;
}
.dx-datagrid .checkbox-column-search::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(../../data/image/site/checkbox.png) no-repeat;
  cursor: pointer;
  padding-left: 27px;
  background-position-y: -5px;
  width: 20px;
  height: 20px;
  visibility: visible;
}
.dx-datagrid .checkbox-column-search:checked::after {
  content: '';
  background: url(../../data/image/site/checkbox_checked.png) no-repeat;
  background-position-y: -5px;
}
.offer-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: none;
}
.offer-datagrid .dx-datagrid-rowsview .dx-datagrid-table {
  border-top: 2px solid #e5e9eb;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 1 ) {
  font-weight: 700;
  color: #0f3c7d;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 2 )[role="columnheader"] {
  text-align: center !important;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) .datagrid-editable-column-wrap > div {
  position: relative;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) .datagrid-editable-column-wrap > div::after {
  content: '%';
  color: #7f909e;
  position: absolute;
  right: 6px;
  bottom: 8px;
  font-size: 13px;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) label {
  text-transform: capitalize;
  text-align: left;
  margin-bottom: 0;
  width: 100%;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) input {
  text-align: left;
  padding-right: 20px;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 4 )[role="columnheader"] {
  text-align: center !important;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 5 )[role="columnheader"] {
  visibility: hidden;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 6 )[role="columnheader"] {
  overflow: visible;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 6 )[role="columnheader"] .dx-datagrid-text-content {
  overflow: visible;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 6 )[role="columnheader"] .dx-datagrid-text-content span {
  position: relative;
  left: -10px;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 7 )[role="columnheader"] {
  visibility: hidden;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 5 ) > .datagrid-editable-column-wrap,
.offer-datagrid .dx-datagrid-table td:nth-child( 6 ) > .datagrid-editable-column-wrap,
.offer-datagrid .dx-datagrid-table td:nth-child( 7 ) > .datagrid-editable-column-wrap {
  position: relative;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 5 ) > .datagrid-editable-column-wrap::after,
.offer-datagrid .dx-datagrid-table td:nth-child( 6 ) > .datagrid-editable-column-wrap::after,
.offer-datagrid .dx-datagrid-table td:nth-child( 7 ) > .datagrid-editable-column-wrap::after {
  content: 'zł';
  color: #7f909e;
  position: absolute;
  right: 6px;
  bottom: 8px;
  font-size: 13px;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 5 ) label,
.offer-datagrid .dx-datagrid-table td:nth-child( 6 ) label,
.offer-datagrid .dx-datagrid-table td:nth-child( 7 ) label {
  text-transform: none;
  text-align: left;
  margin-bottom: 0;
  width: 100%;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 5 ) input,
.offer-datagrid .dx-datagrid-table td:nth-child( 6 ) input,
.offer-datagrid .dx-datagrid-table td:nth-child( 7 ) input {
  text-align: left;
  padding-right: 20px;
  min-width: 100px;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 6 ) .datagrid-editable-column-wrap {
  position: relative;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 6 ) .datagrid-editable-column-wrap::after {
  content: '%';
}
.offer-datagrid .dx-datagrid-table td:nth-child( 6 ) input {
  min-width: 70px;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 8 ) {
  vertical-align: bottom !important;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 8 ) .datagrid-editable-column-wrap {
  align-items: flex-end;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 8 ) input {
  text-align: right;
  min-width: 40px;
}
.offer-datagrid .dx-datagrid-table td:nth-child( 8 )[role="columnheader"] {
  vertical-align: middle !important;
}
.offer-datagrid .dx-datagrid-headers td:nth-child( 1 ) {
  color: #2c2c27;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 2 )[role="columnheader"] {
  visibility: hidden;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 )[role="columnheader"] {
  overflow: visible;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 )[role="columnheader"] .dx-datagrid-text-content {
  overflow: visible;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 )[role="columnheader"] .dx-datagrid-text-content span {
  position: relative;
  left: -10px;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 4 )[role="columnheader"] {
  visibility: hidden;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 2 ) > .datagrid-editable-column-wrap,
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) > .datagrid-editable-column-wrap,
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 4 ) > .datagrid-editable-column-wrap {
  position: relative;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 2 ) > .datagrid-editable-column-wrap::after,
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) > .datagrid-editable-column-wrap::after,
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 4 ) > .datagrid-editable-column-wrap::after {
  content: 'zł';
  color: #7f909e;
  position: absolute;
  right: 6px;
  bottom: 8px;
  font-size: 13px;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 2 ) label,
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) label,
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 4 ) label {
  text-transform: none;
  text-align: left;
  margin-bottom: 0;
  width: 100%;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 2 ) input,
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) input,
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 4 ) input {
  text-align: left;
  padding-right: 20px;
  min-width: 100px;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) .datagrid-editable-column-wrap {
  position: relative;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) .datagrid-editable-column-wrap::after {
  content: '%';
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 3 ) input {
  min-width: 70px;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 5 ) {
  vertical-align: bottom !important;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 5 )[role="columnheader"] {
  visibility: visible;
  vertical-align: bottom !important;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 5 ) .datagrid-editable-column-wrap {
  align-items: flex-end;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 5 ) .datagrid-editable-column-wrap::after {
  content: none;
}
.client-mode.offer-datagrid .dx-datagrid-table td:nth-child( 5 ) input {
  min-width: 40px;
  padding-right: 5px;
}
.offer-summary {
  margin: 30px 0;
}
@media (min-width: 992px) {
  .offer-summary {
    display: flex;
    justify-content: space-between;
  }
}
.offer-summary > div {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .offer-summary > div {
    margin-bottom: 0;
  }
  .offer-summary > div:nth-child( 1 ) {
    flex-basis: 17.5%;
  }
  .offer-summary > div:nth-child( 2 ) {
    flex-basis: 17.5%;
  }
  .offer-summary > div:nth-child( 3 ) {
    flex-basis: 25%;
  }
  .offer-summary > div:nth-child( 4 ) {
    flex-basis: 10%;
  }
  .offer-summary > div:nth-child( 5 ) {
    flex-basis: 20%;
  }
}
.offer-summary > div > :not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .offer-bottom-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.offer-bottom-buttons .btn {
  margin-bottom: 10px;
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .offer-bottom-buttons .btn {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
  }
}
.cart-datagrid .dx-datagrid-table td {
  padding-left: 10px !important;
  padding-right: 10px !important;
  vertical-align: middle;
}
.cart-datagrid .dx-datagrid-table td[aria-describedby="dx-col-2"] {
  font-weight: 700;
  color: #0f3c7d;
}
.cart-datagrid .dx-datagrid-table td[aria-describedby="dx-col-2"] a {
  color: #0f3c7d;
}
.cart-datagrid .dx-datagrid-headers td span {
  color: #2c2c27;
}
.documents-body .dx-datagrid-table td:first-child a[data-related-aid="archive_document_id"] {
  display: block;
  margin: 0 auto;
  width: 33px;
  height: 33px;
  border: 1px solid #cfd4da;
  display: flex;
  align-items: center;
  justify-content: center;
}
.documents-body .dx-datagrid-table td:first-child a[data-related-aid="archive_document_id"]::after {
  content: '\f1c9';
  font-family: 'FontAwesome';
  color: #da0000;
  font-size: 14px;
}
@media (max-width: 767px) {
  .documents-body-details {
    margin-bottom: 15px;
  }
}
.documents-body-details > div > label,
.documents-body-details > div > span {
  margin-bottom: 10px;
  font-size: 14px;
}
.documents-body-details > div > label {
  text-transform: none;
  color: #2c2c27;
}
@media (max-width: 767px) {
  .documents-body-details > div > label {
    display: block;
    margin-bottom: 0;
  }
}
.documents-body-details > div > label:first-child {
  min-width: 200px;
}
@media (max-width: 767px) {
  .documents-body-details > div > label:first-child {
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .documents-body-details > div > span {
    display: block;
    margin-bottom: 10px;
  }
}
.documents-body-details-values {
  margin: 25px 0;
}
.documents-body-details-values > div {
  display: flex;
  justify-content: space-between;
  font-size: 17px;
  color: #777777;
}
.documents-body-details-values > div:not(:last-child) {
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  .documents-body-details-values > div {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .documents-body-details-values > div > div {
    min-width: 160px;
    text-align: right;
  }
}
.documents-body-details-values > div:first-child {
  font-weight: 700;
}
.documents-body-details-values > div:first-child > div {
  color: #0f3c7d;
}
.documents-body-details-values > div.documents-body-details-values__selected {
  display: none;
}
.documents-body-details-values__overall > div,
.documents-body-details-values__selected > div {
  color: #777777 !important;
  font-weight: 700;
}
.documents-body-details-values__expired {
  font-weight: 700;
  color: #0f3c7d !important;
}
.dx-datagrid-rowsview .dx-datagrid-table .dx-row-alt > td {
  background-color: #fcfcfc;
}
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,
.dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar-navigator-next-month.dx-button .dx-icon {
  color: #0f3c7d;
}
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date {
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #0f3c7d;
}
.TDatePicker_default {
  z-index: 1;
}
.TDatePicker_default .calendarHeader {
  width: 100%;
}
.TDatePicker_default .calendarHeader table {
  width: 100%;
}
.TDatePicker_default .calendarHeader table tbody tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.TDatePicker_default .calendarHeader table tbody tr td select {
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0);
  border: 1px solid #dedede;
  border-radius: 0;
  background: #fff;
  padding: 6px 12px;
  height: 43px;
  margin-top: -2px;
  margin-bottom: -2px;
  margin-left: -3px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 2px center;
  padding-right: 20px;
}
.TDatePicker_default .calendarHeader table tbody tr td select:focus {
  outline: 0;
}
.TDatePicker_default .calendarHeader table tbody tr td .prevMonthButton.button,
.TDatePicker_default .calendarHeader table tbody tr td .nextMonthButton.button {
  width: 43px;
  height: 43px;
  border: none;
  background: white;
  font-size: 1.33333333em;
  border: 1px solid #ddd;
}
.TDatePicker_default .calendarHeader table tbody tr td .prevMonthButton.button:focus,
.TDatePicker_default .calendarHeader table tbody tr td .nextMonthButton.button:focus {
  outline: 0;
}
.TDatePicker_default .calendarBody {
  margin: 0;
  width: 280px;
}
.TDatePicker_default .calendarFooter {
  border-top: 1px solid #ddd;
}
.TDatePicker_default .todayButton {
  padding: 8px;
  width: 100%;
  background-color: #0f3c7d;
  color: #fff;
  font-size: 14px;
  border: none;
  margin-left: 0;
  margin-right: 0;
}
.TDatePicker_default td {
  color: #999;
}
.TDatePicker_default td.selected,
.TDatePicker_default td.hover {
  background-color: #0f3c7d;
  border: none;
  color: #fff;
}
.TDatePicker_default td.hover {
  background-color: rgba(15, 60, 125, 0.5);
}
.dx-button,
.dx-texteditor.dx-editor-outlined,
.dx-texteditor-input {
  border-radius: 0;
}
.dx-texteditor.dx-state-hover {
  border-color: #ddd;
}
.dx-texteditor input {
  transition: 0.2s;
}
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-underlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-outlined {
  border-color: #ddd;
}
.dx-texteditor.dx-state-focused.dx-editor-filled input,
.dx-texteditor.dx-state-active.dx-editor-filled input,
.dx-texteditor.dx-state-focused.dx-editor-underlined input,
.dx-texteditor.dx-state-active.dx-editor-underlined input,
.dx-texteditor.dx-state-focused.dx-editor-outlined input,
.dx-texteditor.dx-state-active.dx-editor-outlined input {
  box-shadow: inset 0px 2px 0px 0px #0f3c7d;
}
.dx-pager .dx-pages .dx-page {
  color: #636363;
}
.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection {
  border-radius: 0;
  background-color: #0f3c7d;
  box-shadow: inset 0 1px #edeee6;
  padding: 0;
  text-align: center;
  width: 34px;
  line-height: 34px;
  height: 34px;
  color: #fff;
}
.dx-pager .dx-pages .dx-prev-button,
.dx-pager .dx-pages .dx-next-button {
  padding: 0;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ececec;
  background-color: #f1f1f1;
  box-shadow: inset 0 1px #fff;
  font-size: 10px;
  color: #b8b8b8;
  box-sizing: border-box;
}
.dx-pager .dx-pages .dx-next-button {
  margin-left: 5px;
}
.dx-pager .dx-page-sizes .dx-page-size {
  color: #636363;
  font-size: 13px;
}
.dx-pager .dx-page-sizes .dx-page-size.dx-selection {
  color: #fff;
}
.dx-widget {
  font-family: 'Roboto', sans-serif;
}
.dx-datagrid-rowsview {
  font-family: 'Arimo', sans-serif;
}
.dx-datagrid .dx-header-filter-empty {
  color: rgba(149, 149, 149, 0.5) !important;
}
/* Order confirmation */
.order-confirmation {
  padding: 50px 0;
}
.order-confirmation__heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 50px;
}
.order-confirmation__content {
  border: 2px solid #e5e5e5;
  color: #777777;
  font-weight: 500;
}
.order-confirmation__details {
  border-bottom: 1px solid #e5e5e5;
  background-color: #fafafa;
}
@media (min-width: 992px) {
  .order-confirmation__details {
    display: flex;
  }
}
.order-confirmation__details > div {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.order-confirmation__details > div:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
@media (min-width: 992px) {
  .order-confirmation__details > div:not(:last-child) {
    border-bottom: none;
    border-right: 1px solid #e5e5e5;
  }
}
.order-confirmation__details > div:last-child > div:first-child {
  margin-bottom: 20px;
}
.order-confirmation__details-heading {
  color: #da0000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}
.order-confirmation__summary-heading {
  padding: 20px;
  font-size: 18px;
  border-bottom: 1px solid #e5e5e5;
  color: #2c2c27;
}
@media (min-width: 992px) {
  .order-confirmation__summary-heading {
    font-size: 24px;
  }
}
.order-confirmation__products {
  border-bottom: 1px solid #e5e5e5;
}
.order-confirmation__product {
  padding: 20px;
}
@media (min-width: 992px) {
  .order-confirmation__product {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.order-confirmation__product:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}
.order-confirmation__product > div {
  display: flex;
  align-items: center;
}
.order-confirmation__product > div:first-child {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .order-confirmation__product > div:first-child {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.order-confirmation__product-lp {
  font-size: 18px;
  color: #999;
  font-weight: 700;
  margin-right: 20px;
}
.order-confirmation__product-name-primary {
  font-size: 16px;
  font-weight: 700;
  color: #2c2c27;
}
.order-confirmation__product-name-secondary {
  font-size: 13px;
  color: #999;
}
.order-confirmation__product-price {
  font-weight: 700;
  color: #2c2c27;
}
.order-confirmation__product-price > :not(:last-child) {
  margin-right: 5px;
}
@media (min-width: 992px) {
  .order-confirmation__product-price > :not(:last-child) {
    margin-right: 10px;
  }
}
.order-confirmation__summary {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
  color: #2c2c27;
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 768px) {
  .order-confirmation__summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
  }
}
.order-confirmation__summary-netto {
  font-size: 14px;
  color: #999;
  position: relative;
  top: -1px;
  display: block;
}
@media (min-width: 768px) {
  .order-confirmation__summary-netto {
    display: inline;
  }
}
.order-confirmation__summary-brutto {
  color: #da0000;
}
@media (min-width: 768px) {
  .order-confirmation__summary-item {
    text-align: right;
    display: flex;
    align-items: center;
  }
}
.order-confirmation__summary-item > :last-child {
  display: block;
}
@media (min-width: 768px) {
  .order-confirmation__summary-item > :last-child {
    min-width: 270px;
    display: inline;
  }
}
.order-confirmation__summary-item:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .order-confirmation__summary-item:not(:last-child) {
    margin-bottom: 5px;
  }
}
.order-confirmation__actions {
  padding: 20px;
  background-color: #fafafa;
}
.order-confirmation__actions .btn {
  white-space: normal;
}
.cart-wrapper {
  margin-bottom: 50px;
}
.cart {
  border: 2px solid #ddd;
  overflow: hidden;
}
.cart__heading {
  font-size: 37px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 25px;
  color: #434343;
}
.cart-item {
  border-bottom: 1px solid #ddd;
}
.cart-item__bottom {
  padding: 0 25px 25px 25px;
}
@media (min-width: 768px) {
  .cart-item__bottom {
    display: flex;
  }
}
.cart-item__bottom > div:last-child {
  flex: 1;
}
.cart__title {
  font-size: 18px;
  margin: 0;
  margin-bottom: 10px;
  color: #2c2c27;
  text-align: center;
}
@media (min-width: 768px) {
  .cart__title {
    text-align: left;
    margin: 0;
    margin-right: auto;
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .cart__title {
    font-size: 29px;
  }
}
.cart__image {
  border: 1px solid #e7e7e7;
  padding: 15px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .cart__image {
    order: -1;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .cart__image {
    margin-right: 25px;
    width: 260px;
    height: 260px;
  }
}
.cart__image > img {
  max-width: 100%;
  height: auto;
}
.cart-top {
  padding: 20px 25px 30px;
}
@media (min-width: 1200px) {
  .cart-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.cart-top__price {
  color: #5a667d;
  font-size: 16px;
  margin-bottom: 15px;
  margin-right: 30px;
}
@media (min-width: 768px) {
  .cart-top__price {
    display: flex;
    align-items: center;
    margin: 0;
    margin-right: 40px;
  }
}
.cart-top__price-item {
  font-size: 15px;
  color: #434343;
  font-weight: 400;
}
.cart-top__price-item:first-child {
  margin-right: 30px;
}
.cart-top__price-title {
  margin-right: 10px;
}
.cart-top__price-value {
  font-weight: 700;
  font-size: 20px;
  color: #0f3c7d;
  position: relative;
  top: 2px;
}
.cart-top__actions {
  display: flex;
  justify-content: space-between;
  border: 1px solid #ddd;
  border-radius: #ddd;
  text-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .cart-top__actions {
    border: none;
    overflow: visible;
    justify-content: flex-start;
  }
}
.cart-top__actions-btn {
  width: 38px;
  height: 38px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .cart-top__actions-btn {
    border: 1px solid #ddd;
    flex: 0 1 auto;
  }
}
.cart-top__actions-btn:hover {
  opacity: 1;
  border: 1px solid #ddd;
}
.cart-top__actions-btn:not(:last-child) {
  border-right: 1px solid #ddd;
}
@media (min-width: 768px) {
  .cart-top__actions-btn:not(:last-child) {
    margin-right: 10px;
  }
}
.cart-top__heading {
  color: #434343;
  font-size: 22px;
  font-weight: 600;
  margin: 0 !important;
}
@media (min-width: 1200px) {
  .cart-top__heading {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 450px;
  }
}
.cart-top__right {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .cart-top__right {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .cart-top__right {
    margin-top: 0;
  }
}
.cart__attributes-wrapper {
  padding: 0 15px;
}
@media (min-width: 1200px) {
  .cart__attributes-wrapper {
    padding: 0 30px;
  }
}
.cart__attributes {
  flex: 1;
  border-top: 1px solid #e8e8e8;
  padding-top: 25px;
}
.cart__attributes-item {
  padding: 7px 0;
  display: flex;
  align-items: flex-start;
}
.cart__attributes-item:first-child {
  padding-top: 0;
}
.cart__attributes-item:not(:first-child) {
  border-top: 1px solid #f8f8f8;
}
.cart__attributes-item-key {
  color: #434343;
  font-size: 14px;
  font-weight: 700;
  min-width: 220px;
  max-width: 220px;
}
.cart__attributes-item-value {
  color: #434343;
  font-weight: 400;
  font-size: 14px;
}
.cart-bottom {
  padding: 15px;
}
@media (min-width: 1200px) {
  .cart-bottom {
    padding: 25px;
  }
}
@media (min-width: 768px) {
  .cart-bottom-summary {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .cart-bottom-summary {
    align-items: center;
    margin-bottom: 25px;
  }
}
.cart-bottom__price {
  color: #5a667d;
  font-size: 15px;
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e8ebf0;
}
@media (min-width: 768px) {
  .cart-bottom__price {
    padding: 0;
    margin: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 250px);
    position: relative;
    top: 15px;
  }
}
@media (min-width: 1200px) {
  .cart-bottom__price {
    width: auto;
    position: static;
  }
}
.cart-bottom__price-item {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .cart-bottom__price-item {
    display: block;
    margin-right: 40px;
  }
}
.cart-bottom__price-item:last-child {
  margin-right: 0;
}
.cart-bottom__price-value {
  font-weight: 700;
}
@media (min-width: 768px) {
  .cart-bottom__price-value {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .cart-bottom__actions {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .cart-bottom__actions {
    margin-top: 0;
  }
}
.cart-bottom__actions-btn {
  width: 100%;
}
@media (min-width: 768px) {
  .cart-bottom__actions-btn {
    width: auto;
  }
  .cart-bottom__actions-btn:not(:last-child) {
    margin-right: 10px;
  }
  .cart-bottom__actions-btn:first-child {
    margin-right: auto;
  }
}
.cart-bottom__actions-btn:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cart-bottom__actions-btn:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .cart-bottom__actions {
    display: flex;
  }
}
@media (min-width: 768px) {
  .cart-add-product {
    display: flex;
  }
}
.cart-add-product input {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cart-add-product input {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.cart-add-product .btn {
  height: 34px;
}
.cart-product__amount-input {
  padding: 10px 5px;
  width: 50px;
  height: 38px;
  text-align: center;
}
@media (min-width: 768px) {
  .cart-product__amount-input {
    margin-right: 10px;
  }
}
.checkbox-cart {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 34px;
}
.checkbox-cart > span {
  display: flex;
  align-items: center;
}
.checkbox-cart input {
  display: none;
}
.checkbox-cart input + label::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(../../data/image/site/checkbox.png) no-repeat;
  cursor: pointer;
  padding-left: 25px;
  width: 15px;
  height: 23px;
  visibility: visible;
  position: relative;
  top: -1px;
}
.checkbox-cart input:checked + label::before {
  background: url(../../data/image/site/checkbox_checked.png) no-repeat;
}
.checkbox-cart input.has-error + label {
  background-color: #ffe7e7;
  padding: 8px;
}
.checkbox-cart input.has-error::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid red;
}
.checkbox-cart label {
  display: inline;
  margin-right: 0;
  min-width: 0;
  position: relative;
  top: 1px;
  transition: 0.3s ease;
  user-select: none;
  font-size: 12px;
}
@media (min-width: 768px) {
  .checkbox-cart label {
    font-size: 13px;
  }
}
.checkbox-cart .validator-wrap {
  order: -1;
  line-height: 1;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.checkbox-cart .validator-wrap .validator {
  visibility: visible !important;
  font-size: 19px;
}
.checkbox-cart-missing-quantities {
  margin-top: 30px;
}
.checkbox-cart-missing-quantities input + label {
  font-size: 15px;
}
.checkbox-cart-missing-quantities input + label::before {
  top: -2px;
}
.checkbox-cart-missing-quantities .validator-wrap {
  top: 2px;
}
.modal-user-data-editor .login-panel-wrapper {
  margin: 0;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.modal-user-data-editor .login-panel-wrapper > span > div {
  padding: 0;
  border: none;
}
.modal-user-data-editor .registration-panel > div {
  margin: 0;
}
.modal-user-data-editor .button-back-from-editor {
  background-color: #ccc;
  color: #333;
}
.modal-user-data-editor .button-back-from-editor:hover {
  background-color: #bbb;
  color: #333;
}
.modal-product-valid .btn-default {
  background-color: #ccc;
  color: #333;
}
.modal-product-valid .btn-default:hover {
  color: #333;
  background-color: #ddd;
}
.modal-product-valid ul {
  margin-top: 10px;
}
.cart-local-promotion-info {
  margin: 10px 0;
  line-height: 1;
}
@media (min-width: 1200px) {
  .cart-local-promotion-info {
    display: inline-block;
    margin: 0;
  }
}
.cart-local-promotion-info label,
.cart-local-promotion-info span {
  margin: 0 !important;
  text-transform: none;
}
@media (min-width: 992px) {
  .cart-options-inner {
    display: flex;
    align-items: flex-start;
  }
}
.cart-options .alert-right {
  margin: 20px 0;
}
@media (min-width: 992px) {
  .cart-options .alert-right {
    margin: 0;
    margin-left: 30px;
  }
}
.cart-options__item-owner-delivery input {
  visibility: hidden;
  position: relative;
  width: 24px;
}
.cart-options__item-owner-delivery input + label::before {
  position: relative;
  left: -24px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(../../data/image/site/checkbox.png) no-repeat;
  cursor: pointer;
  padding-left: 25px;
  width: 15px;
  height: 23px;
  visibility: visible;
}
.cart-options__item-owner-delivery input:checked + label::before {
  background: url(../../data/image/site/checkbox_checked.png) no-repeat;
}
.budget-summary-displayer {
  margin-bottom: 30px;
}
.budget-summary-displayer table {
  width: 100%;
  border-collapse: collapse;
}
.budget-summary-displayer th,
.budget-summary-displayer td {
  border: 1px solid #ddd;
  padding: 5px;
  color: #333;
  text-align: right;
  font-size: 13px;
}
.budget-summary-displayer + table {
  margin-bottom: 20px;
}
.cart-delivery-type-message {
  margin-bottom: 15px;
  max-width: 670px;
  padding: 10px;
  font-size: 13px;
  font-weight: 700;
}
.datagrid-cart-missing-quantity {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-top: 2px;
  white-space: normal;
  word-break: break-word;
}
.cart-alerts .alert:first-child {
  margin-top: 12px;
}
.cart-alerts .alert:last-of-type {
  margin-bottom: 60px;
}
.promotions {
  margin-bottom: 30px;
}
.promotions__header {
  padding-bottom: 25px;
  border-bottom: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.promotions__heading {
  margin: 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
}
.promotions__alert {
  font-weight: 700;
}
.promotions__mode-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../image/site/list_mode_sprite.png");
  background-position: 0 0;
}
.promotions__mode-icon--grid {
  background-position: -32px 0;
  margin-right: 10px;
}
.promotions__mode-icon--grid:hover,
.promotions__mode-icon--grid.active {
  background-position: -32px 16px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.promotions__mode-icon--list {
  background-position: -16px 0;
  width: 15px;
}
.promotions__mode-icon--list:hover,
.promotions__mode-icon--list.active {
  background-position: -16px 16px;
  filter: hue-rotate(210deg) brightness(90%) grayscale(0%);
}
.promotions__tabs {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  list-style: none;
  border-color: #e3e3e3;
}
@media (min-width: 1200px) {
  .promotions__tabs.is-sticky {
    position: sticky;
    top: 60px;
    z-index: 100;
    padding: 10px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
  }
}
.promotions__tabs > div {
  display: block;
}
@media (min-width: 768px) {
  .promotions__tabs > div {
    display: flex;
    flex-wrap: wrap;
    margin-top: -5px;
  }
}
.promotions__tabs > div > li {
  display: block;
}
.promotions__tabs > div > :not(:last-child) > a {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .promotions__tabs > div > :not(:last-child) > a {
    margin-bottom: 0;
  }
}
.promotions__tabs-item {
  padding: 6px 8px;
  color: #fff;
  background-color: #777;
  font-weight: 700;
  position: relative;
  font-size: 14px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .promotions__tabs-item {
    height: 24px;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 12px;
  }
}
.promotions__tabs-item:hover,
.promotions__tabs-item:focus {
  color: #fff;
}
.promotions__tabs li.active > a {
  background-color: #0f3c7d;
}
.promotions__group:not(:last-child) {
  margin-bottom: 30px;
}
.promotions__group-heading {
  font-size: 20px;
  font-weight: 300;
  padding: 20px 0;
  margin: 0;
  line-height: 1;
  border-bottom: 1px solid #e3e3e3;
  color: #2c2c27;
  font-family: 'Raleway', sans-serif;
}
.promotions__item-wrapper {
  border-bottom: 1px solid #e3e3e3;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .promotions__item-wrapper {
    display: flex;
    text-align: left;
  }
}
.promotions__item-wrapper:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.promotions__item-image {
  width: 170px;
  height: 200px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1);
  margin: 0 auto 10px;
}
@media (min-width: 768px) {
  .promotions__item-image {
    margin: 0;
    margin-right: 30px;
  }
}
.promotions__item-content {
  padding-top: 10px;
}
.promotions__item-name {
  color: #0f3c7d;
  font-size: 15px;
  margin-bottom: 20px;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 30px;
}
.promotions__item-time-label {
  display: block;
  color: #a5a5a5;
  font-size: 14px;
}
.promotions__item-time {
  color: #a5a5a5;
  font-size: 14px;
  display: block;
}
.promotions__item--no-image + .promotions__item-content {
  padding-top: 0;
}
@media (min-width: 768px) {
  .promotions .promotions-grid .promotions__group {
    display: flex;
    flex-wrap: wrap;
  }
}
.promotions .promotions-grid .promotions__group-heading {
  width: 100%;
}
.promotions .promotions-grid .promotions__item {
  position: relative;
  display: block;
  font-size: 0;
  height: 320px;
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1);
  transition: 0.2s ease;
  margin-top: 30px;
  width: 100%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
@media (min-width: 992px) {
  .promotions .promotions-grid .promotions__item {
    min-width: calc(50% - 15px);
    max-width: calc(50% - 15px);
    padding: 0;
    border: none;
  }
}
@media (min-width: 1200px) {
  .promotions .promotions-grid .promotions__item {
    min-width: calc(33.333333% - 20px);
    max-width: calc(33.333333% - 20px);
    padding: 0;
    border: none;
  }
}
.promotions .promotions-grid .promotions__item::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(15, 60, 125, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}
.promotions .promotions-grid .promotions__item:hover::before {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 992px) {
  .promotions .promotions-grid .promotions__item:not(:nth-child(2n + 1)) {
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  .promotions .promotions-grid .promotions__item:not(:nth-child(2n + 1)) {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .promotions .promotions-grid .promotions__item:not(:nth-child(3n + 1)) {
    margin-right: 30px;
  }
}
.promotions .promotions-grid .promotions__item-name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 10px 15px;
  font-size: 15px;
  word-break: break-word;
}
.promotions .promotions-grid .promotions__item-time-wrapper {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}
.promotions .promotions-grid .promotions__item-time {
  color: #fff;
}
.promotions .promotions-grid .promotions__item--no-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #dde4ed;
  padding: 20px;
  box-shadow: none;
}
.promotions .promotions-grid .promotions__item--no-image::before {
  content: none;
}
.promotions .promotions-grid .promotions__item--no-image:hover {
  border: 2px solid #0f3c7d;
}
.promotions .promotions-grid .promotions__item--no-image .promotions__item-name {
  color: #2c2c27;
  background: none;
  position: static;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
}
.promotions .promotions-grid .promotions__item--no-image .promotions__item-time-wrapper {
  position: static;
  background: none;
  color: #a5a5a5;
  font-weight: 400;
  padding: 0;
  justify-content: center;
}
.promotions .promotions-grid .promotions__item--no-image .promotions__item-time {
  margin: 0;
  color: #a5a5a5;
}
.promotions .promotions-grid .promotions__item--no-image .promotions__item-time:not(:last-child) {
  margin-right: 10px;
}
.promotions__details {
  margin-bottom: 30px;
}
.promotions__details-go-back {
  margin-bottom: 20px;
}
.promotions__details-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}
.promotions__details-heading {
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #2c2c27;
  margin: 0;
  margin-bottom: 10px;
}
.promotions__details-time {
  color: #797979;
  font-size: 14px;
  display: block;
}
@media (min-width: 768px) {
  .promotions__details-time-wrapper {
    display: flex;
  }
}
@media (min-width: 768px) {
  .promotions__details-time:not(:last-child) {
    margin-right: 30px;
  }
}
.promotions__details-content {
  padding: 30px 0 40px;
}
@media (min-width: 768px) {
  .promotions__details-content {
    display: flex;
  }
}
.promotions__details-image {
  width: 270px;
  height: 320px;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .promotions__details-image {
    margin: 0;
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .promotions__details-description {
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .promotions__details-description > * {
    text-align: left !important;
  }
}
.promotions__details-btn {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .promotions__details-btn {
    margin-bottom: 50px;
  }
}
.promotions__details-btn .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .promotions__details-btn .btn {
    width: 240px;
  }
}
.promotions__files-heading {
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #2c2c27;
  margin: 0;
}
.promotions__file {
  padding: 15px 0;
}
@media (min-width: 768px) {
  .promotions__file {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.promotions__file:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}
.promotions__file:last-child {
  padding-bottom: 0;
}
.promotions__file-title {
  color: #898989;
  word-wrap: break-word;
}
@media (min-width: 768px) {
  .promotions__file-title {
    max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.promotions__file-title a {
  color: #898989;
}
.promotions__file-title a:hover,
.promotions__file-title a:focus {
  color: #0f3c7d;
}
.promotions__file-size-ext {
  color: #c3c3c3;
}
.modal-promotions {
  padding-left: 0 !important;
}
@media (min-width: 768px) {
  .modal-promotions .modal-dialog {
    width: 90%;
  }
}
@media (min-width: 1600px) {
  .modal-promotions .modal-dialog {
    width: 95%;
  }
}
.modal-promotions .modal-content {
  border: none;
  border-radius: 0;
}
@media (min-width: 768px) {
  .modal-promotions .modal-content {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (min-height: 500px) {
  .modal-promotions .modal-content {
    height: calc(100vh - 60px);
  }
}
.modal-promotions .modal-close {
  position: absolute;
  right: -30px;
  top: -2px;
  width: 18px;
  height: 18px;
  opacity: 0.5;
  z-index: 1;
  cursor: pointer;
  display: none;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .modal-promotions .modal-close {
    display: block;
  }
}
.modal-promotions .modal-close:hover {
  opacity: 1;
}
.modal-promotions .modal-close::before,
.modal-promotions .modal-close::after {
  position: absolute;
  left: 8px;
  content: ' ';
  height: 19px;
  width: 2px;
  background-color: #fff;
}
.modal-promotions .modal-close::before {
  transform: rotate(45deg);
}
.modal-promotions .modal-close::after {
  transform: rotate(-45deg);
}
.modal-promotions .btn-inactive {
  background-color: #b3b3b3;
  color: #fff;
}
.modal-promotions .btn-inactive:hover,
.modal-promotions .btn-inactive:focus {
  background-color: #8b8e8f;
}
.modal-promotions__top {
  padding: 10px;
  border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 768px) {
  .modal-promotions__top {
    padding: 23px;
  }
}
.modal-promotions__header {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .modal-promotions__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
  }
}
.modal-promotions__header .btn {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-promotions__header .btn {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .modal-promotions__header .btn {
    padding-left: 23px;
    padding-right: 23px;
  }
}
.modal-promotions__header .btn:not(:last-child) {
  margin-right: 10px;
}
.modal-promotions__header .btn-close {
  background-color: #ddd;
  transition: 0.2s ease;
  color: #333;
}
.modal-promotions__header .btn-close:hover,
.modal-promotions__header .btn-close:focus {
  background-color: #ccc;
}
.modal-promotions__header .btn-success {
  transition: 0.2s ease;
}
.modal-promotions__heading {
  font-size: 22px;
  font-weight: 300;
  font-family: 'Raleway', sans-serif;
  color: #2c2c27;
  order: -1;
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .modal-promotions__heading {
    order: initial;
    margin-bottom: 0;
  }
}
.modal-promotions .main-header__search-wrapper-bundle {
  display: flex;
}
@media (min-width: 992px) {
  .modal-promotions .main-header__search-wrapper-bundle {
    margin-bottom: 0;
    margin-right: 10px;
  }
}
.modal-promotions .main-header__search-wrapper-bundle .main-header__search-btn {
  display: inline-block;
}
.modal-promotions__middle-wrapper {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-promotions__middle-wrapper {
    display: flex;
    margin-bottom: 15px;
  }
}
.modal-promotions__middle {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-promotions__middle:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .modal-promotions__progress-wrapper {
    flex: 1;
  }
}
.modal-promotions__progress-bar {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-promotions__progress-bar {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.modal-promotions .progress {
  height: 8px;
  box-shadow: none;
  background-color: #e5e5e5;
  margin-bottom: 10px;
}
.modal-promotions .progress-bar {
  line-height: 8px;
}
.modal-promotions .progress-bar-danger {
  background-color: #c63434;
}
.modal-promotions .progress-bar-success {
  background-color: #5cb85c;
}
.modal-promotions__progress-summary {
  position: relative;
  color: #777;
  font-size: 14px;
}
@media (min-width: 768px) {
  .modal-promotions__progress-summary {
    white-space: nowrap;
    top: -5px;
  }
}
.modal-promotions__progress-summary-label {
  width: 55px;
  display: inline-block;
}
.modal-promotions__progress-summary-value {
  font-weight: 700;
}
.modal-promotions__condition {
  color: #444;
  font-size: 14px;
}
.modal-promotions__condition-value {
  font-weight: 700;
  display: block;
}
@media (min-width: 768px) {
  .modal-promotions__condition-value {
    display: inline;
  }
}
.modal-promotions__condition .text-danger {
  color: #c63434;
}
.modal-promotions__condition .text-success {
  color: #5cb85c;
}
.modal-promotions__steps {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .modal-promotions__steps > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.modal-promotions__steps::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 100%;
  background-color: #e6e7e8;
  z-index: -1;
}
@media (min-width: 768px) {
  .modal-promotions__steps::before {
    height: 6px;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -3px;
    margin-left: 0;
  }
}
.modal-promotions__steps .btn {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-promotions__steps .btn {
    margin-bottom: 0;
    width: auto;
  }
}
@media (min-width: 1600px) {
  .modal-promotions__steps .btn {
    min-width: 120px;
    max-width: 120px;
  }
}
@media (min-width: 1900px) {
  .modal-promotions__steps .btn {
    min-width: 165px;
    max-width: 165px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .modal-promotions__steps .btn > span {
    display: none;
  }
}
.modal-promotions__products {
  padding: 10px;
  flex: 1;
  overflow-y: auto;
  scrollbar-color: #656565 #cccccc;
}
.modal-promotions__products::-webkit-scrollbar {
  width: 10px;
}
.modal-promotions__products::-webkit-scrollbar-track {
  background-color: #cccccc;
  border-radius: 0;
}
.modal-promotions__products::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #656565;
}
@media (min-width: 768px) {
  .modal-promotions__products {
    margin: 0 10px 10px 0;
    padding: 10px 40px 23px 40px;
  }
}
@media (min-width: 1200px) and (min-height: 600px) {
  .modal-promotions__products {
    padding-top: 0;
    margin-top: 10px;
  }
}
.modal-promotions .view-list {
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .modal-promotions .view-table__details-wrapper > div > a {
    display: inline;
  }
}
.modal-promotions .panel-body {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.modal-promotions .panel-body > .col-sm-12,
.modal-promotions .panel-body > .col-md-12 {
  padding: 0;
}
.modal-promotions .product-list {
  margin: 0;
}
.modal-promotions .pager-wrap {
  display: none;
}
.modal-promotions .product-list-filter--header {
  display: flex;
  justify-content: flex-end;
}
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear {
  padding-bottom: 15px !important;
}
@media (min-width: 768px) {
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear {
    display: flex;
    border-top: none;
    border-bottom: 1px solid #e3e3e3 !important;
    align-items: flex-end;
    justify-content: space-between;
    border-radius: 0;
  }
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear > .row {
    flex: 1;
  }
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear > .row:last-child {
    order: -1;
  }
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .panel-body--heading {
    border: none;
  }
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .filter4 {
    padding-bottom: 0;
    display: flex;
    align-items: center;
  }
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .filter4 > div:last-child {
    line-height: 1;
  }
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter--header {
    justify-content: flex-end !important;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear {
    align-items: center;
  }
}
@media (min-width: 1200px) and (min-height: 600px) {
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 100;
    padding-top: 15px !important;
    width: calc(100% + 4px);
    margin-left: -2px !important;
  }
}
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear > .row:first-child {
  display: none;
}
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter {
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter .clearfix {
  display: none;
}
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter .filter1,
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter .filter2,
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter .filter3 {
  padding: 0;
}
@media (min-width: 768px) {
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter .filter1,
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter .filter2,
  .modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-list-filter .filter3 {
    margin-right: 20px;
  }
}
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .product-header--title {
  display: none;
}
.modal-promotions .panel-heading.panel-heading-no-border.main-padding-clear .filter4 {
  padding: 0;
}
.modal-promotions .pagination {
  margin: 0;
  margin-top: 30px;
}
.modal-promotions .pagination li span,
.modal-promotions .pagination li a {
  margin-right: 5px;
  border-radius: 0 !important;
  background-color: #e3e3e3;
  border: 1px solid #dadada;
  color: #575757;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 28px;
  margin: 5px 2px 0 0;
  display: inline-block;
  text-shadow: 0.5px 0.866px 0px rgba(255, 255, 255, 0.5);
  transition: border-color 0.2s ease;
  position: relative;
}
.modal-promotions .pagination li span::before,
.modal-promotions .pagination li a::before {
  display: block;
  content: '';
  width: calc(100% - 2px);
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 0.2s ease;
}
.modal-promotions .pagination li span:hover,
.modal-promotions .pagination li a:hover {
  text-decoration: none;
  border-color: #0f3c7d;
  background-color: #e3e3e3;
  color: #575757;
}
.modal-promotions .pagination li span:hover::before,
.modal-promotions .pagination li a:hover::before {
  background-color: #fff;
}
.modal-promotions .pagination li:not(:last-child) span,
.modal-promotions .pagination li:not(:last-child) a {
  margin-right: 5px;
}
.modal-promotions .pagination li.active span {
  color: #fff;
  background: #0f3c7d;
  border: 1px solid transparent;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
}
.modal-promotions .pagination li.active span:hover {
  background: #0f3c7d;
}
.modal-promotions .filter-4-wrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .modal-promotions .filter-4-wrapper {
    display: flex;
    align-items: center;
    width: auto;
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .modal-promotions .filter-4-wrapper {
    gap: 0;
  }
}
@media (min-width: 768px) {
  .modal-promotions .filter-4-wrapper .filter4 {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .modal-promotions .filter-4-wrapper .filter4 > div {
    width: 100%;
    display: flex;
    justify-content: space-around;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-promotions .filter-4-wrapper .main-header__search-input-bundle {
    max-width: 120px;
  }
}
.modal-promotions .search-wrapper {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  margin-left: auto;
}
@media (min-width: 768px) {
  .modal-promotions .search-wrapper {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .modal-promotions .search-wrapper {
    margin-bottom: 0;
    margin-right: 20px;
    width: auto;
  }
}
.modal-promotions .search-wrapper input {
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .modal-promotions .search-wrapper input {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .modal-promotions .search-wrapper input {
    width: 250px;
  }
}
.modal-promotions .search-wrapper a {
  position: absolute;
  right: 8px;
  top: 8px;
}
.modal-promotions .view-list .add-cart-amount,
.modal-promotions .view-table .add-cart-amount {
  padding-left: 5px;
  padding-right: 5px;
  width: 45px !important;
}
.modal-promotions .main-header__search-btn {
  width: 34px !important;
  height: 34px !important;
  line-height: 33px !important;
  font-size: 16px !important;
}
.modal-promotions .product-list-filter label {
  float: none;
}
@media (min-width: 1200px) {
  .modal-promotions .product-list-filter > .form-group {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .modal-promotions .product-list-filter > .form-group label {
    padding: 0;
  }
}
.modal-promotions .product-list s {
  display: none !important;
}
.modal-promotions-open {
  overflow: hidden !important;
}
.modal-promotions-open .modal-backdrop.in {
  opacity: 0.9;
}
.promotion-active {
  color: #47a547 !important;
  font-weight: 700 !important;
}
.offer-active {
  color: #47a547 !important;
  font-weight: 700 !important;
}
.blockUI {
  z-index: 9999 !important;
}
.form-field-wrapper {
  position: relative;
}
.form-field-wrapper .validator {
  position: absolute;
  top: 9px;
  right: 7px;
}
.account-editor-with-tabs .mt-5 {
  margin-top: 5px;
}
.account-editor-with-tabs .mb-30 {
  margin-bottom: 30px;
}
.account-editor-with-tabs .custom-checkbox {
  display: block;
}
.account-editor-with-tabs .custom-checkbox label {
  font-size: 15px;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  background: url(../../data/image/site/checkbox.png) no-repeat;
  cursor: pointer;
  padding-left: 22px;
  background-position-y: -2px;
}
.account-editor-with-tabs .custom-checkbox input {
  display: none;
}
.account-editor-with-tabs .custom-checkbox input:checked + label {
  background-image: url(../../data/image/site/checkbox_checked.png);
  background-repeat: no-repeat;
}
.account-editor-with-tabs .custom-checkbox input[disabled] + label {
  color: #aaa;
}
.account-editor-with-tabs .checkbox-col input[type="checkbox"]::after {
  content: '';
  font-size: 15px;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../data/image/site/checkbox.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 15px;
  height: 23px;
  position: relative;
  top: -4px;
}
.account-editor-with-tabs .checkbox-col input[type="checkbox"]:checked::after {
  background-image: url(../../data/image/site/checkbox_checked.png);
}
.account-editor-with-tabs .checkbox-col input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.account-editor-with-tabs .checkbox-col input[type="checkbox"]:disabled::after {
  cursor: not-allowed;
}
.account-editor-with-tabs .alert {
  width: 100%;
}
.account-editor-with-tabs .TDatePicker_default {
  width: auto;
}
.account-editor-with-tabs .TDatePicker_default .calendarHeader input {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.account-editor-with-tabs .TDatePicker_default .weekDayHead {
  text-align: center !important;
  padding: 5px;
}
.account-editor-with-tabs .pager-basic {
  display: block;
  margin-bottom: 30px;
}
.account-editor-with-tabs .pager-basic .pagination {
  margin: 0;
}
.account-editor-with-tabs .btn-cancel {
  margin: 0;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
}
.account-editor-with-tabs .input-group + .input-group {
  margin-top: 5px;
}
.account-editor-with-tabs .input-group-btn .btn {
  height: 34px;
}
.account-editor-with-tabs .input-group-btn .btn + .btn {
  margin-left: 1px;
}
.account-editor-with-tabs .input-group-btn input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.account-editor-with-tabs label {
  margin-bottom: 3px;
}
.account-editor-with-tabs > h2 {
  margin: 30px 0 50px;
}
.account-editor-with-tabs .document-tabs {
  margin-bottom: 35px;
}
.account-editor-with-tabs .table-responsive {
  margin-bottom: 30px;
}
.account-editor-with-tabs .table {
  margin-bottom: 0;
}
.account-editor-with-tabs .table thead th {
  border-bottom: 2px solid #e5e9eb;
  padding: 0 10px 16px;
}
.account-editor-with-tabs .table thead th:last-child {
  text-align: left !important;
}
.account-editor-with-tabs .table thead th,
.account-editor-with-tabs .table thead th a {
  color: #2c2c27;
  font-weight: 700;
  font-size: 14px;
}
.account-editor-with-tabs .table tbody tr:nth-child(even) {
  background-color: #fcfcfc;
}
.account-editor-with-tabs .table tbody td {
  padding: 16px 10px;
  font-size: 14px;
  color: #777777;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}
.account-editor-with-tabs .table tbody td input[type="text"],
.account-editor-with-tabs .table tbody td select {
  width: auto;
  padding: 6px 12px;
  height: 32px;
  max-width: 150px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid #cbd3d7;
  box-shadow: inset 0 2px #eaedef;
  font-size: 14px;
  color: #777777;
  border-radius: 0px;
}
.account-editor-with-tabs .table tbody td input[type="text"]:focus,
.account-editor-with-tabs .table tbody td select:focus {
  box-shadow: inset 0 2px #db0000;
}
.account-editor-with-tabs .table tbody td input[type="checkbox"] {
  margin: 0;
}
.account-editor-with-tabs__content {
  margin-bottom: 50px;
}
.account-editor-with-tabs__address-empty {
  text-align: center;
  padding: 20px;
  border: 1px solid #ddd;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  width: 100%;
  display: block;
}
.account-editor-with-tabs__addresses-add-btn {
  margin-bottom: 20px;
}
.account-editor-with-tabs__address-items {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__address-items > div {
    display: flex;
    flex-wrap: wrap;
  }
}
.account-editor-with-tabs__address-item {
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
}
.account-editor-with-tabs__address-item:last-child {
  border: none;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  background: none;
  border: 2px solid #0f3c7d;
  box-shadow: none;
  min-height: 102px;
  transition: 0.2s ease;
  text-shadow: none;
  position: relative;
  padding-left: 75px;
  text-transform: none;
}
.account-editor-with-tabs__address-item:last-child i {
  color: #0f3c7d;
  margin-right: 5px;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 100%;
  background-color: #0f3c7d;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.account-editor-with-tabs__address-item:last-child::before {
  content: none;
}
.account-editor-with-tabs__address-item:last-child:hover {
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__address-item {
    min-width: calc(50% - 10px);
    max-width: calc(50% - 10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .account-editor-with-tabs__address-item:not(:nth-child(2n)) {
    margin-right: 20px;
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__address-item:not(:nth-child(2n)) {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__address-item {
    min-width: calc(33.333333% - 13.333333px);
    max-width: calc(33.333333% - 13.333333px);
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__address-item:not(:nth-child(3n)) {
    margin-right: 20px;
  }
}
.account-editor-with-tabs__address {
  word-break: break-word;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__address {
    margin-bottom: 0;
  }
}
.account-editor-with-tabs__address-buttons {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__address-buttons {
    margin-left: 20px;
  }
}
.account-editor-with-tabs .account-editor-with-tabs__address-add {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  background: none;
  border: 2px solid #0f3c7d;
  box-shadow: none;
  min-height: 102px;
  transition: 0.2s ease;
  width: 100%;
  text-shadow: none;
  position: relative;
  padding-left: 75px;
  text-transform: none;
}
@media (min-width: 768px) {
  .account-editor-with-tabs .account-editor-with-tabs__address-add {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs .account-editor-with-tabs__address-add {
    width: 33%;
  }
}
.account-editor-with-tabs .account-editor-with-tabs__address-add::before {
  content: none;
}
.account-editor-with-tabs .account-editor-with-tabs__address-add:hover {
  background-color: #f5f5f5;
}
.account-editor-with-tabs .account-editor-with-tabs__address-add i {
  color: #0f3c7d;
  margin-right: 5px;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 100%;
  background-color: #0f3c7d;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__user-edit {
    display: flex;
    flex-wrap: wrap;
  }
}
.account-editor-with-tabs__user-edit > * {
  margin-bottom: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__user-edit > * {
    min-width: calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
}
@media (min-width: 768px) {
  .account-editor-with-tabs__user-edit > *:not(:nth-child(2n)) {
    margin-right: 30px;
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__user-edit > *:not(:nth-child(2n)) {
    margin-right: 30px;
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__user-edit > * {
    min-width: calc(25% - 22.5px);
    max-width: calc(25% - 22.5px);
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__user-edit > *:not(:nth-child(4n)) {
    margin-right: 30px;
  }
}
.account-editor-with-tabs__user-edit > * label {
  margin-bottom: 3px;
}
@media (min-width: 992px) {
  .account-editor-with-tabs__user-edit--def {
    flex-wrap: nowrap;
  }
}
.account-editor-with-tabs__user-edit--def > * {
  min-width: 0;
  max-width: none;
  width: 100%;
  margin-right: 0;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__user-edit--def > *:not(:nth-child(2n)) {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__user-edit--def > *:not(:nth-child(4n)) {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__user-edit--def > *:not(:last-child) {
    margin-right: 30px;
  }
}
.account-editor-with-tabs__user-edit-permissions {
  margin-bottom: 30px;
}
.account-editor-with-tabs__password-edit {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.account-editor-with-tabs__budget-heading {
  margin-bottom: 30px;
  margin-top: 0;
}
@media (min-width: 992px) {
  .account-editor-with-tabs__budget-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.account-editor-with-tabs__budget-heading h2 {
  margin: 0;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .account-editor-with-tabs__budget-heading h2 {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .account-editor-with-tabs__budget-heading .btn {
    margin-left: 20px;
  }
}
.account-editor-with-tabs__budget-search {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-search {
    display: flex;
  }
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-search input {
    width: 300px;
  }
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-search > :not(:last-child) {
    margin-right: 5px;
  }
}
.account-editor-with-tabs__budget-search .form-control {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-search .form-control {
    margin-top: 0;
  }
}
.account-editor-with-tabs__budget-search .btn {
  display: block;
  width: 100%;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-search .btn {
    margin-top: 0;
    width: auto;
    height: 34px;
  }
}
.account-editor-with-tabs__budget-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.account-editor-with-tabs__budget-table table {
  table-layout: fixed;
  width: auto;
  min-width: 100%;
}
.account-editor-with-tabs__budget-table table thead th {
  border-bottom: 2px solid #e5e9eb;
}
.account-editor-with-tabs__budget-table table thead th:nth-child(1) {
  width: 120px;
}
.account-editor-with-tabs__budget-table table thead th:nth-child(2) {
  width: 300px;
}
.account-editor-with-tabs__budget-table table thead th:nth-child(3) {
  width: 530px;
}
.account-editor-with-tabs__budget-table table thead th:nth-child(4) {
  width: 50px;
}
.account-editor-with-tabs__budget-table table thead th:nth-child(5) {
  width: 140px;
}
.account-editor-with-tabs__budget-table table thead th:nth-child(6) {
  width: 30px;
}
.account-editor-with-tabs__budget-table table thead th,
.account-editor-with-tabs__budget-table table thead th a {
  padding-top: 0;
  padding-bottom: 16px;
  color: #2c2c27;
  font-weight: 700;
  font-size: 14px;
}
.account-editor-with-tabs__budget-table table tbody tr:nth-child(even) {
  background-color: #fcfcfc;
}
.account-editor-with-tabs__budget-table table tbody td {
  padding: 16px 10px;
  font-size: 14px;
  color: #777777;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}
.account-editor-with-tabs__budget-table table tbody td input[type="checkbox"] {
  margin: 0;
}
.account-editor-with-tabs__budget-table-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.account-editor-with-tabs__budget-table-icons > *:not(:last-child) {
  margin-right: 5px;
}
.account-editor-with-tabs__budget-table-icons a {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.account-editor-with-tabs__budget-table-deep table thead th:nth-last-child(1),
.account-editor-with-tabs__budget-table-deep table thead th:nth-last-child(2),
.account-editor-with-tabs__budget-table-deep table thead th:nth-last-child(3),
.account-editor-with-tabs__budget-table-deep table thead th:nth-last-child(4),
.account-editor-with-tabs__budget-table-deep table thead th:nth-last-child(5) {
  padding-right: 0;
  padding-left: 5px;
}
.account-editor-with-tabs__budget-table-deep table tbody td:nth-last-child(1),
.account-editor-with-tabs__budget-table-deep table tbody td:nth-last-child(2),
.account-editor-with-tabs__budget-table-deep table tbody td:nth-last-child(3),
.account-editor-with-tabs__budget-table-deep table tbody td:nth-last-child(4),
.account-editor-with-tabs__budget-table-deep table tbody td:nth-last-child(5) {
  padding-right: 0;
  padding-left: 5px;
}
.account-editor-with-tabs__budget-import-products {
  margin-bottom: 30px;
  max-width: 50%;
}
.account-editor-with-tabs__budget-import-products .btn {
  margin-left: 5px !important;
}
.account-editor-with-tabs__budget-buttons .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-buttons .btn {
    width: auto;
  }
}
.account-editor-with-tabs__budget-buttons .btn + .btn {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-buttons .btn + .btn {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-edit {
    display: flex;
  }
}
.account-editor-with-tabs__budget-edit > div {
  flex: 1;
}
@media (min-width: 768px) {
  .account-editor-with-tabs__budget-edit > div:first-child {
    margin-right: 30px;
  }
}
.logo-upload {
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.logo-upload__heading {
  font-size: 18px;
  margin: 0;
  margin-bottom: 10px;
  line-height: 1;
}
.logo-upload__label:active {
  color: #fff;
}
.logo-upload__input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.logo-upload__image-wrapper {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.logo-upload__image {
  max-width: 200px;
  height: auto;
  display: block;
  margin-right: 20px;
}
.tooltip-budget {
  background: #2c2d27;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 8px;
  border: none !important;
}
.alert-budget-no-period {
  background-color: #e63b3b;
  border: 2px solid #b13232;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 25px;
}
.dx-dropdownlist-popup-wrapper .dx-item-content {
  overflow: visible;
  white-space: normal;
}
.good-to-know,
.good-to-know-list {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .good-to-know__container,
  .good-to-know-list__container {
    display: flex;
  }
}
.good-to-know__list,
.good-to-know-list__list {
  display: none;
  position: relative;
}
@media (min-width: 992px) {
  .good-to-know__list,
  .good-to-know-list__list {
    min-width: 260px;
    max-width: 260px;
    border-right: 1px solid #ddd;
    margin-right: 30px;
  }
}
.good-to-know__list-inner,
.good-to-know-list__list-inner {
  list-style: none;
  padding: 0 0 40px 0;
  margin: 0;
  position: relative;
}
.good-to-know__list-inner > li > a,
.good-to-know-list__list-inner > li > a {
  display: block;
  color: #585858;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 5px 35px 5px 0;
}
.good-to-know__list-inner > li > a:hover,
.good-to-know-list__list-inner > li > a:hover {
  color: #0f3c7d;
}
.good-to-know__list-inner > li > a::before,
.good-to-know-list__list-inner > li > a::before {
  content: '\f105';
  font-family: FontAwesome;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}
@media (min-width: 992px) {
  .good-to-know__list-inner > li > a::before,
  .good-to-know-list__list-inner > li > a::before {
    right: 20px;
  }
}
.good-to-know__list-inner > li > a::after,
.good-to-know-list__list-inner > li > a::after {
  content: ' (' attr(data-count) ')';
  color: #c6c6c6;
  font-weight: 400;
}
.good-to-know__list-inner > li > a.active,
.good-to-know-list__list-inner > li > a.active {
  color: #0f3c7d;
}
.good-to-know__heading,
.good-to-know-list__heading {
  color: #2c2c27;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.good-to-know__items-wrapper,
.good-to-know-list__items-wrapper {
  position: relative;
  min-width: 0;
}
@media (min-width: 992px) {
  .good-to-know__items-wrapper,
  .good-to-know-list__items-wrapper {
    flex: 1;
  }
}
@media (min-width: 992px) {
  .good-to-know__items,
  .good-to-know-list__items {
    display: flex;
    flex-wrap: wrap;
  }
}
.good-to-know__item,
.good-to-know-list__item {
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .good-to-know__item,
  .good-to-know-list__item {
    min-width: calc(50% - 15px);
    max-width: calc(50% - 15px);
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .good-to-know__item:not(:nth-child(2n)),
  .good-to-know-list__item:not(:nth-child(2n)) {
    margin-right: 30px;
  }
}
.good-to-know__item-image,
.good-to-know-list__item-image {
  margin-bottom: 20px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.good-to-know__item-image > img,
.good-to-know-list__item-image > img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  border-radius: 4px;
}
.good-to-know__item-title,
.good-to-know-list__item-title {
  margin: 0 0 5px 0;
}
.good-to-know__item-title > a,
.good-to-know-list__item-title > a {
  color: #2c2c27;
  font-size: 20px;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.good-to-know__item-title > a:hover,
.good-to-know-list__item-title > a:hover {
  color: #0f3c7d;
}
.good-to-know__item-date,
.good-to-know-list__item-date {
  color: #aaa;
  font-size: 12px;
  margin: 0 0 20px 0;
}
@media (min-width: 992px) {
  .good-to-know__item-content-wrapper,
  .good-to-know-list__item-content-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.good-to-know__item-content,
.good-to-know-list__item-content {
  max-height: 125px;
  overflow: hidden;
  display: block;
  position: relative;
  margin-bottom: auto;
}
.good-to-know__item-content::after,
.good-to-know-list__item-content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.good-to-know__item-content *,
.good-to-know-list__item-content * {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  display: inline !important;
  line-height: 21px !important;
  color: #747474 !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: baseline !important;
  background-color: transparent !important;
  text-align: left !important;
  pointer-events: none !important;
}
.good-to-know__item-content * br,
.good-to-know-list__item-content * br {
  display: none !important;
}
.good-to-know__item-more,
.good-to-know-list__item-more {
  text-align: right;
  margin-top: 10px;
  font-size: 13px;
}
.good-to-know__item-more > a,
.good-to-know-list__item-more > a {
  color: #0f3c7d;
}
.good-to-know__pagination,
.good-to-know-list__pagination {
  margin: 30px 0;
}
@media (min-width: 992px) {
  .good-to-know__pagination,
  .good-to-know-list__pagination {
    margin: 50px 0;
  }
}
.good-to-know__pagination .url-pager,
.good-to-know-list__pagination .url-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: -5px;
}
.good-to-know__pagination .pages,
.good-to-know-list__pagination .pages {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: 5px;
}
.good-to-know__pagination .page-num,
.good-to-know-list__pagination .page-num {
  font-weight: 700;
}
.good-to-know__pagination .page-num.active,
.good-to-know-list__pagination .page-num.active {
  background-color: #0f3c7d;
  color: #fff;
}
.good-to-know__pagination .page-num.active:hover,
.good-to-know-list__pagination .page-num.active:hover {
  background-color: rgba(15, 60, 125, 0.8);
}
.good-to-know__pagination .page-num,
.good-to-know-list__pagination .page-num,
.good-to-know__pagination .prev-page,
.good-to-know-list__pagination .prev-page,
.good-to-know__pagination .next-page,
.good-to-know-list__pagination .next-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 11px;
  margin-top: 5px;
  border-radius: 2px;
  background-color: #fff;
  color: #7c7c7c;
  transition: 0.1s ease;
}
.good-to-know__pagination .page-num:hover,
.good-to-know-list__pagination .page-num:hover,
.good-to-know__pagination .prev-page:hover,
.good-to-know-list__pagination .prev-page:hover,
.good-to-know__pagination .next-page:hover,
.good-to-know-list__pagination .next-page:hover {
  background-color: #e0e0e6;
}
.good-to-know__pagination .page-num:not(:last-child),
.good-to-know-list__pagination .page-num:not(:last-child),
.good-to-know__pagination .prev-page:not(:last-child),
.good-to-know-list__pagination .prev-page:not(:last-child),
.good-to-know__pagination .next-page:not(:last-child),
.good-to-know-list__pagination .next-page:not(:last-child) {
  margin-right: 5px;
}
.good-to-know__pagination .prev-page::after,
.good-to-know-list__pagination .prev-page::after,
.good-to-know__pagination .next-page::after,
.good-to-know-list__pagination .next-page::after {
  content: '\f104';
  font-family: 'FontAwesome';
}
.good-to-know__pagination .next-page::after,
.good-to-know-list__pagination .next-page::after {
  content: '\f105';
}
.good-to-know__pagination .ellipsis,
.good-to-know-list__pagination .ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 11px;
  background-color: #fff;
  margin-right: 5px;
  margin-top: 5px;
  color: #3c3c3c;
  border-radius: 2px;
}
.good-to-know__pagination .prev-page,
.good-to-know-list__pagination .prev-page,
.good-to-know__pagination .next-page,
.good-to-know-list__pagination .next-page {
  display: none !important;
}
.good-to-know__pagination .pagination,
.good-to-know-list__pagination .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: -5px;
}
.good-to-know__pagination .pagination li > a,
.good-to-know-list__pagination .pagination li > a,
.good-to-know__pagination .pagination li > span,
.good-to-know-list__pagination .pagination li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 11px;
  margin-top: 5px;
  border-radius: 2px;
  background-color: #fff;
  font-weight: 700;
  color: #7c7c7c;
  border: none;
  margin-right: 5px;
  transition: 0.1s ease;
}
.good-to-know__pagination .pagination li > a:hover,
.good-to-know-list__pagination .pagination li > a:hover,
.good-to-know__pagination .pagination li > span:hover,
.good-to-know-list__pagination .pagination li > span:hover {
  background-color: #e0e0e6;
}
.good-to-know__pagination .pagination li > a:not(:last-child),
.good-to-know-list__pagination .pagination li > a:not(:last-child),
.good-to-know__pagination .pagination li > span:not(:last-child),
.good-to-know-list__pagination .pagination li > span:not(:last-child) {
  margin-right: 5px;
}
.good-to-know__pagination .pagination li > span,
.good-to-know-list__pagination .pagination li > span {
  background-color: #0f3c7d;
  color: #fff;
}
.good-to-know__pagination .pagination li > span:hover,
.good-to-know-list__pagination .pagination li > span:hover {
  background-color: rgba(15, 60, 125, 0.8);
}
.good-to-know-list {
  margin-bottom: 30px;
}
.good-to-know-list__heading {
  font-size: 24px;
  text-align: center;
}
@media (min-width: 992px) {
  .good-to-know-list__item {
    min-width: calc(33% - 20px);
    max-width: calc(33% - 20px);
  }
}
@media (min-width: 992px) {
  .good-to-know-list__item:not(:nth-child(2n)) {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .good-to-know-list__item:not(:nth-child(3n)) {
    margin-right: 30px;
  }
}
.good-to-know-list__item-image {
  height: 250px;
}
.good-to-know-list__more {
  text-align: center;
  font-weight: 700;
}
.good-to-know-article-wrapper {
  flex: 1;
}
@media (min-width: 992px) {
  .good-to-know-article-wrapper {
    display: flex;
  }
}
.good-to-know-article {
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .good-to-know-article {
    flex: 1;
    padding-right: 30px;
    border-right: 1px solid #ddd;
  }
}
.good-to-know-article__back {
  margin-bottom: 10px;
}
.good-to-know-article__back > a {
  color: #0f3c7d;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}
.good-to-know-article__back > a:hover {
  color: #0d336a;
}
.good-to-know-article__title {
  color: #2c2c27;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 5px 0;
}
.good-to-know-article__date {
  margin: 0 0 20px 0;
  color: #aaa;
  font-size: 12px;
}
@media (min-width: 992px) {
  .good-to-know-article__date {
    margin: 0 0 30px 0;
  }
}
.good-to-know-article__image {
  margin: 0 auto 20px auto;
  height: auto;
  max-width: 100%;
  border-radius: 4px;
  display: block;
}
@media (min-width: 992px) {
  .good-to-know-article__image {
    margin: 0 auto 30px auto;
  }
}
.good-to-know__other-articles {
  position: relative;
}
@media (min-width: 992px) {
  .good-to-know__other-articles {
    min-width: 300px;
    max-width: 300px;
  }
}
.good-to-know__other-articles-heading {
  color: #2c2c27;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
@media (min-width: 992px) {
  .good-to-know__other-articles-heading {
    padding-left: 30px;
  }
}
.good-to-know__other-articles-list {
  list-style: none;
  padding: 0 0 40px 0;
  margin: 0;
  position: relative;
}
@media (min-width: 992px) {
  .good-to-know__other-articles-list {
    padding-left: 30px;
  }
}
.good-to-know__other-articles-list-item:not(:last-child) > a {
  margin-bottom: 5px;
}
.good-to-know__other-articles-list-item > a {
  font-size: 14px;
  color: #0f3c7d;
  font-weight: 700;
  display: block;
}
.good-to-know__other-articles-list-item > a:hover {
  color: #0d336a;
}
.pdf-displayer-master-body {
  padding: 0;
}
.pdf-displayer-master-body > #contentWrap > form {
  padding-bottom: 20px;
  height: 100vh;
}
@media (min-width: 992px) {
  .pdf-displayer-master-body > #contentWrap > form {
    padding-right: 360px;
  }
}
.pdf-displayer-master-body > #contentWrap > form .pdf-displayer {
  margin: 0;
}
.pdf-displayer-master {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#pdf-container {
  overflow: auto;
}
#pdf-container > .page {
  max-width: 100%;
  margin: 0;
}
.pdf-displayer__top {
  padding: 10px 80px 10px 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  gap: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .pdf-displayer__top {
    justify-content: space-between;
    padding-right: 10px;
  }
}
.pdf-displayer__top-left {
  display: none;
  align-items: center;
  gap: 10px;
}
.pdf-displayer__top-left--active {
  display: flex;
}
.pdf-displayer__logo {
  display: inline-block;
  vertical-align: top;
}
.pdf-displayer__logo img {
  max-width: 100%;
  min-width: 75px;
  min-height: 30px;
  max-height: 30px;
}
.pdf-displayer__back-button {
  height: 30px;
  background-color: #0f3c7d;
  color: #ffffff;
  line-height: 30px;
  padding: 0 8px;
  white-space: nowrap;
}
.pdf-displayer__back-button:hover,
.pdf-displayer__back-button:focus {
  background-color: #0e3671;
}
.pdf-displayer__back-button-label {
  display: none;
}
@media (min-width: 1200px) {
  .pdf-displayer__back-button-label {
    display: inline-flex;
  }
}
.pdf-displayer__producers {
  display: none;
}
@media (min-width: 768px) {
  .pdf-displayer__producers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .pdf-displayer__producers--active {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 40px;
    background-color: #ccc;
    max-height: 300px;
    overflow-y: auto;
    z-index: 120;
    width: 100%;
  }
  .pdf-displayer-master-body .pdf-displayer__producers--active {
    top: 51px;
    position: fixed;
  }
}
@media (min-width: 992px) {
  .pdf-displayer__producers {
    gap: 5px 15px;
  }
}
.pdf-displayer__producers-toggle {
  display: none;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .pdf-displayer__producers-toggle {
    display: none;
  }
}
.pdf-displayer__producers-toggle--active {
  display: flex;
}
@media (min-width: 768px) {
  .pdf-displayer__producers-toggle--active {
    display: none;
  }
}
.pdf-displayer__producers-item {
  padding: 6px 8px;
  color: #fff;
  background-color: #0f3c7d;
  font-weight: 700;
  position: relative;
  font-size: 14px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #0d336a;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .pdf-displayer__producers-item {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .pdf-displayer__producers-item {
    height: 24px;
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .pdf-displayer__producers-item::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 9px;
    border-color: transparent transparent transparent #0f3c7d;
    position: absolute;
    right: -9px;
    top: 0;
  }
}
.pdf-displayer__producers-item:hover,
.pdf-displayer__producers-item:focus {
  color: #dae8ef;
}
.pdf-displayer__help-message {
  display: none;
}
@media (min-width: 768px) {
  .pdf-displayer__help-message {
    display: block;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    background-color: #0f3c7d;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.pdf-displayer__count {
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 5px;
}
.pdf-displayer .btn {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border: none;
  background-color: #0f3c7d;
  padding: 0;
}
.pdf-displayer .btn:focus {
  background-color: #0f3c7d;
  color: #fff;
}
.pdf-displayer .btn:hover {
  background-color: #0e3671;
}
.pdf-displayer__wrapper {
  display: none;
  justify-content: center;
  gap: 20px;
}
.pdf-displayer__wrapper--active {
  display: flex;
}
.pdf-displayer__left,
.pdf-displayer__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s ease;
  display: none;
}
@media (min-width: 768px) {
  .pdf-displayer__left,
  .pdf-displayer__right {
    display: flex;
  }
}
.pdf-displayer__left .btn,
.pdf-displayer__right .btn {
  background-color: #0f3c7d;
}
.pdf-displayer__left .btn:focus,
.pdf-displayer__right .btn:focus {
  background-color: #0f3c7d;
}
.pdf-displayer__left .btn:hover,
.pdf-displayer__right .btn:hover {
  background-color: #0e3671;
}
.pdf-displayer__left .btn:last-child,
.pdf-displayer__right .btn:last-child {
  margin-top: auto;
  margin-bottom: auto;
}
.pdf-link-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
}
.pdf-link-icon {
  width: 20px;
  height: 20px;
  background-color: #0f3c7d;
  color: #fff;
  border: 2px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 50%;
  cursor: pointer;
  transform: translateY(-100px);
  transition: background-color 0.2s ease, transform 1s ease;
}
@media (min-width: 768px) {
  .pdf-link-icon {
    width: 40px;
    height: 40px;
    min-height: 45px;
    max-height: 45px;
    font-size: 20px;
  }
}
.pdf-link-icon--active {
  transform: none;
}
.pdf-link-icon::after {
  content: '';
  font-family: FontAwesome;
}
.pdf-link-icon--product::after {
  content: '\f217';
}
.K3--user--not-logged-in .pdf-link-icon--bundle {
  display: none !important;
}
.pdf-link-icon--bundle::after {
  content: '\f1b3';
}
.pdf-link-icon--image::after {
  content: '\f03e';
}
.pdf-link-icon--youtube::after {
  content: '\f16a';
}
.pdf-link-icon--other::after {
  content: '\f0f6';
}
.swiper-pdf {
  margin: 0;
  user-select: none;
}
.swiper-pdf .swiper-slide {
  display: flex;
  width: auto;
  min-width: 100px;
}
@media (max-width: 767px) {
  .swiper-pdf .swiper-slide {
    max-width: 100%;
  }
}
.swiper-pdf .swiper-slide-inner {
  position: relative;
  display: flex;
  height: 100%;
}
.swiper-pdf .swiper-slide-inner img {
  max-width: 100%;
  max-height: 100%;
}
.swiper-pdf .swiper-zoom-target {
  display: flex;
  height: 100%;
}
.cart-preview {
  background-color: #f5f5f5;
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.31);
  z-index: 1036;
  transition: 0.4s cubic-bezier(0.85, 0, 0.15, 1);
  scrollbar-color: #0f3c7d #e5e5e5;
  scrollbar-width: thin;
  transform: translateX(100%);
}
.cart-preview::-webkit-scrollbar {
  width: 5px;
}
.cart-preview::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.cart-preview::-webkit-scrollbar-thumb {
  background-color: #0f3c7d;
}
@media (min-width: 992px) {
  .cart-preview {
    width: 360px;
    transform: scale(1);
  }
}
.cart-preview-active .cart-preview {
  transform: scale(1);
}
.cart-preview__top {
  background-color: #fff;
  border-bottom: 1px solid #dbdbde;
  padding: 0 30px;
}
.cart-preview__top-inner {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .cart-preview__top-inner {
    justify-content: center;
    text-align: center;
  }
}
.cart-preview__close {
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
}
@media (min-width: 992px) {
  .cart-preview__close {
    display: none;
  }
}
.cart-preview__close:hover:before,
.cart-preview__close:hover:after {
  background-color: #333;
}
.cart-preview__close:before,
.cart-preview__close:after {
  content: "";
  position: absolute;
  left: 7px;
  height: 16px;
  width: 3px;
  background-color: #b3b3b3;
  transition: 0.1s ease;
}
.cart-preview__close:before {
  transform: rotate(45deg);
}
.cart-preview__close:after {
  transform: rotate(-45deg);
}
.cart-preview__cart-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.cart-preview__cart:hover .cart-preview__cart-price {
  color: #0f3c7d;
}
.cart-preview__cart-icon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.cart-preview__cart-count {
  width: 23px;
  height: 23px;
  box-shadow: 0 0 0 2px rgba(15, 60, 125, 0.3);
  background-color: #0f3c7d;
  color: #fff;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-preview__cart-price {
  font-size: 14px;
  color: #3c3c3c;
  font-weight: 700;
  transition: 0.1s ease;
}
.cart-preview__cart-text {
  color: #0f3c7d;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  text-align: right;
  margin-top: 5px;
}
@media (min-width: 992px) {
  .cart-preview__cart-text {
    text-align: center;
  }
}
.cart-preview__empty,
.cart-preview__error {
  max-width: 300px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.cart-preview__error {
  color: #fff;
  background-color: #0f3c7d;
  border-radius: 4px;
  padding: 20px;
  text-align: left;
}
.cart-preview__items {
  padding: 30px;
}
.cart-preview__item {
  display: flex;
  position: relative;
}
.cart-preview__item:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.cart-preview__item-image {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  max-width: 80px;
  height: 80px;
  border: 1px solid #ddd;
  padding: 5px;
}
.cart-preview__item-image img {
  max-width: 100%;
  max-height: 100%;
}
.cart-preview__item-product-name {
  font-size: 13px;
  font-weight: 700;
  word-break: bread-word;
}
.cart-preview__item-price,
.cart-preview__item-quantity {
  font-size: 13px;
  color: #474a4e;
  font-weight: 700;
}
.cart-preview__item-delete {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 35px;
  height: 35px;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: 0.1s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-preview__item-delete::after {
  content: '\f1f8';
  font-family: 'FontAwesome';
  color: #666;
  font-size: 17px;
}
.cart-preview__item-delete:hover {
  background-color: transparent;
}
.cart-preview__item:last-child .cart-preview__item-delete {
  bottom: 0;
}
.cart-preview__item--promotion .cart-preview__item-delete {
  display: none;
}
.pdf-displayer-master-body .cart-preview__cart-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .pdf-displayer-master-body .cart-preview__cart-toggle {
    display: none;
  }
}
.pdf-displayer-master-body .cart-preview__cart-toggle .cart-preview__cart-icon {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pdf-displayer-master-body .cart-preview__cart-toggle .cart-preview__cart-count {
  position: static;
  min-width: 23px;
  width: auto;
}
.modal-product {
  text-align: center;
}
.modal-product .breadcrumb-wrapper,
.modal-product .product-view__back,
.modal-product .product-view .blots-atom,
.modal-product .product-view .add-to-cart__actions-btn--clipboard,
.modal-product .clipboard-button-wrap,
.modal-product .available-notification {
  display: none !important;
}
@media (min-width: 768px) {
  .modal-product::before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.modal-product .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-product .product-view__content {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .modal-product .product-view__content {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .modal-product .product-view__content {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .modal-product .product-view__gallery {
    margin-right: 30px;
  }
}
.modal-product .product-view__gallery-thumbnails {
  display: flex;
  margin-top: 15px;
  overflow: auto;
  scrollbar-color: #0f3c7d #e5e5e5;
  padding-bottom: 5px;
  max-width: 420px;
  scrollbar-width: thin;
}
.modal-product .product-view__gallery-thumbnails::-webkit-scrollbar {
  height: 5px;
}
.modal-product .product-view__gallery-thumbnails::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.modal-product .product-view__gallery-thumbnails::-webkit-scrollbar-thumb {
  background-color: #0f3c7d;
}
.modal-product .product-view__gallery-thumbnail {
  display: block;
  min-width: 90px;
  max-width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #ccc;
  transition: 0.15s ease;
  cursor: pointer;
}
.modal-product .product-view__gallery-thumbnail:not(:last-child) {
  margin-right: 15px;
}
.modal-product .product-view__gallery-thumbnail:hover {
  border: 1px solid #0f3c7d;
}
.modal-product .product-view__gallery-thumbnail img {
  max-width: 80px;
  max-height: 80px;
}
.modal-product .product-view__main-image {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .modal-product .product-view__main-image {
    width: 420px;
    height: 350px;
  }
}
.modal-product .product-view__main-image picture {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-product .product-view__main-image img {
  max-width: 100%;
  height: auto;
  max-height: 200px;
}
@media (min-width: 1200px) {
  .modal-product .product-view__main-image img {
    max-height: 300px;
  }
}
.modal-product .product-view__details {
  min-width: 200px;
}
@media (min-width: 768px) {
  .modal-product .product-view__details {
    flex: 1;
  }
}
.modal-product .product-view__prices {
  padding-bottom: 25px;
  border-bottom: 1px solid #dbdbde;
}
.modal-product .product-view__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-product .product-view__price:not(:last-child) {
  margin-bottom: 5px;
}
.modal-product .product-view__price-label,
.modal-product .product-view__price-value {
  font-size: 15px;
  font-weight: 700;
  color: #3c3c3c;
  margin: 0;
  text-transform: none;
}
@media (min-width: 1200px) {
  .modal-product .product-view__price-label,
  .modal-product .product-view__price-value {
    font-size: 18px;
  }
}
.modal-product .product-view__price-value {
  color: #0f3c7d;
}
.modal-product .product-view__price-value + s:not(:empty) {
  margin-left: 5px;
}
.modal-product .product-view__price--vat .product-view__price-label,
.modal-product .product-view__price--vat .product-view__price-value {
  font-size: 13px;
}
@media (min-width: 1200px) {
  .modal-product .product-view__price--vat .product-view__price-label,
  .modal-product .product-view__price--vat .product-view__price-value {
    font-size: 14px;
  }
}
.modal-product .product-view__price--vat .product-view__price-label {
  font-weight: 400;
}
.modal-product .product-view__price--vat .product-view__price-value {
  color: #000;
}
.modal-product .product-view__price s {
  font-size: 14px;
  color: #818181;
  display: block;
  text-align: right;
}
@media (min-width: 1200px) {
  .modal-product .product-view__price s {
    display: inline;
  }
}
.modal-product .product-view__features {
  padding: 20px 0;
  border-bottom: 1px solid #dbdbde;
}
.modal-product .product-view__feature {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-product .product-view__feature:not(:last-child) {
  margin-bottom: 5px;
}
.modal-product .product-view__feature-name,
.modal-product .product-view__feature-value {
  font-size: 13px;
  font-weight: 400;
  color: #3c3c3c;
  margin: 0;
  text-transform: none;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
}
@media (min-width: 1200px) {
  .modal-product .product-view__feature-name,
  .modal-product .product-view__feature-value {
    font-size: 14px;
  }
}
.modal-product .product-view__feature-value {
  margin-left: 10px;
  text-align: right;
}
.modal-product .product-view__feature--index .product-view__feature-name,
.modal-product .product-view__feature--index .product-view__feature-value {
  font-weight: 700;
}
.modal-product .product-view__feature--notification {
  margin-top: 7px;
}
.modal-product .product-view .zero-items-input {
  font-size: 12px;
  color: #777;
  font-weight: 700;
  margin-top: 20px;
}
.modal-product .product-view .zero-items-input span {
  color: #777;
}
.modal-product .product-view__add-to-cart {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.modal-product .product-view__add-to-cart > span {
  max-width: 280px;
}
.modal-product .product-view__back,
.modal-product .product-view .blots-atom,
.modal-product .product-view .add-to-cart__actions-btn--clipboard,
.modal-product .product-view .product-page-active[data-type="substitutes"],
.modal-product .product-view .product-page-active[data-type="documents"] {
  display: none !important;
}
.modal-product .product-view__name span {
  font-weight: 700;
  font-size: 18px;
}
.modal-product .product-view__name-icons {
  padding-bottom: 15px;
  padding-right: 35px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.modal-product .product-view__content {
  margin-bottom: 0;
}
.modal-product .product-view__name > a {
  display: none !important;
}
.modal-product__close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
  transition: 0.1s ease;
}
.modal-product__close::before,
.modal-product__close::after {
  content: '';
  position: absolute;
  left: 15px;
  height: 33px;
  width: 2px;
  background-color: #333;
  transform: rotate(45deg);
}
.modal-product__close::after {
  transform: rotate(-45deg);
}
.modal-product__close:hover {
  opacity: 0.5;
}
@media (min-width: 768px) {
  .modal-product .modal-dialog {
    width: 95%;
  }
}
@media (min-width: 992px) {
  .modal-product .modal-dialog {
    width: 900px;
  }
}
.modal-product .modal-body {
  overflow-y: auto;
  max-height: 80vh;
}
.pdf-list {
  display: grid;
  gap: 30px;
  margin: 30px 0;
}
@media (min-width: 768px) {
  .pdf-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .pdf-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pdf-list__item {
  border: 2px solid #ddd;
  padding: 20px;
  transition: 0.2s ease;
}
.pdf-list__item:hover {
  border: 2px solid #0f3c7d;
}
.pdf-list__item-thumb {
  max-width: 100%;
  display: block;
  margin-bottom: 15px;
}
.pdf-list__item-links {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.pdf-list__item-label-wrap {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
.pdf-list__item-button-wrap {
  display: flex;
  justify-content: center;
  gap: 5px;
}
.pdf-list__item-button {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  background-color: #0f3c7d;
  text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.2);
  font-size: 17px;
}
.pdf-list__item-button > span {
  display: inline-block;
  color: #ffffff;
}
.pdf-list__item-button:hover {
  background-color: #0d336a;
}
.pdf-list__pager-wrap {
  padding: 24px 11px 11px 11px;
}
.simple-cart-preview--hidden {
  display: none;
}
.clipboard-editor__clipboard-type--readonly {
  display: block;
}
.language-switcher {
  display: inline-flex;
  margin-left: 10px;
}
.language-switcher > :not(:last-child) {
  margin-right: 5px;
}
.language-switcher img {
  height: 15px;
  width: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.modal .companyData .header-panel {
  font-size: 18px;
}
.datagrid-cart-availability-zero::before {
  content: "\f06a";
  font-family: "FontAwesome";
  margin-right: 6px;
  position: relative;
  top: 1px;
  font-size: 15px;
}
.history-min-price {
  display: none;
}

.generic-product-displayer__external-content{
	display: none;
}

/*# sourceMappingURL=style_instance_1.css.map */