:root {
    --oc-new-background-color: #FAFAFA;
    --oc-new-primary-color: #29ABE2;
    --oc-new-nav-header-color: #29ABE2;
    --oc-new-menu-text-color: #1B1B1B;
}

/*///// Login page style //////*/
.n-auth-wrapper {
    background: var(--oc-new-background-color);
}

    .n-auth-wrapper .n-auth-content .n-auth-left-side .n-auth-header .title, 
    .n-auth-wrapper .n-auth-content .n-auth-right-side .title {
        color: var(--oc-new-primary-color);
    }

    .n-auth-wrapper .auth-btn.auth-btn-login {
        background: var(--oc-new-primary-color);
        border-color: var(--oc-new-primary-color);
        color: white;
    }

    .n-auth-wrapper .auth-btn.auth-btn-login:active, .n-auth-wrapper .auth-btn.auth-btn-login:focus {
        background: var(--oc-new-primary-color) !important;
        border-color: var(--oc-new-primary-color) !important;
        box-shadow: 0 0 0 3px var(--oc-new-primary-color)!important;
    }

/*///// Choose database page style //////*/
.clinic-wrrapper {
    background: var(--oc-new-background-color);
}

    .clinic-wrrapper > .header {
        background: var(--oc-new-nav-header-color);
    }

    .clinic-wrrapper .column-header h5 {
        color: #525252 !important;
    }

    .clinic-wrrapper .content .cln-group-card .cln-card > .header > .left > .avatar {
        box-shadow: 0 0 0 2px var(--oc-new-primary-color) !important;
    }

/*///// Home menu page style //////*/
.hm-wrapper {
    background: var(--oc-new-background-color);
}

    .hm-wrapper .hm-header {
        background: var(--oc-new-nav-header-color);
    }

    .hm-wrapper .nav-hm-brand {
        color: var(--oc-new-menu-text-color);
        background: #051e340f;
    }

    .hm-wrapper .hm-menus .item:hover {
        border-radius: 0.5rem;
        background: rgb(202 202 202 / 14%);
    }

    .hm-wrapper .hm-menus .item .box .title {
        -webkit-text-fill-color: var(--oc-new-menu-text-color);
    }

/*///// Layout page style //////*/
.ocs-nav-bar nav.v2-nav-left .nav-container .nav-btn-link.nv-active {
    border-left: 5px solid var(--oc-new-primary-color);
}

.ocs-wrapper .ocs-nav-right .ocs-top-header {
    background: var(--oc-new-primary-color);
}