body, input, textarea, keygen, select, button, isindex {
	color: #404040
}

/* html, // Applying rules below on html element causes scrolling problems.*/
body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  
  touch-action: auto;
}

 @media screen {
 	#main-container {
		height: 100%;
		overflow-y: auto
	}
 }
 
 @media print {
	body, html {
		overflow: initial;
	}

	.ecl-navigation-inpage-wrapper, .tablist-wrapper {
		display: none;
	}
}

/* need to set the height for objects set top padding to make room for selection toolbar */
 div.qvobject, div.qvplaceholder {
     height: 320px;
	 font-size: 0;
}
 .qvobject.kpiobject {
     height:150px;
     font-size:80% !important;
}

 .qvobject.tall {
     height:800px;
}
 .qvobject.medium {
     height:400px;
}

.qvobject.small {
     height:100px;
}

.qvobject.medium-tall {
     height:500px;
}
 .selected-field-container {
     font-size: 90%;
     -pointer-events: none;
     padding-left: 4em;
}
 .selected-field {
     font-weight: bold;
}
 .selected-item {
     pointer-events: none;
     border: 2px solid #b3cce6;
     background-color: #ecf2f9;
     border-radius: 4px;
     padding: 1px 4px;
     display: inline-block;
     white-space: nowrap;
     margin: 2px 1px;
}

 .justified {
     text-align: justify;
}

.tab-menu-only, .tab-menu-only--sticky {
	display: none;
}

.tab-menu-enabled .tab-menu-only {
	display: block;
}

.tab-menu-enabled.sticky-menu .tab-menu-only--sticky {
	display: block;
}

 .disclaimers h4 {
     font-weight: bold;
}
 .disclaimers p {
     font-size: 80%;
}
 .methodology {
     padding: 10px;
     margin-top: 5px;
     margin-bottom: 15px;
}
 .overlay.is-fullscreen {
     display: block;
}
 .overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2000;
     overflow: hidden;
     background-color: rgba(0, 0, 0, 0.5);
    /*dim the background*/
}

#content-info-title,
#content-info-title-sam {
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
}
 .exp-container {
     position: relative;
}
 .exp-container.is-fullscreen {
     position: fixed;
     background: #fff;
     border: 0px solid darkgrey;
     height: auto;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
     margin: 1%;
     z-index: 300;
     padding: 10px;
     padding-top: 50px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
 .exp-container.is-fullscreen .qvobject {
     height: 100%;
}
 .exp-buttons {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 5;
     display: none;
}
 .exp-container.is-fullscreen  .exp-buttons {
	margin: 10px;
 }

 .exp-buttons a {
     color: #004494;
	 vertical-align: top;
}

.exp-buttons a.in-progress {
    background-image: url(../img/loader.gif);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}
.exp-buttons a.in-progress * {
	visibility: hidden;
}
	
 .panel-fullscreen, .dialog-button {
     border: 2px solid #004494;
     display: inline-block;
     text-align: center;
     border-radius: 17px;
     padding: 6px;
     width: 35px;
     height: 35px;
     cursor: pointer;
     margin-left: 5px;
     background-color: white;
}
 .dialog-button:hover, .panel-fullscreen:hover {
     background-color: #e6f1ff;
}
 .exp-container:not(.is-fullscreen) .panel-fullscreen  .lui-icon--collapse {
     display: none;
}
 .exp-container.is-fullscreen .panel-fullscreen .lui-icon--expand {
     display: none;
}
 .panel-fullscreen.is-fullscreen {
     margin: 10px;
}
 .ecl-paragraph {
     max-width: 95%;
}
 article h1, article h2 {
     margin:0px;
}
.row.solid {
  background-color: white;
}

/*
.sticky.stick-right .ecl-button {
  background-color: #FFF;
}
*/

/*.sticky .ecl-button--default:active, .ecl-button--default.active, .ecl-button--default:focus, .ecl-button--default:hover, .ecl-button--primary {*/
.ecl-button.ecl-button--secondary.active {
    background-color: #004494;
    color: #fff;
	box-shadow: none;
}

.row.lighter {
  background-color: rgba(255,255,255,0.5);
}

.row.invisible {
  background-color: rgba(255,255,255,0);
}

.m40 {
  margin-bottom: 40px;
}

.m20 {
  margin-bottom: 20px;
}

.ec-btn-group {
	padding-left: 2px;
	padding-top: 2px;
}
.ec-btn-group .ecl-button {
	margin-left: -2px;
	margin-top: -2px;
	
}

.ec-btn-group .ecl-button.active {
    text-decoration: underline;
}

.sticky-menu .ecl-tabs {
	padding-top: 100px;
}

.sticky-menu .selection-panel-selectors.sticky {
	position: fixed;
	margin: 0 auto;
	z-index: 15;
	background-color: #FFF;
	/*background-color: #F5F5F5;*/
}

.sticky-menu .selection-panel-selectors.sticky .ecl-button {
	padding: .39rem 0.6rem;
}

.sticky-menu .selection-panel-selectors.sticky .ecl-dropdown__body {
	z-index: 15;
}

.sticky-menu .ecl-tabs.sticky ul.ecl-tabs__tablist  {
	position: fixed;
	margin: 0 auto;
	z-index: 12;
    background-color: #FFF;
}



.specific-selections .attr-selector {
	z-index: 8;
}

.specific-selections .specific-selection-item {
	width: fit-content;
    margin-left: auto;
}

.specific-selections button {
	padding: .39rem 0.6rem;
}

.ecl-tabs.sticky  ul.ecl-tabs__tablist  {
	padding-top: .5rem;
	transition: padding 200ms;
}
.tab-menu-enabled .ecl-tabs.sticky  ul.ecl-tabs__tablist  {
	border-top: 1px solid silver;
	padding-top: 0;
}

.ecl-tabs.sticky  ul.ecl-tabs__tablist li  {
	padding: .39rem 0.6rem;
	transition: padding 200ms;
}

div.ecl-tabs li[disabled="disabled"] {
	color: #eee;
}

section[disabled="disabled"] > div.ecl-container > :not(:first-child) {
	display: none;
}

#select-country-quick-tip {
	display: none;
	position: relative;
	background-color: #FFF;
	z-index: 1;
}

.quick-tip-container--country {
	position: absolute;
	top: 1rem;
	width: 100%;
	margin-bottom: 1rem;
}

.quick-tip {
	position: relative;
}
.quick-tip .bulb-- {
    background-image: url(../img/checkbox-checked--blue.svg);
    content: ' ';
    position: absolute;
    top: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    /* max-height: 3rem; */
    background-position-y: center;
}

.tab-menu-enabled .quick-tip-container--country {
	position: initial;
}

.no-country-selected #select-country-quick-tip {
	display: inline-block !important;
}

body.no-country-selected .ecl-tabs section > div.ecl-container > :first-child:after {
	content: "Please, select a country.";
	display: inline-block;
	margin-bottom: 3rem;
}

section[disabled="disabled"] > div.ecl-container {
	min-height: 20rem;
}

li.ecl-site-switcher__option[disabled="disabled"] a{
	color: #707070;
}

.sticky .selections .selection-field-container {
	-font-size: 80%;
}

.sticky-menu .selection-panel-selectors.stick-right {
	right: 0;
	background-color: #F5F5F5;
}

.ecl-tag {
	margin: 5px 0;
}
.ecl-tag__item {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}
.attr-selector {
	width: 100%;
	/*min-width: 200px;*/
}

.ecl-paragraph {
	margin: 0.8rem 0;
	line-height: 1.2;
}

.ecl-paragraph.no-margin {
	margin-bottom: 0;
}

.ecl-list {
	margin-left: 30px;
	max-width: 80%
}

#sectors-table td, #sectors-table th {
	padding: 0.5rem 0.89rem;
}

.kpiobject-double .kpi-value {
	font-size: 500% !important;
}
.kpiobject-double .secondary-wrapper .kpi-value {
	font-size: 280% !important;
}
.kpiobject-double .secondary-wrapper .kpi-title {
	font-size: 150% !important;
}

#error-dialog {
	position: fixed;
	z-index: 2000;
}

/*
.ecl-table td, .ecl-table th {
    border-top: 1px solid black;
    border-left: 1px solid black;
}


.ecl-table thead, .ecl-table tbody {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
#sectors-table.ecl-table tr {
	background-color: #FFF;
}

#sectors-table.ecl-table tbody tr td:first-child {
	font-weight: bold;
}
*/
#content-container {
	min-height: 200px;
}
#content-container.init {
	display: none;
}

.selection-field-container {
    float: left;
    width: 200px;
    border-left: 4px solid #004494;
	border-bottom: 1px solid #004494;
	margin-left: 5px;
	margin-right: 10px;
	position: relative;
	padding: 3px 5px;
	background-color: #F5F5F5
}
.selection-field-container:last-child {
	border-bottom: 0;
}


.selection-field-container:hover {
	background-color: #EBEBEB
}

.selection-field-item {
	font-weight: bold;
	width: calc(100% - 29px);
	text-overflow: ellipsis;
    overflow: hidden;
	white-space: nowrap;
	font-size: 80%;
}
.selection-field-selected {
	text-overflow: ellipsis;
    overflow: hidden;
    font-size: 80%;
    white-space: nowrap;
    width: calc(100% - 20px);
}

.clear-field {
	cursor: pointer;
    color: #DA2131;
    margin-left: 4px;
    top: 5px;
    position: absolute;
    right: 5px;
    font-size: 20px;
}

.clear-all {
	cursor: pointer;
	font-size: 70%;
	white-space: nowrap;
	padding-left: 10px;
}

.clear-all .lui-icon {
    color: #DA2131;
}
.clear-all-title {
	text-decoration: underline
}

.selections {
	z-index: 9;
	margin-bottom: 5px;
	padding-top: 5px;
}

.selections-title {
	width: 100px;
	font-weight: bold;
}

.lui-popover-container {
	opacity: 1;
}


.lui-tooltip {
	z-index: 2000
}

.sel-toolbar-card {
	z-index: 8;
}

.ecl-link-block__list {
	max-height: 50vh;
	overflow-y: auto;
}

.qv-zoom-pan-nav {
	position: absolute;
}

.jrc-dropdown .ecl-link-block__link {
    line-height: 1rem;
    white-space: normal;
    padding: 0.3rem 0.2rem;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jrc-dropdown .ecl-link-block__link:hover {
    background: #e3e3e3;
}

.jrc-dropdown .no-data {
    opacity: 0.6;
	font-style: italic;
}

.multi-selection > .ecl-dropdown__body {
	padding: 0;
	border: 0;
}

.quick-tip {
	font-size: 20px;
	width: 400px;
	border: 2px solid #ccc;
	padding: 1rem;
	-webkit-box-shadow: 0px 0px 8px -2px rgba(66,65,66,0.4);
	-moz-box-shadow: 0px 0px 8px -2px rgba(66,65,66,0.4);
	box-shadow: 0px 0px 8px -2px rgba(66,65,66,0.4);
	}
.quick-tip .bulb {
	font-size: 40px;
	color: #FFE879;
	float: left;
	padding-right: 15px
}

.button-text {
	width: calc(100% - 0.78rem);
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
	-border: 1px solid green;
}

.button-text-wrapper {
	height: 16px;
	/*max-width: 180px;*/
	width: 100%;
	position: relative;
	
}
.button-text-wrapper:after {
    content: "\e81f";
    font-family: EuropaIcons;
    font-weight: normal;
    font-size: 0.78rem;
    position: absolute;
}
.ecl-button[aria-expanded=true] .button-text-wrapper:after {
    content: "\e827";
}
.button-text-wrapper.button-text-wrapper--up:after {
	content: "\e827";
}
.ecl-button[aria-expanded=true] .button-text-wrapper.button-text-wrapper--up:after {
	content: "\e81f";
}

.jrc-dropdown  .ecl-checkbox {
	font-size: 0.89rem;
}

.jrc-dropdown .ecl-checkbox__label:before {
    background: url(../img/checkbox-unchecked.svg) no-repeat;
}

.jrc-dropdown .ecl-expandable__button[aria-expanded=false]:after, .jrc-dropdown .ecl-expandable__button[aria-expanded=true]:after {
	display: none;
}

.ecl-expandable__button:after {
	float: right;
}

.jrc-dropdown .clear-field-dropdown {
	font-weight: bold;
	color: #595959;
	padding: 0.6rem 0.3rem;
}

.content {
	margin-top: 3rem;
}

#popup {
	display: none;
}
.field-select-title {
	font-weight: bold;
}



@media ( max-width: 1200px) {
	.selection-field-container {
		width: 150px;
	}
	.quick-tip-container--country {
		position: initial;
	}

}

@media ( max-width :1024px) {
	.attr-selector {
		/*min-width: 150px;*/
		padding: 0.89rem 1rem;
	}
	.button-text-wrapper {
		/*max-width: 130px;*/
	}
}


.sticky  #select-country-quick-tip {
	display: none !important;
}

#info-button {
	display: inline-block; 
	position: absolute; 
	bottom : 0; 
	right: 0
}

.tab-menu-enabled .sticky  #info-button {
	display: none;
}

.selection-panel-selectors-wrapper {
	position: relative;
	border: 0px solid red; 
	padding-top: 2px;
	padding-right: 2px;
}
.ecl-table td.measure-col, .ecl-table th.measure-col {
	text-align: right;
}

@media ( max-width: 992px) {
	.selection-field-container {
		width: 120px;
	}
}

@media ( max-width :768px) {
	.sticky .selection-panel-selectors-wrapper {
		padding-top: 5px;
		padding-right: 2px;
	}
	
	
	.ecl-table td.measure-col, .ecl-table th.measure-col {
		text-align: left;
	}

	.attr-selector {
		/*min-width: 150px;*/
		-padding: 0.19rem 1rem;
	}
	.button-text-wrapper {
		/*max-width: 130px;*/
	}
	.sticky #info-button .btn-text {
		display: none;
	}
	#info-button .ecl-icon--info:before {
		margin: 0;
		display: inline-block;
		height: 16px;
	}
	.sticky #info-button .ecl-icon--info:before {
		margin: 0 5px;
	}
	
	
	#select-country-quick-tip > span  {
		/*display: none !important;*/
	}
	
	#select-country-quick-tip .quick-tip {
		/*margin: 5px 0 !important*/
	}
	
	#select-country-quick-tip {
		width: 140px;
		position: absolute;
		top: -1rem;
	}
	
	

}



@media ( max-width: 480px) {
	.ecl-container, #content-container, .ecl-row > div {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.ecl-row {
		margin-left: -0.2rem;
		margin-right: -0.2rem;
	}
  
	.container {
		padding-left: 5px;
		padding-right: 5px;
	}
	.ecl-navigation-list__link {
		padding: .79rem 0.5rem;
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 100px;
	}
	.tab-menu .ecl-navigation-list__link {
		max-width: 100%;
	}
	
	.attr-selector {
		/*min-width: 150px;*/
	}
	#info-button .btn-text {
		display: none;
	}
	#info-button .ecl-icon--info:before {
		margin: 0;
	}
	.sticky #info-button .ecl-icon--info:before {
		margin: 0 5px;
	}
	
	.quick-tip {
		width: 100%
	}
	/*
	.sticky .ecl-button {
		padding: .19rem 0.5rem;
	}*/
	
}

@media ( max-width: 360px) {
	.attr-selector {
		/*min-width: 150px;*/
	}
	.button-text-wrapper {
		/*max-width: 100px;*/
	}
}

@media ( min-width: 1200px) {

	.selections-title {
		/*float: left;*/
	}

	.clear-all {
		/*display: inline-block;*/
		/*padding-left: 0;*/
	}
	.clear-all:hover {
		background-color: #F5F5F5;
	}
	.qvobject.kpiobject .qv-object-kpi .value-wrapper .ellips-text {
		white-space: normal;
		text-align: center;
		-overflow: visible;
	}
	.qvobject.kpiobject .qv-object-kpi .measure-wrapper .ellips-text {
		white-space: normal;
		text-align: center;
		overflow: visible;
	}
}

.js-is-sticky {
	position: fixed !important;
	top: 0;
}

.ecl-navigation-inpage {
    z-index: 4;
}

.ecl-dropdown[disabled="disabled"] .ecl-button {
	background-color: #eee !important;
    cursor: not-allowed !important;
    color: #707070 !important;
    border-color: #707070 !important;
}

/*.ecl-dropdown ul li a:focus {
	background-color: #ffd617;
}*/

.ecl-dropdown ul li a[disabled="disabled"] {
	background-color: #eee !important;
	color: #707070 !important;
}

.overview-button {
	/*display: block;
	margin-left: auto;*/
	margin-left: 1rem;
}

#section-overview h2 {
	padding-bottom: 1rem;
}



/* From here on, styles for tabs in mobile layout */
.sticky-menu .ecl-tabs .tablist-wrapper {
	position: fixed;
	top: 0;
	margin: 0 auto;
	z-index: 12;
	background-color: #FFF;
}

.sticky-menu .ecl-tabs .tablist-wrapper.tab-menu {
	background-color: #F5F5F5;
	left: 0;
	right: 0;
}

.tab-menu .ecl-tabs__tablist {
	top: 50px;
	display: none;
	position: absolute;
	background-color: #FFF;
	left: 0;
	right: 0;
	border: 0;
}

.sticky-menu .tab-menu .ecl-tabs__tablist {
	width: 100% !important;
}

.tab-menu {
	position: relative;
	height: 50px;
	width: 100%;
	z-index: 12;
	-border-left: 2px solid grey;
}
.tab-menu .tab-menu-btn {
	width: 50px;
	height: 100%;
	position: absolute;
	background-color: #FFF;
	border: 2px solid grey;
	left: 0;
}

.tab-menu-txt {
	font-weight: bold;
	font-size: 1.22rem;
	line-height: 50px;
	margin-left: 65px;
	display: none;
}

.tab-menu .tab-menu-txt {
	display: block;
    white-space: nowrap;
    width: calc(100% - 60px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticky .tab-menu-txt {
	margin-left: 50px;
}

.sticky-menu .tab-menu-txt {
	width: calc(100% - 50px - 170px); /* 100% - ham_menu - country_selector */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sticky-menu .tab-menu-btn {
	background-color: #F5F5F5;
	border: none;
}


.ecl-navigation-list__item {
	cursor: pointer;
}
#tabs_main  .tab-menu .ecl-navigation-list__item {
	border: 0 !important;
	padding: .89rem .4rem;
	border-bottom: 1px solid silver !important;
	border-top: 0px solid silver !important;
	margin: 0;
	cursor: pointer;
}


.tab-menu .tab-menu-btn {
	cursor: pointer;
}
.tab-menu .tab-menu-btn .bar {
	border-top: 2px solid grey;
	display: block;
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% / 2);
}

.tab-menu .tab-menu-btn .bar:before, .tab-menu .tab-menu-btn .bar:after {
	content: '';
	border-top: 2px solid grey;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
}

.tab-menu .tab-menu-btn .bar:before {
	top: -12px;
}

.tab-menu .tab-menu-btn .bar:after {
	top: 8px;
}
.tab-menu .ecl-navigation-list--tabs .ecl-navigation-list__link:hover {
	background-color: #FAFAFA;
}

.tab-menu .ecl-navigation-list--tabs .ecl-navigation-list__link--active, 
.tab-menu .ecl-navigation-list--tabs .ecl-navigation-list__link[aria-selected=true] {
	background-color: #F5F5F5;
	border-top: 1px solid silver !important;
}

.ecl-tabs__tablist.cloned {
	visibility: hidden;
	height: 0;
	overflow: hidden;
	
}

section .ecl-container {
	padding-top: 1rem;
}

/* Qlik custom table */
.ecl-table-container {
	max-height: 320px;
}

.ecl-table-container.medium {
	max-height: 400px;
}

.ecl-table-container.tall {
	max-height: 800px;
}

.ecl-table-container.medium-tall {
	max-height: 500px;
}

.exp-container.is-fullscreen .ecl-table-container {
	max-height: none;
	height: 100%;
}

.ecl-table-container .tbody {
	overflow-y: auto;
}

.ecl-table.header-table {
	background-color: white;
}


#webmap {
	top: 0 !important;
	left: 0 !important;
}

#obj-container {
	background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	padding: 20px;
}

#ts-overlay .exp-container {
	height: calc(100% - 40px);
	margin: 20px;
}

#ts-overlay .exp-buttons {
	padding: 10px;
	display: block;
}

.kpi-row {
	margin-bottom: 7rem;
}


.kpi-linked-timeseries .measure-title:after {
	content: '%';
    font-family: LUI icons;
    font-size: 0.8rem;
    margin-left: 0.7rem;
    color: #AAA;
}

.kpi-linked-timeseries footer {
	display: inline-block;
}

.kpi-linked-timeseries .vis-bar .qv-object-title-text:after {
	content: '%';
	font-family: LUI icons;
    font-size: 0.8rem;
	color: #AAA;
	right: 0.7rem;
	position: absolute;
}

.kpi-cover {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 4;
}

.kpi-cover.hovered {
	border: 2px solid #DDD;
	cursor: pointer;
}

@media (max-width: 767px) {
	.ecl-navigation-inpage.js-is-sticky .ecl-navigation-inpage__body, .ecl-navigation-inpage.js-is-stuck .ecl-navigation-inpage__body {
		top: 50px;
	}
}

.vis-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    z-index: 5;
	border: 2px solid #DDD;
	background-image: url(../img/loader.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px;
}


.kpiobject {
	border: 2px solid #FFF;
}

.kpiobject.kpi-linked-timeseries:hover{
	border: 2px solid #DDD;
}
.kpiobject.kpi-linked-timeseries *:hover{
	cursor: pointer;
}

.ecl-dropdown__body {
	z-index: 15;
}

.multi-selection label {
	padding-left: 4px;
}

body.no-tabs ul[role='tablist'],
body.no-header .main-title,
body.no-tabs .ecl-tabs section h1.tab-title {
	display: none !important;
}

body.no-header .ecl-container {
	width: 100%;
}

body .home-page,
body #tabs_main {
	display: none;
}

body.home-page .home-page,
body.tabs_main #tabs_main {
	display: block !important;
}

body.home-page #tabs_main,
body.tabs_main .home-page,
body.tabs_main #INDICATOR_SELECTION {
	display: none !important;
}

body.home-page .selection-panel-selectors {
	width: 50%;
	vertical-align: top;
	display: inline-block;
}

body.home-page .home-page__map {
	width: 50%;
	float: right;
}

@media( max-width: 1024px) {
	body.home-page .home-page__map {
		width: 100%;
	}
	
	body.home-page .selection-panel-selectors {
		width: 100%;
		display: block;
	}
}

#qs-chart-tooltip {
	font-size: 13px;							
}

.kpi-no-data {
	background-image: url(../resources/img/core/NR_Disabled.png);
}

.absolute--full {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Hide QS dialogs. */
#show-service-popup-dialog {
	display: none !important;
}

.qv-panel-current-selections [aria-hidden=true], .qv-object [aria-hidden=true] {
	display: block;
}

.qv-object .qv-pt[aria-hidden=true] {
	display: flex;
}

#shock-list-total {
	position: relative;
}

#shock-list-total > div{
	position: absolute;
	top: 50%;
}

.shock-row {
    border-bottom: 1px solid #9F9F9F;
	border-top: 1px solid #9F9F9F;
	position: relative;
	padding-top: 0.8rem;
}
.shock-row:first-child {
	border-top: 2px solid #9F9F9F;
}
.shock-row:last-child {
	border-bottom: 0;
}

.shock-row:nth-child(even) {
	background-color: #F2F5F9;
}

.shock-row--delete a{
	cursor: pointer;
	text-decoration: none;
	color: red;
}

.shock-row:only-child .shock-row--delete {
	visibility:hidden;
}

.shock-row-kpi {
	padding: 0;
}

.shock-row input.ecl-text-input {
	text-align: right;
	min-width: 200px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

#SHOCK_ROW_TOTALS {
	padding-top: 0.8rem;
	border-bottom: 2px solid #707070;
    border-top: 2px solid #707070;
}

#SHOCK_ROW_TOTALS .ecl-heading{
	text-align: center;
}

#viz-container.full-screen {
	position: fixed;
	top: .5rem;
	bottom: .5rem;
	width: 100%;
	overflow-y: auto;
	left: 0;
	z-index: 1000;
	border: 2px solid black;
	background-color: white;
}

#viz-container.full-screen #viz-div {
	margin: auto;
	width: calc(100% - 10px);
	height: calc(100% - 80px);
}

#viz-container.full-screen #viz-full-screen,
#viz-container:not(.full-screen) #viz-side-panel{
	display: none;
}
#viz-container:not(.full-screen) {
	min-height: 5rem;
}

@media(max-width: 767px) {
	#viz-container:not(.full-screen) #viz-div,
	#viz-container:not(.full-screen) #viz-buttons,
	#viz-container:not(.full-screen) #viz-selections {
		display: none;
	}
}

@media(min-width: 768px) {
	#viz-container.viz-container--sticky:not(.full-screen) {
		position: fixed;
		top: 0;
		width: 50%;
		padding-right: 3.3rem;
	}

	#viz-container.viz-container--sticky_bottom:not(.full-screen) {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-right: calc(3.3rem - 18px);
	}
}

#viz-buttons {
	float: right;
	padding: .2rem;
	padding-right: .5rem;
	font-size: 1.5rem;
}

#viz-buttons a > span {
	border: 2px solid #004494;
    color: #004494;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    padding: 8px;
    line-height: 19px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    text-decoration: none;
    background-color: white;
	vertical-align: bottom;
}
#viz-buttons > * {
	margin-left: .5rem;
}
#viz-buttons a > span:hover {
	background-color: #e6f1ff;
}
#viz-buttons .in-progress span {
    background-image: url(../img/loader.gif);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}
#viz-buttons .in-progress span:before {
	display: none;
}

#actionButtons {
	position: relative;
	width: calc(100%);
	//background-color: #e3e3e3;
	background-color: white;
	padding-top: .5rem;
	padding-bottom: .5rem;
	margin: 0;
}

#viz-container:not(.full-screen) #actionButtons.actionButtons--sticky_bottom {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 13;
	width: calc(50% - 3.2rem);
	margin-right: 2rem;
}

@media(max-width: 767px) {
	#actionButtons {
		left: 0;
		width: 100%;
	}
	
	#viz-container:not(.full-screen) #actionButtons.actionButtons--sticky_bottom {
		width: 100%;
	}
}

#viz-container.full-screen #actionButtons {
	display: none;
}

.loader-container {
	width: 100%;
	height: 100%;
	background-color:rgba(255, 255, 255, 0.5);
	position: relative;
}

#shock-list-container .loader-container,
#viz-container  .loader-container {
	z-index: 11;
	position: absolute;
	top: 0;
	left: 0;
}

.loader-container-image{
	display: block;
	text-align: center;
	font-family: 'QlikView Sans';
	background-image: url('../img/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 100px; 
	width: 100px;
	margin: 30px auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0);
}

#shock-list-container .loader-container-image {
	margin: 0;
	top: 0;
}

#grey-container {
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.5);
	z-index: 500;
	position: fixed;
	top: 0;
	left: 0;
}

.qv-input-title-text__datam {
	font-weight: bold;
	color: rgb(128, 128, 128);
	font-size: 1.15385em;
	line-height: 1.1;
}

#main1 {
	margin: 0 2rem;
	/*padding: 10px 0 20px 0;*/
	min-height: 300px;
}

#main1.full-screen {
	margin: 0;
	/*margin-bottom: 2rem;*/
	padding: 2rem;
	padding-top: .5rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: white;
}

@media (max-width: 480px) {
	#main1 {
		margin: .5rem;
	}

	#main1.full-screen {
		padding: .5rem;
		padding-top: .5rem;
	}
}

#mainDiv .ecl-expandable__button {
	padding: 12px 14px;
}
#mainDiv .ecl-button {
	padding: 9px 12px !important;
}


#main1 .top-container-wrapper #logo {
	display: none;
}

#main1.full-screen .top-container-wrapper #logo,
#main1.full-screen .top-container-wrapper #second-logo.shown {
    display: block;
	float: left;
    height: 38px;
    background-image: url(../img/logo-ec-jrc-datam-horizontal.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 2px;
    width: 125px;
    margin-top: 5px;
}

#main1 #samTypeTitle {
	display: inline-block;
}

#mainDiv .upper-right-container {
	padding: 0;
	padding-top: 1rem;
	display: flex;
	gap: .5rem;
	justify-content: end;
}

#mainDiv .upper-right-controls .ecl-button {
    font-size: 80%;
}

.shock-type-controls {
	display: inline-block;
}

.shock-type-controls .btn-group .btn {
	padding: 10px 12px;
	box-sizing: border-box;
}

@media (max-width : 767px) {
	.shock-type-controls {
		width: 100%;
	}

	.shock-type-controls .btn-group {
		width: 100%;
	}
	
	.shock-type-controls .btn-group .btn {
		padding: 10px;
		width: 50%;
	}
}

input[type="range"] {
	background-color: transparent !important;
}

#VISUALIZATION_SELECTION .ecl-link-block {
	padding: .5rem;
}

#sam-type-selecction--wrapper {
	width: 50%;
	margin-left: auto;
	margin-right: auto
}

@media (max-width: 767px) {
	#sam-type-selecction--wrapper {
		width: 100%;
	}
}

#introButtons > div {
	display: inline-block;
	padding: .5rem 1rem;
}

#introButtons a,
#introButtons button {
	width: 100%;
}

#viz-div .object-error-message {
    font-weight: bold;
    font-size: 1rem;
	color: #da2130;
}

#add-button-container {
	text-align: center;
	padding: 1rem;
}

.cck-container {
    z-index: 3000 !important;
}

#currency_note .glyphicon {
	margin-right: .5rem;
	color: #004494;
}


.SELECTION-SPENDING_AGENT ul li div:first-child,
.SELECTION-SPENDING_AGENT div.ecl-dropdown__body  > div label.btn:first-child,
.SELECTION-SPENDING_AGENT .button-text div:first-child {
	display: inline-block;
	width: calc(100% - 5.8rem);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.SELECTION-SPENDING_AGENT ul li div:nth-child(2),
.SELECTION-SPENDING_AGENT div.ecl-dropdown__body > div label.btn:nth-child(2),
.SELECTION-SPENDING_AGENT .button-text div:nth-child(2) {
	float:right;
	width: 5.8rem;
	text-align: right;
}
.SELECTION-SPENDING_AGENT ul li div:nth-child(2),
.SELECTION-SPENDING_AGENT .button-text div:nth-child(2) {
	font-size: .8rem;
}
.SELECTION-SPENDING_AGENT div.ecl-dropdown__body > div label {
	border-width: 0 !important;
	background-color: transparent !important;
	color: #004494 !important;
}
.SELECTION-SPENDING_AGENT div.ecl-dropdown__body > div label.active,
.SELECTION-SPENDING_AGENT div.ecl-dropdown__body > div label:hover {
	text-decoration: underline;
}

@media(min-width: 768px) {
	.SELECTION-SPENDING_AGENT ul li div:first-child,
	.SELECTION-SPENDING_AGENT div.ecl-dropdown__body  > div label.btn:first-child,
	.SELECTION-SPENDING_AGENT .button-text div:first-child {
		width: calc(100% - 5rem);
	}

	.SELECTION-SPENDING_AGENT ul li div:nth-child(2),
	.SELECTION-SPENDING_AGENT div.ecl-dropdown__body > div label.btn:nth-child(2),
	.SELECTION-SPENDING_AGENT .button-text div:nth-child(2) {
		width: 5rem;
	}
}

.SELECTION-SPENDING_AGENT label.btn span.glyphicon {
	padding-left: .1rem;
}
.SELECTION-SPENDING_AGENT .ecl-dropdown__body {
	padding: .4rem .5rem;
}

.hamburguer-menu-container {
	position: relative;
	text-align: left;
	display: inline-block;
	vertical-align: bottom;
}
.hamburguer-menu-container  button {
	/*padding: 9px 12px !important;*/
	width: 100%;
	height: 100%;
}
.hamburger-menu {
    display: inline-block;
    cursor: pointer;
	width: 100%;
    height: 100%;
    position: relative;
	min-width: 20px;
}
.hamburger-menu .bar {
    height: 2px;
    background-color: #333;
	border-radius: 3px;
	transition: transform 0.2s, opacity 0s 0.2s, bottom 0.2s 0.2s;
    position: absolute;
    left: 0;
    right: 0;
}
.hamburger-menu .bar.first  {
    bottom: calc(75% - 1px) ;
}
.hamburger-menu .bar.middle {
    bottom: calc(50% - 1px) ;
}
.hamburger-menu .bar.last {
    bottom: calc(25% - 1px) ;
}
.hamburguer-menu-container .ecl-button:hover .bar,
.hamburguer-menu-container .ecl-button:focus .bar {
	background-color: white;
}

/**  ******* jquery-ui slider ******* */
.ec-slider {
	margin: 2rem 0px 3rem;
	border-radius: 0;
}

.ec-slider.ui-slider-horizontal .ui-slider-handle {
	top: -.7rem; /* (height - .6rem) / 2 */
	margin-left: -.6rem; /* half of the width below*/
}

.ec-slider.ui-slider .ui-slider-handle {
	height: 2rem;
	width: 1.2rem;
	border-radius: 0;
	background-color: #FFF;
	border: 2px solid #004494;
}

span.ui-slider-handle.ui-corner-all.ui-state-focus {
    background-color: #004494;
}

.ec-slider.ui-slider .ui-slider-range {
	background-color: #004494;
}

.ec-slider .ui-state-active, .ec-slider .ui-widget-content .ui-state-active, .ec-slider .ui-widget-header .ui-state-active, .ec-slider a.ui-button:active, .ec-slider .ui-button:active, .ec-slider .ui-button.ui-state-active:hover {
	background-color: #004494;
	border-color: #004494;
}

.ec-slider .ui-slider-tick-mark {
    display: inline-block;
    width: 2px;
    background: #DDD;
    height: 6px;
    position: absolute;
    top: 11px;
}

.ec-slider .ui-slider-val-tt {
    position: absolute;
    top: 1.4rem;
    font-size: 0.8rem;
	margin-left: -.8rem;
	color: #707070;
}

.ec-slider .ui-slider-val-tt.ui-slider-val-tt--current {
    top: -1.75rem;
	margin-left: -.2rem;
	color: #404040;
}

.btn-group .btn {
	font-size: .89rem;
}

.full-screen footer.header-on {
	display: none;
}

.btn:active,
.btn.active {
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: bold;
}