html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background-color: #f5f8fc;
}

/* AutoTrack тема - приятно синьо */
:root {
  --at-blue: #3b6ea5;
  --at-blue-dark: #315c8a;
  --at-blue-darker: #2a4f76;
  --at-blue-light: #dce7f5;
}

.bg-primary {
  background-color: var(--at-blue) !important;
}

.text-primary {
  color: var(--at-blue) !important;
}

.btn-primary {
  --bs-btn-bg: var(--at-blue);
  --bs-btn-border-color: var(--at-blue);
  --bs-btn-hover-bg: var(--at-blue-dark);
  --bs-btn-hover-border-color: var(--at-blue-dark);
  --bs-btn-active-bg: var(--at-blue-darker);
  --bs-btn-active-border-color: var(--at-blue-darker);
  --bs-btn-disabled-bg: var(--at-blue);
  --bs-btn-disabled-border-color: var(--at-blue);
}

.btn-outline-primary {
  --bs-btn-color: var(--at-blue);
  --bs-btn-border-color: var(--at-blue);
  --bs-btn-hover-bg: var(--at-blue);
  --bs-btn-hover-border-color: var(--at-blue);
  --bs-btn-active-bg: var(--at-blue-dark);
  --bs-btn-active-border-color: var(--at-blue-dark);
}

.table-primary {
  --bs-table-bg: var(--at-blue-light);
  --bs-table-border-color: #c3d4ea;
}

.card {
  border-color: #d9e2ef;
}

.card-header.bg-primary {
  color: #fff;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  background-color: #fff;
}

.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 rgba(59, 110, 165, 0.5);
}

.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: var(--at-blue);
}

.form-check-input:checked {
  background-color: var(--at-blue);
  border-color: var(--at-blue);
}

.nav-link, a {
  color: var(--at-blue);
}

a:hover {
  color: var(--at-blue-dark);
}

.navbar .nav-link,
.navbar .navbar-brand,
.navbar .navbar-text {
  color: #fff;
}

.navbar .nav-link:hover {
  color: var(--at-blue-light);
}

.dropdown-menu .dropdown-item {
  color: #212529;
}

.dropdown-item:active {
  background-color: var(--at-blue);
  color: #fff;
}

.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;
}

.user-identity
{
    display:block;
    padding-top:5px;
}

/* Login страница - фоново изображение; хедърът и футърът остават непроменени */
body.login-page {
  background-image: url("../images/trans-dynasty-4k.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.login-page .card {
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35) !important;
}