.modal-right {
    position: fixed;
    margin: auto;
    right: 0px;
    height: 100%;
    left: auto;
    width: 40rem;
}

.right-modal-dialog {
    height: 100%;
    width: 100%;
    margin: 0;
}

.modal-content {
    height: 100%;
}

.hidden {
    display: none;
}

.d-flex {
    display: flex;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.btn-circle {
    padding: 13px 16px;
}