body {
    /*min-height: 75rem;*/
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    background-color: #f8f8f8;
}

/*cards*/
.card-footer{
    background-color:#fff;
}
.card-footer {
    background-color: #fff;
}


.navbar {
    background-color: #fff;
}


/* table css*/
.table th {
   
     
}
.border-bottom {
    border-bottom: 1px solid #e5e5e5 !important;
}
.table thead th {
    border-bottom: 1px solid #e5e5e5 !important; /* Alt kenar çizgisi */
    vertical-align:middle;
}
/*table cell*/
.ellipsis {
    position: relative;
    
}

    .ellipsis:before {
        content: ' ';
        visibility: hidden;
    }

    .ellipsis span {
       
        position: absolute;
        left: 5px;
        right: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/*table cell end*/

/* table css end*/


 
.main-area {
    border-left: 1px solid #e5e5e5;
    height: calc(100vh - 58px);
    padding-top: 1rem;
}


/*
    navbar items

*/
    .sidebar {
    /*   border-right: 1px solid #e5e5e5;*/
    /*  height: calc(100vh - 48px);*/
    padding-top: 1rem;

}

    .sidebar .nav-item a {
        color: #0000008c !important;
    }

        .sidebar .nav-item a:link {
        }

        .sidebar .nav-item a:visited {
        }

        .sidebar .nav-item a.active {
            background-color: #e6f5f9 !important;
            border-radius: 4px;
        }

        .sidebar .nav-item a:hover {
            background-color: #f5f5f576 !important;
            border-radius: 4px;
        }





 
/* pureLink sınıfı altındaki bağlantıların rengini belirlemek için */
.pureLink {
    color: inherit !important; /* Bağlantıların rengini miras al */
    text-decoration: none !important; /* Bağlantı altını çizmeyi kaldır */
}

/* Bağlantılar için varsayılan hover ve visited durumlarının etkisini kaldırmak için */
.pureLink:hover,
.pureLink:visited {
    color: inherit !important; /* Bağlantıların rengini miras al */
    text-decoration: none !important; /* Bağlantı altını çizmeyi kaldır */
}

 



/*2024 07 24*/
.flip-card {
    height: 200px;
    perspective: 1000px; /* Flip efektini güçlendirmek için */

    cursor: pointer;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    background-color: rgb(249 249 249) !important
}


.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-card-front {
    z-index: 2;
    transform: rotateY(0deg);
    background-color: rgb(240 243 246) !important;
    border-radius: 10px;
}

.flip-card-back {
    transform: rotateY(180deg);
    background-color: rgb(255 216 0) !important;
    border-radius: 10px;
}

.flip-center-div {
    height: 200px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px;
}

.flip-scroll-container {
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    position: relative;
    padding: 2px;
}

.flip-text-content {
    font-size: 18px;
    line-height: 1.5;
}