.quick-action a {
    margin-right: 10px;
    margin-top: 10px;

}

/* Per-select loading spinner for AWS resource fetches in the deployment modal.
   The host .form-group is position:relative via .is-loading-blocked while the
   spinner is shown. Sits at the right edge, clear of the Select2 arrow.
   Pure-CSS spinner reusing the shared `spin` keyframes from developer.css. */
.select-loader {
    position: absolute;
    right: 28px;
    bottom: 8px;
    z-index: 999;
    width: 16px;
    height: 16px;
    border: 2px solid #0168fa;
    border-left-color: #ddd;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

.quick-action a:last-child {
    margin-right: 0;
}
.dataTables_info, .dataTables_paginate {
    margin: 15px;
}

.aws-progress-h-20 {
    height: 20px;
}

.aws-progress-w-78 {
    width: 78%;
}


.dt-mx-ht {
    max-height:calc(100vh - 430px)
}

/* Retention schedule "Tables" multi-select: show a clear remove (x) button
   on the right of each selected table pill, next to the table name. */
#retentionScheduleModal select[name="tables"] ~ .select2-container .select2-selection--multiple .select2-selection__choice {
    padding: 3px 22px 3px 10px;
}

#retentionScheduleModal select[name="tables"] ~ .select2-container .select2-selection--multiple .select2-selection__choice__remove {
    left: auto;
    right: 6px;
    top: 4px;
    opacity: 0.8;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

#retentionScheduleModal select[name="tables"] ~ .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: 1;
    color: #ffd2d2;
}