/*
 * Some generic styles
 */
.question input.answer-check[type=radio],
.question input.answer-check[type=checkbox] { display: none; }
.question input.answer-check + label > * { margin-left: 30px; }
.question input.answer-check + label { height: 20px; text-align: left; font-size: 16px; position: relative; white-space: normal; }
.question input.answer-check + label:before { position: absolute; top: 50%; margin-top: -10px; left: 0; display: block; content: ""; border: 1px solid #228dcf; height: 20px; width: 20px; border-radius: 2px; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: border-box; }
.question input.answer-check + label:after { position: absolute; display: block; content: ""; top: 50%; margin-top: -8px; left: 7px; width: 6px; height: 13px; opacity: 0; box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.question input.answer-check:not(:disabled) + label { cursor: pointer; }
.question input.answer-check:not(:disabled) + label:before { cursor: pointer; }
.question input.answer-check:not(:disabled) + label:after { cursor: pointer; }

.question input.answer-check:checked+label:before { background: #337ab7; border-color: #337ab7; }
.question input.answer-check:checked+label:after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; opacity: 1; }
/* disabled state */
.question input.answer-check:disabled+label:before { border: 1px solid #ccc; }
.question input.answer-check:checked:disabled+label:before { border: 1px solid #ccc; background: transparent; }
.question input.answer-check:checked:disabled+label:after { border-color: #999; }


.editor-frame { min-width: 600px; }

.editor-header { margin: 0 0 15px; font-size: 0; text-align: right; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.editor-header:after { display: block; content: ""; clear: both; }
.editor-header * { box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.editor-header .left-part,
.editor-header .right-part { display: inline-block; vertical-align: top; font-size: medium; text-decoration: none; }
.editor-header .left-part { width: 50%; position: relative; padding: 0 0 0 74px; text-align: left; min-height: 60px; float: left; cursor: pointer; }
.editor-header .left-part .image-wrap { position: absolute; left: 0; top: 0; background-color: #f8ccff; }
.editor-header .left-part h4 { color: #282828; margin: -5px 0 5px 0; font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
.editor-header .left-part .description { color: #282828; font-size: 14px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.editor-header .right-part { width: 50%; margin-bottom: 30px; }
.editor-header .right-part form { display: inline-block; }
.editor-header .right-part a,
.editor-header .right-part button { display: inline-block; outline: 0; background: none; cursor: pointer; border: 1px solid #228dcf; color: #228dcf; padding: 0 20px; margin-left: 17px; margin-bottom: 10px; min-width: 120px; height: 30px; line-height: 28px; box-shadow: none; transition: all 50ms ease-out; text-align: center; border-radius: 3px; font-size: medium;
    -webkit-transition: all 50ms ease-out;
    -moz-transition: all 50ms ease-out;
    -o-transition: all 50ms ease-out;
}
.editor-header .right-part button { margin-left: 0; }
.editor-header .right-part a:hover,
.editor-header .right-part button:hover { color: #fff; background: #228dcf; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); text-decoration: none; }
.editor-header .right-part button.delete { color: #ef4949; border-color: #ef4949 }
.editor-header .right-part button.delete:hover { color: #fff; background-color: #ef4949 }
.editor-header.readonly .right-part button.delete { display: none; }
.editor-header .image-wrap { display: inline-block; vertical-align: top; width: 60px; height: 60px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
.editor-header .image-wrap img { max-width: 100%; }
.editor-header h4, .editor-header span { display: block; }

.editor-header nav          { background: #1f3c77; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); position: relative; }
.editor-header nav:before   { display: block; content: ""; clear: both; }
.editor-header nav:after    { display: block; content: ""; clear: both; }
.editor-header nav .blocker { display: none; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; cursor: not-allowed; }
.editor-header nav button   { border: none; padding: 0; outline: 0; background: none; cursor: pointer; text-align: center; height: 44px; color: #fff; font-size: 14px; background: #1f3c77; }
.editor-header nav button   { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; }
.editor-header nav > *      { display: inline-block; width: 25%; border-right: 1px solid #fff !important; }
.editor-header nav > *:last-child { border-right: none !important; }

.editor-header nav button:hover { background-color: #2064a3; }
.editor-header nav form > button { width: 100%; }
.editor-header.readonly > .editor-navigation { background-color: #555; }
.editor-header.readonly > .editor-navigation .blocker { display: block; }
.editor-header.readonly > .editor-navigation button { background-color: #555; cursor: not-allowed; }

.floater.editor                 { position: fixed; z-index: 100; top: -1120px; right: 40px; left: 102px; padding: 0; background-color: #1f3c77; color: #fff; min-width: 600px; }
.floater.editor.on              { top: 60px; }
.floater.editor                 { box-shadow: 0 2px 4px rgba(0,0,0,0.3); border-radius: 0 0 5px 5px; }
.floater.editor .floater-header  { background-color: #203d76; margin: 0; }
.floater.editor .floater-header .floater-header-wrap { padding: 0; }
.floater.editor .floater-header .left-part,
.floater.editor .floater-header .right-part { display: inline-block; vertical-align: top; font-size: medium; text-decoration: none; }
.floater.editor .floater-header .left-part { padding: 10px 15px; min-height: 40px; min-width: 70px; }
.floater.editor .floater-header .left-part { width: calc(100% - 483px); position: relative; text-align: left; min-height: 40px; float: left; cursor: pointer; }
.floater.editor .floater-header .left-part .image-wrap { position: absolute; left: 15px; top: 10px; background-color: #f8ccff; }
.floater.editor .floater-header .left-part h4 { width: calc(100% - 50px); color: #fff; margin-left: 50px; font-size: 18px; font-weight: bold; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.floater.editor .floater-header .right-part { font-size: 0; text-align: right; }
.floater.editor .floater-header .right-part form { display: inline-block; width: 60px; }
.floater.editor .floater-header .right-part a,
.floater.editor .floater-header .right-part button { display: inline-block; outline: 0; background: none; cursor: pointer; border: none; border-left: 1px solid #fff; color: #fff; width: 60px; height: 60px; line-height: 60px; box-shadow: none; transition: all 50ms ease-out; text-align: center; font-size: medium;
    -webkit-transition: all 50ms ease-out;
    -moz-transition: all 50ms ease-out;
    -o-transition: all 50ms ease-out;
}
.floater.editor .floater-header .right-part a:hover,
.floater.editor .floater-header .right-part button:hover { background: #228dcf; text-decoration: none; }
.floater.editor.readonly .floater-header .right-part button:hover { background: #555; text-decoration: none; }


.floater.editor .floater-header .image-wrap { display: inline-block; vertical-align: top; width: 60px; height: 60px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
.floater.editor .floater-header .image-wrap img { max-width: 100%; }
.floater.editor .floater-header .image-wrap { width: 40px; height: 40px; }
.floater.editor .floater-header nav { border-top: 1px solid #fff; }
/*.floater.editor.readonly .floater-header {background-color: #555;cursor: not-allowed;}*/
.floater.editor.readonly .floater-header .right-part button {cursor: not-allowed; background-color: #555;}
.floater.editor.readonly .floater-header .left-part {cursor: not-allowed;}
.floater.editor .floater-header .right-part .save,
.floater.editor .floater-header .right-part .preview,
.floater.editor .floater-header .right-part .assign {background-color: #203d76}


.editor-wrap { margin: 0 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }
.editor-wrap * { box-sizing: border-box; -moz-box-sizing: border-box;  -o-box-sizing: border-box; -webkit-box-sizing: border-box; }
.editor-wrap.readonly .data-editor-unit .editor-navigation .delete-control { display: none; }
.editor-wrap.readonly .data-editor-unit .editor-navigation .edit-control { display: none; }
.editor-wrap.readonly .data-editor-unit .editor-navigation .move-control { display: none; }
.editor-wrap.new ~ #article-info-modal .change-info .btn-cancel { display: none; }

.articles-wrap .editor-navigation { height: 45px; text-align: right; }
.articles-wrap .editor-navigation:after { display: block; content: ""; clear: both; }
.articles-wrap .editor-navigation form { display: inline-block; }
.articles-wrap .editor-navigation form:not(:last-of-type) { float: left; }
.articles-wrap .editor-navigation form.move { float: left; }

.articles-wrap .editor-navigation a:hover { text-decoration: none; }
.articles-wrap .editor-navigation .move-control,
.articles-wrap .editor-navigation .edit-control,
.articles-wrap .editor-navigation .save-control,
.articles-wrap .editor-navigation .delete-control { padding-top: 20px; cursor: pointer; text-align: left; display: inline-block; vertical-align: top; font-size: 14px; color: #228dcf; }
.articles-wrap .editor-navigation .move-control { float: left; }

.articles-wrap .editor-navigation .edit-control,
.articles-wrap .editor-navigation .save-control,
.articles-wrap .editor-navigation .delete-control { margin-left: 15px; }
.articles-wrap .editor-navigation .delete-control { display: block; color: #de3030; }
.articles-wrap .editor-navigation .move-control.up { margin-right: 15px; }

.articles-wrap .editor-navigation .edit-control i,
.articles-wrap .editor-navigation .save-control i,
.articles-wrap .editor-navigation .delete-control i { margin-left: 3px; }

.articles-wrap .editor-navigation .save-control { display: none; }
.data-editor-unit.editing .articles-wrap .edit-control { display: none; }
.data-editor-unit.editing .articles-wrap .save-control { display: inline-block; }
.data-editor-unit.editing .articles-wrap .question.edit-control { display: inline-block; }

.articles-wrap .editor-article { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); background: #fff; font-size: 16px; }
.articles-wrap .editor-article:after { display: block; content: ""; clear: both; }
.articles-wrap .editor-article > img { width: 100% }

/* chapter placeholder */
.articles-wrap.empty .editor-article  { padding: 15px; }
.articles-wrap.empty .editor-article .placeholder { height: 147px; min-height: auto; border: 1px dashed #2b8ecd; }
.articles-wrap.empty .editor-article .placeholder > * { width: 100%; background-size: cover; }

/* styling content images */
.articles-wrap .editor-article .mce-edit-area img { max-width: 100%; height: auto; }

.articles-wrap .article-deleted { padding: 10px 30px 10px 30px; margin-top: 70px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); background: #fff; font-size: 16px; }
.articles-wrap .article-deleted h1 { text-align: center; }
.articles-wrap button { margin: 10px auto; }
.articles-wrap .mce-tinymce button { margin: 0; /* reset for tinymce toolbar buttons */ }

.articles-wrap > .question { padding: 30px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); background: #fff; }
.articles-wrap > .question .question-header > * { display: inline-block; }
.articles-wrap > .question .question-header h2 { padding: 5px 0 25px 0; }
.articles-wrap > .question .question-header input { display: none; margin: 5px 0 25px 0; font-size: 18px; }
.articles-wrap > .question .question-header input[type=text] { width: 80%; }
.articles-wrap > .question .question-header .points-wrap { display: block; float: right; font-size: 16px; opacity: 0.5; pointer-events: none; }
.articles-wrap > .question .question-header .points-wrap > * { display: inline-block; }
.articles-wrap > .question .question-header .points-wrap input { width: 50px; }
.articles-wrap > .question textarea { width: 100%; margin: 0; padding: 3px; max-height: 200px; border: 1px solid #ccc; border-radius: 3px; background-color: #f5f5f5; font-size: 18px; line-height: normal; resize: none; }
.articles-wrap > .question label { display: inline; padding: 0; min-width: 20px; }

.articles-wrap > .question .answer { /*width: 100%;*/ font-size: 18px; }
.articles-wrap > .question .answer thead { font-weight: 700; }
.articles-wrap > .question .answer thead span { padding: 0 15px; }
.articles-wrap > .question .answer tbody tr td { text-align: center; }

.articles-wrap > .question .answer .radio-wrap { line-height: 32px; }
.articles-wrap > .question .answer .radio-wrap label { padding-left: 2px; display: inline; vertical-align: middle; }
.articles-wrap > .question .answer .radio-wrap .answer-value-edit { display: none; vertical-align: middle; }
.articles-wrap > .question .answer .radio-wrap .answer-value-edit input { width: 300px; border: 1px solid #ccc; border-radius: 2px; font-size: 16px; }
.articles-wrap > .question .answer .radio-wrap .answer-value-edit .remove-answer { margin-left: 5px; cursor: pointer; color: #ef4949; }

.articles-wrap > .question .answer .check-wrap { line-height: 32px; }
.articles-wrap > .question .answer .check-wrap label { display: inline; vertical-align: middle; }
.articles-wrap > .question .answer .check-wrap .answer-value-edit { display: none; vertical-align: middle; }
.articles-wrap > .question .answer .check-wrap .answer-value-edit input { width: 300px; border: 1px solid #ccc; border-radius: 2px; font-size: 16px; }
.articles-wrap > .question .answer .check-wrap .answer-value-edit .remove-answer { margin-left: 5px; cursor: pointer; color: #ef4949; }

.articles-wrap > .question table.answer td.view { display: table-cell; text-align: left; }
.articles-wrap > .question table.answer td.edit { display: none; }
.articles-wrap > .question .answer .yesno-wrap { line-height: 32px; }
.articles-wrap > .question .answer .yesno-wrap label { width: 20px; display: inline-block; }
.articles-wrap > .question .answer .yesno-wrap .edit input { width: 300px; margin: 0 5px; border: 1px solid #ccc; border-radius: 2px; font-size: 16px; }
.articles-wrap > .question .answer .yesno-wrap .edit .remove-answer { cursor: pointer; color: #ef4949; }

.articles-wrap > .question .answer .freevoice-wrap .player { margin-top: 10px; }
.articles-wrap > .question .answer .freevoice-wrap .player > * { display: inline-block; }
.articles-wrap > .question .answer .freevoice-wrap .player .record { width: 70px; height: 70px; padding: 3px; border-radius: 50%; background-color: #ef4949; }
.articles-wrap > .question .answer .freevoice-wrap .player .record .inner { width: 100%; height: 100%; padding-top: 21px; border-radius: 50%; border: 2px solid white; font-size: 12px; background-color: #ef4949; color: #fff; text-align: center; }
.articles-wrap > .question .answer .freevoice-wrap .player .player-progress { width: 250px; height:4px; margin: 0 5px; background-color: #e5e5e5; }
.articles-wrap > .question .answer .freevoice-wrap .player .time { color: #228dcf; height: 30px; vertical-align: middle; line-height: 35px; }

.articles-wrap > .question .answer .fill-wrap { line-height: 35px; }
.articles-wrap > .question .answer .fill-wrap td { text-align: left; }
.articles-wrap > .question .answer .fill-wrap td.edit { /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */ }
.articles-wrap > .question .answer .fill-wrap td a { margin: 0 3px; cursor: pointer; }
.articles-wrap > .question .answer .fill-wrap td .remove-answer { cursor: pointer; color: #ef4949; }
.articles-wrap > .question .answer .fill-wrap td .save-sentence { display: none; }
.articles-wrap > .question .answer .fill-wrap td > input[type=text] { display: none; width: auto; padding: 3px; border: 1px dashed #ccc; border-radius: 3px; font-size: 16px; }
.articles-wrap > .question .answer .fill-wrap td .sentence { display: inline-block; margin: 0; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.articles-wrap > .question .answer .fill-wrap td .sentence input { width: 120px; padding: 3px 17px 3px 3px; border-radius: 3px; background-color: #f5f5f5; font-size: 16px; margin: 0 5px; }
.articles-wrap > .question .answer .fill-wrap td .sentence input + img { display: none; position: relative; left: -25px; top: 3px; margin-right: -7px; cursor: pointer; padding: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.articles-wrap > .question .answer .fill-wrap.edit { }
.articles-wrap > .question .answer .fill-wrap.edit td > input { display: block; }
.articles-wrap > .question .answer .fill-wrap.edit td > .sentence { display: none; }
.articles-wrap > .question .answer .fill-wrap.edit td > .save-sentence { display: block; }
.articles-wrap > .question .answer .fill-wrap.edit td > .edit-sentence { display: none; }

.articles-wrap > .question .answer .filldrag-wrap { line-height: 35px; }
/*
.articles-wrap > .question .answer .filldrag-wrap p { display: inline-block; margin: 0 5px; padding: 3px; border: 1px dashed #999; border-radius: 3px; background-color: #e8f3d4; line-height: 20px; cursor: default; }
.articles-wrap > .question .answer .filldrag-wrap p.first { margin-left: 0; }
*/
.articles-wrap > .question .answer .filldrag-wrap td { text-align: left; }
.articles-wrap > .question .answer .filldrag-wrap td a { margin: 0 3px; cursor: pointer; }
.articles-wrap > .question .answer .filldrag-wrap td .remove-answer { cursor: pointer; color: #ef4949; }
.articles-wrap > .question .answer .filldrag-wrap td .save-sentence { display: none; }
.articles-wrap > .question .answer .filldrag-wrap td > input[type=text] { display: none; width: auto; padding: 3px; border: 1px dashed #ccc; border-radius: 3px; font-size: 16px; }
.articles-wrap > .question .answer .filldrag-wrap td .sentence { display: inline-block; margin: 0; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.articles-wrap > .question .answer .filldrag-wrap td .sentence input { width: 120px; padding: 3px 17px 3px 3px; border-radius: 3px; background-color: #ffffff; font-size: 16px; border-color: #228dcf; border-style: dashed; margin: 0 5px; }
.articles-wrap > .question .answer .filldrag-wrap td .sentence input + img { display: none; position: relative; left: -21px; top: -2px; margin-right: -7px; cursor: pointer; }
.articles-wrap > .question .answer .filldrag-wrap.edit { }
.articles-wrap > .question .answer .filldrag-wrap.edit td > input { display: block; }
.articles-wrap > .question .answer .filldrag-wrap.edit td > .sentence { display: none; }
.articles-wrap > .question .answer .filldrag-wrap.edit td > .save-sentence { display: block; }
.articles-wrap > .question .answer .filldrag-wrap.edit td > .edit-sentence { display: none; }

.articles-wrap > .question .filldrag-answers-wrap { margin-top: 20px; }
.articles-wrap > .question .filldrag-answers-wrap .answer { display: inline-block; margin-right: 15px; cursor: default; }
.articles-wrap > .question .filldrag-answers-wrap .answer i { color: #1f3c77; }
.articles-wrap > .question .fill-width-meter { font-size: 16px; visibility: hidden; }

[data-question="matchimg"] .articles-wrap > .question .answer { /*display: inline-block;*/ font-size: 0; }
.articles-wrap > .question .answer .matchimg-wrap { display: inline-block; position: relative; padding-right: 2%; vertical-align: top; text-align: center; }
.articles-wrap > .question .answer .matchimg-wrap .img-object { position: relative; overflow: hidden; }
.articles-wrap > .question .answer .matchimg-wrap .img-object .img { border-radius: 5px; background-size: cover; background-position: 50% 50%; }
.articles-wrap > .question .answer .matchimg-wrap .img-object .img:after { content: ""; display: block; padding-bottom: 100%; }
.articles-wrap > .question .answer .matchimg-wrap .img-object .img.empty { opacity: 0; }
.articles-wrap > .question .answer .matchimg-wrap .img-object .img.empty + .img-placeholder { top: 0; }
.articles-wrap > .question .answer .matchimg-wrap .remove-answer { display: none; position: absolute; right: 10px; top: -20px; color: #ef4949; cursor: pointer; text-decoration: none; font-size: 16px; }
.articles-wrap > .question .answer .matchimg-wrap .img-placeholder {
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0 0 5px 0;
    width: 100%;
    height: 100%;
    color: #228bcf;
    opacity: 0.8;
    background-color: rgba(34, 139, 207, 0.35);
    border: 1px dashed #228bcf;
    border-radius: 5px;
    text-align: center;
    font-size: 32px;
    vertical-align: middle;
    transition: all 200ms;
    -webkit-transition: all 200ms;
}
.articles-wrap > .question .answer .matchimg-wrap .img-placeholder:hover {  }
.articles-wrap > .question .answer .matchimg-wrap .img-placeholder i { position: absolute; left: calc(50% - 24px); top: calc(50% - 24px); font-size: 48px; }
.articles-wrap > .question .answer .matchimg-wrap .img-placeholder.answer { margin-left: 10px; width: calc(100% - 20px); }
.articles-wrap > .question .answer .matchimg-wrap .img-answer { margin: 0 10px; padding: 0; }

#matchimg-preview { display: none; position: absolute; padding: 0; margin: 0; background: #333; color: #fff; z-index: 99;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.35);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.35);
}

.articles-wrap > .question ol.answer { padding-left: 10px; margin-top: 0; font-weight: 700; }
.articles-wrap > .question ol.answer li.order-wrap { list-style-type: decimal; list-style-position: inside; line-height: 20px; }
.articles-wrap > .question ol.answer li.order-wrap p { font-weight: 500; display: inline-block; }
.articles-wrap > .question ol.answer li.order-wrap > i { display: none; cursor: move; color: #1f3c77; }
.articles-wrap > .question ol.answer li.order-wrap input { display: none; width: 300px; margin: 0 5px; border: 1px solid #ccc; border-radius: 2px; font-size: 16px; }
.articles-wrap > .question ol.answer li.order-wrap .remove-answer { display: none; cursor: pointer; color: #ef4949;}

.articles-wrap > .question .answer .upload-area { display: none; padding-top: 20px; border: 1px dashed #228dcf; border-radius: 4px; margin-bottom: 20px; font-weight: normal; text-align: center; }
.articles-wrap > .question .answer .upload-area.hover  { background-color: #f4f9fd; }
.articles-wrap > .question .answer .upload-area input[type=file] { display: none; }
.articles-wrap > .question .answer .upload-area label { color: #228dcf; font-size: 16px; text-align: center; }
.articles-wrap > .question .answer .upload-area .text-grey { font-size: 14px; text-align: center; padding-bottom: 20px; }
.articles-wrap > .question .answer .uploaded-files { display: none; margin: 20px 0; font-size: 16px; color: #282828; }
.articles-wrap > .question .answer .upload-content { text-align: center; }
.articles-wrap > .question .answer .upload-wrap { display: inline-block; position: relative; margin: 0 30px 20px 0; }
.articles-wrap > .question .answer .upload-wrap .remove-answer { display: none; position: absolute; right: -13px; top: -21px; cursor: pointer; color: #000; opacity: 0.4; }
.articles-wrap > .question .answer .upload-wrap .upload { display: inline-block; width: 280px; height: 55px; border: 1px dashed #228dcf; border-radius: 2px; color: #484848; text-align: left; text-decoration: none; }
.articles-wrap > .question .answer .upload-wrap .upload i { display: inline-block; margin: 0 15px 0 10px; width: 30px; vertical-align: middle; line-height: 55px; font-size: 36px; color: #228dcf; }
.articles-wrap > .question .answer .upload-wrap .upload .name { display: inline-block; width: calc(100% - 110px); font-size: 14px; color: #228dcf; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; }
.articles-wrap > .question .answer .upload-wrap .upload .name-edit { display: none; width: calc(100% - 70px); }
.articles-wrap > .question .answer .upload-wrap .upload .name-edit input { display: inline; padding: 5px 10px; width: 80%; border-radius: 4px; border: 1px solid #1f3c77; color: #228dcf; font-size: 14px; }
.articles-wrap > .question .answer .upload-wrap .upload .name-edit .ext { display: inline; margin-left: 3px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.articles-wrap > .question .answer .upload-wrap .upload .download-wrap { display: inline-block; float: right; width: 40px; border-left: 1px dashed #228dcf; text-align: center; }
.articles-wrap > .question .answer .upload-wrap .upload .download-wrap a { text-decoration: none; }
.articles-wrap > .question .answer .upload-wrap .upload .download-wrap a i { display: block; margin: 0; width: auto; font-size: 16px;}
.articles-wrap > .question .answer .upload-wrap + .empty { display: none; }

.articles-wrap > .question .answer .progress          { display: none; width: 100%; font-size: 14px; text-align: center; }
.articles-wrap > .question .answer .progress-bar      { display: inline-block; width: calc(50% - 50px); padding: 1px; border: 1px solid #1f3c77; overflow: hidden; }
.articles-wrap > .question .answer .progress-bar span { display: block; width: 0; height: 8px; background-color: #228dcf; }
.articles-wrap > .question .answer .progress-text     { display: inline-block; margin-left: 10px; font-size: 14px; }

.articles-wrap > .question form.uploading .answer .progress { display: block; }
.articles-wrap > .question form.uploading .answer .upload-area,
.articles-wrap > .question form.uploading .answer .uploaded-files,
.articles-wrap > .question form.uploading .answer .upload-content { display: none; }

.articles-wrap .question .footnote { display: none; font-size: 12px; margin-top: 25px; }

.articles-wrap .question .multi-footer,
.articles-wrap .question .single-footer,
.articles-wrap .question .yesno-footer,
.articles-wrap .question .truefalse-footer,
.articles-wrap .question .fill-footer,
.articles-wrap .question .filldrag-footer,
.articles-wrap .question .order-footer { display: none; font-size: 16px; margin-top: 10px; }
.articles-wrap .question .matchimg-footer { display: none; font-size: 16px; margin-top: 40px; }
.articles-wrap .question .multi-footer .add-answer,
.articles-wrap .question .single-footer .add-answer,
.articles-wrap .question .yesno-footer .add-answer,
.articles-wrap .question .truefalse-footer .add-answer,
.articles-wrap .question .fill-footer .add-answer,
.articles-wrap .question .filldrag-footer .add-answer,
.articles-wrap .question .order-footer .add-answer,
.articles-wrap .question .matchimg-footer .add-answer { cursor: pointer; text-decoration: none; }
.articles-wrap .question .fill-footer .footnote,
.articles-wrap .question .filldrag-footer .footnote { display: block; }


.editing .articles-wrap .question-header .title { display: none; }
.editing .articles-wrap .question-header input[type=text] { display: inline-block; }
.editing .articles-wrap .question-header .points-wrap { display: inline-block; pointer-events: initial; opacity: 1; }

.editing .articles-wrap .answer .check-wrap .answer-value-edit,
.editing .articles-wrap .answer .radio-wrap .answer-value-edit { display: inline; margin-left: 27px; }
.editing .articles-wrap .answer .check-wrap .check-label,
.editing .articles-wrap .answer .radio-wrap .radio-label { display: none; }

.editing .articles-wrap .answer .fill-wrap td.edit { display: table-cell; }
.editing .articles-wrap .answer .fill-wrap input { border: 1px solid #ccc !important; background-color: #fff !important; }
.editing .articles-wrap .answer .fill-wrap .sentence input + img { display: inline !important; }

.editing .articles-wrap .answer .filldrag-wrap td.edit { display: table-cell; }
.editing .articles-wrap .answer .filldrag-wrap input { border: 1px dashed #228dcf !important; background-color: rgba(34,141,207, 0.1) !important; }
.editing .articles-wrap .answer .filldrag-wrap td .sentence input { width: 120px; padding: 3px 17px 3px 3px; border-radius: 3px; background-color: #f5f5f5; font-size: 16px; }
.editing .articles-wrap .answer .filldrag-wrap .sentence input + img { display: inline !important; }
.editing .articles-wrap .filldrag-answers-wrap { display: none; }

.editing .articles-wrap table.answer td.edit { display: table-cell; }
.editing .articles-wrap table.answer td.view { display: none; }

.editing .articles-wrap ol.answer li.order-wrap { padding: 3px 0; }
.editing .articles-wrap ol.answer li.order-wrap i { display: inline-block; }
.editing .articles-wrap ol.answer li.order-wrap p { display: none; }
.editing .articles-wrap ol.answer li.order-wrap input { display: inline-block; }
.editing .articles-wrap ol.answer li.order-wrap .remove-answer { display: inline-block; }

.editing .articles-wrap .answer .matchimg-wrap { }
.editing .articles-wrap .answer .matchimg-wrap .remove-answer { display: block; }
.editing .articles-wrap .answer .matchimg-wrap .img-object { cursor: pointer; }
.editing .articles-wrap .answer .matchimg-wrap .img-object:hover .img-placeholder { top: 0; }
.editing .articles-wrap .answer .matchimg-wrap .img-object:hover .img { opacity: 0.3; }

.editing .articles-wrap > .question .answer .upload-area { display: block; }
.editing .articles-wrap > .question .answer .uploaded-files { display: block; }
.editing .articles-wrap > .question .answer .upload-wrap .upload .name { display: none; }
.editing .articles-wrap > .question .answer .upload-wrap .upload .name-edit { display: inline-block; }
.editing .articles-wrap > .question .answer .upload-wrap .remove-answer { display: block; }
.editing .articles-wrap > .question .answer .upload-wrap .upload .download-wrap { display: none; }

.editing .articles-wrap .multi-footer,
.editing .articles-wrap .single-footer,
.editing .articles-wrap .yesno-footer,
.editing .articles-wrap .truefalse-footer,
.editing .articles-wrap .fill-footer,
.editing .articles-wrap .filldrag-footer,
.editing .articles-wrap .order-footer,
.editing .articles-wrap .matchimg-footer { display: block; }

#create-fill-gap-popup { width: 200px; }
#create-fill-gap-popup .close { cursor: pointer; }
#create-fill-gap-popup .toolbox-content p { font-size: 16px; }
#create-fill-gap-popup .toolbox-content .button { cursor: pointer; }


/*
 * Editor questions block
 */
.editor-questions { /*min-width: 975px;*/ margin: 20px 0; position: relative; }
.editor-questions a { text-decoration: none; cursor: pointer; }
.editor-questions a.close { position: absolute; right: 0; top: 0; width: 36px; height: 36px; line-height: 36px; font-size: 36px; text-align: center; cursor: pointer; color: #888; }
.editor-questions a.close:hover { color: #1f3c77; }

.editor-questions__title-tubs { display: block; text-align: center; margin-bottom: 10px; }
.editor-questions__title-tubs li { display: inline-block; font-size: 16px; margin: 15px; }
.editor-questions__title-tubs i { display: block; font-size: 24px; margin-bottom: 10px; }
.editor-questions__title-tubs a { display: block; padding-bottom: 3px; cursor: pointer; }
.editor-questions__title-tubs li.selected { border-bottom: 4px solid #ffbc2d; }
.editor-questions__title-tubs li.selected a { color: #1f3c77; }

.editor-questions .questions-wrap          { display: block; font-size: 0; }
.editor-questions .questions-wrap__item    { display: inline-block; vertical-align: top; width: 25%; text-align: center; }
.editor-questions .questions-wrap__item h4 { margin-bottom: 15px; }

.editor-questions                                  { display: none; }
.editor-questions .questions-wrap.multiplechoice   { display: block; }
.editor-questions .questions-wrap.filling-in-blank { display: none; }
.editor-questions .questions-wrap.classify         { display: none; }
.editor-questions .questions-wrap.free-response    { display: none; }

@media screen and (max-width: 1200px) {
	.editor-questions .questions-wrap.multiplechoice .questions-wrap__item          { width: 50%; margin: 30px 0; }
	.editor-questions .questions-wrap.multiplechoice .questions-wrap__item__content { border-width: 1px 1px 1px 0; }

	.editor-questions .questions-wrap.filling-in-blank .questions-wrap__item          { width: 100%; margin: 30px 0; }
	.editor-questions .questions-wrap.filling-in-blank .questions-wrap__item__content { border-width: 1px 0 0 0; }
	.editor-questions .questions-wrap.classify         .questions-wrap__item          { width: 100%; margin: 30px 0; }
	.editor-questions .questions-wrap.classify         .questions-wrap__item__content { border-width: 1px 0 0 0; }
}

@media screen and (max-width: 800px) {
	.editor-questions__title-tubs li { margin: 15px 5px; }

	.editor-questions .questions-wrap.multiplechoice .questions-wrap__item          { width: 100%; margin: 30px 0; }
	.editor-questions .questions-wrap.multiplechoice .questions-wrap__item__content { border-width: 1px 0 0 0; }

	.editor-questions .questions-wrap.free-response  .questions-wrap__item          { width: 100%; margin: 30px 0; }
	.editor-questions .questions-wrap.free-response  .questions-wrap__item__content { border-width: 1px 0 0 0; }
}


/* ___________________Multiple Choice__________________________*/
.questions-wrap__item .questions-wrap__item__content { padding: 20px 50px; border-width: 1px 1px 0 0; border-color: #e5e5e5; border-style: solid; height: 260px; position: relative; }
.questions-wrap__item:last-child .questions-wrap__item__content { border-right: 0; }
.questions-wrap__item .questions-wrap__item__content .question { text-align: left; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }

.questions-wrap__item .questions-wrap__item__content input[type=radio],
.questions-wrap__item .questions-wrap__item__content input[type=checkbox] { display: none; }
.questions-wrap__item .questions-wrap__item__content label { margin: 0 auto; padding: 5px 0; text-align: left; font-size: 14px; position: relative; white-space: normal; overflow: initial; width: 38px; }
.questions-wrap__item .questions-wrap__item__content label:before { position: absolute; top: 50%; margin-top: -8px; left: 0; display: block; content: ""; border: 1px solid #228dcf; height: 15px; width: 15px; border-radius: 3px; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: border-box; }
.questions-wrap__item .questions-wrap__item__content label:after { position: absolute; display: block; content: ""; top: 50%; margin-left: -2px; margin-top: -7px; left: 7px; width: 6px; height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    box-sizing: border-box;
}
.questions-wrap__item .questions-wrap__item__content.true-false label:after { margin-left: -1px; }

.questions-wrap__item .questions-wrap__item__content input[type=radio]:checked+label:before { background: #337ab7; border-color: #337ab7; }
.questions-wrap__item .questions-wrap__item__content input[type=radio]:checked+label:after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; opacity: 1; }
.questions-wrap__item .questions-wrap__item__content input[type=checkbox]:checked+label:before { background: #337ab7; border-color: #337ab7; }
.questions-wrap__item .questions-wrap__item__content input[type=checkbox]:checked+label:after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; opacity: 1; }
.questions-wrap__item .questions-wrap__item__content label .inner-text { margin-left: 30px; }
.questions-wrap__item .button { position: absolute; left: 50%; margin-left: -80px; width: 160px; bottom: 20px; }
.questions-wrap__item .questions-wrap__item__content.true-false { padding: 20px 30px; }
.questions-wrap__item .questions-wrap__item__content.true-false .question-answer-table { width: 100%; font-size: 14px; font-weight: 700; }
.questions-wrap__item .questions-wrap__item__content.true-false .question-answer-table thead span { padding-bottom: 5px; display: block; }
.questions-wrap__item .questions-wrap__item__content.true-false .question { font-weight: normal; font-size: 14px; padding: 5px 0; }
.questions-wrap__item .questions-wrap__item__content.true-false .answer { width: 40px; }
.questions-wrap__item .questions-wrap__item__content.true-false .answer label:before { left: 50%; transform: translateX(-50%); }
.questions-wrap__item .questions-wrap__item__content.true-false .answer label::after { left: 17px; }

/* ___________________Free-response__________________________*/
.questions-wrap.free-response .questions-wrap__item { width: 50%; }
.questions-wrap.free-response .questions-wrap__item .question { text-align: center; }
.questions-wrap.free-response .questions-wrap__item .input-frame { position: relative; width: 100%; margin: 20px auto; }
.questions-wrap.free-response .questions-wrap__item .input-frame .input { display: block; width: 100%; border: 1px solid #ddd; border-radius: 4px; padding: 6px 10px 6px 10px; font-size: 14px; min-height: 39px; resize: none; max-height: 100px; overflow: hidden; line-height: 25px; }
.questions-wrap.free-response .questions-wrap__item .input-frame a { position: absolute; right: 0; top: 0; font-size: 18px; width: 39px; line-height: 39px; text-align: center; text-decoration: none; }
.questions-wrap.free-response .questions-wrap__item .input-frame i.fa { position: relative; top: 25px; font-size: 64px; color: #606060; }
.questions-wrap.free-response .questions-wrap__item .record { position: relative; top: 20px; width: 70px; height: 70px; padding: 3px; border-radius: 50%; background-color: #ef4949; margin: 10px auto; cursor: pointer; display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.questions-wrap.free-response .questions-wrap__item .record .record-inner { width: 100%; height: 100%; padding-top: 21px; border-radius: 50%;  border: 2px solid #fff; font-size: 12px; background-color: #ef4949; color: #fff; text-align: center; }
.questions-wrap.free-response .questions-wrap__item .record:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

/* ___________________filling-in-blank__________________________*/
.questions-wrap.filling-in-blank .questions-wrap__item { width: 50%; }
.questions-wrap.filling-in-blank .questions-wrap__item .question { font-weight: normal; line-height: 32px; display: block; max-width: 555px; }
.questions-wrap.filling-in-blank .questions-wrap__item .question input { display: inline-block; width: 90px; margin: 0 5px; border: 1px dashed  #228dcf; border-radius: 3px; font-size: 14px; }
.questions-wrap.filling-in-blank .questions-wrap__item .question input.first { margin-left: 0; }
.questions-wrap.filling-in-blank .questions-wrap__item .question input:disabled { background-color: #fff; }
.questions-wrap.filling-in-blank .questions-wrap__item .answers-wrap { overflow: hidden; display: block; margin: 0; }
.questions-wrap.filling-in-blank .questions-wrap__item .answers-wrap .answer { padding-right: 20px; float: left; margin-bottom: 30px; font-size: 14px; }
.questions-wrap.filling-in-blank .questions-wrap__item .answers-wrap .answer i { padding: 0 5px; color: #1f3c77; cursor: move; }

/* ______________________Classify_______________________________*/
.questions-wrap.classify .questions-wrap__item { width: 50%; }
.questions-wrap.classify .questions-wrap__item__content { padding: 0 60px; }
.questions-wrap.classify .questions-wrap__item .question { font-weight: 700; max-width: 315px; margin: 15px auto 70px; }
.questions-wrap.classify .questions-wrap__item .question li { list-style-type: decimal; list-style-position: inside; padding: 5px 0; font-size: 16px; font-weight: 600; }
.questions-wrap.classify .questions-wrap__item .question li span { font-weight: 400; }
.questions-wrap.classify .questions-wrap__item .question li i { padding: 0 10px; cursor: move; color: #1f3c77; }
.questions-wrap.classify .questions-wrap__item__content.drag-and-drop .questions { overflow: hidden; width: 381px; padding: 0; margin: 15px auto 5px auto; }
.questions-wrap.classify .questions-wrap__item__content.drag-and-drop li { position: relative; width: 90px; list-style-type: inherit; float: left; margin: 65px 15px 10px 22px; font-size: 16px; font-weight: 600; }
.questions-wrap.classify .questions-wrap__item__content.drag-and-drop  li .picture { width: 60px; height: 60px; position: absolute; top: -65px; left: 15px; }
.questions-wrap.classify .questions-wrap__item__content.drag-and-drop li input { width: 90%; border: 1px dashed #228dcf; border-radius: 3px; }
.questions-wrap.classify .questions-wrap__item__content.drag-and-drop li input:disabled { background-color: #fff; }
.questions-wrap.classify .questions-wrap__item__content.drag-and-drop .answers { overflow: hidden; width: 381px; padding: 0; margin: 0 auto 10px; }
.questions-wrap.classify .questions-wrap__item__content.drag-and-drop .answers { list-style-type: none; }
.questions-wrap.classify .questions-wrap__item__content.drag-and-drop .answers i { position: absolute; top: -43px; right: 97px; color: #1f3c77; cursor: move; }


/*
 * Edit Article info modal
 */
.modal-container .change-info { position: relative; max-width: 540px; padding: 40px; background-color: #fff; margin: 100px auto 50px; font-size: 14px; }
.modal-container .change-info h2 { margin-bottom: 30px; }
.modal-container .change-info .picture { float: left; width: 170px; }
.modal-container .change-info .general { margin-left: 210px; }

.modal-container .change-info_picture { height: 170px; border-radius: 4px; }
.modal-container .change-info_picture input[type=file] { display: none; }
.modal-container .change-info_picture label { width: 100%; height: 100%; opacity: 0; padding: 0; border-radius: 4px; color: #fff; font-size: 24px; font-weight: 600; }
.modal-container .change-info_picture label .inner-text { text-align: center; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.modal-container .change-info_picture label .inner-text i { font-weight: 600; font-size: 50px; }
.modal-container .change-info_picture:hover label { opacity: 1; cursor: pointer; background-color: rgba(31, 60, 119, 0.78); }
.modal-container .change-info_picture:hover input:disabled + label { cursor: default !important; display: none; }

.modal-container .change-info .cikumas-input-frame { margin-bottom: 10px; }
.modal-container .change-info textarea             { resize: none; height: 74px; }
.modal-container .change-info .cikumas-checkbox    { margin-top: 10px; margin-left: -210px; margin-bottom: -30px; }
.modal-container .change-info .cikumas-checkbox span { color: #282828; opacity: 0.6; }

.modal-container .change-info__action-btns { text-align: right; width: 100%; margin-top: 40px; }
.modal-container .change-info__action-btns button { display: inline-block; cursor: pointer; }
.modal-container .change-info__action-btns .btn-cancel { background-color: rgba(0, 0, 0, 0); border: none; color: #228dcf; font-size: 14px; margin-right: 50px; }
.modal-container .change-info__action-btns .btn1 { background-color: #228dcf; color: #fff; box-shadow: 0 4px 4px rgba(0,0,0,0.3); }
.modal-container .change-info__action-btns .btn1:hover { background-color: #1f3c77; }
.modal-container .change-info__action-btns .btn1:disabled { background-color: #555; }

.modal-container .change-info__action-btns > * { display: inline-block; vertical-align: middle; }


#preview-modal .modal-dialog {
    position: relative;
    max-width: 1000px;
    margin: 30px auto 50px;
	font-size: 14px;
	background-color: transparent;
}
@media screen and (max-width: 1200px) {
    #preview-modal .modal-dialog { max-width: 800px; }
}
@media screen and (max-width: 1024px) {
    #preview-modal .modal-dialog { max-width: 600px; }
}

#loader-modal .modal-body { border: none; padding-top: 300px; }

#preview-modal .modal-header { padding-left: 60px; }
#preview-modal .modal-header .add-to-library { margin: 0 auto; width: 280px; cursor: pointer; }
#preview-modal .modal-body { border: none; padding-bottom: 70px; }
#preview-modal .modal-body .assignment { width: 100%; overflow: auto; }
#preview-modal .modal-body .assignment .article { padding-left: 40px; overflow: hidden; width: auto; }
#preview-modal .modal-body .assignment .article .item { width: calc(100% - 60px) }

/* article content style adjustments */
#preview-modal .modal-body .chapter .text { line-height: 23px; }
#preview-modal .modal-body .chapter .text h1 { font-size: 24px; font-weight: normal; margin: 10px 0; }
#preview-modal .modal-body .chapter .text h2 { font-size: 22px; font-weight: normal; margin: 10px 0; }
#preview-modal .modal-body .chapter .text h3 { font-size: 20px; font-weight: normal; margin: 10px 0; }
#preview-modal .modal-body .chapter .text img { margin: 0 25px 15px 0; }
#preview-modal .modal-body .chapter .text p { color: #383838; font-size: 18px; line-height: 27px; font-weight: 400; }

#preview-modal .modal-body .chapter > img { width: 100%; }



/*
 * Preloader
 */
.floatingCirclesG { position: relative; width: 125px; height: 125px; margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}
.f_circleG { position: absolute; background-color: #228dcf; height: 22px; width: 22px;
    border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}
.frotateG_01 { left: 0; top: 51px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}
.frotateG_02 { left: 15px; top: 15px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
.frotateG_03 { left: 51px; top: 0;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}
.frotateG_04 { right: 15px; top: 15px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}
.frotateG_05 { right: 0; top: 51px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}
.frotateG_06 { right: 15px; bottom: 15px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}
.frotateG_07 { left: 51px; bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}
.frotateG_08 { left: 15px; bottom: 15px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

@keyframes f_fadeG {
    0% { background-color: white; }
    100% { background-color: #228dcf; }
}
@-o-keyframes f_fadeG {
    0% { background-color: white; }
    100% { background-color: #228dcf; }
}
@-ms-keyframes f_fadeG {
    0% { background-color: white; }
    100% { background-color: #228dcf; }
}
@-webkit-keyframes f_fadeG {
    0% { background-color: white; }
    100% { background-color: #228dcf; }
}
@-moz-keyframes f_fadeG {
    0% { background-color: white; }
    100% { background-color: #228dcf; }
}

/* editor toolbar */
.editor-toolbar              { margin: 15px 40px 0; min-height: 36px; }
.editor-toolbar.floating     { margin: 0 0; position: fixed; z-index: 50; right: 40px; left: 102px; }
.editor-toolbar > .mce-panel { width: calc(100% - 2px) !important; overflow: hidden; background-color: #f0f0f0; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }




/*
 * Editor media block
 */
.editor-media               { margin: 20px 0; position: relative; }
.editor-media a             { text-decoration: none; cursor: pointer; }
.editor-media a.close       { position: absolute; right: 0; top: 0; width: 36px; height: 36px; line-height: 36px; font-size: 36px; text-align: center; cursor: pointer; color: #888; }
.editor-media a.close:hover { color: #1f3c77; }

.editor-media__title-tubs    { display: block; text-align: center; margin-bottom: 40px; }
.editor-media__title-tubs li { display: inline-block; font-size: 18px; margin: 20px; }
.editor-media__title-tubs i  { display: block; font-size: 30px; margin-bottom: 10px; }
.editor-media__title-tubs a  { display: block; padding-bottom: 3px; cursor: pointer; }
.editor-media__title-tubs li.selected   { border-bottom: 4px solid #ffbc2d; }
.editor-media__title-tubs li.selected a { color: #1f3c77; }

.editor-media .media-wrap       { display: block; font-size: 0; padding: 20px; text-align: center; }

.editor-media .media-wrap__item { display: inline-block; vertical-align: top; width: 25%; min-width: 200px; text-align: center; overflow: hidden; }
.editor-media .media-wrap__item > form { margin: 0 auto; height: 180px; width: 180px; max-width: 90%; border: 2px dashed #228dcf; border-radius: 2px; }
.editor-media .media-wrap__item > form { display: table; font-size: 14px; }
.editor-media .media-wrap__item > form.hover    { background-color: #f8f8f8; }
.editor-media .media-wrap__item > form.disabled { opacity: 0.3; }
.editor-media .media-wrap__item > form input[type=file] { display: none; }
.editor-media .media-wrap__item > form > a      { display: table-cell; vertical-align: middle; margin: 0 10px; }
.editor-media .media-wrap__item > form > label  { display: table-cell; vertical-align: middle; margin: 0 10px; cursor: pointer; color: #228dcf; }
.editor-media .media-wrap__item > form > a > i        { display: inline-block; vertical-align: middle; font-size: 24px; margin-right: 10px; }
.editor-media .media-wrap__item > form > a > span     { display: inline-block; vertical-align: middle; line-height: 21px; max-height: 21px; }
.editor-media .media-wrap__item > form > label > i    { display: inline-block; vertical-align: middle; font-size: 24px; margin-right: 10px; }
.editor-media .media-wrap__item > form > label > span { display: inline-block; vertical-align: middle; line-height: 21px; max-height: 21px; }

.editor-media .media-wrap.equation                          { padding: 0 0 20px; margin-top: -40px; }
.editor-media .media-wrap.equation .media-wrap__item        { width: 100%; }
.editor-media .media-wrap.equation .media-wrap__item > form { width: 80%; max-width: 800px; border: none; }
.editor-media .media-wrap.equation .media-wrap__item > form .quicksearch div.icon i { font-size: 18px; display: initial; margin: 0; }

.editor-media .media-wrap.embed .media-wrap__item        { width: 100%; }
.editor-media .media-wrap.embed .media-wrap__item > form { width: 80%; max-width: 800px; border: none; }
.editor-media .media-wrap.embed .media-wrap__item > form .formats { font-size: 14px; color: #282828; margin: 0 0 10px 0; text-align: left; }
.editor-media .media-wrap.embed .media-wrap__item > form textarea { height: 200px; line-height: normal; resize: vertical; }
.editor-media .media-wrap.embed .media-wrap__item > form button   { margin: 20px 0 0 auto; }

.editor-media .media-wrap.equation ul          { max-height: 400px; margin-top: 20px; overflow: auto; text-align: center; font-size: 0; }
.editor-media .media-wrap.equation ul li       { display: inline-block; vertical-align: top; margin: 5px; }
.editor-media .media-wrap.equation ul li.hide  { display: none; }
.editor-media .media-wrap.equation ul li label { display: block; width: 188px; height: 150px; border: 1px solid #e5e5e5; cursor: pointer; white-space: initial; }
.editor-media .media-wrap.equation ul li label:hover { border-color: #228dcf; }
.editor-media .media-wrap.equation ul li label [type=radio] { display: none; }
.editor-media .media-wrap.equation ul li label > div  { position: relative; overflow: hidden; font-size: 14px; height: 124px; border-bottom: 1px solid #e5e5e5; text-align: center; width: 100%; }
.editor-media .media-wrap.equation ul li label > span { display: block; height: 25px; line-height: 25px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; text-align: center; }
.editor-media .media-wrap.equation ul li label equation { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; }


.editor-media .media-wrap.equation                { margin-top: -40px; }

@media screen and (max-width: 1024px) {
	.editor-media .media-wrap__item > form > a > i    { display: block; margin: 0 0 10px 0; }
	.editor-media .media-wrap__item > form > a > span { display: block; }
	.editor-media .media-wrap__item > form > label > i    { display: block; margin: 0 0 10px 0; }
	.editor-media .media-wrap__item > form > label > span { display: block; }
}

@media screen and (max-width: 1050px) {
                  .editor-media .media-wrap       { flex-direction: column; }
    .common-frame .editor-media .media-wrap__item { /*width: 100%; */ margin: 30px 0; }
}

.editor-media                   { display: none; }
.editor-media .media-wrap       { display: none; }
.editor-media .media-wrap.video { display: block; } /* first item shown by default */


.data-editor-unit .inner-block { width: 80%; max-width: 800px; margin: 0 auto; }

.data-editor-unit         .media-view { display: block; padding: 11px 1px; }
.data-editor-unit         .media-edit { display: none; padding: 10px 0; }
.data-editor-unit.editing .media-view { display: none; }
.data-editor-unit.editing .media-edit { display: block; }

.data-editor-unit .media-title { padding: 5px; font-size: 16px; line-height: 24px; min-height: 24px; }
.data-editor-unit .media-title { font-weight: bold; }
.data-editor-unit .media-descr { padding: 5px; font-size: 14px; line-height: 21px; min-height: 33px; }
.data-editor-unit textarea.media-descr { resize: vertical; }
.data-editor-unit div.media-descr      { white-space: pre-line; }

.data-editor-unit textarea.media-embed { resize: vertical; height: 200px; line-height: normal; }

.data-editor-unit .video-frame > video    { width: 100%; }
.data-editor-unit .youtube-frame          { position: relative; width: 100%; height: 0; padding-bottom: 51%; }
.data-editor-unit .youtube-frame > iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.data-editor-unit .image-frame       { position: relative; overflow: hidden; }
.data-editor-unit .image-frame img   { margin: 0 auto; max-width: 100%; }
.data-editor-unit .image-frame .img  { width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }

/* tessellation */

.tessellation                     { margin: 0 auto; max-width: 530px; height: 400px; }
.tessellation                     { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; }
.tessellation    > * >  img       { display: none; }
.tessellation    > * > .img       { display: block; }
.tessellation.c1 > * >  img       { display: block; }
.tessellation.c1 > * > .img       { display: none; }

.tessellation                     { height: auto; }
.tessellation > *                 { width: calc(25% - 18px); height: 115px; margin-bottom: 24px; }

.tessellation.c1                  { height: auto; }
.tessellation.c1 > *              { width: 100%; height: 100%; }

.tessellation.c2                  { height: 530px; }
.tessellation.c2 > *              { width: calc(50% - 12px); height: 100%; }

.tessellation.c3                  { height: 530px; }
.tessellation.c3 > *              { width: calc(50% - 12px); height: calc(50% - 12px); }
.tessellation.c3 > *:nth-child(1) { width: 100%; }

.tessellation.c4                  { height: 530px; }
.tessellation.c4 > *              { width: calc(50% - 12px); height: calc(50% - 12px); }

.tessellation.c5                  { height: calc(320px + 24px); }
.tessellation.c5 > *              { width: calc(33.33% - 16px); height: calc(50% - 12px); }
.tessellation.c5 > *:nth-child(1) { width: calc(50% - 12px); }
.tessellation.c5 > *:nth-child(2) { width: calc(50% - 12px); }

.tessellation.c6                  { height: calc(320px + 24px); }
.tessellation.c6 > *              { width: calc(33.33% - 16px); height: calc(50% - 12px); }

.tessellation.c7                  { height: calc(230px + 24px); }
.tessellation.c7 > *              { width: calc(25% - 18px); height: calc(50% - 12px); }
.tessellation.c7 > *:nth-child(1) { width: calc(33.33% - 16px); }
.tessellation.c7 > *:nth-child(2) { width: calc(33.33% - 16px); }
.tessellation.c7 > *:nth-child(3) { width: calc(33.33% - 16px); }

.tessellation.c8                  { height: calc(230px + 24px); }
.tessellation.c8 > *              { width: calc(25% - 18px); height: calc(50% - 12px); }

.tessellation.c9                  { height: calc(480px + 48px); }
.tessellation.c9 > *              { width: calc(33.33% - 16px); height: calc(33% - 16px); }

.tessellation.c10                  { height: calc(345px + 48px); }
.tessellation.c10 > *              { width: calc(25% - 18px); height: calc(33% - 16px); }
.tessellation.c10 > *:nth-child(1) { width: calc(50% - 12px); }
.tessellation.c10 > *:nth-child(2) { width: calc(50% - 12px); }

.tessellation.c11                  { height: calc(345px + 48px); }
.tessellation.c11 > *              { width: calc(25% - 18px); height: calc(33% - 16px); }
.tessellation.c11 > *:nth-child(1) { width: calc(33.33% - 16px); }
.tessellation.c11 > *:nth-child(2) { width: calc(33.33% - 16px); }
.tessellation.c11 > *:nth-child(3) { width: calc(33.33% - 16px); }

.tessellation.c12                  { height: calc(345px + 48px); }
.tessellation.c12 > *              { width: calc(25% - 18px); height: calc(33.33% - 16px); }




.data-editor-unit .audio-frame       { position: relative; overflow: hidden; }
.data-editor-unit .audio-frame audio { margin: 0 auto; width: 100%; }

.data-editor-unit.equation equation                 { display: block; text-align: center; margin: 10px 0; padding: 5px; }
.data-editor-unit.equation equation.editable        { padding: 5px; border: 1px solid #ccc; min-height: 32px; }

.data-editor-unit.equation equation.viewer *      { font-family: KaTeX_Main, "Times New Roman", serif; }
.data-editor-unit.equation equation.viewer .katex { font-size: 2em; }
.data-editor-unit.equation equation.viewer .katex .mathit { font-family: KaTeX_Math; }
.data-editor-unit.equation equation.viewer .katex .op-symbol { font-family: KaTeX_Size1; }
.data-editor-unit.equation equation.editor        { font-size: 1.7em; }
.data-editor-unit.equation equation.editor        { font-family: Symbola, "Times New Roman", serif; }
.data-editor-unit.equation equation.editor *      { font-family: Symbola, "Times New Roman", serif; }
.data-editor-unit.equation equation.editor.mq-math-mode var,
.data-editor-unit.equation equation.editor.mq-math-mode .mq-text-mode,
.data-editor-unit.equation equation.editor.mq-math-mode .mq-nonSymbola { font-family: "Times New Roman", Symbola, serif; }

.data-editor-unit .upload-frame { padding: 30px 30px 10px 30px; }
.data-editor-unit .upload-frame .upload-area { display: none; padding-top: 20px; border: 1px dashed #228dcf; border-radius: 4px; margin-bottom: 20px; font-weight: normal; text-align: center; }
.data-editor-unit .upload-frame .upload-area.hover  { background-color: #f4f9fd; }
.data-editor-unit .upload-frame .upload-area input[type=file] { display: none; }
.data-editor-unit .upload-frame .upload-area label { color: #228dcf; font-size: 16px; text-align: center; }
.data-editor-unit .upload-frame .upload-area .text-grey { font-size: 14px; text-align: center; padding-bottom: 20px; }
.data-editor-unit .upload-frame .upload-content { text-align: center; }
.data-editor-unit .upload-frame .upload-wrap { display: inline-block; position: relative; margin: 0 30px 20px 0; }
.data-editor-unit .upload-frame .upload-wrap .remove-answer { display: none; position: absolute; right: -13px; top: -21px; cursor: pointer; color: #000; opacity: 0.4; }
.data-editor-unit .upload-frame .upload-wrap .upload                    { display: inline-block; width: 320px; height: 55px; overflow: hidden; font-size: 0; border: 1px dashed #228dcf; border-radius: 2px; color: #484848; text-align: left; text-decoration: none; }
.data-editor-unit .upload-frame .upload-wrap .upload > *                { display: inline-block; vertical-align: middle; }
.data-editor-unit .upload-frame .upload-wrap .upload > i                { margin: 0 10px 0 10px; width: 30px; line-height: 55px; font-size: 36px; color: #228dcf; }
.data-editor-unit .upload-frame .upload-wrap .upload .name              { width: 188px; font-size: 14px; color: #228dcf; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; }
.data-editor-unit .upload-frame .upload-wrap .upload .name-edit         { display: none; width: calc(100% - 30px - 20px); }
.data-editor-unit .upload-frame .upload-wrap .upload .name-edit > *     { display: inline-block; vertical-align: middle; }
.data-editor-unit .upload-frame .upload-wrap .upload .name-edit input   { width: calc(100% - 43px); padding: 5px 10px; border-radius: 4px; border: 1px solid #1f3c77; color: #228dcf; font-size: 14px; }
.data-editor-unit .upload-frame .upload-wrap .upload .name-edit .ext    { width: 40px; margin-left: 3px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.data-editor-unit .upload-frame .upload-wrap .upload .download-wrap     { width: 40px; border-left: 1px dashed #228dcf; text-align: center; }
.data-editor-unit .upload-frame .upload-wrap .upload .download-wrap a   { text-decoration: none; }
.data-editor-unit .upload-frame .upload-wrap .upload .download-wrap a i { display: inline-block; line-height: 55px; font-size: 16px; }
.data-editor-unit .upload-frame .upload-wrap .upload .convert-wrap      { width: 40px; border-left: 1px dashed #228dcf; text-align: center; }
.data-editor-unit .upload-frame .upload-wrap .upload .convert-wrap a    { text-decoration: none; }
.data-editor-unit .upload-frame .upload-wrap .upload .convert-wrap a i  { display: inline-block; line-height: 55px; font-size: 16px; }


.data-editor-unit .upload-frame .empty             { display: none; }
.data-editor-unit .upload-frame .progress          { display: none; width: 100%; margin-bottom: 20px; font-size: 14px; text-align: center; }
.data-editor-unit .upload-frame .progress-bar      { display: inline-block; width: calc(50% - 50px); padding: 1px; border: 1px solid #1f3c77; overflow: hidden; }
.data-editor-unit .upload-frame .progress-bar span { display: block; width: 0; height: 8px; background-color: #228dcf; }
.data-editor-unit .upload-frame .progress-text     { display: inline-block; margin-left: 10px; font-size: 14px; }

.data-editor-unit .editor-article.uploading .upload-frame .upload-area { display: none; }
.data-editor-unit .editor-article.uploading .upload-frame .progress { display: block; }
.data-editor-unit .editor-article.uploading .upload-frame .upload-content { display: none; }

.data-editor-unit.editing .upload-frame .upload-area { display: block; }
.data-editor-unit.editing .upload-frame .upload-wrap .remove-answer { display: block; }
.data-editor-unit.editing .upload-frame .upload-wrap .upload .name { display: none; }
.data-editor-unit.editing .upload-frame .upload-wrap .upload .name-edit { display: inline-block; }
.data-editor-unit.editing .upload-frame .upload-wrap .upload .download-wrap { display: none; }
.data-editor-unit.editing .upload-frame .upload-wrap .upload .convert-wrap { display: none; }


/*
 * Upload block - initial section for UPLOAD chapter type
 */
.editor-upload { margin: 30px 0; padding: 15px; position: relative; }
.editor-upload a { text-decoration: none; cursor: pointer; }
.editor-upload a.close { position: absolute; right: 0; top: 0; width: 36px; height: 36px; line-height: 36px; font-size: 36px; text-align: center; cursor: pointer; color: #888; }
.editor-upload a.close:hover { color: #1f3c77; }
.editor-upload .upload-title { display: block; margin: 5px 0 25px 0; width: calc(80% - 50px); font-size: 18px; }
.editor-upload .upload-area { margin-top: 30px; padding-top: 30px; padding-bottom: 10px; border: 1px dashed #228dcf; border-radius: 4px; font-weight: normal; text-align: center; }
.editor-upload .upload-area.hover  { background-color: #f4f9fd; }
.editor-upload .upload-area input[type=file] { display: none; }
.editor-upload .upload-area label { color: #228dcf; font-size: 16px; text-align: center; }
.editor-upload .upload-area .text-grey { font-size: 14px; text-align: center; padding-bottom: 20px; }
.editor-upload .progress          { display: none; width: 100%; margin: 25px 0; font-size: 14px; text-align: center; }
.editor-upload .progress .progress-bar      { display: inline-block; width: calc(50% - 50px); padding: 1px; border: 1px solid #1f3c77; overflow: hidden; }
.editor-upload .progress .progress-bar span { display: block; width: 0; height: 8px; background-color: #228dcf; }
.editor-upload .progress .progress-text     { display: inline-block; margin-left: 10px; font-size: 14px; }

.editor-upload { display: none; }
.editor-upload .upload.uploading .upload-area { display: none; }
.editor-upload .upload.uploading .progress { display: block; }
.editor-upload .upload.uploading + a.close { display: none; }
/*
 * Custom tinymce theme by Pixabay + tweaks by b0ris
 * https://pixabay.com/de/blog/posts/a-modern-custom-theme-for-tinymce-4-40/
 */
.editor-wrap *[class*='mce-'] { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; }
.editor-wrap .mce-throbber { background: #fff; }
.editor-wrap .mce-tinymce button, 
.editor-wrap .mce-panel button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.editor-wrap .mce-panel { background: #fff; filter: none; border: 0 solid #fff; }
.editor-wrap .mce-in .mce-panel { background: #f3f3f3; border-top: 1px solid #ddd; }
.editor-wrap .mce-edit-area { border: 1px solid #ddd!important; }
.editor-wrap .mce-btn-group .mce-first, 
.editor-wrap .mce-btn-group .mce-last { border: 0!important; }
.editor-wrap .mce-toolbar .mce-btn button { padding-top: 3px; padding-bottom: 3px; }
.editor-wrap .mce-toolbar .mce-btn i { color: #555; }
.editor-wrap .mce-toolbar .mce-btn:hover i { color: #333; }
.editor-wrap .mce-toolbar .mce-btn, 
.editor-wrap .mce-toolbar .mce-btn.mce-disabled { background: none!important; filter: none!important; border: 0; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; }
.editor-wrap .mce-toolbar .mce-btn.mce-disabled { opacity: .4!important; filter: alpha(opacity=40)!important; }
.editor-wrap .mce-toolbar .mce-btn.mce-active { background: #eee!important; }
.editor-wrap .mce-floatpanel { -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3); box-shadow: 0 3px 7px rgba(0,0,0,.3); }
.editor-wrap .mce-btn { background: #f0f0f0; }
.editor-wrap .mce-btn:hover { background: #e9e9e9; }
.editor-wrap .mce-primary { background: #7fba00; }
.editor-wrap .mce-primary:hover,
.editor-wrap .mce-primary:focus { background: #88ca00; }
.editor-wrap .mce-primary:active { background: #555; }
.editor-wrap .mce-textbox { -webkit-transition: none; transition: none; }
.editor-wrap .mce-textbox:focus { border-color: #38add7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.editor-wrap .mce-menu-item:hover,
.editor-wrap .mce-menu-item.mce-selected,
.editor-wrap .mce-menu-item:focus { background: #eee; }
.editor-wrap .mce-menu-item:hover .mce-text,
.editor-wrap .mce-menu-item.mce-selected .mce-text { color: #333; }

.editor-wrap .mce-panel { background: #fff; border: 0; }
.editor-wrap .mce-panel.mce-foot { border: 0 solid rgba(0,0,0,.2); }
.editor-wrap .mce-panel.mce-menu { border: 1px solid #cbcbcb; }
.editor-wrap .mce-toolbar .mce-btn { background: #fff; border: 0; }
.editor-wrap .mce-toolbar .mce-btn i { color: #228dcf; }
.editor-wrap .mce-toolbar .mce-btn:hover i { color: #333; }
.editor-wrap .mce-primary { background: #6ba72b; }
.editor-wrap .mce-primary:hover { background: #68a029; }
.editor-wrap .mce-btn-group:not(:first-child) { border-left: 3px solid #fff; }
.editor-wrap .mce-menu-item:hover { background: #eee; }
.editor-wrap .mce-menu-item.mce-disabled * { color: #ddd !important; }
.editor-wrap .mce-edit-area { border: 0 solid #ddd; border-width: 1px !important; }

.editor-wrap .mce-btn .mce-caret { color: #228dcf; border: none; margin: 6px 1px 0 1px !important; line-height: 1px; vertical-align: top; font: normal normal normal 9px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.editor-wrap .mce-btn .mce-caret:before { content: "\f078" }

.editor-wrap .mce-listbox .mce-caret { top: 3px !important; right: 13px !important; }

.editor-wrap .mce-splitbtn .mce-open { padding-right: 8px !important; padding-left: 0 !important; }

.editor-wrap .mce-container-body .mce-container.mce-flow-layout-item.mce-btn-group:nth-of-type(3) .mce-btn.mce-menubtn button { width: 55px; }