@media all
{
	html
	{
		overflow-y: scroll;
	}

	.hide, [hidden]
	{
		display: none !important;
	}

	.display_inline
	{
		display: inline !important;
	}

	.nowrap
	{
		white-space: nowrap;
	}

	.row-actions
	{
		color: #999;
		white-space: nowrap;
	}

	.fa, .fab, .far, .fas, .pointer, .toggler
	{
		cursor: pointer;
	}

		.fa.green, .fab.green, .far.green, .fas.green, .color_green
		{
			color: #76e476;
		}

		.fa.blue, .fab.blue, .far.blue, .fas.blue, .color_blue
		{
			color: #4887bf;
		}

		.fa.yellow, .fab.yellow, .far.yellow, .fas.yellow, .color_yellow
		{
			color: #e4d176;
		}

		.fa.red, .fab.red, .far.red, .fas.red, .color_red
		{
			color: #e47676;
		}

		.fa.white, .fab.white, .far.white, .fas.white, .color_white
		{
			color: #fff;
		}

	.grey, .grey > a
	{
		color: #999;
	}

	.light_grey, .light_grey > a
	{
		color: rgba(0, 0, 0, .2);
	}

	.color_sunday, .mf_form .asterisk
	{
		color: #f00 !important;
		font-weight: bold;
		margin-left: .2em;
	}

	.green > th, .green > td, .bg_green
	{
		background: rgba(211, 255, 204, .3);
	}

	.blue > th, .blue > td, .bg_blue
	{
		background: rgba(72, 135, 191, .3);
	}

	.red > th, .red > td, .bg_red
	{
		background: rgba(255, 204, 204, .3);
	}

	.yellow > th, .yellow > td, .bg_yellow
	{
		background: rgba(255, 254, 204, .3);
	}

	tr.inactive
	{
		cursor: no-drop;
		filter: gray;
		filter: grayscale(1);
		opacity: .3;
	}

		tr.inactive:hover
		{
			opacity: 1;
		}

	.strong, .bold
	{
		font-weight: bold !important;
	}

	.italic
	{
		font-style: italic;
	}

	.rwmb-text, .rwmb-email, .rwmb-date, .rwmb-url, .rwmb-date, .rwmb-address
	{
		width: 100%;
	}

	/* Notifications */
	/* ####################### */
	.notification > div
	{
		border-width: .1em;
		border-style: solid;
		border-radius: .5em;
		margin-bottom: 1em;
		padding: 1em 1.5em;
	}

		.notification .error
		{
			background: #ecc8c5;
			border-color: #b32f2d;
			color: #b32f2d;
		}

		.notification .update-nag
		{
			background: #cde8f5;
			border-color: #4480ae;
			color: #4480ae;
		}

		.notification .updated
		{
			background: #def2d6;
			border-color: #5a7052;
			color: #5a7052;
		}

			.notification > div > p
			{
				margin-top: 0;
				margin-bottom: 0;
				padding-top: 0;
				padding-bottom: 0;
			}
	/* ####################### */

	/* Flexbox */
	/* ####################### */
	.flex_flow
	{
		display: flex;
		flex-wrap: wrap;
	}

		.is_mobile .flex_flow
		{
			display: block;
		}

			.is_mobile span.flex_flow
			{
				display: inline;
			}

		.flex_flow > *
		{
			display: block;
			flex: 1 1 0;
			margin-right: 1em;
		}

			.is_mobile .flex_flow > *
			{
				margin-right: 0;
				margin-bottom: 1em;
			}

			.flex_flow > h3
			{
				line-height: 2.1;
			}

			.flex_flow > *:last-child
			{
				margin-right: 0;
			}

			.flex_flow > button, .flex_flow > .button
			{
				align-self: flex-end;
				height: auto !important;
				margin-bottom: .9em !important;
			}

		.flex_flow.tight > *
		{
			flex: initial;
			margin-right: .5em;
		}
	/* ####################### */

	/* Forms */
	/* ####################### */
	.mf_form
	{
		overflow: hidden;
	}

		.mf_form > div
		{
			clear: both;
		}

		.mf_form label
		{
			color: inherit;
			cursor: pointer;
			display: block;
			line-height: 1.8;
			padding: 0 .4em;
		}

		.mf_form .mf_form_field, .mf_form div.input, .mf_form p.input, #comments #comment
		{
			background: #fff;
			background: rgba(255, 255, 255, .9);
			border: 1px solid #e1e1e1;
			box-sizing: border-box;
			display: inline-block;
			font: inherit;
			margin: 0 0 .8em;
			padding: .4em;
			width: 100%;
		}

			.mf_form .mf_form_field.green
			{
				border-color: #76e476;
				position: relative;
			}

			.mf_form .mf_form_field.red
			{
				border-color: #e47676;
			}

			.mf_form div.input, .mf_form p.input
			{
				border-radius: .4em;
			}

			.mf_form label .maxlength_counter
			{
				display: inline-block;
				font-size: .8em;
				font-style: italic;
				margin-left: .5em;
				opacity: .5;
			}

			/* Has to be tested with all possible types */
			/* .form_password, .form_select, .form_checkbox .form_checkbox_multiple, .form_radio_multiple */
			.mf_form .has_suffix .mf_form_field
			{
				width: auto;
				max-width: 80%;
			}

				.mf_form .has_suffix span.description, .rwmb-field .has_suffix span.description
				{
					margin-left: 1em;
				}

				/*.mf_form .form_textfield.has_suffix span.description
				{
					color: #999;
					margin-left: -3.4em;
				}*/

			.mf_form .form_select select
			{
				appearance: none;
				background-repeat: no-repeat;
				cursor: pointer;

				/* CSS gradients */
				background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
				background-position: calc(100% - 1.1em) center, calc(100% - .7em) center, calc(100% - 2.2em) center;
				background-size: .4em .4em, .4em .4em, .1em 1.5em;
				padding-right: 2.6em;
			}

				.mf_form .form_select select:focus
				{
					background-image: linear-gradient(45deg, #999 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #999 50%), linear-gradient(to right, #ccc, #ccc);
					background-position: calc(100% - .7em) center, calc(100% - 1.1em) center, calc(100% - 2.2em) center;
					outline: 0;
				}

				.mf_form .form_select select option.is_disabled
				{
					background: #eee;
					color: #ccc;
				}

				.mf_form .form_select_multiple > select
				{
					background-image: none !important;
					padding-right: 0;
				}

			.mf_form .mf_form_field[type='color']
			{
				height: 2em;
				width: 4em;
			}

			.mf_form .mf_form_field[type='date'], .mf_form .mf_form_field[type='time']
			{
				appearance: none;
			}

		.mf_form .wp-editor-wrap
		{
			margin: 0 0 .8em;
		}

			.mf_form .mf_form_field:focus, .mf_form select:focus
			{
				border-color: #999;
				outline: none;
			}

		.mf_form .form_textfield .description, .mf_form .form_select .description, .mf_form .form_textarea .description, .mf_form .form_password .description
		{
			margin: -.3em 0 .6em;
		}

			.mf_form .form_textfield > i
			{
				position: absolute;
				margin: .7em -1.3em;
			}

			.mf_form .description .fa
			{
				line-height: 0;
			}

		.mf_form .form_checkbox
		{
			margin: 0 0 .8em;
		}

			.mf_form .form_checkbox_multiple > label, .mf_form .form_radio_multiple > label
			{
				font-weight: bold;
			}

			.mf_form .form_checkbox_multiple > ul, .mf_form .form_radio_multiple > ul
			{
				list-style: none;
				margin-bottom: .5em;
			}

				.mf_form .form_checkbox_multiple .form_checkbox, .mf_form .form_radio_multiple .form_radio
				{
					white-space: nowrap;
				}

			.mf_form .form_checkbox label, .mf_form .form_radio label
			{
				display: inline;
			}

			.mf_form .form_checkbox input, .mf_form .form_radio input
			{
				display: inline-block;
				margin-right: .2em;
				margin-bottom: -.4em;
			}

				.mf_form .input-buttons.input-button-size-2
				{
					margin-left: -43px;
				}

		.mf_form .wp-block-button .wp-block-button__link
		{
			height: auto; /* Has to be here since WP sets height to 100% */
			width: auto;
		}

		.form_button button, .form_button .button, .wp-block-button button, .wp-block-button .button
		{
			border: 0;
			cursor: pointer;
			display: inline-block;
			font: inherit;
			margin: 0 .5em .5em 0;
			/*padding: .5em 1.5em;*/ /* Do not override default set in blocks theme */
			white-space: nowrap;
		}

			.form_button button, .form_button .button
			{
				padding: .5em 1.5em;
			}

			button.is_disabled, .button.is_disabled
			{
				cursor: no-drop;
				opacity: .5;
			}

			button.loading, .button.loading
			{
				cursor: wait;
				opacity: .5;
			}

			.mf_form .button-primary, .mf_form .button-secondary, .mf_form .button
			{
				margin-right: .5em !important;
				margin-bottom: .5em !important;
			}

				.mf_form .button-primary:last-of-type, .mf_form .button-secondary:last-of-type, .mf_form .button:last-of-type
				{
					margin-right: 0 !important;
				}

				.mf_form .button-primary:disabled, .mf_form .button-secondary:disabled, .mf_form .button:disabled
				{
					filter: gray;
					filter: grayscale(1);
					opacity: .3;
				}

				.form_button button .fa, .form_button .button .fa, .form_button button .fab, .form_button .button .fab, .form_button button .far, .form_button .button .far, .form_button button .fas, .form_button .button .fas, .wp-block-button button .fa, .wp-block-button .button .fa, .wp-block-button button .fab, .wp-block-button .button .fab, .wp-block-button button .far, .wp-block-button .button .far, .wp-block-button button .fas, .wp-block-button .button .fas
				{
					margin-right: .3em;
				}

			.mf_form .button.delete
			{
				background: #ba0000;
				border-color: #a00 #900 #900;
				box-shadow: 0 1px 0 #900;
				color: #fff;
				text-shadow: 0 -1px 1px #900, 1px 0 1px #900, 0 1px 1px #900, -1px 0 1px #900;
			}

				.mf_form .button.delete:hover
				{
					background: #c20000;
					border-color: #900;
				}

			.mf_settings #postbox-container-1 button
			{
				margin: .6em .6em 0 0;
			}
	/* ####################### */

	/* Overlay */
	/* ####################### */
	.overlay_container
	{
		background: #000;
		background: rgba(0, 0, 0, .5);
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 100000;
	}

		.overlay_container > div
		{
			left: 50%;
			position: absolute;
			top: 50vh;
			transform: translate(-50%, -50%);
			max-width: 90%;
		}

			.overlay_container.modal > div
			{
				background: #fff;
				border-radius: .5em;
				font-size: 1.5em;
				padding: 1em;
			}

				.overlay_container.modal p + p
				{
					margin-top: .5em;
				}

				.overlay_container.modal .fa-times
				{
					background: #fff;
					border-radius: .4em;
					display: block;
					padding: .1em .25em;
					position: absolute;
					right: -.2em;
					top: -.2em;
				}
	/* ####################### */
}

@media print
{
	header, footer
	{
		display: none;
	}
}