.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.topbar {
    position: relative;
    padding: 0.5rem 1rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
}

.topbar-link {
    display: inline-block;
    padding: 0.25rem 0;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    color: #92949e;
    font-weight: 400;
    text-decoration: none;
}

.topbar-link:hover {
    color: #242835;
    text-decoration: none;
}

.topbar-link.active {
    color: #242835;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
}

.dropdown.show>.topbar-link {
    color: #242835;
}

.topbar-dark {
    color: rgba(255, 255, 255, 0.6);
}

.topbar-dark .topbar-link {
    color: rgba(255, 255, 255, 0.6);
}

.topbar-dark .topbar-link:hover {
    color: #fff;
}

.topbar-dark .topbar-link.active {
    color: #fff;
}

.topbar-dark .dropdown.show>.topbar-link {
    color: #fff;
}

/* Fix chevron arrow not showing */
.dropdown-toggle::after {
    content: "\ea4a";
}

/* Custom CSS */
/* 
linear-gradient(#00358e 0%, #6b489a 100%);
*/
:root {
    /* --si-body-font-family: "Roboto", sans-serif; */
    --si-body-font-family: "Arial", "Helvetica", sans-serif;
}

body {
    color: #222;
}

.mb-6 {
    margin-bottom: 6rem !important;
}

@media (min-width: 992px) {
    .mb-lg-6 {
        margin-bottom: 6rem !important;
    }
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    font-weight: 600 !important;
}

h1>a,
.h1>a,
h2>a,
.h2>a,
h3>a,
.h3>a,
h4>a,
.h4>a,
h5>a,
.h5>a,
h6>a,
.h6>a {
    color: #222;
    text-decoration: none;
}

h1>a:hover,
.h1>a:hover,
h2>a:hover,
.h2>a:hover,
h3>a:hover,
.h3>a:hover,
h4>a:hover,
.h4>a:hover,
h5>a:hover,
.h5>a:hover,
h6>a:hover,
.h6>a:hover {
    color: var(--si-navbar-color) !important;
    text-decoration: underline;
}

.section-title {
    text-transform: uppercase;
    font-weight: 700 !important;
    color: #00358e;
}

.section-subtitle {
    font-weight: 500 !important;
    color: #222;
}

a {
    color: #00358e;
}

a:hover,
a:focus,
a:active {
    color: #002f7d;
}

/* ok - Tosei */
.text-primary {
    color: #00358e !important;
}

/* ok - Tosei */
.text-danger {
    color: #d60000 !important;
}

/* ok - Tosei */
.navbar-nav {
    --si-navbar-color: #222;
}

/* ok - Tosei */
.navbar-nav .nav-link {
    border-bottom: 3px solid transparent;
    font-weight: 400;
}

/* ok - Tosei */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #4d4d4d !important;
    border-bottom: 3px solid #00358e;

}

.navbar .nav-item.active>.nav-link:not(.disabled) {
    font-weight: 500;
    border-bottom: 3px solid transparent;
    color: #222;
}

/* ok - Tosei */

.nav-link {
    font-weight: 400;
}

.nav-link:hover,
.nav-link:focus {
    color: #4d4d4d !important;

}

/* ok - Tosei */
.nav-link.active {
    color: var(--si-navbar-color) !important;
}

/* ok - Tosei */
.bg-primary {
    background-color: #00358e !important;
}

/* ok - Tosei */
.bg-secondary {
    background-color: #eee !important;
}

/* ok - Tosei */
.bg-dark {
    background-color: #222 !important;
}

/* ok - Tosei */
.bg-danger {
    background-color: #d60000 !important;
}

/* ok - Tosei */
.btn {
    border-radius: 4px !important;
}

/* ok - Tosei */
.btn-lg {
    border-radius: 4px !important;
}

/* ok - Tosei */
.btn-link {
    --si-btn-color: #00358e;
    --si-btn-active-color: #002f7d;
    --si-btn-hover-color: #002f7d;
}

/* ok - Tosei */
.btn-primary {
    --si-btn-color: #fff !important;
    --si-btn-bg: #00358e;
    --si-btn-border-color: #00358e;
    --si-btn-hover-color: #fff !important;
    --si-btn-hover-bg: #002f7d;
    --si-btn-hover-border-color: #002f7d;
    --si-btn-focus-shadow-rgb: 0, 47, 125;
    --si-btn-active-color: #fff;
    --si-btn-active-bg: #002f7d;
    --si-btn-active-border-color: #002f7d;
    --si-btn-active-shadow: unset;
    --si-btn-disabled-color: #fff;
    --si-btn-disabled-bg: #001c4a;
    --si-btn-disabled-border-color: #001c4a;
}

/* ok - Tosei */
.btn-outline-primary {
    color: #00358e;
    --si-btn-border-color: #00358e;
    --si-btn-disabled-border-color: #001c4a;

}

/* ok - Tosei */
.btn-outline-primary:hover,
.btn-outilne-primary:focus {
    color: #fff;
    background-color: #00358e;
    border-color: #00358e;
}

/* ok - Tosei */
.btn-danger {
    --si-btn-color: #fff;
    --si-btn-bg: #d60000;
    --si-btn-border-color: #d60000;
    --si-btn-hover-color: #fff;
    --si-btn-hover-bg: #b40000;
    --si-btn-hover-border-color: #b40000;
    --si-btn-focus-shadow-rgb: 180, 0, 0;
    --si-btn-active-color: #fff;
    --si-btn-active-bg: #b40000;
    --si-btn-active-border-color: #b40000;
    --si-btn-active-shadow: unset;
    --si-btn-disabled-color: #fff;
    --si-btn-disabled-bg: #920000;
    --si-btn-disabled-border-color: #920000;
}

/* ok - Tosei */
.btn-secondary {
    --si-btn-color: #222 !important;
    --si-btn-bg: #eee;
    --si-btn-border-color: #eee;
    --si-btn-hover-color: #222 !important;
    --si-btn-hover-bg: #ddd;
    --si-btn-hover-border-color: #ddd;
    --si-btn-focus-shadow-rgb: 221, 221, 221;
    --si-btn-active-color: #222;
    --si-btn-active-bg: #ddd;
    --si-btn-active-border-color: #ddd;
    --si-btn-active-shadow: unset;
    --si-btn-disabled-color: #222;
    --si-btn-disabled-bg: #ccc;
    --si-btn-disabled-border-color: #ccc;
}

/* ok - Tosei */
.btn-success {
    --si-btn-color: #222;
    --si-btn-bg: #008080;
    --si-btn-border-color: #008080;
    --si-btn-hover-color: #fff;
    --si-btn-hover-bg: #005e5e;
    --si-btn-hover-border-color: #005e5e;
    --si-btn-focus-shadow-rgb: 0, 94, 94;
    --si-btn-active-color: #fff;
    --si-btn-active-bg: #005e5e;
    --si-btn-active-border-color: #005e5e;
    --si-btn-active-shadow: unset;
    --si-btn-disabled-color: #fff;
    --si-btn-disabled-bg: #003c3c;
    --si-btn-disabled-border-color: #003c3c;
}

/* ok - Tosei */
.alert-success {
    --si-alert-color: #222;
    --si-alert-bg: #e6ffff;
    --si-alert-border-color: #008080;
    --si-alert-link-color: #222;
    border-left: 6px solid #008080;
}

/* ok - Tosei */
.alert-danger {
    --si-alert-color: #222;
    --si-alert-bg: #ffe7e7;
    --si-alert-border-color: #d60000;
    --si-alert-link-color: #222;
    border-left: 6px solid #d60000;
}

/* ok - Tosei */
.breadcrumb-item {
    font-weight: 400;
}

/* ok - Tosei */
.breadcrumb-item.active {
    color: #00358e !important;
    text-decoration: none;
}

/* ok - Tosei */
.dropdown-item:hover,
.dropdown-item:focus {
    color: #00358e !important;
    background-color: var(--si-dropdown-link-hover-bg);
}

/* ok - Tosei */
.form-control:focus {
    border-color: #222;
    box-shadow: var(--si-box-shadow-inset), 0 0.5rem 1.125rem -0.5rem rgba(34, 34, 34, .2);
}

/* ok - Tosei */
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #d60000;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d60000'%3e%3cpath d='M7.643 13.535L10 11.178l2.357 2.357 1.178-1.178L11.178 10l2.357-2.357-1.178-1.178L10 8.822 7.643 6.465 6.465 7.643 8.822 10l-2.357 2.357 1.178 1.178zM10 18.333c4.595 0 8.333-3.738 8.333-8.333S14.595 1.667 10 1.667 1.667 5.405 1.667 10 5.405 18.333 10 18.333zm0-15c3.676 0 6.667 2.991 6.667 6.667S13.676 16.667 10 16.667 3.333 13.676 3.333 10 6.324 3.333 10 3.333z'/%3e%3c/svg%3e");
}

.card-body {
    color: #222;
}