/* ********* EDITABLES *********** */

[contenteditable] {
	outline: 2px solid rgb(0, 0, 0);
	outline-offset: 1px;
	cursor: text !important;
	width: 100%;
}

i.editable {
	opacity: 0.5;
}

.input {
	padding-top: 6px;
	cursor: text;
}

.input [contentEditable],
.input span {
	outline: none;
	border: none;
	padding: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	min-height: 15px;
}

.domEditable {
	position: relative;
}

.domEditable.int {
	padding-left: 20px;
	margin-left: 2px;
}

.domEditable.int i.fa-minus-circle {
	left: 0;
	right: auto;
}

.domEditable.inline {
	padding-right: 20px;
	margin-right: 2px;
}

.domEditable.inline i {
	margin: 0;
	transform: translateY(-75%);
	top: calc(50% + .35rem);
}

.domEditable i {
	font-size: 16px;
	cursor: pointer;
	position: absolute;
	right: 0;
}

.input i.editable.fa-pen,
.input i.editable.fa-edit {
	display: none;
}


.domEditable:not(.inline) .fa-pen.editable,
.domEditable:not(.inline) .fa-edit.editable {
	margin-right: 0;
	margin-left: 5px;
	position: static;
}

[contentEditable].input br {
	display: none;
}

.domEditable.input{
	height: auto;
	min-height: 35px;
}

.domEditable .fa-pen.editable,
.domEditable .fa-edit.editable {
	right: 0px;
}

.domEditable.block [contenteditable] {
	display: inline-block;
}

.domEditable.block span{
	white-space: pre-line;
}

.domEditable.confirmcontrols {
	padding-right: 40px;
}

.domEditable.confirmcontrols .fa-pen,
.domEditable.confirmcontrols .fa-edit {
	right: 18px;
}


.domEditable.confirmcontrols.block i.fa-check-circle,
.domEditable.confirmcontrols.block i.fa-times-circle {
	margin-right: 0;
}

.domEditable.confirmcontrols.block i.fa-check-circle {
	margin-right: 18px;
	z-index: 1;

}

.domEditable.confirmcontrols.inline i.fa-check-circle {
	right: 18px;
	margin-right: 0;
}

.domEditable select,
.domEditable select option{
	border:none;
	padding:0;
	height:auto;
	display:inline-block;
	font-weight: bold;
}

.domEditable select + span,
.domEditable select + span + i{
	display:none;
}