/*** Global ***/
.link {
    color: #0d1b48;
}

    .link:hover {
        color: #14296c;
        text-decoration: underline;
    }

.fw-bold-5 {
    font-weight: 500;
}

.fc-md-gray {
    color: #666;
}

/*** Buttons ***/
.btn-dk-blue {
    background-color: #0d1b48;
    border-color: #0d1b48;
    color: #fff;
}

    .btn-dk-blue:hover,
    .btn-dk-blue:active,
    .btn-dk-blue:focus-visible {
        background-color: #14296c !important;
        border-color: #14296c !important;
        color: #fff !important;
    }

.btn-outline-dk-blue {
    border-color: #0d1b48;
    color: #0d1b48;
}

    .btn-outline-dk-blue:hover,
    .btn-outline-dk-blue:active,
    .btn-outline-dk-blue:focus-visible {
        background-color: transparent;
        border-color: #14296c;
        color: #14296c;
    }


/*** Colors ***/
.dk-blue-text {
    color: #0d1b48;
}

.lt-gray-bg {
    background-color: #f8f8f8;
}

/*** Navbar ***/
.navbar {
    background-color: #e3f2fd;
}

ul.navbar-nav li a {
    color: #0d1b48;
}

.dropdown-menu {
    background-color: #e3f2fd;
}

.dropdown-item:hover,
.dropdown-item:active {
    background-color: #e3f2fd;
    color: #0d1b48;
}

.navbar-search {
    max-width: 300px;
}

    .navbar-search select {
        max-width: 100px;
    }

/*** Off-canvas menu ***/
.offcanvas.offcanvas-start {
    background-color: #e3f2fd;
    width: 300px;
}

.offcanvas .accordion-button:not(.collapsed) {
    background-color: #fff;
}

/*** Navbar menu ***/
.accordion {
    --bs-accordion-bg: #e3f2fd;
}

.hide-accordion-icon::after {
    background-image: none;
}

.accordion-item {
    color: #0d1b48;
}

.accordion-button {
    color: #0d1b48;
    font-size: 1.1rem;
    font-weight: 500;
}
    .list-group-item,
    .offcanvas .accordion-button:not(.collapsed) {
        background-color: #e3f2fd;
    }

    .accordion-button i {
        font-size: 1.3rem;
    }


main a {
    color: #0d1b48;
}

/*** Forms ***/
.form-check-input[type='checkbox']:checked,
.form-check-input[type='radio']:checked {
    background-color: #0d1b48;
    border-color: #0d1b48;
}

.disabled {
    background-color: #e9ecef;
}

/*** Pagination ***/
.active >.page-link {
    background-color: #0d1b48;
    border-color: #0d1b48;
}

a.page-link {
    color: #0d1b48;
}

.active > .page-link:hover {
    color: #fff;
}

.page-link:hover {
    color: #0d1b48;
    text-decoration: none;
}

/*** Home ***/

.icon-box {
    /*width: 200px;
    height: 100px;*/
    background-color: #e3f2fd;
    color: #0d1b48;
    padding: .5rem;
    text-align: center;
    margin-top: 1rem;
}

.icon-box a,
.icon-box a:hover {
    text-decoration: none;
}

/*** Validation ***/
.validation-summary-errors ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .validation-summary-errors ul li {
        list-style-type: none;
    }

/*** Toasts ***/
.vc-toast {
    max-width: 150px;
    z-index: 1000;
    position: fixed;
    top: 3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.toast-success {
    border: 1px solid #a3d0bb;
    background-color: #d1e7dd;
    color: #1a4432;
}

.toast-failure {
    border: 1px solid #f4c2c8;
    background-color: #f8d7da;
    color: #5a171e;
}

.default-avatar {
    color: #999;
    font-size: 30px;
    line-height: 30px;
}

.modal-avatar {
    color: #999;
    font-size: 60px;
    line-height: 60px;
}

.check-mark {
    font-size: 2rem;
    line-height: 2rem;
}

/*** Swatches ***/
.swatch {
    width: 20px;
    height: 20px;
    border: 1px solid #d2d2d2;
}

.swatch-black {
    background-color: black;
}

.swatch-blue {
    background-color: blue;
}

.swatch-brown {
    background-color: saddlebrown;
}

.swatch-celeste {
    background-color: #55b7b3;
}

.swatch-green {
    background-color: green;
}

.swatch-metal {
    background: linear-gradient(315deg, #e7eff9 0%, #cfd6e6 74%);
}

.swatch-multi {
    background: linear-gradient(to right,red,orange,yellow,green,blue);
}

.swatch-orange {
    background-color: orangered;
}

.swatch-pink {
    background-color: deeppink;
}

.swatch-purple {
    background-color: purple;
}

.swatch-red {
    background-color: red;
}

.swatch-silver {
    background-color: gray;
}

.swatch-white {
    background-color: white;
}

.swatch-yellow {
    background-color: yellow;
}



td.fit,
th.fit {
    white-space: nowrap;
    width: 1%;
}

.table-bike thead tr {
    border-bottom: 1px solid black
}

td.shaded-divider-row {
    background-color: #f8f8f8;
}

.no-results {
    color: #999;
}

    .no-results i {
        font-size: 5rem;
    }

.badge-count {
    background-color: #e3f2fd;
    color: #0d1b48;
}