/********** Template CSS **********/
:root {
    --primary: rgba(0, 0, 139, 1.0);
    --secondary: rgba(255, 120, 25, 1.0);
    --green: rgba(0, 175, 80, 1.0);
    --green-fader: rgba(0, 175, 80, 0.1);
    --light: rgba(0, 0, 139, 0.1);
    --dark: rgba(0, 0, 0, 1.0);
    --bs-primary: rgba(0, 0, 139, 0.6);
    --bs-dark: rgba(0, 0, 0, 1.0);
    --biz-primary: rgba(209, 219, 219, 1.0);
    --biz-secondary: rgba(6, 34, 71, 1.0);
    --biz-tertiary: rgba(8, 62, 114, 1.0);
    --biz-navbar: rgba(8, 62, 114, 1.0);
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Black Ops One", Exo;

}

/*** BPTIC ***/

.bptic-bp {
    font-family: "Black Ops One";
    color: rgba(255, 255, 255, 1.0);
    opacity: 1.0;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
}
.bptic-tic {
    font-family: 'Black Ops One', system-ui;
    color: rgba(255, 255, 255, 1.0);
    opacity: 1.0;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
}


.sticky-top .bptic-bp {
    font-family: "Black Ops One";
    color: rgba(0, 0, 0, 1.0);
    opacity: 1.0;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
}

.sticky-top .bptic-tic {
    font-family: 'Black Ops One', system-ui;
    color: rgba(0, 0, 139, 1.0);
    opacity: 1.0;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
}

/*** Heading ***/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Exo", sans-serif;
    color: rgba(0, 0, 0, 1.0);
}

h1,
h2,
.fw-bold {
    font-family: 'Exo', sans-serif;
}

h3,
h4,
.fw-semi-bold {
    font-family: 'Exo', sans-serif;
}

h5,
h6,
.fw-medium {
    font-family: 'Exo', sans-serif;
}

/*** Fonts. ***/

body {
    font-family: "Roboto", sans-serif;
    color: rgba(0, 0, 0, 1.0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

/*** Button ***/
.btn {
    font-family: 'Exo', sans-serif;
}

/*** Navbar ***/
.navbar-dark .navbar-nav .nav-link {
    font-family: 'Exo', sans-serif;
}

/*** 
Color #06A3DA to rgba(0, 0, 139, 0.6); 
Color #EEF9FF to rgba(0, 0, 139, 0.1); 
Color #091E3E to rgba(0, 0, 0, 1.0);
***/

.form-check-input:checked {
    background-color: rgba(0, 0, 139, 0.6);
    border-color: rgba(0, 0, 139, 0.6);
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: rgba(0, 0, 139, 0.6);
    border-color: rgba(0, 0, 139, 0.6);
}

.form-range::-webkit-slider-thumb {
    background-color: rgba(0, 0, 139, 0.6);
}

.form-range::-moz-range-thumb {
    background-color: rgba(0, 0, 139, 0.6);
}

.btn-primary {
    color: rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 0, 139, 0.6);
    border-color: rgba(0, 0, 139, 0.6);
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 0, 139, 0.6);
    border-color: rgba(0, 0, 139, 0.6);
}



.btn-outline-primary:hover {
    color: rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 0, 139, 0.6);
    border-color: rgba(0, 0, 139, 0.6);
}







.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: rgba(0, 0, 139, 0.6);
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: rgba(0, 0, 139, 0.6);
}

.nav-link {
    color: rgba(0, 0, 139, 0.6);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: rgba(0, 0, 139, 0.6);
}

.page-link {
    color: rgba(0, 0, 139, 0.6);
}

.page-item.active .page-link {
    color: #fff;
    background-color: rgba(0, 0, 139, 0.6);
    border-color: rgba(0, 0, 139, 0.6);
}







.border-primary {
    border-color: rgba(0, 0, 139, 0.6) !important;
}

.text-primary {
    color: rgba(0, 0, 139, 1.0) !important;
}

.bg-primary {
    background-color: rgba(0, 0, 139, 0.6) !important;
}

.text-secondary {
    color: rgba(255, 120, 25, 1.0) !important;
}

.text-tertiary {
    color: rgba(0, 175, 80, 1.0) !important;
}



.btn-light {
    color: rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 0, 139, 0.1);
    border-color: rgba(0, 0, 139, 0.1);
}

.btn-light:disabled,
.btn-light.disabled {
    color: rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 0, 139, 0.1);
    border-color: rgba(0, 0, 139, 0.1);
}

.btn-outline-light {
    color: rgba(0, 0, 139, 0.1);
    border-color: rgba(0, 0, 139, 0.1);
}

.btn-outline-light:hover {
    color: rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 0, 139, 0.1);
    border-color: rgba(0, 0, 139, 0.1);
}

.btn-check:checked+.btn-outline-light,
.btn-check:active+.btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
    color: rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 0, 139, 0.1);
    border-color: rgba(0, 0, 139, 0.1);
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
    color: rgba(0, 0, 139, 0.1);
}





/*.text-light {
    color: rgba(0, 0, 139, 0.1) !important
}*/

.bg-light {
    background-color: rgba(0, 0, 139, 0.1) !important
}





.btn-dark {
    color: #fff;
    background-color: rgba(0, 0, 0, 1.0);
    border-color: rgba(0, 0, 0, 1.0);
}

.btn-dark:disabled,
.btn-dark.disabled {
    color: #fff;
    background-color: rgba(0, 0, 0, 1.0);
    border-color: rgba(0, 0, 0, 1.0);
}



.btn-outline-dark:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 1.0);
    border-color: rgba(0, 0, 0, 1.0);
}

.btn-check:checked+.btn-outline-dark,
.btn-check:active+.btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
    background-color: rgba(0, 0, 0, 1.0);
    border-color: rgba(0, 0, 0, 1.0);
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
    color: rgba(0, 0, 0, 1.0);
}









.bg-dark {
    background-color: rgba(0, 0, 0, 1.0) !important
}

.bg-dark-biz {
    background-color: var(--biz-navbar) !important
}


.bptic-copyright {
    background-color: rgba(0, 0, 0, 1.0);
}

.bptic-footer {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.bptic-btn-back {
    background-color: rgba(0, 175, 80, 1.0);
    border-color: rgba(0, 175, 80, 1.0);
}

.bptic-btn-back:hover {
    color: rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 175, 80, 0.6);
    border-color: rgba(0, 175, 80, 0.6);
    box-shadow: inset 0 0 0 0 var(--green-fader);
}