/*Headings*/
h1, h2, h3, h4, h5 {
    --bs-heading-color: #566a7f;
    font-family:sans-serif;
}

/*Tabs*/
.nav-pills .nav-link:not(.active,.disabled) {
    color: #566a7f
}

.nav .nav-link:hover, .nav .nav-link:focus {
    color: #5f61e6
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #696cff;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(105,108,255,.4)
}

/*Cards*/
.card-header {
    --bs-card-cap-bg: none;
    border-bottom:none;
}

/*Badges*/

.badge {
    font-family: sans-serif;
}

/*Tables*/
.table {
    --bs-table-hover-bg: rgba(67, 89, 113, 0.06);
}

    .table th {
        color: #556a7e;
    }

/*Checks & Radios*/

.form-check-input:checked {
    background-color: rgb(105, 108, 255);
    border-color: rgb(105, 108, 255)
}

/*Modals*/
.modal {
    background-color:rgba(0,0,0,0.6);
}

.modal-dialog {
    max-width: 800px;
}
/*Buttons*/
.btn {
    --bs-btn-font-family: sans-serif;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #405189;
    --bs-btn-border-color: #405189;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #364574;
    --bs-btn-hover-border-color: #33416e;
    --bs-btn-focus-shadow-rgb: 93,107,155;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #33416e;
    --bs-btn-active-border-color: #303d67;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #405189;
    --bs-btn-disabled-border-color: #405189
}
/*#566a7f*/
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #566a7f;
    --bs-btn-border-color: #566a7f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #475d74;
    --bs-btn-hover-border-color: #475d74;
    --bs-btn-focus-shadow-rgb: 133,146,163;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #475d74;
    --bs-btn-active-border-color: #475d74;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #566a7f;
    --bs-btn-disabled-border-color: #566a7f
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0ab39c;
    --bs-btn-border-color: #0ab39c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #099885;
    --bs-btn-hover-border-color: #088f7d;
    --bs-btn-focus-shadow-rgb: 47,190,171;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #088f7d;
    --bs-btn-active-border-color: #088675;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0ab39c;
    --bs-btn-disabled-border-color: #0ab39c
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #299cdb;
    --bs-btn-border-color: #299cdb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2385ba;
    --bs-btn-hover-border-color: #217daf;
    --bs-btn-focus-shadow-rgb: 73,171,224;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #217daf;
    --bs-btn-active-border-color: #1f75a4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #299cdb;
    --bs-btn-disabled-border-color: #299cdb
}

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f7b84b;
    --bs-btn-border-color: #f7b84b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d29c40;
    --bs-btn-hover-border-color: #c6933c;
    --bs-btn-focus-shadow-rgb: 248,195,102;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c6933c;
    --bs-btn-active-border-color: #b98a38;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f7b84b;
    --bs-btn-disabled-border-color: #f7b84b
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f06548;
    --bs-btn-border-color: #f06548;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cc563d;
    --bs-btn-hover-border-color: #c0513a;
    --bs-btn-focus-shadow-rgb: 242,124,99;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c0513a;
    --bs-btn-active-border-color: #b44c36;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f06548;
    --bs-btn-disabled-border-color: #f06548
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f3f6f9;
    --bs-btn-border-color: #f3f6f9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #cfd1d4;
    --bs-btn-hover-border-color: #c2c5c7;
    --bs-btn-focus-shadow-rgb: 207,209,212;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c2c5c7;
    --bs-btn-active-border-color: #b6b9bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f3f6f9;
    --bs-btn-disabled-border-color: #f3f6f9
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #405189;
    --bs-btn-border-color: #405189;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #405189;
    --bs-btn-hover-border-color: #405189;
    --bs-btn-focus-shadow-rgb: 64,81,137;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #405189;
    --bs-btn-active-border-color: #405189;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #405189;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #405189;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #566a7f;
    --bs-btn-border-color: #566a7f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #566a7f;
    --bs-btn-hover-border-color: #566a7f;
    --bs-btn-focus-shadow-rgb: 133,146,163;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #566a7f;
    --bs-btn-active-border-color: #566a7f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #566a7f;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #566a7f;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #0ab39c;
    --bs-btn-border-color: #0ab39c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0ab39c;
    --bs-btn-hover-border-color: #0ab39c;
    --bs-btn-focus-shadow-rgb: 10,179,156;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0ab39c;
    --bs-btn-active-border-color: #0ab39c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0ab39c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0ab39c;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #299cdb;
    --bs-btn-border-color: #299cdb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #299cdb;
    --bs-btn-hover-border-color: #299cdb;
    --bs-btn-focus-shadow-rgb: 41,156,219;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #299cdb;
    --bs-btn-active-border-color: #299cdb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #299cdb;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #299cdb;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #f7b84b;
    --bs-btn-border-color: #f7b84b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f7b84b;
    --bs-btn-hover-border-color: #f7b84b;
    --bs-btn-focus-shadow-rgb: 247,184,75;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f7b84b;
    --bs-btn-active-border-color: #f7b84b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f7b84b;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f7b84b;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #f06548;
    --bs-btn-border-color: #f06548;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f06548;
    --bs-btn-hover-border-color: #f06548;
    --bs-btn-focus-shadow-rgb: 240,101,72;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f06548;
    --bs-btn-active-border-color: #f06548;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f06548;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f06548;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f3f6f9;
    --bs-btn-border-color: #f3f6f9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f3f6f9;
    --bs-btn-hover-border-color: #f3f6f9;
    --bs-btn-focus-shadow-rgb: 243,246,249;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f3f6f9;
    --bs-btn-active-border-color: #f3f6f9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f3f6f9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f3f6f9;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #878a99;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 93,107,155;
    text-decoration:none;
}

    .btn-link:hover {
        text-decoration: underline;
    }

/*Custom elements*/
.course-image {
    object-fit: cover;
    aspect-ratio: 5/3;
}

/*Blazored Typeahead*/
.blazored-typeahead {
    border-color: var(--bs-border-color);
    background-color: var(--bs-body-bg);
}


/*Bootstrap-select*/
.bootstrap-select-style,
.bootstrap-select-style:hover {
    width: 100%;
    color: #495057;
    border: 1px solid #D7D7D7;
    background: #FFF;
}

    .bootstrap-select-style:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.bootstrap-select .dropdown-menu {
    max-width: 100%
}