@media (min-width: 768px) {
    #commonModal .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    #commonModal .modal-lg {
        max-width: 800px !important;
    }
}

#commonModal .p-3 {
    padding: 1rem !important;
}

#commonModal .pt-3 {
    padding-top: 1rem !important;
}

#commonModal .font-weight-bold {
    font-weight: 700 !important;
}

#commonModal .font-weight-normal {
    font-weight: 400 !important;
}

#commonModal p {
    margin-left: 0.5em;
}

#commonModal a {
    padding: 0.8em;
}

#commonModal h4 {
    font-family: inherit;
    font-weight: bold;
}

#commonModal .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

#commonModal .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    padding: 0.5em;
}