body {
    /*background-color: #ddd;*/
}

    body > .grid {
        height: 100%;
    }

.column {
    max-width: 450px;
}

.top.attached.header {
    border: none;
    background: #FFF;
    color: #545455;
    border: 1px solid #d4d4d5 !important;
}

.attached.segment {
    background-color: #F7F7F7;
    padding: 2rem 2rem 4.5rem 2rem;
    border: 1pt;
}

#login-img {
    height: 120px;
    width: auto;
}


@media only screen and (max-width: 370px) {
    #login-img {
        height: 120px;
        padding: 0.5em;
    }

    h3 {
        margin-top: 0.5em !important;
    }

    .column {
        padding: 0 !important;
    }
}

#negative-button.ui.button {
    background-color: white;
    color: #e64097;
    border: solid 2px #e64097;
    box-shadow: none !important;
}

    #negative-button.ui.button:hover {
        color: #b83379;
        border-color: #b83379;
        background-color: white;
    }

@media only screen and (max-width: 991px) and (min-width: 768px) {
    #login-field {
        min-width: 175px !important;
    }

    #password-field {
        min-width: 175px !important;
    }
}

#login-row {
    float: right;
    margin-top: 0.7rem;
}

#login-field {
    min-width: 200px;
}

#button-login.ui.button {
    background-color: #e64097;
    color: white;
    border: solid 2px #e64097;
    box-shadow: none !important;
}

    #button-login.ui.button:hover {
        color: #b83379;
        border-color: #b83379;
        background-color: white;
    }

#button-submit.ui.button {
    background-color: #e64097;
    color: white;
    border: solid 2px #e64097;
    box-shadow: none !important;
}

    #button-submit.ui.button:hover {
        color: #b83379;
        border-color: #b83379;
        background-color: white;
    }


.ui.top.left.aligned.attached.header {
    background-color: #26036d;
    color: white;
    border: solid 2px #e64097;
    box-shadow: none !important;
}

.just {
    background-color: #e64097 !important;
    color: white !important;
}