/*@import url(/style/shared/fontawesome.css);*/
 
/* Additions for RM# 150266 */

div#runtime_elementeditor.walloftext {
	/*position: relative;*/
    /* margin: 1em 0; */
    box-sizing: border-box;
    border: 1px solid #BF324A;
    padding: 0.5em 1em;
    display: block;
    position: fixed;
    background-color: #fff;
    width: 80%;
    height: 90%;
    left: 10%;
    top: 5%;
    z-index: 9999;
    box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.2);
	overflow: hidden;
}

div#runtime_elementeditor.walloftext iframe#walloftext {
	width: 100%;
	height: 95%;
	border: none;
	overflow: hidden;
	margin:.5em 0;
}
body.walloftext .ui-tabs .ui-tabs-nav {
	display: none;
}

body.walloftext #FormElementTab .EditPropertiesDiv {
	display: none;
}

body.walloftext #FormElementTab .EditPropertiesDiv.ElementEditNote, body.walloftext #FormElementTab .EditPropertiesDiv#AddFormElementDiv {
	display: block;
}
body.walloftext #FormElementTab .EditPropertiesDiv#AddFormElementDiv .EditPropertyInput input {
	display: none;
}

body.walloftext #FormElementTab .EditPropertiesDiv#AddFormElementDiv .EditPropertyInput input:first-child {
	display: block;
}

body.walloftext .expander {
	display: none;
}

#runtime_elementeditor.walloftext h4{
	display: inline-block;
	background-color: #BF324A;
	color: #FFF;
	padding: .25em;
	border-radius: 4px;
	float: right;
	cursor: pointer;
	margin: 0;
}
#js_formlayout_disable_edit_runtime.walloftext{
	cursor: pointer;
}
#js_formlayout_disable_edit_runtime.walloftext i {
	margin-right: 1em;
}
.js_formlayout_edit_runtime.fa.fa-pencil.walloftext {
	cursor: pointer;
}


#FormElementTab .EditPropertiesDiv, 
#FormElementTab .EditPropertiesDiv .EditPropertyInput, 
#FormElementTab .EditPropertiesDiv .EditPropertyInput input[type="text"], 
#FormElementTab .EditPropertiesDiv textarea,
#FormElementTab .EditPropertiesDiv .EditPropertyInput .mce-tinymce.mce-container.mce-panel { width: 100%; }

.EditPropertiesDiv .EditPropertyInput {
	margin-left: 0;
}

.tox .tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
	fill: #000 !important;
}

.tox-dialog {
	top: 50% !important;
	transform: translate(0, -50%) !important;
}