/* === Help === */

.sensei-help{ display: flex; align-items: center; }
.sensei-help:before{ content: ""; height: 1em; width: 1em; flex: 0 0 1em; margin-right: .5em; }
.sensei-help:before{ background: url(/core/img/actions/help.png) no-repeat center center / contain; }

/* === Icons === */ 

.sensei-biology-icon{ background-image: url(/sensei/img/biology.png); }
.sensei-calendar-icon{ background-image: url(/sensei/img/calendar.png); }
.sensei-catalog-icon{ background-image: url(/sensei/img/catalog.png); }
.sensei-category-icon{ background-image: url(/sensei/img/category.png); }
.sensei-chemestry-icon{ background-image: url(/sensei/img/chemestry.png); }
.sensei-connection-icon{ background-image: url(/sensei/img/connection.png); }
.sensei-contact-icon{ background-image: url(/sensei/img/contact.png); }
.sensei-course-icon{ background-image: url(/sensei/img/course.png); }
.sensei-diploma-icon{ background-image: url(/sensei/img/diploma.png); }
.sensei-exercise-icon{ background-image: url(/sensei/img/exercise.png); }
.sensei-female-icon{ background-image: url(/sensei/img/female.png); }
.sensei-file-icon{ background-image: url(/sensei/img/file.png); }
.sensei-files-icon{ background-image: url(/sensei/img/files.png); }
.sensei-folder-icon{ background-image: url(/sensei/img/folder.png); }
.sensei-geography-icon{ background-image: url(/sensei/img/geography.png); }
.sensei-great-icon{ background-image: url(/sensei/img/great.png); }
.sensei-history-icon{ background-image: url(/sensei/img/history.png); }
.sensei-lecture-icon{ background-image: url(/sensei/img/lecture.png); }
.sensei-lesson-icon{ background-image: url(/sensei/img/lesson.png); }
.sensei-literature-icon{ background-image: url(/sensei/img/literature.png); }
.sensei-male-icon{ background-image: url(/sensei/img/male.png); }
.sensei-maths-icon{ background-image: url(/sensei/img/maths.png); }
.sensei-media-icon{ background-image: url(/sensei/img/folder.png); }
.sensei-message-icon{ background-image: url(/sensei/img/message.png); }
.sensei-nature-icon{ background-image: url(/sensei/img/nature.png); }
.sensei-physics-icon{ background-image: url(/sensei/img/physics.png); }
.sensei-result-icon{ background-image: url(/sensei/img/result.png); }
.sensei-student-icon{ background-image: url(/sensei/img/student.png); }
.sensei-tag-icon{ background-image: url(/sensei/img/tag.png); }
.sensei-teacher-icon{ background-image: url(/sensei/img/teacher.png); }
.sensei-test-icon{ background-image: url(/sensei/img/test.png); }
.sensei-tools-icon{ background-image: url(/sensei/img/tools.png); }
.sensei-topics-icon{ background-image: url(/sensei/img/topics.png); }
.sensei-trade-icon{ background-image: url(/sensei/img/trade.png); }
.sensei-tutorial-icon{ background-image: url(/sensei/img/tutorial.png); }
.sensei-type-icon{ background-image: url(/sensei/img/type.png); }
.sensei-visio-icon{ background-image: url(/sensei/img/visio.png); }
.sensei-winner-icon{ background-image: url(/sensei/img/winner.png); }
.sensei-write-icon{ background-image: url(/sensei/img/write.png); }

/* === Buttons === */

.sensei-media-button:before{ display: inline-block; background-image: url(/sensei/img/folder.png); }

/* === Views === */

/**
 * Action: sensei.course/catalog
 **/

.course-catalog-view{ height: 100%; width: 100%; display: flex; flex-direction: column; position: relative; background: #fff; }
.course-catalog-top{ position: relative; z-index: 10; }
.course-catalog-top{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.course-catalog-title{ padding: .5em; text-align: center; position: relative; z-index: 10; }
.course-catalog-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-catalog-h1{ font-weight: bold; font-size: 1.5em; }
.course-catalog-body{ flex-grow: 1; position: relative; overflow: hidden; }
.course-catalog-body{ background: #dcdcdc; }
.course-catalog-scroll{ height: 100%; width: 100%; overflow-y: auto; padding-bottom: 3.25em; }
.course-catalog-bottom{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em; }
.course-catalog-bottom{ display: flex; align-items: center; justify-content: center; }

.course-catalog-filters{ overflow-x: auto; padding: .75em; display: flex; align-items: center; justify-content: center; }
.course-catalog-filters>*{ margin-right: .5em; }
.course-catalog-filters>*:last-child{ margin-right: 0em; }
.course-catalog-button{ padding: .5em; height: 2.25em; width: 2.25em; }
.course-catalog-button:before{ margin-right: 0em; }
.course-catalog-arian{ flex-grow: 1; margin-left: .5em; font-weight: bold; font-size: 1.125em; }
.course-catalog-arian{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-catalog-search{ position: relative; }
.course-catalog-search-input{ width: 12em; padding: .5em 2.25em .5em .5em; }
.course-catalog-search-icon{ position: relative; position: absolute; height: 1.5em; width: 1.5em; top: .375em; right: .375em; }
.course-catalog-draft{ display: flex; align-items: center; }
.course-catalog-draft-input{ margin-right: .5em; }
.course-catalog-more-tooltip{ padding: .75em; }
.course-catalog-more-item{ display: flex; align-items: center; padding: .5em; cursor: pointer; }
.course-catalog-more-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .5em; }

.course-catalog-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; padding: .5em; }
.course-catalog-cell{ height: 10.875em; margin: .5em; overflow: hidden; }
.course-catalog-cell{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.course-catalog-item{ height: 100%; width: 100%; display: flex; flex-direction: column;position: relative; }
.course-catalog-item-image{ flex-grow: 1; width: 100%; position: relative; }
.course-catalog-item-image{ background-repeat: no-repeat; background-size: 4em 4em; background-position: center center; }
.course-catalog-item-banner{ width: 100%; height: 100%; }
.course-catalog-item-banner{ background-repeat: no-repeat; background-size: cover; background-position: center center; }
.course-catalog-item-type{ position: absolute; top: 0em; right: 0em; }
.course-catalog-item-type{ height: 4em; width: 4em; background-color: #fff; pointer-events: none; }
.course-catalog-item-type{ border-left: 1px dashed #dcdcdc; border-bottom: 1px dashed #dcdcdc; }
.course-catalog-item-type{ background-repeat: no-repeat; background-size: 2.5em 2.5em; background-position: center center; }
.course-catalog-item-tl{ position: absolute; top: 0em; left: 0em; padding: 1em; }
.course-catalog-item-tl>*{ margin-bottom: .125em; }
.course-catalog-item-tl>*:last-child{ margin-bottom: 0em; }
.course-catalog-item-id{ color: #666; }
.course-catalog-item-draft{ font-weight: bold; color: #e13500; }
.course-catalog-item-name{ padding: 0em .8em; font-size: 1.25em; text-align: center; }
.course-catalog-item-name{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-catalog-course-item-name{ padding: 0em; }
.course-catalog-item-title{ display: flex; overflow: hidden; align-items: center; justify-content: center; padding: 0em 1em; }
.course-catalog-item-icons{ display: flex; align-items: center; justify-content: center; }
.course-catalog-item-icons{ padding: .5em; }
.course-catalog-item-icon{ margin-right: .5em; }
.course-catalog-item-icon:last-child{ margin-right: 0em; }
.course-catalog-item-comment{ max-width: 30em; white-space: initial; }

.course-catalog-dialog-window{ width: 60em; }
.course-catalog-dialog-body{ height: 75vh; }
.course-catalog-dialog .course-catalog-title{ display: none; }

@media (max-width: 1100px){
	.course-catalog-grid{ grid-template-columns: 1fr 1fr; }
}

/**
 * Action: sensei.course/list
 **/

/* === Layout === */

.course-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; background: #fff; }

.course-list-top{ position: relative; z-index: 10; }
.course-list-top{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.course-list-title{ padding: .5em; text-align: center; position: relative; z-index: 10; }
.course-list-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-list-h1{ font-weight: bold; font-size: 1.5em; }
.course-list-body{ flex-grow: 1; overflow: hidden; position: relative; background: #dcdcdc; }
.course-list-rows{ height: 100%; width: 100%; padding: 1em 1em 3.25em 1em; overflow-y: scroll; }
.course-list-row{ margin-top: 1em; }
.course-list-row:first-child{ margin-top: 0em; }
.course-list-bottom{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em; }
.course-list-bottom{ display: flex; align-items: center; justify-content: center; }

.course-list-dialog-window{ width: 60em; }
.course-list-dialog-body{ height: 75vh; }
.course-list-dialog .course-list-title{ display: none; }

@media (max-width: 1100px){
	.course-list-title{ text-align: center; }
}

/* === Filters === */

.course-list-filters{ display: flex; align-items: center; justify-content: center; }
.course-list-filters{ overflow-x: auto; width: 100%; padding: .75em 1.5em; }
.course-list-filters>*{ margin-right: .5em; }
.course-list-filters>*:last-child{ margin-right: 0em; }
.course-list-button{ padding: .5em; height: 2.25em; width: 2.25em; }
.course-list-button:before{ margin-right: 0em; }

.course-list-search{ position: relative; width: 12em; }
.course-list-search-input{ padding-right: 2.25em; width: 100%; }
.course-list-search-icon{ height: 1.5em; width: 1.5em; position: absolute; top: .375em; right: .375em; }

/* === Side === */

.course-list-side-tooltip{ position: fixed; top: 0em; right: 0em; z-index: 20; }
.course-list-side-tooltip{ display: flex; flex-direction: column; }
.course-list-side-tooltip{ height: 100%; width: 25em; overflow-y: scroll; }
.course-list-side-tooltip{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-list-side-tooltip>*{ padding: 1em; width: 100%; border-bottom: 1px dashed #dcdcdc; }

.course-list-actions{ display: flex; flex-direction: column; }
.course-list-actions{ padding: .5em; background: #ececec; }
.course-list-actions-ul{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-list-action{ padding: .5em .75em; display: flex; align-items: center; }
.course-list-action{ cursor: pointer; border-bottom: 1px dashed #dcdcdc; }
.course-list-action:last-child{ border-bottom: none; }
.course-list-action-icon{ margin-right: .5em; }
.course-list-action-label{ font-weight: bold; flex-grow: 1; }

.course-list-label{ display: block; text-align: center; font-weight: bold; font-size: 1.125em; margin-bottom: .67em; }

.course-list-draft-list{ padding: .25em; display: flex; flex-direction: column; }
.course-list-draft-list{ max-height: 15.83em; overflow-y: auto; }
.course-list-draft-list{ background: #ececec; }
.course-list-draft-item{ display: flex; align-items: center; margin: .25em; padding: .5em; }
.course-list-draft-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-list-draft-item[checked]{ background: #f0ffe3; }
.course-list-draft-check{ margin-right: .5em; }

.course-list-type-list{ padding: .25em; display: flex; flex-direction: column; }
.course-list-type-list{ max-height: 15.83em; overflow-y: auto; }
.course-list-type-list{ background: #ececec; }
.course-list-type-item{ display: flex; align-items: center; margin: .25em; padding: .5em; }
.course-list-type-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-list-type-item[checked]{ background: #f0ffe3; }
.course-list-type-check{ margin-right: .5em; }

/* === Item === */

.course-list-item{ position: relative; display: block; overflow: hidden; }
.course-list-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-list-item[checked]{ outline: 3px solid #779b59; }
.course-list-item:focus{ outline: 3px solid #aaa; }
.course-list-item:before{ content: ""; position: absolute; left: -3em; top: 0em; height: 100%; width: 3em; } 
.course-list-item:before{ background: url(/sensei/img/child.png) no-repeat .75em center / 1.5em 1.5em; }

.course-list-item-top{ display: flex; width: 100%; }
.course-list-item-main{ flex-grow: 1; display: flex; align-items: center; overflow: hidden; padding: .5em; }
.course-list-item-main>*{ margin-left: .5em; }
.course-list-item-main>*:first-child{ margin-left: 0em; }
.course-list-item-check{ flex: 0 0 1.5em; }
.course-list-item-image{ height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.course-list-item-image{ background-repeat: no-repeat; background-position: center center; background-size: contain; }
.course-list-item-type{ font-size: 1.25em; color: #666; }
.course-list-item-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.course-list-item-title{ font-size: 1.25em; font-weight: bold; }
.course-list-item-icons{ display: flex; align-items: center; justify-content: flex-end; padding: .5em; }
.course-list-item-icon{ margin-right: .25em; font-size: .875em; }
.course-list-item-icon:last-child{ margin-right: 0em; }
.course-list-item-icon[disabled]{ filter: grayscale(1); opacity: .5; }

.course-list-item-history{ display: flex; align-items: center; overflow: hidden; padding: .5em 0em; }
.course-list-item-history{ background: #ececec; }
.course-list-item-history>*{ padding: 0em .75em; border-right: 1px solid #aaa; }
.course-list-item-history>*{ display: flex; align-items: center; justify-content: center; }
.course-list-item-history>*:last-child{ border-right: none; }
.course-list-item-history{ align-items: initial; }
.course-list-item-history label{ margin-right: .25em; }
.course-list-item-history span{ font-weight: bold; }
.course-list-item-draft{ color: #e13500; font-weight: bold; }

@media (max-width: 1100px){ 
	.course-list-item-history>*{ align-items: initial; flex-direction: column; }
}

/**
 * Action: sensei.course/edit
 **/

.course-edit-view{ height: 100%; width: 100%; background: #fff; }
.course-edit-view{ display: flex; flex-direction: column; overflow: hidden; }

.course-edit-title{ line-height: 1em; text-align: center; position: relative; z-index: 20; }
.course-edit-title{ width: 100%; font-size: 1.75em; font-weight: bold; padding: .5em; }
.course-edit-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.course-edit-form{ flex-grow: 1; display: flex; flex-direction: column; overflow-y: auto; }
.course-edit-form{ padding: 2em; background: #ececec; }
.course-edit-block{ padding: 2em; margin-top: 1em; background: #fff; }
.course-edit-block:first-child{ margin-top: 0em; }
.course-edit-row{ margin-top: 1em; position: relative; }
.course-edit-row:first-child{ margin-top: 0em; }
.course-edit-cols{ display: flex; align-items: center; width: 100%; margin-top: 1em; }
.course-edit-cols:first-child{ margin-top: 0em; }
.course-edit-cols>*{ margin-right: 1em; margin-top: 0; }
.course-edit-cols>*:last-child{ margin-right: 0em; }
.course-edit-label{ display: flex; align-items: center; margin-bottom: .5em; font-weight: bold; font-size: 1.125em; }
.course-edit-label>*{ margin-left: 1em; }
.course-edit-label>*:first-child{ margin-left: 0em; }
.course-edit-help{ margin-top: .5em; font-style: italic; text-align: justify; }

.course-edit-submit{ width: 100%; padding: .75em; position: relative; z-index: 20; }
.course-edit-submit{ display: flex; align-items: center; justify-content: center; }
.course-edit-submit{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-edit-submit>*{ margin: 0em .5em; }

.course-edit-id-input{ width: 8em; font-weight: bold; }

.course-edit-draft-input{ display: flex; align-items: center; padding: .375em; }
.course-edit-draft-input{ background: #ececec; border: 1px solid #dcdcdc; }
.course-edit-draft-input[checked]{ background: #e13500; color: #fff; }
.course-edit-draft-check{ margin-right: .5em; border: none; outline: none; }
.course-edit-draft-check[checked]{ border: none; outline: none; }
.course-edit-draft-check[checked]:before{ color: #e13500; }
.course-edit-draft-text{ white-space: nowrap; }

.course-edit-parent-row{ flex-grow: 1; }
.course-edit-parent-input{ flex-grow: 1; display: flex; align-items: center; height: 2.25em; }
.course-edit-parent-input{ cursor: pointer; padding: .5em; border: 1px solid #dcdcdc; }
.course-edit-parent-data{ flex-grow: 1; overflow: hidden; font-size: 1.125em; padding: .5em; }
.course-edit-parent-data{ white-space: nowrap; text-overflow: ellipsis; }
.course-edit-parent-remove{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-left: .5em; }

.course-edit-category-row{ flex-grow: 1; }
.course-edit-category-input{ display: flex; align-items: center; height: 2.25em; overflow: hidden; }
.course-edit-category-input{ cursor: pointer; padding: .5em; border: 1px solid #dcdcdc; }
.course-edit-category-data{ flex-grow: 1; overflow: hidden; font-size: 1.125em; padding: .5em; }
.course-edit-category-data{ white-space: nowrap; text-overflow: ellipsis; }
.course-edit-category-remove{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-left: .5em; }

.course-edit-icon-row{ flex-grow: 1; position: relative; }
.course-edit-icon-input{ height: 8em; background: url(/core/img/none/image.png) no-repeat center center / auto 6em; }
.course-edit-icon-input{ cursor: pointer; border: 1px solid #dcdcdc; background-color: #ececec; }
.course-edit-icon-remove{ position: absolute; top: 0; right: 0; height: 1.5em; width: 1.5em; }
.course-edit-image-row{ flex-grow: 1; position: relative; }
.course-edit-image-input{ height: 8em; background: url(/core/img/none/image.png) no-repeat center center / cover; }
.course-edit-image-input{ cursor: pointer; border: 1px solid #dcdcdc; background-color: #ececec; }
.course-edit-image-remove{ position: absolute; top: 0; right: 0; height: 1.5em; width: 1.5em; }

.course-edit-tags-input{ min-height: 3em; padding-left: 3em; display: flex; position: relative; }
.course-edit-tags-input{ overflow: hidden; background: #ececec; border: 1px solid #dcdcdc; }
.course-edit-tags-add{ position: absolute; top: 0; left: 0; height: 100%; width: 3em; }
.course-edit-tags-add{ background-color: #fff; background-size: 2em 2em; box-shadow: 0px 0px 3px #aaa; }
.course-edit-tags-add:focus{ filter: none; }
.course-edit-tags-items{ padding: .25em; }
.course-edit-tags-item{ margin: .25em; display: inline-flex; vertical-align: middle; align-items: center; }
.course-edit-tags-item{ padding: .5em .75em; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-edit-tags-remove{ margin-left: .5em; }

.course-edit-title-input{ width: 100%; }
.course-edit-description-input{ height: 15em; }
.course-edit-content-input{ height: 100%; width: 100%; }

.course-edit-dialog-window{ width: 45em; max-height: min(40em, 100%); }
.course-edit-dialog .course-edit-title{ display: none; }
.course-edit-dialog .course-edit-block{ background: none; padding: 0em; }

@media (max-width: 1100px){
	.course-edit-dialog-window{ width: 100%; }
}

/**
 * Action: sensei.course/write
 **/

.course-write-view{ height: 100%; width: 100%; background: #fff; }
.course-write-view{ display: flex; flex-direction: column; overflow: hidden; }

.course-write-title{ line-height: 1em; text-align: center; position: relative; z-index: 20; }
.course-write-title{ width: 100%; font-size: 1.75em; font-weight: bold; padding: .5em; }
.course-write-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.course-write-form{ flex-grow: 1; display: flex; flex-direction: column; overflow-y: auto; }

.course-write-editor{ height: 100%; width: 100%; }

.course-write-submit{ width: 100%; padding: .75em; position: relative; z-index: 20; }
.course-write-submit{ display: flex; align-items: center; justify-content: center; }
.course-write-submit{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-write-submit>*{ margin: 0em .5em; }

.course-write-dialog-window{ width: 100%; height: calc(100vh - 2em); }
.course-write-dialog .course-write-title{ display: none; }

/**
 * Action: sensei.course/show
 **/
 
.course-show-view{ height: 100%; width: 100%; overflow: hidden; background: #ececec; }
.course-show-view{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.course-show-center{ height: 100%; width: 100%; max-width: 60em; }
.course-show-center{ display: flex; flex-direction: column; overflow: hidden; }
.course-show-center{ background: #fff; }
.course-show-controls{ padding: .75em 1.5em; }
.course-show-controls{ display: flex; align-items: center; justify-content: flex-end; }
.course-show-controls{ background: #ececec; }
.course-show-controls>*{ margin-right: .75em; }
.course-show-controls>*:last-child{ margin-right: 0em; }
.course-show-tabs{ flex-grow: 1; overflow: hidden; }
.course-show-tab{ display: flex; padding: 3em; height: 100%; width: 100%; }
.course-show-tab{ flex-direction: column; overflow-y: auto; }
.course-show-init-tab{ align-items: center; justify-content: center; }
.course-show-complete-tab{ align-items: center; justify-content: center; }
.course-show-tab-view{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.course-show-slide-view{ align-items: initial; }
.course-show-tab-view>*{ margin-bottom: 10pt; }
.course-show-tab-view>*:last-child{ margin-bottom: 0pt; }
.course-show-tab-header{ padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px dashed #dcdcdc; }
.course-show-submit{ padding: .75em 1.5em; }
.course-show-submit{ display: flex; align-items: center; justify-content: center; }
.course-show-submit{ border-top: 1px dashed #dcdcdc; }
.course-show-submit>*{ margin-right: .75em; }
.course-show-submit>*:last-child{ margin-right: 0em; }

.course-show-title{ font-size: 1.75em; font-weight: bold; text-align: center; }
.course-show-init-view{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.course-show-init-view>*{ margin-bottom: 5pt; }
.course-show-init-view>*:last-child{ margin-bottom: 0pt; }
.course-show-init-icon{ margin: auto; height: 5em; width: 5em; }
.course-show-init-title{ text-align: center; }
.course-show-init-type{ display: flex; align-items: center; }
.course-show-init-type-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: 5pt; }
.course-show-init-type-text{ font-size: 1.25em; }
.course-show-init-description{ text-align: center; }
.course-show-complete-icon{ margin: auto; height: 5em; width: 5em; }
.course-show-complete-title{ margin: .5em 0em; }

.course-show-dialog-window{ height: calc(100vh - 2em); width: 60em; }
.course-show-dialog-window .course-show-controls{ display: none; }

@media (max-width: 1100px){
	.course-show-center{ max-width: initial; }
}

/**
 * Action: sensei.course/config
 **/

.course-config-view{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.course-config-view{ padding: 2em; background: #dcdcdc; }
.course-config-ul{ display: flex; }
.course-config-li{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.course-config-li{ flex: 0 0 15em; width: 15em; padding: 2em; margin-right: 1em; cursor: pointer; }
.course-config-li{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-config-li:last-child{ margin-right: 0em; }
.course-config-icon{ height: 4em; width: 4em; margin-bottom: 1em; }
.course-config-text{ font-size: 1.25em; font-weight: bold; }

.course-config-dialog-window{ width: fit-content; }
.course-config-dialog-header{ display: none; }
.course-config-dialog .course-config-title{ display: none; } 

@media (max-width: 1100px){
	.course-config-ul{ width: 100%; grid-template-columns: 1fr; }
	.course-config-li{ margin-right: 0em; margin-bottom: 1em; }
	.course-config-li:last-child{ margin-bottom: 0em; }
	.course-config-dialog-window{ width: auto; }
}

/**
 * Action: sensei.type/list
 **/

.course-type-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden; }
.course-type-list-top{ position: relative; }

.course-type-list-title{ text-align: center; position: relative; }
.course-type-list-title{ font-size: 1.625em; font-weight: bold; z-index: 2; padding: .375em; }
.course-type-list-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.course-type-list-filters{ display: flex; align-items: center; justify-content: center; padding: .75em; }
.course-type-list-filters{ position: relative; z-index: 1; }
.course-type-list-filters{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.course-type-list-filters>*{ margin-right: 1em; }
.course-type-list-filters>*:last-child{ margin-right: 0em; }

.course-type-list-search{ position: relative; }
.course-type-list-search-input{ width: 12em; padding: .5em 2.25em .5em .5em; }
.course-type-list-search-icon{ position: absolute; height: 1.5em; width: 1.5em; top: .375em; right: .375em; }
.course-type-list-search-icon{ background-repeat: no-repeat; background-size: contain; }

.course-type-list-body{ flex-grow: 1; overflow: hidden; }

.course-type-list-table{ padding: 1em; overflow: hidden; height: 100%; width: 100%; display: flex; flex-direction: column; }
.course-type-list-head{ padding: 0em calc(.5em + 8px) 0em .5em; border: 1px solid #dcdcdc; background: #fff; }
.course-type-list-rows{ flex-grow: 1; overflow-y: scroll; background: #ececec; padding: .5em; }
.course-type-list-rows{ border: 1px solid #dcdcdc; border-top: none; }
.course-type-list-row{ display: table; table-layout: fixed; width: 100%; }
.course-type-list-brow{ background: #fff; box-shadow: 0px 0px 3px #aaa; margin-bottom: .5em; }
.course-type-list-brow:last-child{ margin-bottom: 0em; }
.course-type-list-brow[checked]{ background: #f0ffe3; outline: 3px solid #779b59; }
.course-type-list-brow:focus{ outline: 3px solid #aaa; }
.course-type-list-td{ display: table-cell; vertical-align: middle; text-align: left; position: relative; }
.course-type-list-td{ line-height: 1.125em; padding: .5em; border-right: 1px dotted #dcdcdc; }
.course-type-list-td{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-type-list-td:last-child{ border-right: none; }
.course-type-list-th{ display: table-cell; vertical-align: middle; text-align: left; }
.course-type-list-th{ line-height: 1.125em; padding: .5em; border-right: 1px dotted #dcdcdc; }
.course-type-list-th{ text-align: center; font-weight: bold; }
.course-type-list-icon{ display: inline-block; vertical-align: middle; margin-right: .25em; cursor: pointer; }
.course-type-list-icon{ background-repeat: no-repeat; background-size: contain; background-position: center center; }
.course-type-list-icon:last-child{ margin-right: 0em; }

.course-type-list-col-check{ width: 3em; }
.course-type-list-td-check{ text-align: center; }
.course-type-list-col-icon{ width: 4em; }
.course-type-list-td-icon{ background-repeat: no-repeat; background-size: 2em 2em; background-position: center center; }
.course-type-list-col-code{ width: 12em; }
.course-type-list-td-code{ font-weight: bold; text-transform: lowercase; }
.course-type-list-name{ font-weight: bold; font-size: 1.25em; margin-right: .5em; }
.course-type-list-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-type-list-comment{ width: 100%; font-size: 1.125em; margin-top: .25em; }
.course-type-list-comment{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-type-list-col-children{ width: 5em; }
.course-type-list-td-children{ text-align: center; }
.course-type-list-children{ font-weight: bold; text-decoration: underline; }
.course-type-list-col-options{ width: 5em; }
.course-type-list-td-options{ text-align: center; }
.course-type-list-options-icon{ margin: auto; }
.course-type-list-option{ display: flex; align-items: center; margin-bottom: .375em; }
.course-type-list-option:last-child{ margin-bottom: 0em; }
.course-type-list-option-check{ background: none !important; margin-right: .5em; }
.course-type-list-col-icons{ width: 6em; }
.course-type-list-td-icons{ text-align: center; }

.course-type-list-items{ display: grid; grid-template-columns: 33.33% 33.33% 33.33%; grid-auto-rows: min-content; }
.course-type-list-items{ height: 100%; width: 100%; padding: .5em; overflow-y: scroll; }
.course-type-list-items{ background: #dcdcdc; }
.course-type-list-li{ margin: .5em; }
.course-type-list-item{ display: flex; flex-direction: column; position: relative; }
.course-type-list-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-type-list-item[checked]{ background: #f0ffe3; outline: 3px solid #779b59; }
.course-type-list-item:focus{ outline: 3px solid #aaa; }
.course-type-list-item-check{ position: absolute; top: 1em; left: 1em; }
.course-type-list-item-data{ padding: 1em; text-align: center; }
.course-type-list-item-icon{ height: 5em; margin-bottom: .5em; }
.course-type-list-item-icon{ background: url(/sensei/img/type.png) no-repeat center center / contain; }
.course-type-list-item-code{ text-transform: lowercase; font-size: 1.5em; margin-bottom: .125em; display: none; color: #666; }
.course-type-list-item-name{ font-size: 1.25em; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.course-type-list-item-comment{ margin-top: .25em; }
.course-type-list-item-comment{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.course-type-list-item-icons{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.course-type-list-item-icons{ border-top: 1px dashed #dcdcdc; }
.course-type-list-item-icons>*{ margin: 0em .25em; }

.course-type-list-dialog-window{ width: 60em; height: calc(100vh - 2em); }
.course-type-list-dialog-body{  }
.course-type-list-dialog .course-type-list-title{ display: none; }

@media (max-width: 1100px){
	.course-type-list-col-children{ display: none; }
	.course-type-list-col-options{ display: none; }
}

/**
 * Action: sensei.type/edit
 **/

.course-type-edit-view{ height: 100%; width: 100%; background: #fff; }
.course-type-edit-view{ display: flex; overflow: hidden; flex-direction: column; align-items: center; justify-content: center; }

.course-type-edit-tab-buttons{ display: flex; align-items: center; flex: 0 0 3.5em; width: 100%; overflow: hidden; padding: .75em 1.5em 0em 1.5em; }
.course-type-edit-tab-buttons{ background: #ececec; box-shadow: inset 0px 0px 3px #aaa; }
.course-type-edit-tab-button{ padding: .75em 1.5em; margin-right: .75em; cursor: pointer; position: relative; margin-bottom: -1px; }
.course-type-edit-tab-button:last-child{ margin-right: 0em; }
.course-type-edit-tab-button{ outline: 1px solid #dcdcdc; }
.course-type-edit-tab-button.selected{ background: #fff; color: #000; }
.course-type-edit-tab-button:focus{ background: #000; color: #fff; }
.course-type-edit-tab-views{ flex-grow: 1; overflow-y: auto; width: 100%; }
.course-type-edit-tab-view{ padding: 2em; }
.course-type-edit-submit{ width: 100%; text-align: center; padding: .5em; }
.course-type-edit-submit{ box-shadow: 0px 0px 3px #aaa; }

.course-type-edit-block{ margin-bottom: 2em; outline: 3px dashed #dcdcdc; padding: 1em; }
.course-type-edit-block:last-child{ margin-bottom: 0em; }
.course-type-edit-block:focus{ outline-color: #000; }
.course-type-edit-row{ margin-bottom: .75em; }
.course-type-edit-row:last-child{ margin-bottom: 0em; }
.course-type-edit-title{ display: block; text-align: center; font-size: 2em; padding: .375em; }
.course-type-edit-title{ font-weight: bold; }
.course-type-edit-subtitle{ display: block; font-weight: bold; margin-bottom: .75em; width: 100%; }
.course-type-edit-subtitle:first-child{ margin-top: 0em; }
.course-type-edit-help{ display: block; font-style: italic; margin-bottom: 1em; }
.course-type-edit-help:last-child{ margin-bottom: 0em; }
.course-type-edit-label{ display: block; white-space: nowrap; margin-bottom: .5em; font-weight: bold; }
.course-type-edit-label sup{ font-weight: bold; }
.course-type-edit-label>*{ display: inline-block; vertical-align: middle; margin-right: .5em; }
.course-type-edit-option{ display: flex; align-items: center; margin-bottom: .75em; }
.course-type-edit-option{ background: #ececec; padding: .375em; }
.course-type-edit-option:focus{ background: #000; color: #fff; }
.course-type-edit-option:last-child{ margin-bottom: 0em; }
.course-type-edit-option>*{ margin-right: .5em; }
.course-type-edit-option>*:last-child{ margin-right: 0em; }

.course-type-edit-icon-input{ background-repeat: no-repeat; background-position: center center; }
.course-type-edit-icon-input{ background-color: #fff; border: 1px dashed #dcdcdc; cursor: pointer;	 }
.course-type-edit-icon-input{ height: 5em; width: 100%; background-size: 4em 4em; }
.course-type-edit-icon-input:focus{ background-color: #000; }
.course-type-edit-code-input{ width: 100%; text-transform: uppercase; }
.course-type-edit-name-input{ width: 100%; }
.course-type-edit-comment-input{ width: 100%; height: 6em; }
.course-type-edit-children-input{ min-height: 2.25em; padding: .25em; margin-bottom: .5em; }
.course-type-edit-children-input{ background: #ececec; border: 1px dashed #dcdcdc; }
.course-type-edit-child{ display: inline-flex; align-items: center; padding: .5em; margin: .25em; }
.course-type-edit-child{ background: #fff; }
.course-type-edit-child-name{ flex-grow: 1; padding: 0em .5em; }
.course-type-edit-child-remove{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }

.course-type-edit-dialog-window{ width: 45em; }
.course-type-edit-dialog .course-type-edit-view{ padding: 0em; max-height: 40em; }
.course-type-edit-dialog .course-type-edit-title{ display: none; }

/**
 * Action: sensei.category/list
 **/

.course-category-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }

.course-category-list-title{ padding: .375em; text-align: center; font-size: 1.5em; font-weight: bold; }
.course-category-list-title{ position: relative; z-index: 2; background: #fff; box-shadow: 0px 0px 3px #aaa; }

.course-category-list-filters{ display: flex; align-items: center; justify-content: center; padding: .75em; }
.course-category-list-filters{ position: relative; z-index: 1; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.course-category-list-filters>*{ display: inline-flex; align-items: center; margin-right: 1em; position: relative; }
.course-category-list-filters>*:last-child{ margin-right: 0em; }

.course-category-list-search{ position: relative; }
.course-category-list-search-input{ width: 12em; padding: .5em 2.25em .5em .5em; }
.course-category-list-search-icon{ position: relative; position: absolute; height: 1.5em; width: 1.5em; top: .375em; right: .375em; }

.course-category-list-body{ flex-grow: 1; padding: .5em; overflow-y: auto; background: #dcdcdc; }
.course-category-list-items{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }
.course-category-list-li{ height: 12em; margin: .5em; overflow: hidden; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-category-list-item{ height: 100%; width: 100%; display: flex; flex-direction: column; position: relative; }
.course-category-list-item:focus{ outline: 3px solid #aaa; }
.course-category-list-item[checked]{ outline: 3px solid #0a0; }
.course-category-list-check{ position: absolute; top: .75em; left: .75em; }
.course-category-list-data{ flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.course-category-list-icon{ flex-grow: 1; width: 3em; height: 3em; }
.course-category-list-icon{ background-position: center center; background-repeat: no-repeat; background-size: contain; }
.course-category-list-texts{ padding: .5em; }
.course-category-list-texts>*{ margin-bottom: .25em; }
.course-category-list-texts>*:last-child{ margin-bottom: 0em; }
.course-category-list-unique{ display: flex; width: 100%; overflow: hidden; }
.course-category-list-name{ flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-category-list-name{ font-weight: bold; }
.course-category-list-count{ margin-left: .25em; }
.course-category-list-id{ color: #666; }
.course-category-list-comment{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-category-list-icons{ display: flex; align-items: center; justify-content: flex-end; }
.course-category-list-icons{ padding: .5em; background: #ececec; }
.course-category-list-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .5em; }
.course-category-list-icon:last-child{ margin-right: 0em; }

.course-category-list-dialog-window{ width: 50em; }
.course-category-list-dialog-body{ height: 40em; }
.course-category-list-dialog .course-category-list-title{ display: none; }
.course-category-list-dialog .course-category-list-items{ grid-template-columns: 1fr 1fr 1fr; }

@media (max-width: 1100px){
	.course-category-list-items{ grid-template-columns: 1fr 1fr; }
}

/**
 * Action: sensei.category/edit
 **/

.course-category-edit-view{ height: 100%; width: 100%; }
.course-category-edit-view{ display: flex; flex-direction: column; overflow: hidden; }
.course-category-edit-title{ padding: .375em; text-align: center; font-size: 1.5em; font-weight: bold; }
.course-category-edit-title{ position: relative; z-index: 1; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-category-edit-rows{ flex-grow: 1; background: #dcdcdc; padding: 1em; overflow-y: auto; }
.course-category-edit-row{ margin-top: 1em; padding: 1em; overflow: hidden; }
.course-category-edit-row{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-category-edit-row:first-child{ margin-top: 0em; }
.course-category-edit-cols{ display: flex; margin-top: 1em; overflow: hidden; }
.course-category-edit-cols:first-child{ margin-top: 0em; }
.course-category-edit-cols>*{ margin: 0em; margin-right: 1em; }
.course-category-edit-cols>*:last-child{ margin-right: 0em; }
.course-category-edit-label{ display: block; margin-bottom: .5em; }
.course-category-edit-input{ width: 100%; }
.course-category-edit-submit{ padding: .5em; position: relative; z-index: 1; text-align: center; }
.course-category-edit-submit{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.course-category-edit-icon-row{ flex: 0 0 4em; position: relative; }
.course-category-edit-icon-input{ height: 4em; width: 4em; cursor: pointer; }
.course-category-edit-icon-input{ background-repeat: no-repeat; background-position: center; background-size: contain; }
.course-category-edit-icon-remove{ position: absolute; top: 0; right: 0; height: 1.5em; width: 1.5em; }
.course-category-edit-id-row{ flex: 0 0 9em; }
.course-category-edit-id-input{ width: 100%; padding: .5em; height: 2.25em; font-weight: bold; }
.course-category-edit-id-input{ border: 1px solid #dcdcdc; background: #ececec; }
.course-category-edit-parent-row{ flex-grow: 1; }
.course-category-edit-parent-input{ display: flex; align-items: center; padding: .5em; overflow: hidden; }
.course-category-edit-parent-input{ border: 1px solid #dcdcdc; }
.course-category-edit-parent-name{ flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-category-edit-parent-edit{ margin-left: .5em; height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.course-category-edit-parent-remove{ margin-left: .5em; height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.course-category-edit-name-row{ flex-grow: 1; }
.course-category-edit-name-input{ width: 100%; }
.course-category-edit-comment-input{ width: 100%; height: 4.5em; }

.course-category-edit-dialog-window{ width: 40em; }
.course-category-edit-dialog .course-category-edit-title{ display: none; }
.course-category-edit-dialog .course-category-edit-rows{ max-height: 25em; }

@media (max-width: 1100px){
	
}

/**
 * Action: sensei.course/category/add
 **/

.course-category-add-view{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.course-category-add-view{ padding: 2em; background: #dcdcdc; }
.course-category-add-ul{ display: grid; width: 45em; }
.course-category-add-ul{ grid-template-columns: 1fr 1fr; }
.course-category-add-li{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.course-category-add-li{ padding: 2em; margin-right: 1em; cursor: pointer; }
.course-category-add-li{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-category-add-li:last-child{ margin-right: 0em; }
.course-category-add-icon{ height: 4em; width: 4em; margin-bottom: 1em; }
.course-category-add-text{ font-size: 1.25em; font-weight: bold; }

.course-category-add-dialog-window{ width: fit-content; }
.course-category-add-dialog-header{ display: none; }
.course-category-add-dialog .course-category-add-title{ display: none; } 

@media (max-width: 1100px){
	.course-category-add-ul{ width: 100%; grid-template-columns: 1fr; }
	.course-category-add-li{ margin-right: 0em; margin-bottom: 1em; }
	.course-category-add-li:last-child{ margin-bottom: 0em; }
	.course-category-add-dialog-window{ width: auto; }
}

/**
 * Action: sensei.tag/list
 **/

.course-tag-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }
.course-tag-list-top{ position: relative; }

.course-tag-list-title{ padding: .375em; text-align: center; font-size: 1.5em; font-weight: bold; }
.course-tag-list-title{ position: relative; z-index: 2; background: #fff; box-shadow: 0px 0px 3px #aaa; }

.course-tag-list-filters{ display: flex; align-items: center; justify-content: center; padding: .75em; }
.course-tag-list-filters{ position: relative; z-index: 1; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.course-tag-list-filters>*{ display: inline-flex; align-items: center; margin-right: 1em; position: relative; }
.course-tag-list-filters>*:last-child{ margin-right: 0em; }

.course-tag-list-search{ position: relative; }
.course-tag-list-search-input{ width: 12em; padding: .5em 2.25em .5em .5em; }
.course-tag-list-search-icon{ position: relative; position: absolute; height: 1.5em; width: 1.5em; top: .375em; right: .375em; }

.course-tag-list-body{ flex-grow: 1; padding: .5em; overflow-y: auto; background: #dcdcdc; }
.course-tag-list-items{ display: grid; grid-template-columns: 1fr; }
.course-tag-list-li{ margin: .5em; }
.course-tag-list-children .course-tag-list-li{ margin: 1em 0em 0em 3em; }
.course-tag-list-item{ width: 100%; display: flex; align-items: center; padding: .5em .75em; }
.course-tag-list-item{  background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-tag-list-item>*{ margin-right: .75em; }
.course-tag-list-item>*:last-child{ margin-right: 0em; }
.course-tag-list-item:focus{ outline: 3px solid #aaa; }
.course-tag-list-item[checked]{ background: #f0ffe3; outline: 3px solid #0a0; }
.course-tag-list-icon{ height: 2em; width: 2em; flex: 0 0 2em; }
.course-tag-list-data{ flex-grow: 1; display: flex; overflow: hidden; align-items: center; }
.course-tag-list-name{ flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-tag-list-name{ font-weight: bold; }
.course-tag-list-count{ display: none; }
.course-tag-list-id{ margin-left: .75em; color: #666; }
.course-tag-list-comment{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-tag-list-icons{ display: flex; align-items: center; }
.course-tag-list-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .375em; }
.course-tag-list-icon:last-child{ margin-right: 0em; }
.course-tag-list-open{ display: none; }
.course-tag-list-push{ display: none; }

.course-tag-list-dialog-window{ width: 35em; height: 35em; }
.course-tag-list-dialog .course-tag-list-title{ display: none; }
.course-tag-list-dialog .course-tag-list-items{ grid-template-columns: 1fr; }
.course-tag-list-dialog .course-tag-list-body{ height: 24em; }

@media (max-width: 1100px){
	.course-tag-list-items{ grid-template-columns: 1fr; }
	.course-tag-list-body{ height: auto !important; }
	.course-tag-list-dialog-window{ height: calc(100vh - 2em) !important; }
}

/**
 * Action: sensei.tag/edit
 **/

.course-tag-edit-view{ height: 100%; width: 100%; }
.course-tag-edit-view{ display: flex; flex-direction: column; }
.course-tag-edit-title{ padding: .375em; text-align: center; font-size: 1.5em; font-weight: bold; }
.course-tag-edit-title{ position: relative; z-index: 1; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-tag-edit-rows{ flex-grow: 1; background: #dcdcdc; padding: 1em; overflow-y: auto; }
.course-tag-edit-row{ margin-bottom: 1em; padding: 1em; overflow: hidden; }
.course-tag-edit-row{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.course-tag-edit-row:last-child{ margin-bottom: 0em; }
.course-tag-edit-cols{ display: flex; margin-bottom: 1em; overflow: hidden; }
.course-tag-edit-cols:last-child{ margin-bottom: 0em; }
.course-tag-edit-cols>*{ margin: 0em; margin-right: 1em; }
.course-tag-edit-cols>*:last-child{ margin-right: 0em; }
.course-tag-edit-label{ display: block; margin-bottom: .5em; }
.course-tag-edit-input{ width: 100%; }
.course-tag-edit-submit{ padding: .5em; position: relative; z-index: 1; text-align: center; }
.course-tag-edit-submit{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.course-tag-edit-icon-row{ flex: 0 0 6em; }
.course-tag-edit-icon-input{ height: 4em; width: 4em; cursor: pointer; }
.course-tag-edit-icon-input{ background-repeat: no-repeat; background-position: center; background-size: contain; }
.course-tag-edit-id-row{ flex-grow: 1; }
.course-tag-edit-id-input{ width: 100%; padding: .5em; height: 2.25em; font-weight: bold; }
.course-tag-edit-id-input{ border: 1px solid #dcdcdc; background: #ececec; }
.course-tag-edit-name-row{ margin-bottom: 0em; }
.course-tag-edit-name-input{ width: 100%; }
.course-tag-edit-parent-row{ flex-grow: 1; display: none; }
.course-tag-edit-parent-input{ display: flex; align-items: center; padding: .5em; overflow: hidden; }
.course-tag-edit-parent-input{ border: 1px solid #dcdcdc; }
.course-tag-edit-parent-name{ flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course-tag-edit-parent-edit{ margin-left: .5em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.course-tag-edit-parent-remove{ margin-left: .5em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.course-tag-edit-comment-row{ display: none; }
.course-tag-edit-comment-input{ width: 100%; height: 6em; }

.course-tag-edit-dialog-window{ width: 25em; }
.course-tag-edit-dialog .course-tag-edit-title{ display: none; }