// ** Overrides for dialogs

// save dialog
.max-modal.save_done {
	.modal_header {
		background-color: #07b51b;
	}

	.modal_title {
		color: #fff;
		font-size: 24px;
		font-weight: 700;
		padding: 10px 0;

	}

	.modal_close { display: none; }
	//.modal_content { display: none; }
	& + .maxmodal_overlay { background-color: #eee; }
}

// display modals
.max-modal .display_modal {
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	min-width: 300px;
	width: 70%;
	max-width: 600px;
	.option {
		margin: 15px 0;
	}

	.option.position, .input.radio
	{
		display: inline-block;

		label {
			width: auto;
			min-width: 0;
		}
	}

 .input.radio {
		 margin-right: 5px ;
 }
 .pos_spacer {
		margin: 3px 0;
 }
	.option.position {
			margin: 3px 0 3px 178px;
	}

	label, .option > span > .label {
		display: inline-block;
		min-width: 175px;
		font-weight: 700;
	}
}

// style modal
.max-modal.modal_styles {
	width: 90%;
	min-height: 50%;

	.modal_content {
		padding-bottom: 0;
		padding-top: 0;
	}

	/* .controls {
		position: absolute;
		bottom: 0;
		height: 30px;
		background: #f3f3f3;
		text-align: center;
		right: 0;
		left: 0;
		padding-right: 15px;
		button {
			float: right;
		}
		p {
			margin: 0;
			span {
				line-height: 30px
			}
		}
	} */

	.style_modal, .custom_modal {
		width: 100%;
		position: relative;
		display: inline-block;

	}

	.top-note {
		padding: 15px;
		margin: 8px;
		font-size: 18px;
		line-height: 1.5;
		border: 1px solid #000;
		background-color: #fff;
		&.warning {
				background-color: #f2dede;
		}
	}

	.style-row {
		margin: 5px 0;
		//border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		display: inline-block;
		width: 100%;

		/* .maxbutton-social {
			margin: 5px;
		} */

		.preset {
			 position: relative;
			 width: 100%;
			 display: inline-block;
			 clear: both;
			 margin: 10px 0;
			 text-align: left;

			// border-bottom: 1px solid #ccc;
		}

		.description {
			//background: #0085ba;
			//color: #fff;
			padding: 8px 5px;
			display: inline-block;
			font-size: 15px;
	//		font-weigth: 700;
			width: 150px;
			float: left;
			font-style: normal;
		//	text-transform: uppercase;
			box-sizing: border-box;
			border-right: 1px solid #ccc;
			margin-bottom: 15px;
			margin-right: 15px;
			vertical-align: middle;

		}

		button {
				display: inline-block;
				margin: 5px 0;
				vertical-align: middle;
		}


		.maxsocial {
			margin: 25px 0 0 !important; // remove set margin in previews.
			width: auto !important;
			vertical-align: middle;
		}

		.switch {
			display: none;


			+ label {
			padding: 5px 0;
			margin: 15px 0;
				display: inline-block;
				width: 100%;
				height: 100%;
				//z-index: 10;
				//background-color: #ff0000;
			//	opacity: 0.6;
			}

			&:checked + label {
				background-color: #ffe;
				border: 1px solid #ccc;
				opacity: 1;
			}
		}
	}


} //modal_styles


// modal MBCustom
.media-buttons .shortcode_options .mbcustom-options
{
	width: 500px;
	margin: 20px 0;

	label { width: 200px; margin: 5px 0; }

}