main > .container {
    padding: 60px 15px 0;
}

.navbar {
    background-color: #cfe8fc;
}

.footer {
    background-color: #ebf1fb;
}

.navbar-name {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    text-decoration: none;
}

#editor { 
    position: absolute;
    top: 35px;
    right: 0;
    bottom: 0;
    left: 0;
}

.ace-crimson-editor .ace_gutter {
    background:#cfe8fc ;
}

.ace-crimson-editor .ace_gutter-active-line {
    background-color: #b9d2fb;
}

.ace_mobile-menu {
    display: none;
}

#notepad-save.dirty {
    color: #333 !important;
}

#notepad-name:hover {
    background-color: #ebf1fb;
    border: 0;
    border-color: #b9d2fb;
    border-bottom-width: 2px;
    border-style: dotted;
    cursor: text;
}

[contenteditable="true"]:active,
[contenteditable="true"]:focus {
    border: none;
    outline: none;
}

[contenteditable="true"].single-line {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
}

[contenteditable="true"].single-line br {
    display: none;
}

[contenteditable="true"].single-line * {
    display: inline;
    white-space: nowrap;
}

.spinner {
    display: none;
    color: #b9d2fb !important;
    margin: .25rem .5rem;
}

.modal-content-notepad {
    background-color: transparent !important;
    border: 0px;
    border-radius: 0;
}
.form-control-notepad {
    border-radius: 0;
    background-clip: inherit;
}
.form-control-notepad:focus {
    border-color: #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
}

.form-control-notepad::placeholder {
    color: #ccc;
    opacity: 1;
}

.form-control-notepad::-ms-input-placeholder {
    color: #ccc;
}

.form-control-notepad::-ms-input-placeholder {
    color: #ccc;
}