.hidden {display:none;}
.clear { clear:both; height:1px; line-height:1px;}

.logo img , .login-logo img  {border:5px solid black; padding:0px; } /* dodaje  czarny border bo dziwnie wyglada bez */

.skin-black .LangAct {background-color: #aeaeae; }
.skin-blue-light .LangAct {background-color: #0067a2;}

.widget_icon_box, .superfamily-icon-box {border:1px solid #ddd; background-color: #fff; margin:5px;padding:5px; float:left;}
.widget_icon_box .widget_icon_checkbox, .superfamily-icon-box .superfamily-icon-checkbox {float:left; }
.widget_icon_box .widget_icon_label, .superfamily-icon-box .superfamily-icon-label  { float:left;  }
.widget_icon_box .widget_icon_label img, .superfamily-icon-box .superfamily-icon-label img  { display:block; float:left; padding:5px; }

.widget_product_image_box {border:1px solid #ddd; background-color: #fff; margin:5px;padding:5px; float:left; width:270px; height:340px;}
.widget_product_image_box .widget_product_image_checkbox { border:0px solid red; font-size:10px; height:50px; margin-left:15px; font-weight: normal; }
.widget_product_image_box .widget_product_image_label  {   }
.widget_product_image_box .widget_product_image_label img  { display:block;   }

.sonata-ba-field-standard-natural > .form-control {  max-width: 500px; }
/* .select2-selection.select2-selection--single {  max-width: 500px;  } */
.select2-container--default {  max-width: 500px;  }

X.form-group { display: inline-block; }

/* Formularz grupowy kontrola strategii */
.label-strategy{color: #FFF; max-widthX: 33%; white-space: nowrap; font-weight: normal; text-overflow: ellipsis; overflow: hidden}
X.select2-hidden-accessible{ margin:0; padding: 0; float: right }
.label-strategy.bigger{ padding-bottom: 5px }
.strategy-group{float: right; width: 18%}
.gselect .datafield-group {float: left; width: 80%}
.psf-gselect .datafield-group {width: 80%}
.gselect .datafield-group .sonata-ba-field-standard-natural > .form-control {max-width: 100%}
.psf-gselect .datafield-group .sonata-ba-field-standard-natural > .form-control {max-width: 100%}
.gselect .select2-container .select2-selection--single{ height: 34px; position: relative; top:-2px }
.psf-gselect .select2-container .select2-selection--single{ height: 34px; position: relative; top:-2px }
.strategy-group{ height: 65px; overflow: hidden }
.psf-gselect .strategy-group{ height: 65px; overflow: visible; }
.strategy-group .select2{ position: relative; top:-3px }
.datafield-group{ height: 65px; overflow: hidden }
.psf-gselect .psf-gselect-extended-params{ height: 75px; overflow: visible; }



.gselect .select2-container--default .select2-selection--single .select2-selection__rendered{ margin-top: 1px }
.psf-gselect .select2-container--default .select2-selection--single .select2-selection__rendered{ margin-top: 1px }

.notUsed{ opacity: 0.2 }
.select2-container.readonly{ background: #EEE }
.readonly .select2-choice{ background: #EEE }
.readonly .select2-choices{ background: #EEE; opacity: 0.5 }

.select2-container-multi .select2-choices li.select2-search-choice { margin-right: 5px; }
.select2-container-multi .select2-choices li { float: none; }

.select2-selection__rendered { line-height: 20px; }
.select2-selection__choice { color: black; }

.select2-multiple + span { width: 100%; }
.select2-hidden-accessible + span { width: auto; }

.per-page.small.select2-hidden-accessible + span { width: auto; }

.select2-selection.select2-selection--multiple .select2-selection__rendered li { float: none; }
li.select2-selection__choice { color: black; }

/*.select2-results .select2-results__options .select2-results__option { text-decoration: underline; }*/

.row div.mosaic-inner-box{ height: auto; }
.mosaic-box.sonata-ba-list-field-batch{ background: #CCC }
div.mosaic-inner-box img{ width: auto; max-width: 100%; }
.mosaic-box-label{ opacity: 0.2 }
div.mosaic-inner-box-hover{ background: transparent }


.sonata-ba-view-container th {min-width:310px;}

.box-footer .select2-container { margin: 5px 0px; vertical-align: middle }
/*.box-footer .select2-container .select2-selection__rendered { padding-top: 4px; }*/

#filter_grupowe__categories_value { columns: 2; }
#filter_grupowe__categories_value label { margin-right: 10px; float: none; clear: both;}
#filter_grupowe__categories_value label div { margin-right: 4px; }

.navbar-right .dropdown-menu { overflow-y: scroll; height: 600%;}

.sonata-ba-field.sonata-ba-field-standard-natural .widget_icon_box{ min-height: 53px }

.skin-blue-light .breadcrumb > .active { color: white; }

.col-centered{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.tenkai-form-actions {
  padding: 8px;
  z-index: 1000;
}

.tenkai-form-actions.stuck {
  position:fixed;
  top:50px;
  width:100%;
  margin-left:-15px;
  z-index: 4;
}


#filter_grupowe__categories_value label { display: ruby; }


.skin-blue-light .notification-unread { background-color: rgb(233, 233, 233) !important; }
.skin-blue-light .notification-read { background-color: white !important; }

.skin-blue-light .btn-create-copy { background-color: #3e8dbe; color: white; border-color: #367fa9; }
.skin-blue-light .btn-create-copy:hover { background-color: #216b99; color: white; border-color: #367fa9; }

.skin-blue-light .btn-create-copy-luxmat { background-color: #3e8dbe; color: white; border-color: #367fa9; }
.skin-blue-light .btn-create-copy-luxmat:hover { background-color: #216b99; color: white; border-color: #367fa9; }

.skin-blue-light .table > tbody > tr:hover { background-color: #d9d9d9; }

.card_edit_html_label {
  font-weight:bold; text-transform: uppercase; font-size: 14px;background-color: #d9d9d9;  }

.sonata-ba-list-field-number { text-align: right; }


select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;

.select2-selection {
  background: #eee;
  box-shadow: none;
}

.select2-selection__arrow,
.select2-selection__clear {
  display: none;
}
}

input.wysiwyg-input { height: 36px; }
.skin-blue-light ul.indeksy li { background-color: transparent; }
.skin-blue-light ul.indeksy li:nth-child(odd) { background-color: #EEEEEE; }

.skin-black ul.indeksy li { background-color: transparent; }
.skin-black ul.indeksy li:nth-child(odd) { background-color: black; }




.login-logo img { border: 5px solid transparent; }
.logo img { border: 5px solid transparent; }


div.admin-pdf-preview div { text-align: center;  padding: 3px; cursor: pointer;}
div.admin-pdf-preview object {transition: 0.3s}

div.admin-card-color-select {width: 20px;  height: 20px;  float: right;}

.unselectable{-moz-user-select: none; -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -ms-user-select: none;  user-select: none;}

.admin-media-edit-detail {background-color: #fff;  padding: 10px;  border-bottom: 1px solid #ddd;  color: #818181;  font-size: 12px;}
.skin-black .admin-media-edit-detail {background-color: #333333;  padding: 10px;  border-bottom: 1px solid #ddd;  color: #b8c7ce;  font-size: 12px;}
.admin-media-edit-detail span {font-weight: bold;}

.li-list-search{padding:4px;}
.li-list-search input {  border: 1px solid #aaa;  border-color: #ccc;  border-radius: 4px;  color: #555;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  background-color: #fff;  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  width: 100%;  padding: 4px;}
.search-li-hide{display: none;}

.content{padding-bottom: 0px;}
.box-primary{ margin-bottom: 10px;}

/* Multiple file upload */
.btn-file{position:relative;overflow:hidden}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:0;background:#fff;cursor:inherit;display:block}
.multiple-file-upload-list-item{margin:10px 0;border:1px solid #ccc;height:100px}
.float-left{float:left}
.multiple-file-upload-list-item-image{width:100px}
.multiple-file-upload-list-item-alt-title,.multiple-file-upload-list-item-title{width:150px;margin-right:10px;padding-top:17px}
.multiple-file-upload-list-item-image div{width:80px;height:80px;margin:10px;background-size:cover;background-position:center}
.hide-content{display:none}
.multiple-file-upload-list-item-options{width:170px;padding-top:33px}
.multiple-file-upload-list-item-info{margin-right:10px;width:158px;font-size:12px;height:98px;padding:5px 0;line-height:90px}
.multiple-file-upload-list-item-info span{display:inline-block;vertical-align:middle;line-height:normal}
.multiple-file-upload-progress{margin-top:10px;border-radius:5px}
.multiple-file-upload-info{margin-top:10px}
#multiple_file_upload{color:#000!important}
#multiple_file_upload:hover{color:#fff!important}
/*--------------------------------------------------------------------------------------------------------------------*/
/*Definiowanie kolorow*/
.add-color-code-red {border: 1px solid #ff0000;background-color: #ffd9d9;}
.add-color-code-green {border: 1px solid #00a65a;background-color: #d8f9ca;}
.add-color-code-preview {border: 1px solid #000;width: 34px;height: 34px;right: 12px;position: absolute;margin-top: -34px;line-height: 34px;text-align: center;font-weight: bold;}
.add-color-code-preview-col {border: 1px solid #000;width: 24px;height: 24px;right: 12px;position: absolute;margin-top: -21px;text-align: center;font-weight: bold;}
/*--------------------------------------------------------------------------------------------------------------------*/
/*Import uzupelniajacy*/
.import-files-window {
  width: 600px;
  max-height: 720px;
  position: fixed;
  background-color: #fff;
  top: 50%;
  z-index: 1000;
  margin-top: -350px;
  left: 50%;
  margin-left: -300px;
  box-shadow: 0px 0px 10px 2px #ccc
}
.import-files-progress {
  margin-bottom: 0px !important;
  margin-top:5px;
}
.import-files-window {
  padding: 10px;
  overflow: auto;
}
.import-files-label {
  font-style: italic;
  color: #000;
}
.import-files-progress-info {
  text-align: center;
  margin-top: 5px;
}
.import-files-time {
  float: right;
  font-style: normal;
}
.import-files-progress-status {
  line-height: 26px;
}
.import-files-progress-log {
  background-color: #f7f7f7;
  height: 0px;
  width: 100%;
  border: 1px solid #ccc;
  overflow: auto;
  transition: 0.3s;
}
.import-files-progress-log.open {
  height: 494px !important;
}
.import-files-progress-log-item {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}
.import-files-progress-log-item {
  margin: 3px;
  padding: 4px 5px;
  border-radius: 5px;
  font-size: 10px;
}
.import-files-progress-log-item.label-primary{
  min-height: 35px;
}
.log-item-time {
  float: right;
  font-size: 10px;
}
.import-files-progress-log-button {
  margin-top: 10px;
  background-color: #ccc;
  width: 30px;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
  float: right;
}
.import-hidden-row {
  display: none;
}
#import_insert {
  margin-left: 28px;
}
#import_update {
  margin-left: 7px;
}
#import_warning {
  margin-left: 3px;
}
#import_error {
  margin-left: 49px;
}
#close_import_window {
  cursor: pointer;
  color: #dd4b39;
  font-weight: bold;
}
.import-options {
  display:none;
  margin: 10px 0px;
}
.import-options-row {
  margin-bottom: 5px;
}
.import-options-row-hidden{
  display: none;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*  Generator opisow  */
.align-middle {
  vertical-align: middle !important;
}
.rezise-vertical {
  resize: vertical;
}
.description-active-div {
  margin-top: 20px;
}
.description-repository-flag {
  text-align: center;
}
.description-repository-flag img{
  width:24px;
}
.description-repository-separate {
  height: 30px;
}
.dg-filter-box{
  float: left;
  padding: 8px;
}
.clear-left{
  clear:left;
}
.desctiption-generator-time {
  text-align: right;
  padding-top: 7px;
}
.dg-product-list-export ul {
  display: none;
  list-style: none;
  padding: 5px 10px;
  position: absolute;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  transition: 0.3s;
  z-index: 2;
  width: 500px;
  margin-left: -400px;
}
.dg-product-list-export li {
    font-weight: normal;
    display: inline;
    cursor: pointer;
    transition: 0.3s;
  padding:0px 4px;
}
.dg-product-list-export ul li:hover {
    font-weight: bold;
}
.dg-wait-window {
  position: fixed;
  top: 50%;
  background-color: #fff;
  z-index: 1030;
  width: 400px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  left: 50%;
  margin-left: -200px;
  margin-top: -50px;
  border: 1px solid #000;
  box-shadow: 0px 9px 14px 0px #ccc;
}
.attribute-loading {
  text-align: center;
  border-bottom: 4px solid #449d44;
  padding: 10px;
  font-size: 20px;
}
.description-repository-content {
  max-height: 200px;
  overflow: auto;
}
.dg-hide-input{
  display: none;
}
.dg-product-export-box {
  background-color: #fff;
  border: 1px solid #000;
  box-shadow: 0px 0px 10px 3px #ccc;
  width: 300px;
  position: absolute;
  margin-left: -218px;
  margin-top: -5px;
  height: 150px;
  padding: 5px;
  display: none;
}
.dg-product-export-box-row {
  border-bottom: 1px solid;
  padding-bottom: 5px;
  padding-top: 5px;
}
.dg-product-export-box-row.last-row {
  border-bottom: 0px;
}
.dg-product-export-box-row-icon img {
  width: 33px;
}
.dg-product-export-box-row-lang {
  padding: 6px 23px;
  cursor: pointer;
  font-size: 17px;
  font-weight: bold;
}
.dg-product-export-box-row-icon, .dg-product-export-box-row-lang{
  float: left;
}
.description-repository-download {
  text-align: center;
}
.dg-repository-full-export {
  float: right;
}
.dg-product-text-export:hover > .dg-product-export-box{
  display: block;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*Definioanie filtrów do eksportu*/
.export-filers-button {
  position: relative;
  display: block;
  padding:15px 10px;
  color:#777;
  cursor: pointer;
}
.export-filers-button:hover {
  color: #000;
}
.cursor-pointer{
  cursor: pointer;
}
.panel-buttons {
  margin-top: 15px;
  text-align: right;
}
.panel-buttons-left{
  margin-top: 15px;
  text-align: left;
}
.range-row {
  margin-bottom: 10px;
}
.st-icon {
  padding: 2px;
  width: 29px;
  text-align: center;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
}
.red-icon {
  color: #fff;
  background-color: #ff1f31;
}
.range-table-fromto-row {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0px;
}
.range-table-delete-row {
  text-align: right;
  padding: 10px 5px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/* PDF Gen */
.reload-pdfgen-button{
  position: relative;
  display: block;
  padding:15px 10px;
  color:#777;
  cursor: pointer;
}
.reload-pdfgen-button:hover {
  color: #000;
}
.sonata-bc .breadcrumb{
  float: none !important;
}
.panel-title span {
  font-style: italic;
}
.reload-button{
  text-align: right;
}
.text-horizontal {
  padding: 7px 10px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*Aktualizacja WWW, Sklep*/
  #www_info_2_text .info, #www_info_2_text .admin-debug{
    display: none;
  }
/*--------------------------------------------------------------------------------------------------------------------*/
/*Loading BOX*/
.loading-box {
  position: fixed;
  background: #fff;
  top: 50%;
  width: 400px;
  height: 100px;
  z-index: 1100;
  margin-top: -50px;
  left: 50%;
  margin-left: -200px;
  border-radius: 4px;
  box-shadow: 0px 0px 5px 2px #ccc;
}
.loading-box-image {
  height: 100px;
  line-height: 100px;
  margin-left: 10px;
  float: left;
}
.loading-box-text {
  float: left;
  margin-left: 10px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  width: 306px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*Edycja indeksu*/
.i-rem-from-pg {
  float: right;
  margin-top: -30px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/* PDF Marge */
.btn-right {
  float: right;
}
.hidden-iframe{
  display: none;
}
/*--------------------------------------------------------------------------------------------------------------------*/

/******************** Podgląd ********************/
.icon-show
{
  padding: 5px;
}
#filter_updated_value_start{ float: left}
#filter_updated_value_start .select2-container--default {width: 32%!important;}
#filter_updated_value_start .select2-selection__clear {display: none}
#filter_updated_value_end{ float: left}
#filter_updated_value_end .select2-container--default {width: 32%!important;}
#filter_updated_value_end .select2-selection__clear {display: none}

/*------- ETIM Mapper -------*/
.etim-status-product-list-content {
  font-size: 12px;
  text-align: center;
}
.etim-options-row {
  margin-bottom: 10px;
}
.etim-help {
  display: block;
  color: #737373;
  font-size: 12px;
}
.export-etim-prepare {
  text-align: center;
  padding: 80px 0px;
}
.export-etim-progress {
  display:none
}
/*---------------------------*/
/*------- Shoper -------*/
.etim-status-product-list-content {
  font-size: 12px;
  text-align: center;
}
.etim-options-row {
  margin-bottom: 10px;
}
.etim-help {
  display: block;
  color: #737373;
  font-size: 12px;
}
.export-shoper-prepare {
  text-align: center;
  padding: 80px 0px;
}
.export-shoper-items-list {
  display:none
}
.export-shoper-progress {
  display:none
}
.export-shoper-items-list-button {
	text-align: right;
}
.export-shoper-items-list-table {
	font-size: 12px;
}
.export-shoper-items-list-table td {
	padding: 4px !important;
}
.skin-black .import-files-window table td {
	color: #f4f4f4;
}
/*---------------------------*/
.produkt-grupowy-row {
  padding-bottom: 10px;
}
.produkt-grupowy-checkbox {
  display: inline-block;
}
.produkt-grupowy-label {
  display: inline-block;
  margin-left: 10px;
}
.copy-indeks{
  display: none;
}
.siwz-tab-text{
  padding: 5px 0px !important;
}
.custom-alert-block {
  border: 1px solid #b59f98;
  background-color: #fcf8e3;
  color: #000;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 5px;
}
/*  marketing description  */
.marketing-description-box {
  padding: 0px 10px;
}
.new-marketing-description {
  margin-top: 15px;
  border-bottom: 1px solid #00a65a;
  padding-bottom: 15px;
}
.js-marketing-description-image {
  margin-top: 15px;
}
.marketing-description-button {
  text-align: right;
}
.marketing-description-row-add a{
  margin-right:5px
}
.marketing-descriptions-item {
  border: 1px solid #3c8dbc;
  margin: 15px 0px;
  box-shadow: 0px 4px 5px -3px #ccc;
}
.mini-button {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 3px;
  cursor: pointer;
  min-width: 29px;
  text-align: center;
}
.marketing-descriptions-item {
  border: 1px solid #3c8dbc;
  margin: 15px 0px;
  box-shadow: 0px 4px 5px -3px #ccc;
  background-color: #fff;
}
.marketing-descriptions-item-options {
  padding: 5px;
  border-bottom: 1px solid #3c8dbc;
  background-color: #3c8dbc12;
  text-align: right;
}
.img-marketing-description {
  min-height: 300px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.img-marketing-description-box {
  padding: 10px 0px;
}
.content-marketing-description, .content-marketing-description-editor {
  padding: 10px;
}
.img-left-side{
  border-right: 1px solid #3c8dbc;
}
.img-right-side{
  border-left: 1px solid #3c8dbc;
}
.img-size-controller {
  width: 100px;
  margin: auto;
  margin-bottom: 10px;
}
.img-size-add-input {
  width: 100px;
  margin-top: 10px;
  display: inline-block;
}
.img-size-add-text {
  display: inline-block;
  margin-left: 10px;
}
.marketing-description-row-name {
  margin-bottom: 15px;
}
.save-info-block {
  position: absolute;
  margin-top: -30px;
  right: 12px;
}
.green{
  color:#00a65a;
}
.red{
  color:#dd4b39;
}
.orange{
  color:#ff851b;
}
.marketing-descriptions-item-margin-bottom {
  width: 200px;
  position: absolute;
  font-size: 12px;
  margin-top: 2px;
  text-align: left;
}
.marketing-descriptions-item-margin-bottom input {
  width: 80px;
}
/*---------------------------*/
.pleas-wait {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 999999;
  background-color: #FFF;
}

.mod-product-list .sonata-ba-list-field-header{
  font-size: 12px;
}
.mod-product-list .table > thead > tr > th{
  padding: 4px;
}
.mod-product-list table.sonata-ba-list{
  font-size: 12px;
}
.mod-product-list #DataTables_Table_0_wrapper .btn{
  padding: 3px 6px;
}
.pagination-box{
  float: left;
}
.pagination-box a{
  font-size: 12px;
  padding: 6px 8px !important;
}
.export-box{
  font-size: 12px;
  float: right;
}
.export-box .btn{
  padding: 4px 6px;
  font-size: 12px;
}
.export-box .select2-container .select2-selection--single{
  height: 23px;
  padding: 4px 0px !important;
}
.html-table-code-box {
	width: 100%;
	height: 300px;
	resize: vertical;
}
.accessory-image-col {
	width: 150px;
}
#product_accesories_list td{
  vertical-align: middle;
}
.loading-box-block-page{
  background-color: #000;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999;
  opacity: 0.5;
}
.dg-repository-table-export, .dg-repository-full-export {
	margin-top: 15px;
}
/* LDT */
.ldt-ftp-files-info {
	text-align: right;
}
.ldt-db-files-info {
	text-align: right;
}
.ldt-prepare-info {
	padding: 20px 0px;
	line-height: 24px;
}
.log-item-text{
  width: 455px !important;
  display: inline-block;
}
/*----------------------------*/
.alternative-search-results {
	max-height: 400px;
	overflow: auto;
}
.alternative-search-results-label {
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}
.js-char-counter-box {
	background-color: #3c8dbc;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
	margin-top: 5px;
	text-align: center;
	min-width: 100px;
	float: right;
}
.document-description-generator-button {
	float: left;
}
.document-description-generator-box {
	margin-top: 15px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
}
.document-description-generator-button-save {
	text-align: right;
}
.document-description-generator-button-download {
	float: left;
}
.document-description-generator-download-lang-box {
	float: left;
	width: 200px;
	margin-top: 3px;
	margin-left: 3px;
}
.document-description-generator-raport-box {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 10px;
	color: #777;
	background-color: #ddd;
}

/* Superfamily */
.superfamily-icons-add a {
	position: absolute;
	margin-top: -51px;
	margin-left: 60px;
}
.superfamily-rozsyly-add a {
	position: absolute;
	margin-top: -38px;
	margin-left: 122px;
}
.superfamily-custom-data-add a {
	position: absolute;
	margin-top: -52px;
	margin-left: 136px;
}
.superfamily-parameters-add a {
	position: absolute;
	margin-top: -52px;
	margin-left: 155px;
}
.superfamily-icons-container {
  min-height: 50px;
}
.superfamily-icon-box {
  cursor: move;
  transition: all 0.2s ease;
  position: relative;
}
.superfamily-icon-box:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.superfamily-icon-dragging, .superfamily-custom-data-dragging {
  transform: rotate(5deg);
  z-index: 1000;
}
.ui-sortable-helper {
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  border-radius: 4px;
}
.custom-data-title {
  margin-bottom: 15px;
}
.superfamily-custom-data-box .panel-heading {
  cursor: move;
}
.superfamily-custom-data-title-edit {
	background-color: #fff;
	border-radius: 3px;
	color: #000;
	padding: 2px 6px 2px 6px;
	float: right;
  cursor: pointer;
  margin-right: 5px;
}
.superfamily-custom-data-title-delete {
	background-color: #fff;
	border-radius: 3px;
	color: #000;
	padding: 2px 6px 2px 6px;
	float: right;
  cursor: pointer;
}
.js-marketing-description-name {
	margin-bottom: 10px;
}
.matrix-attribute .select2-container--default{
  max-width: 100% !important;
}
.matrix-attribute-values .select2-container--default{
  max-width: 100% !important;
}
.matrix-title-description{
  margin-bottom: 15px;
}
.matrix-attribute-values {
	margin-top: 15px;
}
.matrix-attribute-values-loading {
	text-align: center;
	margin: 20px 0px;
}
.modal-body .container-fluid {
	padding: 0px;
}
.matrix-attribute-value-box {
	border: 1px solid #3c8dbc;
	margin: 5px 0px;
	font-weight: bold;
  height: 70px;
}
.matrix-attribute-value-description {
	margin-top: 4px;
}
.matrix-attribute-value {
	display: inline-block;
	padding: 5px 5px;
  width: calc(100% - 40px);
}
.matrix-attribute-value-position {
	float: right;
	padding: 24px 5px;
	border-left: 1px solid;
	background-color: #ececec;
	width: 40px;
	text-align: center;
	font-weight: normal;
}
.matrix-attribute-value-name {
	margin-left: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	min-width: 250px;
	position: absolute;
	/* padding-top: 2px; */
}
.icon-for-card{
  display: inline-block;
}
.superfamily-matrix-general-box-actions {
	margin: 25px 0px;
}
.superfamily-matrix-parameters-list-position{
  text-align: center;
  vertical-align: middle;
}
.superfamily-matrix-parameters-list-position .ui-icon, .sort-center .ui-icon{
  display: inline-block !important;
  cursor: move;
}
.superfamily-matrix-parameters-list-header th{
  text-align: center;
}
.superfamily-matrix-parameters-list-delete{
  text-align: center;
  vertical-align: middle;
}
.matrix-custom-info {
	margin-top: 15px;
}
.matrix-custom-position {
	margin-top: 25px;
	margin-bottom: 25px;
}
.matrix-custom-parameter {
	margin-top: 25px;
	margin-bottom: 25px;
}
.matrix-product-grupowy {
	border-bottom: 1px solid #ddd;
	padding: 10px 0px;
	margin-bottom: 10px;
}
.matrix-product-grupowy-name {
	display: inline-block;
	font-weight: bold;
}
.matrix-product-grupowy-options {
	float: right;
}
.clear-both {
	clear: both;
}
.matrix-product-grupowy-items {
	margin-bottom: 30px;
}
.matrix-column-item{
  text-align: center;
  vertical-align: middle;
}
.superfamily-parameters-item {
	padding: 6px 0px;
	border-bottom: 1px solid #ddd;
}
.superfamily-rozsyl-box, .superfamily-accessories-box {
	border: 1px solid #ddd;
	background-color: #fff;
	margin: 5px;
	padding: 5px;
	float: left;
	width: 270px;
	height: 340px;
}
.kn-rozsyl {
	background-color: #e7f8ff;
}
.superfamily-accessories-container {
	margin-bottom: 60px;
}
/* ---------------------------- */