/* 18-05-18 Importem les banderes */

@import url("./flag-icon-css/css/flag-icon.css");

/* 17-05-18 Declaració de variables */

:root {
    --gray-toolbar:#f3f3f3; /* hikam_toolbar i zona de filtres */
    --white-toolbar-zone-background:white; /* #mostraText de la zona de filtres */
    --red-label-important-color:red; /* Nom de SAGE per exemple */
    --filter-toolbar-borders:darkgray; /* border de #mostraText de la zona de filtres */
    --filter-toolbar-input-borders:black; /* Border dels botons i inputs */
    --default-margin-space:15px; /* Marge per defecte entre blocs */
    --double-card-per-row-width:547.5px; /* Si en una row hi han dos blocs, width per defecte per a que siguin estacables i quedin perfectament alineats */
    --form-default-input-height:29px; /* Dintre dels input del formulari, height per defecte */
    --default-red-color:rgb(217, 83, 79); /* Color vermell per defecte */
    --default-gray-color:darkgray;
    --default-black-color:#171717;
    --default-green-color:#3CB371;
    --default-orange-color:#ff851b;
    --default-blue:#008CBA;
    --border-color-form:rgba(0, 0, 0, .15);
    --input-color-coreform: #495057;
    --button-main: #0345bf;
    --button-secondary: white;
    --ultra-dark-gray: #252525;
    --dark-gray: darkgray;
    --gray: gray;
    --default-blue-color: blue;
    --readonly-color: #dee2e6;
  }

/* PLY.CSS */


/* PLY.CSS */

/* Global loading */
.ply-global-loading {
	top: 50%;
	left: 50%;
	padding: 30px;
	width: 60px;
	height: 60px;
	margin: -100px 0 0 -60px;
	z-index: 100000;
	position: fixed;
	border-radius: 10%;
	background-color: rgba(255,255,255,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.ply-loading-spinner {
    width: 100%;
    height: 100%;
    opacity: .9;
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,.6);
}

.ply-loading-spinner::before {
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #333;
    max-height: 0;
    -webkit-animation: loading 3s normal infinite;
    animation: loading 3s normal infinite;
}

@keyframes loading {
  0%   { max-height: 0; }
  50%  { max-height: 100%; top: 0; }
  100% { max-height: 0; top: 120%; }
}

@-webkit-keyframes loading {
  0%   { max-height: 0; }
  50%  { max-height: 100%; top: 0; }
  100% { max-height: 0; top: 120%; }
}


/* Layer */
.ply-layer {
	color: #333;
	min-width: 280px;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	background-color: #fff;
	border-radius: 2px;
	font-size: 16px;
	font-family: "Arial", Helvetica;
}
	.ply-layer.alert .ply-content,
	.ply-layer.confirm .ply-content {
		padding: 20px 0 15px;
		text-align: center;
	}

	.ply-layer.base .ply-footer,
	.ply-layer.alert .ply-footer,
	.ply-layer.confirm .ply-footer,
	.ply-layer.prompt .ply-footer {
		margin-top: 20px;
		text-align: center;
	}

.ply-inside {
	padding: 20px;
}

.ply-header {
	margin: -20px -20px 20px;
	padding: 10px 20px;
	font-size: 18px;
	background-color: #f1f1f1;
	border-radius: 2px 2px 0 0;
}

.ply-content {
}

.ply-footer {
}
	.ply-footer .ply-ctrl {
		margin-left: 20px;
	}
	.ply-footer .ply-ctrl:first-child {
		margin-left: 0;
	}


/* Controls */
.ply-x {
	top: 12px;
	right: 5px;
	cursor: pointer;
	padding: 5px;
	z-index: 1000;
	position: absolute;
	font-size: 20px;
	line-height: 0;
}

.ply-ok,
.ply-cancel {
	color: #fff;
	cursor: pointer;
	border: 0;
	outline: 0;
	padding: 5px 20px;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	background-color: #39C082;
	border-radius: 3px;
	font-size: 18px;
}

.ply-ok {
	width: 100px;
}

.ply-cancel {
	background-color: #b2b2b2;
}
	.ply-ok:focus,
	.ply-cancel:focus {
		box-shadow: 0 0 1px 2px rgba(255, 180, 0, .6);
		border: 2px solid rgb(255, 210, 102)\9;
	}

.ply-ok::-moz-focus-inner,
.ply-cancel::-moz-focus-inner {
	border: 0;
}



/* Forms */
.ply-input {
	width: 100%;
	border: 2px solid #ccc;
	outline: 0;
	padding: 5px 10px;
	margin-top: 15px;
	font-size: 16px;
	font-family: "Arial", Helvetica;
	box-sizing: border-box;
}
	.ply-input:first-child {
		margin-top: 0;
	}

	.ply-input:focus {
		border-color: #39C082;
	}



/* Global modifiers */
.ply-invalid .ply-input {
	border-color: #c00;
}

.ply-loading:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	position: absolute;
}

.ply-loading .ply-ok {
	color: rgba(255,255,255,.7);
	-webkit-animation: ply-ok-loading 1s linear infinite;
	   -moz-animation: ply-ok-loading 1s linear infinite;
	        animation: ply-ok-loading 1s linear infinite;
	-webkit-background-size: 30px 30px;
       -moz-background-size: 30px 30px;
	        background-size: 30px 30px;
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
}

@-webkit-keyframes ply-ok-loading {
	to { background-position: 60px; }
}

@-moz-keyframes ply-ok-loading {
	to { background-position: 60px; }
}

@keyframes ply-ok-loading {
	to { background-position: 60px; }
}

/* Ajustos generals */

#superiorScroller {
  display:none!important;
  position: fixed;
  top: 120px;
  right: 10px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #333;
  border-radius: 3px;
  z-index: 9999;
  cursor:pointer;
}

#superiorScroller > i {
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

/* .com-hikamarket.view-productmarket.layout-form #superiorScroller {
  display:inline!important;
} */

/* 21-02-19 Afegim un height mínim de 1200px per evitar solapacions tipo "Chiquito de la Calzada" entre el header i la pàgina */
#sp-main-body {
  min-height: 1200px;
}

/* 10-05-18 Definició de les dues mides de pantalla (segons ERP antic) */

.container {
    max-width: 1170px;
}

@media (min-width: 1600px){
  .container {
      max-width: 1600px;
  }
}

.synchro_icon.synchro_product h3 {
  font-size: 18px;
}

/* 13-02-19 Llocs accesibles i llocs que no sense apretar l'ALT al llistat */

.hikam_listing.table {
  pointer-events: none;
}

.hikamarket_product_name_value,.hikamarket_product_product_code, .title, .hikamarket_product_actions_value, .namebox-popup-content, .hikam_listing.table tfoot *,
.hikam_listing.table thead *, .standard_listing_product_name, .erpPopupContainer, #hikam_product_listing_standard .table tbody tr > td:first-child *,
#hikam_product_listing_standard .hikamarket_product_stock *, #hikamarket_product_listing tbody .left-zone a, #hikam_product_listing_mam .row.export-information + .row *,
#hikam_product_listing_inventari .stock-controller *, .non-alt-blocked, .non-alt-blocked * {
  pointer-events:all;
}


/* 22-10-18 Els botons NO HAN de tenir els cantons arrodonits per defecte */
/*          Btn Success sempre tindrà la lletra de color blanc */

.btn {
  border-radius:0;
}

.btn-success {
  color:white!important;
}

.btn-info {
  background-color: var(--default-blue);
}

.badge {
  font-size: 14px;
}

/* 15-05-18 El body del template NO pot tenir padding de 100px */

#sp-main-body {
	padding:50px 0;
}

/* 23-05-18 Normalització dels textos del header */

#sp-header {
  height: 80px;
  justify-content: center;
  align-items: center;
}

ul.sp-megamenu-parent li.sp-menu-item a {
  font-size: 16px;
}

/* 23-05-18 Min-height per a diferents tipus de pantalles */

body {
  background-color:var(--default-black-color);
}

.body-wrapper {
  background-color:white;
}

@media (min-width: 1280px) {
  #sp-main-body {
    min-height: 648px;
  }
}

@media (min-width: 1366px) {
  #sp-main-body {
    min-height: 616px;
  }
}

@media (min-width: 1440px) {
  #sp-main-body {
    min-height: 748px;
  }
}

@media (min-width: 1990px) {
  #sp-main-body {
    min-height: 928px;
  }
}

@media (min-width: 2560px) {
  #sp-main-body {
    /*min-height: 1240px;*/
    min-height: 1141px;
  }
}

/* 23-05-18 En el listing de Hikamarket (corelist) NO hi ha padding top */

body.com-hikamarket.view-productmarket.layout-listing #sp-main-body,
body.com-hikamarket.view-categorymarket.layout-listing #sp-main-body {
  padding:0 0 25px 0;
}

/* 12-07-18 Quan hi ha focus en els botons, no hi ha cap box-shadow, que és horrible */
.btn.focus, .btn:focus {
    box-shadow: none!important;
}

/* 26-09-18 Sense border-radius en tots els inputs (i textarea) per defecte */

body.com-hikamarket input[type="text"],body.com-hikamarket textarea,body.com-hikamarket input[type="number"] {
  border-radius:0px!important;
  padding:2px 5px!important;
  font-size: 14px!important;
}

/* 17-05-18 Toolbar de Hikashop */

.hikam_toolbar {
  padding: 6px;
  background-color: var(--gray-toolbar);
}

/* Tots els botons de la toolbar right estan separats excepte l'últim */
.hikam_toolbar .hikam_toolbar_right .hikabtn:not(:last-child) {
  margin-right: var(--default-margin-space);
}

/* */

p {
  margin-bottom:0;
}

/* 10-05-18 Div sense paddings */

.container-without-padding {
  padding:0;
}

/* 17-05-18 Estilització general per a cards (antics panels) */

.card {
border-radius:0;
width:100%;
}

.card .card-header, .card .card-body, .card .card-footer {
padding:5px;
}

.card .card-header h5 {
  font-size: 16px;
  line-height: normal;
}

.card .card-header * {
margin-bottom:0;
}

.card a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

.modal {
  z-index: 9999!important;
}

/* Pàgina principal (cpanel hikamarket) */

/* 10-05-18 Centrat de la zona dedicada al mòdul de login */

#sp-login-button .sp-column {
	height: 60px;
	margin-top: 10px;
	display:flex;
	align-items: center;
	justify-content: center;
}

/* 10-05-18 Centrat de les icones de productes i categories en el CPANEL de Hikamarket */

#hikamarketcpanel a span.iconM-48-products, #hikamarketcpanel a span.iconM-48-category {
margin: 10px 0;
}

/* Llistat editable de productes (corelist hikamarket listing) */

/* 24-05-18 Modificacions de la zona de actions al corelist */

.hikamarket_product_actions_value .toggle_loading, .hikamarket_product_actions_value img {
  margin-right: 5px;
}

/* 14-05-18 Fix del otree de Hikamarket (en TOTS els casos) */

.hikam_category_explorer img, .namebox-popup-content img, #hikam_categories_otree img, .oTreeNode img {
display:inline-block;
}

/* 05-07-19 En els inputs d'stock han de poder-se ficar 4 digits */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#hikam_product_listing_standard .hikamarket_product_stock .quantity-inputer, .com-hikamarket.view-productmarket.layout-listing .right-zone .quantity-inputer {
  width:45px!important;
}

/* 24-05-18 oTree - on Hover canvia estilització */

.node:hover, .nodeSel:hover, .node:focus, .nodeSel:focus, .node:visited, .nodeSel:visited {
  color:var(--default-red-color)!important;
  text-decoration: none!important;
}

/* 10-05-18 Creació estructura categories - listing de productes */

/* 26-09-18 Creació de dues mides */

.khroma-block-otree-categories {
display:inline-block;
width: 210px;
float:left;
overflow:hidden;
margin-right: 10px;
}

.khroma-block-listing-products {
display:inline-block;
width: 920px;
float:left;
}

@media (min-width: 1600px){
  .khroma-block-otree-categories {
    width: 325px;
  }

  .khroma-block-listing-products {
    width: 1235px;
  }
}

/* 18-05-18 Toolbar de Hikamarket no visible al llistat de productes i categories */

body.com-hikamarket.view-productmarket.layout-listing .hikam_toolbar,
body.com-hikamarket.view-categorymarket.layout-listing .hikam_toolbar {
display:none;
}

/* 10-05-18 Bloc de filtres al llistat de productes */
/* Inclou color del filtre així com accions a realitzar quan ha de quedar visible */

.khroma-block-listing-filters, .khroma-block-listing-massactions {
	background-color: var(--gray-toolbar);
	padding: 4px 0;
}

.khroma-block-listing-filters.header-sticky {
	margin-top: 80px;
	position:fixed;
	z-index: 9998;
	width:100%;
	left:0;
}

.khroma-block-listing-filters.header-sticky .row {
	padding-left: 15px;
	padding-right: 15px;
}

/* 18-05-18 Fix especific per a la pantalla de categories (té que quedar més cap a dalt) */

body.view-categorymarket .khroma-block-listing-filters.header-sticky {
	margin-top: 76px;
}


/* 10-05-18 Zona de filtres */

/* 31-05-18 Colors per a la zona de filtres */

.fast-actions .toggle_loading {
  width: auto;
  height: auto;
}

.filter-section.custom-icons .publish, .fast-actions .toggle_loading .publish {
  background-color: var(--default-green-color);
  padding: 2px 4px;
  color: white;
  border-radius: 3px;
  width: auto;
  height: auto;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}

.filter-section.custom-icons .unpublish, .fast-actions .toggle_loading .unpublish {
  background-color: var(--default-red-color);
  padding: 2px 4px;
  color: white;
  border-radius: 3px;
  width: auto;
  height: auto;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}

.toggle_loading.no-background a {
  background-image:none!important;
}

.fast-actions {
  text-align: center;
}

.fast-actions .fa {
  vertical-align: baseline;
  font-size: 18px;
}

/* Zona informativa */

#mostraText {
    text-align: center;
    border: 1px solid var(--filter-toolbar-borders);
    margin-left: 5px;
    background-color:var(--white-toolbar-zone-background);
    width: 100%;
    padding: 5px;
}

#mostraText p {
	margin-bottom:0;
}

/* Bloc estacable genèric */
.filter-block {
	display:inline-flex;
    width: 350px;
    height: 32px;
    padding: 4px 0 0 5px;
    float: left;
}

/* Divisió entre cada paràmetre */
.filter-section {
margin-right: 5px;
}

/* Opcions generals per als botons que hi han a dins dels blocs */
.filter-block .btn-group .btn {
border: 1px solid var(--filter-toolbar-input-borders);
padding: 2px 9px 9px 9px;
border-radius: 0!important;
}

/* 26-09-18 Cercador + botons dintre del filtre */
#hikamarket_products_listing_search, .filter-block input[type="text"] {
    margin-left: 0;
    border: 1px solid;
    float: left;
    padding: 5px;
}

#hikamarket_products_listing_search {
  width: 148px;
}

/* Selects */
.filter-block select {
height: 28px;
}

.com-hikamarket.view-productmarket.layout-form select {
  height: 20px!important;
  font-size: 14px!important;
  line-height: normal!important;
  padding: 2px 4px!important;
}

/* Botó de nuevo */
.filter-block img {
width: auto;
max-width: 28px;
height: 28px;
}

/* 10-05-18 Fix especific per alinear els botons de publicat i despublicat */
.filter-block .toggle_loading a {
	margin-top: 3px;
}

.filter-block .btn-publish {
    background-color: white;
    filter: grayscale(100%);
    opacity: 0.25;
}

/* Quan un botó està actiu */
.filter-block .non-saturared {
    filter: grayscale(0%);
    opacity: 1;
    background-color: gainsboro;
}

/* 10-05-18 Fix especific per els botons de cercar */

.first-block .btn {
margin-left: 2px!important;
}

/* 10-05-18 Fix especific per els botons de publicar, duplicar i eliminar */

.hikamarket_product_actions_value img {
display:inline-block;
float:left;
}

.hikamarket_product_actions_value a, .hikamarket_product_actions_value .toggle_loading {
float:left;
}

/* 10-05-18 Fix especific per a que el breadcrumbs ocupi tota la linia */
/* 26-09-18 Afegit també estilització del breadcrumbs  */

.hikam_breadcrumb {
  width: 100%;
  border-radius:0;
  background-color: var(--gray-toolbar);
  padding: 5px 8px;
  margin: 4px 0;
}

.hikam_breadcrumb .breadcrumb_sep {
  margin: 0 2px;
}

/* 18-05-18 Fix especific per a que el system-message al corelist tingui margin per sobre */

body.com-hikamarket.view-productmarket.layout-listing #system-message .alert,
body.com-hikamarket.view-categorymarket.layout-listing #system-message .alert{
  margin-top: var(--default-margin-space);
}

/* Visualitzador editable de productes (coreshow hikamarket form) */

/* Opcions generals per als blocs */

/* 05-06-18 Color per defecte en el border dels camps de formulari */

input[type="text"], textarea {
  border: 1px solid var(--border-color-form);
  color: var(--input-color-coreform);
}

/* 05-06-18 Textareas de la zona de producte */

.form-product.coreshow-form .coreshow-input textarea {
  width:100%;
  height:60px;
}

.coreshow-form {
margin-top: var(--default-margin-space);
}

.coreshow-label {
	display:flex-inline;
	text-align: right;
	width: 120px;
	height: 29px;
	margin-bottom:0;
	margin-right: 10px;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
  padding-top: 1px;
}

.coreshow-label label {
vertical-align: sub;
}

.coreshow-input {
	width: 500px;
	margin-bottom: 5px;
}

/* 07-08-18 Editor en la vista de categories coreform hikamarket */

.editor-container .coreshow-input {
  width: 905px;
}

.coreshow-input .wf-editor-container {
  padding-left:0;
  width: 100%;
}

/* 11-05-18 Blocs especifics estacables */

.form-product {
	width:666px;
	float:left;
	margin-right: var(--default-margin-space);
}

/* 11-05-18 Estilització del product_code i radio buttons en general */

.product-code-row .coreshow-input {
	width: 86px;
	margin-right: 20px;
}

/* Mentre que de normal, els labels tenen un padding-top d'un pixel, en els radio button no el tenen. */
.product_radio .coreshow-label {
	width: 100px;
	float:left;
  padding-top:0;
}

.coreshow-radio-container {
	float:left;
}

.coreshow-radio-container .hikabtn, .coreshow-radio-container .btn  {
padding: 3px 6px;
}

/* 14-05-18 Contenidor del selector de la categoria principal (constools) */
.principal-category-container {
  float:left;
  width: 260px;
}

/* 14-05-18 Select de categories dintre del form */

.nameboxes.ui-sortable {
  border-radius:0;
}

/* 14-05-18 El cercador de text dintre del otree NO ha de tenir cap tipus de margin */
.nametext.ui-sortable-handle {
  margin:0!important;
}

/* 14-05-18 Classe especial per al nom sage (product_name) */
/* Fa que el text input sigui un text tipus label amb color vermell */
input[type=text].toLabel {
    all: initial !important;
    text-align: center;
    font-family: "Arial" !important;
    font-size: 14px !important;
    color: var(--red-label-important-color) !important;
    width: 100% !important;
    padding: 6px 5px 5px 5px!important;
}

.toLabel {
  color: var(--red-label-important-color) !important;
}

/* 24-05-18 botó modal introduir insert images control images coreshow
   Que no és pugui visualitzar. */

   #hikamarket_product_image_addpopup {
     display:none;
   }

/* 05-06-18 Imagen de categoria / producto */

.form-image {
  display:inline-block;
  float:right!important;
  width: 429px;
}

.form-image .card, .form-product .card {
  min-height: 560px;
}

/* 14-05-18 Datos SAGE */

.form-sage {
  width: 100%;
}

.form-sage .product_radio:first-child {
  width: 300px;
}

.form-sage .product_radio .coreshow-input {
  float:left;
}

.form-sage .ean-container .coreshow-input {
  width: 200px;
}

.form-sage #ean_code {
  width: 180px;
}

/* 14-05-18 Características del producto (DTS) */

.form-characteristics {
  width: 100%;
}

/* 17-05-18 Embalaje */

.form-package-units .card, .form-images-seo .card {
  float:left;
  width: var(--double-card-per-row-width);
}

.form-package-units .card.first-child, .form-images-seo .card.first-child {
  margin-right: var(--default-margin-space);
}

.form-package-units {
  width: 100%;
}

.form-package-units .coreshow-input {
  width: 300px;
}

.form-package-units .coreshow-input input[type="text"]{
  width: 100px!important;
  float:left;
}

/* 18-05-18 fix popovers */

.add-on span {
  display:inline-block!important;
}

.view-productmarket.layout-form .popover .popover-header {
    background-color: white;
    border:0;
}

/* 17-05-18 Ficheros relacionados */

.form-files {
  width: var(--double-card-per-row-width);
}

/* 24-05-18 Div contenidor amb input + dropdown */

.coreshow-package-input-dropdown input[type="text"],
.coreshow-package-input-dropdown select {
  width:60px!important;
  margin-right: 5px;
  float:left;
  display:inline-flex;
}

.coreshow-package-input-dropdown select,
.coreshow-volume-group select {
  font-size: 14px!important;
  line-height: 17.5px!important;
  height:29px!important;
  width: 60px!important;
}

.contains-raw_weight, .contains-units_per_pack{
  width: 100px!important;
}

.contains-raw_weight.coreshow-label {
  margin-left: 44px;
}

.contains-units_per_pack.coreshow-label {
  margin-left: 15px;
}

#units_per_pack {
  width: 52px;
}

#raw_weight {
  width: 80px!important;
}

/* 17-05-18 Zona de volum */

.coreshow-volume-group .input-prepend,
.coreshow-volume-group .input-prepend .add-on,
select.volumeselect {
  float:left;
  margin-right: 2px;
}

.coreshow-volume-group input[type="text"] {
  width: 60px;
}

.coreshow-volume-group .add-on span i {
  vertical-align: bottom;
}

.coreshow-volume-group .hk-icon-14 {
  width: 29px;
  height: 29px;
}

.coreshow-volume-group input {
  margin-right: 15px;
}

/* 15-05-18 Peso en caja - raw_weight */

.coreshow-units {
  margin-left: 5px;
  vertical-align: sub;
}

/* 15-05-18 Estructura general per a la zona de embalaje */

.form-package-units .row {
  margin-bottom: 5px;
}

/* 15-05-18 Símbol de euro després del preu a la zona de producte */

.product_msrp {
  position:relative;
}

.product_msrp:after {
  content:"€";
  display:inline-block;
  position:absolute;
  top:4px;
  right:5px;
  font-size: 14px;
  font-weight: 17.5px;
}

/* 15-05-18 Millora dels badges del nameboxes otree selector de categories al form */

div.nameboxes div.namebox {
  height: 20px;
}

/* Edició de categories */

/* 17-05-18 Imatges + SEO */

.form-images-seo {
  width: 100%;
}

.form-images-seo .coreshow-input {
  width: 381px;
}

.form-images-seo .card.first-child #hikamarket_category_image_main {
  margin-bottom: 5px;
}

/* 17-05-18 Noms de categoria */

.form-names {
  width: 100%;
}

.form-names .name-field .coreshow-input input[type="text"], .form-names .name-field .coreshow-input textarea {
  width: 900px;
}

.form-names .name-field .coreshow-input textarea {
  height: 100px;
}

.form-names .btn-group .btn {
  height: 27px;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
  border: 1px solid var(--filter-toolbar-borders);
  vertical-align: middle;
  padding: 3.5px 6px;
}

/* 18-05-18 Fix especific per a que, entre parent category i español i hagi la mateixa separació
            que hi ha amb cada zona d'idioma. */

.first-row-category {
  margin-bottom: 5px;
}

/* 05-06-18 Customització per mostrar les banderes */

.language-name .flag-icon-background {
  background-size: 13%;
  background-position:45%;
}

.coreshow-input.flag-icon-background {
  background:none!important;
}

/* 17-05-18 CSS Llistat Editable (alpha) */



.hikamarket-edit-area .left-zone .coreshow-label {
  width: 70px;
}

.hikamarket-edit-area .left-zone .coreshow-input {
  width: 300px;
}

.hikamarket-edit-area .coreshow-input input[type="text"] {
  width: 100%;
}

.hikamarket-edit-area .row {
  width: 100%;
  padding:0;
}

.hikamarket-edit-area .left-zone {
  width: 100%;
  float:left;
  margin-right: 2px;
  border-right: 1px solid var(--filter-toolbar-borders);
}

.hikamarket-edit-area .right-zone {
  max-width: 122px;
}

.hikamarket-edit-area .right-zone, .hikamarket-edit-area .right-zone .row {
  width: 122px;
  float:left;
  margin: 0!important;
}

.hikamarket-edit-area .border-bottom {
  border-bottom: 1px solid var(--filter-toolbar-borders);
  margin-bottom: 5px;
}

#hikam_product_listing_editable .hikam_listing tbody td,
#hikam_product_listing_editable .hikam_listing thead th {
  padding: 5px;
}

#hikam_product_listing_editable .hikamarket_product_image_title {
  width: 122px;
}

/* 26-09-18 Llistats editables genèrics */

.hikamarket-edit-area .nameboxes {
  width: 100%;
}

.hikamarket-edit-area .namebox-popup {
  float:left;
  width:100%;
}

.hikamarket-edit-area .namebox-popup > div {
  width: 100%;
}

.hikamarket-edit-area select {
  height: 30px!important;
}

/* Controlador d'stocks */

.displayStock, .listingStock {
    padding: 2.75px 10px;
    color: white;
}

.right-zone .displayStock, .right-zone .listingStock {
    width:100%;
}

.green {
  background-color: var(--default-green-color);
}

.red {
  background-color: var(--default-red-color);
}

.orange{
  background-color: var(--default-orange-color);
}

.stock-btn {
  border: none;
  color: white!important;
  padding: 3px 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  margin-left: 4px;
}

.custom-action img {
  margin-right: 2px!important;
}

.stock-btn {
  height: 25px;
}

.quantity-inputer {
  width: 40px!important;
  height: 25px;
  font-size: 14px;
  line-height:normal;
  border-radius:0!important;
  padding:0 2px!important;
}

.hikam_listing td.hikamarket_product_name_value {
  width:250px!important;
  max-width:250px!important;
  padding:0 0 0 0!important;
  margin:0!important;
}

/* Mostra area de imatge */

.listingContainer {
  position: relative;
  background-color: black;
  margin-top: 20px;
}

.listingProductCode {
  height: 26px;
}

.listingProductCode a {
  color: white;
  font-size: 15px;
  margin-top: 2px;
  padding-left: 6px;
  text-align: left;
}

.product_reference {
  margin-top: -18px;
  padding-top: 1.5px;
}

.listingStock {
  position: absolute;
  top: 0;
  right: 0;
}

.thumb-price-displayer tr {
  background-color:transparent!important;
}

.hikaproduct-img-thumbnail {
  width:250px;
  height:130px;
  display:flex;
  align-items: center;
  justify-content:center;
  position:relative;
  background-color: var(--default-gray-color);
}

.hikaproduct-img-thumbnail:after {
  content: "\f03e";
  position:absolute;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 90px;
  margin: -68px 0 0 -46px;
  color: gray;
  top:50%;
  left:50%;
}

.hikaproduct-img-thumbnail.hasImage:after{
  content:none!important;
}

.circleinfo {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 10px;
  margin-left: 2px;
}

.erp {
  background-color: #01FF70;
}

.ekon {
  background-color: #FF851B;
}

.noinfo {
  background-color: #FF4136;
}

.hikamarket_product_actions_value {
  padding-left:0!important;
}

/* 26-09-18 Vista de typology */

#hikam_product_listing_typology .coreshow-input {
  width:100%;
}

#hikam_product_listing_typology .hikam_listing tbody tr > td, #hikam_product_listing_namedescription .hikam_listing tbody tr > td, #hikam_product_listing_standard .hikam_listing tbody tr > td {
  padding-top:0;
  padding-bottom:0;
}

#hikam_product_listing_typology .coreshow-input label {
  margin-right: 10px;
}


.stockExtern {
  background-color: #828282;
  color: white;
  background-color: var(--default-gray-color);
  position: absolute;
  padding: 2.75px 10px;
  top: 26px;
  right: 0;
}

/* 26-09-18 Formulari de producte */

/* Primera file general - product code, marca i publicat */

.form-general .brand_label {
  display:block;
  width:100%;
  text-align:center;
  border-right: 1px solid var(--default-gray-color);
  border-left: 1px solid var(--default-gray-color);
  color: var(--default-blue-color);
}

#check_genPublish {
  float:left;
  display:inline-block!important;
  margin-left: 5px;
  margin-top: 2px;
  background-attachment: fixed;
  width: 30px!important;
  height: 20px!important;
}

#check_genPublish.published {
  background-position: 0px -16px !important;
}

#check_genPublish.unpublished {
  background-position: 0px -35px !important;
}

#check_genPublish.intermig {
  background-position: 0px 1.5px !important;
}

.form-general .product_code, .flex-input {
  display:flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.form-general .product_code .coreshow-label {
  width: 40px;
}

.form-general .product_code .coreshow-input {
  width: 120px;
}

.form-general .product_code .coreshow-label label, .form-general .flex-input .coreshow-label label {
  margin:0!important;
  vertical-align: initial!important;
}

.form-general > .row {
  margin-right: 0;
  margin-left: 0;
}

.form-general > .row {
  margin-bottom: 10px;
}

.form-general .name-row {
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.form-general .name-row .flag-icon {
  margin-right: 5px;
}

.form-general .description-row {
  display:flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}

.form-general .description-row textarea {
  width: 85%;
}

.form-general .row.border-bottom {
  padding-bottom: 10px;
}

.form-general .col-6 .coreshow-label, .flex-input .coreshow-label {
  display:inline-block!important;
  float:left!important;
  width: 40%!important;
}

.form-general .col-6 .coreshow-input, .flex-input .coreshow-input {
  display:inline-block!important;
  float:left!important;
  width: 57%!important;
}

.flex-input .coreshow-input, .flex-input .coreshow-label label {
  vertical-align: baseline;
}

/* Formulari de producte */

input[readonly="readonly"] {
  background-color: var(--readonly-color)!important;
}

/* Preus */

.hikamarket_price_0_price, .hikamarket_price_1_price, .hikamarket_price_2_price,
.hikamarket_price_3_price, .hikamarket_price_0_with_tax, .hikamarket_price_1_with_tax,
.hikamarket_price_2_with_tax, .hikamarket_price_3_with_tax {
  width: 80px;
}

.card .card-body > .row {
  margin-right:0;
  margin-left:0;
}

/* Taula d'stock */

.com-hikamarket.view-productmarket.layout-form .card {
  margin-bottom: 5px;
}

.com-hikamarket.view-productmarket.layout-form .coreshow-input label {
  margin-right: 5px;
}

.form-stock-table label {
  margin-bottom:0!important;
}

.form-stock-table .btn {
  padding: 0 5px;
  border-radius:0;
}

.clearDate {
  position:absolute;
  top:-2px;
  right:-6px;
  font-size: 18px;
  color:darkgray;
  cursor:pointer;
}

/* Zona related */

#data_product_stock_parts_cat_id, #data_product_performance_parts_cat_id {
  margin-bottom: 5px;
}

.units_per_pack_wrapper {
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.unit_pack_btn .btn {
  color:white!important;
  margin-right: 5px;
  border-radius:0;
}

/* */

#hikamarket_product_image_main {
  height: 397px;
}

.label_ekon_categories {
    color: darkgray;
}

.modal {
  top: 80px;
}

/* oTree */

.oTreeNode .oTree-img {
  display:inline-block;
  width: 18px;
  height: 18px;
  background-image: url("./icons_otree.png")!important;
  text-indent: -9999px;
  text-align: left;
}

/*.oTree-img.loading {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/loading.gif");
}

.oTree-img.folder {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/folder.gif");
}

.oTree-img.folderopen {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/folderopen.gif");
}

.oTree-img.page {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/page.gif");
}

.oTree-img.line {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/line.gif");
}

.oTree-img.join {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/join.gif");
}

.oTree-img.joinbottom {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/joinbottom.gif");
}

.oTree-img.plus {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/plus.gif");
}

.oTree-img.plusbottom {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/plusbottom.gif");
}

.oTree-img.minus {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/minus.gif");
}

.oTree-img.minusbottom {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/minusbottom.gif");
}

.oTree-img.option {
  background-image: url("http://serp.slotdomains.com/media/com_hikamarket/images/otree/option.gif");
}*/

.oTree-img.empty { background-position: -0px -0px; width: 18px; height: 18px; }
.oTree-img.folder { background-position: -0px -18px; width: 18px; height: 18px; }
.oTree-img.folderopen { background-position: -0px -36px; width: 18px; height: 18px; }
.oTree-img.join { background-position: -0px -54px; width: 18px; height: 18px; }
.oTree-img.joinbottom { background-position: -0px -72px; width: 18px; height: 18px; }
.oTree-img.line { background-position: -0px -90px; width: 18px; height: 18px; }
.oTree-img.minus { background-position: -0px -108px; width: 18px; height: 18px; }
.oTree-img.minusbottom { background-position: -0px -126px; width: 18px; height: 18px; }
.oTree-img.nolines-minus { background-position: -0px -144px; width: 18px; height: 18px; }
.oTree-img.nolines-plus { background-position: -0px -162px; width: 18px; height: 18px; }
.oTree-img.option { background-position: -0px -180px; width: 18px; height: 18px; }
.oTree-img.page { background-position: -0px -198px; width: 18px; height: 18px; }
.oTree-img.plus { background-position: -0px -216px; width: 18px; height: 18px; }
.oTree-img.plusbottom { background-position: -0px -234px; width: 18px; height: 18px; }
.oTree-img.loading { background-position: -0px -252px; width: 16px; height: 16px; }
.oTree-img.world { background-position: -0px -268px; width: 16px; height: 16px; }

/* 17-11-18 Continuament del refinatge del llistat de ERP */

/* Radio buttons dels filters */

.btn-group .dropdown-menu {
  padding:0;
}

.btn-group .dropdown-menu li a {
  display:inline-block;
  width:100%;
  cursor:pointer;
  white-space:nowrap;
  padding: 0 5px;
}

.btn-group .dropdown-menu li:hover a {
  background-color: var(--gray-toolbar);
}

/* Typology de name/description */

#hikam_product_listing_namedescription .row.name, #hikam_product_listing_namedescription .row.description {
  float: right;
  margin-right: 30px;
  margin-bottom: 5px;
}

#hikam_product_listing_namedescription .row.name {
  width: 90%;
}

#hikam_product_listing_namedescription .row.description {
  width: 80%;
}

#hikam_product_listing_namedescription .row.description textarea {
  width:100%;
}

.row.name.lang {
  position:relative;
}

.row.name.lang .flag-icon {
  position:absolute;
  top:1.5px;
  left: -25px;
}

/* 22-10-18 hikashop product listing modals */

.modal .modal-content {
  border-radius:0!important;
}

#productPrinter .modal-dialog, #accounting .modal-dialog, #inventariModal .modal-dialog {
  max-width: 100%;
}

.modal .modal-header {
  padding: 10px;
}

.modal .modal-header .modal-title {
  font-size: 16px;
  line-height: normal;
  font-weight: bold;
}

.modal-body {
  padding: 5px;
}

.modal-body .modal-text p {
  display:flex;
  align-items:baseline;
  margin-bottom: 5px;
}

.modal-body .col-4.modal-img {
  padding:0;
}

.modal-body .modal-text p #modal-reference {
  white-space:nowrap;
  font-weight: bold;
  margin-right: 5px;
}

.modal-body .modal-text p #modal-new-reference {
  padding: 6px 5px!important;
  margin-right: 5px;
}

.modal-body .modal-text p .btn-success, .modal-footer .btn.btn-default, .modal-footer .btn {
  padding: 4px 10px;
  font-size:14px;
}

.modal-footer {
  padding: 5px;
}

.invalid-product .col-12 h4 {
  margin-top: 10px;
}

/* modal de imprimir etiquetes */

#productPrinter .modal-body .col-4 .row {
  max-width: 200px;
  margin:0;
}

#productPrinter .modal-body .col-4 .row a.btn {
  margin-bottom: 5px;
  width:100%;
  text-align:center;
  padding: 2px;
}

#productPrinter .modal-body .col-4 .row .col-3, #productPrinter .modal-body .col-4 .row .col-12 {
  padding:0 4px;
}

#productPrinter .modal-body .container > .row:first-child {
  margin-bottom: 10px;
}

#modelAqtat, #modelBqtat, #modelCqtat {
  width: 100%;
  padding: 6px 5px!important;
}

#productPrinter .modal-body {
    overflow-x: hidden;
}

.labelstoprint span {
    color: red;
    text-align: center;
    display: block;
}

.moremargin {
    margin-top: -1000px;
}

.custom-print-ean {
  display:flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px!important;
}

.custom-print-ean .btn {
  font-size: 14px;
  padding: 4px 10px!important;
  margin-bottom: 0!important;
}

.custom-print-ean > div {
  padding:0 4px;
}

/* 22-10-18 Accions massives (standard) */

.massactions {
  margin-top: 5px;
}

.massactions .filter-block {
  height: 48px;
}

.massactions .filter-section {
  flex-wrap: wrap;
  width:50%;
}

.massactions .container > .row:first-child > h4 {
  font-size: 17.5px;
  font-weight: bold;
  padding-left: 5px;
}

.massactions .filter-section select {
  max-width: 88px;
}

.massactions #units_per_pack {
  width: 100%;
}

.massactions .filter-section .btn {
  padding-bottom:0;
}

.filter-section h5 {
    margin: 0 !important;
    text-align: center;
    color: #9c9c9c !important;
    font-size: 13px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    flex: 1 100%!important;
}

.massactions .btn-info {
  color:white!important;
  border-color:var(--default-blue)!important;
}

#product_categories {
  width:100%;
}

#product_categories .nameboxes {
  width: 265px;
}

/* 22-10-18 vista standard */

.standard_listing_product_code {
  padding-left:0;
}

.standard_listing_product_code div {
  white-space:nowrap;
  width:100px;
  overflow:hidden;
}

.standard_listing_product_code p {
  text-overflow: ellipsis;
}

.hikamarket_product_stock div {
  display:flex;
  align-items: center;
  justify-content: center;
}

.hikamarket_product_stock .displayStock {
  width: 45px;
}

.standard_listing_product_name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 16px;
  max-height: 32px;
}

/* 19-10-18 Format general vista de categories */

#hikam_category_listing #category_explorer_btn, #hikam_category_listing .hikam_category_explorer {
  width: 250px!important;
  overflow:hidden!important;
}

#hikam_category_main_listing table td, #hikam_category_main_listing table th {
    padding:0;
}

#hikam_category_main_listing .btn {
  border-radius:0;
}

.category-update-info {
  width:100%;
  border: 1px solid var(--dark-gray);
  margin-bottom: 10px;
}

.category-update-info thead th, .category-update-info tbody td {
  text-align:center;
  font-weight: normal;
}

.category-update-info thead th {
  font-size: 12px;
}

.category-update-info tbody tr td:first-child {
  text-transform: capitalize;
  text-align: right;
}

.category-update-info i {
    font-style: normal!important;
}

.category-update-info .badge {
  border-radius: 2px;
}

.category-update-info i.tenopacity {
  opacity: 0.2;
}

.hikamarket_category_data_value .category-name {
  align-self:center;
}

.hikamarket_category_data_value .category-desc {
    color: var(--default-darkgray);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: normal;
    height: 32px;
    margin-bottom: 5px;
}

.do-day-format, .do-hour-format {
  color:white;
  padding: 2px 4px;
  font-size: 75%;
  font-weight: bold;
}

.do-day-format {
  background-color: #4682B4;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.do-hour-format {
  background-color: #5F9EA0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* 24-10-19 Vista de imatges de ERP */

.thumb-image-overflowed {
  background: repeating-linear-gradient(
    -45deg,
    white,
    white 10px,
    #ccc 10px,
    #ccc 20px
  );
}

  .thumb-image-container {
    position:relative;
  }

  .thumb-image {
    background-repeat: no-repeat;
    background-position: 400px 0px;
    height: 100px;
    margin:0 auto;
    background-size: auto 100%;
  }

  .thumb-info {
    position: absolute;
    left:0;
    bottom:-80px;
    overflow:hidden;
    background: black;
    color:white;
    opacity:0.75;
    height:100px;
  }

  .thumb-image-container:hover .thumb-info {
    bottom:0;
    transition: .4s ease-in-out;
  }

  .thumb-info p {
    padding-left: 5px;
  }

  .thumb-info .size {
    background-color: darkblue;
    padding: 0 5px;
  }

  .thumb-image-container .large-thumb-hover {
    position:absolute;
    height: 400px;
    right:0;
    top:0;
    z-index: 10000;
    background-color:white;
    border: 2px solid white;
    border-top: 0 solid black;
    opacity:0;
  }

  .thumb-image-container:hover .large-thumb-hover {
    display: block!important;
    opacity:1;
    animation: fade .4s linear;
  }

  @keyframes fade {
    0% { opacity: 0 }
    100% { opacity: 1 }
  }

  .thumb-info p {
    margin:0;
    padding-left:5px;
  }

  .thumb-info .text-with-ellipsis {
    text-overflow:ellipsis;
    clear:both;
  }

  .thumb-info .thumb-hidden-text {
    font-size: 12px;
    padding-right: 8px;
  }

  /* 24-10-18 Vista MAM */

  .hikamarket-edit-area .left-zone p {
    line-height: 16px;
  }

  .hikamarket-edit-area .left-zone .col-6 {
    padding-right:0;
  }

  .col-6.namedescription .row.name.lang .flag-icon {
    position: absolute;
    top: 2.5px;
    left: 3px;
}

.col-6.namedescription .row.name input[type="text"] {
  padding-left: 24px!important;
}

.col-6.namedescription  textarea {
  width:100%;
  margin: 5px 0 5px 20px;
}

/* 24-10-18 Informació de l'última actualització */

.erpPopupContainer {
  position:relative;
}

.updateInfoBox {
  position:absolute;
  bottom:25px;
  left: 50%;
  margin-left:-125px;
  width: 250px;
  padding: 5px;
  background-color: white;
  border: 1px solid darkgray;
}

.updateInfoBox p {
  overflow:hidden;
  text-overflow:ellipsis;
}

.updateInfoBox:after, .updateInfoBox:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.updateInfoBox:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: white;
	border-width: 10px;
	margin-left: -10px;
}
.updateInfoBox:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: darkgray;
	border-width: 11px;
	margin-left: -11px;
}

.updateInfoBox ,.updateInfoBox:after, .updateInfoBox:before {
  display:none;
}

.erpPopupContainer:hover .updateInfoBox ,.erpPopupContainer:hover .updateInfoBox:after, .erpPopupContainer:hover .updateInfoBox:before {
  display:block;
}

.updateInfoBox .hikaproduct-img-thumbnail {
  display:block;
  margin:0 auto;
}

/* 24-10-18 corelist pagination */

.corelist_pagination {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background-color: var(--gray-toolbar);
  z-index:1;
  padding: 10px 0;
}

.corelist_pagination .row .col-12, .corelist_pagination .limit {
  display:flex;
  justify-content: center;
  align-items: center;
  align-self:center;
  flex-direction: row;
}

.corelist_pagination .pagination {
  margin-bottom:0;
}

.corelist_pagination .limit, .corelist_pagination .pagination {
  margin-right: 5px;
}

/* Botó de force */

.hikamarket-edit-area {
  position:relative;
}

.hikamarket-edit-area .btn.btn-success {
  position:absolute;
  bottom: 5px;
  right: 5px;
  opacity: 0.4;
  line-height: normal;
}

.hikamarket-edit-area .btn.btn-success:hover {
  opacity: 1;
}

/* Product code */

.col.product_code {
  padding:0;
}

.provisional_struct {
  display:flex;
  flex-wrap: wrap;
}

.product_code_container .btn {
  padding:0 5px!important;
  font-size: 14px;
}

.product_code_container {
  display:flex;
  align-items:center;
  justify-content: flex-start;
}

.product_code_container > * {
  margin:0 5px 0 0!important;
}

.product_code_container .btn {
  border-radius:0;
  padding: 2px 6px;
}

.product_code_container > span, #consolidar-codigo .modal-body .container .row .col-12 span {
  background-color: lightgray;
}

#provisional_error {
  flex:0 0 100%;
}

.product_code_container + p {
  display:flex;
  justify-content:flex-end;
  width:100%;
}

.product_code_container + p a.btn {
  padding: 2px 12px;
  line-height: 125%;
  margin-top: 2px;
  font-size: 12px;
  margin-right: 5px;
}

.col.product_code {
  flex-direction:column;
}

.col.product_code .coreshow-label {
  height: 23px;
}

.legacy-product-code {
  opacity:0.8;
  color: gray;
  display:flex;
  align-items:center;
  justify-content: center;
  width:100%;
}

.legacy-product-code span:first-child {
  margin-right: 5px;
}

.legacy-product-code span:nth-child(2){
  width:120px;
}

/* Modal del product code */

input[type="text"].readonly {
  background-color: var(--readonly-color)!important;
}

#consolidar-codigo .modal-body .container {
  padding: 10px 15px;
}

#consolidar-codigo .modal-body .container .row .col-12 {
  display:flex;
  align-items:center;
  justify-content: center;
  margin-bottom: 5px;
}

#consolidar-codigo .modal-body .container .row .col-12 input[type="text"]{
  max-width: 150px;
}

#consolidar-codigo .modal-body .container .row .col-12 label, #consolidar-codigo .modal-body .container .row .col-12 span {
  margin:0 5px 0 0;
}

#consolidar-codigo .modal-footer {
  justify-content: center;
}

.nav-link {
  display:block!important;
}

/* 03-12-18 Fix datepicker */

.datetimepicker {
  display:block!important;
}

/* 13-02-19 Fix z-index dels nameboxes */

div.nameboxes div.namebox {
  z-index: 0!important;
}

/* 13-02-19 Funcionament de la zona dels preus en el corelist */

.thumb-price-displayer span.badge {
  width: 55px!important;
  font-size: 14px;
}

.thumb-price-displayer tr td:nth-child(3){
  padding: 0 8px!important;
}

/* 13-02-19 Vista STANDARD */

#hikam_product_listing_standard td.hikamarket_product_actions_value {
  padding:0 8px!important;
}

#hikam_product_listing_standard .thumb-price-displayer span.badge {
  width: 49px!important;
  font-size: 13px!important;
}

#hikam_product_listing_standard .thumb-price-displayer tr td:nth-child(3){
  padding: 0 2px!important;
}

/* 13-02-19 Vista typology */

#hikam_product_listing_typology .coreshow-input label {
  margin-bottom:0;
}

/* 13-02-19 Vista Mini Auto Models */

#hikam_product_listing_mam .row.export-information + .row > p {
  display:block;
  width:100%;
  margin-bottom: 4px;
}

/* 13-02-19 Vista Inventari */

#hikam_product_listing_inventari td{
  padding-top: 8px;
}

#hikam_product_listing_inventari .circleinfo {
  margin-top:4px;
  margin-left: 10px;
}

#hikam_product_listing_inventari .stock-controller {
  display:flex;
  align-items:center;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
}

#hikam_product_listing_inventari .stock-controller .stock_validating {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0 2.5px;
  padding:0;
}

#hikam_product_listing_inventari .stock-controller .button_validate {
  padding:0;

}

#hikam_product_listing_inventari .reference-td {
  width:85px;
}

#hikam_product_listing_inventari .reference-td p:first-child {
  overflow:hidden;
  white-space: nowrap;
  width:100%;
  text-overflow: ellipsis;
}

#hikam_product_listing_inventari .reference-td p:nth-child(2), #hikam_product_listing_inventari .reference-td p:nth-child(3){
  text-align:center;
}

#hikam_product_listing_inventari .hikaproduct-img-thumbnail img {
  width: 160px!important;
  height: 83.2px!important;
}

#hikam_product_listing_inventari .hikaproduct-img-thumbnail {
  width: 160px!important;
  height: 83.2px!important;
}

#hikam_product_listing_inventari .center {
  text-align:center;
}

#hikam_product_listing_inventari .hikaproduct-img-thumbnail + .badge {
  margin-top:10px;
}

#inventariModal {
  left:30%;
}

#inventariModal .modal-header h4, #orphans .modal-header h4  {
  display:block;
  float:left;
  width:100%;
}
#inventariModal .modal-header button, #orphans .modal-header button {
  position:absolute;
  top: 6px;
  right: 12px;
}

/* 13-02-19 Llistat de descomptes */

#hikam_product_listing_discounts table thead th {
  text-align:center;
}

#hikam_product_listing_discounts table td {
  padding: 0;
}

#hikam_product_listing_discounts input[readonly]{
  cursor:not-allowed;
  background-color:#eee;
}

.discount-column {
  display:flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  height: 159px;
}

.discount-row {
  display:flex;
  flex-direction: row;
  align-items:center;
  justify-content: center;
  width:100%;
  padding:10px 6px;
  height:53px;
}

.flex-end {
  justify-content: flex-end!important;
}

.flex-start {
  justify-content: flex-start!important;
}

.border-black {
  border-color:black!important;
}

.inputDis {
  width:70px!important;
  padding: 0 2px;
  margin: 0 8px;
}

#hikam_product_listing_discounts .stock-btn, #hikam_product_listing_discounts .stock_input {
  height: 26px!important;
}

#hikam_product_listing_discounts .stock-btn {
  margin-right: 8px;
}

#hikam_product_listing_discounts .stock_input {
  width:49px!important;
  margin-left: 8px;
}

/* Auxiliars tractament dels periodes de descomptes */

.classOn {
    background-color: #4CAF50;
}

.classGray {
  background-color: #9ca0a8;
}

.classOff {
  background-color: #FF4136;
}

.spanText {
    font-size: 14px;
    font-weight: bold;
    color: white;
}

#hikam_product_listing_discounts .datetimepicker {
  width: 120px!important;
}

.inverse_buttons .btn, .inverse_buttons.btn {
  background-color:transparent!important;
  border-color:transparent!important;
  font-size: 20px;
  padding:0;
  margin:0;
  height: 26px;
}

.inverse_buttons .btn-success, .inverse_buttons.btn-success {
  color: #5cb85c!important;
}

.inverse_buttons .btn-danger, .inverse_buttons.btn-danger {
  color: #d9534f!important;
}

.inverse_buttons .btn-secondary, .inverse_buttons.btn-secondary {
  color:#6c757d!important;
}

.inverse_buttons .btn-secondary, .inverse_buttons.btn-info {
  color:#17a2b8!important;
}

.inverse_buttons .btn-secondary, .inverse_buttons.btn-primary {
  color:#007bff!important;
}

#hikam_product_listing_discounts tbody tr:not(.waiting_save) .inverse_buttons {
  display:none!important;
}

/* Coreform - Ajustos generals */

.com-hikamarket.view-productmarket.layout-form #sp-main-body {
  padding-top: 10px;
}

.com-hikamarket.view-productmarket.layout-form ul.nav {
  margin: 20px 0!important;
}

/* Footer */

#sp-footer1 .sp-column {
  text-align:center;
}

/* 03-04-19 Ajustos zona reserves quan el producte encara no està creat */

.reservation-not-available-zone {
  opacity: 0.2;
  pointer-events:none;
}

/* 17-04-19 Pantalles de categoria i marques */

/* Llistat de Subcategories */

#hikam_category_listing .hikam_listing {
  pointer-events:all!important;
}

td.hikamarket_category_image_value {
  vertical-align: middle;
}

#hikam_category_listing .accordion-group, #hikam_category_listing .accordion-group .oTreeNode {
  width: 250px!important;
}

#hikam_category_listing .accordion-group .oTree {
  overflow:hidden;
}

/* Pagination */

#hikam_category_listing .pagination-toolbar {
  padding: 5px 0;
}

#hikam_category_listing .pagination-toolbar * {
  margin-bottom:0;
}

#hikam_category_listing .pagination-toolbar > * {
  margin-right: 10px;
}

#hikam_category_listing .pagination-toolbar, #hikam_category_listing .pagination-toolbar .limit {
  display:flex;
  align-items: center;
  justify-content: center;
}

/* Coreform categories */

#hikamarket_categories_form .row {
  margin-top: 10px;
}

#hikamarket_categories_form h1, #hikamarket_categories_form h4, .section-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom:0!important;
}

.category-update-info .badge {
  font-size: 90%;
  padding: 2px 5px!important;
}



/* Categoría pare */

.khool-input.isOTree {
  flex-wrap: wrap;
}

.khool-input.isOTree > .nameboxes {
  width: 68%;
}

.khool-input.isOTree > div.namebox-popup {
  display:block;
  clear:both;
  width:100%;
}

.khool-input.isOTree > div.namebox-popup > div {
  width: 68%;
  left:170px;
}

/* Control de stock */

#hikamarket_categories_form #max_low, #hikamarket_categories_form #max_medium, #hikamarket_categories_form .high-units {
  width: 50px;
  text-align: center;
}

#hikamarket_categories_form input[type="number"]::-webkit-outer-spin-button, #hikamarket_categories_form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#hikamarket_categories_form .stock-control {
  margin: 0 20px;
  padding: 10px 0;
}

.stock-control > .khool-input > label {
  margin-bottom:0;
  width: 160px;
  text-align: right;
}

.stock-control > .khool-input > *, .stock-control > .khool-input > div > * {
  margin-right: 5px;
}

.stock-control > .khool-input > div {
  display:flex;
  justify-content: flex-start;
  align-items: center;
}

.font-100 .do-day-format, .font-100 .do-hour-format {
  font-size:100%!important;
}

/* formulari de marques */

.vertical-flexed {
  display:flex;
  flex-direction: column;
}

.khool-input.category-type {
  align-items: flex-start;
  margin-top: 10px;
}

#discount_category_limit {
  width: 50px;
}

#discount_category_limit_container label {
  position:relative;
}

#discount_category_limit_container label:after {
  content: "%";
  top:0;
  right:-78%;
  position:absolute;
}

.com-hikamarket.view-categorymarket .khool-input.khool-radio .radio-value:nth-child(2) input:checked + label {
  background-color: red;
}

/* zona informativa */

#brand-info .card-body > .col-12 {
  margin-bottom: 5px;
}

#brand-info .card-body h2 {
  line-height: 40px;
}

#brand-info .card-body h3 {
  line-height: 21px;
  margin: 4px 0;
}

#brand-info .card-body h2, #brand-info .card-body h3 {
  font-size: 16px;
  font-weight: bold;
}

#brand-info .list-table td, #brand-info .list-table th {
    border: 1px solid black;
    background-color: white;
    border-left-color: rgba(0,0,0,0.1)!important;
    border-right-color: rgba(0,0,0,0.1)!important;
    border-top-color: rgba(0,0,0,0.2)!important;
    border-bottom-color: rgba(0,0,0,0.2)!important;
}

#brand-info .list-table div.toggle_loading {
  display:flex!important;
  align-items:center!important;
  justify-content: center!important;
  width:100%!important;
}

#brand-info .list-table .darkgray {
    color: darkgray;
    display: none;
}

#brand-info .list-table .nameClass:hover .darkgray {
    display: inline-block;
}


.customer_country {
  color:blue;
}

.custom-table-paracom h2 {
  display:block;
}

/* fixes rawentry */

.bootstrap-select ul.dropdown-menu {
  display:block;
}

/* coreform producte */

.vertical-radio-container, .matrix_vertical_checkbox {
  display:flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
}

.vertical-radio-container > .coreshow-label, .matrix_vertical_checkbox > .coreshow-label {
  height:initial!important;
}

.vertical-radio-container > .coreshow-label > label, .matrix_vertical_checkbox > .coreshow-label > label {
  margin:0;
  vertical-align: baseline;
}

.vertical-radio-container > .coreshow-input {
  display:flex;
  flex-direction: column;
  margin-bottom:0!important;
}

.vertical-radio-container > .coreshow-input > label {
  margin:0;
}

.matrix_vertical_checkbox .coreshow-input {
  column-count: 3;
  column-gap: 10px;
  width:100%;
}

.matrix_vertical_checkbox .coreshow-input > label {
  margin:0;
  width:100%;
}

#renderTableForm .table .header-column-container {
  white-space:nowrap;
}

.khool-button.khool-button-info:not(.inverse) {
  color:white!important;
}

#erp_customers tbody tr td span:not(.flag):not(.fa) {
  white-space:nowrap;
  display:inline-flex;
  max-width: 80%;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.article-header h2 {
  display:block!important;
}

#erp_customers thead tr > th:last-child {
  width: 15%!important;
}

#xproveedor_id {
  pointer-events:none!important;
}

.com-hikamarket.view-categorymarket .khool-input.khool-radio input:checked + label[for='category_anulled-0'] {
  background-color:green!important;
  border-color:green!important;
}

.com-hikamarket.view-categorymarket .khool-input.khool-radio input:checked + label[for='category_anulled-1'] {
  background-color:red!important;
  border-color:red!important;
}

tr[data-descatalogado="-1"] {
  opacity:0.4;
}

tr[data-descatalogado="-1"]:hover {
  opacity:1;
}

select {
  padding: 0 5px!important;
}

.dts-struct-table table td,
.dts-struct-table table th {
  padding:2px!important;
}

.imagesuite-gallery-wrapper .btn-success {
  display:none!important;
}

.kh-table-pijama td {
  white-space:nowrap;
}

#brands td .badge.badge-danger {
  float:right!important;
}

.itemid-6295 #composition_container {
  margin-top:10px!important;
}

.itemid-6295 #setUp_product.hide {
  display:block!important;
}