/* Main */

html {
    background-color: #f4f6f8 !important;
}
body {
    background-color: #f4f6f8;
}

.uk-section {
    padding-top: 12px !important;
}

.uk-container-small {
    width: 70%;
    margin: auto;
}

.uk-section-default {
    background-color: transparent !important;
}

.uk-heading-small {
    font-size: 1.3em !important;
}
.uk-heading-medium {
    font-size: 1.8em !important;
}

.page_header_background {
    background: url(../img/back.jpg);
    background-size: cover;

    padding: 1.5em 0;
}

.page_header_background_white {
    padding: 0.8em 1em;
}

.background-white {
    padding: 0.7em 1em;
    background-color: #fff;
    border: 1px solid #ddd;
}

.swiped {
    opacity: 0.7;
}

/* Controls */

.link_selected {
    background-color: #ddd !important;
}

#data-table {
    border-collapse: collapse;
}

#data-table tbody tr td, #data-table thead tr th
{
    text-align: left;

    vertical-align: top;
    padding: 2px 5px;

    border: 1px solid #bbb;
}

.toolbox {
    display: flex;
    gap: 12px;
}

.img_button_default {
    width: 18px;
    min-width: 18px;

    max-height: 18px;
}

.link_switch_page {
    border-radius: 6px !important;
}

/* Page */

.page_header {
    display: flex;
}

.page_header_center {
    align-items: center;
    flex-flow: column;
}

.page_header_big {
    border-radius: 24px;
    border: 3px solid #fff;

    padding: 0.6em 2.0em;

    width: fit-content;

    cursor: pointer;
}

.page_header_big_blue {
    background: linear-gradient(135deg, #4a90e2, #007aff);
}

.page_header_big_green {
    background: #2ecc71;
}

.page_header_big_orange {
    background: #e67e22;
}

.page_header_big_purple {
    background: #9b59b6;
}

.page_header_big_h1 {
    margin: 0;

    font-size: 1.4em;

    color: #fff !important;
}

.page_header_reduced {
    border-radius: 24px;
    border: 2px solid #fff;

    padding: 0.6em 2.2em;

    width: fit-content;

    background-color: #7f8c8d;
}

.page_header_reduced h1 {
    margin: 0;
    color: #fff;

    font-size: 1.4em;

    color: #fff !important;
}

.page_header_links {
    padding-left: 1.8em;
    padding-top: 0.5em;
}

.page_header_fill {
    flex: 5;
}

.page_header_right {
    flex: 2;

    display: flex;
    justify-content: end;
    gap: 12px;
}

.page_header_right_content {
}

.page_header_right_content a {
    margin-left: 12px;
}

.page_header_right_textonly {
}

.page_header_right_textonly a {
    display: inline-block;

    padding: 0.3em 0.6em;
}

.page_header_margin {
    margin-bottom: 1.1em !important;
}

.page_options {
}

.page_options_content {
    display: flex;
    gap: 22px;

    justify-content: center;
}

.page_options_content a {
    display: inline-block;
}

/* Navigation */

.nav_link_small {
    border-radius: 14px;
    border: 2px solid #fff;

    color: #fff;

    padding: 0.3em 1.6em;

    width: fit-content;
    background-color: #999;
}

.nav_link_small:active {
    color: #fff;
}

/* Add */

.add_entry_categories {
    padding-top: 0.3em;

    display: flex;
    flex-flow: wrap;

    gap: 12px;
}

.property_row {
    display: flex;

    gap: 12px;
}

/* Configuration */

.configuration_row {
    margin-bottom: 0.8em;
}

.configuration_category_wrapper {
    display: flex;

    gap: 12px;

    margin-bottom: 5px;
}

.configuration_category_label {
    display: inline-block;

    min-width: 7em;

    padding: 0.3em 1.2em;

    border-radius: 3px;
    border: 1px dashed #666;
}

.configuration_attribute_label {
    min-width: 7em;

    padding: 0.3em 1.2em;

    border-radius: 3px;
    border: 1px dashed #666;
}

/* Select */

.item_selected {
    background-color: #fceeb3 !important;
}

/* Edit */

.edit-form {
    display: flex;
    flex-direction: column;
}

.edit-form-name-parent {
    padding: 0;
}

.edit-form-inline-controls {
    flex: 2;

    display: flex;
    justify-content: center;

    gap: 12px;

    padding-top: 0.8em;
}

.edit-row {
    display: flex;

    gap: 12px;
}

.edit-row-label {
    display: inline-block;

    min-width: 12em;
}

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

    gap: 12px;
}

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

    gap: 12px;
}

.item_controls_buttons_row {
    display: flex;

    gap: 12px;
}

.item_controls_links_row {
    display: flex;

    gap: 12px;

    align-items: center;
}

.start_prop_list_options {
    padding-top: 0.8em;
}

/* Edit: Inline */

.edit-inline-title-row {
    display: flex;

    gap: 12px;
}

.edit-inline-category {
    padding: 1em 1.5em;
}

.edit-inline-title {
    padding: 0.3em 0.8em;

    font-size: 1.25rem;
    line-height: 1.4;

    border: 0px solid #ddd;
}

.prop-label-inline {
    margin-right: 6px;

    width: 5em;
}

.prop-value-inline {
    width: 12em;
}

.prop-label-inline, .prop-value-inline {
    display: inline-block;
    min-width: 2em;

    padding: 0.6em 0.8em;

    color: #666;
}

.edit-inline-buttons {
    display: flex;

    gap: 12px;

    padding-top: 0.8em;
}

.edit-inline-empty {
    border-width: 0;

    background-color: #ddd;
}

.edit-inline-has-focus {
    border-width: 1;
}

.edit-inline-category-existing {
    padding-top: 0.4em;

    display: flex;
    gap: 8px;

    flex-flow: wrap;
}

.edit-inline-category-suggestions {
    padding-top: 0.4em;
    padding-bottom: 0.4em;

    display: flex;
    gap: 8px;

    flex-flow: wrap;
}

/* List */

.cell_title {
    font-weight: 700;
}