body {
	color: #003865;
	font-family: 'PT Sans', sans-serif;
}

#mainwrapper {
	position: relative;
	min-height: 100vh;
	padding-bottom: 92px;
	background: #F4F4F4;
}

#mainwrapper.themeview {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}

.name_dashboard #mainwrapper.themeview {
	background-image: url(images/Bataviahaven.jpg?v2);
}

.name_dashboard .header_text:after {
	content: "Lelystad in Zicht";
}

.name_dashboard2 #mainwrapper.themeview {
	background-image: url(images/background_armoede.png);
}

.name_dashboard2 .header_text:after {
	content: "Armoedemonitor";
}

.name_dashboard3 #mainwrapper.themeview {
	background-image: url(images/background_trend.jpg);
}

.name_dashboard3 .header_text:after {
	content: "Trendrapportage";
}

.name_dashboard4 .header_text:after {
	content: "Wijkwijzer";
}

/* Dashboard energie transistie */
.name_mosaic5 #mainwrapper.themeview {
    background-image: url(images/background_default.jpg);
}

.name_mosaic5 #dashboardView {
    padding: 0 1.5em 0 1.5em;
}

.name_mosaic5 #mainwrapper.themeview .wrapper-main {
    background: rgba(255,255,255,.9);
}

.name_mosaic5 #dashboardviews #dashboardView .theme {
    border-width: 5px;
	border-style: solid;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    background: -webkit-linear-gradient(0deg,#00386f,#004589);
    background: -moz-linear-gradient(0deg,#00386f 0%,#004589 100%);
    background: -ms-linear-gradient(0deg,#00386f,#004589);
    background: -o-linear-gradient(0deg,#00386f,#004589);
    background: linear-gradient(90deg deg,#00386f,#004589);
}

.name_mosaic5 #dashboardView .theme__link {
    width: 100%;
    height: 100%;
    -webkit-transition: 500ms ease-out 0s;
    -moz-transition: 500ms ease-out 0s;
    -ms-transition: 500ms ease-out 0s;
    -o-transition: 500ms ease-out 0s;
    transition: 500ms ease-out 0s;
}

.name_mosaic5 #dashboardView .theme:hover .theme__link {
    background: #00ADE5;
    -webkit-transition: 400ms ease 0ms;
    -moz-transition: 400ms ease 0ms;
    -ms-transition: 400ms ease 0ms;
    -o-transition: 400ms ease 0ms;
    transition: 400ms ease 0ms;
}

.name_mosaic5 #dashboardView .theme .theme__image {
	padding: 0;
}

.name_mosaic5 #dashboardwrapper #dashboardView .theme__name {
    background: transparent;
}

.name_mosaic5 #dashboardviews #dashboardView .caption {
	border: none;
	background: none;
	box-shadow: none;
}

.name_mosaic5 #dashboardView .theme.caption:hover .theme__link {
    background: none;
}

.name_mosaic5 .theme .theme__image img {
    margin: 0;
    padding: 10%;
}

.name_mosaic5 section.tile.free div.tile-content.no-content header h2 {
	text-align: center;
}

.mosaic-header { 
	background: transparent;
}  

.scroll-up .mosaic-header { 
	background: #FFF;
}

.name_dashboard #dashboardviews #dashboardView .theme {
    border-radius: 5px;
    border: 2px solid #FFF;
    -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}

.name_dashboard #dashboardView .theme__link {
	display: inline-block;
    width: 100%;
    height: 100%;
	background: -webkit-linear-gradient(0deg,#00386f,#004589);
    background: -moz-linear-gradient(0deg,#00386f 0%,#004589 100%);
    background: -ms-linear-gradient(0deg,#00386f,#004589);
    background: -o-linear-gradient(0deg,#00386f,#004589);
    background: linear-gradient(90deg deg,#00386f,#004589);
    -webkit-transition: 500ms ease-out 0s;
    -moz-transition: 500ms ease-out 0s;
    -ms-transition: 500ms ease-out 0s;
    -o-transition: 500ms ease-out 0s;		
}

.name_dashboard .theme__link[href="https://lelystadinzicht.nl/jive"] {
	background: #FFF!important;
}

.name_dashboard .dashblock .tile.free .free-tile .theme-tile-image {
	background: -webkit-linear-gradient(0deg,#00386f,#004589);
    background: -moz-linear-gradient(0deg,#00386f 0%,#004589 100%);
    background: -ms-linear-gradient(0deg,#00386f,#004589);
    background: -o-linear-gradient(0deg,#00386f,#004589);
    background: linear-gradient(90deg deg,#00386f,#004589);
} 

.name_dashboard .theme .theme__name {
    background: #FFF !important;
    color: #000!important;
}

.theme.caption .theme__link>div {
	height: 100%;
}

.name_dashboard .theme .theme__name > .name_wrapper {
    font-weight: 400;
    font-size: 16px;
}

.name_dashboard .theme__link .theme__image img {
	width: 50%;
	margin: 25%;
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
		 -o-transition: all .4s ease;
			transition: all .4s ease;
}

.name_dashboard .theme__link:hover .theme__image img, .theme__link:focus .theme__image img {
	-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
	-webkit-transition: all .35s cubic-bezier(.24, .11, .12, 1.69);
	   -moz-transition: all .35s cubic-bezier(.24, .11, .12, 1.69);
		 -o-transition: all .35s cubic-bezier(.24, .11, .12, 1.69);
			transition: all .35s cubic-bezier(.24, .11, .12, 1.69);
}

.sub-title {
    float: right;
    margin-top: 62px;
    margin-bottom: 61px;
    color: #009EE0;
    font-size: 32px;
    font-weight: 600;
}

.logo2 {
	float: right;
	width: 260px;
	height: 60px;
	background: url(images/logo2.jpg) no-repeat top left;
	background-size: 100% auto;
}

#dashboardView .theme:hover {
	border-color: #FFF !important;
}

#dashboardView .theme#theme_14:hover {
	border-color: #003865 !important;
}

.theme .theme__image {
	padding: 10px;
}

#footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
    background: #FFF;
    width: 100%;	
	border-top: 2px solid #009EE0;
    margin-top: 20px;
}

#footer_content {
    max-width: 1160px;
    height: 60px;
    padding-top: 10px;
    margin: 0 auto;
}

.footer_text {
	display: inline-block;
    margin-top: 16px;
}

a.iframe_link:before {
	margin-left: 2px;
}

.themeseparator {
	border: none;
}

	.user-info a {
		color: #003865;
		text-decoration: underline;
	}

	.user-info a:hover {
		color: #00ade5;
		text-decoration: none;
	}

#dashboardheader {
	position: relative;
	background-color: #009EE0;
	margin-bottom: 30px;
}

#innerheader {
    background: #FFF;
}

.logo-masker-left {
    position: absolute;
    z-index: 1;
    background-color: #009EE0;
    width: 28%;
    height: 165px;
}

.logo {	
	position: relative;
	z-index:2;
	height: 165px;	
	max-width: 1150px;
	margin: auto;
	background-image: url(images/logo-new.png); 
	background-repeat: no-repeat;
    background-position: left;
}

	.logo a {
		position: absolute;
		z-index: 2;
		width: 222px;
		height: 115px;
		padding: 0;
		margin: auto;
	}

.dashboard-menu, .name_dashboard #UserInfo {
	display: none!important;
}

.name_dashboard .dashboard-menu {
	display: block!important;
	background: #003865;
}

.dashboard-wrapper {
	max-width: 1140px;
	margin: 0 auto;
}

.dashboard-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.dashboard-menu ul {
	display: flex;
	float: right;
    padding: 0;
	margin: 0;
    list-style: none;
}

.dashboard-menu ul li a {
	display: inline-block;
	padding: 13px 15px;
	color:  #FFF;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
}

.dashboard-menu ul li a:hover {
    background: #FFF;
    color: #003865;
    text-decoration: none;
}

.header_text {
    float: right;
    margin: 67px 15px 0 0;
    color: #009EE0;
    font-size: 24px;
    font-weight: bold;
}

body.screenshot {
	background-image:none!important;
}

body.screenshot #dashboardwrapper {
	padding: 0;
}

body.screenshot .iframe_link {
	display: none;
}

body.screenshot section.tile.width2 {
	width: 566px;
}

body.screenshot section.tile .wrapper {
	padding: 1px;
}

@media (max-width: 1350px){
	.logo-masker-left {
		width:200px;
	}
}

@media only screen and (max-width: 1157px) and (min-width: 1px) {
	#UserInfo {
		padding: 0px;
	}
	#footer_content {
		padding: 10px 6px 0;
	}
}


@media only screen and (min-width: 1px) and (max-width: 593px) {
	#mainwrapper {
		position: static;
		padding-bottom: 0;
	}

	.name_mosaic5 #dashboardviews #dashboardView .caption p {
		font-size: small;
	}

	#footer {
		position: static;
	}
}