/**
 * RWC User Frontend - Frontend CSS
 *
 * This stylesheet is used to style the front-end interface of the RWC User Frontend plugin.
 * It ensures that the plugin's components are visually appealing and seamlessly integrate with the theme's design.
 *
 * @package RWC User Frontend v0.2 - 9 February, 2025
 * @link https://www.realwebcare.com/
 */
/* Dashboard Wrapper */
.rwcufr-dashboard-wrapper {
    width: 100%;
    max-width: 1200px;
    display: table;
    margin: 50px auto;
    padding: 25px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    color: #333;
}

.rwcufr-dashboard-wrapper h3 {
    position: relative;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #0073aa;
    margin: 0 auto;
    padding: 0;
    text-transform: uppercase;
}

.rwcufr-dashboard-wrapper h3 .rwcufr-logout {
    position: absolute;
    top: -64px;
    right: 0;
    background: #0073aa;
    color: #ffffff;
    margin: 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.rwcufr-dashboard-wrapper h3 .rwcufr-logout:hover {
    background-color: #ddd;
    color: #333;
    transform: translateY(-5px);
}

/* User & Post Wrapper */
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper,
.rwcufr-dashboard-wrapper .rwcufr-post-wrapper {
    display: inline-table;
    width: 48%;
    position: relative;
    margin: 20px 1% !important;
    padding: 30px;
    background-color: #f7f7f7;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper h4,
.rwcufr-dashboard-wrapper .rwcufr-post-wrapper h4 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    color: #444;
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    text-transform: uppercase;
}

/* Post Wrapper */
.rwcufr-dashboard-wrapper .rwcufr-post-wrapper form {
    display: inline-table;
    margin: 0 0 20px;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-lists {
    background-color: #3d3d3d;
    border: 1px solid transparent;
    border-radius: 0;
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .5rem 1.2rem;
    text-align: center;
    text-decoration: none;
    width: auto;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-lists:hover {
  background-color: #444444;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-lists:focus {
  box-shadow: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-number {
    line-height: 1.5rem;
    padding: .5rem .65rem;
    padding-right: 0;
    font-size: 15px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 0;
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem;
    width: 180px;
    height: 42px;
    transition: border-color 0.3s ease;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-number:focus {
    border-color: #9f9f9f;
    outline: none;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-new-post {
    position: relative;
    float: right;
    background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="%230073aa" class="cf-icon-svg" viewBox="-1.7 0 20.4 20.4"><path d="M16.416 10.283A7.917 7.917 0 1 1 8.5 2.366a7.916 7.916 0 0 1 7.916 7.917m-2.958.01a.79.79 0 0 0-.792-.792H9.284V6.12a.792.792 0 1 0-1.583 0V9.5H4.32a.792.792 0 0 0 0 1.584H7.7v3.382a.792.792 0 0 0 1.583 0v-3.382h3.382a.79.79 0 0 0 .792-.791z"/></svg>') no-repeat 9px center;
    text-decoration: none;
    border-radius: 999px;
    box-shadow: #5E5DF0 0 10px 20px -10px;
    box-sizing: border-box;
    color: #0073aa;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    opacity: 1;
    outline: 0 solid transparent;
    padding: 8px 18px 8px 36px;
    width: fit-content;
    word-break: break-word;
    border: 0;
    transition: background-color 0.3s ease;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-new-post:hover {
    background: #0073aa url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="%23ffffff" class="cf-icon-svg" viewBox="-1.7 0 20.4 20.4"><path d="M16.416 10.283A7.917 7.917 0 1 1 8.5 2.366a7.916 7.916 0 0 1 7.916 7.917m-2.958.01a.79.79 0 0 0-.792-.792H9.284V6.12a.792.792 0 1 0-1.583 0V9.5H4.32a.792.792 0 0 0 0 1.584H7.7v3.382a.792.792 0 0 0 1.583 0v-3.382h3.382a.79.79 0 0 0 .792-.791z"/></svg>') no-repeat 9px center;
    color: #FFFFFF;
}

/* List of post */
.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list {
    width: 100%;
    margin: 0 auto;
    padding: 20px 30px 30px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    font-family: 'Arial', sans-serif;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list::before {
    content: attr(data-user) "'s Posts";
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    color: #333;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #fff;
    line-height: 1.5;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li a {
    font-size: 14px;
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
    word-wrap: break-word;
    display: block;
    flex-grow: 1;
    margin-right: 50px;
    line-height: 1.6;
    transition: color 0.3s ease-in-out;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li a:hover {
    color: #005a87;
    text-decoration: underline;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li:last-child {
    margin-bottom: 0;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-post-sn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    background: linear-gradient(135deg, #0073aa, #005a87);
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-post-sn:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-edit-post,
.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-delete-post {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background: #d72416 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" width="16" height="16" viewBox="0 0 20 20"><path d="M12 4h3c.6 0 1 .4 1 1v1H3V5c0-.6.5-1 1-1h3c.2-1.1 1.3-2 2.5-2s2.3.9 2.5 2M8 4h3c-.2-.6-.9-1-1.5-1S8.2 3.4 8 4M4 7h11l-.9 10.1c0 .5-.5.9-1 .9H5.9c-.5 0-.9-.4-1-.9z"/></svg>') no-repeat center;
    box-shadow: inset -1px -1px 3px 0px rgb(41 0 0 / 30%);
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 9999;
}
.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-edit-post {
    right: 40px;
    background: #FF640A url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23ffffff" viewBox="0 -32 576 576"><path d="m402.6 83.2 90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0m162-22.9-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2M384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5"/></svg>') no-repeat 6px 4px;
    font-size: 12px;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-delete-post:hover,
.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-edit-post:hover {
    box-shadow: inset 1px 1px 3px 0px rgb(0 0 0 / 30%);
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-edit-post:hover {
    background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23000000" viewBox="0 -32 576 576"><path d="m402.6 83.2 90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0m162-22.9-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2M384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5"/></svg>') no-repeat 6px 4px;
}

.rwcufr-dashboard-wrapper .rwcufr-post-wrapper #rwcufr-post-list li .rwcufr-delete-post:hover {
    background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000000" width="16" height="16" viewBox="0 0 20 20"><path d="M12 4h3c.6 0 1 .4 1 1v1H3V5c0-.6.5-1 1-1h3c.2-1.1 1.3-2 2.5-2s2.3.9 2.5 2M8 4h3c-.2-.6-.9-1-1.5-1S8.2 3.4 8 4M4 7h11l-.9 10.1c0 .5-.5.9-1 .9H5.9c-.5 0-.9-.4-1-.9z"/></svg>') no-repeat center;
}
/* // List of Post */
/* // Post Wrapper */

/* User Wrapper */
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper #rwcufr-edit-user-info,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper #rwcufr-close-user-info {
    position: absolute;
    top: 50%;
    right: 0;
    background: #007BFF url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23ffffff" viewBox="0 -32 576 576"><path d="m402.6 83.2 90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0m162-22.9-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2M384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5"/></svg>') no-repeat 5px 3px;
    cursor: pointer;
    color: #fff;
    font-size: 100%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper #rwcufr-close-user-info {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="%23000000" viewBox="-6.4 -6.4 44.8 44.8"><path fill="%23000000" fill-rule="evenodd" stroke-width="0" d="M21.657 20.24a1.002 1.002 0 1 1-1.415 1.42l-4.236-4.24-4.266 4.27c-.394.39-1.032.39-1.426 0a1.015 1.015 0 0 1 0-1.43l4.266-4.27-4.236-4.23a1.006 1.006 0 0 1 0-1.42 1 1 0 0 1 1.414 0l4.236 4.24 4.298-4.3a1.014 1.014 0 0 1 1.425 0c.393.4.393 1.03 0 1.43l-4.297 4.3zM16 0C7.163 0 0 7.16 0 16s7.163 16 16 16 16-7.16 16-16S24.837 0 16 0"/></svg>') no-repeat -2px -2px;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table th,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table td {
    font-size: 15px;
    text-align: left;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table th {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #555;
    width: 40%;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table td {
    background-color: #fff;
    color: #555;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table tr.rwcufr-bio th,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table tr.rwcufr-bio td {
    width: 100%;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table #rwcufr-edit-user-bio {
    resize: none;
    padding: 15px;
    min-width: 350px;
    min-height: 160px;
    pointer-events: none;
    transition: all 0.3s ease;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table#rwcufr-status-table th,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table#rwcufr-status-table td {
    width: 100%;
    display: block;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table#rwcufr-status-table th {
    font-size: 18px;
    position: relative;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table #rwcufr-edit-user-name,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table #rwcufr-edit-user-bio {
    display: none;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper #rwcufr-profile-update,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status #rwcufr-status-update,
#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image .rwcufr-upload {
    float: right;
    color: #fff;
    font-weight: 700;
    font-size: 1em;
    padding: 15px 20px;
    margin: 0 0 20px;
    background-color: #007ACC;
    outline: 3px #007ACC solid;
    outline-offset: -3px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: 400ms;
}
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper #rwcufr-profile-update:hover,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status #rwcufr-status-update:hover,
#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image .rwcufr-upload:hover {
    background-color: transparent;
    color: #007ACC;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status {
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 0;
    line-height: 1.5;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status #rwcufr-user-status {
    resize: none;
    padding: 15px;
    width: 100%;
    min-height: 140px;
    pointer-events: none;
    background-color: #f9f9f9;
    border: 1px solid #d1d5db;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-edit-enabled {
    outline: 3px solid #4caf50; /* Highlight the textarea */
    animation: flash-border 0.5s ease-out; /* Add a flash effect */
}

@keyframes flash-border {
    0% {
        outline-color: #4caf50;
    }
    50% {
        outline-color: transparent;
    }
    100% {
        outline-color: #4caf50;
    }
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper #rwcufr-profile-update:disabled,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status #rwcufr-status-update:disabled {
    background-color: #ccc;
    cursor: not-allowed;
    display: none;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status #rwcufr-status-update {
    position: absolute;
    left: 0;
    bottom: -37px;
    margin: 0;
    padding: 10px 15px;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status .rwcufr-status-date {
    position: absolute;
    right: 1px;
    bottom: 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    background: #ededed url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="14" height="14" fill="%23808489" viewBox="0 0 48 48"><path d="M24 0C10.745 0 0 10.746 0 24c0 13.255 10.745 24 24 24s24-10.745 24-24C48 10.746 37.255 0 24 0m0 44C12.954 44 4 35.046 4 24S12.954 4 24 4s20 8.954 20 20-8.954 20-20 20"/><path d="M22.5 7h3v3h-3zM7 22.5h3v3H7zM35.04 10.837l2.121 2.121-2.121 2.121-2.121-2.121zM13.123 37l-2.121-2.121 2.122-2.121 2.12 2.122zM13.04 10.919l2.122 2.12-2.122 2.122-2.121-2.121zM34.96 37.082l-2.122-2.12 2.122-2.122 2.12 2.121zM38 22.5H22.5V41h3V25.5H41v-3z"/></svg>') no-repeat 10px 5px;
    color: #808489;
    margin: 0;
    padding: 0 10px;
    padding-left: 28px;
    height: 24px;
    line-height: 23px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 3px;
    border: 1px solid;
    border-color: #dddddd transparent transparent #dddddd;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status .rwcufr-status-edit,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status .rwcufr-status-close {
    position: absolute;
    top: 0;
    right: 0;
    background: #007BFF url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23ffffff" viewBox="0 -32 576 576"><path d="m402.6 83.2 90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0m162-22.9-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2M384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5"/></svg>') no-repeat 4px 2px;
    cursor: pointer;
    color: #fff;
    font-size: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status .rwcufr-status-close {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23000000" viewBox="-6.4 -6.4 44.8 44.8"><path fill="%23000000" fill-rule="evenodd" stroke-width="0" d="M21.657 20.24a1.002 1.002 0 1 1-1.415 1.42l-4.236-4.24-4.266 4.27c-.394.39-1.032.39-1.426 0a1.015 1.015 0 0 1 0-1.43l4.266-4.27-4.236-4.23a1.006 1.006 0 0 1 0-1.42 1 1 0 0 1 1.414 0l4.236 4.24 4.298-4.3a1.014 1.014 0 0 1 1.425 0c.393.4.393 1.03 0 1.43l-4.297 4.3zM16 0C7.163 0 0 7.16 0 16s7.163 16 16 16 16-7.16 16-16S24.837 0 16 0"/></svg>') no-repeat -1px 1px;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper #rwcufr-edit-user-info:hover,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper .rwcufr-user-status .rwcufr-status-edit:hover {
    background-color: #FF640A;
}
/* // User Wrapper */

/* Status Wrapper */
#rwcufr-status-wrap {
    position: relative;
    width: 100%;
    padding: 25px;
    margin: 40px auto;
    border-radius: 12px;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-family: 'Arial', sans-serif;
}

#rwcufr-status-wrap.rwcufr-bp-gradient {
    background: linear-gradient(135deg, #2b5876, #4e4376);
}

#rwcufr-status-wrap.rwcufr-tb-gradient {
    background: linear-gradient(135deg, #006064, #00acc1);
}

#rwcufr-status-wrap.rwcufr-gy-gradient {
    background: linear-gradient(135deg, #388e3c, #fbc02d);
}

#rwcufr-status-wrap.rwcufr-dp-gradient {
    background: linear-gradient(135deg, #8e24aa, #d500f9);
}

#rwcufr-status-wrap.rwcufr-db-gradient {
    background: linear-gradient(135deg, #1a237e, #42a5f5);
}

#rwcufr-status-wrap #rwcufr-status-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
    position: relative;
}

#rwcufr-status-wrap #rwcufr-status-header .rwcufr-user-avatar {
    position: relative;
    margin-top: 15px;
    text-align: center;
}

#rwcufr-status-wrap #rwcufr-status-header .rwcufr-user-avatar img {
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.3);
}

#rwcufr-status-wrap #rwcufr-status-header .rwcufr-user-avatar::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent rgba(255, 255, 255, 0.1) transparent;
    transform: translateX(-50%);
}

#rwcufr-status-wrap #rwcufr-status-header .rwcufr-user-name {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 15px;
    flex-grow: 1;
    color: #fff;
}

#rwcufr-status-wrap #rwcufr-status-header .rwcufr-total-post-count {
    position: absolute;
    right: 0;
    bottom: -15px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0;
    padding: 0 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

#rwcufr-status-wrap .rwcufr-status-info {
    position: relative;
    margin: 10px 0 15px;
    text-align: left;
}

#rwcufr-status-wrap .rwcufr-status-info .rwcufr-status-text {
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 15px;
    border-radius: 8px;
    position: relative;
    top: 5px;
}

#rwcufr-status-wrap .rwcufr-status-info .rwcufr-status-text p {
    margin: 0 0 1.6em;
    padding: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
}

#rwcufr-status-wrap .rwcufr-status-info .rwcufr-status-time {
    position: absolute;
    right: 15px;
    bottom: 0;
    display: block;
    margin: 10px 0 0;
    padding: 0;
    font-size: 14px;
    color: #e5e5e5;
    text-shadow: 1px 1px 2px rgba(58,58,58,0.3);
}

#rwcufr-status-wrap .rwcufr-status-info .rwcufr-status-time::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 3px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="15" height="15" fill="%23e5e5e5" viewBox="0 0 48 48"><path d="M24 0C10.745 0 0 10.746 0 24c0 13.255 10.745 24 24 24s24-10.745 24-24C48 10.746 37.255 0 24 0m0 44C12.954 44 4 35.046 4 24S12.954 4 24 4s20 8.954 20 20-8.954 20-20 20"/><path d="M22.5 7h3v3h-3zM7 22.5h3v3H7zM35.04 10.837l2.121 2.121-2.121 2.121-2.121-2.121zM13.123 37l-2.121-2.121 2.122-2.121 2.12 2.122zM13.04 10.919l2.122 2.12-2.122 2.122-2.121-2.121zM34.96 37.082l-2.122-2.12 2.122-2.122 2.12 2.121zM38 22.5H22.5V41h3V25.5H41v-3z"/></svg>') no-repeat 0 0;
    width: 16px;
    height: 16px;
}
/* // Status Wrapper */

/* Blink Effect */
.rwcufr-dashboard-wrapper .rwcufr-highlight {
    background-color: #5bff32; /* Light cyan background for a fresh and modern feel */
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.2); /* Subtle shadow effect for depth */
    transition: background-color 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
    transform: scale(1.02); /* Slightly enlarge the item to give a "pop" effect */
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper table td.rwcufr-highlight {
    transform: scale(1);
}

/* Blinking effect */
@keyframes blinkEffect {
    0%, 100% { background-color: #5bff32; }
    50% { background-color: #ffffff; }
}

.rwcufr-dashboard-wrapper .rwcufr-blink {
    animation: blinkEffect 1s ease-in-out 3; /* 1 second duration, 3 blinks */
}
/* // Blink Effect */

/* Button States */
.rwcufr-dashboard-wrapper button:disabled,
.rwcufr-dashboard-wrapper button:disabled:hover {
    background-color: #ccc !important;
    cursor: not-allowed !important;
}

#wp-rwcufrcustom-editor-container .mce-btn button:hover {
    background: #f0f0f1;
    border-color: #50575e;
}
/* // Button States */

/* Modal */
/* Global */
.rwcufr-post-modal {
	position:fixed;
	z-index:99999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.75);
	display:flex;
	justify-content:center;
	align-items:center;
	transition:opacity .3s ease-in-out
}

.rwcufr-post-modal .rwcufr-modal-content {
	background:linear-gradient(145deg,#ffffff,#f3f3f3);
	color:#444444;
	padding:25px;
	border-radius:10px;
	text-align:center;
	box-shadow:0 8px 20px rgba(0,0,0,0.3);
	animation:fadeIn .5s ease-in-out;
	max-width:600px;
	width:90%
}

#rwcufr-modal-loader .rwcufr-modal-content.loader,
#rwcufr-modal-message .rwcufr-modal-content.rwcufr-modal-text,
#rwcufr-confirm-modal.rwcufr-warning .rwcufr-modal-content {
    max-width: 400px;
    padding: 2.5em;
    background: white;
    border-radius: 1rem;
    color: #000;
    font-weight: 600;
}

.rwcufr-post-modal .rwcufr-modal-content p {
	font-size: 1rem;
    margin: 15px 0 0;
    padding: 0;
    line-height: 1.5;
}

.rwcufr-post-modal .rwcufr-modal-content img {
	width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
/* // Global */

/* Confirm Modal */
#rwcufr-confirm-modal.rwcufr-warning .rwcufr-modal-content p {
    color: #cc3300;
}

#rwcufr-confirm-modal.rwcufr-warning .rwcufr-modal-content #rwcufr-confirm-yes,
#rwcufr-confirm-modal.rwcufr-warning .rwcufr-modal-content #rwcufr-confirm-no {
    margin: 20px auto;
    padding: 9px 15px;
    line-height: 1;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}

#rwcufr-confirm-modal.rwcufr-warning .rwcufr-modal-content #rwcufr-confirm-yes {
    background: linear-gradient(140deg, #3bd332, #389333);
    border: 1px solid #34a52e;
    box-shadow: inset -1px -2px 4px 0 rgb(33 98 0 / 50%);
    margin-right: 20px;
}

#rwcufr-confirm-modal.rwcufr-warning .rwcufr-modal-content #rwcufr-confirm-no {
    background: linear-gradient(140deg, #e96675, #CD0E25);
    border: 1px solid #cd293c;
    box-shadow: inset -1px -2px 4px 0 rgb(120 31 29 / 50%);
}

#rwcufr-confirm-modal.rwcufr-warning .rwcufr-modal-content #rwcufr-confirm-yes:hover {
    box-shadow: inset 1px 1px 2px 0 rgb(33 98 0 / 50%);
}

#rwcufr-confirm-modal.rwcufr-warning .rwcufr-modal-content #rwcufr-confirm-no:hover {
    box-shadow: inset 1px 1px 2px 0 rgb(120 31 29 / 50%);
}
/* // Confirm Modal */

/* Message Modal */
.rwcufr-modal-content.rwcufr-modal-text span#rwcufr-success-icon {
    color: #22bb33;
    font-size: 28px;
    margin: 0 auto 20px;
    padding: 0;
    display: block;
    background: #fff url(../images/rwcufr-success.gif) no-repeat center center;
    width: 100%;
    height: 40px;
}
/* // Message Modal */

/* Post Editor Modal */
#rwcufr-manage-post-editor {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.4s ease, transform 0.4s ease;
    display: none; /* Hidden by default */
}

#rwcufr-manage-post-editor.rwcufr-modal-visible {
    opacity: 1;
    transform: scale(1);
    display: flex; /* Ensure modal is flexbox aligned when visible */
}

#rwcufr-manage-post-editor .add-new-post-modal {
    position: relative;
    max-width:900px;
}

/* Close Icon */
#rwcufr-manage-post-editor .add-new-post-modal .rwcufr-close {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffffff, #e9eef4);
    box-shadow: inset -1px -1px 3px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9999;
}

#rwcufr-manage-post-editor .add-new-post-modal .rwcufr-close:hover {
    background: linear-gradient(155deg, #ffffff, #9b9b9b);
    color: #ffffff;
    box-shadow: inset 1px 1px 3px rgb(0 0 0 / 40%);
}

#rwcufr-manage-post-editor .add-new-post-modal .rwcufr-close:active {
    transform: scale(0.95);
}
/* // Close Icon */

#rwcufr-manage-post-editor .rwcufr-modal-content.rwcufr-left {
    text-align: left;
}

#rwcufr-manage-post-editor .rwcufr-modal-content #rwcufr-manage-post-form {
    position: relative;
}

#rwcufr-manage-post-editor #rwcufr-manage-post-form label {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

#rwcufr-manage-post-editor #rwcufr-manage-post-form #rwcufr_post_title {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    color: var(--ast-form-input-text, #475569);
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    transition: all .2s linear;
}

#rwcufr-manage-post-editor .rwcufr-modal-content #wp-rwcufrcustom-wrap {
    margin: 20px 0;
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr_select_list {
    display: block;
    height: 40px;
    width: 100%;
    max-width: 250px;
    margin: 0 0 20px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background: linear-gradient(135deg, #ffffff, #f3f3f3);
    border: 2px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23666666" d="M10 3 6 7h8zm0 14 4-4H6z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    transition: all 0.3s ease;
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr_select_list:hover {
    border-color: #aaa; /* Darker border on hover */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* Enhanced shadow */
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr_select_list:focus {
    outline: none; /* Remove default outline */
    border-color: #007bff; /* Blue border for focus */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Glowing blue effect */
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#rwcufr-manage-post-editor .rwcufr-modal-content #rwcufr_featured_image {
    display: block;
    margin-bottom: 10px;
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image .rwcufr-upload {
    float: none;
    background: #007ACC url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"><path fill="%23ffffff" d="M12 4l-5 5h3v6h4v-6h3l-5-5zM3 15v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4h-2v4H5v-4H3z"/></svg>') no-repeat 13px 5px;
    padding: 10px 20px;
    padding-left: 42px;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 50%);
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image .rwcufr-upload:hover {
    background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"><path fill="%23007ACC" d="M12 4l-5 5h3v6h4v-6h3l-5-5zM3 15v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4h-2v4H5v-4H3z"/></svg>') no-repeat 13px 5px;
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image .rwcufr-remove {
    position: absolute;
    top: 21px;
    right: 6px;
    background: #8d0a0a url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23ffffff" viewBox="-6.4 -6.4 44.8 44.8"><path fill="%23ffffff" fill-rule="evenodd" stroke-width="0" d="M21.657 20.24a1.002 1.002 0 1 1-1.415 1.42l-4.236-4.24-4.266 4.27c-.394.39-1.032.39-1.426 0a1.015 1.015 0 0 1 0-1.43l4.266-4.27-4.236-4.23a1.006 1.006 0 0 1 0-1.42 1 1 0 0 1 1.414 0l4.236 4.24 4.298-4.3a1.014 1.014 0 0 1 1.425 0c.393.4.393 1.03 0 1.43l-4.297 4.3zM16 0C7.163 0 0 7.16 0 16s7.163 16 16 16 16-7.16 16-16S24.837 0 16 0"/></svg>') no-repeat -1px -1px;
    color: #ffffff;
    padding: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 3px 0px rgb(0, 0, 0, 0.75);
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image #show_preview {
    position: absolute;
    bottom: -20px;
    left: -180px;
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-featured-image #show_preview img {
    width: 152px;
    height: auto;
    margin: 15px 0;
    vertical-align: middle;
    border: 5px double #c1c1c1;
}

#rwcufr-manage-post-editor .rwcufr-modal-content #rwcufr-featured-image-preview img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-btn-publish {
	width: 100px;
    padding: 10px 10px 10px 35px;
    margin: 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    background: #4CAF50 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23ffffff" class="cf-icon-svg" viewBox="0 0 1920 1920"><path fill-rule="evenodd" d="M860.16 1373.227 490.773 1003.84 641.6 853.013l218.56 218.56 453.653-453.653 150.827 150.827zM960 0C429.76 0 0 429.76 0 960s429.76 960 960 960c530.133 0 960-429.76 960-960S1490.133 0 960 0"/></svg>') no-repeat 10px 8px;
    color: #fff;
    line-height: 1em;
    transition: all 0.3s ease;
}

#rwcufr-manage-post-editor .rwcufr-modal-content .rwcufr-btn-publish:hover {
    background-color: #2271b1;
}

@keyframes fadeIn {
	from {
		transform:scale(0.95);
		opacity:0
	}
	
	to {
		transform:scale(1);
		opacity:1
	}
}

#rwcufr-manage-post-editor #publish-message.rwcufr-error {
    display: block;
    max-width: 500px;
    border: 1px solid #e57373;
    background-color: #ffebee;
    color: #d32f2f;
    margin: 10px auto 0;
    text-align: center;
}
/* // Post Editor Modal */
/* // Modal */

/* Login form */
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login {
    display: block;
    background: transparent;
    border: none;
    margin: 0 auto !important;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #555;
    font-weight: 600;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form input[type="text"],
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease-in-out;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form input[type="text"]:focus,
.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form input[type="password"]:focus {
    border-color: #0073aa;
    box-shadow: 0 0 4px rgba(0, 115, 170, 0.5);
    outline: none;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form button[type="submit"] {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    color: #fff;
    background-color: #0073aa;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease-in-out;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form button[type="submit"]:hover {
    background-color: #005a87;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form button[type="submit"]:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form .extra-links {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form .extra-links a {
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

.rwcufr-dashboard-wrapper .rwcufr-user-wrapper.rwcufr-login #rwcufr-user-login-form .extra-links a:hover {
    text-decoration: underline;
}
/* // Login form */

/* Notifications */
.rwcufr-dashboard-wrapper #login-message {
    border: 1px solid #c8e6c9;
    background-color: #e8f5e9;
    color: #2e7d32;
    font-weight: 600;
    margin: 20px auto 0;
    max-width: 400px !important;
}

.rwcufr-dashboard-wrapper .rwcufr-hidden {
    display: none;
}

.rwcufr-dashboard-wrapper #rwcufr-modal-message.rwcufr-success .rwcufr-modal-content.rwcufr-modal-text {
    border: 1px solid #c8e6c9;
    background-color: #e8f5e9;
    color: #2e7d32;
    margin: 0 auto;
}

.rwcufr-dashboard-wrapper #rwcufr-modal-message.rwcufr-error .rwcufr-modal-content.rwcufr-modal-text {
    border: 1px solid #e57373;
    background-color: #ffebee;
    color: #d32f2f;
    margin: 0 auto;
}

.rwcufr-dashboard-wrapper .rwcufr-error li {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
/* // Notifications */

/* Notice */
.rwcufr-message {
    display: block;
    max-width: 700px !important;
    margin: 50px auto !important;
    padding: 20px 30px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 24px;
}

.rwcufr-message p {
    margin: 0 0 15px;
    line-height: 21px;
}

.rwcufr-message ol {
    margin: 0 0 15px;
    padding: 0 40px;
    line-height: 24px;
}

.rwcufr-message.rwcufr-message-info {
    background-color:#e7f4fd;
    border:1px solid #5da4ff;
    color:#0073aa;
}

.rwcufr-message.rwcufr-message-warning {
    background-color:#fff3d1;
    border:1px solid #e6b800;
    color:#766a46;
}

.rwcufr-message.rwcufr-message-error {
    background-color: #f9d4d4;
    border: 1px solid #e66464;
    color: #b63737;
}
/* // Notice */

/* Responsive Adjustments */
@media (max-width: 1199px) {
    .rwcufr-dashboard-wrapper h4 {
        font-size: 20px;
    }
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table th,
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table td,
    .rwcufr-dashboard-wrapper #rwcufr-post-list li a {
        font-size: 14px;
    }
    .rwcufr-dashboard-wrapper #rwcufr-new-post {
        font-size: 0;
        line-height: 44px;
    }
}
@media (max-width: 1024px) {
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper,
    .rwcufr-dashboard-wrapper .rwcufr-post-wrapper {
        width: 100%;
        margin: 20px 0;
    }
}
@media (max-width: 767px) {
    .rwcufr-dashboard-wrapper h3 {
        font-size: 21px;
    }
    .rwcufr-dashboard-wrapper #rwcufr-post-list {
        padding: 15px;
    }
    .rwcufr-dashboard-wrapper #rwcufr-post-list li {
        padding: 8px;
    }
    .rwcufr-dashboard-wrapper #rwcufr-post-list li a {
        margin-right: 60px;
    }
    .rwcufr-featured-image label {
        font-size: 14px;
    }
    .rwcufr-featured-image .rwcufr-upload {
        padding: 10px;
    }
    .rwcufr-featured-image #show_preview {
        position: absolute;
        top: unset;
        left: 0;
        bottom: 45px;
    }
    .rwcufr-featured-image #show_preview img {
        width: 100px;
    }
    #rwcufr-status-wrap {
        padding: 20px;
        width: 95%;
    }

    #rwcufr-status-wrap #rwcufr-status-header .rwcufr-user-avatar img {
        width: 60px;
        height: 60px;
    }

    #rwcufr-status-wrap #rwcufr-status-header .rwcufr-user-name {
        font-size: 18px;
    }

    #rwcufr-status-wrap .rwcufr-status-info .rwcufr-status-text {
        font-size: 15px;
    }
}
@media (max-width: 600px) {
    .rwcufr-dashboard-wrapper {
        padding: 15px;
    }
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table th,
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table td {
        padding: 10px;
    }
    .rwcufr-dashboard-wrapper .rwcufr-post-wrapper form {
        flex-direction: column;
        gap: 10px;
    }
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper,
    .rwcufr-dashboard-wrapper .rwcufr-post-wrapper {
        padding: 15px 15px 0;
    }
    .rwcufr-dashboard-wrapper button[type="submit"] {
        align-self: flex-start;
    }
    .rwcufr-modal-content .rwcufr_select_list {
        max-width: 190px;
    }
}
@media screen and (max-width: 480px) {
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table {
        display: block;
    }
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table tbody {
        display: block;
    }
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table th,
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table td {
        display: block;
        text-align: left;
    }
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table th {
        width: 100%;
    }
    .rwcufr-dashboard-wrapper .rwcufr-user-wrapper table td {
        padding-left: 20px;
    }
}
