/* @group ANCHOR menu */ #dashboard .box-visualisation .box-link { font-size: 1.3em; display: block; } /* page-header fixes */ .page-node-dashgram .page-header .container { padding-left: 0; padding-right: 0; } /* language-menu styling fixes */ .page-node-dashgram.user-logged-in .search-language-menu-desktop { position: relative; z-index: 3; } .page-node-dashgram.user-logged-in .page-header #language-switcher-desktop .lang-dropdown-select-element.show .dropdown-menu { margin-left: 5px; } @media only screen and (max-width: 991px) { .page-node-dashgram #block-qolivet-tabs { margin-top: 4rem; } } .menu-open.page-node-dashgram .mobile-header-wrapper { display: block !important; } .page-node-dashgram:not(.menu-open) .mobile-header-wrapper { display: none !important; } .page-node-dashgram .contextual-region { z-index: 1; } #dashboard .row.render.with-paddings { max-width: 1200px !important; padding: 0; } #dashboard .box-visualisation .box-link:focus-visible { border: 2px solid #205D74; } /* QIAT Data Export Table - region - fontsize fixes */ #dashboard .qiat-data-export-table { font-size: 1rem; line-height: 1.875rem; } #dashboard .show-for-sr { position: absolute; width: 0.0625rem; height: 0.0625rem; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } /* burger-menu for tables */ #dashboard .dashgram-column .data-loaded { position: relative; } #dashboard .dashgram-column .data-loaded .embeder h3 { padding-right: 5rem; } #dashboard .burger-menu-main { position: absolute; right: 0; top: 1rem; width: 60px; z-index: 99; width: 100%; } #dashboard .burger-menu-main .main-menu { display: block; max-width: 483px; right: 0; position: absolute; z-index: -1; width: 100%; } #dashboard .burger-menu-main .main-menu .export-title { color: white; position: relative; top: 5.2rem; z-index: 1; left: 2rem; display: block; width: calc(100% - 4rem); } #dashboard .burger-menu-main .main-menu .export-title .action_section_title { display: block; font-weight: 700; font-size: 18px; } #dashboard .burger-menu-main .main-menu .export-title .action_section_description { font-size: 13px; font-weight: 400; } #dashboard .burger-menu-main a.icon-burger { font-size: 2.375rem; color: #205D74; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } #dashboard .burger-menu-main a.icon-burger:before { } #dashboard .burger-menu-main a.icon-burger .show-for-sr { } #dashboard .burger-menu-main .burger-menu { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; } #dashboard .burger-menu-main nav.main-menu ul { background-color: #205D74; position: absolute; top: 3.6rem; right: 0; list-style: none; padding: 80px 30px 30px 30px; max-width: 483px; width: 100%; display: none; flex-wrap: wrap; } #dashboard #nav-dash:target .burger-menu, #dashboard #nav-dash-1:target .burger-menu, #dashboard #nav-dash-2:target .burger-menu, #dashboard #nav-dash-3:target .burger-menu, #dashboard #nav-dash-4:target .burger-menu, #dashboard #nav-dash-5:target .burger-menu, #dashboard #nav-dash-6:target .burger-menu, #dashboard #nav-dash-7:target .burger-menu, #dashboard #nav-dash-8:target .burger-menu, #dashboard #nav-dash-9:target .burger-menu, #dashboard #nav-dash-10:target .burger-menu, #dashboard #nav-dash-11:target .burger-menu, #dashboard #nav-dash-12:target .burger-menu, #dashboard #nav-dash-13:target .burger-menu, #dashboard #nav-dash-14:target .burger-menu, #dashboard #nav-dash-15:target .burger-menu, #dashboard #nav-dash-16:target .burger-menu, #dashboard #nav-dash-17:target .burger-menu, #dashboard #nav-dash-18:target .burger-menu, #dashboard #nav-dash-19:target .burger-menu, #dashboard #nav-dash-20:target .burger-menu, #dashboard #nav-dash-21:target .burger-menu, #dashboard #nav-dash-22:target .burger-menu, #dashboard #nav-dash-23:target .burger-menu, #dashboard #nav-dash-24:target .burger-menu, #dashboard #nav-dash-25:target .burger-menu, #dashboard #nav-dash-26:target .burger-menu, #dashboard #nav-dash-27:target .burger-menu, #dashboard #nav-dash-28:target .burger-menu, #dashboard #nav-dash-29:target .burger-menu, #dashboard #nav-dash-30:target .burger-menu, #dashboard #nav-dash-31:target .burger-menu, #dashboard #nav-dash-32:target .burger-menu, #dashboard #nav-dash-33:target .burger-menu, #dashboard #nav-dash-34:target .burger-menu, #dashboard #nav-dash-35:target .burger-menu, #dashboard #nav-dash-36:target .burger-menu, #dashboard #nav-dash-37:target .burger-menu, #dashboard #nav-dash-38:target .burger-menu, #dashboard #nav-dash-39:target .burger-menu, #dashboard #nav-dash-40:target .burger-menu { display: none; } #dashboard .burger-menu-main nav.main-menu ul li { margin-bottom: 0; } #dashboard .burger-menu-main nav.main-menu ul li:before, #dashboard .burger-menu-main nav.main-menu ul li:after { display: none; } #dashboard .burger-menu-main nav.main-menu ul li a { color: white; display: flex; text-decoration: none; min-height: 30px; min-width: 30px; text-align: center; margin-top: 0.5rem; padding: 0.9rem 1.1rem; background-color: #8A3D72; color: white; font-size: 0.92rem; margin-right: 0.6rem; font-weight: 500; align-items: center; } #dashboard .burger-menu-main nav.main-menu ul li a:hover { color: #205D74; background-color: #EEC3E1; } #dashboard .burger-menu-main nav.main-menu ul li a:before { text-align: center; display: flex; align-items: center; justify-content: center; left: -1.55rem; top: -0.15rem; border-radius: 0; content: "\e92b"; /* to be romeved */ content: "\e92b"; font-family: 'qolivet-icons-2' !important; font-size: 1.5rem; width: 1.5rem; height: 1.5rem; margin-right: 0.4rem; } #dashboard .burger-menu-main nav.main-menu ul li a.png:before { content: "\e92b"; font-family: 'qolivet-icons-2' !important; } #dashboard .burger-menu-main nav.main-menu ul li a.pdf:before { content: "\e928"; font-family: 'qolivet-icons-2' !important; } #dashboard .burger-menu-main nav.main-menu ul li a.svg:before { content: "\e923"; font-family: 'qolivet-icons-2' !important; } #dashboard .burger-menu-main nav.main-menu ul li a.eps:before { content: "\e923"; font-family: 'qolivet-icons-2' !important; } #dashboard .burger-menu-main nav.main-menu ul li a.xlsx:before { content: "\e92a"; font-family: 'qolivet-icons-2' !important; } #dashboard .burger-menu-main nav.main-menu ul li a.csv:before { content: "\e926"; font-family: 'qolivet-icons-2' !important; } /* menu opens */ #dashboard .burger-menu-dash-open .main-menu { display: block; background-color: #205D74; } #dashboard .burger-menu-dash-open a.icon-burger { color: white; } /*#dashboard #nav-dash #close-menu-dash, #dashboard #nav-dash-1 #close-menu-dash-1, #dashboard #nav-dash-2 #close-menu-dash-2, #dashboard #nav-dash-3 #close-menu-dash-3, #dashboard #nav-dash-4 #close-menu-dash-4, #dashboard #nav-dash-5 #close-menu-dash-5, #dashboard #nav-dash-6 #close-menu-dash-6, #dashboard #nav-dash-7 #close-menu-dash-7, #dashboard #nav-dash-8 #close-menu-dash-8, #dashboard #nav-dash-9 #close-menu-dash-9, #dashboard #nav-dash-10 #close-menu-dash-10, #dashboard #nav-dash-11 #close-menu-dash-11, #dashboard #nav-dash-12 #close-menu-dash-12, #dashboard #nav-dash-13 #close-menu-dash-13, #dashboard #nav-dash-14 #close-menu-dash-14, #dashboard #nav-dash-15 #close-menu-dash-15, #dashboard #nav-dash-16 #close-menu-dash-16, #dashboard #nav-dash-17 #close-menu-dash-17, #dashboard #nav-dash-18 #close-menu-dash-18, #dashboard #nav-dash-19 #close-menu-dash-19, #dashboard #nav-dash-20 #close-menu-dash-20, #dashboard #nav-dash-21 #close-menu-dash-21, #dashboard #nav-dash-22 #close-menu-dash-22, #dashboard #nav-dash-23 #close-menu-dash-23, #dashboard #nav-dash-24 #close-menu-dash-24, #dashboard #nav-dash-25 #close-menu-dash-25, #dashboard #nav-dash-26 #close-menu-dash-26, #dashboard #nav-dash-27 #close-menu-dash-27, #dashboard #nav-dash-28 #close-menu-dash-28, #dashboard #nav-dash-29 #close-menu-dash-29, #dashboard #nav-dash-30 #close-menu-dash-30, #dashboard #nav-dash-31 #close-menu-dash-31, #dashboard #nav-dash-32 #close-menu-dash-32, #dashboard #nav-dash-33 #close-menu-dash-33, #dashboard #nav-dash-34 #close-menu-dash-34, #dashboard #nav-dash-35 #close-menu-dash-35, #dashboard #nav-dash-36 #close-menu-dash-36, #dashboard #nav-dash-37 #close-menu-dash-37, #dashboard #nav-dash-38 #close-menu-dash-38, #dashboard #nav-dash-39 #close-menu-dash-39, #dashboard #nav-dash-40 #close-menu-dash-40 { display: none; }*/ #dashboard #nav-dash:not(:target) #close-menu-dash, #dashboard #nav-dash-1:not(:target) #close-menu-dash-1, #dashboard #nav-dash-2:not(:target) #close-menu-dash-2, #dashboard #nav-dash-3:not(:target) #close-menu-dash-3, #dashboard #nav-dash-4:not(:target) #close-menu-dash-4, #dashboard #nav-dash-5:not(:target) #close-menu-dash-5, #dashboard #nav-dash-6:not(:target) #close-menu-dash-6, #dashboard #nav-dash-7:not(:target) #close-menu-dash-7, #dashboard #nav-dash-8:not(:target) #close-menu-dash-8, #dashboard #nav-dash-9:not(:target) #close-menu-dash-9, #dashboard #nav-dash-10:not(:target) #close-menu-dash-10, #dashboard #nav-dash-11:not(:target) #close-menu-dash-11, #dashboard #nav-dash-12:not(:target) #close-menu-dash-12, #dashboard #nav-dash-13:not(:target) #close-menu-dash-13, #dashboard #nav-dash-14:not(:target) #close-menu-dash-14, #dashboard #nav-dash-15:not(:target) #close-menu-dash-15, #dashboard #nav-dash-16:not(:target) #close-menu-dash-16, #dashboard #nav-dash-17:not(:target) #close-menu-dash-17, #dashboard #nav-dash-18:not(:target) #close-menu-dash-18, #dashboard #nav-dash-19:not(:target) #close-menu-dash-19, #dashboard #nav-dash-20:not(:target) #close-menu-dash-20, #dashboard #nav-dash-21:not(:target) #close-menu-dash-21, #dashboard #nav-dash-22:not(:target) #close-menu-dash-22, #dashboard #nav-dash-23:not(:target) #close-menu-dash-23, #dashboard #nav-dash-24:not(:target) #close-menu-dash-24, #dashboard #nav-dash-25:not(:target) #close-menu-dash-25, #dashboard #nav-dash-26:not(:target) #close-menu-dash-26, #dashboard #nav-dash-27:not(:target) #close-menu-dash-27, #dashboard #nav-dash-28:not(:target) #close-menu-dash-28, #dashboard #nav-dash-29:not(:target) #close-menu-dash-29, #dashboard #nav-dash-30:not(:target) #close-menu-dash-30, #dashboard #nav-dash-31:not(:target) #close-menu-dash-31, #dashboard #nav-dash-32:not(:target) #close-menu-dash-32, #dashboard #nav-dash-33:not(:target) #close-menu-dash-33, #dashboard #nav-dash-34:not(:target) #close-menu-dash-34, #dashboard #nav-dash-35:not(:target) #close-menu-dash-35, #dashboard #nav-dash-36:not(:target) #close-menu-dash-36, #dashboard #nav-dash-37:not(:target) #close-menu-dash-37, #dashboard #nav-dash-38:not(:target) #close-menu-dash-38, #dashboard #nav-dash-39:not(:target) #close-menu-dash-39, #dashboard #nav-dash-40:not(:target) #close-menu-dash-40 { display: none; } #dashboard #nav-dash:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-1:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-2:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-3:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-4:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-5:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-6:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-7:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-8:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-9:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-10:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-11:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-12:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-13:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-14:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-15:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-16:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-17:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-18:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-19:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-20:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-21:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-22:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-23:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-24:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-25:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-26:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-27:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-28:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-29:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-30:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-31:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-32:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-33:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-34:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-35:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-36:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-37:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-38:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-39:not(:target) #main-menu-list a.close-menu-dash, #dashboard #nav-dash-40:not(:target) #main-menu-list a.close-menu-dash { display: none; } #dashboard .burger-menu-main a.close-menu-dash { position: absolute; z-index: 99; top: 0rem; color: white; width: 60px; height: 60px; right: 0; background-color: #205D74; font-size: 0; display: flex; align-items: center; justify-content: center; } #dashboard .burger-menu-main a.close-menu-dash:before { content: "\e91e"; font-family: 'qolivet-icons-2' !important; font-size: 38px; } #dashboard #nav-dash:target #main-menu-list, #dashboard #nav-dash-1:target #main-menu-list, #dashboard #nav-dash-2:target #main-menu-list, #dashboard #nav-dash-3:target #main-menu-list, #dashboard #nav-dash-4:target #main-menu-list, #dashboard #nav-dash-5:target #main-menu-list, #dashboard #nav-dash-6:target #main-menu-list, #dashboard #nav-dash-7:target #main-menu-list, #dashboard #nav-dash-8:target #main-menu-list, #dashboard #nav-dash-9:target #main-menu-list, #dashboard #nav-dash-10:target #main-menu-list, #dashboard #nav-dash-11:target #main-menu-list, #dashboard #nav-dash-12:target #main-menu-list, #dashboard #nav-dash-13:target #main-menu-list, #dashboard #nav-dash-14:target #main-menu-list, #dashboard #nav-dash-15:target #main-menu-list, #dashboard #nav-dash-16:target #main-menu-list, #dashboard #nav-dash-17:target #main-menu-list, #dashboard #nav-dash-18:target #main-menu-list, #dashboard #nav-dash-19:target #main-menu-list, #dashboard #nav-dash-20:target #main-menu-list, #dashboard #nav-dash-21:target #main-menu-list, #dashboard #nav-dash-22:target #main-menu-list, #dashboard #nav-dash-23:target #main-menu-list, #dashboard #nav-dash-24:target #main-menu-list, #dashboard #nav-dash-25:target #main-menu-list, #dashboard #nav-dash-26:target #main-menu-list, #dashboard #nav-dash-27:target #main-menu-list, #dashboard #nav-dash-28:target #main-menu-list, #dashboard #nav-dash-29:target #main-menu-list, #dashboard #nav-dash-30:target #main-menu-list, #dashboard #nav-dash-31:target #main-menu-list, #dashboard #nav-dash-32:target #main-menu-list, #dashboard #nav-dash-33:target #main-menu-list, #dashboard #nav-dash-34:target #main-menu-list, #dashboard #nav-dash-35:target #main-menu-list, #dashboard #nav-dash-36:target #main-menu-list, #dashboard #nav-dash-37:target #main-menu-list, #dashboard #nav-dash-38:target #main-menu-list, #dashboard #nav-dash-39:target #main-menu-list, #dashboard #nav-dash-40:target #main-menu-list { z-index: 1; } #dashboard #nav-dash:target #main-menu-list ul, #dashboard #nav-dash-1:target #main-menu-list ul, #dashboard #nav-dash-2:target #main-menu-list ul, #dashboard #nav-dash-3:target #main-menu-list ul, #dashboard #nav-dash-4:target #main-menu-list ul, #dashboard #nav-dash-5:target #main-menu-list ul, #dashboard #nav-dash-6:target #main-menu-list ul, #dashboard #nav-dash-7:target #main-menu-list ul, #dashboard #nav-dash-8:target #main-menu-list ul, #dashboard #nav-dash-9:target #main-menu-list ul, #dashboard #nav-dash-10:target #main-menu-list ul, #dashboard #nav-dash-11:target #main-menu-list ul, #dashboard #nav-dash-12:target #main-menu-list ul, #dashboard #nav-dash-13:target #main-menu-list ul, #dashboard #nav-dash-14:target #main-menu-list ul, #dashboard #nav-dash-15:target #main-menu-list ul, #dashboard #nav-dash-16:target #main-menu-list ul, #dashboard #nav-dash-17:target #main-menu-list ul, #dashboard #nav-dash-18:target #main-menu-list ul, #dashboard #nav-dash-19:target #main-menu-list ul, #dashboard #nav-dash-20:target #main-menu-list ul, #dashboard #nav-dash-21:target #main-menu-list ul, #dashboard #nav-dash-22:target #main-menu-list ul, #dashboard #nav-dash-23:target #main-menu-list ul, #dashboard #nav-dash-24:target #main-menu-list ul, #dashboard #nav-dash-25:target #main-menu-list ul, #dashboard #nav-dash-26:target #main-menu-list ul, #dashboard #nav-dash-27:target #main-menu-list ul, #dashboard #nav-dash-28:target #main-menu-list ul, #dashboard #nav-dash-29:target #main-menu-list ul, #dashboard #nav-dash-30:target #main-menu-list ul, #dashboard #nav-dash-31:target #main-menu-list ul, #dashboard #nav-dash-32:target #main-menu-list ul, #dashboard #nav-dash-33:target #main-menu-list ul, #dashboard #nav-dash-34:target #main-menu-list ul, #dashboard #nav-dash-35:target #main-menu-list ul, #dashboard #nav-dash-36:target #main-menu-list ul, #dashboard #nav-dash-37:target #main-menu-list ul, #dashboard #nav-dash-38:target #main-menu-list ul, #dashboard #nav-dash-39:target #main-menu-list ul, #dashboard #nav-dash-40:target #main-menu-list ul { display: flex; } #dashboard #close-menu-dash:target #main-menu-list, #dashboard #close-menu-dash-1:target #main-menu-list, #dashboard #close-menu-dash-2:target #main-menu-list, #dashboard #close-menu-dash-3:target #main-menu-list, #dashboard #close-menu-dash-4:target #main-menu-list, #dashboard #close-menu-dash-5:target #main-menu-list, #dashboard #close-menu-dash-6:target #main-menu-list, #dashboard #close-menu-dash-7:target #main-menu-list, #dashboard #close-menu-dash-8:target #main-menu-list, #dashboard #close-menu-dash-9:target #main-menu-list, #dashboard #close-menu-dash-10:target #main-menu-list, #dashboard #close-menu-dash-11:target #main-menu-list, #dashboard #close-menu-dash-12:target #main-menu-list, #dashboard #close-menu-dash-13:target #main-menu-list, #dashboard #close-menu-dash-14:target #main-menu-list, #dashboard #close-menu-dash-15:target #main-menu-list, #dashboard #close-menu-dash-16:target #main-menu-list, #dashboard #close-menu-dash-17:target #main-menu-list, #dashboard #close-menu-dash-18:target #main-menu-list, #dashboard #close-menu-dash-19:target #main-menu-list, #dashboard #close-menu-dash-20:target #main-menu-list, #dashboard #close-menu-dash-21:target #main-menu-list, #dashboard #close-menu-dash-22:target #main-menu-list, #dashboard #close-menu-dash-23:target #main-menu-list, #dashboard #close-menu-dash-24:target #main-menu-list, #dashboard #close-menu-dash-25:target #main-menu-list, #dashboard #close-menu-dash-26:target #main-menu-list, #dashboard #close-menu-dash-27:target #main-menu-list, #dashboard #close-menu-dash-28:target #main-menu-list, #dashboard #close-menu-dash-29:target #main-menu-list, #dashboard #close-menu-dash-30:target #main-menu-list, #dashboard #close-menu-dash-31:target #main-menu-list, #dashboard #close-menu-dash-32:target #main-menu-list, #dashboard #close-menu-dash-33:target #main-menu-list, #dashboard #close-menu-dash-34:target #main-menu-list, #dashboard #close-menu-dash-35:target #main-menu-list, #dashboard #close-menu-dash-36:target #main-menu-list, #dashboard #close-menu-dash-37:target #main-menu-list, #dashboard #close-menu-dash-38:target #main-menu-list, #dashboard #close-menu-dash-39:target #main-menu-list, #dashboard #close-menu-dash-40:target #main-menu-list { display: none; } /* visualisation id-1 */ #dashboard .visualisation-id-1 svg { max-width: 50.5rem; margin: auto; display: block; margin-bottom: 2rem; } /* case when the box-visualisation is inside regular nodes */ #dashboard .body.group-main-content .box-visualisation a { border-bottom: 0; /*avoid be affected by body styles*/ background-image: none; line-height: initial; } #dashboard .body.group-main-content .box-visualisation a:hover, #dashboard .body.group-main-content .box-visualisation a:hover span { color: #29A1DC!important; } #dashboard .row.merged { background-color: #fff; } #dashboard .merged .box-visualisation .box-link { min-height: 2rem; } #dashboard .row.merged .col.columns.dashgram-column { padding: 0px !important; } #dashboard .merged .columns:last-child .dsenseVisualisationContainer { padding-right: 1.75rem !important; } #dashboard .merged .columns:first-child .box-content.box-actions { padding: 0 3.2rem 3.2rem 2.9rem; } #dashboard .merged .columns:not(:first-child) .box-content.box-actions { padding: 0 3.2rem 3.2rem 1.5rem; } #dashboard .merged .box { border: none; } #dashboard .row.merged { border: 1px solid #e9e9e9; margin: 0 0 3.2rem 0 !important; } #dashboard .merged .description.arrow_box { margin: 50px; } #dashboard .merged .large-4 .description.arrow_box { margin: 1.438rem; margin-top: 3.125rem; } #dashboard .merged .columns:not(:first-child) .box:before { content: ""; } #dashboard .merged .columns:not(:first-child) .box:after { border-width: 0px; } #dashboard .merged .columns:first-child .box-header { margin-left: 30px; } #dashboard .merged .box-content { padding: 0px; } #dashboard .box-content p b font { color: #4a4a49; } #dashboard .themeVisualisations item .actionable { display: block; } #dashboard .tight .searchContentContainer { padding-left: 1.6rem; padding-right: 1.6rem; } #dashboard .untight { padding-left: 1.6rem; padding-right: 1.6rem; } #dashboard h2.headline { text-align: center; padding-top: 25px; padding-bottom: 25px; border: none; } #dashboard h2.headline { font-size: 1.2rem !important; font-weight: bold; } #dashboard h2.headline span { font-size: 1.3em; } #dashboard h2.headline.small span { font-size: 1.3em; } #dashboard h2.headline span { font-size: 1.6rem; } #dashboard pre { padding: 70px; } #dashboard > div:not(.dashgram_header){ } #dashboard .visualisationContainer { min-height: 375px; } #dashboard .data-loading { opacity: 0.85; } #dashboard .visualisationContainer.failed { min-height: 0px !important; height: 0px !important; overflow: hidden; display: none; } .loaded { animation-duration: 0.2s; animation-name: landin; } @keyframes landin { 0% { opacity: 0.5; } 100% { opacity: 1; } } #dashboard .visualisation p.description { padding: 65px; } #dashboard .visualisation p.description.invisible { padding: 14px; } #dashboard .origin { padding-top: 10px; } #dashboard p.control { margin: -38px 0px 0px 28px; font-size: 0.9em; border: 1px solid; } #dashboard p.dsenseTooltip { color: transparent; min-height: 35px; text-align: center; margin: -2px 0px 4px 0px; font-weight: 200; font-size: 1.4em; } #dashboard .dsenseVisualisationContainer:hover p.dsenseTooltip { color: #7F7F7F; transition: color 0.5s; } #dashboard .dsenseVisualisationContainer:hover p.dsenseTooltip.element_focus { color: #4c5c1f; } #dashboard .invisible { opacity: 0; } .dsense-svg .dsense-stoke-element.selected { stroke: #81b2f1; stroke-dasharray: 41px; } /*.dsense-svg {overflow: visible !important;}*/ .dsense-fill-element, .dsense-stoke-element { cursor: help; } .emits .dsense-fill-element, .emits .dsense-stoke-element { cursor: auto; } .dsense-svg.gridVisualisation .dsense-fill-element.activated { stroke-width: 1.00; stroke: #fff; } .emits .dsense-fill-element:hover, .emits .dsense-stoke-element:hover, .animateSelectable { /*animation-duration: 0.5s; animation-name: slidein; animation-iteration-count: infinite; animation-direction: alternate;*/ } @keyframes slidein { from { -webkit-filter: drop-shadow(6px 6px 6px #007fc2); filter: drop-shadow(6px 6px 6px #007fc2); } to { -webkit-filter: drop-shadow(15px 15px 15px #007fc2); filter: drop-shadow(15px 15px 15px #007fc2); } } #dashboard .structure h2 { border: 1px solid black; } #dashboard .pages_actions { margin-top: 20px; padding: 0px; } #dashboard .page-title-actions { padding-left: 0px; text-align: right; } /* @group PAGE TITLE */ body:not(.user-logged-in) #dashboard #dashboard-header { margin-top: 5rem; } @media only screen and (min-width: 992px) { body:not(.user-logged-in) #dashboard #dashboard-header { margin-top: 0; } } #dashboard #dashboard-header h1 { color: white; font-weight: 100; margin-bottom: 0; } @media only screen and (max-width: 1024px) { #dashboard #dashboard-header h1 { font-size: 1.5rem; } } #dashboard #dashboard-header h1:before { display: none; } #dashboard .is-sticky #dashboard-header h1 { transition: padding 0.7s; padding-bottom: 10px; padding-top: 10px; } #dashboard #dashboard-header { border-bottom: 0px !important; background: #8a3d72; text-align: center; padding: 80px; } #dashboard .dashboard-icon::before, #dsense-page .dashboard-icon::before { border-radius: 40px; padding: 13px; font-size: 1.3em !important; margin-right: 13px; vertical-align: middle; } @media only screen and (max-width: 1024px) { #dashboard > div:not(.dashgram_header){ margin-left:15px; margin-right:15px; } .node--type-dashgram .l-main .page-header { padding-left: 2.125rem !important; padding-right: 2.125rem !important; padding-bottom: 1rem; } } @media only screen and (max-width: 768px) { .node--type-dashgram .l-main .page-header { padding-left: 0.625rem !important; padding-left: 0.625rem !important; } #dashboard #dashboard-header h1{ font-size: 2.2em; line-height: 1.4; } } #dashboard .filters, #dashboard .dashboard_title .pages_actions { padding: 0px; } #dashboard { display: none; } #dashboard.loaded { display: block; } .menu-open #dashboard.loaded { position: relative; z-index: 1; } .fixedMaxHeight svg.dsense-svg { max-height: 979px; } .fixedMaxHeight > div > div { text-align: center; min-height: 800px; } #dashboard .filters label { font-weight: bold !important; } #dashboard .is-sticky #page-header h1 { transition: padding 2s; padding-bottom: 10px; padding-top: 10px; } #dashboard .visualisation p.description { padding-top: 0px; } #dashboard .veryTight .visualisationContainer { padding-left: 0px; padding-right: 0px; } #dashboard .dsense-svg .horizontal_hair, #dashboard .dsense-svg .vertical_hair { stroke-width: 1; stroke-dasharray: 15, 5; opacity: 0; transition: opacity 1s; stroke: #ccc; } #dashboard .dsense-svg.treeVisualisation .horizontal_hair, #dashboard .dsense-svg.treeVisualisation .vertical_hair { stroke-width: 10; transition: opacity 1s; stroke-dasharray: 128, 760; stroke: #c4dfe7; } #dashboard .dsense-svg:hover .horizontal_hair.active, #dashboard .dsense-svg:hover .vertical_hair.active { opacity: 1 !important; stroke: #FFED00 !important; } #dashboard .merged .box-actions { padding: 0 2.2rem 3.2rem 2.2rem; } /* SPA-1026 SPA-1054 vis actions */ #dashboard .themeActionsContainer.icon-share::before, #dashboard .themeActionsContainer.icon-download::before { font-size: 1.6em; } #dashboard .actionable.no-icon { min-height: 30px; min-width: 30px; text-align: center; margin-top: 0.5rem; padding: 0.9rem 1.1rem; background-color: #8A3D72; color: white; font-size: 0.92rem; margin-right: 0.6rem; font-weight: 500; } #dashboard .actionable.no-icon:hover { color: #205D74; background-color: #EEC3E1; } #dashboard .action-icon { width: 30px; display: block; text-align: center; min-height: 40px; } #dashboard .action_options { padding: 2px 0px 19px 0px; } #dashboard .box-actions { transition: opacity 0.5s; margin-bottom: 25px; } #dashboard .closed, #dashboard .closed * { display: none; transition: opacity 0s; position: absolute; width: 0px !important; height: 0px !important; opacity: 0; } #dashboard .box-actions section { padding-bottom: 0px; max-width: 550px; min-height: 59px; margin-bottom: 0.6rem; } #dashboard .action_section_title { font-size: 1.4em; } #dashboard .box-actions .themeActionsContainer::before { font-size: 20px; margin-right: 10px; } #dashboard .box-actions .actionable { display: inline-block; } /* Action Buttons Icons */ #dashboard .box-actions section:not(.rank) .actionable:before { content: ''; font-size: 1.5rem; width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: middle; margin-right: 0.5rem; } /* Action Buttons Icons --- Visualisethe */ #dashboard .box-actions section.visualise .actionable:before { font-family: 'sp-icons' !important; content: ""; } /* Action Buttons Icons --- export */ #dashboard .box-actions section.export .actionable.png:before { content: "\e92b"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.export .actionable.pdf:before { content: "\e928"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.export .actionable.svg:before { content: "\e923"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.export .actionable.eps:before { content: "\e923"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.export .actionable.xlsx:before { content: "\e92a"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.export .actionable.csv:before { content: "\e926"; font-family: 'qolivet-icons-2' !important; } /* Action Buttons Icons --- Share */ #dashboard .box-actions section.share .actionable:nth-child(1):before { content: "\e903"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.share .actionable:nth-child(2):before { content: "\e92c"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.share .actionable:nth-child(3):before { content: "\e90a"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.share .actionable:nth-child(4):before { content: "\e907"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.share .actionable:nth-child(5):before { content: "\e925"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section.share .actionable:nth-child(6):before { content: "\e927"; font-family: 'qolivet-icons-2' !important; } #dashboard .box-actions section:not(.rank) .actionable span { display: inline-block; vertical-align: middle; } #dashboard .box-actions section:hover .action_section_title.sucess_message { display: inline-block; } #dashboard .box-actions section .action_options { display: inline-block; width: 100%; margin-top: 0.4rem; } #dashboard .box-actions section.visualise .actionable { display: inline-block; width: auto; } #dashboard .box-actions .action_section_title { color: #fff; font-weight: 700; display: block; width: 100%; margin-bottom: 0.3rem; } #dashboard .box-actions:hover section.visualise .action_section_title, #dashboard .box-actions:hover section.visualise .action_section_description { display: inline-block; } #dashboard .box-actions .actionable.active { font-weight: bold; border-bottom: 3px solid; } #dashboard .box-actions .actionable.active .action-icon { font-weight: bold; color: #1facff; } #dashboard .box-visualisation .box-link { font-size: 2.375rem; color: #205D74; position: absolute; right: 0; top: 0.6rem; padding: 0.688rem; } .table-icon-burger{ font-size: 2.375rem; color: #205D74; position: absolute; right: 0; top: 0.6rem; padding: 0.688rem; } @media only screen and (max-width: 600px) { #dashboard .box-visualisation .box-link { right: 0; top: -0.3rem; } .table-icon-burger { right: 0; top: -0.3rem; } } #dashboard .box-visualisation .burger-ui{ background-color: #205D74; } #dashboard .box-visualisation .burger-ui:before{ color:#fff; } #dashboard div.box-visualisation.never-loaded { min-height: 800px; } #dashboard .box-visualisation .box-link:hover { opacity: 1; } #dashboard .action-icon { font-size: 2em; position: relative; } #dashboard .action-icon:before { color: #8A3D72; } #dashboard .action-icon:after { color: white; } #dashboard .action-icon:hover { opacity: 1; } #dashboard .action-icon:hover:before { color: #EEC3E1; } #dashboard .action-icon:hover:after { color: #EEC3E1; } #dashboard .rank .actionable { color: #fff; } #dashboard .rank .actionable:hover, #dashboard .rank.active { color: white; } #dashboard .rank .preceding { color: #1facff; opacity: 1; } #dashboard .rank .preceding:before { color: #EEC3E1; opacity: 1; } #dashboard .rank .preceding:after { color: #205D74; opacity: 1; font-weight: bold; transform: scale(1.3); } #dashboard .indicator-meta strong { min-width: 78px; display: inline-block; } #dashboard .dsenseVisualisationContainer .description .indicator-meta a { opacity: 1; } #dashboard:not([display="edit-enabled"]) .failed:not(.data_table) { opacity: 0; position: absolute; height: 0px !important; min-height: 0px; padding: 0px !important; margin: 0px !important; flex: 0 0 0 !important; } #dashboard:not([display="edit-enabled"]) .failed *:not(.no-results) { display: none; } .mapNuts .visualisation-block svg { max-height: 900px; } #dashboard[country="EU27_2020"] .nutsDiv { display: none; } #dashboard[country="EU27_2020"] .country svg *[aes_x_row_value="UK"]:not(polyline) { fill: #ccc !important; } #dashboard[country="EU27_2020"] .country svg polyline[aes_x_row_value="UK"] { stroke: #ccc !important; } body.logged-in #dashboard #dashboard-header .actions a { padding: 0 0.2666666667rem; } #dashboard #dashboard-description p { display: inline-block; margin: 13px 0px 13px 0px; padding: 0px; } @media only screen and (min-width: 40.063em) { #dashboard .is-sticky #dashboard-header { margin-top: 0rem; } } /* @group ANCHOR Key facts */ #dashboard .keyfact-wrapper { margin: 0px 0 5px 0; padding: 0px; max-width: none; flex-grow: 2; } @media only screen and (min-width: 1024px) { #dashboard .keyfact-wrapper { margin: 0px; flex-basis: 25%!important; } } #dashboard .keyfact-wrapper.loaded { opacity: 1; } #dashboard .keyfact-wrapper { background-color: #ffffff; } #dashboard .keyfact-wrapper:nth-child(2n) { background-color: #eaf2fb; } #dashboard .keyfact { margin: 0px; vertical-align: top; margin-right: 0; padding: 25px; text-align: center; } #dashboard .keyfact-icon { color: #b1cfed; font-size: 78px; margin-top: 8px; } #dashboard .keyfact-title { font-size: 0.9em; color: #333333; } @media only screen and (min-width: 1024px) { #dashboard .keyfact-title { min-height: 130px; } } #dashboard .keyfact-value { font-weight: bold; font-size: 1.7rem; line-height: 2rem; color: #205d74; } @media only screen and (min-width: 1366px) { #dashboard .keyfact-value { font-size: 2em; } } #dashboard .keyfact-more { text-align: right; margin: -8px; margin-bottom: 1px; } #dashboard .keyfact-more .icon-info{ font-size: 1.4rem; padding-right: 4px; } #dashboard .keyfact-origin { font-size: 13px; display: inline-block; width: 100%; text-align: left; } #dashboard .keyfact-origin strong { text-align: left; } #dashboard .keyfact-origin a { width: 60%; text-align: left; } #dashboard .keyfact-description { padding-top: 22px; display: inline-block; } #dashboard .keyfact-description p{ font-size: 13px; line-height: 22px!important; text-align: left; } #dashboard .keyfact-description ol{ margin-left: 16px; font-size: 13px!important; line-height: 22px!important; text-align: left!important; } #dashboard .keyfact-description ul{ list-style-type: disc; font-size: 13px!important; line-height: 22px!important; text-align: left!important; margin-left: 16px; } .node-dashgram > .body.field { display: none; } #dashboard .featured-icon { font-size: 2.2em; margin-right: 10px; line-height: 40px; } #dashboard .featured-title-text { line-height: 22px; display: block; font-size: 20px; font-weight: normal; } #dashboard .searchContentContainer:not(.loaded) { min-height: 300px; } #dashboard .form-type-textfield.form-item-spa-email { display: none; } #dashboard .edit-actions a { border: 1px solid #4c5c1f; padding: 2px 7px 2px 4px; color: #4c5c1f; background: transparent; border-radius: 2px; margin-right: 5px; font-weight: bold; text-decoration: none; font-size: 0.8em; cursor: pointer; } #dashboard .edit-actions .boolean a { border: 0px solid #4c5c1f; color: #bbb; font-size: 1.2em; } #dashboard .edit-actions .boolean a.true { color: #4c5c1f; } #dashboard .edit-actions .add-position a { margin-right: 0px; } #dashboard .component_edit_actions a.active { background: #4c5c1f; color: #ffffff; opacity: 0.5; } #dashboard .edit-actions a:hover { background: #4c5c1f; color: #ffffff; opacity: 1; } #dashboard .edit-actions .boolean a:hover { background: transparent; color: #444444; opacity: 1; } #dashboard .edit-actions .boolean a.true:hover { background: transparent; color: #4c5c1f; opacity: 1; } #dashboard .edit-panel .component_factory a { border: 1px solid #4c5c1f; padding: 5px 5px 5px 5px !important; color: #4c5c1f; background: #fff; border-radius: 2px; margin-right: 5px; font-weight: bold; display: inline-block; margin-bottom: 5px; coursor:pointer; } #dashboard .edit-panel .component_factory a:hover { background: #4c5c1f; color: #ffffff; } #dashboard .edit-actions { border-top: 1px solid #ccc; text-align: left; flex-basis: 100%; } #dashboard .edit-actions:hover { opacity: 1; border-top: 1px solid #4c5c1f; } #dashboard .edit-actions:hover, #dashboard .edit-actions.focused { opacity: 1; } #dashboard .edit-actions .component_edit_actions { opacity: 0; transition: opacity 0.3s; cursor: pointer; } #dashboard .edit-actions:not(:hover) .component_title { opacity:0.5; } #dashboard .focused .component_title { font-size: 1.7em; opacity:1; } #dashboard .edit-actions:hover .component_edit_actions { opacity: 1; } .box .edit-actions { min-height: 27px; padding-top: 5px; } .edit-actions { display: none; } .properties_editor{ font-size: 0.8em; } #dashboard[display="edit-enabled"] .edit-actions { display: block; width: 100%; } #dashboard[display="edit-enabled"] .failed { opacity: 0.4; } .testApi #dashboard[display="edit-enabled"] .failed { opacity: 0.9; } .testApi .node-unpublished { background-color: transparent; } .inactiveLayer { opacity: 0.3; } .inactiveLayer:hover { opacity: 1; } .edit-actions .column { padding: 0px; } .edit-actions .row { padding: 0px; margin: 0px !important; } #dashboard .edit-actions .component_add { font-weight: bold; } #dashboard .edit-panel { margin-bottom: 18px; } #dashboard .component_factory { margin-bottom: 18px; padding: 5px; } #dashboard .edit-actions .add-position a { padding: 10px !important; } #dashboard .component_title { margin-right: 10px; } .edit-actions .component_title:hover{ opacity: 1; } #dashboard .component_factory.component_selected .component-item > div { width: 100%; font-size: 1.3em; } #dashboard .component_factory.component_selected .component-item { padding: 18px; } #dashboard .component_code textarea { display: none; max-width: 90%; } #dashboard .component_code:hover textarea { display: block; } #dashboard .sticky, #dsense-page .sticky{ position: -webkit-sticky; position: sticky !important; top: 0; z-index: 100; background: #fff; } .user-logged-in #dashboard .sticky { top: 80px; background: #fff; } @media only screen and (max-width: 1024px) { .user-logged-in #dashboard .sticky { display: block; position: static !important; } .user-logged-in #dashboard .sticky .dashgram-column { width: 100%; max-width: none; } } .user-logged-in.tool-vet-key-data #dashboard .sticky{ top:40px; /*until vet removes its sticky */ } #dashboard .toc_link { display: block; padding: 7px; } #dashboard .component_factory.table .row { margin: 10px 0px 10px 0px; border: 0px solid #ccc; } #dashboard .property_label { line-height: 0.8; text-align: left; font-size: 0.98em; min-width: 150px; display: inline-block; } #dashboard .property:hover textarea { color: #4c5c1f; border-color: #4c5c1f; width: 100%; max-width: 90%; } #dashboard .property textarea { min-height: 5px; height: 34px; margin: 7px 0px 7px 0px; border: 1px solid #ccc; border-radius: 6px; transition: border 0.3s; padding: 6px 5px 0px 8px; font-size: 0.95em; background-color: #fff; } #dashboard .property_title textarea { font-size: 1em; } #dashboard .box .properties_editor { padding-top: 15px; } #dashboard .edit-actions .property_more a { width: 100%; display: block; font-size: 0.9em; font-weight: normal !important; margin-left: 5px; border-radius: 6px; font-size: 0.85em; padding-top: 2px; padding-bottom: 3px; } #dashboard .edit-panel.component-search_content .property_api { display: none; } #dashboard .edit-panel.component-featured_indicator .property_api { display: none; } #dashboard .edit-panel .empty_true { opacity: 0.2; } #dashboard .empty_true:hover { opacity: 1; } #dashboard .empty_true:not(:hover) textarea { display: none; } #dashboard .property_api textarea { font-size: 0.9em; } #dashboard .boolean_property { display: inline-block; min-width: 260px; } #dashboard .dashgram_header .properties-tab.properties_editor { min-width: 450px; } #dashboard .edit-api { width: 100% !important; border: 0px !important; padding: 8px !important; display: inline-block; } #dashboard .add-components { margin: 5px -5px 20px -5px; border: 1px solid #ccc; border-radius: 4px; } #dashboard .add-components .multiselect__single, #dashboard .add-components .multiselect__placeholder { font-size: 1.1em; color: #222; font-weight: normal; padding: 4px 0px 0px 12px; } #dashboard .component-visualisation .add-container { margin: 17px -5px 20px -5px; } #dashboard .component-visualisation .row.add-position { margin-left: -10px !important; } #dashboard .add-position strong { margin-left: 11px; } #dashboard .raw_content { margin-bottom: 25px; } #dashboard .header_filterer .edit-actions, #dashboard .header_dimension_description .edit-actions { display: none; } #dashboard .header_filterer { font-size: 0.8em; } #dashboard input.multiselect__input, #dsense-page input.multiselect__input { border: 0px !important; box-shadow: none; margin: 0px; margin-left: 11px; background-color: transparent; padding: 0; font-size: 1.1em; height: auto; font-weight: bold; } #dashboard .multiselect, #dsense-page .multiselect{ cursor: pointer; } #dashboard .api_editor .block-title { font-style: normal; line-height: 0px; margin-top: 14px; } #dashboard .api_editor .multiselect { margin-top: 7px; border: 1px solid #ccc; border-radius: 5px; max-width: 100%; } #dashboard .api_editor .multiselect:hover { border-color: #4c5c1f; } /* line arrows like this " > " */ #dashboard .api_editor .multiselect__select::before { border: solid #4c5c1f; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; content: " "; transform: rotate(45deg); top: inherit; } #dashboard .multiselect__tag, #dsense-page .multiselect__tag{ padding-left: 0px; } #dashboard .multiselect__tags, #dsense-page .multiselect__tags { border: 0px solid #606060; background: transparent; padding-left: 0px; padding-top: 6px; } #dashboard .multiselect__single, #dashboard .multiselect__placeholder, #dsense-page .multiselect__single, #dsense-page .multiselect__placeholder { font-weight: bold; font-size: 16px; color: #4c5c1f; background: transparent; } #dashboard .api_editor .multiselect__single, #dashboard .api_editor .multiselect__placeholder { font-weight: bold; font-size: 16px; color: #4c5c1f; } #dashboard .api_editor .multiselect__single, #dashboard .api_editor .multiselect__placeholder { font-size: 0.9em; font-weight: normal; margin: 3px 0 0 11px; } #dashboard .api_editor .multiselect__tag:first-of-type{ margin-left: 10px; } #dashboard .api_editor .multiselect__placeholder { color: #888; padding-left: 0px !important; } #dashboard .multiselect__option--selected, #dsense-page .multiselect__option--selected { background-color: #4c5c1f !important; color: #fff !important; } #dashboard .multiselect__option--highlight, #dsense-page .multiselect__option--highlight { background-color: #eee; color: #222; } /* Line arrow */ #dashboard .multiselect__select::before, #dsense-page .multiselect__select::before{ border: solid #4c5c1f; border-width: 0 3px 3px 0; display: inline-block; padding: 4px; content: " "; transform: rotate(45deg); top: inherit; } #dashboard .multiselect__single, #dsense-page .multiselect__single { padding-left: 0px; } #dashboard li .multiselect__option--group{ background-color: transparent!important; font-weight: bold!important; color: #222!important; } #dashboard li .multiselect__option--disabled{ background-color: transparent; } #dashboard li .multiselect__option { font-weight: normal; color: #222; padding: 10px; min-height: 30px; } #dashboard span.count { color: #aaa; font-weight: normal; } #dashboard .partition_filter.render { padding-bottom: 10px; } #dashboard .multiselect__tag-icon:after, #dsense-page .multiselect__tag-icon:after{ color: #4c5c1f; font-size: 22px; } #dashboard .multiselect__tag-icon:focus, #dashboard .multiselect__tag-icon:hover, #dsense-page .multiselect__tag-icon:focus, #dsense-page .multiselect__tag-icon:hover { background: #4c5c1f; } #dashboard .multiselect__tag-icon:focus:after, #dashboard .multiselect__tag-icon:hover:after, #dsense-page .multiselect__tag-icon:focus:after, #dsense-page .multiselect__tag-icon:hover:after { color: #ffffff!important; } #dashboard .multi .multiselect__placeholder, #dsense-page .multi .multiselect__placeholder { color: #4c5c1f !important; padding-left: 5px; } #dashboard .multiselect__tag, #dsense-page .multiselect__tag { color: #0a0a0a !important; background-color: transparent; } #dashboard .mapping_editor .multiselect__single { font-weight: bold; } #dashboard .empty { opacity: 0.3; } #dashboard .empty:hover { opacity: 1; } #dashboard .advanced_parameters { float: right; margin-top: -37px; } #dashboard .api_filter .action { opacity: 0; transition: opacity 0.3s; } #dashboard .api_filter:hover .action { opacity: 1; } #dashboard .api_filter .action:not(:hover) a { color: #aaa; border: 0px; } #dashboard .api_filter { padding: 5px 0px 5px 0px !important; } #dashboard .filterer label { font-weight: bold; } #dashboard .filterer .options_count_1 label { margin-right: 13px; cursor: auto; } #dashboard .applicability { float: right; font-size: 1.3em; } #dashboard h5 > i { font-size: 1.1em; } #dashboard .editor_group { margin-top: 6px; } #dashboard .property_api .edit-api { opacity: 0; transition: opacity 0.4s; display: inline !important; margin: 4px 5px 4px 5px !important; padding: 2px 10px 2px 10px !important; cursor: pointer; } #dashboard .property_api:hover .edit-api { opacity: 1; } #dashboard .apply_changes { margin-top: 13px; display: inline-block; } #dashboard .apply_changes .button { min-width: 100px; padding: 10px; margin: 0px 5px 0px 0px; } #dashboard .box-header h2 span { font-style: italic; } #dashboard .edit-panel .boolean a.active { background: #4c5c1f; color: #ffffff; opacity: 0.5; } #dashboard .visualisation-block svg.treeVisualisation .has-tip { stroke-dasharray: 10.69, 9.69 !important; stroke: #d9ebf6 !important; } #dashboard-description, #dashboard .header_dimension_description { margin-bottom: 3.3rem; border-bottom: 1px solid #f3f3f3; padding-bottom: 1.3rem; } #dashboard .row.collapsed { margin-bottom: 3.3rem; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); margin-left: 0px; margin-right: 0px; background: #fff; } #dashboard .collapsed .columns.dashgram-column { padding-left: 0px; padding-right: 0px; } #dashboard .collapsed .box-visualisation { margin-bottom: 45px; box-shadow: none; } #dashboard .collapsed .columns:not(:first-of-type) header{ display: none; } .collapsed .box .box-visualisation { margin-bottom: 0px; } #dashboard .collapsed .columns:not(:first-of-type) .box { border-top: 0px; padding-top: 0px; } #dashboard .collapsed .columns:not(:last-of-type) .box { border-bottom: 0px; } #dashboard .collapsed .columns:first-of-type .logoNode { display: none; } #dashboard:not([display="edit-enabled"]) .collapsed .columns:not(:last-of-type) { margin-bottom: -75px; } #dashboard:not([display="edit-enabled"]) .hidden-unless-edit { display: none !important; } /* @group ANCHOR Category heading */ /* Titile */ #dashboard #filters .deco-line { margin-top: 5rem; } #dashboard .deco-line { margin-top: 3rem; margin-bottom: 0.5rem; } /* @group ANCHOR Pop up window */ #dashboard .box-visualisation .box-actions { max-width: 483px !important; position: absolute; right: 0; top: 4.5rem; z-index: 2; background-color: #205D74; color:#fff; padding: 30px; font-size: 13px; padding-bottom: 0px; } @media only screen and (max-width: 600px) { #dashboard .box-visualisation .box-actions { right: 0; top: 3.5rem; } } #dashboard .node_description { margin-top: 2rem; } #dashboard .node_description.no-brand { padding-top: 15px; } #dashboard .node_description.plain { background-color: transparent; padding: 0px; margin-bottom: 2.50rem; margin-top:0; } @media only screen and (min-width: 1400px) { .node_description.multi-p .field-item { column-count: 2; padding-bottom: 20px; } } /* @group ANCHOR Box with visualisation */ #dashboard .box.box-visualisation{ position: relative; } #dashboard .collapsed .columns:first-of-type .description{ display: none; } #dashboard .description { font-size: 0.95em; font-style: normal; } #dashboard .collapsed .columns:not(:first-of-type) .box.box-visualisation:before{ background-color: transparent; } #dashboard .collapsed .columns:not(:first-of-type) .dsenseVisualisationContainer{ border-top: 0px; } /* @group ANCHOR Global rules for boxes */ #dashboard .box { padding: 20px; background-color: #ffffff; } #dashboard .merged .box { box-shadow: none; margin-bottom: 0px; } #dashboard.full .merged .box:nth-child(2) { padding-right: 3px; } #dashboard.full .merged .box:nth-child(3){ padding-left: 3px; } /* medium up screen*/ @media screen and (min-width: 768px) { #dashboard .box { padding: 26px 0; } } #dashboard .box .box-header h2{ font-size: 1.5625rem; margin-bottom:20px; } #dashboard .box .box-header h3 { width: calc(100% - 5rem); } @media only screen and (max-width: 600px) { #dashboard .box .box-header h3 { font-size: 1.1rem; } } #dashboard .left-sided .box .box-header h3 { font-size: 1.5625rem; line-height: 1.4; } #dashboard .box .box-header .subtitle { padding-bottom:15px; margin-top: -8px; } /* @group ANCHOR Data tables */ .dsense-visualisation-table th { font-size: 1.1em !important; padding: 10px !important; min-width: 90px; } .dsense-visualisation-table tr.selected td { background: #FFED00; } /* Table shadow */ @media (max-width: 640px) { #dashboard table:before { content: ""; position: absolute; z-index: 99; background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),to(#fff)); background: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,#fff 100%); background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff); width: 3rem; height: 100%; right: 0; top: 0; } } #dashboard .dashgram-column .comparison-table-class { position: relative; } @media (min-width: 991.98px) { #dashboard .dashgram-column .comparison-table-class:before { content: ""; position: absolute; z-index: 99; background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),to(#fff)); background: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,#fff 100%); background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff); width: 3rem; height: 100%; right: 0; top: 0; } } #dashboard table.policy_table thead tr:first-of-type { font-weight: bold; } #dashboard table.dataTable tbody tr { background-color: #fff; } #dashboard table .even { background-color: #f5f5f5 !important; } #dashboard .dataTables_wrapper th { background: url('table/sort_both.svg') no-repeat center right !important; } #dashboard .dataTables_wrapper .sorting_asc { background: url('table/sort_asc.svg') no-repeat center right !important; } #dashboard .dataTables_wrapper .sorting_desc { background: url('table/sort_desc.svg') no-repeat center right !important; } #dashboard .themeActionsContainer.table { color: #fff; } #dashboard table.dataTable.no-footer, #dashboard table.dataTable thead th{ border-color:#fff; } #dashboard table.dataTable td, #dashboard table.dataTable th { padding-top:5px; padding-bottom: 5px; border: 2px solid #fff; } /* @group ANCHOR Featured indicator box */ #dashboard .featured_indicator { background-color: #205d74; border-top: 8px solid #ffed00; } #dashboard .featured_indicator .box-content a{ display: flex; } #dashboard .featured_indicator * { color: #ffffff; } #dashboard .arrow_box { border-left: 1px solid #d1d1d1; padding: 50px 76px 37px 50px; margin: 28px 0px 0px 0px; font-family: Poppins; font-weight: 200; } #dashboard .arrow_box p { line-height: 20px; } /* @group ANCHOR Shadow */ /* @group ANCHOR No negative margin on row */ /* this class removes negative margins from row */ /* similar with foundation class .is-collapse-child */ #dashboard .zero-margin{ margin-left:0; margin-right: 0; } /* @group ANCHOR Grid list */ /* sets the width and adds space between boxes on a list */ #dashboard .grid-large-6, #dashboard .grid-large-12{ justify-content: space-between; } @media only screen and (min-width: 1024px) { #dashboard .grid-large-6 .columns:not(.failed), #dashboard[display="edit-enabled"] .grid-large-6 .columns.failed{ flex-basis: 49%; max-width: 49%; /*to be tested on IE*/ } } #dashboard .bulb{ background: #fff; max-width:80%; } #dashboard .row-filters{} #dashboard .filterer { position: relative; } #dashboard .filterer .display:before, #dashboard .filterer .display:after { content: " "; } #dashboard .filterer .display:before { position: absolute; border-left: 1px solid grey; height: 3.75rem; right: 60px; top: 27px; } #dashboard .filterer .display:after { border: solid #8a3d72; border-width: 0 2px 2px 0; display: inline-block; padding: 6px; transform: rotate(45deg); bottom: 29px; right: 25px; position: absolute; pointer-events: none; } /* IE11 hide native button */ #dashboard .filterer select::-ms-expand { display: none; } #dashboard .filterer select { appearance: none; background-color: transparent; border: 0px; color: #4A4A49; font-weight: 500; width: 100%; cursor: pointer; font-size: 1.2em; padding: 20px 16px 18px 22px; border: 1px solid grey; } #dashboard .filterer select option{ color: #000000; } #dashboard .filterer { background: #fff; } #dashboard #filters h2 { margin-bottom: 2rem; } #dashboard .row-filters select:focus{ box-shadow: none; background: #fff; } #dashboard:not([display="edit-enabled"]) .row-filters > .columns > div { margin-top: 1.5rem; } #dashboard .row-filters > .columns { padding: 0; margin-bottom: 10px; } #dashboard .row-filters > .columns.invisible { display: none; } @media only screen and (min-width: 1024px) { #dashboard .row-filters > .columns { padding: 0px 20px 0px 0px; margin-bottom: 0; } } #dashboard .row-filters > .columns:last-child { padding: 0px 0px 0px 0px; } #dashboard .separator { margin-top: 1.2rem !important; } /*data tables table cedefop styling*/ #dashboard .table label select{ border: 0px; width: auto; background-color: transparent; } #dashboard .table .top-right > .dataTables_info, #dashboard .table .bottom-right > .dataTables_info{ float: right !important; } /* @group ANCHOR Pagination */ #dashboard .paginate_button{ border-radius: 100%; border-width: 0px; font-size: 1em; padding: 0.3em 0.8em; color: #4c5c1f!important; } #dashboard .paginate_button:hover, #dashboard .paginate_button:focus{ background: #e6e6e6 none; } #dashboard .paginate_button.current:hover, #dashboard .paginate_button.current { background: #FFED00 !important; } #dashboard .paginate_button.next{ font-size: 0; border-radius: 50%; display: inline-block; width: 30px; height: 30px; vertical-align: middle; position: relative; } #dashboard .paginate_button.next:after{ font-family: 'sp-icons' !important; content: ""; font-size: 18px; position: absolute; top:2px; left: 5px; } #dashboard .paginate_button.previous{ font-size: 0; border-radius: 50%; display: inline-block; width: 30px; height: 30px; transform: rotate(180deg); vertical-align: middle; } #dashboard .paginate_button.previous:before{ font-family: 'sp-icons' !important; content: "\e924"; font-size: 18px; position: absolute; top:2px; left: 5px; } #dashboard .paginate_button.disabled:before, #dashboard .paginate_button.disabled:hover{ color: #606060!important; background-color: transparent!important; } #dashboard .table .table-bar{ padding: 4px; border-radius: 3px; } #dashboard table.dataTable thead .sorting { background-position: 95%; } #dashboard .clear-options{ margin-left: 10px; font-style: italic; color: #4c5c1f; } #dashboard .clear-options::before { content: ""; font-size: 1.375rem; line-height: 1; vertical-align: text-bottom; display: inline-block; font-family: "font-icons"; font-weight: normal; font-style: normal; } #dashboard .data_table .edit-api{ display: none !important; } #dashboard .data_table .action_options{ display: inline-block; } #dashboard .table .page-seeing .dataTables_paginate { float: none; text-align: center; } #dashboard .data_table .export { float: right; padding: 10px 15px 15px 15px; margin-top: 20px; margin-right: -15px; background: #4c5c1f; color: #ffffff; } #dashboard .data_table .icon-export:before{ font-size: 20px; margin-right: 10px; } #dashboard .data_table .export .action_options{ padding: 0; } #dashboard .data_table .export .action_options a{ margin-left: 5px; } #dashboard .data_table .export .action_options a:hover, #dashboard .data_table .export .action_options a:focus{ background-color: #4c5c1f; } #dashboard .data_table .actionable{ background-color: transparent; color: #ffffff; border: 1px solid; } #dashboard .no-results { padding-top: 3.125rem; } #dashboard .no-results p{ line-height: 2.5rem; } /* @group ANCHOR Info text */ #dashboard .hint, #dsense-page .hint { padding: 10px; background: #ffffff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); max-width: 980px; font-size: 1rem; font-style: italic; line-height: 1.5rem; color: #080852; position: relative; margin: 20px; } @media only screen and (min-width: 768px) { #dashboard .hint, #dsense-page .hint { margin: 2.5rem auto!important; padding-left: 85px!important; min-height: 100px; padding: 1.875rem; } #dashboard .hint:before, #dsense-page .hint:before{ background: url(/modules/custom/dsense_dashboards/css/assets/hint.png) no-repeat center; content: " "; top: 20px; left:20px; display: block; width: 54px; height: 70px; background-size: contain; padding: 0; position: absolute; } } #dashboard .hint *, #dsense-page .hint *{ line-height: 1.5rem!important; } .l-main #dashboard .page-header{ margin-bottom: 0px; } /* @group ANCHOR FOUNDATION DEFAULT COLUMN */ /* ensures that the column by default is 100% and mobile first to change it you should use foundation classes following three rules are problematic when in a regular page putting them close and exceptioning them */ /* special style similar with body link of mail site.*/ /* cases with links inside an element such as

in order to ensure avoiding the styling of all links*/ #dashboard:not(.regular-page) p a, #dashboard:not(.regular-page) ol a, #dashboard:not(.regular-page) ul a { text-decoration: underline; } #dashboard:not(.regular-page) p a:hover, #dashboard:not(.regular-page) p a:focus, #dashboard:not(.regular-page) ol a:hover, #dashboard:not(.regular-page) ol a:focus, #dashboard:not(.regular-page) ul a:hover, #dashboard:not(.regular-page) ul a:focus { text-decoration: none; color: #8A3D72; } /* end of problematic rules exceptioned for a regular page */ #dashboard .dashgram_header.no-icon .icon-ind-000:before { display: none; } #dashboard .shadow .columns:not(.keyfact-wrapper) { background: #fff; } /* @group ANCHOR GROUP RECOMMEDATION */ @media only screen and (max-width: 767px) { .recommendations #group-recommendations .grid-list { display: block; } } @media only screen and (min-width: 1024px) { .recommendations #group-recommendations .views-row { flex-basis: calc((100% / 4) - 2.5rem); } } .recommendations { max-width: 1252px; margin: auto; padding-left: 0px !important; padding-right: 0px !important; } /*/////////////////////////*/ .recommendation { min-width: 33.3%; padding-right: 20px; } .recommendation h3{ line-height: 0.9; padding-bottom: 8px; } .suggestion { font-size: 0.8em; } .i-desc { margin-right: 30px; } .node_description.no-brand { margin: 0px 0px 0px 0px !important; } #dashboard .searchContent .views-element-container{ padding: 0px 0px 0px 5px; } #dashboard .searchContent .field-content.i-title { font-size: 1.1em; } #dashboard .searchContent .views-field.views-field-field-ced-abstract, #dashboard .searchContent .views-field-field-short-description { font-size: 0.9em; margin-bottom: 25px; } #dashboard .searchContent .list-all-link { font-size: 0.55em; font-weight: normal; } #dashboard .searched-for { font-weight: normal; font-size: 0.5em; color: #828282; } #dashboard.full > div:not(.dashgram_header, .node_description), #dashboard.full .dashboard_title > *, #dashboard.full .node_description > * , #dsense-page.full .node_description > * , #dsense-page.full .page-title{ margin-left: auto !important; margin-right: auto !important; } #dashboard .full-width{ max-width: 100% !important; margin-left: 40px !important; margin-right: 40px !important; padding-left: 2.5rem !important; padding-right: 2.5rem !important; } #dashboard .node_description ul{ list-style-type: square; margin-left: 15px; padding-bottom: 20px; } #dashboard .dimension_description h2.icon::before{ margin-right: 10px; vertical-align: middle; } #dashboard .dimension_description h2.icon.flag::before{ margin-right: 15px; width: 35px; height: 24px; } #dashboard .merged.left-sided::before{ border-left: 8px solid transparent; content: ""; background: url(/modules/custom/dsense_dashboards/css/assets/deco-line-v.svg); } #dashboard .merged.left-sided > .columns { margin-right: -8px !important; } #dashboard .merged.top-sided{ content: ""; padding-top: 8px; background: url(/modules/custom/dsense_dashboards/css/assets/deco-line-h.svg) no-repeat top right; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } #dashboard .merged.top-sided .box{ padding-bottom: 0px; } #dashboard .merged.top-sided .box-visualisation{ padding-top: 0px; padding-bottom: 30px; } #dashboard .merged.top-sided .box.box-visualisation::before{ background-color: transparent; } #dashboard .merged.top-sided .column .column{ background-color: #fff; } #dashboard .merged.top-sided .box.box-visualisation .box-header h3{ font-size: 1rem; } #dashboard .merged.top-sided .no-burger .box-header .large-10{ max-width: 100%; } #dashboard .merged.top-sided .box-visualisation .dsenseVisualisationContainer{ border-top: 0px; } #dashboard .merged.top-sided .columns .dsenseVisualisationContainer{ padding-right: 0px; } #dashboard .merged.top-sided .box-visualisation .box-actions{ top: 45px; } #dashboard .no-burger .large-2{ display: none; } #dashboard .box .box-header .linked-title h3{ color: #4c5c1f; } #dashboard .cyan{ background-color: #B1CFED; } #dashboard .no-padding-bottom { padding-bottom: 0px; } #dashboard .no-padding-top { padding-top: 0px; } #dashboard .layer .row.render > .edit-actions > .edit-menu> .component_title{ padding-left: 15px; } body.tool-skills-intelligence .main > section:not(.block-page-title-block){ max-width: 100%; } body.tool-skills-intelligence .field-node--body .field-item > * { opacity: 0; } body.tool-skills-intelligence .recommendations .field-node--body .field-item > *{ opacity: 1; } /*indicators dataset sources page */ #dsense-page .group-details .field-source, #dsense-page .group-details .field-dataset{ border-bottom: 0px !important; padding-bottom: 4px !important; } #dsense-page .group-details .field-source-description, #dsense-page .group-details .field-dataset-description{ padding-top: 0px !important; } #dsense-page .group-details .field-source-description .field-label::after, #dsense-page .group-details .field-dataset-description .field-label::after{ content: "" !important; } #dsense-page .group-title.indicator::before{ padding: 13px 27px 19px 5px; color: #4c5c1f; } #dsense-page .information{ padding: 10px 0px 20px 0px; } #dsense-page .group-description { font-size: 1.1em; padding-bottom: 20px; } #dsense-page .group-content{ display: block; } #dsense-page .group-filters { float: right; width: 30%; margin-top: 60px; padding-right: 36px; } #dsense-page .group-filter { border: 1px solid #D1D1D1; padding: 5px 5px 5px 15px; margin: 10px 0px 10px 0px; background: #fff; } #dsense-page .group-filter label{ display: inline; } #dsense-page .dataset-indicators { margin-top: 20px; } #dsense-page .dataset .title.indicator::before, #dsense-page .field-dataset-description .title.indicator::before{ padding: 7px 10px 7px 0px; } #dsense-page .field-label span { font-weight: normal; } #dsense-page .group-filters h3 { padding-bottom: 20px; } #dsense-page .title.dashboard { font-weight: bold; font-size: 0.8em; } #dsense-page .theme-icon { font-size: 5em; text-align: center; color: #4c5c1f; opacity: 0.6; float: left; margin: -18px 32px 0px 23px; } #dsense-page .group-box{ max-width: 100%; margin: auto; } #dsense-page .group-box .group-details{ max-width: 32%; display: inline-block; vertical-align: top; } #dsense-page .group-box .node_description { margin-top: 0px !important; } #dsense-page > .node_description { margin-bottom: 0px !important; } body.dsense-page .l-main .page-header{ margin-bottom: 0px; } #dashboard:not(.regular-page) p { line-height: 1.875rem; margin-bottom: 0; } .dsenseTooltip { max-height: 20px; font-weight: normal; font-size: 0.9em; } body.node--type-ced-country .main > section:not(.block-page-title-block){ max-width: 100% !important; } body.path-countries #dashboard{ display: block; } #dsense-tooltip { position: absolute; min-width: 300px; background-color: #fff; cursor:pointer; padding-bottom: 0px; } #dsense-tooltip a .flag::after{ content: ""; color: #fefefe; font-size: 1.875rem; line-height: 1.25rem; vertical-align: middle; display: inline-block; font-family: "font-icons"; font-weight: normal; font-style: normal; } #dsense-tooltip .tooltip-header a{ color: #fff; } #dsense-tooltip .tooltip_row.render.row { font-size: 0.7em; background: #fff; min-height: 200px; } @media only screen and (min-width: 991px) { #dashboard .render.row .col-lg-6:nth-child(2) { padding-right: 1.75rem; } #dashboard .render.row .col-lg-6:nth-child(3), #dashboard .render.row .col-lg-6:last-of-type { padding-left: 1.75rem; } #dashboard .render.row.spider-diagram .col-lg-6:nth-child(3), #dashboard .render.row.bar-chart-diagram .col-lg-6:nth-child(3) { padding-left: 0; padding-right: 1.75rem; } #dashboard .render.row.bar-chart-diagram .col-lg-6:nth-child(4), #dashboard .render.row.spider-diagram .col-lg-6:nth-child(4) { padding-left: 1.75rem; padding-right: 0; } } @media only screen and (max-width: 991px) { #dashboard .render.row { display: block; } } #dashboard #dsense-tooltip .keyfact-title{ min-height: 0px !important; } #dashboard #dsense-tooltip .keyfact{ padding: 0px 0px 8px 0px; } #dashboard #dsense-tooltip .keyfact-more{ display: none; } #dashboard #dsense-tooltip .tooltip-header { background-color: #333333; font-size: 1.5em; color: #fff; padding: 10px 0px 25px 17px; margin: -15px; } #dashboard .indicators_disabler, #dashboard .filtering { background: #fff; } #dsense-page .node_description { background-color: #205d74; color: #fff; padding: 5px; padding-left: 3.125rem; padding-right: 3.125rem; margin-bottom: 1.25rem; } body.dsense-page.indicators .l-main .page-content .group-content, body.dsense-page.datasets .l-main .page-content .group-content, body.dsense-page.sources .l-main .page-content .group-content, body.dsense-page.skills .l-main .page-content .group-content{ max-width: 1400px; } body.dsense-page.indicators .page-title::before, body.dsense-page.datasets .page-title::before, body.dsense-page.sources .page-title::before, body.dsense-page.skills .page-title::before { content: "\e993"; color: #fefefe; font-family: 'font-icons'; border: 1px solid #ffffff; border-radius: 40px; padding: 16px; font-size: 0.7em !important; margin-right: 13px; } body.dsense-page.skills .l-main .page-content .group-content .group-left, body.dsense-page.skills .l-main .page-content .group-content{ margin: 0px; padding: 0px; max-width: 100%; } body.dsense-page.skills .l-main .page-content .group-content{ margin-top: 0px; min-height: 290px; } body.dsense-page.skills .group-wrapper { max-width: 1310px; margin: auto; padding-top: 50px; } body.dsense-page.skills .dashboard .group-content { padding: 15px 25px 15px 25px !important; } body.node--type-dashgram .page, body.dsense-page .page{ overflow-x: visible; } .smaller > h2{ font-size: 1.8em; } #dashboard .subtitle { color: #555; } #dashboard i::before { margin-right: 4px !important; } #dashboard .dataTables_wrapper th.sorting_disabled{ background: none !important; } #dashboard .min-height{ min-height: 485px; } #dashboard .single-p .field-item{ column-count: 1; } #dashboard .row.full-width .node_description > div { max-width: 100% !important; } /* MENU component */ #dashboard .shortcuts span{ padding: 0px 20px 0px 0px; } #dashboard .shortcuts span a{ font-size: 0.9em; } #dashboard .dimension_menu h2.icon.icon-menu { text-align: center; border-bottom: 1px solid #ccc; padding: 10px; } #dashboard .dimension_menu.left-menu{ background: #F3F0EB; padding: 14px 12px 5px 9px; } #dashboard .no-margin{ margin: 0px !important; padding: 0 !important; } #dashboard .dimension-menu-item.depth-1 { margin-left: 15px; } #dashboard .dimension-menu-item.depth-2 { margin-left: 22px; font-size: 0.8em !important; } #dashboard .dimension-menu-item.depth-3 { margin-left: 20px; } #dashboard .dimension-menu-item.depth-4 { margin-left: 30px; } #dashboard .dimension-menu-item { display: block; padding-top: 10px; } #dashboard .dimension-menu-item.leaf-FALSE span.menu-title { color: #205d74; font-weight: 600; margin-top: 4px; display: inline; vertical-align: mid; font-size: 0.95em; margin-left: 3px; } #dashboard .dimension-menu-item.leaf-TRUE{ font-weight: normal; font-size: 0.85em; padding: 10px; } #dashboard .dimension-menu-item.leaf-FALSE .menu-button{ display: inline-block; } #dashboard .dimension-menu-item.leaf-FALSE .menu-button::after { color: #4c5c1f; font-size: 1.375rem; line-height: 0px; vertical-align: middle; display: inline-block; font-weight: normal; font-style: normal; padding-top: 4px; margin-left: 4px; transition: background-color 300ms ease-in-out, color 300ms ease-in-out; } #dashboard .dimension-menu-item.leaf-FALSE.retracted .menu-button::after { content: "+"; } #dashboard .dimension-menu-item.leaf-FALSE.collapsed .menu-button::after { content: "-"; } #dashboard .dimension-menu-item.leaf-FALSE .menu-button:hover{ background-color: #4c5c1f; } #dashboard .dimension-menu-item.leaf-FALSE .menu-button:hover::after{ color: #FFED00 !important; } #dashboard .dimension-menu-item.active { font-weight: bold; } /* */ #dashboard .page-header h2{ color: #fff; } #dashboard .scroll-content { overflow-y: auto; height: 95vh; } @media only screen and (max-width: 640px) { #dashboard .scroll-content { overflow-y: initial; height: auto; } } #dashboard .page-header .edit-actions.focused { color: black; } #dashboard .no-padding{ padding: 0px !important; } #dashboard .add-padding{ padding-left: 2.5rem; padding-right: 2rem; } #dashboard h2:before{ font-weight: normal !important; vertical-align: top; } #dashboard .dimension-menu-item:before{ vertical-align: top; } #dashboard .failed_show .dsenseTooltip { display: none; } /* footer */ .page-node-dashgram .page-footer .footer-eu .row .eu-copyright { padding-right: 1rem !important; } @media (max-width: 991px) { #dashboard .page-header { padding: 0; } } @media (max-width: 1245px) { #dashboard .page-header { position: relative; } #dashboard .management-admin { margin-bottom: 0; } #dashboard .row.render.with-paddings { max-width: 66.66667rem; margin: auto; width: 90%; } #dashboard .box { padding: 0; } } #dashboard hr { margin-top: 1.7rem; margin-bottom: 1.5rem; border-top: 1px solid rgba(0,0,0,0.4); } /* Data dash download links */ .data-dash-download-links a.actionable:before { content: ''; font-size: 1.5rem; width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: middle; margin-right: 0.5rem; font-weight: normal; } .data-dash-download-links a.xlsx:before { content: "\e92a"; font-family: 'qolivet-icons-2' !important; } .data-dash-download-links a.csv:before { content: "\e926"; font-family: 'qolivet-icons-2' !important; }