/* 
=============================================
overwrite - bootstrap style
=============================================*/

.nav {
    --bs-nav-link-color: var(--kite-text-link);
    --bs-nav-link-hover-color: var(--kite-text-link);
}
a {
    color: var(--kite-text-link);
    text-decoration: none;
}
a:hover {
    opacity: var(--idx-opacity-hover);
    text-decoration: underline;
}
p {
    line-height: 1.75;
}
.nav-link:hover, .nav-link:focus,
.dropdown-link:hover, .dropdown-link:focus {
    opacity: 1;
}
.dropdown-menu {
    --bs-dropdown-link-color: var(--kite-text-primary);
    --bs-dropdown-link-hover-color: var(--kite-accent);
    --bs-dropdown-link-hover-bg: var(--kite-bg-blue);
    --bs-dropdown-link-active-color: var(--kite-text-primary);
    --bs-dropdown-link-active-bg: var(--kite-bg-blue);
    --bs-dropdown-link-disabled-color: #adb5bd;
}
.btn {
    border-radius: linear-gradient(90deg, rgba(0, 62, 112, .85), rgba(0, 62, 112, 1));
}
.btn:hover,
.btn:focus {
    opacity: var(--idx-opacity-hover);
    text-decoration: none;
}
.btn-primary {
    --bs-btn-color: var(--kite-white);
    --bs-btn-bg: var(--kite-blue-90);
    --bs-btn-border-color: var(--kite-blue-90);
    --bs-btn-hover-color: var(--kite-white);
    --bs-btn-hover-bg: var(--kite-blue-90);
    --bs-btn-hover-border-color: var(--kite-blue-90);
    --bs-btn-active-color: var(--kite-white);
    --bs-btn-active-bg: var(--kite-blue-90);
    --bs-btn-active-border-color: var(--kite-blue-90);
    --bs-btn-disabled-color: var(--kite-white);
    --bs-btn-disabled-bg: var(--kite-gray-70);
    --bs-btn-disabled-border-color: var(--kite-gray-70);
}
.btn-outline-primary {
    --bs-btn-color: var(--kite-blue-90);
    --bs-btn-bg: var(--kite-white);
    --bs-btn-border-color: var(--kite-blue-90);
    --bs-btn-hover-color: var(--kite-white);
    --bs-btn-hover-bg: var(--kite-blue-90);
    --bs-btn-hover-border-color: var(--kite-blue-90);
    --bs-btn-active-color: var(--kite-white);
    --bs-btn-active-bg: var(--kite-blue-90);
    --bs-btn-active-border-color: var(--kite-blue-90);
    --bs-btn-disabled-color: var(--kite-gray-70);
    --bs-btn-disabled-bg: var(--kite-white);
    --bs-btn-disabled-border-color: var(--kite-gray-70);
}
.form-select{
    border-color: var(--kite-form-border);
    border-radius: var(--idx-radius-primary);
}
.form-control {
    border-radius: 4px;
}
/* color */
.list-group-item.active {
    --bs-list-group-active-bg: var(--kite-btn-link);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    --bs-nav-pills-link-active-bg: var(--kite-btn-link);
}
.progress-bar {
    --bs-progress-bar-bg: var(--kite-brand)
}
.alert-danger {
    --bs-alert-color: var(--kite-red-90);
    --bs-alert-bg: var(--kite-red-20);
    --bs-alert-border-color: var(--kite-red-30);
}

/* 
---------------------------------------------
# Pagination (extend) - extend bootstrap pagination
---------------------------------------------*/

.pagination.idx-extend{
}
.pagination.idx-extend .page-item {
    display: none;
}
.pagination.idx-extend .page-info,
.pagination.idx-extend .page-previous,
.pagination.idx-extend .page-next {
    display: list-item;
}
.pagination.idx-extend .page-link {
    border: none;
    border-radius: var(--idx-radius-primary);
    color: var(--kite-text-link);
    font-size: .875rem;
    margin: 0 .1875rem;
}
.pagination.idx-extend .active .page-link {
    background-color: var(--kite-bg-blue);
}
.pagination.idx-extend .page-link:hover,
.pagination.idx-extend .page-link:focus{
    background-color: var(--kite-bg-blue);
    color: var(--kite-accent);
    opacity: 1;
    text-decoration: none;
}
.pagination.idx-extend .page-info span{
    display: inline-block;
    font-size: .875rem;
    margin: 0 .1875rem;
    padding: .375rem .375rem;
}
.pagination.idx-extend .page-gap,
.pagination.idx-extend .page-info {
    color: var(--kite-text-primary);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.pagination.idx-extend .page-previous .page-link,
.pagination.idx-extend .page-next .page-link {
    background-color: var(--kite-btn-link);
    color: var(--kite-white);
}
.pagination.idx-extend .page-previous .page-link:hover,
.pagination.idx-extend .page-previous .page-link:focus,
.pagination.idx-extend .page-next .page-link:hover,
.pagination.idx-extend .page-next .page-link:focus {
    color: var(--kite-white);
    opacity: var(--idx-opacity-hover);
}
.pagination.idx-extend .page-previous .page-link {
    padding-right: 1.25rem;
}
.pagination.idx-extend .page-next .page-link {
    padding-left: 1.25rem;
}
@media (min-width: 768px) {
    .pagination.idx-extend .page-item {
        display: list-item;
    }
    .pagination.idx-extend .page-info {
        display: none;
    }
}

/* 
---------------------------------------------
# table (extend) - extend bootstrap table
---------------------------------------------*/

.table.idx-extend {

}
.table.idx-extend thead th{
    font-weight: normal;
    white-space: nowrap;
}
.table.idx-extend td:first-child{
    padding-left: 1rem;
}
.table.idx-extend td:last-child{
    padding-right: 1rem;
}