
.maxmodal-data {
	display: none;
}

.max-modal {
	display: none;
	width: 60%;
	max-width: 70%;  
	height: auto; 
	max-height: 90vh;
	overflow: hidden;

	position: fixed; 
	left: 50%; 
	top: 50%; 
	//overflow-y: auto;
	z-index: 100101; // just trying to stay on top, don't blame me.	
		
	display: none;
	background: #ffffff;
  
	@include border-radius(4px, 4px,4px,4px);
	@include box-shadow( -3px, -3px, 10px, rgba(0,0 , 0, 0.5) ); 
	
	@include bp(960) 
	{
		max-width: 90%
	
	}
	@include bp(780)
	{
		max-width: 100%;
	}
	&.success {
			//borer: solgreen;
			border: 4px solid green;
	
		}
	&.error { 
			border: 4px solid red; 
			h3 { background-color: #ff0000;}
		}
	
	.content-area { 
			background-color: #fff;
 	
		}

	.modal_header {
		text-align: center; 	
		font-size: 16px;
		font-weight: 700;
		background-color: #f3f3f3; 
		border-bottom: 1px solid #ccc;
		padding: 8px 5px;
		cursor: move;
 
		h3 { 
			margin: 0; 
			color: #444;
			font-weight: 400;
			padding: 0; 
			text-align: center;
			text-shadow: none;
			font-size: 16px;
		} 
		
		.modal_close {
			position: absolute; 
			right: 5px; 
			top: 8px;
			width: 20px;
			height: 20px;
			cursor: pointer;
			color: #444;
			&:hover { 
				cursor: pointer;
				color: #111;
			}
		}			
	}	
	.content, .modal_content { 
		text-align: center; 
		padding: 5px 15px 10px;
		//display: inline-block;
		height: auto;
		//margin-top: -40px;
		overflow-y: auto;
	}
	textarea { overflow-x: auto; } 
	.controls { 
		padding: 10px; 
		text-align: center;
		clear: both;
		.button, .button-primary
		{
			margin-right: 8px;
		}
	}

	/* Fixes for Beaver Builder, which loads without WP backend styles */ 
	.tablenav .tablenav-pages a, .tablenav-pages-navspan {
		  background: #e5e5e5 none repeat scroll 0 0;
		  border: 1px solid #cccccc;
		  display: inline-block;
		  font-size: 16px;
		  font-weight: normal;
		  line-height: 1;
		  min-width: 17px;
		  padding: 3px 5px 7px;
		  text-align: center;
	}
 
}


.max-modal textarea#maxbutton-css {
	width: 100%;
	height: 250px;
	font-family: Consolas, 'Courier New', 'Courier';
	font-size: 13px;
	white-space: normal;
	word-wrap: break-word;
	overflow: none;
}
 
.maxmodal_overlay 
{
	background: #000; 
	left: 0;
	right: 0; 
	bottom: 0;
	top: 0; 
	height: 100%;
	position: fixed; 
	opacity : 0.7; 
	z-index: 100100;
	display: none;

} 
