/**
 * NC4 Framework (https://github.com/NC-4/NC4)
 * © NC4 Project.
 *
 * Licensed under The FreeBSD License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @author  　　一般社団法人 教育のための科学研究所 <https://www.s4e.jp/>
 * @author  　　国立研究開発法人 科学技術振興機構 <https://www.jst.go.jp/>
 * @author  　　リーディング・スキル・テスト株式会社 <https://www.rstest.co.jp/>
 * @copyright  NC4 Project
 * @since      4.0.0
 * @license    https://opensource.org/licenses/BSD-2-Clause FreeBSD License
 */

/* stylelint-disable */
/* csslint important: false */

/**
 * Wysiwyg枠
 */
.mce-content-body  {
    margin: 1rem;
}

/**
 * wysiwygの画像中央寄せ
 */
.block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/**
 * フレーム Wysiwyg内 Youtube対応
 */
.nc4-frame iframe {
    max-width: 100%;
}

/**
 * WysiwygのTexダイアログのpreviewで.tox :not(svg):not(rect)」のスタイルがTexのスタイルを
 * 上書きしてしまうため対処
 */
.nc4-tex-preview {
    background-color: #ddd !important;
    box-sizing: border-box;
    font-size: 14px !important;
    height:80px !important;
    line-height:0 !important;
    margin: 0 !important;
    overflow-y: scroll;
    padding: 5px !important;
    text-align: left !important;
}
.nc4-tex-preview * {/* csslint allow: universal-selector */
    vertical-align: middle !important;
}

.nc4-tex-preview .MJX-TEX{ font-family:MJXZERO, MJXTEX}
.nc4-tex-preview .TEX-B {font-family:MJXZERO, MJXTEX-B}
.nc4-tex-preview .TEX-I {font-family:MJXZERO, MJXTEX-I}
.nc4-tex-preview .TEX-MI {font-family:MJXZERO, MJXTEX-MI}
.nc4-tex-preview .TEX-BI {font-family:MJXZERO, MJXTEX-BI}
.nc4-tex-preview .TEX-S1 {font-family:MJXZERO, MJXTEX-S1}
.nc4-tex-preview .TEX-S2 {font-family:MJXZERO, MJXTEX-S2}
.nc4-tex-preview .TEX-S3 {font-family:MJXZERO, MJXTEX-S3}
.nc4-tex-preview .TEX-S4 {font-family:MJXZERO, MJXTEX-S4}
.nc4-tex-preview .TEX-A {font-family:MJXZERO, MJXTEX-A}
.nc4-tex-preview .TEX-C {font-family:MJXZERO, MJXTEX-C}
.nc4-tex-preview .TEX-CB {font-family:MJXZERO, MJXTEX-CB}
.nc4-tex-preview .TEX-FR {font-family:MJXZERO, MJXTEX-FR}
.nc4-tex-preview .TEX-FRB {font-family:MJXZERO, MJXTEX-FRB}
.nc4-tex-preview .TEX-SS {font-family:MJXZERO, MJXTEX-SS}
.nc4-tex-preview .TEX-SSB {font-family:MJXZERO, MJXTEX-SSB}
.nc4-tex-preview .TEX-SSI {font-family:MJXZERO, MJXTEX-SSI}
.nc4-tex-preview .TEX-SC {font-family:MJXZERO, MJXTEX-SC}
.nc4-tex-preview .TEX-T {font-family:MJXZERO, MJXTEX-T}
.nc4-tex-preview .TEX-V {font-family:MJXZERO, MJXTEX-V}
.nc4-tex-preview .TEX-VB {font-family:MJXZERO, MJXTEX-VB}

/**
 * wysiwyg 書籍検索
 */
div.nc4-wysiwyg-book {
    display:flex;
    /*max-width: 750px;
    height: 200px;*/
    margin: 10px auto !important;
}
div.nc4-wysiwyg-book .nc4-wysiwyg-book-title {
    font-size: 1.1em;
    margin: 5px 0;
}
div.nc4-wysiwyg-book .nc4-wysiwyg-book-check {
    align-items: center;
    border-right: 1px solid #c0b7b7;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0 5px;
}

div.nc4-wysiwyg-book input[type=checkbox] {
    height: 20px;
    width: 20px;
}

div.nc4-wysiwyg-book .nc4-wysiwyg-book-img {
    margin: 5px;
}
div.nc4-wysiwyg-book .nc4-wysiwyg-book-img img{
    width:100%;
    /* height:100%; */
}

div.nc4-wysiwyg-book .nc4-wysiwyg-book-text{
    margin: 0;
    width:100%;
}

/**
 * wysiwyg 書籍検索
 */
div.nc4-wysiwyg-book {
    display:flex;
    /*max-width: 750px;
    height: 200px;*/
    margin: 10px auto !important;
}
div.nc4-wysiwyg-book .nc4-wysiwyg-book-title {
    font-size: 1.1em;
    margin: 5px 0;
}
div.nc4-wysiwyg-book .nc4-wysiwyg-book-check {
    align-items: center;
    border-right: 1px solid #c0b7b7;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0 5px;
}

div.nc4-wysiwyg-book input[type=checkbox] {
    height: 20px;
    width: 20px;
}

div.nc4-wysiwyg-book .nc4-wysiwyg-book-img {
    margin: 5px;
}
div.nc4-wysiwyg-book .nc4-wysiwyg-book-img img{
    width:100%;
    /* height:100%; */
}

div.nc4-wysiwyg-book .nc4-wysiwyg-book-text{
    margin: 0;
    width:100%;
}

/**
 * wysiwyg内のフォーム
 */
.tox .tox-form__group {
    margin-bottom: 10px !important;
}
.tox .tox-form__group .tox-label {
    margin-bottom: 4px;
}
.tox .tox-form__group .tox-imagepreview {
    margin-top: -4px;
}

/* csslint important: true */
/* stylelint-enable */