/**
 * Custom Admin Page Styles
 *
 * This stylesheet is used to style the custom admin page in the WordPress dashboard.
 * It applies specific styles to elements within the custom admin page only, avoiding conflicts
 * with other WordPress dashboard elements by scoping styles under the .rwa-container container.
 *
 * @package    Restrict_Website_Access
 * @file       includes/admin/css/admin-style-handler.css
 * @since      1.0.0
 */
 
.rwa-heading-text {
    margin: 0 !important;
}
.rwa_uploaded_image img.rwa-uploaded-image {
    display: block;
}
.rwa_uploaded_image .rwa-uploaded-image {
    max-width: 100px;
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.rwa-delete-image {
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: underline;
    font-size: 12px;
    line-height: 100%;
    color: #d63638;
    margin: auto;
    cursor: pointer;
}
.rwa_uploaded_image {
    text-align: center;
    margin-bottom: 5px;
}
.rwa-btn.submit {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.rwa-loader:after {
    content: '';
    width: 22px;
    height: 22px;
    border: 3px solid #3858e9;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}