/*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 */ /* BLOCK RELATED STATISTICs */ .nl-item .fheader { font-weight: normal; border-radius: 0px; border: none; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; margin: 0px; -webkit-justify-content: center; justify-content: center; } /* BLOCK RELATED STATISTICs */ /* CHART */ .bln table { width:230px; font-size:0.6rem; } .bln { font-size:0.6rem; } .chart { font-family: "Noto Sans" } .chart { margin: 2px; padding: 2px; border: 1px solid #ddd; border-radius: 4px; } .chart-header { font-weight: bold; text-align: center; } .chart-subheader { text-align: center; } .chart-middle, .chart-settings-middle { flex-flow: row; -webkit-flex-flow: row; display: flex; display: -webkit-flex; } .chart-settings, .chart-filters{ display: none; font-size: 0.8rem; overflow-y:auto; overflow-x:hidden; } .chart-main, .chart-settings-body { width: calc(100% - 2.1rem); } .chart-toolbar, .chart-settings-toolbar { padding: 0.15rem; width: inherit; text-align: center; } .st:before { content: "\f085"; } .lg:before { content: "\f05a"; } .flt:before { content: "\f0b0"; } .img:before { content: "\f083"; } .chart-line:before { content: "\f201"; } .chart-column:before { content: "\f080"; } .chart-geo:before { content: "\f0ac"; } .hl {background-color: white;} .hl:hover, .hl-active { 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; } .hl:hover a, .hl-active 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; } .chart-settings-row, .chart-filters-row { -webkit-flex-flow: row; flex-flow: row; display: flex; display:-webkit-flex; } .chart-settings-row .chart-settings-label, .chart-filters-row .chart-filters-label { width:30%; text-align: right; padding: 0.2rem; } .chart-settings-row .chart-settings-value { width:70%; padding-left: 2px; display: flex; display:-webkit-flex; align-items: center; flex-direction: row; } .chart-filters-row .chart-filters-value { width:70%; padding-left: 2px; display: flex; display:-webkit-flex; justify-content: flex-start; flex-direction: column; } .chart-filters-row .chart-filters-list{ -webkit-flex-flow: column; flex-flow: column; display: flex; display:-webkit-flex; } .chart-settings-row .chart-settings-value select { border: 1px solid #ddd; border-radius: 0.3rem; font-size:0.8rem; font-family: 'Noto Sans', Tahoma; padding: 0.1rem; cursor: pointer; padding: 1px 0px; max-width: 95%; } .chart-settings-row .chart-settings-value select:focus { outline: none; } .chart-settings-row .chart-settings-value select:hover{ background: rgba(72, 130, 192, 0.18); } .chart-filters-value-item { display:flex; display:-webkit-flex; cursor:pointer; padding: 2px 0px; border-radius: 2px; } .chart-filters-value-item label{ width:100%; cursor:pointer; } .chart-filters-value-item input{ cursor:pointer; } .chart-legend { display: flex; display:-webkit-flex; justify-content: flex-start; flex-wrap: wrap; padding:0.8rem; } .chart-legend-row { display: flex; display:-webkit-flex; align-items: center; margin-top: 1px; margin-right: 6px; border-radius: 4px; padding-bottom: 1px; } .chart-legend-pict { min-width: 1rem; width:1rem; height:1rem; border-radius: 3px; } .chart-legend-label { margin-left: 5px; margin-top: 3px; } /* CHART */ /* COMMODITY EMBEDDED */ .commodity_embedded { border-radius:3px; border:1px solid #DDD; } .commodity_embedded .chart-body { width:100%; } .commodity_embedded .fheader { font-weight:normal; border:none; display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; margin:0px; border-radius:0px; justify-content:center; } .vis0 { display:none; } .commodity_embedded .chart-toolbar, .commodity_embedded .mp-cnt select, .commodity_embedded .mp-btn, .commodity_embedded .mp-wait, .commodity_embedded .mp-legend, .commodity_embedded .mp-legend-maxv, .commodity_embedded .mp-legend-minv, .commodity_embedded .mp-legend-nodata, .commodity_embedded .mp-legend-nodata-text, .commodity_embedded .mp-bln-content { display:none; } .commodity_embedded .dashboard { border:none; } /* COMMODITY EMBEDDED */ /* FILTER BASE */ .fcell{ display:table-cell; vertical-align:top; } .fsearch { padding: 3px; margin: 3px; border: 1px solid #ddd; border-radius: 4px; height:20px; } .fsearchtext { width: 84%; border: none; font-family: Tahoma; font-size: 14px; color: #444; float:left; text-indent: 0.1em; } .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; } .fheader { font-weight: bold; text-align: center; background: #adc9e6; background: -moz-linear-gradient(bottom, #adc9e6 0%, #fefefe 150%); background: -webkit-linear-gradient(bottom, #adc9e6 0%,#fefefe 150%); background: -o-linear-gradient(bottom, #adc9e6 0%,#fefefe 150%); background: -ms-linear-gradient(bottom, #adc9e6 0%,#fefefe 150%); background: linear-gradient(bottom, #adc9e6 0%,#fefefe 150%); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #ddd; padding-bottom: 2px; padding-top: 1px; padding-left: 4px; padding-right: 4px; margin:1px 2px; vertical-align:middle; word-wrap: break-word; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; } /* FILTER BASE */ /* GOOGLE SEARCH */ form.gsc-search-box { margin-bottom: 0px !important; } .cse .gsc-control-cse, .gsc-control-cse { padding: 1px !important; width: auto; } .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 2px !important; } .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { padding: 6px 6px !important; } .gsc-control-cse { font-family: Tahoma, sans-serif; border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-control-cse .gsc-table-result { font-family: Tahoma, sans-serif; } input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { border-color: #D9D9D9; border-radius: 4px; } input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { border-color: #D9D9D9 !important; background-color: #CECECE !important; background-image: none !important; filter: none !important; border-radius: 4px !important; margin-left: 0px !important; } .gsc-tabHeader.gsc-tabhInactive { border-color: #FF9900; background-color: #FFFFFF; } .gsc-tabHeader.gsc-tabhActive { border-color: #E9E9E9; background-color: #E9E9E9; border-bottom-color: #FF9900 } .gsc-tabsArea { border-color: #FF9900; } .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { border-color: #FFFFFF; background-color: #FFFFFF; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #0000CC; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #0000CC; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #0000CC; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b { color: #0000CC; } .gsc-cursor-page { color: #0000CC; } a.gsc-trailing-more-results:link { color: #0000CC; } .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { color: #000000; } .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #008000; } .gs-webResult div.gs-visibleUrl-short { color: #008000; } .gs-webResult div.gs-visibleUrl-short { display: none; } .gs-webResult div.gs-visibleUrl-long { display: block; } .gs-promotion div.gs-visibleUrl-short { display: none; } .gs-promotion div.gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #FFFFFF; } .gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: #E9E9E9; background-color: #FFFFFF; color: #0000CC; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #FF9900; background-color: #FFFFFF; color: #0000CC; } .gsc-webResult.gsc-result.gsc-promotion { border-color: #336699; background-color: #FFFFFF; } .gsc-completion-title { color: #0000CC; } .gsc-completion-snippet { color: #000000; } .gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link { color: #0000CC; } .gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited { color: #0000CC; } .gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover { color: #0000CC; } .gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active { color: #0000CC; } .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color: #000000; } .gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short { color: #008000; } /* GOOGLE SEARCH */ /* HOME */ .pub-list { display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction:column; } .pub-prev { 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; } .pub-prev:hover { cursor:pointer; border:1px solid #DDD; } .pub-prev ~ .pub-prev:hover { border-top:1px solid #FFF; } .pub-prev img { min-width:200px; margin:0.3rem; border-radius:3px; } .pub-prev h2 { padding: 0.5rem; margin-top: 0rem; margin-bottom: 0rem; } .pub-prev p { padding:0rem; margin:0rem; } .pub-prev h2 + p { padding: 0rem 0.5rem 0.5rem 0.5rem; } article { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #ddd; } article h1 { font-size:16px; padding: 0rem 1rem; margin-bottom: 0.5rem; margin-top: 0.5rem; } article img { border: 0.5px solid #ddd; border-radius: 4px; margin: 4px 6px; width: inherit; height: inherit; max-width: 90%; } article figcaption { font-size: 12px; margin-left: 6px; text-align: left; } .article-time { font-size:12px; padding-left:1rem; } .article-time .fa { margin-right:5px; } article figure { margin: 6px; } article p { font-size:15px; padding: 0rem 0.5rem; } .rel-art { font-size: 16px; padding: 0rem 1rem; margin-bottom: 0.5rem; margin-top: 0.5rem; font-weight:bold; } .chart-tlb-btn { margin: 1px; } .btn-news { padding: 0.5rem; border:1px solid #DDD; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; border-radius: 3px; margin: 2px; } .cnt-body-main , .cnt-content { display:-webkit-flex; display:flex; } .cnt-content > .c2 .nl-item { display:-webkit-flex; display: flex; width: 200px; -webkit-align-items: stretch; align-items: stretch; margin-top: 0.4rem; margin-bottom: 0.4rem; } .cnt-content > .c2 .nl { display:-webkit-flex; display:flex; } .rubrics { display:-webkit-flex; display: flex; -webkit-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: center; justify-content: center; } .rubric { padding: 0.5rem; margin: 0.2rem; border-radius: 3px; text-transform: capitalize; } .adv-item { text-align: center; } .cnt-content > .c0, .cnt-content > .c1, .cnt-content > .c2 { display:-webkit-flex; display: flex; -webkit-flex-direction:column; flex-direction: column; } .cnt-content .pub-prev ~ .pub-prev:hover { border-top: 1px solid #ddd; } .cnt-content .c0 .d0 .pub-prev-first { border-top: 1px solid rgba(221, 221, 221, 0.27) !important; } .cnt-content .c0 .d0 .pub-prev-first:hover { border-top: 1px solid #ddd !important; } @media all and (max-width: 699px), all and (min-width: 800px) { .cnt-content > .c0 img { display:none; } } @media all and (max-width: 499px) { .cnt-content { -webkit-flex-direction:column; flex-direction: column; } .cnt-content > .c1 { order:0; flex-order:0; -webkit-order:0; -moz-order:0; } .cnt-content > .c1 > .d1 { display:none; } .cnt-content > .c0 { order:1; flex-order:1; -webkit-order:1; -moz-order:1; } .cnt-content > .c2 { order:2; flex-order:2; -webkit-order:2; -moz-order:2; } .cnt-content > .c2 .nl { width:100%; -webkit-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around; } .adv-item { margin-top:1rem; padding-top:1rem; padding-bottom: 1rem; background: rgba(173, 201, 230, 0.3); } } @media all and (min-width: 500px) and (max-width: 799px) { .cnt-content { -webkit-flex-direction:row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .cnt-content > .c1 { order:0; flex-order:0; -webkit-order:0; -moz-order:0; width: 100%; } .cnt-content > .c1 > .d1 { display:none; } .cnt-content > .c0 { order:1; flex-order:1; -webkit-order:1; -moz-order:1; width: calc(100% - 210px); } .cnt-content > .c2 { order:2; flex-order:2; -webkit-order:2; -moz-order:2; width:210px; } .cnt-content > .c2 .nl { -webkit-flex-direction:column; flex-direction:column; } } @media all and (min-width: 800px) { .cnt-content { -webkit-flex-direction: row; flex-direction: row; } .cnt-content > .c0 { order:0; flex-order:0; -webkit-order:0; -moz-order:0; -webkit-flex-grow:1; flex-grow:1; width:200px; } .cnt-content > .c0 .pub-prev-title { font-weight: normal; padding-top:0; } .cnt-content > .c0 .pub-prev-desc { display:none; } .cnt-content > .c0 .pub-prev-time{ padding-bottom:0; } .cnt-content > .c1 { order:1; flex-order:1; -webkit-order:1; -moz-order:1; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-grow:1; flex-grow:3; width: 390px; } .cnt-content > .c1 > .d0 #block_rubrics { border-top: 1px solid #ddd; margin-top: 1rem; } .cnt-content > .c2 { order:2; flex-order:2; -webkit-order:2; -moz-order:2; -webkit-flex-grow:0; flex-grow:0; width: 210px; } .cnt-content > .c2 .nl { -webkit-flex-direction:column; flex-direction:column; } } /* HOME */ /* LAYOUT 1024 */ .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: 1023px) { .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: 1024px) { .cnt-header .cnt-buffer-left { display: block; width: calc((100% - 1024px) / 2); } .cnt-header .cnt-buffer-right { display: block; width: calc((100% - 1024px) / 2); } .cnt-footer .cnt-footer-content { width: 1024px; } .cnt-body-content .cnt-buffer-left { display: block; width: calc((100% - 1024px) / 2); } .cnt-body-content .cnt-buffer-right { display: block; width: calc((100% - 1024px) / 2); } .cnt-body-content .cnt-content { width: 1024px; } .cnt-footer .cnt-buffer-left { display: block; width: calc((100% - 1024px) / 2); } .cnt-footer .cnt-buffer-right { display: block; width: calc((100% - 1024px) / 2); } } /* LAYOUT 1024 */ /* NEWS LINE */ .nl { } .nl-header { font-weight:bold; display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; padding:0.2rem 0.4rem; } .nl-header-date { } .nl-header-title { text-align:center; width:90%; } .nl-item { display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction:column; padding:0.2rem 0.4rem; } .nl-item-date { font-weight:bold; } .nl-item-title { } .nl-hr { height:1px; background-color:#ddd; margin:1px 5px; opacity:0.12; } .cnv-dt-hiddden { display: none; } /* NEWS LINE */ /* 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; } .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:3px; } .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; border-bottom: 1px solid #ddd; } .cnt-menu-item { padding: 0.15em 0.4em; text-indent: 3em; } .cnt-menu-group-header { text-indent: 2.1em; 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-header-icon { border:none; padding: 0.4rem; display:none; } .cnt-menu-header-icon:before { font-family: FontAwesome; content: "\f0da"; font-weight: 900; padding-top: 0; padding-bottom: 0; padding-left: 0.5rem; padding-right: 0.3rem; font-size: 2rem; } .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.7rem; vertical-align: middle; flex-grow: 1; } .cnt-menu-header:hover { background: #4882C0; color: #eee; } .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 .cnt-menu-content { visibility:visible; opacity:1; transition-delay:0s; } .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; border:0.1rem solid #DDD; display:table-cell; line-height: 1rem; } .cnt-menu-header-icon:before { content: "\f0da"; padding: 0rem 0.2rem 0rem 0.4rem; font-family: FontAwesome; } .cnt-menu-header-text { display:table-cell; padding-left:0.2rem; padding-right:0.2rem; } .cnt-header-item-hover .cnt-menu-header-icon{ 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-header-item-hover .cnt-menu-header-icon:before { content: "\f0d7"; padding: 0rem 0.16rem 0rem 0.24rem; } a.cnt-menu-item.hl { border-radius: 0.3rem; margin: 0.1rem; } .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; } .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 */ /* RUBRIC NEWS LIST */ .cnv-dt-hiddden { display: none; } .rubrics { display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: center; justify-content: center; } .rubric { padding: 0.5rem; margin: 0.2rem; border-radius: 3px; text-transform: capitalize; } a.rubric:hover { text-decoration:underline; } #block_rubrics { border-bottom: 1px solid #ddd; margin:0rem 0.8rem 0.8rem 0.8rem; } .pub-list{ padding: 0rem 0.6rem; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; } .pub-prev { display:-webkit-flex !important; display:flex !important; -webkit-flex-direction: row; flex-direction: row; border-radius: 3px; border: 1px solid transparent; /*margin-bottom: 0.6rem;*/ -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; border-bottom: 1px solid rgba(221, 221, 221, 0.27); border-top: none; } .pub-prev:hover { border:1px solid #ddd; border-top: none !important; } .pub-prev-first { border-top: 1px solid transparent !important; } .pub-prev-first:hover { border-top: 1px solid #ddd !important; } .pub-prev img { border-radius:3px; } .pub-prev-text { /*display:-webkit-flex; display:flex;*/ -webkit-flex-direction: column; flex-direction: column; } .pub-prev-time { font-weight: bold; font-size: 12px; padding: 0.4rem; } .pub-prev-title{ font-weight: bold; padding: 0.2rem 0.4rem; } .pub-prev-desc { padding: 0.2rem 0.4rem; } /* RUBRIC NEWS LIST */ /* 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; 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 */ /* TRADE EMBEDDED */ .embedded { margin: 0px; } .embedded .dashboard { border:none; } .embedded .dashboard-title { display:none; } .embedded .dashboard-legend { display:none; } .embedded .watermark { display:none; } .embedded .dashboard-toolbar { display:none; } .embedded .dashboard-body { display:-webkit-flex; display:flex; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; width: 100%; } .embedded .dashboard-chart { width:100%; } .embedded .r1x1 { width: 35%; width: calc(36% - 0.5rem); } .embedded .r16x9 { width: 63%; width: calc(64% - 0.5rem); } /* TRADE EMBEDDED */