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 #630225/*#258cfb*/;
}

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

body {
  margin-bottom: 60px;
}

.btn-primary {
  background-color: #630225;
  --bs-btn-border-color: #630225;
  --bs-btn-hover-bg: #9e0940;
  --bs-btn-hover-border-color: #9e0940;
  --bs-btn-active-bg: #9e0940;
}

.btn-primary:active {
  border-color: var(--bs-btn-hover-border-color) !important;
}

[data-bs-theme="dark"] body, html {
  --bs-body-bg: #140e14;
}
.sidebar {
  width: 80px;
  height: 100vh;
  background-color: #2f2e35;
  background-image: linear-gradient(45deg, #2f2e35, #39071cd4), url(/img/ordu_background.jpeg);
  background-size: cover;
  position: absolute;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.25s box-shadow;
  position: fixed;
}

.sidebar:hover {
  box-shadow: 2px 0px 20px 0 #560027;
}

[data-bs-theme="dark"] .sidebar {
  background-image: linear-gradient(45deg, #2f2e35, #0e0739d4), url(/img/ordu_background.jpeg);
}

.topbar {
  background-color: #f2f9ffae;
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: fixed;
  backdrop-filter: blur(8px);
}

.page {
  display: flex;
  position: relative;
  flex-direction: column;
  padding-left: 80px;
}

.sidebar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: white;
  text-align: center;
  gap: 8px;
  padding: 8px;
}

.sidebar-item > i {
  font-size: 2rem;
}

.sidebar-item:hover {
  background-color: rgba(255, 255, 255, 0.205);
}

.sidebar-item-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 20px;
}

.sidebar-item-container:not(.expanded) > .sidebar-item > p {
  display: none;
}

.sidebar-item-container:not(.expanded) > .sidebar-item {
  width: 100%;
}

.menu-items {
  display: grid;
  grid-column: 3;
  grid-row: 2;
}

.menu-item {
  width: 300px;
  height: 150px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  transition: 0.25s background-image, 0.25s color;
}

.img-1.active {
  background-image: linear-gradient(48deg, #8a275ed6/*#ffa500d6*/, #50556d6e), url(/img/accounting.jpg)/*linear-gradient(
48deg, #0014ffd6, #50556d6e), url(/img/accounting.jpg)*/;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}

.img-2.active {
  background-image: linear-gradient(48deg, #8a275ed6/*#ffa500d6*/, #50556d6e), url(/img/accounting2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}

.menu-item:not(.active):hover {
  color: #94004a/*#ffbc00*/;
}

.accountant-menu {
  display: flex;
  padding-top: 25px;
}

.inner-accountant {
  width: 100%;
  margin-left: 300px;
}

.fade {
  background-color: #ff096f5e;
}

.modal.show {
  display: block;
}

[data-bs-theme="vista"] .btn-primary, [data-bs-theme="vista"] .btn-danger, [data-bs-theme="vista"] .btn-secondary, [data-bs-theme="vista"] .topbar > div > button {
  background-image: url(/img/buttons/aero_button_2.avif);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
  color: #ffceb6;
  text-shadow: 1px -1px 0px black;
  font-size: 10px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: transparent;
  display: flex;
  align-items: center;
}

[data-bs-theme="vista"] .topbar {
  background-image: url(/img/buttons/aero_menu.avif)/*linear-gradient(
360deg, #1a009b24, transparent)*/;
background-size: 100% 100%;
height: 36px;
filter: hue-rotate(320deg);
}

[data-bs-theme="vista"] .topbar > div {
  padding: 4px !important;
}  

[data-bs-theme="vista"] :not(.topbar > div > button).btn-primary {
  filter: hue-rotate(320deg);
}

[data-bs-theme="vista"] .btn-primary:hover, [data-bs-theme="vista"] .btn-danger:hover, [data-bs-theme="vista"].btn-secondary:hover, [data-bs-theme="vista"] .topbar > div > button:hover {
  background-image: url(/img/buttons/aero_button_2_hover.avif);
}

[data-bs-theme="light"] .no-icon-modern, [data-bs-theme="dark"] .no-icon-modern {
  display: none;
}

.legacy-icon-book {
  background-image: url(/icons/Book.avif);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-flex;
}

.legacy-icon {
  background-size: 24px 24px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-flex;  
}

.legacy-icon-trash {
  background-image: url(/icons/Trash_Empty.avif);
}

.legacy-icon-delete {

  background-image: url(/icons/Color_07_Rose.avif);
}

[data-bs-theme="vista"] .spinner-border {
  background-image: url(/img/buttons/loader.gif);
  border: none;
  animation: none;
  filter: hue-rotate(178deg);
}

[data-bs-theme="vista"] .topbar > div > button > i {
  filter: hue-rotate(41deg);
}

[data-bs-theme="vista"] .img-1.active {
  background-image: linear-gradient(
250deg, #ffffff42 38%, #ffffff 48%, transparent 46%, transparent), linear-gradient(48deg, #ffa500d6, #50556d6e), url(/img/accounting.jpg)/*linear-gradient(
305deg, #ffffff42 22%, #ffffff 28%, transparent 26%, transparent), linear-gradient(48deg, #ffa500d6, #50556d6e), url(/img/accounting.jpg);*/
/*linear-gradient(305deg, #ffffff42 22%, #ffffff 28%, transparent 26%, transparent), linear-gradient(48deg, #940e45d6, #50556d6e), url(/img/accounting.jpg)*/
}

[data-bs-theme="vista"] .btn-danger {
  filter: hue-rotate(
344deg) saturate(2.5);
}

[data-bs-theme="vista"] .btn-secondary {
  filter: saturate(0.6) hue-rotate(
165deg);
}

.accountant-menu > .menu-items {
  display: flex;
  flex-direction: column;
  position: fixed;
}

#dotnet-compile-error {
  pointer-events: none;
  opacity: 0;
}