/* LT4 CENTER-FIX25-RIGHT25-864-1024-1600 */ body { margin: 0; } .lt4 { margin: 0px; width: 100%; } .lt4-menu { position: fixed; top: 0; left: 0; height: 3rem; width: 100%; z-index: 99; background: #FFF; border-bottom: 1px solid #DDD; font-size: 1.1538rem; } .lt4-body { margin-top: 3rem; width: 100%; } @media all and (max-width: 864px) { .lt4-body-main-center, .lt4-body-main-right { display:block; width: 100%; } .lt4-body-footer { width: 100%; } } @media all and (min-width: 865px) { .lt4-body-left { position:fixed; top: 3rem; left: 0; height: calc(100% - 3rem); overflow-y: auto; width: 22rem; } .lt4-body-main-right, .lt4-body-main-center { margin-left: 22rem; width: calc(100% - 22rem - 2px); } .lt4-body-footer { margin-left: 22rem; width: calc(100% - 22rem); } } @media all and (min-width: 1023px) { .lt4-body-main-center, .lt4-body-main-right { display: inline-block; vertical-align: top; } .lt4-body-main-center { margin-right: -2px; width: calc(100% - 22rem - 22rem - 2px); } .lt4-body-main-right { margin-left: -2px; width: 22rem; } .lt4-body { overflow-y: hidden; overflow-x: hidden; } .lt4-body-footer { padding-top: 5rem; } } @media all and (min-width: 1601px) { .lt4-body-left { width: 25rem; } .lt4-body-main-right { width: 25rem; } .lt4-body-main-center { margin-left: 25rem; width: calc(100% - 25rem - 25rem - 2px); } .lt4-body-footer { margin-left: 25rem; width: calc(100% - 25rem); } } @media all and (min-width: 1680px) { .lt4-body-left { width: 30rem; } .lt4-body-main-right { width: 30rem; } .lt4-body-main-center { margin-left: 30rem; width: calc(100% - 30rem - 30rem - 2px); } .lt4-body-footer { margin-left: 30rem; width: calc(100% - 30rem); } } /* LT4 CENTER-FIX25-RIGHT25-864-1024-1600 */ /* LT4 MENU 768-1366 18 */ .lt4-menu-logo, .lt4-menu-button-left, .lt4-menu-button-right, .lt4-menu-content-left, .lt4-menu-content-right, .lt4-menu-content-item { display: inline-block; } .lt4-menu-logo { background: #FFF; text-align: center; } .lt4-menu-content-item { height: 3rem; } .lt4-menu-content-item:hover .cnt-menu-button { border-radius: 0.3rem; -moz-box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; -webkit-box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; background: #fff; z-index: 99; position: relative; cursor: pointer; } .cnt-menu-header-text { user-select: none; white-space: nowrap; } .lt4-menu-logo { vertical-align: top; margin-top: 0.6rem; } .lt4-menu-button-left:before, .lt4-menu-button-right:before { font-family: FontAwesome; font-size: 2rem; margin-left: 0.6rem; line-height: 3rem; cursor: pointer; } .lt4-menu-button-left:before { content: "\f0c9"; } .lt4-menu-button-right:before { content: "\f013"; } .lt4-menu[data-active-content="right"] .lt4-menu-button-right, .lt4-menu-button-right:hover, .lt4-menu[data-active-content="left"] .lt4-menu-button-left, .lt4-menu-button-left:hover { color: #4882C0; } .cnt-menu-header { padding: 0.1rem; display: block; height: 2.2rem; margin: 0.4rem 0.4rem; } .lt4-menu-content-item > .cnt-menu-header-text { padding: 0.1rem; display: block; height: 2.2rem; margin: 0.4rem 0.4rem; } .lt4-body-footer { margin-top: 5rem; padding-bottom:5rem; border-top: 1px solid #ddd; } @media all and (max-width: 768px) { .lt4-menu-content-left, .lt4-menu-content-right { display:none; } .lt4-menu[data-active-content="left"] .lt4-menu-content-left, .lt4-menu[data-active-content="right"] .lt4-menu-content-right, .lt4-menu-content-item { display: block; background: #FFF; z-index: 99; border-bottom: 1px solid #DDD; } .lt4-menu-button-left, .lt4-menu-button-right { height: 3rem; width: 3rem; } .lt4-menu-button-left { flost: left; margin-right: -2px; } .lt4-menu-button-right { float: right; margin-left: -2px; } .lt4-menu-logo { width: calc(100% - 6rem - 2px); margin-left: -2px; margin-right: -2px; } } @media all and (min-width: 769px) { .lt4-menu-content-left, .lt4-menu-content-right { display:inline-block; } .lt4-menu-content-left { margin-left: 1rem; } .lt4-menu-content-right { float: right; margin-right: 1rem; } .lt4-menu-button-left, .lt4-menu-button-right { display: none; } .lt4-footer-col { display:inline-block; vertical-align:top; width: 33%; width: calc(100% / 3); margin-left: -2px; margin-right: -2px; } .lt4-footer-col .lt4-menu-content-item { display:block; margin-left:auto; margin-right:auto; max-width: 16rem; } } @media all and (min-width: 769px) { .lt4-menu-logo { display:inline-block; width: 18rem; } } .cnt-menu-header-icon, .cnt-menu-header-text { display: inline-block; margin-top: 0.3rem; } .cnt-menu-header-text { padding-right: 0.8rem; } .cnt-menu-header-icon:before { font-family: FontAwesome; } .cnt-menu-header-icon-search:before { content: "\f002" !important; padding: 0rem 0.01rem 0rem 0.2rem !important; } .cnt-menu-header-icon-user:before { content: "\f007" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-db:before { content: "\f1c0" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-report:before { content: "\f1c1" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-cart:before { content: "\f07a" !important; padding: 0rem 0.2rem 0rem 0.2rem !important; } .cnt-menu-header-icon-trash:before { content: "\f1f8" !important; padding: 0rem 0.2rem 0rem 0.1rem !important; } .cnt-menu-header-icon-checkout:before { content: "\f14d" !important; padding: 0rem 0.2rem 0rem 0.2rem !important; } .cnt-menu-header-icon-phone:before { content: "\f095" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-queries:before { content: "\f0c5" !important; padding: 0.1rem 0.01rem 0rem 0.35rem !important; } .cnt-menu-header-icon-login:before { content: "\f090" !important; padding: 0rem 0.01rem 0rem 0.6rem !important; } .cnt-menu-header-icon-logout:before { content: "\f08b" !important; padding: 0rem 0.01rem 0rem 0.6rem !important; } .cnt-menu-header-icon-register:before { content: "\f234" !important; padding: 0rem 0.01rem 0rem 0.6rem !important; } .cnt-menu-header-icon-info:before { content: "\f05a" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-text:before { content: "\f0f6" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-mail:before { content: "\f003" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-bell:before { content: "\f0a2" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-copyright:before { content: "\f1f9" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } /* LT4 MENU 768-1366 18 */ /* DATAEXPLORER */ .vis .buttons .save[data-waiting="1"]:before { content: "\f013" !important; } .vis .buttons .save[data-waiting="1"] { -webkit-animation: fa-spin 2s infinite linear !important; animation: fa-spin 2s infinite linear !important; border-radius: 8px; background:transparent !important; color:#4E4D4D !important; cursor:wait; } .vis .waiting { position: absolute; width: 100%; height: 100%; border-radius: 5px; display:none; } .vis[data-waiting="1"] { position:relative; } .vis[data-waiting="1"] .waiting { display:block; cursor:progress; } .vis[data-waiting="1"] .waiting .icon { width: 4rem; height: 4rem; border-radius: 1rem; margin: 10px auto; -webkit-animation: fa-spin 2s infinite linear !important; animation: fa-spin 2s infinite linear !important; } .vis[data-waiting="1"] .waiting .icon:before { content: "\f021" !important; margin-left: 0.3rem; font-family: FontAwesome; font-size: 4rem; font-weight: bold; } .vis .vis-content table tbody td.val { white-space: nowrap; } .concepts .search .clear_btn { background: transparent; width: 11%; width: calc(28px); padding: 0px; height: 28px; top: 0; } .concepts .search .clear_btn { border-radius: 0px; border: none; display: inline-block; margin: 0px; position: absolute; right: 28px; } .concepts .search .clear_btn:focus { outline:none; } .vis[data-type="table"] .download-content .button[data-format="svg"], .vis[data-type="table"] .download-content .button[data-format="jpg"], .vis[data-type="table"] .download-content .button[data-format="png"] { display:none; } .concepts .search { position: relative; height: 28px; } .concepts .search .search_inp, .concepts .search .search_btn { border-radius: 0px; border: none; display: inline-block; margin: 0px; position: absolute; right: 0; } .concepts .search .search_inp { width: 89%; width: calc(100% - 34px); margin: 0px; padding: 2px; height: 24px; left: 0; } .concepts .search .search_btn { background: #a4ccf2; width: 11%; width: calc(28px); padding: 0px; height: 28px; top: 0; } .concepts .search .search_btn:focus { outline: none; } /* DATAEXPLORER */ /* SPIN LOAD */ .spn-load-wait { text-align: center; width: 210px; display: inline-block; background: transparent; padding: 10px 20px; color: #4882C0; border-radius: 4px; } .spn-load-wait > div { width: 18px; height: 18px; background-color: #4882C0; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spn-load-wait .b1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spn-load-wait .b2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } div .spn-load-wait { display:none; } div[data-waiting="1"] .spn-load-wait { display:inline-block; } /* SPIN LOAD */ /* TEDO FORM */ form { min-width: 210px; margin: 2rem; } form .field, form .label { margin: 0.5rem; display: inline-block; width: calc(100% - 1rem); } form .field.labeled, form .field[data-dc="checkbox"] { border-radius: 0.3rem; position: relative; } form .field.labeled label { position: absolute; display: block; left: 12px; padding: 0; margin: 0; pointer-events: none; font-size: 1.3rem; top: 1.1rem; } form .field.labeled input[type="text"], form .field.labeled input[type="password"], form .field[data-dc="checkbox"] label, form .field.labeled select { border: 1px solid #ddd; border-radius: 0.3rem; -webkit-appearance: none !important; -moz-appearance: none !important; } form .field.labeled.focused input[type="text"], form .field.labeled.focused input[type="password"], form .field[data-dc="checkbox"].focused label { box-shadow: 0 0 0.3rem 0 #4882c0; } form .field[data-empty="1"].labeled label { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } form .field[data-empty="0"].labeled label, form .field.labeled.focused label { color: #4882c0; font-weight: bold; -webkit-transform: translateY(-.8rem) translateX(-1px) scale(.67); -ms-transform: translateY(-.8rem) translateX(-1px) scale(.67); transform: translateY(-.8rem) translateX(-1px) scale(.67); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .field[data-required="1"][data-empty="1"].labeled::after { content: "*"; position: absolute; top: 0; right: 0; color: #C63939; font-size: 1rem; font-weight: bold; } form .field textarea:focus, form .field input:focus { outline: none; } form .field textarea, form .field input, form .field select, form .field[data-dc="checkbox"] label, form .field[data-dc="radio"] label { width: calc(100% - 1rem); margin: 0; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid transparent; border-radius: 0.3rem; font-family: 'Noto Sans',Tahoma; padding: 0.5rem; line-height: 1.5rem; font-size: 1.1rem; text-indent: 5px; } form .field[data-dc="checkbox"] label, form .field[data-dc="radio"] label { display: block; border-radius: 0.3rem; font-size: 1.3rem; padding: 1rem 0.5rem 1rem 3.3rem; width: calc(100% - 3.8rem); text-indent: 0; } form .field[data-dc="radio"] label { border: 1px solid #ddd; } form .field input[type="checkbox"], form .field input[type="radio"] { float: left; margin: 1rem!important; height: 1.6rem; width: 1.3rem; } form .field select { width: calc(100% + 2px); } form .field[data-empty="1"] textarea, form .field[data-empty="1"] input, form .field[data-empty="1"] select { padding-top: 1.8rem; margin-top: 0rem; } form .field[data-empty="1"] input[type="checkbox"]{ border: 1px solid #4882C0; padding-top: .5rem; } form .field[data-empty="0"] input[type="checkbox"]{ padding-top: .5rem; } form .field[data-empty="0"] textarea, form .field[data-empty="0"] input, form .field[data-empty="0"] select, form .field.focused input { margin-top: 0rem; padding-top: 1.8rem; } form .field textarea { border: none; } form .field[data-field="submit"] { text-align: center; } form input[type="submit"] { padding: 10px; background: #4882C0; color: #EEE; font-weight: bold; border-radius: 3px; margin: 0rem 0 1rem 0; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } form input[type="submit"]:hover { background: #AEC9E6!important; color: #616161; cursor: pointer; } form .field .error { color: #C63939; text-align: right; } form .field .info { color: #0c7640; text-align: right; } form .field[data-error="1"] input { border-bottom: 1px solid #C63939; border-radius: 4px 4px 0px 0px; } form .radio-item { margin-bottom: 0.5rem; } form .radio-item > .radio-selector { width: 2rem; display: inline-block; padding: 0.6rem; text-align: center; vertical-align: top; } form .radio-item > .radio-descriptor { width: calc(100% - 4rem); display: inline-block; } form .radio-item .order-item-name { text-transform: uppercase; font-size: 1.3rem; } form .radio-item .order-item-note { float: right; margin-top: -0.5rem; color: #4882c0; font-weight: bold; font-size: 1rem; line-height: 1rem; text-align: center; } form .radio-item .order-item-value { display: inline-block; line-height: 1rem; white-space: nowrap; text-align: center; width: 4rem; padding-top: 0.5rem; } form .radio-item .order-item-desc { display: inline-block; font-size: 0.8rem; line-height: 1rem; padding-left: 1rem; padding-top: 0.5rem; } form .radio-item .order-item-value-footer { font-size: 0.8rem; } form .section { } form .section .section-header { font-size: 1rem; font-weight: bold; padding-left: 0.5rem; } form .section .section-body { } form .label table { width: 100%; } @media only screen and (max-width: 600px) { form { margin:.5rem; } form .form-row { width: 100%; } form .form-col { width: 100%; } } @media only screen and (min-width: 601px) { form .form-col { vertical-align:top; display: inline-block; width: calc(50% - 3px); } form .form-row { width: 100%; } } @media only screen and (min-width: 801px) { form .section .section-body { } form .field { } form .field-wl-c2-01 { width: calc(100% / 12 * 1 - 1.25rem); } form .field-wl-c2-02 { width: calc(100% / 12 * 2 - 1.25rem); } form .field-wl-c2-03 { width: calc(100% / 12 * 3 - 1.25rem); } form .field-wl-c2-04 { width: calc(100% / 12 * 4 - 1.25rem); } form .field-wl-c2-05 { width: calc(100% / 12 * 5 - 1.25rem); } form .field-wl-c2-06 { width: calc(100% / 12 * 6 - 1.25rem); } form .field-wl-c2-07 { width: calc(100% / 12 * 7 - 1.25rem); } form .field-wl-c2-08 { width: calc(100% / 12 * 8 - 1.25rem); } form .field-wl-c2-09 { width: calc(100% / 12 * 9 - 1.25rem); } form .field-wl-c2-10 { width: calc(100% / 12 * 10 - 1.25rem); } form .field-wl-c2-11 { width: calc(100% / 12 * 11 - 1.25rem); } form .field-wl-c2-12 { width: calc(100% / 12 * 12 - 1.25rem); } form .field-col { width: 100%; } } form[data-waiting="1"] > .wait { width: 100%; height: 100%; position: absolute; background: transparent; top: 0; left: 0; z-index:10; } form[data-waiting="1"] > .wait > .body { width:5rem; height:5rem; margin: calc(50% - 2.5rem); display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:center; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } form[data-waiting="1"] > .wait > .body:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: "\f110"; font-size:5rem; } .systemerror { font-size:1.2rem; font-weight:bold; color:#C63939; } /* TEDO FORM */ /*BALLOON */ .blcnt { display: none; border-color: #adc9e6; } .bllb { text-align: left; vertical-align: top; font-size: 0.92308rem; float: left; font-weight: bold; } .blv { text-align: right; vertical-align: top; font-size: 0.92308rem; word-wrap: normal; float: right; } .bln { opacity: 0.94; background-color: #fff; border-style: solid; border-radius: 4px; border-width: 2px; display: table-cell; position:absolute; border-color:#adc9e6; } /*BALLOON */ /* DATA VIEWER */ .cnt-body { font-family:/*'Noto Sans',*/ Tahoma; } .list-scheme { padding: 0rem 0.6rem; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .item-scheme[data-number="0"] { border-top: 1px solid transparent; } .item-scheme { display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; flex-direction: row; border-radius: 3px; border: 1px solid transparent; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; padding-top: 0.0rem; padding-bottom: 0.0rem; margin-bottom: 0.0rem !important; } .item-scheme:hover { border: 1px solid #ddd; cursor: pointer; } .pub-prev p { padding: 0rem; margin: 0rem; } .item-scheme h2 { padding: 0.5rem; margin-top: 0rem; margin-bottom: 0rem; } .item-scheme img { border-radius: 3px; min-width: 100px; max-width: 200px; margin: 0.1rem 1rem 0.5rem 0.1rem; } .item-update { display:flex; display:-webkit-flex; border-radius:3px; align-items:center; padding:4px; border-bottom: 1px solid #DDD; } .item-update-date { text-align: right; padding-left: 8px; width: 180px; } .item-update-name { text-align: left; vertical-align: middle; width: 100%; padding-right: 1rem; } .item-update-label { margin-right:1rem; min-width:150px; text-align:right; } .item-update-value { } .item-update-logo-folder:before { font-family: "FontAwesome"; content: "\f114"; font-weight: bold; margin-right: 1rem; } .item-update-logo-chart:before { font-family: "FontAwesome"; content: "\f080"; font-weight: bold; margin-right: 1rem; } .item-update-logo-empty { width: 1rem; } .fheader { display: flex; display:-webkit-flex; } .c1 h1 { font-size: 1rem; padding: 0rem 1rem; } .fheader a { border-radius:3px; padding:1px 5px; } .fheader span { border-radius:3px; padding:1px 5px; } .item-update:hover { border-radius:3px; } .cnt-info { padding-left: 5px; padding-right: 5px; } .cnt-info .item-info { display:flex; display:-webkit-flex; padding:4px; margin: 0 4px; border-top: 1px solid #DDD; } .concepts .concept[data-show-code="true"] .body .row[data-selectable="1"][data-expandable="1"] .text { font-weight: normal; } .concepts .concept[data-show-code="false"] .body .row .text .code { display: none; } .c1 article { float:right; margin:0.5rem; padding:0.5rem; border:1px solid #ddd; border-radius:3px; max-width:300px; } .c1 article img { margin:0.5rem; width:calc(100% - 1rem); max-width:300px; border-radius:3px; } .c1 article h5 { text-align:center; margin:0; } .c1 h3 { padding: 0rem 0.5rem; } .fheader>a{ padding:5px; -moz-box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; -webkit-box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; } .fheader>a:hover{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* DATA VIEWER */ /* DSV */ .google-visualization-tooltip-item, .google-visualization-tooltip-item-list { margin: 1px !important; padding: 1px !important; } .google-visualization-tooltip-item>span { display: none; } .google-visualization-tooltip { border: none !important; } .tooltip { border: 1px solid #ddd; border-radius: 3px; max-width: 250px; } .tooltip .row { align-items: baseline; margin: 2px; margin-left: 4px; } .tooltip .row .label { font-weight: bold; width: 49%; padding-right: 4px; } .tooltip .row .value { width: 49% } .vis .options-row { display: none; } .vis[data-type="pie"] .chart { align-items: flex-start; } .vis[data-type="pie"] .chart .title { width: 100%; } .vis[data-type="pie"] .chart .body { width: 40%; } .vis[data-type="pie"] .chart .legend { width: 50%; } .vis[data-type="pie"] .chart, .vis[data-type="pie"] .options-row[data-type="is3D"], .vis[data-type="pie"] .options-row[data-type="pieHole"], .vis[data-type="pie"] .options-row[data-type="pieSliceText"], .vis[data-type="pie"] .options-row[data-type="reverseCategories"], .vis[data-type="pie"] .options-row[data-type="sliceVisibilityThreshold"], .vis[data-type="table"] .options-row[data-type="freezeRowHeader"], .vis[data-type="table"] .options-row[data-type="freezeColHeader"], .vis[data-type="table"] .options-row[data-type="mergeColHeader"], .vis[data-type="line"] .options-row[data-type="axisTitlesPosition"], .vis[data-type="line"] .options-row[data-type="hAxisTextPosition"], .vis[data-type="line"] .options-row[data-type="vAxisTextPosition"], .vis[data-type="line"] .options-row[data-type="orientation"], .vis[data-type="line"] .options-row[data-type="pointShape"], .vis[data-type="line"] .options-row[data-type="pointsVisible"], .vis[data-type="line"] .options-row[data-type="reverseCategories"], .vis[data-type="line"] .options-row[data-type="showAnnotations"], .vis[data-type="line"] .options-row[data-type="pointSize"], .vis[data-type="line"] .options-row[data-type="lineWidth"], .vis[data-type="column"] .options-row[data-type="axisTitlesPosition"], .vis[data-type="column"] .options-row[data-type="hAxisTextPosition"], .vis[data-type="column"] .options-row[data-type="vAxisTextPosition"], .vis[data-type="column"] .options-row[data-type="orientation"], .vis[data-type="column"] .options-row[data-type="reverseCategories"], .vis[data-type="column"] .options-row[data-type="showAnnotations"], .vis[data-type="geo"] .options-row[data-type="geoZoomRegion"] , .vis[data-type="column"] .options-row[data-type="annotationsFormatType"] , .vis[data-type="line"] .options-row[data-type="annotationsFormatType"] , .vis[data-type="table"] .options-row[data-type="limitTableRows"] , .vis[data-type="column"] .options-row[data-type="isStacked"] , .vis[data-type="line"] .options-row[data-type="isStacked"] , .vis[data-type="column"] .options-row[data-type="logScale"] , .vis[data-type="line"] .options-row[data-type="logScale"] , .vis[data-type="column"] .options-row[data-type="minZero"] , .vis[data-type="line"] .options-row[data-type="minZero"] { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .vis[data-active="settings"] .buttons { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; margin-bottom: 0px; } .vis[data-active="settings"] .settings-content { border: 1px solid #ddd; border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 0px; } .vis .settings-content, .vis .download-content, .vis .share-content { display: none; } .vis .settings-content table { width: 100%; } .vis .settings-content table td { width: 50%; vertical-align: top; } .vis .download-content .header, .vis .vis-content .chart .legend .legend-row, .vis .settings-content .header { justify-content: flex-start; } .vis .vis-content .chart .legend .legend-row>div { margin-top: auto; margin-bottom: auto; } .vis .download-content .list, .vis .settings-content .list { -webkit-flex-grow: 2; flex-grow: 2; border-right: 1px solid #ddd; padding-left: 3px; padding-right: 3px; padding-top: 3px; } .vis .settings-content .list > div.dropplace { border-radius: 3px; height: 4px; } .vis .settings-content .list > div.dropplace[data-active="1"] { background: #adc9e6; } .vis .download-content .list > div.button, .vis .settings-content .list > div.field { border: 1px solid #ddd; border-radius: 3px; padding: 1px; text-align: center; vertical-align: middle; } .vis .download-content .list > div.button { margin:20px 2px; cursor:pointer; padding:3px; margin-left:auto; margin-right:auto; max-width:180px; } .vis .download-content .list > div.button:before { content: "\f019"; float:left; } .vis .download-content .list > div.button[data-waiting="1"]:before { -webkit-animation: fa-spin 2s infinite linear !important; animation: fa-spin 2s infinite linear !important; border-radius: 8px; content: "\f013"; } .vis .buttons { margin-top: 0.5rem; /*border: 1px solid #ddd;*/ border-radius: 3px; } .vis .buttons, .visual-menu { padding-top: 4px; padding-left: 3px; padding-right: 3px; padding-bottom: 4px; } .vis .vis-content table tbody td.tdhl { background: #FFF6F1 !important; } .th-btn-sort-ascwrap { bottom: 1px; left: 1px; } .th-btn-sort-descwrap { bottom: 1px; right: 1px; } .th-btn-asc, .th-btn-desc { margin-top: -5px; } .th-btn-asc:before { content: "\f106"; } .th-btn-desc:before { content: "\f107"; } .th-btn-sort:hover { border: 1px solid #ddd; } .th-btn-sort { height: 8px; width: 14px; text-align: center; font-family: FontAwesome; font-size: 16px; font-weight: normal; overflow: hidden; position: absolute; cursor: pointer; border-radius: 2px; padding: 3px; border: 1px solid transparent; } .th-btn-sort[data-active="1"] { border: 1px solid #ddd; } .fl { background: white; } .vis .options .options-row, .vis .vis-content .filters .filters-row .label, .vis .vis-content .filters .filters-row .value { padding: 2px; } .vis .vis-content .filters .filters-row .value { width: 50%; } .vis .vis-content .filters .filters-row .label { padding-right: 1rem; text-align: right; width: 40%; } .vis .vis-content .filters .filters-row .value select { width: 99% } .vis .vis-content .filters .filters-row { width: 90%; margin: 0px; } .vis .settings-content-row > div { width: 50%; } .vis .settings-content-row > .options { width: 100%; } .settings-content-row .list select { padding: 2px; margin-top: 2px; margin-bottom: 2px; width: 100%; } .vis .settings-content-row > .options .list .options-row { width: 97%; margin-left: 1%; margin-right: 1%; } @media all and (min-width: 450px) and (max-width: 768px) { .vis .settings-content-row > .options .list .options-row { width:47%; } .vis[data-type="pie"] .chart .body { width: 60%; } .vis[data-type="pie"] .chart .legend { width: 37%; } } @media all and (min-width: 850px) and (max-width: 1199px) { .vis .settings-content-row > .options .list .options-row { width:47%; } .vis[data-type="pie"] .chart .body { width: 60%; } .vis[data-type="pie"] .chart .legend { width: 37%; } } @media all and (min-width: 1200px) { .vis .settings-content-row > .options .list .options-row { width:30%; } } @media all and (min-width: 560px) and (max-width: 768px) { .vis .settings-content-row > div { width:25%; } } @media all and (min-width: 900px) { .vis .settings-content-row > div { width:25%; } } .vis .download-content-row, .vis .settings-content-row { } .vis[data-type="pie"] .chart, .vis .vis-content .filters, .vis .vis-content .chart .legend, .vis .settings-content-row > .options .list, .vis .settings-content-row { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .vis .vis-content .chart .legend .legend-row { align-items: center; } .vis .download-content-row, .vis .vis-content .chart .legend, .vis .vis-content .chart .legend .legend-row, .vis .settings-content-row > .options .list, .vis .vis-content .filters, .vis .vis-content .filters .filters-row, .vis .settings-content-row, .vis .vis-w, .vis .buttons .type, .vis .buttons .action, .visual-wrapper-horizontal { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .tooltip, .vis, .visual-wrapper-vertical { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .vis[data-type="geo"] .vis-w .vis-content, .vis[data-type="pie"] .vis-w .vis-content, .vis[data-type="column"] .vis-w .vis-content, .vis[data-type="line"] .vis-w .vis-content { overflow: hidden; } .vis[data-type="map"] .vis-content .chart .legend { height: 1rem; padding: 0.5rem 0rem 0rem 0rem; border-top-left-radius: 3px; border-top-right-radius: 3px; } .vis[data-type="map"] .chart .body { position: relative; } .vis .vis-content .chart .legend { padding: 0.5rem; } .vis .vis-content .chart .legend .legend-row .icon { border-radius: 3px; width: 1rem; height: 1rem; margin-top: auto; margin-bottom: auto; margin-left: 0.5rem; margin-right: 0.5rem; min-width: 1rem; } .vis[data-type="map"] .vis-content .chart .legend .legend-row { font-family: FontAwesome; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[data-active="1"] { } .vis[data-type="map"] .vis-content .chart .legend .legend-row[data-active="1"]:before { content: "\f0d7"; margin: auto; margin-top: -0.8rem; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[width="0"][data-active="1"]:before { margin-left: -4px; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[width="1"][data-active="1"]:before { margin-left: -3.5px; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[width="2"][data-active="1"]:before { margin-left: -3px; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[width="3"][data-active="1"]:before { margin-left: -2.5px; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[width="4"][data-active="1"]:before { margin-left: -2px; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[width="5"][data-active="1"]:before { margin-left: -1.5px; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[width="6"][data-active="1"]:before { margin-left: -1px; } .vis[data-type="map"] .vis-content .chart .legend .legend-row[width="7"][data-active="1"]:before { margin-left: -0.5px; } .visual-wrapper-horizontal .visual-border { width: 1px; } .vis .vis-w .vis-content, .visual { width: 200px; -webkit-flex-grow: 2; flex-grow: 2; } .vis .vis-content table tbody td.val { vertical-align: middle; text-align: right; background: white; } .vis .vis-content .chart, .vis .vis-content .chart-group .chart { border-top: 1px solid #ddd; min-height: 200px; padding-top: 1rem; padding-bottom: 0rem; } .vis .vis-content .title, .vis .vis-content .chart-group .chart .title { padding: 5px; font-weight: bold; vertical-align: middle; text-align: center; } .vis .buttons { border-radius: 0.3rem; margin: 0.0625rem 0.125rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .vis .download-content, .vis .settings-content { border: 1px solid #ddd; border-radius: 0.3rem; overflow: auto; margin: 0.0625rem 0.125rem; } .vis .download-content .download-vis, .vis .download-content .download-data { width:50%; } .vis .download-content .button-download { text-align:center; vertical-align:top; display:inline-block; } .vis .download-content .button-download { border-radius:3px; cursor:pointer; user-select:none; height:100%; padding:5px; margin:5px; } .vis .vis-content, .vis .share-content { border: 1px solid #ddd; border-radius: 0.3rem; overflow: auto; margin: 0.0625rem 0.125rem; background: #FFF; } .vis[data-type="table"] .vis-content { max-height: 500px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .vis .vis-content table { table-layout: fixed; border-collapse: collapse; border-spacing: 0px; font-size: 12px; } .vis .vis-content table tbody td { /* min-width: 5rem; */ /* max-width: 20rem; */ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px 4px; vertical-align: top; } .vis .vis-content table thead td { /* min-width: 5rem; */ /* max-width: 20rem; */ border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 3px 3px 3px 3px; vertical-align: middle; text-align: center; font-weight: bold; font-size: 12px; } .vis .vis-content table td[data-level="1"] { /* padding-left: 1rem; */ } .vis .vis-content table td[data-level="2"] { /*padding-left: 2rem;*/ } .vis .vis-content table td[data-level="3"] { /*padding-left: 3rem;*/ } .vis .vis-content table td[data-level="4"] { /*padding-left: 4rem;*/ } .vis .vis-content table td[data-level="5"] { /*padding-left: 5rem;*/ } html { font-size: 14px !important; font-family: 'Noto Sans'; overflow-x: hidden; } .cnt-body { margin-top: 3.3rem !important; } .concepts { padding-left: 5px; padding-right: 5px; } .tooltip .row, .vis .settings-content .header, .vis .download-content .header, .vis .buttons, .key-family .header { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-content: space-between; align-content: space-between; } .vis .download-content-row, .vis .vis-content .filters, .vis .settings-content-row, .vis .buttons .type, .vis .buttons .action, .vis .buttons { -webkit-justify-content: space-around; justify-content: space-around; } .vis .vis-content .chart .legend, .vis .options .options-row, .key-family .header { -webkit-justify-content: space-between; justify-content: space-between; } .key-family .header, .concepts .concept .header { font-weight: bold; vertical-align: middle; text-align: center; padding: 2px; } .key-family .header, .concepts .concept .header { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .concepts-top .concept { border: none!important; } .concepts-top .concept .body { display: flex; flex-wrap: wrap; flex-direction: row; border-top: 1px solid #ddd; } .concepts .concept .header { border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; border-left: none; border-top: none; border-right: none; } .concepts .concept[data-expanded="0"] .header { border-bottom: none; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-bottom-left-radius: 2px; -moz-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-transition-delay: 0.3s; -moz-transition-property: border-bottom-left-radius, border-bottom-right-radius; -webkit-transition-delay: 0.3s; -webkit-transition-property: border-bottom-left-radius, border-bottom-right-radius; transition-delay: 0.3s; transition-property: border-bottom-left-radius, border-bottom-right-radius; } .concepts .concept { margin-bottom: 2px; border-radius: 3px; -moz-border-radius: 3px; position:relative; } .concepts .concept[data-hidden-filter="true"] { display: none; } .vis .settings-content, .vis .share-content, .concepts .concept .header, .concepts .concept .body .row { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .concepts .concept .header > * { display: table-cell; } .concepts .concept .header .title { width: 100%; vertical-align: middle; } .key-family .header .agency:before, .key-family .header .name:before, .concepts .concept .header .icon:before { font-family: FontAwesome; font-size: 1.6rem; font-weight: bold; height: 2rem; width: 2rem; } .key-family .header .name:before, .key-family .header .agency:before { font-family: FontAwesome; font-size: 1.2rem; font-weight: normal; margin-left: 0.2rem; margin-right: 0.4rem; } .key-family .header .agency:before { content: "\f1c0"; } .key-family .header .name:before { content: "\f0ce"; } .vis .download-content .download-vis, .vis .download-content .download-data, .vis .settings-content .options, .vis .settings-content .reg, .vis .settings-content .columns, .vis .settings-content .fields, .vis .settings-content .rows, .vis .settings-content .values, .vis .settings-content .group, .vis .settings-content .filter, .vis .settings-content .xax, .vis .settings-content .dim, .vis .settings-content .yax, .vis .settings-content .yaxd, .vis .settings-content .yax1, .vis .settings-content .yax2 { display: none; } .vis .download-content .download-vis, .vis .download-content .download-data, .vis[data-type="pie"] .settings-content .group, .vis[data-type="pie"] .settings-content .filter, .vis[data-type="pie"] .settings-content .dim, .vis[data-type="pie"] .settings-content .values, .vis[data-type="pie"] .settings-content .options, .vis[data-type="geo"] .settings-content .group, .vis[data-type="geo"] .settings-content .filter, .vis[data-type="geo"] .settings-content .reg, .vis[data-type="geo"] .settings-content .values, .vis[data-type="geo"] .settings-content .options, .vis[data-type="map"] .settings-content .group, .vis[data-type="map"] .settings-content .filter, .vis[data-type="map"] .settings-content .reg, .vis[data-type="map"] .settings-content .values, .vis[data-type="table"] .settings-content .columns, .vis[data-type="table"] .settings-content .fields, .vis[data-type="table"] .settings-content .rows, .vis[data-type="table"] .settings-content .values, .vis[data-type="table"] .settings-content .options, .vis[data-type="line"] .settings-content .group, .vis[data-type="line"] .settings-content .filter, .vis[data-type="line"] .settings-content .xax, .vis[data-type="line"] .settings-content .dim, .vis[data-type="line"] .settings-content .yax, .vis[data-type="line"] .settings-content .yaxd, .vis[data-type="line"] .settings-content .yax1, .vis[data-type="line"] .settings-content .yax2, .vis[data-type="line"] .settings-content .options, .vis[data-type="column"] .settings-content .group, .vis[data-type="column"] .settings-content .filter, .vis[data-type="column"] .settings-content .xax, .vis[data-type="column"] .settings-content .dim, .vis[data-type="column"] .settings-content .yax, .vis[data-type="column"] .settings-content .yaxd, .vis[data-type="column"] .settings-content .yax1, .vis[data-type="column"] .settings-content .yax2, .vis[data-type="column"] .settings-content .options { display: flex; flex-direction: column; align-content: stretch; } .vis[data-type="map"] .vis-content { overflow-x: hidden; overflow-y: hidden; } .vis .download-content .list > div.button:before, .vis .download-content .download-vis .header:before, .vis .download-content .download-data .header:before, .vis .settings-content .reg .header:before, .vis .settings-content .options .header:before, .vis .settings-content .columns .header:before, .vis .settings-content .fields .header:before, .vis .settings-content .rows .header:before, .vis .settings-content .values .header:before, .vis .settings-content .group .header:before, .vis .settings-content .filter .header:before, .vis .settings-content .xax .header:before, .vis .settings-content .dim .header:before, .vis .settings-content .yax .header:before, .vis .settings-content .yaxd .header:before, .vis .settings-content .yax1 .header:before, .vis .settings-content .yax2 .header:before { font-family: FontAwesome; font-size: 1.3rem; font-weight: normal; margin-left: 0.2rem; margin-right: 1rem; } .vis .download-content .download-vis .header:before { content: "\f1c5"; } .vis .download-content .download-data .header:before { content: "\f1c3"; } .vis .settings-content .reg .header:before { content: "\f276"; } .vis .settings-content .fields .header:before { content: "\f0c9"; } .vis .settings-content .columns .header:before { content: "\f0e8"; } .vis .settings-content .rows .header:before { content: "\f0e8"; } .vis .settings-content .values .header:before { content: "\f022"; } .vis .settings-content .group .header:before { content: "\f247"; } .vis .settings-content .filter .header:before { content: "\f0b0"; } .vis .settings-content .xax .header:before { content: "\f178"; } .vis .settings-content .dim .header:before { content: "\f0ca"; } .vis .settings-content .yax1 .header:before, .vis .settings-content .yax2 .header:before, .vis .settings-content .yax .header:before { content: "\f176"; } .vis .settings-content .yaxd .header:before { content: "\f022"; } .vis .settings-content .options .header:before { content: "\f1de"; } .vis .settings-content .rows .header:before { -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .vis .buttons .settings:before, .vis .buttons .download:before, .vis .buttons .share:before, .vis .buttons .expand:before, .vis .buttons .collapse:before, .visual-menu .settings:before, .visual-menu .download:before, .visual-menu .share:before, .vis .buttons .save:before, .vis .buttons .filter:before, .vis .buttons .embed:before { font-family: FontAwesome; font-size: 1.5rem; padding: 2px; padding-right: 4px; } .buttons .type .table:before, .buttons .type .line:before, .buttons .type .column:before, .buttons .type .geo:before, .buttons .type .pie:before, .buttons .type .map:before { font-family: FontAwesome; font-size: 1.5rem; padding: 2px; padding-right: 4px; } .vis .buttons .filter:before { content: "\f0b0"; } .vis .buttons .embed:before { content: "\f121"; } .vis .buttons .save:before { content: "\f0c7"; } .vis .buttons .settings:before { content: "\f085"; } /*.vis[data-type="table"] .buttons .settings:before { content: "\f0ce"; } .vis[data-type="line"] .buttons .settings:before { content: "\f201"; } .vis[data-type="column"] .buttons .settings:before { content: "\f080"; } .vis[data-type="geo"] .buttons .settings:before { content: "\f0ac"; } .vis[data-type="pie"] .buttons .settings:before { content: "\f200"; }*/ .vis .buttons .download:before { content: "\f019"; } .vis .buttons .expand:before { content: "\f065"; } .vis .buttons .collapse:before { content: "\f066"; } .vis[data-type="line"] .buttons .download:before, .vis[data-type="column"] .buttons .download:before, .vis[data-type="pie"] .buttons .download:before { content: "\f03e"; } .vis[data-type="table"] .buttons .download:before { content: "\f1c3"; } .vis .buttons .share:before, .visual-menu .share:before { content: "\f1e0"; } .buttons .type .table:before { content: "\f0ce"; } .buttons .type .line:before { content: "\f201"; } .buttons .type .column:before { content: "\f080"; } .buttons .type .geo:before { content: "\f0ac"; } .buttons .type .pie:before { content: "\f200"; } .buttons .type .map:before { content: "\f278"; } .buttons .type .table, .buttons .type .line, .buttons .type .column, .buttons .type .geo, .buttons .type .pie, .buttons .type .map, .vis .buttons .settings, .vis .buttons .download, .vis .buttons .expand, .vis .buttons .collapse, .vis .buttons .share, .vis .buttons .embed, .vis .buttons .save, .vis .buttons .filter { border-radius: 30px; padding: 12px 9px 11px 10px; text-align: center; margin-left: auto; margin-right: auto; width: 30px; } .buttons .type > div, .buttons .action > div { margin: 3px; } .vis .download-content .caption, .buttons .type .caption, .buttons .action .caption { user-select: none; font-family: monospace; text-align: center; margin-left: auto; margin-right: auto; } .key-family .header .name, .key-family .header .agency { margin-right: 0.4rem; padding-top: 2px; padding-bottom: 3px; } .concepts .concept .apply { display: none; } @media all and (min-width: 769px) { .concepts .concept[data-expanded="0"] .header .icon:before { content: "\f0da"; margin-left: 0.85rem; margin-right: 0.80rem; } .concepts .concept[data-expanded="1"] .header .icon:before { content: "\f0d7"; margin-left: 0.6rem; margin-right: 0.7rem; } .concepts .concept[data-waiting="1"] .header .icon { /*waiting*/ -webkit-animation: fa-spin 2s infinite linear !important; animation: fa-spin 2s infinite linear !important; border-radius: 8px; } .concepts .concept[data-waiting="1"] .header .icon:before { /*waiting*/ content: "\f013" !important; margin-left: 0.4rem; margin-right: 0.4rem; } } @media all and (max-width: 768px) { .c1 .fheader { display:none; } .concepts .concept .apply { width: 130px; text-align: center; padding: 0.2rem; cursor: pointer; } .concepts .concept[data-expanded="1"] .apply { display: block; position: absolute; bottom: 0px; right: 0px; background: #a4ccf2; border-top-left-radius: 5px; } .concepts .concept .header, .cnt-info .fheader { padding-top: 0.5rem; padding-bottom: 0.5rem; } .concepts .concept[data-expanded="0"] .header .icon:before { content: "\f0b0"; font-size: 1.2rem; margin-left: 0.85rem; margin-right: 0.80rem; } .concepts .concept[data-expanded="1"] .header .icon:before { content: "\f060"; font-size: 1.2rem; margin-left: 0.6rem; margin-right: 0.7rem; } } .vis .vis-content table thead td, .key-family .header, .concepts .concept .header { background: #a4ccf2; } .vis .settings-content .list > div.field:hover, .vis[data-type="table"] .buttons .type .table, .vis[data-type="line"] .buttons .type .line, .vis[data-type="column"] .buttons .type .column, .vis[data-type="geo"] .buttons .type .geo, .vis[data-type="pie"] .buttons .type .pie, .vis[data-type="map"] .buttons .type .map, .vis .buttons .type .table:hover, .vis .buttons .type .line:hover, .vis .buttons .type .column:hover, .vis .buttons .type .geo:hover, .vis .buttons .type .pie:hover, .vis .buttons .type .map:hover, .vis .buttons .settings[data-active="1"], .vis .buttons .download[data-active="1"], .vis .buttons .share[data-active="1"], .vis .buttons .settings:hover, .vis .buttons .download:hover, .vis .buttons .expand:hover, .vis .buttons .collapse:hover, .vis .buttons .share:hover, .vis .buttons .save:hover, .vis .buttons .filter:hover, .vis .buttons .embed:hover, .concepts .concept .header:hover, .concepts .concept .body .row:hover { cursor: pointer; background: #4882C0; border-color: #4882C0; color: #eee; } .vis .settings-content .list > div.field:hover { cursor: move; } .buttons .type .geo { display: none; } .concepts .concept .body { overflow-y: auto; /*max-height: 300px;*/ } .concepts .concept .body .row { border-radius: 2px; padding: 3px; } .concepts .concept .body :first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .concepts .concept .body :first-child:hover { border-top-left-radius: 2px; border-top-right-radius: 2px; } .concepts .concept .body .row[data-level="1"] { padding-left: 10px; } .concepts .concept .body .row[data-level="2"] { padding-left: 20px; } .concepts .concept .body .row[data-level="3"] { padding-left: 30px; } .concepts .concept .body .row[data-level="4"] { padding-left: 40px; } .concepts .concept .body .row[data-level="5"] { padding-left: 50px; } .concepts .concept .body .row[data-level="6"] { padding-left: 60px; } .concepts .concept .body .row[data-level="7"] { padding-left: 70px; } .fc { display: table-cell; } .concepts .concept .body .row .bl { border-radius: 2px; border: 1px solid #ddd; width: 1.1rem; height: 1.1rem; margin: 1px; color: #3498db; font-family: FontAwesome; font-size: 1.1rem; cursor: pointer; } .concepts .concept .body .row .text { vertical-align: middle; padding-left: 2px; } .concepts .concept .body .row:hover .bl, .vis .vis-content table thead td.srt:hover .btn, .th-btn-sort[data-active="1"] { background: #ffe6a3 !important; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%) !important; background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; } .concepts .concept .body .row .bl:hover { background: #ffe6a3 !important; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%) !important; background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; } .concepts .concept .body .row:active .bl { background: #3498db !important; } .concepts .concept .body .row[data-selectable="1"][data-expandable="1"] .text { font-weight: bold; } .concepts .concept .body .row[data-selectable="0"][data-expandable="0"] .fc .bl:before { content: "\f00c"; color: transparent; border-color: transparent; } .concepts .concept .body .row[data-selectable="0"][data-expandable="0"] .fc .bl:hover { background: transparent !important; } .concepts .concept .body .row[data-selectable="0"][data-expandable="1"][data-expanded="0"] .fc .bl:before { /*expandable*/ content: "\f0da"; margin-left: 0.4rem; font-weight: bold; } .concepts .concept .body .row[data-selectable="0"][data-expandable="1"][data-expanded="1"] .fc .bl:before { /*expanded*/ content: "\f0d7"; margin-left: 0.25rem; font-weight: bold; } .concepts .concept .body .row[data-selectable="1"][data-selected="0"] .fc .bl:before { /*selectable*/ content: "\f00c"; color: transparent; } .concepts .concept .body .row[data-add="1"] .fc .bl { /*add*/ border: 1px solid transparent; } .concepts .concept .body .row[data-add="1"] .fc .bl:before { /*add*/ content: "\f00e"; } .concepts .concept .body .row[data-selected="1"] .fc .bl:before { /*selected*/ content: "\f00c"; } .concepts .concept .body .row[data-waiting="1"] .fc .bl { /*waiting*/ -webkit-animation: fa-spin 2s infinite linear !important; animation: fa-spin 2s infinite linear !important; border-radius: 8px; } .concepts .concept .body .row[data-waiting="1"] .fc .bl:before { /*waiting*/ content: "\f013" !important; margin-left: 1px !important; color: #3498db !important; } .concepts .concept[data-expanded="0"] .body { /*max-height: 0px; height: 0px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out; transition-property: all;*/ } .concepts .concept[data-expanded="1"] .body { /*max-height: 300px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out; transition-property: all;*/ } .concepts .search { border-bottom: #ddd 1px solid; margin-bottom: 2px; -moz-border-radius: 3px; } .concepts .search input { display: inline-block; height: 1.5rem; margin: 2px; font-size: 1.5rem; font-family: Tahoma; border: none; color: #676767; width: 100%; } .concepts .search input:focus { border: none; outline: none; } .concepts .search .icon { display: inline-block; width: 10%; width: calc(1rem); } .concepts .search .icon { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .concepts .search .icon:after { content: "\f0b0"; color: #676767; font-family: FontAwesome; font-weight: bold; font-size: 1rem; } .concepts .concept[data-expanded="0"] .search { display: none; } .concepts .concept .body.filtered .row { display: none; } .concepts .concept .body.filtered .row[data-filtered="1"] { display: block; } .found { color: crimson; font-weight: bold; } .concept .waiting { display: none; } .concept .waiting .icon { margin: auto; } .concept .waiting { background-color: rgba(255, 255, 255, 0.55); position: absolute; } .key-family { border-radius: 3px; min-height: 200px; margin-bottom: 2px; } .key-family .header { } .body-expanded { height: 100%; width: 100%; overflow: hidden; top: 0; left: 0; } .body-expanded .cnt-header, .body-expanded .c2, .body-expanded .c1 .fheader, .body-expanded .c1>h1, .body-expanded .c1 .concepts-top, .body-expanded .c1 .vis, .body-expanded footer, .body-expanded .c0 .cnt-info, .body-expanded .c1 .key-family>* { display: none; } .body-expanded .cnt-body { margin-top: 1px !important; } .vis-expanded[data-type="table"] .vis-content, .body-expanded .concepts .concept[data-expanded="1"] .body { max-height: 204800px; } .vis-expanded .chart-group, .body-expanded .concepts { overflow-y: auto; overflow-x: hidden; } .vis .collapse, .vis .collapse-caption, .vis-expanded .expand, .vis-expanded .expand-caption { display: none; } .vis-expanded .collapse, .vis-expanded .collapse-caption { display: block; } .vis-expanded { display: -webkit-flex !important; display: flex !important; } /* DSV */ /*EUROSTAT*/ .fl0 { margin-left:0px !important; } .fl1 { margin-left:15px !important; } .fl2 { margin-left:30px !important; } .fl3 { margin-left:45px !important; } .fl4 { margin-left:60px !important; } .fl5 { margin-left:75px !important; } .fl6 { margin-left:90px !important; } .fl7 { margin-left:105px !important; } .fl8 { margin-left:120px !important; } .cnt-content, .c0, .cnt-content-top { display:flex; display:-webkit-flex; } .c0 { flex-direction: column; -webkit-flex-direction: column; } .dashboard { font-size: 0.923rem; margin:0.0625rem 0.125rem; border-radius:0.2rem; border:1px solid #ddd; margin:1px 2px; display:flex;display:-webkit-flex; } .watermark { display:none; } .c2 .ftreebody { max-height: 18em; overflow-y: auto; border: 1px solid #ddd; border-radius: 4px; margin: 0px 2px; padding: 0px 2px; } .cnt-tbl > .cnt-tbl { max-height: 36em; } .c2 ::-webkit-scrollbar { width: 1em; } .c11 { display: -webkit-flex; display:flex; } p { padding-left:8px; padding-right:8px; } .content-row { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 3px; margin-left: 4px; margin-right: 4px; } .btn-more { font-weight: bold; width: 100%; border-radius: 3px; padding: 3px; } #block_es_chart{ /*max-width:512px;*/ -webkit-flex-grow: 1; flex-grow: 1; } #block_ADV_AUTO_ES { -webkit-flex-grow: 1; flex-grow: 1; } .chart-preview-group { -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .chart-preview-item { width: 198px; align-items: center; margin-top: 0.4rem; margin-bottom: 0.4rem; } @media all and (max-width: 768px), all and (max-width: 768px) and (min--moz-device-pixel-ratio: 1), all and (max-width: 768px) and (min-resolution: 1dppx), all and (max-width: 768px) and (min-resolution: 192dpi) { .cnt-content { -webkit-flex-direction:column; flex-direction:column; width: 1rem; -webkit-flex-grow: 1; flex-grow: 1; } .c1 { -webkit-flex-direction:column; flex-direction:column; } .cnt-content-top { -webkit-flex-direction:column; flex-direction:column; } .dashboard { -webkit-flex-direction:column; flex-direction:column; } .chart-body { width:100%; } .chart-toolbar { -webkit-flex-direction:row; flex-direction:row; width:100%; } } @media all and (min-width: 769px) and (max-width: 1077px) { .seealso { -webkit-flex-direction: column !important; flex-direction: column !important; } } @media all and (min-width: 769px), all and (min-width: 769px) and (max-width: 1599px) and (-webkit-min-device-pixel-ratio: 1), all and (min-width: 769px) and (max-width: 1599px) and (min--moz-device-pixel-ratio: 1), all and (min-width: 769px) and (max-width: 1599px) and (min-resolution: 1dppx), all and (min-width: 769px) and (max-width: 1599px) and (min-resolution: 192dpi) { .cnt-content { -webkit-flex-direction:row; flex-direction:row; } .c1 { -webkit-flex-direction:column; flex-direction:column; width:30rem; -webkit-flex-grow:4; flex-grow:4; } .c11 { display: -webkit-flex; display: flex; -webkit-flex-direction:row; flex-direction:row; } .cnt-content-top { -webkit-flex-direction:row; flex-direction:row; } .c0 { width:22rem; -webkit-flex-grow:0; flex-grow:0; } .c2 { width:18rem; -webkit-flex-grow:0; flex-grow:0; } .cnt-content-top-left { width:20rem; -webkit-flex-grow:4; flex-grow:4; } .cnt-content-right { width:10rem; -webkit-flex-grow:0; flex-grow:0; } .short .chart-body { width:100%; } .chart-body { width:90%; width: calc(100% - 2rem); } .short .chart-toolbar { display:none; } .chart-toolbar { flex-direction:column; width:10%; width:2rem; } .dashboard { flex-direction:row; } #block_commodities_H4 .ftreebody { overflow-y:auto; max-height:999px; } #block_commodities_H3 .ftreebody { overflow-y:auto; max-height:999px; } #block_commodities_H2 .ftreebody { overflow-y:auto; max-height:999px; } #block_commodities_H1 .ftreebody { overflow-y:auto; max-height:999px; } #block_commodities_H0 .ftreebody { overflow-y:auto; max-height:999px; } } .short .fheader{ font-size: 15px !important; } .short { font-family: 'Noto Sans', Tahoma !important; } .short .dashboard-body { width:100%; } .short select { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: none; font-family: 'Noto Sans', Tahoma !important; font-size: 16px; background: none; } .short .watermark { display:block; padding-right: 1rem; color: #DDD; text-transform: uppercase; text-align: right; background: transparent; margin: 0px; height: 14px; overflow: hidden; position: absolute; bottom: 8px; left: 32rem; } .short select { display:none; } .short .chart-toolbar { display:none; } .short .mp-btn { display:none; } /*EUROSTAT*/ /* FILTER */ .fheader { font-weight: bold; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin: 1px 2px; vertical-align: middle; word-wrap: break-word; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .ftree { } .ftreebody { } .frow { width: 100%; border-radius: 4px; padding-top: 1px; padding-bottom: 1px; margin: 0px; } .frowhl { text-decoration: none; color: #444; display: block; } .frowhl:hover { cursor: pointer; background: #ffe6a3 !important; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%) !important; background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; color: #444 !important; } .fcell { display: table-cell; vertical-align: top; } .factbord { border: 1px solid transparent; border-radius: 3px; margin: 2px; } .factbord0 { border: 1px solid #ccc; border-radius: 3px; margin: 2px; text-align: center; } .factbord1 { border: 1px solid #ccc; border-radius: 3px; margin: 2px; text-align: center; } .fcellsel0 { border-radius: 2px; } .fcellsel0:before { content: ""; color: #fff; font-size: 16px; height: 14px; display: block; line-height: 13px; width: 14px; cursor: pointer; } .fcellsel1 { border-radius: 2px; width: 14px; height: 14px; } .fcellsel1:before { content: "\f00c"; color: #3498db; font-family: FontAwesome; font-size: 16px; height: 14px; display: block; line-height: 13px; width: 14px; cursor: pointer; border-radius: 4px } .fcellsel { border: none; height: 14px; display: block; width: 14px; } .fcellexp0 { border-radius: 2px; } .fcellexp0:before { content: "\f0da"; color: #3498db; font-family: FontAwesome; font-size: 16px; height: 14px; display: block; line-height: 13px; width: 14px; cursor: pointer; } .fcellexp1 { border-radius: 2px; } .fcellexp1:before { content: "\f0d7"; color: #3498db; font-family: FontAwesome; font-size: 16px; height: 14px; display: block; line-height: 13px; width: 14px; cursor: pointer; border-radius: 4px } .fcellexp { border: none; height: 14px; display: block; width: 14px; } .fl0 { margin-left: 0px; } .fl1 { margin-left: 19px; } .fl2 { margin-left: 38px; } .fl3 { margin-left: 57px; } .fl4 { margin-left: 76px; } .fl5 { margin-left: 95px; } .fl6 { margin-left: 99px; } .fsearch { padding: 3px; margin: 3px; border: 1px solid #ddd; border-radius: 4px; height: 20px; } .fsearchtext { font-family: Tahoma; font-size: 14px; color: #444; text-indent: 0.1em; width: 79%; padding: 0px; margin: auto; border: none; border-radius: 0; } .fsearchtext:focus { outline: none; } .fsearchbtn { float: right; vertical-align: middle; cursor: pointer; } .fsearchbtn:before { content: "\f002"; color: #444; font-family: FontAwesome; } .fsearchbtn:hover { color: #ED9121; } .fsearchres { display: none; } .fsearchnores { display: none; } .fsearchprogress { display: none; float: right; vertical-align: middle; } .fsearchprogress:before { content: "\f013"; color: #444; font-family: FontAwesome; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fsearchclear { display: none; float: right; vertical-align: middle; cursor: pointer; } .fsearchclear:hover { color: #ED9121; } .fsearchclear:before { content: "\f00d"; color: #444; font-family: FontAwesome; } .fsearchhl { color: crimson; font-weight: bold; } .floading { border-radius: 2px; } .floading:before { content: "\f013"; color: #3498db; font-family: FontAwesome; font-size: 16px; height: 14px; display: block; line-height: 13px; width: 14px; cursor: pointer; border-radius: 4px; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fbtnexp { font-family: FontAwesome; margin-top: auto; margin-bottom: auto; cursor: pointer; padding: 0.2rem; border-radius: 0.2rem; } .fbtnexp:before { content: "\f002"; } .ftreeexp .fbtnexp:before { content: "\f0c9"; } .ftreecollapsedtrue { } @media all and (max-width: 768px), all and (max-width: 768px) and (min--moz-device-pixel-ratio: 1), all and (max-width: 768px) and (min-resolution: 1dppx), all and (max-width: 768px) and (min-resolution: 192dpi) { .ftree .fsearch, .ftree .ftreebody { display: none; } .ftree:hover .fsearch, .ftree:hover .ftreebody { display: block; } .ftree:hover .fbtnexp:before { content: "\f0c9"; } .ftreeexp .fsearch, .ftreeexp .ftreebody { display: block; } } @media all and (min-width: 769px), all and (min-width: 769px) and (max-width: 1599px) and (-webkit-min-device-pixel-ratio: 1), all and (min-width: 769px) and (max-width: 1599px) and (min--moz-device-pixel-ratio: 1), all and (min-width: 769px) and (max-width: 1599px) and (min-resolution: 1dppx), all and (min-width: 769px) and (max-width: 1599px) and (min-resolution: 192dpi) { .ftree .fsearch, .ftree .ftreebody { display: block; } .fbtnexp { display: none; } .ftreecollapsedtrue .fsearch, .ftreecollapsedtrue .ftreebody { display: none; } .ftreeexp .fsearch, .ftreeexp .ftreebody { display: block; } .ftreecollapsedtrue .fbtnexp { display: block; } } /* FILTER */ /* jquery modal */ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 101; padding: 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0,0,0,0.75); text-align: center } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em } .blocker.behind { background-color: transparent } .modal { display: none; vertical-align: middle; position: relative; z-index: 102; max-width: 800px; box-sizing: border-box; width: 90%; background: #fff; padding: 15px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left } .modal a.close-modal { position: absolute; top: 5px; right: 5px; display: block; width: 30px; height: 30px; color: transparent; } .modal a.close-modal:before:hover { color: #4882C0; } .modal a.close-modal:before { font-family: FontAwesome; text-align: center; content: "\f00d"; font-size: 30px; color: #4E4D4D; } .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px } .modal-spinner>div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out } .modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s } .modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } @-webkit-keyframes sk-stretchdelay { 0%,40%,100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%,40%,100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5) } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0) } } @media only screen and (max-width:800px) { .blocker { padding:0.3rem; overflow-x: hidden; } .modal { width:95%; } } /* jquery modal */ /* TE */ html { font-family: Tahoma, sans-serif; color: #4E4D4D; font-size: 14px; } a { text-decoration: none; color: rgb(97, 97, 97); } a:focus { outline: none; } .hl { } .hl:hover { background: #4882C0 !important; color: #eee; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all; transition-duration: 0.1s; transition-timing-function: ease-in-out; transition-property: all; } .hl:hover a { color: #EEE; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all; transition-duration: 0.1s; transition-timing-function: ease-in-out; transition-property: all; } .hl-soft { } .hl-soft:hover { background: #ffe6a3 !important; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%) !important; background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; } .fheader { font-weight: bold; font-size: 16px; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin: 1px 2px; vertical-align: middle; word-wrap: break-word; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } button { color: #4E4D4D; cursor:pointer; } ::-webkit-scrollbar { width: 0.4em; } ::-webkit-scrollbar-thumb { background: #4882C0; opacity: 0.2; border-radius: 0.2em; } ::-moz-scrollbar { width: 0.4em; } ::-moz-scrollbar-thumb { background: #4882C0; opacity: 0.2; border-radius: 0.2em; } .found { color: crimson; font-weight: bold; } /* TE */ /* MAP */ .mp-btn { height:20px; width:20px; text-align:center; font-family: FontAwesome; font-size: 20px; overflow:hidden; position:absolute; color: #adc9e6; background: white; border-radius: 10px; } .mp-btn:hover{ cursor:pointer; background: #ffe6a3; } .non-selectable { -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none; } .btn-left { top:24px; left:2px; } .btn-left:before { content: "\f0a8"; } .btn-right { top:24px; left:46px; } .btn-right:before { content: "\f0a9"; } .btn-up { top:2px; left:24px; } .btn-up:before { content: "\f0aa"; } .btn-down { top:46px; left:24px; } .btn-down:before { content: "\f0ab"; } .btn-plus { top:74px; left:24px; } .btn-plus:before { content: "\f055"; } .btn-minus { top:102px; left:24px; } .btn-minus:before { content: "\f056"; } .mp-wait{ margin:0px; overflow:hidden; position:absolute; top:100px; left:100px; display:none; } .mp-legend-maxv{ background:transparent; margin:0px; height:14px; overflow:hidden; position:absolute; bottom:110px; left:24px; } .mp-legend-minv{ background:transparent; margin:0px; height:14px; overflow:hidden; position:absolute; bottom:24px; left:24px; } .mp-legend{ background:transparent; margin:0px; height:100px; width:14px; overflow:hidden; position:absolute; bottom:24px; left:8px; } .mp-legend-nodata-text{ background:transparent; margin:0px; height:14px; overflow:hidden; position:absolute; bottom:8px; left:24px; } .mp-legend-nodata{ background:#f0efeb; margin:0px; height:14px; width:14px; overflow:hidden; position:absolute; bottom:8px; left:8px; } .mp-legend-in { background: #f55419; background: linear-gradient(bottom,#f5ec19 0%,#f55419 100%); background: -ms-linear-gradient(bottom,#f5ec19 0%,#f55419 100%); background: -o-linear-gradient(bottom,#f5ec19 0%,#f55419 100%); background: -webkit-linear-gradient(bottom,#f5ec19 0%,#f55419 100%); background: -moz-linear-gradient(bottom,#f5ec19 0%, #f55419 100%); height: 100%; width: 100%; } .mp-bln-content { display:none; } .vis0 { display:none; } /* MAP */ /* TE */ html { font-family: Tahoma, sans-serif; color:#4E4D4D; font-size:0.8125rem; } select { border-radius: 0.3rem; font-family: Tahoma, sans-serif; cursor: pointer; } select:focus { outline: none; } .f { font-family: Tahoma, sans-serif; color:#4E4D4D; } .google-visualization-table-table { font-family: Tahoma, sans-serif !important } .google-visualization-table-tr-head { background: #adc9e6 !important; } a { text-decoration:none; color:rgb(97, 97, 97); } a:focus{ outline: none; } a.fheader:hover { text-decoration: underline; } .cnt-header{ background: #FFF; border-bottom:1px solid #DDD; font-size: 1.1538rem; } .cnt-menu-content { font-size: 1rem; } .hl { } .hl:hover{ background: #4882C0 !important; color:#eee; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all; transition-duration: 0.1s; transition-timing-function: ease-in-out; transition-property: all; } .hl:hover a { color:#EEE; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all; transition-duration: 0.1s; transition-timing-function: ease-in-out; transition-property: all; } .hl-soft{ } .hl-soft:hover{ background: #ffe6a3 !important; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%) !important; background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; } .hl-soft:hover .frozen-column{ background: rgb(245, 245, 245); background: #adc9e6; background: -moz-linear-gradient(bottom, #adc9e6 -50%, #fefefe 150%); background: -webkit-linear-gradient(bottom, #adc9e6 -50%,#fefefe 150%); background: -o-linear-gradient(bottom, #adc9e6 -50%,#fefefe 150%); background: -ms-linear-gradient(bottom, #adc9e6 -50%,#fefefe 150%); background: linear-gradient(bottom, #adc9e6 -50%,#fefefe 150%); } .dashboard { display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; border:1px solid #ddd; border-radius:0.2em; margin: 1px 2px; } .chart-toolbar { order:1; flex-order:1; -webkit-order:1; -moz-order:1; width:2.1rem; padding:0.15rem; width: inherit; text-align: center; vertical-align: middle; margin: auto; } .chart-body { order:0; flex-order:0; -webkit-order:0; -moz-order:0; } .chart-tlb-btn { border:1px solid #ddd; border-radius:0.2em; font-family: FontAwesome; font-size: 1.5em; text-align: center; cursor:pointer; margin: 1px; } .download:before { content: "\f019"; } .chart-tlb-btn:hover .download { color: #4A66A0; } .chart-tlb-btn > div{ padding: 0.1em; width: 1em; height: 1em; } .fb:before { content: "\f082"; } .chart-tlb-btn:hover .fb { color: #4A66A0; } .vk:before { content: "\f189"; } .chart-tlb-btn:hover .vk { color: #567CA4; } .tw:before { content: "\f099"; } .chart-tlb-btn:hover .tw { color: #55ACEE; } .gp:before { content: "\f0d5"; } .chart-tlb-btn:hover .gp { color: #D73D32; } .in:before { content: "\f0e1"; } .chart-tlb-btn:hover .in { color: #069; } .rd:before { content: "\f1a1"; } .chart-tlb-btn:hover .rd { color: #CEE3F8; } .chart-legend-header { text-align:center; padding:0.2em; margin:0; font-weight:bold; } .chart-legend-block { display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .chart-legend-item { display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; margin-left: 1em; font-size: 1rem; -webkit-align-items: center; align-items: center; } .chart-legend-line-1 { display:table-cell; width:0.0em; } .chart-legend-line0 { display:table-cell; width:0.7em; } .chart-legend-line1 { display:table-cell; width:0.7em; border-left: 0.2em solid #FFF; border-right: 0.2em solid #FFF; } .chart-legend-line-empty { display:block; width:100%; height:0.4em; } .chart-legend-line-middle { display:block; width:100%; height:0.2em; } .chart-legend-circle { border-radius:0.8em; width:1em; height:1em; } .chart-legend { display:flex; /*font-size:0.8rem;*/ margin: auto; } .table-header-row { background: white; } .table-header-row th { white-space: normal !important; } .table-caption { /*font-size:0.8em;*/ margin-top:1em; } .table-caption:before { content: "\f0ce"; font-family: FontAwesome; margin-left:0.2em; margin-right:0.2em; } .table-caption a { border-radius: 3px; } .search-result { border-radius: 0.2rem; border:1px solid #ddd; padding:0.3rem; margin-top:0.3rem; } .search-result-header { font-size: 0.8rem; color:#ddd; } .param { } .param-title { display:inline-block; width:30%; text-align: right; vertical-align: top; } .param-value { display:inline-block; width:60%; padding-left: 1rem; } .fbtnexp:hover { background: #ffe6a3 !important; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%) !important; background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; } .ftreeexp .fbtnexp { background: #ffe6a3 !important; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%) !important; background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; } .search-hl { color: crimson; font-weight: bold; } .cnt-footer { background:rgba(173, 201, 230, 0.3); } .cnt-footer-col a:hover { text-decoration: underline; color: #ED9121 !important; } .seealso-header { text-align: center; font-weight: bold; margin: 0.4rem auto; } .seealso a:hover { text-decoration: underline; color: #ED9121 !important; } .seealso ul { padding-left: 2rem; padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem; border: 1px solid #ddd; border-radius: 0.3rem; margin:0.2rem 1rem; } article p { padding: 0rem 0.5rem; } .adv-item { text-align:center; } @media all and (max-width: 768px), all and (max-width: 768px) and (min--moz-device-pixel-ratio: 1), all and (max-width: 768px) and (min-resolution: 1dppx), all and (max-width: 768px) and (min-resolution: 192dpi) { .dashboard { -webkit-flex-flow: row wrap; flex-flow: row wrap; } .chart-tlb-btn { display:inline-block !important; } .chart-body { width: 99%; width: calc(100% - 0.1rem); } .chart-legend { order:2; flex-order:2; -webkit-order:2; -moz-order:2; display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; } .chart-toolbar { order:0; flex-order:0; -webkit-order:0; -moz-order:0; } .chart-body { order:1; flex-order:1; -webkit-order:1; -moz-order:1; } .chart-middle { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } } @media all and (min-width: 769px), all and (min-width: 769px) and (max-width: 1599px) and (-webkit-min-device-pixel-ratio: 1), all and (min-width: 769px) and (max-width: 1599px) and (min--moz-device-pixel-ratio: 1), all and (min-width: 769px) and (max-width: 1599px) and (min-resolution: 1dppx), all and (min-width: 769px) and (max-width: 1599px) and (min-resolution: 192dpi) { .dashboard { flex-flow: row; -webkit-flex-flow: row; } .chart-tlb-btn { display:block; } .chart-body { width:90%; width: calc(100% - 2.1rem); } .chart-legend { order:2; flex-order:2; -webkit-order:2; -moz-order:2; display: flex; flex-direction: row; } .chart-toolbar { order:1; flex-order:1; -webkit-order:1; -moz-order:1; } } /* TE */ /* TE HOMEPAGE LIST */ .lst { text-align: center; margin-top: 30px; } .lst .lit-wrapper .lit { border-radius: 4px; display: inline-block; text-decoration: none; } .lst[data-mode="lst"] .lit-wrapper .lit { width: 250px; } .lst[data-mode="tbl"] .lit-wrapper .lit { width: 100%; text-align: left; position:relative; } .lit-wrapper .lit:hover { cursor: pointer; -moz-box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; -webkit-box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; } .lst .lit .lit_top { vertical-align: middle; } .lst[data-mode="lst"] .lit .lit_top { height: 138px; border-top-left-radius: 4px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-top-right-radius: 4px; border-right: 1px solid #ddd; } .lst[data-mode="tbl"] .lit .lit_top { position: absolute; top: 0; left: 0; background: #FFF; width: 100px; height: calc(100% - 4px); margin: 2px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; vertical-align: middle; } .lit .lit_top > div:first-child { height: 1%; } .lst .lit .lit_top .lit_img { width: 98%; margin: auto; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; } .lst[data-mode="lst"] .lit .lit_top .lit_img { height: 143px; } .lst[data-mode="tbl"] .lit .lit_top .lit_img { height: 60px; height: 99%; } .lst .lit .lit_txt { background: #f6f7f8; color: #333; padding: 10px 20px; } .lst[data-mode="lst"] .lit .lit_txt { display:block; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .lst[data-mode="tbl"] .lit .lit_txt { /*display:table-cell;*/ border-radius: 4px; width: calc(100% - 210px); padding-left: 110px; padding-right: 100px; } .lit .lit_txt .title { margin-bottom: 10px; font-size: 14px; font-weight: bold; } .lit .lit_txt .subtitle .label { font-weight:bold; } .lit .lit_lnk { padding: 10px 20px; border-bottom-right-radius: 4px; text-align: right; background: #4882C0; color: #eee; } .lst[data-mode="lst"] .lit .lit_lnk { border-bottom-left-radius: 4px; } .lst[data-mode="tbl"] .lit .lit_lnk { display:table-cell; border-top-left-radius: 4px; position: absolute; bottom: 0; right: 0; } .lit .lit_lnk .lnk { color: #eee; } .lit:hover .lit_lnk { background: #AEC9E6; } .lit:hover .lit_lnk .lnk { color: #616161; } .lst .lit-wrapper { padding: 5px 20px; } .lst[data-mode="lst"] .lit-wrapper { display: inline-block; } .lst[data-mode="tbl"] .lit-wrapper { display: block; width: calc(100% - 40px); } .lit .lit_lnk .lnk:before { font-family: FontAwesome; } .lit[data-type="own"] .lit_lnk .lnk:before { content: "\f2bd"; } .lit[data-type="public"] .lit_lnk .lnk:before { content: "\f0c0"; } .lit[data-type="shared"] .lit_lnk .lnk:before { content: "\f1e1"; } .lit[data-type="dataset"] .lit_lnk .lnk:before { content: "\f1c0"; } .lst[data-mode="lst"] .lit .lit_lnk .lnk:before { float: left; } .lst[data-mode="tbl"] .lit .lit_lnk .lnk:before { float: right; margin-left:12px; margin-top:2px; } /* TE HOMEPAGE LIST */