:root {
    --primary-color: #2f71aa;
    --primary-active-color: #6d9dc5;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

main .container {
    margin-top: 2vmin !important;
    margin-bottom: 2vmin !important;

    max-width: 1400px !important;
    width: 95% !important;
}

.base-color {
    background-color: var(--primary-color) !important;
}

.active-color {
    background-color: var(--primary-active-color) !important;
}

.warn-color {
    background-color: #e53935 !important;
}

.base-text-color {
    color: var(--primary-color) !important;
}

.black-text-color {
    color: black !important;
}

.warn-text-color {
    color: #e53935 !important;
}

.background-color {
    background-color: #eeeeee !important;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 2em 0 2em 0;
}

/*
Adjustments
 */

.card-panel .row {
    margin-bottom: 0;
}

.table-action {
    padding-left: 5px;
    padding-right: 5px;
}

.tab-top-margin {
    margin-top: 2vmin !important;
}

/*
Special
*/

.dynamic-element-delete-button {
    margin-top: 1.5rem;
}

.dynamic-element-delete-button > i {
    font-size: 2em !important;
}

.card-panel-header {
    font-size: 1.5em;
}

.headline-button-container {
    display: flex;
    align-items: center;
}

.headline-button-container h3 {
    flex-grow: 1;
}

.bullet-point-list {
    padding-left: 30px !important;
}

.bullet-point-list > li {
    list-style-type: disc !important;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.hint-label {
    font-size: 0.8em;
    color: #757575; /*grey darken-1*/
}

/* Attachments */

.attachment-attachedProtocol {
    padding-left: 15px;
}

.attachment-clear-button {
    color: #757575;
    cursor: pointer;
}

/* Changelog */

.changelog-component-icon {
    padding-right: 10px;
    vertical-align: bottom;
}