.container {
    padding: 40px 0;
}

body.userform {
    margin: 0;
    padding: 0;
    background-color: #17a2b8;
    height: 100vh;
}

.userform .container #login-row #login-column #login-box {
    margin-top: 10vh;
    max-width: 600px;
    border: 1px solid #9C9C9C;
    background-color: #EAEAEA;
}

.userform .container #login-row #login-column #login-box #login-form {
    padding: 20px;
}

.userform .container .errors {
    color: red;
}

.userform .form-note {
    font-style: italic;
}

#user .container {
    padding-top: 60px;
}

#ad-image .adImage {
    display: block;
    max-width: 100%;
    cursor: pointer;
    margin-bottom: 20px;
    border: 1px black solid;
}
#ad-image img {
    max-width: 100%;
}
#ad-image .adImage:hover {
    filter: brightness(1.4);
}
#ad-image .newAdImage {
    border: 4px rgba(140, 140, 255, 1) double;
    background: rgb(255, 255, 255);
    background: radial-gradient(
            circle,
            rgba(255, 255, 255, 1) 0%,
            rgba(0, 246, 243, .1) 68%
    );
    padding: 10%;
}

#ad-image .htmlTemplates > div:hover {
    opacity: .8;
}

#ad-image .saveButton {
    margin-left: -60px;
    margin-bottom: -40px;
}

#ad-image .saveButton:disabled {
    cursor: default;
    background: gray;
}