h1.fi-header-heading {
    font-size: 1.5rem !important;

}

.fi-sidebar {
    background-color: #fff !important;
}
.fi-sidebar-header {
    background-color: #0a59ad !important;
}
.fi-sidebar-header button {
    color: #fff !important;
}

.dark .fi-sidebar {
    background-color: #18181b !important;
}
.dark .fi-sidebar-header {
    background-color: #18181b !important;
}

.fi-sidebar-header {
    box-shadow: none !important;
}

.board-panel-page .fi-header {
    display: none !important;
}

.board-panel-page section.flex {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.board-panel-page .fi-main {
    padding: 0 !important;
}


.fi-wi-stats-overview-stat-label {
    font-size: 1.5rem !important;
    text-transform: uppercase;
    font-weight: bold;
}

.dark .fi-wi-stats-overview-stat-label {
    font-size: 1.5rem !important;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff !important;
}

.fi-wi-stats-overview-stat-value {
    text-align: right;
}


/*.flip-effect {*/
/*    position: relative;*/
/*    z-index: 0;*/
/*}*/

/*.flip-effect:after,*/
/*.flip-effect:before {*/
/*    animation: clippath 5s linear infinite;*/
/*    border: 2px solid rgba(30, 118, 236, 0.32);*/
/*    border-radius: 16px;*/
/*    bottom: -2px;*/
/*    content: "";*/
/*    left: -2px;*/
/*    opacity: 1;*/
/*    position: absolute;*/
/*    right: -2px;*/
/*    top: -2px;*/
/*    transition: all .5s;*/
/*    z-index: -1;*/
/*}*/

/*.flip-effect:after {*/
/*    animation: clippath 5s linear -2.5s infinite;*/
/*}*/

.flip-effect {
    position: relative;
    z-index: 0;
}

/* Temel animasyonlar */
.flip-effect:after,
.flip-effect:before {
    animation: clippath 5s linear infinite;
    border: 2px solid currentColor;
    border-radius: 16px;
    bottom: -2px;
    content: "";
    left: -2px;
    opacity: 1;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: all 0.5s;
    z-index: -1;
}

.flip-effect:after {
    animation-delay: -2.5s;
}

.flip-077A7D{
    color: rgba(7, 122, 125, 0.26) !important;
}
.flip-F38C79{
    color: rgba(243, 140, 121, 0.26) !important;
}
.flip-2DAA9E{
    color: rgba(45, 170, 158, 0.26) !important;
}
.flip-4B8DF8{
    color: rgba(75, 141, 248, 0.26) !important;
}
.flip-1e76ec{
    color: rgba(30, 118, 236, 0.26) !important;
}

.flip-mor{
    color: #0a59ad !important;
}
.flip-green{
    color: rgba(76, 175, 80, 0.26) !important;
}
.flip-red{
    color: #f44336 !important;
}
.flip-blue{
    color: #2196f3 !important;
}
.flip-yellow{
    color: #ffeb3b !important;
}
.flip-orange{
    color: #ff9800 !important;
}
.flip-pink{
    color: #e91e63 !important;
}
.flip-purple{
    color: #9c27b0 !important;
}
.flip-teal{
    color: #009688 !important;
}
.flip-cyan{
    color: #00bcd4 !important;
}
.flip-brown{
    color: #795548 !important;
}
.flip-grey{
    color: #9e9e9e !important;
}
.flip-light-blue{
    color: #03a9f4 !important;
}

.duration-5s .flip-effect:before,
.duration-5s .flip-effect:after {
    animation-duration: 5s;
}
.duration-8s .flip-effect:before,
.duration-8s .flip-effect:after {
    animation-duration: 8s;
}

@keyframes clippath {
    0%, 100% {
        -webkit-clip-path: inset(0 0 98% 0);
        clip-path: inset(0 0 98% 0);
    }
    25% {
        -webkit-clip-path: inset(0 0 0 98%);
        clip-path: inset(0 0 0 98%);
    }
    50% {
        -webkit-clip-path: inset(98% 0 0 0);
        clip-path: inset(98% 0 0 0);
    }
    75% {
        -webkit-clip-path: inset(0 98% 0 0);
        clip-path: inset(0 98% 0 0);
    }
}