/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #FFFFFF; /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #FFFFFF;
    margin: auto;
    padding: 10px 20px;
    border: 1px solid #888;
    width: 60%;
}

@media (max-width:767px)
{
	.modal-content {
		width: 90%;
	}
}

/* The Close Button */
.image_close_button {
    color: #858585;
    float: right;
    font-size: 33px;
	margin-top:-10px;
	font-weight:bold;
}
.image_close_button:hover, .image_close_button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.image_modal_heading
{
	font-size:23px;
}

#drop-area
{
	background: #F0F0F0;
	min-height:200px;
	padding:10px;
	text-align:center;
	font-size:14px;
}
.file_design
{
	width:100px;
	padding:4px 0px;
	padding-left:5px;
	border-radius:3px;
	background:#F0F0F0;
	font-size:14px;
	border:1px solid #C0C0C0;
	color:#000000;
}
.file_design:hover, .file_design:focus
{
	transition:0.1s;
	background: #2D8AC7;
	cursor:pointer;
	border:1px solid #2D8AC7;
	color:#FFFFFF;
	text-decoration:none;
}

#image_model_button
{
	color:#000000;
	font-weight:600;
	border:1px solid #C0C0C0;
	background-color:#FFFFFF;
	margin-bottom:2px;
}
#image_model_button:focus, #image_model_button:hover
{
	color: #FFFFFF;
	border:1px solid #2D8AC7;
	background:#2D8AC7;
}