/*
    Custom styles for the Kendo Editor.
    The same file needs to be present in UI and UI-Admin, make sure they match.
*/

.insert-image-window .k-edit-form-container .editor-label, .k-edit-label {
    padding-top: 0;
}

.insert-image-window .k-editor-dialog .k-edit-label {
    width: auto;
}

.insert-image-window .width-info-text {
    margin: 10px 0 0 0;
    line-height: 1.33;
    opacity: 0.84;
    max-width: 96%;
}

.insert-image-window .width-info-text p {
    margin-bottom: 8px;
}

img {
    max-width: 100%;
    margin-bottom: 10px;
    height: auto;
}

.image-wrap {
    float: none;
    display: block;
}

.image-wrap img {
    float: none !important;
}

img[style*="float: left"],
img[style*="float:left"],
img[style*="float: right"],
img[style*="float:right"] {
    float: none;
}

@media (min-width: 670px) {

    img[style*="float: left"],
    .image-wrap[style*="float: left"],
    img[style*="float:left"],
    .image-wrap[style*="float:left"] {
        margin: 0 10px 10px 0;
        float: left;
    }

    img[style*="float: right"],
    .image-wrap[style*="float: right"],
    img[style*="float:right"],
    .image-wrap [style*="float:right"] {
        margin: 0 0 10px 10px;
        float: right;
    }

    .image-size-1 {
        width: 8.333%;
    }

    .image-size-2 {
        width: 16.666%;
    }

    .image-size-3 {
        width: 25%;
    }

    .image-size-4 {
        width: 33.333%;
    }

    .image-size-5 {
        width: 41.666%;
    }

    .image-size-6 {
        width: 50%;
    }

    .image-size-7 {
        width: 58.333%;
    }

    .image-size-8 {
        width: 66.666%;
    }

    .image-size-9 {
        width: 75%;
    }

    .image-size-10 {
        width: 83.333%;
    }

    .image-size-11 {
        width: 91.666%;
    }

    .image-size-12 {
        width: 100%;
    }
}