html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #f2f4f5 !important;
}
body {
    display: flex;
    flex-direction: column;
    background-image: url('../assets/images/paymentbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.dashboard-header { 
    margin-bottom: 40px; 
}
.content-list { 
    list-style: none; padding-left: 0; 
}
.content-list li {
    margin-bottom: 10px; 
}

/* Side Nav */

:root {
--sidebar-width: 240px;
}
.sideHeading {
    border-bottom: 1px solid #d4ac65;
}

#sidebarMenu {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: var(--sidebar-width);
    background-color: #011339;
    overflow-y: auto;
    position: fixed;
    padding-bottom: 20px; 
}

.position-sticky {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.sidebar .footer {
margin-top: auto; 
width: 100%;
text-align: center;
padding: 10px 0; 
}

#contentArea {
flex-grow: 1;
overflow-y: auto;
margin-left: var(--sidebar-width);
}

.fixed-top, .fixed-bottom, .sticky-top {
z-index: 1025;
}

.sidebar {
height: 100vh;
position: fixed;
top: 0;
left: 0;
}

.sidenav-footer {
    color: #d4ac65;
    font-size: 13px;
    border-top: 1px solid #d4ac65;
    padding-top: 20px;
}
.sidenav-footer a {
    color: #d4ac65;
    font-size: 14px;
}

input, textarea {
    border: 1px solid #001e5e !important;
}

.btn-outline-success {
    background-color: #001e5e !important;
    color: #fff !important;
    border: none !important;
    width: 100px !important;
    height: 32px !important;
}

.btn-outline-success:hover {
    background-color: #011339 !important;
    color: #fff !important;
}

.sidebar .nav-link {
    color: #d4ac65 !important;
}

.file-upload-wrapper {
    border: 2px dashed #011339;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
.file-upload-text {
    color: #011339;
    font-size: 16px;
}

.dashed {
    border-bottom: 2px dashed #001e5e;
}

/* Custom CSS for accordion */
.accordion-button:not(.collapsed) {
    background-color: #001e5e !important;
    color: #fff !important; 
    box-shadow: none !important; 
}

.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>') !important;
}

.accordion-button:focus {
    box-shadow: none !important; /* Removes the blue outline on focus */
    border-color: inherit !important; /* Optional: set to match your design */
}

.accordion-item {
    margin-bottom: 15px !important; /* Adds margin to each accordion item */
    border: none !important; /* Removes the border */
    background-color: #fff !important; /* Sets a background color */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important; /* Adds a subtle shadow */
}
/* Optional: Adding padding and border radius for a better look */
.accordion-body {
    padding: 20px;
    border-radius: 4px;
}

.adhan_time, .iqamah_time {
    border: 1px solid rgb(191, 191, 191) !important;
    padding: 4px 20px;
    width: 150px;
    border-radius: 3px;
}

.event-card {
    background-color: #f8f9fa !important; /* Light gray background */
    border-radius: 10px; /* Rounded corners */
    padding: 15px; /* Some padding inside the card */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    margin-bottom: 15px; /* Space between cards */
}

.event-card p {
    line-height: 13px;
    font-size: 14px;
}

.event-image {
    max-width: 100%; /* Ensure image fits in card */
    height: auto; /* Maintain aspect ratio */
    border-radius: 5px; /* Rounded corners for the image */
    margin-bottom: 10px; /* Space below image */
}


@media (max-width: 991.98px) {
    #sidebarMenu {
        width: 100%;
        height: auto;
        position: relative;
    }
    #contentArea {
        margin-left: 0;
    }
}