.temp-pdf-down{
		padding:10px;
		background-color: #F15B24;
		color: white;
		border-radius:10px;
	}
	.editor-loader {
    display: none;
    width: 40px;
    height: 40px;
    border: 5px solid #F15B24;
    border-top: 5px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

/* Loader Animation */
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Positioning the Editor Wrapper */
.editor-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
	.download-pdf-button {
    display: block;
    margin: 10px 0;
    padding: 8px 12px;
    background-color: #0073e6;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}
.download-pdf-button:hover {
    background-color: #005bb5;
}
	.highlighted-text {
    background-color: yellow;
    color: black;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 3px;
}
.tox-tinymce {
    height: 600px !important;
}
.tox-edit-area {
    min-height: 550px !important;
}

/* Fix TinyMCE dropdowns going behind popup */
.tox .tox-menu {
    z-index: 999999 !important;
}

.tox-tinymce-aux {
    z-index: 999999 !important;
}

.tox .tox-pop {
    z-index: 999999 !important;
}
	
/* 	CUSTOM EDITABLE TEMPLATE  */
.rs_edit_templates_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s;
    z-index: 1000;
}

.rs_edit_templates_active {
    visibility: visible;
    opacity: 1;
}

.rs_edit_templates_popup {
    background: white;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    max-width: 900px;
    height: 80vh;
    display: flex;
    flex-direction: column;
    z-index: 1100;
}

/* Ensure Editor Does Not Cover Buttons */
.editor-container {
    margin-top: 50px;
    flex-grow: 1;
    min-height: 50vh; /* Adjust height so buttons are visible */
    display: flex;
}

/* Ensure TinyMCE Does Not Overflow */
.tox-tinymce {
    height: 100% !important;
    flex-grow: 1;
    z-index: 1200;
}

/* Buttons Container */
.rs_edit_templates_buttons {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    background: white;
}

.tox-promotion{
    display: none !important;
}

/* Floating Toolbar */
.rs_edit_text_toolbar {
    position: absolute;
    background: #fff;
    padding: 8px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 10000;
    border-radius: 5px;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}

.rs_toolbar_section {
    display: flex;
    align-items: center;
    padding: 2px;
}

.rs_toolbar_separator {
    width: 1px;
    height: 20px;
    background: #ccc;
    margin: 0 5px;
}

.rs_toolbar_btn {
    background: none;
    border: none;
    font-size: 14px;
    padding: 4px;
    cursor: pointer;
}

.rs_toolbar_btn:hover {
    background: #f0f0f0;
}
	   span[dynamic-meta-data-field] {
            background-color: yellow;
            padding: 2px 4px;
            border-radius: 3px;
        }
        .section {
            margin-bottom: 20px;
        }
        .prayer {
            font-weight: bold;
        }
    /* 	CREDITORS TABLE POPUP */
	/* Bulk Upload Container */
.bulk-upload-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
    padding: 15px;
    border: 2px dashed #4CAF50;
    border-radius: 10px;
    background: #f9f9f9;
    max-width: 100%;
    text-align: center;
}

/* Upload Label */
.bulk-upload-label {
    font-weight: bold;
    color: #333;
    font-size: 16px;
}

/* Wrapper for File Input & Button */
.bulk-upload-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/* File Input Styling */
.bulk-upload-input {
    flex: 1;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    background-color: #fff;
}

/* Upload Button */
.bulk-upload-btn {
    padding: 8px 15px !important;
    background: #F15B23 !important;
    color: white !important;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.bulk-upload-btn:hover {
    background: #28709C !important;
}

/* Compact Info Text */
.bulk-upload-info {
    font-size: 12px;
    color: #555;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

/* Sample CSV Link */
.sample-csv-link {
    font-weight: bold;
    color: #0073e6;
    text-decoration: none;
    font-size: 12px;
}

.sample-csv-link:hover {
    text-decoration: underline;
}
	
    /* Popup Container */
    .rs_custom_creditors {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 99999; /* Ensure this is higher than any other elements */
    }
    
    /* Popup Content */
    .rs_custom_creditors .popup-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 90%;
      height: 90%;
      background-color: #fff;
      padding: 60px 30px 30px 30px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      overflow: auto;
      z-index: 100000; /* Ensure the content is above the overlay */
    }
    
    /* Close Button */
    .rs_custom_creditors .close-popup {
      background-color: red;
      color: #fff;
      border: none;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 100001; /* Ensure the button is above everything else */
    }
    
    
        
        
        
    /* 	STYLES FOR CREDITOR TABLES */
            .creditors-table {
                width: 100%;
                border-collapse: collapse;
                border: 1px solid #ddd;
            }
            .creditors-table th, .creditors-table td {
                padding: 10px;
                border: 1px solid #ddd;
            }
            .creditors-table thead {
                background-color: #f4f4f4;
            }
            .creditors-table tbody tr:nth-child(even) {
                background-color: #f9f9f9;
            }
            .total-row {
                background-color: #C0C0C0;
            }
            .creditors-table tfoot td {
                font-weight: bold;
            }
            .add-row-btn {
                width: 100%;
                        padding-top:15px !important;
                        padding-bottom:15px!important;
                background-color: #026292 !important;
                color: white !important;
                border: none;
                cursor: pointer;
            }
        .save-data-btn-row{
            text-align:center;
        }
            .save-data-btn {
                width: 40%;
                        padding-top:15px !important;
                        padding-bottom:15px !important;
                background-color: green !important;
                color: white !important;
                border: none;
                cursor: pointer;
                        text-align:center;
            }
        .export-csv-btn{
                width: 40%;
                        padding-top:15px !important;
                        padding-bottom:15px !important;
                background-color: #F15B24 !important;
                color: white !important;
                border: none;
                cursor: pointer;
                        text-align:center;
            }
        
    /* 	STYLES FOR FILE UPLOAD */
        
                .file-upload-input{
                width: 100%;
                padding: 12px;
                border: 2px solid #026292;
                border-radius: 5px;
                font-size: 16px;
                cursor: pointer;
                text-align: center;
                margin-top: 10px;
            }
    /* Modal overlay styling */
    .preview-modal {
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        display: flex;
        align-items: center;
        justify-content: center;
    }
	#previewContainer{
		height:100%;
	}
    /* Centered modal content */
    .preview-content {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        width: 50vw;  /* Consistent width */
        height: 70vh; /* Consistent height */
        max-width: 90%;
        max-height: 90%;
        text-align: center;
        position: relative;
        display: block;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 20px rgba(0,0,0,0.5);
        overflow: hidden;  /* Prevent content overflow */
    }
    
    /* Close button styling */
    .close {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 30px;
        font-weight: bold;
        color: #000;
        cursor: pointer;
    }
    
    /* Image preview styling with aspect ratio maintained */
    #previewImage {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;  /* Ensures the whole image fits inside the modal while maintaining aspect ratio */
        border-radius: 5px;
        display: none;
    }
    
    /* PDF viewer */
    #previewPDF {
        width: 100%;
        height: 100%;
        border: none;
        display: none;
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .preview-content {
            width: 90vw;
            height: 70vh;
        }
    }
        
        #progress-container {
        margin-top: 30px;
    }
    
    .progress-bar-wrapper {
        width: 100%;
        background: #f3f3f3;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 10px;
        position: relative;
        padding: 10px;
    }
    
    .progress-bar {
        height: 20px;
        background: #0073aa;
        width: 0%;
        border-radius: 3px;
    }
    
    .progress-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 14px;
        color: white;
        text-align: center;
        width: 100%;
    }
        
        .frontend-upload-section {
                width: 100%;
                padding: 20px;
                background: #f9f9f9;
                border-radius: 8px;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            }
            .frontend-upload-section h3 {
                text-align: center;
                color: #333;
                font-size: 24px;
            }
            #uploaded-images {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
                justify-content: center;
            }
	            .uploaded-files {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
                justify-content: center;
            }
            .file-preview {
                display: flex;
                align-items: center;
                flex-direction: column;
                text-align: center;
                font-size: 14px;
                color: #555;
                padding: 15px;
                border: 1px solid #ddd;
                border-radius: 5px;
                background: #fff;
                max-width: 200px;
                cursor: pointer;
            }
            .file-preview img {
                width: 100px;
                height: 100px;
                object-fit: contain;
                border-radius: 5px;
            }
            .file-preview a {
                display: block;
                margin-top: 5px;
                color: #0073aa;
                text-decoration: none;
                cursor: pointer;
            }
            .file-preview a:hover {
                text-decoration: underline;
            }
            .download-button {
                margin-top: 5px;
                background: #0073aa;
                color: #fff;
                border: none;
                padding: 8px;
                border-radius: 5px;
                font-size: 14px;
                cursor: pointer;
                width: 100%;
                text-align: center;
            }
.uploadDownloadRow {
    flex: row;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}
            .upload-button, .download-all-button {
                        display:inline;
                width: 45%;
                padding: 12px;
                border: none;
                border-radius: 5px;
                font-size: 16px;
                cursor: pointer;
                text-align: center;
                margin-top: 10px;
            }
            .upload-button {
                background: #0073aa;
                color: #fff;
            }
            .upload-button:hover {
                background: #005f8d;
            }
            .download-all-button {
                background: #28a745;
                color: #fff;
            }
            .download-all-button:hover {
                background: #218838;
            }
           
        /* Hide the placeholder */
    .hiddenChatPlaceholder {
        display: none !important; /* Hides the placeholder completely */
    }
        
        /* Hidden Container Styling */
        
        [hiddenContainer] {
      display: none; /* Ensures it starts hidden */
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    
    [hiddenContainer].visible {
      display: block;
      opacity: 1;
    }
        
        
        
        
    /* Case Navigator Single Page Tabs Styling */
        
        .tabsContainer{
            min-height: 55vh;
            max-height: 55vh;
            overflow-y: scroll;
        }
    
            .pdfContainer{
            min-height: 65vh;
            max-height: 65vh;
            overflow-y: scroll;
        }
        
        /* Styling for rsCustomScrollBar */
    .rsCustomScrollBar {
        scrollbar-width: thin; /* For Firefox */
        scrollbar-color: #DCDCDC transparent; /* For Firefox */
    }
    
    .rsCustomScrollBar::-webkit-scrollbar {
        width: 8px; /* Scrollbar width */
    }
    
    .rsCustomScrollBar::-webkit-scrollbar-thumb {
        background-color: #DCDCDC; /* Scrollbar thumb color */
        border-radius: 4px; /* Rounded corners for the scrollbar thumb */
    }
    
    .rsCustomScrollBar::-webkit-scrollbar-track {
        background: transparent; /* Scrollbar track background */
    }
        
    
        
            /* Add Cursor As Pointer To Elements */
        .cursorPointer {
        cursor: pointer;
    }
        /* StepTooltip Styling */
        .stepTooltip {
        position: absolute;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 22px;
            font-weight:bold;
        white-space: nowrap;
        display: none;
        z-index: 1000;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional for better appearance */
        transition: opacity 0.2s ease; /* Smooth transition for visibility */
    }
            /* Menu Tooltip Styling */
        .menuTooltip {
        position: absolute;
            background-color: #fff;
            color: #026292;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 22px;
            font-weight:bold;
        white-space: nowrap;
        display: none;
        z-index: 1000;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional for better appearance */
        transition: opacity 0.2s ease; /* Smooth transition for visibility */
    }
        
        /* Process Guide Button Styling */
    .processGuideBtn {
      position: relative; /* Needed for positioning the shine effect */
      background-color: #026292; /* Base background color */
      color: #fff; /* Optional: Text color for better contrast */
      padding: 10px 20px; /* Adjust padding as needed */
      border-radius: 5px; /* Optional: Rounded corners */
      overflow: hidden; /* To ensure the shine effect stays within bounds */
      cursor: pointer; /* Ensure it looks clickable */
    }
    
    .processGuideBtn::after {
      content: '';
      position: absolute;
      top: 0;
      left: -150%; /* Start from further left for a smoother transition */
      width: 200%; /* Wider than the button for a gradual animation */
      height: 100%;
      background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,   /* Fully transparent at start */
        rgba(255, 255, 255, 0.2) 40%, /* Soft shine */
        rgba(255, 255, 255, 0.5) 50%, /* Peak brightness */
        rgba(255, 255, 255, 0.2) 60%, /* Soft shine */
        rgba(255, 255, 255, 0) 100%   /* Fully transparent at end */
      ); /* Smooth gradient for the shine */
      transform: skewX(-30deg); /* Optional: Angled shine */
      animation: smoothShineEffect 6s infinite; /* Slower animation (6 seconds) */
      pointer-events: none; /* Ensure the pseudo-element does not intercept clicks */
    }
    
    @keyframes smoothShineEffect {
      from {
        left: -150%; /* Start position (off the left) */
      }
      to {
        left: 150%; /* End position (off the right) */
      }
    }
    
        
        /* PI - Provisions Links Styles */
        .provisions a {
        color: #026292 !important;
    }
        
        /* HIDE COUPON LIST BUTTON */
        .wpccl-btn-wrapper{
        
    display:none;
    }
        
        
        /* Custom PDF */
          #pdf-viewer-container {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #f9f9f9;
    }
    
    #pdf-canvas {
        max-width: 100%;
        height: auto;
        display: block;
        margin: auto;
    }
        
        #pdf-navigation {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        gap: 10px;
    }
    
    #pdf-navigation button {
        padding: 5px 10px;
        cursor: pointer;
        border: 1px solid #ccc;
        background: #f5f5f5;
    }
    
    #pdf-navigation span {
        font-size: 14px;
    }
    
        
    /* Overlay styles */
    #pdf-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
        display: flex;
        justify-content: flex-end; /* Align popup to the right */
        z-index: 1000;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    
    #pdf-overlay.show {
        visibility: visible;
        opacity: 1;
    }
    
    /* Popup styles */
    #pdf-popup {
			z-index:10000;
        position: relative;
        width: 55%; /* Take 55% of screen width */
        height: 100%;
        background: #fff;
        box-shadow: -3px 0 5px rgba(0, 0, 0, 0.2);
        overflow-y: auto;
        transform: translateX(100%); /* Hidden initially */
        transition: transform 0.3s ease-in-out;
    }
    
    #pdf-overlay.show #pdf-popup {
        transform: translateX(0); /* Slide in */
    }
        
        #error-message {
        color: red;
        font-size: 16px;
        text-align: center;
        margin-top: 10px;
    }
    .hidden {
        display: none;
    }
    
    /* Close button */
    #close-popup {
        position: absolute;
        top: 10px;
        right: 10px;
        background: red;
        color: white;
        border: none;
        padding: 5px 10px;
        cursor: pointer;
    }
    
    /* Responsive adjustments */
    @media screen and (max-width: 768px) {
        #pdf-popup {
            width: 85%; /* Adjust for smaller screens */
        }
    }