@font-face {
  font-family: "Roboto";
  src: url("../assets/fonts/roboto/roboto-light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../assets/fonts/roboto/roboto-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../assets/fonts/roboto/roboto-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Roboto", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.w-full-i {
  width: 100% !important;
}
.is-loading {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
}
.page-wrapper .page-header {
  background-color: #5655e5 !important;
  display: flex;
  justify-content: space-between;
  align-items: center; /* �konun ayn� hizaya gelmesi i�in eklendi */
}

.page-wrapper .page-header .header-wrapper {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.page-wrapper .page-header .header-wrapper .nav-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  color: white;
}

.page-body-wrapper {
  margin-top: 100px;
  min-height: 1000px;
}

.nav-left .nav-menus {
  display: flex;
  list-style: none;
  gap: 25px;
}

.nav-left .nav-menus li {
  position: relative;
  color: white;
}

.nav-left .nav-menus li a {
  text-decoration: none;
  font-weight: 500;
  padding: 10px 15px;
  display: block;
  color: white;
}

.nav-left .nav-menus li a:hover {
  background-color: #5655e5;
  color: white;
  /*border-radius: 4px;*/
}

.nav-left .nav-menus li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #5655e5;
  /*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);*/
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
  color: white;
}

.nav-left .nav-menus li ul li a {
  padding: 10px 15px;
}

.nav-left .nav-menus li ul li a:hover {
  background-color: white;
  color: #5655e5;
}

.nav-left .nav-menus li:hover ul {
  display: block;
}

.footer {
  margin-left: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #5655e5 !important;
  border-color: #5655e5;
}

.flatpickr-today-button {
  align-self: flex-end; /* Sa� alta hizalar */
  margin: 10px; /* Butonun kenar bo�lu�u */
  background-color: #007bff;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  z-index: 10;
  width: 75px;
}

.flatpickr-today-button:hover {
  background-color: #0056b3;
}

.flatpickr-clear-button {
  align-self: flex-end; /* Sa� alta hizalar */
  margin: 10px; /* Butonun kenar bo�lu�u */
  background-color: orangered;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  z-index: 10;
  width: 75px;
}

.flatpickr-clear-button:hover {
  background-color: red;
}
.select2-container {
  width: 200px !important;
}

.select2-selection__clear {
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 2px 4px;
  font-size: 10px;
  height: 25px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 0 !important;
}

.select2-selection__clear:hover {
  background-color: red;
  /* #6362e7; */
  color: #fff;
  border-color: black;
  /* #0056b3; */
}

.select2-selection__clear:active {
  background-color: red;
  /* #6362e7; */
  color: #fff;
  border-color: black;
  /* #0056b3; */
}

.select2-container .select2-selection.is-invalid {
  border-color: #dc3545; /* Bootstrap k�rm�z� hata rengi */
  box-shadow: 0 0 0 1px #dc3545; /* Bootstrap hata g�lgesi */
}