/* Shared popup spacing for every portal.

   The modal paddings live in each portal's compiled styles.css, and there are 26 of them
   with no scss source in the repo, so tightening them one by one is not an option. This
   sheet is loaded right after the portal's own and holds the values for all of them.

   Sizes are in rem against the portals' 10px root: 3rem is 30px. */

.modal .modal-content,
.modal .modal-content.type2 {
    padding: 3rem 2.4rem 2.4rem;
}

/* The close button sits at top/right 2rem and is 3rem wide, so the header keeps enough
   room on its right not to run under it. */
.modal .modal-content .title {
    padding: 0 4rem 1.8rem 0;
}

.modal .modal-content .title h3,
.modal .modal-content .title .h3 {
    margin-bottom: 0;
}

.modal .modal-content .btn-row {
    margin-top: 1.6rem;
}

/* A readonly field looks exactly like an editable one in the portal themes, which invites
   people to type in it. Greyed and with a plain cursor, but still selectable so the value
   can be copied — which a disabled input would prevent. */
.modal .modal-content .form-control[readonly] {
    background-color: #f1f3f5;
    color: #666;
    cursor: default;
}

@media (max-width: 767.98px) {
    .modal .modal-content,
    .modal .modal-content.type2 {
        padding: 2.6rem 1.6rem 1.6rem;
    }

    .modal .modal-content .title {
        padding-bottom: 1.4rem;
    }
}