/* variable definiton */
:root {
    --global__color_blue_amag:       rgba(0,    69, 125,   1);
    --global__color_darkblue_amag:   rgba(0,    69, 125, 0.7);
    --global__color_red_amag:        rgba(153,  16,   0,   1);
    --global__color_darkred_amag:    rgba(153,  16,   0, 0.7);
    --global__color_grey_amag:       rgba(123, 123, 122,   1);
    --global__color_darkgrey_amag:   rgba(123, 123, 122, 0.7);

    --global__color_darkgreyblue:    rgba(19,   21,  25,   1);
    --global__color_white:           rgba(255, 255, 255,   1);
    --global__color_white_opacity_1: rgba(255, 255, 255, 0.1);
    --global__color_white_opacity_2: rgba(255, 255, 255, 0.2);
}

input,
select,
textarea {
    background: var(--global__color_white_opacity_1) !important;
    padding: 1.25em 1em !important;
}

#app {
    background: var(--global__color_darkgreyblue);
}

.theme--dark.v-app-bar.v-toolbar.v-sheet,
.theme--light.v-card,
.v-application .primary {
    background: var(--global__color_white_opacity_1) !important;
    border-color: none;
    color: var(--global__color_white);
}

.theme--light.v-label,
.theme--light.v-label--is-disabled,
.theme--light.v-input,
.theme--light.v-input input,
.theme--light.v-input textarea,
.theme--light.v-input--is-disabled,
.theme--light.v-input--is-disabled input,
.theme--light.v-input--is-disabled textarea,
.v-input--is-disabled:not(.v-input--is-readonly) {
    color: var(--global__color_white) !important;
}

.v-btn:not(.v-btn--round).v-size--default {
    background: var(--global__color_red_amag) !important;
}

.v-toolbar__title {
    text-indent: -200px;
}

.v-toolbar__title::after {
    content: "Auktion & Markt AG - Konferenzsystem";
    text-indent: 80px;
    display: inline-block;
}

main .v-btn__content {
    text-indent: -400px;
}

main .v-btn__content::after {
    content: "Starte Meeting";
    text-indent: 0;
}