/*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 */ .c0, .c1, .c2 { padding: 0em; } .cnt-content { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } @media all and (max-width: 767px) { .cnt-content { -webkit-flex-direction: column; flex-direction: column; } } @media all and (min-width: 768px) { .cnt-content { -webkit-flex-direction: row; flex-direction: row; } .c0 { order: 0; flex-order: 0; -webkit-order: 0; -moz-order: 0; /*width: 20rem;*/ flex-grow: 1; } .c1 { order: 1; flex-order: 1; -webkit-order: 1; -moz-order: 1; /*width: 50rem;*/ flex-grow: 4; } .c2 { order: 2; flex-order: 2; -moz-order: 2; -webkit-order: 2; /*width: 20rem;*/ flex-grow: 1; } } /* 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 .share-content { display: none; } .vis .settings-content table { width: 100%; } .vis .settings-content table td { width: 50%; vertical-align: top; } .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 .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 .settings-content .list > div.field { border: 1px solid #ddd; border-radius: 3px; padding: 1px; text-align: center; vertical-align: middle; } .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: 767px) { .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: 767px) { .vis .settings-content-row > div { width:25%; } } @media all and (min-width: 900px) { .vis .settings-content-row > div { width:25%; } } .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 .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, .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 .settings-content { /*border: 1px solid #ddd;*/ border-radius: 0.3rem; overflow: auto; margin: 0.0625rem 0.125rem; } .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; } .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 .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 .vis-content .filters, .vis .settings-content-row, .vis .buttons .type, .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; } .concepts .concept { /*border: 1px solid #ddd;*/ } .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 .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[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 .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 .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 { font-family: FontAwesome; font-size: 1.2rem; 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.2rem; padding: 2px; padding-right: 4px; } .vis .buttons .settings:before { content: "\f1de"; } .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 { margin-right: 0.4rem; padding-top: 2px; padding-bottom: 3px; border-radius: 3px; padding: 4px; } .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: 768px) { .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; } } @media all and (max-width: 767px) { .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, .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-expanded .expand { display: none; } .vis-expanded .collapse { 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: 767px), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1), all and (max-width: 767px) and (min-resolution: 1dppx), all and (max-width: 767px) 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: 768px) and (max-width: 1077px) { .seealso { -webkit-flex-direction: column !important; flex-direction: column !important; } } @media all and (min-width: 768px), all and (min-width: 768px) and (max-width: 1599px) and (-webkit-min-device-pixel-ratio: 1), all and (min-width: 768px) and (max-width: 1599px) and (min--moz-device-pixel-ratio: 1), all and (min-width: 768px) and (max-width: 1599px) and (min-resolution: 1dppx), all and (min-width: 768px) 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: 767px), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1), all and (max-width: 767px) and (min-resolution: 1dppx), all and (max-width: 767px) 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: 768px), all and (min-width: 768px) and (max-width: 1599px) and (-webkit-min-device-pixel-ratio: 1), all and (min-width: 768px) and (max-width: 1599px) and (min--moz-device-pixel-ratio: 1), all and (min-width: 768px) and (max-width: 1599px) and (min-resolution: 1dppx), all and (min-width: 768px) 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 */ /* LAYOUT 1324 */ .cnt-header-content { display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; } .cnt-logo{ text-align: center; font-size: 2rem; padding-left: 1rem !important; padding-top: 3px; } .cnt-body-content { display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; } @media all and (min-width: 768px) and (max-width: 1323px) { .cnt-header .cnt-buffer-left { width: 0; flex-grow: 0; } .cnt-header .cnt-buffer-right { width: 0; flex-grow: 0; } .cnt-footer .cnt-footer-content { width: 100%; } .cnt-body-content .cnt-buffer-left { width: 0; flex-grow: 0; } .cnt-body-content .cnt-buffer-right { width: 0; flex-grow: 0; } .cnt-body-content .cnt-content { width: 100%; } } @media all and (min-width: 1324px) { .cnt-header .cnt-buffer-left { display: block; /*width: calc((100% - 1324px) / 2);*/ width: 1rem; } .cnt-header .cnt-buffer-right { display: block; /*width: calc((100% - 1324px) / 2);*/ width: 1rem; } .cnt-footer .cnt-footer-content { /*width: 1324px;*/ width: calc(100% - 2rem); } .cnt-body-content .cnt-buffer-left { display: block; /*width: calc((100% - 1324px) / 2);*/ width: 1rem; } .cnt-body-content .cnt-buffer-right { display: block; /*width: calc((100% - 1324px) / 2);*/ width: 1rem; } .cnt-body-content .cnt-content { /*width: 1324px;*/ width: calc(100% - 2rem); } .cnt-footer .cnt-buffer-left { display: block; /*width: calc((100% - 1324px) / 2);*/ width: 1rem; } .cnt-footer .cnt-buffer-right { display: block; /*width: calc((100% - 1324px) / 2);*/ width: 1rem; } } /* LAYOUT 1324 */ /* 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 */ /* RESP */ html{ } body { margin:auto; } .cnt-logo{ text-align: center; font-size: 2rem; padding-left: 1rem !important; padding-top: 3px; border:none !important; } .cnt-header { z-index:99; } .cnt-footer { display:table-row; } ::-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; } .cnt-menu-buffer, .cnt-buffer-left, .cnt-buffer-right { display:none; } .cnt-footer, .seealso { display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; } .cnt-footer-col a, .cnt-footer-col div { padding:0.4rem; } .cnt-logo { padding-top:6px; padding-bottom:2px; } .cnt-body { margin-top: 3em; margin-top: 41px; } @media all and (max-width: 767px) { .cnt-header .cnt-menu-button { order: 0; flex-order: 0; -webkit-order: 0; -moz-order: 0; } .cnt-header .cnt-logo { order: 1; flex-order: 1; -webkit-order: 1; -moz-order: 1; } .cnt-header .cnt-header-plus-button { order: 2; flex-order: 2; -webkit-order: 2; -moz-order: 2; } .cnt-menu-item, .cnt-header .cnt-menu, .cnt-header .cnt-header-plus { display:none; } .cnt-header-left, .cnt-header-right { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .cnt-header-left .cnt-menu, .cnt-header-right .cnt-header-plus { order: 3; flex-order: 3; -webkit-order: 3; -moz-order: 3; display:-webkit-flex; display:flex; width:100%; -webkit-flex-direction: column; flex-direction: column; padding-bottom: 0.5rem; } /*.cnt-header-left , .cnt-header-right { position: initial !important; }*/ .cnt-menu-group-header > a{ width: 100%; text-align: left; padding: 0.3em; } .cnt-header-left + .cnt-body, .cnt-header-right + .cnt-body{ margin-top:0; } .cnt-header{ width: 100%; display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row; -webkit-justify-content: space-between; justify-content: space-between; position: fixed; top: 0; } .cnt-footer{ width: 100%; -webkit-flex-direction: column; flex-direction: column; } .cnt-footer-col { display:-webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .cnt-footer-content { display:-webkit-flex; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; padding:0.8rem; } .cnt-menu-button, .cnt-header-plus-button { cursor: pointer; font-size: 2em; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-content:center; align-content:center; -webkit-align-items:center; align-items:center; padding-left: 0.5rem; padding-right:0.5rem; } .cnt-header-plus-content { display:none; } .cnt-header-left .cnt-menu-button, .cnt-header-right .cnt-header-plus-button{ color:#4882C0; } .cnt-menu-header { display: -webkit-flex; display: flex; border-radius:0.3rem; width: 100%; } .cnt-header-right .cnt-menu-header > a { padding: 0.7rem; width: 100%; } .cnt-header-right .cnt-lang { border:none; } .cnt-header-plus{ display:-webkit-flex; display:flex; } .cnt-header-item{ display:block; margin: 0rem 0.23em; } .cnt-menu-item { padding: 0.15em 0.4em; text-indent: 3em; } .cnt-menu-group-header { border: none; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; background: white; font-weight: normal; font-size: 1.1538rem; /*height: 24px;*/ } .cnt-menu-group-header .fa { text-indent:0; } .cnt-menu .cnt-menu-header-text, .cnt-header-plus .cnt-menu-header-text { text-indent: 1rem; font-size:18px; margin:auto; } .cnt-menu .cnt-menu-group-header{ text-indent: 4.2rem; } .cnt-header-plus .cnt-menu-group-header { text-indent: 2rem; } .cnt-header-plus select { width: 100%; font-size:18px; padding:5px; margin:10px; } .cnt-menu-header-icon { border:none; display:none; border-radius:0.3rem; border:0.1rem solid transparent; display:table-cell; width:2rem; text-indent:0; } .cnt-menu-header-icon:before { content: "\f0da"; padding: 0rem 0.2rem 0rem 0.75rem; font-family: FontAwesome; font-size: 1.9rem; text-indent:0; } .cnt-menu-header-icon-search:before { content: "\f002" !important; padding: 0rem 0.01rem 0rem 0.2rem !important; } .cnt-menu-header-icon-db:before { content: "\f1c0" !important; padding: 0rem 0.2rem 0rem 0.25rem !important; } .cnt-menu-header-icon-report:before { content: "\f1c1" !important; padding: 0rem 0.2rem 0rem 0.25rem !important; } .cnt-header-left .cnt-menu-header-icon { border-radius: 0.3rem; display: table-cell; } .cnt-header-plus .cnt-search { border-bottom: none; } .fsearch { display:-webkit-flex; display:flex; -webkit-justify-content: space-between; justify-content: space-between; } .fsearchtext { margin:0; width: calc(100% - 20px); } .fsearchbtn { width: 18px; text-align: center; } .cnt-header-plus .cnt-lang{ display:-webkit-flex; display:flex; } .cnt-header-plus .cnt-lang .cnt-menu-header{ text-align: right; padding: 0; } .cnt-header-plus .cnt-menu-header, .cnt-header-left .cnt-menu-header-text { display: table-cell; display:-webkit-flex; display:flex; padding: 0.4rem; vertical-align: middle; flex-grow: 1; } .cnt-header-plus .cnt-menu-header, .cnt-header-plus .cnt-menu-header-text { display: none; } .cnt-header-plus .cnt-menu-group-header strong { float: left; text-indent: 0; } .cnt-header-plus .cnt-menu-group-header .fa { float: left; margin: 0.3rem; width:2rem; } .cnt-menu-header:hover { background: #4882C0; color: #eee; } .cnt-menu-header:hover .cnt-menu-header-icon, .cnt-menu-header-hover .cnt-menu-header-icon { /*color:#4882C0;*/ background: #C63939; } .cnt-menu-header:hover > a{ color: #eee; } .seealso { -webkit-flex-direction:column; flex-direction:column; } } @media all and (min-width: 768px){ .cnt-header{ width: 100%; position: fixed; top: 0; display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; } .cnt-footer{ width: 100%; display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction:row; -webkit-justify-content: space-around; justify-content: space-around; padding-top: 2rem; padding-bottom: 2rem; margin-top: 2rem; } .cnt-footer-content { display:-webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; } .cnt-footer-col { display:-webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .cnt-header-item{ display: table-cell; vertical-align: middle; } .cnt-logo { display:-webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-content: flex-start; align-content: flex-start; -webkit-align-items: center; align-items: center; } .cnt-menu { display:-webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-align-content: space-around; align-content: space-around; padding-left: 0.8rem; padding-top: 2px; -webkit-flex-grow: 10; flex-grow: 10; } .cnt-menu-button, .cnt-header-plus-button { display:none; } .cnt-header-plus { display:-webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-content: flex-end; align-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 10; flex-grow: 10; width: 12rem; -webkit-justify-content: flex-end; justify-content: flex-end; } .cnt-search{ } .cnt-lang{ display:flex; display:-webkit-flex; } .cnt-lang .cnt-menu-header:hover { background: #4882C0; color: #eee; border-radius: 3px; } .cnt-lang .cnt-menu-header a:hover { color: #eee; } .cnt-header .fsearchtext { width:79%; padding:0px; margin:auto; border:none; border-radius:0; } .cnt-menu-header { padding: 0.33rem 0.2rem 0.33rem 0.3rem; display: block; } .cnt-menu-content { padding: 0em; } .cnt-menu-column { display:inline-block; vertical-align: top; } .cnt-menu-group { padding: 0em; display: block; } .cnt-menu-group-header { font-weight: bold; } .cnt-menu-item { padding: 0.15em 0.4em; display: block; } .cnt-header-item .cnt-menu-content { padding: 0.3rem; padding-top: 0.4rem; position:absolute; -moz-box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff; -webkit-box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff; box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff; background: #fff; visibility:hidden; opacity:0; border-radius: 0.3rem; display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; } .cnt-header-item:hover { cursor:pointer; } .cnt-header-item:hover .cnt-menu-content, .cnt-header-item-hover .cnt-menu-content { visibility:visible; opacity:1; transition-delay:0s; } .cnt-header-item:hover .cnt-menu-buffer, .cnt-header-item-hover .cnt-menu-buffer { display: block; z-index: 99; position: absolute; width: 20rem; height: 0.4rem; background-color: #FFF; } .cnt-menu-header-icon { border-radius:0.3rem; display:table-cell; line-height: 1rem; width: 1.4rem; height: 1.3rem; } .cnt-menu-header-icon:before { content: "\f0da"; padding: 0rem 0.2rem 0rem 0.75rem; font-family: FontAwesome; } .cnt-menu-header-icon-search:before { content: "\f002" !important; padding: 0rem 0.01rem 0rem 0.2rem !important; font-family: FontAwesome; } .cnt-menu-header-icon-db:before { content: "\f1c0" !important; padding: 0rem 0.2rem 0rem 0.25rem !important; } .cnt-menu-header-icon-report:before { content: "\f1c1" !important; padding: 0rem 0.2rem 0rem 0.25rem !important; } .cnt-menu-header-text { display:table-cell; padding-left:0.4rem; padding-right:1rem; } .cnt-header-item:hover .cnt-menu-header-icon, .cnt-header-item-hover .cnt-menu-header-icon{ background: #4882C0; 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; } .cnt-header-item:hover .cnt-menu-header-icon:before, .cnt-header-item-hover .cnt-menu-header-icon:before { content: "\f0d7"; padding: 0rem 0.16rem 0rem 0.62rem; } .cnt-header-item:hover .cnt-menu-header-icon-db:before, .cnt-header-item-hover .cnt-menu-header-icon-db:before { content: "\f1c0"; padding: 0rem 0.2rem 0rem 0.4rem; } .cnt-header-item:hover .cnt-menu-header-icon-report:before, .cnt-header-item-hover .cnt-menu-header-icon-report:before { content: "\f1c1"; padding: 0rem 0.2rem 0rem 0.4rem; } .cnt-header-item-hover .cnt-menu-header-icon-search:before { content: "\f002" !important; padding: 0rem 0.16rem 0rem 0.24rem !important; } a.cnt-menu-item.hl { border-radius: 0.3rem; margin: 0.1rem; } .cnt-menu .cnt-header-item:hover .cnt-menu-header, .cnt-menu .cnt-header-item-hover .cnt-menu-header { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; -moz-box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff; -webkit-box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff; box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff; background: #fff; z-index: 99; position: relative; } .cnt-menu .cnt-header-item:hover .cnt-menu-header-leaf, .cnt-menu .cnt-header-item-hover .cnt-menu-header-leaf{ border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .seealso { flex-direction:row; } } @media all and (min-width: 1280px) { .cnt-header-item .cnt-menu-content-left { left:inherit; } .cnt-header-item .cnt-menu-content-right { right:inherit; } } @media all and (min-width: 768px) and (max-width: 1024px) { .cnt-header-item .cnt-menu-content-0 { } .cnt-header-item .cnt-menu-content-1 { } .cnt-header-item .cnt-menu-content-2 { } .cnt-header-item .cnt-menu-content-3 { left:10%; } .cnt-header-item .cnt-menu-content-4 { } .cnt-header-item .cnt-menu-content-5 { } .cnt-header-item .cnt-menu-content-6 { } .cnt-header-item .cnt-menu-content-7 { right:20%; } .cnt-header-item .cnt-menu-content-8 { right:15%; } .cnt-header-item .cnt-menu-content-9 { right:10%; } .cnt-header-item .cnt-menu-buffer-0 { } .cnt-header-item .cnt-menu-buffer-1 { } .cnt-header-item .cnt-menu-buffer-2 { } .cnt-header-item .cnt-menu-buffer-3 { } .cnt-header-item .cnt-menu-buffer-4 { } .cnt-header-item .cnt-menu-buffer-5 { } .cnt-header-item .cnt-menu-buffer-6 { } .cnt-header-item .cnt-menu-buffer-7 { margin-left:-1rem; } .cnt-header-item .cnt-menu-buffer-8 { margin-left:-1rem; } .cnt-header-item .cnt-menu-buffer-9 { margin-left:-1rem; } } #javax_faces_developmentstage_messages{display:none;} /* RESP */ /* 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: 767px), all and (max-width: 767px) and (min--moz-device-pixel-ratio: 1), all and (max-width: 767px) and (min-resolution: 1dppx), all and (max-width: 767px) 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: 768px), all and (min-width: 768px) and (max-width: 1599px) and (-webkit-min-device-pixel-ratio: 1), all and (min-width: 768px) and (max-width: 1599px) and (min--moz-device-pixel-ratio: 1), all and (min-width: 768px) and (max-width: 1599px) and (min-resolution: 1dppx), all and (min-width: 768px) 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 */ .lst { text-align: center; margin-top: 30px; } .lit-wrapper .lit { width: 250px; border-radius: 4px; display: inline-block; text-decoration: none; } .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; } .lit .lit_top { vertical-align: middle; height: 138px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .lit .lit_top > div:first-child { height: 10%; } .lit .lit_top .lit_img { width: 80%; height: 108px; margin: auto; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; } .lit .lit_txt { background: #f6f7f8; color: #333; padding: 10px 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .lit .lit_txt .title { margin-bottom: 10px; font-size: 14px; font-weight: bold; } .lit .lit_lnk { padding: 10px 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: right; background: #4882C0; color: #eee; } .lit .lit_lnk .lnk { color: #eee; } .lit:hover .lit_lnk { background: #AEC9E6; } .lit:hover .lit_lnk .lnk { color: #616161; } .lit-wrapper { padding:20px; display:inline-block; } /* TRADEREPORT BOOTSTRAP */ @media (max-width: 767px) { .hidden-xs { display:none!important } } @media (min-width: 768px) and (max-width:991px) { .hidden-sm { display:none!important } } @media (min-width: 992px) and (max-width:1199px) { .hidden-md { display:none!important } } @media (min-width: 1200px) { .hidden-lg { display:none!important } } button,input,select,textarea { font-size: 14px; line-height: inherit; border-radius: 3px; border: 1px solid #ddd; color: #4E4D4D; } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer } /* TRADEREPORT BOOTSTRAP */ /* TRADEREPORT BREADCRUMB */ .breadcrumb { margin: 0 0 20px 0; padding: 8px 0; border: 1px solid #ddd; } .breadcrumb i { font-size: 15px; } .breadcrumb > li { text-shadow: 0 1px 0 #FFF; padding: 0 20px; position: relative; white-space: nowrap; } .breadcrumb > li + li:before { content: ''; padding: 0; } .breadcrumb > li:after { content: ''; display: block; position: absolute; top: -3px; right: -5px; width: 26px; height: 24px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom-right-radius: 5px; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px } .breadcrumb>li { display: inline-block } .breadcrumb>.active { color: #777 } /* TRADEREPORT BREADCRUMB */ @media (max-width: 767px) { .lt3mn.lt3logo { display:none; } } @media (min-width: 768px) { .lt3cn { margin-left:22rem; } aside.cnt-header .cnt-logo { display:none; } } /* TRADEREPORT FLEX */ .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex-h { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-v { -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* TRADEREPORT FLEX */ /* TRADEREPORT HOMELIST */ .home_list { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.33rem 0.2rem 0.33rem 0.3rem; } .home_list, .home_list_item_content { height:100%; } .home_list, .home_list_item_content, .home_list_item_thumb, .home_list_item_body ,.home_list_item_details{ display:-webkit-flex; display:flex; } .home_list, .home_list_item_content, .home_list_item_details { -moz-flex-direction:row; -webkit-flex-direction: row; flex-direction: row; } .home_list_item_body { -moz-flex-direction:column; -webkit-flex-direction: column; flex-direction: column; } .home_list_item_body { -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; padding: 0.3rem; } .home_list_item_name { text-align: center; } .home_list_item { -moz-border:0.5px solid #ddd; -webkit-border:0.5px solid #ddd; border:0.5px solid #ddd; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; margin:0.5rem 0.5rem 1rem 0.1rem; } .home_list_item_thumb { } .home_list_item_thumb img { -moz-border-top-left-radius: 0.3rem; -webkit-border-top-left-radius: 0.3rem; border-top-left-radius: 0.3rem; -moz-border-bottom-left-radius: 0.3rem; -webkit-border-bottom-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .home_list_item_body, .home_list_item_details { -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .home_list_item_price { margin:auto; } .home_list_item_buy { margin-bottom: -0.3rem; margin-right: -0.3rem; margin-top:auto; } .home_list_item_buy .btn { border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0.3rem; } .home_list_item_buy .btn .btn-content { padding: 0.1rem; } .home_list_item_buy .btn button { padding: 0px 2px 0px 0px; font-size: 12px; } .home_list_item_updated { text-align: center; } .home_list_item_description { padding:3px 0px 3px 3px; font-size:10px; } @media all and (max-width: 560px) { .home_list_item { width:100%; } } @media all and (min-width: 561px) and (max-width: 767px) { .home_list_item { width:48%; } } @media all and (min-width: 768px) and (max-width: 991px) { .home_list_item { width:48%; } } @media all and (min-width: 992px) { .home_list_item { width:32%; } } /* TRADEREPORT HOMELIST */ /* TRADEREPORT LAYOUT */ .lt3bd { margin: 0px; width: 100%; } @media (max-width: 767px) { .lt3mn { position:inherit!important; } .lt3cn { margin-left: 0; } footer .row > div { display: block; } } @media (min-width: 768px) { .lt3mn { position: fixed; } aside.cnt-header { /*height:43px;*/ padding: 5px; } .lt3cn .lt3c1 { margin-top: 43px; } footer .row > div { display: table-cell; } } .lt3mn { vertical-align: top; height: 100%; z-index: 1; top: 0; left: 0; overflow-x: hidden; overflow-y: hidden; } .lt3cn { vertical-align: top; } .lt3cn .lt3c1 .fheader { font-size: 16px; padding: 10px; border-bottom: none; } .lt3cn .cnt-footer { background: none!important; } .lt3logo { height: 43px; vertical-align: middle; text-align: center; border-bottom: 1px solid #DDD; } .lt3logo img { padding: 10px; } aside.cnt-header .cnt-header-plus { -webkit-flex-grow: 10; flex-grow: 10; } aside.cnt-header .cnt-menu { -webkit-flex-grow: 0; flex-grow: 0; } footer { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-top-left-radius: 5px; color: rgb(97, 97, 97); } footer .row { display: table; } footer .row > div { padding-right: 35px; padding-left: 25px; } footer h5 { font-size: 13px; font-weight: bold; color: #7b7b7b; } footer .list-unstyled { padding-left: 0; list-style: none; } footer ol, ul { margin-top: 0; margin-bottom: 10px; } footer li { padding-bottom: 6px; } .body-expanded .lt3c1 .fheader, .body-expanded .lt3c1 .cnt-body, .body-expanded .concepts-top { display: none; } .body-expanded .lt3c1 { margin-top: 0; } .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; } /* TRADEREPORT LAYOUT */ /* TRADEREPORT MENU */ .cnt-header { background: #FFF; border-bottom: 1px solid #DDD; font-size: 1.1538rem; } @media screen and (max-width: 1024px) { aside.cnt-header { min-width: 284px; } } aside.cnt-header > .bl { width:100%; } @media all and (max-width: 767px) { aside.cnt-header > .bl > .cnt { width:100%; justify-content:space-between; -webkit-justify-content:space-between; padding-left:0; padding-right:0; flex-wrap:wrap; -webkit-flex-wrap:wrap; } } @media all and (min-width: 1500px) { aside.cnt-header > .bl > .cnt { width: 1200px; } } .cnt-menu-group-header a { width: 100%; } .cnt-menu-group-header { -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid transparent; margin: 1px 2px; vertical-align: middle; word-wrap: break-word; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .cnt-menu-content { min-width: 250px; } .cnt-menu-column { width: 100%; } .cnt-menu-buffer, .cnt-buffer-left, .cnt-buffer-right { display: none; } .cnt-footer, .seealso { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .cnt-footer-col a, .cnt-footer-col div { padding: 0.4rem; } .cnt-logo { padding-top: 6px; padding-bottom: 2px; } .cnt-body { margin-top: 3em; margin-top: 50px; } .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; } @media all and (max-width: 767px) { .cnt-header .cnt-menu-button { order: 0; flex-order: 0; -webkit-order: 0; -moz-order: 0; } .cnt-header .cnt-logo { order: 1; flex-order: 1; -webkit-order: 1; -moz-order: 1; } .cnt-header .cnt-header-plus-button { order: 2; flex-order: 2; -webkit-order: 2; -moz-order: 2; } .cnt-menu-item, .cnt-header .cnt-menu, .cnt-header .cnt-header-plus { display: none; } .cnt-header-left, .cnt-header-right { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .cnt-header-left .cnt-menu, .cnt-header-right .cnt-header-plus { order: 3; flex-order: 3; -webkit-order: 3; -moz-order: 3; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-direction: column; flex-direction: column; padding-bottom: 0.5rem; } .cnt-menu-group-header > a { width: 100%; text-align: left; padding: 0.3em; } .cnt-header-left + .cnt-body, .cnt-header-right + .cnt-body { margin-top: 0; } .cnt-header { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; position: fixed; top: 0; } .cnt-footer { width: 100%; -webkit-flex-direction: column; flex-direction: column; } .cnt-footer-col { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .cnt-footer-content { display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0.8rem; } .cnt-menu-button, .cnt-header-plus-button { cursor: pointer; font-size: 2em; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; -webkit-align-items: center; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem; } .cnt-header-plus-content { display: none; } .cnt-header-left .cnt-menu-button, .cnt-header-right .cnt-header-plus-button { color: #4882C0; } .cnt-menu-header { display: -webkit-flex; display: flex; border-radius: 0.3rem; width: 100%; } .cnt-header-right .cnt-menu-header > a { padding: 0.7rem; width: 100%; } .cnt-header-right .cnt-lang { border: none; } .cnt-header-plus { display: -webkit-flex; display: flex; } .cnt-header-item { display: block; margin: 0rem 0.23em; } .cnt-menu-item { padding: 0.15em 0.4em; text-indent: 3em; } .cnt-menu-group-header { border: none; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; background: white; font-weight: normal; font-size: 1.1538rem; } .cnt-menu-group-header .fa { text-indent: 0; } .cnt-menu .cnt-menu-header-text, .cnt-header-plus .cnt-menu-header-text { text-indent: 1rem; } .cnt-menu .cnt-menu-group-header { text-indent: 4.2rem; } .cnt-header-plus .cnt-menu-group-header { text-indent: 2rem; } .cnt-menu-header-icon { border: none; display: none; } .cnt-menu-header-icon { border-radius: 0.3rem; border: 0.1rem solid transparent; display: table-cell; width: 2.2rem } .cnt-menu-header-icon:before { content: "\f0da"; padding: 0rem 0.2rem 0rem 0.75rem; font-family: FontAwesome; font-size: 1.5rem; } .cnt-menu-header-icon-search:before { content: "\f002" !important; font-weight: 900; padding-top: 0; padding-bottom: 0; padding-left: 0.5rem; padding-right: 0.3rem; font-size: 1rem !important; } .cnt-header-left .cnt-menu-header-icon { border-radius: 0.3rem; display: table-cell; } .cnt-header-plus .cnt-search { border-bottom: none; } .fsearch { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .fsearchtext { margin: 0; width: calc(100% - 20px); } .fsearchbtn { width: 18px; text-align: center; } .cnt-header-plus .cnt-lang { display: -webkit-flex; display: flex; } .cnt-header-plus .cnt-lang .cnt-menu-header { text-align: right; padding: 0; } .cnt-header-left .cnt-menu-header, .cnt-header-left .cnt-menu-header-text { display: table-cell; display: -webkit-flex; display: flex; padding: 0.4rem; vertical-align: middle; flex-grow: 1; } .cnt-header-plus .cnt-menu-header, .cnt-header-plus .cnt-menu-header-text { display: none; } .cnt-header-plus .cnt-menu-group-header strong { float: left; text-indent: 0; } .cnt-header-plus .cnt-menu-group-header .fa { float: left; margin: 0.3rem; width: 2rem; } .cnt-menu-header:hover { background: #4882C0; color: #eee; } .cnt-menu-header:hover .cnt-menu-header-icon, .cnt-menu-header-hover .cnt-menu-header-icon { color: #4882C0; background: #ffe6a3; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%); background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%); background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%); background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%); background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%); } .cnt-menu-header:hover > a { color: #eee; } .cnt-header-plus .cnt-header-item form button { background: #FFF; border: none; box-shadow: none; font-size: 1.1538rem; text-align: left; text-indent: 3.3rem; padding: 7.5px 8px; width: 100%; } .seealso { -webkit-flex-direction: column; flex-direction: column; } } @media all and (min-width: 768px) { .cnt-header { width: 100%; position: fixed; top: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; } .cnt-footer { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; padding-top: 2rem; padding-bottom: 2rem; margin-top: 2rem; } .cnt-footer-content { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; } .cnt-footer-col { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .cnt-header-item { display: table-cell; vertical-align: middle; } .cnt-logo { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-content: flex-start; align-content: flex-start; -webkit-align-items: center; align-items: center; } .cnt-menu { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-align-content: space-around; align-content: space-around; padding-left: 0.8rem; padding-top: 2px; -webkit-flex-grow: 10; flex-grow: 10; } .cnt-menu-button, .cnt-header-plus-button { display: none; } .cnt-header-plus { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-content: flex-end; align-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 10; flex-grow: 10; width: 12rem; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .cnt-search { } .cnt-lang { display: flex; display: -webkit-flex; } .cnt-lang .cnt-menu-header:hover { background: #4882C0; color: #eee; border-radius: 3px; } .cnt-lang .cnt-menu-header a:hover { color: #eee; } .cnt-header .fsearchtext { width: 79%; padding: 0px; margin: auto; border: none; border-radius: 0; } .cnt-menu-header { padding: 0.33rem 0.2rem 0.33rem 0.3rem; display: block; } .cnt-menu-content { padding: 0em; } .cnt-menu-column { display: inline-block; vertical-align: top; } .cnt-menu-group { padding: 0em; display: block; } .cnt-menu-group-header { padding: 0.4rem; text-align: left; text-indent: 2rem; } .cnt-menu-item { padding: 0.15em 0.4em; display: block; } .cnt-header-item .cnt-menu-content { padding: 0.3rem; padding-top: 0.4rem; position: absolute; -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; visibility: hidden; opacity: 0; border-radius: 0.3rem; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .cnt-header-item:hover { cursor: pointer; } .cnt-header-item:hover .cnt-menu-content, .cnt-header-item-hover .cnt-menu-content { visibility: visible; opacity: 1; transition-delay: 0s; } .cnt-header-item:hover .cnt-menu-buffer, .cnt-header-item-hover .cnt-menu-buffer { display: block; z-index: 99; position: absolute; width: 13rem; height: 0.4rem; background-color: #FFF; } .cnt-menu-header-icon { border-radius: 0.3rem; border: 0.1rem solid transparent; display: table-cell; width: 2rem } .cnt-menu-header-icon:before { content: "\f0da"; padding: 0rem 0.2rem 0rem 0.75rem; font-family: FontAwesome; } .cnt-menu-header-icon-search:before { content: "\f002" !important; padding: 0rem 0.01rem 0rem 0.1rem !important; font-family: FontAwesome; } .cnt-menu-header-text { display: table-cell; padding-left: 0.4rem; padding-right: 1rem; } .cnt-header-item:hover .cnt-menu-header-icon, .cnt-header-item-hover .cnt-menu-header-icon { background: #4882C0; 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; } .cnt-header-item:hover .cnt-menu-header-icon:before, .cnt-header-item-hover .cnt-menu-header-icon:before { content: "\f0d7"; padding: 0rem 0.16rem 0rem 0.62rem; } .cnt-header-item:hover .cnt-menu-header-icon-external:before, .cnt-header-item-hover .cnt-menu-header-icon-external:before { content: "\f08e" !important; padding: 0rem 0.2rem 0rem 0.4rem; } .cnt-header-item:hover .cnt-menu-header-icon-db:before, .cnt-header-item-hover .cnt-menu-header-icon-db:before { content: "\f1c0"; padding: 0rem 0.2rem 0rem 0.4rem; } .cnt-header-item:hover .cnt-menu-header-icon-report:before, .cnt-header-item-hover .cnt-menu-header-icon-report:before { content: "\f1c1"; padding: 0rem 0.2rem 0rem 0.4rem; } .cnt-header-item:hover .cnt-menu-header-icon-user:before, .cnt-header-item-hover .cnt-menu-header-icon-user:before { content: "\f007" !important; padding: 0rem 0.2rem 0rem 0.4rem; } .cnt-header-item-hover .cnt-menu-header-icon-search:before { content: "\f002" !important; padding: 0rem 0.16rem 0rem 0.24rem !important; } a.cnt-menu-item.hl { border-radius: 0.3rem; margin: 0.1rem; } .cnt-header-plus .cnt-header-item:hover .cnt-menu-header, .cnt-header-plus .cnt-header-item-hover .cnt-menu-header, .cnt-menu .cnt-header-item:hover .cnt-menu-header, .cnt-menu .cnt-header-item-hover .cnt-menu-header { border-top-left-radius: 0.3rem; border-top-right-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; } .cnt-header-plus .cnt-menu-group-header strong { float: left; text-indent: 0; } .cnt-header-plus .cnt-menu-group-header .fa { float: left; margin: 0.3rem; text-indent: 0; width: 2rem; } .cnt-header-plus .cnt-header-item { position: relative; } .cnt-header-plus .cnt-header-item .cnt-menu-content { right: 0; } .cnt-header-plus .cnt-header-item .cnt-menu-buffer { right: 0; } .cnt-header-plus .cnt-header-item form { width: 100%; } .cnt-header-plus .cnt-header-item form .cnt-menu-group-header { padding: 0; } .cnt-header-plus .cnt-header-item form button { background: #FFF; border: none; box-shadow: none; font-size: 1.1538rem; text-align: left; text-indent: 3.3rem; padding: 7.5px 8px; width: 100%; } .cnt-menu .cnt-header-item:hover .cnt-menu-header-leaf, .cnt-menu .cnt-header-item-hover .cnt-menu-header-leaf { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .seealso { flex-direction: row; } } @media all and (min-width: 1280px) { .cnt-header-item .cnt-menu-content-left { left:inherit; } .cnt-header-item .cnt-menu-content-right { right: inherit; } } @media all and (min-width: 768px) and (max-width: 1024px) { .cnt-header-item .cnt-menu-content-0 { } .cnt-header-item .cnt-menu-content-1 { } .cnt-header-item .cnt-menu-content-2 { } .cnt-header-item .cnt-menu-content-3 { left: 10%; } .cnt-header-item .cnt-menu-content-4 { } .cnt-header-item .cnt-menu-content-5 { } .cnt-header-item .cnt-menu-content-6 { } .cnt-header-item .cnt-menu-content-7 { right: 20%; } .cnt-header-item .cnt-menu-content-8 { right: 15%; } .cnt-header-item .cnt-menu-content-9 { right: 10%; } .cnt-header-item .cnt-menu-buffer-0 { } .cnt-header-item .cnt-menu-buffer-1 { } .cnt-header-item .cnt-menu-buffer-2 { } .cnt-header-item .cnt-menu-buffer-3 { } .cnt-header-item .cnt-menu-buffer-4 { } .cnt-header-item .cnt-menu-buffer-5 { } .cnt-header-item .cnt-menu-buffer-6 { } .cnt-header-item .cnt-menu-buffer-7 { margin-left: -1rem; } .cnt-header-item .cnt-menu-buffer-8 { margin-left: -1rem; } .cnt-header-item .cnt-menu-buffer-9 { margin-left: -1rem; } } /* TRADEREPORT MENU */ /* TRADEREPORT MENU PLUS */ #top { background-color: #FFF; border-bottom: 1px solid #DDD; padding: 4px 0px 3px 0; margin: 0 0 20px 0; min-height: 40px; } #top .container-te { padding: 0 20px; display: flex; flex-direction: row; justify-content: space-between; } #top .container-te:before, #top .container-te:after { display: none !important; } #top .container-te .buttons-te { display: flex; flex-direction: row; } #top .container-te #menu { margin-bottom: 0px; min-height: 24px; } #top .container-te #menu ul.nav { min-height: 24px; } #top .container-te > .container { width: auto!important; margin-left:20px; padding-top:3px; padding-bottom:3px; } #top .container-te > .container:before, #top .container-te > .container:after { display:none; } #top #form-currency .currency-select, #top #form-language .language-select { text-align: left; } #top #form-currency .currency-select:hover, #top #form-language .language-select:hover { text-shadow: none; color: #ffffff; background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; } #top .btn-link, #top-links li, #top-links a { color: #888; text-shadow: 0 1px 0 #FFF; text-decoration: none; } #top .btn-link:hover, #top-links a:hover { color: #444; } #top-links .dropdown-menu a { text-shadow: none; } #top-links .dropdown-menu a:hover { color: #FFF; } #top .btn-link strong { font-size: 14px; line-height: 14px; } #top-links { padding-top: 6px; } #top-links a + a { margin-left: 15px; } #form-currency > div > button, #form-currency > div > ul > li > button { background: #FFF; text-align: left; color:rgb(97, 97, 97); border:none; } body > aside > div.cnt-header-plus { text-decoration: none; color:rgb(97, 97, 97); } #form-currency > div > ul > li > button:hover, #form-currency > div > ul > li > button:focus { text-decoration: none; background: #4882C0; 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; } a:hover, a:focus, .cnt-header .btn-link:hover, .cnt-header .btn-link:focus { text-decoration: none !important; } .cnt-header .btn { border: none; } /* TRADEREPORT MENU PLUS */