.f-app-modal--body {
    padding: 20px;
    max-height: 80vh;
    overflow: auto;
}

.f-app-modal--body  .f-inner-modal-footer{
    border-top: 1px solid rgba(128, 128, 128, 0.12);
    margin-top: 32px;
}
.f-app-modal--body  .f-inner-modal-footer button{
    margin-bottom: 5px;
}

.f-app-modal-overlay {
    padding: 10px;
}

.f-app-modal-sm-overlay .f-app-modal-content {
    max-width: 100%;
    width: 420px;
}

.f-app-modal-md-overlay .f-app-modal-content {
    max-width: 100%;
    width: 620px;
    border:5px solid var(--f-secondary-color)
}

.f-app-modal-lg-overlay .f-app-modal-content {
    max-width: 100%;
    width: 900px;
}

.f-app-modal-content {
    padding: 0;
    font-family: sans-serif;
    border-radius: var(--f-border-radius);
}

.f-app-modal-header {
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-shrink: 0;
    align-items: center;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.f-app-modal-header .f-app-modal--close {
    /*position: absolute;*/
    font-size: 24px;
    padding: 3px;
    cursor: pointer;
    opacity: .5;

}