body.login {
    background-color: #FFFFFF;
}
body.login > .grid {
    height: 100%;
}
.login .image {
    margin-top: -100px;
}
.login .column {
    max-width: 450px;
}

.ui.header .content {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 36px;
}

.ui.fluid.button {
    background: #ff9900 !important;
    color: #222;
    display: block;
}

.ui.fluid.button:hover {
    background: #ff9900 !important;
    color: #eee;
    display: block;
}

.ui.segment {
    position: relative;
    background: #F8F8F9;
    box-shadow: 1px 3px 4px 0 rgba(34, 36, 38, 0.5);
    margin: 1rem 0em;
    padding: 1em 1em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.message {
    position: relative;
    min-height: 1em;
    margin: 1em 0em;
    background: #F8F8F9;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    border-radius: 0.28571429rem;
    box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 1px 3px 4px 0 rgba(34, 36, 38, 0.5);
}

.login .image {
    cursor: pointer;
    margin-top: -100px;
}

.ui.grid > .column:not(.row), .ui.grid > .row > .column {
    position: relative;
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    vertical-align: top;
}