body {
}

.my-sidebar {
    background-color: #012244 !important;
}

.primarybutton {
    background-color: var(--themeColor) !important;
}

.btn-primary {
    background-color: var(--themeColor) !important;
}

button.btn.btn-primary.dropdown-toggle {
    background-color: var(--themeColor) !important;
}

.page-item.active .page-link {
    background-color: var(--themeColor);
}

.login-page {
    background: linear-gradient(to right, #d1fffa, #d9e7ff, #f8dbb8) !important;
}

.feeform {
    display: flex;
}


.viewpswrd {
    position: relative;
    width: 40px;
}

    .viewpswrd .btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        padding: 0;
        background-color: transparent;
        border: none;
    }

        .viewpswrd .btn i {
            font-size: 18px;
            color: #333;
            padding-right: 9px;
            transition: color 0.3s ease-in-out;
        }

        .viewpswrd .btn:hover i {
            color: #007BFF;
        }

            .viewpswrd .btn:hover i .fa-eye-slash {
                display: none;
            }

.main-footer strong a {
    color: var(--themeColor);
}
.card-primary:not(.card-outline) > .card-header {
    background-color: var(--themeColor);
}
.card-primary.card-outline {
    border-top: 3px solid var(--themeColor);
}
.text-primary {
    color: var(--themeColor) !important;
}

.bg-info {
    background-color: var(--themeColor) !important;
}