@charset "UTF-8";
/*
 Hal Takip v2
 Koyu tema — renk paleti public/assets/scss/_variables.scss icinde.
 Derlemek icin: npm run tema
*/
/* ============
TABLES OF CSS
---------------

01. General
02. Bootstrap-custom
03. Helper
04. Waves Effect
05. Demo Only
06. Menu
07. Buttons
08. Cards
09. Email
10. Calender
11. Ecommerce
12. Project
13. Alerts
14. Pagination
15. Popover & Tooltip
16. Rangeslider
17. Sweet alert
18. Tab & Accordion
19. Form Elements
20. Form Validation
21. Form advanced
22. Form editor
23. Form summernote
24. Form upload
25. Form wizard
26. Chart
27. Tables
28. widgets
29. Maps
30. Timeline
31. Invoice
32. Pricing
33. Extra pages
34. Account pages
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap");
/* ==============
  General
===================*/
body {
  background-repeat: repeat;
  background: #000608;
  font-family: "Poppins", sans-serif;
  color: #cbeefb;
  font-size: 13px;
}

@media (max-width: 991px) {
  body {
    overflow-x: hidden;
  }
}
html {
  overflow-x: hidden;
  position: relative;
  min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-family: "Poppins", sans-serif;
}

h6 {
  font-size: 14px;
}

p {
  line-height: 1.7;
}

svg {
  max-width: 100%;
}

* {
  outline: none !important;
}

a {
  color: #00b8cc;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: rgb(0%, 86.5882352941%, 96%);
  outline: 0;
  text-decoration: none;
}

b, strong {
  font-weight: 500;
}

.container-alt {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

#wrapper {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.slimScrollDiv {
  height: auto !important;
}

/* --------------------------------------------------------------
   Yazdirma — fiste logo gorunur kalsin

   Kullanilan logo ACIK renkli (koyu zemin icin tasarlanmis).
   Tarayicilar varsayilan olarak arka plan rengi BASMAZ; fis beyaz
   kagida cikar ve acik logo gorunmez olur. Baskida logo terslenir.
   -------------------------------------------------------------- */
@media print {
  .invoice-title img,
  #section-to-print img.logo-baski {
    filter: invert(1) grayscale(1);
  }
}
/* ==============
  Bootstrap-custom
===================*/
[data-bs-theme=dark] {
  --bs-body-bg: #000608;
  --bs-body-color: #cbeefb;
  --bs-secondary-color: #acc8d2;
  --bs-tertiary-color: #9cb4be;
  --bs-emphasis-color: #cbeefb;
  --bs-secondary-bg: #061114;
  --bs-tertiary-bg: #1c2629;
  --bs-border-color: #2b3537;
  --bs-border-color-translucent: #2b3537;
  --bs-link-color: #00b8cc;
  --bs-link-hover-color: rgb(0%, 86.5882352941%, 96%);
  --bs-link-decoration: none;
  --bs-primary: #0093a3;
  --bs-primary-rgb: 0, 147, 163;
}

[data-bs-theme=dark] .table {
  --bs-table-bg: #061114;
  --bs-table-color: #cbeefb;
  --bs-table-border-color: #2b3537;
  --bs-table-striped-bg: #1c2629;
  --bs-table-striped-color: #cbeefb;
  --bs-table-hover-bg: #1c2629;
  --bs-table-hover-color: #cbeefb;
}
[data-bs-theme=dark] .card {
  --bs-card-bg: #061114;
  --bs-card-color: #cbeefb;
  --bs-card-border-color: #2b3537;
}
[data-bs-theme=dark] .modal {
  --bs-modal-bg: #061114;
  --bs-modal-color: #cbeefb;
  --bs-modal-border-color: #2b3537;
  --bs-modal-header-border-color: #2b3537;
  --bs-modal-footer-border-color: #2b3537;
}
[data-bs-theme=dark] .dropdown-menu {
  --bs-dropdown-bg: #061114;
  --bs-dropdown-color: #cbeefb;
  --bs-dropdown-border-color: #2b3537;
  --bs-dropdown-link-color: #cbeefb;
  --bs-dropdown-link-hover-bg: #1c2629;
  --bs-dropdown-link-hover-color: #ffffff;
}
[data-bs-theme=dark] .form-control,
[data-bs-theme=dark] .form-select {
  background-color: #1c2629;
  border-color: #2b3537;
  color: #cbeefb;
}
[data-bs-theme=dark] .form-control:focus,
[data-bs-theme=dark] .form-select:focus {
  background-color: #1c2629;
  border-color: #0093a3;
  color: #cbeefb;
}
[data-bs-theme=dark] .form-control::-moz-placeholder, [data-bs-theme=dark] .form-select::-moz-placeholder {
  color: #9cb4be;
}
[data-bs-theme=dark] .form-control::placeholder,
[data-bs-theme=dark] .form-select::placeholder {
  color: #9cb4be;
}

.dropdown-item-text {
  color: #acc8d2;
}

.dropdown-divider {
  border-top: 1px solid rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}

.dropdown-menu {
  padding: 4px 0;
  font-size: 13px;
  background-color: #061114;
  border-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  margin: 0;
}

.dropdown-item {
  background-color: #061114;
  color: #acc8d2;
  padding: 0.4rem 1rem;
}
.dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%) !important;
  color: #acc8d2 !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  color: #acc8d2;
}

.dropdown-menu-animated {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  margin-top: 20px !important;
}

.show > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0px !important;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #9cb4be;
  content: "\f105" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.blockquote {
  padding: 10px 20px;
  margin-bottom: 20px;
  border-left: 4px solid #acc8d2;
}

.blockquote-reverse {
  border-left: 0;
  border-right: 4px solid #acc8d2;
  text-align: right;
}

.bg-primary {
  background-color: #0093a3 !important;
}

.bg-success {
  background-color: #2bb673 !important;
}

.bg-info {
  background-color: #0093a3 !important;
}

.bg-warning {
  background-color: #f0b429 !important;
}

.bg-danger {
  background-color: #e05263 !important;
}

.bg-muted {
  background-color: #9cb4be !important;
}

.bg-secondary {
  background-color: #acc8d2 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-lighten-primary {
  background-color: rgb(53.9215686275%, 95.4769637917%, 100%);
}

.bg-lighten-success {
  background-color: rgb(82.3947712418%, 95.8405228758%, 89.3594771242%);
}

.bg-lighten-info {
  background-color: rgb(3.9215686275%, 90.5689883315%, 100%);
}

.bg-lighten-warning {
  background-color: rgb(96.7377343951%, 83.6886719753%, 53.4583440363%);
}

.bg-lighten-danger {
  background-color: rgb(93.9215686275%, 66.0784313725%, 69.4117647059%);
}

.bg-lighten-secondary {
  background-color: white;
}

.text-white {
  color: #ffffff !important;
}

.text-danger {
  color: #e05263 !important;
}

.text-muted {
  color: #9cb4be !important;
}

.text-primary {
  color: #0093a3 !important;
}

.text-warning {
  color: #f0b429 !important;
}

.text-success {
  color: #2bb673 !important;
}

.text-info {
  color: #0093a3 !important;
}

.text-dark {
  color: #061114 !important;
}

.text-secondary {
  color: #acc8d2 !important;
}

.border-primary {
  border-color: #0093a3 !important;
}

.border-success {
  border-color: #2bb673 !important;
}

.border-info {
  border-color: #0093a3 !important;
}

.border-warning {
  border-color: #f0b429 !important;
}

.border-danger {
  border-color: #e05263 !important;
}

.border-dark {
  border-color: #061114 !important;
}

.border-secondary {
  border-color: #acc8d2 !important;
}

.border-bottom {
  border-bottom: 1px solid rgb(6.9683257919%, 19.7435897436%, 23.2277526395%) !important;
}

dt {
  font-weight: 500;
}

.bs-spinner .spinner-border, .bs-spinner .spinner-grow {
  margin-right: 8px;
  margin-top: 10px;
}

.custom-control-input:checked ~ .custom-control-label:before {
  border-color: #0093a3;
  background-color: #0093a3;
}

.custom-control-label::before {
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%) solid 1px;
}

/* Navs & Tabs */
.nav-tabs {
  border-bottom: 1px solid rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}
.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  color: #cbeefb;
  border-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
  background-color: #0093a3;
}

.nav-pills > .active > a > .badge {
  color: #0093a3;
}

/*  Accordion  */
#accordion a {
  color: #acc8d2 !important;
}
#accordion .card {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}

.modal .modal-dialog .close {
  color: #acc8d2;
}
.modal .modal-dialog .modal-content {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border-color: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
}
.modal .modal-dialog .modal-content .modal-header, .modal .modal-dialog .modal-content .modal-footer {
  border-color: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
}

.img-thumbnail {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}

.progress {
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}

.badge {
  font-weight: 500;
}

.badge-primary {
  background-color: #0093a3;
}

.badge-success {
  background-color: #2bb673;
}

.badge-info {
  background-color: #0093a3;
}

.badge-warning {
  background-color: #f0b429;
  color: #ffffff;
}

.badge-danger {
  background-color: #e05263;
}

.badge-dark {
  background-color: #061114;
}

.badge-secondary {
  background-color: #acc8d2;
}

.badge-soft-primary {
  background-color: rgba(0, 147, 163, 0.2);
  color: #0093a3;
}

.badge-soft-success {
  background-color: rgba(43, 182, 115, 0.2);
  color: #2bb673;
}

.badge-soft-info {
  background-color: rgba(0, 147, 163, 0.2);
  color: #0093a3;
}

.badge-soft-warning {
  background-color: rgba(240, 180, 41, 0.2);
  color: #f0b429;
}

.badge-soft-danger {
  background-color: rgba(224, 82, 99, 0.2);
  color: #e05263;
}

.badge-soft-dark {
  background-color: rgba(6, 17, 20, 0.2);
  color: #061114;
}

.badge-soft-secondary {
  background-color: rgba(172, 200, 210, 0.2);
  color: #acc8d2;
}

/* ==============
  Progressbar
===================*/
.progress-bar {
  background-color: #0093a3;
}

/* ==============
  Pagination
===================*/
.pagination .page-item .page-link {
  color: #0093a3;
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border-color: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
}
.pagination .page-item.disabled .page-link {
  color: #acc8d2;
  background-color: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
}
.pagination .page-item.active .page-link {
  color: #acc8d2;
  background-color: #0093a3;
  border-color: #0093a3;
}

/* ==============
  Helper Classes
===================*/
.m-b-5 {
  margin-bottom: 5px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-r-5 {
  margin-right: 5px;
}

.w-30 {
  max-width: 30px;
}

.w-xs {
  min-width: 80px;
}

.w-sm {
  min-width: 95px;
}

.w-md {
  min-width: 110px;
}

.w-lg {
  min-width: 140px;
}

.l-h-23 {
  line-height: 23px;
}

.l-h-34 {
  line-height: 34px;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-30 {
  font-size: 30px;
}

.font-32 {
  font-size: 32px;
}

.thumb-sm {
  height: 32px;
  width: 32px;
}

.thumb-md {
  height: 48px;
  width: 48px;
}

.thumb-lg {
  height: 88px;
  width: 88px;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.header-title {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}

.rating-symbol-foreground {
  top: 0px;
}

.sub-title {
  margin-bottom: 25px;
  color: #9cb4be;
}

.bg-pattern {
  background-image: url("../images/bg-pattern.png");
  background-size: cover;
  background-position: bottom;
}

/* ==============
 Demo Only css
===================*/
.button-items .btn {
  margin-top: 8px;
  margin-right: 5px;
}

.mfp-content .card {
  box-shadow: none;
}

.bs-example-modal {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: block;
}

.icon-demo-content {
  text-align: center;
  color: #9cb4be;
}
.icon-demo-content i {
  display: block;
  font-size: 24px;
  margin-bottom: 16px;
  color: #acc8d2;
  transition: all 0.4s;
}
.icon-demo-content .col-md-4 {
  margin-bottom: 30px;
}
.icon-demo-content .col-md-4:hover i {
  color: #0093a3;
  transform: scale(1.5);
}

/* ==============
  Popover & Tooltips
===================*/
.popover-header {
  margin-top: 0;
}

.tooltip .tooltip-inner {
  padding: 4px 10px;
}

/* ==============
  Waves Effect
===================*/
/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  transition: all 0.5s ease-out;
  transition-property: transform, opacity;
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  transition: none !important;
}

.waves-button,
.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  transition: all 300ms;
}

.waves-float:active {
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

/******* Metis Menu css *******/
.metismenu {
  padding: 0;
}
.metismenu ul {
  padding: 0;
}
.metismenu ul li {
  list-style: none;
}

/******* Topbar *******/
.topbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}
.topbar .topbar-left {
  background-color: #0093a3;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  position: relative;
  width: 240px;
  padding: 0 18px;
  z-index: 1;
}
.topbar .topbar-left .logo {
  line-height: 70px;
  color: #cbeefb;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.topbar .topbar-left .logo .logo-sm {
  display: none;
}
.topbar .navbar-custom {
  background-color: #0093a3;
  border-bottom: 1px solid #2b3537;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 10px 0 0;
  margin-left: 240px;
  min-height: 70px;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.05);
}
.topbar .navbar-custom .navbar-right .dropdown-toggle:after {
  content: initial;
}

.notification-item-list {
  max-height: 230px;
}

.navbar-custom .dropdown-menu.dropdown-menu-right {
  transform: none !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
}

.notification-list.list-inline-item:not(:last-child) {
  margin-right: 0;
}
.notification-list .nav-link {
  padding: 0 15px;
  line-height: 70px;
  color: #cbeefb;
  max-height: 70px;
}
.notification-list .noti-icon {
  font-size: 24px;
  vertical-align: middle;
}
.notification-list .noti-icon-badge {
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 10px;
}
.notification-list .notify-item {
  padding: 10px 20px;
}
.notification-list .notify-item .notify-icon {
  float: left;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
}
.notification-list .notify-item .notify-icon i {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  line-height: 32px;
  margin-top: 2px;
  color: #ffffff;
}
.notification-list .notify-item .notify-details {
  margin-bottom: 0;
  overflow: hidden;
  margin-left: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
}
.notification-list .notify-item .notify-details span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 12px;
  font-weight: normal;
  font-family: "Poppins", sans-serif;
}
.notification-list .language-switch a img {
  float: right;
  margin-top: 3px;
}
.notification-list.show .nav-link {
  background-color: rgba(6, 17, 20, 0.05);
}
.notification-list .nav-user img {
  height: 36px;
  width: 36px;
}
.notification-list .profile-dropdown {
  width: 170px;
}
.notification-list .profile-dropdown i {
  font-size: 17px;
  vertical-align: middle;
  margin-right: 5px;
  color: #acc8d2;
}
.notification-list .profile-dropdown span {
  margin-top: 5px;
}

.arrow-none:after {
  border: none;
  margin: 0;
  display: none;
}

.dropdown-menu-lg {
  width: 300px;
}

/******* Sidemenu *******/
.side-menu {
  width: 240px;
  z-index: 10;
  background: #061114;
  border-right: 1px solid #2b3537;
  bottom: 0;
  margin-top: 0;
  padding-bottom: 30px;
  position: fixed;
  top: 70px;
}
.side-menu .waves-effect .waves-ripple {
  background-color: rgba(6, 17, 20, 0.4);
}

#sidebar-menu {
  padding-top: 10px;
}
#sidebar-menu > ul > li.mm-active > a > span > .menu-arrow i {
  transform: rotate(90deg);
}
#sidebar-menu > ul > li > a {
  color: rgb(72.6384803922%, 81.868872549%, 85.1654411765%);
  display: block;
  padding: 13px 20px;
  font-size: 14px;
  position: relative;
  transition: all 0.5s;
  font-family: "Poppins", sans-serif;
}
#sidebar-menu > ul > li > a:hover, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:active {
  color: #cbeefb;
  text-decoration: none;
}
#sidebar-menu > ul > li > a > span {
  margin-left: 7px;
}
#sidebar-menu > ul > li > a i {
  line-height: 1;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
#sidebar-menu > ul > li > a .badge {
  margin-top: 3px;
}
#sidebar-menu > ul > li > a.mm-active {
  color: #cbeefb !important;
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}
#sidebar-menu .menu-title {
  padding: 12px 20px !important;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #cbeefb;
}
#sidebar-menu .submenu li.mm-active > a {
  color: #ffffff;
  background-color: #0093a3;
}
#sidebar-menu .submenu li a {
  padding: 8px 20px 8px 10px;
  color: rgb(72.6384803922%, 81.868872549%, 85.1654411765%);
  display: block;
  transition: all 0.5s;
}
#sidebar-menu .submenu li a:focus {
  background-color: #061114;
}
#sidebar-menu .submenu li a:hover {
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  color: #cbeefb;
}
#sidebar-menu .submenu > li > a {
  padding-left: 50px;
}
#sidebar-menu .submenu > li .submenu > li > a {
  padding-left: 70px;
}

/******* Enlarged *******/
.enlarged .slimScrollDiv {
  overflow: inherit !important;
}
.enlarged .slimScrollBar {
  visibility: hidden;
}
.enlarged #wrapper .topbar .topbar-left {
  width: 70px !important;
}
.enlarged #wrapper .topbar .topbar-left .logo .logo-light {
  display: none;
  opacity: 0;
}
.enlarged #wrapper .topbar .topbar-left .logo .logo-sm {
  display: block;
  line-height: 70px;
  font-size: 28px;
}
.enlarged #wrapper .navbar-custom {
  margin-left: 70px;
}
.enlarged #wrapper #sidebar-menu .menu-title,
.enlarged #wrapper #sidebar-menu .menu-arrow,
.enlarged #wrapper #sidebar-menu .badge {
  display: none !important;
}
.enlarged #wrapper #sidebar-menu .mm-collapse.mm-show {
  display: none;
}
.enlarged #wrapper #sidebar-menu .nav.mm-collapse {
  height: inherit !important;
}
.enlarged #wrapper #sidebar-menu ul ul {
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: #061114;
}
.enlarged #wrapper .left.side-menu {
  position: absolute;
  width: 70px;
  z-index: 5;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li {
  position: relative;
  white-space: nowrap;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li:hover > a {
  position: relative;
  width: 260px;
  color: #cbeefb;
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  z-index: 1;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li:hover > a.open :after, .enlarged #wrapper .left.side-menu #sidebar-menu > ul > li:hover > a.mm-active :after {
  display: none;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li:hover > ul {
  display: block;
  left: 70px;
  position: absolute;
  width: 190px;
  height: auto !important;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li:hover > ul a {
  box-shadow: none;
  padding: 8px 20px;
  position: relative;
  width: 190px;
  z-index: 6;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li:hover > ul a:hover {
  color: #ffffff;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li:hover a span {
  display: inline-block;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a {
  padding: 15px 20px;
  transition: none;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:hover, .enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:active, .enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:focus {
  color: #cbeefb;
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a i {
  font-size: 18px;
  margin-left: 5px;
  margin-right: 20px !important;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a span {
  display: none;
  padding-left: 10px;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li:hover > ul {
  display: block;
  left: 190px;
  margin-top: -36px;
  position: absolute;
  width: 190px;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li > a span.float-right {
  position: absolute;
  right: 20px;
  top: 12px;
  transform: rotate(270deg);
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li.mm-active a {
  color: #ffffff;
}
.enlarged #wrapper .content-page {
  margin-left: 70px;
}
.enlarged #wrapper .footer {
  left: 70px;
}

/******* Footer *******/
.footer {
  bottom: 0;
  text-align: center !important;
  padding: 19px 30px 20px;
  position: absolute;
  background-color: #000608;
  right: 0;
  left: 240px;
  font-family: "Poppins", sans-serif;
}

/******* Responsive *******/
@media (min-width: 769px) {
  .enlarged {
    min-height: 1200px;
  }
  .enlarged .slimscroll-menu {
    overflow: inherit !important;
  }
}
@media (max-width: 419px) {
  .content-page {
    margin-left: 70px;
  }
  .enlarged .side-menu.left {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  }
}
@media (max-width: 480px) {
  .side-menu {
    z-index: 10 !important;
  }
  .button-menu-mobile {
    display: block;
  }
  .navbar-custom {
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .topbar .topbar-left {
    width: 70px !important;
    height: 70px;
  }
  .topbar .topbar-left .logo-light {
    display: none !important;
  }
  .topbar .topbar-left .logo-sm {
    display: block !important;
    line-height: 70px !important;
    font-size: 28px;
  }
  .navbar-custom {
    margin-left: 70px !important;
  }
  .content-page {
    margin-left: 0 !important;
  }
  .content-page .content {
    padding: 0px;
  }
  .enlarged .left.side-menu {
    margin-left: -70px;
  }
  .footer {
    left: 0 !important;
  }
}
.right-sidebar {
  position: fixed;
  width: 280px;
  top: 70px;
  bottom: 0px;
  right: 0px;
  padding-bottom: 30px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

@media (min-width: 1200px) {
  .dasboard-content {
    margin-right: 280px;
  }
}
/******* Content Page *******/
.content-page {
  margin-left: 240px;
  overflow: hidden;
}
.content-page .content {
  padding: 0 15px 10px 15px;
  margin-top: 70px;
  margin-bottom: 60px;
}

/******* Page Title *******/
.page-title-box {
  padding: 20px 0px;
}
.page-title-box .page-title {
  font-size: 18px;
  margin: 0;
  line-height: 30px;
}
.page-title-box .breadcrumb {
  padding: 4px 0;
  background-color: transparent;
  margin-bottom: 0;
}
.page-title-box .breadcrumb a {
  color: #acc8d2;
}
.page-title-box .breadcrumb a:hover {
  color: rgba(172, 200, 210, 0.9);
}
.page-title-box .breadcrumb .active {
  color: rgba(172, 200, 210, 0.7);
}

/******* menu light *******/
.left-side-menu-light .side-menu {
  background-color: #ffffff;
}
.left-side-menu-light #sidebar-menu > ul > li > a.mm-active {
  color: #0093a3 !important;
  background-color: rgb(97.5%, 97.5%, 97.5%);
  box-shadow: 0px 1px 1px 0px rgba(43, 46, 49, 0.07);
}
.left-side-menu-light #sidebar-menu > ul > li > a:hover, .left-side-menu-light #sidebar-menu > ul > li > a:focus, .left-side-menu-light #sidebar-menu > ul > li > a:active {
  color: #0093a3;
}
.left-side-menu-light #sidebar-menu > ul > li > a.waves-effect .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
.left-side-menu-light #sidebar-menu > ul > li > a .badge-light {
  background-color: #0093a3;
  color: #ffffff;
}
.left-side-menu-light #sidebar-menu .submenu li a:hover {
  background-color: #ffffff;
  color: #0093a3;
}
.left-side-menu-light.enlarged #sidebar-menu > ul > li:hover > a {
  color: #0093a3 !important;
  background-color: rgb(97.5%, 97.5%, 97.5%) !important;
}
.left-side-menu-light.enlarged #sidebar-menu > ul > li:hover > ul a:hover {
  color: #0093a3 !important;
}
.left-side-menu-light.enlarged #sidebar-menu > ul > li > a:hover, .left-side-menu-light.enlarged #sidebar-menu > ul > li > a:active, .left-side-menu-light.enlarged #sidebar-menu > ul > li > a:focus {
  color: #0093a3 !important;
}
.left-side-menu-light.enlarged #sidebar-menu ul ul {
  background-color: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}
.left-side-menu-light .navbar-custom {
  background-color: #383c40;
}
.left-side-menu-light .navbar-custom .button-menu-mobile {
  color: #acc8d2;
  background-color: #383c40;
}
.left-side-menu-light .navbar-custom .btn-light {
  background-color: rgb(25.6941176471%, 27.5294117647%, 29.3647058824%) !important;
  border-color: rgb(25.6941176471%, 27.5294117647%, 29.3647058824%) !important;
  color: #7d9098 !important;
  box-shadow: none !important;
}
.left-side-menu-light .navbar-custom .notification-list .nav-link {
  color: #7d9098;
}
.left-side-menu-light .navbar-custom .notification-list .app-search .form-control::-moz-placeholder {
  color: #7d9098;
}
.left-side-menu-light .navbar-custom .notification-list .app-search .form-control::placeholder {
  color: #7d9098;
}
.left-side-menu-light .navbar-custom .notification-list .app-search .form-control,
.left-side-menu-light .navbar-custom .notification-list .app-search .form-control:focus {
  border: 1px solid rgb(25.6941176471%, 27.5294117647%, 29.3647058824%);
  background: rgb(25.6941176471%, 27.5294117647%, 29.3647058824%);
  color: #7d9098;
}

@media (max-width: 576px) {
  .page-title-box .breadcrumb {
    display: none;
  }
}
@media (max-width: 420px) {
  .dropdown-menu-lg {
    width: 220px;
  }
  .notify-icon {
    display: none;
  }
  .notify-details {
    margin-left: 0px !important;
  }
}
/* ==============================================================
   Ust cubuk — R2 yeniden duzenlemesi
   ==============================================================

   Onceki hali: arama cubugu 200px genisliginde, kose yuvarlakligi
   30px, arama dugmesi mutlak konumla kutunun disinda "uctan" bir
   yerdeydi. Sezon secici ve kullanici resmi farkli yuksekliklerdeydi.

   Yeni duzen: ust cubuk iki yana yaslanir. Sol yarida menu dugmesi
   ve onun hemen ardindan baslayip yarinin sonuna kadar uzanan arama
   cubugu; sagda ayni yukseklikte iki "kart" (sezon, kullanici).
   ============================================================== */
.navbar-custom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-right: 20px;
}

.topbar-sol {
  display: flex;
  align-items: center;
  flex: 1 1 50%;
  min-width: 0;
  gap: 12px;
}

.topbar-sag {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

.button-menu-mobile {
  border: none;
  background: transparent;
  color: #acc8d2;
  height: 70px;
  width: 54px;
  flex: 0 0 auto;
  font-size: 24px;
  transition: color 0.15s;
}
.button-menu-mobile:hover {
  color: #cbeefb;
}

/* --- Arama --- */
.app-search {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 560px;
}
.app-search .form-control {
  height: 42px;
  padding: 4px 44px 4px 16px;
  width: 100%;
  font-size: 14px;
  border-radius: 4px;
  background: #1c2629;
  border: 1px solid #2b3537;
  color: #cbeefb;
  box-shadow: none;
}
.app-search .form-control::-moz-placeholder {
  color: #9cb4be;
}
.app-search .form-control::placeholder {
  color: #9cb4be;
}
.app-search .form-control:focus {
  background: #1c2629;
  border-color: #0093a3;
  color: #cbeefb;
  box-shadow: 0 0 0 2px rgba(0, 147, 163, 0.25);
}
.app-search button {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0 3px 3px 0;
  background: transparent;
  color: #9cb4be;
  font-size: 14px;
  transition: color 0.15s, background 0.15s;
}
.app-search button:hover {
  color: #000608;
  background: #0093a3;
}

/* --- Sezon secici --- */
.sezon-secici {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 6px 0 14px;
  margin: 0;
  border-radius: 4px;
  background: #1c2629;
  border: 1px solid #2b3537;
}
.sezon-secici .sezon-etiket {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9cb4be;
  white-space: nowrap;
}
.sezon-secici select {
  height: 100%;
  min-width: 96px;
  padding: 0 6px;
  border: none;
  background: transparent;
  color: #cbeefb;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.sezon-secici select:focus {
  outline: none;
}
.sezon-secici select option {
  background: #061114;
  color: #cbeefb;
}

/* --- Kullanici karti --- */
.kullanici-karti {
  height: 42px;
}
.kullanici-karti .kullanici-tetik {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  padding: 0 12px;
  border-radius: 4px;
  background: #1c2629;
  border: 1px solid #2b3537;
  color: #cbeefb;
  text-decoration: none;
  transition: border-color 0.15s;
}
.kullanici-karti .kullanici-tetik:hover {
  border-color: #0093a3;
  color: #cbeefb;
}
.kullanici-karti .kullanici-resim {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kullanici-karti .kullanici-adi {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.kullanici-karti .kullanici-ok {
  font-size: 16px;
  color: #9cb4be;
}

@media (max-width: 767px) {
  .app-search,
  .sezon-secici .sezon-etiket,
  .kullanici-karti .kullanici-adi {
    display: none;
  }
}
/* ==============================================================
   Ust cubuk — teal duzen (R2, ikinci tur)

   Ust cubuk logo alani dahil bastan sona teal. Teal uzerinde beyaz
   yazi 3.68 ile esikte kalir, koyu yazi 5.54 ile gecer; bu yuzden
   cubuk uzerindeki tum yazi/ikonlar KOYU.

   Girdiler (arama, sezon, kullanici) sayfa siyahiyla "kuyu" gibi
   oyuluyor: teal'e gore 5.54 ile ayrisiyorlar, iclerindeki acik
   yazi 16.67 ile okunuyor.
   ============================================================== */
.topbar-left .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: normal;
}
.topbar-left .logo img {
  max-width: 100%;
  max-height: 34px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.navbar-custom {
  background-color: #0093a3;
  border-bottom: none;
}

.button-menu-mobile {
  color: #000608;
}
.button-menu-mobile:hover {
  color: #000608;
  opacity: 0.7;
}

/* Teal cubuk uzerindeki "kuyu"lar: arama, sezon, kullanici */
.app-search .form-control,
.sezon-secici,
.kullanici-karti .kullanici-tetik {
  background: #000608;
  border-color: rgba(0, 0, 0, 0.25);
  color: #cbeefb;
}

.app-search .form-control::-moz-placeholder {
  color: #9cb4be;
}

.app-search .form-control::placeholder {
  color: #9cb4be;
}
.app-search .form-control:focus {
  background: #000608;
  border-color: rgba(0, 0, 0, 0.45);
  color: #cbeefb;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}
.app-search button {
  color: #9cb4be;
}
.app-search button:hover {
  background: #00b8cc;
  color: #000608;
}

.sezon-secici .sezon-etiket {
  color: #9cb4be;
}
.sezon-secici select {
  color: #cbeefb;
}
.sezon-secici select option {
  background: #061114;
  color: #cbeefb;
}

.kullanici-karti .kullanici-tetik:hover {
  border-color: rgba(0, 0, 0, 0.45);
  color: #cbeefb;
}
.kullanici-karti .kullanici-tetik .kullanici-ok {
  color: #9cb4be;
}

/* ==============================================================
   Sol menu — R2 duzenlemesi

   Onceki hali: ogeler arasi bosluk yok, hover yalnizca yazi rengini
   degistiriyordu, aktif oge dikdortgen bir blok halinde tum genisligi
   kapliyordu. Tiklanabilir alan belirsizdi.

   Yeni hali: her oge yuvarlatilmis bir yuzey; hover'da hafif dolgu,
   aktif ogede teal dolgu ve sol kenarda vurgu cizgisi.
   ============================================================== */
#sidebar-menu {
  padding: 12px 0;
}
#sidebar-menu > ul > li {
  margin-bottom: 2px;
}
#sidebar-menu > ul > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #acc8d2;
  transition: background-color 0.15s, color 0.15s;
}
#sidebar-menu > ul > li > a i {
  font-size: 18px;
  width: 22px;
  text-align: center;
  color: #9cb4be;
  transition: color 0.15s;
}
#sidebar-menu > ul > li > a > span {
  margin-left: 0;
}
#sidebar-menu > ul > li > a:hover, #sidebar-menu > ul > li > a:focus {
  background-color: #1c2629;
  color: #cbeefb;
}
#sidebar-menu > ul > li > a:hover i, #sidebar-menu > ul > li > a:focus i {
  color: #0093a3;
}
#sidebar-menu > ul > li.mm-active > a {
  color: #cbeefb;
}
#sidebar-menu > ul > li.mm-active > a i {
  color: #0093a3;
}
#sidebar-menu .submenu {
  padding: 2px 0 6px;
}
#sidebar-menu .submenu li a {
  position: relative;
  display: block;
  margin: 1px 0;
  padding: 8px 12px 8px 44px;
  font-size: 13px;
  color: #9cb4be;
  transition: background-color 0.15s, color 0.15s;
}
#sidebar-menu .submenu li a:hover {
  background-color: #1c2629;
  color: #cbeefb;
}
#sidebar-menu .submenu li.mm-active > a {
  background-color: #0093a3;
  color: #000608;
  font-weight: 600;
  margin-left: 10px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#sidebar-menu .submenu li.mm-active > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 0 2px 2px 0;
  background: #000608;
  opacity: 0.55;
}
#sidebar-menu .submenu li.mm-active > a:hover {
  background-color: #0093a3;
  color: #000608;
}
#sidebar-menu .menu-title {
  padding: 12px 12px 8px;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9cb4be;
  font-weight: 600;
}

.side-menu {
  border-right: 1px solid #2b3537;
}

/* ==============
  Alertify
===================*/
.alertify, .alertify-logs {
  z-index: 99;
}

.alertify input {
  border: 2px solid #9cb4be;
}

.alertify-logs > .success {
  background-color: #2bb673;
  color: #ffffff;
}

.alertify-logs > .error {
  background-color: #e05263;
  color: #ffffff;
}

.alertify-logs > *, .alertify-logs > .default {
  background-color: #0093a3;
}

/* =============
   Alerts
============= */
.alert {
  position: relative;
  border: 0;
}
.alert .alert-link {
  font-weight: 500;
  text-decoration: underline;
}

.alert-primary {
  color: #ffffff;
  background-color: #0093a3;
}
.alert-primary hr {
  border-top-color: rgb(0%, 39.6102490076%, 43.9215686275%);
}

.alert-success {
  color: #ffffff;
  background-color: #2bb673;
}
.alert-success hr {
  border-top-color: rgb(13.0405228758%, 55.1947712418%, 34.8758169935%);
}

.alert-danger {
  color: #ffffff;
  background-color: #e05263;
}
.alert-danger hr {
  border-top-color: rgb(84.8039215686%, 15.1960784314%, 23.5294117647%);
}

.alert-warning {
  color: #ffffff;
  background-color: #f0b429;
}
.alert-warning hr {
  border-top-color: rgb(84.2880383594%, 60.6558780718%, 5.9080400719%);
}

.alert-info {
  color: #ffffff;
  background-color: #0093a3;
}
.alert-info hr {
  border-top-color: rgb(0%, 39.6102490076%, 43.9215686275%);
}

.alert-secondary {
  color: #ffffff;
  background-color: #acc8d2;
}
.alert-secondary hr {
  border-top-color: rgb(54.4822303922%, 69.837622549%, 75.3216911765%);
}

.alert-dark {
  color: #ffffff;
  background-color: #061114;
}
.alert-dark hr {
  border-top-color: black;
}

/* ==============
  Buttons
===================*/
.btn {
  border-radius: 3px;
  font-size: 13px;
}

button:focus {
  outline: none;
}

.btn-sm {
  font-size: 10.8333333333px;
}

.btn-lg {
  font-size: 15.6px;
}

.btn-primary, .btn-success, .btn-info, .btn-warning,
.btn-danger, .btn-dark, .btn-pink, .btn-purple, .btn-indigo, .btn-teal,
.btn-lime, .btn-orange, .btn-brown, .btn-blue-grey {
  color: #ffffff;
}

.btn-primary {
  background-color: #0093a3;
  border: 1px solid #0093a3;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
.open > .dropdown-toggle.btn-primary, .btn-outline-primary.active, .btn-outline-primary:active,
.show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-primary.active,
.btn-primary:active, .show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
.btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: rgb(0%, 48.6286539156%, 53.9215686275%);
  border: 1px solid rgb(0%, 48.6286539156%, 53.9215686275%);
}

.btn-primary.focus, .btn-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(0, 147, 163, 0.3);
}

.btn-secondary.focus, .btn-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(6, 17, 20, 0.3);
}

.btn-success {
  background-color: #2bb673;
  border: 1px solid #2bb673;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover,
.open > .dropdown-toggle.btn-success, .btn-outline-success.active, .btn-outline-success:active,
.show > .btn-outline-success.dropdown-toggle, .btn-outline-success:hover, .btn-success.active,
.btn-success:active, .show > .btn-success.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus,
.btn-outline-success:not([disabled]):not(.disabled).active, .btn-outline-success:not([disabled]):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
  background-color: rgb(14.9516339869%, 63.2836601307%, 39.9869281046%);
  border: 1px solid rgb(14.9516339869%, 63.2836601307%, 39.9869281046%);
}

.btn-success.focus, .btn-success:focus, .btn-outline-success.focus, .btn-outline-success:focus,
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(43, 182, 115, 0.3);
}

.btn-info {
  background-color: #0093a3;
  border: 1px solid #0093a3;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus,
.btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info,
.btn-outline-info.active, .btn-outline-info:active,
.show > .btn-outline-info.dropdown-toggle, .btn-outline-info:hover, .btn-info.active, .btn-info:active,
.show > .btn-info.dropdown-toggle, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle,
.btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
  background-color: rgb(0%, 48.6286539156%, 53.9215686275%);
  border: 1px solid rgb(0%, 48.6286539156%, 53.9215686275%);
}

.btn-info.focus, .btn-info:focus, .btn-outline-info.focus, .btn-outline-info:focus,
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(0, 147, 163, 0.3);
}

.btn-warning {
  background-color: #f0b429;
  border: 1px solid #f0b429;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover,
.open > .dropdown-toggle.btn-warning, .btn-outline-warning.active, .btn-outline-warning:active,
.show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:hover, .btn-warning.active,
.btn-warning:active, .show > .btn-warning.dropdown-toggle,
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle,
.btn-outline-warning:not([disabled]):not(.disabled).active, .btn-outline-warning:not([disabled]):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
  background-color: rgb(93.4626252248%, 67.3131261238%, 6.7334532066%);
  border: 1px solid rgb(93.4626252248%, 67.3131261238%, 6.7334532066%);
  color: #ffffff;
}

.btn-warning.focus, .btn-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(240, 180, 41, 0.3);
}

.btn-danger {
  background-color: #e05263;
  border: 1px solid #e05263;
}

.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active,
.btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover,
.open > .dropdown-toggle.btn-danger, .btn-outline-danger.active, .btn-outline-danger:active,
.show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:hover, .btn-danger.active,
.btn-danger:active, .show > .btn-danger.dropdown-toggle,
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle,
.btn-outline-danger:not([disabled]):not(.disabled).active, .btn-outline-danger:not([disabled]):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
  background-color: rgb(86.3235294118%, 23.6764705882%, 31.1764705882%);
  border: 1px solid rgb(86.3235294118%, 23.6764705882%, 31.1764705882%);
}

.btn-danger.focus, .btn-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(224, 82, 99, 0.3);
}

.btn-dark {
  background-color: #061114;
  border: 1px solid #061114;
  color: #ffffff;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus,
.btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark,
.btn-outline-dark.active, .btn-outline-dark:active,
.show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:hover,
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle,
.btn-outline-dark:not([disabled]):not(.disabled).active, .btn-outline-dark:not([disabled]):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
  background-color: rgb(0.0452488688%, 0.1282051282%, 0.1508295626%);
  border: 1px solid rgb(0.0452488688%, 0.1282051282%, 0.1508295626%);
  color: #ffffff;
}

.btn-dark.focus, .btn-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(6, 17, 20, 0.3);
}

.btn-secondary {
  background-color: #acc8d2;
  border: 1px solid #acc8d2;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active,
.btn-secondary.focus, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover,
.open > .dropdown-toggle.btn-secondary, .btn-outline-secondary.active, .btn-outline-secondary:active,
.show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary:hover, .btn-secondary.active,
.btn-secondary:active, .show > .btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,
.btn-outline-secondary:not([disabled]):not(.disabled).active, .btn-outline-secondary:not([disabled]):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: rgb(60.9666053922%, 74.134497549%, 78.8373161765%);
  border: 1px solid rgb(60.9666053922%, 74.134497549%, 78.8373161765%);
}

.btn-secondary.focus, .btn-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(172, 200, 210, 0.3);
}

.btn-link {
  color: #061114;
}
.btn-link:hover {
  color: #0093a3;
}

/* button Outline */
.btn-outline-primary {
  color: #0093a3;
  border-color: #0093a3;
}

.btn-outline-success {
  color: #2bb673;
  border-color: #2bb673;
}

.btn-outline-info {
  color: #0093a3;
  border-color: #0093a3;
}

.btn-outline-warning {
  color: #f0b429;
  border-color: #f0b429;
}

.btn-outline-danger {
  color: #e05263;
  border-color: #e05263;
}

.btn-outline-dark {
  color: #061114;
  background-image: none;
  background-color: transparent;
  border-color: #061114;
}

.btn-outline-secondary {
  color: #acc8d2;
  border-color: #acc8d2;
}

.btn-rounded {
  border-radius: 30px;
}

.btn-icon {
  position: relative;
}
.btn-icon .btn-icon-label {
  margin: -0.55rem 0.9rem -0.55rem -0.9rem;
  padding: 0.6rem 0.9rem;
}
.btn-icon::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 38%;
  background-color: rgba(255, 255, 255, 0.15);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  transition: all 0.4s;
}
.btn-icon:hover::before {
  width: 100%;
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
}

/* --------------------------------------------------------------
   Renkli butonlarda KOYU yazi (R2)

   Verilen teal (#0093A3) uzerinde beyaz yazi 3.68 ile WCAG AA'da
   kaliyor; koyu yazi 5.54 ile geciyor. Ayni durum success/warning/
   danger icin de gecerli. Tek ve tutarli kural: renkli zeminde
   koyu yazi.
   -------------------------------------------------------------- */
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  --bs-btn-color: #000608;
  --bs-btn-hover-color: #000608;
  --bs-btn-active-color: #000608;
  --bs-btn-disabled-color: rgba(0, 6, 8, 0.65);
  font-weight: 600;
}

.badge.bg-primary,
.badge.bg-success,
.badge.bg-info,
.badge.bg-warning,
.badge.bg-danger,
.badge.bg-secondary {
  color: #000608 !important;
}

/* ==============
  Card
===================*/
.card {
  border: 1px solid #2b3537;
  margin-bottom: 30px;
  background: #061114;
}

.list-group-item {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.125);
}

@media (min-width: 576px) {
  .card-columns {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
.card-columns .card {
  margin-bottom: 30px;
}

/* Kart basligi ve govde araligi — R2 */
.card {
  border-radius: 8px;
}
.card .card-body {
  padding: 20px;
}
.card .header-title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #cbeefb;
}

.page-title-box .page-title {
  font-size: 18px;
  font-weight: 600;
  color: #cbeefb;
}
.page-title-box .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.page-title-box .breadcrumb .breadcrumb-item.active {
  color: #9cb4be;
}

/* =============
   Nestable
============= */
.custom-dd .dd-list .dd-item .dd-handle {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border: 1px solid rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  padding: 10px 16px;
  height: auto;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
}
.custom-dd .dd-list .dd-item .dd-handle:hover {
  color: #0093a3;
}
.custom-dd .dd-list .dd-item button {
  height: auto;
  font-size: 25px;
  margin: 8px auto;
  color: #9cb4be;
  width: 35px;
}

.custom-dd-empty .dd-list .dd3-handle {
  border: none;
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  height: 36px !important;
  width: 36px !important;
}
.custom-dd-empty .dd-list .dd3-handle:before {
  color: inherit;
  top: 7px;
}
.custom-dd-empty .dd-list .dd3-handle:hover {
  color: #0093a3;
}
.custom-dd-empty .dd-list .dd3-content {
  height: auto;
  border: none;
  padding: 8px 16px 8px 46px;
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}
.custom-dd-empty .dd-list .dd3-content:hover {
  color: #0093a3;
}
.custom-dd-empty .dd-list button {
  width: 26px;
  height: 26px;
  font-size: 16px;
  font-weight: 600;
}

.dd-dragel > .dd-item .dd-handle {
  padding: 8px 16px !important;
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  height: auto;
  border: 1px solid rgb(7.8914027149%, 22.358974359%, 26.3046757164%);
}

.dd-placeholder, .dd-empty {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border: 1px solid rgb(7.8914027149%, 22.358974359%, 26.3046757164%);
}

.dd-dragel > .dd3-item > .dd3-handle {
  border: none;
  background: rgb(7.8914027149%, 22.358974359%, 26.3046757164%) !important;
  height: 36px !important;
  width: 36px !important;
}
.dd-dragel > .dd3-item > .dd3-handle:before {
  color: inherit;
  top: 7px;
}

.dd-dragel > .dd3-item > .dd3-content {
  padding: 8px 16px 8px 46px;
  background: rgb(7.8914027149%, 22.358974359%, 26.3046757164%);
  height: auto;
  border-color: rgb(7.8914027149%, 22.358974359%, 26.3046757164%);
}

/* Ion Range slider */
.irs--modern .irs-line, .irs--modern .irs-grid-pol {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}
.irs--modern .irs-bar, .irs--modern .irs-to, .irs--modern .irs-from, .irs--modern .irs-single, .irs--modern .irs-handle > i:first-child {
  background: #0093a3 !important;
}
.irs--modern .irs-to:before, .irs--modern .irs-from:before, .irs--modern .irs-single:before {
  border-top-color: #0093a3;
}
.irs--modern .irs-min, .irs--modern .irs-max {
  color: #9cb4be;
}
.irs--modern .irs-grid-text {
  font-size: 10px;
}
.irs--modern .irs-min, .irs--modern .irs-max {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  color: #acc8d2;
}
.irs--modern .irs-handle > i:nth-child(1) {
  width: 8px;
  height: 8px;
}

/* =========== */
/* Sweet Alert2 */
/* =========== */
.swal2-modal .swal2-title {
  font-size: 24px;
}
.swal2-modal .swal2-content {
  font-size: 16px;
}
.swal2-modal .swal2-spacer {
  margin: 10px 0;
}
.swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {
  border: 2px solid #9cb4be;
  font-size: 16px;
  box-shadow: none !important;
}
.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
  outline: 0;
  border: 2px solid #0093a3;
}

.swal2-popup .swal2-styled:focus {
  box-shadow: none;
}

.swal2-icon.swal2-question {
  color: #0093a3;
  border-color: #0093a3;
}
.swal2-icon.swal2-success {
  border-color: #2bb673;
}
.swal2-icon.swal2-success .line {
  background-color: #2bb673;
}
.swal2-icon.swal2-success .placeholder {
  border-color: #2bb673;
}
.swal2-icon.swal2-warning {
  color: #f0b429;
  border-color: #f0b429;
}
.swal2-icon.swal2-error {
  border-color: #e05263;
}
.swal2-icon.swal2-error .line {
  background-color: #e05263;
}

/* ==============
  Form-elements
===================*/
label {
  font-weight: 600;
}

.form-control {
  font-size: 13px;
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border: 1px solid rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
  color: #acc8d2;
}
.form-control:focus {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border: 1px solid rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
  box-shadow: none;
  color: #acc8d2;
}
.form-control::-moz-placeholder {
  color: #acc8d2;
}
.form-control::placeholder {
  color: #acc8d2;
}

.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #0093a3;
}

.custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #0093a3;
}

.has-success .form-control {
  border-color: #2bb673;
  box-shadow: none;
}

.has-warning .form-control {
  border-color: #f0b429;
  box-shadow: none;
}

.has-danger .form-control {
  border-color: #e05263;
  box-shadow: none;
}

.input-group-addon {
  border-radius: 2px;
  border: 1px solid #cbeefb;
}

.input-group-text {
  font-size: 13px;
}

/* ==============================================================
   Form kontrolleri — tek yukseklik, tek gorunum (R2)
   ==============================================================

   Sorun: metin girdileri, select'ler, select2 kutulari ve
   DataTables'in urettigi kontroller birbirinden farkli yuksekliklerde
   ve bir kismi BEYAZ zeminliydi. Koyu temada yamali duruyordu.

   Cozum: hepsi asagidaki tek yukseklik ve tek gorunumu paylasir.
   ============================================================== */
/* --- Bootstrap kontrolleri --- */
.form-control,
.form-select {
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #2b3537;
  border-radius: 4px;
  background-color: #1c2629;
  color: #cbeefb;
  font-size: 14px;
  line-height: 38px;
  box-shadow: none;
}
.form-control:focus,
.form-select:focus {
  border-color: #0093a3;
  background-color: #1c2629;
  color: #cbeefb;
  box-shadow: 0 0 0 2px rgba(0, 147, 163, 0.25);
  outline: none;
}
.form-control::-moz-placeholder, .form-select::-moz-placeholder {
  color: #9cb4be;
}
.form-control::placeholder,
.form-select::placeholder {
  color: #9cb4be;
}
.form-control:disabled, .form-control[readonly],
.form-select:disabled,
.form-select[readonly] {
  background-color: #061114;
  color: #acc8d2;
  opacity: 1;
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cbeefb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  padding-right: 34px;
}
.form-select option {
  background-color: #061114;
  color: #cbeefb;
}

textarea.form-control {
  height: auto;
  min-height: 90px;
  padding: 10px 12px;
  line-height: 1.5;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.6);
  cursor: pointer;
}

.form-label,
.col-form-label {
  color: #acc8d2;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
}

.form-check-input {
  background-color: #1c2629;
  border-color: #2b3537;
}
.form-check-input:checked {
  background-color: #0093a3;
  border-color: #0093a3;
}
.form-check-input:focus {
  border-color: #0093a3;
  box-shadow: 0 0 0 2px rgba(0, 147, 163, 0.25);
}

.input-group-text {
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #2b3537;
  border-radius: 4px;
  background-color: #1c2629;
  color: #cbeefb;
  font-size: 14px;
  line-height: 38px;
  box-shadow: none;
  background-color: #061114;
  color: #9cb4be;
}

/* --- select2 ---
   select2'nin kendi CSS'i sabit beyaz zemin ve #aaa kenarlik tasiyor;
   kurulu BS5 temasi degisken kullanmadigi icin burada acikca eziliyor. */
.select2-container--bootstrap-5 .select2-selection,
.select2-container--default .select2-selection {
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #2b3537;
  border-radius: 4px;
  background-color: #1c2629;
  color: #cbeefb;
  font-size: 14px;
  line-height: 38px;
  box-shadow: none;
  display: flex;
  align-items: center;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  color: #cbeefb;
  line-height: inherit;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #9cb4be;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #9cb4be;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  right: 8px;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #acc8d2 transparent transparent transparent;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
  border-color: #0093a3;
  background-color: #1c2629;
  color: #cbeefb;
  box-shadow: 0 0 0 2px rgba(0, 147, 163, 0.25);
  outline: none;
}
.select2-container--bootstrap-5 .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  height: auto;
  min-height: 40px;
  padding: 4px 8px;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #0093a3;
  border: none;
  color: #000608;
  border-radius: 3px;
  padding: 2px 8px;
  margin: 3px 4px 0 0;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #000608;
}

.select2-container--bootstrap-5 .select2-dropdown,
.select2-container--default .select2-dropdown {
  background-color: #061114;
  border: 1px solid #2b3537;
  border-radius: 4px;
  color: #cbeefb;
  overflow: hidden;
}
.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #2b3537;
  border-radius: 4px;
  background-color: #1c2629;
  color: #cbeefb;
  font-size: 14px;
  line-height: 38px;
  box-shadow: none;
  height: 34px;
  min-height: 34px;
  line-height: 32px;
  width: 100%;
}
.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #0093a3;
  background-color: #1c2629;
  color: #cbeefb;
  box-shadow: 0 0 0 2px rgba(0, 147, 163, 0.25);
  outline: none;
}
.select2-container--bootstrap-5 .select2-results__option,
.select2-container--default .select2-results__option {
  color: #cbeefb;
  background-color: #061114;
  padding: 9px 12px;
  font-size: 14px;
}
.select2-container--bootstrap-5 .select2-results__option--highlighted, .select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #0093a3;
  color: #000608;
}
.select2-container--bootstrap-5 .select2-results__option[aria-selected=true], .select2-container--bootstrap-5 .select2-results__option--selected,
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--selected {
  background-color: #1c2629;
  color: #cbeefb;
}
.select2-container--bootstrap-5 .select2-results__options,
.select2-container--default .select2-results__options {
  background-color: #061114;
}
.select2-container--bootstrap-5 .select2-results__message,
.select2-container--default .select2-results__message {
  color: #9cb4be;
}

/* --- DataTables'in urettigi kontroller ---
   Sayfa uzunlugu select'i ve arama kutusu; DataTables 2.x isaretlemesi. */
div.dt-container div.dt-length select,
div.dt-container div.dt-search input,
div.dt-container .dataTables_length select,
div.dt-container .dataTables_filter input {
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #2b3537;
  border-radius: 4px;
  background-color: #1c2629;
  color: #cbeefb;
  font-size: 14px;
  line-height: 38px;
  box-shadow: none;
  width: auto;
  display: inline-block;
}
div.dt-container div.dt-length select:focus,
div.dt-container div.dt-search input:focus,
div.dt-container .dataTables_length select:focus,
div.dt-container .dataTables_filter input:focus {
  border-color: #0093a3;
  background-color: #1c2629;
  color: #cbeefb;
  box-shadow: 0 0 0 2px rgba(0, 147, 163, 0.25);
  outline: none;
}
div.dt-container div.dt-length select {
  padding-right: 30px;
}
div.dt-container label,
div.dt-container .dt-info {
  color: #acc8d2;
}

/* ==============
  Form-Validation
===================*/
.error {
  color: #ff0000;
}

.parsley-error {
  border-color: #e05263;
}

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}

.parsley-errors-list.filled {
  display: block;
}

.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #e05263;
  margin-top: 5px;
}

/* ==============
  Form-Advanced
===================*/
/* Datepicker */
.datepicker {
  border: 1px solid #ced4da;
  padding: 8px;
  background: rgb(4.1990950226%, 11.8974358974%, 13.9969834087%);
  color: #cbeefb;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.selected,
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
  background-color: #0093a3 !important;
  background-image: none;
  box-shadow: none;
  color: #ffffff;
}

.datepicker tfoot tr th:hover {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}

.table-condensed thead th, .table-condensed tbody td {
  padding: 5px;
}

/* Bootstrap-touchSpin */
.bootstrap-touchspin .input-group-btn-vertical .btn {
  padding: 9px 12px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  top: 4px;
  left: 8px;
}

.input-group-addon {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}

/* Prism */
:not(pre) > code[class*=language-], pre[class*=language-] {
  background: #cbeefb;
}

.input-group-text {
  font-size: 13px;
  color: #cbeefb;
  background: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
  border-color: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
}

.form-control:disabled, .form-control[readonly] {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}

.colorpicker-element .btn-light {
  background-color: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%) !important;
  border-color: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%) !important;
}

/* Rating */
.badge:empty {
  padding: 0;
}

/* ==============
  Form Editor
===================*/
.mce-panel {
  border-color: rgba(255, 255, 255, 0.07) !important;
  background-color: rgb(6.0452488688%, 17.1282051282%, 20.1508295626%) !important;
}

.mce-menubar, .mce-btn-group:not(:first-child) {
  border-color: rgba(255, 255, 255, 0.07) !important;
}

.mce-btn {
  background-color: rgb(6.0452488688%, 17.1282051282%, 20.1508295626%) !important;
}
.mce-btn button span, .mce-btn button i {
  color: #ffffff !important;
}
.mce-btn button .mce-caret {
  border-top-color: rgba(255, 255, 255, 0.7) !important;
}

.mce-content-body {
  background: #061114 !important;
}

.mce-menu {
  background-color: #ffffff !important;
}

.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
  background-color: #0093a3 !important;
}

.mce-path-item, .mce-wordcount {
  color: #ffffff !important;
}

.mce-container, .mce-widget, .mce-widget *, .mce-reset {
  color: #ffffff !important;
}

/* ==============
  Form-Upload
===================*/
/* Dropzone */
.dropzone {
  min-height: 230px;
  border: 2px dashed rgba(0, 0, 0, 0.3);
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border-radius: 6px;
}
.dropzone .dz-message {
  font-size: 22px;
}

/* ==============
  Summernote
===================*/
.note-btn-group .dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.note-btn-group .dropdown-menu > li > a:hover {
  background-color: rgb(83.3221288515%, 94.5476190476%, 98.7170868347%);
}

.note-image-popover, .note-air-popover, .note-link-popover {
  display: none;
}
.note-image-popover .dropdown-toggle::after, .note-air-popover .dropdown-toggle::after, .note-link-popover .dropdown-toggle::after {
  margin-left: 0;
}

.note-icon-caret {
  display: none;
}

.note-editor {
  position: relative;
}
.note-editor .btn-group-sm > .btn, .note-editor .btn-sm {
  padding: 8px 12px;
}
.note-editor .note-toolbar {
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0;
}
.note-editor .note-statusbar {
  background-color: rgb(6.9683257919%, 19.7435897436%, 23.2277526395%) !important;
  border-top-color: transparent !important;
}
.note-editor .note-statusbar .note-resizebar {
  border-top: none;
  height: 15px;
  padding-top: 3px;
}

.note-editor.note-frame {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
.note-editor.note-frame .note-editing-area .note-editable {
  background: rgb(4.1990950226%, 11.8974358974%, 13.9969834087%);
  color: rgba(255, 255, 255, 0.7);
}

.note-popover .popover .popover-content {
  padding: 5px 0 10px 5px;
}
.note-popover .btn-default {
  background-color: transparent;
  border-color: transparent;
}
.note-popover .btn-group-sm > .btn, .note-popover .btn-sm {
  padding: 8px 12px;
}

.note-toolbar {
  padding: 5px 0 10px 5px;
}

/* ==============
  Widgets
===================*/
.widget-chart li {
  width: 31.5%;
  display: inline-block;
  padding: 0;
}
.widget-chart li i {
  font-size: 22px;
}

.mini-stat-icon i {
  font-size: 30px;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

.dashboard-ct-chart .ct-grid {
  stroke: rgba(0, 0, 0, 0.05);
}

#slider-1 {
  height: 49px;
}

#slider-2 {
  height: 49px;
}

/* Activity */
.activity-feed {
  list-style: none;
}
.activity-feed .feed-item {
  position: relative;
  padding-bottom: 30px;
  padding-left: 30px;
  border-left: 2px solid rgb(6.9683257919%, 19.7435897436%, 23.2277526395%);
}
.activity-feed .feed-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -11px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 6px solid #0093a3;
  background-color: #acc8d2;
}

.activity-feed .feed-item:last-child {
  border-color: transparent;
}

.friends-suggestions-list .suggestion-icon i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #acc8d2;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  background-color: #0093a3;
  font-size: 15px;
}
.friends-suggestions-list .desc h5 {
  color: #acc8d2;
}

/* ==============
  Charts
===================*/
.jqstooltip {
  box-sizing: content-box;
}

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart.chart-widget-pie {
  margin-top: 5px;
  margin-bottom: 5px;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: "%";
  margin-left: 0.1em;
  font-size: 0.8em;
}

/* Morris chart */
/* Morris chart */
.morris-charts text {
  font-family: "Poppins", sans-serif !important;
}

.morris-hover.morris-default-style {
  border-radius: 5px;
  padding: 10px 12px;
  background: #ffffff;
  border: none;
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
}
.morris-hover.morris-default-style .morris-hover-point {
  font-weight: 500;
  font-size: 14px;
  color: #061114 !important;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  background-color: #061114;
  color: #ffffff;
  padding: 4px;
  border-radius: 5px 5px 0 0;
  margin: -10px -12px 10px;
}

/* Flot chart */
#flotTip {
  padding: 8px 12px;
  background-color: #ffffff;
  z-index: 100;
  color: #061114;
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
  border-radius: 1px;
}

.legend td {
  background-color: #061114 !important;
  color: #acc8d2;
}

/* Chartist chart */
.ct-golden-section:before {
  float: none;
}

.ct-chart {
  height: 300px;
}

.c3 path, .c3 line {
  stroke: #9cb4be;
}
.c3 text {
  fill: #9cb4be;
}

.ct-grid {
  stroke: rgba(165, 166, 173, 0.1);
  stroke-width: 2px;
  stroke-dasharray: 3px;
}

.ct-chart .ct-label {
  fill: #9cb4be;
  color: #9cb4be;
  font-size: 14px;
  line-height: 1;
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #0093a3;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #2bb673;
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f0b429;
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #0093a3;
}

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #0093a3;
}

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #e05263;
}

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #cbeefb;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #0093a3;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #f0b429;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #2bb673;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 10px;
  padding: 2px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-clip: padding-box;
  background: #061114;
  color: #ffffff;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.2s linear;
}

.chartist-tooltip.tooltip-show {
  opacity: 1;
}

/* C3 chart */
.c3 svg {
  max-width: 100%;
}

.c3-tooltip td > span {
  background: #061114;
}

.c3-tooltip td {
  border-left: none;
}

.c3-tooltip {
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
  opacity: 1;
}

.c3-chart-arcs-title {
  font-size: 18px;
  font-weight: 600;
}

.c3-tooltip tr {
  border: none !important;
}

.c3-tooltip th {
  background-color: #061114;
}

.c3-tooltip .value {
  font-weight: 600;
}

.c3-line {
  stroke-width: 2px;
}

.c3-legend-item {
  font-size: 13px;
}

/* ==============
  Maps
===================*/
.gmaps, .gmaps-panaroma {
  height: 300px;
  background: #cbeefb;
  border-radius: 3px;
}

.gmaps-overlay {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  background: #0093a3;
  border-radius: 4px;
  padding: 10px 20px;
}

.gmaps-overlay_arrow {
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  position: absolute;
}

.gmaps-overlay_arrow.above {
  bottom: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #0093a3;
}

.gmaps-overlay_arrow.below {
  top: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #0093a3;
}

/* ==============
  Tables
===================*/
.table {
  margin-bottom: 10px;
}

.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
  padding: 15px 12px;
}

.table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd),
.thead-default th {
  background-color: rgb(6.0452488688%, 17.1282051282%, 20.1508295626%);
}

.table td, .table th {
  vertical-align: middle;
  border-color: rgba(255, 255, 255, 0.05) !important;
  color: #acc8d2;
}

.table-bordered {
  border: 1px solid rgb(6.0452488688%, 17.1282051282%, 20.1508295626%);
}

.table-hover tbody tr:hover {
  color: #cbeefb;
}

/************** datatables ***************/
.dataTables_wrapper.container-fluid {
  width: auto;
}

/* == Responsive Table ==*/
table.focus-on tbody tr.focused th {
  background-color: #0093a3;
  color: #ffffff;
}
table.focus-on tbody tr.focused td {
  background-color: #0093a3;
  color: #ffffff;
}

.table-rep-plugin .btn-toolbar {
  display: block;
}
.table-rep-plugin .table-responsive {
  border: none !important;
}
.table-rep-plugin .fixed-solution {
  margin-bottom: 0px;
}
.table-rep-plugin .fixed-solution .sticky-table-header {
  top: 70px !important;
  background-color: #000608;
  border-color: #000608;
}
.table-rep-plugin .btn-group.float-right .dropdown-menu {
  left: auto;
  right: 0;
  transform: none !important;
  top: 100% !important;
}
.table-rep-plugin tbody th {
  font-size: 14px;
  font-weight: normal;
}
.table-rep-plugin .checkbox-row {
  padding-left: 40px;
  color: #acc8d2 !important;
}
.table-rep-plugin .checkbox-row:hover {
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%) !important;
}
.table-rep-plugin .checkbox-row label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
}
.table-rep-plugin .checkbox-row label::before {
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #9cb4be;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -20px;
  position: absolute;
  transition: 0.3s ease-in-out;
  width: 17px;
  outline: none !important;
}
.table-rep-plugin .checkbox-row label::after {
  color: #9cb4be;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  left: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  position: absolute;
  top: -1px;
  width: 16px;
}
.table-rep-plugin .checkbox-row input[type=checkbox] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label {
  opacity: 0.65;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:focus + label::before {
  outline-offset: -2px;
  outline: none;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label::before {
  background-color: #cbeefb;
  cursor: not-allowed;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::before {
  background-color: #0093a3;
  border-color: #0093a3;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

/* ==============================================================
   Tablolar — R2 son duzenleme

   Baslik satiri yukseltilmis yuzey, satir aralari daha ferah,
   hover geri bildirimi belirgin. Onceki halde satirlar birbirine
   yapisik ve baslik govdeden ayrilmiyordu.
   ============================================================== */
.table {
  margin-bottom: 0;
}
.table > thead > tr > th {
  background-color: #1c2629;
  color: #acc8d2;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 12px 14px;
  border-bottom: 1px solid #2b3537;
  white-space: nowrap;
}
.table > tbody > tr > td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(43, 53, 55, 0.5);
  vertical-align: middle;
}
.table > tbody > tr:last-child > td {
  border-bottom: none;
}

.table-hover > tbody > tr:hover > td {
  background-color: #1c2629;
}

/* ==============
  Calendar
===================*/
.calendar {
  float: left;
  margin-bottom: 0;
}

.none-border .modal-footer {
  border-top: none;
}

.fc-toolbar {
  margin-bottom: 5px;
}
.fc-toolbar h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}

.fc-day {
  background: #061114;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
.fc-toolbar button:focus, .fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0;
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}

.fc-widget-header {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
}

.fc-widget-content {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.fc th.fc-widget-header {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  font-weight: 600;
  text-transform: uppercase;
}

.fc-button {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border: none;
  color: #ffffff;
  text-transform: capitalize;
  box-shadow: none;
}

.fc-text-arrow {
  font-family: arial;
  font-size: 16px;
}

.fc-state-hover {
  background: #cbeefb;
}

.fc-state-highlight {
  background: #f0f0f0;
}

.fc-cell-overlay {
  background: #f0f0f0;
}

.fc-unthemed .fc-today {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%) !important;
}

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 13px;
  margin: 5px 0;
  padding: 5px 5px;
  text-align: center;
  background-color: #0093a3;
  color: #ffffff !important;
}

.external-event {
  color: #ffffff;
  cursor: move;
  margin: 10px 0;
  padding: 6px 10px;
}

.fc-basic-view td.fc-week-number span {
  padding-right: 5px;
}
.fc-basic-view td.fc-day-number {
  padding-right: 5px;
}

/* ==============
  Email
===================*/
.email-leftbar {
  width: 230px;
  float: left;
  background-color: #061114;
  padding: 20px;
  border-radius: 5px;
}

.email-rightbar {
  margin-left: 260px;
}

.dot-online {
  position: absolute;
  left: 28px;
  font-size: 12px;
}

.chat-user-box p.user-title {
  font-size: 13px;
  color: #061114;
  font-weight: 500;
}
.chat-user-box p {
  font-size: 12px;
}

@media (max-width: 767px) {
  .email-leftbar {
    float: none;
    width: 100%;
  }
  .email-rightbar {
    margin: 0;
  }
}
.mail-list a {
  display: block;
  color: rgb(73.9353553922%, 82.728247549%, 85.8685661765%);
  font-size: 13px;
  line-height: 24px;
  padding: 5px;
}
.mail-list a.active {
  color: #e05263;
  font-weight: 500;
}

.message-list {
  display: block;
  padding-left: 0;
}
.message-list li {
  position: relative;
  display: block;
  height: 75px;
  line-height: 75px;
  cursor: default;
  transition-duration: 0.3s;
}
.message-list li a {
  color: #acc8d2;
}
.message-list li:hover {
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  transition-duration: 0.05s;
}
.message-list li .col-mail {
  float: left;
  position: relative;
}
.message-list li .col-mail-1 {
  width: 320px;
}
.message-list li .col-mail-1 .star-toggle,
.message-list li .col-mail-1 .checkbox-wrapper-mail,
.message-list li .col-mail-1 .dot {
  display: block;
  float: left;
}
.message-list li .col-mail-1 .dot {
  border: 4px solid transparent;
  border-radius: 100px;
  margin: 22px 26px 0;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
}
.message-list li .col-mail-1 .checkbox-wrapper-mail {
  margin: 28px 10px 0 20px;
}
.message-list li .col-mail-1 .star-toggle {
  margin-top: 31px;
  font-size: 13px;
  margin-left: 5px;
}
.message-list li .col-mail-1 .title {
  position: absolute;
  left: 110px;
  right: 0;
  top: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}
.message-list li .col-mail-2 {
  position: absolute;
  top: 0;
  left: 360px;
  right: 0;
  bottom: 0;
}
.message-list li .col-mail-2 .subject,
.message-list li .col-mail-2 .date {
  position: absolute;
  top: 0;
}
.message-list li .col-mail-2 .subject {
  left: 0;
  right: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  top: 8px;
}
.message-list li .col-mail-2 .date {
  right: 0;
  width: 170px;
  padding-left: 70px;
}
.message-list li.active,
.message-list li.active:hover {
  box-shadow: inset 3px 0 0 #0093a3;
}
.message-list li.unread {
  background-color: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  font-weight: 500;
  color: #cbeefb;
}
.message-list li.unread a {
  color: #cbeefb;
  font-weight: 500;
}
.message-list .checkbox-wrapper-mail {
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-block;
  box-shadow: inset 0 0 0 1px #9cb4be;
  border-radius: 1px;
}
.message-list .checkbox-wrapper-mail input {
  opacity: 0;
  cursor: pointer;
}
.message-list .checkbox-wrapper-mail input:checked ~ label {
  opacity: 1;
}
.message-list .checkbox-wrapper-mail label {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  cursor: pointer;
  opacity: 0;
  margin-bottom: 0;
  transition-duration: 0.05s;
  top: 0;
}
.message-list .checkbox-wrapper-mail label:before {
  content: "\f12c";
  font-family: "Material Design Icons";
  top: 0;
  height: 20px;
  color: #cbeefb;
  width: 20px;
  position: absolute;
  margin-top: -27px;
  left: 4px;
  font-size: 13px;
}

.email-inbox {
  position: relative;
}
.email-inbox .form-control,
.email-inbox .form-control:focus {
  border: 1px solid #000608;
  font-size: 13px;
  height: 40px;
  padding-left: 34px;
  padding-right: 12px;
  margin-right: 16px;
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  box-shadow: none;
  border: none;
  color: #acc8d2;
}
.email-inbox button {
  position: absolute;
  top: 12px;
  left: 6px;
  display: block;
  color: #acc8d2;
  font-size: 11px;
  border: none;
  background-color: transparent;
}

@media (max-width: 425px) {
  .title img {
    display: none;
  }
}
.email-img-overlay .email-overlay i {
  background: #0093a3;
  color: #ffffff;
  font-size: 20px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  line-height: 40px;
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  left: 0;
  right: 0px;
  margin: 0 auto;
  opacity: 0;
}
.email-img-overlay:hover img {
  opacity: 0.2;
}
.email-img-overlay:hover .email-overlay i {
  opacity: 1;
}

@media (max-width: 375px) {
  .date {
    display: none;
  }
}
@media (max-width: 768px) {
  .mo-mb-2 {
    margin-bottom: 10px;
  }
  .mo-mt-2 {
    margin-top: 10px !important;
  }
  .ex-pages {
    padding: 24px 0px;
  }
  .btn-toolbar {
    margin-top: 15px;
  }
}
.accountbg {
  background: linear-gradient(160deg, #000608 0%, #061114 100%);
  position: absolute;
  background-position: center center;
  height: 100%;
  width: 100%;
  top: 0;
}

.wrapper-page {
  margin: 7.5% auto;
  width: 420px;
  position: relative;
}

@media (max-width: 767px) {
  .wrapper-page {
    width: 90%;
  }
}
.account-pages {
  margin: 10.5% auto;
  position: relative;
}

/* ==============
  Timeline
===================*/
.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

.main-timeline {
  overflow: hidden;
  position: relative;
}
.main-timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: rgb(8.814479638%, 24.9743589744%, 29.3815987934%);
  position: absolute;
  top: 0;
  left: 50%;
}
.main-timeline .timeline {
  padding-right: 30px;
  position: relative;
}
.main-timeline .timeline-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgb(8.814479638%, 24.9743589744%, 29.3815987934%);
  border: 2px solid rgb(8.814479638%, 24.9743589744%, 29.3815987934%);
  box-sizing: content-box;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: -4px;
}
.main-timeline .timeline-icon:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #acc8d2;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.main-timeline .year {
  display: inline-block;
  padding: 8px 20px;
  margin: 0;
  font-size: 14px;
  color: #ffffff;
  background: #0093a3;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 35%;
  transform: translateY(-50%);
}
.main-timeline .year:before {
  content: "";
  border-right: 18px solid #0093a3;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  position: absolute;
  top: 0;
  left: -18px;
}
.main-timeline .timeline-content {
  width: 46.5%;
  padding: 43px 50px;
  margin: 0 20px 0 0;
  background: rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  position: relative;
}
.main-timeline .timeline-content:after {
  content: "";
  border-left: 20px solid rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}
.main-timeline .title {
  float: left;
  font-size: 18px;
  margin: 0 20px 20px 0;
}
.main-timeline .description {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  clear: both;
}

.main-timeline .timeline:before,
.main-timeline .timeline:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.main-timeline .timeline:first-child:before,
.main-timeline .timeline:last-child:before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid rgb(8.814479638%, 24.9743589744%, 29.3815987934%);
  background: #acc8d2;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: -3px;
}

.main-timeline .timeline:last-child:before {
  top: auto;
  bottom: 0;
}
.main-timeline .timeline:nth-child(2n) {
  padding: 0 0 0 30px;
}
.main-timeline .timeline:nth-child(2n) .year {
  right: auto;
  left: 35%;
}
.main-timeline .timeline:nth-child(2n) .year:before {
  border: 18px solid transparent;
  border-right: none;
  border-left: 18px solid #0093a3;
  left: auto;
  right: -18px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content {
  float: right;
  margin: 0 0 0 20px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content:after {
  border-left: none;
  border-right: 20px solid rgb(5.1221719457%, 14.5128205128%, 17.0739064857%);
  right: auto;
  left: -20px;
}

@media only screen and (max-width: 1200px) {
  .main-timeline .year {
    right: 30%;
  }
  .main-timeline .timeline:nth-child(2n) .year {
    left: 30%;
  }
}
@media only screen and (max-width: 990px) {
  .main-timeline .year {
    right: 25%;
  }
  .main-timeline .timeline:nth-child(2n) .year {
    left: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .main-timeline:before {
    left: 10px;
  }
  .main-timeline .timeline {
    padding: 0 0 0 30px;
    margin-bottom: 20px;
  }
  .main-timeline .timeline:last-child {
    margin-bottom: 0;
  }
  .main-timeline .timeline:first-child:before,
  .main-timeline .timeline:last-child:before {
    display: none;
  }
  .main-timeline .timeline-icon {
    margin: 0;
    position: absolute;
    top: 7px;
    left: 0;
  }
  .main-timeline .year,
  .main-timeline .timeline:nth-child(2n) .year {
    display: block;
    font-weight: bold;
    margin: 0 0 32px 30px;
    z-index: 1;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
  }
  .main-timeline .timeline:nth-child(2n) .year:before {
    border-left: none;
    border-right: 18px solid #0093a3;
    right: auto;
    left: -18px;
  }
  .main-timeline .timeline-content {
    padding: 20px;
  }
  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(2n) .timeline-content {
    width: auto;
    float: none;
    margin: 0 0 0 30px;
  }
  .main-timeline .timeline-content:after,
  .main-timeline .timeline:nth-child(2n) .timeline-content:after {
    border: none;
    border-bottom: 20px solidlighten(#061114, 6%);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    top: -20px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 480px) {
  .main-timeline .title {
    float: none;
  }
  .main-timeline .year,
  .main-timeline .timeline:nth-child(2n) .year {
    margin-left: 20px;
  }
  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(2n) .timeline-content {
    margin-left: 10px;
  }
}
.pricing-box {
  padding: 30px;
  position: relative;
}
.pricing-box .pricing-icon i {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  line-height: 56px;
  top: -25px;
  position: absolute;
  display: inline-block;
  margin: 0 auto;
  left: 0px;
  right: 0px;
}
.pricing-box .pricing-features {
  padding-left: 20px;
}
.pricing-box .pricing-plan sup {
  font-size: 26px;
  position: relative;
  top: -18px;
}
.pricing-box .pricing-border {
  border-top: 1px solid rgb(6.0452488688%, 17.1282051282%, 20.1508295626%);
  margin: 0 auto;
  border-bottom: 1px solid rgb(6.0452488688%, 17.1282051282%, 20.1508295626%);
  padding: 5px;
}
.pricing-box .pricing-features {
  padding-left: 20px;
}

/* Açık/koyu tema, bütün sayfalarda kullanılan anlamlı renk değişkenleri. */
:root,
:root[data-bs-theme=dark] {
  --ht-body: #000608;
  --ht-surface: #061114;
  --ht-elevated: #1c2629;
  --ht-border: #2b3537;
  --ht-text: #cbeefb;
  --ht-muted: #9cb4be;
  --ht-popover: #000608;
  --ht-hover: rgba(255, 255, 255, .08);
  --ht-table-head: #1c2629;
  --ht-table-hover: #131e21;
  --ht-input: #1c2629;
  --ht-input-disabled: #061114;
  --ht-input-text: #cbeefb;
  --ht-topbar-input: #000608;
  --ht-link: #5ed9e7;
  --ht-link-hover: #9aedf5;
  --ht-warning-text: #ffd166;
  --ht-danger-text: #ff9aa2;
  --ht-success-text: #86efac;
  --ht-close-filter: invert(1) grayscale(1);
  --ht-shadow: rgba(0, 0, 0, .35);
}

:root[data-bs-theme=light] {
  color-scheme: light;
  --ht-body: #f3f6f8;
  --ht-surface: #ffffff;
  --ht-elevated: #edf2f4;
  --ht-border: #aebdc3;
  --ht-text: #11191c;
  --ht-muted: #3d5057;
  --ht-popover: #ffffff;
  --ht-hover: #edf1f3;
  --ht-table-head: #e7ecef;
  --ht-table-hover: #edf1f3;
  --ht-input: #ffffff;
  --ht-input-disabled: #f1f4f5;
  --ht-input-text: #11191c;
  --ht-topbar-input: #ffffff;
  --ht-link: #006471;
  --ht-link-hover: #003f47;
  --ht-warning-text: #714700;
  --ht-danger-text: #a11927;
  --ht-success-text: #176b38;
  --ht-close-filter: none;
  --ht-shadow: rgba(26, 53, 62, .18);
  --bs-body-color: var(--ht-text);
  --bs-body-bg: var(--ht-body);
  --bs-secondary-color: var(--ht-muted);
  --bs-tertiary-color: var(--ht-muted);
  --bs-emphasis-color: #0b1518;
  --bs-border-color: var(--ht-border);
  --bs-link-color: var(--ht-link);
  --bs-link-hover-color: var(--ht-link-hover);
}

body,
.content-page,
.content-page .content,
.accountbg,
.footer {
  background-color: var(--ht-body);
  color: var(--ht-text);
}

.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.accordion-item,
.offcanvas,
.popover {
  background-color: var(--ht-surface);
  border-color: var(--ht-border);
  color: var(--ht-text);
}

.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--ht-text);
  --bs-table-border-color: var(--ht-border);
  --bs-table-hover-bg: var(--ht-table-hover);
  --bs-table-hover-color: var(--ht-text);
  color: var(--ht-text);
}

.table > thead > tr > th,
.table > thead > tr > td,
.table-light {
  --bs-table-bg: var(--ht-table-head);
  --bs-table-color: var(--ht-text);
  background-color: var(--ht-table-head) !important;
  border-color: var(--ht-border) !important;
  color: var(--ht-text) !important;
  opacity: 1;
}

.table > tbody > tr > td,
.table > tbody > tr > th {
  border-color: var(--ht-border) !important;
  color: var(--ht-text);
}

.table-bordered,
.table-bordered > :not(caption) > * {
  border-color: var(--ht-border) !important;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: var(--ht-table-hover) !important;
  color: var(--ht-text) !important;
}

/* Tanım ve kişi listelerinde hücre metni buton rengine bağlı kalmaz. */
.duzenlenebilir-liste .table {
  --bs-table-bg: var(--ht-surface);
  --bs-table-color: var(--ht-text);
  --bs-table-border-color: var(--ht-border);
  --bs-table-hover-bg: var(--ht-table-hover);
  --bs-table-hover-color: var(--ht-text);
}

.duzenlenebilir-liste .table > tbody > tr > td,
.duzenlenebilir-liste .hucre-deger {
  color: var(--ht-text) !important;
}

.duzenlenebilir-liste .hucre-ana-baglanti {
  color: var(--ht-text) !important;
  font-weight: 700;
  text-decoration: none;
}

.duzenlenebilir-liste .hucre-ana-baglanti:hover,
.duzenlenebilir-liste .hucre-ana-baglanti:focus {
  color: var(--ht-link) !important;
}

.duzenlenebilir-liste td.hucre-duzenlenebilir {
  position: relative;
  min-width: 118px;
  padding-right: 48px !important;
}

.duzenlenebilir-liste td.hucre-duzenleniyor {
  min-width: 245px;
  padding: 8px !important;
}

.hucre-duzenle-dugmesi {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding: 0;
  color: #000608;
  background: #0093a3;
  border: 0;
  border-left: 1px solid var(--ht-border);
  border-radius: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(5px);
  transition: opacity 0.14s ease, transform 0.14s ease, background-color 0.14s ease;
}

.hucre-duzenle-dugmesi i {
  color: currentColor;
  font-size: 18px;
}

.hucre-duzenle-dugmesi:hover,
.hucre-duzenle-dugmesi:focus-visible {
  color: #000608;
  background: #37c4d2;
  outline: 2px solid var(--ht-text);
  outline-offset: -3px;
}

.duzenlenebilir-liste td.hucre-duzenlenebilir:hover .hucre-duzenle-dugmesi,
.duzenlenebilir-liste td.hucre-duzenlenebilir:focus-within .hucre-duzenle-dugmesi {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.form-control,
.form-select,
.input-group-text,
textarea,
select,
.select2-container .select2-selection--single {
  background-color: var(--ht-input);
  border-color: var(--ht-border);
  color: var(--ht-input-text);
}

.form-control:focus,
.form-select:focus {
  background-color: var(--ht-input);
  color: var(--ht-input-text);
}

.form-control:disabled,
.form-control[readonly] {
  background-color: var(--ht-input-disabled);
  border-color: var(--ht-border);
  color: var(--ht-input-text);
  opacity: 1;
}

/* SecimKutusu salt-okunur alanı kilitli değil, açılır listenin tetiğidir. */
.secim-kutusu .form-control[readonly] {
  background-color: var(--ht-input) !important;
  color: var(--ht-input-text) !important;
  cursor: pointer;
}

.form-control::-moz-placeholder {
  color: var(--ht-muted);
  opacity: 1;
}

.form-control::placeholder {
  color: var(--ht-muted);
  opacity: 1;
}

select option {
  background: var(--ht-popover);
  color: var(--ht-text);
}

.text-muted {
  color: var(--ht-muted) !important;
}

.form-label, .col-form-label, .content-page label {
  color: var(--ht-text);
}

a {
  color: var(--ht-link);
}

a:hover, a:focus {
  color: var(--ht-link-hover);
}

.dropdown-item {
  color: var(--ht-text);
}

.dropdown-item:hover, .dropdown-item:focus {
  background: var(--ht-hover);
  color: var(--ht-text);
}

.nav-tabs .nav-link:not(.active), .nav-pills .nav-link:not(.active) {
  color: var(--ht-text);
}

.nav-tabs .nav-link.active {
  background: var(--ht-surface);
  color: var(--ht-text);
  border-color: var(--ht-border) var(--ht-border) var(--ht-surface);
}

.alert-light {
  background: var(--ht-elevated);
  border-color: var(--ht-border);
  color: var(--ht-text);
}

.pagination .page-link {
  background: var(--ht-surface);
  border-color: var(--ht-border);
  color: var(--ht-text);
}

.pagination .page-item.active .page-link {
  background: #0093a3;
  border-color: #0093a3;
  color: #000608;
}

.pagination .page-item.disabled .page-link {
  background: var(--ht-elevated);
  color: var(--ht-muted);
}

/* Eski tema modal yüzeyini koyuya sabitliyordu; tüm modal katmanları temayı izler. */
.modal .modal-dialog .modal-content {
  background: var(--ht-surface) !important;
  border-color: var(--ht-border) !important;
  color: var(--ht-text) !important;
}

.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-footer {
  border-color: var(--ht-border) !important;
}

.modal .modal-title,
.modal .modal-body,
.modal .modal-body label {
  color: var(--ht-text);
}

.modal .btn-close {
  filter: var(--ht-close-filter);
}

/* Alert metni ve bağlantısı her varyantta aynı kontrast ailesinde kalır. */
.alert-primary,
.alert-info {
  --ht-alert-link: #a9f1f7;
  --ht-alert-link-hover: #dcfbfd;
  background: #073e45;
  border: 1px solid #126b75;
  color: #e0f9fb;
}

.alert-success {
  --ht-alert-link: #9aebb8;
  --ht-alert-link-hover: #d7f8e3;
  background: #0c3b25;
  border: 1px solid #227344;
  color: #dcf8e6;
}

.alert-warning {
  --ht-alert-link: #ffe08a;
  --ht-alert-link-hover: #fff2c4;
  background: #493707;
  border: 1px solid #806211;
  color: #fff0bd;
}

.alert-danger {
  --ht-alert-link: #ffabb4;
  --ht-alert-link-hover: #ffe1e4;
  background: #47181e;
  border: 1px solid #7d2832;
  color: #ffdce0;
}

.alert-secondary {
  --ht-alert-link: #bfe8ef;
  --ht-alert-link-hover: #eefbfc;
  background: #273236;
  border: 1px solid #4b5d63;
  color: #e5f0f3;
}

.alert .alert-link {
  color: var(--ht-alert-link, currentColor) !important;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
}

.alert .alert-link:hover,
.alert .alert-link:focus {
  color: var(--ht-alert-link-hover, currentColor) !important;
}

:root[data-bs-theme=light] .alert-primary,
:root[data-bs-theme=light] .alert-info {
  --ht-alert-link: #005763;
  --ht-alert-link-hover: #003b43;
  background: #dff3f5;
  border-color: #8bcbd2;
  color: #083e45;
}

:root[data-bs-theme=light] .alert-success {
  --ht-alert-link: #0b572d;
  --ht-alert-link-hover: #06391e;
  background: #e1f3e8;
  border-color: #9cccad;
  color: #123f25;
}

:root[data-bs-theme=light] .alert-warning {
  --ht-alert-link: #654000;
  --ht-alert-link-hover: #3f2800;
  background: #fff3cd;
  border-color: #e5c76d;
  color: #563800;
}

:root[data-bs-theme=light] .alert-danger {
  --ht-alert-link: #851d29;
  --ht-alert-link-hover: #5b1018;
  background: #fde4e7;
  border-color: #e5a0a8;
  color: #701923;
}

:root[data-bs-theme=light] .alert-secondary {
  --ht-alert-link: #324b53;
  --ht-alert-link-hover: #18292e;
  background: #e9eef0;
  border-color: #b8c5ca;
  color: #27383e;
}

:root[data-bs-theme=light] .left.side-menu,
:root[data-bs-theme=light] #sidebar-menu,
:root[data-bs-theme=light] #sidebar-menu ul,
:root[data-bs-theme=light] #sidebar-menu .submenu {
  background: #ffffff;
}

:root[data-bs-theme=light] #sidebar-menu a {
  color: #263a40;
}

:root[data-bs-theme=light] #sidebar-menu a:hover {
  color: #005f69;
  background: var(--ht-hover);
}

:root[data-bs-theme=light] .page-title,
:root[data-bs-theme=light] .header-title,
:root[data-bs-theme=light] h1,
:root[data-bs-theme=light] h2,
:root[data-bs-theme=light] h3,
:root[data-bs-theme=light] h4,
:root[data-bs-theme=light] h5,
:root[data-bs-theme=light] h6 {
  color: var(--ht-text);
}

/* Üst çubuk girdileri ve köşeli tema anahtarı aynı görsel dilde. */
.tema-secici {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 42px;
  padding: 6px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background: var(--ht-topbar-input);
  color: var(--ht-input-text);
  cursor: pointer;
}

.tema-secici:hover,
.tema-secici:focus-visible {
  border-color: rgba(0, 0, 0, 0.55);
}

.tema-secici-iz {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  width: 56px;
  height: 28px;
  border: 1px solid var(--ht-border);
  border-radius: 4px;
  background: var(--ht-elevated);
  overflow: hidden;
}

.tema-secici-iz > i {
  position: relative;
  z-index: 1;
  font-size: 15px;
  color: var(--ht-muted);
}

.tema-secici-surgu {
  position: absolute;
  z-index: 0;
  top: 2px;
  left: 2px;
  width: 24px;
  height: 22px;
  border-radius: 3px;
  background: #0093a3;
  box-shadow: 0 1px 3px var(--ht-shadow);
  transition: transform 0.18s ease, background-color 0.18s ease;
}

:root[data-bs-theme=dark] .tema-secici-ay {
  color: #ffffff;
}

:root[data-bs-theme=light] .tema-secici-surgu {
  background: #f0b429;
  transform: translateX(27px);
}

:root[data-bs-theme=light] .tema-secici-gunes {
  color: #241900;
}

.app-search .form-control,
.sezon-secici,
.kullanici-karti .kullanici-tetik {
  background: var(--ht-topbar-input);
  color: var(--ht-input-text);
}

.sezon-secici .sezon-etiket {
  color: var(--ht-muted);
}

.sezon-secici select {
  color: var(--ht-input-text);
}

/* Kullanıcı menüsü eski koyu Bootstrap renklerini taşımadan aktif temayı izler. */
.navbar-custom .kullanici-karti .dropdown-menu {
  --bs-dropdown-bg: var(--ht-surface);
  --bs-dropdown-color: var(--ht-text);
  --bs-dropdown-border-color: var(--ht-border);
  --bs-dropdown-link-color: var(--ht-text);
  --bs-dropdown-link-hover-color: var(--ht-text);
  --bs-dropdown-link-hover-bg: var(--ht-hover);
  min-width: 205px;
  padding: 6px;
  background-color: var(--ht-surface);
  border-color: var(--ht-border);
  box-shadow: 0 12px 28px var(--ht-shadow);
}

.navbar-custom .kullanici-karti .dropdown-item {
  padding: 8px 10px;
  color: var(--ht-text);
  background-color: transparent;
  border-radius: 4px;
}

.navbar-custom .kullanici-karti .dropdown-item i {
  color: currentColor;
}

.navbar-custom .kullanici-karti .dropdown-item:hover,
.navbar-custom .kullanici-karti .dropdown-item:focus,
.navbar-custom .kullanici-karti .dropdown-item:active {
  color: var(--ht-text) !important;
  background-color: var(--ht-hover) !important;
}

.navbar-custom .kullanici-karti .dropdown-item.text-danger,
.navbar-custom .kullanici-karti .dropdown-item.text-danger i {
  color: var(--ht-danger-text) !important;
}

.navbar-custom .kullanici-karti .dropdown-divider {
  margin: 5px 0;
  border-color: var(--ht-border);
}

/* Canlı arama katmanı sayfanın üstünde kalır ve tema değişkenlerini izler. */
.genel-arama {
  z-index: 1100;
}

.genel-arama .genel-arama-ikon {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ht-muted);
  pointer-events: none;
}

.genel-arama-sonuclari {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  max-height: min(70vh, 620px);
  overflow-y: auto;
  background: var(--ht-popover);
  border: 1px solid var(--ht-border);
  border-radius: 4px;
}

.genel-arama-grup-basligi {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0.4rem 0.75rem;
  background: var(--ht-elevated);
  color: var(--ht-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.genel-arama-sonucu {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding: 0.55rem 0.75rem;
  color: var(--ht-text);
  border-bottom: 1px solid var(--ht-border);
}

.genel-arama-sonucu:hover {
  background: var(--ht-hover);
  color: var(--ht-text);
}

.genel-arama-sonucu > i {
  font-size: 1.15rem;
  color: #0093a3;
}

.genel-arama-sonucu span {
  min-width: 0;
}

.genel-arama-sonucu strong, .genel-arama-sonucu small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.genel-arama-sonucu small {
  margin-top: 0.15rem;
  color: var(--ht-muted);
}

/* Özel seçim listelerinde metin ve hover rengi sabit tema kalıntısı taşımaz. */
.secim-kutusu .secim-liste .list-group-item {
  background: var(--ht-popover);
  border-color: var(--ht-border);
  color: var(--ht-text);
}

.secim-kutusu .secim-liste .list-group-item:hover,
.secim-kutusu .secim-liste .list-group-item:focus {
  background: var(--ht-hover);
  color: var(--ht-text);
}

.secim-kutusu .secim-liste .list-group-item.active,
.secim-kutusu .mega-secim-menu .boyut-secenek.secili {
  background: #0093a3;
  border-color: #0093a3;
  color: #000608;
}

:root[data-bs-theme=light] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2311191c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

:root[data-bs-theme=light] input[type=date]::-webkit-calendar-picker-indicator,
:root[data-bs-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator {
  filter: none;
}

@media (max-width: 900px) {
  .tema-secici {
    width: 64px;
  }
}
@media (hover: none), (max-width: 767.98px) {
  .hucre-duzenle-dugmesi {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hucre-duzenle-dugmesi {
    transition: none;
  }
}
@media print {
  :root {
    --ht-body: #fff;
    --ht-surface: #fff;
    --ht-text: #000;
    --ht-muted: #444;
    --ht-border: #999;
    --ht-input: #fff;
    --ht-input-text: #000;
  }
}
.surum-v2 {
  max-width: 1380px;
  margin: 0 auto 48px;
}

.surum-hero-alani {
  margin-bottom: 0;
}

.surum-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(270px, 0.75fr);
  align-items: center;
  min-height: 430px;
  padding: clamp(34px, 5vw, 64px);
  padding-bottom: clamp(78px, 8vw, 104px);
  overflow: hidden;
  color: #f4fdff;
  background: radial-gradient(circle at 12% 18%, rgba(66, 211, 224, 0.23), transparent 30%), radial-gradient(circle at 88% 80%, rgba(255, 185, 94, 0.17), transparent 30%), linear-gradient(135deg, #06282f 0%, #064f59 54%, #087786 100%);
  border: 1px solid rgba(134, 236, 244, 0.25);
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 44, 50, 0.25);
}

.surum-hero::before {
  position: absolute;
  right: -110px;
  bottom: -190px;
  width: 420px;
  height: 420px;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}

.surum-hero__icerik {
  position: relative;
  z-index: 2;
  max-width: 790px;
}

.surum-hero__logo {
  display: block;
  width: clamp(170px, 20vw, 225px);
  height: auto;
  margin-bottom: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}

.surum-hero h1 {
  margin: 0 0 4px;
  color: #fff !important;
  font-size: clamp(46px, 7vw, 82px);
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.045em;
}

.surum-hero h1 strong {
  color: #8eebf2;
  font-weight: 800;
}

.surum-hero__slogan {
  margin: 18px 0 12px;
  color: #fff;
  font-size: clamp(20px, 2.5vw, 29px);
  font-weight: 700;
}

.surum-hero__aciklama {
  max-width: 680px;
  margin: 0;
  color: #d8f4f7;
  font-size: 16px;
  line-height: 1.75;
}

.surum-hero__gorsel {
  position: relative;
  z-index: 1;
  justify-self: center;
  width: 270px;
  height: 270px;
}

.surum-hero__halka,
.surum-hero__numara,
.surum-hero__ikon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.surum-hero__halka--dis {
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 0 60px rgba(97, 230, 240, 0.08);
}

.surum-hero__halka--ic {
  inset: 42px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.surum-hero__numara {
  inset: 73px;
  color: #06282f;
  font-size: 38px;
  font-weight: 900;
  letter-spacing: -0.05em;
  background: #8eebf2;
  box-shadow: 0 12px 35px rgba(0, 20, 23, 0.28);
}

.surum-hero__ikon {
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 21px;
  background: #075963;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 10px 24px rgba(0, 23, 27, 0.3);
}

.surum-hero__ikon--sezon {
  top: -9px;
  left: 111px;
}

.surum-hero__ikon--arama {
  top: 111px;
  right: -9px;
}

.surum-hero__ikon--yazdir {
  bottom: -9px;
  left: 111px;
}

.surum-hero__ikon--guvenlik {
  top: 111px;
  left: -9px;
}

.surum-iletisim {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(215px, 1.25fr) repeat(4, minmax(150px, 1fr));
  gap: 10px;
  margin: -64px 26px 0;
  padding: 12px;
  background: var(--ht-surface);
  border: 1px solid var(--ht-border);
  border-radius: 14px;
  box-shadow: 0 18px 40px var(--ht-shadow);
}

.surum-iletisim__metin,
.surum-iletisim__kart {
  min-width: 0;
  min-height: 104px;
  padding: 17px;
  border-radius: 9px;
}

.surum-iletisim__metin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--ht-elevated);
}

.surum-iletisim__metin > span {
  color: var(--ht-link);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.surum-iletisim__metin p {
  margin: 5px 0 0;
  color: var(--ht-text);
  font-size: 13px;
  line-height: 1.45;
}

.surum-iletisim__kart {
  display: flex;
  gap: 11px;
  align-items: center;
  color: var(--ht-text) !important;
  background: var(--ht-surface);
  border: 1px solid var(--ht-border);
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.surum-iletisim__kart:hover,
.surum-iletisim__kart:focus {
  color: var(--ht-text) !important;
  background: var(--ht-hover);
  border-color: #1696a3;
  transform: translateY(-2px);
}

.surum-iletisim__kart > i {
  flex: 0 0 auto;
  color: #078997;
  font-size: 27px;
}

.surum-iletisim__kart--whatsapp > i {
  color: #16884f;
}

.surum-iletisim__kart span {
  min-width: 0;
}

.surum-iletisim__kart strong,
.surum-iletisim__kart small {
  display: block;
  overflow-wrap: anywhere;
}

.surum-iletisim__kart strong {
  color: var(--ht-text);
  font-size: 14px;
  font-weight: 800;
}

.surum-iletisim__kart small {
  margin-top: 4px;
  color: var(--ht-muted);
  font-size: 12px;
  line-height: 1.4;
}

[data-bs-theme=dark] .surum-iletisim__kart > i {
  color: #70e0ea;
}

[data-bs-theme=dark] .surum-iletisim__kart--whatsapp > i {
  color: #79dda5;
}

.surum-bolum {
  padding-top: clamp(48px, 7vw, 78px);
}

.surum-bolum__baslik {
  max-width: 760px;
  margin-bottom: 28px;
}

.surum-bolum__baslik > span {
  color: #078997;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

[data-bs-theme=dark] .surum-bolum__baslik > span {
  color: #69dbe6;
}

.surum-bolum__baslik h2,
.surum-sayilar__baslik h2 {
  margin: 5px 0 8px;
  color: var(--ht-text);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  letter-spacing: -0.025em;
}

.surum-bolum__baslik p {
  margin: 0;
  color: var(--ht-muted);
  font-size: 15px;
}

.surum-ana-yenilikler {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.surum-ana-yenilik {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  padding: clamp(24px, 3vw, 34px);
  background: linear-gradient(145deg, rgba(0, 147, 163, 0.12), transparent 50%), var(--ht-surface);
  border: 1px solid var(--ht-border);
  border-top: 4px solid #0795a3;
  border-radius: 13px;
  box-shadow: 0 12px 30px rgba(0, 32, 37, 0.07);
}

.surum-ana-yenilik--sezon {
  background: linear-gradient(145deg, rgba(240, 162, 45, 0.13), transparent 50%), var(--ht-surface);
  border-top-color: #d48612;
}

.surum-ana-yenilik--guvenlik {
  background: linear-gradient(145deg, rgba(63, 121, 198, 0.13), transparent 50%), var(--ht-surface);
  border-top-color: #477fc9;
}

.surum-ana-yenilik__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.surum-ana-yenilik__sira {
  color: var(--ht-muted);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.surum-ana-yenilik__ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  color: #006c77;
  font-size: 27px;
  background: rgba(0, 147, 163, 0.13);
  border: 1px solid rgba(0, 147, 163, 0.25);
  border-radius: 11px;
}

.surum-ana-yenilik--sezon .surum-ana-yenilik__ikon {
  color: #8a5200;
  background: rgba(240, 162, 45, 0.15);
  border-color: rgba(240, 162, 45, 0.32);
}

.surum-ana-yenilik--guvenlik .surum-ana-yenilik__ikon {
  color: #305e9d;
  background: rgba(63, 121, 198, 0.14);
  border-color: rgba(63, 121, 198, 0.3);
}

[data-bs-theme=dark] .surum-ana-yenilik__ikon {
  color: #7ae3ed;
}

[data-bs-theme=dark] .surum-ana-yenilik--sezon .surum-ana-yenilik__ikon {
  color: #ffd17f;
}

[data-bs-theme=dark] .surum-ana-yenilik--guvenlik .surum-ana-yenilik__ikon {
  color: #a9c5fa;
}

.surum-ana-yenilik h3 {
  margin: 27px 0 11px;
  color: var(--ht-text);
  font-size: clamp(21px, 2.1vw, 27px);
  font-weight: 850;
  line-height: 1.25;
}

.surum-ana-yenilik p {
  margin: 0;
  color: var(--ht-muted);
  font-size: 15px;
  line-height: 1.65;
}

.surum-ana-yenilik ul {
  display: grid;
  gap: 9px;
  margin: 22px 0 0;
  padding: 18px 0 0;
  color: var(--ht-text);
  list-style: none;
  border-top: 1px solid var(--ht-border);
}

.surum-ana-yenilik li {
  position: relative;
  padding-left: 21px;
  font-size: 13px;
  font-weight: 650;
}

.surum-ana-yenilik li::before {
  position: absolute;
  top: 0.24em;
  left: 0;
  color: #078997;
  font-family: "Material Design Icons";
  content: "\f12c";
}

.surum-sayilar {
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) minmax(0, 2.2fr);
  gap: 28px 38px;
  align-items: center;
  margin-top: clamp(42px, 5vw, 62px);
  padding: clamp(28px, 4vw, 44px);
  color: #e9fbfd;
  background: radial-gradient(circle at 0 0, rgba(84, 220, 231, 0.18), transparent 32%), linear-gradient(125deg, #06282f, #074b53);
  border: 1px solid rgba(119, 225, 234, 0.24);
  border-radius: 15px;
  box-shadow: 0 18px 42px rgba(0, 43, 49, 0.2);
}

.surum-sayilar__baslik h2 {
  max-width: 310px;
  margin: 0;
  color: #fff !important;
  font-size: clamp(24px, 2.7vw, 34px);
}

.surum-sayilar__liste {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.surum-sayi {
  display: flex;
  flex-direction: column;
  min-height: 130px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 9px;
}

.surum-sayi strong {
  color: #91edf4;
  font-size: clamp(28px, 3vw, 39px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.surum-sayi span {
  margin-top: auto;
  padding-top: 16px;
  color: #e3f7f9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.surum-sayilar__not {
  grid-column: 2;
  margin: -14px 0 0;
  color: #c8e9ec;
  font-size: 12px;
}

.surum-ozellikler {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.surum-ozellikler--devam {
  margin-top: 18px;
}

.surum-ozellik {
  padding: 26px;
  background: var(--ht-surface);
  border: 1px solid var(--ht-border);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0, 32, 37, 0.06);
}

.surum-ozellik__ikon,
.surum-detay__ikon,
.surum-kapanis__ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  color: #006c77;
  font-size: 22px;
  background: rgba(0, 147, 163, 0.12);
  border: 1px solid rgba(0, 147, 163, 0.24);
  border-radius: 9px;
}

[data-bs-theme=dark] .surum-ozellik__ikon,
[data-bs-theme=dark] .surum-detay__ikon {
  color: #7ae3ed;
}

.surum-ozellik__ikon--tema {
  color: #6642a4;
  background: rgba(122, 87, 184, 0.13);
  border-color: rgba(122, 87, 184, 0.28);
}

.surum-ozellik__ikon--aktarim {
  color: #167049;
  background: rgba(36, 160, 103, 0.12);
  border-color: rgba(36, 160, 103, 0.28);
}

.surum-ozellik__ikon--cek {
  color: #8f4359;
  background: rgba(199, 84, 118, 0.12);
  border-color: rgba(199, 84, 118, 0.26);
}

.surum-ozellik__ikon--fis {
  color: #395da1;
  background: rgba(74, 115, 188, 0.12);
  border-color: rgba(74, 115, 188, 0.26);
}

.surum-ozellik__ikon--arama {
  color: #9a5b00;
  background: rgba(240, 162, 45, 0.14);
  border-color: rgba(240, 162, 45, 0.3);
}

.surum-ozellik__ikon--rapor {
  color: #3d5f9b;
  background: rgba(74, 115, 188, 0.12);
  border-color: rgba(74, 115, 188, 0.26);
}

.surum-ozellik__ikon--yedek {
  color: #176b38;
  background: rgba(36, 160, 103, 0.12);
  border-color: rgba(36, 160, 103, 0.28);
}

[data-bs-theme=dark] .surum-ozellik__ikon--tema {
  color: #c8adfa;
}

[data-bs-theme=dark] .surum-ozellik__ikon--aktarim {
  color: #86e5b7;
}

[data-bs-theme=dark] .surum-ozellik__ikon--cek {
  color: #ffa9c1;
}

[data-bs-theme=dark] .surum-ozellik__ikon--fis,
[data-bs-theme=dark] .surum-ozellik__ikon--rapor {
  color: #a9c5fa;
}

[data-bs-theme=dark] .surum-ozellik__ikon--arama {
  color: #ffd17f;
}

[data-bs-theme=dark] .surum-ozellik__ikon--yedek {
  color: #86e5b7;
}

.surum-ozellik h3 {
  margin: 18px 0 9px;
  color: var(--ht-text);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}

.surum-ozellik p {
  margin: 0;
  color: var(--ht-muted);
  line-height: 1.65;
}

.surum-bolum--detay {
  max-width: 1050px;
  margin: 0 auto;
}

.surum-detaylar {
  display: grid;
  gap: 12px;
}

.surum-detay {
  overflow: hidden;
  background: var(--ht-surface);
  border: 1px solid var(--ht-border);
  border-radius: 10px;
  box-shadow: 0 5px 16px rgba(0, 32, 37, 0.04);
}

.surum-detay summary {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  color: var(--ht-text);
  cursor: pointer;
  list-style: none;
}

.surum-detay summary::-webkit-details-marker {
  display: none;
}

.surum-detay summary:hover {
  background: var(--ht-hover);
}

.surum-detay summary strong {
  display: block;
  color: var(--ht-text);
  font-size: 16px;
}

.surum-detay summary small {
  display: block;
  margin-top: 3px;
  color: var(--ht-muted);
}

.surum-detay__ok {
  color: var(--ht-muted);
  font-size: 22px;
  transition: transform 0.2s ease;
}

.surum-detay[open] .surum-detay__ok {
  transform: rotate(180deg);
}

.surum-detay__icerik {
  padding: 0 24px 22px 86px;
  border-top: 1px solid var(--ht-border);
}

.surum-detay__icerik ul {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding-left: 19px;
  color: var(--ht-text);
}

.surum-detay__icerik li {
  padding-left: 5px;
  line-height: 1.55;
}

.surum-detay__icerik li::marker {
  color: #0795a3;
}

.surum-kapanis {
  display: flex;
  gap: 20px;
  align-items: center;
  max-width: 1050px;
  margin: 42px auto 0;
  padding: 28px 30px;
  background: var(--ht-elevated);
  border: 1px solid var(--ht-border);
  border-radius: 12px;
}

.surum-kapanis__ikon {
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  color: #06282f;
  font-size: 28px;
  background: #75dce6;
  border: 0;
}

.surum-kapanis span {
  color: var(--ht-link);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.surum-kapanis h2 {
  margin: 3px 0 5px;
  color: var(--ht-text);
  font-size: 22px;
  font-weight: 800;
}

.surum-kapanis p {
  margin: 0;
  color: var(--ht-muted);
}

@media (max-width: 1199.98px) {
  .surum-iletisim {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .surum-iletisim__metin {
    grid-column: 1/-1;
    min-height: 0;
  }
  .surum-sayilar {
    grid-template-columns: 1fr;
  }
  .surum-sayilar__baslik h2 {
    max-width: 650px;
  }
  .surum-sayilar__not {
    grid-column: 1;
    margin-top: -12px;
  }
}
@media (max-width: 991.98px) {
  .surum-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .surum-hero__gorsel {
    display: none;
  }
  .surum-iletisim {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .surum-ana-yenilikler {
    grid-template-columns: 1fr;
  }
  .surum-ana-yenilik {
    min-height: 0;
  }
  .surum-ozellikler {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .surum-sayilar__liste {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .surum-v2 {
    margin-bottom: 28px;
  }
  .surum-hero-alani {
    margin-bottom: 8px;
  }
  .surum-hero {
    padding: 30px 22px;
    border-radius: 12px;
  }
  .surum-hero__logo {
    width: 170px;
    margin-bottom: 22px;
  }
  .surum-hero h1 {
    font-size: 44px;
  }
  .surum-iletisim {
    grid-template-columns: 1fr;
    margin: 14px 0 0;
    padding: 10px;
  }
  .surum-iletisim__metin {
    grid-column: auto;
  }
  .surum-iletisim__metin,
  .surum-iletisim__kart {
    min-height: 82px;
  }
  .surum-ana-yenilik {
    padding: 24px 20px;
  }
  .surum-sayilar {
    padding: 25px 20px;
  }
  .surum-sayilar__liste {
    grid-template-columns: 1fr;
  }
  .surum-sayi {
    min-height: 112px;
  }
  .surum-ozellikler {
    grid-template-columns: 1fr;
  }
  .surum-ozellik {
    padding: 22px;
  }
  .surum-detay summary {
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    padding: 16px 14px;
  }
  .surum-detay__ikon {
    width: 40px;
    height: 40px;
  }
  .surum-detay summary small {
    display: none;
  }
  .surum-detay__icerik {
    padding: 0 17px 18px 18px;
  }
  .surum-kapanis {
    align-items: flex-start;
    padding: 22px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .surum-iletisim__kart {
    transition: none;
  }
}