.drawit-media-form {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
}

.drawit-form-title-block {
    margin-left: 0.5em;
}

.drawit-form-label {
    font-size: large;
}

.drawit-form-text-input {
    font-size: large;
    margin: 3px;
    padding: 2px;
    line-height: 1em;
}

.drawit-editor-iframe {
    width: 100%;
    height: 94%;
    height: calc(100% - 45px);
}

.drawit-editor-mask {
    display:        none;
    position:       absolute;
    top:            0;
    left:           0;
    z-index:        100;
    overflow:       hidden;
    width:          100%;
    height:         100%;
    background:     rgba(0,0,0,0.4);
    vertical-align: middle;
    text-align:     center;
    line-height:    100%;
    line-height:    100vh;
    font-size:      x-large;
}

.drawit-editor-saving {
    display: inline;
    background-color: #eee;
    background-image: url('../img/wpspin-2x.gif');
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 20px 20px 20px 60px;
    border-radius: 3px;
    color: #000;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow:    2px 2px 3px 0px rgba(0,0,0,0.4);
    -o-box-shadow:      2px 2px 3px 0px rgba(0,0,0,0.4);
    box-shadow:         2px 2px 3px 0px rgba(0,0,0,0.4);
}

.drawit-editor-saving-x {
    cursor: pointer;
    display: inline;
    position: relative;
    top: -1em;
    top: calc((-20px - 1em) / 2);
    margin-right: -0.5em;
    width: 1em;
    text-align: left;
    color: #ccc;
}

.drawit-editor-saving-x:hover {
    color: #aaa;
}

iframe.drawit-iframe {
    position: absolute;
    top: -9999em;
    left: -9999em;
    visibility: hidden;
}

iframe.drawit-iframe-displayed {
    position: static;
    visibility: visible;
}