#accountPickerModal {
    max-width: 35.625rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    line-height: 1.5rem;
}

@media (max-width: 47.9375rem) {
    #accountPickerModal {
        top: 0 !important;
    }
}

#accountPickerModal div.modal-border {
    border-radius: .3125rem;
    border: 0.0625rem solid #bebebe;
}

    #accountPickerModal div.modal-border:nth-of-type(n+2) {
        margin-top: 1.25rem;
    }

#accountPickerModal .p-8-small {
    padding: 0.5rem !important;
}

@media (max-width: 47.9375rem) {
    #accountPickerModal div.modal-border:nth-of-type(n+2) {
        margin-top: 0.5rem;
    }
}

@media (min-width: 48em) {
    #accountPickerModal.p-16-medium {
        padding: 1rem !important;
    }
}

#accountPickerModal div.modal-border.active {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}

    #accountPickerModal div.modal-border.active article.modal-article-border {
        border-radius: .3125rem;
        border-left: .5rem solid #f1f1f1;
        border-right: .5rem solid #f1f1f1;
        border-top: .5rem solid #f1f1f1;
    }

        #accountPickerModal div.modal-border.active article.modal-article-border .modal-view-account {
            border: none;
        }

#accountPickerModal div.modal-border article.modal-article-border {
    padding-top: 1.5625rem;
}

    #accountPickerModal div.modal-border article.modal-article-border h2 {
        font-size: 2.1875rem;
    }

    #accountPickerModal div.modal-border article.modal-article-border .modal-view-account {
        margin-left: -1px;
        margin-right: -1px;
        border-left: 1px solid #979797;
        border-bottom-left-radius: 5px;
        border-right: 1px solid #979797;
        border-bottom-right-radius: 5px;
        background: #f1f1f1;
    }

    #accountPickerModal div.modal-border article.modal-article-border button {
        border-radius: .3125rem;
    }

    #accountPickerModal div.modal-border article.modal-article-border span.minDueText:after {
        content: 'Minimum Due';
    }

@media (max-width: 47.9375rem) {
    #accountPickerModal div.modal-border article.modal-article-border span.minDueText:after {
        content: 'Min. Due';
    }
}

@media only screen and (max-width: 40em) {
    #accountPickerModal.reveal-modal {
        min-height: 100vh;
    }
}

#accountPickerModal.reveal-modal {
    position: absolute !important;
}

#accountPickerModal .columns {
    min-height: 1px;
}

#accountPickerModal .px-0-small {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#accountPickerModal .px-20-small {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

#accountPickerModal .fw-bold {
    font-weight: 700;
}

#accountPickerModal .m-0-small {
    margin: 0 !important;
}

#accountPickerModal .text-primary-blue {
    color: #076191;
}

#accountPickerModal .text-mid-gray {
    color: #767676;
}

#accountPickerModal .text-red {
    color: #C60F13 !important;
}

@media (min-width: 48em) {
    #accountPickerModal .mt-0-medium {
        margin-top: 0 !important;
    }
}

#accountPickerModal h6 {
    font-size: 1.145rem;
}

#accountPickerModal .mb-0-small {
    margin-bottom: 0 !important;
}

#accountPickerModal .pr-8-small {
    padding-right: 0.5rem !important;
}

#accountPickerModal .pl-8-small {
    padding-left: 0.5rem !important;
}


#accountPickerModal .mt-20-small {
    margin-top: 1.25rem !important;
}

#accountPickerModal .py-10-small {
    padding-bottom: 0.625rem !important;
    padding-top: 0.625rem !important;
}

#accountPickerModal.p-8-small {
    padding: 0.5rem !important;
}

#accountPickerModal .py-9-small {
    padding-bottom: 0.5625rem !important;
    padding-top: 0.5625rem !important;
}

#accountPickerModal .px-26-small {
    padding-left: 1.625rem !important;
    padding-right: 1.625rem !important;
}

@media (min-width: 48em) {
    #accountPickerModal.p-16-medium {
        padding: 1rem !important;
    }
}

.account-picker-background {
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.45);
}

#accountPickerModal img {
    min-width: 100%;
}

#accountPickerModal div.modal-border.active, #accountPickerModal div.modal-border:hover {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    border-color: #979797;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}