.v-app-bar {
    .v-toolbar__content {
        padding: 0 20px 0 20px;
        display: flex;
        gap:8px;

        >.v-btn:first-child {
            margin-inline-start: 0;
        }

        .v-btn {
            &.custom-hover-primary{
                .iconify{
                    color: rgba(var(--v-theme-textPrimary), 0.7) !important;
                }
                &:hover{
                    background-color: rgb(var(--v-theme-lightprimary)) ;
                    .iconify{
                        color: rgb(var(--v-theme-primary)) !important;
                    }   
                   
                }
                
            }
            
        }
    }
}

.mobile_popup{
    .v-btn {
        &.custom-hover-primary{
            .iconify{
                color: rgba(var(--v-theme-textPrimary), 0.7) !important;
            }
        }
    }
}

.custom-text-primary {
    &:hover {
        .custom-title {
            color: rgb(var(--v-theme-primary)) !important;
        }
    }
}



@media screen and (max-width:1279px) {
    .mini-sidebar {
        .v-navigation-drawer.v-navigation-drawer--left {
            width: 260px !important;
        }
    }
}

.feature-topbar {
    position: sticky;
    top: 0;
    z-index: 15;
    background: linear-gradient(90deg, #001138 0%, #001E66 100%);


    .text-linear-gradient {
        background: linear-gradient(90deg, #FFFFFF 0%, #3772FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;


    }

    .border-blue {
        border-radius: 9px;
        border: 1px solid rgb(236, 240, 242, 0.5);

    }

    .purple-btn {
        background-color: #8D70F8;
        border-radius: 9px;

        &:hover {
            background-color: #714BFF;
        }

    }

    .green-btn {
        background-color: #B3F143;
        border-radius: 9px;

        &:hover {
            background-color: #90DE03;
        }

    }
}

.top-header{
    position: relative !important;
    z-index: 0 !important;
}

.topbar-links {
    .v-btn {
        &:hover {
            background-color: rgba(var(--v-theme-primary));
        }
    }
}

.topbar-links {
    a {
        text-decoration: none;
        color: rgba(var(--v-theme-surface));

        &:hover {
            color: rgba(var(--v-theme-primary)) !important;
        }
    }
}

.border,
.v-divider {
    border-color: rgba(var(--v-border-color), 1) !important;
}

.lh-0{
    line-height: 0;
}
.lh-normal{
    line-height: normal;
}