.smalllogo {
    height: 50px;
    background-image: url("../images/dca-Small.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.logo {
    height: 200px;
    background-image: url("../images/dca-Large.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 20px
}

.headercontent {
    font-weight: bold;
    font-size: 14px
}

hr.external-login {
    border-top: 2px solid rgba(34,34,68,.13)
}

div.external-login {
    display: inline-flex;
    flex-direction: column
}

div.row.no-after:after, form.no-after:after {
    content: none !important
}

form.external-login {
    flex-wrap: wrap
}

span.external-login {
    text-align: center;
    flex-grow: 1;
    margin: 0 1rem
}

img.external-login {
    margin: -12px 0
}

button.external-login {
    display: inline-flex;
    color: #495057 !important;
    background-color: #fff !important;
    flex-direction: row;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    align-items: center;
    margin: 2px;
    justify-content: start;
    padding: 1rem 2rem
}

span.arrow-right {
    margin-right: -.75rem;
    display: flex
}

button.external-login:hover, button.external-login:focus, button.external-login:active:focus {
    background-color: var(--primaryColor) !important;
    color: #fff !important
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #eee;
    height: 100%;
    width: 100%
}

.password-error {
    white-space: pre-wrap
}

.wrapper {
    height: 100%;
    width: 100%
}

.body-content .card.container {
    position: absolute;
    left: 0;
    right: 0;
    top: 10%
}

.card.container {
    padding: 30px 30px;
    background-color: #fff;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.25);
    border: 1px solid #000;
    border: 1px solid rgba(0,0,0,.125)
}

.card.container {
    max-width: 768px
}

#LoginContainer.card {
    max-width: 600px
}

.footer-content {
    z-index: -100;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: small
}

.card-footer-content {
    font-size: small
}

.generic-header {
    height: 30px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 5px;
    background-color: #d3d3d3;
    font-size: large;
    vertical-align: middle
}

.padding-bottom1 {
    padding-bottom: 1px
}

.smalllogo {
    height: 50px;
    background-image: url("../images/dca-Small.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.logo {
    height: 200px;
    background-image: url("../images/dca-Large.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 20px
}

.btn {
    min-width: 100px
}

.required .form-label:after, .required .col-form-label:after {
    content: "*";
    color: #f00
}

.text-wrap {
    overflow-wrap: break-word
}