.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
    border:1px solid #000;
}

.section {
    padding:70px 0;
}

.separador_grupo_ficha {
    color: #e2263e;
    font-family: Arial;
    font-weight: bold;
    padding-left: 15px;
    border-bottom:1px solid #e2263e;
    margin-bottom: 5px;
    padding-top: 20px;
}


.client-logo-slider .slick-track,
.fabricantes-logo-slider .slick-track{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}


.pagination .first,
.pagination .last {
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    padding: 5px 10px;
    transition: .3s ease;
}

.pagination .first:hover,
.pagination .last:hover {
    border-color: #e84444;
}

.pagination .first:hover .page-link,
.pagination .last:hover .page-link {
    color: #e84444;
}

.pagination .first {
    margin-right: 20px;
}

.pagination .last {
    margin-left: 20px;
}


.pagination .prev,
.pagination .previous,
.pagination .next {
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    padding: 5px 10px;
    transition: .3s ease;
}

.pagination .prev:hover,
.pagination .previous:hover,
.pagination .next:hover {
    border-color: #e84444;
}

.pagination .prev:hover .page-link,
.pagination .previous:hover .page-link,
.pagination .next:hover .page-link {
    color: #e84444;
}

.pagination .prev,
.pagination .previous {
    margin-right: 30px;
}


.work-slider-image .image-overlay i {
    top:15%;
}

.mfp-title {
    background-color: #303032;
    color:#fff;
}


.form-control.buscador {
    width: 100%;
    border-radius: 35px;
    border: 0;
    padding: 0 20px !important;
    height: 50px;
    background-color:#eee;
}

.btn-buscador {
    position: absolute;
    right: 5px;
    top: 5px;
    border: 0;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #fff;
    background: #e84444;
    transition: all linear .2s;
}

.btn-buscador:hover {
    padding-left: 15px;
}

.btn-buscador:focus {
    outline: 0;
}

.btn-xs {
    padding: 4px 20px !important;
}

.hero-slider .slick-dots li {
    width:33.33%;
    width:25%;
}

.py-60 {
    padding: 60px 0px;
}

.hero-slider-item-1 {
    background-repeat: no-repeat;
    background-position: 0px -200px;
    background-size: cover;
    outline: 0;
}


.hero-content h1 {
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
.hero-content p {
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}

.card-footer > a.card-link:hover {
    background-color:#eee;
}


.card-gestion .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}



.timeline-item {
    padding: 1.6em 2em 0.2em;
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}
.timeline-item p {
    font-size: 0.8em;
    padding:0;
    margin:0;
}
.timeline-item::before {
    content: attr(date-is);
    position: absolute;
    left: 2em;
    font-weight: bold;
    top: 1em;
    display: block;
    font-weight: 700;
    font-size: .785rem;
}
.timeline-item::after {
    width: 10px;
    height: 10px;
    display: block;
    top: 1em;
    position: absolute;
    left: -7px;
    border-radius: 10px;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
}
.timeline-item:last-child {
    -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
}

p.lead {
    font-size:1.5rem;
}

.text-red {
    color: #dc3545 !important;
}

.text-ppc {
    color:#666;
}

input[required] {
    background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%);
    background-size: 1em 1em;
    background-position: right top;
    background-repeat: no-repeat;
}


.bg-overlay {
    color: #fff;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}




ul.listado_servicios > li:not(.disabled)::after,
ul.listado_idiomas > li:not(.disabled)::after {
    content: "\f14a";
    position:absolute;
    right:10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color:#999;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 1em !important;
    font-weight:400 !important;
    color: #888 !important;
}

.tabla_gestion {
    font-size:.95em;
}


#extra_pagina .btn {
    margin-right:.5rem !important
}


#generarsha1,
#copiar_codigoapi {
    cursor: pointer;
}


.bloque-seccion .card-header {
    min-height:100px;
}
.bloque-seccion .card-img-wrapper:hover {
    background-color:#fff;
}

.card-title-container-background {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    color: rgba(0, 0, 0, 0.1);
    font-size:3rem;
}

.bloque-seccion .card-footer {
    background-color:#fefefe !important;
}
.bloque-seccion .card-footer a
{
    color:#999;
    margin-left: 8px;
}

.input-group-text {
    height: 40px;
}

.cursor-pointer {
    cursor: pointer;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.cursor-help {
    cursor: help;
}
.cursor-move {
    cursor: move;
}
.cursor-edit {
    cursor: copy;
}
.cursor-alias {
    cursor: alias;
}


input[type="color"] {
    -webkit-appearance: none;
    padding: 0;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.buttons-collection {
    margin-bottom: 1rem;
}


th {
    font-weight: 500;
}

table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.01) !important;
}


table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
    opacity: .45 !important;
}

table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::after {
    opacity: .9 !important;
}


.select2-container {
    width: 100% !important;
    padding: 0;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, .form-select {
    font-size: 14px !important;
    border: 1px solid #e5e5e5 !important;
}

.select2-container--bootstrap-5 .select2-selection {
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px !important;
    min-height: 40px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: initial !important;
    font-size: 14px !important;
}

.form-control[type=file] {
    padding: 0;
}

.form-control::file-selector-button {
    padding: 10px;
    margin: 0 10px 0 0;
    height: 100%;
}

.progress {
    margin-bottom: 0;
}

.dropzone .dz-message .dz-button {
    font-size: 14px !important;
}

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
    width: 150px;
}

.mfp-container {
    background-color: #5A6064;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    color: #fff;
}

.casilla {
    width: 25px !important;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: red;
}


.text-bg-daterium {
    color: #444 !important;
    background-color: #f0f1f2 !important;
    background-color: #eee !important;

    border-bottom: 8px solid #e0e1e2;
    border-top: 4px solid #e0e1e2;
}
.bg-daterium {
    background-color: #f0f1f2 !important;
}
.border-daterium {
    border-color: #e0e1e2 !important;
}

.checkbox-visible {
    height: 40px;
    border: 1px solid #e5e5e5;
}

.fs-56 {
    font-size: 56px;
}

.bg-porcentaje-vinyetas {
    background-color: #E86E23;
}

.bg-porcentaje-referencias {
    background-color: #31A263;
}

@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1420px;
    }
}

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}

@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px;
    }
}

.h-37 {
    height: 37px;
}


.bg-primary {
    background-color: #595959 !important;
}



.work-slider-image .image-overlay span.fa {
  color: #fff;
  font-size: 24px;
  transition: .2s ease;
}

.work-slider-image .image-overlay span.fa:hover {
  font-size: 30px;
}

.form-select {
    border-radius: 5px;
    height: 40px;
    border: 1px solid #e5e5e5;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #666;
}
  
.form-select:focus {
  border-color: #e84444 !important;
  box-shadow: none !important;
}

.form-select::-webkit-input-placeholder {
  color: #666;
}
  
.form-select:-ms-input-placeholder {
  color: #666;
  
}
  
.form-select::placeholder {
  color: #666;
}

.shadow-black {
    text-shadow: 0 0 2px black, 0 0 2px black;
}

.nodo_catalogos {
    color: #000;
}

.nodo_raiz {
    color: #212529;
}

.nodo_raizn {
    color: #666;
}

.nodo_hoja {
    color: #212529;
}

.nodo_producto {
    color: #212529;
}

.nodo_productoinactivo {
    color: #999;
}

.nodo_productoconobsoletos {
    color: #d04040;
}

.nodo_productotodosobsoletos {
    color: #ff3333;
}

.nodo_referencia {
    color: #212529;
}

.nodo_referenciaobsoleta {
    color: #ff3333;
}

.leyenda-ul {
    margin-left: 1.5em;
}

.leyenda-li {
    position: absolute;
    left: -1.5em;
}

.sticky-top-daterium {
    top: 1.5em !important;
}

.cl_daterium .accordion-button:after {
    order: -1;
    margin-left: 0; 
    margin-right:0.5em;
}

.cl_daterium .accordion-button:hover {
    background-color: #ccc !important;
}

.cl_dat_atributo .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%23000'%3e%3cpath d='M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H512c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H512c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm96 64a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm104 0c0-13.3 10.7-24 24-24H448c13.3 0 24 10.7 24 24s-10.7 24-24 24H224c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24H448c13.3 0 24 10.7 24 24s-10.7 24-24 24H224c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24H448c13.3 0 24 10.7 24 24s-10.7 24-24 24H224c-13.3 0-24-10.7-24-24zm-72-64a32 32 0 1 1 0-64 32 32 0 1 1 0 64zM96 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3e%3c/svg%3e");
}

a {
    transition: initial;
}

.product-img > .card-body {
    z-index: 1;
}


/* Árbol javascript simple */
.dattree, .dattree-hoja {
    cursor: pointer;
    user-select: none;
}
.dattree::before {
    color: black;
    display: inline-block;
    margin-right: 6px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
}
.dattree-down::before {
    transform: rotate(90deg);
}
.dattree-nested {
    display: none;
}
.dattree-active {
    display: block;
}