/* Public Bootstrap 4 dialogs: stable headers and vertically centred account forms. */
.cpa-site #authorization,
.cpa-site #registration,
.cpa-site #api_auth {
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
}
.cpa-site .modal-header {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.cpa-site .modal-header>.modal-title {
  order:1;flex:1;min-width:0;overflow-wrap:anywhere;
}
.cpa-site .modal-header>.close {
  order:2;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;min-width:44px;min-height:44px;margin:0 0 0 auto;padding:0;
  line-height:1;
}
.cpa-site #authorization .modal-dialog,
.cpa-site #registration .modal-dialog,
.cpa-site #api_auth .modal-dialog {
  display:flex;align-items:center;width:calc(100% - 32px);max-width:400px;
  min-height:calc(100% - 48px);margin:24px auto;
}
.cpa-site #authorization .modal-content,
.cpa-site #registration .modal-content,
.cpa-site #api_auth .modal-content { width:100%;min-width:0 }
.cpa-site #authorization .modal-body .form-control+label,
.cpa-site #registration .modal-body .form-control+label { margin-top:14px }
.cpa-site #authorization .authorization>button[type="submit"] { margin-top:18px }
.cpa-site #authorization .authorization>a.small { display:inline-block;margin-top:12px }
@media(max-width:767px) {
  .cpa-site #authorization .modal-dialog,
  .cpa-site #registration .modal-dialog,
  .cpa-site #api_auth .modal-dialog {
    width:calc(100% - 24px);max-width:400px;min-height:calc(100% - 32px);margin:16px auto;
  }
}