/* Your Global Styles */
:root .lpx-theme-dim, :root .lpx-theme-dark {
    --lpx-logo: url('/api/app/asset/Logo');
    --lpx-logo-icon: url('/api/app/asset/Logo-Icon');
    --tog-primary-color: #36b3ac;
}

:root .lpx-theme-light {
    --lpx-logo: url('/api/app/asset/Logo');
    --lpx-logo-icon: url('/api/app/asset/Logo-Icon');
    --tog-primary-color: #36b3ac;
}

/*Style overrides for theme*/
.pagination .page-item.active .page-link {
    background-color: var(--tog-primary-color) !important;
}

.form-switch .form-check-input:checked {
    background-color: var(--tog-primary-color) !important;
    border-color: var(--tog-primary-color) !important;
}

.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus, .pagination .page-item .page-link:active {
    color: var(--tog-primary-color) !important;
}

select.form-select option:checked, select.form-select option:focus, select.form-select option:active {
    background: var(--tog-primary-color) !important;
}

.form-check-input:checked {
    background-color: var(--tog-primary-color) !important;
    border-color: var(--tog-primary-color) !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--tog-primary-color) !important;
    border-color: var(--tog-primary-color) !important;
}

.step-active .step-circle {
    background-color: var(--tog-primary-color);
    border-color: var(--tog-primary-color);
}

.step-active .step-text {
    color: var(--tog-primary-color);
}

.step-active .step-circle::before {
    color: var(--tog-primary-color);
}

.dropdown-item.active, .dropdown-item:active {
    color: white;
    background-color: var(--tog-primary-color);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: white;
    background-color: var(--tog-primary-color);
}

.list-group-item.active {
    z-index: 2;
    color: black;
    background-color: #c0fffb;
    border-color: var(--tog-primary-color);
}

.lpx-footbar-container .lpx-footbar .lpx-footbar-copyright a:hover {
    color: var(--tog-primary-color);
}

.lpx-mobile-hamburger {
    background: var(--tog-primary-color);
}

.lpx-mobile-nav-tab a:hover i {
    color: var(--tog-primary-color);
}

.lpx-mobile-menu {
    bottom: 80px;
    height: calc(100vh - 80px);
}

@media (max-width: 767px) {
    .nav-tabs .nav-item {
        width: 100%;
    }
}

.b-table.table tbody th, .b-table.table tbody td {
    padding: 0.25rem !important;
    vertical-align: middle;
}

.b-table.table thead th, .b-table.table thead td {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.btn {
    font-size: 0.875em !important;
    padding: 0.375rem 0.5rem !important;
}

.lpx-nav-menu .lpx-menu-item-link:hover .lpx-menu-item-icon {
    color: var(--tog-primary-color);
    opacity: 1;
}