#requireBox {
    outline: solid 2px #20c997;
}

#errorPanelClose {
    float: right;
    color: lightgray;
    position: relative;
    right: 4px;
    top: -2px;
}

#companyLogo {
    width: 90px;
    height: 90px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: -50px;
}
#loginOptions{
    background-color:#eee;border-top:solid 2px #e6e6e6;
}
#mainPanel {
    position: relative;
    left: 50%;
    top: 50%;
    margin-top: 80px;
    margin-bottom: 150px;
    transform: translateX(-50%);
}

[contentEditable=false]:empty:not(:focus):before {
    content: attr(data-text);
    color: gray;
}

.password-btn {
    z-index: 2;
    position: absolute;
    top: 5px;
    right: 20px;
}

#showPasswordPanel {
    background-color: white;
    z-index: 0px;
    margin-top: -8px;
    border-top: none !important;
    display: none;
}

@media only screen and (max-width:767px) {

    #companyLogo {
        width: 85px;
        height: 85px;
        top: -45px;
        font-size: 40px;
        padding-top: 18px !important;
    }
}

@media only screen and (max-width:480px) {
    #mainPanel {
        border: solid 0px black;
        border-radius: 0px !important;
        position: static;
        transform: translate(0, 0);
        box-shadow: none !important;
    }

    #mainBackground {
        background: none;
    }

    #mainContent {
        min-height: auto !important;
    }
}