/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.nav-link {
    color: #215C9E;
}

.nav-link:focus,
.nav-link:hover {
    color: #03ACEF;
}

a:hover {
    --vz-link-color-rgb: #03ACEF;
}

.bg-dark-blue {
    background-color: #215C9E;
    border: 1px solid #215C9E;
    color: #fff;
}

.bg-semi-dark-blue {
    background-color: #387DC0;
    /* optional intermediate */
    border: 1px solid #387DC0;
    color: #fff;
}

.bg-light-blue {
    background-color: #03ACEF;
    border: 1px solid #03ACEF;
}

.color-blue {
    color: #03ACEF;
}

.color-blue-1 {
    color: #0C95D5;
}

.color-blue-2 {
    color: #215C9E;
}

.color-green,
.text-primary,
.color-green-1 {
    color: #03ACEF !important;
}

[data-layout="horizontal"] .navbar-nav .nav-item:hover>.nav-link,
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link.active {
    color: #03ACEF;
}

[data-layout=horizontal] .navbar-menu .navbar-nav .nav-sm .nav-link:hover {
    color: #0295D0;
    /* darker version of #03ACEF */
}

[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: #03ACEF;
}

[data-layout=horizontal] .navbar-menu .navbar-nav .nav-sm .nav-link.active,
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-sm .nav-link:hover {
    color: #03ACEF;
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--vz-pagination-active-color);
    background-color: #03ACEF;
    border-color: #03ACEF;
}


.btn-primary {
    --vz-btn-bg: #03ACEF;
    /* base background */
    --vz-btn-border-color: #03ACEF;
    /* base border */
    --vz-btn-hover-bg: #02A0DC;
    /* slightly darker hover */
    --vz-btn-hover-border-color: #02A0DC;
    --vz-btn-focus-shadow-rgb: 3, 172, 239;
    --vz-btn-active-bg: #028EC6;
    /* even darker on click */
    --vz-btn-active-border-color: #028EC6;
    --vz-btn-disabled-bg: #B2E7F8;
    /* faded for disabled */
    --vz-btn-disabled-border-color: #B2E7F8;
    color: #fff;
}

.btn-outline-primary {
    color: #03ACEF;
    border-color: #03ACEF;
}

.btn-outline-primary:hover {
    background-color: #03ACEF;
    border-color: #03ACEF;
    color: #fff;
}


.list-group-item-warning {
    --vz-list-group-color: #fff;
    --vz-list-group-bg: #215C9E;
    --vz-list-group-border-color: #215C9E;
    --vz-list-group-action-hover-color: #fff;
    --vz-list-group-action-hover-bg: #2F6FB4;
    --vz-list-group-action-active-color: #fff;
    --vz-list-group-action-active-bg: #03ACEF;
    --vz-list-group-active-color: #03ACEF;
    --vz-list-group-active-bg: #03ACEF;
    --vz-list-group-active-border-color: #039AD6;
}

.list-group-fill-primary.list-group-item {
    color: #fff;
    background-color: #03ACEF !important;
    border-color: #039AD6;
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: #03ACEF;
}

.nav-tabs-custom .nav-item .nav-link::after {
    background: #03ACEF;
}

.bg-primary {
    --vz-bg-opacity: 1;
    background-color: #03ACEF;
}

.accordion-secondary .accordion-item {
    border-color: #039AD6;
}

.accordion-border-box .accordion-item {
    border-top: 1px solid #039AD6;
    border-radius: 0.25rem;
}

.accordion-secondary .accordion-item .accordion-button:not(.collapsed) {
    color: #03ACEF;
    background-color: rgba(3, 172, 239, .1) !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: #03ACEF;

}

.list-container {
    min-height: 300px;
    /* or whatever fits your design */
}


.nav-border-top-success .nav-link.active {
    color: #03ACEF;
    border-top-color: #039AD6;
}

#todo_lists_container,
#email_messages_container {
    max-height: 300px;
    /* adjust height */
    overflow-y: auto;
}

.btn-xs {
    --vz-btn-padding-y: 0.20rem;
    --vz-btn-padding-x: 0.4rem;
    --vz-btn-font-size: calc(var(--vz-font-base) * 0.775);
    --vz-btn-border-radius: var(--vz-border-radius-sm);
}