/* Mega Dropdown */

#divMegaDropDownPage{
	background-color: white;
}

#mdd{
	// margin: 0 auto;
	// padding-top: 53px;
	bottom: 0;

	display: block;
	// float: right;

	width: auto;
	min-width: 100%;
	padding: 0;
}

#mdd{
	position: relative;
	.mdd-button{
		font-family: Arial;
		font-size: 16px;
		font-weight: bold !important;
		line-height: 38px;

		position: absolute;
		right: 0;

		float: right;

		box-sizing: border-box;
		width: 100%;
		height: 40px;
		padding-left: 15px;

		text-align: left;

		color: #fff;
		background: calc(100% - 16px) 50% url("/_layouts/15/images/strabag/mdd-icon-arrow.png") no-repeat;
		background-color: $red;
	}
	> #mdd-menu{
		top: -2px;
		right: 2px;

		box-sizing: content-box;

		border: 2px $gray solid;
	}
}


#mdd-button:hover,
#mdd-header-button:hover{
	cursor: pointer;
}

#mdd-menu{
	position: absolute;
	z-index: 100;

	width: 1010px;
	height: 475px;

	background-color: white;
	thead{
		display: table-header-group;
		#thHeaderRight{
			#mdd-header-button{
				position: relative;
			}
		}
	}
}

#mdd-menu.hide{
	display: none;
}

#mdd-menu.show{
	// position: relative;
	// z-index: 52;
	// top: -39px;
	// left: -820px;

	// display: normal;
	// overflow: hidden;

	// background-color: #fff;
	// -webkit-box-shadow: 0 0 8px #888;
	//    -moz-box-shadow: 0 0 8px #888;
	//         box-shadow: 0 0 8px #888;
}
#tdMyCommunitiesAsOwner p a,
#tdMyCommunitiesAsMember p a{
	display: inline-block;
	width: 205px;
	overflow: hidden;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#mdd-menu table{
	width: 100%;
}

#mdd-menu #thHeaderLeft{
}

#mdd-menu #thHeaderRight{
	background-color: #6c7074;
}

#mdd-menu #tdImportantLinksHeader,
#mdd-menu #tdCommunitiesHeader{
	height: 60px;
}
#mdd-menu #mdd-menu{
	border: 2px rgba($gray-dark, .5) solid;
	// box-shadow: -3px 3px 0 0 rgba($gray-dark, 0.25);
}
#mdd > #mdd-menu{
	top: -2px;

	border: none;
}
#mdd-menu th{
	height: 37px;
	padding: 0;

	background-color: #6c7074;
}

#mdd-menu td{
	width: 215px;
	padding: 0 20px;

	vertical-align: top;
}

#mdd-menu #tdMyCommunitiesAsMember,
#mdd-menu #tdMyCommunitiesAsOwner{
	font-weight: $din-bold;
	min-height: 300px;
	h2{
		font-size: 16px;
		color: $gray-666;
	}
}

#mdd-menu #tdImportantLinksHeader,
#mdd-menu #tdImportantLinks{
	width: 220px;
}

#mdd-menu td img{
	max-width: 215px;
}

/* MDD - Content*/
#mdd-menu td,
#mdd-menu td p{
	overflow: hidden;

	word-break: break-all;
}

#mdd-menu tr.rowSpacing{
	height: 20px;
}

#mdd-menu h1{
	font-family: $din-medium;
	font-size: 22px;
}

#mdd-menu h2{
	font-family: $din-bold;
	color: $gray-666;
	font-size: 14px;
	font-weight: bold;
	span{
		font-family: $din-bold;
		color: $gray-666;
	}
}

#mdd-menu img{
}

#mdd-menu td a{
	font-family: $din-medium;
	font-size: 15px;
	line-height: 25px;

	margin: 0;

	vertical-align: middle;
	// color: $red;

	color: $gray-333;
	&:hover{
		color: $red-dark;
	}
}

#mdd-menu #tdImportantLinks a{
	font-family: $din-medium;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;

	margin: 0;

	vertical-align: top;

	color: $gray-333;
	&:hover{
		color: $red-dark;
	}
}

#mdd-menu #tdTeaser h2{
	font-family: $din-medium;

	padding-top: 20px;

	text-transform: uppercase;

	color: #666;
	a{
		font-family: $din-regular;

		color: $red !important;
		span{
			font-family: $din-regular;

			color: $red !important;
		}
		&:hover{
			color: $red-dark !important;
			span{
				color: $red-dark !important;
			}
		}
	}
}
#mdd-menu{
	h2{
		color: $gray-666;
	}
	#tdTeaser{
		h2{
			color: $gray-666;
		}
	}
	#tdImportantLinksHeader,
	#tdCommunitiesHeader{
		h1{
			color: $gray-666;
		}
	}
	#tdImportantLinks{
		a{
			color: $gray-333;
		}
	}
}
#tdImportantLinksHeader,
#tdCommunitiesHeader{
	h1{
		font-family: $din-bold;
	}
}