/*! Mix-IT© 2015-2024 EMIAGIC, Corp. | All rights reserved | Tous droits réservés | Author: Jimmy Paquereau (jimmy.paquereau@emiagic.com)  | Contributors: Jimmy Paquereau, Anthony PORTALES | This file is part of Mix-IT© framework. For the full copyright and license information, please view the "license" file that was distributed with this source code and EMIAGIC general terms and conditions: https://www.emiagic.com/pdf/cgv.pdf. */

/* === Editor === */

.mi-editor-tinymce{ display: none; }

.mi-editor{ height: 100%; width: 100%; background: #fff; position: relative; overflow: hidden; }
.mi-editor{ display: flex; overflow: hidden; }
.mi-editor-content{ flex-grow: 1; height: 100%; overflow-y: scroll; padding: 1em; }
.mi-editor-content{ background: var(--rows-background); position: relative; }
.mi-editor-views{ min-height: 100%; }
.mi-editor-view{ min-height: 100%; background: #fff; box-shadow: var(--tools-shadow); }
.mi-editor-view:focus{ outline: var(--input-border); outline-style: dashed; outline-width: 1px; box-shadow: none; }
.mi-editor-side{ flex: 0 0 30em; width: 30em; height: 100%; overflow: hidden; }
.mi-editor-side{ display: flex; flex-direction: column; overflow: hidden; }
.mi-editor-side{ background: var(--rows-background); box-shadow: var(--tools-shadow); border-left: var(--input-border); }
.mi-editor-nav{ width: 100%; display: flex; align-items: center; }
.mi-editor-nav{ padding: var(--row-padding);  background: var(--row-background); box-shadow: var(--row-shadow); }
.mi-editor-nav>*{ display: flex; align-items: center; margin-left: var(--row-padding); }
.mi-editor-nav>*:first-child{ margin-left: 0; }
.mi-editor-nav-center{ flex-grow: 1; justify-content: flex-end; }
.mi-editor-nav-icon{ margin-left: var(--row-padding); }
.mi-editor-nav-icon:first-child{ margin-left: 0em; }
.mi-editor-nav-icon:focus{ filter: none; }
.mi-editor-tabs{ width: 100%; flex-grow: 1; overflow: hidden; }
.mi-editor-tabs>*{ width: 100%; height: 100%; position: relative; }
.mi-editor-tabs .off{ display: none; }

.mi-editor.fullscreen{ position: fixed; z-index: 10000; top: 0; left: 0; }
.mi-editor.fullcontent .mi-editor-content{ width: 100%; }
.mi-editor.fullcontent .mi-editor-side{ position: absolute; top: 0em; right: 5em; }
.mi-editor.fullcontent .mi-editor-side{ z-index: 1; height: 2.75em; }
.mi-editor.fullcontent .mi-editor-side.on{ height: 100%; }
.mi-editor.fullcontent .mi-editor-nav-fold{ transform: rotate(180deg); }
.mi-editor.fullcontent .mi-editor-side.on .mi-editor-nav-fold{ transform: rotate(90deg); }

.mi-editor-galery{ display: flex; flex-direction: column; overflow: hidden; }
.mi-editor-galery-list{ width: 100%; flex-grow: 1; padding-top: 1em; overflow-y: scroll; }
.mi-editor-galery-submit{ width: 100%; padding: 1em; text-align: center; background: #fff; }
.mi-editor-galery-add{ width: 100%; }
.mi-editor-galery-set{ padding: 0em 1em 1em 1em; }
.mi-editor-galery-type{ font-weight: bold; font-size: 1.25em; color: #333; padding-bottom: .4em; }
.mi-editor-galery-type{ margin-bottom: .8em; border-bottom: var(--input-border); }
.mi-editor-galery-type:first-child{ margin-top: 0em; }
.mi-editor-galery-buttons{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }
.mi-editor-galery-buttons{ width: calc(100% + 1em); overflow-x: hidden; margin: -.5em; }
.mi-editor-galery-buttons>*{ margin: .5em; }

.mi-editor-views{ display: flex; flex-direction: column; overflow: hidden; }
.mi-editor-views-list{ width: 100%; flex-grow: 1; padding: 1em; overflow-y: scroll; }
.mi-editor-views-item{ margin-bottom: 1em; display: flex; align-items: center; padding: .5em .75em; }
.mi-editor-views-item{ user-select: none; cursor: pointer; background: var(--row-background); }
.mi-editor-views-item:last-child{ margin-bottom: 0em; }
.mi-editor-views-item>*{ margin-right: .5em; }
.mi-editor-views-item>*:last-child{ margin-right: 0em; }
.mi-editor-views-name{ flex-grow: 1; }
.mi-editor-views-icons{ display: flex; align-items: center; }
.mi-editor-views-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .5em; }
.mi-editor-views-icon:last-child{ margin-right: 0em; }
.mi-editor-views-submit{ width: 100%; padding: 1em; text-align: center; background: var(--row-background); box-shadow: var(--row-shadow); }
.mi-editor-views-add{ width: 100%; }

.mi-editor-tree{ padding: .5em; overflow-y: scroll; }

.mi-editor-select{ position: absolute; top: 0; left: 0; width: 0; right: 0; z-index: 10000; }
.mi-editor-select-slot{ background: rgba(255,177,59,.25); } /* #ffb13b */
.mi-editor-select-widget{ background: rgba(46,175,240,.25); } /* #2eaff0 */
.mi-editor-insert{ position: absolute; top: 0; left: 0; width: 0; height: 0; display: block; }
.mi-editor-insert{ outline: 1px solid var(--error-color); }

.mi-widget-button{ cursor: pointer; padding: .5em; user-select: none; }
.mi-widget-button{ background: #ffff; text-align: center; }
.mi-widget-button:hover{ box-shadow: var(--row-shadow); }
.mi-widget-button .mi-widget-icon{ height: 2.75em; width: 2.75em; flex: 0 0 2.75em; margin: auto; }
.mi-widget-button .mi-widget-text{ margin-top: .25em; display: block; flex-grow: 1; }
.mi-widget-button .mi-widget-text{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mi-widget-button.selected{ font-weight: bold; background: var(--error-background); color: var(--error-color); outline: 1px dashed var(--error-color); }

.mi-widget-ul{ margin-top: .25em; cursor: default; }
.mi-widget-ul:first-child{ margin-top: 0em; }
.mi-widget-ul .mi-widget-ul{ display: none; }
.mi-widget-ul .mi-widget-unfold{ display: block; }
.mi-widget-li{ margin-bottom: .5em; }
.mi-widget-li:last-child{ margin-bottom: 0em; }
.mi-widget-li .mi-widget-li{ padding-left: 1.5em; }

.mi-widget-insert{ width: 100%; outline: 1px solid var(--error-color); display: block; }

.mi-widget-item{ display: flex; align-items: center; width: 100%; padding: .5em .75em; }
.mi-widget-item.selected{ background: rgba(46,175,240,.25); }
.mi-widget-item-extra{ width: 1.5em; }
.mi-widget-item-fold{ height: 1em; width: 1em; text-align: center; line-height: 1em; }
.mi-widget-item-fold{ padding: 0em !important; }
.mi-widget-item-left{ width: 1.5em; flex: 0 0 1.5em; display: flex; align-items: center; }
.mi-widget-item-center{ flex-grow: 1; padding: .25em .75em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mi-widget-item-center>*{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mi-widget-item-right{ display: flex; align-items: center; } 
.mi-widget-item-right>*{ margin-left: .25em; }
.mi-widget-item-right>*{ width: 1.5em; height: 1.5em; flex: 0 0 1.5em; cursor: pointer; }
.mi-widget-item .mi-widget-icon{ height: 1.5em; width: 1.5em; margin: auto; }
.mi-widget-item .mi-widget-text{ line-height: 1em; font-weight: bold; }

.mi-widget-form{ height: 100%; display: flex; flex-direction: column; }
.mi-widget-view{ flex-grow: 1; padding: 1em; display: flex; flex-direction: column; }
.mi-widget-view-submit{ padding: .5em; text-align: right; border-top: 1px dashed #dcdcdc; }

.mi-editor-code-dialog-window{ max-width: 50em; }
.mi-editor-code-pre{ max-height: 60vh; min-height: 25em; overflow: scroll !important; }
.mi-editor-code{ height: 100%; width: 100%; }

.mi-widget-rename-dialog-window{ width: 25em; }
.mi-widget-rename-form{ padding: 1em; }
.mi-widget-rename-input{ width: 100%; }
.mi-widget-rename-submit{ padding: 1em; text-align: right; border-top: 1px dashed #dcdcdc; }

@media (max-width: 1100px){
	.mi-editor-content{ width: 100%; }
	.mi-editor-side{ position: relative; margin-left: calc(-100% + 10em); width: calc(100% - 10em); }
	.mi-editor.fullcontent .mi-editor-side{ right: calc(50% - 15em); }
}

/* === Widgets === */

.mi-widget-section-dialog-window{ width: 30em; }
.mi-widget-section-view>*:last-child{ margin-bottom: 0em; }
.mi-widget-section-label{ display: block; margin-bottom: var(--input-padding); font-weight: bold; } 
.mi-widget-section-style{ width: 100%; margin-bottom: var(--input-padding); }
.mi-widget-section-marker{ width: 100%; margin-bottom: var(--input-padding); }
.mi-widget-section-choices{ display: flex; align-items: center; margin-bottom: var(--input-padding); }
.mi-widget-section-choices{ padding: var(--input-padding); background: var(--input-disabled-background); }
.mi-widget-section-choice{ margin-left: var(--input-padding); }
.mi-widget-section-choice:first-child{ margin-left: 0em; }
.mi-widget-section-choice-check{ margin-right: var(--input-padding); }
.mi-widget-section-choice-text{ margin: 0 !important; }
.mi-widget-section-image{ padding: var(--input-padding); margin-bottom: var(--input-padding); cursor: pointer; border: 1px dashed #dcdcdc; }
.mi-widget-section-preview{ 
	height: calc(3 * var(--input-height)); background-color: var(--input-disabled-background); background-image: none; 
	border: var(--input-border); border-bottom: none; 
}
.mi-widget-section-preview{ background-repeat: no-repeat; background-size: cover; background-position: center center; }
.mi-widget-section-src{ 
	width: 100%; padding: 0 var(--input-padding); margin-bottom: var(--input-padding); height: var(--input-height); 
	border: var(--input-border); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 
}
.mi-widget-section-fixed{ display: flex; align-items: center; } 
.mi-widget-section-fixed>*:first-child{ margin-right: var(--input-padding); }
.mi-widget-section-color{ padding: .25em; background: none; border: var(--input-border); }

.mi-widget-split-dialog-window{ width: min(100%, 35em); }
.mi-widget-split-view{ padding: 0em; }
.mi-widget-split-cols{ margin-bottom: .5em; display: flex; align-items: center; }
.mi-widget-split-cols:last-child{ margin-bottom: 0em; }
.mi-widget-split-col{ margin-left: .5em; }
.mi-widget-split-col:first-child{ margin-left: 0em; }
.mi-widget-split-row{ margin-bottom: .5em; }
.mi-widget-split-row:last-child{ margin-bottom: 0em; }
.mi-widget-split-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.mi-widget-split-main{ display: flex; align-items: center; padding: 1em; }
.mi-widget-split-style-col{ flex-grow: 1; }
.mi-widget-split-style{ width: 100%; }
.mi-widget-split-count{ width: 6em; }
.mi-widget-split-columns{ background: #ececec; }
.mi-widget-split-list-label{ padding: 1em; margin-bottom: 0em; }
.mi-widget-split-list{ max-height: 18em; padding: 0em 1em 1em 1em; overflow-y: auto; }
.mi-widget-split-item{ background: #fff; padding: 1em; margin-bottom: 1em; }
.mi-widget-split-width{ width: 100%; display: flex; }
.mi-widget-split-fit{ position: relative; z-index: 1; }
.mi-widget-split-em{ flex-grow: 1; flex: 0 0 4em; border-left: none !important; }
.mi-widget-split-align{ width: 12em; display: flex; }
.mi-widget-split-align>*{ flex: 0 0 6em; }
.mi-widget-split-align>*:last-child{ border-left: none !important; }

.mi-widget-list-dialog-window{ width: 25em; }
.mi-widget-list-view{ padding: 0em; overflow: hidden; }
.mi-widget-list-form{ overflow: hidden; }
.mi-widget-list-rows{ padding: 1em; }
.mi-widget-list-row{ margin-bottom: .5em; }
.mi-widget-list-row:last-child{ margin-bottom: 0em; }
.mi-widget-list-cols{ display: flex; width: 100%; margin-bottom: .5em; }
.mi-widget-list-cols:last-child{ margin-bottom: 0em; }
.mi-widget-list-col{ margin-left: .5em; flex-grow: 1; }
.mi-widget-list-col:first-child{ margin-left: 0em; }
.mi-widget-list-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.mi-widget-list-preview{ flex-grow: 1; padding: 1em; overflow-y: auto; max-height: 10em; background: #ececec; }
.mi-widget-list-preview li{ table-layout: fixed; } 
.mi-widget-list-preview li>span{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.mi-widget-list-preview .ilist-icon{ width: 2.25em; }
.mi-widget-list-preview .ilist-image{ width: 2.25em; }
.mi-widget-list-preview .ilist-src{ height: 1.5em !important; }
.mi-widget-list-preview .ilist-text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.mi-widget-list-style{ width: 100%; }
.mi-widget-list-substyle{ width: 100%; }
.mi-widget-list-count-row{ flex: 0 0 5em; }
.mi-widget-list-count{ width: 100%; }
.mi-widget-list-same-label{ display: flex; align-items: center; }
.mi-widget-list-same-check{ height: 1em; flex: 0 0 1em; margin-right: .5em; }
.mi-widget-list-same-check:before{ display: flex; align-items: center; justify-content: center; font-size: .75em; }
.mi-widget-list-image{ width: 100%; }

.mi-widget-table-dialog-window{ width: fit-content; }
.mi-widget-table-view{ padding: 0em; display: flex; flex-direction: column; overflow: hidden; position: relative; }
.mi-widget-table-rows{ background: #fff; }
.mi-widget-table-row{ margin-bottom: .5em; }
.mi-widget-table-row:last-child{ margin-bottom: 0em; }
.mi-widget-table-cols{ display: flex; width: 100%; margin: auto; }
.mi-widget-table-col{ flex-grow: 1; padding: 1em; border-right: 1px dashed #dcdcdc; }
.mi-widget-table-col:last-child{ border-right: none; }
.mi-widget-table-label{ display: block; margin-bottom: .5em; font-weight: bold; text-align: center; }
.mi-widget-table-tools{ display: flex; align-items: center; justify-content: flex-end; flex-direction: column; }
.mi-widget-table-tools{ user-select: none; padding: .25em; position: absolute; bottom: 8px; right: 8px; z-index: 1; }
.mi-widget-table-tool{ padding: 0em !important; height: 2.25em; width: 2.25em; flex: 0 0 2.25em; }
.mi-widget-table-tool{ cursor: pointer; margin-bottom: .25em; border: 1px solid #dcdcdc; background: #fff; }
.mi-widget-table-tool:last-child{ margin-bottom: 0em; }
.mi-widget-table-tool[disabled]{ background: #ececec; filter: grayscale(1); }
.mi-widget-table-tool:before{ filter: none; }
.mi-widget-table-merge:before{ display: inline-block; margin-right: 0em; background-image: url(/core/img/widgets/merge.png); }
.mi-widget-table-unmerge:before{ display: inline-block; margin-right: 0em; background-image: url(/core/img/widgets/unmerge.png); }
.mi-widget-table-preview{ padding: 1em; height: 25em; width: 40em; display: flex; align-items: center; overflow: auto; background: #dcdcdc; }
.mi-widget-table-preview .table{ width: auto; margin: auto; table-layout: fixed; user-select: none; }
.mi-widget-table-preview .tcell{ padding: .25em .5em; width: 7.5em; white-space: nowrap; border: 1px solid #dcdcdc; }
.mi-widget-table-preview .tcell{ position: relative; }
.mi-widget-table-preview .tcell:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.mi-widget-table-preview .tcell.selected:before{ background: rgba(46,175,240,.25); }
.mi-widget-table-preview .hcell{ text-align: center; background: #ececec; }
.mi-widget-table-preview .bcell{ text-align: center; background: #fff; }
.mi-widget-table-style-input{ width: 100%; }
.mi-widget-table-rows-input{ width: 100%; }
.mi-widget-table-cols-input{ width: 100%; }
.mi-widget-table-heads-input{ width: 100%; }

@media (max-width: 1100px){
	.mi-widget-table-preview{ width: 100%; }
}

.mi-widget-separator-dialog-window{ width: 20em; }
.mi-widget-separator-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.mi-widget-separator-height{ width: 100%; }

.mi-widget-title-dialog-window{ width: 30em; }
.mi-widget-title-cols{ margin-bottom: .5em; display: flex; align-items: center; }
.mi-widget-title-cols:last-child{ margin-bottom: 0em; }
.mi-widget-title-col{ margin-right: .5em; }
.mi-widget-title-col:last-child{ margin-right: 0em; }
.mi-widget-title-col>*{ display: block; margin-top: .5em; }
.mi-widget-title-col>*:first-child{ margin-top: 0em; }
.mi-widget-title-row{ margin-bottom: .5em; }
.mi-widget-title-row:last-child{ margin-bottom: 0em; }
.mi-widget-title-row>*{ display: block; margin-bottom: .5em; }
.mi-widget-title-row>*:last-child{ margin-bottom: 0em; }
.mi-widget-title-label{ font-weight: bold; }
.mi-widget-title-style-col{ flex-grow: 1; }
.mi-widget-title-style{ width: 100%; }
.mi-widget-title-align{ width: 9em; }
.mi-widget-title-marker{ width: 100%; }
.mi-widget-title-text{ width: 100%; }

.mi-widget-text-dialog-window{ width: 40em; }
.mi-widget-text-view{ padding: 1px; }
.mi-widget-text-editor{ min-height: 25em; border: none !important; }

.mi-widget-notice-dialog-window{ width: fit-content; }
.mi-widget-notice-styles{ width: 100%; }
.mi-widget-notice-styles{ display: flex; align-items: center; justify-content: center; }
.mi-widget-notice-style{ margin-right: .5em; flex: 0 0 3em; height: 3em; width: 3em; display: flex; align-items: center; justify-content: center; }
.mi-widget-notice-style{ outline: 1px solid #dcdcdc; background: #fff; }
.mi-widget-notice-style-icon{ width: 2em; height: 2em; margin: auto; }
.mi-widget-notice-style[checked]{ background: #ececec; }
.mi-widget-notice-style:focus{ outline: 1px dashed #000; }
.mi-widget-notice-text{ display: none; margin-top: .5em; height: 10em; }

.mi-widget-link-dialog-window{ width: 25em; }
.mi-widget-link-row{ margin-bottom: .5em; }
.mi-widget-link-row:last-child{ margin-bottom: 0em; }
.mi-widget-link-cols{ display: flex; align-items: center; margin-bottom: .5em; }
.mi-widget-link-cols:last-child{ margin-bottom: 0em; }
.mi-widget-link-cols>*{ flex-grow: 1; margin: 0em; margin-right: .5em; }
.mi-widget-link-cols>*:last-child{ margin-right: 0em; }
.mi-widget-link-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.mi-widget-link-message{ margin-bottom: .5em; }
.mi-widget-link-style{ width: 100%; }
.mi-widget-link-dir{ width: 100%; }
.mi-widget-link-href{ width: 100%; }
.mi-widget-link-title{ width: 100%; }
.mi-widget-link-blank-row{ display: flex; align-items: center; }
.mi-widget-link-blank{ margin-right: .5em; }
.mi-widget-link-slot{ width: 100%; }

.mi-widget-image-dialog-window{ width: 35em; }
.mi-widget-image-view{ padding: 0em; }
.mi-widget-image-preview{ padding: .5em; background-color: #ececec; }
.mi-widget-image-wrap{ padding: .5em; }
.mi-widget-image-image{ height: 10em; width: 100%; cursor: pointer; margin-bottom: .5em; text-align: center; }
.mi-widget-image-image{ background-repeat: no-repeat; background-size: contain; background-position: center center; }
.mi-widget-image-image.cover{ background-size: cover; }
.mi-widget-image-src{ width: 100%; }
.mi-widget-image-src-message{ margin-top: .5em; }
.mi-widget-image-rows{ padding: 1em; }
.mi-widget-image-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.mi-widget-image-message{ margin-bottom: .5em; }
.mi-widget-image-message:last-child{ margin-bottom: 0em; }
.mi-widget-image-row{ display: table; width: 100%; margin-bottom: .5em; }
.mi-widget-image-row:last-child{ margin-bottom: 0em; }
.mi-widget-image-cell{ display: table-cell; padding: 0em .5em 0em .5em; }
.mi-widget-image-cell:first-child{ padding-left: 0em; }
.mi-widget-image-cell:last-child{ padding-right: 0em; }
.mi-widget-image-alt{ width: 100%; margin-bottom: .5em;  }
.mi-widget-image-title{ width: 100%; }
.mi-widget-image-height{ width: 100%; }
.mi-widget-image-sizes{ display: flex; align-items: center; }
.mi-widget-image-size{ display: inline-flex; align-items: center; justify-content: center; flex-grow: 1; }
.mi-widget-image-size{ padding: .25em .5em; margin-right: .5em; background: #ececec; }
.mi-widget-image-size[checked]{ outline: 1px dashed #dcdcdc; }
.mi-widget-image-size:last-child{ margin-right: 0em; }
.mi-widget-image-size input{ margin-right: .5em; }
.mi-widget-image-dialog-window .off{ display: none; }

.mi-widget-audio-dialog-window{ width: 35em; }
.mi-widget-audio-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.mi-widget-audio-message{ margin-bottom: .5em; }
.mi-widget-audio-message:last-child{ margin-bottom: 0em; }
.mi-widget-audio-preview{ height: 5em; padding: 1em; border: 1px dashed #dcdcdc; margin-bottom: .5em; }
.mi-widget-audio-audio{ height: 3em; width: 100%; }
.mi-widget-audio-src{ width: 100%; margin-bottom: .5em; cursor: pointer; }
.mi-widget-audio-alt{ width: 100%; margin-bottom: .5em; cursor: pointer; }
.mi-widget-audio-option{ display: flex; align-items: center; margin-bottom: .25em; }
.mi-widget-audio-option input{ margin-right: .5em; font-weight: normal;  }

.mi-widget-video-dialog-window{ width: 35em; }
.mi-widget-video-view{ padding: 0em; }
.mi-widget-video-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.mi-widget-video-message{ margin-bottom: .5em; }
.mi-widget-video-message:last-child{ margin-bottom: 0em; }
.mi-widget-video-top{ padding: 1em; }
.mi-widget-video-preview{ height: 10em; background: #fff; }
.mi-widget-video-video{ height: 100%; width: 100%; outline: 1px dashed #dcdcdc; }
.mi-widget-video-row{ display: table; table-layout: fixed; width: 100%; margin-bottom: .5em; }
.mi-widget-video-row:last-child{ margin-bottom: 0em; }
.mi-widget-video-cell{ display: table-cell; padding: 0em .5em 0em .5em; }
.mi-widget-video-cell:first-child{ padding-left: 0em; }
.mi-widget-video-cell:last-child{ padding-right: 0em; }
.mi-widget-video-src{ width: 100%; margin-bottom: .5em; cursor: pointer; }
.mi-widget-video-alt{ width: 100%; margin-bottom: .5em; cursor: pointer; }
.mi-widget-video-poster{ width: 100%; }
.mi-widget-video-height{ width: 100%; }
.mi-widget-video-ratio{ width: 100%; }
.mi-widget-video-option{ display: flex; align-items: center; margin-bottom: .25em; }
.mi-widget-video-option input{ margin-right: .5em; font-weight: normal;  }
.mi-widget-video-tabs .mi-tab-views{ height: auto; }
.mi-widget-video-tabs .mi-tab-view{ padding: 1em; }

.mi-widget-youtube-dialog-window{ width: 35em; }
.mi-widget-youtube-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.mi-widget-youtube-message{ margin-bottom: .5em; }
.mi-widget-youtube-message:last-child{ margin-bottom: 0em; }
.mi-widget-youtube-preview{ height: 10em; background: #ececec; margin-bottom: .5em; }
.mi-widget-youtube-video{ height: 100%; width: 100%; }
.mi-widget-youtube-row{ display: table; table-layout: fixed; width: 100%; margin-bottom: .5em; }
.mi-widget-youtube-row:last-child{ margin-bottom: 0em; }
.mi-widget-youtube-cell{ display: table-cell; padding: 0em .5em 0em .5em; }
.mi-widget-youtube-cell:first-child{ padding-left: 0em; }
.mi-widget-youtube-cell:last-child{ padding-right: 0em; }
.mi-widget-youtube-src{ width: 100%; margin-bottom: .5em; }
.mi-widget-youtube-height{ width: 100%; }
.mi-widget-youtube-ratio{ width: 100%; }
.mi-widget-youtube-option{ display: flex; align-items: center; margin-bottom: .25em; }
.mi-widget-youtube-option:last-child{ margin-bottom: 0em; }
.mi-widget-youtube-option input{ margin-right: .5em; font-weight: normal;  }
.mi-widget-youtube-tabs .mi-tab-views{ height: auto; }
.mi-widget-youtube-tabs .mi-tab-view{ padding: 1em; }

.mi-widget-slides-dialog-window{ width: 25em; }
.mi-widget-slides-view{ padding: 0em; }
.mi-widget-slides-preview{ width: 100%; height: 10em; padding: 1em; }
.mi-widget-slides-preview-slides{ border: 1px solid #dcdcdc; background: #ececec; }
.mi-widget-slides-preview-slide{ background: url(/core/img/none/image.png) no-repeat center center / contain; }
.mi-widget-slides-preview .arrow{ background-color: transparent; box-shadow: none; }
.mi-widget-slides-tabs .mi-tab-views{ height: auto; }
.mi-widget-slides-tabs .mi-tab-view{ padding: 1em; }
.mi-widget-slides-title{ font-weight: bold; margin-bottom: .5em; }
.mi-widget-slides-label{ display: block; margin-bottom: .5em; }
.mi-widget-slides-row{ display: table; table-layout: fixed; width: 100%; margin-bottom: .5em; }
.mi-widget-slides-row:last-child{ margin-bottom: 0em; }
.mi-widget-slides-row>*{ display: table-cell; padding-right: .5em; }
.mi-widget-slides-row>*:last-child{ padding-right: 0em; }
.mi-widget-slides-count{ width: 100%; }
.mi-widget-slides-modulo{ width: 100%; }
.mi-widget-slides-height{ width: 100%; }
.mi-widget-slides-dir{ width: 100%; }
.mi-widget-slides-prev{ width: 100%; }
.mi-widget-slides-next{ width: 100%; }
.mi-widget-slides-bullets{ width: 100%; }
.mi-widget-slides-numbers{ width: 100%; }
.mi-widget-slides-click{ width: 100%; }
.mi-widget-slides-drag{ width: 100%; }
.mi-widget-slides-loop{ width: 100%; }
.mi-widget-slides-auto{ width: 100%; }