$sidebar-width: 300px;

#aceTextArea {
    position: relative;
}

.aceText {
    border: 1px solid $color-palette-gray-500;
    max-width: $content-edit-field-max-width;
    width: 100%;
    height: 100%;
    min-height: 200px;
    text-overflow: clip;
    white-space: nowrap;
    font-family: Monaco, Menlo, sans-serif;
    font-size: $font-size-sm;
}

.aceTextTemplate,
.aceTall {
    height: 600px;
}

.widgetAceText {
    border: 1px solid $color-palette-gray-500;
    max-height: 600px;
    min-height: 300px;
    max-width: 900px;
    width: 100%;
    text-overflow: clip;
    white-space: nowrap;
    font-family: Monaco, Menlo, sans-serif;
    font-size: $font-size-xs;
}

.content-edit__main {
    height: 100%;
    margin: 0px $sidebar-width 0 0;
    position: relative;
    padding-top: $spacing-1 * 2;
    width: auto;
    z-index: 1;
}

#fm {
    height: 100%;
}

.content-edit__form,
.content-edit__advaced-form {
    padding: 0 30px;
    width: 100%;
    max-width: $content-edit-field-max-width;
    margin: 0 auto;
    position: relative;
}

.content-edit__sidebar {
    background-color: $color-palette-gray-100;
    border-left: solid 1px $color-palette-gray-400;
    height: 100%;
    padding: $spacing-1 * 2;
    position: fixed;
    right: 0;
    top: 0;
    width: $sidebar-width;
}

.content-edit-actions,
.content-edit-language,
.content-edit-workflow {
    margin-bottom: $spacing-1 * 3;

    h3 {
        margin-bottom: $spacing-1;
    }
}

.content-edit-actions {
    border: solid 1px $color-palette-gray-500;
    background-color: $white;
    border-radius: $border-radius-xs;

    .content-edit-actions {
        border: none;
        margin-bottom: 0;
    }

    a {
        background: #fff;
        border-collapse: collapse;
        border-bottom: solid 1px #c5c5c5;
        cursor: pointer;
        display: block;
        padding: $spacing-1;
        text-decoration: none;
        transition: background-color $field-animation-speed;

        [class$="Icon"],
        [class*="Icon"] {
            display: none;
        }

        &:hover {
            background-color: $color-palette-gray-400;
            color: $font-color-base;
        }

        &:last-of-type {
            margin-bottom: 0px;
            border-bottom: none;
        }
    }
}

.content-edit-workflow {
    table {
        width: 100%;

        td,
        th {
            padding-bottom: calc($spacing-1 / 2);
            padding-top: calc($spacing-1 / 2);
        }

        th {
            padding-right: $spacing-1;
        }

        tr {
            border-bottom: solid 1px $color-palette-gray-400;
        }
    }
}

.content-edit__dialog-error {
    background: $white;
    padding: 0px;
    border: 0px;
    width: 300px;

    p {
        text-align: center;
    }

    ul {
        margin: 0 0 $spacing-1 * 2;

        li {
            list-style-position: outside;
            list-style-type: disc;
            margin: 0 0 $spacing-1 $spacing-1 * 2;
        }
    }
}

.content-edit__dialog-error-actions {
    text-align: center;
}

.content-edit__history-version .dijitContentPane {
    padding: 0px;
}

.relationships-list .portlet-toolbar__actions-primary .required:before {
    color: $red;
    content: "* ";
}

.dijitTab .required:before {
    color: $red;
    content: "* ";
}
