#section-designer {
    margin-bottom: 70px;
}

#section-designer .alert-warning {
    text-align: left;
}

.section-designer-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.section-designer-header md-input-container {
    width: 100%;
    text-align: left;
}

.section-designer-header md-input-container:first-child {
    flex-basis: 19%;
}

.section-designer-header md-input-container:last-child {
    flex-basis: 9%;
}

.section-designer-header md-input-container:nth-child(2), .section-designer-header md-input-container:nth-child(3) {
    flex-basis: 34%;
}

.section-loader {
    margin: 18px;
}

.section-configuration, .section-category, .section-subcategory {
    width: 100%;
    margin-top: 18px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.section-configuration-header {
    background-color: #d6effa;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    font-weight: bold;
}

.section-configuration-container {
    padding: 20px;
    text-align: left;
}

.section-configuration-instruction, .section-configuration-unit input[type="file"] {
    margin-bottom: 16px;
}

.section-configuration-unit {
    display: flex;
}

.section-configuration-page-selection {
    margin: 18px 0px;
}

.section-configuration-unit-label {
    margin-right: 18px;
}

.section-configuration-unit md-input-container {
    margin: -3px 0px 0px 0px;
    padding: 0px;
    flex-grow: 1;
}

.section-configuration-unit md-autocomplete {
    margin-top: -10px;
    flex-grow: 1;
}

.section-configuration-unit md-radio-group {
    margin-top: -1px;
}

.section-configuration-unit md-select {
    margin-bottom: 18px;
}

.section-configuration-button {
    width: 100%;
    margin-top: 18px;
    display: flex;
    justify-content: center;
}

.section-configuration-button .md-button {
    padding: 0px 20px;
}

.section-designer-delete-button-container {
    width: 100%;
    display: flex;
    flex-flow: row-reverse wrap;
}

.section-configuration-file-import {
    margin: 0px 18px 18px 0px;
    flex-basis: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-configuration-border {
    border: dashed 2px #d6effa;
}

#sectionIcon {
    max-height: 100px;
}