body {
    counter-reset: dmca-counter; /* Initialize the counter for the body */
}
.dmcaCounter {
    counter-increment: dmca-counter; /* Increment the counter for each element with the class */
}
.dmcaCounter::before{
    content: counter(dmca-counter) ": "; /* Display the counter value before each h3 */
    font-weight: bold;
    margin-right: 8px;
}

.submitButtonInside{
    display: flex;
    justify-content: center; /* Horizontally centers the content */
    align-items: center; /* Vertically centers the content */

}
/* General block styling */
.singleBlock {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: white; /* Set text to white */
    background-color: transparent; /* Leave background as original */
}

/* Container for the text at the top */
.textContainer {
    margin-bottom: 10px;
}

/* Styling the main title */
.mainTitle {
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 18px;
    font-weight: bold;
    color: white; /* Set text to white */
}

/* Style for the instruction text */
.contentRemovalSpan {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: white; /* Set text to white */
    overflow-wrap: break-word;
}
.contentRemovalSpanSmallText{
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    color: white; /* Set text to white */
    overflow-wrap: break-word;
}

/* Styling for each contact block */
.singleContactBlock {
    margin-bottom: 15px;
}

/* Label styles */
.singleContactBlock label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: white; /* Set text to white */
}

/* Input and Textarea styles */
.contentRemovalInput,
.contentRemovalTextarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    color: #333; /* Keep text inside input fields dark for readability */
    background-color: white; /* Keep background inside input fields white for readability */
    box-sizing: border-box;
}

/* Textarea height */
.contentRemovalTextarea {
    height: 200px;
}

/* Adding focus style for input fields */
.contentRemovalInput:focus,
.contentRemovalTextarea:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/* Success message box */
#reponseFromPost {
    display: none;
    background-color: #e0ffe0; /* Light green background to indicate success */
    color: #2d572c; /* Dark green text color */
    padding: 15px 20px;
    border: 1px solid #c2e0c2;
    border-radius: 8px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    margin: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}
#missingFields{
    display: none;
    background-color: lightcoral; /* Light green background to indicate success */
    color: #2d572c; /* Dark green text color */
    padding: 15px 20px;
    border: 1px solid #c2e0c2;
    border-radius: 8px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    margin: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}
#missingCheckboxes{
    display: none;
    background-color: lightcoral; /* Light green background to indicate success */
    color: #2d572c; /* Dark green text color */
    padding: 15px 20px;
    border: 1px solid #c2e0c2;
    border-radius: 8px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    margin: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}


/* Submit button styles */
.contentRemovalSubmitForm {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 12px 24px;
    border: none;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.2s ease;
    margin-top: 20px;
}

/* Button hover effect */
.contentRemovalSubmitForm:hover {
    background-color: #45a049; /* Darker green on hover */
    transform: translateY(-2px); /* Slight lift on hover */
}

/* Button active effect */
.contentRemovalSubmitForm:active {
    background-color: #3e8e41; /* Even darker green when pressed */
    transform: translateY(0); /* Return to original position when clicked */
}

/* Button focus effect */
.contentRemovalSubmitForm:focus {
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.4); /* Custom focus ring */
}
.thead_black
{
    background: black;
    color: white;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}
.single_row
{
    height: 35px;
    flex-wrap: wrap;
}
.basic_table_black{
    border-collapse: collapse;
    width: 100%;
    background: white;
}
.border_gray
{
    border: 1px solid lightgray;
    padding: 8px;
    text-align: left;
    color: black;
}
.border_gray_th{
    border: 1px solid lightgray;
    padding: 8px;
    text-align: left;
    color: white;
}