: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.3;
	--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%;

	margin: 0px;
}

.h1, h1 {
	font-size: calc(1.375rem + 1.5vw);
}

.h2, h2 {
	font-size: calc(1.325rem + .9vw);
}

.h3, h3 {
	font-size: 1.75rem;
}

.h4, h4 {
	font-size: 1.55rem;
}

.h5, h5 {
	font-size: 1.35rem;
}

.h6, h6 {
	font-size: 1rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 400;
	line-height: 1.2;
}

.nav1,
.nav2,
.nav3 {
    display: table-cell;
}

.nav3 {
    padding-top: 0.2em;
}

.content_flex {
    display: flex;
}

.content_border {
    padding: 8px 8px;

    margin-bottom: 3px;

    border: 1px solid #aaa;
}

.content_indent {
    margin-left: 2.2em;
}

.project_title_shown {
    cursor: pointer;
}

/* Basics */

.script_title {
    font-size: 1.2em;

    padding: 0em 0.4em;
}

.link_prio1 {
    padding: 0.4em 2.8em;

    background: #3E7095;
    color: #fff;
}

.link_prio2 {
    padding: 0.4em 2.5em;

    background-color: #ddd;
    color: #444;
}

.link_prio1,
 .link_prio2 {
    text-align: left;
    display: inline-block;

    font-weight: 300;
    font-size: 1.0em;

    text-decoration: none;

    -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}

.link_selected {
    background: #3E7095;
    color: #fff;
}

.link_button_big {
    padding: 0.7em 1em;
    border-radius: 12px;

    background-color: #3E7095;
    color: #fff !important;

    margin-right: 4px;

    text-decoration: none;
}

.link_button_big:hover {
   opacity: 0.8;
}

button.link_prio1 {
    border: 0;

	cursor: pointer;
}

button.link_prio2 {
    border: 0;

    padding: 0.5em 1.8em;

    cursor: pointer;
}

button.disabled:hover
 {
	background-color: darkgray;
	text-decoration: line-through;
}

button.link_prio2:hover {
    opacity: 0.8;
}

.button_selected {
    background-color: darkgray !important;
}

.link_prio1:hover {
    opacity: 0.9;
}

.link_only_img {
    text-decoration: none;
}

.link_only_img img {
    width: 24px;
    height: 24px;
}

.link_with_img {
    display: flex;
    text-decoration: none;
}

.link_with_img img {
    width: 14px;
    height: 14px;

    padding-top: 0.3em;
}

.link_with_img span {
    padding-left: 0.2em;
}

.link_with_img:hover {
    text-decoration: underline;
}

/* Scripts/Files */

#options_container {
    padding: 0.6em 1.6em;
}

.manage_scripts_add_file_closed {
    padding-bottom: 1.1em;
}

.manage_scripts_add_file {
    padding-bottom: 1.1em;
}

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

.content_primary a {
    background-color: #6A98B7;
    color: #fff;
}

.script_secondary a {
    background-color: #ccc;
    color: #444;
    font-size: 0.9em;
}

.content_secondary a {
	background-color: #efefef;
	color: #444;
	font-size: 0.9em;
}

.add_file_form {
    margin: auto;
}

.add_file_form tr td,
 .add_file_form tr th {
    vertical-align: top;
}

a:visited:not(.link_prio1):not(.menu_button_open) {
    color: #121212;
}

.text_highlight {
    color: #29a0f5;
}

/* Content */

#menubar_centered {
    display: flex;

    background-image: url('../img_web/intro_bar.jpg');
    box-sizing: border-box;

	padding: 0.25em 0.7em;
}

#main_bar_centered {
    display: block;
    background-color: #E0E0E0;

    padding: 0.6em 1.2em 0.6em 1.2em;
}

#nav_centered_left {
    padding-top: 0.3em;
}

#nav_centered_center {
    display: inline-block;
}

#nav_centered_center {
    flex: 70%;
    text-align: center;
}

#nav_centered_right {
    min-width: 20px;
    text-align: right;

    padding-top: 0.3em;
}

.navigation_controls_main {
    display: flex;
    justify-content: end;

    flex: 1;
}

.menuitems_main {
    text-align: right;

    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.button_advanced_container {
    display: inline-block;

    padding-left: 0.6em;
    padding-top: 0.25em;
}

.button_advanced_container button {
    border: 0;
    background: transparent;
}

.centered_titles {
    display: inline-block;

    text-align: right;
    vertical-align: top;
    padding-top: 0.3em;

    font-size: 1.2em;
    color: #efefef;

    min-width: 4em;
}

.sidebar_before_menuitems {
    padding-bottom: 0.4em;
}

.project_basic_controls {
    padding-left: 2px;

    display: flex;
    gap: 12px;
}

#buttonbar {
    display: flex;
    gap: 16px;

    padding: 0.8em 1.6em;
}

/* Data Bar */

#data_bar_centered {
    display: flex;
}

#data_bar_content {
}

.data_bar_datasets {
    margin-top: 8px;
    margin-bottom: 8px;

    display: flex;
    flex-wrap: wrap;

    gap: 10px;
}

.data_bar_current_storage_parent {
    padding: 0 0.3em;

    border: 1px solid #ddd;
    border-radius: 8px;
}

.data_bar_current_storage {
    font-size: 1.15em;

    padding-left: 0.3em;
    padding-top: 0.4em;
}

.data_bar_main_storage {
    margin-top: 0.5em;

    border: 1px solid #ddd;
    border-radius: 8px;
}

.data_bar_main_storage a {
    display: flex;
    padding: 0.3em 0.5em;

    font-weight: bold;

    gap: 8px;
}

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

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

    margin-top: 0.5em;

    gap: 4px;
}

.data_bar_storage_instance:hover, .data_bar_storage_instance:active {
    background-color: #eee;
}

.data_bar_storage_instance_parent {
    display: flex;
    gap: 8px;
}

.data_bar_storage_instance {
    border: 1px solid #ddd;
    border-radius: 8px;

    padding: 0.3em 0.5em;

    width: 100%;

    display: flex;
    gap: 8px;

    cursor: pointer;
}

.data_bar_datasets .storage_subset_selector_item {
    font-size: 0.9em;
}

/* Buttonbar: Second */

#second_bar_centered {
    display: flex;
    position: relative;
}

#buttonbar_second {
    /*background-color: #E0E0E0;*/
    position: relative;
    margin-top: 2px;

    flex: 2;
    text-align: center;

    padding: 0.8em 1.6em;
}

#buttonbar_second_manage_scripts {
    text-align: left;

    width: 30em;
    margin: auto;
}

#buttonbar_storage {
    background-color: #E2E2E2;
    margin-top: 5px;

    padding: 0.8em 1.6em;
}

.application_link {
    word-wrap: anywhere;
}

.application_storage_link h4,
.application_file_link h4
{
    margin-top: 0.8em;
}

.application_storage_link a,
.application_file_link a
{
    text-decoration: none;
}

.application_storage_link {
    padding: 0.3em 0em;

    word-wrap: anywhere;
}

.application_storage_link a {
    display: inline-block;
    padding: 0.3em 0em;
}

.application_file_link {
    padding: 0.3em 0em;
}

.application_file_link a {
    display: inline-block;
    padding: 0.3em 0em;
}

.storage_advanced {
    display: flex;
    padding-top: 2px;
}

.storage_dataset_controls {
    display: inline-block;
}

.storage_add_dataset {
    display: inline-block;
}

.storage_subset_selector {
    display: inline-block;

    font-size: 0.9em;

    padding: 0.3em 0 0 0.7em;
}

.storage_subset_selector_item {
    border: 1px solid #fff;

    text-decoration: none;
    color: #000;

    padding: 0.2em 0.5em;
}

.storage_subset_selector_item:active {
    border: 1px dashed #ddd;
}

.storage_subset_selector_item:hover {
    border: 1px solid #ddd;
}

.storage_subset_selector_item_selected {
    font-weight: 700;
}

.storage_select_advanced {
    padding: 0.4em 2.5em;
    border-radius: 10px;

    background-color: #eee;
    color: #444;

    cursor: pointer;
}

.storage_select_advanced_open_edit {
    padding: 0.8em 1.2em;
    border-radius: 10px;

    background-color: #eee;
    color: #444;

    margin-left: 0.3em;

    cursor: pointer;
}

.storage_select_advanced_edit {
    padding-top: 0.3em;
}

.data_id {
    font-family: Courier;
}

.project_key {
    font-family: monospace;
}

.project_role {
    font-family: monospace;
}

.script_controls_main, .script_controls_data, .script_controls_second, .script_controls_edit {
    display: flex;
    gap: 8px;

    white-space: nowrap;
}

.script_controls_data_parent {
    width: 100%;

    padding-top: 0.3em;
}

.script_controls_data {
    display: flex;
    align-items: flex-start;
}

.script_controls_edit {
    gap: 10px;
}

.script_controls_push {
    flex: 5;
}

.centered_script_parameters {
    display: flex;
}

.homepage_link {
    display: flex;
    justify-content: center;
}

.centered_project_settings {
    display: flex;
    justify-content: end;

    gap: 12px;

    padding: 0.2em 0.2em 0.3em 0px;
}

.centered_project_settings div {
    display: flex;

    gap: 8px;
}

.button_manage_scripts {
    display: inline-block;
}

.button_goto_homepage_centered {
}

.button_project_settings {
}

.button_personal_settings {
}

.centered_script_settings {
    text-align: center;

    padding-top: 0.4em;
}

.centered_script_parameters {
    margin-left: 0.2em;
}

#window_options_container {
    flex: 30%;
}

.centered_design_buttons {
}

.script_horz {
    display: inline-block;
}

.main_script_button {
    padding: 8px 12px;

    border: 0 !important;

    margin-bottom: 0.4em;
}

#content {
    padding: 0.7em 1.7em 1.5em 1.7em;
}

#content_message_primary {
    border: 4px dashed #aae;

    padding: 8px 12px;
}

#page_content_scripts {
    padding-bottom: 2em;

	box-sizing: border-box;

    border-left: 2px solid #ECEBF1;
    border-right: 2px solid #ECEBF1;
    border-bottom: 2px solid #ECEBF1;

    background-color: #ffffff;

    margin: auto;
}

#content_edit {
}

/* Manage Scripts */

.manage_scripts_secondary_title {
    font-size: 1.5em;
    padding-top: 0.4em;
}

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

.manage_script_item_options_main, .manage_script_item_options_ext {
    display: flex;
    gap: 6px;

    padding-bottom: 6px;
}

.manage_script_item_options_ext {
    padding-bottom: 6px;
}

.manage_script_item {
    display: flex;

    width: 100%;
}

.manage_script_item_name {
    min-width: 10em;
}

/* Editor */

.editor {
}

.editor_row {
    display: flex;
}

.editor_frame {
    flex: 1;
}

.editor_frame:not(:first-child) {
    margin-left: 14px;
}

.editor_size_default {
    height: 45vh;
}

.editor_size_2 {
    height: 75vh;
}

.editor_size_3 {
    height: 95vh;
}

#script_run_errors,
 #default_errors {
    border: 1px dashed #000;

    background-color: #ddd;
    padding: 0.5em 1.5em;

    margin-top: 0.5em;

    width: 100%;

    color: red;
}

.content_script_buttons_left {
}

.content_script_buttons_right {
    display: flex;

    text-align: right;
}

.button_editor_help {
    margin-left: 1.2em;
}

.script_button_controls {
    margin-left: 5px;
}

.content_result_controls {
    text-align: left;

    padding-top: 0.4em;
    padding-right: 1.5em;

    font-size: 0.8em;
}

.content_editor_buttons {
    display: flex;

    padding: 0.8em 0px 0.6em 0px;
}

.editor_open_files_container {
    display: flex;
    gap: 4px;
}

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

    gap: 3px;
}

.editor_open_files_group:first-child {

}

.content_script_buttons_more {
    display: flex;
    gap: 9px;

    padding-bottom: 8px;
}

.button_editor_selected {
    background-color: #aaa;
}

.content_script_buttons_left {
    display: flex;
}

.content_script_buttons_center {
    flex: 1;
}

.button_open_new_file {
    display: flex;
    padding: 4px 12px 4px 8px;

    border: 0;
}

.button_open_new_file:hover {
    filter: drop-shadow(0px 0px 6px #D0D0D7);
}

.button_edit_file_title {
    padding-top: 0.2em;
    padding-right: 12px;
}

.button_open_new_file_related {
    background-image: url("../img/triangle.svg");

    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px 24px;
}

.button_file_editing {
    background-color: #FFE97F;
}

.button_file_current {
    background-color: #FFD500;
}

.content_selected {
    font-weight: 600;
}

.button_editor_mode_selected {
    background-color: #aaa;
}

/* Editor: Help */

.editor_help_container {
    display: flex;
    flex-direction: row-reverse;

    padding-bottom: 3px;
}

.editor_help_section {
    flex: 2 1 1;

    padding-left: 0.6em;
}

.editor_help_push {
    flex: 3 1 1;
}

.editor_help_controls {
    flex: 1;
}

.editor_help_section_title {
    display: block;
    font-weight: bold;

    background-color: #E0E0E0;

    padding: 4px 7px 4px 7px;
}

.editor_help_section_content {
    display: flex;

    padding: 4px 6px 6px 3px;
}

.editor_help_subsection:not(:first-child) {
    margin-left: 5px;
}

.editor_help_button {
    border: 0px !important;

    padding: 2px 4px;
}

.editor_help_button_space {
    margin-left: 4px;
}

.editor_help_explanation {
    font-size: 0.8em;
    color: #666;

    display: block;
}

.editor_help_link_container {
    display: inline-block;

    font-size: 0.9em;
}

.editor_help_link {
}

.editor_help_link_inline {
    font-weight: initial;
}

.editor_help_link,
 .editor_help_link_inline {
    color: #55e !important;
}

/* Misc */

.infotext_trigger {
    cursor: pointer;
}

.infotext {
    font-size: 0.8em;
    color: #777;
}

.infotext_trigger:hover .infotext {
    display: inline-block !important;
}

.readonly_help {
    border: 2px dashed #999;

    padding: 0.2em 0.6em;
    margin: 0.2em 0.2em;
}

.height_reduced {
    max-height: 45vh;

    overflow: scroll;
}

.error_box {
    border: 1px dashed #000;

    background-color: #ddd;
    padding: 0.5em 1.5em;

    margin-top: 0.5em;

    width: 100%;

    color: red;
}

/* Input: User Fields */

.field_size1 {
    width: 15em;
}

.field_size2,
.field_size3,
.field_size4
{
    width: 50%;
}

.field_size5,
.field_size6,
.field_size7,
.field_size8
{
    width: 80%;
}

.field_size9,
.field_size10
{
    width: 95%;
}

textarea.field_size1,
textarea.field_size2
{
    height: 10em;
}

textarea.field_size3,
textarea.field_size4,
textarea.field_size5,
textarea.field_size6
{
    height: 30em;
}

textarea.field_size7,
textarea.field_size8,
textarea.field_size9,
textarea.field_size10
{
    height: 60vh;
}

/* Script Settings */

.script_settings {
    padding: 0.3em 0.6em 0.3em 0em;
}

.script_setting {
    padding: 0em 0.1em;
}

.script_setting_label {
    font-size: 0.9em;
}

.script_setting_field {
    margin-right: 0.5em;
}

/* Project Settings */

.project_settings_introduction {
    background-color: #E2E2E2;

    padding: 0.8em 1.6em;
    margin-top: 5px;
    margin-bottom: 1.5em;
}

.project_settings_content {
    width: 95%;
    margin: 1em auto 1em auto;
}

.table_project_settings tr td {
    vertical-align: top;
    min-width: 9em;

    padding: 2px 3px;
}

button.project_settings_button_control {
    margin-right: 0.4em;
}

.button_tab_0, .button_tab_1, .button_tab_2, .button_tab_3 {
    border-radius: 10px;

    margin-top: 0.1em;
    margin-bottom: 0.2em;
}

.project_settings_project_description {
    width: 100%;
}

.project_settings_role_parent {
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}

.project_settings_role_name {
    border: 1px solid #555;
    border-radius: 8px;

    background-color: #EBF0FD;

    padding: 0.4em 1em;

    margin-bottom: 0.3em;

    width: fit-content;
}

.project_settings_warn_information {
    border-left: 4px solid #F0C100;

    padding: 0.4em 1.2em;

    background-color: #FCF9E7;
}

.project_settings_information {
    border: 2px dashed #aaa;

    padding: 0.3em 1.2em;

    margin: 0.2em 0;

    background-color: #fff;
}

.access_block {
    display: flex;

    padding: 8px 8px;

    margin-bottom: 3px;

    border: 1px solid #aaa;
}

.access_block_icon {
    padding-right: 3px;
}

.access_block_content {
}

.project_settings_group {
    display: flex;
    flex-direction: column;
    gap: 1px;

    padding: 0.6em 0;
}

.project_settings_owner_add {
    display: flex;
    gap: 6px;
}

/* User Settings */

.table_user_settings tr td {
    vertical-align: top;
}

/* Output */

.script_run_status_message {
    padding: 0.5em;
    margin-top: 25px;
    background-color: #F0E68C;

    opacity: 0.7;

    position: absolute;
}

.content_result_wrapper {
    position: relative;
}

.content_result_wrapper_status_running {
}

#content_script_result_html_messages {
    padding-bottom: 1em;
}

#content_script_result_text {
    white-space: pre;

    min-width: 60%;
    min-height: 50vh;
}

#content_script_result_table {
    padding-top: 1em;
}

#content_script_header {
    color: #444;
    font-style: italic;

    padding: 0.2em 0.5em;
    margin-bottom: 0.4em;

    border: 1px dashed #aaa;
}

/* Special */

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

	font-size: 0.9em;

	width: 600px;
	height: 80vh;

	z-index: 10;

	position: absolute;

	padding: 1em;

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

	display: none;
}

/* General */

.link_small {
    font-size: 0.9em;
}

.link_hover:hover {
    background-color: #dddddd;
}

.link_hover_light:hover {
    opacity: 0.7;
}

.perm_link {
    color: blue !important;
}

.error_basic {
    color: #ffbbbb;
}

.error_normal {
    color: #ff6666;
}

.content_button {
    border: 1px solid #999;
    padding: 3px 6px;
}

.button {
    border: 1px solid #999;
}

.button_with_img {
    padding: 0px 0.7em;
}

.button:hover {
    background-color: #dddddd;
}

.button_hidden {
    display: none;
}

.button_function {
    border: 1px solid #999;
    border-radius: 6px;

    padding: 2px 6px;

    background-color: #fff;
}

.button_function:hover {
    background-color: #dddddd;
}

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

.button_default {
	padding: 3px 8px;
}

.button_small {
	margin-right: 4px;

	padding: 2px 4px;
}

.button_icon:hover {
    border-radius: 4px;
}

.button_important {
	padding: 6px 8px;
}

.button_borderless {
    border: 0;
}

.button_transparent {
    background: transparent;
}

.button_control {
    padding: 2px 4px;

    margin-right: 4px;

    border: 0;
}

.button_editor {
    padding: 5px 11px;

    border: 0;
}

.button_editor_icon {
    padding: 2px 4px;

    border: 0;
}

.editor_buttons_right {
    display: flex;
    gap: 3px;
}

.editor_current_file_filename {
    font-size: 0.9em;

    padding: 0.4em 0.7em 0 0.7em;
    min-width: 8em;

    text-align: center;
}

.editor_main_buttons_group {
    min-width: 10em;

    display: flex;
    gap: 9px;
}

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

    margin-left: 8px;
    margin-right: 8px;
}

.editor_button_group_push {
    flex: 1;
}

.editor_button_group_element {
    padding-top: 0.2em;
    padding-right: 0.2em;
}

.editor_button_group:first-child {
    margin-left: 0;
}

.editor_file_actions_container {
    display: flex;

    gap: 4px;
}

.editor_file_actions_group {
    display: flex;

    flex-direction: column;
    gap: 3px;

    min-width: 10em;
}

.editor_open_more_files {
    display: flex;

    justify-content: right;
    gap: 12px;

    margin-bottom: 8px;
}

.button_editor_selected {
    background-color: #CCCCCC !important;
}

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

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

.button_link {
    cursor: hand;

    border: 1px solid rgb(153, 153, 153);
    padding: 0.3em 0.6em;

    color: #000;
}

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

.button_style_disabled {
}

.img_svg {
    max-width: 22px;
}

.img_svg_size2 {
    max-width: 25px;
}

.img_svg_size3 {
    max-width: 28px;
}

.img_svg_size4 {
    width: 34px;
    height: 34px;
}

.img_svg_small {
    max-width: 12px;

    padding-top: 4px;
}

.img_svg_smaller {
    max-width: 18px;

    padding-top: 2px;
}

.img_svg_big2 {
    width: 58px;
    height: 58px;
}

.img_svg_big3 {
    width: 84px;
    height: 84px;
}

.table_cell_left {
    display: table-cell;

    width: 50%;
}

.table_cell_right {
    display: table-cell;

    width: 50%;

    text-align: right;
}

.space_right {
    margin-right: 0.6em;
}

/* Cookies */

.cookies_info {
    position: fixed;
    margin: auto;

    right: 6%;
    bottom: 11%;

    width: 400px;
    padding: 6px 12px;

    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: 6px 0px;
}

.cookies_info_content {
    padding: 6px 0px;
}

.cookies_info_settings {
}

.cookies_info_settings button {
    width: 50%;
    box-sizing: border-box;

    cursor: pointer;

    margin: 6px 0px;
    padding: 8px 12px;
}

.cookies_popup {
    position: fixed;
    margin: 0px 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: 0px 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: 0px;
	padding: 0px;

	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: 4px 8px 4px 8px;
}

.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 0px;
}

.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: 4px 8px 4px 8px;
}

.cookie_listing_description {
    padding: 4px 8px 4px 8px;

    overflow: scroll;
}

.cookie_settings_buttons {
    padding: 0.6em 1em;

    text-align: center;
}