/*! -----------------------------------------------------------------------------------
    Template Name: Custom Admin
    Description: This is Admin theme customization
    Author: Procode Creation
    Author URI: https://procodecreations.com/
----------------------------------------------------------------------------------- !*/
.main-logo {
    max-height: 100px;
}
.logo-wrapper img {
    max-height: 75px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #e22454 !important;
    border-color: #e22454 !important;
}
.page-link {
    position: relative;
    display: block;
    color: #e22454;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}

.status-active {
    background-color: rgba(129, 186, 0, 0.1);
    color: #81ba00;
    padding: 3px 10px;
    border-radius: 5px;
}

.status-inactive {
    background-color: rgba(226, 36, 84, 0.1);
    color: var(--theme-color);
    padding: 3px 10px;
    border-radius: 5px;
}
.save-details-box .save-details .save-position {
    top: 5px;
    right: 5px;
    padding: 5px 10px;
}

.card-body-scroll {
    max-height: 800px; /* Set your desired height */
    overflow-y: auto; /* Enable vertical scrolling */
}
.delete-image {
    border-radius: 50%; /* Rounded button */
    padding: 5px; /* Padding inside the button */
    cursor: pointer; /* Show pointer on hover */
}

.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    display: block;
}