.editmode-handle {
    display: inline-block;
    padding: 5pt;
    margin: 0;
    box-sizing: border-box;
    /*width: 100%;*/
    /*height: 100%;*/
    border-style: solid;
    border-width: 3px;
    border-radius: 10px;
}

.editmode-handle * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.editmode-handle > * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.editmode-handle p {
    padding: 0;
    margin: 0;
    font-size: 12pt;
    line-height: 14pt;
    color: #53565A;
}

.editmode-handle hr {
    border: 0;
    height: 1px;
    margin: 5pt 0;
    width: 100%;
}

/* WARNING */
.editmode-handle.warning {
    background-color: #FFFFE0;
    border-color: #FDD017;
}

.editmode-handle.warning .mi {
    color: #FDD017;
}

.editmode-handle.warning hr {
    background: #FDD017;
    background: linear-gradient(to right, rgba(253, 208, 23, 0), rgba(253, 208, 23, 0.75), rgba(253, 208, 23, 0.75), rgba(253, 208, 23, 0));
}

/* ERROR */
.editmode-handle.error {
    background-color: #FDEEF4;
    border-color: #FF0000;
}

.editmode-handle.error .mi {
    color: #FF0000;
}

.editmode-handle.error hr {
    background: #FF0000;
    background: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.75), rgba(255, 0, 0, 0.75), rgba(255, 0, 0, 0));
}

/* INFO */
.editmode-handle.info {
    background-color: #E3E4FA;
    border-color: #0085CA;
}

.editmode-handle.info .mi {
    color: #0085CA;
}

.editmode-handle.info hr {
    background: #0085CA;
    background: linear-gradient(to right, rgba(0, 133, 202, 0), rgba(0, 133, 202, 0.75), rgba(0, 133, 202, 0.75), rgba(0, 133, 202, 0));
}

/* UTILITY */
.editmode-handle.utility {
    background-color: #E0EFB8;
    border-color: #ADD560;
}

.editmode-handle.utility .mi {
    color: inherit;
}

.editmode-handle.utility hr {
    background: #ADD560;
    background: linear-gradient(to right, rgba(151, 192, 47, 0), rgba(151, 192, 47, 0.75), rgba(151, 192, 47, 0.75), rgba(151, 192, 47, 0));
}

/* EDIT */
.editmode-handle.edit {
    background-color: #E0EFB8;
    border-color: #ADD560;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.editmode-handle.edit .mi {
    color: inherit;
}

.editmode-handle.edit hr {
    background: #ADD560;
    background: linear-gradient(to right, rgba(151, 192, 47, 0), rgba(151, 192, 47, 0.75), rgba(151, 192, 47, 0.75), rgba(151, 192, 47, 0));
}

/* INNER EDIT */
.editmode-handle.editavail {
    background-color: #FFFFE0;
    border-color: #ADD560;
    border-radius: 10px 10px 0 0;
    border-style: dashed;
    border-bottom: none;
}

.editmode-handle.editavail .mi {
    color: inherit;
}

.editmode-handle.editavail hr {
    background: #ADD560;
    background: linear-gradient(to right, rgba(151, 192, 47, 0), rgba(151, 192, 47, 0.75), rgba(151, 192, 47, 0.75), rgba(151, 192, 47, 0));
}

/* EDIT UNAVAILABLE */
.editmode-handle.editnotavail {
    background-color: #FFFFE0;
    border-color: #ADD560;
    border-radius: 10px 10px 0 0;
    border-style: dashed;
    border-bottom: none;
    width: 100%;
}

.editmode-handle.editnotavail .mi {
    color: inherit;
}

.editmode-handle.editnotavail hr {
    background: #ADD560;
    background: linear-gradient(to right, rgba(151, 192, 47, 0), rgba(151, 192, 47, 0.75), rgba(151, 192, 47, 0.75), rgba(151, 192, 47, 0));
}