﻿.grid {
	position: relative;
}

.content .item {
	position: absolute;
	width: 200px;
	height: 200px;
	line-height: 200px;
	margin: 5px;
	z-index: 1;
}

	.content .item.muuri-item-hidden {
		z-index: 0;
	}

	.content .item.muuri-item-releasing {
		z-index: 2;
	}

	.content .item.muuri-item-dragging {
		z-index: 3;
	}

.item-content {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background: red;
	font-size: 50px;
	color: white;
	cursor: pointer;
}

.item.muuri-item-dragging .item-content {
	background: blue;
}

.item.muuri-item-releasing .item-content {
	background: blueViolet;
}

.loggedin .btn-subscription {
	display: none !important;
}

.btn-dashboard {
	display: none !important;
}

.loggedin .btn-dashboard {
	display: block !important;
}

.nav-holder a.btn.btn-dashboard {
	padding: 1px 10px !important;
	text-transform: none !important;
	font-family: "Arnhem Blond", Georgia, Cambria, "Times New Roman", Times, serif !important;
	margin: 9px;
	background-color: #47a454;
	color: #fff !important;
}

	.nav-holder a.btn.btn-dashboard:before {
		background: none !important;
	}


.content .widget-body #widget-quotes {
	height: 445px;
}

.content .widget-body .tabs {
	width: 100%;
	border-bottom: 1px solid #ddd;
}


	.content .widget-body .tabs .tab {
		width: 33%;
	}

		.content .widget-body .tabs .tab.active {
			border-bottom: 4px solid #ddd;
		}

		.content .widget-body .tabs .tab a {
			text-decoration: none;
		}

			.content .widget-body .tabs .tab a h2 {
				font-size: 15px;
				line-height: 32px;
				margin-bottom: 3px;
			}


.more-quotes {
	padding-top: 0;
}

.koersen-content {
	background: #fff;
	padding: 20px;
	margin-bottom: 50px;
}

	.koersen-content .fake-select {
		width: 200px;
		float: right;
	}

	.koersen-content #quotes-widget {
		width: 100%;
		height: 1300px;
		margin-top: 20px;
	}

.page-template-content-quotes .article-heading .txt.btm-2 {
	bottom: 415px;
}

.page-template-content-quotes #content {
	margin-right: -10px;
}

.page-template-content-quotes .share-area {
	top: auto;
}


#gainers-losers {
	height: 570px;
}

.updates.dark {
	background: #27242b;
	color: #FFFFFF;
	padding: 20px 20px 12px;
}

@media (max-width: 1023px) {
	#gainers-losers {
		height: 210px;
	}
}

@media (max-width: 767px) {
	.nav-holder a.btn.btn-dashboard {
		/*padding: 5px !important;*/
		text-transform: initial !important;
		font-family: "Arnhem Blond", Georgia, Cambria, "Times New Roman", Times, serif !important;
		margin: 10px 3px;
		background-color: #47a454;
		color: #fff !important;
	}

	.content .tabs {
		width: 85% !important;
	}

	.widgets {
		margin: 10px 20px !important;
		padding-bottom: 50px !important;
		position: relative !important;
	}

	.widget {
		background: #fff;
		min-width: 300px;
		width: 95% !important;
	}

	#widget-aandelen .recent-advice .btn, #widget-portefeuillewijzigingen .recent-advice .btn {
		width: 30% !important;
	}

	.widget-body .recent-advice li a:first-child {
		max-width: 35%;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		float: left;
		margin-bottom: 15px;
	}

	#widget-portefeuillewijzigingen .block-white span {
		max-width: 27% !important;
	}

	.widget-heading h2 {
		width: 75% !important;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

i.show-for-medium-down.fa.fa-dashboard {
	line-height: 30px;
}

@media (max-width: 768px) {
	.nav-holder #nav a.btn.btn-login {
		width: 36px;
	}
}