/* Dialog styles */
.cke_dialog img.left, .cke_editable img.left { float: left; margin: 0 10px 10px 0; }
.cke_dialog img.right, .cke_editable img.right { float: right; margin: 0 0 10px 10px; }
.cke_dialog img.center, .cke_editable img.center { float: none; display: block; margin: 10px auto; }
.cke_dialog select { border: 1px solid #d1d1d1; padding: 3px 7px; }

/* Block widgets */
.cke_dialog .cke-block__wrapper { min-height: 50px; }
.cke_dialog .cke-block__wrapper.waiting { background: url(/css/ajaxLoader.gif) center center no-repeat; }
.cke_dialog .cke-block__menu { display:block;margin:0 0 0 0;padding:0 0 0 0;list-style:none;display:flexbox;-webkit-display:box;display:box;display:flex; }
.cke_dialog .cke-block__menu-item { display:block;margin:0 0 0 0;padding:0 2px 0 0;position:relative;top:1px;z-index:1; }
.cke_dialog .cke-block__menu-link { display:block;margin:0 0 0 0;padding:5px 7px;border-width:1px 1px 1px 1px;border-style:solid;border-color:#d1d1d1;border-radius:6px 6px 0 0;line-height:1;cursor:pointer; }
.cke_dialog .cke-block__menu-link.active { border-bottom-color:#fff; }
.cke_dialog .cke-block__menu-link.disabled { color:#d1d1d1; }
.cke_dialog .cke-block { border:1px solid #d1d1d1;border-radius:6px 6px 6px 6px; }
.cke_dialog .cke-block__step { padding: 15px 10px 10px 10px; }
.cke_dialog .cke-block__content { box-sizing:border-box;display:block;width:100%;min-height:50px;padding:5px 10px 15px 10px; }
.cke_dialog .cke-block__content-info { margin-bottom:15px;font-weight:700;text-align:center; }
.cke_dialog .cke-block__list { position: relative; max-width: 558px; overflow: visible; padding: 0 0 5px 0; margin: 0 0 5px 0; list-style: none; }
.cke_dialog .cke-block__sublist { position: relative; height: 0px; max-height: 150px; max-width: 558px; overflow: auto; padding: 0 0 0 10px; margin: 0 0 0 0; list-style: none; }
.cke_dialog .cke-block__item { position: relative; padding: 5px; margin: 3px 0px; display: flexbox; -webkit-display: box; display: box; display: flex; align-items: center; border-style: solid; border-color: transparent; border-width: 1px; border-radius: 6px; }
.cke_dialog .cke-block__cat { position: relative; padding: 5px; margin: 3px 0px; display: block; border-style: solid; border-color: transparent; border-width: 1px; border-radius: 6px; }
.cke_dialog .cke-block__item.checked { border-color: #c1c1c1; }
.cke_dialog .cke-block__cat input { display: inline-block; position: relative; top: 2px; }
.cke_dialog .cke-block__cat label { display: inline-block; padding: 0 0 0 10px; font-size: 1.1em; }
.cke_dialog .cke-block__item label { display: inline-block; display: flexbox; -webkit-display: box; display: box; display: flex; align-items: center; padding: 0 0 0 10px; font-size: 1.1em; }
.cke_dialog .cke-block__item em { font-style: italic; }
.cke_dialog .cke-block__item .cke-block__item-gallery { display:inline-block;margin:0 0 0 5px;padding:0 0 0 0;list-style:none; }
.cke_dialog .cke-block__item .cke-block__item-gallery li { display:inline-block;margin:0 0 0 0;padding:0 0 0 0; }
.cke_dialog .cke-block__item .cke-block__item-gallery img { display:block;width:auto;max-width:60px;height:auto;max-height:25px;margin:0 5px 0 0; }
.cke-block .cke-block__input { box-sizing: border-box; display: inline-block; width: 180px; padding: 3px 10px; margin: 3px 0 10px 0; border: 1px solid #d1d1d1; border-radius: 3px; background: #fafafa; }
.cke-block .cke-block__checkbox { box-sizing: border-box; display: inline-block; margin: 3px 5px 15px 0; position:relative;top:2px; }
.cke-block .cke-block__select { box-sizing: border-box; display: inline-block; width: 180px; padding: 3px 10px; margin: 3px 0 10px 0; border: 1px solid #d1d1d1; border-radius: 3px; background: #fafafa; }
.cke_dialog .cke-block__edit { display: inline-block; margin: 0 0 0 15px; font-size: 1em; text-decoration: underline; cursor: pointer; }
.cke_dialog .cke-block__edit:hover { text-decoration: none; cursor: pointer; }
.cke_dialog .cke-block__delete { display: inline-block; margin: 0 0 0 10px; font-size: 1em; text-decoration: underline; cursor: pointer; }
.cke_dialog .cke-block__delete:hover { text-decoration: none; cursor: pointer; }
.cke_dialog .cke-block__create { display: inline-block; padding: 3px 10px; margin: 5px 5px 0 0; border: 1px solid #484848; border-radius: 3px; text-decoration: none; cursor: pointer; }
.cke_dialog .cke-block__create:hover { background-color: #f8f8f8; }
.cke_dialog .cke-block__options { display: inline-block; padding: 3px 10px; margin: 5px 0 0 0; border: 1px solid #484848; border-radius: 3px; text-decoration: none; font-weight: 700; cursor: pointer; }
.cke_dialog .cke-block__options:hover { background-color: #f8f8f8; }
.cke_dialog .cke-block__buttons { display:flex; justify-content:space-between;align-items:center; }
.cke_dialog .cke-block__options.disabled { opacity: 0.5;cursor:default; font-weight: 400; }
.cke_dialog .cke-block__options.disabled:hover { background:#fff; }
.cke_dialog .cke-block__arrow { position: relative; top: 2px; margin-left: 7px; }
.cke_dialog .cke-block__button { display: inline-block; padding: 3px 10px; margin: 5px 0 0 0; border: 1px solid #484848; border-radius: 3px; text-decoration: none; cursor: pointer; }
.cke_dialog .cke-block__button:hover { background-color: #f8f8f8; }
.cke_dialog .cke-block__button[name="save"] { font-weight: 700; }
.cke_dialog .cke-block__button--ok { float: right; font-weight: 700; }
.cke_dialog .cke-block__info { display:block;margin:0 0 5px 0;padding: 0 15px; }
.cke_dialog .cke-block__note { display:block;width:100%;max-width:558px;margin:0 0 0 0;padding:15px 0 0 0;white-space:normal;font-style:italic; }
.cke_dialog .cke-block__error { display:block;color:red; }
.cke_dialog .cke-block__message { display:block;color:green; }
.cke_dialog .cke-block__opt { display:block;margin:0 0 0 0;padding:0 0 0 0;list-style:none; }
.cke_dialog .cke-block__opt__item { display:block;margin:0 0 0 0;padding:0 0 0 0; }
.cke_dialog .cke-block__inputs-hide { height:0px;overflow:hidden; }
.cke_dialog .fotopane .qq-upload-list li span { display:inline-block;padding:0 10px 0 0; }
.cke_dialog .fotopane ul li .qq-upload-failed-text { display: none; }
.cke_dialog .fotopane .qq-upload-error .qq-upload-failed-text { display: inline-block; }
.cke_dialog .fotopane .thumbnails img { width:auto;max-width:80px;height:auto;max-height:50px; }

/* LayoutLibrary Widgets */
.cke_dialog .radio_icon_list { position: relative; margin: 0 0 0 0; padding: 15px 0 0 0; list-style: none; display: flexbox; -webkit-display: box; display: box; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.cke_dialog .radio_icon_item { box-sizing: border-box; margin: 0 0 0 0; padding: 10px; width: 150px; }
.cke_dialog .radio_icon_item label { box-sizing: border-box; display: block; padding: 6px; border: 1px solid #d1d1d1; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; }
.cke_dialog .radio_icon_item label, .cke_dialog .radio_icon_item label * { cursor: pointer; }
.cke_dialog .radio_icon_item input:checked + label { border-color: #484848; border-width: 2px; padding: 5px; }
.cke_dialog .radio_icon_item input { display: none; }
.cke_dialog .radio_icon_item span { display: block; padding: 7px 0 2px; text-align: center; font-size: 11px; line-height: 1.2; color: #484848; white-space: normal; }
.cke_dialog .radio_icon_item img { display: inline-block; vertical-align: middle; margin: 0 5px; }
.cke_dialog .ll_main_title { margin: 0 0 10px 0; font-weight: 700; font-size: 1.1em; }
.cke_dialog .ll_options_list { position: relative; display: flexbox; -webkit-display: box; display: box; display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; }
.cke_dialog .ll_options_item { box-sizing: border-box; width: 50%; min-width: 230px; padding: 10px; }
.cke_dialog .ll_options_item h4 { font-weight: 700; font-size: 1em; margin: 0 0 5px 0; }
.cke_dialog .ll_options_item img { width: auto; max-width: 100%; height: auto; max-height: 100px; }
.cke_dialog .ll_options_item .left { float: left; }
.cke_dialog .ll_options_item .right { float: right; }
.cke_dialog .ll_options_item .ll_delete { display: block; padding: 0px 0 5px 0; text-decoration: underline; cursor: pointer; }
.cke_dialog .ll_options_item .ll_delete:hover { text-decoration: none; cursor: pointer; }
.cke_dialog .ll_options_item span { display: block; padding-top: 1px; }
.cke_dialog .ll_options_item .ll_space_around { position: relative; box-sizing: border-box; min-height: 26px; padding: 5px 10px; margin: 5px 0; border: 1px solid rgba(72, 72, 72, 0.5); background: rgba(72, 72, 72, 0.04); border-radius: 6px; }
.cke_dialog .ll_options_item .input-text { position: relative; box-sizing: border-box; min-height: 26px; padding: 5px 10px; margin: 5px 0; border: 1px solid #484848; border-radius: 6px; }
.cke_dialog .ll_options_item .cke_dialog_ui_button { padding-left: 4px; padding-right: 4px; }
.cke_dialog .ll_options_back { display: block; float: right; margin: 0 0 0 10px; float: right; font-weight: 700; font-size: 1.1em; text-decoration: underline; cursor: pointer; }
.cke_dialog .ll_options_back:hover { text-decoration: none; cursor: pointer; }
.cke_dialog .ll_options_button { display: inline-block; padding: 3px 10px; margin: 5px 0 0 0; border: 1px solid #484848; border-radius: 3px; text-decoration: none; cursor: pointer; }
.cke_dialog .ll_options_button:hover { background-color: #f8f8f8; }

/* widget popup */
.cke_dialog .ll_options__popup__wrapper { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 6px; }
.cke_dialog .ll_options__popup { display: block; position: absolute; top: 50%; left: 5%; width: 90%; height: 150px; margin-top: -75px; background: #fff; border-radius: 6px; }
.cke_dialog .ll_options__popup__header { box-sizing: border-box; padding: 5px 50px 5px 10px; background: #f8f8f8; border-bottom: 1px solid #d1d1d1; width: 100%; border-radius: 6px 6px 0 0; }
.cke_dialog .ll_options__popup__header .cke_dialog_close_button { top: 4px; }
.cke_dialog .ll_options__popup__title { font-weight: 700; }
.cke_dialog .ll_options__popup__content { padding: 10px; }
.cke_dialog .ll_options__popup__content textarea { box-sizing: border-box; display: block; width: 90%; max-width: 90%; height: 60px; max-height: 60px; padding: 5px 10px; margin: 0 auto 0px auto; border: 1px solid #d1d1d1; border-radius: 3px; background: #fafafa; }
.cke_dialog .ll_options__popup__footer { padding: 5px 10px; }
.cke_dialog .ll_options__popup__save { margin-top: 0px; }

/*
 * CKEditor content css styles
 */
.cke_editable .left { float: left; }
.cke_editable .right { float: right; }
.cke_editable .clear { clear: both; }
.cke_editable .hidden { visibility: hidden; }
.cke_editable .button { /* you can define button style in the ck editor */ }

.cke_editable .block { box-sizing:border-box;display:block;width:100%;height:auto;margin:8px auto;padding:5px;background:#fafafa;border-width:1px;border-style:dashed;border-color:#d1d1d1; }
.cke_editable .block:before { content:attr(title);font-style:italic; }

.cke_dialog .edit_clickable_points {
    display: block;
    margin-top: 20px !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.cke_dialog .clickable_image.clickable_image .clickable-point {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px;
    background: blue;
    cursor: pointer;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.cke_dialog .clickable_image.clickable_image .clickable-point span {
    display: none;
}

.cke_dialog .clickable_image.clickable_image img {
    max-height: none;
}

.cke_dialog .clickable_image--wrapper.clickable_image--wrapper {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: rgba(255,255,255,0.75);
    text-align: center;
}

.cke_dialog .clickable_image.clickable_image.open {
    display: table;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: none;
    border: none;
}

.cke_dialog .clickable_image.clickable_image.open .clickable-point {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background: url('plusicon_v2.png') center center no-repeat;
}

.cke_dialog .clickable_image--buttons.clickable_image--buttons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500;
    background: #333;
    padding: 10px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cke_dialog .clickable_image--buttons.clickable_image--buttons a {
    background: white;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    margin: 0 25px;
    font-size: 16px;
}

.cke_dialog .clickable_image--textarea.clickable_image--textarea {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    min-width: 400px;
    display: none;
}

.cke_dialog .clickable_image--textarea.clickable_image--textarea.show {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.cke_dialog .clickable_image--textarea.clickable_image--textarea textarea {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    padding: 10px;
}

.cke_dialog .clickable_image--textarea.clickable_image--textarea textarea:focus {
    outline: none;
}

.cke_dialog .clickable_image--textarea.clickable_image--textarea a.area-btn {
    color: #FFF;
    cursor: pointer;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.cke_dialog .clickable_image--textarea.clickable_image--textarea a.save {
    background-color: #00D606;
}

.cke_dialog .clickable_image--textarea.clickable_image--textarea a.cancel {
    margin-right: 10px;
    background-color: #1794ff;
}

.cke_dialog .clickable_image--textarea.clickable_image--textarea a.remove {
    margin: 0 0 0 auto;
    background-color: #ff3939;
}

.cke_editable .clickable-point.clickable-point span {
    display: none;
    position: relative;
    color: #333;
    top: -30px;
    white-space: nowrap;
    background: white;
    padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.cke_editable .clickable-point.clickable-point:hover span {
    display: inline-block !important;
}