:root {
  --lk-font-body: Arial, sans-serif;
  --lk-font-heading: Roboto, Arial, sans-serif;
  --lk-font-color: #262626;
  --lk-font-size: 16px;
  --lk-button-primary-color: #6299cc;
  --lk-button-primary-hover-color: #1667a3;
  --lk-button-primary-disabled-color: #e5e5e5;
  --lk-button-border-radius: .375rem;
  --lk-focus-color: #258cfb;
  --lk-page-background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(224,225,241,1) 0%, rgba(117,142,218,1) 50%);
}

html { font-size: var(--lk-font-size); }
body { background: var(--lk-page-background); font-family: var(--lk-font-body); color: var(--lk-font-color); }
a, .btn-link, .attach-link { color: var(--lk-button-primary-color); }
a:hover, .btn-link:hover, .attach-link:hover { color: var(--lk-button-primary-hover-color); }
.btn:focus, .btn:active:focus, .btn-link:focus { box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--lk-focus-color) 25%, transparent); }
h1, h2, h3, h4, h5, h6, .block-title, .user-name { font-family: var(--lk-font-heading); }
.form-control, .form-select, .dropdown-menu, .dropdown-item, .table, .card { color: var(--lk-font-color); }
.modal-content { color: var(--lk-font-color); font-family: var(--lk-font-body); }
.modal-title { font-family: var(--lk-font-heading); color: var(--lk-font-color); }
.modal-body { font-family: var(--lk-font-body); color: var(--lk-font-color); }
.modal-body a { color: var(--lk-button-primary-color); }
.modal-body a:hover, .modal-body a:focus { color: var(--lk-button-primary-hover-color); }
.modal-footer .btn { font-family: var(--lk-font-body); }
.navbar, .navbar .navbar-brand, .navbar .nav-link, .navbar .text-dark, .login-menu .nav-link, .account-menu-link, .logout-btn { color: var(--lk-font-color) !important; }
.nav-tabs .nav-link { color: #00457F; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: var(--lk-button-primary-hover-color); }
.nav-tabs .nav-link.active { color: var(--lk-font-color); }
.form-select { color: var(--lk-font-color); }
.btn { border-radius: var(--lk-button-border-radius); }
.btn-primary, .bluebtn { --bs-btn-bg: var(--lk-button-primary-color); --bs-btn-border-color: var(--lk-button-primary-color); --bs-btn-hover-bg: var(--lk-button-primary-hover-color); --bs-btn-hover-border-color: var(--lk-button-primary-hover-color); --bs-btn-active-bg: var(--lk-button-primary-hover-color); --bs-btn-active-border-color: var(--lk-button-primary-hover-color); --bs-btn-disabled-bg: var(--lk-button-primary-disabled-color); --bs-btn-disabled-border-color: var(--lk-button-primary-disabled-color); background-color: var(--lk-button-primary-color); border-color: var(--lk-button-primary-color); border-radius: var(--lk-button-border-radius); }
.btn-primary:hover, .bluebtn:hover { background-color: var(--lk-button-primary-hover-color); border-color: var(--lk-button-primary-hover-color); }
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle, .bluebtn:active, .bluebtn.active { background-color: var(--lk-button-primary-hover-color); border-color: var(--lk-button-primary-hover-color); }
.btn-check:focus + .btn-primary, .btn-primary:focus, .bluebtn:focus { background-color: var(--lk-button-primary-color); border-color: var(--lk-focus-color); box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--lk-focus-color) 25%, transparent); }
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus, .bluebtn:active:focus { background-color: var(--lk-button-primary-hover-color); border-color: var(--lk-focus-color); box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--lk-focus-color) 25%, transparent); }
.btn-primary:disabled, .btn-primary.disabled, .bluebtn:disabled, .bluebtn.disabled { background-color: var(--lk-button-primary-disabled-color); border-color: var(--lk-button-primary-disabled-color); opacity: 1; }
.form-check-input:checked { background-color: var(--lk-button-primary-color); border-color: var(--lk-button-primary-color); }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: var(--lk-focus-color); box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--lk-focus-color) 25%, transparent); }
.form-select option:checked { background-color: var(--lk-button-primary-color); color: #fff; }
.form-select option:hover, .form-select option:focus { background-color: var(--lk-button-primary-hover-color); box-shadow: 0 0 0 100vmax var(--lk-button-primary-hover-color) inset; color: #fff; }
.branded-select-native { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.branded-select { position: relative; width: 100%; }
.branded-select__button { width: 100%; min-height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 2.25rem 0.375rem 0.75rem; border: 1px solid #ced4da; border-radius: 0.25rem; background-color: #fff; color: var(--lk-font-color); display: flex; align-items: center; justify-content: space-between; text-align: left; }
.branded-select__button::after { content: ""; width: 0.5rem; height: 0.5rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); margin-left: 0.75rem; }
.branded-select__button:focus, .branded-select.is-open .branded-select__button { outline: 0; border-color: var(--lk-focus-color); box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--lk-focus-color) 25%, transparent); }
.branded-select__list { position: absolute; top: 100%; left: 0; right: 0; z-index: 1055; max-height: 360px; overflow-y: auto; padding: 0.25rem 0; border: 1px solid #6c757d; background-color: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.branded-select__group { padding: 0.25rem 0.75rem; color: var(--lk-font-color); font-weight: 700; }
.branded-select__option { display: block; width: 100%; padding: 0.25rem 0.75rem; border: 0; background-color: #fff; color: var(--lk-font-color); text-align: left; }
.branded-select__option--nested { padding-left: 1.75rem; }
.branded-select__option:hover, .branded-select__option:focus { outline: 0; background-color: var(--lk-button-primary-hover-color); color: #fff; }
.branded-select__option.is-selected { background-color: var(--lk-button-primary-color); color: #fff; }
.branded-select__option:disabled { color: #6c757d; cursor: default; }