/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}*/

/* Enkel, minimalistisk styling */


[data-bs-theme=light] {
    --bs-page-bg: #F3F6F9;
    --bs-app-blank-bg: #ffffff;
    --bs-header-bg-color: #0D0F17;
    --bs-header-menu-bg-color: #000000;
    --bs-header-menu-link-color: #6E6C81;
    --bs-header-menu-link-active-bg-color: #1E2027;
    --bs-header-btn-nav-color: #6E6C81;
    --bs-header-btn-nav-icon-color: #6E6C81;
    --bs-header-btn-nav-border-color: #313131;
    --bs-header-btn-nav-border-color-active: #2E2D42;
    --bs-header-btn-nav-bg-color-active: #242731;
    --bs-header-btn-create-bg-color: #1E2027;
    --bs-header-btn-create-border-color: #2E2D42;
    --bs-header-btn-create-icon-color: #C4CADA;
    --bs-header-search-color: #0D0F17;
    --bs-header-form-control-color: rgba(63, 66, 84, 0.8);
    --bs-header-placeholder-color: #4B5675;
    --bs-header-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
}

/*.card {
    --bs-card-box-shadow: var(--bs-root-card-box-shadow);
    --bs-card-border-color: var(--bs-root-card-border-color);
    border: 1px solid var(--bs-card-border-color);
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: var(--bs-gray-900);
    --bs-card-border-width: 1px;
    --bs-card-border-color: #F1F1F4;
    --bs-card-border-radius: 0.95rem;
    --bs-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-card-inner-border-radius: calc(0.95rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: transparent;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--bs-card-box-shadow);
}*/

    /*.card .card-body {
        padding: 2rem 2.25rem;
        color: var(--bs-card-color);
        flex: 1 1 auto;
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
        color: var(--bs-card-color);
    }*/

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    xmargin: 32px;
    color: #111;
    background: #f7f7f8;
}

h1, h2, h3 {
    color: #0f1720;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

td, th {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

input, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: white;
}

/*button {
    padding: 8px 12px;
    border-radius: 8px;
    border: none;
    background: #111827;
    color: white;
}*/

.page-divider {
    width: 100%;
    height: 1rem;
    background-color: #0000001a;
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em #0000001a, inset 0 .125em .5em #00000026;
}