/* General */

.key_information {
    padding: 0.2em 0.7em;

    border-radius: 4px;

    border: 1px solid #ddd;
    background-color: #eee;

    display: inline-block;

    margin-bottom: 0.3em;
}

.icon_big {
	width: 42px;
	height: 42px;
	
	padding: 2px 2px;
}

.icon_small {
	width: 20px;
	height: 20px;

	padding: 2px 2px;

	opacity: 0.8;
}

.icon_smaller {
	width: 14px;
	height: 14px;

	padding: 1px 1px;

	opacity: 0.8;
}

.icon_bigger {
	width: 24px;
	height: 24px;

    margin-right: 3px;

	opacity: 0.8;
}

.icon_long {
    width: 42px !important;
}

.image_button {
    border: 0;
    padding: 6 5;
}

.image_button img {
    width: 18px;
    height: 18px;

    border: 0;
}

.span_in_button {
    display: inline-block;
    padding-top: 3px;
}

.button_small {
	margin-right: 4px;
	
	padding: 2px 4px;
}

.button_important {
	padding: 6px 8px;
}

.button_ui {
    border-radius: 0;
    border: 1px solid #ddd;

    padding: 6 10;
}

.button_ui_strong {
    background-color: #3E7095;
    color: #fff;
}

.button_ui_strong:hover {
    background-color: #ddd;
    color: #000;
}

.button_borderless {
    border: 0;

    background-color: transparent;
}

.button_toolbar {
    border: 0;

    padding: 8px 8px;
}

.button_borderless:hover {
    background-color: #D0D0D7;
}

.hidden {
}

/* Normal */
.button_as_link {
    border: 0;
    background: transparent;

    display: flex;

    color: #444;
}

.button_as_link img {
    margin-right: 5px;
}

.button_as_link span {
    padding-top: 3;
    display: inline-block;
}

.button_as_link:hover {
    background: #ccc;
}

/* Icon Last */
.button_as_link_icon_last {
    border: 0;
    background: transparent;

    display: flex;
    padding-top: 4;

    color: #444;
}

.button_as_link_icon_last img {
    margin-left: 5px;
}

.button_as_link_icon_last span {
    padding-bottom: 3;
    display: inline-block;
}

.button_as_link_icon_last:hover {
    background: #ccc;
}

/* Plain */
.button_as_link_plain {
    display: flex;
    gap: 4px;

    color: #444;

    border: 0;
    background: transparent;
}

.button_as_link_plain span {
    padding-top: 3;
    display: inline-block;
}

.button_as_link_plain:hover {
    background: #ccc;
}

/* Contents */

#editor {
	width: 100%;
}

.editor_field_parent {
    margin-top: 2px;

    clear: both;
}

.editor_field_container {
    display: flex;
}

.editor_field_textarea_parent {
    min-width: 55%;

    padding: 2 2;
}

.editor_field_border {
    border: 1px solid #ccc;
}

.editor_field {
    outline: none !important;
    border: 0;

    padding: 5 6;

    font-family: var(--bs-body-font-family);
}

.editor_field_right {
    text-align: right;
}

.editor_field_singlelined {
    /*height: 1.1em;*/
}

/* Editor: Formats */

.editor_field.h1 {
    font-size: 1.3rem;
}
.editor_field.h2 {
    font-size: 1.1rem;
}

/* Misc */

.debug_output {
	right: 100px;
	top: 100px;

	font-size: 0.85em;
	
	width: 600px;
	height: 80vh;
	
	z-index: 10;
	
	position: absolute;
	
	padding: 0.7em;
	
	border: 1px dotted #ddd;
	background-color: #F5F5F6;
	
	display: none;
}

.debug_output:hover {
    border: 1px solid #aaa;
}

.debug_output_state {
	left: 100px;
	bottom: 100px;

	font-size: 0.9em;

	font-family: Monospace,Courier;

	z-index: 10;

	position: absolute;

	padding: 1em;

	border: 1px solid #ddd;
	background-color: #eee;

	display: none;
}

.element_invisible {
    display: none;
}

.container_toc {
	padding: 0.6em 0.9em;

	min-width: 220px;
}

.errortext {
    color: red;
    font-weight: bold;
}

.format_content_id {
    border: 1px solid #ddd;

    padding: 0.2em 1em;

    margin-right: 1em;
}

.settings_h2 {
    padding-top: 0.6em;
}

.min_1_line {
    min-height: 1.1em;
}

/* Page */

.page_footer_space {
}

/* Header */

#button_content_readonly {
    opacity: 0.8;

    display: inline-block;
}

/* Index */

.container_directory {
}

/* Space Content */

.space_contents_wrapper {
    padding: 1.5em 0.5em 0 0.5em;

    min-width: 220px;

    margin-top: 8px;
}

.website_contents_list {
    display: flex;
    flex-direction: column;
}

.space_contents_left {
    left: 50;
}

.space_contents_list {
    display: flex;
    flex-direction: column;
}

.space_contents_entry_set {
    display: flex;
    flex-direction: column;
}

.organisation_known {
    display: flex;
    gap: 5px;
}

.space_contents_options {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.space_contents_header {
    cursor: pointer;

    margin-top: 0.3em;
    padding: 0.4em 4px 0.2em 0px;

    text-align: right;

    font-weight: 600;
}

/* Navigation Menu */

.button_organisation_menu_main {
    margin-bottom: 4px;
}

.button_menu_active::before {
    content: '\25BA';
    padding-right: 0.4em;
    font-size: 0.7em;
}

.menu_user_orgs {
    text-align: right;

    padding-top: 8px;
    padding-right: 12px;
}

/* Controls */

#controls_main {
    padding-right: 5px;
}

#controls_customize {
    padding-right: calc(0.8em - 5px);
}

.content_options {
    padding: 1.5em 1.1em 0.3em 0.5em;

    text-align: right;
    display: flex;
}

.content_options_push {
    flex: 1;
}

.content_options_controls {
}

.content_switch_org {
    padding-bottom: 0.2em;
}

.control_row {
    display: flex;

    padding: 0.2em 0;
}

.controls_left {
    padding-left: 3.9em;
}

.controls_push {
    flex: 1;
}

.controls_block {
    display: inline-block;
    vertical-align: top;

    padding: 5px 5px;
}

.controls_block:first-of-type {
    padding-right: 0.6em !important;
}

.controls_separator {
    display: flex;
}

.controls_separator_left {
    padding-left: 0.6em;
    border-right: 1px solid #ddd;
}

.controls_separator_right {
    padding-left: 0.6em;
}

.controls_cell_label {
    vertical-align: top;

    padding-right: 0.3em;
}

.controls_cell_content {
    padding-left: 3px;
}

.controls_cell_content_row {
    padding: 0px 3px 5px 3px;

    display: flex;
    gap: 4px;
}

.controls_edit_mode {
    display: flex;
}

/* Entry */

.space_contents_entry {
}

.space_contents_entry_recent a {
    font-weight: 600;
}

.space_contents_entry a {
    color: #555;
    text-decoration: none;

    text-align: right;

    display: block;
    cursor: pointer;

    padding: 0.1em 0.4em;
}

.space_contents_entry a:hover {
    background-color: #ddd;
}

/* Entry On Page */

.space_contents_entry_full {

}

.space_contents_entry_full a {
    color: #555;
    text-decoration: none;

    display: block;
    cursor: pointer;

    padding: 0.1em 0.4em;
}

.space_contents_entry_full a:hover {
    background-color: #ddd;
}

/* Group */

.space_contents_group {
    display: block;

    padding: 0.2em 0em;
}

.space_contents_group_full {
    display: block;

    padding: 0.2em 0em;
}

.space_contents_group:hover {
}

.space_contents_group:hover .lane_count {
    display: inline-block !important;
}

.space_contents_group_title {
    color: #555;
    font-size: 0.9em;

    text-align: right;

    cursor: pointer;

    padding-right: 0.48em;
}

.space_contents_group_full_title {
    color: #555;
    font-size: 0.9em;

    cursor: pointer;

    padding-right: 0.48em;
}

.lane_count {
    float: right;
}

/* Option */

.space_contents_option a {
    color: black;

    background-color: e8e8e8;

    display: block;
    cursor: pointer;

    border-bottom: 1px solid #bbb;

    padding: 0.2em 0.2em 0.2em 0.2em;
}

.space_contents_option a:hover {
    background-color: #ddd;
}

.space_contents_autohide {
    display: none;
}

.space_contents_add {
    padding-top: 0.4em;

    display: flex;
    flex-flow: row-reverse;
    gap: 4px;

    text-decoration: none;
}

.space_contents_placeholder {
    min-height: 20px;
    min-width: 12px;

    text-align: right;

    margin-top: 8px;
    margin-right: calc(0.8em - 2px);
    padding: 0.5em 0 0 0.5em;

    background-color: #fff;

    opacity: 0.6;
    transition: opacity 0.5s ease-out;
}

.space_contents_placeholder:hover .space_contents_autohide {
    display: block;
}

.space_contents_placeholder:hover {
    opacity: 0.9 !important;
}

.space_contents_tools_layout {
    display: flex;

    max-width: 14em;
    margin: auto 0 auto auto;

    opacity: 0.8;
    background: white;
}

/* Messages */

.user_message {
	font-size: 0.9em;

	padding: 0.3em 1em;

	margin-right: 1em;

    border: 1px solid #ddd;
    background-color: #fee;

    display: none;
}

/* Menu */

/* Deprecated? */
.menu_outer {
    z-index: 2;

    width: 160px;

    position: absolute;

    display: none;

    background-color: #eee;
}

.menu {
    padding: 0.4em 0.7em;
}

/* Context Menu */

.context_menu_outer {
    z-index: 2;

    width: 160px;

    position: absolute;

    display: none;

    background-color: #eee;
}

.context_menu {
    padding: 0.4em 0.7em;
}

/* Editor Options */

.editor_options {
    padding-top: 3px;
}

.editor_options_row {
    display: flex;
}

.editor_option_parent {
    padding: 5;
}

.editor_option_circle {
    border: 1px solid #666;
    border-radius: 15px;

    padding: 5;

    width: fit-content;
}

.editor_option_circle .selector_value {
    padding: 1;
}

/* Editor Options: Layout */

.entry_layout_options {
    display: flex;
    position: absolute;

    width: 100%;
}

.entry_layout_options_left, .entry_layout_options_right {
    flex: 1;
}

.entry_layout_options_content {
    width: 70%;
    margin: auto;
}

.selector_group {
    display: flex;

    padding-top: 0.5em;
    padding-right: 0.5em;

    vertical-align: top;
}

.selector_subgroup {
    display: flex;

    padding-bottom: 0.4em;

    padding-left: 0.2em;
    padding-right: 0.2em;
}

.selector_subgroup_right {
    display: flex;

    padding-bottom: 0.4em;

    padding-left: 0.2em;
    padding-right: 0em;
}

.selector_subgroup_visible {
    display: table-cell !important;
}

.selector_group_small button {
    opacity: 0.8;
}

.selector_group_small_framed {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

    padding: 4px 2px;
}

.selector_group_separator {
    display: table-cell;
    padding-top: 0.5em;
}

.selector_group_separator_left {
    width: 5px;
}

.selector_group_separator_right {
    width: 5px;
    min-height: 3.5em;

    border-left: 1px solid #aaa;
}

.selector_push {
    flex: 9;
}

.selector_separator {
    width: 20px;
}

.selector_value {
    border: 0px;

    padding: 3px 4px;

    background-color: #fff;
}

.selector_value:hover {
    background-color: #eee;
}

.selector_value_selected {
    background-color: #FFEBD1 !important;
}

.selector_value_active {
    background-color: #FFEBD1 !important;
}

.selector_value_current {
    font-weight: bold;
}

.selector_group_button {
    padding: 4px 4px;
}

.button_controls {
    padding: 7px 15px;
    border: 0;
}

.button_controls_active {
    background-color: #FFEBD1 !important;
}

button.button_controls:hover {
    background-color: #ccc;
}

.button_controls_small {
    padding: 6px 8px;
    border: 0;
}

.button_controls_small:hover {
    background-color: #ccc;
}

.button_options {
    padding: 5px 12px;
    border: 0;
}

button.button_options:hover {
    background-color: #ccc;
}

.button_mobile_only {
    display: none;
}

.entry_files {
    clear: both;
    padding-left: 10px;
    padding-top: 3px;
}

.separator_after {
    border-right: 1px solid #999;
}

/* Drop */

.dragover_files {
    background-color: #ccc;

    border: 8px dashed #777;
}

.dragover_entry_wrap {
    border-bottom: 2px dashed #777;
}

/* Attachments */

.writer_files {
    padding-left: 40px;
}

.fileentry {
    display: table;
    padding: 0.2em 0;
}

.fileentry_content,
.fileentry_filename,
.fileentry_options
{
    display: table-cell;
}

.fileentry_filename,
.fileentry_options
{
    padding: 0 0.3em 0 0.3em;
}

.fileentry_content {
    width: 120px;
}

.fileentry_content img {
    max-width: 120px;
    max-height: 120px;
}

.fileentry:hover {
    background-color: #ddd;
}

/* Cookies */

.cookies_info {
    position: fixed;
    margin: auto;

    right: 6%;
    bottom: 11%;

    width: 400px;
    padding: 6 12;

    border-radius: 4px;
    border: 1px solid #555;

    z-index: 10;
    background-color: #eee;

    -webkit-box-shadow: 0px 2px 10px -3px #999;
    -moz-box-shadow: 0px 2px 10px -3px #999;
    box-shadow: 0px 2px 10px -3px #999;
}

.cookies_info_title {
    padding: 6 0;
}

.cookies_info_content {
    padding: 6 0;
}

.cookies_info_settings {
}

.cookies_info_settings button {
    box-sizing: border-box;

    margin: 6 0;
}

.cookies_info_button_configure {
    padding: 5 14;
    cursor: pointer;
}

.cookies_info_button_confirm {
    padding: 10 26;
    cursor: pointer;
}

.cookies_popup {
    position: fixed;
    margin: 0 auto;

    overflow: scroll;

    top: 3%;
    bottom: 3%;
    right: 8%;
    left: 8%;

    border-radius: 2.5px;
    z-index: 10;
    background-color: #eee;

    -webkit-box-shadow: 0px 2px 10px -3px #999;
    -moz-box-shadow: 0px 2px 10px -3px #999;
    box-shadow: 0px 2px 10px -3px #999;
}

.cookies_content {
    margin: 0 auto;
    width: 60%;

    padding: 0.5em 1em;

    background-color: #fff;
}

.cookie_settings {
    padding: 2em 3em;
}

.cookie_setting_group {
    display: flex;
    flex-direction: column;

	border-radius: 2px;

	margin: 0;
	padding: 0;

	border: 1px solid #d8d8d8;
	border-top: none;

	width: 100%;
}

.cookie_setting_intro {
    border: 1px solid #fff;

    display: flex;
}

.cookie_setting_intro:hover {
    border: 1px solid #222;

    background-color: #e9e9e9;
}

.cookie_setting_intro_opened {
    border: 1px solid #444;

    background-color: #eee;
}

.cookies_setting_plus {
    min-width: 1em;
    min-height: 1em;

    cursor: pointer;

    padding: 0.6em 0.4em 0.4em 0.4em;
}

.cookies_setting_title {
    padding: 0.4em 1em;

    min-width: 9em;

    cursor: pointer;
}

.cookies_setting_decision {
    min-width: 1em;
    min-height: 1em;

    padding: 4 8 4 8;
}

.cookie_setting_details {
    padding: 1.5em 1.5em;
}

.cookie_details_title {
    display: block;
    font-size: 1.1em;
    font-weight: 500;
}

.cookie_listing {
    padding: 0.6em 0;
}

.cookie_listing_entry {
    display: flex;

    border: 1px solid #999;
}

.cookie_listing_header {
    font-weight: 700 !important;
}

.cookie_listing_name {
    font-weight: 600;

    min-width: 14em;

    padding: 4 8 4 8;
}

.cookie_listing_description {
    padding: 4 8 4 8;

    overflow: scroll;
}

.cookie_settings_buttons {
    padding: 0.6em 1em;

    text-align: center;
}