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

/* Ajustos generals */

select:disabled {
  background-color: lightgray;
}

/* 10-05-18 Definició del width màxim de pantalla a 1200px */

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

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

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

p {
  margin-bottom:0;
}

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

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

body.com-hikamarket input[type="text"],body.com-hikamarket textarea {
border-radius:0px!important;
padding: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);
}


/* 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 {
padding:5px;
}

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

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

/* 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 {
display:inline-block;
}

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

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

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

/* 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 {
	background-color: var(--gray-toolbar);
	padding: 4px 0;
}

/* 20-02-19 Anteriorment era un margin-top de 80, s'ha disminuit a 20px perque sembla que així funciona. Si hi ha qualsevol error, és per aquest canvi */
.khroma-block-listing-filters.header-sticky {
	margin-top: 20px;
	position:fixed;
	z-index: 9999;
	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: 99%;
    padding: 2px 5px;
}

#mostraText p {
	margin-bottom:0;
}

.flex-pagination {
  width:100%;
}

.flex-pagination, .flex-pagination .limit {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: row;
}

.flex-pagination {
  flex-direction:column;
  margin-top:30px;
}

.flex-pagination * {
  font-size: 14px!important;
}

.flex-pagination select#limit {
  margin:0 5px;
  height: 20px!important;
}

.flex-pagination ul.pagination {
  margin:0;
}

.flex-pagination .counter {
  margin-left: 5px;
  display:flex;
  align-self:center;
}

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

/* Cercador */
#hikamarket_products_listing_search {
    margin-left: 0;
    border: 1px solid;
    width: 148px;
    float: left;
    padding: 5px;
}

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

/* 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(40%);
    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 */

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

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

/* 12-10-18 Zona general del format web */

.web-item, .web-item .coreshow-radio-container, .web-item .coreshow-radio-container label, .web-download-icon label {
  display:flex;
  align-items: baseline;
  align-content: flex-start;
  justify-content: flex-start;
}

.principal-zone .col-12.web-item .coreshow-input {
  width: 438px!important;
}

.web-item .coreshow-label {
  width: 85px!important;
}

#exportResults span.badge {
  font-size: 14px;
  color:white;
}

.web-item .coreshow-label label {
  display:inline;
  margin-bottom:0;
  vertical-align: initial;
}

label[for="web_type_languageOnlyone"]{
  width: 125px;
}

.col-9.web-item label, .web-download-icon label input {
  margin-right:5px;
}

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

.web-download-icon label img {
  width: 64px;
  height: 64px;
}

.web-download-icon label {
  align-items: center;
}

.web-item .field-calendar .btn {
  padding:0 6px;
  border-radius:0;
}

.optional-zone, #web_action_title, .mitem-title {
  margin-top: 20px;
}

.khroma-toggle input[type="radio"], .web-banner-container-type .web-banner-type input[type="radio"]{
  display:none;
}

.khroma-toggle input[type="radio"] + label, .web-banner-container-type .web-banner-type input[type="radio"] + label {
  padding: 2px 5px;
  background-color: white;
  border: 1px solid lightgray;
}

.web-banner-container-type .web-banner-type input[type="radio"] + label {
  padding: 3px 5px;
  margin-right: 12px;
}

.iconM-32-export {
  display:block;
  background-image: url("./icons/export.png");
  width:100%;
  height:32px;
  background-repeat: no-repeat;
  background-position: center;
}

.khroma-toggle input[type="radio"]:first-child + label {
  border-radius: 3px 0 0 3px;
}

.khroma-toggle input[type="radio"]:nth-child(3) + label {
  border-radius: 0 3px 3px 0;
}

.khroma-toggle input[type="radio"]:checked + label, .web-banner-container-type .web-banner-type input[type="radio"]:checked + label {
  color:white;
  background-color: #5cb85c;
}

.web-banner-container-type .web-banner-type label {
  margin:0;
  min-width: 75px;
  text-align:center;
}


.web-download-container-type .web-banner-type label {
  margin:0;
  min-width: 150px;
  text-align:center;
}

.web-banner-container-type .nameboxes {
  width:100%;
  height: 29px!important;
  border-radius:0!important;
  order:2;
}

.web-banner-container-type .namebox-popup {
  order:1;
  position:fixed;
  align-self: flex-end;
  z-index:1;
}

.web-banner-container-type .namebox {
  z-index:0!important;
}

.web-banner-container-type .namebox-popup > div {

}

.web-banner-container-type .web-banner-type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 10px;
}

#web_language_selected {
  margin-left: 10px;
  font-size: 14px;
  height: 28px;
}

#web_banner.optional-zone .row:nth-child(3) {
  margin-top: 10px;
}

#web_banner.optional-zone .row:nth-child(3) .col-3 p:first-child {
   margin-bottom: 2px;
}

#web_banner.optional-zone .col-9.web-item label {
  margin-right: 10px;
}

#web_banner.optional-zone .col-9.web-item input[type="radio"] {
  margin-right: 10px;
  margin-bottom: 10px;
}

#web_download.optional-zone .row {
  margin-bottom:10px;
}

#web_download span.file_path_text, #web_download span.file_limit_text, #web_download span.file_limit, #web_download span.file_free_text,
#web_download span.file_free {
  display:none;
}

select[name="data[product][web_download_group]"] {
  height:28px;
  width:33%;
  border-radius:0!important;
}

.web-download-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.web-download-icon > label {
  margin:0 10px!important;
  width: 64px!important;
  height: 64px!important;
  justify-content: center;
}

.web-download-icon input[type="radio"]{
  display:none;
}

.web-download-icon input[type="radio"] + img {
  /*filter:saturate(20%);*/
  width: 80%;
  height:auto;

}

.web-download-icon input[type="radio"]:checked + img, .web-download-icon input[type="radio"] + img:hover {
  /*filter:saturate(100%);*/
  width: 100%;
  height:auto;
}

.container.optional-zone {
  padding:0;
}

.optional-zone .col-12 h4, #web_action_title, .mitem-title {
  padding-left: 10px;
}

/* Nameboxes dintre de banners / downloads */

#data_product_web_banner_product_otree, #data_product_web_banner_product_otree {
  margin-left: 77px;
}

.web-banner-type .nameboxes .nametext input[type="text"], .web-banner-type .nameboxes .nametext{
  margin:0;
  padding:0;
}

.web-banner-type .nameboxes .nametext input[type="text"] {
  height: 26px;
}

/* 12-11-18 Formatador de data */

.do-day-format {
    background-color: #4682B4;
}

.do-day-format, .do-hour-format {
    color: white;
    padding: 2px 4px;
    /* border-radius:0!important; */
}

.do-hour-format {
    background-color: #5F9EA0;
}

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

.oTree {
  font-family: Arial, sans-serif;
}

#hikam_category_listing #category_explorer_btn, #hikam_category_listing .hikam_category_explorer {
  width: 325px!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;
}

#hikam_category_main_listing .category-name {
  font-size: 16px;
}

.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;
  font-size: 14px;
}

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

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

/* 06-11-18 Canviar a corelist la part de vista + botó de nuevo */

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

/* sistema popups tooltips */

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

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

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

/* 30-01-19 Popups de la zona de corelist "acciones" */

.hikamarket_product_actions_value .updateInfoBox {
  width: 100px;
  margin-left: -50px;
}

/* 06-11-18 Llistat de webs */

#web_start_date, #web_end_date, #web_start_date + button, #web_end_date + button {
  height: 28px;
}

/* 15-01-19 Modal + visualitzador d'imatges (coreform) */

#modal-hikamarket_product_image_edit {
  width:100%!important;
  margin-left:0!important;
}

/* 15-01-19 DTS - Millores interficie */

.dts-thumbnail {
  max-height: 40px;
  text-align: center;
  display: initial;
}

table.category-update-info, table.category-update-info td, table.category-update-info th {
  border:none!important;
}

/* 16-12-19 Millores al actualitzar versions */

.iconM-14-length {
  background-image: url(./corelist/coreform/length.png)!important;
}

.iconM-14-width {
  background-image: url(./corelist/coreform/width.png)!important;
}

.iconM-14-height {
  background-image: url(./corelist/coreform/height.png)!important;
}

body.view-productmarket.layout-form .hikam_toolbar .hikabtn > .fa {
  font-size: 24px;
}

body.view-productmarket.layout-form .hikam_toolbar .hikabtn > .fa {
  color:red;
}

body.view-productmarket.layout-form .hikam_toolbar .hikabtn[href="#apply"] > .fa{
  color:green;
}

body.view-productmarket.layout-form .hikam_toolbar .hikabtn[href="#save"] > .fa{
  color:green;
}

.hikashop_uploader_image_add {
  top:-20px!important;
}

#hikamarket_product_image_main > .hikamarket_main_image_div {
  margin-top: 25px!important;
}

#hikamarket_product_image_urlpopup, .hikashop_uploader_file_add.hikamarket_product_file_add span#hikamarket_product_file-btn + .hikabtn {
  display:none!important;
}

#hikamarket_product_file-btn {
  display:flex;
  width:50px;
  height:100%;
}

/* Zona de preus */

.money-container {
  position:relative;
  width:80px!important;
  display:flex;
  align-items:baseline;
  margin-right: 10px;
}

.money-container > input[type="text"]{
  width:70px!important;
  text-align:right;
}

.money-container span {
  margin-left: 5px;
}

#lastprice, #lastyear {
  border-color:transparent;
  background-color:transparent;
}

.listing-price {
  width:100%!important;
  justify-content: flex-end!important;
}

td > .listing-price:last-child {
  margin-bottom:0!important;
}

.khool-input .do-day-format, .khool-input .do-hour-format {
  line-height: 26px!important;
}

/* Ajustar la mida dels labels, per defecte és 150px i aquí no ho necessitem tan gran */
.khool-input > label {
  max-width:90px!important;
  min-width:90px!important;
  width:90px!important;
}

/* ajustos per a llistat */

.hikamarket_product_price_value.edit_price .do-day-format {
  width:initial!important;
  margin:0!important;
}

.hikamarket_product_price_value.edit_price .khool-input.khool-text > label {
  width: 50px!important;
  max-width:50px!important;
  min-width:50px!important;
}

.dts-struct-table table td {
  padding:0!important;
}

/* Fix icones Hikamarket3 */

.com-hikamarket.view-categorymarket.layout-form .hikashop_uploader_image_add {
  top:5px!important;
  right:5px!important;
}

#hikamarket_category_image-btn, .com-hikamarket.view-categorymarket.layout-form .hikashop_uploader_image_add {
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
}
#detail_image_1-btn,
#detail_image_2-btn,
#detail_image_3-btn,
#detail_image_4-btn,
#detail_image_5-btn {
  width:auto;
}