/* General */
@font-face {
  font-family: 'EuropaIcons';
  src: url('europa-icons.woff') format('woff');
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

body > .container {
  flex-grow:1;
}

body {
  margin: 0 auto;
  font-size: 16px;
  color: #333;
  min-width: 320px;
  font-family: Arial,sans-serif;
  line-height: 1.667;
  overflow-x: hidden;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn {
  border-radius: 0;
}

.btn-xs.btn-primary {
  min-height: initial;
  padding: 1px 5px;
  border: 1px solid transparent;
  font-weight: normal;
}

.btn-xs.btn-primary:hover {
  border-color: #004494;
  text-decoration: none;
}

.disc {
  list-style-type: disc;
  padding-left: 40px;
}

.template-search #main {
  padding-left: 30px;
}

ul {
  margin: 1em 0;
}

a {
  color: #004494;
  text-decoration: none;
  word-wrap: break-word;
}

a:active,
a:focus,
a:hover {
  color: #404040;
}

.searchButton:focus,
.searchField:focus,
a:focus {
  outline: 3px solid #ffd617;
  outline-offset: 2px;
}

.searchField:focus {
  background-color: #fff !important;
}

p {
  margin: 1rem 0;
}

a:hover,
.breadcrumbs li a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 2em;
  padding: 0.83em 0;
}

h2 {
  font-size: 1.5em;
  padding: 0.67em 0;
}

h3 {
  font-size: 1.2em;
}

table, td, th, tr {
  padding: .5em;
  border: 0;
  text-align: left;
}

thead th,
body .docsTable th {
  background: white;
  border: 0;
  border-bottom: 1px solid #404040; ;
  padding: 6px 8px;
}

.docsTable .align-middle {
  vertical-align: middle;
}

td.label {
  font-size: 100%;
  font-weight: normal;
}

.btn-inverse {
  color: #FFF;
  background-color: #363636;
  border-color: #222;
}

.btn-inverse:hover {
  color: #FFF;
  background-color: #222;
}

.container .container {
  width: auto;
}

.form-select,
.ms-choice {
  border-radius: 0;
  min-height: 2.75em;
  width: 100%;
  box-shadow: none;
  border: 1px solid #404040;
  color: #404040;
  padding-right: 50px;
  background: url(../images/arrow-down.svg),linear-gradient(180deg,#404040,#404040);
  background-repeat: no-repeat;
  background-position: right .764em center,100%;
  background-size: 1.1em .6134969325em,2.75em 100%!important;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}

.form-select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.form-select:hover,
.ms-choice:hover {
  border-color: #004494;
  background-image: url(../images/arrow-down.svg),linear-gradient(180deg,rgb(0, 68, 148),rgb(0, 68, 148));
}

.form-select:focus,
.ms-choice:focus {
  outline: 3px solid #ffd617;
  border: 0;
  box-shadow: none;
}

#login_form,
#mail_password,
.boardConversation,
.template-conversation_browserview fieldset {
  background: #FFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

#login-forgotten-password ~ ul {
  list-style-type: disc;
}

.fieldRequired {
  background: url(../../portal_skins/plone_images/required.png) center left no-repeat;
  color: rgba(255, 255, 255, 0);
}

/* Header */
.container-fluid:before,
.container-fluid:after {
  content: none;
}

.white-header {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 0 15px 0;
  max-width: calc(65em + 100px);
  color: #004494;
  min-height: 100px;
  justify-content: space-between;
  font-size: .889em;
}

.input-group.input-group-search {
  border: 1px solid black;
  width: 100%;
  max-width: 305px;
}

.search-form__textfield-wrapper {
  position: relative;
  display: table-cell;
  margin-bottom: 0;
  width: 240px;
}

#search-form input:focus {
  outline-offset: -3px;
  border: solid 3px #ffd316;
}

#search-text {
  height: 38px;
  border-radius: 0;
  font-weight: bold;
}

#search-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: normal;
}
#search-text::-moz-placeholder { /* Firefox 19+ */
  font-weight: normal;
}
#search-text:-ms-input-placeholder { /* IE 10+ */
  font-weight: normal;
}
#search-text:-moz-placeholder { /* Firefox 18- */
  font-weight: normal;
}

.searchButton {
  background-color: #e3e3e3;
  color: #004494;
  font-weight: bold;
  border: 0;
  height: 2.7em;
  padding: 0 1.1em 0 1.1em;
  margin-left: 2px;
  border-radius: 0;
}

.input-group-btn > .searchButton:hover,
.input-group-btn > .searchButton:focus,
.input-group-btn > .searchButton:active {
  z-index: auto;
}

.searchButton:hover {
  text-decoration: underline;
  color: #404040;
}

.searchButton:focus {
  outline-offset: -3px;
}

.searchField {
  border: 0;
  height: 2.7em;
}

.searchField:focus {
  text-decoration: none;
  outline-offset: -3px;
}

.logo {
  width: 200px;
  padding: .5rem 0;
}

.blue-header {
  background: #004494;
  min-height: 50px;
  color: #fff;
}

.blue-header a {
  color: #fff;
  text-decoration: underline;
}

.navbar-collapse {
  padding: 0;
  border-top: 0;
}

.breadcrumbs {
  margin: 0;
  min-height: 22px;
  padding-left: 0;
  border-bottom: 1px solid #fff;
  width: 100%;
  font-weight: bold;
}

.breadcrumbs li {
  list-style-type: none;
  background: url("../images/breadcrumb.gif") rgba(0, 0, 0, 0) left center no-repeat;
  padding: 0px 5px 0px 15px;
  display: inline-block;
  font-family: Arial, sans-serif;
  vertical-align: middle;
  font-size: 15px;
  color: #FFF;
  text-transform:capitalize;
}

.breadcrumbs li.first {
  background-image: none;
  padding-left: 0;
}

.breadcrumbs li:only-child {
  margin: 0.35rem 0;
}

.breadcrumbs li a {
  color: #FFF;
  text-decoration: none;
}

/* Footer */
#footer ul {
  margin: 0;
}

#print-footer {
  display: none;
}

.cc-logo {
  vertical-align: text-top;
  width: 1rem;
}

.cc-logo-wrapper {
  font-size: 0.8rem;
  padding: .1rem;
}

.icon:before {
  text-decoration: none;
  display: inline-block;
  font-family: 'EuropaIcons';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  margin-right: 4px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fb,
.icon-fb:before {
  content: "\e809";
}

.icon-twitter,
.icon-twitter:before {
  content: "\e817";
}

.is-external:after {
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\e825";
  font-size: 75%;
  margin-left: .4em;
  margin-right: .2em;
}

#footer {
  padding: 1rem 0;
  background-color: #004494;
  color: #fff;
}

#footer li {
  margin-bottom: 1rem;
}

#footer a {
  color: #fff;
}

.footer__divider {
  margin-bottom: 2rem;
  margin-top: 2rem;
  border-bottom: 2px solid #7fa1c9;
}

.site-details h4 {
  font-weight: bold;
  padding-top: 0 !important;
}

.site-details p {
  font-size: 14px;
  text-align: initial;
  color: #bfd0e4;
}

#footer .col-md-6 {
  padding: 0;
}

a.icon {
  display: block;
  margin-left: .5rem;
}

/* Login page */
#login_form,
#mail_password {
  margin-top: 20px;
  padding: 10px;
  width: 300px;
}

#login_form label {
  display: inline-block;
  width: 100px;
  text-align: left;
  font-weight: normal;
}

#login_form .formControls {
  margin-left: 0;
  margin-bottom: 5px;
}

#__ac_name,
#__ac_password {
  width: 150px;
}

#login-forgotten-password {
  margin-bottom: 20px;
  margin-top: 10px;
}


/* Configure Visualization page */
.template-daviz-edit-html .portalMessage,
.daviz-settings ul.formTabs,
.editor-box h4 {
  display: none;
}

.share-actions li {
  cursor: pointer;
}

#the-metadata ul {
  list-style-type: none;
  padding-left: 20px;
}

#the-metadata h2 {
  padding-bottom: 1rem;
}

.daviz-edit-tabs .panes {
  border: none;
  padding: 0.5em;
}

.editor-steps {
  border-right: 0px;
  width: 220px;
  float: left;
}

.editor-steps ul {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  list-style: none;
}

.editor-steps li a {
  color: #074A8B;
  display: block;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #E5E5E5;
}

.editor-steps li a:visited,
.editor-steps li a:hover {
  color: #074A8B;
  text-decoration: none;
}

.editor-steps li.current a,
.editor-steps li a:hover {
  background-color: #074A8B;
  color: #FFF;
}

.editor-steps .glyphicon-chevron-right {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("glyphicons-halflings.png");
  background-position: -456px -72px;
  background-repeat: no-repeat;
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  color: #999;
}

.editor-box h4,
.editor-current-step,
.daviz-view-form {
  margin-left: 240px;
}

.editor-current-step {
  background: #FFF;
  margin-bottom: 10px;
  padding: 0 20px 20px 20px;
  width: 79%;
  min-height: 333px;
}

.editor-current-step label {
  font-weight: normal;
}

.editor-charttype .chart-type-container {
  overflow: hidden;
}

.editor-charttype label.chart-type {
  display: inline-block;
  width: 192px;
  height: 192px;
  border: 1px solid #DDD;
  margin: 0 13px 13px 13px;
  padding: 18px 5px 5px 14px;
  float: left;
}

.editor-charttype .lines {
  background: #FFF url(../images/line.png) no-repeat 25px 55px;
}

.editor-charttype .columns {
  background: #FFF url(../images/column.png) no-repeat 25px 50px;
}

.editor-charttype .scatter {
  background: #FFF url(../images/scatter.png) no-repeat 23px 65px;
}

.editor-charttype .bubbles {
  background: #FFF url(../images/bubbles.png) no-repeat 23px 65px;
}

.editor-charttype .map {
  background: #FFF url(../images/map.png) no-repeat 25px 50px;
}

.daviz-settings .action-buttons {
  display: inline-block;
}

.editor-current-step label {
  font-size: 12px;
  color: #555;
  margin: 5px 0 2px 0;
  line-height: 16px;
  vertical-align: middle;
}

.editor-structure {
  display: flex;
  flex-direction: column;
}

.editor-structure-multiple-series label,
.editor-structure-categories-by label {
  min-width: 169px;
}

.editor-series.form-inline.editor-current-step {
  display: flex;
  flex-direction: column;
  width: auto;
}

.daviz-views-edit ul {
  margin-left: 5px;
}

.editor-current-step select,
.editor-facet-field input[type="text"] {
  width: 297px;
  height: 25px;
  font-size: 12px;
  color: #000;
  margin: 0 0 2px 0;
  vertical-align: middle;
}

.editor-current-step .checkbox,
.editor-current-step .checkbox label {
  padding-left: 0;
}

.editor-facet-field textarea,
.editor-facet-field div.select2-container {
  width: 100%;
}

.editor-facet-field .select2-choices li {
  height: 20px;
  margin: 5px !important;
}

.editor-current-step .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.editor-facet-field label,
.editor-annotations label {
  display: block;
}

#daviz-views-edit fieldset {
  margin-bottom: 20px;
  border: 1px solid #CCC;
  border-radius: 4px;
}

.editor-axes legend,
.editor-facet-name {
  width: auto;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
}

.no-float {
  float: none;
}

button[name="add-title-part"] {
  display: block;
  clear: both;
}

.editor-current-step label.title-preview-label {
  margin-top: 20px;
  display: block;
}

.title-preview-box {
  border: 1px dashed #CCC;
  padding: 3px 10px;
  margin: 5px 0 10px;
  font-style: italic;
}

/* make editor-facets look like fieldsets */
.editor-current-step .editor-facets {
  padding: 0 1em 1em;
  border: 1px solid #CCC;
  border-radius: 4px;
  margin-bottom: 36px;
}

.editor-facet-name {
  margin-top: -16px;
  background: #FFF;
  display: inline-block;
}

.well-small {
  padding: 9px;
  margin-top: 10px;
}

.editor-axes input[type="text"] {
  height: 25px;
}

.editor-current-step input[type="text"],
.editor-current-step select,
.editor-current-step textarea {
  font-size: 12px;
}

.editor-series ul,
.editor-annotations ul {
  padding-left: 0;
  list-style-type: none;
}

.editor-format h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0;
}

.editor-annotations textarea {
  min-height: 100px;
  width: 100%;
}

.definitions-title {
  width: 100%;
}

.editor-advanced textarea {
  min-height: 300px;
  margin-bottom: 20px;
}

.daviz-view-form button {
/* Bootstrap button style for a non-editable button */
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  color: #333;
  background-color: #FFF;
  border:1px solid  #CCC;
}

.daviz-view-form button:hover {
  color: #333;
  background-color: #E6E6E6;
  border-color: #ADADAD;
}

.template-daviz-edit-html .collapse {
  position: initial; /* override from daviz-edit.css */
}


/* Visualization */
.daviz-tab-view {
  background: transparent;
}

#the-chart {
  min-height: 50px;
  margin-bottom: 15px;
  overflow-x: auto !important;
  max-width: 100%;
  border: 1px solid #ebebeb;
}

#toolbar .ui-button .ui-icon {
    background-image: url('++resource++jquery-ui-themes/sunburst/images/ui-icons_ffffff_256x240.png') !important;
}

#toolbar .ui-button {
    background: #004494 !important;
}

/* Visualization filters */
#the-filters {
  min-height: 50px;
  margin: 15px 0;
  font-size: 14px;
}

.bottom-left {
  float: left;
  display: inline-block;
}

.bottom-right {
  float: right !important;
  display: inline-block;
}

.bottom-left select,
.bottom-right select {
  width: 320px;
}

#the-filters label {
  display: inline-block;
  color: #555;
  margin-bottom: 2px;
  vertical-align: top;
}

#the-filters label + span {
  float: right;
}

#the-filters p {
  font-weight: 600;
  font-size: 14px;
}

#the-filters .chart-controls {
  margin-bottom: 10px;
}

#the-filters .chart-controls label {
  width: 235px;
  vertical-align: middle;
}

body .select2-container,
body #the-filters select,
body .select2-container-multi .select2-choices .select2-search-field input,
body .select2-drop.select2-drop-multi.select2-drop-active {
  font-family: 'Segoe UI', Arial, sans-serif !important;
}

#ref-area-add-all,
#ref-area-clear {
  margin-top: 10px;
}

.chart-filter .select2-container {
  width: 100%;
}

.chart-filter select.multiple_select {
  width: 100%;
}

div.ms-drop li {
  padding: 5px 0 5px 0;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  font-size: 16px;
  width: 100% !important;
}

.ms-drop {
  border-radius: 0;
  width: 100%;
}

.ms-drop ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.ms-drop ul li:first-child {
  grid-column: 1 / span 2;
}

.ms-drop ul::-webkit-scrollbar {
  -webkit-appearance: none;
  border-radius: 0;
}

.ms-drop ul::-webkit-scrollbar:vertical {
  width: 12px;
}

.ms-drop ul::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}

#the-filters div.ms-drop label {
  vertical-align: bottom;
}

#the-filters div.ms-drop label input[type='checkbox'] {
  margin-bottom: 5px;
}

div.ms-drop label < input[name='selectAllref-area'] {
  width: 100%;
}

/* Chart listing */
.blue-top-border {
  border-top: solid #004494;
}

.scoreboard-listing p + p{
  margin-bottom: 1em;
}
.scoreboard-listing .scoreboard-visualizations-listing tr {
  border-bottom: 1px dotted #ddd;
}
.scoreboard-listing .scoreboard-visualizations-listing tr:last-child {
  border-bottom: 0;
}
.scoreboard-listing .thumbnail-area a {
  display: block;
  overflow: hidden;
  height: 7em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
}
.scoreboard-listing .thumbnail-area a:hover,
.scoreboard-listing .thumbnail-area a:focus {
  border-color: #3999c5;
}
.scoreboard-listing img {
  height: 100%;
  max-height: 100%;
  width: auto;
  max-width: none;
}

/* Visualization legend and share */
.section.share {
  padding: 20px;
}

.share dl {
  padding: 0;
  margin: 0;
}

.section.share ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

.share .comment {
  margin-top: 0;
}

.share a {
  width: 96%;
}

.addthis_toolbox a {
  margin-bottom: 3px;
  width: 36px;
}

.btn-primary {
  background-color: #004494;
  border-color: #004494;
  min-height: 2.75em;
  padding: .5em 1em;
  text-align: left;
  font-weight: 600;
  border-width: 2px;
  box-shadow: none;
}

.btn-primary:hover {
  background-color: #fff;
  color: #004494;
  text-decoration: underline;
  text-shadow: none;
}

.btn-default {
  background: none;
  border: 2px solid transparent;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  padding: .89rem 1rem;
  border-color: #004494;
  color: #004494;
}

.btn-default:hover {
  background-color: #004494;
  border-color: #004494;
  color: #fff;
  text-decoration: underline;
}

.btn-default:focus,
a.btn-secondary {
  outline-offset: -2px;
}

.btn-secondary {
  padding: .89em 1em;
}

.btn-view-viz {
  color: #FFF;
  background-color: #0065A2;
  border-color: #02578B;
  text-shadow: none;
}

.btn-view-viz:hover {
  color: #FFF;
  background-color: #065A8C;
  border-color: #064267;
}

.heading-wrapper {
  width: auto!important;
}

/* Search inline form */
.search-form {
  margin-bottom: 1.7em;
  margin-top: 1.7em;
  display: inline-block;
}

.search-form h1 {
  display: inline-block;
}

.search-form h2 {
  display: block;
  margin-bottom: .556em;
  padding: 0;
  font-size: .889em;
  color: #404040;
  font-weight: 700;
}

.search-form input{
  font-family: Arial, Helvetica, 'DejaVu Sans', sans-serif;
  font-size: 14px;
}

#navsearch {
  position: relative;
  display: inline;
  float: right;
}

#navsearch form {
  margin: 0;
}

#navsearch .form-group {
  margin-bottom: 0;
}

/* Visualization scenario navigation */
.navigation-widget {
  clear: both;
  width: 100%;
  padding-top: 10px;
  margin-bottom: 10px;
}

.ui-sortable-helper {
  transform: scale(.5);
  background-color: #fff2d1!important;
}

.dataset-box-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(8rem, 1fr));
  grid-auto-rows: 1fr;
  grid-column-gap: 5rem;
  grid-row-gap: 2rem;
}

.dataset-box-wrapper > *:first-child {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}


.dataset-box-wrapper::before {
  content: '';
  width: 0;
  padding-bottom: 100%;
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}

.dataset-box {
 width: 100%;
 padding: 0;
}

.dataset-box a {
  display: block;
  padding-top: 1rem;
  text-align: center;
  text-decoration: none;
  border: 3px solid transparent;
  box-shadow: 0 1px 3px;
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dataset-box a:focus {
  outline-offset: -3px;
}

.dataset-box.selected a:focus {
  outline: none;
}

.dataset-box.selected a {
  border-color: #ffd316;
  box-shadow: none;
}
.dataset-box a:hover,
.dataset-box a:focus {
  background-color: #C4E2F0;
}
.dataset-box label {
  display: block;
  height: 4.2em;
  overflow: hidden;
  margin-top: 5px;
  color: #333;
  font-weight: normal;
  font-size: x-large;
  line-height: 1.4;
}
.navigation_icon,
.scenario_icon {
  border: 1px solid #ccc;
  display: block;
  margin: 0 auto;
  height: 12rem;
  width: 87%;
}

/* Loading effects */
.loading-small {
  background: url(../images/loading-bar.gif) no-repeat;
}

#the-chart.loading-small {
  background-position: center;
}

.chart-filter.loading-small {
  background-position: right 5rem bottom -.5rem;
  background-size: 20rem;
}

.ms-choice {
  border-radius: 0 !important;
  border: 1px solid #404040 !important;
  height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px;
  line-height: 1.42857143;
  width: inherit !important;
  max-width: 100%;
}

.ms-choice:focus {
  outline-offset: -1px;
}

.ms-parent {
  width: 100%;
}

.ms-choice > span {
  position: relative !important;
  padding-left: 0!important;
}

.ms-choice div {
  display: none;
}

/* Dataset page */
.dataset-metadata {
  padding: 1.4em;
  background-color: #ebebeb;
  border-left: .556em solid #ffd316;
}

.dataset-metadata select {
  background-color: #fff;
}

.dataset-metadata dd {
  padding: 0 0 1em 0;
  text-align: justify;
}

.dataset-metadata dt {
  text-transform: capitalize;
  text-decoration: underline;
}

.dataset-metadata dt:after {
  content: ":";
}

.actions {
  margin-bottom: 1rem;
}

table .label {
  display: table-cell;
}

#annotations-table td {
  vertical-align: middle;
}

#annotations-table {
  font-size: 100%;
  margin-left: -15px;
}

.template-datacube-view-html table {
  font-size: 1rem;
}

.template-datacube-view-html table th:first-child {
  width: 25%;
}

.template-datacube-view-html table th:nth-child(2) {
  width: 30%;
}

#dataset-dimensions,
#dataset-attributes,
#dataset-measures {
  width: 100%;
}

.template-datacube-view-html .label {
  color: #333;
  line-height: 1.4;
}

.template-datacube-view-html .download-data {
  list-style-type: disc;
}

/* composite chart/sliders */
#the-filters .right-label {
  float: right;
  display: inline-block;
  margin-right: 1rem;
}

.chart-filter {
  margin-top: 5px;
}

.composite-sliders {
  margin: 10px 0 0 0;
}

.normalized-value {
  text-align: center;
}

.composite-slider-widget {
  height: 35px;
  display: grid;
  grid-template-columns: 3fr 12fr 2fr;
  margin-bottom: 1em;
  line-height: 1;
}

.slider-label {
  font-size: 14px;
}

#the-filters .slider-step {
  position: absolute;
  width: 20px;
  margin-left: -10px;
  text-align: center;
  margin-top: 1.2rem;
  font-size: 8px;
  font-weight: bold;
}


/* Datasets and documentation */
table.container {
  width: auto;
}

.list_indicators {
  font-size: 90%;
}

.list_indicators .spacer {
  height: 2rem;
}

.list_indicators td,
.template-datacube-view-html table td
 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.list_indicators th {
  vertical-align: middle;
  padding: 6.3px 0;
}

.list_indicators .odd {
  vertical-align: middle;
  background-color: transparent;
}

.list_indicators .even {
  vertical-align: middle;
  font-weight: 600;
}

.list_indicators .even a {
  font-weight: initial;
}

.template-datacube-view-html h2 {
  margin-top: 25px;
  margin-bottom: 0px;
}

.template-datacube-view-html h2:first-of-type {
  margin-top: 0.67em;
}

.template-datacube-view-html table tr:nth-of-type(2n),
body .docsTable tr:nth-of-type(2n),
.list_indicators tr:nth-of-type(2n) {
  background: #F5F5F5;
}

.notation,
.label {
  text-align: left;
  vertical-align: middle;
}


body .list_indicators .groupName {
  border: 0px;
  text-align: center;
  background: #FFF;
  color: #004494;
}

.list_indicators .groupName td {
  font-weight: bold;
  padding: 0.611em 0 .611em 1.222em;
  font-size: x-large;
  border-left: 5px solid #ffd316;
  border-top: 0;
  border-bottom: 0;
}

#dataset-navigation h2 {
  margin: 0.67em 0;
  color: #000;
}

body .docsTable .odd {
  background: transparent;
  width: 25%;
}

body .docsTable .even {
  background: transparent;
  width: 50%;
}

body .docsTable td {
  border: 0;
}

.template-documentation h1 {
  text-align: left;
}

.template-documentation .first.leaf,
.section-privacy .last.leaf {
  border-left-color: #ffd316 !important;
}

.docsTable {
  margin: 20px 0;
  table-layout: fixed;
  word-wrap: break-word;
}

.docsTable th:nth-of-type(2n),
.docsTable td:nth-of-type(2n) {
  padding-left: 2rem;
}

.docsTable .icon-pdf,
.docsTable .icon-doc,
.docsTable .icon-xls {
  background-position: 0px 0px;
  padding-left: 23px;
}

.docsTable .icon-pdf {
  background: url(../images/pdf.png) no-repeat;
}

.docsTable .icon-doc {
  background: url(../images/doc.png) no-repeat;
}

.docsTable .icon-xls {
  background: url(../images/xls.png) no-repeat;
}

.docsTable .icon-txt {
  background: url(../images/link_icon.gif) no-repeat;
  background-position: 0px 4px;
  padding-left: 23px;
}

/* Privacy page */
ol {
  list-style-position: inside;
}

.privacy-notice p + h2 {
  padding-top: 0;
}

.privacy-notice h2 + p {
  margin-top: 0;
}

.privacy-notice ul {
  list-style-type: initial;
  list-style-position: inside;
}

.privacy-notice iframe {
  margin-left: -0.6rem;
}

.privacy-notice h2 {
  color: #004494;
  font-weight: bold;
  margin-top: 2rem;
}

#contact + dl dd {
  margin-left: 1rem;
  margin-bottom: .7rem;
}

/* Administration pages */
.section-board .link-parent,
.section-board .discreet.visualNoMarker {
  display: none;
}

.board-edit-form >.field,
.board-comment-buttons {
  padding: 10px;
}

#extended_title,
.board-edit-form #description {
  width: 98%;
}

button[title="close"] {
  padding: 0;
}

button[title="close"] .ui-button-text {
  display: none;
}

.ui-dialog .ui-dialog-title {
  width: 86%;
}

.ui-widget-content {
  border: 0;
}

.ui-dialog-buttonset .btn-inverse {
  color: #FFF;
  background-color: #D9534F;
  border-color: #D43F3A;
}

.ui-dialog-buttonset .btn-inverse:hover {
  background: #C9302C;
  border-color: #AC2925;
}

.enableUnloadProtection span.label,
label[for="form.stripped_combinations.0.tags"],
label[for="form.stripped_combinations.0.attributes"],
div.label {
  color: #333;
}

#content-core li.formTab a {
  padding: 5px 15px;
  font-weight: normal;
}

#content-core li.formTab a.selected {
  color: #555;
  cursor: default;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 4px 4px 0 0;
}

#content-core li.formTab a:hover {
  color: #555;
  border-radius: 4px 4px 0 0;
}

#users_add,
.label-select-file-upload {
  margin-bottom: 10px;
}

.label-select-file-upload {
  display: block;
}

.select-file-upload {
  border: 1px solid #ccc;
  padding: 10px;
  min-width: 398px;
}

#users_search .context {
  margin-top: 10px;
}

body.template-usergroup-userprefs table.listing th {
  border: 1px solid #FFF;
}

.btn-import-xls,
.btn-export-xls {
  margin-right: 10px;
}


/* forum */
.boardConversation,
.template-conversation_browserview fieldset {
  margin-bottom: 10px;
}

.template-conversation_browserview legend {
  padding-top: 35px;
}


/* custom code for various components */
.nav > li > a:hover {
  text-decoration: none;
  background-color: #FFF;
}

ul.formTabs,
ul.formTabs {
  display: block;
  border-width: 0;
  border-bottom: 1px solid #DDD;
  margin-left: 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  -moz-border-radius-topright: 0.5em;
}

li.formTab,
li.formTab {
  display: inline;
  margin-right:0.25em;
}

#content-views a,
li.formTab a,
li.formTab a {
  display: inline-block;
}

#content-views a,
li.formTab a,
li.formTab a {
  line-height: 2em;
  padding: 0 0.75em;
  text-decoration: none;
  border: none;
  margin: 0 ;
}

#content-views li.selected a,
li.formTab a.selected,
li.formTab a.selected {
  font-weight: bold;
}

#content-views li.selected a,
#content-views li a:hover,
li.formTab a.selected,
li.formTab a:hover,
li.formTab a.selected,
li.formTab a:hover {
  background: White;
  color: Black;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  -moz-border-radius-topright: 0.5em;
}

li.formTab a.notify,
li.formTab a.notify {
  background-color: red;
  color: White;
}

li.formTab a.required span:after,
li.formTab a.required span:after,
div.field span.required:after {
  content: "■";
  color: Red;
  padding-left: 0.2em;
}

.chart-tabs {
  display: none;
}

.daviz-views {
  width: auto;
  float: none;
  padding-top: 0;
  overflow: visible;
}

.actionMenuContent {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
}

.actionMenuContent ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.actionMenuContent ul li {
  display: inline;
  margin-left: 1em;
}

.visualClear {
  clear: both;
}

.btn-sm, .btn-group-sm > .btn {
    line-height: 2;
    font-size: 14px;
}

.highcharts-tooltip > span {
  height:auto;
  max-width:450px;
  min-width:300px;
  overflow:auto;
  white-space:normal !important;
  z-index: 25;
  padding: 8px;
  border-radius: 3px;
  background-color: rgba(255,255,255,.95);
  border: 1px solid #bbb;
  box-shadow: inset 0 0 5px rgba(0,0,0,.3);
}

.highcharts-tooltip path {
  fill: transparent!important;
  stroke: none!important;
}

.ui-tooltip-content {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}

div.qtip-default {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  background-color: rgba(255,255,255,.95);
  border: 1px solid #bbb;
  box-shadow: inset 0 0 5px rgba(0,0,0,.3);
  padding: 5px;
  border-radius: 3px;
}

div.qtip-default div.qtip-titlebar {
  background-color: rgba(255,255,255,.95);
}

/* old listing.css */
.scoreboard-listing .header-logo {
  width:15em;
  float:right;
  padding-top:1.775em;
  border-style: none;
}

.documentFirstHeading {
  font-size: 30px;
  font-weight: 600;
  padding: 1rem 0;
}

.documentDescription {
  margin-top: 1rem;
}

.scoreboard-listing table,
.scoreboard-listing table td {
  border: none;
}

.scoreboard-listing .listing-footer {
  padding:1em;
  background-color:#E1F0F7;
  vertical-align:top;
}

.scoreboard-listing .listing-footer .footer-logo {
  width:8em;
  float:right;
  margin:0em 4em 0em 4em;
  border:0px;
}

.linklist,
#indicators-toc ul {
  list-style-type: square;
  color: #777;
  padding-left: 40px;
}

.scoreboard-datacubes-listing .cube-item {
  border-top: 1px solid #ebebeb;
  padding: 1.111em 0;
}

.scoreboard-datacubes-listing .cube-item:first-child {
  border-top: 0;
}

.dataset-description-area.column-main {
  width: 70%;
  padding: 0;
}

.cube-thumbnail.column-second {
  float: right;
  width: 25%;
  margin: 0;
  padding-left: 15px;
}

.scoreboard-listing .scoreboard-visualizations-listing tr,
.scoreboard-datacubes-listing tr {
  display: block;
  padding-left: 0;
  padding-bottom: 12px;
}

.scoreboard-listing-item-enhanced .glyphicon-move {
  color: #555;
  display: inline-block;
  text-align: center;
  padding: 0.5em;
}

.need-top-margin {
  margin-top: 10px;
}

.scoreboard-confirm-overlay {
  border-radius:0;
  box-shadow: 0px 0px 30px #000;
}

.scoreboard-confirm-overlay .btn-danger {
  margin-top: 10px;
}

.scoreboard-confirm-overlay .ui-dialog-titlebar,
.scoreboard-facet-add-overlay .ui-dialog-titlebar {
  background-color: #fff;
  background-image: none;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.ui-widget-overlay.ui-front {
  position: fixed;
}

.ui-dialog-titlebar {
  border-radius: 0;
}

.add-button-area {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

#homepage-listing {
  margin-top: 1rem;
}

.scoreboard-listing .label {
  display: inline;
  border-radius: 0;
}

#the-filters p.default-hidden {
  visibility:hidden;
  margin: 0;
  height: 0px;
}
#scenario-box #the-filters p:not(.default-hidden){
  visibility:visible;
  margin: 0;
}

.hidden-select {
	display: none;
}

.cookie-consent {
  width: 100%;
  position: fixed;
  z-index: 1000;
  color: #000;
  background: #ffd316;
  font-size: 14px;
}

.cookie-consent p {
  text-align: center;
}

.cookie-consent a {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

.cookie-consent button {
  display: inline;
  font-weight: bold;
  font-size: 15px;
}

.cookie-consent button:first-child {
  margin-right: 1.2rem;
  margin-left: 1rem;
}

.cookie-consent .buttons {
  display: inline;
}

/* ckeditor */
div[contenteditable] {
   border: 1px solid #ccc;
}

.annotation_html_box {
  border: 2px solid #0065a2;
  box-shadow: none;
  border-radius: 5px;
}

/*theme*/
.sidebar-yellow {
  border-top: solid 7px #ffd316;
  margin-top: 0;
  padding-top: 1.667em;
  line-height: 1;
}

body p {
  text-align: justify;
}

.sidebar-list {
  list-style-type: none;
}

.sidebar-list li {
  border-left: 5px solid #004494;
  padding: .611em 0 .611em 1.222em;
  margin: .611em 0;
}

.sidebar-list li.active {
  border-left-color: #ffd316;
}

.sidebar-list li a {
  font-weight: 600;
  padding: .1rem;
}

.sm-padding-right {
  padding-right: 2rem;
}

/*Slider styles*/
.ui-corner-all {
  border-radius: 0 !important;
  border: 0 !important;
}

.ui-slider-handle {
  border: 0 !important;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
}

a.ui-slider-handle:focus {
  outline-offset: 0;
}

.ui-slider-range {
  background: #004494 !important;
}
/*theme*/

/*sitemap*/
  .dataset-item {
    display: block;
  }
  .chart-item {
    margin-left: 2rem;
  }
  .children {
    margin-left: 2rem;
  }
  .template-sitemap h4 {
    padding: 1rem 0;
    font-weight: bold;
  }
  .template-sitemap h3,
  .documentDescription {
    padding-bottom: 1rem;
  }
/*sitemap*/

/*media queries*/
@media (min-width: 768px) {
  .form-inline .input-group-search .input-group-btn {
    width: 1%;
  }
}

@media (min-width: 992px) {
  .search-form__textfield-wrapper {
    float: left;
  }
}

@media (min-width: 1024px) {
  .navbar-collapse {
    min-height: 22px;
  }
}

@media (max-width: 1024px) {
  .editor-current-step {
    width: 76%;
    margin-left: 233px;
  }

  .editor-current-step select {
    width: 240px;
  }
}

@media (max-width: 1199px) {
  #the-chart {
    margin-right: -15px;
  }
  .chart-filter.loading-small {
    background-position: right 4rem bottom 0;
    background-size: 15rem;
  }
}

@media (min-width: 985px) and (max-width: 1120px) {
  .social-media-icons {
    width: 90% !important;
  }
}

@media (max-width: 991px) {
  #the-metadata {
    text-align: justify;
  }
  .share-actions {
    display: grid;
    grid-template-columns: auto auto auto;
  }
  .share-this,
  .social-media-icons {
    display:none !important;
  }
  #the-share {
    border-top: 1px solid #404040;
    padding-top: 1em;
  }
  .dataset-box img {
    height: 8rem;
  }
  .dataset-box label {
    font-size: initial;
  }
  .chart-filter.loading-small {
    background-position: right 4rem bottom .4rem;
    background-size: 8rem;
  }
}

@media (max-width: 987px) {
  .editor-steps {
    width: 25%;
  }
  .editor-steps {
    padding-right: 10px;
  }
  .cookie-consent .buttons {
    display: block;
    margin-top: .5rem;
  }
}

@media (max-width: 900px) {
  .cube-thumbnail img {
    height: 6em;
    width: 6em;
  }
}

@media (max-width: 800px) {
  .linklist {
    padding-left: 20px;
  }
  .editor-structure-multiple-series {
    margin-top: 2%;
    margin-left: 27%;
  }
  .editor-structure-categories-by {
    margin-left: 27%;
  }
  #portal-breadcrumbs,
  .documentFirstHeading {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .navbar-collapse .container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .thumbnail-area {
    display: none;
  }
  .dataset-description-area {
    display: block;
  }

  .editor-current-step,
  .daviz-view-form {
    width: 100%;
    margin-left: 7px;
  }
  .editor-steps {
    margin-bottom: 5px;
  }
  .col-md-6 select,
  .bottom-left select,
  .bottom-right select {
    width: 70%;
  }
}


@media (max-width: 767px) {
  body {
    word-wrap: break-word;
  }
  .container {
    width: 95%;
  }
  .sidebar-yellow {
    margin-left: 15px;
    width: 35%;
  }
  .dataset-box {
    width: auto;
    float: none;
  }
  #the-filters .right-label {
    text-align: right;
  }
  .share-actions {
    grid-template-columns: auto auto;
    margin: 0 auto;
    width: 70%;
  }
  #portal-breadcrumbs,
  .vis-desc {
    display: none;
  }
  .dataset-box-wrapper {
    grid-column-gap: 2rem;
  }
  .documentFirstHeading {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .sidebar-yellow {
    border-top: 0;
    width: 100%;
  }
  .sidebar-list {
    display: flex;
    margin-left: 0;
  }
  .sidebar-list li {
    border-left: 0;
    padding: 0 1rem .5rem;
    text-align: center;
    margin: auto;
  }
  .sidebar-list li.active {
    border-bottom: 5px solid #ffd316;
  }
  .chart-filter.loading-small {
    background-position: center;
    background-size: 22rem;
  }
}

@media (max-width: 756px) {
  .editor-current-step label {
    width: 30%;
  }
  .editor-steps {
    width: 40%;
  }
}

@media (max-width: 640px) {
  .share-actions {
    width:100%;
  }
  .normalized-value {
    margin-left: 1rem;
  }
  #the-filters .right-label {
    margin-right: 0;
  }
  .chart-filter.loading-small {
    background-position: right 4rem center;
  }
}

@media (max-width: 600px) {
  .scoreboard-listing table td {
    padding-left: 8px;
  }
  .list_indicators,
  .list_indicators th,
  .list_indicators tr,
  .list_indicators td {
    padding: 4px;
  }
  .col-md-6 select,
  .bottom-left select,
  .bottom-right select {
    width: 100%;
  }
  #indicators {
    width: 100% !important;
    text-align: justify;
    margin-top: 3rem;
  }
}

@media (max-width: 595px) {
  .editor-current-step{
    margin-left: -8px !important;
    padding-left: 0;
  }
  .editor-steps {
    padding-right: 0;
    float: none;
    width: 100% !important;
    margin-left: -15px;
  }
  .editor-structure-multiple-series,
  .editor-structure-categories-by {
    margin-left: 0 !important;
  }

  .chart-filter.loading-small {
    background-size: 18rem;
  }
}

@media (max-width: 540px) {
  #navsearch h2 {
    float: right;
    display: inline-block;
  }
  #navsearch .input-group-search {
    width: 80%;
    float:right;
  }
  #navsearch {
    width: 48%;
  }
  .chart-filter.loading-small {
    background-size: 16rem;
  }
}

@media (max-width: 522px) {
  .editor-facet-field .select2-choices li {
    height: 35px !important;
  }
  #navsearch {
    width: 46%;
  }
}

@media (max-width: 505px) {
  #navsearch .input-group-search {
    width: 65%;
  }
  #navsearch form,
  #navsearch .searchButton {
    font-size: .7rem;
  }
  #navsearch #search-text {
    height: auto;
    font-size: .6rem;
  }
  #navsearch h2 {
    font-size: .9rem;
  }
  .chart-filter.loading-small {
    background-size: 14rem;
  }
}

@media (max-width: 480px) {
  .slider-label {
    padding: 16px 0 10px;
  }
  #navsearch .searchButton {
    font-size: .5rem;
    height: 1.5rem;
  }
  #navsearch {
    width: 45%;
  }
  .sidebar-yellow {
    width: 50%;
  }
  .sidebar-list li {
    font-size: 80%;
  }
  .chart-filter.loading-small {
    background-size: 10rem;
  }
}
/*media queries*/