/* === Icons === */ 

.kronos-action-icon{ background-image: url(/kronos/img/action.png); }
.kronos-actions-icon{ background-image: url(/kronos/img/actions.png); }
.kronos-content-icon{ background-image: url(/kronos/img/content.png); }
.kronos-date-icon{ background-image: url(/kronos/img/date.png); }
.kronos-dir-icon{ background-image: url(/kronos/img/dir.png); }
.kronos-nodate-icon{ background-image: url(/kronos/img/nodate.png); }
.kronos-files-icon{ background-image: url(/kronos/img/files.png); }
.kronos-location-icon{ background-image: url(/kronos/img/location.png); }
.kronos-note-icon{ background-image: url(/kronos/img/note.png); }
.kronos-remind-icon{ background-image: url(/kronos/img/remind.png); }
.kronos-solve-icon{ background-image: url(/core/img/actions/edit.png); filter: grayscale(1) brightness(0); }
.kronos-sort-icon{ background-image: url(/core/img/actions/sort.png); }
.kronos-states-icon{ background-image: url(/core/img/actions/config.png); }
.kronos-time-icon{ background-image: url(/kronos/img/time.png); }
.kronos-types-icon{ background-image: url(/core/img/actions/config.png); }

.kronos-canceled-icon{ background-image: url(/kronos/img/canceled.png); }
.kronos-done-icon{ background-image: url(/kronos/img/done.png); }
.kronos-pending-icon{ background-image: url(/kronos/img/pending.png); }
.kronos-todo-icon{ background-image: url(/kronos/img/todo.png); }

/* === Buttons === */

.kronos-icons-button:before{ background-image: url(/core/img/actions/config.png); }
.kronos-priorities-button:before{ background-image: url(/core/img/actions/config.png); }
.kronos-states-button:before{ display: inline-block; background-image: url(/core/img/actions/config.png); }
.kronos-types-button:before{ display: inline-block; background-image: url(/core/img/actions/config.png); }

/* === Views === */

/**
 * Action: kronos.action/notes
 **/

/* List */ 

.action-notes-view{ height: 100%; width: 100%; position: relative; display: flex; flex-direction: column; }

.action-notes-top{ display: flex; align-items: center; justify-content: center; padding: .5em; } 
.action-notes-top{ position: relative; z-index: 40; background: #fff; box-shadow: 0px 0px 3px #aaa; }

.action-notes-title{ padding: .25em; position: relative; z-index: 40; }
.action-notes-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-notes-title{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-notes-h1{ font-size: 1.5em; }

.action-notes-buttons{ display: flex; align-items: center; margin-left: .5em; }
.action-notes-buttons>*{ margin-right: .5em; }
.action-notes-buttons>*:last-child{ margin-right: 0em; }

.action-notes-add{ padding: .5em; }
.action-notes-add:before{ margin-right: 0em; }

.action-notes-more{ padding: .5em; }
.action-notes-more:before{ margin-right: 0em; }
.action-notes-more-tooltip{ width: 15em; padding: 1px; display: none; }
.action-notes-more-item{ width: 100%; display: flex; align-items: center; padding: .75em 1.5em; }
.action-notes-more-item{ cursor: pointer; white-space: nowrap; border-bottom: 1px dashed #dcdcdc; }
.action-notes-more-item:last-child{ border-bottom: none; }
.action-notes-more-item:before{ content: ""; height: 1.25em; width: 1.25em; margin-right: .75em; }
.action-notes-more-item:before{ background-repeat: no-repeat; background-position: center center; background-size: contain; }
.action-notes-more-item:focus{ font-weight: bold; }

.action-notes-filters{ display: flex; width: 100%; align-items: center; justify-content: center; padding: .5em 1em; }
.action-notes-filters{ position: relative; z-index: 30; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-notes-filters>*{ margin-right: .5em; }
.action-notes-filters>*:last-child{ margin-right: 0em; }

.action-notes-filter-tooltip{ display: none; white-space: nowrap; padding: 1px; text-align: center; min-width: 18em; }
.action-notes-filter-item{ display: flex; align-items: center; padding: .5em; cursor: pointer; }
.action-notes-filter-item{ border-bottom: 1px dashed #dcdcdc; }
.action-notes-filter-item:last-child{ border-bottom: none; }
.action-notes-filter-item[checked]{ background: #f0ffe3; }
.action-notes-filter-item-check{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.action-notes-filter-item-icon + .action-notes-filter-item-check{ display: none !important; }
.action-notes-filter-item-icon{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.action-notes-filter-item-icon{ background-repeat: no-repeat; background-size: contain; background-position: center center; }

.action-notes-search{ display: flex; align-items: center; }
.action-notes-search-input{ padding-right: 2.25em; width: 12em; }
.action-notes-search-icon{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; margin-left: -2.25em; }
.action-notes-search-icon{ background-size: 1.5em 1.5em; }
.action-notes-search-input.off + .action-notes-search-icon{ margin: 0em; }
.action-notes-search-input.off + .action-notes-search-icon{ background-color: #fff; border: 1px solid #dcdcdc; }

.action-notes-contact{ display: flex; align-items: center; overflow: hidden; }
.action-notes-contact{ background-color: #fff; border: 1px solid #dcdcdc; }
.action-notes-contact-icon{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; }
.action-notes-contact-icon{ box-shadow: 0px 0px 3px #aaa; }
.action-notes-contact-icon{ background: url(/kontakt/img/unknown.png) no-repeat center center / cover; }
.action-notes-contact-remove{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; background-size: 1.5em 1.5em; }

.action-notes-body{ flex-grow: 1; overflow: hidden; position: relative; }
.action-notes-items{ height: 100%; width: 100%; padding: .5em .5em 3em .5em; overflow-y: scroll; background: #dcdcdc; }
.action-notes-items{ display: grid; grid-template-columns: repeat(3, 33.33%); grid-auto-rows: max-content; }

.action-notes-bottom{ padding: .5em; display: flex; align-items: center; justify-content: center; }
.action-notes-bottom{ position: absolute; bottom: 0; left: 0; width: 100%; }

.action-notes-row{ margin: .5em; }

.action-notes-side{ position: absolute; top: 0; right: 0; width: calc(100% - 10em); height: 100%; }
.action-notes-side{ z-index: 50; box-shadow: 0px 0px 3px #aaa; }
.action-notes-side .action-edit-title{ display: none; }

.action-notes-dialog-window{ max-width: 60em; }
.action-notes-dialog-body{ height: 75vh; }
.action-notes-dialog .action-notes-title{ display: none; }

@media (max-width: 1100px){
	.action-notes-side{ width: calc(100% - 5em); }
}

/* Item */

.action-notes-item{ position: relative; display: flex; flex-direction: column; }
.action-notes-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-notes-select-item{ background-color: #ececec; }
.action-notes-select-item[checked]{ background-color: #fff; }

.action-notes-item-icons{ display: flex; align-items: center; justify-content: flex-end; padding: .5em; }
.action-notes-item-icon{ margin-left: .5em; height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-notes-item-icon:first-child{ margin-left: 0em; }
.action-notes-item-icon[disabled]{ filter: grayscale(1); opacity: .5; }

.action-notes-item-data{ flex-grow: 1; text-align: center; padding: 1.5em; }
.action-notes-item-data{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-notes-item-middle{ flex-grow: 1; display: flex; overflow: hidden; }
.action-notes-item-middle{ flex-direction: column; align-items: center; justify-content: center; }
.action-notes-item-title{ flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-notes-item-title{ font-size: 1.5em; font-weight: bold; }
.action-notes-item-picto{ margin-top: .125em; display: flex; align-items: center; justify-content: center; }
.action-notes-item-picto-uri{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; pointer-events: none; }
.action-notes-item-picto-text{ margin-left: .5em; white-space: nowrap; font-size: 1em; color: #666; }

.action-notes-item-uid{ margin-top: .16em; font-size: .75em; white-space: nowrap; }

.action-notes-item-top{ display: flex; align-items: center; border-bottom: 1px dashed #dcdcdc; }

.action-notes-item-select{ padding: .625em; }

.action-notes-item-states{ display: flex; align-items: center; padding: .625em; }
.action-notes-item-states>*{ margin-right: .625em; }
.action-notes-item-states>*:last-child{ margin-right: 0em; }

.action-notes-item-state{ display: flex; align-items: center; justify-content: center; }
.action-notes-item-state{ font-weight: bold; background: none !important; }
.action-notes-item-state-value{ display: flex; align-items: center; }
.action-notes-item-state-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-notes-item-state-icon[disabled]{ filter: none; opacity: 1; }
.action-notes-item-state-text{ padding-left: .375em; font-size: 1.125em; white-space: nowrap; }
.action-notes-item-solve{ position: relative; cursor: pointer; margin-left: .375em; }
.action-notes-item-solve-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-notes-item-solve-warning{ position: absolute; bottom: -.25em; right: -.25em; }
.action-notes-item-solve-warning{ display: flex; align-items: center; justify-content: center; }
.action-notes-item-solve-warning{ height: 1.25em; width: 1.25em; border-radius: 50%; }

.action-notes-item-priority{ display: flex; align-items: center; background: none !important; }
.action-notes-item-priority-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-notes-item-priority-icon[disabled]{ filter: none; }
.action-notes-item-priority-text{ font-size: 1.125em; margin-left: .375em; font-weight: bold; white-space: nowrap; }

.action-notes-item-fill{ flex-grow: 1; }
.action-notes-item-children{ position: relative; }
.action-notes-item-count{ position: absolute; top: -.375em; right: -.375em; font-size: .625em; }
.action-notes-item-count{ overflow: hidden; display: flex; align-items: center; justify-content: center; }
.action-notes-item-count{ height: 2em; width: 2em; font-weight: bold; background: #000; color: #fff; border-radius: 50%; }
.action-notes-item-more{ background-size: 1.75em; width: 1.25em; flex: 0 0 1.25em; }

@media (max-width: 1100px){
	.action-notes-item{ flex-direction: column; }
	.action-notes-item-icons{ background: #ececec; }
}

.action-notes-item-center{ display: flex; border-top: 1px dashed #dcdcdc; }

/**
 * Action: kronos.action/models
 **/

/* List */ 

.action-models-view{ height: 100%; width: 100%; position: relative; display: flex; flex-direction: column; }

.action-models-top{ display: flex; align-items: center; justify-content: center; padding: .5em; } 
.action-models-top{ position: relative; z-index: 40; background: #fff; box-shadow: 0px 0px 3px #aaa; }

.action-models-title{ padding: .25em; position: relative; z-index: 40; }
.action-models-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-models-title{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-models-h1{ font-size: 1.5em; text-align: center; }

.action-models-buttons{ display: flex; align-items: center; margin-left: .5em; }
.action-models-buttons>*{ margin-right: .5em; }
.action-models-buttons>*:last-child{ margin-right: 0em; }

.action-models-add{ padding: .5em; }
.action-models-add:before{ margin-right: 0em; }

.action-models-more{ padding: .5em; }
.action-models-more:before{ margin-right: 0em; }
.action-models-more-tooltip{ width: 15em; padding: 1px; display: none; }
.action-models-more-item{ width: 100%; display: flex; align-items: center; padding: .75em 1.5em; }
.action-models-more-item{ cursor: pointer; white-space: nowrap; border-bottom: 1px dashed #dcdcdc; }
.action-models-more-item:last-child{ border-bottom: none; }
.action-models-more-item:before{ content: ""; height: 1.25em; width: 1.25em; margin-right: .75em; }
.action-models-more-item:before{ background-repeat: no-repeat; background-position: center center; background-size: contain; }
.action-models-more-item:focus{ font-weight: bold; }

.action-models-filters{ display: flex; width: 100%; align-items: center; justify-content: center; padding: .5em 1em; }
.action-models-filters{ overflow-x: auto; position: relative; z-index: 30; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-models-filters>*{ margin-right: .5em; }
.action-models-filters>*:last-child{ margin-right: 0em; }

.action-models-filter-tooltip{ display: none; white-space: nowrap; padding: 1px; text-align: center; min-width: 18em; }
.action-models-filter-item{ display: flex; align-items: center; padding: .5em; cursor: pointer; }
.action-models-filter-item{ border-bottom: 1px dashed #dcdcdc; }
.action-models-filter-item:last-child{ border-bottom: none; }
.action-models-filter-item[checked]{ background: #f0ffe3; }
.action-models-filter-item-check{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.action-models-filter-item-icon + .action-models-filter-item-check{ display: none !important; }
.action-models-filter-item-icon{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.action-models-filter-item-icon{ background-repeat: no-repeat; background-size: contain; background-position: center center; }

.action-models-search{ display: flex; align-items: center; }
.action-models-search-input{ padding-right: 2.25em; width: 12em; }
.action-models-search-icon{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; margin-left: -2.25em; }
.action-models-search-icon{ background-size: 1.5em 1.5em; }
.action-models-search-input.off + .action-models-search-icon{ margin: 0em; }
.action-models-search-input.off + .action-models-search-icon{ background-color: #fff; border: 1px solid #dcdcdc; }

.action-models-body{ flex-grow: 1; overflow: hidden; position: relative; }
.action-models-items{ height: 100%; width: 100%; padding: 1em 1em 3.25em 1em; overflow-y: scroll; background: #dcdcdc; }

.action-models-bottom{ padding: .5em; display: flex; align-items: center; justify-content: center; }
.action-models-bottom{ position: absolute; bottom: 0; left: 0; width: 100%; }

.action-models-row{ margin-top: 1em; }
.action-models-row:first-child{ margin-top: 0em; }

.action-models-row-child{ margin-top: 1em; padding-left: 1em; }

.action-models-side{ position: absolute; top: 0; right: 0; width: calc(100% - 10em); height: 100%; }
.action-models-side{ z-index: 50; box-shadow: 0px 0px 3px #aaa; }
.action-models-side .action-edit-title{ display: none; }

.action-models-dialog-window{ max-width: 60em; }
.action-models-dialog-body{ height: 75vh; }
.action-models-dialog .action-models-title{ display: none; }

@media (max-width: 1100px){
	.action-models-side{ width: calc(100% - 5em); }
}

/* Item */

.action-models-item{ position: relative; display: flex; }
.action-models-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-models-item[checked]{ background-color: #f0ffe3; }

.action-models-item-icons{ display: flex; align-items: center; justify-content: flex-end; padding: .5em; }
.action-models-item-icon{ margin-right: .5em; height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-models-item-icon:last-child{ margin-right: 0em; }
.action-models-item-icon[disabled]{ filter: grayscale(1); opacity: .5; }

.action-models-item-data{ flex-grow: 1; display: flex; overflow: hidden; align-items: center; padding: .75em; }
.action-models-item-data>*{ margin-right: .5em; }
.action-models-item-data>*:last-child{ margin-right: 0em; }
.action-models-item-check{ flex: 0 0 1.5em; }
.action-models-item-picto{ display: flex; align-items: center; height: auto; width: auto; flex: 0; }
.action-models-item-picto-uri{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-models-item-picto-text{ display: none; padding-left: .25em; white-space: nowrap; }
.action-models-item-type{ display: flex; display: none; align-items: center; }
.action-models-item-type-icon{ height: 1.75em; width: 1.75em; flex: 0 0 1.75em; pointer-events: none; }
.action-models-item-type-text{ margin-left: .5em; white-space: nowrap; font-size: 1.25em; color: #666; }
.action-models-item-middle{ flex-grow: 1; overflow: hidden; }
.action-models-item-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-models-item-title{ font-size: 1.25em; font-weight: bold; }
.action-models-item-uid{ font-style: italic; white-space: nowrap; }

.action-models-item-children{ position: relative; }
.action-models-item-count{ position: absolute; top: -.375em; right: -.375em; font-size: .625em; }
.action-models-item-count{ overflow: hidden; display: flex; align-items: center; justify-content: center; }
.action-models-item-count{ height: 2em; width: 2em; font-weight: bold; background: #000; color: #fff; border-radius: 50%; }

@media (max-width: 1100px){
	.action-models-item{ flex-direction: column; }
	.action-models-item-icons{ background: #ececec; }
}

.action-models-item-center{ display: flex; border-top: 1px dashed #dcdcdc; }

/**
 * Action: kronos.action/list
 **/

/* List */ 

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

.action-list-head{ position: relative; z-index: 30; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
	
.action-list-top{ display: flex; align-items: center; justify-content: center; padding: .5em; } 
.action-list-top{ position: relative; z-index: 40; background: #fff; box-shadow: 0px 0px 3px #aaa; }

.action-list-title{ margin-right: 1em; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-list-h1{ font-size: 1.5em; }

.action-list-buttons{ display: flex; align-items: center; margin-left: .5em; }
.action-list-buttons>*{ margin-right: .5em; }
.action-list-buttons>*:last-child{ margin-right: 0em; }

.action-list-select{ padding: .5em; }
.action-list-select:before{ margin-right: 0em; }

.action-list-add{ padding: .5em; }
.action-list-add:before{ margin-right: 0em; display: inline-block !important; background-image: url(/img/action/add.png) !important; }

.action-list-more{ padding: .5em; }
.action-list-more:before{ margin-right: 0em; }
.action-list-more-tooltip{ width: 15em; padding: 1px; display: none; }
.action-list-more-item{ width: 100%; display: flex; align-items: center; padding: .75em 1.5em; }
.action-list-more-item{ cursor: pointer; white-space: nowrap; border-bottom: 1px dashed #dcdcdc; }
.action-list-more-item:last-child{ border-bottom: none; }
.action-list-more-item:before{ content: ""; height: 1.25em; width: 1.25em; margin-right: .75em; }
.action-list-more-item:before{ background-repeat: no-repeat; background-position: center center; background-size: contain; }
.action-list-more-item:focus{ font-weight: bold; }

.action-list-date{ filter: none; border: 1px solid #dcdcdc; background-size: 1.25em 1.25em; }
.action-list-date{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; background-color: #fff; }

.action-list-filters{ display: flex; width: 100%; align-items: center; justify-content: center; }
.action-list-filters{ overflow-x: auto; position: relative; padding: .5em 1em; }
.action-list-filters>*{ margin-right: .5em; }
.action-list-filters>*:last-child{ margin-right: 0em; }

.action-list-filter-tooltip{ display: none; white-space: nowrap; padding: 1px; text-align: center; min-width: 18em; }
.action-list-filter-item{ display: flex; align-items: center; padding: .5em; cursor: pointer; }
.action-list-filter-item{ border-bottom: 1px dashed #dcdcdc; }
.action-list-filter-item:last-child{ border-bottom: none; }
.action-list-filter-item[checked]{ background: #f0ffe3; }
.action-list-filter-item-check{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.action-list-filter-item-icon + .action-list-filter-item-check{ display: none !important; }
.action-list-filter-item-icon{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.action-list-filter-item-icon{ background-repeat: no-repeat; background-size: contain; background-position: center center; }

.action-list-contact{ display: flex; align-items: center; overflow: hidden; flex: 0 0 4.75em; }
.action-list-contact{ background-color: #fff; border: 1px solid #dcdcdc; }
.action-list-contact-icon{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; }
.action-list-contact-icon{ box-shadow: 0px 0px 3px #aaa; }
.action-list-contact-icon{ background: url(/kontakt/img/unknown.png) no-repeat center center / cover; }
.action-list-contact-remove{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; background-size: 1.5em 1.5em; }

.action-list-search{ display: flex; align-items: center; }
.action-list-search-input{ padding: .5em 2.5em .5em .75em; width: 12em; }
.action-list-search-icon{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; margin-left: -2.25em; }
.action-list-search-icon{ background-size: 1.5em 1.5em; }
.action-list-search-input.off + .action-list-search-icon{ margin: 0em; background-size: 1.25em 1.25em; }
.action-list-search-input.off + .action-list-search-icon{ background-color: #fff; border: 1px solid #dcdcdc; }

.action-list-body{ flex-grow: 1; overflow: hidden; position: relative; }
.action-list-items{ height: 100%; width: 100%; padding: 1em 1em 3.25em 1em; overflow-y: scroll; background: #dcdcdc; }

.action-list-bottom{ padding: .5em; display: flex; align-items: center; justify-content: center; }
.action-list-bottom{ position: absolute; bottom: 0; left: 0; width: 100%; }

.action-list-row{ margin-top: 1em; }
.action-list-row:first-child{ margin-top: 0em; }

.action-list-row-child{ margin-top: 1em; padding-left: 1em; }

.action-list-side-wrap{ align-items: flex-end; }
.action-list-side-window{ width: calc(100% - 15em); height: calc(100% - 3.25em); }
.action-list-side .action-list-head{ display: none; }

/*
.action-list-side{ position: absolute; top: 0; right: 0; width: calc(100% - 10em); height: 100%; }
.action-list-side{ z-index: 50; box-shadow: 0px 0px 3px #aaa; }
.action-list-side .action-edit-title{ display: none; }
*/
.action-list-dialog-window{ max-width: 60em; }
.action-list-dialog-body{ height: 75vh; }
.action-list-dialog .action-list-title{ display: none; }
/*
@media (max-width: 1100px){
	.action-list-side{ width: calc(100% - 5em); }
}
*/
/* Item */

.action-list-item{ position: relative; display: block; }
.action-list-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-list-item[checked]{ outline: 3px solid #779b59; }

.action-list-item-top{ display: flex; width: 100%; }

.action-list-item-icons{ display: flex; align-items: center; justify-content: flex-end; padding: .5em; }
.action-list-item-icon{ position: relative; margin-right: .5em; height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-list-item-icon:last-child{ margin-right: 0em; }
.action-list-item-icon[disabled]{ filter: grayscale(1); opacity: .5; }

.action-list-item-data{ flex-grow: 1; display: flex; overflow: hidden; align-items: center; padding: .75em; }
.action-list-item-data>*{ margin-right: .5em; }
.action-list-item-data>*:last-child{ margin-right: 0em; }
.action-list-item-check{ flex: 0 0 1.5em; }
.action-list-item-picto{ display: flex; align-items: center; height: auto; width: auto; flex: 0; }
.action-list-item-picto-uri{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-list-item-picto-text{ display: none; padding-left: .25em; white-space: nowrap; }
.action-list-item-middle{ flex-grow: 1; overflow: hidden; }
.action-list-item-title{ flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-list-item-title{ font-size: 1.375em; font-weight: bold; }
.action-list-item-uid{ font-style: italic; white-space: nowrap; }

.action-list-item-count{ position: absolute; top: -.375em; right: -.375em; font-size: .625em; }
.action-list-item-count{ overflow: hidden; display: flex; align-items: center; justify-content: center; }
.action-list-item-count{ height: 2em; width: 2em; font-weight: bold; background: #000; color: #fff; border-radius: 50%; }

.action-list-item-remind-count{ position: absolute; top: -.375em; right: -.375em; font-size: .625em; }
.action-list-item-remind-count{ overflow: hidden; display: flex; align-items: center; justify-content: center; }
.action-list-item-remind-count{ height: 2em; width: 2em; font-weight: bold; background: #000; color: #fff; border-radius: 50%; }

.action-list-item-center{ padding: .375em; overflow-x: auto; display: flex; overflow: hidden; }
.action-list-item-center{ background: #ececec; border-top: 1px dashed #dcdcdc; }
.action-list-item-center>*{ margin-right: .375em; user-select: none; background: #fff; }
.action-list-item-center>*:last-child{ margin-right: 0em; }

.action-list-item-type{ display: flex; align-items: center; padding: .375em .75em; }
.action-list-item-type{ display: none; font-weight: bold; }
.action-list-item-type-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; pointer-events: none; }
.action-list-item-type-text{ padding-left: .375em; font-size: 1.125em; flex-grow: 1; white-space: nowrap; }

.action-list-item-state{ display: flex; align-items: center; justify-content: center; padding: .375em .75em; }
.action-list-item-state{ width: 10em; font-weight: bold; background: #fff; }
.action-list-item-state-value{ display: flex; align-items: center; justify-content: center; flex-grow: 1; }
.action-list-item-state-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-list-item-state-icon[disabled]{ filter: none; opacity: 1; }
.action-list-item-state-text{ padding-left: .375em; font-size: 1.125em; white-space: nowrap; }
.action-list-item-solve{ position: relative; cursor: pointer; margin-left: .375em; }
.action-list-item-solve-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-list-item-solve-warning{ position: absolute; bottom: -.25em; right: -.25em; }
.action-list-item-solve-warning{ display: flex; align-items: center; justify-content: center; }
.action-list-item-solve-warning{ height: 1.25em; width: 1.25em; border-radius: 50%; }

.action-list-item-priority{ display: flex; align-items: center; justify-content: center; padding: .375em .75em; }
.action-list-item-priority{ width: 8em; font-weight: bold; background: #fff; }
.action-list-item-priority-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-list-item-priority-text{ padding-left: .375em; font-size: 1.125em; white-space: nowrap; }

.action-list-item-period{ display: flex; align-items: center; padding: .375em .75em; }
.action-list-item-period{ font-weight: bold; }
.action-list-item-period-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-list-item-period-text{ padding-left: .375em; font-size: 1.125em; flex-grow: 1; white-space: nowrap; }

.action-list-item-time{ display: flex; align-items: center; padding: .375em .75em; }
.action-list-item-time{ font-weight: bold; }
.action-list-item-time-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-list-item-time-text{ padding-left: .375em; font-size: 1.125em; flex-grow: 1; white-space: nowrap; }

.action-list-item-range{ display: flex; align-items: center; padding: .375em .75em; }
.action-list-item-range-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-list-item-range-text{ padding-left: .375em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.action-list-item-range-text{ display: flex; align-items: center; }
.action-list-item-range-name{ font-size: 1.125em; font-weight: bold; }
.action-list-item-range-comment{ display: none; }
.action-list-item-range-text>*{ margin-right: .375em; }
.action-list-item-range-text>*:last-child{ margin-right: 0em; }

.action-list-item-contact{ display: flex; align-items: center; white-space: nowrap; position: relative; }
.action-list-item-contact[disabled]{ filter: grayscale(1); }
.action-list-item-contact-value{ display: flex; align-items: center; }
.action-list-item-contact-icon{ position: relative; display: none; height: 2.5em; width: 2.5em; }
.action-list-item-contact-icon[disabled]{ filter: grayscale(1); }
.action-list-item-contact-count{ position: absolute; top: 0; right: 0; height: 2em; width: 2em; border-radius: 50%; }
.action-list-item-contact-count{ overflow: hidden; z-index: 1; display: flex; align-items: center; justify-content: center; }
.action-list-item-contact-count{ background: #000; color: #fff; font-size: .625em; padding: .5em;  }
.action-list-item-contact-image{ background-size: cover; background-repeat: no-repeat; background-position: center center; filter: none; }
.action-list-item-contact-image{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; }
.action-list-item-contact-first-image{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; }
.action-list-item-contact-image{ background-image: url(/kontakt/img/unknown.png); }
.action-list-item-contact-name{ padding: 0 .75em; }
.action-list-item-contact-first{ margin-left: 0em; }
.action-list-item-contact-first-name{ display: none; }
.action-list-item-contact-more{ font-weight: bold; }
.action-list-item-contact-more{ position: absolute; bottom: -.375em; right: -.375em; font-size: .625em; overflow: hidden; }
.action-list-item-contact-more{ display: flex; align-items: center; justify-content: center; height: 2em; width: 2em; }
.action-list-item-contact-more{ text-overflow: ellipsis; white-space: nowrap; background: #000; color: #fff; border-radius: 50%; }
.action-list-item-contact-others{ display: inline-block; margin-left: .25em; }
.action-list-item-contact-others{ display: none; }
.action-list-item-contacts-tooltip{ padding: 0em; }
.action-list-item-contacts-list{ display: flex; align-items: center; flex-direction: column; }
.action-list-item-contacts-row{ padding: 1px; border-bottom: 1px dashed #dcdcdc; }
.action-list-item-contacts-row:last-child{ border-bottom: none; }

.mi-zoom .action-list-item-contact-image{ height: 50vh; width: 50vw; flex: 0 0 50vw; }
.mi-zoom .action-list-item-contact-image{ background-color: transparent; background-size: contain;  }

.action-list-item-location{ display: flex; align-items: center; padding: 0em; }
.action-list-item-location{ text-decoration: none; color: #000; }
.action-list-item-location[disabled]{ filter: grayscale(1); }
.action-list-item-location-icon{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; filter: none; }
.action-list-item-location-text{ display: none; color: #000; }
.action-list-item-location-text{ padding-left: .375em; max-width: 15em; }
.action-list-item-location-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1100px){
	.action-list-item-top{ flex-direction: column; }
	.action-list-item-icons{ background: #ececec; }
	.action-list-item-center{ overflow-x: auto; }
}

/**
 * Action: kronos.action/tree
 **/

/* List */ 

.action-tree-view{ height: 100%; width: 100%; display: flex; flex-direction: column; position: relative; overflow: hidden; }

.action-tree-title{ font-size: 1.75em; font-weight: bold; padding: .25em; background: #fff; text-align: center; }
.action-tree-title{ position: relative; z-index: 20; box-shadow: 0px 0px 3px #aaa; }
.action-tree-top{ display: flex; width: 100%; justify-content: center; padding: .75em 1.5em; background: #ececec; }
.action-tree-top{ position: relative; z-index: 10; box-shadow: 0px 0px 3px #aaa; }
.action-tree-top>*{ margin-right: .5em; }
.action-tree-top>*:last-child{ margin-right: 0em; }

.action-tree-body{ flex-grow: 1; overflow: hidden; position: relative; background: #ececec; }
.action-tree-items{ height: 100%; width: 100%; padding: 1em; overflow-y: auto; }

.action-tree-dialog-window{ max-width: 45em; }
.action-tree-dialog .action-tree-title{ display: none; }

/* Rows */

.action-tree-row-0{ margin-top: 1em; }
.action-tree-row-0:first-child{ margin-top: 0em; }
.action-tree-row-0{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-tree-row-1{ background: #ececec; border-top: 1px solid #dcdcdc; }
.action-tree-row-2{ background: #dcdcdc; border-top: 1px solid #bcbcbc; }
.action-tree-row-3{ background: #bcbcbc; border-top: 1px solid #acacac; }
.action-tree-row-4{ background: #acacac; border-top: 1px solid #9c9c9c; }

/* Item */

.action-tree-item{ position: relative; display: flex; }

.action-tree-item-icon{ display: flex; align-items: center; }
.action-tree-item-icon-uri{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-tree-item-icon-text{ display: none; margin-left: .5em; white-space: nowrap; font-size: 1.125em; color: #666; }

.action-tree-item-data{ flex-grow: 1; display: flex; align-items: center; overflow: hidden; }

.action-tree-item-state{ display: flex; align-items: center; justify-content: center; padding: .375em .75em; }
.action-tree-item-state{ width: 5em; font-weight: bold; background: #fff; }
.action-tree-item-state-value{ display: flex; align-items: center; justify-content: center; }
.action-tree-item-state-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-tree-item-state-icon[disabled]{ filter: none; opacity: 1; }
.action-tree-item-state-text{ display: none; }
.action-tree-item-state-text{ padding-left: .375em; font-size: 1.125em; white-space: nowrap; }
.action-tree-item-solve{ position: relative; cursor: pointer; margin-left: .375em; }
.action-tree-item-solve-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-tree-item-solve-warning{ position: absolute; bottom: -.25em; right: -.25em; }
.action-tree-item-solve-warning{ display: flex; align-items: center; justify-content: center; }
.action-tree-item-solve-warning{ height: 1.25em; width: 1.25em; border-radius: 50%; }

.action-tree-item-data{ padding: .5em; }
.action-tree-item-data>*{ margin-left: .5em; }
.action-tree-item-data>*:first-child{ margin-left: 0em; }
.action-tree-item-middle{ flex-grow: 1; overflow: hidden; }
.action-tree-item-title{ flex-grow: 1; font-size: 1.125em; font-weight: bold; }
.action-tree-item-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-tree-item-count{ font-weight: normal; }
.action-tree-item-uid{ display: none; font-style: italic; white-space: nowrap; }

.action-tree-item-period{ display: flex; align-items: center; }
.action-tree-item-period-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .5em; }
.action-tree-item-period-text{ white-space: nowrap; }

.action-tree-item-contact{ display: flex; align-items: center; white-space: nowrap; }
.action-tree-item-contact:last-child{ margin-right: 0em; }
.action-tree-item-contact-icon{ position: relative; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-tree-item-contact-icon[disabled]{ filter: grayscale(1); }
.action-tree-item-contact-count{ position: absolute; bottom: -.375em; right: -.375em; height: 1.75em; width: 1.75em; border-radius: 50%; }
.action-tree-item-contact-count{ overflow: hidden; z-index: 1; display: flex; align-items: center; justify-content: center; }
.action-tree-item-contact-count{ background: #000; color: #fff; font-weight: bold; font-size: .625em; }
.action-tree-item-contact-count{ display: none; }
.action-tree-item-contact-first{ display: none;  }
.action-tree-item-contact-image{ background-size: cover; background-repeat: no-repeat; background-position: center center; filter: none; }
.action-tree-item-contact-image{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; }
.action-tree-item-contact-name{ padding: 0em .75em; }
.action-tree-item-contact-first{ cursor: pointer; }
.action-tree-item-contact-more{ margin-left: .5em; font-weight: bold; }
.action-tree-item-contacts-tooltip{ padding: 0em; }
.action-tree-item-contacts-list{ display: flex; align-items: center; flex-direction: column; }
.action-tree-item-contacts-row{ border-bottom: 1px dashed #dcdcdc; }
.action-tree-item-contacts-row:last-child{ border-bottom: none; }

.mi-zoom .action-tree-item-contact-image{ height: 50vh; width: 50vw; flex: 0 0 50vw; }
.mi-zoom .action-tree-item-contact-image{ background-color: transparent; background-size: contain;  }

.action-tree-item-location{ display: flex; align-items: center; }
.action-tree-item-location[disabled]{ filter: grayscale(1); }
.action-tree-item-location-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-tree-item-location-text{ display: none; }

.action-tree-item-icons{ display: flex; align-items: center; justify-content: flex-end; padding: .5em; }
.action-tree-item-icon{ margin-left: .5em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-tree-item-icon:first-child{ margin-left: 0em; }
.action-tree-item-icon[disabled]{ filter: grayscale(1); opacity: .5; }

.action-tree-item-more-icons{ display: flex; }

/* Side */

.action-tree-side-view{ border: 1px solid #dcdcdc; }
.action-tree-side-title{ display: none; }
.action-tree-side-view{ flex-direction: row; flex-direction: row-reverse; }
.action-tree-side-top{ flex-direction: column; justify-content: flex-start; padding: .5em; width: auto; }
.action-tree-side-top{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

/**
 * Action: kronos.action/add (dialog add choice: new or existing)
 **/

.action-add-dialog-window{ width: fit-content; }
.action-add-dialog-header{ display: none; }
.action-add-view{ background: #ececec; padding: 2em; }
.action-add-list{ display: flex; flex-direction: column; justify-content: center; }
.action-add-item{ margin-bottom: 1em; padding: 2em; text-align: center; width: 18em; cursor: pointer; }
.action-add-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-add-item:last-child{ margin-bottom: 0em; }
.action-add-item-icon{ width: 3em; height: 3em; margin: 0em auto 1em auto; }
.action-add-item-icon{ background-repeat: no-repeat; background-size: contain; background-position: center center; }
.action-add-item-title{ font-size: 1.25em; font-weight: bold; }
.action-add-item-title{ font-weight: bold; }

/**
 * Action: kronos.action/calendar
 **/

/* Calendar (layout) */

.action-calendar-view{ height: 100%; width: 100%; display: flex; position: relative; flex-direction: column; }
.action-calendar-body{ overflow: hidden; user-select: none;flex-grow: 1; height: auto; width: 100%; }
.action-calendar-box{ height: 100%; width: 100%; position: relative; }
.action-calendar-box{ background: #fff; }

/* Calendar (header) */

.action-calendar-head{ position: relative; z-index: 30; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-calendar-headline{ display: flex; align-items: center; justify-content: center; padding: .5em; }
.action-calendar-headline{ position: relative; z-index: 40; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-calendar-title{ margin-right: 1em; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-calendar-h1{ font-size: 1.5em; text-align: center; }
.action-calendar-buttons{ display: flex; align-items: center; }
.action-calendar-buttons>*{ margin-left: .5em; }
.action-calendar-buttons>*:first-child{ margin-left: 0em; }
.action-calendar-add{ padding: .5em; }
.action-calendar-add:before{ margin-right: 0em; }
.action-calendar-more{ padding: .5em; }
.action-calendar-more:before{ margin-right: 0em; }
.action-calendar-more-tooltip{ width: 15em; padding: 1px; display: none; }
.action-calendar-more-item{ width: 100%; display: flex; align-items: center; padding: .75em 1.5em; }
.action-calendar-more-item{ cursor: pointer; white-space: nowrap; border-bottom: 1px dashed #dcdcdc; }
.action-calendar-more-item:last-child{ border-bottom: none; }
.action-calendar-more-item:before{ content: ""; height: 1.25em; width: 1.25em; margin-right: .75em; }
.action-calendar-more-item:before{ background-repeat: no-repeat; background-position: center center; background-size: contain; }
.action-calendar-more-item:focus{ font-weight: bold; }

/* Calendar (filters) */

.action-calendar-filters{ display: flex; width: 100%; align-items: center; justify-content: center; }
.action-calendar-filters{ overflow-x: auto; position: relative; padding: .5em 1em; }
.action-calendar-filters>*{ margin-right: .5em; }
.action-calendar-filters>*:last-child{ margin-right: 0em; }
.action-calendar-periods{ display: flex; align-items: center; }
.action-calendar-periods-type{ border-right: none; }
.action-calendar-periods-type:last-child{ border-right: 1px solid #dcdcdc; }
.action-calendar-periods-type[checked]{ background-color: #e13500; color: #fff; border: 1px solid #e13500; }

.action-calendar-filter-tooltip{ display: none; white-space: nowrap; padding: 1px; text-align: center; min-width: 18em; }
.action-calendar-filter-item{ display: flex; align-items: center; padding: .5em; cursor: pointer; }
.action-calendar-filter-item{ border-bottom: 1px dashed #dcdcdc; }
.action-calendar-filter-item:last-child{ border-bottom: none; }
.action-calendar-filter-item[checked]{ background: #f0ffe3; }
.action-calendar-filter-item-check{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.action-calendar-filter-item-icon + .action-calendar-filter-item-check{ display: none !important; }
.action-calendar-filter-item-icon{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.action-calendar-filter-item-icon{ background-repeat: no-repeat; background-size: contain; background-position: center center; }

.action-calendar-contact{ display: flex; align-items: center; overflow: hidden; }
.action-calendar-contact{ background-color: #fff; border: 1px solid #dcdcdc; }
.action-calendar-contact-icon{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; }
.action-calendar-contact-icon{ box-shadow: 0px 0px 3px #aaa; }
.action-calendar-contact-icon{ background: url(/kontakt/img/unknown.png) no-repeat center center / cover; }
.action-calendar-contact-remove{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; background-size: 1.5em 1.5em; }

/* Calendar (sidebar) */

.action-calendar-side{ position: absolute; top: 0; right: 0; width: calc(100% - 10em); height: 100%; }
.action-calendar-side{ z-index: 50; box-shadow: 0px 0px 3px #aaa; }
.action-calendar-side .action-list-head{ display: flex; flex-direction: row-reverse; }
.action-calendar-side .action-list-title{ display: none; }

/* Calendar (duplicate) */

.action-calendar-duplicate{ padding: .5em; }
.action-calendar-duplicate:before{ margin-right: 0em; }
.action-calendar-duplicate-tooltip{ padding: 0em; margin-left: 0em; min-width: 20em; max-width: 30em; }
.action-calendar-duplicate-rows{ padding: 1.5em; }
.action-calendar-duplicate-row{ margin-bottom: 1em; }
.action-calendar-duplicate-row:last-child{ margin-bottom: 0em; }
.action-calendar-duplicate-help{ font-size: .875em; }
.action-calendar-duplicate-label{ display: block; margin-bottom: .5em; }
.action-calendar-duplicate-input{ width: 100%; }
.action-calendar-duplicate-submit{ padding: .5em; display: flex; align-items: center; justify-content: center; }
.action-calendar-duplicate-submit{ background: #ececec; }

.action-calendar-check{ z-index: 40; }
.action-calendar-check.off{ display: none !important; }
.action-calendar-top-check{ position: absolute; top: .25em; left: .25em; }
.action-calendar-left-check{ position: absolute; top: .5em; left: .5em; }

/* Calendard (default variables) */

.action-calendar-view{ 
	--width: 12em;
	--height: 6em;
	--top-height: 6em;
}

/* Calendar (layout) */

.action-calendar-fixed{ position: absolute; top: 0; left: 0; }
.action-calendar-corner{ height: var(--top-height); width: var(--width); z-index: 30; display: flex; flex-direction: column; }
.action-calendar-corner{ background: #fff; border-right: 1px solid #dcdcdc; }
.action-calendar-header{ position: relative; }
.action-calendar-header:focus{ outline: none; border: 1px dashed #000; }
.action-calendar-top{ z-index: 20; height: var(--top-height); width: calc(100% - 8px); padding-left: var(--width); overflow: hidden; }
.action-calendar-top{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-calendar-top-headers{ display: flex; overflow-x: scroll; }
.action-calendar-top-headers{ height: calc(var(--top-height) + 8px); width: 100%; }
.action-calendar-top-header{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-calendar-top-header{ height: var(--top-height); width: var(--width); flex: 0 0 var(--width); }
.action-calendar-top-header{ position: relative; border-right: 1px solid #dcdcdc; }
.action-calendar-top-header[disabled]{ background: #ececec; }
.action-calendar-top-header:last-child{ border-right: none; }
.action-calendar-top-title{ width: 100%; padding: .25em; text-align: center; flex: 0 0 2em; }
.action-calendar-top-title{ display: flex; align-items: center; justify-content: center; }
.action-calendar-top-title{ background: #e13500; color: #fff; }
.action-calendar-top-text{ width: 100%; flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-calendar-top-daynum{ font-size: 1.25em; font-weight: bold; width: 100%; }
.action-calendar-top-daynum{ display: flex; align-items: center; justify-content: center; }
.action-calendar-top-date{ text-align: center; }

.action-calendar-left{ z-index: 10; height: 100%; width: var(--width); padding: var(--top-height) 0em 0em 0em; overflow: hidden; }
.action-calendar-left-headers{ overflow-y: scroll; height: calc(100% - 8px); width: calc(100% + 8px); }
.action-calendar-left-headers{ display: flex; flex-direction: column; }
.action-calendar-left-header{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-calendar-left-header{ height: var(--height); width: var(--width); flex: 0 0 var(--height); padding: .5em; position: relative; }
.action-calendar-left-header{ background: #fff; border-bottom: 1px dashed #dcdcdc; border-right: 1px solid #dcdcdc; }
.action-calendar-left-header:focus{ outline: none; border: 1px dashed #000; }
.action-calendar-left-gheader{ flex: 1 1 0; padding: 0em; background: #ececec; }

.action-calendar-rows{ height: 100%; width: 100%; padding: var(--top-height) 0em 0em var(--width); overflow: scroll; }
.action-calendar-rows{ display: flex; flex-direction: column; background: #ececec; }
.action-calendar-row{ width: 100%; }
.action-calendar-grow{ flex-grow: 1; }
.action-calendar-cells{ display: flex; }
.action-calendar-gcells{ height: 100%; }
.action-calendar-cell{ height: 100%; height: var(--height); width: var(--width); flex: 0 0 var(--width); }
.action-calendar-cell{ overflow: hidden; position: relative; padding: 1px; }
.action-calendar-cell{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
.action-calendar-cell{ background: #fff; border-bottom: 1px dashed #dcdcdc; border-right: 1px solid #dcdcdc; }
.action-calendar-cell:last-child{ border-right: none; }
.action-calendar-cell[disabled]{ background: #ececec; }
.action-calendar-gcell{ height: 100%; background: #ececec; }
.action-calendar-gcell[disabled]{ background: #ececec; }

.action-calendar-fit .action-calendar-top-headers{ overflow-x: hidden; width: 100%; }
.action-calendar-fit .action-calendar-top-headers{ display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.action-calendar-fit .action-calendar-top-header{ width: auto; }
.action-calendar-fit .action-calendar-rows{ overflow-x: hidden; }
.action-calendar-fit .action-calendar-cells{ width: 100%; }
.action-calendar-fit .action-calendar-cells{ display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.action-calendar-fit .action-calendar-cell{ width: auto; }

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

/* Calendar (cells) */

.action-calendar-actions{ display: flex; align-items: center; justify-content: center; }
.action-calendar-actions{ height: 100%; width: 100%; }
.action-calendar-actions-count{ display: flex; align-items: center; justify-content: center; }
.action-calendar-actions-count{ width: 2em; height: 2em; flex: 0 0 2em; font-weight: bold; font-size: 1.25em; }
.action-calendar-actions-count{ margin-right: .25em; background: #ececec; }
.action-calendar-actions-count{ cursor: pointer; border: 1px solid #dcdcdc; }
.action-calendar-actions-count:last-child{ margin-right: 0em; }

/* Calendar (ranges) */

.action-calendar-contact{ padding: 0em; }
.action-calendar-contact-image{ flex-grow: 1; height: 100%; width: 100%; position: relative; overflow: hidden; }
.action-calendar-contact-image{ background-size: cover; background-repeat: no-repeat; background-position: center center; }
.action-calendar-contact-name{ padding: .25em; text-align: center; font-weight: bold; }
.action-calendar-contact-name{ position: absolute; bottom: 0; left: 0; }
.action-calendar-contact-name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.action-calendar-contact-name{ width: 100%; background: rgba(255,255,255,.75); }

.action-calendar-range-value{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-calendar-range-value{ width: 100%; overflow: hidden; text-align: center; }
.action-calendar-range-value>*{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: .125em; }
.action-calendar-range-value>*:first{ margin-top: 0em; }
.action-calendar-range-period{ font-size: 1.125em; font-weight: bold; }
.action-calendar-range-name{ font-size: 1.125em; }
.action-calendar-range-comment{ font-size: .875em; white-space: break-spaces; }

.mi-zoom .action-calendar-contact-image{ height: 50vh; width: 50vw; flex: 0 0 50vw; }
.mi-zoom .action-calendar-contact-image{ background-color: transparent; background-size: contain; }
.mi-zoom .action-calendar-contact-name{ display: none; }

/** Action: kronos.action/calendar/states **/

.action-calendar-cell-states{ display: flex; align-items: center; justify-content: center; flex-direction: column; }
.action-calendar-cell-states{ height: 100%; width: 100%; }
.action-calendar-cell-states-top{ display: flex; align-items: center; }
.action-calendar-cell-states-all{ font-size: 1.125em; font-weight: bold; margin-right: .5em; }
.action-calendar-cell-states-add{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.action-calendar-cell-states-counts{ display: flex; align-items: center; margin-top: .5em; }
.action-calendar-cell-states-count{ display: flex; align-items: center; justify-content: center; }
.action-calendar-cell-states-count{ width: 2em; height: 2em; flex: 0 0 2em; font-weight: bold; font-size: 1.25em; }
.action-calendar-cell-states-count{ margin-right: .25em; background: #ececec; }
.action-calendar-cell-states-count{ cursor: pointer; border: 1px solid #dcdcdc; }
.action-calendar-cell-states-count:last-child{ margin-right: 0em; }

/** Action: kronos.action/calendar/uptimes **/

.action-calendar-cell-uptimes{ display: flex; flex-direction: column; height: 100%; width: 100%; }
.action-calendar-cell-uptimes:focus{ position: relative; z-index: 50; }
.action-calendar-cell-uptimes-top{ padding: .25em; background: #fff; border-bottom: 1px dashed #dcdcdc; }
.action-calendar-cell-uptimes-top{ display: flex; align-items: center; justify-content: center; }
.action-calendar-cell-uptimes-items{ flex-grow: 1; padding: .375em; overflow-y: auto; }
.action-calendar-cell-uptimes-item{ display: flex; align-items: center; justify-content: center; margin-bottom: .375em; }
.action-calendar-cell-uptimes-item{ padding: .25em; background: #fff; outline: 1px solid #dcdcdc; }
.action-calendar-cell-uptimes-item:last-child{ margin-bottom: 0em; }
.action-calendar-cell-uptimes-item:focus{ outline: 1px dashed #000; }
.action-calendar-cell-uptimes-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; margin-right: .5em; }
.action-calendar-cell-uptimes-text{ font-weight: bold; white-space: nowrap; }

/**
 * Action: kronos.action/edit
 **/

/* Layout */

.action-edit-view{ height: 100%; width: 100%; }
.action-edit-view{ display: flex; flex-direction: column; position: relative; }

.action-edit-title{ line-height: 1em; text-align: center; position: relative; z-index: 1; }
.action-edit-title{ font-size: 1.75em; font-weight: bold; padding: .5em; }
.action-edit-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-edit-form{ flex-grow: 1; width: 100%; display: flex; width: 100%; }
.action-edit-rows{ flex-direction: row; overflow: hidden; }
.action-edit-cols{ flex-direction: column; overflow-y: auto; padding: 1.5em; max-height: calc(100vh - 10em); background: #ececec; }
.action-edit-submit{ padding: .625em; position: relative; z-index: 1; text-align: center; }
.action-edit-submit{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.action-edit-row{ margin-top: 1em; position: relative; }
.action-edit-row:first-child{ margin-top: 0em; }
.action-edit-label{ display: flex; align-items: center; margin-bottom: .5em; font-weight: bold; font-size: 1.125em; }
.action-edit-label>*{ margin-left: .5em; }
.action-edit-label>*:first-child{ margin-left: 0em; }
.action-edit-label-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }

@media (max-width: 1100px){
	.action-edit-form{ flex-direction: column; }
}

/* Side */

.action-edit-form .action-edit-side{ background: var(--tools-background); padding: 1em; width: 24em; flex: 0 0 24em; }
.action-edit-side .action-edit-title{ display: none !important; }
.action-edit-side-wrap{ align-items: flex-end; }
.action-edit-side-window{ width: calc(100% - 20em); height: calc(100% - 3.25em); }
.action-edit-side-row{ margin-top: 1em; background: #fff; display: flex; flex-direction: column; }
.action-edit-side-row{ position: relative; box-shadow: 0px 0px 3px #aaa; }
.action-edit-side-row:first-child{ margin-top: 0em; }
.action-edit-side-label{ padding: .5em; margin-bottom: 0em; }
.action-edit-side-label{ border-bottom: 1px dashed #dcdcdc; }
.action-edit-side-value{ padding: .5em; width: 100%; flex-grow: 1; }

@media (max-width: 1100px){
	.action-edit-form .action-edit-side{ flex: 0 0 auto; width: auto; display: flex; overflow-x: auto; overflow-y: hidden; padding: .5em; }
	.action-edit-form .action-edit-contacts-list{ display: flex; flex-direction: row; align-items: center; }
	.action-edit-form .action-edit-contacts-list>*{ margin: 0 .25em; }
	.action-edit-form .action-edit-contacts-list>*:first-child{ margin-left: 0; }
	.action-edit-form .action-edit-contacts-list>*:last-child{ margin-right: 0; }
	.action-edit-form .action-edit-contacts-texts{ display: none; }
	.action-edit-side-row{ margin-top: 0em; margin-right: .5em; }
	.action-edit-side-row:last-child{ margin-right: 0em; }
}

/* Tabs */

.action-edit-tabs{ flex-grow: 1; overflow: hidden; width: 100%; display: flex; flex-direction: column; }
.action-edit-tab-buttons{ display: flex; padding: .75em .75em 0em .75em; background: #ececec; }
.action-edit-tab-button{ cursor: pointer; display: flex; align-items: center; padding: .375em .75em; }
.action-edit-tab-button[disabled]{ display: none; }
.action-edit-tab-button.selected{ background: #fff; }
.action-edit-tab-button-text{ margin-left: .5em; }
.action-edit-tab-views{ overflow: hidden; overflow-y: auto; flex-grow: 1; background: #fff; }
.action-edit-tab-view{ height: 100%; width: 100%; overflow: hidden; }
.action-edit-tab-view[disabled]{ display: none; }
.action-edit-tab-rows{ display: flex; flex-direction: column; padding: 2em; height: 100%; width: 100%; overflow-y: auto; }

/* Col */

.action-edit-block{ margin-top: 1em; padding: 1.5em; background: #fff; }
.action-edit-block:first-child{ margin-top: 0em; }
.action-edit-block-label{ margin-bottom: .5em; }

/* Fields */

.action-edit-type-value{ display: flex; align-items: center; cursor: pointer; width: 100%; padding: .5em; }
.action-edit-type-value[disabled]{ pointer-events: none; background: #ececec; }
.action-edit-type-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .5em; }
.action-edit-type-icon[disabled]{ filter: none; opacity: 1; }
.action-edit-type-texts{ flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.action-edit-type-name{ font-weight: bold; }
.action-edit-type-comment{ display: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-edit-col-type-block{ display: flex; align-items: center; background: none; padding: 0em; }
.action-edit-col-type-block>*{ margin: 0 .5em; flex-grow: 1; padding: 1.5em; }
.action-edit-col-type-block>*{ background: #fff; }
.action-edit-col-type-block>*:first-child{ margin-left: 0em; }
.action-edit-col-type-block>*:last-child{ margin-right: 0em; }
.action-edit-col-type-value{ border: 1px solid #dcdcdc; }
.action-edit-side-type-value{ height: 2.5em; }

.action-edit-icon-value{ display: flex; align-items: center; cursor: pointer; width: 100%; padding: .5em; }
.action-edit-icon-value[disabled]{ pointer-events: none; background: #ececec; }
.action-edit-icon-uri{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .5em; }
.action-edit-icon-uri[disabled]{ filter: none; opacity: 1; }
.action-edit-icon-texts{ flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.action-edit-icon-name{ font-weight: bold; }
.action-edit-icon-comment{ display: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-edit-icon-search{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-left: .5em; }
.action-edit-col-icon-row{ margin-top: 0em; }
.action-edit-col-icon-value{ border: 1px solid #dcdcdc; }
.action-edit-side-icon-value{ height: 2.5em; }

.action-edit-state-value{ display: flex; align-items: center; cursor: pointer; width: 100%; padding: .5em; }
.action-edit-state-value[disabled]{ pointer-events: none; background: #ececec; }
.action-edit-state-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .5em; }
.action-edit-state-icon[disabled]{ filter: none; opacity: 1; }
.action-edit-state-text{ flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.action-edit-state-name{ font-weight: bold; }
.action-edit-state-comment{ display: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-edit-col-state-row{ margin-top: 0em; }
.action-edit-col-state-value{ border: 1px solid #dcdcdc; }
.action-edit-side-state-value{ height: 2.5em; }

.action-edit-priority-value{ display: flex; align-items: center; cursor: pointer; width: 100%; padding: .5em; }
.action-edit-priority-value[disabled]{ pointer-events: none; background: #ececec; }
.action-edit-priority-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-right: .5em; }
.action-edit-priority-icon[disabled]{ filter: none; opacity: 1; }
.action-edit-priority-texts{ flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.action-edit-priority-name{ font-weight: bold; }
.action-edit-priority-comment{ display: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-edit-col-priority-row{ margin-top: 0em; }
.action-edit-col-priority-value{ border: 1px solid #dcdcdc; }

.action-edit-date-field{ white-space: nowrap; display: flex; }
.action-edit-date-time{ border-left: none; }
.action-edit-col-period-block{ display: table; table-layout: fixed; width: 100%; padding: .5em; border-spacing: 1em; }
.action-edit-col-period-block>*{ display: table-cell; margin: 0; }
.action-edit-col-period-value{ display: flex; }
.action-edit-col-start-field{ margin-right: 1em; }
.action-edit-col-date-field{ flex-grow: 1; width: 100%; }
.action-edit-col-date-field:last-child{ margin-right: 0em; }
.action-edit-col-date-input{ flex-grow: 1; width: 100%; }
.action-edit-col-date-input:focus{ position: relative; z-index: 1; }
.action-edit-col-date-time{ flex: 0 0 9em; }
.action-edit-col-date-time:focus{ position: relative; z-index: 1; }
.action-edit-side-period-value{ padding: 0em; display: flex; flex-direction: column; justify-content: center; }
.action-edit-side-period-value>*{ width: 100%; }
.action-edit-side-date-field{ width: 100%; }
.action-edit-side-date-input{ flex-grow: 1; padding: .625em; height: 2.5em; }
.action-edit-side-start-at-input{ border-top: none; border-left: none; border-bottom: none; }
.action-edit-side-end-at-input{ border-bottom: none; border-left: none; }
.action-edit-side-date-time{ flex: 0 0 7em; padding: .625em; height: 2.5em; }
.action-edit-side-start-time-input{ border: none; }
.action-edit-side-end-time-input{ border-bottom: none; border-left: none; border-right: none; }

.action-edit-range{ padding: .5em; cursor: pointer; width: 100%; }
.action-edit-range{ display: flex; align-items: center; justify-content: flex-start; overflow: hidden; border: 1px solid #dcdcdc; }
.action-edit-range-value[disabled]{ pointer-events: none; background: #ececec; }
.action-edit-range>*{ margin-right: .5em; display: inline-flex; align-items: center; white-space: nowrap; }
.action-edit-range>*:last-child{ margin-left: 0em; overflow: hidden; text-overflow: ellipsis; }
.action-edit-range-name{ font-weight: bold; }
.action-edit-side-range-value{ padding: 0em; display: flex; flex-direction: column; justify-content: center; }
.action-edit-side-range{ border: none; padding: .625em; }

.action-edit-time-row{ display: flex; align-items: center; margin-bottom: .5em; }
.action-edit-time-row:last-child{ margin-bottom: 0em; }
.action-edit-time-row>*{ margin-right: .5em; }
.action-edit-time-row>*:last-child{ margin-right: 0em; }
.action-edit-time-label{ flex: 0 0 4.5em; white-space: nowrap; }
.action-edit-time-input{ flex-grow: 1; }
.action-edit-timelapse-input{ height: 2.25em; padding: .5em; display: flex; align-items: center; }
.action-edit-timelapse-input{ font-weight: bold; border: 1px solid #dcdcdc; background: #ececec; }

.action-edit-contacts-value{ padding: 0em; cursor: pointer; }
.action-edit-contacts-many{ cursor: default; }
.action-edit-contacts-value[disabled] .action-edit-contacts-add{ display: none; }
.action-edit-contacts-value[disabled] .action-edit-contacts-remove{ display: none; }
.action-edit-contacts-none{ padding: .75em; }
.action-edit-contacts-add{ position: absolute; top: .25em; right: .25em; }
.action-edit-contacts-item{ display: flex; align-items: center; }
.action-edit-contacts-item{ border-bottom: 1px solid #dcdcdc; }
.action-edit-contacts-item:last-child{ border-bottom: none; }
.action-edit-contacts-image{ height: 3.5em; width: 3.5em; flex: 0 0 3.5em; }
.action-edit-contacts-image{ background-color: #000; }
.action-edit-contacts-image{ background-repeat: no-repeat; background-size: cover; background-position: center center; }
.action-edit-contacts-texts{ flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; }
.action-edit-contacts-texts{ align-items: center; justify-content: center; padding: .5em; }
.action-edit-contacts-texts>*{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.action-edit-contacts-name{ font-weight: bold; }
.action-edit-contacts-remove{ width: 2.5em; flex: 0 0 2.5em; height: 3.5em; background-size: 1.5em 1.5em; }
.action-edit-col-contacts-value{ position: relative; overflow: hidden; }
.action-edit-col-contacts-value{ background: #ececec; border: 1px solid #dcdcdc; }
.action-edit-col-contacts-many{ padding-right: 2.625em; }
.action-edit-col-contacts-add{ height: 100%; width: 2.625em; background-size: 2em 2em; }
.action-edit-col-contacts-add{ background-position: center .375em; background-color: #fff; box-shadow: 0px 0px 3px #aaa; }

.mi-zoom .action-edit-contacts-image{ height: 50vh; width: 50vw; flex: 0 0 50vw;  }
.mi-zoom .action-edit-contacts-image{ background-color: transparent; background-size: contain;  }

.action-edit-location-input{ width: 100%; }

.action-edit-uid-cols{ display: flex; }
.action-edit-uid-cols>*{ margin-top: 0em; margin-right: 1em; }
.action-edit-uid-cols>*:last-child{ margin-right: 0em; }
.action-edit-uid-input{ width: 12em; flex: 0 0 12em; }
.action-edit-title-row{ flex-grow: 1; }
.action-edit-title-input{ width: 100%; }
.action-edit-description-row{ flex-grow: 1; display: flex; flex-direction: column; }
.action-edit-description-input{ height: 15em; }
.action-edit-col-description-input{ height: 15em; }
.action-edit-description-input p{ background: none !important; }

@media (max-width: 1100px){
	.action-edit-uid-cols{ flex-direction: column; }
	.action-edit-uid-cols>*{ margin-top: 1em; margin-right: 0em; width: 100%; }
	.action-edit-uid-cols>*:first-child{ margin-top: 0em; }
	.action-edit-uid-input{ width: 100%; flex: 0 0 initial; }
}

.action-edit-notes-row{ flex-grow: 1; }

.action-edit-files-row{ flex-grow: 1; }

.action-edit-actions-rows{ padding: 1em; }
.action-edit-actions-row{ flex-grow: 1; overflow: hidden; }

/* Dialogs */

.action-edit-dialog .action-edit-title{ display: none; }
.action-edit-dialog-window{ height: calc(100vh - 2em); }
.action-edit-row-dialog-window{ width: 80em; }
.action-edit-col-dialog-window{ width: 50em; height: fit-content; }

/**
 * Action: kronos.action/edit
 **/

/* Layout */

.action-solve-view{ height: 100%; width: 100%; }
.action-solve-view{ display: flex; flex-direction: column; position: relative; }

.action-solve-title{ line-height: 1em; text-align: center; position: relative; z-index: 1; }
.action-solve-title{ font-size: 1.75em; font-weight: bold; padding: .5em; }
.action-solve-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-solve-form{ flex-grow: 1; width: 100%; display: flex; width: 100%; }
.action-solve-form{ flex-direction: column; overflow-y: auto; background: #ececec; }
.action-solve-submit{ padding: .625em; position: relative; z-index: 1; text-align: center; }
.action-solve-submit{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.action-solve-row{ margin-top: 1em; position: relative; }
.action-solve-row:first-child{ margin-top: 0em; }
.action-solve-label{ display: flex; align-items: center; margin-bottom: .5em; font-weight: bold; font-size: 1.125em; }
.action-solve-label>*{ margin-left: .5em; }
.action-solve-label>*:first-child{ margin-left: 0em; }
.action-solve-label-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }

.action-solve-tabs{ flex-grow: 1; overflow: hidden; width: 100%; display: flex; flex-direction: column; }
.action-solve-tab-buttons{ display: flex; padding: .75em .75em 0em .75em; background: #dcdcdc; }
.action-solve-tab-button{ cursor: pointer; display: flex; align-items: center; padding: .375em .75em; }
.action-solve-tab-button{ border: 1px solid #ececec; border-bottom: none; border-left: none; }
.action-solve-tab-button:first-child{ border-left: 1px solid #ececec; }
.action-solve-tab-button[disabled]{ display: none; }
.action-solve-tab-button.selected{ background: #ececec; }
.action-solve-tab-button-text{ margin-left: .5em; }
.action-solve-tab-views{ overflow: hidden; overflow-y: auto; flex-grow: 1; background: #ececec; }
.action-solve-tab-view{ height: 100%; width: 100%; overflow: hidden; }
.action-solve-tab-view[disabled]{ display: none; }
.action-solve-tab-rows{ display: flex; flex-direction: column; padding: 2em; height: 100%; width: 100%; overflow-y: auto; }

/* Fields */

.action-solve-state-value{ display: flex; align-items: center; cursor: pointer; width: 100%; padding: .5em; }
.action-solve-state-icon{ height: 2em; width: 2em; flex: 0 0 2em; margin-right: 1em; }
.action-solve-state-icon[disabled]{ filter: none; }
.action-solve-state-text{ flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.action-solve-state-name{ font-weight: bold; font-size: 1.25em; }
.action-solve-state-comment{ display: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.action-solve-comment-row{ flex-grow: 1; display: flex; flex-direction: column; }
.action-solve-comment-input{ flex-grow: 1; }

/* Dialogs */

.action-solve-dialog .action-solve-title{ display: none; }
.action-solve-dialog-window{ width: 50em; height: calc(100vh - 2em); }

/**
 * Action: kronos.type/list
 **/

.action-type-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden; }

.action-type-list-button{ position: relative; padding-left: 2.5em; cursor: pointer; }
.action-type-list-button:hover{ box-shadow: 2px 2px 0px #333;border: none; }
.action-type-list-button{ background: #e13500;border: none; color: #fff; }
.action-type-list-button>*{ display: inline-block; vertical-align: middle; position: relative; }
.action-type-list-button-icon{ height: 100%; width: 2.5em; position: absolute; left: 0em; top: 0em; }
.action-type-list-button-icon{ background-repeat: no-repeat; background-position: center center; background-size: 1.5em 1.5em; }

.action-type-list-title{ text-align: center; position: relative; z-index: 1; }
.action-type-list-title{ padding: .5em; font-size: 1.75em; }
.action-type-list-title{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }

.action-type-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.action-type-list-filters>*{ display: inline-flex; align-items: center; margin-right: 1em; position: relative; }
.action-type-list-filters>*:last-child{ margin-right: 0em; }

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

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

.action-type-list-col-check{ width: 3em; }
.action-type-list-td-check{ text-align: center; }
.action-type-list-col-icon{ width: 4em; }
.action-type-list-td-icon{ text-align: center; }
.action-type-list-code{ color: #666; position: absolute; right: .25em; top: .25em; }
.action-type-list-name{ font-weight: bold; margin-right: .5em; }
.action-type-list-comment{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.action-type-list-col-icons{ width: 6em; }
.action-type-list-td-icons{ text-align: center; }

.action-type-list-dialog-window{ max-width: 42em; }
.action-type-list-dialog-body{ height: 35em; }
.action-type-list-dialog .action-type-list-title{ display: none; }

/**
 * Action: kronos.type/edit
 **/

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

.action-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; }
.action-type-edit-tab-buttons{ background: #ececec; box-shadow: inset 0px 0px 3px #aaa; }
.action-type-edit-tab-button{ padding: .75em 1.5em; margin-right: .75em; cursor: pointer; position: relative; margin-bottom: -1px; }
.action-type-edit-tab-button:last-child{ margin-right: 0em; }
.action-type-edit-tab-button{ outline: 1px solid #dcdcdc; }
.action-type-edit-tab-button.selected{ background: #fff; color: #000; }
.action-type-edit-tab-button:focus{ background: #000; color: #fff; }
.action-type-edit-tab-views{ flex-grow: 1; overflow-y: auto; width: 100%; }
.action-type-edit-tab-view{ padding: 2em; }
.action-type-edit-submit{ width: 100%; text-align: right; padding: 1em; }
.action-type-edit-submit{ box-shadow: 0px 0px 3px #aaa; }

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

.action-type-edit-icon-input{ background-color: #ececec; background-repeat: no-repeat; background-position: center center; background-size: 7em 7em; }
.action-type-edit-icon-input{ height: 9em; width: 100%; }
.action-type-edit-icon-input:focus{ background-color: #000; }
.action-type-edit-code-input{ width: 100%; text-transform: uppercase; background: #ececec; }
.action-type-edit-name-input{ width: 100%; }
.action-type-edit-comment-input{ width: 100%; height: 6em; }

.action-type-edit-grant-options{ margin-bottom: .75em; }

.action-type-edit-min-row{ display: inline-block; vertical-align: middle; margin-right: 1em; }
.action-type-edit-min-input{ width: 9em; }
.action-type-edit-max-row{ display: inline-block; vertical-align: middle; }
.action-type-edit-max-input{ width: 9em; }
.action-type-edit-children-input{ min-height: 2.25em; padding: .25em; }
.action-type-edit-children-input{ background: #fff; border: 1px solid #dcdcdc; }
.action-type-edit-children-tag{ display: inline-flex; align-items: center; margin-right: .25em; }
.action-type-edit-children-tag{ border: 1px dashed #dcdcdc; padding: .25em; }
.action-type-edit-children-remove{ margin-left: .25em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-type-edit-find-input{ min-height: 2.25em; padding: .25em; }
.action-type-edit-find-input{ background: #fff; border: 1px solid #dcdcdc; }
.action-type-edit-find-tag{ display: inline-flex; align-items: center; margin-right: .25em; }
.action-type-edit-find-tag{ border: 1px dashed #dcdcdc; padding: .25em; }
.action-type-edit-find-remove{ margin-left: .25em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-type-edit-state-value{ flex-direction: column; align-items: flex-start; }
.action-type-edit-state-label{ margin-bottom: .125em; margin-right: 0em; }
.action-type-edit-input-output-input{ display: flex; align-items: center; cursor: pointer; }
.action-type-edit-input-output-input{ padding: .5em; height: 2.25em; border: 1px solid #dcdcdc; }
.action-type-edit-input-output-code{ flex-grow: 1; }
.action-type-edit-input-output-remove{ margin-left: .25em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-type-edit-output-input-input{ display: flex; align-items: center; cursor: pointer; }
.action-type-edit-output-input-input{ padding: .5em; height: 2.25em; border: 1px solid #dcdcdc; }
.action-type-edit-output-input-code{ flex-grow: 1; }
.action-type-edit-output-input-remove{ margin-left: .25em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }

.action-type-edit-dialog-window{ max-width: 60em; height: calc(100vh - 2em); }
.action-type-edit-dialog-body{ overflow: hidden; }
.action-type-edit-dialog .action-type-edit-view{ padding: 0em; }
.action-type-edit-dialog .action-type-edit-block{ width: 100%; max-width: 100%; }
.action-type-edit-dialog .action-type-edit-title{ display: none; }
.action-type-edit-dialog .action-type-edit-submit{ margin: 0em; padding: .5em; }
.action-type-edit-dialog .action-type-edit-left{ padding: 1em; }
.action-type-edit-dialog .action-type-edit-right{ padding: 1em; }

/**
 * Action: kronos.state/list
 **/

.action-state-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden; }

.action-state-list-title{ text-align: center; position: relative; z-index: 1; font-size: 1.5em; padding: .5em; }
.action-state-list-title{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }

.action-state-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.action-state-list-filters>*{ display: inline-block; vertical-align: middle; margin-right: 1em; position: relative; }
.action-state-list-filters>*:last-child{ margin-right: 0em; }

.action-state-list-search{ display: flex; align-items: center; }
.action-state-list-search-input{ padding-right: 2.5em; width: 12em; }
.action-state-list-search-icon{ height: 1.5em; width: 1.5em; position: relative; z-index: 1; margin-left: -2em; }

.action-state-list-body{ flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.action-state-list-head{ padding: 0em calc(.5em + 8px) 0em .5em; border: 1px solid #dcdcdc; background: #fff; }
.action-state-list-rows{ flex-grow: 1; overflow-y: scroll; background: #ececec; padding: .5em; }
.action-state-select-rows{ background: #fff; }
.action-state-list-row{ display: table; table-layout: fixed; width: 100%; }
.action-state-list-brow{ background: #fff; border: 1px solid #fff; box-shadow: 0px 0px 3px #aaa; margin-bottom: .5em; }
.action-state-list-brow:last-child{ margin-bottom: 0em; }
.action-state-list-td{ display: table-cell; vertical-align: middle; text-align: left; position: relative; }
.action-state-list-td{ line-height: 1.125em; padding: .5em; border-right: 1px dotted #dcdcdc; }
.action-state-list-td{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.action-state-list-td:last-child{ border-right: none; }
.action-state-list-th{ display: table-cell; vertical-align: middle; text-align: left; }
.action-state-list-th{ line-height: 1.125em; padding: .5em; border-right: 1px dotted #dcdcdc; }
.action-state-list-th{ text-align: center; font-weight: bold; }

.action-state-list-code{ position: absolute; top: .25em; right: .5em; font-size: .875em; }
.action-state-select-code{ display: none; }
.action-state-list-col-icon{ width: 4em; text-align: center; }
.action-state-list-td-icon{ background-size: 2em 2em; }
.action-state-list-col-icons{ width: 6em; }
.action-state-list-td-icons{ text-align: center; }
.action-state-list-icon{ display: inline-block; vertical-align: middle; margin-right: .25em; cursor: pointer; }
.action-state-list-icon{ height: 1.75em; width: 1.75em; }
.action-state-list-icon:last-child{ margin-right: 0em; }

.action-state-list-name{ font-weight: bold; }
.action-state-list-comment{ font-size: .875em; }

.action-state-list-dialog-window{ max-width: 20em; height: fit-content; }
.action-state-list-dialog .action-state-list-title{ display: none; }

/**
 * Action: kronos.state/edit
 **/

.action-state-edit-view{ height: 100%; width: 100%; background: #fff; }
.action-state-edit-view sup{ font-weight: bold; line-height: 0; }
.action-state-edit-title{ font-size: 1.5em; margin-bottom: .75em; }
.action-state-edit-title{ font-weight: bold; }
.action-state-edit-block{ padding: 1em; }
.action-state-edit-row{ margin-bottom: .5em; }
.action-state-edit-row:last-child{ margin-bottom: 0em; }
.action-state-edit-col{ display: flex; align-items: flex-start; width: 100%; }
.action-state-edit-col>*{ margin-right: 1em; }
.action-state-edit-col>*:last-child{ margin-right: 0em; }
.action-state-edit-label{ display: block; white-space: nowrap; margin-bottom: .5em; }
.action-state-edit-input{ width: 100%; flex-grow: 1; }
.action-state-edit-help{ display: block; font-style: italic; font-size: .75em; margin-top: .375em; }
.action-state-edit-check{ background: #fff; box-shadow: 0px 0px 3px #aaa; padding: .5em; }
.action-state-edit-check:focus{ background: #000; color: #fff; }
.action-state-edit-options{ background: #ececec; padding: .5em; }
.action-state-edit-option{ display: flex; align-items: center; margin-bottom: .5em; }
.action-state-edit-option:last-child{ margin-bottom: 0em; }
.action-state-edit-option>*{ margin-right: .5em; }
.action-state-edit-option>*:last-child{ margin-right: 0em; }
.action-state-edit-submit{ text-align: right; padding: .5em; border-top: 1px dashed #dcdcdc; }

.action-state-edit-code-input{ background: #ececec; }
.action-state-edit-icon-row{ flex: 0 0 7.875em; }
.action-state-edit-icon-input{ height: 7.875em; background-color: #ececec; }
.action-state-edit-icon-input{ background-size: auto 5em; background-repeat: no-repeat; background-position: center center; }
.action-state-edit-icon-input:focus{ background-color: #000; }
.action-state-edit-codename-row{ flex-grow: 1; }
.action-state-edit-color-input{ width: 10em; }
.action-state-edit-background-input{ width: 10em; }

@media (max-width: 1100px){
	.action-state-edit-blocks{ display: block; }
	.action-state-edit-block{ display: block; }
}

.action-state-edit-dialog .action-state-edit-title{ display: none; }
.action-state-edit-dialog-window{ max-width: 45em; }

/**
 * Action: kronos.icon/list
 **/

.action-icon-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden; }

.action-icon-list-title{ text-align: center; position: relative; z-index: 1; font-size: 1.5em; padding: .5em; }
.action-icon-list-title{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }

.action-icon-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.action-icon-list-filters>*{ display: inline-block; vertical-align: middle; margin-right: 1em; position: relative; }
.action-icon-list-filters>*:last-child{ margin-right: 0em; }

.action-icon-list-search{ display: flex; align-items: center; }
.action-icon-list-search-input{ padding-right: 2.5em; width: 12em; }
.action-icon-list-search-icon{ height: 1.5em; width: 1.5em; position: relative; z-index: 1; margin-left: -2em; }

.action-icon-list-body{ flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.action-icon-list-head{ padding: 0em calc(.5em + 8px) 0em .5em; border: 1px solid #dcdcdc; background: #fff; }
.action-icon-select-head{ display: none; }
.action-icon-list-rows{ flex-grow: 1; overflow-y: scroll; background: #ececec; padding: .5em; }
.action-icon-list-row{ display: table; table-layout: fixed; width: 100%; }
.action-icon-list-brow{ background: #fff; border: 1px solid #fff; box-shadow: 0px 0px 3px #aaa; margin-bottom: .5em; }
.action-icon-list-brow:last-child{ margin-bottom: 0em; }
.action-icon-list-td{ display: table-cell; vertical-align: middle; text-align: left; position: relative; }
.action-icon-list-td{ line-height: 1.125em; padding: .5em; border-right: 1px dotted #dcdcdc; }
.action-icon-list-td{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.action-icon-list-td:last-child{ border-right: none; }
.action-icon-list-th{ display: table-cell; vertical-align: middle; text-align: left; }
.action-icon-list-th{ line-height: 1.125em; padding: .5em; border-right: 1px dotted #dcdcdc; }
.action-icon-list-th{ text-align: center; font-weight: bold; }

.action-icon-list-td-icon{ background-size: 2em 2em; }
.action-icon-list-col-icon{ width: 4em; text-align: center; }
.action-icon-list-col-icons{ width: 6em; }
.action-icon-list-td-icons{ text-align: center; }
.action-icon-list-icon{ display: inline-block; vertical-align: middle; margin-right: .5em; cursor: pointer; }
.action-icon-list-icon{ height: 1.75em; width: 1.75em; }
.action-icon-list-icon:last-child{ margin-right: 0em; }

.action-icon-list-name{ font-weight: bold; }
.action-icon-list-comment{ font-size: .875em; }

.action-icon-list-dialog-window{ max-width: 30em; height: 30em; }
.action-icon-list-dialog .action-icon-list-title{ display: none; }

/**
 * Action: kronos.icon/edit
 **/

.action-icon-edit-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }
.action-icon-edit-title{ font-size: 2em; font-weight: bold; padding: .25em; position: relative; z-index: 1; }
.action-icon-edit-title{ text-align: center; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-icon-edit-form{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.action-icon-edit-form{ padding: 1.5em; flex-grow: 1; background: #fff; }
.action-icon-edit-rows{ width: 30em; display: flex; padding: 1.5em; border: 1px dashed #dcdcdc; }
.action-icon-edit-submit{ padding: .625em; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }
.action-icon-edit-submit{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-icon-edit-label{ display: block; white-space: nowrap; margin-bottom: .5em; font-weight: bold; }
.action-icon-edit-cols{ display: flex; }
.action-icon-edit-cols>*{ margin-right: 1em; margin-bottom: 0em; }
.action-icon-edit-cols>*:last-child{ margin-right: 0em; }
.action-icon-edit-row{ margin-bottom: .5em; }
.action-icon-edit-row:last-child{ margin-bottom: 0em; }
.action-icon-edit-left{ display: flex; flex-direction: column; }
.action-icon-edit-right{ flex-grow: 1; margin-left: 1em; }
.action-icon-edit-icon-input{ flex-grow: 1; width: 9em; background-color: #ececec; }
.action-icon-edit-icon-input{ background-size: 5em 5em; background-repeat: no-repeat; background-position: center center; }
.action-icon-edit-id-input{ width: 4em; }
.action-icon-edit-name-row{ flex-grow: 1; }
.action-icon-edit-name-input{ width: 100%; }
.action-icon-edit-comment-input{ width: 100%; height: 5em; }

@media (max-width: 1100px){
	.action-icon-edit-blocks{ display: block; }
	.action-icon-edit-block{ display: block; }
}

.action-icon-edit-dialog .action-icon-edit-title{ display: none; }
.action-icon-edit-dialog .action-icon-edit-form{ padding: 0em; }
.action-icon-edit-dialog .action-icon-edit-rows{ border: none; }
.action-icon-edit-dialog .action-icon-edit-submit{ border-top: 1px dashed #dcdcdc; background: none; box-shadow: none; }
.action-icon-edit-dialog-window{ width: fit-content; height: fit-content; }

/**
 * Action: kronos.priority/list
 **/

.action-priority-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden; }

.action-priority-list-title{ text-align: center; position: relative; z-index: 1; font-size: 1.5em; padding: .5em; }
.action-priority-list-title{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }

.action-priority-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.action-priority-list-filters>*{ margin-right: 1em; position: relative; }
.action-priority-list-filters>*:last-child{ margin-right: 0em; }

.action-priority-list-search{ display: flex; align-items: center; }
.action-priority-list-search-input{ padding-right: 2.5em; width: 12em; }
.action-priority-list-search-icon{ height: 1.5em; width: 1.5em; position: relative; z-index: 1; margin-left: -2em; }

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

.action-priority-list-col-icon{ width: 4em; text-align: center; }
.action-priority-list-icon{ margin: auto; }
.action-priority-list-td-icon{ background-repeat: no-repeat; background-size: 2em 2em; background-position: center center; }
.action-priority-list-col-icons{ width: 6em; }
.action-priority-list-td-icons{ text-align: center; }

.action-priority-list-name{ font-weight: bold; }
.action-priority-list-comment{ font-size: .875em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.action-priority-list-dialog-window{ max-width: 25em; height: fit-content; }
.action-priority-list-dialog .action-priority-list-title{ display: none; }

/**
 * Action: kronos.priority/edit
 **/

.action-priority-edit-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }
.action-priority-edit-title{ font-size: 2em; font-weight: bold; padding: .25em; position: relative; z-index: 1; }
.action-priority-edit-title{ text-align: center; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-priority-edit-form{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.action-priority-edit-form{ padding: 1.5em; flex-grow: 1; background: #fff; }
.action-priority-edit-rows{ width: 30em; padding: 1.5em; border: 1px dashed #dcdcdc; }
.action-priority-edit-top{ display: flex; }
.action-priority-edit-submit{ padding: .625em; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }
.action-priority-edit-submit{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-priority-edit-label{ display: block; white-space: nowrap; margin-bottom: .5em; font-weight: bold; }
.action-priority-edit-cols{ display: flex; }
.action-priority-edit-cols>*{ margin-right: 1em; margin-bottom: 0em; }
.action-priority-edit-cols>*:last-child{ margin-right: 0em; }
.action-priority-edit-row{ margin-bottom: .5em; }
.action-priority-edit-row:last-child{ margin-bottom: 0em; }
.action-priority-edit-left{ display: flex; flex-direction: column; }
.action-priority-edit-right{ flex-grow: 1; margin-left: 1em; }
.action-priority-edit-bottom{ margin-top: 1em; }
.action-priority-edit-icon-input{ flex-grow: 1; width: 9em; background-color: #ececec; }
.action-priority-edit-icon-input{ background-size: 5em 5em; background-repeat: no-repeat; background-position: center center; }
.action-priority-edit-id-input{ width: 4em; }
.action-priority-edit-name-row{ flex-grow: 1; }
.action-priority-edit-name-input{ width: 100%; }
.action-priority-edit-comment-input{ width: 100%; height: 5em; }
.action-priority-edit-color-row{ flex-grow: 1; }
.action-priority-edit-color-input{ width: 100%; }
.action-priority-edit-background-row{ flex-grow: 1; }
.action-priority-edit-background-input{ width: 100%; }
.action-priority-edit-default-row{ text-align: center; }

.action-priority-edit-dialog .action-priority-edit-title{ display: none; }
.action-priority-edit-dialog .action-priority-edit-form{ padding: 0em; }
.action-priority-edit-dialog .action-priority-edit-rows{ border: none; }
.action-priority-edit-dialog .action-priority-edit-submit{ border-top: 1px dashed #dcdcdc; background: none; box-shadow: none; }
.action-priority-edit-dialog-window{ width: fit-content; height: fit-content; }

/**
 * Action: kronos.range/list
 **/

.action-range-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden; }

.action-range-list-title{ text-align: center; position: relative; z-index: 3; font-size: 1.5em; padding: .5em; }
.action-range-list-title{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }

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

.action-range-list-search{ display: flex; align-items: center; }
.action-range-list-search-input{ padding-right: 2.5em; width: 12em; }
.action-range-list-search-icon{ height: 1.5em; width: 1.5em; position: relative; z-index: 1; margin-left: -2em; }

.action-range-list-body{ flex-grow: 1; overflow: hidden; }
.action-range-list-table{ height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden; }
.action-range-list-table{ border: 1px solid #dcdcdc; }
.action-range-list-head{ padding: 0em 9px 0em 0em; position: relative; z-index: 1; }
.action-range-list-head{ box-shadow: 0px 0px 3px #aaa; background: #fff; }
.action-range-list-rows{ flex-grow: 1; overflow-y: scroll; padding: 1px; background: #ececec; }
.action-range-list-row{ display: table; table-layout: fixed; width: 100%; }
.action-range-list-row{ border-bottom: 1px solid #dcdcdc; }
.action-range-list-hrow:last-child{ border-bottom: none; }
.action-range-list-frow{ border-bottom: none; }
.action-range-list-brow{ background: #fff; }
.action-range-list-brow:focus{ position: relative; z-index: 1; }
.action-range-list-col{ display: table-cell; vertical-align: middle; position: relative; }
.action-range-list-col{ line-height: 1.125em; border-right: 1px dotted #dcdcdc; }
.action-range-list-col{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.action-range-list-td{ text-align: left; }
.action-range-list-th{ padding: .5em; text-align: center; font-weight: bold; }
.action-range-list-th>*{ display: inline-flex; vertical-align: middle; }
.action-range-list-sort{ height: 1em; width: 1em; margin-left: .25em; }
.action-range-list-input{ width: 100%; border: none; }
.action-range-list-input[disabled]{ background: #fff; }
.action-range-select-input{ pointer-events: none; }
.action-range-list-icon{ display: inline-block; vertical-align: middle; margin-right: .25em; cursor: pointer; }
.action-range-list-icon{ height: 1.5em; width: 1.5em; }
.action-range-list-icon:last-child{ margin-right: 0em; }

.action-range-list-col-start{ width: 6em; }
.action-range-list-col-end{ width: 6em; }
.action-range-list-col-icons{ width: 6em; }
.action-range-list-td-icons{ text-align: center; }

.action-range-list-name{ font-weight: bold; }
.action-range-list-comment{ font-size: .875em; }

.action-range-list-dialog-window{ width: 35em; height: 30em; }
.action-range-list-dialog .action-range-list-title{ display: none; }

/**
 * Action: kronos.range/edit
 **/

.action-range-edit-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }
.action-range-edit-title{ font-size: 2em; font-weight: bold; padding: .25em; position: relative; z-index: 1; }
.action-range-edit-title{ text-align: center; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-range-edit-form{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.action-range-edit-form{ padding: 1.5em; flex-grow: 1; background: #fff; }
.action-range-edit-rows{ width: 30em; padding: 1.5em; border: 1px dashed #dcdcdc; }
.action-range-edit-top{ display: flex; }
.action-range-edit-submit{ padding: .625em; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }
.action-range-edit-submit{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-range-edit-label{ display: block; white-space: nowrap; margin-bottom: .5em; font-weight: bold; }
.action-range-edit-cols{ display: flex; }
.action-range-edit-cols>*{ margin-right: 1em; margin-bottom: 0em; }
.action-range-edit-cols>*:last-child{ margin-right: 0em; }
.action-range-edit-row{ margin-bottom: .5em; }
.action-range-edit-row:last-child{ margin-bottom: 0em; }
.action-range-edit-id-input{ width: 4em; }
.action-range-edit-name-row{ flex-grow: 1; }
.action-range-edit-name-input{ width: 100%; }
.action-range-edit-comment-input{ width: 100%; height: 5em; }
.action-range-edit-start-input{ flex-grow: 1; }
.action-range-edit-end-input{ flex-grow: 1; }

.action-range-edit-dialog .action-range-edit-title{ display: none; }
.action-range-edit-dialog .action-range-edit-form{ padding: 0em; }
.action-range-edit-dialog .action-range-edit-rows{ border: none; }
.action-range-edit-dialog .action-range-edit-submit{ border-top: 1px dashed #dcdcdc; background: none; box-shadow: none; }
.action-range-edit-dialog-window{ width: fit-content; height: fit-content; }

/**
 * Action: kronos.reminder/list
 **/

.action-reminder-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden; }

.action-reminder-list-title{ text-align: center; position: relative; z-index: 1; font-size: 1.5em; padding: .5em; }
.action-reminder-list-title{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }

.action-reminder-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.action-reminder-list-filters>*{ margin-right: 1em; position: relative; }
.action-reminder-list-filters>*:last-child{ margin-right: 0em; }

.action-reminder-list-search{ display: flex; align-items: center; }
.action-reminder-list-search-input{ padding-right: 2.5em; width: 12em; }
.action-reminder-list-search-icon{ height: 1.5em; width: 1.5em; position: relative; z-index: 1; margin-left: -2em; }

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

.action-reminder-list-col-check{ width: 4em; text-align: center; }
.action-reminder-list-col-when{ width: 12em; }
.action-reminder-list-td-when{ text-align: center; }
.action-reminder-list-send-at{ font-size: 1.125em; font-weight: bold; }
.action-reminder-list-state{ display: inline-flex; align-items: center; margin-top: .25em; padding: .375em .75em; }
.action-reminder-list-state{ border-radius: 1em; font-weight: bold; }
.action-reminder-list-state-icon{ height: 1em; width: 1em; flex: 0 0 1em; margin-right: .375em; }
.action-reminder-list-state-done{ background: #ccebc9; color: #33761b; }
.action-reminder-list-state-todo{ background: #f7d3ce; color: #a9001b; }
.action-reminder-list-state-canceled{ background: #ececec; }
.action-reminder-list-id{ position: absolute; top: 0em; right: 0em; background: #fff; padding: .25em; color: #aaa; }
.action-reminder-list-action-title{ font-size: 1.125em; font-weight: bold; }
.action-reminder-list-action-data{ margin-top: .25em; display: flex; align-items: center; }
.action-reminder-list-action-data>*{ margin-left: .5em; padding-left: .5em; border-left: 1px solid #dcdcdc; }
.action-reminder-list-action-data>*:first-child{ margin-left: 0em; padding-left: 0em; border-left: none; }
.action-reminder-list-action-show{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; border-left: none; }
.action-reminder-list-col-icons{ width: 9em; }
.action-reminder-list-td-icons{ text-align: center; }

.action-reminder-list-name{ font-weight: bold; }
.action-reminder-list-comment{ font-size: .875em; }

.action-reminder-list-dialog-window{ max-width: 30em; height: fit-content; }
.action-reminder-list-dialog .action-reminder-list-title{ display: none; }

/**
 * Action: kronos.reminder/edit
 **/

.action-reminder-edit-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }
.action-reminder-edit-title{ font-size: 2em; font-weight: bold; padding: .25em; position: relative; z-index: 1; }
.action-reminder-edit-title{ text-align: center; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-reminder-edit-form{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.action-reminder-edit-form{ padding: 1.5em; flex-grow: 1; background: #ececec; }
.action-reminder-edit-rows{ width: 30em; border: 1px dashed #dcdcdc; }
.action-reminder-edit-rows>*{ margin-bottom: 1em; padding: 1em; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-reminder-edit-rows>*:last-child{ margin-bottom: 0em; }
.action-reminder-edit-submit{ padding: .625em; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }
.action-reminder-edit-submit{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-reminder-edit-label{ display: block; white-space: nowrap; margin-bottom: .5em; font-weight: bold; }
.action-reminder-edit-cols{ display: flex; }
.action-reminder-edit-cols>*{ margin-right: 1em; margin-bottom: 0em; }
.action-reminder-edit-cols>*:last-child{ margin-right: 0em; }

.action-reminder-edit-id-input{ width: 6em; }
.action-reminder-edit-state-input{ display: flex; align-items: center; height: 2.25em; padding: .5em .75em; font-weight: bold; }
.action-reminder-edit-state-done{ background: #ccebc9; color: #33761b; }
.action-reminder-edit-state-todo{ background: #f7d3ce; color: #a9001b; }
.action-reminder-edit-state-canceled{ background: #ececec; }
.action-reminder-edit-state-icon{ height: 1em; width: 1em; flex: 0 0 1em; margin-right: .5em; }
.action-reminder-edit-send-at-input{ display: flex; align-items: center; }
.action-reminder-edit-send-at-options{ margin-right: .5em; }
.action-reminder-edit-mode-input{ display: flex; align-items: center; }
.action-reminder-edit-mode-item{ display: flex; align-items: center; margin-right: .5em; }
.action-reminder-edit-mode-check{ margin-right: .5em; }
.action-reminder-edit-contacts-input{ position: relative; min-height: 3em; padding-right: 2.5em; overflow: hidden; }
.action-reminder-edit-contacts-input{ border: 1px solid #dcdcdc; background: #ececec; }
.action-reminder-edit-contacts-add{ position: absolute; top: 0; right: 0; height: 100%; width: 2.5em; }
.action-reminder-edit-contacts-add{ background-color: #fff; background-size: 1.5em 1.5em; box-shadow: 0px 0px 3px #aaa; }
.action-reminder-edit-contacts-list{ padding: .5em; }
.action-reminder-edit-contacts-item{ display: flex; align-items: center; padding: .5em; }
.action-reminder-edit-contacts-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-reminder-edit-contacts-texts{ flex-grow: 1; }
.action-reminder-edit-contacts-name{ font-weight: bold; }
.action-reminder-edit-contacts-remove{ margin-left: .5em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }

.action-reminder-edit-dialog .action-reminder-edit-title{ display: none; }
.action-reminder-edit-dialog .action-reminder-edit-submit{ border-top: 1px dashed #dcdcdc; box-shadow: none; }
.action-reminder-edit-dialog-window{ width: fit-content; height: fit-content; }

/**
 * Action: kronos.reminder/mail
 **/
 
.action-reminder-mail-title{ font-size: 1.5em; text-align: center; font-weight: bold; padding-bottom: 1em; }
.action-reminder-mail-action-title{ font-size: 1.25em; padding-bottom: .125em; }
.action-reminder-mail-action-period{ font-size: 1.5em; font-weight: normal; padding-bottom: .125em; }
.action-reminder-mail-action-uid{ font-size: 1.125em; color: #666; }
.action-reminder-mail-action-description{ padding-top: 1em; }

/**
 * Action: kronos.board
 **/

.action-board-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }

.action-board-top{ display: flex; align-items: center; justify-content: center; }
.action-board-top{ padding: .5em; position: relative; z-index: 40; }
.action-board-top{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.action-board-title{ font-size: 1.75em; font-weight: bold; text-align: center; }

.action-board-current{ margin-left: 1em; padding: .25em; display: flex; align-items: center; cursor: pointer; }
.action-board-current-input{ font-size: 1.25em; color: #666; }
.action-board-current-icon{ margin-left: .5em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }

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

.action-board-search{ display: flex; align-items: center; }
.action-board-search-input{ padding-right: 2.5em; width: 12em; }
.action-board-search-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; position: relative; z-index: 1; margin-left: -2em; }

.action-board-display{ display: flex; height: 2.25em; padding: .5em .75em; align-items: center; }
.action-board-display{ cursor: pointer; border: 1px solid #dcdcdc; }
.action-board-display-tooltip{ padding: 0em; }
.action-board-display-input{ font-weight: bold; font-size: 1.125em; margin-right: .5em; }
.action-board-display-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }
.action-board-display-item{ padding: .5em 1em; display: flex; align-items: center; }
.action-board-display-item{ border-bottom: 1px solid #dcdcdc; }
.action-board-display-item:last-child{ border-bottom: none; }
.action-board-display-item[checked]{ background: #f0ffe3; font-weight: bold; }
.action-board-display-check{ margin-right: .5em; }

.action-board-add:before{ margin-right: 0em; }
.action-board-add-lists{ display: flex; }
.action-board-add-list{ margin-right: 1em; }
.action-board-add-list:last-child{ margin-right: 0em; }
.action-board-add-title{ font-weight: bold; font-size: 1.125em; margin-bottom: .5em; }
.action-board-add-title:first-child{ margin-top: 0em; }
.action-board-add-item{ display: flex; align-items: center; margin-bottom: .5em; padding: .5em 1em; }
.action-board-add-item{ cursor: pointer; outline: 1px dashed #dcdcdc; }
.action-board-add-item:last-child{ margin-bottom: 0em; }
.action-board-add-item[disabled]{ filter: grayscale(1); }
.action-board-add-item-icon{ margin-right: 1em; height: 1.5em; width: 1.5em; flex: 0 0 1.5em; }

.action-board-return:before{ margin-right: 0em; }

.action-board-body{ flex-grow: 1; overflow: hidden; position: relative; }
.action-board-body{ background: #dcdcdc; }
.action-board-scroll{ height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; }
.action-board-grid{ height: 100%; width: 100%; }
.action-board-grid{ display: grid; padding: .5em; }
.action-board-grid{ grid-template-columns: repeat(2, 50%); grid-template-rows: repeat(6, 50%); }
.action-board-cell{ margin: .5em; }
.action-board-bullets{ position: absolute; bottom: 0; left: 0; padding: 1em; width: 100%; }
.action-board-bullets{ display: flex; align-items: center; justify-content: center; }
.action-board-bullet{ height: 1.5em; width: 1.5em; border-radius: 50%; margin-right: 1em; }
.action-board-bullet{ background: #000; }
.action-board-bullet:last-child{ margin-right: 0em; }
.action-board-bullet[checked]{ background: #e13500; }

.action-board-none{ outline: 1px dashed #fff; box-shadow: none; }

.action-board-group-data{ overflow: hidden; height: 100%; width: 100%; }
.action-board-group-data{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-board-group-data{ background: linear-gradient(90deg, #fff, #dcdcdc); box-shadow: 3px 3px 3px 1px #000; }
.action-board-group-icon{ height: 6em; width: 6em; flex: 0 0 5em; }
.action-board-group-title{ padding: .33em .67em; width: 100%; text-align: center; }
.action-board-group-title{ font-size: 1.5em; font-weight: bold; }
.action-board-group-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-board-group-icons{ display: flex; align-items: center; }
.action-board-group-icons>*{ margin-right: .5em; }
.action-board-group-icons>*:last-child{ margin-right: 0em; }

.action-board-item-data{ overflow: hidden; height: 100%; width: 100%; }
.action-board-item-data{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-board-item-data{ background: #fff; box-shadow: 3px 3px 3px 1px #000; }
.action-board-item-top{ padding: .75em; display: flex; align-items: center; flex: 0 0 3.25em; }
.action-board-item-top{ overflow: hidden; width: 100%; box-shadow: 0px 0px 3px #aaa; }
.action-board-item-kind{ margin-right: .5em; height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-board-item-middle{ flex-grow: 1; overflow: hidden; }
.action-board-item-title{ flex-grow: 1; font-size: 1.25em; font-weight: bold; }
.action-board-item-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-board-item-icons{ display: flex; align-items: center; }
.action-board-item-icons>*{ margin-left: .5em; }
.action-board-item-icons>*:first-child{ margin-left: 0em; }
.action-board-item-count{ position: absolute; top: -.375em; right: -.375em; font-size: .625em; }
.action-board-item-count{ overflow: hidden; display: flex; align-items: center; justify-content: center; }
.action-board-item-count{ height: 2em; width: 2em; font-weight: bold; background: #000; color: #fff; border-radius: 50%; }
.action-board-item-more-list{ display: flex; }
.action-board-item-more-list>*{ margin-left: .5em; }
.action-board-item-more-list>*:first-child{ margin-left: 0em; }
.action-board-item-dtl{ flex: 0 0 3.25em; width: 100%; overflow: hidden; }
.action-board-item-dtl{ border-bottom: 1px dashed #dcdcdc; }
.action-board-item-dtl-scroll{ display: flex; align-items: center; width: 100%; padding: .5em; }
.action-board-item-dtl-scroll{ height: calc(3.25em + 8px); overflow-x: scroll; overflow-y: hidden;  }
.action-board-item-dtl-scroll>*{ margin-left: .5em; user-select: none; }
.action-board-item-dtl-scroll>*{ border: 1px solid #dcdcdc; }
.action-board-item-dtl-scroll>*:first-child{ margin-left: 0em; }

.action-board-item-picto{ padding: .5em; }
.action-board-item-picto-uri{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.action-board-item-picto-text{ display: none; white-space: nowrap; }

.action-board-item-type{ display: none; padding: .5em; }
.action-board-item-type-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.action-board-item-type-text{ display: none; white-space: nowrap; }

.action-board-item-state{ display: flex; align-items: center; height: 2.25em; font-weight: bold; }
.action-board-item-state{ padding: .25em .75em; background: #ececec; border: none; }
.action-board-item-state-value{ display: flex; align-items: center; }
.action-board-item-state-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.action-board-item-state-icon[disabled]{ filter: none; opacity: 1; }
.action-board-item-state-text{ padding: 0em .5em; white-space: nowrap; }
.action-board-item-solve{ position: relative; cursor: pointer; }
.action-board-item-solve-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.action-board-item-solve-warning{ position: absolute; bottom: -.25em; right: -.25em; }
.action-board-item-solve-warning{ display: flex; align-items: center; justify-content: center; }
.action-board-item-solve-warning{ height: 1.375em; width: 1.375em; font-size: .75em; border-radius: 50%; }

.action-board-item-priority{ display: flex; align-items: center; height: 2.25em; font-weight: bold; }
.action-board-item-priority{ padding: .25em .75em; background: #ececec; border: none; }
.action-board-item-priority-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.action-board-item-priority-text{ padding: 0em .5em; white-space: nowrap; }

.action-board-item-contact{ display: flex; align-items: center; white-space: nowrap; position: relative; }
.action-board-item-contact[disabled]{ filter: grayscale(1); }
.action-board-item-contact-value{ display: flex; align-items: center; }
.action-board-item-contact-icon{ position: relative; display: none; height: 2.5em; width: 2.5em; }
.action-board-item-contact-icon[disabled]{ filter: grayscale(1); }
.action-board-item-contact-count{ position: absolute; top: 0; right: 0; height: 2em; width: 2em; border-radius: 50%; }
.action-board-item-contact-count{ overflow: hidden; z-index: 1; display: flex; align-items: center; justify-content: center; }
.action-board-item-contact-count{ background: #000; color: #fff; font-size: .625em; padding: .5em;  }
.action-board-item-contact-image{ background-size: cover; background-repeat: no-repeat; background-position: center center; filter: none; }
.action-board-item-contact-image{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; }
.action-board-item-contact-first-image{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; }
.action-board-item-contact-image{ background-image: url(/kontakt/img/unknown.png); }
.action-board-item-contact-name{ padding: 0 .75em; }
.action-board-item-contact-first{ margin-left: 0em; }
.action-board-item-contact-first-name{ display: none; }
.action-board-item-contact-more{ font-weight: bold; }
.action-board-item-contact-more{ position: absolute; bottom: -.375em; right: -.375em; font-size: .625em; overflow: hidden; }
.action-board-item-contact-more{ display: flex; align-items: center; justify-content: center; height: 2em; width: 2em; }
.action-board-item-contact-more{ text-overflow: ellipsis; white-space: nowrap; background: #000; color: #fff; border-radius: 50%; }
.action-board-item-contact-others{ display: inline-block; margin-left: .25em; }
.action-board-item-contact-others{ display: none; }
.action-board-item-contacts-tooltip{ padding: 0em; }
.action-board-item-contacts-board{ display: flex; align-items: center; flex-direction: column; }
.action-board-item-contacts-row{ padding: 1px; border-bottom: 1px dashed #dcdcdc; }
.action-board-item-contacts-row:last-child{ border-bottom: none; }

.mi-zoom .action-board-item-contact-image{ height: 50vh; width: 50vw; flex: 0 0 50vw; }
.mi-zoom .action-board-item-contact-image{ background-color: transparent; background-size: contain;  }

.action-board-item-period{ display: flex; align-items: center; font-weight: bold; padding: .5em .75em; }
.action-board-item-period-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.action-board-item-period-text{ margin-left: .25em; white-space: nowrap; }

.action-board-item-location{ display: flex; align-items: center; padding: .5em .75em; }
.action-board-item-location-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; }
.action-board-item-location-text{ display: none; margin-left: .25em; white-space: nowrap; }

.action-board-item-description{ flex-grow: 1; max-width: 100%; color: #666; padding: .75em; }
.action-board-item-description{ overflow-y: auto; }

.action-board-search-side{ position: absolute; top: 0; right: 0; height: 100%; width: 30em; z-index: 50; }
.action-board-search-side{ overflow: hidden; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-board-search-list{ width: calc(100% + 8px); overflow-y: scroll; }
.action-board-search-item{ overflow: hidden; padding: 1em; border-bottom: 1px dashed #dcdcdc; }
.action-board-search-data{ display: flex; align-items: center; overflow: hidden; }
.action-board-search-kind{ margin-right: .5em; }
.action-board-search-text{ overflow: hidden; flex-grow: 1; }
.action-board-search-title{ flex-grow: 1; font-size: 1.125em; font-weight: bold; }
.action-board-search-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-board-search-description{ color: #666; font-size: .75em; }
.action-board-search-description{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.action-board-search-icons{ display: flex; align-items: center; margin-top: .5em; }
.action-board-search-icons>*{ margin-right: .5em; padding: 0em; }
.action-board-search-icons>*:last-child{ margin-right: 0em; }
.action-board-search-fill{ flex-grow: 1; }

.action-board-search-item .action-board-item-icon{ height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-board-search-item .action-board-item-type-icon{ height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-board-search-item .action-board-item-type-text{ display: none; }
.action-board-search-item .action-board-item-state{ background: none !important; }
.action-board-search-item .action-board-item-state{ display: flex; align-items: center; font-weight: bold; }
.action-board-search-item .action-board-item-state-icon{ height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-board-search-item .action-board-item-state-text{ display: none; }
.action-board-search-item .action-board-item-period{ display: flex; align-items: center; font-weight: bold; }
.action-board-search-item .action-board-item-period-icon{ height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-board-search-item .action-board-item-period-text{ display: none; }
.action-board-search-item .action-board-item-location-icon{ height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-board-search-item .action-board-item-location-text{ display: none; }

.action-board-side{ position: absolute; top: 0; right: 0; width: 60em; height: 100%; }
.action-board-side{ box-shadow: 0px 0px 3px #aaa; }

/**
 * Action: kronos.board/list
 **/

/* List */ 

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

.action-board-list-title{ font-size: 2em; font-weight: bold; text-align: center; }
.action-board-list-title{ padding: .25em; position: relative; z-index: 40; }
.action-board-list-title{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

.action-board-list-add{ padding: .5em; }
.action-board-list-add:before{ margin-right: 0em; }

.action-board-list-body{ flex-grow: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.action-board-list-body{ overflow: hidden; background: #ececec; }
.action-board-list-center{ width: 35em; padding: 2em; background: #fff; }
.action-board-list-form{ margin-bottom: 1em; }
.action-board-list-rows{ height: 20em; padding: 1em; overflow-y: auto; width: 100%; }
.action-board-list-rows{ border: 1px solid #dcdcdc; background: #ececec; }
.action-board-list-bottom{ margin-top: 1em; display: flex; align-items: center; justify-content: center; }

.action-board-list-row{ display: flex; align-items: center; }
.action-board-list-brow{ margin-bottom: 1em; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-board-list-brow:last-child{ margin-bottom: 0em; }
.action-board-list-col-title{ flex-grow: 1; }
.action-board-list-td-title{ padding: .75em; }
.action-board-list-input-title{ width: 100%; }
.action-board-list-td-icons{ display: flex; align-items: center; padding: .5em; }
.action-board-list-td-icons>*{ margin-right: .5em; height: 1.75em; width: 1.75em; flex: 0 0 1.75em; }
.action-board-list-td-icons>*:last-child{ margin-right: 0em; }
.action-board-list-fd-icons{ padding-left: .5em; }

.action-board-list-dialog-window{ width: fit-content; }
.action-board-list-dialog .action-board-list-title{ display: none; }
.action-board-list-dialog .action-board-list-center{ padding: 1em; }

/**
 * Action: kronos.board/edit
 **/

.action-board-edit-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }
.action-board-edit-title{ font-size: 2em; font-weight: bold; padding: .25em; position: relative; z-index: 1; }
.action-board-edit-title{ text-align: center; background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-board-edit-form{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.action-board-edit-form{ padding: 1.5em; flex-grow: 1; background: #fff; }
.action-board-edit-rows{ width: 30em; padding: 1.5em; border: 1px dashed #dcdcdc; }
.action-board-edit-submit{ padding: .625em; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }
.action-board-edit-submit{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }
.action-board-edit-label{ display: block; white-space: nowrap; margin-bottom: .5em; font-weight: bold; }
.action-board-edit-cols{ display: flex; }
.action-board-edit-cols>*{ margin-right: 1em; margin-bottom: 0em; }
.action-board-edit-cols>*:last-child{ margin-right: 0em; }
.action-board-edit-row{ margin-bottom: .5em; }
.action-board-edit-row:last-child{ margin-bottom: 0em; }
.action-board-edit-id-input{ width: 4em; }
.action-board-edit-title-row{ flex-grow: 1; }
.action-board-edit-title-input{ width: 100%; }

.action-board-edit-contacts-input{ position: relative; overflow: hidden; background: #ececec; }
.action-board-edit-contacts-input{ min-height: 2.375em; border: 1px solid #dcdcdc; }
.action-board-edit-contacts-input[disabled] .action-edit-contacts-add{ display: none; }
.action-board-edit-contacts-input[disabled] .action-edit-contacts-remove{ display: none; }
.action-board-edit-contacts-list{ flex-grow: 1; padding: .5em; padding-right: 3em; background: #ececec; }
.action-board-edit-contacts-add{ position: absolute; top: 0; right: 0; height: 100%; width: 2.5em; }
.action-board-edit-contacts-add{ background-size: 1.5em 1.5em; background-position: center .375em; }
.action-board-edit-contacts-add{ background-color: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-board-edit-contacts-item{ display: flex; align-items: center; padding: .5em; margin-bottom: .5em; }
.action-board-edit-contacts-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.action-board-edit-contacts-item:last-child{ margin-bottom: 0px; }
.action-board-edit-contacts-item>*{ margin-right: .5em; }
.action-board-edit-contacts-item>*:last-child{ margin-right: 0em; }
.action-board-edit-contacts-image{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; }
.action-board-edit-contacts-image{ border-radius: 50%; background-color: #000; }
.action-board-edit-contacts-image{ background-repeat: no-repeat; background-size: cover; background-position: center center; }
.action-board-edit-contacts-texts{ flex-grow: 1; overflow: hidden; }
.action-board-edit-contacts-texts>*{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.action-board-edit-contacts-name{ font-weight: bold; }

@media (max-width: 1100px){
	.action-board-edit-blocks{ display: block; }
	.action-board-edit-block{ display: block; }
}

.action-board-edit-dialog .action-board-edit-title{ display: none; }
.action-board-edit-dialog .action-board-edit-form{ padding: 0em; }
.action-board-edit-dialog .action-board-edit-rows{ border: none; }
.action-board-edit-dialog .action-board-edit-submit{ border-top: 1px dashed #dcdcdc; background: none; box-shadow: none; }
.action-board-edit-dialog-window{ width: fit-content; height: fit-content; }