/* text/css editor.css ( assembler source, ASCII text, with CRLF, CR line terminators ) */
/* The Modal (background) */

.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1050; /* Sit on top */

    /* padding-top: 100px;  */

    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 */

.editor-modal-content {

    background-color: #FFFFFF;

    margin: auto;

    padding: 10px 20px;

    border: 1px solid #888;

    width: 60%;

}



@media (max-width:767px)

{

	.editor-modal-content {

		width: 90%;

	}

}



/* The Close Button */

.image_close_button, .image_close_button2 {

    color: #858585;

    float: right;

    font-size: 33px;

	margin-top:-10px;

	font-weight:bold;

}

.image_close_button:hover, .image_close_button:focus, .image_close_button2:hover, .image_close_button2: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, #image_model_button2

{

	color:#000000;

	font-weight:600;

	border:1px solid #C0C0C0;

	background-color:#FFFFFF;

	margin-bottom:2px;

}

#image_model_button:focus, #image_model_button:hover, #image_model_button2:focus, #image_model_button2:hover

{

	color: #FFFFFF;

	border:1px solid #2D8AC7;

	background:#2D8AC7;

}