/* .menu-text { */
    /* color: rgb(0,205,0); */
    /* color: rgb(29, 161, 242); */
    /* padding: 2px; */
    /* border-radius: 5px; */
    /* transition: all 0.3s ease; */
    /* font-size: 16px !important; */
    /* font-weight: 500; */
/* } */

/* .menu-text:hover { */
    /* color: rgb(255, 255, 255); */
    /* background-color: rgb(116, 125, 134); */
    /* color: rgb(0, 205, 0) !important; */
    /* transform: scale(1.03); */
    /* cursor: pointer; */
/* } */

/* .menu-link:hover { */
    /* background-color: rgb(116, 125, 134); */
    /* border-radius: 10px; */
    /* transform: scale(1.05); */
    /* cursor: pointer; */
    /* color: rgb(0, 205, 0) !important; */
    /* margin-right: 5px; */
/* } */

#chat-cart {
    height: 600px !important;

}
#chat-cart-body {
    background: radial-gradient(
        circle at center,
        rgba(29, 161, 242, 0.1),
        rgba(0, 205, 0, 0.1),
        rgba(29, 161, 242, 0.1)
    );
    background-size: 400% 400%;
    animation: gradientAnimation 3s ease-in-out infinite alternate;
}

@keyframes gradientAnimation {
    0% {
        background-position: center;
    }
    100% {
        background-position: 200% center;
    }
}

.page-sub-header {
    font-size: 18px;
    color: rgb(0, 205, 0);
}

.logo {
    /* transition: opacity 1s ease-in-out; */
}

.logo-ecoai {
    animation: fadeInOut 3s infinite;
    /* height: 5rem !important; */
    /* position: fixed; */
    /* top: 1.625rem; */
    /* left: 50%;  */
    /* Yatayda ortalar */
    /* transform: translate(
        -50%,
        -50%
    ); */
    /* Hem yatayda hem dikeyde tam ortalama sağlar */
    /* z-index: 9999; */
    /* En üstte olmasını sağlar */
    /* height: 100px; */
    /* Logonun yüksekliği */
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* .card.border-theme:hover {
    --bs-bg-opacity: 0.5;
    background-color: rgba(
        var(--bs-theme-rgb),
        var(--bs-bg-opacity)
    ) !important;
} */


/* .menu-item.active:not(.has-sub)
    .menu-link
    > .menu-text {
    color: black !important;
    font-weight: bold;
} */
/* #sidebar > div > div.menu.mt-5.mb-3 > div.menu-item.has-sub.open > div > div:nth-child(1) > a > span.menu-text {
    color: black !important;
    font-weight: bold;
} */

/* .active .menu-text {
    font-size: 1.2rem;
    font-weight: bold;
    color: black;
    background-color: rgb(182, 26, 26);
} */