.app-auth-wrapper .app-logo .logo-icon {

    height: 90px !important;
    width: 280px !important;
}

.app-login .auth-background-holder {
    background: url(../images/background/Data-extraction-amico.png);
    background-size: cover;

}

.app-reset-password .auth-background-holder {
    background: url(../images/background/Forgot-password-cuate.png);
    background-size: cover;

}

.is-invalid {
    border-color: red;
}

.is-invalid+.invalid-feedback {
    display: block;
    color: red;
}

.is-invalid-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: red;
}

.app-branding .logo-icon {
    width: 200px !important;
    height: 65px !important;
}

.app-branding {
    height: 100px !important;
    border-bottom: 1px solid #e7ffe7;
}

.custom-align-right {
    float: right;
}

.btn-primary {
    --bs-btn-color: #ffffff !important;
}


/* Increase Toggle Switch Size while keeping the design as is */
.toggle-custom {
    /* transform: scale(1.5) !important;
    margin: 0 !important;  */
    width: 46px !important;
    height: 23px;
}



.sidebar {
    position: fixed;
    top: 0;
    right: -600px;
    width: 600px;
    height: 100%;
    background-color: #f8f9fa;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    transition: right 0.3s ease;
    z-index: 1050;
}

.sidebar.open {
    right: 0;
}

.sidebar-content {
    padding: 20px;
}

.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-header h5 {
    margin: 0;
}

.close-btn {
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
}

.sidebar-body {
    margin-top: 20px;
    max-height: 80vh;
    /* Limit height of the body */
    overflow-y: auto;
    /* Add scroll functionality */
}

pre {
    white-space: pre-wrap;
    /* Allow line breaks in long lines */
    word-wrap: break-word;
    /* Break words to fit within the box */
}

li.active .page-link {
    background: #747f94 !important;
    color: #fff !important;
    border-color: #747f94 !important;
}

li .page-link {
    color: #5d6778 !important;
    padding: .25rem .5rem !important;
}

/* Fullscreen Loader */
#loader {
    position: fixed;
    width: 100%;
    height: 50%;
    /* background: rgba(255, 255, 255, 0.8);*/
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Spinner Animation */
.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top-color: #15a362;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.swagger-ui .model-box-control:focus,
.swagger-ui .models-control:focus,
.swagger-ui .opblock-summary-control:focus {
    outline: unset !important;
}

.w-70 {
    width: 70% !important;
}

.last-update-container {
    font-size: 1rem;
    /* default size */
}

@media (max-width: 992px) {
    .last-update-container {
        font-size: 0.875rem;
        /* medium screens */
    }
}

@media (max-width: 768px) {
    .last-update-container {
        font-size: 0.75rem;
        /* small screens */
    }
}

@media (max-width: 576px) {
    .last-update-container {
        font-size: 0.65rem;
        /* extra small screens */
    }

    .sidebar.open {
        width: 100%;
    }
}

/*
    Fix dataTable pagenation style
    By: Hamza Aldahoud
*/

div#users-table_paginate {
    float: left;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 !important;
}

.page-item:not(:first-child) .page-link {
    margin-left: 0 !important;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: unset !important;
}