/**
* Image plugin for codex-editor
* @author CodeX Team <team@ifmo.su>
*
* @version 0.0.1
*/
.ce-image {
    max-width: 700px;
    margin: 20px auto !important;
}

.ce-plugin-image__holder{
	position: relative;
	background: #FEFEFE;
	border: 2px dashed #E8EBF5;
	border-radius: 55px;
	margin: 30px 0;
	padding: 30px 110px 30px 40px;
}
	.ce-plugin-image__holder input{
		border: 0;
		background: transparent;
		outline: none;
		-webkit-appearance: none;
		font-size: 1.2em;
		color: #A5ABBC;
	}
	/* Placeholder color for Chrome */
	.ce-plugin-image__holder input::-webkit-input-placeholder {
	  color: #A5ABBC;
	}
	/* Placeholder color for IE 10+ */
	.ce-plugin-image__holder input:-ms-input-placeholder {
	  color: #A5ABBC;
	}
	/* Placeholder color for Firefox 19+ */
	.ce-plugin-image__holder input::-moz-placeholder {
	  color: #A5ABBC;
	  opacity: 1;
	}
.ce-plugin-image__button{
	position: absolute;
	z-index: 2;
	right: 40px;
	cursor: pointer;
	font-family: "codex_editor";
	font-size: 1.5em;
	color: #8990AA;
}
	.ce-plugin-image__button:hover{
		color: #393F52;
	}

.ce-plugin-image__wrapper {
    margin : 3em 0;
}
.ce-plugin-image__uploaded--centered {
    max-width: 700px;
    display:block;
    margin: 0 auto;
}

.ce-plugin-image__uploaded--stretched {
	width: 100%;
}
	.ce-plugin-image__firstlevel--stretch {
		margin: 0 !important;
		max-width: none !important;
		padding: 0 !important;
	}

.ce-plugin-image__caption {
    max-width: 700px;
    margin: 1em auto;
    text-align: center;
    color: #898a8c;
}

    .ce-plugin-image__caption:empty::before {
        content: 'Введите подпись';
        text-align: center;
        font-weight: normal;
        color: #a1a5b3;;
        opacity: .9;
        transition: opacity 200ms ease;
    }

    .ce-plugin-image__caption:focus::before {
        opacity: .1;
        text-align: center;
    }

/** Settings */
.ce_plugin_image--settings{
    white-space: nowrap;
    /*padding-right: 10px;    */
}
.ce_plugin_image--select_button{
    display: inline-block;
    margin-left: 15px;
    color: #70a1ff;
    cursor: pointer;
}
    .ce_plugin_image--select_button:hover{
        color: #8da8dc;
    }