#edit-control
    // margin 10px
    top: 1px
    border-radius: 3px
    // background-opacity($primary - 10%, 0.50)
    width: 100%
    max-width: 880px
    margin-top: 30px
    z-index: 2000

    button:nth-child(1)
        border-radius: 3px 0 0 3px
    button:nth-child(10)
        border-radius: 0 3px 3px 0

    button
        background: $secondary
        width: 10%
        height: 39px
        @include object-transitions(0.3s)
        margin: 0
        border-radius: 0
        display: inline-block
        vertical-align: top
        text-align: center
    button:hover
        background: color.adjust($secondary, $lightness: -20%)

    #option-update
        padding: 5px 5px 1px 5px
        display: inline-block
        vertical-align: top
        text-align: center

    .icon-hide
        display: none
        visibility: hidden

    .submit-start
        background: $white

        svg
            fill: $eventCool

    .submit-cool
        background: $eventCool

        svg
            fill: $white

    .submit-delete
        background: $eventLame !important

        svg
            fill: $white !important



    #option-date
        height: 30px
        padding-top: 6px

        svg
            margin: -13px 5px 0 0
            display: inline-block
            vertical-align: top
            fill: $white

    .content-editor-btn-icon
        padding: 5px 5px 1px 5px
        // border-radius 20px
        color: $primary

        svg
            fill: $primary

    .content-editor-btn-text
        padding: 5px
        // border-radius 20px
        color: $primary

    #option-bold
        font-weight: bold
        text-decoration: none

    #option-italic
        font-weight: bold
        text-decoration: none
        font-style: italic

    #option-strikethrough
        font-weight: bold
        text-decoration: line-through
        font-style: italic

