body#visual-portal-wrapper { --adapt-page-margin: 20px; --adapt-side-width: 150px; --adapt-left-width: 150px; --adapt-right-width: 150px; --adapt-column-gap: 24px; --adapt-content-right-margin: 100px; position: relative !important; background: #fff !important; color: #000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; } .outer-wrapper, .outer-wrapper > .container, .outer-wrapper .container, #mainnavigation, #mainnavigation .container, #portal-footer, #portal-footer.container, body#visual-portal-wrapper > .container, body#visual-portal-wrapper .container:has(> #main-container), body#visual-portal-wrapper .container:has(> .row > #global_statusmessage) { width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #content-header { position: relative !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 12px var(--adapt-page-margin) 0 var(--adapt-page-margin) !important; background: #fff !important; } #content-header.container { width: auto !important; max-width: none !important; margin: 0 !important; } #content-header img { display: block !important; max-width: 1240px !important; height: auto !important; } #content-header a[href*="login"], #content-header a[href*="login_form"], #content-header .login-link, #content-header .nav-item-user { position: absolute !important; right: var(--adapt-page-margin) !important; top: 84px !important; z-index: 60 !important; color: #0b6f9c !important; font-size: 11px !important; line-height: 14px !important; text-align: right !important; text-decoration: underline !important; } #portal-footer .site-actions { position: absolute !important; top: 38px !important; right: var(--adapt-page-margin) !important; left: auto !important; z-index: 60 !important; display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; text-align: right !important; } #portal-footer .site-actions ul, #portal-footer .site-actions .actions-site_actions { display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 12px !important; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #portal-footer .site-actions li { display: inline-block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #portal-footer .site-actions, #portal-footer .site-actions *, #portal-footer .site-actions a, #portal-footer .site-actions li { font-size: 11px !important; line-height: 14px !important; } #portal-footer .site-actions a { color: #555 !important; text-decoration: none !important; } #portal-footer .site-actions a:hover { color: #0b6f9c !important; text-decoration: underline !important; } #portal-footer .site-actions .action-item-contact { display: none !important; } #portal-footer .doormat, #portal-footer .copyright, #portal-footer .colophon { display: none !important; } #portal-globalnav-wrapper, #portal-globalnav-wrapper.navbar, #portal-globalnav-wrapper.navbar-barceloneta { position: static !important; display: block !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } #portal-globalnav-wrapper .container, #portal-globalnav-wrapper .container-fluid, #portal-globalnav-wrapper .offcanvas, #portal-globalnav-wrapper .offcanvas-body, #portal-globalnav-wrapper .navbar-collapse { position: static !important; transform: none !important; visibility: visible !important; width: auto !important; max-width: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } #portal-globalnav, #portal-globalnav-wrapper .navbar-nav { display: none !important; } #portal-searchbox { position: absolute !important; right: var(--adapt-page-margin) !important; left: auto !important; top: 58px !important; z-index: 55 !important; display: block !important; width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; text-align: right !important; } #searchGadget_form { display: flex !important; justify-content: flex-end !important; align-items: flex-start !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } #searchGadget { width: 142px !important; max-width: 142px !important; min-width: 142px !important; flex: 0 0 142px !important; height: 20px !important; min-height: 20px !important; margin: 0 !important; padding: 1px 4px !important; border: 1px solid #9fb5bf !important; border-radius: 0 !important; background: #fff !important; color: #000 !important; font-size: 12px !important; line-height: 16px !important; box-shadow: none !important; } #searchGadget_form .searchButton { width: 62px !important; max-width: 62px !important; min-width: 62px !important; flex: 0 0 62px !important; height: 22px !important; min-height: 22px !important; margin: 0 0 0 4px !important; padding: 1px 6px !important; border: 1px solid #8caab6 !important; border-radius: 0 !important; background: #fff !important; color: #000 !important; font-size: 12px !important; line-height: 16px !important; box-shadow: none !important; } #portal-searchbox .livesearch-results, #portal-searchbox a[href*="search"] { display: none !important; } #main-container { display: grid !important; grid-template-columns: var(--adapt-left-width) minmax(0, 1fr) !important; grid-template-areas: "left content" !important; column-gap: var(--adapt-column-gap) !important; align-items: start !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 14px var(--adapt-content-right-margin) 0 var(--adapt-page-margin) !important; } #main-container:has(#portal-column-two .portlet), #main-container:has(#portal-column-two .card), #main-container:has(#portal-column-two .portletWrapper) { grid-template-columns: var(--adapt-left-width) minmax(0, 1fr) var(--adapt-right-width) !important; grid-template-areas: "left content right" !important; } #portal-column-one { grid-area: left !important; width: var(--adapt-left-width) !important; max-width: var(--adapt-left-width) !important; min-width: var(--adapt-left-width) !important; margin: 0 !important; padding: 0 !important; } #portal-column-content { grid-area: content !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } #portal-column-two { grid-area: right !important; display: none !important; width: var(--adapt-right-width) !important; max-width: var(--adapt-right-width) !important; min-width: var(--adapt-right-width) !important; margin: 0 !important; padding: 0 !important; } #portal-column-two:has(.portlet), #portal-column-two:has(.card), #portal-column-two:has(.portletWrapper) { display: block !important; } #portal-column-content h1, #portal-column-content .documentFirstHeading, #content header h1 { margin: 0 0 2px 0 !important; padding: 0 0 3px 0 !important; border-bottom: 1px solid #c7d3d8 !important; color: #000 !important; font-size: 21px !important; font-weight: normal !important; line-height: 1.25 !important; letter-spacing: 0.04em !important; } #portal-column-content header { margin: 0 !important; padding: 0 !important; } #portal-column-content, #content, #content-core { color: #000 !important; font-size: 13px !important; line-height: 1.45 !important; } #content-core { margin-top: 6px !important; } #portal-column-content p, #content p, #content-core p { margin: 0 0 12px 0 !important; } #portal-column-content img, #content-core img { max-width: 100% !important; height: auto !important; } #portal-column-one .card.portlet, #portal-column-two .card.portlet { width: 100% !important; margin: 0 0 12px 0 !important; border: 1px solid #b7cbd4 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; } #portal-column-one .card-header { display: none !important; } #portal-column-two .card-header { margin: 0 !important; padding: 4px 8px !important; border: 0 !important; border-bottom: 1px solid #b7cbd4 !important; border-radius: 0 !important; background: #dce8ee !important; color: #000 !important; font-size: 11px !important; font-weight: normal !important; line-height: 15px !important; } #portal-column-one .card-body, #portal-column-two .card-body { margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: #fff !important; } #portal-column-one .portletNavigationTree ul, #portal-column-one .portletNavigationTree li { margin: 0 !important; padding: 0 !important; list-style: none !important; } #portal-column-one .portletNavigationTree a, #portal-column-one .portletNavigationTree .nav-link { display: block !important; margin: 0 !important; padding: 4px 8px !important; border: 0 !important; border-bottom: 1px solid #e0e7eb !important; border-radius: 0 !important; background: #fff !important; color: #2d5967 !important; font-size: 11px !important; font-weight: normal !important; line-height: 15px !important; text-decoration: none !important; } #portal-column-one .portletNavigationTree a:hover, #portal-column-one .portletNavigationTree .nav-link:hover { background: #f5f8fa !important; color: #000 !important; } #portal-column-one svg { width: 10px !important; height: 10px !important; margin-right: 5px !important; } #portal-column-two .portlet-calendar table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; } #portal-column-two .portlet-calendar th, #portal-column-two .portlet-calendar td { padding: 2px 2px !important; border: 0 !important; color: #000 !important; text-align: center !important; font-size: 11px !important; line-height: 15px !important; } #portal-column-two .portlet-calendar th { font-weight: bold !important; } #portal-column-two .portlet-calendar .card-header, #portal-column-two .portlet-calendar .portletHeader { padding: 4px 8px !important; font-size: 11px !important; line-height: 15px !important; } #portal-column-two .portlet-calendar .today, #portal-column-two .portlet-calendar td.today { outline: 1px solid #e4a12a !important; background: #fff !important; font-weight: bold !important; } .card, .card-header, .card-body, .list-group, .list-group-item { border-radius: 0 !important; } @media (max-width: 991px) { #main-container { display: block !important; } #portal-column-one, #portal-column-content, #portal-column-two { width: auto !important; max-width: none !important; min-width: 0 !important; } #portal-searchbox { position: static !important; margin: 12px var(--adapt-page-margin) !important; } }