@font-face {
    font-family: "FLUID-Icons";
    src: url(../../static/media/FLUID-Icons.44b12e54.eot);
    src: url(../../static/media/FLUID-Icons.44b12e54.eot#iefix) format("embedded-opentype"),url(../../static/media/FLUID-Icons.ce11234f.ttf) format("truetype"),url(../../static/media/FLUID-Icons.ab079851.woff) format("woff"),url(../../static/media/FLUID-Icons.69bbd11f.svg#FLUID-Icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" fluid-icon-"],[class^=fluid-icon-] {
    font-family: "FLUID-Icons"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fluid-icon-pills:before {
    content: ""
}

.fluid-icon-collapse:before {
    content: ""
}

.fluid-icon-expand:before {
    content: ""
}

.fluid-icon-device-rotate-portrait:before {
    content: ""
}

.fluid-icon-device-rotate-landscape:before {
    content: ""
}

.fluid-icon-shield-remove:before {
    content: ""
}

.fluid-icon-user-minus:before {
    content: ""
}

.fluid-icon-arrow-expand:before {
    content: ""
}

.fluid-icon-arrow-collapse:before {
    content: ""
}

.fluid-icon-bank-plus:before {
    content: ""
}

.fluid-icon-bank-minus:before {
    content: ""
}

.fluid-icon-close:before {
    content: ""
}

.fluid-icon-dock-right:before {
    content: ""
}

.fluid-icon-dock-left:before {
    content: ""
}

.fluid-icon-palette:before {
    content: ""
}

.fluid-icon-drag:before {
    content: ""
}

.fluid-icon-shield:before {
    content: ""
}

.fluid-icon-arrow-left-circle-outline:before {
    content: ""
}

.fluid-icon-arrow-right-circle-outline:before {
    content: ""
}

.fluid-icon-widgets:before {
    content: ""
}

.fluid-icon-credit-card-multiple:before {
    content: ""
}

.fluid-icon-search:before {
    content: ""
}

.fluid-icon-star:before {
    content: ""
}

.fluid-icon-user:before {
    content: ""
}

.fluid-icon-th-list:before {
    content: ""
}

.fluid-icon-check:before {
    content: ""
}

.fluid-icon-cog:before {
    content: ""
}

.fluid-icon-trash-o:before {
    content: ""
}

.fluid-icon-clock-o:before {
    content: ""
}

.fluid-icon-repeat:before {
    content: ""
}

.fluid-icon-refresh:before {
    content: ""
}

.fluid-icon-lock:before {
    content: ""
}

.fluid-icon-flag:before {
    content: ""
}

.fluid-icon-pencil:before {
    content: ""
}

.fluid-icon-plus-circle:before {
    content: ""
}

.fluid-icon-times-circle:before {
    content: ""
}

.fluid-icon-check-circle:before {
    content: ""
}

.fluid-icon-info-circle:before {
    content: ""
}

.fluid-icon-ban:before {
    content: ""
}

.fluid-icon-eye:before {
    content: ""
}

.fluid-icon-eye-slash:before {
    content: ""
}

.fluid-icon-exclamation-triangle:before {
    content: ""
}

.fluid-icon-plane:before {
    content: ""
}

.fluid-icon-calendar:before {
    content: ""
}

.fluid-icon-comment:before {
    content: ""
}

.fluid-icon-shopping-cart:before {
    content: ""
}

.fluid-icon-cogs:before {
    content: ""
}

.fluid-icon-sign-out:before {
    content: ""
}

.fluid-icon-sign-in:before {
    content: ""
}

.fluid-icon-credit-card:before {
    content: ""
}

.fluid-icon-bell-o:before {
    content: ""
}

.fluid-icon-globe:before {
    content: ""
}

.fluid-icon-filter:before {
    content: ""
}

.fluid-icon-group:before {
    content: ""
}

.fluid-icon-link:before {
    content: ""
}

.fluid-icon-copy:before {
    content: ""
}

.fluid-icon-save:before {
    content: ""
}

.fluid-icon-navicon:before {
    content: ""
}

.fluid-icon-list-ul:before {
    content: ""
}

.fluid-icon-caret-down:before {
    content: ""
}

.fluid-icon-caret-up:before {
    content: ""
}

.fluid-icon-caret-left:before {
    content: ""
}

.fluid-icon-caret-right:before {
    content: ""
}

.fluid-icon-columns:before {
    content: ""
}

.fluid-icon-envelope:before {
    content: ""
}

.fluid-icon-dashboard:before {
    content: ""
}

.fluid-icon-sitemap:before {
    content: ""
}

.fluid-icon-exchange:before {
    content: ""
}

.fluid-icon-cloud-download:before {
    content: ""
}

.fluid-icon-cloud-upload:before {
    content: ""
}

.fluid-icon-suitcase:before {
    content: ""
}

.fluid-icon-bell:before {
    content: ""
}

.fluid-icon-file-text-o:before {
    content: ""
}

.fluid-icon-angle-left:before {
    content: ""
}

.fluid-icon-angle-right:before {
    content: ""
}

.fluid-icon-angle-up:before {
    content: ""
}

.fluid-icon-angle-down:before {
    content: ""
}

.fluid-icon-desktop:before {
    content: ""
}

.fluid-icon-laptop:before {
    content: ""
}

.fluid-icon-tablet:before {
    content: ""
}

.fluid-icon-mobile:before {
    content: ""
}

.fluid-icon-flag-o:before {
    content: ""
}

.fluid-icon-unlink:before {
    content: ""
}

.fluid-icon-info:before {
    content: ""
}

.fluid-icon-unlock-alt:before {
    content: ""
}

.fluid-icon-ellipsis-h:before {
    content: ""
}

.fluid-icon-ellipsis-v:before {
    content: ""
}

.fluid-icon-long-arrow-down:before {
    content: ""
}

.fluid-icon-long-arrow-up:before {
    content: ""
}

.fluid-icon-long-arrow-left:before {
    content: ""
}

.fluid-icon-long-arrow-right:before {
    content: ""
}

.fluid-icon-apple:before {
    content: ""
}

.fluid-icon-android:before {
    content: ""
}

.fluid-icon-file-image-o:before {
    content: ""
}

.fluid-icon-sliders:before {
    content: ""
}

.fluid-icon-cc-visa:before {
    content: ""
}

.fluid-icon-cc-mastercard:before {
    content: ""
}

.fluid-icon-cc-discover:before {
    content: ""
}

.fluid-icon-cc-amex:before {
    content: ""
}

.fluid-icon-trash:before {
    content: ""
}

.fluid-icon-paint-brush:before {
    content: ""
}

.fluid-icon-user-plus:before {
    content: ""
}

.fluid-icon-id-card:before {
    content: ""
}

.fluid-icon-spinner2:before {
    content: ""
}

.fluid-icon-key:before {
    content: ""
}

.dbk-login.is-ie-11.is-interactive .username-field__remember-me {
    transform: translate(-10px,-5px)
}

.dbk-login.is-ie-11.is-interactive .password-field__show-hide {
    transform: translate(-10px,-20px)
}

.dbk-login.is-ie-11 .dbk-login-msg--inner-wrapper {
    text-align: center
}

.dbk-login.is-ie-11 .dbk-login__promotions img {
    width: 35rem;
    max-width: 35rem
}

.dbk-login {
    font-family: "Open Sans",arial,sans-serif;
    font-family: var(--fluid-global-text-font,"Open Sans",arial,sans-serif);
    display: flex;
    position: relative;
    box-shadow: none
}

.dbk-login,.dbk-login.dbk-login-unsupported .fluid-section__content-container-inner {
    flex-direction: column
}

.dbk-login.dbk-login-unsupported .dbk-login-unsupported_logo_container {
    list-style-type: none;
    padding: 0;
    width: 30rem;
    display: flex;
    flex-direction: row;
    margin: 1.5rem auto auto
}

.dbk-login.dbk-login-unsupported .dbk-login-unsupported_logo_container li {
    flex: 1 1 auto;
    color: #666
}

.dbk-login.dbk-login-unsupported .fluid-callout__msg {
    padding-bottom: 1.5rem
}

.dbk-login.dbk-login-unsupported .dbk-login__logo {
    padding-top: 1.5rem
}

.dbk-login.dbk-login-unsupported .dbk-login-unsupported_logo {
    width: 5rem;
    height: 5rem;
    padding-bottom: .5rem
}

.dbk-login.dbk-login-unsupported .dbk-login-unsupported_logo-text {
    font-size: 1.2rem
}

.dbk-login .fdic-info-container {
    display: flex;
    padding: 1.1rem;
    margin: 5px 0 10px;
    border-radius: 5px;
    border: 1px solid #999;
    background-color: #fff
}

.dbk-login .fdic-info-container .fdic-logo-container {
    margin-right: 15px;
    margin-top: 5px
}

.dbk-login .fdic-info-container .fdic-logo-container .fdic-logo {
    align-content: flex-start;
    max-width: 50px;
    max-height: 25px
}

.dbk-login .fdic-info-container .fdic-message {
    margin: auto;
    align-content: flex-start;
    font-size: 1.4rem;
    font-style: italic;
    color: #000
}

.dbk-login .fluid-section__content-container {
    display: flex;
    flex: 1 1 auto
}

.dbk-login__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10
}

.dbk-login .fluid-section__content-container-inner {
    display: flex;
    padding: 0;
    flex: 1 1 auto
}

.dbk-login__login-elements-container,.dbk-login__msg-container {
    display: flex;
    flex: 0 0 auto;
    box-sizing: border-box
}

.dbk-login__login-elements-container {
    background-color: #fff;
    flex-direction: column;
    align-items: stretch;
    position: relative
}

.dbk-login__msg-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    display: flex;
    background-color: #0279b3;
    background-color: var(--fluid-btn-primary-bg-color-start,#0279b3);
    position: relative
}

.dbk-login__msg-container.is-dark-bg * {
    color: #fff
}

.dbk-login__msg-container.is-light-bg * {
    color: #333
}

.dbk-login__msg-container.has-image {
    background-color: transparent
}

.dbk-login__msg-container.has-image .dbk-login-msg--inner * {
    color: #fff
}

.dbk-login__msg-container.read-only a {
    pointer-events: none
}

.dbk-login__msg-container.has-text.has-image:before {
    background: #000;
    opacity: .9;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dbk-login-msg__message-toggle-btn {
    padding: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.dbk-login-msg__message-toggle-btn-icon {
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 100%;
    transition: all .2s ease-in-out;
    display: block;
    overflow: hidden;
    position: relative
}

.dbk-login-msg__message-toggle-btn-icon:after {
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
    transform-origin: 50% 50%
}

.dbk-login-msg__message-toggle-btn-icon:before {
    left: 0;
    transform: translate3d(-50%,-50%,0) rotate(45deg);
    transform-origin: 50% 50%
}

.dbk-login-msg__message-toggle-btn-icon:after,.dbk-login-msg__message-toggle-btn-icon:before {
    content: "";
    width: 58%;
    height: 1px;
    background-color: #fff;
    transition: all .2s ease-in-out;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.dbk-login-msg--should-collapse-msg.has-text.has-image:before {
    width: 50px;
    height: 36px;
    border-bottom-left-radius: 10px;
    top: auto;
    bottom: auto;
    left: auto
}

.dbk-login-msg--should-collapse-msg .dbk-login-msg__message-toggle-btn-icon {
    width: 30px;
    border-radius: 0
}

.dbk-login-msg--should-collapse-msg .dbk-login-msg__message-toggle-btn-icon:after {
    left: auto;
    right: 0;
    transform: rotate(-30deg);
    transform-origin: right
}

.dbk-login-msg--should-collapse-msg .dbk-login-msg__message-toggle-btn-icon:before {
    left: 0;
    transform: rotate(30deg);
    transform-origin: left
}

.dbk-login-msg--should-collapse-msg .dbk-login-msg__message-toggle-btn-icon:after,.dbk-login-msg--should-collapse-msg .dbk-login-msg__message-toggle-btn-icon:before {
    content: "";
    width: 58%;
    margin: 0;
    top: 0
}

.dbk-login-msg--inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto
}

.dbk-login-msg--inner-wrapper {
    margin: auto
}

.dbk-login-msg--inner .fluid-heading {
    margin-bottom: 1.5rem
}

.dbk-login-msg--inner .fluid-heading+p,.dbk-login__links {
    margin: 0;
    padding: 0
}

.dbk-login__links {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

.dbk-login__links .fluid-button--link {
    padding: 0 0 .5rem;
    color: #05c
}

.dbk-login__locale-container {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
    margin: 0
}

.dbk-login__locale-container li {
    background-color: #f4f5f7;
    padding: .5rem;
    color: #05c
}

.dbk-login__locale-container li:first-child {
    border-bottom-left-radius: 1rem
}

.dbk-login__locale-container li:not(:last-child) {
    border-right: .1rem solid;
    border-color: #ccc
}

.dbk-login__login-form-container,.dbk-login__login-form-container .fluid-form-layout-section__content-container {
    display: flex;
    flex-direction: column
}

.dbk-login__login-form-container .fluid-form-layout-section__content-container .is-dark-bg,.dbk-login__login-form-container .fluid-form-layout-section__content-container .is-dark-bg:hover {
    color: #fff
}

.dbk-login__login-form-container .fluid-form-layout-section__content-container .is-light-bg,.dbk-login__login-form-container .fluid-form-layout-section__content-container .is-light-bg:hover {
    color: #333
}

.dbk-login__login-elements-header,.dbk-login__logo {
    display: flex;
    flex-direction: column
}

.dbk-login__logo {
    align-items: center;
    padding: 1.5rem 0
}

.dbk-login__logo img {
    max-height: 5.5rem
}

.dbk-login__form-section,.dbk-login__form-section .fluid-form-layout-field-container {
    display: flex;
    flex-direction: column
}

.dbk-login__form-section .password-container,.dbk-login__form-section .username-container {
    position: relative
}

.dbk-login__form-section .fluid-form-label,.dbk-login__form-section .fluid-form-label input {
    width: 100%
}

.dbk-login__form-section .username-field input {
    padding-right: var(--username-padding)
}

.dbk-login__form-section .username-field__remember-me {
    font-size: 1.4rem;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(-1rem,-.05rem);
    display: flex
}

.dbk-login__form-section .username-field__remember-me.fluid-form-label,.dbk-login__form-section .username-field__remember-me .fluid-form-label,.dbk-login__form-section .username-field__remember-me.fluid-form-label input {
    width: auto
}

.dbk-login__form-section .username-field__remember-me .fluid-form-label:not(.fluid-form-label--label-after):not(.fluid-form-label--stacked) .fluid-form-label__text {
    margin: .15rem 1rem 0 0;
    color: #666;
    max-width: 20rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dbk-login__form-section .password-field.show-hide-enabled input {
    padding-right: 3.5rem
}

.dbk-login__form-section .password-field__show-hide {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
    transform: translate(-1rem,-.7rem)
}

.dbk-login__form-section .password-field__show-hide .fluid-button {
    padding: 0
}

.dbk-login__promotions .content {
    max-width: 100%!important;
    min-height: auto!important;
    width: 100%!important
}

.dbk-login__promotions img {
    max-width: 100%;
    width: 100%
}

@media screen and (min-width: 992px)and (max-width:1199px),screen and (min-width:1200px) {
    .dbk-login {
        overflow:hidden;
        box-shadow: 0 0 1rem #4d4d4d
    }

    .dbk-login__login-elements-container,.dbk-login__msg-container {
        width: 41rem;
        max-width: 41rem;
        min-height: 23.5rem
    }

    .dbk-login__login-elements-header {
        margin: -3rem -3rem 1.5rem
    }

    .dbk-login-msg--inner,.dbk-login__login-elements-container {
        padding: 3rem
    }
}

@media screen and (max-width: 767px),screen and (min-width:768px)and (max-width:991px) {
    .dbk-login .fluid-section__content-container-inner {
        flex-direction:column
    }

    .dbk-login__login-elements-header {
        margin: -3rem -1rem 1.5rem -3rem
    }

    .dbk-login__login-elements-container {
        overflow: hidden;
        z-index: 2;
        padding: 3rem 1rem
    }

    .dbk-login__locale-container {
        margin-bottom: 1rem
    }

    .dbk-login__msg-container+.dbk-login__login-elements-container {
        border-radius: 0;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        margin-top: -1rem;
        background: #fff;
        box-shadow: none
    }

    .dbk-login-msg--inner {
        padding: 1.5rem
    }
}

@media screen and (min-width: 768px)and (max-width:991px) {
    .dbk-login {
        overflow:hidden;
        box-shadow: 0 0 1rem #4d4d4d;
        align-self: center;
        margin: auto
    }

    .dbk-login.has-message {
        border-color: transparent;
        border-radius: 0;
        flex: 1 1 auto;
        border-width: 0;
        box-shadow: none;
        align-self: normal;
        margin: unset
    }

    .dbk-login__login-form {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .dbk-login__login-form-container {
        width: 35rem;
        max-width: 35rem;
        align-self: center
    }

    .dbk-login__msg-container {
        overflow: auto;
        height: 36rem
    }
}

@media screen and (max-width: 767px) {
    .dbk-login {
        border-color:transparent;
        border-radius: 0;
        flex: 1 1 auto;
        border-width: 0;
        box-shadow: none
    }

    .dbk-login__msg-container {
        overflow: auto;
        height: 23.5rem
    }
}

@media screen and (min-width: 768px)and (max-width:991px),screen and (min-width:992px)and (max-width:1199px),screen and (min-width:1200px) {
    .dbk-login.dbk-login-unsupported {
        width:45rem;
        max-width: 45rem;
        overflow: hidden;
        box-shadow: 0 0 1rem #4d4d4d;
        border-radius: 10px
    }
}

/*# sourceMappingURL=LoginWidget.css.map */