/* Variables */
:root {
    /* To calculate filter variables: https://codepen.io/sosuke/pen/Pjoqqp */

    /* Organization specific */
    --edatos-color-primary-100: var(--edatos-color-gray-50);
    --edatos-color-primary-100-filter: var(--edatos-color-gray-50-filter);
    --edatos-color-primary-50: var(--edatos-color-gray-30);
    --edatos-color-primary-50-filter: var(--edatos-color-gray-30-filter);
    --edatos-color-primary-10: var(--edatos-color-gray-10);
    --edatos-color-primary-5: var(--edatos-color-gray-5);
    --edatos-color-primary-5-filter: var(--edatos-color-gray-5-filter);

    --edatos-color-secondary-100: var(--edatos-color-primary-100);
    --edatos-color-secondary-100-filter: var(--edatos-color-primary-100-filter);

    --edatos-color-brand-100: var(--edatos-color-primary-100);
    --edatos-links-color: var(--edatos-color-dark-blue-100);
    --edatos-icon-background-color: var(--edatos-color-primary-100);
    --edatos-color-accent-100: #5F5B5B;
    --edatos-icon-color-primary-100-filter: var(--edatos-color-primary-100-filter);
    --edatos-icon-color-secondary-100-filter: var(--edatos-color-secondary-100-filter);
    --edatos-icon-color-filter: var(--edatos-color-white-100-filter);

    --edatos-color-danger-100: #C1271A;
    --edatos-color-danger-25: #E5B3AE;
    --edatos-color-success-100: var(--edatos-color-green-100);
    --edatos-color-success-25: var(--edatos-color-green-25);
    --edatos-color-warning-100: #D14905;
    --edatos-color-warning-25: #EEC3B0;
    /* End organization specific */

    --edatos-font-family: 'Open Sans', 'Trebuchet MS', Arial, sans-serif;
    --edatos-font-family-app-names: 'Blogger Sans';

    --edatos-font-weight-light: 300;
    --edatos-font-weight-regular: 400;
    --edatos-font-weight-semibold: 600;
    --edatos-font-weight-bold: 700;

    --edatos-font-size-title: var(--edatos-font-size-md);

    --edatos-font-size-2xl: max(50px, 3.125rem);
    --edatos-font-size-xxl: var(--edatos-font-size-2xl); /* Deprecated, use --edatos-font-size-2xl instead */
    --edatos-font-size-xl: max(36px, 2.25rem);
    --edatos-font-size-lg: max(18px, 1.125rem);
    --edatos-font-size-md:  max(16px, 1rem);
    --edatos-font-size-m:  var(--edatos-font-size-md); /* Deprecated, use --edatos-font-size-md instead */
    --edatos-font-size-sm:  max(14px, 0.875rem);
    --edatos-font-size-s:  var(--edatos-font-size-sm); /* Deprecated, use --edatos-font-size-sm instead */
    --edatos-font-size-xs: max(12px, 0.75rem);
    --edatos-font-size-2xs: max(10px, 0.625rem);
    --edatos-font-size-xxs: var(--edatos-font-size-2xs); /* Deprecated, use --edatos-font-size-2xs instead */

	--edatos-line-height-lg: 2;
    --edatos-line-height-md: 1.5;
    --edatos-line-height-xs: 1;

    --edatos-color-light-blue-100: #009BD7;
    --edatos-color-light-blue-50: #66C3E7;
    --edatos-color-light-blue-50-filter: brightness(0) saturate(100%) invert(77%) sepia(82%) saturate(1430%) hue-rotate(169deg) brightness(92%) contrast(96%);
    --edatos-color-light-blue-25: #B2E1F3;
    --edatos-color-light-blue-10: #D8F0F9;
    --edatos-color-light-blue-5: #EBF7FC;
    --edatos-color-dark-blue-100-filter: brightness(0) saturate(100%) invert(13%) sepia(93%) saturate(3861%) hue-rotate(186deg) brightness(95%) contrast(102%);
    --edatos-color-dark-blue-100: #004678;
    --edatos-color-dark-blue-50-filter: invert(49%) sepia(5%) saturate(4522%) hue-rotate(162deg) brightness(92%) contrast(80%);
    --edatos-color-dark-blue-50: #4D7EA0;
    --edatos-color-dark-blue-25: #99B5C9;
    --edatos-color-dark-blue-10: #CCDAE4;
    --edatos-color-dark-blue-5: #E5ECF1;
    --edatos-color-purple-100: #AF46A8;
    --edatos-color-purple-50: #CF90CB;
    --edatos-color-purple-25: #E7C7E5;
    --edatos-color-green-100: #009245;
    --edatos-color-green-50: #66BE8F;
    --edatos-color-green-25: #B2DEC7;
    --edatos-color-sand-100: #A18979;
    --edatos-color-sand-50: #C7B8AF;
    --edatos-color-sand-25: #E3DCD7;
    --edatos-color-orange-100: #E95000;
    --edatos-color-orange-50: #F29666;
    --edatos-color-orange-25: #F8CAB2;
    --edatos-color-yellow-100: #F0A82D;
    --edatos-color-yellow-50: #F6CB81;
    --edatos-color-yellow-25: #FBE5C0;
    --edatos-color-red-100: #BB1709;
    --edatos-color-red-50: #F9928B;
    --edatos-color-red-25: #FCC9C5;
    --edatos-color-black-100: #000000;
    --edatos-color-black-100-filter: brightness(0) saturate(100%);
    --edatos-color-gray-80: #333333;
    --edatos-color-gray-60: #666666;
    --edatos-color-gray-60-filter: brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(14%) hue-rotate(135deg) brightness(98%) contrast(83%);
    --edatos-color-gray-50: #747070;
    --edatos-color-gray-50-filter: invert(49%) sepia(6%) saturate(174%) hue-rotate(314deg) brightness(87%) contrast(89%);
    --edatos-color-gray-40: #999999;
    --edatos-color-gray-30: #B8B8B8;
    --edatos-color-gray-30-filter: invert(82%) sepia(0%) saturate(0%) hue-rotate(162deg) brightness(89%) contrast(97%);
    --edatos-color-gray-20: #CCCCCC;
    --edatos-color-gray-10: #E7E7E7;
    --edatos-color-gray-5: #F3F3F3;
    --edatos-color-gray-5-filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(647%) hue-rotate(323deg) brightness(116%) contrast(91%);
    --edatos-color-white-100: #FFFFFF;
    --edatos-color-white-100-filter: brightness(100);

    --edatos-spacing-x-page: 36px;

    --edatos-spacing-x-2xs: 0.125rem;
    --edatos-spacing-x-xs: 0.375rem;
    --edatos-spacing-x-sm: 0.5rem;
    --edatos-spacing-x-lg: 1.25rem;
    --edatos-spacing-x-m: var(--edatos-spacing-x-lg); /* Deprecated, use --edatos-spacing-x-lg instead */
    --edatos-spacing-x-xl: 2rem;
    --edatos-spacing-x-l: var(--edatos-spacing-x-xl); /* Deprecated, use --edatos-spacing-x-xl instead */

    --edatos-spacing-y-2xs: 0.188rem;
    --edatos-spacing-y-xs: 0.375rem;
    --edatos-spacing-y-sm: 0.5rem;
    --edatos-spacing-y-lg: 1rem;
    --edatos-spacing-y-l: var(--edatos-spacing-y-lg); /* Deprecated, use --edatos-spacing-y-lg instead */
    --edatos-spacing-y-xl: 2rem;

    --edatos-navbar-icon-size: 26px;
    --edatos-navbar-logo-size: 28px;
    --edatos-separator-width: 50px;
    --edatos-separator-min-height: 44px;
    --edatos-app-image-border-radius: 0px;

    --edatos-border-radius-xs: 0.1875rem;
    --edatos-border-radius-sm: 0.3125rem;
    --edatos-border-radius-md: 0.5rem;
    --border-radius-sm: var(--edatos-border-radius-sm); /* Deprecated, use --edatos-border-radius-sm instead */
    --border-radius-m: var(--edatos-border-radius-md); /* Deprecated, use --edatos-border-radius-md instead */

    --edatos-border-width-xs: 1px;
    --edatos-border-width-sm: 2px;

    --edatos-max-container-width: 1240px;
    --edatos-max-text-descriptions-width: calc(2*var(--edatos-max-container-width)/3);

}

/* Fonts */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: var(--edatos-font-weight-light) var(--edatos-font-weight-bold);
    src: local("Open Sans"), local("Open-Sans"), url("https://ibestat.es/edatos/apps/assets/fonts/open-sans/OpenSans-VariableFont_wdth,wght.woff2")
        format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: var(--edatos-font-weight-light) var(--edatos-font-weight-bold);
    src: url("https://ibestat.es/edatos/apps/assets/fonts/open-sans/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2");
}

@font-face {
    font-family: 'Blogger Sans';
    font-style: normal;
    font-weight: var(--edatos-font-weight-light) var(--edatos-font-weight-semibold);
    src: url("https://ibestat.es/edatos/apps/assets/fonts/blogger-sans/BloggerSans-Medium.woff2") format("woff2");
}

/* Defaults */
.edatos-header :focus, .edatos-footer :focus, .edatos-wrapper :focus {
    outline: inherit;
}
.edatos-header, .edatos-footer, .edatos-wrapper,
.edatos-header button, .edatos-footer button, .edatos-wrapper button {
    font-weight: var(--edatos-font-weight-regular);
    font-family: var(--edatos-font-family);
}

.edatos-header button, .edatos-footer button, .edatos-wrapper button,
.edatos-header select, .edatos-footer select, .edatos-wrapper select {
    cursor: pointer;
}


/* Links */
.edatos-header a,
.edatos-wrapper a, 
.edatos-footer a {
    text-decoration: none;
}

.edatos-header a:hover,
.edatos-wrapper a:hover,
.edatos-footer a:hover {
    text-decoration: underline;
}

/* light on dark */
.edatos-footer a {
    color: var(--edatos-color-white-100);
}

/* dark on light */
.edatos-wrapper a,
.edatos-header a {
    color: var(--edatos-color-secondary-100);
}

.edatos-wrapper a:visited {
    color: var(--edatos-color-purple-100);
}


/* Header */
.edatos-brand {
    background: var(--edatos-color-brand-100);
    padding-left: var(--edatos-spacing-x-page);
    margin-right: calc(-1 * var(--edatos-separator-width)/2);
    padding-right: calc(var(--edatos-spacing-x-m) + var(--edatos-separator-width)/2);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.navbar-separator {
    height: var(--edatos-separator-min-height);
}

.navbar-separator > svg {
    display: block;
    height: 100%;
    width: auto;
}

.navbar-separator > svg .shape {
    fill: var(--edatos-color-primary-50);
}

.edatos-title-bar-wrapper {
    display: flex;
    min-width: 0;
}

.edatos-navbar {
    display: flex;
    justify-content: space-between;
    background: var(--edatos-color-primary-10);
    color: var(--edatos-color-secondary-100);
}

.edatos-navbar-inner {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding-right: var(--edatos-spacing-x-page);
}

.edatos-navbar-nav {
    position: relative;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    
    column-gap: var(--edatos-spacing-x-xs);
}

.edatos-navbar-nav .edatos-nav-link {
    font-size: var(--edatos-navbar-icon-size);
    line-height: 1;
}

.edatos-brand a.logo {
    display: flex;
}

.edatos-brand .logo-img {
    height: var(--edatos-navbar-logo-size);
}

@media ( max-width : 719px) {
    :root {
        --edatos-spacing-x-page: 18px;
    }
     
    .edatos-navbar .edatos-hidden-lg-down {
        display: none !important;
    }
}

@media ( min-width : 720px) {
    .edatos-navbar .edatos-hidden-xl-up {
        display: none !important;
    }
}

#edatos-applications-dropdown .edatos-dropdown-divider:first-of-type {
    display: none;
}

/* Buttons */
.edatos-wrapper button {
    border-radius: 0.25rem;
    padding: var(--edatos-spacing-y-xs) var(--edatos-spacing-x-xs);
    border: 1px solid transparent;
    cursor: pointer;
}

/* Header buttons */
.header-button {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;   

    height: var(--edatos-navbar-icon-size);
    width: var(--edatos-navbar-icon-size);
    font-size: var(--edatos-font-size-regular); 
    
    border: none;    
    background-color: transparent;    
    color: var(--edatos-color-secondary-100);    
}

.header-button:hover {
    color: var(--edatos-color-primary-100);
}

.header-button.round-button {
    border-radius: 50%;
    border: 1px solid var(--edatos-color-secondary-100);
    overflow: hidden;
}
.header-button.round-button:hover {
    border: 1px solid var(--edatos-color-primary-100);
}
              
/* footer */
footer.edatos-footer {
    position: absolute;
    bottom: 0;                       
    left: 0;
    right: 0; 
    
    width: 100%;
    height: auto;
    max-height: 0px;
    
    color: var(--edatos-color-white-100);
}

footer.edatos-footer .footer-content {
    display: flex;
    height: 100%;
    
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: var(--edatos-spacing-y-l);
    column-gap: var(--edatos-spacing-x-l);
    
    padding: 1rem var(--edatos-spacing-x-page);

    background-color: var(--edatos-color-secondary-100);
}

footer.edatos-footer,
footer.edatos-footer .edatos-links  a {
    font-size: var(--edatos-font-size-s);
}

footer.edatos-footer .edatos-links .edatos-links-wrapper {
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin: 0;
    
    column-gap: var(--edatos-spacing-x-l);
}

footer.edatos-footer .edatos-links .edatos-links-wrapper li:first-child {
    list-style: none;
}

footer.edatos-footer .edatos-social img {
     height: var(--edatos-navbar-icon-size);
     width: auto;
}

footer.edatos-footer .edatos-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    row-gap: var(--edatos-spacing-y-l);
    column-gap: var(--edatos-spacing-x-l);
}


.content-wrapper.edatos-swagger {
    max-width: 960px;
    margin: auto;
    padding: 20px;
}

.content-wrapper.edatos-swagger h1 {
    font-size: 1.4em;
}

.content-wrapper.edatos-swagger h2 {
    font-size: 1.1em;
}


/* Swagger */
.edatos-swagger h1, .edatos-swagger h2, .edatos-swagger h3, .edatos-swagger h4,
.edatos-swagger .swagger-section .swagger-ui-wrap {
    font-weight: normal;
}

.edatos-swagger .version-list h1,
.edatos-swagger .swagger-section .swagger-ui-wrap .info_title {
    border-bottom: 1px solid #59656e;
    margin-bottom: 10px;
    color: #59656e;
    font-weight: normal;
}

.edatos-wrapper pre, .edatos-wrapper code {
    white-space: pre-wrap;
    word-wrap: break-word;
}




/* Variables */
    :root {
        /* IBESTAT Overrides */

        /* To calculate filter variables: https://codepen.io/sosuke/pen/Pjoqqp */
        --edatos-color-primary-100: #D14905;
        --edatos-color-primary-100-filter: brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(1876%) hue-rotate(11deg) brightness(93%) contrast(96%);
        --edatos-color-primary-50: #FF9153;
        --edatos-color-primary-50-filter: invert(60%) sepia(18%) saturate(1513%) hue-rotate(334deg) brightness(106%) contrast(102%);
        --edatos-color-primary-10: #FFCFAF;
        --edatos-color-primary-5: #FFEFE4;
        --edatos-color-primary-5-filter: invert(96%) sepia(3%) saturate(1600%) hue-rotate(316deg) brightness(98%) contrast(108%);

        --edatos-color-secondary-100: #5F5B5B;
        --edatos-color-secondary-100-filter: invert(67%) sepia(11%) saturate(128%) hue-rotate(314deg) brightness(84%) contrast(85%);

        --edatos-app-image-border-radius: 25px 0 25px 25px;

        --edatos-color-brand-100: #FA6C15;
        --edatos-links-color: #00508b;
        --edatos-icon-background-color: var(--edatos-color-gray-60);
        --edatos-color-accent-100: #A0A0A0;
        --edatos-icon-color-primary-100-filter: var(--edatos-color-primary-100-filter);
        --edatos-icon-color-secondary-100-filter: var(--edatos-color-secondary-100-filter);
        --edatos-icon-color-filter: var(--edatos-color-white-100-filter);

        --edatos-color-success-100: var(--edatos-color-green-100);
        --edatos-color-success-25: var(--edatos-color-green-25);
        --edatos-color-warning-100: #BD4205;
        --edatos-color-warning-25: #EFD0C1;
        --edatos-color-danger-100: #C1271A;
        --edatos-color-danger-25: #E5B3AE;
    }