.qv-panel-current-selections .buttons-end .qv-subtoolbar-button.global-search-button, .touch-on .qv-panel-current-selections .buttons-end .qv-subtoolbar-button.global-search-button {
	display: none;
}

#selections [tid="toggleGlobalSearchButton"] {
	display: none;
}

#selections.no-selections-tool .qv-explore-selections-btn {
	display: none;
}

html {
	overflow-y: scroll;
}
body {
	height: initial;
	color: black;
}
body.app-view {
	height: 100%;
}

body.home-screen {
	display: flex;
	flex-direction: column;
}
body.home-screen.initial-page #main {
	min-height: 250px !important;
}

body.home-screen #main {
	flex: 1;
	min-height: initial !important;
}

#content-info-title {
    flex: 1;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
}

a {
	box-sizing: border-box;
}

#sheet-selection-container {
	display: flex;
	align-items: stretch;
}

#sheet-selection-container .current-sheet-label {
	flex: 1;
}

body.home-screen .in-app-view {
	display: none;
}

body.app-view.app-view--no-top-bar #top-container {
	display: none !important;
}

body.home-screen .content-details-link {
	display: none;
}
body.home-screen.content-info .content-details-link {
	display: block;
	margin-left: auto;
	width: 100px;
}

body.home-screen.content-info .content-details-menu-item {
	display: none;
}
body.app-view.content-info .content-details-menu-item {
	display: block;
}

body.home-screen.content-info #title-container h2 {
	width: calc(100% - 130px); 
	margin: 0 auto;
}

body.home-screen #prev-sheet {
	display: none;
}

body.app-view .header-button {
	display: inline-block;
	vertical-align: bottom;
}

body.app-view .header-button button {
    width: 44px;
    height: 44px;
	padding: 12px;
}


body.home-screen #title-container .app-title {
	display: none;
}

body.app-view #title-container h2 {
	display: inline-block;
}

body.home-screen .app-description {
	max-width: 90%;
}

body.home-screen .app-description .app-description-section {
	margin: 1rem 0;
}

body.home-screen .app-description p {
	margin: 1rem 0;
}
body.home-screen .app-description a[href] {
	color: #004494;
}

body.home-screen .app-description ul {
	margin-left: 2rem;
}

body.home-screen .app-description h2, body.home-screen .app-description h3 {
	margin-top: 1rem;
	margin-bottom: 0.4rem;
}


#menu-button-dropdown {
	right: 0px;
}

#menu-button-dropdown .lui-icon, #menu-button-dropdown .ecl-icon {
	margin-right: .4rem;
	text-decoration: none;
}
#menu-button-dropdown .ecl-icon:before {
	margin: 0;
}

.app-view.no-sheet-nav-home #sheet-selection-container .dropdown {
	display: flex;
}

.no-sheet-nav-both #sheet-selection-container .dropdown, 
.no-sheet-nav-home #sheet-selection-container .dropdown,
.app-view.no-sheet-nav-top #sheet-selection-container .dropdown,
.app-view.no-sheet-nav-both #sheet-selection-container .dropdown {
	display: none;
}

.no-menu-both #sheet-selection-container .menu-container-group, 
.no-menu-home #sheet-selection-container .menu-container-group,
.app-view.no-menu-top #sheet-selection-container .menu-container-group {
	display: none;
}
.app-view.no-menu-home #sheet-selection-container .menu-container-group {
	display: inline-block;
}

.current-sheet-label {
	display: none;
}

.app-view.show-current-sheet-label .current-sheet-label {
	font-size: 16px;
	display: block;
    padding-left: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding-top: 4px;
	line-height: 43px;
	text-align: right;
}

.app-view.show-current-sheet-label .current-sheet-label + * {
	margin-left: 1rem;
}

div.cell.q-vis-type-map.load-init {
	background-image: url('../img/loader.gif ');
	background-size: 30px;
	background-position: center;
	background-repeat: no-repeat;
}
.dropdown-header {
	font-weight: bold;
	color: #004494;
	text-align: left;
	font-size: 0.89rem;
}

.progress-loader {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
	background-size: 100%;
}

.progress-dialog {
	width: 250px; 
	background-color: white; 
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 100px);
	box-shadow: 0px 2px 6px #333;
	border-top: 5px solid #004494;
}


.progress-dialog-progress {
	background-color: #7FA1C9;
	height: 5px;
	width: 0%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width 200ms;
}

.layout-container {
	min-height: calc(100vh - 55px); 
}
.app-view .layout-container {
	height: calc(100vh - 55px); 
	overflow-y: auto;
	 -webkit-overflow-scrolling: touch;
}
.bookmark-buttons {
	margin: 2rem 1rem;
	text-align: center;
}
.bookmark-buttons .ecl-button {
	margin: 0 .5rem 1rem .5rem;
}
.app-view .bookmark-buttons {
	display: none;
}

#menu {
	width: 44px;
	height: 44px;
	padding: 6px 10px;
}

.app-view #menu {
	width: 44px;
	height: 44px;
}

.hamburger-menu {
    display: inline-block;
    cursor: pointer;
	width: 100%;
    height: 100%;
    position: relative;
	min-width: 20px;
}

.hamburger-menu .bar {
    height: 2px;
    background-color: #004494;
	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) ;
}

.menu-container-group {
	position: relative;
	text-align: left;
}

#button-sheet-dropdown, #button-app-dropdown {
	width: 100%;
	min-width: 200px;
}


#mobile-menu.open .hamburger-menu .bar {
	transition: height 0.2s 0.2s, transform 0.2s 0.2s, opacity 0.2s, bottom 0.2s;
    height: 2px;
}

#mobile-menu.open .hamburger-menu .bar.first {
    transform: rotate(45deg);
	bottom: calc(50% - 2px) ;
}
#mobile-menu.open .hamburger-menu .bar.middle {
	opacity: 0;
}
#mobile-menu.open .hamburger-menu .bar.last {
	bottom: calc(50% - 2px) ;
	transform: rotate(-45deg);
}

.app-selector-btn-group {
	display: none;
}

.sheet-selector-btn-group {
	flex: 1;
}
.sheet-selector-btn-group , .multi-app .app-selector-btn-group {
	display: inline-block;
	position: relative;
}

.multi-app--separated .app-selector-btn-group .app-name-full {
	display: none;
}
.multi-app--separated .app-selector-btn-group .app-name-short {
	display: inline-block;
}

.app-selector-btn-group {
	margin-right: 5px;
}

.nav-container-group {
	white-space: nowrap;
    font-size: 0;
    display: inline-block;
}

.nav-container-group .ecl-icon:before {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.nav-container-group .ecl-button {
	margin-left: -2px;
}

.nav-container-group .ecl-button[disabled] {
	color: #DDD;
}
.nav-container-group .ecl-button[disabled]:focus,
.nav-container-group .ecl-button[disabled]:active,
.nav-container-group .ecl-button[disabled]:hover {
	background-color: #FFF;
}

#sheet-selector-btn, #app-selector-btn {
	width: 100%;
	position: relative;
}

#sheet-selector-btn:after, #app-selector-btn:after {
	margin-left: 0;
	width: 100%;
	text-align: right;
	text-decoration: none;
}

#sheet-selector-btn *:hover {
	text-decoration: none;
}

.fs-nav-buttons {
	display: none;
}

.is-fullscreen .fs-nav-buttons {
	display: block;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.q-vis-type-text-image .qv-ti {
	overflow-y: auto;
}

#mobile-menu {
	display: none;
}

.multi-app--hierarchical #sheet-selection-container .sheet {
	padding-left: 1rem;
}

#content-container {
	position: relative;
	background: #FFF; 
	min-height: calc(100vh - 219px);  
	font-size: 15px; 
	color: #555; 
	padding: 0
}

#mobile-selections-list {
	display: none;
}

#sheet-container {
	padding: 0 5px;
	display: none;
}

#mobile-selections {
	display: none;
}

.app-view #top-container-wrapper {
	display: flex;
}

.grid {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
	-background-color: #DDD;
}

.grid.bg {
	background: url('../img/grid.svg');
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
}

.grid.bg > .cell {
	border: 1px solid #CCC;
	background-color: rgba(200, 200, 200, 0.2);
}

.grid  > .cell {
	position: absolute;
	_outline: 1px solid green;
}

.grid  > .cell .qv-object-title {
	line-height: 1;
}

.grid .cell.is-fullscreen {
	background-color: white;
	z-index: 5;
}

.grid .cell .obj-holder {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	margin: 5px;
	_outline: 1px solid red;
}

.grid .cell.in-selection-mode .vis-controls-container {
	display: none;
	z-index: -1;
	opacity: 0;
}

.grid .cell .curtain-cover {
	background-color: white;
	z-index: 6;
	display: none;
	_border: 2px solid silver;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
}

.grid .cell .cover {
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}

.grid .cell .obj-holder h1, .grid .cell .obj-holder h2 {
	margin: 0;
}
.q-vis-type-optionvariable .lui-icon--expand,
.q-vis-type-bi-era\.com_listbox .lui-icon--expand {
	display: none;
}

.cell.q-vis-type-bi-era\.com_listbox .qv-object-content-container .qv-object-content > div {
	overflow: hidden;
}

.q-vis-type-optionvariable .cover,
.q-vis-type-bi-era\.com_listbox .cover {
	display: none;
}

#selected-app {
	float: left;
	width: 97%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#selected-sheet {
	overflow-x: hidden;
	text-overflow: ellipsis;
}

#selected-sheet-wrapper, #selected-app-wrapper {
	width: calc(100% - 15px); display: inline-block; overflow: hidden; text-overflow: ellipsis; 
    position: absolute;
    width: auto;
    -border: 1px solid red;
    left: 0;
    right: calc(11px + 1rem);
}


#app-selector-btn {
	width: 100%;
}


#sheet-selector {
	max-height: 400px;
	overflow-y: auto;
	margin-top: .4rem;
}

#sheet-selector a, #app-selector a, #menu-button-dropdown a {
	overflow-x: hidden;
	text-overflow: ellipsis;
	text-align: left;
	line-height: 1;
	padding: .2rem 1rem;
	font-size: 1rem;
}

#menu-button-dropdown a {
	padding: .2rem .5rem;
}

#sheet-selection-container .ecl-button[disabled], #sheet-selection-container .ecl-button[disabled]:hover {
	border-color: #004494;
}

.visualisation {
	padding-left: 20px;
	display: none;
}
.dropdown {
	white-space: nowrap;
	font-size: 0;
	flex: 1;
	display: flex;
}

.qv-object .dropdown {
	display: block;
}

.home-screen .dropdown {
	max-width: 600px;
	margin: 0 auto;
}

.active-btn {
	background-color: #e6e6e6 !important;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.vis-type-barchart:before {
	content: ''
}

.multi-app--separated.home-screen .nav-container-group {
	display: none;
}

.multi-app--separated.home-screen .app-selector-btn-group {
	width: calc(50% - 0.5rem);
}


.multi-app--separated.app-view .app-selector-btn-group {
	width: 25%;
}

.multi-app--separated.home-screen.multi-app--separated--no-apps  .app-selector-btn-group {
	display: none;
}

#loader-container {
	display: none;
	text-align: center;
	font-family: 'QlikView Sans';
	background-image: url('../img/spin.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 100px; 
	opacity: 0.7;
	position: absolute;
	top: 30px;
	left: calc(50% - 50px);
	width: 100px;
	min-height: 100px;
}

#_loader-container:after {
	content: 'Loading...';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 12px;
	font-family: Arial;
}

.app-view.no-sheet-nav-both #sheet-selection-container,
.app-view.no-sheet-nav-top #sheet-selection-container {
	flex: none;
}
	
#sheet-selection-container {
	-width: 860px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

#top-container {
	display: none;
}

.home-screen #top-container {
	max-width: 650px;
    margin: 0 auto;
    margin-bottom: 6rem;
    padding: 0 2rem;
}

#top-container  .description {
	font-size: 100%;
	margin: 20px auto;
	width: 90%;
	max-width: 800px;
}

#title-container .description p {
  text-align: justify;
}

#title-container {
	text-align: center;
	padding-top: 30px;
}

.app-view #title-container {
	flex: 1;
	text-align: left;
	padding-top: 0px;
	min-width: 0;
	display: flex;
}

#title-container #logo, #title-container #second-logo {
	display: none;
}

#title-container #second-logo {
	margin-left: 5px;
}

.app-view.fs-frame-full #title-container #logo, .app-view #title-container #second-logo.shown {
	display: block;
	height: 38px;
	background-image: url('../img/logo-ec-jrc-datam-horizontal.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-y: center;
	width: 125px;
	margin-top: 5px;
}

.app-view #title-container h2 {
	font-size: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 0px);
	padding-left: 5px;
	font-weight: bold;
	margin: 0;
	margin-top: 15px;
}
.app-view.fs-frame-full #title-container h2 {
	width: calc(100% - 130px); /* = logo width 125px + some padding*/
	padding-left: 5px;
	margin-top: 13px
}

.landing-page-container {
	display: none;
}
.app-view .landing-page-container {
	display: none !important;
}

.app-view #sheet-selection-container {
	text-align: right;
	flex: 1;
	height: 43px;
}

.app-view #top-container {
	padding: 5px;
	margin-bottom: 0;
}

.app-view #sheet-selector-btn {
	width: calc(100% - 0px);
}

.vis-controls-container {
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 100;
	display: none;
}

#overlay.is-fullscreen  #obj-full-screen {
	position: fixed;
	background: #fff;
	/*border: 0px solid darkgrey;*/
	border: 0px solid #34B233;
	border-radius: 3px;
	z-index: 300;
	height: auto;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: 20px 60px;
	padding: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.vis-controls-container.is-fullscreen .qvobject {
	height: 100% !important;
}

.control-btn {
	float: right;
	margin-left: 5px;
}

.download-btn.not-available-button {
	display: none !important;
}

.q-vis-type-filterpane.is-fullscreen .obj-holder{
	z-index: 100;
	padding-top: 2rem;
}

.is-fullscreen .control-btn a {
	border: 0;
	color: rgba(89, 89, 89, 0.6);
	line-height: 18px;
	width: 36px;
	height: 36px;
	font-size: 20px;
	background-color: transparent;
}

.control-btn a {
	border: 2px solid #595959;
	color: #595959;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	padding: 8px;
	line-height: 16px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	text-decoration: none;
	background-color: white;
}

.control-btn a:hover {
	border-color: #777; /* dark grey */
	color: #777;
}

.panel-fullscreen:not(.is-fullscreen ) .glyphicon-resize-small {
	display: none;
}

.panel-fullscreen.is-fullscreen .glyphicon-resize-full {
	display: none;
}

.control-btn a .is-fullscreen {
	margin: 10px;
}

.qui-delayedModal main p.dm-p {
	display: none;
}


#sheet-selector.with-visualisations .sheet  a {
	font-weight: bold;
}

#sheet-selector.with-visualisations .visualisation {
	display: block;
}

#selections {
	display: none;
	margin: 0px 0px 5px 0px;
	height: 36px;
	padding: 0 5px;
}

#selections.shown {
	display: block;
}

.no-selections #selections, .no-selections #selections.shown {
	display: none;
}


.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*/
}

#main {
	position: relative;
}
.app-view #main {
	padding: 0;
}

.resize-view-controls button, .menu-container-group {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 3px;
}

.app-view  .resize-view-controls .fs-exp-frame {
	width: 44px; height: 44px; padding-left: 12px; padding-right: 12px;
	padding: 0;
}

.hamburger-menu--off .menu-container-group,
.home-screen.hamburger-menu--off .sheet-selector-sidebar-container,
.app-view.hamburger-menu--off.not-resizable .sheet-selector-sidebar-container {
	display: none;
}

.app-view .sheet-selector-sidebar-container {
	display: flex;
	margin-left: auto;
}

@media ( max-width : 1024px) {
	
	#selected-sheet {
		width: calc(100% - 10px);
	}
	.app-view  #sheet-selector {
		left: inherit;
		right: 0;
	}
	#sheet-selector {
		right: 0;
		width: 100%;
	}
	
}

#mobile-selections-counter-container #mobile-selections-counter,
#mobile-selections-counter-container.selections-expanded #mobile-selections-counter-close {
	opacity: 1;
	transition-delay: 0.5s;
}

#mobile-selections-counter-container.selections-expanded  #mobile-selections-counter,
#mobile-selections-counter-container #mobile-selections-counter-close {
	opacity: 0;
	transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
}
#mobile-selections-counter-close {
	line-height: 50px;
	color: white;
}

#mobile-selections-counter-container {
	position: relative;
	width: 100%;
	height: 100%;
}
#mobile-selections-counter-container .sel-button {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


.mobile-only {
	display: none;
}

@media screen and ( max-width : 480px) {
	
	.sticky.fixed {
		position: fixed;
		top:0; left:0;
		width: 100%; 
		z-index: 2000;
		margin-bottom: 0;
	}
	
	.not-resizable #sheet-container .grid {
		height: auto !important;
	}
	
	.sticky-fixed #sheet-container {
		margin-top: 54px;
		margin-bottom: 44px !important;
		overflow-y: auto;
	}
	.sticky-fixed .ecl-footer {
		margin-bottom: 38px;
	}
	
	.app-view .nav-container-group .ecl-button {
		margin-left: 0;
	}
	
	.mobile-selections.hamburger-menu--on.app-view #title-container h2 {
	  width: calc(100% - 95px); /* hamburger menu and selections button */
	}
	
	.multi-app--separated.mobile-selections.hamburger-menu--on.app-view .app-selector-btn-group {
	  width: calc(100% - 102px);
	}
	
	.multi-app--separated.home-screen .app-selector-btn-group {
		display: block;
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.multi-app--separated.app-view .app-selector-btn-group {
		width: calc(100% - 52px);
		position: fixed;
		top: 4px;
		left: 2px;
	}
	.multi-app--separated.app-view.vis-view .app-selector-btn-group {
		-display: none;
	}
	
	.multi-app--separated.app-view .app-selector-btn-group .app-name-full {
		display: inline-block;
	}
	.multi-app--separated.app-view .app-selector-btn-group .app-name-short {
		display: none;
	}
	
	.multi-app--separated.app-view  #app-selector-btn {
		height: 46px;
	}
	
	
	.app-view.hamburger-menu--off .menu-container-group {
		display: inline-block;
	}
	
	.app-view #title-container {
		float: none;
		width: 100%;
		margin: 0;
		padding: 5px;
		/*color: #FFF;*/
		/*color: black;*/
		background-size: 81px 40px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		background-color: white;
		top: 0;
		left: 0;
		z-index: 15;
		height: 54px;
		border-bottom: 2px solid #004494;
		box-sizing: border-box;
	}
	
	.app-view #sheet-selection-container {
		width: 100%;
		padding-bottom: 2px;
	}
	
	.app-view #title-container h2 {
		padding-top: 12px;
		margin-bottom: 5px;
	}
	
	.app-view.fs-frame-full #title-container h2 {
		margin-top: 0;
		width: calc(100% - 50px); /* for placing menu button */
	}
	
	.app-view #title-container #logo {
		background-image: url('../img/logo-ec-jrc-datam-white-horizontal.png');
		width: 120px;
		margin-left: 0;
	}
	
	.app-view #title-container #logo::before {
		display: none;
	}
	
	#sheet-selector {
		right: 0;
		width: 100%;
	}
	
	#sheet-selector  li {
		margin: 5px 0;
	}
	
	.app-view.fs-frame-full #title-container #logo, .app-view.fs-frame-full #title-container #second-logo {
		display: none;
	}
	
	.grid > .cell.q-vis-type-optionvariable,
	.grid > .cell.q-vis-type-bi-era\.com_listbox,
	.grid > .cell.q-vis-type-action-button	{
		height: 100px !important;
	}

	.grid > .cell.q-vis-type-sn-shape {
		height: 30px !important;
	}

}

@media screen and ( max-width : 480px) , screen and ( max-height: 480px) {
	
	.app-view.show-current-sheet-label #title-container h2 {
		padding-top: 5px;
	}

	.app-view.show-current-sheet-label .current-sheet-label {
		position: fixed;
		top: 37px;
		left: 0;
		right: 0;
		padding: 0 10px;
		font-size: 12px;
		margin: 0;
		text-align: left;
		line-height: 1;
	}

	#sheet-selector-btn:after {
		-display: none;
	}
	
	#button-sheet-dropdown, #button-app-dropdown {
		padding: 0;
		border: 0;
	}

	#content-container {
		min-height: 160px;
	}

	.resize-tooltip {
		display: none !important;
	}

	.app-view #top-container {
		padding: 0;
		height: 49px;
		margin-bottom: 5px;
	}
	
	.app-view #top-container-wrapper {
		position: relative;
	}
	
	.app-view #europa-header,
	.app-view .ecl-footer {
		display: none;
	}

	.qv-global-selections {
		display: none;
	}

	.app-view .non-mobile-only {
		display: none;
	}

	.app-view .mobile-only {
		display: block;
	}
	
	#popup {
		bottom: 40px;
	}
	
	#loader-container {
		height: 100px;
	}
	
	.app-view #title-container h2 {
	  width: calc(100% - 50px);
	  margin: 0;
	  padding: 0;
	  padding-top: 9px;
	}
	
	.app-view #title-container h2:before {
		/* LOGO DATAM */
		content: '';
		background-image: url(../img/logo-ce-horizontal-en-neg-quadri-lr-home-left.png);
		/*width: 88px;*/
		/* height: 53px; */
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		/*color: rgba(0,0,0,0);*/
	}
	
	.mobile-selections.app-view #title-container h2 {
		width: calc(100% - 125px);
	}
	
	.app-view #title-container #logo {
		background-image: url('../img/logo-ec-jrc-datam-white-horizontal.png');
		width: 120px;
		margin-left: 0;
	}
	
	.app-view #title-container #logo::before {
		display: none;
	}
	
	.app-view #mobile-menu {
		display: block;
		position: absolute;
		top: 2px;
		right: 2px;
		z-index: 50;
		width: 46px;
	}
	
	.app-view #mobile-menu button{
		width: 46px;
		height: 46px;
		padding: 10px;
		background-color: inherit;
		border-color: inherit;
		border-radius: 3px;
		outline: none;
	}
	
	.app-view #mobile-menu.open .bar{
		background-color: #999;
	}
	
	.app-view #mobile-menu .dropdown-menu{
		left: initial;
		right: 0;
	    border-radius: 0 0 4px 4px;
		border-top: 0;
		margin-top: 2px !important;
		padding-top: 2px !important;
	}
	
	
	.app-view.mobile-selections #mobile-menu {
		right: 53px;
	}
	
	.app-view #selected-sheet{
		width: 100%;
	}
	
	.app-view .menu-container-group .bar {
		/*background-color: #FFF;*/ /*#888; */
	}
	
	.app-view #mobile-menu a {
		padding: 5px 15px;
	} 

	.app-view #mobile-menu a .glyphicon {
		padding-right: 5px;
	}

	.grid {
		width: 100%;
		height: initial;
		position: initial;
		-background: #EEE;
	}
	.use-cards #sheet-container {
		background-color: #f2f2f2;
	}
	.use-cards .grid {
		border: 0;
		min-height: 100%;
	}
	.grid > .cell {
		position: relative;
		width: 100% !important;
		left: 0 !important;
		top: initial !important;
		height: 200px !important;
		margin-bottom: 10px;
	}

	.grid > .cell.is-fullscreen, .selection-filterpane {
		position: fixed;
		bottom: 0 !important;
		z-index: 9999;
		height: auto !important;
		min-height: unset !important;
		max-height: unset !important;
		top: 54px !important;
		margin: 0;
	}
	
	.app-view.show-current-sheet-label .grid > .cell.is-fullscreen, .app-view.show-current-sheet-label .selection-filterpane {
		bottom: 0;
	}

	
	.sticky-fixed .grid > .cell.is-fullscreen, .sticky-fixed .selection-filterpane {
		bottom: 38px;
		height: auto;
		top: 54px !important;
	}
	
	/* Select variable input */
	.grid > .cell.q-vis-type-qlik-variable-input--s {
		height: 70px !important;
	}
	
	.selection-filterpane {
		z-index: 4000;
		background-color: white;
		width: 100%;
		padding-top: 44px;
	}
	
	.grid > .cell .obj-holder {
		position: absolute;
		bottom: 0px;
		top: 0px;
		left: 0px;
		right: 0px;
		border: 0px solid red;
	}
	.grid > .cell.is-fullscreen .obj-holder {
		top: 44px;
	}
	.grid > .cell .cover {
		z-index: 2;
	}
	.grid > .cell.is-fullscreen .cover {
		z-index: -1;
	}
	
	.app-view #sheet-container {
		top: 50px;
		bottom: 40px;
		width: 100%;
		padding: 0;
		margin-bottom: 0px;
		-webkit-overflow-scrolling: touch;
	}

	.app-view #sheet-selection-container {
		margin: 0;
		height: 0;
	}
	
	.app-view #top-container-wrapper {
		display: block;
	}
	
	.app-view #sheet-selection-container .dropdown {
		height: 40px;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		background-color: #0065A2;
		z-index: 1005;
	}
	.app-view .sticky-fixed #sheet-selection-container .dropdown {
		position: fixed;
		bottom: 0;
	}
	
	.app-view #sheet-selection-container #sheet-selector, .app-view #sheet-selection-container #app-selector {
		position: fixed;
		top: 54px;
		bottom: 44px;
		border-radius: 0;
		border: 0;
		max-height: none;
		padding: 0;
		margin: 0;
		width: 100%;
		left: 0;
		background-color: #FFF;
		height: auto;
		overflow-y: auto;
	}
	.app-view.sticky-fixed #sheet-selection-container #sheet-selector {
		top: 54px;
	}
	
	.app-view #sheet-selection-container #sheet-selector li, .app-view #sheet-selection-container #app-selector li {
		border-bottom: 1px solid silver;
		background-color: white;
		font-family: 'QlikView sans';
		font-size: 15px;
		margin: 0;
	}
	
	.app-view #sheet-selection-container #sheet-selector li.selected-sheet,
	.app-view #sheet-selection-container #app-selector li.selected-app {
		background-color: #EBEBEB;
	}
	
	.app-view #sheet-selection-container #sheet-selector li a, .app-view #sheet-selection-container #app-selector li a {
		padding: 10px;
		width: 100%;
	}
	
	.app-view #sheet-selection-container #sheet-selector li.dropdown-header {
    	overflow-x: hidden;
    	text-overflow: ellipsis;
    	padding: 15px 5px 15px 10px;
	}
	
	.app-view.multi-app #sheet-selection-container #sheet-selector li a {
		padding-left: 20px;
	}
	
	.app-view #sheet-selection-container #sheet-selector-btn {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.app-view .sticky-fixed #sheet-selection-container #sheet-selector-btn {
		bottom: 0;
	}

	.app-view #sheet-selection-container #sheet-selector-btn .caret{
		display: none;
	}
	
	.app-view.multi-app--hierarchical .sheet {
		padding-left: 0;
	}
	
	.app-view #sheet-selection-container .nav-container-group {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.app-view #sheet-selection-container .menu-container-group {
		position: absolute;
		top: 4px;
		right: 2px;
		height: 46px;
		width: 46px;
		display: block;
	}
	
	.app-view .resize-view-controls {
		position: fixed;
		top: 2px;
		right: 2px;
		height: 46px;
		width: 46px;
		display: none !important;
	}
	
	.app-view .resize-view-controls .btn {
		background-color: #0065A2;
		border-color: #0065A2;
		color: #888;
		height: 100%;
		width: 100%;
		padding-top: 12px
	}
	
	
	.app-view.mobile-selections #sheet-selection-container .menu-container-group{
		right: 51px;
	}
	
	.app-view #sheet-selection-container .menu-container-group .dropdown-menu {
		top: 49px;
		border-radius: 0;
	}
	
	.app-view #sheet-selection-container .sheet-selector-btn-group {
		position: absolute;
		bottom: 0;
		height: 100%;
		left: 40px;
		right: 40px;
	}
	
	.app-view #sheet-selection-container .menu-container-group .dropdown-toggle {
		width: 100%;
		height: 100%;
		/*padding: 5px 8px;*/
		padding: 9px 12px
	}
	
	
	.app-view #sheet-selection-container #prev-sheet {
		border-right: 1px solid #555;
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 12px 13px;
	}
	
	.app-view #sheet-selection-container #next-sheet {
		border-left: 1px solid #555;
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 12px 13px;
	}
	
	.app-view #sheet-selection-container button{
		/*border: 0;*/
	}
	
	.app-view #sheet-selection-container button {
		background-color: white;
		color: black;
	}
	.app-view #sheet-selection-container button[disabled] {
		color: #AAA;
	}
	
	.app-view #sheet-selection-container button:focus {
		outline: 0;
		outline-offset: 0;
	}

	.app-view #mobile-selections {
		position: absolute;
		right: 2px;
		top: 4px;
		background-color: #52cc52;
		width: 46px;
		z-index: 300;
		height: 46px;
		-border-radius: 3px;
		font-family: 'QlikView sans';
		color: white;
		font-size: 20px;
		line-height: 46px;
		text-align: center;
		-margin: 4px 4px;
		cursor: pointer;
	}
	
	.app-view #mobile-selections.shown {
		display: block;
	}
	
	#selections.shown {
		display: none;
	}
	
	.app-view #mobile-selections-list {
		display: none;
		position: fixed;
		bottom: 38px;
		background-color: #9F9F9F;
		width: 100%;
		left: 0;
		z-index: 300;
		font-size: 18px;
		height: auto;
    	overflow-y: auto;
		top: 54px;
	}
	.app-view .sticky-fixed #mobile-selections-list {
		top: 54px;
	}

	.app-view #mobile-selections-list > ul {
		list-style: none;
	}
	
	.app-view #mobile-selections-list > ul > li {
		background-color: #404040;
		border-bottom: 1px solid silver;
		height: 50px;
	}
	
	.app-view #mobile-selections-list .selection-field > div{
		background-color: white;
	}
	
	.app-view #mobile-selections-list  .selection-field {
	    height: 22px;
		line-height: 22px;
		color: #EEE;
		font-size: 17px;
		font-weight: bold;
		text-align: left;
		text-overflow: ellipsis;
    	overflow: hidden;
		white-space: nowrap;
	}

	.app-view #mobile-selections-list  .selection-counter {
	    height: 17px;
		line-height: 17px;
		color: #EEE;
		font-size: 13px;
		text-align: left;
		text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap;
	}
	
	.app-view #mobile-selections-list  .selection-counter-indicator {
		background-color: #A9A9A9;
		height: 4px;
		width: 100%;
		position: absolute;
		bottom: 2px;
		border-radius: 2px;
	}
	
	.app-view #mobile-selections-list  .selection-counter-indicator-selected {
		background-color: #42C24E;
		height: 100%;
		border-radius: 2px;
	}
	.app-view #mobile-selections-list  .selection-details {
		float: right;
		width: calc(100% - 55px);
		height: 50px;
		position: relative;
		margin-right: 5px;
	}

	
	.app-view #mobile-selections-list  .clear-field {
	    float: left;
		width: 50px;
		color: #EEE;
		height: 50px;
		line-height: 50px;
	}
	
	.app-view #mobile-selections-list  .clear-field:hover {
		cursor: pointer;
		color: #DDD;
	}
	
	.app-view .layout-container {
		height: calc(100% - 38px);
	}
	
}

@media screen and ( max-height: 480px) and (orientation: landscape) {
	
	.app-view.show-current-sheet-label #title-container h2 {
		padding-top: 0;
		margin-top: 4px;
	}
	
	.app-view.show-current-sheet-label .current-sheet-label {
		top: 35px;
		left: 125px;
	}
	
	.app-view.show-current-sheet-label .fs-frame.fs-frame-full #sheet-container {
		height: calc(100vh - 54px) !important;
	}

	body {
		overflow: initial;
	}
	
	body.app-view {
		overflow: hidden;
	}
	
	#overlay-lanscape {
		display: initial;
	}
	.landscape-warning {
		width: auto;height: auto;background-color: white;position: fixed;top: 60px;bottom: 60px;left: 20px;right: 20px; text-align: center;
		border-radius: 3px;
	}
	
	.app-view #sheet-selection-container #prev-sheet {
		left: 2px;
	}
	
	.app-view.sticky-fixed #sheet-selection-container #sheet-selector {
		top: 0;
	}
	
	.app-view .ecl-footer {
		margin-bottom: 40px;
	}
	
	.sticky-fixed .grid > .cell.is-fullscreen, .sticky-fixed .selection-filterpane {
		top: 0 !important;
	}
	
	.app-view #sheet-selection-container .app-selector-btn-group {
		width: calc(25% + 12px);
		right: 40px;
		margin: 0;
		position: absolute;
		height: 100%;
		bottom: 0;
	}
	.app-view #sheet-selection-container #app-selector-btn {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	.app-view .layout-container {
		height: calc(100vh - 38px);
	}
	#nav-bar {
		display: none
	}

	.app-view #title-container {
		float: none;
		width: 100%;
		margin: 0;
		padding: 5px;
		/*color: #DDD;*/
		/*color: black;*/
		background-size: 81px 40px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		/*background-color: #0065A2;*/
		top: 0;
		left: 0;
		z-index: 15;
		height: 54px;
		border-bottom: 2px solid #004494;
		box-sizing: border-box;
	}
	
	.app-view #sheet-container {
		overflow-x: auto;
		overflow-y: hidden;
		background-color: #DDD;
		height: calc(100vh - 54px - 38px);
		min-height: 200px;
		margin-bottom: 0px;
		bottom: auto;
	}

	.grid > .cell {
		position: relative;
		width: calc(66% - 0px) !important;
		height: calc(100% - 0px) !important;
		left: 0 !important;
		top: initial !important;
		margin-bottom: 10px;
		display: inline-block;
		box-shadow: 0px 5px 5px silver;
		background-color: #FFF;
		margin: 0 5px;
		flex: 0 0 auto;
	}
	
	.grid > .cell.single-cell {
		width: calc(100% - 10px) !important;
	}
	
	.grid > .cell.is-fullscreen {
		margin: 0;
		width: 100% !important;
		bottom: 0 !important;
		z-index: 9999;
	}
	
	.grid {
	    -white-space: nowrap;
	    height: calc(100% - 10px) !important;
	    display: flex !important;
		flex-direction: row;
	    padding: 5px 0;
		
	}
	
	.app-view.stop-scrolling #mobile-selections.shown {
		-display: none;
	}

}

#sheet-selector.open {
	display: block;
}

#show-service-popup-dialog .lui-popover__body {
	padding: 0;
}

.qui-modalbackground-centered {
	position: fixed;
}

#content-container.fs-frame,
#main.fs-frame {
	position: absolute;
	z-index: 1000;
	background-color: white;
	height: auto !important;
}

.fs-frame.fs-frame-full {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}


.fs-frame.fs-frame-full #sheet-container {
	height: calc(100vh - 98px) !important;
}

.no-selections.fs-frame-full #sheet-container {
	height: calc(100vh - 55px) !important;
}

.fs-frame-full #europa-header, .fs-frame-full .ecl-footer-harmonised {
	display: none;
}


.qv-global-selections {
	height: calc(100vh - 90px) !important;
}

.fs-frame-full .qv-global-selections {
	z-index: 1010;
    top: 90px !important;
    bottom: 0px;
    height: auto!important;
    left: 0;
    right: 0;
    width: auto;
	
}
	
.datam-img {
	display: none;
}
.fs-frame-full .datam-img {
	display: initial;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}


/*************************** STYLES ADDED FROM index.html ***************************/
.resize-view-controls {
	display: none;
}

.app-view .resize-view-controls {
	display: inline-block;
}

@media ( max-width : 768px), screen and ( max-height: 480px) and (orientation: landscape) {
	
	.resize-view-controls .fs-exp-frame {
		width: 44px; height: 44px; padding-left: 10px; padding-right: 10px;
	}

	.nav-container-group .glyphicon {
		font-size: 10px;
	}
	#menu {
		width: calc(.89rem * 3 + 1px);
		height: calc(.89rem * 3 + 1px);
	}
	
	.app-view #menu {
		width: 44px;
		height: 44px;
		padding: 4px 8px;
	}
	
	.app-view  .resize-view-controls .fs-exp-frame {
		width: 44px; height: 44px; padding-left: 10px; padding-right: 10px;
	}
}

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

.grid > .cell .styled-select {
	width: calc(100% - 2px);
}

html, body{height:100%;}
body{overflow-y: auto !important; -ms-overflow-style: -ms-autohiding-scrollbar}
html{overflow-y: hidden !important;}

body.fs-frame-full { -ms-overflow-style: none}
body.fs-frame-full #sheet-container { -ms-overflow-style: auto}


.app-view .ecl-button {
	padding: 12px 14px;
	line-height: 1;
}
.headerless .header-on {
	display: none !important;
}




body.home-screen #sheet-selection-container {
	margin-top: 2rem;
}

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

.qv-object .qv-pt[aria-hidden=true] {
	display: flex;
}
 
.cck-container  {
	z-index: 3000 !important;
}

body:not(.fs-frame-full) #sheet-container.extended-sheet {
	height: auto !important;
	overflow: visible !important;
}

#sheet-container.extended-sheet.spacing-top {
    padding-top: 20px;
    box-sizing: border-box;
}


body.app-view:not(.fs-frame-full) #sheet-container.extended-sheet .cell.is-fullscreen {
	position: fixed;
    margin: 20px;
    width: calc(100% - 40px) !important;
    height: calc(100% - 40px) !important;
    border: 2px solid silver;
}

body.fs-frame-full #sheet-container.extended-sheet.cell-is-fullscreen > .grid {
	height: 100% !important;
}

.vis-controls-container a.in-progress {
    background-image: url(../img/loader.gif);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}
.vis-controls-container a.in-progress * {
	visibility: hidden;
}

.object-error-content .object-error-more {
	display: none;
}

.app-view #sheet-selection-container #sheet-selector li.selected-sheet,
.app-view #sheet-selection-container #app-selector li.selected-app {
	background-color: #EBEBEB;
	background-color: #EBEBEB;
}

button.ecl-button:disabled {
	opacity: 1;
}


.cell[visualisation-type="action-button"] button {
	box-sizing: border-box;
}

.cell.q-vis-type-text-image.no-controls .qv-object-content > div {
	overflow-y: auto;
	overflow-x: hidden;
}	

.tooltip.top .tooltip-arrow {
	border-top-color: rgba(0,0,0, .8);
}

.tooltip .tooltip-inner {
	background-color: rgba(0,0,0, .8);
}


.cell.q-vis-type-text-image .qv-object-wrapper, .cell.q-vis-type-text-image .qv-object {
    -webkit-user-select: none; 
    -ms-user-select: none;
    user-select: text; 
}


.cell[visualisation-type=container] .vis-controls-container{
	top : -20px;
}

.cell.is-fullscreen[visualisation-type=container] .vis-controls-container{
	top : 0;
}

.fs-frame-full .header-on:not(.resize-view-controls) {
	display: none;
}

.cell .container {
	width: auto;
}

/* ---------- ERROR DIALOG STYLES */
#error-dialog {
	position: fixed;
	z-index: 2000;
	display: none;  
	align-items: center; 
	justify-content: center;    
	overflow: hidden;
}
#error-dialog .ecl-button:focus {
	outline: none;
}
#error-dialog .error-dialog-container {
	max-height: 90%;
	max-width: 90%;
	min-height: 180px;
	width: 450px;
	background-color: white;
	border-top: 5px solid #004494;
    padding: 1rem;
    background-image: url(../img/messages-warning.svg);
    background-repeat: no-repeat;
    padding-left: 3.5rem;
    background-size: 2rem;
    background-position: .8rem .4rem;
	box-shadow: 0px 0px 1rem 5px rgba(0,0,0,.4);
	display: flex;
    flex-direction: column;
}

#error-dialog .error-dialog-container header {
	font-weight: bold;
    color: #000;
    margin-bottom: .5rem;
}
#error-dialog .error-dialog-container footer {
	text-align: right;
	margin-top: auto;
}

#error-dialog .error-dialog-container .additional-err-msg {
	font-size: 70%;
	display: none;
	margin-top: 1.5rem;
}

#qs-chart-tooltip {
	font-size: .8rem;
}

/* ---------- END of ERROR DIALOG STYLES */


div.qlik-daterangepicker.dropdown-menu {
	z-index: 1000 !important;
}

.sel-toolbar-list li.sel-toolbar-list-item {
	box-sizing: content-box;
}

/* ---------- bootstrap css conflict fixes */
.q-vis-type-qlik-date-picker .pull-right {
	float: none !important;
}
#selections .label {
	color: black;
	text-align: left;
	font-size: 100%;
}
#selections .caret {
	border: 0;
}
/* ---------- END of bootstrap css conflict fixes */


.ecl-button {
	cursor: pointer;
}

.hidden-link {
	display: none!important;
	visibility: hidden!important
}

.hidden {
	display: inherit!important;
	visibility: inherit!important
}

/* Ignoring KPI links to native sheets */
.sn-kpi-click-again-overlay {
	pointer-events: none !important;
}

.tooltipster-base {
	position: fixed;
}

.tt-dark.tooltipster-sidetip .tooltipster-box {
    background-color: rgb(50,50,50,.9);
    border: 0;
    font-size: 12px;
    padding: 0;
}

.tt-dark.tooltipster-sidetip .tooltipster-content {
	color: #FFFFFF;
	padding: 2px 6px;
}

.tt-dark.tooltipster-sidetip .tooltipster-arrow {
	height: 8px;
}
.tt-dark.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-border {
	border-bottom-color: rgb(50,50,50,.9);
}
.tt-dark.tooltipster-sidetip.tooltipster-top .tooltipster-arrow .tooltipster-arrow-border {
	border-top-color: rgb(50,50,50,.9);
}
.tt-dark.tooltipster-sidetip .tooltipster-arrow .tooltipster-arrow-background {
	display: none;
}
.tt-dark.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    margin-left: -6px;
    width: 12px;
}
.tt-dark.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border: 6px solid transparent;
}


.tt-light.tooltipster-sidetip .tooltipster-box {
    background-color: rgb(150,150,150,.9);
    border: 0;
    font-size: 13px;
    padding: .5rem;
}

.tt-light.tooltipster-sidetip .tooltipster-content {
	color: #FFFFFF;
}

.tt-light.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 8px;
}
.tt-light.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-border {
	border-bottom-color: rgb(150,150,150,.9);
}
.tt-light.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-background {
	display: none;
}


.use-cards .grid {
	background-color: #f2f2f2;
	border-top: 5px solid #f2f2f2;
	box-sizing: border-box;
}
.use-cards #sheet-container.extended-sheet {
	padding-right: 0;
}

.use-cards .grid .cell .obj-holder {
	padding: 0;
	margin: 2px;
}


.use-cards .grid .cell.q-vis-type-sn-shape .obj-holder {
	background: transparent;
	border: none;
}


.use-cards .grid .cell .obj-holder .qv-object.qvt-visualization {
    border-radius: 4px;
    padding: 0;
    border: 1px solid #CCCCCC;
}


.use-cards .grid .cell .obj-holder > .qv-object-wrapper > .qv-object.qvt-visualization:not([style*=background]) {
	background-color: white;
}

.use-cards .grid .cell.is-fullscreen .qv-object.qvt-visualization {
	border: 0;
}

.use-cards #selections {
	margin-bottom: 0;
}

/* Remove border from qv-objects. Border is added by other style if card layout is used. */
.no-cards .qv-object.qvt-visualization[style*="border: 1px solid rgb(217, 217, 217);"] {
	border: none !important;
}

/* Temp workaround for blocking container when navigating between tabs */
.cell.q-vis-type-container .qv-ui-blocker {
	display: none !important;
}


.menu-item-hidden, .element-hidden {
	display: none;
}

/* Workaround for adding scroll to filterpanes. */
.qv-client .cell .qv-filterpane.qv-filterpane-scrollable {
	overflow: auto;
}

/*
.cell:focus {
	outline: 2px solid #9ecaed;
	box-shadow: 0 0 5px #9ecaed;
}
*/

.grid .cell .curtain-cover.is-fullscreen {
	border: 2px solid silver;
}

/** Dialogs **/
.dialog-panel {
	background-color: #FFF; 
	width: calc(100% - 2rem); 
	height: calc(100% - 2rem); 
	margin: 1rem; 
	position: relative; 
	box-shadow: 0px 0px 18px 1px black; 
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.dialog-panel-close-btn {
	font-size: 25px;
	float: right;
	display: inline-block;
	cursor: pointer;
}
.dialog-panel-header {
	border-bottom: 1px solid silver; 
	padding: .3rem; 
	margin: 0 10px 10px 10px;
	display: flex;
}
.dialog-panel-title {
    font-size: 18px;
    font-weight: bold;
    flex: 1;
    line-height: 30px;
}

/** Comments **/
.dropdown-menu-right .comment-icon {
	background-color: #f5f5f5;
}
.dropdown-menu-right .comment-icon:after {
	border-top-color: #f5f5f5 !important;
}

.comments-btn--main.comments-btn {
	position: relative;
	padding: 1px 5px 0 2px;
}
.comments-btn--main.comments-btn:after {
    content: 'Comments';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 10px;
    color: black;
    font-size: 9px;
    line-height: 10px;
}
.comments-btn--main .comment-icon .new-comment-counter[count] {
    top: -9px;
    right: -9px;
    border-radius: 8px;
    height: 16px;
    min-width: 16px;
    line-height: 8px;
}

body .ecl-message__description {
	max-width: 90%;
}

body.home-screen .app-description .ecl-message__content p.ecl-message__title {
	margin-bottom: .5rem;
}
	
body.home-screen .app-description .ecl-message__content p {
	margin: 0;
}

@keyframes pulse-outline {
	0%, 50% { outline: 2px solid rgba(255, 165, 0); box-shadow: 0 0 15px rgba(255, 165, 0); }
	25%, 75% { outline: 2px solid rgba(255, 165, 0); box-shadow: 0 0 25px rgba(255, 165, 0); }
	100% { outline: 2px solid transparent; box-shadow: 0 0 5px transparent; }

}
.highlight-outline {
	animation: pulse-outline 1.5s ease-out 3 alternate;
}