/** Estilos Cambridge **/


:root {
    --cmb-primary: #00bdb6;
    --cmb-primary-dark: #133844;
    --cmb-primary-light: #d7fdf5;
    --cmb-secondary: #f4663b;
    --cmb-secondary-dark: #af3404;
    --cmb-secondary-warm: #f78b59;
    --cmb-secondary-light: #f7c8c6;
    --cmb-accent: #de3cb6;
    --cmb-accent-dark: #5e0a4f;
    --cmb-accent-warm: #cc59b0;
    --cmb-accent-light: #edcaeb;
    --cmb-accent2: #f44d61;
    --cmb-accent2-dark: #7f091d;
    --cmb-accent2-warm: #f44d61;
    --cmb-accent2-light: #f9cfdd;
    --cmb-black: #212529;
    --cmb-gray-1: #4b5057;
    --cmb-gray-2: #afb4bb;
    --cmb-gray-3: #e8eded;
    --cmb-gray-4: #f7fafa;
}

.cmb-title-font {
    font-family: "EB Garamond", Georgia, "Merriweather", "PT Serif", "Libre Baskerville", "Book Antiqua", "Century Schoolbook", "Times New Roman", serif;
}

.cmb-container {
    background-color: var(--cmb-gray-2);
}

.cmb-button {
    background-color: var(--cmb-primary);
    color: var(--cmb-black);
    border: 0;
    border-radius: .25rem;
}

.cmb-button:hover,
.cmb-button:active {
    background-color: var(--cmb-primary-light);
    color: var(--cmb-gray-1);
}

.cmb-button-secondary {
    background-color: var(--cmb-secondary);
    color: var(--cmb-black);
    border: 0;
    border-radius: .25rem;
}

.cmb-button-secondary:hover,
.cmb-button-secondary:active {
    background-color: var(--cmb-secondary-light);
    color: var(--cmb-gray-1);
}

.cmb-link {
    color: var(--cmb-primary-light);
    text-decoration: none;
}

.cmb-link:hover {
    color: var(--cmb-primary);
}

.cmb-color-p {
    color: var(--cmb-primary);
}

.cmb-color-pd {
    color: var(--cmb-primary-dark);
}

.cmb-color-pl {
    color: var(--cmb-primary-light);
}

.cmb-color-s {
    color: var(--cmb-secondary);
}

.cmb-color-sd {
    color: var(--cmb-secondary-dark);
}

.cmb-color-sw {
    color: var(--cmb-secondary-warm);
}

.cmb-color-sl {
    color: var(--cmb-secondary-light);
}

.cmb-color-a {
    color: var(--cmb-accent);
}

.cmb-color-ad {
    color: var(--cmb-accent-dark);
}

.cmb-color-aw {
    color: var(--cmb-accent-warm);
}

.cmb-color-al {
    color: var(--cmb-accent-light);
}

.cmb-color-a2 {
    color: var(--cmb-accent2);
}

.cmb-color-a2 {
    color: var(--cmb-accent2-dark);
}

.cmb-color-a2w {
    color: var(--cmb-accent2-warm);
}

.cmb-color-a2l {
    color: var(--cmb-accent2-light);
}

.cmb-color-b {
    color: var(--cmb-black);
}

.cmb-color-g {
    color: var(--cmb-gray-1);
}

.cmb-color-g2 {
    color: var(--cmb-gray-2);
}

.cmb-color-g3 {
    color: var(--cmb-gray-3);
}

.cmb-color-g4 {
    color: var(--cmb-gray-4);
}


/** Fin estilos Cambridge **/


/** Sobreescritura estilos Easyadmin **/

body {
    background-color: var(--cmb-primary);
    color: var(--cmb-black);
    font-family: Source Sans Pro, Arial, Helvetica Neue, Helvetica, "sans-serif";
}

.logo-custom,
#close-sidebar {
    color: var(--cmb-gray-2);
}

.logo-custom img,
.responsive-header #responsive-header-logo img {
    width: 40px;
}

#close-sidebar {
    font-size: 1.25rem;
}

.user-menu-wrapper .user-details .user-name{
    color: var(--cmb-gray-3);
}


#navigation-toggler,
.responsive-header #responsive-header-logo a,
#main-menu .menu .menu-item-contents,
#main-menu .menu .menu-icon,
#main-menu .menu .menu-item-contents .menu-item-label
 {
    color: var(--cmb-gray-2);
}

#main-menu .menu .menu-item-content,
#main-menu .menu .menu-item.active {
    color: var(--cmb-gray-1);
    background-color: var(--cmb-primary-light);
}

#main-menu .menu .menu-item.active:not(.expanded) .menu-icon,
#main-menu .menu .menu-item.active:not(.expanded) a {
    color: var(--cmb-gray-1);
}

.main-content {
    background-color: var(--cmb-primary);
}

.responsive-header,
.wrapper>.sidebar-wrapper>.sidebar {
    background-color: var(--cmb-primary-dark);
}

.responsive-header,
.content-top {
    box-shadow: 0 1px 0 var(--cmb-black);
}

.content-wrapper,
.content,
.content-header,
.content-body,
#main .table.datagrid {
    background-color: var(--cmb-primary-light);
}

.page-actions .global-actions .btn.btn-primary,
.content-header .page-actions .btn.btn-primary {
    background-color: var(--cmb-primary-dark);
    color: var(--cmb-gray-3);
}

.page-actions .global-actions .btn.btn-primary:hover,
.content-header .page-actions .btn.btn-primary:hover,
.page-actions .global-actions .btn.btn-primary:active,
.content-header .page-actions .btn.btn-primary:active,
.page-actions .global-actions .btn.btn-primary:focus,
.content-header .page-actions .btn.btn-primary:focus {
    background-color: var(--cmb-primary) !important;
    color: var(--cmb-primary-light);
}

.action-saveAndAddAnother.btn.btn-secondary.action-save {
    background-color: var(--cmb-gray-2);
    color: var(--cmb-gray-4);
}

.action-saveAndAddAnother.btn.btn-secondary.action-save:hover,
.action-saveAndAddAnother.btn.btn-secondary.action-save:active,
.action-saveAndAddAnother.btn.btn-secondary.action-save:focus {
    background-color: var(--cmb-gray-4);
    color: var(--cmb-gray);
}

.form-widget i.fas.fa-search.content-search-icon {
    margin-right: 0.5rem;
}

.table-responsive.table-uploads {
    max-height: 400px;
}


/* Estilo form select autocomplete */

.form-select{
    --bs-form-select-bg-img: none !important;
    background-image: none !important;
    appearance: none !important;

}

/* Fin estilo form select autocomplete */

/**TODO quitar la parte de ancho completo que se puede hacer por config */

/* Estilos modales para acciones */

#modal-pack > .modal-dialog-centered > .modal-content {
    max-width: 50vw;
    margin: 0 auto;
}

/* Fin Estilos modal para acciones */

/* Espacios en blanco y descuadres de relleno con el contenido de la página */

body:not(.ea-content-width-full) .content-wrapper {
    max-width: 100%;
    width: 100%;
}

.sidebar-wrapper,
.sidebar {
    min-height: 100%;
}

/* Fin spacios en blanco y descuadres de relleno con el contenido de la página */


/*  Retoques crud forms */

.form-fieldset.form-fieldset-no-header {
    border-radius: 25px;
    background-color: var(--cmb-gray-4);
    padding: 16px;
}

/* .flex-fill {
    display: none;
} */

/*  Fin retoques form */


@media (min-width: 992px) {

    .sidebar {
        box-shadow: inset -1px 0 0 var(--cmb-gray-1);
    }

}

@media (max-width: 992px) {

    .content-top.ea-search-disabled {
        padding: 0;
    }

    .sidebar-wrapper {
        min-height: 0%;
    }

    .wrapper,
    .main-content,
    .content-wrapper {
        height: 100%;
    }
}

/* Fin espacios en blanco en el fondo de los contenidos */

/* Estilos uploader */

#uploader-form{
    background-color: var(--cmb-gray-4);
}

.cmb-upload-zone {
    /* border: 2px dashed;
    border-color: var(--cmb-primary);
     */
    border-radius: 12.5px;
    background-color: var(--cmb-gray-3);
    outline: 2px dashed var(--cmb-primary);
    outline-offset: -12px;
    transition:
        outline-offset 0.2s ease-out,
        outline-color 0.3s ease-in-out,
        background-color 0.2s ease-out;
}


.cmb-upload-zone.highlight {
    outline-offset: -4px;
    outline-color: var(--colorPrimaryNormal, #0576bd);
    background-color: var(--colorPrimaryEighth, #c8dadf);
}



/* Fin estilos uploads */


/** Fin sobreescritura Easyadmin **/


/** Retoques específicos **/


/* Hacer las previsualizaciones de tablas con scroll */
.table-responsive {
    max-height: 600px;
    overflow-y: auto;
}


/** Fin retoques específicos **/