.advanced-input-container {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;

    width: 100%;
    height: 32px;
    margin-bottom: 8px;
}

.remove-advanced-input {
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px;
    vertical-align: middle;
}

.remove-advanced-input:hover {
    cursor: pointer;
}

.add-advanced-input {
    width: 24px;
    height: 24px;
}

.add-advanced-input:hover {
    cursor: pointer;
}

.select-advanced,
.advanced-key {
    width: 50% !important;
    margin-right: 4px;
}

.collapsible-input  {
    flex-direction: row;
    display: none;
}

.expand-overview-input {
    width: 24px;
    height: 24px;
}


.input-description > .icon {
    width: 0.9rem;
    height: 0.9rem;
    cursor: pointer;
}

.collapsible-trigger {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.collapsible-trigger > .title {
    margin-left: 10px;
}

.break {
    flex-basis: 100%;
    height: 0;
}
.empty {
    flex-grow: 1;
}

.input-component > .input-checkbox {
    flex-basis: auto;
}

.data-row {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    min-height: 100px;
}
.header-row {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
}

.data-header {
    flex-grow: 1;
    box-sizing: border-box;
    flex-basis: 0;
    text-align: center;
}
.data-cell {
    flex-grow: 1;
    box-sizing: border-box;
    max-width: calc(100% / 10);
    align-items: center;
    flex-basis: 0;
}
.table-container {
    padding: 10px;
}

.first-cell {
    flex-grow: 2;
    max-width: calc(100% / 5);
}

.data-header > .input-helptext {
    max-width: calc(100% / 10);
}

.data-cell > input {
    display: block;
    margin : auto;
}

.voucher-input {
    width: 200px;
    margin-bottom: 8px;
    flex: 0 1 100%;
}

.voucher-container {
    display:flex;
    flex-wrap: wrap;
}

.voucher-box {
    flex: 1 0 45%; /* explanation below */
    margin: 5px;
}

.float-left-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.voucher-tour-row {
    flex: 0 1 100%;
}

.vocuher-span {
    margin-left:10px;
}