/* new version 2*/

/* Circular Chart */
.circular-chart {
    stroke: #1464646 !important; /* Add !important to force override */
    display: block;
    margin: 10px auto;
    max-width: 80%;
    max-height: 80%;
}

.circular-chart .circle {
    stroke: #1464646 !important;
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8;
}

.circle {
    fill: none;
    stroke-width: 2.8;
    stroke: #1464646; /* Change this to your desired color */
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

.percentage {
    fill: #333;
    font-size: 0.5em;
    text-anchor: middle;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

/* Table Styling */
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 20px;
    border-radius: 10px; /* Apply rounded corners to the entire table */
    overflow: hidden; /* Prevents content from overflowing the rounded corners */
}

th, td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

th {
    background-color: #f9f9f9;
    font-weight: bold;
}

tr:hover {
    background-color: #f1f1f1;
}

/* Add rounded corners only to the outer borders */
tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/* ZAPISZ Button Styling */
.cp_cff_13 input[type="submit"][name="submit_leasing_form"] {
    background-color: black !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-size: 16px !important;
}

/* ZAPISZ Button Hover Effect */
.cp_cff_13 input[type="submit"][name="submit_leasing_form"]:hover {
    background-color: grey !important;
    color: white !important;
}

/* SEND Button Styling */
.cp_cff_13 input[type="submit"][id="wyslij_button"] {
    background-color: black !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    margin-left: 10px !important;
}

/* SEND Button Hover Effect */
.cp_cff_13 input[type="submit"][id="wyslij_button"]:hover {
    background-color: grey !important;
    color: white !important;
}

/* ZAPISZ button */
.cp_cff_13 input[type="submit"][name="submit_leasing_form"] {
    background-color: black !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-size: 16px !important;
}

/* Hover effect for ZAPISZ button */
.cp_cff_13 input[type="submit"][name="submit_leasing_form"]:hover {
    background-color: grey !important;
    color: white !important;
}

/* SEND button */
.cp_cff_13 input[type="submit"][id="wyslij_button"] {
    background-color: black !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    margin-left: 10px !important;
}

/* Hover effect for SEND button */
.cp_cff_13 input[type="submit"][id="wyslij_button"]:hover {
    background-color: grey !important;
    color: white !important;
}

/* Default link color (black) */
a {
    color: black;
    text-decoration: none;  /* Remove underline */
}

/* Style for the table */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
}

table th, table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
}

table th {
    background-color: #f4f4f4;
    font-weight: bold;
}

table tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Style for links */
a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: yellow;
    text-decoration: underline;
}

/* Style for the buttons */
button, input[type="submit"] {
    background-color: #FFEB84;
    border: none;
    padding: 10px;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
}

button:hover, input[type="submit"]:hover {
    background-color: #e6b800;
}



/* Style for email links */
.email-link {
    color: black !important;
    text-decoration: none !important;
}

.email-link:hover {
    color: yellow !important;
    text-decoration: underline !important;
}

/* Style for transaction links */
.transaction-link {
    color: black !important;
    text-decoration: none !important;
}

.transaction-link:hover {
    color: yellow !important;
    text-decoration: underline !important;
}

.status-wyslane {
    /* background-color: #f0f0f0; */ /* Light grey background */
    color: #333; /* Darker text for contrast */
    padding: 8px; /* Optional: Adjust padding for better spacing */
    border-radius: 4px; /* Optional: Make it look more styled */
    text-align: center; /* Optional: Center-align the text */
    font-weight: bold; /* Make the text bold */

}

.status-label-bold {
    background-color: #f0f0f0; /* Light grey background */
    color: #333; /* Darker text for contrast */
    padding: 8px; /* Optional: Adjust padding for better spacing */
    border-radius: 4px; /* Optional: Make it look more styled */
    text-align: center; /* Optional: Center-align the text */
}


.document-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.document-table th, .document-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.document-table th {
    background-color: #f4f4f4;
    font-weight: bold;
}

.document-table .download-link {
    color: #000000;
    text-decoration: none;
}

.document-table .download-link:hover {
    text-decoration: underline;
}


/* Pagination Styling */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination a {
    background-color: black !important; /* Black background */
    color: white !important; /* White text */
    padding: 10px 15px; /* Padding for spacing */
    margin: 0 5px; /* Spacing between buttons */
    text-decoration: none; /* Remove underline */
    border-radius: 5px; /* Rounded corners */
    border: 1px solid black !important; /* Black border */
    font-weight: bold; /* Make text bold */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
}

.pagination a:hover {
    background-color: grey !important; /* Grey background on hover */
    color: white !important; /* Keep text white on hover */
    border: 1px solid black !important; /* Keep border black on hover */
}

.pagination a.active {
    background-color: grey !important; /* Active page grey background */
    color: white !important; /* White text for active page */
    border: 1px solid black !important; /* Black border for active page */
    font-weight: bold; /* Bold text for active page */
}