/*
    My boostarp style for change a boostarp-5.3.0

    Note!!! You can check a css class name from inspect tool on web browser like a Microsoft Edge
*/

:root {
    font-size: 16px;
    --bs-primary: #0074A2;
    --bs-primary-rgb: rgb(0, 116, 162);
    --bs-link-color: #0074A2;
    --bs-link-color-rgb: rgb(0, 116, 162);
    --bs-btn-primary-hover-bg: #046288;
    --bs-body-bg: #f8fbfc;
    --bs-bar-chart-primay: rgba(0, 116, 162, 0.705);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #046288;
    --bs-btn-hover-border-color: #046288;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.bg-primary {
    background-color: var(--bs-primary-rgb) !important;
}

.btn-primary:hover {
    background-color: var(--bs-btn-hover-bg) !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: var(--bs-primary);
    /* Replace + by ▾ >> https://stackoverflow.com/a/2701226/9681342 */
    content: "▾";
    padding-top: 0.03em;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    /* Replace - by ▾ >> https://stackoverflow.com/a/2701226/9681342 */
    content: "▴";
    padding-top: 0.03em;
}

/* table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: white;
    border: .15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    padding-top: 0.05em;
    content: "\25BE";
    font-size: 0.85em;
    background-color: #0d6efd;
} */

.breadcrumb {
    font-size: 14px;
}

.nav {
    border-style: solid;
    border-radius: 8px;
    border-width: 1px;
    border-color: var(--bs-primary);
}

/* Remove underline in link */
a {
    text-decoration: none;
    color: var(--bs-primary);
}

.logo img {
    max-width: 300px;
    margin-bottom: 30px;
}

.container {
    max-width: 960px;
}

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