/*@import './color-themes/_dark.scss';*/ /*@import './color-themes/_light.scss';*/ /*#region Active colors */ /*$pxweb-green-1: #ecfeed;*/ /*#endregion*/ /*#region Active colors inside pxbox*/ /*#endregion*/ /*#region Main color scheme */ /*#region Buttons */ /*#endregion*/ /*#region Links */ /*#endregion*/ /*#endregion*/ /*@import './color-themes/_screen-reader.scss';*/ /*#region Inactive colors - not in used */ /* $pxweb-green-5: #075745; $pxweb-red-1: #fdede7; $pxweb-red-2: #ff896b; $pxweb-red-4: #cb3713; $negative-red: #f8a67d; $pxweb-dark-1: #f0f8f9; $pxweb-dark-3: #62919a; $scrollbar-color: #b0b0b0; */ /*#endregion*/ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /*This file shall end up empty, its just a helper*/ /* ********************************** _icon-backgrounds.scss *********************************** */ #pxwebcontent .pxbox .arrow-right-pxbox-icon { padding-left: 25px; background-repeat: no-repeat; width: 100%; background-image: url('data:image/svg+xml;utf-8,'); background-position-y: center; } #pxwebcontent .pxbox .arrow-right-pxbox-icon:hover { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .external-link-pxbox-icon { padding-left: 22px; background-repeat: no-repeat; width: 100%; background-image: url('data:image/svg+xml;utf-8, '); background-position-y: center; } #pxwebcontent .external-link-pxbox-icon:hover { background-image: url('data:image/svg+xml;utf-8, '); } #pxwebcontent .external-link-icon { padding-left: 22px; background-repeat: no-repeat; width: 100%; background-image: url('data:image/svg+xml;utf-8, '); background-position-y: center; } #pxwebcontent .external-link-icon:hover { background-image: url('data:image/svg+xml;utf-8, '); } #pxwebcontent .envelope-icon { padding-left: 22px; background-repeat: no-repeat; width: 100%; background-image: url('data:image/svg+xml;utf-8,'); background-position-y: center; } #pxwebcontent .Information-warning-box-icon { background-color: #3376C4; box-sizing: border-box; width: 90px; height: 90px; padding-top: 20px; justify-content: center; display: flex; background-image: url('data:image/svg+xml;utf-8,'); background-repeat: no-repeat; background-position: center; } #pxwebcontent .information-warning-box { box-sizing: border-box; min-width: 90px; height: 90px; padding-top: 20px; justify-content: center; display: flex; background-repeat: no-repeat; background-position: center; } #pxwebcontent .information-warning-box.cropped-table { background-color: #3376C4; background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .information-warning-box.changed-text { background-color: pink; background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .Information-warning-box-icon.small { width: 60px; height: 60px; } @media screen and (max-width: 767px) { #pxwebcontent .information-warning-box { min-width: 50px; height: auto; } } /* ********************************** _PxWeb.scss *********************************** */ #pxwebcontent { background: #fff; /* @include just-open-sans;*/ font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; line-height: 1.5; color: #222; font-size: 14px; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; } #pxwebcontent select { font-size: 100%; font-family: 'Open Sans', sans-serif !important; font-stretch: normal; font-weight: normal; } #pxwebcontent .pxbox.negative { background-color: #F8F7F6; border: solid 1px #949494; color: #222; } #pxwebcontent #wrap { margin: 0px auto; max-width: 1180px; } @media (max-width: 1180px) { #pxwebcontent #wrap { margin: 0px 10px; } } #pxwebcontent .pxweb-buttons.maximize-icon { margin: 10px 3px 0px 0px; } #pxwebcontent .font-heading { font-family: 'Open Sans', sans-serif; font-weight: bold; } #pxwebcontent .font-normal-text { font-family: 'Open Sans', sans-serif; font-size: 14px; } #pxwebcontent #header { padding: 10px 0 10px 0; min-height: 100px; max-height: 200px; } #pxwebcontent #header h1 { font-size: 2.2em; font-weight: 100; letter-spacing: -3px; padding: 12px 0 5px 10px; } #pxwebcontent #header h1 a { color: #222; text-decoration: none; } #pxwebcontent #header h1 a:hover { color: #222; text-decoration: none; } #pxwebcontent #header h2 { color: #222; font-size: 1.25em; font-weight: 100; padding: 0 0 0 11px; letter-spacing: -1px; line-height: 12px; } #pxwebcontent #header span { font-size: 3.0em; font-weight: 700; letter-spacing: -1px; padding: 12px 0 0 10px; } #pxwebcontent .headerleft { float: left; } #pxwebcontent .headerright { float: right; font-weight: 600; color: #000; } /* #pxwebcontent #breadcrumb {} moved to _breadcrumb.sccs */ #pxwebcontent #content { padding: 10px 15px; } #pxwebcontent .imgSiteLogo { height: 100px; width: 100px; vertical-align: middle; } #pxwebcontent .siteLogoText { vertical-align: middle; } #pxwebcontent .px-change-lang-div { margin: 20px; margin-right: 30px; } #pxwebcontent #header .pxweb-link.px-change-lang { margin: 4px; } #pxwebcontent #header .link-text.px-change-lang { font-size: 12px; letter-spacing: normal; padding-top: 0px; padding-right: 1px; padding-bottom: 2px; padding-left: 1px; } #pxwebcontent .tableAlternatingRow { background-color: #eee; } #pxwebcontent .databaseList { /*margin-left: 15px;*/ } #pxwebcontent .search_searchresulttext { font-weight: bold; margin-top: 10px; margin-bottom: 10px; display: block; } #pxwebcontent .searchTopLeftContent { float: left; } #pxwebcontent .searchResultTable { width: 100%; } #pxwebcontent .searchHeaderCell { font-weight: bold; padding-left: 3px; } #pxwebcontent .searchCell { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #pxwebcontent .searchCellTable { width: 90%; } #pxwebcontent .searchCellPublished { width: 10%; } #pxwebcontent .selectionLinksContainer { margin-bottom: 15px; } #pxwebcontent .settings_panel a { color: #222; } #pxwebcontent .chart-links { float: right; } #pxwebcontent .chart-image { padding-top: 20px; } #pxwebcontent .panelshowlink { width: auto; background-color: #F8F7F6; padding: 10px 0 10px 0; margin-top: 5px; display: inline-block; border: 1px solid #949494; cursor: pointer; } #pxwebcontent .panelshowlink.savequery { background-color: #F8F7F6; } #pxwebcontent .px-settings-imagelink { vertical-align: middle; padding-right: 3px; padding-bottom: 3px; } #pxwebcontent .px-settings-expandimage { width: 16px; height: 16px; background: url(../../images/plus-black-16.gif) no-repeat; vertical-align: middle; outline: none; margin-left: 3px; margin-right: 10px; } #pxwebcontent .px-settings-collapseimage { width: 16px; height: 16px; background: url(../../images/minus-black-16.gif) no-repeat; vertical-align: middle; outline: none; margin-left: 3px; margin-right: 10px; } #pxwebcontent .px-settings { font-family: 'Open Sans', sans-serif !important; font-stretch: normal; font-weight: normal; padding: 10px 10px 10px 10px; border: solid 6px #3376C4; width: max-content; overflow: auto; background-color: #fff; position: relative; z-index: 2; font-size: 14px; } #pxwebcontent .px_setting_validator { color: #CD4361; } #pxwebcontent .px_setting_heading { font-weight: bold; display: block; margin-bottom: 5px; } #pxwebcontent .px_setting_label_normal { display: inline-block; width: 160px; vertical-align: top; font-weight: bold; } #pxwebcontent .px_setting_textbox_normal { width: 40px; margin-bottom: 5px; margin-left: 5px; } #pxwebcontent .px_setting_textbox_title { width: 600px; margin-bottom: 5px; } #pxwebcontent .px_setting_radiobuttonlist { display: inline-block; } #pxwebcontent .px_setting_radiobuttonlist input { margin-right: 5px; margin-bottom: 7px; } #pxwebcontent .px_setting_radiobuttonlist label { margin-right: 15px; } #pxwebcontent .px_setting_checkbox { margin-bottom: 2px; } #pxwebcontent .px_setting_checkbox input { margin-right: 5px; } #pxwebcontent .px_setting_checkbox label { margin-right: 15px; } #pxwebcontent .px_settings_buttons { display: block; margin-top: 20px; font-family: 'Roboto Condensed', sans-serif; } #pxwebcontent .px_settings_cancel { margin-right: 20px; background: #3376C4; color: #fff; padding: 2px 4px 2px 5px; font-weight: bold; } #pxwebcontent .px_setting_apply { margin-right: 20px; background: #3376C4; color: #fff; padding: 2px 4px 2px 5px; font-weight: bold; border: 1px solid #222; } #pxwebcontent .chart_information { background-color: #222; padding: 20px 20px 20px 20px; display: inline-block; width: 731px; margin-bottom: 15px; margin-top: 5px; } #pxwebcontent .chart_information_title { font-weight: bold; } #pxwebcontent .table-links { display: inline-block; } #pxwebcontent .search-settings { display: inline-block; background-color: #eee; padding: 10px 10px 10px 10px; border: solid 1px #222; margin-top: 10px; } #pxwebcontent .headingtext { font-weight: bold; } #pxwebcontent .tableCropped { font-weight: bold; color: Gray; } #pxwebcontent .alertimage { width: 16px; height: 16px; background: url(../../images/alert-16.gif) no-repeat; vertical-align: top; outline: none; } #pxwebcontent .px-messages { /*text-align: justify; UnWcag */ border: 2px solid #fba504; margin-top: 5px; width: auto; vertical-align: middle; } #pxwebcontent .px-messages.small { align-items: center; } #pxwebcontent .px-messages.px-warning { border: 2px solid pink; } #pxwebcontent .saved_query_unsafe_panel { width: 100%; } #pxwebcontent .errorMessage { font-family: Verdana; font-size: 0.9em; color: #B0272E; display: block; } #pxwebcontent .screenreader-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; color: black; background-color: white; } #pxwebcontent .screenreader-only:focus { position: static; width: auto; height: auto; } #pxwebcontent .presentation-main { max-width: 100%; } #pxwebcontent .presentation-left .tools-header { display: none; } #pxwebcontent .presentation-container { display: grid; grid-template-columns: minmax(215px, 23%) minmax(0px, 75%); grid-column-gap: 2%; } #pxwebcontent .px-message-text { font-family: 'Open Sans', sans-serif !important; font-stretch: normal; font-weight: normal; font-size: 16px; padding-left: 16px; padding-right: 16px; } #pxwebcontent .px-message-text.heading { font-weight: bold; } @media screen and (max-width: 767px) { #pxwebcontent .presentation-container { display: flex; flex-wrap: wrap; } #pxwebcontent .presentation-left { width: 100%; } #pxwebcontent .px_setting_textbox_title { width: 98%; } #pxwebcontent .px-settings { width: auto; } } @media screen and (min-width: 768px) and (max-width: 991px) { #pxwebcontent #btnBurgerMenu { display: none; } } @media screen and (min-width: 992px) { #pxwebcontent #btnBurgerMenu { display: none; } } #pxwebcontent .mobilemenu { /*dummyclass for selection element to display/hide for burgermenu on mobiledevices*/ } @media screen and (max-width: 767px) { #pxwebcontent .mobilemenuhidden { display: none !important; } } #pxwebcontent .mobilemenuhidden { /* don't hide on non-mobile devices */ } @media screen and (max-width: 767px) { #pxwebcontent .hideonmobile { display: none !important; } } #pxwebcontent .hideonmobile { /* don't hide on non-mobile devices */ } #pxwebcontent .officialStatisticsImage { height: 24px; width: 200px; /*margin-left: 15px;*/ margin-left: 0px; margin-top: -15px; margin-bottom: 32px; } /* jQuery UI controls */ /*#PageElements { background: $pxweb-background; } */ .ui-draggable .ui-dialog-titlebar { background: #000000; border: #000000; } .ui-dialog-title { font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; } .ui-widget-content { font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; background: #fff; } .footnote_heading { font-weight: 700; font-size: 20px; margin-bottom: 10px; } .footnote_valuenote_header { font-weight: 700; margin-top: 10px; } .footnote_valuenote_key { font-style: italic; margin-top: 10px; } .footnote_note_value { margin-top: 10px; } .footnote_varnote_key { font-weight: 700; margin-top: 10px; } .footnote_cellnote_key { font-weight: 700; margin-top: 10px; } /* ********************************** _PxWebButtons.scss *********************************** */ #pxwebcontent .pxweb-buttons { background-repeat: no-repeat; margin-right: 20px; margin-top: 10px; font-size: 14px; } #pxwebcontent .pxweb-buttons.minimize-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.minimize-icon:hover, #pxwebcontent .pxweb-buttons.minimize-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.maximize-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.maximize-icon:hover, #pxwebcontent .pxweb-buttons.maximize-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.key-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.key-icon:hover, #pxwebcontent .pxweb-buttons.key-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.pivotManual { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.pivotManual:hover, #pxwebcontent .pxweb-buttons.pivotManual:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.pivotCW { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.pivotCW:hover, #pxwebcontent .pxweb-buttons.pivotCW:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.pivotCCW { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.pivotCCW:hover, #pxwebcontent .pxweb-buttons.pivotCCW:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.deleteVariable { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.deleteVariable:hover, #pxwebcontent .pxweb-buttons.deleteVariable:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.changeTextCodePresentation { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.changeTextCodePresentation:hover, #pxwebcontent .pxweb-buttons.changeTextCodePresentation:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.perPart { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.perPart:hover, #pxwebcontent .pxweb-buttons.perPart:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.sum { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.sum:hover, #pxwebcontent .pxweb-buttons.sum:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.subtract { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.subtract:hover, #pxwebcontent .pxweb-buttons.subtract:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.divide { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.divide:hover, #pxwebcontent .pxweb-buttons.divide:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.multiply { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.multiply:hover, #pxwebcontent .pxweb-buttons.multiply:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.changeValueOrder { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.changeValueOrder:hover, #pxwebcontent .pxweb-buttons.changeValueOrder:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.chartViewColumn { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.chartViewColumn:hover, #pxwebcontent .pxweb-buttons.chartViewColumn:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.chartViewLine { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.chartViewLine:hover, #pxwebcontent .pxweb-buttons.chartViewLine:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.tableViewSorted { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.tableViewSorted:hover, #pxwebcontent .pxweb-buttons.tableViewSorted:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.download-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.download-icon:hover, #pxwebcontent .pxweb-buttons.download-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.database-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.database-icon:hover, #pxwebcontent .pxweb-buttons.database-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.checked-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.checked-icon:hover, #pxwebcontent .pxweb-buttons.checked-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.cancel-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.cancel-icon:hover, #pxwebcontent .pxweb-buttons.cancel-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.arrow-down { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.arrow-down:hover, #pxwebcontent .pxweb-buttons.arrow-down:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.arrow-up { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.arrow-up:hover, #pxwebcontent .pxweb-buttons.arrow-up:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.arrow-left { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.arrow-left:hover, #pxwebcontent .pxweb-buttons.arrow-left:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.arrow-right { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.arrow-right:hover, #pxwebcontent .pxweb-buttons.arrow-right:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.selectfromgroup-groupsbutton { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.selectfromgroup-groupsbutton:hover, #pxwebcontent .pxweb-buttons.selectfromgroup-groupsbutton:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.selectfromgroup-cancel { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.selectfromgroup-cancel:hover, #pxwebcontent .pxweb-buttons.selectfromgroup-cancel:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.burger_menu-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.burger_menu-icon:hover, #pxwebcontent .pxweb-buttons.burger_menu-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.burger_menu_open-icon { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-buttons.burger_menu_open-icon:hover, #pxwebcontent .pxweb-buttons.burger_menu_open-icon:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-symbol-buttons { background-repeat: no-repeat; font-size: 14px; padding: 10px 12px; height: 1px; min-height: 30px; } #pxwebcontent .pxweb-symbol-buttons.arrow-up { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-symbol-buttons.arrow-up:hover, #pxwebcontent .pxweb-symbol-buttons.arrow-up:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-symbol-buttons.arrow-down { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-symbol-buttons.arrow-down:hover, #pxwebcontent .pxweb-symbol-buttons.arrow-down:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-symbol-buttons.arrow-left { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-symbol-buttons.arrow-left:hover, #pxwebcontent .pxweb-symbol-buttons.arrow-left:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-symbol-buttons.arrow-right { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .pxweb-symbol-buttons.arrow-right:hover, #pxwebcontent .pxweb-symbol-buttons.arrow-right:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector-buttons { background-repeat: no-repeat; margin-right: 20px; margin-top: 10px; font-size: 14px; } #pxwebcontent .variableselector-buttons.variableselector_valuesselect_deselect_all_button { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector-buttons.variableselector_valuesselect_deselect_all_button:hover, #pxwebcontent .variableselector-buttons.variableselector_valuesselect_deselect_all_button:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector-buttons.variableselector_valuesselect_select_all_button { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector-buttons.variableselector_valuesselect_select_all_button:hover, #pxwebcontent .variableselector-buttons.variableselector_valuesselect_select_all_button:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector-buttons.variableselector-list-view { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector-buttons.variableselector-list-view:hover, #pxwebcontent .variableselector-buttons.variableselector-list-view:focus { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector-buttons.variableselector-compact-view { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector-buttons.variableselector-compact-view:hover, #pxwebcontent .variableselector-buttons.variableselector-compact-view:focus { background-image: url('data:image/svg+xml;utf-8,'); } /* ********************************** _sitemappath-selectors.scss *********************************** */ /*Are these in use?*/ /*No, VS cant find sitemappath outside styles folder*/ /*Delete me!*/ #pxwebcontent #sitemappath { font-family: Verdana; font-size: 0.9em; color: #fff; } #pxwebcontent .sitemappath_pathseparator { color: #000; font-weight: bold; } #pxwebcontent .sitemappath_currentnode { color: #000; font-weight: bold; } #pxwebcontent .sitemappath_node { color: #000; } #pxwebcontent .sitemappath_rootnode { color: #000; } /* ********************************** _login_admin_from_rev283_.scss *********************************** */ /*TODO This came in rev283 and is used by pxweb/admin/login.aspx which is not included in projekt. Outdated ?*/ #pxwebcontent .login_container { position: absolute; top: 150px; left: 150px; background-color: #eeeeee; padding: 30px; } #pxwebcontent .login_caption { font-weight: bold; padding-bottom: 20px; } #pxwebcontent .login_left { float: left; padding-bottom: 5px; padding-right: 5px; line-height: 22px; vertical-align: middle; } #pxwebcontent .login_right { float: right; padding-bottom: 5px; padding-left: 5px; } #pxwebcontent .login_error { clear: both; padding-top: 5px; color: Red; } #pxwebcontent .login_buttoncontainer { clear: both; float: right; padding-top: 10px; } #pxwebcontent .login_button { padding: 5px; } #pxwebcontent .login_textbox { margin-bottom: 5px; width: 150px; } /* ********************************** _MetadataSystemControl.scss *********************************** */ /*Not all are in use in MetadataSystemControl. And MetadataSystemControl is perhaps no longer needed. */ /* left most colors unchanged*/ #pxwebcontent .meta_heading { font-weight: bold; padding-top: 10px; padding-bottom: 10px; } #pxwebcontent .metadata_selectVariable { margin-top: 10px; font-family: 'Open Sans'; font-size: 14px; color: #222; } #pxwebcontent .meta_tablelink { display: block; color: #03649c !important; } #pxwebcontent .meta_header { width: 100%; border-bottom: 3px solid #dddddd; } #pxwebcontent .metadata_header { font-weight: bold; margin-top: 30px; display: block; } #pxwebcontent .meta_row { padding-bottom: 5px; margin-bottom: 5px; width: 100%; border-bottom: 1px solid #dddddd; } #pxwebcontent .meta_left { display: inline-block; width: 250px; vertical-align: top; } #pxwebcontent .meta_right { display: inline-block; } #pxwebcontent .metadata_no_meta { font-style: italic; } /* ********************************** _menu.scss *********************************** */ #pxwebcontent .menu_databasename { /*@include open-sans; font-size: 200%; line-height: 100%; margin-top: 15px; margin-bottom: 30px; display: block;*/ font-family: Roboto Condensed, sans-serif; font-weight: 700; line-height: 100%; margin-top: 5px; /* margin-left: 15px;*/ display: block; color: #222; /* font-size: 28px;*/ margin-bottom: 12px; } #pxwebcontent .menuTopLeftContent { float: left; } #pxwebcontent .menuTopRightContent { float: right; vertical-align: top; } #pxwebcontent .menuExplanation { font-family: 'Open Sans', sans-serif !important; } #pxwebcontent .menuExplanationDiv { padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border-style: dashed; border-width: 2px; border-color: #3376C4; } /* ********************************** _top-link.scss *********************************** */ #pxwebcontent .top-link.pxweb-btn.negative { color: #fff; border-color: #fff; background-color: #000000; } #pxwebcontent .top-link.pxweb-btn.negative:hover, #pxwebcontent top-link.pxweb-btn:focus { color: #000000; border-color: #000000; background-color: #fff; } #pxwebcontent .top-link { min-height: 30px; max-height: 30px; position: fixed; bottom: 0; right: 0; margin: 0 2em 2em 0; z-index: 100000; } @media screen and (max-width: 767px) { #pxwebcontent .top-link { min-height: 16px; max-height: 16px; min-width: 102px; max-width: 102px; white-space: nowrap; } #pxwebcontent .icon-top-link-button { width: 30px; height: 26px; } } /*@import './pxweb/_Admin.scss';*/ /* ********************************** _breadcrumb.scss TODO *********************************** */ #pxwebcontent .breadcrumb_container { background: #fff; } #pxwebcontent .breadcrumb_text { color: #000000; /*font-family: Verdana;*/ font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; font-size: 14px; display: inline-block; background-image: none !important; transition: none; } #pxwebcontent .breadcrumb_text:hover { color: #000000; /*font-family: Verdana;*/ font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; font-size: 14px; } #pxwebcontent .breadcrumb_text:focus { color: #000000; outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .breadcrumb_text_nolink { color: #222; /*font-family: Verdana;*/ font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; font-size: 14px; display: inline-block; } #pxwebcontent .breadcrumb_text_nolink:hover { color: #222; /*font-family: Verdana;*/ font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; text-decoration: none; font-size: 14px; } #pxwebcontent .breadcrumb_sep { color: #000000; font-family: Verdana; font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; font-size: 14px; } #pxwebcontent .breadcrumb_homebutton { width: 20px; height: 20px; background-image: url('data:image/svg+xml;utf-8, '); background-repeat: no-repeat; vertical-align: middle; outline: none; } #pxwebcontent #breadcrumb { border-top: 3px solid #000000; background: #fff; text-transform: none; /*padding: 5px 15px 20px;*/ padding: 5px 0px 20px; min-height: 30px; } /* ********************************** _CommandBar.scss TODO *********************************** */ /* ---- General -----------------*/ /* Use to set width of file download dialog */ /* Use to set height of file download dialog*/ /* ---- Summary function -----------*/ /* ---- Pivot function -----------*/ /* ---- ChangeValueOrder function ---- */ /* ---- ChangeDecimal function ---- */ /* ---- ChangeTexts --- */ /* ---- DeleteValue function ---- */ /* ---- DeleteVariable function ---- */ /* ---- PerPart function ---- */ /* ---- ChangePresentation function ---- */ /* ---- Save as PRN ---- */ /* ---- Save as Excel ---- */ #pxwebcontent .commandbar { /*float: left; clear: both; width: 100%; padding: 0 0 10px 0;*/ /*height:60px;*/ } /* ********************************** CommandBar/_cb_common.scss *********************************** */ #pxwebcontent .commandbar_container { border: solid 6px #3376C4; padding: 10px 10px 10px 10px; clear: both; /*float: left;*/ display: flex; overflow: auto; width: 620px; position: relative; z-index: 2; background-color: #fff; } #pxwebcontent .commandbar_container > div { width: 620px; } #pxwebcontent .container_titletext { /*font-weight: bold; these are roboto condensed */ font-family: 'Roboto Condensed', sans-serif; font-size: 16px; border-bottom: 1px solid #3376C4; } /* The "Cancel" and "Ok" buttons */ #pxwebcontent .container_exit_buttons_row { padding-top: 10px; display: flex; flex-direction: row; justify-content: flex-end; } #pxwebcontent .container_exit_buttons_row .pxweb-btn { font-size: 14px; margin-right: 20px; } #pxwebcontent .container_exit_buttons_row .pxweb-btn.primary-btn:hover { /* border: none; */ } /*The last button in the row*/ #pxwebcontent .container_exit_buttons_row .container_continuebutton.pxweb-btn.primary-btn { margin-right: 0px; } #pxwebcontent select option:checked { background: #3376C4 linear-gradient(0deg, #3376C4 0%, #3376C4 100%); -webkit-text-fill-color: #fff; } @media screen and (max-width: 767px) { #pxwebcontent .commandbar_container { overflow: hidden; width: auto; } #pxwebcontent .commandbar_container > div { width: 100%; } } #pxwebcontent .commandbar_mainshortcut { float: left; } #pxwebcontent .commandbar_shortcut { padding-top: 5px; } #pxwebcontent .commandbar_radioButtonList td { padding: 0 0 3px 0; vertical-align: middle; } #pxwebcontent .commandbar_radioButtonList label { padding: 0 0 0 5px; vertical-align: text-bottom; } #pxwebcontent .commandbar_button_row { /*padding: 5px 0 0 0;*/ display: inline-flex; padding-top: 10px; } #pxwebcontent .commandbar_button_row input { /* background: #25a23c; color: white;*/ font-weight: bold; font-family: 'Roboto Condensed', sans-serif; /*border: 1px solid #008451;*/ border: 1px solid #949494; } #pxwebcontent .commandbar_dropdown { height: 50px; width: auto; } #pxwebcontent .commandbar_dropdown div { float: left; margin: 2px 5px 2px 0; } #pxwebcontent .commandbar_dropdown select { width: 250px; display: block; } #pxwebcontent .commandbar_images { height: 50px; float: left; } #pxwebcontent .commandbar_pluginbutton { margin: 0 3px 3px 0; } #pxwebcontent .commandbar_download_file_dialog { width: 240px; } #pxwebcontent .commandbar_download_file_container { height: 120px; } #pxwebcontent .commandbar_download_file_information { margin: 10px 0px 0px 0px; display: block; } #pxwebcontent .commandbar_download_file_link { display: block; font-weight: bold; font-size: 150%; margin: 30px 0px 30px 0px; text-align: center; text-decoration: underline; } #pxwebcontent .commandbar_sum_titletext { font-weight: bold; } #pxwebcontent .commandbar_sum_sumallvaluesnewvariabelname_dropdown { padding: 0 2px 0 5px; } #pxwebcontent .commandbar_sum_valuestosum_listbox { padding: 0 0 0 6px; } #pxwebcontent .commandbar_sum_errormessage { color: Red; } #pxwebcontent .commandbar_sum_radiobuttonlist label { margin-left: 5px; vertical-align: text-bottom; } #pxwebcontent .commandbar_sum_radiobuttonlist input[type="radio"] { margin-left: 7px; } #pxwebcontent .commandbar_sum_operandspanel_row { padding: 5px 0 0 5px; } #pxwebcontent .commandbar-listbox-container { /*float: left;*/ border: 1px solid #949494; padding: 20px; background-color: #F8F7F6; flex: 0 0 42%; margin-top: 10px; } /*#pxwebcontent input[type=submit].commandbar_cancelbutton { background-color: #25a23c; color: white; background: #25a23c; border: 1px solid #008451; font-family: 'Roboto Condensed', sans-serif; font-size: 11pt; font-weight: bold; } #pxwebcontent input[type=submit].commandbar_cancelbutton { background-color: #25a23c !important; color: white; background: #25a23c; border: 1px solid #008451; font-family: 'Roboto Condensed', sans-serif; font-size: 11pt; font-weight: bold; }*/ /*#pxwebcontent input[type=submit].commandbar_continuebutton { background-color: #25a23c !important; color: white; background: #25a23c; border: 1px solid #008451; font-family: 'Roboto Condensed', sans-serif; font-size: 11pt; font-weight: bold; }*/ #pxwebcontent .commandbar_pivot_button { display: inline; margin-top: 10px; } #pxwebcontent .commandbar_pivot_continuebutton { margin-top: 15px; } #pxwebcontent p.commandbar_pivot_heading { width: 100%; font-weight: bold; border-bottom: 2px solid #000000; } #pxwebcontent .commandbar_pivot_title { font-weight: bold; } #pxwebcontent .commandbar_changevalueorder_container_main { width: 600px; } #pxwebcontent .commandbar_pivot_listbox { width: 100%; overflow: auto; } #pxwebcontent .commandbar_pivot_continue_cancel_buttons { padding: 10px 0px 10px 0px; display: inline-flex; padding-top: 10px; float: right; } #pxwebcontent .complete_justify-center { padding: 0px 0px 0px 0px; } #pxwebcontent .commandbar_changevalueorder_caption { width: 100%; float: none; font-weight: bold; font-family: 'Open Sans', sans-serif; } #pxwebcontent .commandbar_changevalueorder_instructions { padding-top: 20px; padding-bottom: 20px; } #pxwebcontent .commandbar_changevalueorder_mainbuttons { width: 30%; float: right; vertical-align: top; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; } #pxwebcontent .commandbar_changevalueorder_mainbuttons input { background: #25a23c; color: white; font-weight: bold; font-size: 1em; font-family: 'Roboto Condensed', sans-serif; } #pxwebcontent .commandbar_changevalueorder_variablelist { /*float: left;*/ } #pxwebcontent .commandbar_changevalueorder_container { width: 60%; } #pxwebcontent .commandbar_changevalueorder_fromorder_downbutton { float: left; width: 8%; } #pxwebcontent .commandbar_changevalueorder_fromorder_controls { float: left; width: 89%; } #pxwebcontent .commandbar_changevalueorder_fromorder_list { width: 89%; float: left; } #pxwebcontent .commandbar_changevalueorder_listbox { width: 100%; overflow: auto; } #pxwebcontent .commandbar_changevalueorder_fromorder_movebuttons { width: 7%; float: right; padding-left: 6px; padding-right: 0px; margin-top: 25px; } #pxwebcontent .commandbar_changevalueorder_toorder_container { width: 44%; float: left; } #pxwebcontent .commandbar_changevalueorder_toorder_list { width: 90%; float: left; } #pxwebcontent .commandbar_changevalueorder_toorder_listbox { width: 100%; } #pxwebcontent .commandbar_changevalueorder_toorder_downbutton { float: left; width: 7%; padding-left: 7px; } #pxwebcontent .break { clear: both; } #pxwebcontent .commandbar_changedecimal_titletext { font-weight: bold; } #pxwebcontent .commandbar_changetexts_titletext { font-weight: bold; } #pxwebcontent .commandbar_deletevalue_deletevaluetitle { padding: 0 0 3px 0; } #pxwebcontent .commandbar_deletevalue_errordescription { color: #FF0000; } #pxwebcontent .commandbar_deletevariable_nametext { font-weight: bold; } #pxwebcontent .commandbar_deletevariable_nametext label { padding: 0 0 0 5px; vertical-align: text-bottom; } #pxwebcontent .commandbar_deletevariable_errormessage { color: Red; } /* ********************************** CommandBar/_perpart.scss *********************************** */ #pxwebcontent .per_part_rootdiv { font-family: 'Open Sans', sans-serif; } #pxwebcontent .green-rule-thin { border-bottom: 1px solid #3376C4; } #pxwebcontent .commandbar_perpart_radio_horisontal label { padding: 0 5px 0 5px; vertical-align: text-bottom; } #pxwebcontent .commandbar_perpart_errormessage { color: #CD4361; } #pxwebcontent .per_part_rootdiv .commandbar_perpart_radio.commandbar_radioButtonList label { text-transform: capitalize; } /* ********************************** CommandBar/_changepresentation.scss *********************************** */ #pxwebcontent .changepresentation_rootdiv { width: 98%; } #pxwebcontent .commandbar_changepresentation_changetext { /*@include just-open-sans;*/ } #pxwebcontent .commandbar_changepresentation_headertext { font-family: 'Open Sans', sans-serif; font-weight: bold; } #pxwebcontent .commandbar_changepresentation_radio { padding: 4px 0 4px 0; } #pxwebcontent .commandbar_changepresentation_radio_item label { padding: 0 30px 0 4px; vertical-align: text-bottom; /*@include just-open-sans;*/ } #pxwebcontent .commandbar_changepresentation_inputrow { padding: 0 0 5px 0; } #pxwebcontent .commandbar_changepresentation_errormessage { color: #CD4361; } /* ********* End. Back in _CommandBar.scss */ #pxwebcontent .commandbar_sum_sumallvaluesnewvariabelname_textbox { margin-left: 5px; } #pxwebcontent .commandbar_savefilelink { font-weight: bold; font-size: medium; } #pxwebcontent .commandbar_function_dropdownlist { font-family: 'Open Sans', sans-serif; font-size: 12pt; color: #333333; } #pxwebcontent .commandbar_saveas_dropdownlist { font-family: 'Open Sans', sans-serif; font-size: 12pt; color: #333333; } #pxwebcontent .commandbar_link_dropdownlist { font-family: 'Open Sans', sans-serif; font-size: 12pt; color: #333333; } #pxwebcontent .variableselector_valuesselect_box_commandbar { background-color: #E9F3E9; float: left; border: solid 1px #000000; width: auto; max-width: 800px; height: 100%; margin: 0 6px 2px 0; } #pxwebcontent .variableselector_valuesselect_eventbutton_panel_commandbar { width: auto; padding: 0 3px 3px 6px; overflow: hidden; } #pxwebcontent .variableselector_valuesselect_valuesselect_panel_commandbar { padding: 6px 6px 6px 6px; } #pxwebcontent .commandbar_button_row .pxweb-btn { font-size: 14px; margin-right: 20px; } #pxwebcontent .commandbar_button_row .pxweb-btn { font-size: 14px; margin-right: 20px; } #pxwebcontent .commandbar_button_row .pxweb-btn.primary-btn:hover { border: none; } #pxwebcontent .commandbar-shortcuts { display: inline-flex; flex-wrap: wrap; } @media screen and (max-width: 767px) { #pxwebcontent #btnfullscreen { display: none; } #pxwebcontent .commandbar_changevalueorder_container { width: 100%; } #pxwebcontent .presentation-main { width: 100%; } } @media screen and (max-width: 576px) { #pxwebcontent .commandbar-listbox-container { width: 100%; flex: initial; } #pxwebcontent .commandbar_changevalueorder_container .commandbar-listbox-container { width: auto; } } /* ********************************** _datasort.scss TODO *********************************** */ #pxwebcontent #datasort_content { width: 99%; /*background-color: #f0f8ff;*/ } #pxwebcontent #datasort_description { padding-top: 5px; padding-bottom: 10px; } #pxwebcontent .datasort_sortdescription { font-size: 100%; font-weight: normal; line-height: 100%; } #pxwebcontent .datasort_copydescription { font-size: 100%; font-weight: normal; line-height: 100%; } #pxwebcontent .datasort_tabletitle { /*font-size: 100%; font-weight: bold; line-height: 150%; padding-bottom: 5px;*/ font-family: Roboto Condensed, sans-serif; font-weight: 700; line-height: 100%; margin-top: 5px; /* margin-left: 15px;*/ display: block; color: #222; /* font-size: 28px;*/ margin-bottom: 12px; } #pxwebcontent table.tablesorter thead tr th { background-color: #F8F7F6; } #pxwebcontent .tablesorter th { font-size: 16px; } #pxwebcontent .tablesorter td { font-family: 'Open Sans', sans-serif; font-size: 14px; } #pxwebcontent table.tablesorter thead tr th span { /*Making room for the magic background icon*/ padding-right: 12px; } #pxwebcontent table.tablesorter thead tr th input { /*Making room for the magic background icon*/ padding-right: 20px; border: none; background-color: transparent; position: static; /*For fullscreen*/ } #pxwebcontent table.tablesorter thead tr .header { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent table.tablesorter thead tr .headerSortDown { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent table.tablesorter thead tr .headerSortUp { background-image: url('data:image/svg+xml;utf-8,'); } /*hide all 3, then show one*/ #pxwebcontent table.tablesorter thead th .screenreader-only span { display: none; } #pxwebcontent table.tablesorter thead th.headerSortDown .screenreader-only span.isSortedAsc { display: flex; } #pxwebcontent table.tablesorter thead th.headerSortUp .screenreader-only span.isSortedDesc { display: flex; } #pxwebcontent table.tablesorter thead th:not(.headerSortUp):not(.headerSortDown) .screenreader-only span.isUnsorted { display: flex; } /*background-color on hover rows*/ #pxwebcontent table.tablesorter tbody tr { background-color: #fff; } #pxwebcontent table.tablesorter tbody tr:hover { background-color: pink; } /* ********************************** _excel.scss TODO *********************************** */ #pxwebcontent div.excelcontainer { width: 10em; } #pxwebcontent div.excelcontainer div.description { float: left; width: 4em; height: 1.8em; padding-bottom: 1px; } #pxwebcontent div.excelcontainer div.value { float: right; width: 4em; height: 1.8em; padding-bottom: 0.1em; } #pxwebcontent div.excelcontainer div.value input { width: 2em; } /* ********************************** _footnote.scss *********************************** */ /* Used for Footnote webcontrol */ /* Define if specific style should be assigned to the title and definition of a type of footnote */ /* Note to mergers :-) These selectors does not hit the popup, which Micke fixed in github, in PxWeb.scss(?).*/ /* #pxwebcontent .footnotes_container { margin: 10px 0 10px 0; @include just-open-sans; } #pxwebcontent .footnote_heading { @include just-open-sans; font-weight: bold; font-size: 18px; } #pxwebcontent dl.footnote_definitionlist dt { margin-top: 1em; font-weight: bold; line-height: 120%; } #pxwebcontent dl.footnote_definitionlist dd { margin-left: 2em; line-height: 120%; } #pxwebcontent .footnote_mandatory { font-weight: bold; } #pxwebcontent .footnote_valuenote_key { margin-left: 2em; } */ #pxwebcontent .footnote_valuenote_header { text-transform: capitalize; } #pxwebcontent .notetype_valuenote_header { text-transform: capitalize; } #pxwebcontent .footnote_no_footnotes { font-style: italic; } #pxwebcontent .footnotes_container { margin: 10px 0 0px 0; } #pxwebcontent .footnotes_container .the_long_text { font-family: 'Open Sans', sans-serif; display: block; margin-bottom: 20px; font-size: 14px; } #pxwebcontent .footnotes_container .obs-notes .the_long_text { font-size: 16px; } #pxwebcontent .footnotes_container .pxweb-accordion { margin-top: 20px; } #pxwebcontent .footnotes_container .accordion-body { margin-left: 32px; } #pxwebcontent .footnotes_container h3, #pxwebcontent .footnotes_container h4, #pxwebcontent .footnotes_container .accordion-header, #pxwebcontent .footnotes_container .obs-notes { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; } #pxwebcontent .footnotes_container .notetype_valuenote_key, #pxwebcontent .footnotes_container .notetype_valuenote_value { margin-left: 32px; } #pxwebcontent .footnotes_container .obs-notes-h3 { padding-right: 5px; } /*this copy of class=pxweb-link is needed because these a-elements are stored in the datasource and thus outside "our" controll.*/ #pxwebcontent .footnotes_container a { color: #3376C4; } #pxwebcontent .footnotes_container a:hover, #pxwebcontent .footnotes_container a:focus { color: #fff; } #pxwebcontent .footnotes_container a { font-family: 'Open Sans', sans-serif !important; font-stretch: normal; font-weight: normal; align-items: center; background-image: linear-gradient(120deg, #3376C4 0%, #3376C4 100%); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 0; border-bottom: 1px solid #3376C4; color: #3376C4; cursor: pointer; display: inline-flex; font-size: 14px; line-height: 1.25; margin-top: -3px; margin-bottom: -2px; padding: 0 1px 2px 1px; position: relative; text-decoration: none; transition: background-size .2s ease-in, color .1s; } #pxwebcontent .footnotes_container a:hover, #pxwebcontent .footnotes_container a:focus { background-size: 100% 100%; color: #fff; outline: 0; text-decoration: none; } /* ********************************** _hierarchical.scss TODO *********************************** */ #pxwebcontent .hierarchical_selectionbutton { padding-left: 2px; padding-right: 1em; vertical-align: top; } #pxwebcontent .hierarchical_selectall_button { width: 19px; height: 17px; background: #fff url(../../../images/SelectAll.gif) no-repeat; vertical-align: middle; outline: none; } #pxwebcontent .hierarchical_unselectall_button { background: #fff url(../../../images/UnSelect.gif) no-repeat; outline: none; vertical-align: middle; width: 19px; height: 17px; } #pxwebcontent .hierarchical_openall_button { background: #fff url(../../../images/hierarchy.gif) no-repeat; outline: none; vertical-align: middle; width: 19px; height: 17px; } #pxwebcontent .hierarchical_closeall_button { background: #fff url(../../../images/closeall.gif) no-repeat; outline: none; vertical-align: middle; width: 19px; height: 17px; } #pxwebcontent .hierarchical_continuebutton { margin-top: 2em; } #pxwebcontent .hierarchical_variabletitle { margin: 4em 0 -1em 0; font-weight: bold; } /*.hierarchical_tableinformation_title, #pxwebcontent .h2title h2 { @include pxweb-table-title; }*/ .hierarchical_tableinformation_title { font-family: Roboto Condensed, sans-serif; font-weight: 700; line-height: 100%; margin-top: 5px; /* margin-left: 15px;*/ display: block; color: #222; /* font-size: 28px;*/ margin-bottom: 12px; } #pxwebcontent .hierarchical_tableinformation_description { font-weight: bold; margin-bottom: 20px; } /* ********************************** _information.scss *********************************** */ /* Used for Information webcontrol, and also metaid stuff from Selection.aspx*/ /* generall style for the definitionlist */ /* Define if specific style is to be used for presentation of a heading or value for some of the information*/ #pxwebcontent .dl.information_definitionlist dl { /*margin-top: 10px;*/ line-height: 120%; /*font-weight: bold;*/ break-inside: avoid-column; -webkit-column-break-inside: avoid; } #pxwebcontent .dl.information_definitionlist dt { margin-top: 10px; line-height: 120%; font-weight: bold; /*margin-left: 20px;*/ } #pxwebcontent .dl.information_definitionlist dd { line-height: 120%; /*margin-left: 20px;*/ } #pxwebcontent .information_definitionlist .dd { font-family: 'Open Sans', sans-serif; font-size: 14px; } #pxwebcontent .information_definitionlist_heading { margin-top: 10px; font-weight: bold; } #pxwebcontent .information_definitionlist dd a { color: initial; text-decoration: underline; } #pxwebcontent div.settingpanel.information { font-family: 'Open Sans', sans-serif; } #pxwebcontent .pxweb_about_the_statistics { margin-left: 20px; margin-bottom: 20px; margin-top: 3px; } #pxwebcontent .pxweb_about_the_statistics .pxweb-link { margin-top: 3px; } #pxwebcontent #SelectionPage .pxweb-accordion.about-table { width: 75%; } @media screen and (max-width: 767px) { #pxwebcontent #SelectionPage .pxweb-accordion.about-table { width: 100%; } } /* #pxwebcontent #SelectionPage .pxweb-accordion.about-table .accordion-header .header-text { padding-right: 20px; } */ /* ********************************** _login.scss *********************************** */ #pxwebcontent .login { position: relative; padding: 3em 0em 3em 0em; overflow: hidden; } #pxwebcontent .loginBannerHeader { float: left; font-size: 3em; } #pxwebcontent .logindiv { margin-right: 10px; } #pxwebcontent #logindiv legend { padding-left: 0.25em; } #pxwebcontent .box { padding: 0em 0em; width: 16em; border: thin solid #000; } #pxwebcontent .box-top { margin-bottom: 0em; } #pxwebcontent .pxweb-buttons.key-icon { margin-bottom: 3px; margin-right: 0px; } #pxwebcontent .wrap { padding: 1em 1em; margin-bottom: 0px; } #pxwebcontent .wrap input { height: 1.7em; } #pxwebcontent .row { clear: both; } #pxwebcontent .px-login-hjelp { margin-top: 14px; margin-left: 14px; } /* ********************************** _metadata.scss TODO *********************************** */ /*CSS for box with external metadata links*/ #pxwebcontent .metadata-toggle { display: flex; flex-direction: row; flex: 0 1 250px; flex-wrap: wrap; cursor: pointer; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf-8,'); background-position-x: right; background-position-y: top; padding-right: 30px; } #pxwebcontent .metadata-toggle:hover { background-image: url('data:image/svg+xml;utf-8,'); } #pxwebcontent .variableselector_valuesselect_variabletitle.metadata-text-wrap { padding-right: 0px; } #pxwebcontent .metadata-container { margin-right: 40px; } #pxwebcontent .metadata-text-wrap { border-bottom: 1px dotted #3376C4; display: inline-block; line-height: inherit; } #pxwebcontent .metadata-open-btn { cursor: pointer; background-color: transparent; border: none; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; padding: 0; text-align: left; display: inline-block; position: relative; transition: all .5s ease-out; } #pxwebcontent .metadata-open-btn:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .metadata-open-btn:focus, #pxwebcontent .metadata-open-btn:hover { background-color: #3376C4; } #pxwebcontent .metadata-open-btn:hover .metadata-logo, #pxwebcontent .metadata-open-btn:focus .metadata-logo { color: #fff; } #pxwebcontent .metadata-popup { font-family: 'Open Sans', sans-serif !important; font-stretch: normal; font-weight: normal; animation: fadein .2s; display: none; font-size: 14px; opacity: 0; transition: opacity .18s; border: 1.5px solid #3376C4; } #pxwebcontent .metadata-popup.open { display: inline-block; opacity: 1; display: flex; margin-top: 20px; } #pxwebcontent .metadata-content { background-color: #F8F7F6; color: #222; padding: 20px; position: relative; display: flex; flex-direction: column; } #pxwebcontent .metadata-content:after { bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #3376C4; border-width: 16px; margin-left: -20px; } #pxwebcontent .metadata-row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } #pxwebcontent .metadata-itemname { display: inline-block; } #pxwebcontent .metadata-itemname::first-letter { text-transform: capitalize; } #pxwebcontent .metadata-variable { font-weight: bold; padding-right: 20px; } #pxwebcontent .metadata-links { display: flex; flex-direction: column; padding-top: 4px; width: auto; } #pxwebcontent .metadata-links .pxweb-link { margin-bottom: 8px; margin-top: 0px; } #pxwebcontent .pxbox .metadata-links .pxweb-link.with-icon { border-bottom: 1px solid #3376C4; } #pxwebcontent .pxbox .metadata-links .link-text { font-size: 14px; } #pxwebcontent .metadata-links a:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .metadata-close-btn { align-items: center; display: flex; justify-content: center; background-color: #222; color: #3376C4; cursor: pointer; background-color: transparent; border: none; align-self: center; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf-8,'); background-position-x: 4px; background-position-y: center; } #pxwebcontent .metadata-close-btn:hover { background-image: url('data:image/svg+xml;utf-8,'); background-color: #3376C4; color: #fff; } #pxwebcontent .metadata-close-btn:focus { background-color: #3376C4; outline: #595959 solid 2px; outline-offset: 2px; color: #fff; } #pxwebcontent .metadata-close-text { color: #222; padding: 4px; margin-left: 15px; } /* ********************************** _navigationFlow.scss *********************************** */ #pxwebcontent .fullscreen { width: 100%; margin-bottom: 6px; margin-top: 6px; } #pxwebcontent #navigationFlow { margin-left: 40px; margin-right: 40px; margin-bottom: 5px; padding-bottom: 30px; } #pxwebcontent .navigationFlowArea { margin: 3px 0px 0; } #pxwebcontent .navigation-link.third { margin-left: 0px; } #pxwebcontent .navigation-link.first { margin-right: 0px; } /*the hr goes under the images. The two hr elements has classes not used here, but hope you dont need them :-)*/ #pxwebcontent .navigationFlowArea hr { flex: 1; margin-top: 25px; z-index: 0; margin-left: -59px; margin-right: -60px; } #pxwebcontent a.navigation-link:hover { text-decoration: none; } #pxwebcontent a.navigation-link.active, a.navigation-link.future { pointer-events: none; } #pxwebcontent .nav-pic { z-index: 1; } #pxwebcontent span.pxweb-link.nav-step { font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif !important; } #pxwebcontent span.nav-step { font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif !important; text-decoration: none; border-bottom: none; font-size: 18px; font-weight: bold; margin-top: 5px; } #pxwebcontent span.nav-step.active { color: #222; font-size: 24px; font-weight: bold; } #pxwebcontent span.nav-step.future { color: #000000; line-height: 1.25; } #pxwebcontent span.nav-step.passive { font-size: 18px; border-bottom-style: solid; } /*#region Mobile - small screen*/ @media screen and (max-width: 767px) { #pxwebcontent .navigationFlowArea { width: 100%; margin-left: 0px; } #pxwebcontent #navigationFlow { margin-left: 15px; margin-right: 15px; margin-bottom: 5px; padding-bottom: 20px; } #pxwebcontent span.nav-step.passive, #pxwebcontent span.nav-step.future { font-size: 16px; } #pxwebcontent span.nav-step.active { font-size: 18px; } } /*#endregion*/ /* ********************************** _print.scss *********************************** */ @media print { #pxwebcontent #breadcrumb, #pxwebcontent #navigationFlow, #pxwebcontent .headerright, #pxwebcontent .ui-tabs-nav, #pxwebcontent .commandbar, #pxwebcontent .headerleft { display: none; } #pxwebcontent table { text-align: left; } } /* ********************************** _savequery.scss TODO *********************************** */ /* Used for SaveQuery webcontrol */ /*Old css. Remove?*/ /*Hmm, used in SaveQueryCreate.ascx*/ /*which is in presentation part*/ #pxwebcontent .savequery_container a { cursor: pointer; /*text-decoration: underline; */ } #pxwebcontent .savequery_container input { cursor: pointer; } #pxwebcontent .savequery_container savequery_url input { cursor: help; } #pxwebcontent .savequery_readmore_expandimage { width: 16px; height: 16px; background: url(../../../images/plus-16.gif) no-repeat; vertical-align: middle; outline: none; } #pxwebcontent .savequery_readmore_collapseimage { width: 16px; height: 16px; background: url(../../../images/minus-16.gif) no-repeat; vertical-align: middle; outline: none; } #pxwebcontent .savequery_saveasdiv { margin-top: 10px; width: 100%; } #pxwebcontent .savequery_cancel { margin-right: 15px; background: #3376C4; color: #fff; border: 1px solid #ccc; font-weight: bold; padding: 2px 4px 2px 5px; font-family: 'Roboto Condensed', sans-serif; } #pxwebcontent .savequery_create { margin-right: 15px; background: #3376C4; color: #fff; border: 1px solid #ccc; font-weight: bold; padding: 2px 4px 2px 5px; font-family: 'Roboto Condensed', sans-serif; } #pxwebcontent .savequery_functionbtn { float: left; margin-top: 25px; margin-right: 3px; cursor: pointer; border-color: #B0272E; } #pxwebcontent .savequery_rblist input[type="radio"] { margin-top: 7px; } #pxwebcontent .saveas_dropdownlist { -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf-8,'); padding: .6em 1.4em .5em 2.2em; border: 1px solid #222; background-color: #fff; background-repeat: no-repeat; background-position: left .4em top 50%, 0 0; background-size: 24px auto, 100%; width: 100%; } #pxwebcontent .saveas_dropdownlist:hover { border: 1px solid #3376C4; } #pxwebcontent .saveas_dropdownlist:focus { background-image: url('data:image/svg+xml;utf-8,'); outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .saveas_dropdownlist_error { border-color: #B0272E; } #pxwebcontent .savequery_heading { font-weight: bold; display: block; margin-bottom: 5px; } #pxwebcontent .querySummary { width: 100%; margin-bottom: 10px; } #pxwebcontent .querySummaryItem { display: inline-block; } #pxwebcontent .savequery_urlcaption { display: block; font-weight: bold; margin-top: 5px; } #pxwebcontent .savequery_url { font-family: 'Source Code Pro'; display: block; width: 400px; } #pxwebcontent .savequery_querycaption { display: block; font-weight: bold; margin-top: 5px; } #pxwebcontent .savequery_query { display: block; width: 700px; margin-bottom: 10px; } #pxwebcontent .savequery_error { color: #B0272E; margin-left: 5px; } #pxwebcontent .savequery_novisibility { display: none; } #pxwebcontent .floatleft { float: left; } #pxwebcontent .time_warning_panel { margin-bottom: 10px; } #pxwebcontent .savequery_function { margin-right: 15px; } #pxwebcontent .querysummary-value { padding-left: 4px; } @media screen and (max-width: 767px) { #pxwebcontent .savequery_url { width: 100%; } } /* ********************************** _search.scss TODO *********************************** */ /* Used for Search webcontrol */ #pxwebcontent .search_panel { border: solid 3px #000000; background-color: #F8F7F6; padding: 3px 10px 10px 10px; margin-bottom: 10px; } #pxwebcontent .search_label { /*font-family: Verdana;*/ /*@include pxweb-font;*/ /*font-size: 0.9em;*/ font-family: 'Roboto Condensed', sans-serif !important; font-stretch: condensed; font-weight: bold; font-size: 15px; margin-top: 5px; display: block; } #pxwebcontent .search_textbox { width: 200px; margin: 0 5px 5px 0; font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; } #pxwebcontent .search_textbox:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .search_button { display: inline-block; cursor: pointer; } #pxwebcontent .search_button:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .search_error { /*font-family: Verdana;*/ font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; font-size: 0.9em; color: #B0272E; display: block; padding-top: 3px; } /* ********************************** _searchvalues.scss *********************************** */ /*For advanced search subpage of selection page.*/ #pxwebcontent .searchvalues-container { padding: 12px; } #pxwebcontent .searchvalues-usage-tips { padding: 12px; background-color: #eee; margin-right: 20px; margin-bottom: 10px; font-size: 95%; color: #000; } #pxwebcontent .fetch-all-button { margin-top: 0px; } #pxwebcontent hr.green-rule { width: 100%; border-color: #3376C4; } #pxwebcontent .searchvalues-listbox-container { margin-top: 10px; } #pxwebcontent .searchvalues-listbox { width: 100%; height: 200px; margin-bottom: 5px; margin-top: 5px; overflow: auto; font-size: 100%; } #pxwebcontent .searchvalues-listbox:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .searchvalues-listbox:disabled { background-color: #fff; opacity: 1; } #pxwebcontent .searchvalues_options_container { float: left; width: 300px; } /* ********************************** _searchvariablevalues.scss Remove? *********************************** */ /*Came in rev 65, never changed*/ .searchvariablevalues_container { border: solid 4px #738a9c; padding: 10px 40px 10px 10px; clear: both; float: none; margin: 0 0 10px 0; } .searchvariabelvalues_selectedvalues_listbox { width: 500px; height: 250px; margin-bottom: 10px; overflow: auto; } .searchvariabelvalues_searchmatcheslist { width: 500px; height: 200px; margin-bottom: 10px; overflow: auto; } .searchvariablevalues_title { font-weight: bold; margin-bottom: 1em; } .searchvariablevalues_text { height: 1em; overflow: hidden; } .searchvariablevalues td { padding-right: 10px; } .selectedvariablevalues { width: 6em; } /* ********************************** _selectfromgroup.scss *********************************** */ #pxwebcontent .selectfromgroup-container { padding: 12px; } #pxwebcontent .selectfromgroup-variable { padding-left: 8px; } #pxwebcontent .selectfromgroup-selectgrouping { margin-bottom: 1em; width: 100%; } #pxwebcontent select.selectfromgroup-selectgrouping { -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf-8,'); padding: .6em 1.4em .5em 2.2em; border: 1px solid #fff; background-color: #fff; background-repeat: no-repeat; background-position: left .4em top 50%, 0 0; background-size: 24px auto, 100%; font-size: 16px; } #pxwebcontent select.selectfromgroup-selectgrouping:hover { border: 1px solid #3376C4; outline: #3376C4 solid 1px; } #pxwebcontent select.selectfromgroup-selectgrouping:focus { background-image: url('data:image/svg+xml;utf-8,'); outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .selectfromgroup-groupslist { width: 100%; height: 10em; display: block; font-size: 14px; } #pxwebcontent .selectfromgroup-radiobuttons { padding: 12px 0 12px 0; } #pxwebcontent .selectfromgroup-groupsbutton { font-size: 14px; } #pxwebcontent .selectfromgroup-valuespanel { padding: 12px 0 12px 0; } #pxwebcontent .selectfromgroup-valueslist { width: 100%; height: 10em; display: block; font-size: 14px; } #pxwebcontent .selectfromgroup-cancel { margin-right: 20px; margin-top: 10px; font-size: 14px; } #pxwebcontent .selectfromgroup-button-container { padding-top: 20px; } /* ********************************** _table.scss TODO etter side 3 *********************************** */ #pxwebcontent #pcaxis_tablediv .table-title { /*font-size: 150%; line-height: 200%; text-transform: none; font-weight: bold; padding: 5px 5px 5px 5px; padding-bottom: 1em; */ font-family: Roboto Condensed, sans-serif; font-weight: 700; line-height: 100%; margin-top: 5px; /* margin-left: 15px;*/ display: block; color: #222; /* font-size: 28px;*/ margin-bottom: 12px; background-color: #fff; border-style: none; padding-bottom: 25px; padding-top: 25px; display: table-cell; } #pxwebcontent .table-class { border-right: none; border-top: none; border-left: none; border-bottom: #a9a9a9 1px solid; border-collapse: separate; font-size: 14px; clear: both; padding-right: 2px; width: 100%; } #pxwebcontent .table-class td { margin: 0px; text-align: right; border: #949494 1px solid; background-color: #fff; color: #000000; font-size: 1em; } #pxwebcontent .table-sort-header { background-color: #EEEEEE; font-weight: bold; cursor: pointer; } #pxwebcontent .table-class th, #pxwebcontent .table-class td.left { margin: 0px; text-align: left; border: #949494 1px solid; background-color: #F8F7F6; } #pxwebcontent td.right { text-align: right; } #pxwebcontent .table-class input { background: none; border: none; cursor: pointer; text-align: left; text-decoration: underline; font-weight: bold; display: block; padding: 0 0 0 0; margin: 0 0 0 0; width: 0; overflow: visible; width: 100%; } #pxwebcontent .table-class tfoot td { margin: 0px; text-align: left; } #pxwebcontent th.table-header-first { font-weight: bold; background-color: #F8F7F6; padding: 5px 5px 5px 5px; text-align: center; } #pxwebcontent .table-class td.table-header-first { font-weight: bold; background-color: #F8F7F6; } #pxwebcontent th.table-header-middle { font-weight: bold; padding: 5px 5px 5px 5px; text-align: center; } #pxwebcontent .table-header-last { font-weight: bold; padding: 5px 5px 5px 5px; text-align: right; } #pxwebcontent .table-data-filled { border-right: black 1px; border-top: black 1px; font-size: 0.75em; text-transform: capitalize; border-left: black 1px; color: #696969; border-bottom: black 1px; white-space: nowrap; padding: 5px 5px 5px 5px; } #pxwebcontent .attribute-cell { background-image: URL("../../images/attribute.gif"); background-repeat: no-repeat; background-position: top right; cursor: pointer; } #pxwebcontent .table-class .table-hover { background-color: pink; } #pxwebcontent .attribute-cell a { color: Black; } #pxwebcontent .layout2-table-stub { font-weight: bold; } #pxwebcontent .layout2-table-stub1 { padding-left: 3px; padding-right: 3px; font-weight: bold; } #pxwebcontent .layout2-table-stub2 { padding-left: 5px; padding-right: 3px; } #pxwebcontent .layout2-table-stub3 { padding-left: 10px; padding-right: 3px; } #pxwebcontent .layout2-table-stub4 { padding-left: 15px; padding-right: 3px; } #pxwebcontent .layout2-table-stub5 { padding-left: 15px; padding-right: 3px; } #pxwebcontent .layout2-table-stub6 { padding-left: 15px; padding-right: 3px; } #pxwebcontent .layout2-table-stub7 { padding-left: 15px; padding-right: 3px; } #pxwebcontent .layout2-table-stub8 { padding-left: 15px; padding-right: 3px; } #pxwebcontent .layout2-table-stub1h1 { padding-left: 0px; } #pxwebcontent .layout2-table-stub1h2 { padding-left: 10px; } #pxwebcontent .layout2-table-stub1h3 { padding-left: 15px; } #pxwebcontent .layout2-table-stub1h4 { padding-left: 20px; } #pxwebcontent .layout2-table-stub2h1 { padding-left: 5px; } #pxwebcontent .layout2-table-stub2h2 { padding-left: 15px; } #pxwebcontent .layout2-table-stub2h3 { padding-left: 25px; } #pxwebcontent .layout2-table-stub2h4 { padding-left: 35px; } #pxwebcontent .layout2-table-stub3h1 { padding-left: 10px; } #pxwebcontent .layout2-table-stub3h2 { padding-left: 20px; } #pxwebcontent .layout2-table-stub3h3 { padding-left: 30px; } #pxwebcontent .layout2-table-stub3h4 { padding-left: 40px; } #pxwebcontent .layout2-table-stub4h1 { padding-left: 10px; } #pxwebcontent .layout2-table-stub4h2 { padding-left: 20px; } #pxwebcontent .layout2-table-stub4h3 { padding-left: 30px; } #pxwebcontent .layout2-table-stub4h4 { padding-left: 40px; } #pxwebcontent .layout2-table-stub5h1 { padding-left: 10px; } #pxwebcontent .layout2-table-stub5h2 { padding-left: 20px; } #pxwebcontent .layout2-table-stub5h3 { padding-left: 30px; } #pxwebcontent .layout2-table-stub5h4 { padding-left: 40px; } #pxwebcontent .layout2-table-stub6h1 { padding-left: 10px; } #pxwebcontent .layout2-table-stub6h2 { padding-left: 20px; } #pxwebcontent .layout2-table-stub6h3 { padding-left: 30px; } #pxwebcontent .layout2-table-stub6h4 { padding-left: 40px; } #pxwebcontent .layout2-table-stub7h1 { padding-left: 10px; } #pxwebcontent .layout2-table-stub7h2 { padding-left: 20px; } #pxwebcontent .layout2-table-stub7h3 { padding-left: 30px; } #pxwebcontent .layout2-table-stub7h4 { padding-left: 40px; } #pxwebcontent .layout2-table-stub8h1 { padding-left: 10px; } #pxwebcontent .layout2-table-stub8h2 { padding-left: 20px; } #pxwebcontent .layout2-table-stub8h3 { padding-left: 30px; } #pxwebcontent .layout2-table-stub8h4 { padding-left: 40px; } #pxwebcontent .layout1-table-stub1 { padding: 5px 5px 5px 5px; } #pxwebcontent .layout1-table-stub2 { padding: 5px 5px 5px 10px; } #pxwebcontent .layout1-table-stub3 { padding: 5px 5px 5px 15px; } #pxwebcontent .layout1-table-stub4 { padding: 5px 5px 5px 20px; } #pxwebcontent .layout1-table-stub5 { padding: 5px 5px 5px 20px; } #pxwebcontent .layout1-table-stub6 { padding: 5px 5px 5px 20px; } #pxwebcontent .layout1-table-stub7 { padding: 5px 5px 5px 20px; } #pxwebcontent .layout1-table-stub8 { padding: 5px 5px 5px 20px; } #pxwebcontent .layout1-table-stub1h1 { padding: 5px 5px 5px 5px; } #pxwebcontent .layout1-table-stub1h2 { padding: 5px 5px 5px 15px; } #pxwebcontent .layout1-table-stub1h3 { padding: 5px 5px 5px 20px; } #pxwebcontent .layout1-table-stub1h4 { padding: 5px 5px 5px 25px; } #pxwebcontent .layout1-table-stub2h1 { padding: 5px 5px 5px 10px; } #pxwebcontent .layout1-table-stub2h2 { padding: 5px 5px 5px 20px; } #pxwebcontent .layout1-table-stub2h3 { padding: 5px 5px 5px 30px; } #pxwebcontent .layout1-table-stub2h4 { padding: 5px 5px 5px 40px; } #pxwebcontent .layout1-table-stub3h1 { padding: 5px 5px 5px 15px; } #pxwebcontent .layout1-table-stub3h2 { padding: 5px 5px 5px 25px; } #pxwebcontent .layout1-table-stub3h3 { padding: 5px 5px 5px 35px; } #pxwebcontent .layout1-table-stub3h4 { padding: 5px 5px 5px 45px; } #pxwebcontent .layout1-table-stub4h1 { padding: 5px 5px 5px 15px; } #pxwebcontent .layout1-table-stub4h2 { padding: 5px 5px 5px 25px; } #pxwebcontent .layout1-table-stub4h3 { padding: 5px 5px 5px 35px; } #pxwebcontent .layout1-table-stub4h4 { padding: 5px 5px 5px 45px; } #pxwebcontent .layout1-table-stub5h1 { padding: 5px 5px 5px 15px; } #pxwebcontent .layout1-table-stub5h2 { padding: 5px 5px 5px 25px; } #pxwebcontent .layout1-table-stub5h3 { padding: 5px 5px 5px 35px; } #pxwebcontent .layout1-table-stub5h4 { padding: 5px 5px 5px 45px; } #pxwebcontent .layout1-table-stub6h1 { padding: 5px 5px 5px 15px; } #pxwebcontent .layout1-table-stub6h2 { padding: 5px 5px 5px 25px; } #pxwebcontent .layout1-table-stub6h3 { padding: 5px 5px 5px 35px; } #pxwebcontent .layout1-table-stub6h4 { padding: 5px 5px 5px 45px; } #pxwebcontent .layout1-table-stub7h1 { padding: 5px 5px 5px 15px; } #pxwebcontent .layout1-table-stub7h2 { padding: 5px 5px 5px 25px; } #pxwebcontent .layout1-table-stub7h3 { padding: 5px 5px 5px 35px; } #pxwebcontent .layout1-table-stub7h4 { padding: 5px 5px 5px 45px; } #pxwebcontent .layout1-table-stub8h1 { padding: 5px 5px 5px 15px; } #pxwebcontent .layout1-table-stub8h2 { padding: 5px 5px 5px 25px; } #pxwebcontent .layout1-table-stub8h3 { padding: 5px 5px 5px 35px; } #pxwebcontent .layout1-table-stub8h4 { padding: 5px 5px 5px 45px; } #pxwebcontent #pcaxis_tablediv { width: 100%; overflow: auto; } #pxwebcontent .spinner { position: fixed; top: 50%; left: 50%; margin-left: -50px; /* half width of the spinner gif */ margin-top: -50px; /* half height of the spinner gif */ text-align: center; z-index: 1234; overflow: auto; width: 100px; /* width of the spinner gif */ height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */ } /* The below selectors are for a separate html tag from TableCodeBehind.vb in Private Sub DisplayCellInformationDialog(ByVal cellInfo As CellInformation) */ .table_cellinformation_cell { font-weight: bold !important; font-size: 14px !important; padding-bottom: 4px !important; } .table_cellinformation_attributes { font-weight: bold !important; font-size: 12px !important; } .table_cellinformation_notes { font-weight: bold !important; font-size: 14px !important; } .table_cellinformation_text { color: #222222 !important; font-size: 13px !important; line-height: 1.5 !important; } #pxwebcontent .sticky-header thead th { position: sticky; } #pxwebcontent .sticky-header thead td { position: sticky; } /* ********************************** _tableinformation.scss *********************************** */ #pxwebcontent .tableinformation_container { margin: 10px 0 10px 0; display: inline-block; } #pxwebcontent .tableinformation_title { /*changed Ariel to open sans*/ font-family: 'Open Sans', sans-serif; font-size: 130%; font-weight: normal; line-height: 150%; } #pxwebcontent .tableinformation_description { font-weight: bold; } #pxwebcontent .ui-corner-top { border-top-left-radius: 0px; border-top-right-radius: 0px; } #pxwebcontent .ui-tabs-tab li { background-color: #000000; } /* ********************************** _tablelist.scss TODO part of menu *********************************** */ /*Used in PCAxis.Web.Controls\Menu\TableOfContent\TableOfContent.ascx */ /* ---- listmenu style ----- */ /* ---- treeviewmenu style ----- */ /* ---- adaption of treeview style ----- */ #pxwebcontent .tableofcontent_ul { margin: 2em 0 2em 2em; padding: 0; line-height: 120%; } #pxwebcontent .tableofcontent_li_menuitem { list-style-position: outside; list-style-image: url("../../images/Arrow_Right_Gray.gif"); } #pxwebcontent .tableofcontent_li_linkitem { margin: 1em 0 1em 0; list-style-position: outside; list-style-image: url("../../images/Document.gif"); } /*#pxwebcontent .tableofcontent_link { background: url(../../images/Document.gif) 0 0 no-repeat;*/ /*text-indent: 20px;*/ /*padding: 0 0 0 20px; display: block; }*/ #pxwebcontent .tableofcontent_link { background: none; padding: 0 0 0 20px; display: block; color: #000000; } #pxwebcontent .tableofcontent_tablelistlink { background: url(../../images/folder.png) 0 0 no-repeat; /*text-indent: 20px;*/ padding: 0 0 0 20px; } #pxwebcontent .tableofcontent_urllink { background: url(../../images/Knapp_info.gif) 0 0 no-repeat; display: inline-block; width: 17px; height: 17px; margin-left: 5px; } #pxwebcontent .tableofcontent_metaicon { padding: 0 0 0 5px; } #pxwebcontent #TableOfContent a em { color: #b1b1b1; } #pxwebcontent #TableOfContent div.AspNet-TreeView .AspNet-TreeView-Collapse { /* background: url(../../images/folder.png) 0 0 no-repeat;*/ /*float: none; cursor: pointer;*/ padding: 0 18px 0 0; } #pxwebcontent #TableOfContent div.AspNet-TreeView .AspNet-TreeView-Expand { /* background: url(../../images/folder.png) 0 0 no-repeat;*/ /*float: none; cursor: pointer;*/ padding: 0 18px 0 0; } #pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf { /*background: url(../../../images/Document.gif) 0 0 no-repeat; padding: 0 0 5px 20px;*/ /* width: 750px; */ white-space: normal; } #pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf a { cursor: pointer; display: block; } #pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf a:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf span.AspNet-TreeView-NonLink { text-decoration: none; font-weight: bold; background: none; } #pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf span.AspNet-TreeView-NonLink:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .AspNet-TreeView-ClickableNonLink { font-weight: bold; } #pxwebcontent .AspNet-TreeView-ClickableNonLink:focus { outline: #595959 solid 2px; outline-offset: 2px; } /* ********************************** _tablequery.scss *********************************** */ /* Used for TableQuery webcontrol, displays api query on resultpage */ #pxwebcontent .tablequery_informationpanel { margin-top: 30px; padding: 10px; border-style: dashed; border-width: 2px; border-color: #3376C4; } #pxwebcontent .tablequery_informationtext { display: block; } #pxwebcontent .tablequery_urlcaption { display: block; font-weight: bold; margin-top: 5px; } #pxwebcontent .tablequery_url { display: block; width: 95%; font-family: 'Source Code Pro'; font-size: 14px; } #pxwebcontent .tablequery_querycaption { display: block; font-weight: bold; margin-top: 5px; } #pxwebcontent .tablequery_query { display: block; width: 95%; margin-bottom: 10px; font-family: 'Source Code Pro'; font-size: 14px; } #pxwebcontent .tablequery_query:focus { outline: #595959 solid 2px; outline-offset: 2px; } .tablequery_moreinformation { color: black !important; float: right; } #pxwebcontent .tablequery_savequery { font-family: 'Roboto Condensed', sans-serif !important; font-stretch: condensed; font-weight: bold; float: left; background: #3376C4; color: #fff; } /* ********************************** _tablequery.scss TODO in real use? *********************************** */ #pxwebcontent .textsearch select { margin: 10px 0; height: 100px; width: 164px; clear: both; display: block; } #pxwebcontent .textsearch input[type=text] { width: 160px; } #pxwebcontent .textsearch ol { list-style-type: decimal; list-style-position: outside; padding-left: 30px; } #pxwebcontent .textsearch ol li { margin-bottom: 10px; } #pxwebcontent .textsearch a { color: black; font-size: 1em; } #pxwebcontent .textsearch-attributes { color: Gray; font-size: 0.8em; font-style: italic; } /* ********************************** _TreeView.scss *********************************** */ /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... 2020: ok now it seems :-)*/ /* This style sheet is intended to contain RARELY CHANGED rules used when the TreeView control adapter is enabled. */ /* Empty rules are provided merely as a convenience for your future use or experimentation. */ /* Consider changing the cursor value (below) to something like */ /* cursor: n-resize; */ /* Consider changing the cursor value (below) to something like */ /* cursor: n-resize; */ /* Consider changing the cursor value (below) to something like */ /* cursor: n-resize; */ #pxwebcontent div.AspNet-TreeView { margin: 0; padding: 0; } #pxwebcontent div.AspNet-TreeView ul { list-style: none; margin: 0; padding: 0; } #pxwebcontent .AspNet-TreeView-Hide { display: none; } div.AspNet-TreeView ul li { border-top: 1px solid #949494; padding: 9px 0; } /*#pxwebcontent div.AspNet-TreeView ul li { white-space: nowrap; padding: 9px 0; font-size: small; font-family: Tahoma; }*/ #pxwebcontent div.AspNet-TreeView ul ul { margin: 9px 0 -9px 30px; } #pxwebcontent div.AspNet-TreeView ul li img { border: none; vertical-align: middle; margin: 0 2px 0 0; } #pxwebcontent div.AspNet-TreeView li a { text-decoration: none; } #pxwebcontent div.AspNet-TreeView li.AspNet-TreeView-Parent { /*margin-left: 10px;*/ } #pxwebcontent div.AspNet-TreeView li.AspNet-TreeView-Leaf { /*margin-left: 10px;*/ } #pxwebcontent div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer; } /*#pxwebcontent a:hover, #pxwebcontent .AspNet-TreeView-ClickableNonLink:hover { text-decoration: underline !important; }*/ span.AspNet-TreeView-ClickableNonLink { font-family: Verdana,Arial,sans-serif; cursor: pointer; font-family: Roboto; font-weight: normal; padding-top: 0px; font-size: 16px; line-height: 26px; } #pxwebcontent .AspNet-TreeView-ClickableNonLink { font-weight: normal; color: #000000; } #pxwebcontent .AspNet-TreeView-ClickableNonLink:hover { text-decoration: underline !important; } /*#pxwebcontent div.AspNet-TreeView .AspNet-TreeView-Collapse { background-image: url(../../../images/collapse.gif); background-repeat: no-repeat; background-position: center left; width: 15px; margin-right: 3px; float: left; cursor: pointer; } #pxwebcontent div.AspNet-TreeView .AspNet-TreeView-Expand { background: url(../../../images/expand.gif); background-repeat: no-repeat; background-position: center left; width: 15px; margin-right: 3px; float: left; cursor: pointer; }*/ span.AspNet-TreeView-Expand, span.AspNet-TreeView-Collapse { background-image: none !important; position: relative; margin-right: 5px !important; } span.AspNet-TreeView-Expand:focus, span.AspNet-TreeView-Collapse:focus { outline: #595959 solid 2px; outline-offset: 2px; } span.AspNet-TreeView-Expand::before, span.AspNet-TreeView-Collapse::before { line-height: 1; font-size: 1.4rem; /*color: #1e00be;*/ color: #3376C4; font-weight: normal; position: absolute; left: 0px; top: -2px; font-family: "Material icons"; font-feature-settings: 'liga' 1; } span.AspNet-TreeView-Expand::before { content: "\e148"; } span.AspNet-TreeView-Collapse::before { content: "\e15d"; } /*#pxwebcontent div.AspNet-TreeView a, #pxwebcontent div.AspNet-TreeView a:visited, #pxwebcontent div.AspNet-TreeView a:active, #pxwebcontent div.AspNet-TreeView a:hover, #pxwebcontent div.AspNet-TreeView a:link { color: $pxweb-black-2; }*/ #pxwebcontent div.AspNet-TreeView a, #pxwebcontent div.AspNet-TreeView a:visited, #pxwebcontent div.AspNet-TreeView a:active, #pxwebcontent div.AspNet-TreeView a:hover, #pxwebcontent div.AspNet-TreeView a:link { font-family: Roboto; font-weight: normal; padding-top: 0px; font-size: 16px; line-height: 26px; color: #000000; /* text-decoration: normal;*/ } #pxwebcontent div.AspNet-TreeView a:hover { text-decoration: underline !important; } #pxwebcontent div.AspNet-TreeView .AspNet-TreeView-Selected a { font-weight: bold !important; color: #8A2BE2 !important; } #pxwebcontent div.AspNet-TreeView .AspNet-TreeView-Selected ul a { font-weight: normal !important; color: #000 !important; } #pxwebcontent div.AspNet-TreeView .AspNet-TreeView-SelectExpand { cursor: pointer; color: #000; } /* ********************************** _variableOverview.scss *********************************** */ #pxwebcontent .variable_overview_container { font-family: 'Roboto Condensed', sans-serif !important; font-stretch: condensed; font-weight: bold; padding: 20px 20px; padding-left: 10px; display: none; } @media screen and (max-width: 767px) { #pxwebcontent .variable_overview_container { display: block; } #pxwebcontent .variable_overview_heading { font-size: 28px; } #pxwebcontent .variable_overview_title { font-size: 20px; font-weight: normal; text-transform: capitalize; } #pxwebcontent .variable_overview_mandatory_text { font-size: 12px; } #pxwebcontent .variable_overview_mandatory_star { font-size: 20px; } } /* ********************************** _variableselector.scss *********************************** */ /* --------- VariableSelector ---------------------------- */ /* --------- VariableSelectorSelectionInformation ---------- */ /* --------- VariableSelectorOutputFormats ----------------- */ /* --------- VariableSelectorMarkingTips ------------------- */ /* --------- VariableSelectorEliminationInformation -------- */ /* --------- VariableSelectorValueSelect ------------------- */ #pxwebcontent .variableselector_clearboth { clear: both; } #pxwebcontent .variableselector_selectionerror_label { color: #CD4361; } #pxwebcontent .variableselector_selectionerror_label_text { display: none; } /*TO DO - start*/ #pxwebcontent .variableselector_error_summary { display: flex; flex-direction: column; background: url("../../images/error_red.png") no-repeat; color: black; text-align: left; padding-left: 60px !important; padding-top: 10px; padding-bottom: 10px; background-position-x: 10px; background-position-y: 10px; border: 2px solid #CD4361 !important; border-left: 4px solid #CD4361 !important; width: auto; margin-top: 1em !important; margin-bottom: 1em !important; font-family: 'Roboto Condensed', sans-serif !important; font-size: 20px; } #pxwebcontent .variableselector_error_summary ul { border-style: none; } #pxwebcontent .variableselector_error_summary li { font-size: 16px; list-style-type: disc; list-style-position: inside; color: black; } /*TO DO - end*/ #pxwebcontent .variableselector_continue_button { height: 86px; width: 294px; font-size: 28px; } #pxwebcontent .variableselector_valuesselect_box { padding: 12px; box-sizing: border-box; } #pxwebcontent .variableselector_valuesselect_box_compact { margin-right: 20px; } @media screen and (min-width: 400px) { #pxwebcontent .variableselector_valuesselect_box_compact { margin-right: 20px; width: 350px; min-width: 350px; } } #pxwebcontent .variableselector_valuesselect_box_list { width: 100%; } /* TODO errorhandeling */ #pxwebcontent .variableselector_valuesselect_box_error { border: solid 2px red; } #pxwebcontent .variableselector_valuesselect_variabletitle_panel { padding: 3px; overflow: hidden; min-height: 45px; } #pxwebcontent .variableselector_valuesselect_variabletitle { font-family: 'Roboto Condensed', sans-serif !important; font-stretch: condensed; font-weight: bold; font-size: 21px; display: inline-block; padding-right: 40px; overflow-wrap: break-word; } #pxwebcontent .variableselector_valuesselect_aggregations { width: 100%; font-family: 'Roboto', sans-serif !important; font-stretch: normal; font-weight: normal; font-size: 16px; color: #222; cursor: pointer; } #pxwebcontent select.variableselector_valuesselect_aggregations { -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf-8,'); padding: .6em 1.4em .5em 2.2em; border: 1px solid #fff; background-color: #fff; background-repeat: no-repeat; background-position: left .4em top 50%, 0 0; background-size: 24px auto, 100%; } #pxwebcontent select.variableselector_valuesselect_aggregations:hover { border: 1px solid #3376C4; outline: #3376C4 solid 1px; } #pxwebcontent select.variableselector_valuesselect_aggregations:focus { background-image: url('data:image/svg+xml;utf-8,'); outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .variableselector_valuesselect_variabletitlesecond { font-weight: normal; font-size: smaller; } #pxwebcontent .variableselector_valuesselect_hiddeneventbutton_panel { /* height: 22px;*/ display: none; } #pxwebcontent .variableselector_valuesselect_statistics_panel { white-space: nowrap; overflow: hidden; border-top-style: solid; border-top-color: #3376C4; border-top-width: 2px; padding-top: 7px; } #pxwebcontent .variableselector_valuesselect_valueslistbox { width: 100%; min-width: 140px; min-height: 90px; font-size: 100%; font-family: 'Open Sans', sans-serif !important; font-stretch: normal; font-weight: normal; overflow: auto; color: #333; text-indent: 2px; } #pxwebcontent .variableselector_valuesselect_valueslistbox:focus { outline: #595959 solid 2px; outline-offset: 2px; } #pxwebcontent .search-panel { flex: 1 0 250px; padding-right: 20px; } #pxwebcontent .variableselector_valuesselect_statistics { width: 3em; border: none; display: inline; font-family: 'Open Sans', sans-serif !important; font-stretch: normal; font-weight: normal; font-size: 14px; color: #222; } #pxwebcontent .variableselector_valuesselect_search_textstart_checkbox { margin-top: 6px; } #pxwebcontent .variableselector_valuesselect_search_imagebutton { background: #fff url(../../images/search.gif) no-repeat; outline: none; vertical-align: middle; width: 19px; height: 17px; } #pxwebcontent .switch-layout-container { display: none; } @media screen and (min-width: 768px) { #pxwebcontent .switch-layout-container { display: flex; justify-content: flex-end; padding-bottom: 10px; } } #pxwebcontent .variableselector_valuesselect_selectionFromGroup_imagebutton { width: 19px; height: 17px; background: #fff url(../../images/small_button_select_by_group.gif) no-repeat; vertical-align: middle; outline: none; } #pxwebcontent .variableselector_valuesselect_metadataInformation_imagebutton { width: 19px; height: 17px; background: #fff url(../../images/info.gif) no-repeat; vertical-align: middle; outline: none; } #pxwebcontent .variableselector_valuesselect_select_hierarcical_imagebutton { width: 19px; height: 17px; background: #fff url(../../images/Hierarchy.gif) no-repeat; vertical-align: middle; outline: none; } #pxwebcontent .variableselector_valuesselect_manyvalues_panel { max-width: 300px; color: #fff; } #pxwebcontent .variableselector_searchinformationlink { background: url(../../images/Arrow_Right_Gray.gif) 0 0 no-repeat; padding-left: 10px; line-height: 80px; } #pxwebcontent .icon-placement { background-position: 8px 8px; padding-left: 40px !important; } #pxwebcontent .icon-placement-symbol { background-position: 0px 1px; } /*Green background color inside valuelist*/ #pxwebcontent .pxbox select[multiple] option:checked { background: #3376C4 linear-gradient(0deg, #3376C4 0%, #3376C4 100%); -webkit-text-fill-color: #fff; } #pxwebcontent .pxbox .variableselector_valuesselect_search_textstart_checkbox.pxweb-checkbox input[type=checkbox] { border-color: #3376C4; } #pxwebcontent .mandatory_container { font-family: 'Roboto Condensed', sans-serif !important; font-stretch: condensed; font-weight: bold; } #pxwebcontent .variableselector_valuesselect_mandatory_text { font-size: 12px; /* font-weight: 400;*/ } #pxwebcontent .variableselector_valuesselect_mandatory_text:after { content: "*"; font-size: 28px; } /*#pxwebcontent .variableselector_valuesselect_mandatory_star { font-size: 28px; }*/ #pxwebcontent .link-buttons-container { flex-basis: 100%; } #pxwebcontent .pxbox .go-to-advanced-search { margin-bottom: 12px; } #pxwebcontent .optional-variable-panel { background-color: #fff; box-sizing: border-box; border: solid #3376C4 1px; } #pxwebcontent .optional-variable-text { color: #333; padding-left: 5px; font-size: 14px; font-family: 'Roboto Condensed', sans-serif !important; font-stretch: condensed; font-weight: bold; } #pxwebcontent .optional-variable-icon-panel { background-color: #3376C4; box-sizing: border-box; width: 22px; height: 21px; border: solid #3376C4 2px; } /* ********************************** _fullscreen.scss *********************************** */ /* Safari */ :-webkit-full-screen { background-color: #fff; overflow-x: scroll; overflow-y: scroll; padding: 0px 10px 10px 10px; } /* IE11 syntax */ :-ms-fullscreen { background-color: #fff; overflow-x: scroll; overflow-y: scroll; padding: 0px 10px 10px 10px; } /* Standard syntax */ :fullscreen { background-color: #fff; overflow-x: scroll; overflow-y: scroll; padding: 0px 10px 10px 10px; } #Fullscreen:-webkit-full-screen input { position: fixed; bottom: 20px; right: 20px; z-index: 3; } #Fullscreen:-ms-fullscreen input { position: fixed; bottom: 20px; right: 20px; z-index: 3; } #Fullscreen:fullscreen input { position: fixed; bottom: 20px; right: 20px; z-index: 3; } #Fullscreen:fullscreen #pcaxis_tablediv { overflow-y: visible; overflow-x: visible; } #Fullscreen:-webkit-full-screen #pcaxis_tablediv { overflow-y: visible; overflow-x: visible; } #Fullscreen:-ms-fullscreen #pcaxis_tablediv { overflow-y: visible; overflow-x: visible; }