.form-group-xs>.form-control,
.form-group-xs>.input-group-addon,
.form-group-xs>.input-group-btn>.btn {
    height: 23px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
.btn-info {
    background-color: #35A5F9 !important;
}
.btn-primary {
    background-color: #35A5F9 !important;
}
/* Zorgt dat alleen de body van modals met invoice-email-modal-body scrollt, header/footer blijven zichtbaar */
.modal.show { 
    overflow: hidden; /* voorkom dubbele scrollbalken achter de modal */
}

.modal.show .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 3.5rem); /* 1.75rem top + 1.75rem bottom default margins */
}

@media (max-width: 575.98px) {
    .modal.show .modal-content {
        max-height: calc(100vh - 1rem); /* kleinere margins op xs */
    }
}

.modal.show .modal-header,
.modal.show .modal-footer {
    flex: 0 0 auto; /* vast */
}

.modal.show .invoice-email-modal-body.modal-body {
    flex: 1 1 auto;            /* neemt resterende ruimte in */
    min-height: 0;             /* laat krimpen binnen flex container */
    overflow-y: auto;          /* alleen body scrollt */
    -webkit-overflow-scrolling: touch;
}