.material_fullsize {
	position:					absolute;
	top:						0;
	left:						0;
	right:						0;
	bottom:						0;
}

.material_grid_background {
	background:					#E3E3E3;
	overflow:					auto;
	padding-bottom:				60px;
}

.material_tile_element {
	background-color:			white;
	margin-left:				4px;
	margin-top:					4px;
	float:						left;
	width:						250px;
	height:						250px;
	position: 					relative;
}

.material_theme_title_bar,
.material_basic_text.material_theme_title_bar .ViewIconInfo {
	line-height:				45px;
	font-weight:				bold;
	font-size:					14px;
	color:						white;
}

.material_basic_text.material_theme_title_bar .ViewIconInfo {
	margin-right:				15px;
	cursor:						pointer;
	font-weight: 				normal;
}

.formboxed .password-hint {
	color:						#bbbbbb;
	position:					absolute;
	z-index:					2;
	right:						8px;
	bottom:						10px;
	font-size: 					20px;
	cursor: 					pointer;
}

.material_theme_title_bar .StructureMenu_menu {
	float:						right;
}

.material_theme_title_bar .StructureMenu_menu.foldopen {
	position:					absolute;
	z-index:					11;
	background:					white;
	margin-left:				-10px;
	display:					none;
}

.material_tile_element {
	overflow:					hidden;
}

.material_theme_title_bar li:hover .StructureMenu_menu.foldopen {
	display:					block;
}

.material_basic_text.material_theme_title_bar .StructureMenu_menu.foldopen .ViewIconInfo {
	color:						#555;
}

.material_basic_text.material_theme_title_bar .StructureMenu_menu.foldopen li {
	padding-left:				10px;
	clear:						both;
}

.material_theme_title_bar span {
	padding-left:				10px;
}

.material_tile_image {
	margin-left:				auto;
	margin-right:				auto;
	max-width:					100%;
	max-height:					100%;
	display:					block;
}

.material_tile_element .Tile_info {
	position:					absolute;
	background:					rgba(230, 230, 230, 0.7);
	color:						#222;
	bottom:						-23px;
	width:						100%;
	border-top: 				1px solid #f4f4f4;
}

.material_tile_element:hover .Tile_info {
	bottom:						0;
}

.material_tile_element .Tile_info h3,
.material_list_element .ListItem_info h3 {
	padding:					4px;
	overflow:					hidden;
	text-overflow:				ellipsis;
	font-weight:				normal;
	font-size:					18px;
}

.material_tile_element .Tile_info h3 a,
.material_list_element .ListItem_info h3 a {
	color:						#222;
    text-decoration: 			none;
}

.material_tile_element .Tile_info_buttons,
.material_list_element .List_info_buttons {
	text-align:					right;
	padding-bottom:				4px;
	padding-right:				8px;
	color:						#888;
	height:						18px;
}

.md_reset a.md_actionbutton {
    font-weight:				500;
    font-family:				'Roboto', sans-serif;
    font-size:					13px;
    color:						#FF5722;
    line-height:				48px;
    height:						48px;
    text-decoration: 			none;
}

.material_tile_element .Tile_info_buttons i,
.material_list_element .List_info_buttons i {
	margin-left:				8px;
	font-size:					18px;
}

.material_list_element .ListItem_info h3 {
	padding-left:				10px;
}

.material_list_element .ListItem_info_fulltext {
	padding:					4px;
	color:						#444;
	padding-left:				10px;
}

.material_list_element .ListItem_info_fulltext p {
	padding-bottom:				0.5em;
}

.material_tile_element .Tile_actions {
	padding-left:				4px;
	padding-right:				4px;
	padding-bottom:				4px;
	text-align: 				right;
}

.material_list_element {
	background-color:			white;
	border-bottom:				1px solid #ccc;
	position: 					relative;
	padding:					10px 0px;
}

.material_list_element:hover {
	background-color: 			#eee;
}

.material_datarow_element {
	background-color:			white;
	border-bottom:				1px solid #ccc;
	position: 					relative;
	height:						42px;
}

.material_datarow_element .columns,
.material_datarow_element .buttons {
	overflow:					hidden;
	text-overflow:				ellipsis;
	font-weight:				normal; 
	font-size:					15px;
	line-height:				42px;
	position: 					absolute;
	top:						0;
	height:						42px;
}

.material_datarow_element .columns {
	right:						0;
}

.material_datarow_element .columns > div {
	float:						left;
	position: 					relative;
	overflow: 					hidden;
	text-overflow:				ellipsis;
	height:						42px;
	white-space: 				nowrap;
}

.material_datarow_element .buttons {
	left:						0;
}

.material_datarow_element .buttons i {
	width:						30px;
	text-align: 				center;
	color:						#888;
	cursor:						pointer;
	font-size:					20px;
	line-height: 				44px;
}

.material_list_element .ListItem_info {
}

.material_imagefill {
  	-webkit-background-size:	cover;
  	-moz-background-size:		cover;
  	-o-background-size:			cover;
  	background-size:			cover;
}

.material_center_both {
	position:					absolute;
	left:						50%;
	top:						50%;
}

.material_lift_1 {
	box-shadow:					0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.material_lift_2 {
	box-shadow:					0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.material_lift_3 {
	box-shadow:					0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.material_lift_4 {
	box-shadow:					0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.material_lift_5 {
	box-shadow:					0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

body #websiteview .material_lift_active_element,
body #websiteview.clickable .material_lift_active_element.ddesign_element_hover {
	box-shadow:					0 0 58px rgba(255,255,255,0.5),
								0 0 48px rgba(255,255,255,1),
								0 0 38px rgba(0,0,0,0.5),
								0 0 12px rgba(0,0,0,0.8);
	z-index:					6000;
}

.material_popup {
	background:					white;
}

.material_titlebar {
	height:						55px;
	line-height:				55px;
	padding-left:				18px;
	font-weight:				bold;
	border-bottom-width:		2px;
	border-bottom-style:		solid;
	font-size:					16px;
}

.material_padding {
	padding:					18px;
}

.material_form_boxed {
	width:						100%;
	border-collapse: 			collapse;
}

.material_form_boxed .formboxed {
	position:					relative;
	height:						20px;
	line-height: 				20px;
	overflow:					hidden;
}

.material_form_boxed .formboxed select,
.material_form_boxed .boxed_checkbox input {
	position:				absolute;
	top:					-100px;
}

.material_form_boxed .boxed_checkbox {
	text-align:				center;
}

.material_form_boxed .boxed_select_icon {
	position:				absolute;
	right:					0;
	width:					20px;
	text-align:				center;
}

.material_form_boxed .boxed_select_label {
	position: 				absolute;
	left:					5px;
	right:					25px;
	overflow: 				hidden;
	text-overflow:			ellipsis;
}

.material_form_boxed .boxed_select_label span {
	display:				none;
}

.material_form_boxed .boxed_select_icon,
.material_form_boxed .boxed_select_label,
.material_form_boxed .boxed_checkbox {
	cursor:					pointer;
	white-space: 			nowrap;
}

/*==== Opmaak formulieren ====*/

#form_set-export td {
	width:					50%;
}

.material_form_boxed .boxed_checkbox {
	width:				30px;
}

.material_form_boxed .formboxed {
	border-bottom:			1px solid #bbb;
	height:					30px;
	padding-left:			5px;
	margin-left:			8px;
	line-height: 			28px;
	overflow:				hidden;
	color:					#444;
	box-sizing:				border-box;
	background-color:		white;
	margin-bottom:			18px;
}

.material_form_boxed .formboxed.error {
	border-bottom:			1px solid #CE0000;
}

.material_form_boxed .formboxed.valid {
	border-bottom:			2px solid #228028;
}

.material_form_boxed .errormessage {
	color:					#b71c1c;
	text-align:				left;
	font-size:				12px;
	margin-bottom:			0;
	padding-left:			14px;
}

.material_form_boxed .formboxed i.fa {
	line-height: 		28px;
}

.material_form_boxed .formboxed input,
.material_form_boxed .formboxed textarea {
	margin:				0;
	padding:			0;
	border:				none;
	width:				100%;
	background:			transparent;
}

.material_form_boxed .formboxed.formboxed_html {
	padding-left:		0;
	border:				none;
	height:				auto;
	margin-left:		0;
}

.material_form_boxed .formboxed.formboxed_file {
	border:				none;
	padding-left:		0;
	height:				auto;
}

.material_form_boxed .formboxed.formboxed_file .FormFile_icon {
	width: 				96px;
    height: 			118px;
    box-sizing: 		border-box;
    position: 			absolute;
    padding: 			1px;
    top: 				0px;
    left: 				0px;
}

.material_form_boxed .FormFieldFile_buttons {
    margin-left: 		105px;
}

.material_form_boxed .formboxed.formboxed_file .FormFile_icon img {
	max-height:			118px;
	max-width:			96px;
}

.material_form_boxed .formboxed.formboxed_file .FormFile_noicon {
	background-image:	url('https://s3-us-west-2.amazonaws.com/webanizr.system.images/misc/no-image.png');
}

.material_form_boxed .formboxed.formboxed_file .FormFieldFile_name {
	overflow: 			hidden;
    text-overflow: 		ellipsis;
    white-space: 		nowrap;
}

.material_form_boxed .formboxed.formboxed_file .FormFieldFile_name,
.material_form_boxed .formboxed.formboxed_file .FormFieldFile_change,
.material_form_boxed .formboxed.formboxed_file .FormFieldFile_clear {
	line-height:		39px;
	height:				39px;
}

.material_form_boxed .formboxed.formboxed_file .FormFieldFile_change,
.material_form_boxed .formboxed.formboxed_file .FormFieldFile_clear {
	cursor:				pointer;
}

.material_form_boxed .formboxed input {
	height:				30px;	
}


.material_form_boxed label {
	line-height: 		28px; 
	margin-bottom:		18px;
	display:			block;
}

.material_form_boxed .formboxed textarea {
	height:				250px;
	padding:			5px;
}

.material_form_boxed .formboxed_textarea {
	height:				250px;
}

.material_form_boxed input.formboxed_submit {
	padding:			0;
	float:				right;
}

.material_form_boxed .boxed_checkbox {
	padding-left:		0;
	border:				1px solid #bbb;
}

.material_form_boxed .formboxed_submit {
	border:				none;
	float:				right;
	margin-top:			18px;
}

.material_form_boxed .formboxed.formboxed_number {
	margin-left:		23px;
	margin-right:		14px;
	overflow:			visible;
}

.material_form_boxed .formboxed.formboxed_color {
	width:				90px;
	padding-left:		0;
}

.material_form_boxed .formboxed.formboxed_color input {
	border-left:		30px solid white;
	padding-left:		5px;
}

.material_form_boxed .formboxed.formboxed_number.formboxed_percentage {
	margin-right:		44px;
	width:				50px;
}

.material_form_boxed .formboxed.formboxed_number.formboxed_screenunity {
	margin-right:		64px;
	width:				70px;
}

.material_form_boxed .formboxed.formboxed_number.formboxed_percentage input,
.material_form_boxed .formboxed.formboxed_number.formboxed_screenunity input {
	text-align:			right;
}

.material_form_boxed .formboxed_number_less {
	position:			absolute;
	left:				-14px;
	font-size:			22px;
	cursor:				pointer;
}

.material_form_boxed .formboxed_number_more {
	position:			absolute;
	right:				-14px; 
	font-size:			22px;
	cursor:				pointer;
}

.material_form_boxed .formboxed_number_unitname {
	position:			absolute;
	right:				-23px; 
	font-size:			18px;
	color:				#aaa;
	line-height: 		30px;
}

.material_form_boxed .formboxed_percentage .formboxed_number_more,
.material_form_boxed .formboxed_screenunity .formboxed_number_more {
	right:				-44px; 
}

.material_form_boxed .formboxed_screenunity .formboxed {
	position:			absolute;
    right:				-35px;
    top: 				0;
    width: 				35px;
    border-bottom: 		none;
}

.material_form_boxed .formboxed_screenunity .boxed_select_label {
	color:				#aaa;
	right:				0;
}

.material_form_boxed td {
	position: 			relative;
	vertical-align: 	top;
}

.material_form_boxed .mce-menubar {
    background-color: 	#eee;
    border-color: 		#eee;
}

.material_form_boxed .mce-toolbar-grp {
    background-color: 	#eee;
}

.material_form_boxed .mce-btn-small i {
	line-height:		16px;
}

.material_form_boxed .formboxed_submit input {
	cursor: 			pointer;
	font-weight: 		bold;
}

.material_form_boxed .boxed_radio {
	height:					inherit;
	border-bottom:			none;
}

.material_form_boxed .boxed_radio input {
	display:				none;
}

.material_form_boxed .boxed_radio label {
	cursor:					pointer;
	padding-left: 			25px;
	position:				relative;
	line-height:			20px;
	margin-bottom:			0;
}
 
.material_form_boxed .boxed_radio label.inline{
	float:					left;
	margin-right: 			10px; 
}

.material_form_boxed .boxed_radio label:before {
	content: 				"";
	margin-right: 			10px;  
	position: 				absolute; 
	display:				inline-block;
	left: 					0; 
	bottom:					1px;
	background-color: 		#aaa;
	width:					15px;
	height:					15px;
	border-radius: 			8px;
}

.material_form_boxed .boxed_radio input:checked + label:before {
	content: 				"\2022";
	color: 					#f3f3f3;
	font-size: 				38px;
	text-align: 			center;
	line-height: 			15px;
}

.material_basic_text {
	font-size:			13px;
	font-family: 		Arial;
	color:				#222;
}

.material_basic_text .ViewIconInfo {
	color:				#888;
	font-size:			24px;
	text-align:			center;
}

.material_basic_text .ViewIconInfo .fa {
	line-height:		2em;
}

#websiteview_button.StructureTab_button.ViewIconInfo {
	position: 			relative;
	height: 			2em;
}

#designmodeLibrarySelector_tabs #websiteview_button {
	border-top:			none;
}

#websiteview_button img {
	background: 		#fff;
	position: 			absolute;
	max-height:			55px;
	bottom: 			0px;
	right: 				25px;
	border-radius: 		60px;
	border:				3px solid #999;
	box-shadow: 		0px 0px 5px #999;
}

#websiteview_button.open img {
	border:				5px solid #FF5722;
	box-shadow: 		0px 0px 5px #FF5722
}

.material_basic_text .ViewIconInfo_statuslabel {
	position:			absolute;
	top:				55%;
	right:				10%;
	width:				80%;
	border-top:			1px solid #6F6F6F;
	font-size:			12px;
	padding-top:		0.3em;
	background-color:	white;
	font-weight:		bold;
	line-height:		1em;
	height:				20px;
	overflow:			hidden;
	text-overflow:		ellipsis;
}

.material_basic_text .ViewIconInfo_statuslabel.info {
	color:				#2196f3;
}

.material_basic_text .ViewIconInfo_statuslabel.error {
	color:				#f44336;
}

.material_basic_text .ViewIconInfo_statuslabel.success {
	color:				#4caf50;
}

.material_basic_text .ViewIconInfo_statuslabel.warning {
	color:				#ff9800;
}

.material_basic_text.clickable {
	cursor: 			pointer;
}

.material_message h2 {
	font-size:			14px;
	padding-bottom:		0.5em;
}

.material_message {
	padding-bottom:		2em;
}

.material_text_button {
	font-size:			18px;
	cursor:				pointer;
}

.material_button_row {
	text-align:			right;
}

.material_button_row .material_text_button {
	margin-right:		10px;
}

.material_action_button,
i.fa.material_action_button {
	position:			absolute;
	width:				56px;
	height:				56px;
	border-radius:		28px;
	font-size:			24px;
	line-height:		56px;
	color:				white;
	text-align:			center;
	cursor:				pointer;
}

.material_action_button_small,
i.fa.material_action_button_small {
	position:			absolute;
	width:				30px;
	height:				30px;
	border-radius:		15px;
	font-size:			16px;
	line-height:		30px;
	color:				white;
	text-align:			center;
	cursor:				pointer;
}

.material_indication_button,
i.fa.material_indication_button {
	position:			absolute;
	width:				40px;
	height:				40px;
	border-radius:		20px;
	font-size:			18px;
	line-height:		40px;
	color:				#bbb;
	border:				1px solid #bbb;
	text-align:			center;
}

.material_basic_text .scrollable_button {
	width:				100%;
	color:				#888;
	cursor:				pointer;
	text-align: 		center;
}

.formboxed_nulllayer {
	background:			rgba(255,255,255,0.6);
	position:			absolute;
	top:				0;
	left:				0;
	right:				0;
	bottom:				-18px;
	cursor:				pointer;
}

.material_form_boxed .formboxed.formboxed_number .formboxed_nulllayer {
    left: 				-23px;
    right:		 		-14px;
}

.formboxed_nullbutton {
	position:			absolute;
	top:				6px;
	left:				-25px;
	width:				20px;
	cursor:				pointer;
}

.material_form_boxed .formboxed.formboxed_number .formboxed_nullbutton {
	left:				-48px;
}