.md_card {
	position:				relative;
	margin:					16px;
	background-color:		#fefefe;
	clear:					both;
}

.md_card .md_card_title {
	height:					80px;
	padding:				16px;
	background-color:		#F5F5F5;
}

.md_card .md_card_title .md_card_title_icon {
	width: 					40px;
    height: 				40px;
    float: 					left;
    background-color: 		white;
    border-radius: 			24px;
    overflow: 				hidden;
    text-align: 			center;
    line-height:			40px;
    margin-right:			16px;
}

.md_card .md_card_title .md_card_title_icon img {
	display:				inline-block;
	max-width:				40px;
	max-height:				40px;
	vertical-align: 		middle;
}

.md_card .md_card_title,
.md_card .md_card_title a,
.md_card .md_card_title h2 {
	font-size:				20px;
	font-weight:			500;
	color:					rgba(0, 0, 0, .54);
}

.md_card .md_card_subtitle,
.md_card .md_card_subtitle a,
.md_card .md_card_subtitle span {
	font-size:				16px;
	color:					rgba(0, 0, 0, .37);
	margin-top:				8px;
}

.md_card_buttons {
	position:				absolute;
    top:					16px;
    right:					16px;
}
.closable .md_card_buttons {
	right: 					16px;
}

.md_card_buttons i.fa {
	color: 					rgba(0, 0, 0, .37);
    font-size: 				20px;
    cursor:					pointer;
    margin-left:			12px;
}

.md_card.md_fixed {
	position:				absolute;
	top:					16px;
	left:					16px;
	bottom:					16px;
	right:					16px;
	margin:					0;
}

.md_card.md_fixed .md_card_content {
	position:				absolute;
	top:					80px;
	bottom:					0;
	width:					100%;
	overflow:				auto;
}

.md_card_content {
	padding:				16px;
	overflow:				hidden;
}

.md_card_content_dragging {
	border:					1px solid #3F51B5;
}
.md_dialog_content .md_card_title {
	font-size:				20px;
	font-weight:			500;
	color:					rgba(0, 0, 0, .54);
	/*padding-bottom:			32px;*/
	padding:				16px;
	background-color:		#004d40;
	color:					white;
	white-space:			nowrap;
    overflow:				hidden;
    text-overflow:			ellipsis;
    padding-right:			33px;
    margin-bottom:			0;
}

.md_dialog_content .md_card_title h2 {
	color:					white;
}

#SUISplit_extra .md_card {
	margin-left:				0;
	left:						0;
}

/**
 * Een kleine card, bijvoorbeeld zoekresultaten
 */
.md_reset .md_list_card {
	position: 			relative;
	padding: 			10px 20px;
	display: 			table;
	vertical-align: 	top;
}
.md_reset .md_list_card .icon {
	border-radius: 		50%;
	display: 			table-cell;
	padding: 			0px 20px 0px 0px;
}
.md_reset .md_list_card .information {
	display: 			table-cell;
	vertical-align: 	top;
}
.md_reset .md_list_card i {
	color: 				#616161;
}
.md_reset .md_list_card .name {
	font-size: 			20px;
	color: 				rgba(0, 0, 0, .54);
	font-weight: 		500;
	line-height: 		30px;
}
.md_reset .md_list_card .email_address,
.md_reset .md_list_card .phone_number {
	line-height: 		30px;
	color: 				#616161;
}
.md_reset .md_list_card .email_address {
	color: 				#0277bd;
	cursor: 			pointer;
}

/**
 * De weergave van een item dmv cards
 */
/* card */
.md_reset .item_view {
}
.md_reset .item_view a {
	display: 			block;
	cursor: 			pointer;
}
.md_reset .item_view .card {
	padding: 			10px;
	display: 			inline-block;
	vertical-align: 	top;
	width: 				33.333333%;
}
.md_reset .item_view .card .md_raise_1 {
	padding: 			20px;
}
.md_reset .item_view .card .md_raise_1 > div {
	margin-bottom: 		10px;
}

@media screen and (max-width: 768px) {
	.md_reset .item_view .card {
		width: 			50%;
	}
}

@media screen and (max-width: 414px) {
	.md_reset .item_view .card {
		width: 			100%;
	}
}

/* de visual */
.md_reset .item_view .visual {
	text-align: 		center;
}
.md_reset .item_view .visual .name {
	font-size: 			20px;
}
.md_reset .item_view .visual .description {
	text-align: 		left;
	background: 		#e0e0e0;
	padding: 			10px;
}

/* sublijst */
.md_reset .item_view .sublist {
}
.md_reset .item_view .sublist .buttons {
	white-space: 		nowrap;
	overflow-x:			auto;
}
.md_reset .item_view .sublist .contents {
}
.md_reset .item_view .sublist .StructureTab_button {
	padding: 			10px 5px 8px 5px;
	cursor: 			pointer;
	line-height: 		20px;
	display: 			inline-block;
	width: 				100px;
	white-space: 		nowrap;
	overflow: 			hidden;
	text-overflow:		ellipsis;
	text-align: 		center;
	border-bottom: 		2px solid rgba(0,0,0,0);
}
.md_reset .item_view .sublist .StructureTab_button.open {
	border-bottom-color:#40c4ff;
}
.md_reset .item_view .sublist .StructureTab_element {
}
.md_reset .item_view .sublist .StructureTab_element.selected {
}