/*!
 * # Semantic UI 2.3.3 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.form {
    position: relative;
    max-width: 100%
}

    .ui.form > p {
        margin: 1em 0
    }

    .ui.form .field {
        clear: both;
        margin: 0 0 1em
    }

        .ui.form .field:last-child,
        .ui.form .fields:last-child .field {
            margin-bottom: 0
        }

    .ui.form .fields .field {
        clear: both;
        margin: 0
    }

    .ui.form .field > label {
        display: block;
        margin: 0 0 .28571429rem;
        color: rgba(0, 0, 0, .87);
        font-size: .92857143em;
        font-weight: 700;
        text-transform: none
    }

    .ui.form input:not([type]),
    .ui.form input[type=date],
    .ui.form input[type=datetime-local],
    .ui.form input[type=email],
    .ui.form input[type=file],
    .ui.form input[type=number],
    .ui.form input[type=password],
    .ui.form input[type=search],
    .ui.form input[type=tel],
    .ui.form input[type=text],
    .ui.form input[type=time],
    .ui.form input[type=url],
    .ui.form textarea {
        width: 100%;
        vertical-align: top
    }

    .ui.form ::-webkit-datetime-edit,
    .ui.form ::-webkit-inner-spin-button {
        height: 1.21428571em
    }

    .ui.form input:not([type]),
    .ui.form input[type=date],
    .ui.form input[type=datetime-local],
    .ui.form input[type=email],
    .ui.form input[type=file],
    .ui.form input[type=number],
    .ui.form input[type=password],
    .ui.form input[type=search],
    .ui.form input[type=tel],
    .ui.form input[type=text],
    .ui.form input[type=time],
    .ui.form input[type=url] {
        font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
        line-height: 1.21428571em;
        padding: .67857143em 1em
    }

    .ui.form input:not([type]),
    .ui.form input[type=date],
    .ui.form input[type=datetime-local],
    .ui.form input[type=email],
    .ui.form input[type=file],
    .ui.form input[type=number],
    .ui.form input[type=password],
    .ui.form input[type=search],
    .ui.form input[type=tel],
    .ui.form input[type=text],
    .ui.form input[type=time],
    .ui.form input[type=url],
    .ui.form textarea {
        margin: 0;
        outline: none;
        -webkit-appearance: none;
        tap-highlight-color: hsla(0, 0%, 100%, 0);
        font-size: 1em;
        background: #fff;
        border: 1px solid rgba(34, 36, 38, .15);
        color: rgba(0, 0, 0, .87);
        border-radius: .28571429rem;
        -webkit-box-shadow: 0 0 0 0 transparent inset;
        box-shadow: inset 0 0 0 0 transparent;
        -webkit-transition: color .1s ease, border-color .1s ease;
        transition: color .1s ease, border-color .1s ease
    }

    .ui.form textarea {
        padding: .78571429em 1em;
        line-height: 1.2857;
        resize: vertical
    }

        .ui.form textarea:not([rows]) {
            height: 12em;
            min-height: 8em;
            max-height: 24em
        }

    .ui.form input[type=checkbox],
    .ui.form textarea {
        vertical-align: top
    }

    .ui.form input.attached {
        width: auto
    }

    .ui.form select {
        display: block;
        height: auto;
        width: 100%;
        background: #fff;
        border: 1px solid rgba(34, 36, 38, .15);
        border-radius: .28571429rem;
        -webkit-box-shadow: 0 0 0 0 transparent inset;
        box-shadow: inset 0 0 0 0 transparent;
        padding: .62em 1em;
        color: rgba(0, 0, 0, .87);
        -webkit-transition: color .1s ease, border-color .1s ease;
        transition: color .1s ease, border-color .1s ease
    }

    .ui.form .field > .selection.dropdown {
        width: 100%
    }

        .ui.form .field > .selection.dropdown > .dropdown.icon {
            float: right
        }

    .ui.form .inline.field > .selection.dropdown,
    .ui.form .inline.fields .field > .selection.dropdown {
        width: auto
    }

        .ui.form .inline.field > .selection.dropdown > .dropdown.icon,
        .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon {
            float: none
        }

    .ui.form .field .ui.input,
    .ui.form .fields .field .ui.input,
    .ui.form .wide.field .ui.input {
        width: 100%
    }

    .ui.form .inline.field:not(.wide) .ui.input,
    .ui.form .inline.fields .field:not(.wide) .ui.input {
        width: auto;
        vertical-align: middle
    }

    .ui.form .field .ui.input input,
    .ui.form .fields .field .ui.input input {
        width: auto
    }

    .ui.form .eight.fields .ui.input input,
    .ui.form .five.fields .ui.input input,
    .ui.form .four.fields .ui.input input,
    .ui.form .nine.fields .ui.input input,
    .ui.form .seven.fields .ui.input input,
    .ui.form .six.fields .ui.input input,
    .ui.form .ten.fields .ui.input input,
    .ui.form .three.fields .ui.input input,
    .ui.form .two.fields .ui.input input,
    .ui.form .wide.field .ui.input input {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 0
    }

    .ui.form .error.message,
    .ui.form .success.message,
    .ui.form .warning.message {
        display: none
    }

    .ui.form .message:first-child {
        margin-top: 0
    }

    .ui.form .field .prompt.label {
        white-space: normal;
        background: #fff !important;
        border: 1px solid #e0b4b4 !important;
        color: #9f3a38 !important
    }

    .ui.form .inline.field .prompt,
    .ui.form .inline.fields .field .prompt {
        vertical-align: top;
        margin: -.25em 0 -.5em .5em
    }

        .ui.form .inline.field .prompt:before,
        .ui.form .inline.fields .field .prompt:before {
            border-width: 0 0 1px 1px;
            bottom: auto;
            right: auto;
            top: 50%;
            left: 0
        }

    .ui.form .field.field input:-webkit-autofill {
        border-color: #e5dfa1 !important
    }

        .ui.form .field.field input:-webkit-autofill,
        .ui.form .field.field input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 100px ivory inset !important;
            box-shadow: inset 0 0 0 100px ivory !important
        }

            .ui.form .field.field input:-webkit-autofill:focus {
                border-color: #d5c315 !important
            }

    .ui.form .error.error input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 100px #fffaf0 inset !important;
        box-shadow: inset 0 0 0 100px #fffaf0 !important;
        border-color: #e0b4b4 !important
    }

    .ui.form ::-webkit-input-placeholder {
        color: hsla(0, 0%, 75%, .87)
    }

    .ui.form :-ms-input-placeholder {
        color: hsla(0, 0%, 75%, .87)
    }

    .ui.form ::-moz-placeholder {
        color: hsla(0, 0%, 75%, .87)
    }

    .ui.form :focus::-webkit-input-placeholder {
        color: hsla(0, 0%, 45%, .87)
    }

    .ui.form :focus:-ms-input-placeholder {
        color: hsla(0, 0%, 45%, .87)
    }

    .ui.form :focus::-moz-placeholder {
        color: hsla(0, 0%, 45%, .87)
    }

    .ui.form .error ::-webkit-input-placeholder {
        color: #e7bdbc
    }

    .ui.form .error :-ms-input-placeholder {
        color: #e7bdbc !important
    }

    .ui.form .error ::-moz-placeholder {
        color: #e7bdbc
    }

    .ui.form .error :focus::-webkit-input-placeholder {
        color: #da9796
    }

    .ui.form .error :focus:-ms-input-placeholder {
        color: #da9796 !important
    }

    .ui.form .error :focus::-moz-placeholder {
        color: #da9796
    }

    .ui.form input:not([type]):focus,
    .ui.form input[type=date]:focus,
    .ui.form input[type=datetime-local]:focus,
    .ui.form input[type=email]:focus,
    .ui.form input[type=file]:focus,
    .ui.form input[type=number]:focus,
    .ui.form input[type=password]:focus,
    .ui.form input[type=search]:focus,
    .ui.form input[type=tel]:focus,
    .ui.form input[type=text]:focus,
    .ui.form input[type=time]:focus,
    .ui.form input[type=url]:focus,
    .ui.form textarea:focus {
        color: rgba(0, 0, 0, .95);
        border-color: #85b7d9;
        border-radius: .28571429rem;
        background: #fff;
        -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset;
        box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35)
    }

    .ui.form textarea:focus {
        -webkit-appearance: none
    }

    .ui.form.success .success.message:not(:empty) {
        display: block
    }

    .ui.form.success .compact.success.message:not(:empty) {
        display: inline-block
    }

    .ui.form.success .icon.success.message:not(:empty) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ui.form.warning .warning.message:not(:empty) {
        display: block
    }

    .ui.form.warning .compact.warning.message:not(:empty) {
        display: inline-block
    }

    .ui.form.warning .icon.warning.message:not(:empty) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ui.form.error .error.message:not(:empty) {
        display: block
    }

    .ui.form.error .compact.error.message:not(:empty) {
        display: inline-block
    }

    .ui.form.error .icon.error.message:not(:empty) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ui.form .field.error .input,
    .ui.form .field.error label,
    .ui.form .fields.error .field .input,
    .ui.form .fields.error .field label {
        color: #9f3a38
    }

    .ui.form .field.error .corner.label,
    .ui.form .fields.error .field .corner.label {
        border-color: #9f3a38;
        color: #fff
    }

    .ui.form .field.error input:not([type]),
    .ui.form .field.error input[type=date],
    .ui.form .field.error input[type=datetime-local],
    .ui.form .field.error input[type=email],
    .ui.form .field.error input[type=file],
    .ui.form .field.error input[type=number],
    .ui.form .field.error input[type=password],
    .ui.form .field.error input[type=search],
    .ui.form .field.error input[type=tel],
    .ui.form .field.error input[type=text],
    .ui.form .field.error input[type=time],
    .ui.form .field.error input[type=url],
    .ui.form .field.error select,
    .ui.form .field.error textarea,
    .ui.form .fields.error .field input:not([type]),
    .ui.form .fields.error .field input[type=date],
    .ui.form .fields.error .field input[type=datetime-local],
    .ui.form .fields.error .field input[type=email],
    .ui.form .fields.error .field input[type=file],
    .ui.form .fields.error .field input[type=number],
    .ui.form .fields.error .field input[type=password],
    .ui.form .fields.error .field input[type=search],
    .ui.form .fields.error .field input[type=tel],
    .ui.form .fields.error .field input[type=text],
    .ui.form .fields.error .field input[type=time],
    .ui.form .fields.error .field input[type=url],
    .ui.form .fields.error .field select,
    .ui.form .fields.error .field textarea {
        background: #fff6f6;
        border-color: #e0b4b4;
        color: #9f3a38;
        border-radius: "";
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .ui.form .field.error input:not([type]):focus,
        .ui.form .field.error input[type=date]:focus,
        .ui.form .field.error input[type=datetime-local]:focus,
        .ui.form .field.error input[type=email]:focus,
        .ui.form .field.error input[type=file]:focus,
        .ui.form .field.error input[type=number]:focus,
        .ui.form .field.error input[type=password]:focus,
        .ui.form .field.error input[type=search]:focus,
        .ui.form .field.error input[type=tel]:focus,
        .ui.form .field.error input[type=text]:focus,
        .ui.form .field.error input[type=time]:focus,
        .ui.form .field.error input[type=url]:focus,
        .ui.form .field.error select:focus,
        .ui.form .field.error textarea:focus {
            background: #fff6f6;
            border-color: #e0b4b4;
            color: #9f3a38;
            -webkit-appearance: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .ui.form .field.error select {
        -webkit-appearance: menulist-button
    }

    .ui.form .field.error .ui.dropdown,
    .ui.form .field.error .ui.dropdown .item,
    .ui.form .field.error .ui.dropdown .text,
    .ui.form .fields.error .field .ui.dropdown,
    .ui.form .fields.error .field .ui.dropdown .item {
        background: #fff6f6;
        color: #9f3a38
    }

        .ui.form .field.error .ui.dropdown,
        .ui.form .field.error .ui.dropdown:hover,
        .ui.form .fields.error .field .ui.dropdown,
        .ui.form .fields.error .field .ui.dropdown:hover {
            border-color: #e0b4b4 !important
        }

            .ui.form .field.error .ui.dropdown:hover .menu,
            .ui.form .fields.error .field .ui.dropdown:hover .menu {
                border-color: #e0b4b4
            }

    .ui.form .field.error .ui.multiple.selection.dropdown > .label,
    .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label {
        background-color: #eacbcb;
        color: #9f3a38
    }

    .ui.form .field.error .ui.dropdown .menu .item:hover,
    .ui.form .field.error .ui.dropdown .menu .selected.item,
    .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
    .ui.form .fields.error .field .ui.dropdown .menu .selected.item {
        background-color: #fbe7e7
    }

    .ui.form .field.error .ui.dropdown .menu .active.item,
    .ui.form .fields.error .field .ui.dropdown .menu .active.item {
        background-color: #fdcfcf !important
    }

    .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,
    .ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
    .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
    .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
        color: #9f3a38
    }

        .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,
        .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
        .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
        .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
            background: #fff6f6;
            border-color: #e0b4b4
        }

    .ui.form .field.error .checkbox .box:after,
    .ui.form .field.error .checkbox label:after,
    .ui.form .fields.error .field .checkbox .box:after,
    .ui.form .fields.error .field .checkbox label:after {
        color: #9f3a38
    }

    .ui.form .disabled.field,
    .ui.form .disabled.fields .field,
    .ui.form .field :disabled {
        pointer-events: none;
        opacity: .45
    }

    .ui.form .field.disabled > label,
    .ui.form .fields.disabled > label {
        opacity: .45
    }

    .ui.form .field.disabled :disabled {
        opacity: 1
    }

.ui.loading.form {
    position: relative;
    cursor: default;
    pointer-events: none
}

    .ui.loading.form:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: hsla(0, 0%, 100%, .8);
        width: 100%;
        height: 100%;
        z-index: 100
    }

    .ui.loading.form:after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        margin: -1.5em 0 0 -1.5em;
        width: 3em;
        height: 3em;
        -webkit-animation: form-spin .6s linear;
        animation: form-spin .6s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        border-radius: 500rem;
        border-color: #767676 rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
        border-style: solid;
        border-width: .2em;
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
        visibility: visible;
        z-index: 101
    }

@-webkit-keyframes form-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes form-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ui.form .required.field > .checkbox:after,
.ui.form .required.field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.fields:not(.grouped) > .field > label:after {
    margin: -.2em 0 0 .2em;
    content: "*";
    color: #db2828
}

.ui.form .required.field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.fields:not(.grouped) > .field > label:after {
    display: inline-block;
    vertical-align: top
}

.ui.form .required.field > .checkbox:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after {
    position: absolute;
    top: 0;
    left: 100%
}

.ui.form .inverted.segment .ui.checkbox .box,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment label,
.ui.inverted.form .inline.field > label,
.ui.inverted.form .inline.field > p,
.ui.inverted.form .inline.fields .field > label,
.ui.inverted.form .inline.fields .field > p,
.ui.inverted.form .inline.fields > label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form label {
    color: hsla(0, 0%, 100%, .9)
}

.ui.inverted.form input:not([type]),
.ui.inverted.form input[type=date],
.ui.inverted.form input[type=datetime-local],
.ui.inverted.form input[type=email],
.ui.inverted.form input[type=file],
.ui.inverted.form input[type=number],
.ui.inverted.form input[type=password],
.ui.inverted.form input[type=search],
.ui.inverted.form input[type=tel],
.ui.inverted.form input[type=text],
.ui.inverted.form input[type=time],
.ui.inverted.form input[type=url] {
    background: #fff;
    border-color: hsla(0, 0%, 100%, .1);
    color: rgba(0, 0, 0, .87);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.form .grouped.fields {
    display: block;
    margin: 0 0 1em
}

    .ui.form .grouped.fields:last-child {
        margin-bottom: 0
    }

    .ui.form .grouped.fields > label {
        margin: 0 0 .28571429rem;
        color: rgba(0, 0, 0, .87);
        font-size: .92857143em;
        font-weight: 700;
        text-transform: none
    }

    .ui.form .grouped.fields .field,
    .ui.form .grouped.inline.fields .field {
        display: block;
        margin: .5em 0;
        padding: 0
    }

.ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -.5em 1em
}

    .ui.form .fields > .field {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding-left: .5em;
        padding-right: .5em
    }

        .ui.form .fields > .field:first-child {
            border-left: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

.ui.form .two.fields > .field,
.ui.form .two.fields > .fields {
    width: 50%
}

.ui.form .three.fields > .field,
.ui.form .three.fields > .fields {
    width: 33.33333333%
}

.ui.form .four.fields > .field,
.ui.form .four.fields > .fields {
    width: 25%
}

.ui.form .five.fields > .field,
.ui.form .five.fields > .fields {
    width: 20%
}

.ui.form .six.fields > .field,
.ui.form .six.fields > .fields {
    width: 16.66666667%
}

.ui.form .seven.fields > .field,
.ui.form .seven.fields > .fields {
    width: 14.28571429%
}

.ui.form .eight.fields > .field,
.ui.form .eight.fields > .fields {
    width: 12.5%
}

.ui.form .nine.fields > .field,
.ui.form .nine.fields > .fields {
    width: 11.11111111%
}

.ui.form .ten.fields > .field,
.ui.form .ten.fields > .fields {
    width: 10%
}

@media only screen and (max-width:767px) {
    .ui.form .fields {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
    .ui[class*="equal width"].form:not(.unstackable) .fields > .field {
        width: 100% !important;
        margin: 0 0 1em
    }
}

.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: .5em;
    padding-right: .5em
}

.ui.form .one.wide.field {
    width: 6.25% !important
}

.ui.form .two.wide.field {
    width: 12.5% !important
}

.ui.form .three.wide.field {
    width: 18.75% !important
}

.ui.form .four.wide.field {
    width: 25% !important
}

.ui.form .five.wide.field {
    width: 31.25% !important
}

.ui.form .six.wide.field {
    width: 37.5% !important
}

.ui.form .seven.wide.field {
    width: 43.75% !important
}

.ui.form .eight.wide.field {
    width: 50% !important
}

.ui.form .nine.wide.field {
    width: 56.25% !important
}

.ui.form .ten.wide.field {
    width: 62.5% !important
}

.ui.form .eleven.wide.field {
    width: 68.75% !important
}

.ui.form .twelve.wide.field {
    width: 75% !important
}

.ui.form .thirteen.wide.field {
    width: 81.25% !important
}

.ui.form .fourteen.wide.field {
    width: 87.5% !important
}

.ui.form .fifteen.wide.field {
    width: 93.75% !important
}

.ui.form .sixteen.wide.field {
    width: 100% !important
}

@media only screen and (max-width:767px) {
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields {
        width: 100% !important
    }

    .ui.form .fields {
        margin-bottom: 0
    }
}

.ui.form [class*="equal width"].fields > .field,
.ui[class*="equal width"].form .fields > .field {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui.form .inline.fields {
    margin: 0 0 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .ui.form .inline.fields .field {
        margin: 0;
        padding: 0 1em 0 0
    }

        .ui.form .inline.field > label,
        .ui.form .inline.field > p,
        .ui.form .inline.fields .field > label,
        .ui.form .inline.fields .field > p,
        .ui.form .inline.fields > label {
            display: inline-block;
            width: auto;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: baseline;
            font-size: .92857143em;
            font-weight: 700;
            color: rgba(0, 0, 0, .87);
            text-transform: none
        }

    .ui.form .inline.fields > label {
        margin: .035714em 1em 0 0
    }

    .ui.form .inline.field > input,
    .ui.form .inline.field > select,
    .ui.form .inline.fields .field > input,
    .ui.form .inline.fields .field > select {
        display: inline-block;
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
        font-size: 1em
    }

    .ui.form .inline.field > :first-child,
    .ui.form .inline.fields .field > :first-child {
        margin: 0 .85714286em 0 0
    }

    .ui.form .inline.field > :only-child,
    .ui.form .inline.fields .field > :only-child {
        margin: 0
    }

    .ui.form .inline.fields .wide.field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .ui.form .inline.fields .wide.field > input,
        .ui.form .inline.fields .wide.field > select {
            width: 100%
        }

.ui.mini.form {
    font-size: .78571429rem
}

.ui.tiny.form {
    font-size: .85714286rem
}

.ui.small.form {
    font-size: .92857143rem
}

.ui.form {
    font-size: 1rem
}

.ui.large.form {
    font-size: 1.14285714rem
}

.ui.big.form {
    font-size: 1.28571429rem
}

.ui.huge.form {
    font-size: 1.42857143rem
}

.ui.massive.form {
    font-size: 1.71428571rem
}