:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13,110,253;
	--bs-secondary-rgb: 108,117,125;
	--bs-success-rgb: 25,135,84;
	--bs-info-rgb: 13,202,240;
	--bs-warning-rgb: 255,193,7;
	--bs-danger-rgb: 220,53,69;
	--bs-light-rgb: 248,249,250;
	--bs-dark-rgb: 33,37,41;
	--bs-white-rgb: 255,255,255;
	--bs-black-rgb: 0,0,0;
	/*--bs-body-color-rgb: 33,37,41;*/
	--bs-body-color-rgb: 51,51,51;
	--bs-body-bg-rgb: 255,255,255;
	--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
}

body {
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;

	height: 100%;
	display: flex;
	flex-direction: column;
}

a:visited:not(.btn_default):not(.link_button) {
    color: #333;
}

a:hover:not(.btn_default):not(.link_button) {
    color: #666;
}

.page_layout_main {
    display: flex;

    flex: 3;
}

div.writer_page_content {
    min-height: 70vh;
    box-sizing: border-box;

    padding-bottom: 2em;
}

.writer_page_default_content {
    padding: 0px 1.5em;
}

.writer_space_wrapper {
    flex: 2;
}

.writer_page_content_space {
    padding-top: 1em;

    flex: 9;
}

.page_layout_column_menu {
    text-align: right;
}

.page_layout_column_right {
}

/* Page Links */

.link_container_top:before {
    content: '';
    flex: 1;
}

.link_container_top:after {
    content: '';
    flex: 1;
}

.link_container_top {
    display: flex;

    padding: 0.9em 0.2em;
}

.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}

.toolbox {
    display: flex;

    min-height: 2.9em;
}

.toolbox_left {
    flex: 2;

    gap: 8px;

    display: flex;

    padding: 0.8em 0 0 1.9em;
}

.toolbox_center {
}

.toolbox_other_organisations {
    display: flex;
    flex-direction: column;
    gap: 5px;

    padding: 5px 18px 0 0;
}

.small_content_in_toolbox {
    padding-top: 0.7em;
}

.header_button_home {
    padding: 0px 7px;
}

.header_button_home img {
    opacity: 0.5;
}

.toolbox_right {
    display: flex;

    text-align: right;

    padding: 0.4em 0.8em 0.25em 0;
}

.toolbar_navigation {
    display: flex;

    padding: 0.2em 0.8em 0 0;
}

#button_store_work {
    opacity: 0.7;
}

.prio2_content_in_toolbox {
    opacity: 0.7;
}

/* Layout */

.header_layout_left,
 .page_layout_column_menu {
    width: 15%;
}

.header_layout_center,
 .writer_page_content {
    flex: 2;
}

.header_layout_right,
 .page_layout_column_right {
    width: 15%;
}

/* Header */

.tool_header {
    display: flex;
}

.header_layout_left {
    padding: 0;

    display: flex;
    justify-content: right;
}

.header_layout_center {
    padding: 0;
}

.header_layout_right {
}

.domain_name {
    color: #333;

    padding: 2px 0 0 3px;
}

.user_status {
    display: flex;

    padding: 0.2em 0.3em 0 0;
}

.navigation_main_steps {
    display: flex;
}

.navigation_add_page {
    padding: 0.2em 1em 0 0;
}

.navigation_goto_main_org {
    display: flex;

    padding: 0.3em 0.8em 0 0;
}

.navigation_goto_website {
    display: flex;

    padding: 0.3em 0.8em 0 0;
}

.navigation_goto_website_button {
    display: flex;
    gap: 4px;

    opacity: 0.7;
    background-color: #F5F5DC;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.navigation_goto_organisation_button {
    display: flex;

    opacity: 0.7;
    background-color: #F5F5DC;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.navigation_goto_website_button:hover, navigation_goto_organisation_button:hover {
    opacity: 1;
}

/* Options */

.options_section_container {
    padding: 0 1.9em;

    display: flex;

    margin-bottom: 1.8em;
}

.options_section_decoration {
    padding: 0.8em 1.9em;

    background-color: #eee;
    border-right: 1px solid #777;

    flex: 1;
}

.options_section_decoration img {
    width: 7em;
    height: 7em;
}

.options_section_content {
    padding: 0 1.9em;

    flex: 8;
}

.options_subsection_container {
    padding: 0 1.9em 0 0;

    display: flex;

    margin-top: 1.6em;
}

.options_subsection_decoration {
    padding: 0.5em 1.4em;

    background-color: #eee;
    border-right: 1px solid #777;

    flex: 1;
}

.options_subsection_decoration img {
    width: 4em;
    height: 4em;
}

.options_subsection_content {
    padding: 0 1.6em;

    flex: 8;
}

/* Contents */

.writer_content_wrapper {
    display: flex;
}

.writer_content {
    padding: 1.7em 1em 0em 1em;

    flex: 9;
}

.writer_content_centered {
    /*text-align: center;*/

    padding-top: 6em !important;

    padding-left: 25% !important;
    padding-right: 2.5em !important;
}

.writer_content_right {
    padding-left: 12px;
    padding-right: 6px;

    font-size: 0.95em;
    color: #555;
}

/* Menu */

.menu_content_full {
    padding: 0.5em 0;
}

.menu_content {
}

/* Main */

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.flex_layout_small {
    padding: 0.2em 0px;

    display: flex;
    gap: 5px;
}

.area_loading {
    animation: loading_indication 1.3s linear infinite;
}

.loading {
    min-height: 2em;

    animation: loading_indication 1.6s linear infinite;
}

@keyframes loading_indication {
  0%   { opacity: 1; background: #eee; }
  50%  { opacity: 0.6; background: #c9c9c9; }
  100% { opacity: 1; background: #eee; }
}

/* Headers */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-top: 0em;
	margin-bottom: 0.1em;

	padding-top: 0.1em;
	padding-bottom: 0.1em;
	line-height: 1.2;
}

.h1, .h2, .h3, h1, h2, h3 {
	font-weight: 400;
}

/*
.h3, h3, .h4, h4 {
	padding-top: 0.3em;
}*/

.h4, .h5, .h6, h4, h5, h6 {
	font-weight: 600;
}

.h1, h1 {
    font-size: 2.5em;
}

.h2, h2 {
    font-size: 1.8em;
}

.h3, h3 {
    font-size: 1.5em;
}

.h4, h4 {
	font-size: 1.3em;
}

.h5, h5 {
	font-size: 1.2em;
}

.h6, h6 {
	font-size: 1.0em;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	width: 100%;
	padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem);
}

*, ::after, ::before {
	box-sizing: border-box;
}

.writer_files {
    margin-top: 3em;

    font-size: 0.8em;
}

/* Print */

@media print {

    body {
        font-size: 0.9em;
        font-family: Arial, Helvetica;

        line-height: 1.4;

        height: initial !important;
    }

    .tool_header {
        display: none;
    }

    .page_layout_main {
        flex-direction: column;
    }

    .page_layout_column_menu {
        display: none;
        flex: 0;

        text-align: left;
    }

    .container_toc {
        padding-left: 0 !important;
    }

    .page_layout_column_right {
        display: none;
    }

    .content_options {
        display: none !important;
    }

    .writer_page_content {
        padding-bottom: 0px !important;

        /*padding-left: 1em;
        padding-right: 1em;*/
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }

    .entry_left {
        display: none !important;
    }

    .p {
        padding: 0.2em 0em;
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-top: 0.2em;
        margin-bottom: 0.1em;

        padding-top: 0;
        padding-bottom: 0;

        line-height: 1;
    }

    /*
    .h1, h1 {
        font-size: 2.5em;
    }

    .h2, h2 {
        font-size: 1.8em;
    }

    .h3, h3 {
        font-size: 1.5em;
    }

    .h4, h4 {
    	font-size: 1.3em;
    }

    .h5, h5 {
    	font-size: 1.2em;
    }

    .h6, h6 {
    	font-size: 1.0em;
    }*/

    .header {
        margin-top: 0.2em;
    }

    .writer_page_content {
        min-height: initial !important;
    }
}