:root {
    --bgk-primary-client: #174677;
    --bgk-primary-client-alternate: #5c7b9d;
    --bkg-primary-client-disabled: #ffe484;
    --bgk-primary-client-alpha: #fdd02f56;
    --bgk-grey-client: #7a7a9c;
    --color-black-navbar: #333;
    --hover-click: #a59a01;
    --color-black-navbar-alpha: #33333378;
    --color-white: #fbfbfb;
}

.bg-dark{
    background-color: #174677 !important;
}

.status-indicator-container {
    --indicator-size: .3125rem;
    --indicator-gap: .125rem;
    position: relative;
}

.status-indicator-container img {
    -webkit-mask-image: radial-gradient(circle at calc(100% - var(--indicator-size)) calc(100% - var(--indicator-size)),rgba(0,0,0,0) calc(var(--indicator-size) + var(--indicator-gap)),#000 0);
}
.status-indicator {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: var(--indicator-size);
    border-radius: var(--border-radius-pill);
}

.client .ph-list{
    color: var(--color-black-navbar) !important;
}

.client.sidebar-main{
    background-color: var(--bgk-primary-client);
}

.client.navbar.navbar-static{
    background-color: var(--bgk-primary-client);
}

.client h5{
    color: var(--color-black-navbar);
}

.client button{
    color: var(--color-black-navbar);
    background-color: #fbfbfb;
}

.client i{
    color: var(--color-black-navbar);
}

.border-top-sb-client{
    border-top: 1px solid var(--color-black-navbar-alpha);
}
.client.sidebar-main span{
    color: var(--color-black-navbar) !important;
}

.client .nav-sidebar .nav-link.mainNavBar.active{
    background-color: #fbfbfb;
}

.client .border-top{
    border-color: var(--color-black-navbar-alpha) !important;
}
.client #profile_username{
    color: var(--color-black-navbar);
}



.form-check-input{
    border-color: var(--bgk-primary-client);
}

.form-check-input:checked {
    background-color: var(--bgk-primary-client);
}

.custom-input-primary {
    border-color: var(--primary);
}

.custom-input-primary:checked {
    background-color: var(--primary);
}

.custom-input-warning {
    border-color: var(--warning);
}

.custom-input-warning:checked {
    background-color: var(--warning);
}

.custom-input-success {
    border-color: var(--success);
}

.custom-input-success:checked {
    background-color: var(--success);
}

.custom-input-danger {
    border-color: var(--danger);
}

.custom-input-danger:checked {
    background-color: var(--danger);
}

.custom-input-dark {
    border-color: var(--dark);
}

.custom-input-dark:checked {
    background-color: var(--dark);
}

.btn-warning{
    --btn-bg: var(--bgk-primary-client);
    --btn-color: var(--color-white);
    --btn-border-color: var(--bgk-primary-client);
    --btn-hover-border-color: var(--bgk-primary-client-alternate);
    --btn-hover-bg: var(--bgk-primary-client-alternate);
    --btn-active-color: var(--color-white);
    --btn-active-bg: var(--bgk-primary-client-alternate);
    --btn-active-border-color: var(--bgk-primary-client-alternate);
    --btn-disabled-bg: var(--bkg-primary-client-disabled);
    --btn-disabled-border-color: var(--bkg-primary-client-disabled);
}

.content-inner .nav-sidebar .nav-link.active{
    background-color: var(--bgk-primary-client-alpha) !important;
    color: #000 !important;
}

.client .nav-link.active{
    background-color: var(--color-white) !important;
}

/* a:hover i{
    color: var(--bgk-primary-client) !important;
} */