@charset "UTF-8";
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  font-family: var(--font-family);
  font-variation-settings: var(--font-variation-settings);
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: inherit;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, a, p {
  color: inherit;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: none;
}

b, strong {
  font-weight: 600;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  -webkit-font-feature-settings: inherit;
          font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 1em;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  outline: 0;
  text-transform: none;
  border: 1px solid #e8e8e8;
}
button:disabled,
input:disabled,
optgroup:disabled,
select:disabled,
textarea:disabled {
  opacity: 0.75;
  cursor: not-allowed;
}

input, select, textarea {
  height: 3rem;
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  min-width: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

img,
video {
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}

hr {
  border-bottom: 1px solid #ddd;
}

.revert-all h1, .revert-all h2, .revert-all h3, .revert-all h4, .revert-all h5, .revert-all h6, .revert-all ul, .revert-all ol, .revert-all li, .revert-all a, .revert-all p {
  color: revert;
  margin: revert;
  padding: revert;
  list-style: revert;
  -webkit-text-decoration: revert;
          text-decoration: revert;
  border: revert;
}
.revert-all table {
  text-indent: revert;
  border-color: revert;
  border-collapse: revert;
}
.revert-all button,
.revert-all input,
.revert-all optgroup,
.revert-all select,
.revert-all textarea {
  font-family: revert;
  -webkit-font-feature-settings: revert;
          font-feature-settings: revert;
  font-variation-settings: revert;
  font-size: revert;
  font-weight: revert;
  line-height: revert;
  color: revert;
  margin: revert;
  padding: revert;
  outline: revert;
  text-transform: revert;
}
.revert-all button:disabled,
.revert-all input:disabled,
.revert-all optgroup:disabled,
.revert-all select:disabled,
.revert-all textarea:disabled {
  opacity: revert;
  cursor: revert;
}
.revert-all input, .revert-all select, .revert-all textarea {
  height: revert;
  padding: revert;
  border-radius: revert;
}
.revert-all button,
.revert-all [type=button],
.revert-all [type=reset],
.revert-all [type=submit] {
  cursor: revert;
}
.revert-all textarea {
  resize: revert;
}
.revert-all img,
.revert-all video {
  max-width: revert;
}

:root {
  --font-family: Inter, Helvetica, Bahnschrift, Open Sans, sans-serif;
  --font-size: 12px;
  --container-width: 1280px;
  --body-padding: 2rem;
  --body-padding-neg: calc(var(--body-padding) * -1);
  --header-height: 0;
  --100vw: 100vw;
  --100vh: 100vh;
  --urun-image-aspect-ratio: 1/.33;
}

:root {
  --blue-50:rgb(245.2, 248.75, 254.55);
  --blue-100:rgb(207.96, 225, 252.84);
  --blue-200:rgb(170.72, 201.25, 251.13);
  --blue-300:rgb(133.48, 177.5, 249.42);
  --blue-400:rgb(96.24, 153.75, 247.71);
  --blue-500:#3b82f6;
  --blue-600:rgb(50.15, 110.5, 209.1);
  --blue-700:rgb(41.3, 91, 172.2);
  --blue-800:rgb(32.45, 71.5, 135.3);
  --blue-900:rgb(23.6, 52, 98.4);
  --blue-1000:rgb(14.75, 32.5, 61.5);
  --green-50:rgb(243.95, 252.1, 246.95);
  --green-100:rgb(201.96, 241.08, 216.36);
  --green-200:rgb(159.97, 230.06, 185.77);
  --green-300:rgb(117.98, 219.04, 155.18);
  --green-400:rgb(75.99, 208.02, 124.59);
  --green-500:#22c55e;
  --green-600:rgb(28.9, 167.45, 79.9);
  --green-700:rgb(23.8, 137.9, 65.8);
  --green-800:rgb(18.7, 108.35, 51.7);
  --green-900:rgb(13.6, 78.8, 37.6);
  --green-1000:rgb(8.5, 49.25, 23.5);
  --yellow-50:rgb(253.95, 251.2, 242.65);
  --yellow-100:rgb(249.96, 236.76, 195.72);
  --yellow-200:rgb(245.97, 222.32, 148.79);
  --yellow-300:rgb(241.98, 207.88, 101.86);
  --yellow-400:rgb(237.99, 193.44, 54.93);
  --yellow-500:#eab308;
  --yellow-600:rgb(198.9, 152.15, 6.8);
  --yellow-700:rgb(163.8, 125.3, 5.6);
  --yellow-800:rgb(128.7, 98.45, 4.4);
  --yellow-900:rgb(93.6, 71.6, 3.2);
  --yellow-1000:rgb(58.5, 44.75, 2);
  --cyan-50:rgb(242.55, 251.35, 252.85);
  --cyan-100:rgb(195.24, 237.48, 244.68);
  --cyan-200:rgb(147.93, 223.61, 236.51);
  --cyan-300:rgb(100.62, 209.74, 228.34);
  --cyan-400:rgb(53.31, 195.87, 220.17);
  --cyan-500:#06b6d4;
  --cyan-600:rgb(5.1, 154.7, 180.2);
  --cyan-700:rgb(4.2, 127.4, 148.4);
  --cyan-800:rgb(3.3, 100.1, 116.6);
  --cyan-900:rgb(2.4, 72.8, 84.8);
  --cyan-1000:rgb(1.5, 45.5, 53);
  --pink-50:rgb(254.05, 245.85, 249.9);
  --pink-100:rgb(250.44, 211.08, 230.52);
  --pink-200:rgb(246.83, 176.31, 211.14);
  --pink-300:rgb(243.22, 141.54, 191.76);
  --pink-400:rgb(239.61, 106.77, 172.38);
  --pink-500:#ec4899;
  --pink-600:rgb(200.6, 61.2, 130.05);
  --pink-700:rgb(165.2, 50.4, 107.1);
  --pink-800:rgb(129.8, 39.6, 84.15);
  --pink-900:rgb(94.4, 28.8, 61.2);
  --pink-1000:rgb(59, 18, 38.25);
  --indigo-50:rgb(247.2, 247.35, 254.3);
  --indigo-100:rgb(217.56, 218.28, 251.64);
  --indigo-200:rgb(187.92, 189.21, 248.98);
  --indigo-300:rgb(158.28, 160.14, 246.32);
  --indigo-400:rgb(128.64, 131.07, 243.66);
  --indigo-500:#6366f1;
  --indigo-600:rgb(84.15, 86.7, 204.85);
  --indigo-700:rgb(69.3, 71.4, 168.7);
  --indigo-800:rgb(54.45, 56.1, 132.55);
  --indigo-900:rgb(39.6, 40.8, 96.4);
  --indigo-1000:rgb(24.75, 25.5, 60.25);
  --teal-50:rgb(243.25, 251.45, 250.55);
  --teal-100:rgb(198.6, 237.96, 233.64);
  --teal-200:rgb(153.95, 224.47, 216.73);
  --teal-300:rgb(109.3, 210.98, 199.82);
  --teal-400:rgb(64.65, 197.49, 182.91);
  --teal-500:#14b8a6;
  --teal-600:rgb(17, 156.4, 141.1);
  --teal-700:rgb(14, 128.8, 116.2);
  --teal-800:rgb(11, 101.2, 91.3);
  --teal-900:rgb(8, 73.6, 66.4);
  --teal-1000:rgb(5, 46, 41.5);
  --orange-50:rgb(254.7, 248, 243.35);
  --orange-100:rgb(253.56, 221.4, 199.08);
  --orange-200:rgb(252.42, 194.8, 154.81);
  --orange-300:rgb(251.28, 168.2, 110.54);
  --orange-400:rgb(250.14, 141.6, 66.27);
  --orange-500:#f97316;
  --orange-600:rgb(211.65, 97.75, 18.7);
  --orange-700:rgb(174.3, 80.5, 15.4);
  --orange-800:rgb(136.95, 63.25, 12.1);
  --orange-900:rgb(99.6, 46, 8.8);
  --orange-1000:rgb(62.25, 28.75, 5.5);
  --bluegray-50:rgb(247.25, 248.05, 249.2);
  --bluegray-100:rgb(217.8, 221.64, 227.16);
  --bluegray-200:rgb(188.35, 195.23, 205.12);
  --bluegray-300:rgb(158.9, 168.82, 183.08);
  --bluegray-400:rgb(129.45, 142.41, 161.04);
  --bluegray-500:#64748b;
  --bluegray-600:rgb(85, 98.6, 118.15);
  --bluegray-700:rgb(70, 81.2, 97.3);
  --bluegray-800:rgb(55, 63.8, 76.45);
  --bluegray-900:rgb(40, 46.4, 55.6);
  --bluegray-1000:rgb(25, 29, 34.75);
  --purple-50:rgb(250.65, 246.5, 254.6);
  --purple-100:rgb(234.12, 214.2, 253.08);
  --purple-200:rgb(217.59, 181.9, 251.56);
  --purple-300:rgb(201.06, 149.6, 250.04);
  --purple-400:rgb(184.53, 117.3, 248.52);
  --purple-500:#a855f7;
  --purple-600:rgb(142.8, 72.25, 209.95);
  --purple-700:rgb(117.6, 59.5, 172.9);
  --purple-800:rgb(92.4, 46.75, 135.85);
  --purple-900:rgb(67.2, 34, 98.8);
  --purple-1000:rgb(42, 21.25, 61.75);
  --red-50:rgb(255, 245.3, 244.75);
  --red-100:rgb(255, 208.44, 205.8);
  --red-200:rgb(255, 171.58, 166.85);
  --red-300:rgb(255, 134.72, 127.9);
  --red-400:rgb(255, 97.86, 88.95);
  --red-500:#ff3d32;
  --red-600:rgb(216.75, 51.85, 42.5);
  --red-700:rgb(178.5, 42.7, 35);
  --red-800:rgb(140.25, 33.55, 27.5);
  --red-900:rgb(102, 24.4, 20);
  --red-1000:rgb(63.75, 15.25, 12.5);
  --primary-50:rgb(252.45, 243.15, 243.35);
  --primary-100:rgb(242.76, 198.12, 199.08);
  --primary-200:rgb(233.07, 153.09, 154.81);
  --primary-300:rgb(223.38, 108.06, 110.54);
  --primary-400:rgb(213.69, 63.03, 66.27);
  --primary-500:#cc1216;
  --primary-600:rgb(173.4, 15.3, 18.7);
  --primary-700:rgb(142.8, 12.6, 15.4);
  --primary-800:rgb(112.2, 9.9, 12.1);
  --primary-900:rgb(81.6, 7.2, 8.8);
  --primary-1000:rgb(51, 4.5, 5.5);
  --primary-text-50:white;
  --primary-text-100:white;
  --primary-text-200:white;
  --primary-text-300:white;
  --primary-text-400:white;
  --primary-text-500:white;
  --primary-text-600:rgb(216.75, 216.75, 216.75);
  --primary-text-700:rgb(178.5, 178.5, 178.5);
  --primary-text-800:rgb(140.25, 140.25, 140.25);
  --primary-text-900:#666666;
  --primary-text-1000:rgb(63.75, 63.75, 63.75);
}

@font-face {
  font-family: "Bahnschrift";
  src: url("../../public/fonts/bahnschrift.ttf") format("truetype-variations");
  font-weight: 300 700;
  font-style: normal;
}
.avatar {
  --size: 3rem;
  --bg: #f1f1f1;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.avatar .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar .avatar-text {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2rem;
  font-weight: 500;
  background-color: var(--bg);
  color: #333;
  line-height: 1;
  isolation: isolate;
  position: relative;
}
.avatar .avatar-text::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.15;
}

.btn,
a.btn,
button.btn,
input.btn {
  --bg: #fff;
  --bg-hover: #e7e7e7;
  --color:#000;
  --border-radius: .5rem;
  --font-size: 1rem;
  --size: 3rem;
  padding: 0.55rem 1.5rem;
  height: var(--size);
  color: var(--color);
  border: 0;
  font-size: var(--font-size);
  font-weight: 500;
  justify-self: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.4;
  cursor: pointer;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.btn::before,
a.btn::before,
button.btn::before,
input.btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--bg);
  border-color: var(--bg-hover);
  z-index: -1;
  -webkit-transition: background-color 0.08s linear;
  transition: background-color 0.08s linear;
}
.btn > i,
a.btn > i,
button.btn > i,
input.btn > i {
  font-size: 1.5em;
}
.btn:hover::before,
a.btn:hover::before,
button.btn:hover::before,
input.btn:hover::before {
  background: var(--bg-hover);
}
.btn.btn-r,
a.btn.btn-r,
button.btn.btn-r,
input.btn.btn-r {
  border-radius: var(--border-radius);
}
.btn.btn-i,
a.btn.btn-i,
button.btn.btn-i,
input.btn.btn-i {
  width: var(--size);
  padding: 0;
}
.btn.btn-success,
a.btn.btn-success,
button.btn.btn-success,
input.btn.btn-success {
  --bg: #02b491;
  --bg-hover: #02a887;
  --color: #fff;
}
.btn.btn-info,
a.btn.btn-info,
button.btn.btn-info,
input.btn.btn-info {
  --bg: #539bd5;
  --bg-hover: #4693d2;
  --color:#fff;
}
.btn.btn-danger,
a.btn.btn-danger,
button.btn.btn-danger,
input.btn.btn-danger {
  --bg: #e15f5f;
  --bg-hover: #cc5656;
  --color: #fff;
}
.btn.btn-warning,
a.btn.btn-warning,
button.btn.btn-warning,
input.btn.btn-warning {
  --bg: #fede8f;
  --bg-hover: #f0d286;
}
.btn.btn-light,
a.btn.btn-light,
button.btn.btn-light,
input.btn.btn-light {
  --bg: #e8e7e7;
  --bg-hover: #d6d6d6;
}
.btn.btn-dark,
a.btn.btn-dark,
button.btn.btn-dark,
input.btn.btn-dark {
  --bg: #333333;
  --bg-hover: #424242;
  --color:#fff;
}
.btn.btn-border,
a.btn.btn-border,
button.btn.btn-border,
input.btn.btn-border {
  border: 1px solid var(--bg);
}
.btn.btn-outline,
a.btn.btn-outline,
button.btn.btn-outline,
input.btn.btn-outline {
  color: var(--bg) !important;
  border: 1px solid var(--bg);
}
.btn.btn-outline::before,
a.btn.btn-outline::before,
button.btn.btn-outline::before,
input.btn.btn-outline::before {
  opacity: 0;
}
.btn.btn-outline:hover::before,
a.btn.btn-outline:hover::before,
button.btn.btn-outline:hover::before,
input.btn.btn-outline:hover::before {
  opacity: 0.15;
}
.btn[disabled],
a.btn[disabled],
button.btn[disabled],
input.btn[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select option[value=""] {
  color: rgba(0, 0, 0, 0.5);
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /*overflow: hidden;*/
}
.form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.form .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.form section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.form section > h4 {
  background: #e8e8e8;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  font-weight: 600;
}
.form .input-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form .input-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  grid-template-rows: auto 1fr;
}
.form .input-group label {
  display: grid;
}
.form .input-group label > span:first-child {
  color: #a7a7a7;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  display: block;
  white-space: nowrap;
}
.form .input-group label input, .form .input-group label textarea {
  width: 100%;
  color: #3f3f3f;
}
.form .input-group .input-group-error {
  display: none;
  font-size: x-small;
  padding-left: 1rem;
  padding-top: 0.4rem;
  color: red;
}
.form .input-group .input-group-desc {
  font-size: x-small;
  padding-left: 1rem;
  padding-top: 0.4rem;
  color: gray;
}
.form .switch-group .switch-input-root {
  color: #a7a7a7;
  font-weight: 600;
  padding: 0.6rem 1rem;
  border: 1px solid #e8e8e8;
  border-radius: 0.4rem;
}

.dataTables_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border-radius: 0.5rem;
}
.dataTables_wrapper table {
  border-bottom: 0 !important;
  width: 100% !important;
}
.dataTables_wrapper table thead tr {
  background-color: #cf2025;
  color: #fff;
}
.dataTables_wrapper table thead tr th {
  font-size: 0.8rem;
  font-weight: 300;
  padding: 0.6rem 1.5rem;
  text-align: left;
  border-bottom: 0 !important;
}
.dataTables_wrapper table tbody tr {
  background: none;
}
.dataTables_wrapper table tbody tr td {
  font-size: 0.9rem;
  padding: 1.2rem 1.5rem;
  text-align: left;
  border: 0 !important;
}
.dataTables_wrapper table tbody tr.odd {
  background-color: #fff !important;
}
.dataTables_wrapper table tbody tr.odd:hover {
  background-color: #fcfcfc !important;
}
.dataTables_wrapper table tbody tr.even {
  background-color: #f8f8f8 !important;
}
.dataTables_wrapper table tbody tr.even:hover {
  background-color: #ededed !important;
}
.dataTables_wrapper .dataTables_empty {
  text-align: center !important;
  padding: 1rem !important;
}
.dataTables_wrapper .dataTables_paginate {
  float: left;
  margin: 1.25rem 0 0 0;
}
.dataTables_wrapper .dataTables_paginate > a {
  display: none !important;
}
.dataTables_wrapper .dataTables_paginate > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button {
  padding: 0 !important;
  border: 0 !important;
  min-width: unset !important;
  background-color: #e7e7e7;
  font-weight: 600;
  font-size: 0.8rem;
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current {
  background: var(--primary-500) !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate > span .paginate_button.current:hover {
  background: var(--primary-300) !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_scroll {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead table {
  width: 100% !important;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  border-bottom: 0 !important;
  border-radius: 0 0 0.5rem 0.5rem;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table {
  width: 100% !important;
}
.dataTables_wrapper .dataTables_info {
  font-size: 0.95rem;
  font-weight: 500;
  margin: 0;
  padding: 1.25rem 1.4rem;
}

.select2-container {
  width: unset !important;
}
.select2-container .select2-selection {
  height: 3rem !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 0.4rem !important;
  outline: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select2-container .select2-selection .select2-selection__rendered {
  color: #000 !important;
  line-height: 1;
}
.select2-container .select2-selection .select2-selection__arrow {
  height: inherit !important;
}
.select2-container .select2-dropdown {
  border: 1px solid #e8e8e8 !important;
  border-radius: 0 0 0.4rem 0.4rem !important;
  border-top: 0 !important;
  -webkit-box-shadow: 0 1rem 2.5rem -0.7rem rgba(254, 0, 0, 0.2901960784);
          box-shadow: 0 1rem 2.5rem -0.7rem rgba(254, 0, 0, 0.2901960784);
  z-index: 1061 !important;
}
.select2-container .select2-dropdown .select2-search__field {
  border: 1px solid #e8e8e8 !important;
  border-radius: 0.4rem !important;
}
.select2-container .select2-results .select2-results__options .select2-results__option {
  outline: none !important;
}
.select2-container .select2-results .select2-results__options .select2-results__option--highlighted {
  background-color: #f7f7f7;
  color: #000;
}
.select2-container .select2-results .select2-results__options .select2-results__option--selected {
  background-color: var(--primary-500);
  color: #fff;
}
.select2-container.select2-container--open .select2-selection {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.swiper {
  margin-inline: unset;
}
.swiper [class^=swiper-button-] {
  font-size: 1.3rem;
  width: 1rem;
  color: #3f3f3f;
  isolation: isolate;
}
.swiper [class^=swiper-button-]::after {
  font-size: unset;
}
.swiper [class^=swiper-button-].swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: none !important;
}
.swiper .swiper-button-prev {
  left: 0 !important;
}
.swiper .swiper-button-prev::after {
  content: "\f0141";
  font-family: "Material Design Icons";
}
.swiper .swiper-button-next {
  right: 0 !important;
}
.swiper .swiper-button-next::after {
  content: "\f0142";
  font-family: "Material Design Icons";
}
.swiper .swiper-button-disabled {
  opacity: 0 !important;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pagination > a {
  background-color: #e7e7e7;
  font-weight: 600;
  font-size: 0.8rem;
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
}
.pagination > a:hover, .pagination > a[data-current=true] {
  background: var(--primary-300);
  color: #fff;
}
.pagination > a[data-current=true] {
  background: var(--primary-500);
  color: #fff;
}

.swal2-container .swal2-popup.swal-scale-up {
  -webkit-animation: swal-scale-up 0.3s linear forwards;
          animation: swal-scale-up 0.3s linear forwards;
}
.swal2-container .swal2-popup.swal-scale-down {
  -webkit-animation: swal-scale-down 0.15s linear forwards;
          animation: swal-scale-down 0.15s linear forwards;
}
@-webkit-keyframes swal-scale-up {
  from {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes swal-scale-up {
  from {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes swal-scale-down {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0;
  }
}
@keyframes swal-scale-down {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0;
  }
}
.swal2-container .swal-siparis-fatura-olustur .fatura-olustur-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.swal2-container .swal-siparis-fatura-olustur .fatura-olustur-form label {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.swal2-container .swal-siparis-fatura-olustur .fatura-olustur-form label textarea {
  height: 4rem;
}
.swal2-container .swal-siparis-parcala {
  width: 800px;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding-inline: 2rem;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form > span {
  padding: 0.25rem 0.75rem;
  background: red;
  color: #fff;
  border-radius: 4rem;
  text-align: center;
  font-weight: 500;
  font-size: 0.95rem;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form > span i {
  font-size: 1.4em;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form table tr {
  border: 1px solid #fff;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form table tr th {
  padding: 0.5rem;
  font-weight: 500;
  opacity: 0.75;
  font-size: 0.9rem;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form table tr td {
  background: #f7f7f7;
  padding: 1rem;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form table tr td label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.95rem;
  font-weight: 500;
  border: 1px solid #f2f3f3;
  border-radius: 5px;
  text-align: left;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form table tr td label input {
  border-radius: 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.swal2-container .swal-siparis-parcala .siparisi-parcala-form table tr td input[type=number] {
  width: 3.5rem;
  height: 3rem;
  padding: 0;
  text-align: center;
}
.swal2-container .swal-siparis-duzenle {
  width: 800px;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding-inline: 2rem;
  max-height: 60vh;
  overflow-y: auto;
  min-height: 25vh;
  isolation: isolate;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  isolation: isolate;
  position: relative;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle::before {
  content: "\f0772";
  font-family: "Material Design Icons";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
  color: red;
  font-size: 1rem;
  display: inline-block;
  -webkit-animation: siparisi-duzenle-urun-ekle-loading 0.5s linear infinite;
          animation: siparisi-duzenle-urun-ekle-loading 0.5s linear infinite;
  z-index: 99;
  opacity: 0;
  -webkit-transition: opacity 0.18s;
  transition: opacity 0.18s;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle .choices {
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle .choices .choices__inner {
  min-height: 3rem;
  height: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle .choices .choices__inner > .choices__list {
  height: unset !important;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle .choices .choices__inner .choices__item {
  line-height: 1;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle .choices .choices__list--dropdown .choices__list {
  max-height: 15rem;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle .choices .choices__list--dropdown .choices__list .choices__item {
  line-height: 1;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle .btn {
  min-height: 3rem;
  height: unset !important;
  padding: 0 1rem;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle[data-loading=true]::before {
  opacity: 1;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle[data-loading=true] .choices {
  opacity: 0.3;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form .siparisi-duzenle-urun-ekle[data-loading=true] > button {
  opacity: 0.3;
}
@-webkit-keyframes siparisi-duzenle-urun-ekle-loading {
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes siparisi-duzenle-urun-ekle-loading {
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table {
  z-index: -1;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table thead th {
  padding: 0.5rem;
  font-weight: 500;
  opacity: 0.75;
  font-size: 0.9rem;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr {
  border-bottom: 1px solid #fff;
  background: #f7f7f7;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td {
  padding: 1rem;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(1) label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.15rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(1) label > div {
  font-size: 0.95rem;
  font-weight: 500;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(1) label > div sub {
  vertical-align: baseline;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(1) label > div > ul {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 0.5rem;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(1) label > div > ul h6 {
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(1) label > div > ul li {
  font-size: 0.9rem;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(1) label > div > ul li span {
  font-size: 0.9em;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(2) > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f2f3f3;
  border-radius: 0.4rem;
  overflow: hidden;
  padding: 1px;
  gap: 1px;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(2) > div input {
  width: 3.5rem;
  height: 3rem;
  padding: 0;
  text-align: center;
  -moz-appearance: revert;
  border: 0;
  border-radius: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(2) > div input[data-changed=true] {
  background: rgba(255, 0, 0, 0.22);
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(2) > div button {
  height: 3rem;
  border: 0;
  background: #fff;
  width: 1.75rem;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(2) > div button:hover {
  background: #f2f3f3;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(3) {
  padding-left: 0;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr td:nth-child(3) button {
  width: 2rem;
  height: 2rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(225, 95, 95, 0.49);
  color: #e15f5f;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr[data-silinecek=true] {
  background: rgba(255, 0, 0, 0.09);
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr[data-silinecek=true] td:nth-child(1) label::before {
  content: "SİLİNECEK";
  background: red;
  color: #fff;
  border-radius: 2px;
  padding: 2px 3px;
  font-size: 0.7rem;
  font-weight: 500;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr[data-silinecek=true] td:nth-child(2) {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr[data-silinecek=true] td:nth-child(3) button i::before {
  content: "\f0e1e";
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr[data-adeti-degisecek=true] {
  background: rgba(0, 147, 0, 0.09);
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr[data-adeti-degisecek=true] td:nth-child(1) label::before {
  content: "GÜNCELLENECEK";
  background: green;
  color: #fff;
  border-radius: 2px;
  padding: 2px 3px;
  font-size: 0.7rem;
  font-weight: 500;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr[data-eklenecek-urun-id] {
  background: rgba(0, 0, 255, 0.09);
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form table tbody tr[data-eklenecek-urun-id] td:nth-child(1) label::before {
  content: "EKLENECEK";
  background: blue;
  color: #fff;
  border-radius: 2px;
  padding: 2px 3px;
  font-size: 0.7rem;
  font-weight: 500;
}
.swal2-container .swal-siparis-duzenle .siparisi-duzenle-form > textarea {
  display: none;
}
.swal2-container .swal-odeme-bildir {
  width: 420px;
}
.swal2-container .swal-odeme-bildir .swal2-html-container {
  overflow: hidden;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  text-align: left;
  margin-top: 1rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri h6 {
  font-size: 1rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 1rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri h6 span {
  font-size: 0.8rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri h6 span i {
  font-size: 1.2em;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul li > input {
  display: none;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul li input:checked + label {
  border-color: #57745e;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  border: 1px solid #e8e8e8;
  padding: 0.25rem;
  border-radius: 0.75rem;
  -webkit-transition: border-color 0.08s linear;
  transition: border-color 0.08s linear;
  cursor: pointer;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul li label > img {
  width: 8rem;
  aspect-ratio: 4/3;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0.5rem;
  border: 1px solid #f4f4f4;
  border-radius: 0.5rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul li label > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul li label > div h5 {
  font-size: 1rem;
  font-weight: 600;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul li label > div p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.9rem;
  font-weight: 600;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form .odeme-bildir-hesap-bilgileri ul li label > div p b {
  color: #bfbfbf;
  font-size: 0.9rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form > label {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form > label > span:first-child {
  font-size: 1rem;
  padding-left: 1rem;
  font-weight: 500;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form > label .choices .choices__list--dropdown .choices__list {
  max-height: 15rem;
}
.swal2-container .swal-odeme-bildir .odeme-bildir-form > label textarea {
  height: 4rem;
}
.swal2-container .swal-depo-olustur .swal-depo-form {
  text-align: left;
}
.swal2-container .swal-depo-olustur .swal-depo-form .col {
  gap: 1rem;
}
.swal2-container .swal-depo-olustur .swal-depo-form .input-group label > span {
  color: rgba(84, 84, 84, 0.75);
}
.swal2-container .swal-depo-olustur .swal-depo-form .switch-group .switch-input-root {
  color: rgba(84, 84, 84, 0.75);
}
.swal2-container .swal-depo-sil .swal2-html-container {
  overflow: visible;
  z-index: 2;
}
.swal2-container .swal-depo-sil .swal-depo-form {
  text-align: left;
}
.swal2-container .swal-depo-sil .swal-depo-form > h5 {
  text-align: center;
  color: red;
  width: 100%;
  font-weight: 400;
}
.swal2-container .swal-depo-giris-fisi {
  width: 800px;
}
.swal2-container .swal-odeme-neden-hata-aliyorum {
  width: 720px;
}
.swal2-container .swal-odeme-neden-hata-aliyorum .swal2-html-container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.swal2-container .swal-odeme-neden-hata-aliyorum .swal2-html-container > div > span {
  font-weight: 500;
}
.swal2-container .swal-odeme-neden-hata-aliyorum .swal2-html-container > div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  text-align: justify;
  -moz-text-align-last: center;
       text-align-last: center;
  font-weight: 300;
}
.swal2-container .swal-odeme-neden-hata-aliyorum .swal2-html-container > div ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.swal2-container .swal-odeme-neden-hata-aliyorum .swal2-html-container > div ul li b {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.swal2-container .swal-il-bayi-listesi {
  width: 900px;
  padding: 0;
}
.swal2-container .swal-il-bayi-listesi .swal2-html-container {
  padding: 1.5rem;
}
.swal2-container .swal-il-bayi-listesi table {
  width: 100%;
  text-align: left;
  border: 1px solid #f1f1f1;
  border-collapse: collapse;
}
.swal2-container .swal-il-bayi-listesi table thead tr:first-child {
  text-align: center;
}
.swal2-container .swal-il-bayi-listesi table thead tr + tr {
  background-color: var(--primary-500);
  color: var(--primary-text-500);
}
.swal2-container .swal-il-bayi-listesi table thead tr + tr th {
  font-weight: 500;
  font-size: 0.9rem;
}
.swal2-container .swal-il-bayi-listesi table thead th {
  padding: 1rem;
}
.swal2-container .swal-il-bayi-listesi table thead th.bakiye-cell {
  text-align: right;
}
.swal2-container .swal-il-bayi-listesi table tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}
.swal2-container .swal-il-bayi-listesi table tbody td {
  padding: 1rem;
}
.swal2-container .swal-il-bayi-listesi table.il-bayi-listesi td.bakiye-cell {
  text-align: right;
}
.swal2-container .swal-depo-urun-sorgu-cevap .swal2-html-container table {
  border: 1px solid #f1f1f1;
  border-collapse: collapse;
  width: 100%;
}
.swal2-container .swal-depo-urun-sorgu-cevap .swal2-html-container table tr {
  border-bottom: 1px solid #f1f1f1;
}
.swal2-container .swal-depo-urun-sorgu-cevap .swal2-html-container table tr th, .swal2-container .swal-depo-urun-sorgu-cevap .swal2-html-container table tr td {
  padding: 1rem;
  text-align: left;
  font-size: 0.9rem;
  font-weight: 500;
}
.swal2-container .swal-depo-urun-sorgu-cevap .swal2-html-container table tr th:first-child, .swal2-container .swal-depo-urun-sorgu-cevap .swal2-html-container table tr td:first-child {
  width: 30%;
}
.swal2-container .swal-depo-urun-sorgu-cevap .swal2-html-container table tr th:last-child, .swal2-container .swal-depo-urun-sorgu-cevap .swal2-html-container table tr td:last-child {
  width: 70%;
}
.swal2-container .swal-depo-giris-fisi-olustur-seri-no-sorgula-cevap {
  width: 470px;
}
.swal2-container .swal-depo-giris-fisi-olustur-seri-no-sorgula-cevap .swal2-html-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.swal2-container .swal-depo-giris-fisi-olustur-seri-no-sorgula-cevap .swal2-html-container table {
  border: 1px solid #f1f1f1;
  border-collapse: collapse;
  width: 100%;
}
.swal2-container .swal-depo-giris-fisi-olustur-seri-no-sorgula-cevap .swal2-html-container table tr {
  border-bottom: 1px solid #f1f1f1;
}
.swal2-container .swal-depo-giris-fisi-olustur-seri-no-sorgula-cevap .swal2-html-container table tr th, .swal2-container .swal-depo-giris-fisi-olustur-seri-no-sorgula-cevap .swal2-html-container table tr td {
  padding: 1rem;
  text-align: left;
  font-size: 1rem;
  font-weight: 500;
}
.swal2-container .swal2-actions button.swal2-styled {
  height: 3rem !important;
  border-radius: 5px !important;
  padding: 0.55rem 1.5rem !important;
  font-size: 1.1rem !important;
  line-height: 1.4;
}

.switch {
  --w: 3rem;
  --h: 2rem;
  position: relative;
  isolation: isolate;
  width: var(--w);
  height: var(--h);
}
.switch::before {
  content: "";
  position: absolute;
  left: 0;
  width: calc(var(--w) / 2);
  height: calc(var(--h) / 0.9);
  background-color: #f4f4f4;
}

.dy-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--dy-gap, 0.5rem);
}
.dy-row .dy-col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 var(--dy-col-basis, 300px);
          flex: 1 1 var(--dy-col-basis, 300px);
  max-width: 100%;
}

.dy-alert {
  position: relative;
  padding: 1rem;
  border-radius: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  isolation: isolate;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: pre-line;
  gap: 0.55rem;
  background-color: var(--bg);
}
.dy-alert-success {
  --bg: #ceeadd;
  color: #fff;
}
.dy-alert-success > button {
  --bg: #b5d4c5;
}
.dy-alert-info {
  --bg: #def0f9;
}
.dy-alert-info > button {
  --bg:#addaf0;
}
.dy-alert-warning {
  --bg: #fff3cd;
}
.dy-alert-warning > button {
  --bg: #eedeaa;
  --bg-hover: #decf9e;
}
.dy-alert-error {
  --bg: #BD362Fcf;
  color: #fff;
}
.dy-alert-error > button {
  --bg:#b23e38;
}
.dy-alert > i {
  font-size: 1.5em;
}
.dy-alert::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid var(--bg);
  -webkit-filter: brightness(0.95);
          filter: brightness(0.95);
}
.dy-alert .dy-alert-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dy-alert > button {
  --font-size: .9rem;
  --size: unset;
  white-space: nowrap;
}

#toast-container {
  padding: 1rem;
}
#toast-container .toast {
  opacity: 1;
  background-color: rgba(3, 3, 3, 0.8117647059);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
#toast-container .toast.toast-success {
  background-color: rgba(81, 163, 81, 0.8117647059);
}
#toast-container .toast.toast-error {
  background-color: rgba(189, 54, 47, 0.8117647059);
}
#toast-container .toast.toast-info {
  background-color: rgba(47, 150, 180, 0.8117647059);
}
#toast-container .toast.toast-warning {
  background-color: rgba(248, 148, 6, 0.8117647059);
}
#toast-container .toast .toast-progress {
  opacity: 0.2;
}

[data-tippy-root] .tippy-box .tippy-content {
  font-size: 1rem;
}

input[type=checkbox]:not(.switch) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid #e8e8e8 !important;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
input[type=checkbox]:not(.switch)::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 1rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) translateX(-1px) translateY(-1px);
          transform: rotate(45deg) translateX(-1px) translateY(-1px);
}
input[type=checkbox]:not(.switch):checked {
  background: var(--primary-500);
}

.switch-input-root {
  --bg-off: #e8e8e8;
  --bg-on: var(--primary-500);
  --color-off: #bab8b8;
  --color-on: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.switch-input-root input {
  display: none !important;
}
.switch-input-root > span {
  --h: 1.75rem;
  --pad: 2px;
  background: var(--bg-off);
  width: calc(var(--h) * 2);
  height: var(--h);
  border-radius: calc(var(--h) / 2);
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.18s linear;
  transition: background-color 0.18s linear;
}
.switch-input-root > span::before {
  content: "";
  position: absolute;
  top: var(--pad);
  left: var(--pad);
  bottom: var(--pad);
  width: calc(var(--h) - var(--pad));
  background: var(--color-off);
  border-radius: calc(var(--h));
  -webkit-transition: background-color 0.05s linear 0.18s, -webkit-transform 0.18s linear;
  transition: background-color 0.05s linear 0.18s, -webkit-transform 0.18s linear;
  transition: background-color 0.05s linear 0.18s, transform 0.18s linear;
  transition: background-color 0.05s linear 0.18s, transform 0.18s linear, -webkit-transform 0.18s linear;
}
.switch-input-root input:checked + span {
  background: var(--bg-on);
}
.switch-input-root input:checked + span::before {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: var(--color-on);
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background: #f4f4f4;
}

::-webkit-scrollbar-thumb {
  background: var(--primary-500);
}

::-moz-selection {
  background: var(--primary-500);
  color: var(--primary-text-500);
}

::selection {
  background: var(--primary-500);
  color: var(--primary-text-500);
}

html {
  overflow-x: hidden;
  width: var(--100vw);
  height: var(--100vh);
  scroll-behavior: smooth;
  font-family: var(--font-family);
  font-size: var(--font-size);
  color: #3f3f3f;
}

i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100vw;
  overflow-x: clip;
  background: #fff;
  isolation: isolate;
}

body, body *, body *:before, body *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.islem-yapiliyor {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(139, 139, 139, 0.3019607843);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  isolation: isolate;
}
.islem-yapiliyor .islem-yapiliyor-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  border: 50rem solid #e6e6e6;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  border-radius: 100vmax;
  width: 100vmax;
  height: 100vmax;
  -webkit-animation: islem-yapiliyor-pulse 3s infinite ease-in-out;
          animation: islem-yapiliyor-pulse 3s infinite ease-in-out;
  -webkit-filter: blur(10vmin);
          filter: blur(10vmin);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.islem-yapiliyor > img {
  height: 4rem;
  will-change: transform;
  -webkit-animation: islem-yapiliyor-icon 1s linear infinite;
          animation: islem-yapiliyor-icon 1s linear infinite;
}
@-webkit-keyframes islem-yapiliyor-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes islem-yapiliyor-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes islem-yapiliyor-pulse {
  0%, 101% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    border-width: 50rem;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    opacity: 0; /* Hafif görünürlük */
  }
  70% {
    -webkit-transform: translate(-50%, -50%) scale(3);
            transform: translate(-50%, -50%) scale(3);
    border-width: 12rem;
    opacity: 0.8; /* Tam görünsün */
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(3);
            transform: translate(-50%, -50%) scale(3);
    opacity: 0;
    border-width: 12rem;
  }
}
@keyframes islem-yapiliyor-pulse {
  0%, 101% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    border-width: 50rem;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    opacity: 0; /* Hafif görünürlük */
  }
  70% {
    -webkit-transform: translate(-50%, -50%) scale(3);
            transform: translate(-50%, -50%) scale(3);
    border-width: 12rem;
    opacity: 0.8; /* Tam görünsün */
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(3);
            transform: translate(-50%, -50%) scale(3);
    opacity: 0;
    border-width: 12rem;
  }
}

#app {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  isolation: isolate;
  z-index: -1;
}

.yonetici-layout, .musteri-layout {
  --sidebar-width: 220px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  grid-template-areas: "sidebar header" "sidebar content";
  grid-template-columns: var(--sidebar-width) 1fr;
  grid-template-rows: auto 1fr;
  isolation: isolate;
  height: 100vh;
  overflow: hidden;
  max-height: 100vh;
}
.yonetici-layout .layout-sidebar, .musteri-layout .layout-sidebar {
  grid-area: sidebar;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 4;
  padding: 1rem 2rem 2rem;
}
.yonetici-layout .layout-sidebar .slogo, .musteri-layout .layout-sidebar .slogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.yonetici-layout .layout-sidebar .slogo img, .musteri-layout .layout-sidebar .slogo img {
  height: 100%;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.yonetici-layout .layout-sidebar .menu, .musteri-layout .layout-sidebar .menu {
  margin-top: 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  position: relative;
  isolation: isolate;
  overflow: hidden auto;
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(2rem, #000));
  -webkit-mask-image: linear-gradient(to top, transparent, #000 2rem);
          mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(2rem, #000));
          mask-image: linear-gradient(to top, transparent, #000 2rem);
}
.yonetici-layout .layout-sidebar .menu .divider, .musteri-layout .layout-sidebar .menu .divider {
  display: block;
  width: calc(50% - 2rem);
  height: 1px;
  background-color: #d1d1d1;
  margin: 0.5rem 0 0.5rem 1rem;
}
.yonetici-layout .layout-sidebar .menu .menu-item, .musteri-layout .layout-sidebar .menu .menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #e7e9e7;
}
.yonetici-layout .layout-sidebar .menu .menu-item > a, .musteri-layout .layout-sidebar .menu .menu-item > a {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 0.75rem 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  position: relative;
  -webkit-transition: background-color 0.18s linear;
  transition: background-color 0.18s linear;
}
.yonetici-layout .layout-sidebar .menu .menu-item > a::after, .musteri-layout .layout-sidebar .menu .menu-item > a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  display: block;
  width: 100%;
  border-bottom: 1px solid #e7e9e7;
}
.yonetici-layout .layout-sidebar .menu .menu-item > a > span, .musteri-layout .layout-sidebar .menu .menu-item > a > span {
  font-size: 1.2em;
}
.yonetici-layout .layout-sidebar .menu .menu-item > a i, .musteri-layout .layout-sidebar .menu .menu-item > a i {
  font-size: 1.9em;
  line-height: 0.5em;
}
.yonetici-layout .layout-sidebar .menu .menu-item > a:hover, .musteri-layout .layout-sidebar .menu .menu-item > a:hover {
  background-color: #000;
  color: #fff;
}
.yonetici-layout .layout-sidebar .menu .menu-item > a:hover::after, .musteri-layout .layout-sidebar .menu .menu-item > a:hover::after {
  content: none;
}
.yonetici-layout .layout-sidebar .menu .menu-item .submenu, .musteri-layout .layout-sidebar .menu .menu-item .submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem 0;
  gap: 0.4rem;
}
.yonetici-layout .layout-sidebar .menu .menu-item .submenu li, .musteri-layout .layout-sidebar .menu .menu-item .submenu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.yonetici-layout .layout-sidebar .menu .menu-item .submenu li a, .musteri-layout .layout-sidebar .menu .menu-item .submenu li a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.4rem 1rem 0.4rem 1.5rem;
  border-radius: 0.5rem;
  -webkit-transition: background-color 0.08s linear;
  transition: background-color 0.08s linear;
  background-color: #f5f5f5;
}
.yonetici-layout .layout-sidebar .menu .menu-item .submenu li a:hover, .musteri-layout .layout-sidebar .menu .menu-item .submenu li a:hover {
  background: #f0f0f0;
}
.yonetici-layout .layout-sidebar .menu .menu-item .submenu li[current] a, .musteri-layout .layout-sidebar .menu .menu-item .submenu li[current] a {
  background-color: #1c1c1c;
  color: #fff;
}
.yonetici-layout .layout-sidebar .menu .menu-item[current] > a, .musteri-layout .layout-sidebar .menu .menu-item[current] > a {
  background-color: #000;
  color: #fff;
}
.yonetici-layout .layout-sidebar .menu .menu-item[current] > a::after, .musteri-layout .layout-sidebar .menu .menu-item[current] > a::after {
  content: none;
}
.yonetici-layout .layout-sidebar .menu .menu-item[data-open=true] > a::after, .musteri-layout .layout-sidebar .menu .menu-item[data-open=true] > a::after {
  content: "" !important;
}
.yonetici-layout .layout-sidebar .menu .menu-item:last-child, .musteri-layout .layout-sidebar .menu .menu-item:last-child {
  border-bottom: none;
}
.yonetici-layout .layout-sidebar .menu .menu-item:last-child > a::after, .musteri-layout .layout-sidebar .menu .menu-item:last-child > a::after {
  content: none;
}
.yonetici-layout .layout-sidebar .footer, .musteri-layout .layout-sidebar .footer {
  padding: 1rem 2rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  text-align: center;
  font-size: 0.8rem;
}
.yonetici-layout .layout-sidebar .footer img, .musteri-layout .layout-sidebar .footer img {
  height: 3.5rem;
  margin-bottom: 1rem;
  -webkit-filter: saturate(0);
          filter: saturate(0);
  opacity: 0.5;
}
.yonetici-layout .layout-sidebar .footer p, .musteri-layout .layout-sidebar .footer p {
  font-size: 1.2em;
  font-weight: 400;
  color: #000;
}
.yonetici-layout .layout-content, .musteri-layout .layout-content {
  grid-area: content;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f2f2f2;
}

.public-layout {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  isolation: isolate;
}
.public-layout::before, .public-layout::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.public-layout::before {
  background: url("../img/body-bg-1.webp") top center/100% auto no-repeat;
}
.public-layout::after {
  background: url("../img/body-bg-2.webp") bottom center/100% auto no-repeat;
}

.header {
  grid-area: header;
  background-color: #fff;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
}
.header .hlogo {
  display: none;
  height: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .hlogo img {
  height: 100%;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .hara > form {
  width: 18rem;
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #f3f3f3;
  border-radius: 1.5rem;
  overflow: hidden;
  font-size: 1rem;
  -webkit-transition: border-color 0.08s linear;
  transition: border-color 0.08s linear;
}
.header .hara > form > i {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  font-size: 1.6em;
}
.header .hara > form > i::before {
  -webkit-transform: translate(0.1rem, 0);
          transform: translate(0.1rem, 0);
  display: block;
}
.header .hara > form input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
  min-width: 0;
  padding: 0 !important;
  height: unset !important;
  font-weight: 400;
}
.header .hara > form input::-webkit-input-placeholder {
  color: #9e9e9e;
  font-weight: 500;
}
.header .hara > form input::-moz-placeholder {
  color: #9e9e9e;
  font-weight: 500;
}
.header .hara > form input:-ms-input-placeholder {
  color: #9e9e9e;
  font-weight: 500;
}
.header .hara > form input::-ms-input-placeholder {
  color: #9e9e9e;
  font-weight: 500;
}
.header .hara > form input::placeholder {
  color: #9e9e9e;
  font-weight: 500;
}
.header .hara > form[data-focus=true] {
  border-color: rgba(255, 1, 0, 0.1490196078);
}
.header .hsag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .bildirimler {
  margin-right: 1rem;
}
.header .bildirimler > a {
  font-size: 2.1rem;
  position: relative;
}
.header .bildirimler > a[data-badge=true]::after {
  content: "";
  position: absolute;
  top: 0.2em;
  right: 0;
  width: 0.5em;
  height: 0.5em;
  background: #ff3b30;
  border: 2px solid #fff;
  border-radius: 50%;
}
.header .kullanici {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1.5rem;
}
.header .kullanici > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  font-size: 1rem;
  gap: 0.1rem;
}
.header .kullanici > div h4 {
  font-weight: 600;
}
.header .kullanici > div span {
  font-size: 0.9em;
}
.header .bayi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .bayi > img {
  height: 3rem;
}
.header .bayi > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  font-size: 0.8rem;
}
.header .bayi > div h4 {
  font-weight: 500;
}
.header .hsohbet > a {
  --bg: #509edb!important;
  --bg-hover: #4b94cc !important;
  --color:#fff!important;
  --border-radius: .4rem;
  height: 2.8rem !important;
  white-space: nowrap;
}
.header .hsohbet > a i {
  font-size: 1.5em;
}
.header .cikis {
  --bg: #ce1f25!important;
  --bg-hover: #d62026!important;
  --color:#fff!important;
  --border-radius: .4em;
  height: 2.8rem !important;
  white-space: nowrap;
}
.header .cikis i {
  font-size: 1.5em;
  display: none;
}
.header .divider {
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#e0e0e0), to(transparent));
  background: linear-gradient(to bottom, transparent, #e0e0e0, transparent);
  height: 3rem;
}
.header .mobil-butonlar {
  display: none;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .mobil-geri-buton {
  display: none;
  font-size: 2rem;
  height: 3rem;
  width: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1;
  border-radius: 5px;
}
.header .mobil-geri-buton:active {
  background: rgba(0, 0, 0, 0.02);
}
.header .mobil-yenile-buton {
  display: none;
  font-size: 2rem;
  height: 3rem;
  width: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1;
  border-radius: 5px;
}
.header .mobil-yenile-buton:active {
  background: rgba(0, 0, 0, 0.02);
}
.header .mobilmenu-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4rem;
  height: 3rem;
  width: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1;
  border-radius: 5px;
}
.header .mobilmenu-toggle:active {
  background: rgba(0, 0, 0, 0.02);
}

.mobilmenu {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}
.mobilmenu .mobilmenu-backdrop {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.mobilmenu .mobilmenu-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 80vw;
  background: #fff;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  overflow-y: auto;
  overflow-y: auto;
  -webkit-transition: 0.3s cubic-bezier(0, 0, 0.2, 1) 0.1s;
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1) 0.1s;
}
.mobilmenu .mobilmenu-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.mobilmenu .mobilmenu-container .mhead {
  display: grid;
  gap: 0.4rem;
  padding: 1.5rem;
  border-bottom: 1px solid #f9f9f9;
  background: #f9fafa;
}
.mobilmenu .mobilmenu-container .mhead .kullanici {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobilmenu .mobilmenu-container .mhead .kullanici .avatar {
  --bg:#f9e1e1;
  border: 1px solid #f9f9f9;
}
.mobilmenu .mobilmenu-container .mhead .kullanici > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  font-size: 1rem;
  gap: 0.1rem;
  text-align: center;
}
.mobilmenu .mobilmenu-container .mhead .kullanici > div h4 {
  font-weight: 600;
}
.mobilmenu .mobilmenu-container .mhead .bayi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.mobilmenu .mobilmenu-container .mhead .bayi > img {
  display: none;
}
.mobilmenu .mobilmenu-container .mhead .bayi > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  font-size: 0.8rem;
}
.mobilmenu .mobilmenu-container .mhead .bayi > div h4 {
  font-weight: 500;
}
.mobilmenu .mobilmenu-container .mmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  padding-inline: 1rem 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobilmenu .mobilmenu-container .mmenu > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1rem;
  font-weight: 500;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  border-radius: 5px;
  -webkit-transition: background-color 0.08s linear;
  transition: background-color 0.08s linear;
}
.mobilmenu .mobilmenu-container .mmenu > a i {
  width: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobilmenu .mobilmenu-container .mmenu > a[current] {
  background: -webkit-gradient(linear, left top, right top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to right, #f2f3f3, #f2f3f3 10%, transparent);
}
.mobilmenu .mobilmenu-container .mmenu .divider {
  display: block;
  width: calc(50% - 2rem);
  height: 1px;
  background-color: #d1d1d1;
  margin: 0.5rem 0 0.5rem 1rem;
}
.mobilmenu .mobilmenu-container .mmenu .cikis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0 1rem 1rem;
}
.mobilmenu .mobilmenu-container .mmenu .cikis .btn {
  --bg: #ce1f25!important;
  --bg-hover: #d62026!important;
  --color:#fff!important;
  --border-radius: 3em;
  height: 2.8rem !important;
  white-space: nowrap;
}
.mobilmenu .mobilmenu-container .mmenu .cikis .btn i {
  font-size: 1.5em;
}
.mobilmenu .mobilmenu-container .mmenu .cikis .btn i::before {
  line-height: 1.2;
  height: 1em;
}
.mobilmenu .mobilmenu-container .mfooter {
  padding: 1rem 2rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  text-align: center;
  font-size: 0.65rem;
}
.mobilmenu .mobilmenu-container .mfooter > img {
  height: 2rem;
  margin-bottom: 0.2rem;
}
.mobilmenu[data-open=false] {
  pointer-events: none;
  visibility: hidden;
}
.mobilmenu[data-open=false] .mobilmenu-backdrop {
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.mobilmenu[data-open=false] .mobilmenu-container {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.mobilfooter {
  padding: 1rem 2rem 2rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  text-align: center;
  font-size: 0.7rem;
}
.mobilfooter > img {
  height: 2rem;
  margin-bottom: 0.2rem;
}
.peyc {
  padding: 2rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc .peycb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-bottom: 1rem;
}
.peyc .peycb::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.4rem;
  border-radius: 0.2rem;
  background: var(--primary-500);
}
.peyc .peycb h1 {
  font-size: 1.4rem;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 140px;
          flex: 1 1 140px;
}
.peyc .peycb .peycb-sag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.peyc .peycb .eylemler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.peyc .peycb .eylemler .eylem-butonlar-grup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3rem;
}
.peyc .peycb .tarih-filtre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.peyc .peycb .tarih-filtre > span {
  -ms-flex-item-align: center;
      align-self: center;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin-right: 1rem;
}
.peyc .peycb .tarih-filtre > span i {
  font-size: 1.7em;
  height: 1.4em;
  line-height: 1.4;
}
.peyc .peycb .tarih-filtre > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.peyc .peycb .tarih-filtre label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9rem;
  position: relative;
  height: 3rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.peyc .peycb .tarih-filtre label input {
  border: 0;
  width: 200px;
  height: unset;
  background: #fff;
}
.peyc .peycb .tarih-filtre label input:focus + span, .peyc .peycb .tarih-filtre label input[data-filled=true] + span {
  opacity: 0;
}
.peyc .peycb .tarih-filtre label span {
  padding: 0.5rem 1rem;
  font-weight: 500;
  color: #3f3f3f;
  position: absolute;
  left: 0;
  top: 0;
  right: 2rem;
  bottom: 0;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc .peycb .ara-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9rem;
  height: 3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 0.5em;
  background-color: #fff;
}
.peyc .peycb .ara-input i {
  width: 1.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 1.1em;
  padding-left: 0.4rem;
}
.peyc .peycb .ara-input input {
  border: none;
  background: none;
  height: unset;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc .peycb .tahsilatlar-tarih-filtre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc .peycb .tahsilatlar-tarih-filtre > span {
  -ms-flex-item-align: center;
      align-self: center;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin-right: 1rem;
}
.peyc .peycb .tahsilatlar-tarih-filtre > span i {
  font-size: 1.7em;
  height: 1.4em;
  line-height: 1.4;
}
.peyc .peycb .tahsilatlar-tarih-filtre label {
  border: 1px solid #d5d5d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9rem;
  position: relative;
}
.peyc .peycb .tahsilatlar-tarih-filtre label input {
  border: 0;
  width: 200px;
  height: unset;
  background: #fff;
}
.peyc .peycb .tahsilatlar-tarih-filtre label input:focus + span, .peyc .peycb .tahsilatlar-tarih-filtre label input[data-filled=true] + span {
  opacity: 0;
}
.peyc .peycb .tahsilatlar-tarih-filtre label span {
  padding: 0.5rem 1rem;
  font-weight: 500;
  color: #3f3f3f;
  position: absolute;
  left: 0;
  top: 0;
  right: 2rem;
  bottom: 0;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc .peycc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /*overflow-y: auto;*/
}

.peyc-yonetici-giris {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-yonetici-giris .giris-form {
  background-color: #fff;
  display: grid;
  padding: 2em;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 0 100px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 0 100px;
  justify-items: center;
  font-size: 1.2em;
  gap: 2em;
  width: 400px;
  max-width: 100%;
  border-radius: 0.4rem;
}
.peyc-yonetici-giris .giris-form > h1 {
  text-align: center;
  font-size: 1.5em;
  font-weight: 300;
}
.peyc-yonetici-giris .giris-form > h1 img {
  height: 2em;
}
.peyc-yonetici-giris .giris-form form {
  display: grid;
  gap: 1em;
  width: 100%;
}
.peyc-yonetici-giris .giris-form form label {
  display: grid;
  gap: 0.3em;
}
.peyc-yonetici-giris .giris-form form label > span {
  color: #a7a7a7;
  font-size: 0.9rem;
  font-weight: 600;
  display: block;
  white-space: nowrap;
}
.peyc-yonetici-giris .giris-form form label input {
  width: 100% !important;
  height: 2.5em;
  padding: 0.5em;
}
.peyc-yonetici-giris .giris-form form label em {
  display: none;
  width: 100%;
  font-size: x-small;
  color: red;
  font-style: normal;
}
.peyc-yonetici-giris .giris-form form .btn {
  width: clamp(0%, 200px, 100%);
  height: unset;
}

.peyc-yonetici-baslangic {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.peyc-yonetici-baslangic .peycc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  padding: 2rem 3rem;
}
.peyc-yonetici-baslangic .peycc .hosgeldin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.2rem;
}
.peyc-yonetici-baslangic .peycc .hosgeldin h2 {
  font-weight: 200;
  font-size: 1.7rem;
}
.peyc-yonetici-baslangic .peycc .hosgeldin h2 b {
  font-weight: 600;
}
.peyc-yonetici-baslangic .peycc .hosgeldin p {
  font-size: 0.9rem;
}
.peyc-yonetici-baslangic .peycc .hosgeldin p b {
  font-weight: 600;
}
.peyc-yonetici-baslangic .peycc .ozet {
  display: grid;
  grid-template-columns: 2.5fr 1fr;
  gap: 1rem;
}
.peyc-yonetici-baslangic .peycc .ozet > section {
  display: grid;
  gap: 1rem;
}
.peyc-yonetici-baslangic .peycc .ozet .kisayollar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.peyc-yonetici-baslangic .peycc .ozet .kisayollar a {
  background: #f1f1f1;
  border-radius: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 120px;
          flex: 1 1 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 1rem;
  -webkit-transition: background-color 0.08s linear;
  transition: background-color 0.08s linear;
}
.peyc-yonetici-baslangic .peycc .ozet .kisayollar a i {
  font-size: 3.5rem;
  color: var(--primary-500);
  line-height: 1;
}
.peyc-yonetici-baslangic .peycc .ozet .kisayollar a > div {
  font-weight: 600;
  color: #353535;
}
.peyc-yonetici-baslangic .peycc .ozet .kisayollar a > div span {
  font-weight: 300;
}
.peyc-yonetici-baslangic .peycc .ozet .kisayollar a:hover {
  background-color: #ededed;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-grid li {
  border: 1px solid #f1f1f1;
  border-radius: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 120px;
          flex: 1 1 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 1rem;
  -webkit-transition: background-color 0.08s linear;
  transition: background-color 0.08s linear;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-grid li i {
  font-size: 3.5rem;
  color: #636363;
  line-height: 1;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-grid li > p b {
  font-weight: 600;
  font-size: 1.2em;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-grid li:hover {
  border-color: #f1f1f1;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-list {
  border: 1px solid #f1f1f1;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 1rem;
  border-bottom: 1px solid #f1f1f1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-list li:last-child {
  border-bottom: 0;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-list li h4 {
  font-weight: 500;
}
.peyc-yonetici-baslangic .peycc .ozet .istatistik-list li span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  font-weight: 500;
  white-space: nowrap;
}
.peyc-yonetici-baslangic .peycc .siparisler {
  background-color: #fff;
  padding-bottom: 1rem;
  border-radius: 0.5rem;
}
.peyc-yonetici-baslangic .peycc .siparisler .siparisler-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 1.2rem 1.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-yonetici-baslangic .peycc .siparisler .siparisler-head h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.2rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.peyc-yonetici-baslangic .peycc .siparisler .siparisler-head h2 i {
  color: var(--primary-500);
  font-size: 1.4em;
}
.peyc-yonetici-baslangic .peycc .siparisler .siparisler-head {
  /*label {
      display: flex; align-items: center; font-size: .9rem; gap: .5rem; line-height: 1.2;
  }*/
}
.peyc-yonetici-baslangic .peycc .siparisler #siparisler_wrapper, .peyc-yonetici-baslangic .peycc .siparisler #siparisler-mobil_wrapper {
  border-radius: 0;
}
.peyc-yonetici-baslangic .peycc .siparisler #siparisler_wrapper .dataTables_paginate, .peyc-yonetici-baslangic .peycc .siparisler #siparisler-mobil_wrapper .dataTables_paginate {
  margin: 1.2rem 1.4rem;
}
.peyc-yonetici-baslangic .hareketler {
  width: 360px;
  background: #fff;
  margin-top: 2px;
}
.peyc-yonetici-baslangic .hareketler .hareketler-baslik {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.4rem;
  border-bottom: 1px solid #f1f1f1;
}
.peyc-yonetici-baslangic .hareketler .hareketler-baslik h2 {
  font-weight: 400;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #585757;
}
.peyc-yonetici-baslangic .hareketler .hareketler-baslik h2 i {
  font-size: 1.2em;
  color: #a2a2a2;
}
.peyc-yonetici-baslangic .hareketler .hareketler-baslik a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3rem;
  font-size: 1rem;
  font-weight: 500;
  color: #585757;
}
.peyc-yonetici-baslangic .hareketler .hareketler-baslik a i {
  font-size: 2.4em;
  color: #a2a2a2;
  line-height: 0.5;
  width: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-yonetici-baslangic .hareketler > ul {
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.peyc-yonetici-baslangic .hareketler > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  border: 1px solid #e2e2e2;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.peyc-yonetici-baslangic .hareketler > ul li h4 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.peyc-yonetici-baslangic .hareketler > ul li h4 i {
  font-size: 1.4em;
  color: var(--primary-500);
  line-height: 1;
  vertical-align: middle;
}
.peyc-yonetici-baslangic .hareketler > ul li > span {
  font-size: 1rem;
  color: #a2a2a2;
}

.peyc-yonetici-musteri-detay .peycb .musteri-kayit-tarihi {
  font-size: 1rem;
  -ms-flex-item-align: center;
      align-self: center;
}
.peyc-yonetici-musteri-detay .peycc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem 1.5rem;
  background: #fff;
  border-radius: 0.75rem;
  gap: 1rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist > span {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.5rem;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 300;
  line-height: 1;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist p {
  font-size: 1.3rem;
  line-height: 1;
  display: grid;
  gap: 0.5rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist p span {
  font-size: 0.85rem;
  opacity: 0.75;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist p b {
  font-weight: 500;
  line-height: 1.2;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist-sol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist-bakiye {
  padding-left: 1rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist-basl-bakiye {
  border-radius: 0.4rem;
  padding: 1rem 1.25rem;
  background: rgba(255, 255, 255, 0.5607843137);
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist-basl-bakiye p {
  font-size: 1rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist-sag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist-sag .bayi-ist {
  border-radius: 0.4rem;
  padding: 1rem 1.25rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-istatistikler .bayi-ist-sag .bayi-ist p {
  font-size: 1rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs {
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.4rem;
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  text-align: center;
  font-size: 1rem;
  white-space: nowrap;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs .swiper-slide:hover {
  background: #fff;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs .swiper-slide[data-current=true] {
  background: #606161;
  color: #fff;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs [class^=swiper-button-]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs .swiper-button-prev::before {
  right: -1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to right, #f2f3f3, #f2f3f3 10%, transparent);
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs .swiper-button-next::before {
  left: -1.25rem;
  background: -webkit-gradient(linear, right top, left top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to left, #f2f3f3, #f2f3f3 10%, transparent);
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs .bayi-ekstre {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  text-align: center;
  font-size: 1rem;
  white-space: nowrap;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  background-color: #5555d9;
  color: #fff;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs .bayi-ekstre i {
  font-size: 1.2em;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-tabs .bayi-ekstre:hover {
  background-color: rgb(64.1586538462, 64.1586538462, 212.3413461538);
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-animation: fade-in 0.3s linear;
          animation: fade-in 0.3s linear;
  background: #fff;
  border-radius: 0.5rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content .peycb {
  padding: 1.2rem 1.4rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content .peycb::after {
  content: none;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content .peycb .tarih-filtre label, .peyc-yonetici-musteri-detay .peycc .bayi-detay-content .peycb .ara-input {
  border: 1px solid #d5d5d5;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content .peycb .btn {
  --bg: #f1f1f1;
  --bg-hover: #ededed;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content .dataTables_wrapper {
  border-radius: 0;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content .dataTables_wrapper .dataTables_info {
  display: block !important;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table thead tr th {
  text-align: left;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table thead tr th.tutar-cell {
  text-align: right;
  padding-right: 2rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table thead tr th.durum-cell {
  width: 0;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr {
  cursor: pointer;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr td {
  text-align: left;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr td.tutar-cell {
  text-align: right;
  padding-right: 2rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr td.durum-cell {
  text-align: center;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr td.durum-cell i {
  font-size: 1.5rem;
  line-height: 1;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr td.durum-cell i.mdi-clock {
  color: #ff7f00;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr td.durum-cell i.mdi-check-circle {
  color: green;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr td.durum-cell i.mdi-close-circle {
  color: orange;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-odemeler table tbody tr td.dataTables_empty {
  text-align: center;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;
  padding: 1.5rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler .dy-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler section > h4 {
  background: #dedddd;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  font-weight: 600;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler section > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler section > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0.75rem 1rem;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler section > ul > li:nth-child(even) {
  background: #f1f1f1;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler section > ul > li > h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 120px;
          flex: 1 1 120px;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler section > ul > li > span {
  margin-right: 0.5rem;
  font-weight: bold;
}
.peyc-yonetici-musteri-detay .peycc .bayi-detay-content-bilgiler section > ul > li > p {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 240px;
          flex: 1 1 240px;
}

.peyc-yonetici-bayi-ekstre-old {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 5rem !important;
  color: #000 !important;
}
.peyc-yonetici-bayi-ekstre-old * {
  color: #000 !important;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-floating-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-block: 0.5rem;
  -webkit-box-shadow: 0 1rem 4rem -0.5rem rgba(0, 0, 0, 0.0392156863);
          box-shadow: 0 1rem 4rem -0.5rem rgba(0, 0, 0, 0.0392156863);
  z-index: 1000;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-floating-top > div {
  width: 210mm;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-floating-top > div .btn {
  color: #fff !important;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-floating-top > div .btn i {
  color: #fff !important;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper {
  width: 210mm;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  background-color: #fff;
  -webkit-box-shadow: 0 1rem 4rem -0.5rem rgba(0, 0, 0, 0.0392156863);
          box-shadow: 0 1rem 4rem -0.5rem rgba(0, 0, 0, 0.0392156863);
  overflow: hidden;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hust {
  grid-column: 1/-1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hust img {
  height: 3rem;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hust h1 {
  text-align: center;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hkutu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hkutu h2 {
  font-size: 1.5rem;
  font-weight: 600;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hkutu p {
  font-size: 0.9rem;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hkutu + .ekstre-hkutu {
  justify-self: flex-end;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .bilgiler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .bilgiler h2 {
  font-size: 1.2rem;
  font-weight: 500;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .bilgiler p {
  font-size: 0.9rem;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-tablo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-tablo {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  border-collapse: collapse;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-tablo thead tr {
  background-color: #f4f4f4;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-tablo thead th {
  padding: 1rem 1rem;
  border: 1px solid #f4f4f4;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-tablo tbody tr {
  border: 1px solid #f4f4f4;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-tablo tbody td {
  padding: 1rem 1rem;
  border: 1px solid #f4f4f4;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-ozet-tablo {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 240px;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-ozet-tablo th {
  text-align: left;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-ozet-tablo td {
  text-align: right;
}
.peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-ozet-tablo th, .peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-ozet-tablo td {
  padding: 1rem 1rem;
  border: 1px solid #f4f4f4;
}
@media screen and (max-width: 800px) {
  .peyc-yonetici-bayi-ekstre-old .ekstre-floating-top {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  .peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hust h1 {
    font-size: 1.4rem;
  }
  .peyc-yonetici-bayi-ekstre-old .ekstre-wrapper .ekstre-header .ekstre-hkutu h2 {
    font-size: 1.1rem;
  }
}
@media print {
  .peyc-yonetici-bayi-ekstre-old {
    padding: 0 !important;
  }
  .peyc-yonetici-bayi-ekstre-old .ekstre-floating-top {
    display: none !important;
  }
  .peyc-yonetici-bayi-ekstre-old .ekstre-wrapper {
    width: 100vw !important;
  }
}

.peyc-yonetici-bayi-ekstre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 5rem !important;
  color: #000 !important;
}
.peyc-yonetici-bayi-ekstre .ekstre-floating-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-block: 0.5rem;
  -webkit-box-shadow: 0 1rem 4rem -0.5rem rgba(0, 0, 0, 0.0392156863);
          box-shadow: 0 1rem 4rem -0.5rem rgba(0, 0, 0, 0.0392156863);
  z-index: 1000;
}
.peyc-yonetici-bayi-ekstre .ekstre-floating-top > div {
  width: clamp(0%, 1180px, 100%);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.peyc-yonetici-bayi-ekstre .ekstre-floating-top .ekstre-filtre {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper {
  width: clamp(0%, 1180px, 100%);
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  background-color: #fff;
  -webkit-box-shadow: 0 1rem 4rem -0.5rem rgba(0, 0, 0, 0.1098039216);
          box-shadow: 0 1rem 4rem -0.5rem rgba(0, 0, 0, 0.1098039216);
  overflow: hidden;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper * {
  color: #000 !important;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hust {
  grid-column: 1/-1;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hust::before {
  content: "";
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hust h1 {
  text-align: center;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hust > span {
  justify-self: flex-end;
  font-weight: 400;
  font-size: 1.2rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hkutu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hkutu img {
  height: 3rem;
  margin-bottom: 0.5rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hkutu h2 {
  font-size: 1.5rem;
  font-weight: 600;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hkutu p {
  font-size: 0.9rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hkutu-sag {
  margin-top: 3.5rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hkutu + .ekstre-hkutu {
  justify-self: flex-end;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .bilgiler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .bilgiler h2 {
  font-size: 1.2rem;
  font-weight: 500;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .bilgiler p {
  font-size: 0.9rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > thead > tr {
  background-color: #000;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > thead > tr > th {
  padding: 1rem 1rem;
  color: #fff !important;
  border: 1px solid #000;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr {
  background: #f4f4f4;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr > td {
  padding: 1rem 1rem;
  font-weight: 500;
  border-bottom: 1px solid #fff;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr.detay-tr {
  background: #fff;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-detay-table, .peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .odeme-detay-table {
  width: 100%;
  border-collapse: collapse;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-detay-table tr td, .peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .odeme-detay-table tr td {
  padding: 0.5rem 0;
  border-bottom: 2px solid #f4f4f4;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-detay-table tr td.col-urun {
  text-align: left;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-detay-table tr td.col-urun > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.5rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-detay-table tr td.col-urun-ara-toplam {
  text-align: right;
  width: 1%;
  white-space: nowrap;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-ozet-table {
  float: right;
  margin-top: 1rem;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-ozet-table tr:nth-child(even) {
  background: #f4f4f4;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-ozet-table tr th {
  padding: 0.5rem;
  text-align: right;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .siparis-ozet-table tr td {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  text-align: right;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .odeme-detay-table {
  table-layout: fixed;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .odeme-detay-table tr {
  table-layout: fixed;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-tablo > tbody > tr .odeme-detay-table tr td.col-kart-no {
  white-space: nowrap;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-ozet-tablo {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 240px;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-ozet-tablo th {
  text-align: left;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-ozet-tablo td {
  text-align: right;
}
.peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-ozet-tablo th, .peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-ozet-tablo td {
  padding: 1rem 1rem;
  border: 1px solid #f4f4f4;
}
@media screen and (max-width: 800px) {
  .peyc-yonetici-bayi-ekstre .ekstre-floating-top {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  .peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hust h1 {
    font-size: 1.4rem;
  }
  .peyc-yonetici-bayi-ekstre .ekstre-wrapper .ekstre-header .ekstre-hkutu h2 {
    font-size: 1.1rem;
  }
}
@media print {
  .peyc-yonetici-bayi-ekstre {
    padding: 0 !important;
  }
  .peyc-yonetici-bayi-ekstre .ekstre-floating-top {
    display: none !important;
  }
  .peyc-yonetici-bayi-ekstre .ekstre-wrapper {
    width: 100vw !important;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.peyc-yonetici-siparis-olustur {
  gap: 0;
}
.peyc-yonetici-siparis-olustur .peycb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0;
  margin-bottom: -1px;
}
.peyc-yonetici-siparis-olustur .peycb .eylemler .siparis-bayi-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f3f3;
  border-radius: 1rem 1rem 0 0;
  padding: 1rem;
  padding-right: 1.5rem;
  margin-bottom: -1rem;
}
.peyc-yonetici-siparis-olustur .peycb .eylemler .siparis-bayi-sec > span {
  font-weight: bold;
  white-space: nowrap;
  background-color: var(--primary-500);
  color: var(--primary-text-500);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem 0 0 0.4rem;
}
.peyc-yonetici-siparis-olustur .peycb .eylemler .siparis-bayi-sec .choices {
  min-width: 400px;
  width: 100%;
}
.peyc-yonetici-siparis-olustur .peycb .eylemler .siparis-bayi-sec .choices .choices__inner {
  white-space: nowrap;
  border-radius: 0 0.4rem 0.4rem 0;
  border-left: 0;
}
.peyc-yonetici-musteri-olustur .peycc .form {
  padding: 1.5rem;
  background: #fff;
  border-radius: 0.5rem;
}
.peyc-yonetici-musteri-olustur .peycc .form .col-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 600px;
          flex: 1 1 600px;
}
.peyc-yonetici-musteri-olustur .peycc .form .col-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.peyc-yonetici-musteri-olustur .peycc .form section.bayinin-alamayacagi-urunler .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.peyc-yonetici-musteri-olustur .peycc .form section.bayinin-alamayacagi-urunler .input-group > label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-musteri-olustur .peycc .form section.bayinin-alamayacagi-urunler .input-group > button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 3rem;
  padding: 0;
}
.peyc-yonetici-musteri-olustur .peycc .form section.bayinin-alamayacagi-urunler > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.peyc-yonetici-musteri-olustur .peycc .form section.bayinin-alamayacagi-urunler > ul li {
  border-radius: 5px;
  background: #f7f7f7;
  border: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.peyc-yonetici-musteri-olustur .peycc .form section.bayinin-alamayacagi-urunler > ul li span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
  font-size: 0.9rem;
  font-weight: 500;
}
.peyc-yonetici-musteri-olustur .peycc .form section.bayinin-alamayacagi-urunler > ul li button {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-yonetici-musteri-olustur .peycc .form .foot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  background: #f1f1f1;
  margin-top: 5rem;
  border-radius: 0.4rem;
}
.peyc-yonetici-musteri-olustur .peycc .form .foot > label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 600px;
          flex: 1 1 600px;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.peyc-yonetici-musteri-olustur .peycc .form .foot .btn {
  height: unset;
  min-height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.peyc-yonetici-musteri-olustur .peycc .form .foot .btn i {
  font-size: 1.4em;
}

.peyc-yonetici-urun-yonetimi {
  overflow: hidden;
}
.peyc-yonetici-urun-yonetimi .peycb {
  padding-bottom: 0;
}
.peyc-yonetici-urun-yonetimi .peycb::after {
  content: none;
}
.peyc-yonetici-urun-yonetimi .peycc {
  overflow: hidden;
}
.peyc-yonetici-urun-yonetimi .peycc .peycc-inner {
  display: grid;
  gap: 1.5rem;
  height: 100%;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.7rem;
  padding: 1.5rem;
  background: #fff;
  border-radius: 0.5rem;
  overflow-y: auto;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper {
  background: #f2f2f2;
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.4rem;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urun-gruplari.swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  border-radius: 2rem;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem 1rem;
  border-radius: 2rem;
  text-align: center;
  font-size: 0.9rem;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  margin-right: 0.25rem;
  background: #fff;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide:hover {
  background: #e7e7e7;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide[data-current=true] {
  background: var(--primary-500);
  color: var(--primary-text-500);
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urun-gruplari.swiper [class^=swiper-button-]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-button-prev::before {
  right: -1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(10%, #fff), to(transparent));
  background: linear-gradient(to right, #fff, #fff 10%, transparent);
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-button-next::before {
  left: -1.25rem;
  background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(10%, #fff), to(transparent));
  background: linear-gradient(to left, #fff, #fff 10%, transparent);
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urunlerde-ara {
  font-size: 0.9rem;
  border: 1px solid #d6d7d7;
  border-radius: 2rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urunlerde-ara i {
  font-size: 1.5em;
  -ms-flex-item-align: center;
      align-self: center;
  width: 2.3rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-gruplari-wrapper .urunlerde-ara input {
  height: 100%;
  border: 0;
  border-radius: 0 !important;
  padding: 0.25rem;
  width: 15rem;
  max-width: 100%;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper {
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.4rem;
  border: 1px solid #d2d3d3;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .kategoriler.swiper {
  border-radius: 1rem;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .kategoriler.swiper .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  text-align: center;
  font-size: 0.8rem;
  white-space: nowrap;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .kategoriler.swiper .swiper-slide:hover {
  background: #fff;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .kategoriler.swiper .swiper-slide[data-current=true] {
  background: #606161;
  color: #fff;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .kategoriler.swiper [class^=swiper-button-]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .kategoriler.swiper .swiper-button-prev::before {
  right: -1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to right, #f2f3f3, #f2f3f3 10%, transparent);
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .kategoriler.swiper .swiper-button-next::before {
  left: -1.25rem;
  background: -webkit-gradient(linear, right top, left top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to left, #f2f3f3, #f2f3f3 10%, transparent);
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .vergi-uyari {
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre;
  padding-right: 1rem;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .kategoriler-wrapper .vergi-uyari i {
  font-size: 1.4em;
}
.peyc-yonetici-urun-yonetimi .peycc .urunler .urun-yok {
  text-align: center;
  padding: 1rem;
  opacity: 0.75;
}

.peyc-yonetici-urun-gruplari {
  gap: 2rem;
}
.peyc-yonetici-urun-gruplari .peycc .urun-gruplari-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}
.peyc-yonetici-urun-gruplari .peycc .urun-grubu-kutu {
  border: 1px solid #e8e8e8;
  background-color: #fff;
  padding: 1.5rem 1.5rem 1rem;
  border-radius: 0.5rem;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.peyc-yonetici-urun-gruplari .peycc .urun-grubu-kutu h4 {
  position: relative;
  font-size: 1.3rem;
  font-weight: 500;
}
.peyc-yonetici-urun-gruplari .peycc .urun-grubu-kutu section button {
  height: 2.2rem;
  width: 2.2rem;
  padding: 0;
  font-size: 0.9rem;
}

.peyc-yonetici-urun-kategorileri {
  gap: 2rem;
}
.peyc-yonetici-urun-kategorileri .peycc .urun-kategorileri-grid {
  display: grid;
  gap: 1rem;
}
.peyc-yonetici-urun-kategorileri .peycc .urun-kategorileri-grid > section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: #fff;
}
.peyc-yonetici-urun-kategorileri .peycc .urun-kategorileri-grid > section > h4 {
  grid-column: 1/-1;
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #f3f3f3;
}
.peyc-yonetici-urun-kategorileri .peycc .urun-kategori-kutu {
  border: 1px solid #e8e8e8;
  background-color: #f5f5f5;
  padding: 1.5rem 1.5rem 1rem;
  border-radius: 0.5rem;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.peyc-yonetici-urun-kategorileri .peycc .urun-kategori-kutu h4 {
  position: relative;
  font-size: 1.3rem;
  font-weight: 500;
}
.peyc-yonetici-urun-kategorileri .peycc .urun-kategori-kutu section button {
  height: 2.2rem;
  width: 2.2rem;
  padding: 0;
  font-size: 0.9rem;
}

.peyc-yonetici-urun-olustur .peycc > form {
  padding: 1.5rem;
  background: #fff;
  border-radius: 0.5rem;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e8e8e8;
  border-radius: 0.4rem;
  overflow: hidden;
  position: relative;
  background-color: #f4f4f4;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div img {
  width: 100%;
  max-width: 1000px;
  aspect-ratio: var(--urun-image-aspect-ratio);
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0.4rem;
  pointer-events: none;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div img.ng-hide {
  display: block !important;
  opacity: 0;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div .drag-drop-sil {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 0.5rem;
  color: rgba(51, 51, 51, 0.7294117647);
  font-size: 0.9rem;
  background-color: rgba(255, 255, 255, 0.831372549);
  visibility: hidden;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  opacity: 0;
  cursor: pointer;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div .drag-drop-sil.ng-hide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div .drag-drop-sil i {
  font-size: 3rem;
  color: red;
  line-height: 1;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div .drag-drop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 0.5rem;
  color: rgba(51, 51, 51, 0.7294117647);
  font-size: 0.9rem;
  pointer-events: none;
  background-color: #fff;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div .drag-drop i {
  font-size: 3rem;
  color: #cecece;
  line-height: 1;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div .drag-drop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 2px dashed rgba(181, 181, 181, 0.4666666667);
  outline-offset: -0.75rem;
  border-radius: 0.4rem;
  opacity: 0;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div .drag-drop[data-dragging=true]::before {
  opacity: 1;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-gorsel label > div:hover .drag-drop-sil {
  visibility: visible;
  opacity: 1;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e8e8e8;
  border-radius: 0.4rem;
  overflow: hidden;
  position: relative;
  background-color: #f4f4f4;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div img {
  width: 100%;
  max-width: 1000px;
  aspect-ratio: var(--urun-image-aspect-ratio);
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0.4rem;
  pointer-events: none;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div img.ng-hide {
  display: block !important;
  opacity: 0;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div .drag-drop-sil {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 0.5rem;
  color: rgba(51, 51, 51, 0.7294117647);
  font-size: 0.9rem;
  background-color: rgba(255, 255, 255, 0.831372549);
  visibility: hidden;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  opacity: 0;
  cursor: pointer;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div .drag-drop-sil.ng-hide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div .drag-drop-sil i {
  font-size: 3rem;
  color: red;
  line-height: 1;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div .drag-drop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 0.5rem;
  color: rgba(51, 51, 51, 0.7294117647);
  font-size: 0.9rem;
  pointer-events: none;
  background-color: #fff;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div .drag-drop i {
  font-size: 3rem;
  color: #cecece;
  line-height: 1;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div .drag-drop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 2px dashed rgba(181, 181, 181, 0.4666666667);
  outline-offset: -0.75rem;
  border-radius: 0.4rem;
  opacity: 0;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div .drag-drop[data-dragging=true]::before {
  opacity: 1;
}
.peyc-yonetici-urun-olustur .peycc .form .input-group.urun-kutu-icerik-gorsel label > div:hover .drag-drop-sil {
  visibility: visible;
  opacity: 1;
}
.peyc-yonetici-urun-olustur .peycc .form section.urun-ozellikleri > ul {
  display: grid;
  gap: 0.5rem;
}
.peyc-yonetici-urun-olustur .peycc .form section.urun-ozellikleri > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.peyc-yonetici-urun-olustur .peycc .form section.urun-ozellikleri > ul > li .input-row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-urun-olustur .peycc .form section.urun-ozellikleri > ul > li select {
  -webkit-appearance: revert !important;
     -moz-appearance: revert !important;
          appearance: revert !important;
}
.peyc-yonetici-urun-olustur .peycc .form section.urun-ozellikleri > ul > li > button {
  width: 3rem;
  height: 3rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  line-height: 0.4;
}
.peyc-yonetici-urun-olustur .peycc .form section.urun-ozellikleri .urun-ozellikler-eylemler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.peyc-yonetici-urun-olustur .peycc .form section.ek-urunler > ul {
  display: grid;
  gap: 1rem;
}
.peyc-yonetici-urun-olustur .peycc .form section.ek-urunler > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.peyc-yonetici-urun-olustur .peycc .form section.ek-urunler > ul > li .input-row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-urun-olustur .peycc .form section.ek-urunler > ul > li input:disabled {
  opacity: 1;
  background-color: #fff;
  cursor: text;
}
.peyc-yonetici-urun-olustur .peycc .form section.ek-urunler > ul > li > button {
  width: 3rem;
  height: 3rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  line-height: 0.4;
}
.peyc-yonetici-urun-olustur .peycc .form section.ek-urunler .ek-urunler-eylemler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.peyc-yonetici-urun-olustur .peycc .form section.depodaki-yeri > ul {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.peyc-yonetici-urun-olustur .peycc .form section.depodaki-yeri > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.peyc-yonetici-urun-olustur .peycc .form section.depodaki-yeri > ul > li .input-row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.25rem;
}
.peyc-yonetici-urun-olustur .peycc .form section.depodaki-yeri > ul > li .input-row .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.peyc-yonetici-urun-olustur .peycc .form section.depodaki-yeri > ul > li .input-row .input-group > span {
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.25rem;
}
.peyc-yonetici-urun-olustur .peycc .form section.depodaki-yeri > ul > li input:disabled {
  opacity: 1;
  background-color: #fff;
  cursor: text;
}
.peyc-yonetici-urun-olustur .peycc .form section.depodaki-yeri > ul > li > button {
  width: 3rem;
  height: 3rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  line-height: 0.4;
}
.peyc-yonetici-urun-olustur .peycc .form section.depodaki-yeri .depodaki-yeri-eylemler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.peyc-yonetici-urun-olustur .peycc .form .foot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  background: #f1f1f1;
  margin-top: 5rem;
  border-radius: 0.4rem;
}
.peyc-yonetici-urun-olustur .peycc .form .foot > label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 600px;
          flex: 1 1 600px;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.peyc-yonetici-urun-olustur .peycc .form .foot .btn {
  height: unset;
  min-height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.peyc-yonetici-urun-olustur .peycc .form .foot .btn i {
  font-size: 1.4em;
}

.peyc-yonetici-online-tahsilat .peycb .peycb-sag {
  width: unset !important;
}
.peyc-yonetici-online-tahsilat .peycc .form .col-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 600px;
          flex: 1 1 600px;
  gap: 1.5rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .col-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.peyc-yonetici-online-tahsilat .peycc .form .input-group label > span {
  padding-inline: 0;
}
.peyc-yonetici-online-tahsilat .peycc .form .input-group .input-group-error {
  padding-inline: 0;
}
.peyc-yonetici-online-tahsilat .peycc .form .foot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .foot > label {
  padding: 0.75rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  background: #f1f1f1;
  border-radius: 0.4rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .foot > label input[type=checkbox] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-yonetici-online-tahsilat .peycc .form .foot .btn {
  height: 3rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .foot .btn i {
  font-size: 1.4em;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-bayi .choices__inner {
  height: unset;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-bayi .choices__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  font-weight: 300;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-bayi .choices__item.choices__placeholder {
  font-weight: 400;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-bayi .choices__item > h4 {
  font-weight: 600;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-bayi .choices__item > span b {
  font-weight: 600;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-bayi .choices__inner .choices__item {
  padding-right: 2rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-miktar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e8e8e8;
  border-radius: 0.4rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-miktar > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1rem;
  background: #f1f1f1;
  font-weight: 500;
}
.peyc-yonetici-online-tahsilat .peycc .form .tahsilat-miktar input {
  font-weight: 600;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section {
  gap: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section {
  border: 1px solid #e8e8e8;
  border-radius: 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section > h4 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section .col {
  padding: 0 1rem 1rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 220px;
          flex: 1 1 220px;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .col {
  gap: 1rem;
  -webkit-box-flex: revert;
      -ms-flex: revert;
          flex: revert;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .col > img {
  height: 6rem;
  width: auto;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 1rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-group.kart-no > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-group.kart-no input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 0;
  text-align: center;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri {
  gap: 2rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label > span {
  width: 100%;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label input {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label input:nth-child(2) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label input:nth-child(3) {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-cvv label > span {
  text-align: center;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-cvv label input {
  text-align: center;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section .col.taksit-ve-not {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 220px;
          flex: 1 1 220px;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section .col.taksit-ve-not .col {
  gap: 1rem;
  -webkit-box-flex: revert;
      -ms-flex: revert;
          flex: revert;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section .col.taksit-ve-not section.odeme-notu .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section .col.taksit-ve-not section.odeme-notu .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section .col.taksit-ve-not section.odeme-notu .input-group label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-online-tahsilat .peycc .form .kart-section .col.taksit-ve-not section.odeme-notu .input-group textarea {
  height: unset;
}
.peyc-yonetici-online-tahsilat .peycc .form .taksit-secenekleri {
  border: 1px solid #f1f1f1;
  border-radius: 0.4rem;
}
.peyc-yonetici-online-tahsilat .peycc .form .taksit-secenekleri > h4 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.peyc-yonetici-online-tahsilat .peycc .form .taksit-secenekleri > img {
  width: 100%;
}
.peyc-yonetici-online-tahsilat .peycc .form .taksit-secenekleri > span {
  text-align: center;
  color: #a7a7a7;
  padding: 0 1rem 1rem;
}

.peyc-yonetici-tahsilat-detay .peycb .eylemler {
  width: unset !important;
}
.peyc-yonetici-kullanici-profilim .peycc .form .foot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  background: #f1f1f1;
  margin-top: 5rem;
  border-radius: 0.4rem;
}
.peyc-yonetici-kullanici-profilim .peycc .form .foot > label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.peyc-yonetici-kullanici-profilim .peycc .form .foot .btn {
  height: unset;
  min-height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-kullanici-profilim .peycc .form .foot .btn i {
  font-size: 1.4em;
}

.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head {
  display: grid;
  gap: 2rem;
  margin-bottom: 4rem;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head .etiket-olustur-baslik {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head .etiket-olustur-baslik > h2 {
  font-weight: 400;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head .etiket-olustur-baslik > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head > h2 {
  font-weight: 400;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form label {
  display: grid;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form label input {
  border-radius: 0;
  border-color: #ccc;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form label .choices__inner {
  border-color: #ccc;
  border-radius: 0;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form .etiket-seri-no {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form .etiket-seri-no > span {
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form .etiket-seri-no label > span {
  text-align: center;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form .etiket-seri-no label input {
  width: 5rem;
  padding-inline: 0.5rem;
  text-align: center;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form .etiket-seri-no label:first-child input {
  width: 8rem;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form.elleSeriNolar {
  display: grid;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form.elleSeriNolar > section {
  display: grid;
  gap: 0.5rem;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form.elleSeriNolar > section label {
  position: relative;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form.elleSeriNolar > section label button {
  position: absolute;
  left: calc(100% + 0.5rem);
  top: 50%;
  width: 2rem;
  height: 2rem;
  padding: 0;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form.elleSeriNolar > span {
  justify-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head form.elleSeriNolar > span input {
  width: 4rem;
  border-radius: 0;
  border-color: #ccc;
  text-align: right;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head .etiket-progress {
  margin-top: 1rem;
  width: 100%;
  height: 4px;
  background-color: #f4f4f4;
  border-radius: 5px;
  position: relative;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head .etiket-progress::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(var(--progress, 0));
          transform: scaleX(var(--progress, 0));
  background-color: var(--green-500);
  border-radius: 5px;
  -webkit-transition: 0.08s ease-in-out;
  transition: 0.08s ease-in-out;
}
.peyc-yonetici-etiket-olustur .peycc .etiket-olustur-head .etiket-progress span {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: calc(var(--progress, 0) * 100%);
  top: 100%;
  -webkit-transition: 0.08s ease-in-out;
  transition: 0.08s ease-in-out;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  pointer-events: none;
  position: fixed;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket {
  position: relative;
  text-align: center;
  width: 10cm;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.35cm;
  outline: 1px solid #000;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket > img {
  opacity: 0;
  pointer-events: none;
  width: 100%;
  aspect-ratio: 10/6;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding-top: 0.25cm;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > img {
  width: 1.3cm;
  height: auto;
  justify-self: center;
  -o-object-fit: contain;
     object-fit: contain;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > h4 {
  font-size: 0.4cm;
  color: #000;
  font-weight: 600;
  padding-inline: 0.3cm;
  line-height: 1.2;
  margin-top: 0.25cm;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > section .qr {
  width: 3cm;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > section .qr svg {
  width: 100%;
  height: auto;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > section > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > section > div .etiket-sku {
  padding-top: 0.2cm;
  color: #000;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > section > div > h5 {
  padding-bottom: 0.2cm;
  display: grid;
  font-weight: 400;
  color: #000;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket .etiket-inner > section > div > h5 b {
  font-weight: 600;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 1.3em;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 {
  position: relative;
  text-align: center;
  width: 10cm;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.35cm;
  outline: 1px solid #000;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 > img {
  opacity: 0;
  pointer-events: none;
  width: 100%;
  aspect-ratio: 10/6;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  padding-top: 0.3cm;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > h2 {
  font-size: 0.8cm;
  color: #000;
  font-weight: 700;
  padding-inline: 0.3cm;
  line-height: 1;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > h3 {
  font-size: 0.35cm;
  color: #000;
  font-weight: 600;
  padding: 0.2cm 0.3cm 0;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > h3 span {
  font-weight: 400;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > section .qr {
  width: 3cm;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > section .qr svg {
  width: 100%;
  height: auto;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > section > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.15cm;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > section > div > img {
  width: 1.3cm;
  height: auto;
  justify-self: center;
  -o-object-fit: contain;
     object-fit: contain;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > section > div > span {
  color: #000;
}
.peyc-yonetici-etiket-olustur .peycc .etiketler .etiket-v2 .etiket-inner > section > div > h4 {
  padding-bottom: 0.25cm;
  font-weight: 600;
  color: #000;
  line-height: 1;
}

.peyc-yonetici-depo .peycb::after {
  content: none;
}
.peyc-yonetici-depo .peycb h1 {
  font-size: 1.4rem;
}
.peyc-yonetici-depo .peycc {
  gap: 2rem;
}
.peyc-yonetici-depo .peycc .swiper.depolar {
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.4rem;
  border: 1px solid #d2d3d3;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-yonetici-depo .peycc .swiper.depolar .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  text-align: center;
  font-size: 1rem;
  white-space: nowrap;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.peyc-yonetici-depo .peycc .swiper.depolar .swiper-slide:hover {
  background: #fff;
}
.peyc-yonetici-depo .peycc .swiper.depolar .swiper-slide[data-current=true] {
  background: #606161;
  color: #fff;
}
.peyc-yonetici-depo .peycc .swiper.depolar [class^=swiper-button-]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.peyc-yonetici-depo .peycc .swiper.depolar .swiper-button-prev::before {
  right: -1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to right, #f2f3f3, #f2f3f3 10%, transparent);
}
.peyc-yonetici-depo .peycc .swiper.depolar .swiper-button-next::before {
  left: -1.25rem;
  background: -webkit-gradient(linear, right top, left top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to left, #f2f3f3, #f2f3f3 10%, transparent);
}
.peyc-yonetici-depo .peycc .depo-ust {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}
.peyc-yonetici-depo .peycc .depo-ust .depo-istatistik {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
.peyc-yonetici-depo .peycc .depo-ust .depo-istatistik > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f1f1f1;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  -ms-flex-preferred-size: 11rem;
      flex-basis: 11rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-yonetici-depo .peycc .depo-ust .depo-butonlar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -ms-flex-preferred-size: 45rem;
      flex-basis: 45rem;
}
.peyc-yonetici-depo .peycc .depo-ust .depo-butonlar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f1f1f1;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  border: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 500;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.08s linear;
  transition: background-color 0.08s linear;
}
.peyc-yonetici-depo .peycc .depo-ust .depo-butonlar a i {
  font-size: 1.5em;
  color: #000;
}
.peyc-yonetici-depo .peycc .depo-ust .depo-butonlar a:hover {
  background-color: #ebebeb;
}
.peyc-yonetici-depo .peycc .depo-ust .depo-butonlar a:nth-child(3) {
  background-color: #4c4c4c;
  color: #fff;
}
.peyc-yonetici-depo .peycc .depo-ust .depo-butonlar a:nth-child(3):hover {
  background-color: #404040;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head {
  border: 1px solid #f1f1f1;
  border-radius: 1rem 1rem 0 0;
  padding: 0.75rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head .depo-sec {
  position: relative;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head .depo-sec > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.35rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: 0;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head .depo-sec > button i {
  font-size: 2em;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head .depo-sec .depo-sec-depolar {
  position: absolute;
  right: 0;
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: nowrap;
  max-width: 90vw;
  background: #fff;
  z-index: 10;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.2rem 2rem -0.4rem rgba(254, 0, 0, 0.29);
          box-shadow: 0 0.2rem 2rem -0.4rem rgba(254, 0, 0, 0.29);
  border-radius: 0.5rem;
  overflow: hidden;
  padding-block: 0.5rem;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head .depo-sec .depo-sec-depolar button {
  padding: 1rem 1rem 0.75rem;
  line-height: 1;
  text-align: left;
  font-size: 0.9rem;
  color: #000;
  background: none;
  border: 0;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head .depo-sec .depo-sec-depolar button:hover, .peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head .depo-sec .depo-sec-depolar button[data-current=true] {
  background: #ededed;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .depo-tablo-head .depo-sec .depo-sec-depolar[data-open=false] {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-2rem);
          transform: translateY(-2rem);
  display: none;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .dataTables_wrapper {
  border: 1px solid #f1f1f1;
  border-top: 0;
  border-radius: 0 0 1rem 1rem;
}
.peyc-yonetici-depo .peycc .depo-tablo-wrapper .dataTables_paginate {
  padding: 0 1rem 1rem;
}

.peyc-yonetici-depo-giris-fisi-olustur .peycc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form {
  display: grid;
  gap: 2rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .input-row .input-group:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .input-row .input-group:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 5rem;
          flex: 1 0 5rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .input-row .input-group:nth-child(2) input::-webkit-outer-spin-button,
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .input-row .input-group:nth-child(2) input::-webkit-inner-spin-button {
  -webkit-appearance: revert;
  margin: revert;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .input-group label {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .seriNolar {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .seriNolar label > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .seriNolar label > div li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .seriNolar label > div li input {
  width: 100%;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form .foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form section header {
  background: #e8e8e8;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc form.form section header h4 {
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc .section-urun-ekle header .switch-input-root {
  --bg-off: #fff;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section header {
  background: #e8e8e8;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section header h4 {
  font-weight: 600;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section .fis-urunleri {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section .fis-urunleri > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section .fis-urunleri > li h5 {
  padding: 0.5rem 0.5rem 1rem;
  font-weight: 600;
  position: relative;
  font-size: 0.9rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section .fis-urunleri > li h5::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.25rem;
  border-radius: 0.2rem;
  background: var(--primary-500);
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section .fis-urunleri > li h5 span {
  font-weight: 300;
  font-size: 0.8rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section .fis-urunleri > li ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  gap: 0.5rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section .fis-urunleri > li ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f1f1f1;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-radius: 0.4rem;
  font-weight: 400;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > section .fis-urunleri > li ul li button {
  --size:1.5rem;
  --font-size: .7rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > .foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > .foot::before {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20rem;
          flex: 1 1 20rem;
}
.peyc-yonetici-depo-giris-fisi-olustur .peycc > .foot button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20rem;
          flex: 1 1 20rem;
}

.peyc-yonetici-depo-hareket-fisi-detay {
  overflow: hidden;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycb {
  padding-bottom: 0;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycb h1 {
  font-size: 1.5rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre-wrap;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycb h1 i {
  color: var(--primary-500);
  font-size: 1.2em;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycb::after {
  content: none;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .peycc-inner {
  padding: 1.5rem;
  background: #f2f3f3;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
  grid-template-columns: 1fr auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol {
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 640px;
          flex: 1 1 640px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  overflow: hidden;
  border-radius: 5px;
  background: #dde8e8;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > span {
  background: #adeae9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  font-size: 1rem;
  gap: 0.5rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > span > i {
  font-size: 1.4em;
  line-height: 1;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding: 1rem;
  line-height: 1.2;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > div h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
  font-weight: normal;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > div h2 > i {
  font-size: 1.4em;
  line-height: 1;
  margin-left: -1px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > div h2 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.4rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > div h2 b {
  font-size: 1.2em;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > div h2 {
  /* > span {
       font-size: 1rem;
       b { font-size: 1em; }
   }*/
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi thead {
  background: #f2f3f3;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi thead th {
  padding: 1rem;
  white-space: nowrap;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi thead th:first-child {
  border-radius: 5px 0 0 5px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi thead th:last-child {
  border-radius: 0 5px 5px 0;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi thead th.col-urun-adi {
  min-width: 220px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi td {
  padding: 1.5rem 1rem;
  position: relative;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi td::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4px;
  background: #f4f5f5;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi td:first-child::after {
  left: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi td:last-child::after {
  right: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi td.col-urun-adi > button {
  --size: 2rem;
  --font-size: .8rem;
  margin-right: 0.25rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi td.col-sku {
  white-space: nowrap;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi td.col-adet {
  width: 0;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi tr.urun-listesi-urun-seri-nolar td::after {
  content: none;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi tr.urun-listesi-urun-seri-nolar td ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.5rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi tr.urun-listesi-urun-seri-nolar td ul li {
  position: relative;
  padding-bottom: 0.5rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi tr.urun-listesi-urun-seri-nolar td ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  background: #f4f5f5;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil {
  display: none;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil thead {
  background: #f2f3f3;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil thead th {
  padding: 1rem;
  white-space: nowrap;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil thead th:first-child {
  border-radius: 5px 0 0 5px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil thead th:last-child {
  border-radius: 0 5px 5px 0;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td {
  padding: 1.5rem 1rem;
  position: relative;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4px;
  background: #f4f5f5;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td:first-child::after {
  left: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td:last-child::after {
  right: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun > button {
  --size: 2rem;
  --font-size: .8rem;
  margin-right: 0.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: -1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun .col-urun-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun .col-urun-content > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 120px;
          flex: 1 1 120px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > h4 span {
  font-weight: 300;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > ul {
  display: grid;
  min-width: 120px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > ul li {
  font-weight: 600;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > ul li span {
  font-weight: 300;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil tr.urun-listesi-urun-seri-nolar td::after {
  content: none;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil tr.urun-listesi-urun-seri-nolar td ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.5rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil tr.urun-listesi-urun-seri-nolar td ul li {
  position: relative;
  padding-bottom: 0.5rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil tr.urun-listesi-urun-seri-nolar td ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  background: #f4f5f5;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .hesap-ozeti {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .hesap-ozeti th, .peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .hesap-ozeti td {
  padding: 1.5rem 1rem 1.5rem 1.5rem;
  position: relative;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .hesap-ozeti th::after, .peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .hesap-ozeti td::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4px;
  background: #f4f5f5;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .hesap-ozeti th {
  font-weight: normal;
  text-align: left;
  padding-left: 3rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .hesap-ozeti td {
  font-weight: 600;
  text-align: right;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .hesap-ozeti td::after {
  right: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .aciklama {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .aciklama .aciklama-baslik {
  background: #f2f3f3;
  border-radius: 5px;
  padding: 1rem;
  font-size: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .aciklama > div {
  padding: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag {
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  width: 30rem;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag > .btn {
  font-size: 1.1rem;
  height: 3.5rem;
  width: 100%;
  width: 100%;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag > .btn i {
  font-size: 1.2em;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .siparis-durum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #dde8e8;
  border-radius: 5px;
  width: 100%;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .siparis-durum > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: bold;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .siparis-durum > span > i {
  font-size: 1.4em;
  line-height: 1;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .siparis-durum .choices {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #c4c8c8;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .siparis-durum .choices .choices__inner {
  height: unset;
  border: 0;
  background: none;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .siparis-durum > p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #c4c8c8;
  padding: 0 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .btn-siparisi-parcala {
  --bg:#ff9800;
  --bg-hover: #E68900;
  --color:#fff;
  font-size: 1.1rem;
  height: 3.5rem;
  width: 100%;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .btn-siparisi-parcala i {
  font-size: 1.2em;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .fatura-buton-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .fatura-buton-wrapper.faturayi-goruntule .btn {
  --bg:#03c2c1;
  --bg-hover: #04b5b5;
  --color:#fff;
  border: 0;
  height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  line-height: 1;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .fatura-buton-wrapper.faturayi-goruntule .btn i {
  font-size: 1.4em;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .fatura-buton-wrapper.faturayi-goruntule .btn + .btn {
  --bg:#02a3a2;
  --bg-hover: #029696;
  margin-left: -0.5rem;
  padding: 0;
  padding-left: 0.5rem;
  width: 4.5rem;
  z-index: -1;
  -webkit-box-flex: 1;
      -ms-flex: auto 0;
          flex: auto 0;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .fatura-buton-wrapper.faturayi-onayla .btn {
  --bg:#469dd8;
  --bg-hover: #4195cc;
  --color:#fff;
  border: 0;
  height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  line-height: 1;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .fatura-buton-wrapper.faturayi-onayla .btn i {
  font-size: 1.4em;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .fatura-buton-wrapper.faturayi-onayla .btn + .btn {
  --bg:#3276a6;
  --bg-hover: #2c6994;
  margin-left: -0.5rem;
  padding: 0;
  padding-left: 0.5rem;
  width: 4.5rem;
  z-index: -1;
  -webkit-box-flex: 1;
      -ms-flex: auto 0;
          flex: auto 0;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .fatura-buton-wrapper.faturayi-onayla .btn + .btn + .btn {
  --bg:#3883b7;
  --bg-hover: #3374a3;
  z-index: -2;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar {
  background: #f2f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 5px;
  width: 100%;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar > h2 {
  border-radius: 5px;
  padding: 1rem;
  font-size: 1rem;
  background: #dde8e8;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar > div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar > div ul h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  background: #dde8e8;
  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
  min-height: 2.5rem;
  font-size: 1rem;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar > div ul h3 button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  padding: 0;
  font-size: 1.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar > div ul li {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  padding: 2px;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar > div ul li input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
  height: 2.5rem;
  border-radius: 0;
  background: none;
}
.peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag .seri-nolar > div ul li button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.peyc-yonetici-depo-urun-stok-raporu .peycb::after {
  content: none;
}
.peyc-yonetici-depo-urun-stok-raporu .peycb h1 {
  font-size: 1.4rem;
}
.peyc-yonetici-musteriler-bakiye-liste {
  gap: 2rem;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-row {
  gap: 4rem;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col > ul {
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 0.5rem;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col > ul li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col > ul li > div h4 sub {
  vertical-align: baseline;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col > ul li > p {
  font-size: 0.9rem;
  color: #000;
  font-weight: 300;
  white-space: pre-line;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col > ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col > b {
  font-size: 1.4rem;
  position: relative;
}
.peyc-yonetici-musteriler-bakiye-liste .peycc .dy-col > b::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  background: var(--primary-500);
  opacity: 0.5;
}

.peyc-yonetici-raporlar .peycc {
  display: grid;
  gap: 2rem;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.peyc-yonetici-raporlar .peycc .raporlar-section {
  display: grid;
  gap: 2rem 1rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section .raporlar-section-head {
  width: 100%;
  background: #dedddd;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section .raporlar-section-head h2 {
  font-weight: 600;
  font-size: 1rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section .raporlar-section-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-satis-ve-tahsilatlar section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-satis-ve-tahsilatlar section .btn {
  --size:2rem;
  font-size: 0.8rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-satis-ve-tahsilatlar section .btn[data-current=true] {
  --bg: var(--primary-500);
  --bg-hover: var(--primary-600);
  color: var(--primary-text-500);
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-satis-ve-tahsilatlar .canvas-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 220px;
          flex: 1 1 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-satis-ve-tahsilatlar .canvas-wrapper canvas {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4/3;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-en-cok-sat-5il {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 350px;
          flex: 1 1 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-en-cok-sat-5il h4 {
  font-weight: 500;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-en-cok-sat-5il table {
  outline: 1px solid #f1f1f1;
  border-collapse: collapse;
  text-align: center;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-en-cok-sat-5il table th, .peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-en-cok-sat-5il table td {
  padding: 0.5rem 1rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-en-cok-sat-5il table tbody th {
  text-align: left;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-en-cok-sat-5il table tbody tr:nth-child(odd) {
  background: #f4f4f4;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-bayi-olm-iller {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 350px;
          flex: 1 1 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-bayi-olm-iller h4 {
  font-weight: 500;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-bayi-olm-iller ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-bayi-olm-iller ul li {
  padding: 0.25rem 1rem;
  border: 1px solid #f1f1f1;
  border-radius: 0.5rem;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler .rapor-bayi-olm-iller ul li:hover {
  background-color: #f4f4f4;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler #svg-turkiye-haritasi {
  width: 100%;
  margin-top: 3rem;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler #svg-turkiye-haritasi * {
  outline: none;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler #svg-turkiye-haritasi #turkiye > g {
  fill: var(--fill, rgba(206, 32, 38, var(--density, 0)));
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  -webkit-transition-property: fill, -webkit-filter;
  transition-property: fill, -webkit-filter;
  transition-property: filter, fill;
  transition-property: filter, fill, -webkit-filter;
}
.peyc-yonetici-raporlar .peycc .raporlar-section.raporlar-illere-gore-bayiler #svg-turkiye-haritasi #turkiye > g:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

.peyc-urunler-tablo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20rem;
  padding: 0;
  background: none;
}
.peyc-urunler-tablo > section {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  page-break-before: right;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 11mm;
  padding-top: 0;
  position: relative;
  isolation: isolate;
  min-height: var(--100vh);
}
.peyc-urunler-tablo table {
  border-collapse: collapse;
  width: 100%;
}
.peyc-urunler-tablo table thead {
  display: table-header-group;
  margin-top: 5rem;
}
.peyc-urunler-tablo table th {
  text-align: center;
  font-weight: 600;
  border: 1px solid #000;
  padding: 1rem;
  white-space: nowrap;
}
.peyc-urunler-tablo table th.baslik {
  border: 0;
  padding: 11mm 0 11mm;
}
.peyc-urunler-tablo table th.baslik > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.peyc-urunler-tablo table th.baslik > div h2 {
  font-size: 1.8rem;
  font-weight: 400;
}
.peyc-urunler-tablo table th.baslik > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
.peyc-urunler-tablo table th.baslik > div > div > img {
  height: 2.2rem;
  -webkit-transform: translateY(-12%);
          transform: translateY(-12%);
}
.peyc-urunler-tablo table th.baslik > div > div > span {
  color: #fff;
  position: relative;
  isolation: isolate;
  padding: 0.3rem 0 0.3rem 1rem;
  font-size: 1.1rem;
}
.peyc-urunler-tablo table th.baslik > div > div > span::before, .peyc-urunler-tablo table th.baslik > div > div > span::after {
  content: "";
  position: absolute;
  left: 0;
  right: -11mm;
  top: 0;
  bottom: 0;
  display: block;
}
.peyc-urunler-tablo table th.baslik > div > div > span::before {
  z-index: -2;
  background: #000;
  left: 1rem;
  top: -0.4rem;
}
.peyc-urunler-tablo table th.baslik > div > div > span::after {
  z-index: -1;
  background: #ff0000;
}
.peyc-urunler-tablo table td {
  text-align: center;
  font-weight: 400;
  border: 1px solid #000;
  padding: 1rem;
}
.peyc-urunler-tablo table td.gorsel {
  width: 20rem;
  padding: 0.75rem;
}
.peyc-urunler-tablo table td.gorsel img {
  width: 20rem;
}
.peyc-urunler-tablo table td.fiyat {
  width: 0;
}
.peyc-urunler-tablo table td.fiyat input {
  display: none;
  text-align: center;
  font-weight: 600;
}
.peyc-urunler-tablo table td.fiyat b {
  display: inline-block;
  font-weight: 600;
}
.peyc-urunler-tablo table td.fiyat:hover input {
  display: inline-block;
}
.peyc-urunler-tablo table td.fiyat:hover b {
  display: none;
}

@media print {
  .peyc-urunler-tablo {
    gap: 0;
  }
  .peyc-urunler-tablo > section {
    min-height: 100vh;
  }
}
.peyc-yonetici-pos-gelecekler .peycc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
.peyc-yonetici-pos-gelecekler .peycc table {
  border: 1px solid #f4f4f4;
  border-collapse: collapse;
  text-align: right;
  white-space: nowrap;
}
.peyc-yonetici-pos-gelecekler .peycc table th, .peyc-yonetici-pos-gelecekler .peycc table td {
  padding: 1rem;
  border: 1px solid #e1e1e1;
  width: 120px;
}
.peyc-yonetici-pos-gelecekler .peycc table thead tr {
  background: #fe0000 !important;
  color: #fff;
}
.peyc-yonetici-pos-gelecekler .peycc table thead tr th {
  text-align: right;
  border: 1px solid #ff4d4d;
}
.peyc-yonetici-pos-gelecekler .peycc table thead tr th:first-child {
  text-align: left;
}
.peyc-yonetici-pos-gelecekler .peycc table tbody tr th {
  text-align: left;
}
.peyc-yonetici-pos-gelecekler .peycc table tbody tr[data-current=true] {
  outline: 3px solid rgba(254, 0, 0, 0.431372549);
  outline-offset: -1px;
}
.peyc-bayi-giris {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000 url("../img/giris-bg.webp") center/cover no-repeat;
}
.peyc-bayi-giris .ghead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 0.35em;
  padding-block: 3em;
  will-change: transform;
}
.peyc-bayi-giris .ghead img {
  height: 5em;
}
.peyc-bayi-giris .ghead span {
  color: #fff;
  font-size: 1.35em;
}
.peyc-bayi-giris .gbody {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-bayi-giris .gbody .gform-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5em;
  text-align: center;
}
.peyc-bayi-giris .gbody .gform-wrapper > h2 {
  font-weight: 300;
  color: #fff;
  font-size: 2.4em;
}
.peyc-bayi-giris .gbody .gform-wrapper form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  background: #1a1a1a;
  border: 1px solid #6b6b6b;
  padding: 0.75rem 0 0.75rem 0.75rem;
  border-radius: 1rem;
}
.peyc-bayi-giris .gbody .gform-wrapper form div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label {
  position: relative;
  background: #fff;
  border-radius: 0.75em;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label i {
  color: var(--primary-500);
  font-size: 1.6em;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label input {
  height: 3.5em;
  width: 10em;
  border: 0;
  padding: 0 0 0 0.5rem;
  text-align: left;
  font-size: 1.2em;
  background: none;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label input::-webkit-input-placeholder {
  font-weight: 600;
  color: #adadad;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label input::-moz-placeholder {
  font-weight: 600;
  color: #adadad;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label input:-ms-input-placeholder {
  font-weight: 600;
  color: #adadad;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label input::-ms-input-placeholder {
  font-weight: 600;
  color: #adadad;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label input::placeholder {
  font-weight: 600;
  color: #adadad;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label input:-webkit-autofill, .peyc-bayi-giris .gbody .gform-wrapper form div label input:-webkit-autofill:hover, .peyc-bayi-giris .gbody .gform-wrapper form div label input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: black !important;
  text-fill-color: black !important;
}
.peyc-bayi-giris .gbody .gform-wrapper form div label[data-error=true] input {
  border-color: #ff0000;
}
.peyc-bayi-giris .gbody .gform-wrapper form button {
  background: none;
  border: 0;
  padding: 0 2rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.peyc-bayi-giris .gbody .gform-wrapper > p {
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
  margin-top: 0.75rem;
}
.peyc-bayi-giris .gbody .gform-wrapper > p a {
  display: inline-block;
  margin-top: 0.5rem;
  border-bottom: 2px solid var(--primary-400);
}
.peyc-bayi-giris .gbody .giris-toggle {
  color: #fff;
  font-size: 1.1em;
  display: grid;
  justify-items: center;
  text-align: center;
  will-change: transform;
}
.peyc-bayi-giris .gbody .giris-toggle i {
  font-size: 1em;
  margin-bottom: -1px;
}
.peyc-bayi-giris .gfooter {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 1.5em;
  padding-block: 6em 4em;
  will-change: transform;
}
.peyc-bayi-giris .gfooter img {
  height: 3.5em;
}
.peyc-bayi-giris .gfooter p {
  color: #fff;
}

.peyc-bayi-sifre-degistir {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-bayi-sifre-degistir .giris-form {
  background-color: #fff;
  display: grid;
  padding: 2em;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 0 100px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 0 100px;
  justify-items: center;
  font-size: 1.2em;
  gap: 2em;
  width: 400px;
  max-width: 100%;
  border-radius: 0.4rem;
}
.peyc-bayi-sifre-degistir .giris-form > h1 {
  text-align: center;
  font-size: 1.5em;
  font-weight: 300;
}
.peyc-bayi-sifre-degistir .giris-form > h1 img {
  height: 2em;
}
.peyc-bayi-sifre-degistir .giris-form > div {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-bayi-sifre-degistir .giris-form > div h2 {
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  text-align: left;
}
.peyc-bayi-sifre-degistir .giris-form > div h2 p {
  line-height: 1.2;
  font-size: 0.9em;
}
.peyc-bayi-sifre-degistir .giris-form > div > span {
  font-size: 0.8em;
  font-weight: 600;
  color: #595959;
}
.peyc-bayi-sifre-degistir .giris-form form {
  display: grid;
  gap: 1em;
  width: 100%;
}
.peyc-bayi-sifre-degistir .giris-form form label {
  display: grid;
  gap: 0.3em;
}
.peyc-bayi-sifre-degistir .giris-form form label > span {
  color: #a7a7a7;
  font-size: 0.9rem;
  font-weight: 600;
  display: block;
  white-space: nowrap;
}
.peyc-bayi-sifre-degistir .giris-form form label input {
  width: 100% !important;
  height: 2.5em;
  padding: 0.5em;
}
.peyc-bayi-sifre-degistir .giris-form form label em {
  display: none;
  width: 100%;
  font-size: x-small;
  color: red;
  font-style: normal;
}
.peyc-bayi-sifre-degistir .giris-form form .btn {
  width: clamp(0%, 200px, 100%);
  height: unset;
}
.peyc-bayi-sifre-degistir .giris-form form > .btn {
  width: 100%;
}

.peyc-bayi-baslangic .peycc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.peyc-bayi-baslangic .peycc .baslangic-ust {
  display: grid;
  gap: 2rem 1rem;
  grid-template-areas: "hosgeldin bayi" "kisayollar bayi";
  grid-template-columns: 2.5fr 1fr;
}
.peyc-bayi-baslangic .peycc .hosgeldin {
  grid-area: hosgeldin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.2rem;
}
.peyc-bayi-baslangic .peycc .hosgeldin h2 {
  font-weight: 200;
  font-size: 1.7rem;
}
.peyc-bayi-baslangic .peycc .hosgeldin h2 b {
  font-weight: 600;
}
.peyc-bayi-baslangic .peycc .hosgeldin p {
  font-size: 0.9rem;
}
.peyc-bayi-baslangic .peycc .hosgeldin p b {
  font-weight: 600;
}
.peyc-bayi-baslangic .peycc .kisayollar {
  grid-area: kisayollar;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.peyc-bayi-baslangic .peycc .kisayollar a {
  background: #f1f1f1;
  border-radius: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 120px;
          flex: 1 1 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 1rem;
  -webkit-transition: background-color 0.08s linear;
  transition: background-color 0.08s linear;
}
.peyc-bayi-baslangic .peycc .kisayollar a i {
  font-size: 3.5rem;
  color: var(--primary-500);
  line-height: 1;
}
.peyc-bayi-baslangic .peycc .kisayollar a > div {
  font-weight: 600;
  color: #353535;
}
.peyc-bayi-baslangic .peycc .kisayollar a > div span {
  font-weight: 300;
}
.peyc-bayi-baslangic .peycc .kisayollar a:hover {
  background-color: #ededed;
}
.peyc-bayi-baslangic .peycc .bayi {
  grid-area: bayi;
}
.peyc-bayi-baslangic .peycc .bayi-seviye {
  background: url("../img/byi-bslng-by-svy-bg-21013.webp") center/cover no-repeat;
  border-radius: 1rem 1rem 0 0;
  padding: 0.7rem 0.5rem 2rem;
  margin-bottom: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-bayi-baslangic .peycc .bayi-seviye h5 {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.peyc-bayi-baslangic .peycc .bayi-seviye h5 img {
  height: 1.8em;
}
.peyc-bayi-baslangic .peycc .bayi-seviye p {
  color: #fff;
  font-size: 0.9rem;
  text-align: center;
  padding-inline: 0.5rem;
  opacity: 0.9;
}
.peyc-bayi-baslangic .peycc .istatistik {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  border: 1px solid #f1f1f1;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
.peyc-bayi-baslangic .peycc .istatistik li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid #f1f1f1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-bayi-baslangic .peycc .istatistik li:last-child {
  border-bottom: 0;
}
.peyc-bayi-baslangic .peycc .istatistik li h4 {
  font-weight: 500;
}
.peyc-bayi-baslangic .peycc .istatistik li span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  font-weight: 500;
  white-space: nowrap;
}
.peyc-bayi-baslangic .peycc .siparisler .siparisler-head {
  border: 1px solid #f1f1f1;
  border-bottom: 0;
  border-radius: 1rem 1rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 1.2rem 1.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-bayi-baslangic .peycc .siparisler .siparisler-head h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  font-weight: 600;
}
.peyc-bayi-baslangic .peycc .siparisler .dataTables_wrapper {
  border: 1px solid #f1f1f1;
  border-top: 0;
  border-radius: 0 0 1rem 1rem;
}
.peyc-bayi-baslangic .peycc .siparisler .dataTables_wrapper .dataTables_filter, .peyc-bayi-baslangic .peycc .siparisler .dataTables_wrapper .dataTables_length, .peyc-bayi-baslangic .peycc .siparisler .dataTables_wrapper .dataTables_info {
  display: none;
}
.peyc-bayi-baslangic .peycc .siparisler .dataTables_wrapper .dataTables_paginate {
  margin: 1.2rem 1.4rem;
}
.peyc-bayi-baslangic .peycc .siparisler table {
  width: 100%;
}
.peyc-bayi-baslangic .peycc .siparisler table thead tr th {
  text-align: left;
}
.peyc-bayi-baslangic .peycc .siparisler table thead tr th.urun-grubu-cell {
  text-align: center;
}
.peyc-bayi-baslangic .peycc .siparisler table thead tr th.tutar-cell {
  text-align: right;
}
.peyc-bayi-baslangic .peycc .siparisler table tbody tr {
  cursor: pointer;
}
.peyc-bayi-baslangic .peycc .siparisler table tbody tr td {
  text-align: left;
}
.peyc-bayi-baslangic .peycc .siparisler table tbody tr td.dataTables_empty {
  text-align: center;
}
.peyc-bayi-baslangic .peycc .siparisler table tbody tr td.urun-grubu-cell {
  text-align: center;
}
.peyc-bayi-baslangic .peycc .siparisler table tbody tr td.tutar-cell {
  text-align: right;
}
.peyc-bayi-online-odeme .peycc .form .col-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 600px;
          flex: 1 1 600px;
  gap: 1.5rem;
}
.peyc-bayi-online-odeme .peycc .form .col-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.peyc-bayi-online-odeme .peycc .form .input-group label > span {
  padding-inline: 0;
}
.peyc-bayi-online-odeme .peycc .form .input-group .input-group-error {
  padding-inline: 0;
}
.peyc-bayi-online-odeme .peycc .form .foot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-bayi-online-odeme .peycc .form .foot > label {
  padding: 0.75rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  background: #f1f1f1;
  border-radius: 0.4rem;
}
.peyc-bayi-online-odeme .peycc .form .foot > label input[type=checkbox] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-bayi-online-odeme .peycc .form .foot .btn {
  height: 3rem;
}
.peyc-bayi-online-odeme .peycc .form .foot .btn i {
  font-size: 1.4em;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-bayi .choices__inner {
  height: unset;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-bayi .choices__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  font-weight: 300;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-bayi .choices__item.choices__placeholder {
  font-weight: 400;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-bayi .choices__item > h4 {
  font-weight: 600;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-bayi .choices__item > span b {
  font-weight: 600;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-bayi .choices__inner .choices__item {
  padding-right: 2rem;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-miktar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e8e8e8;
  border-radius: 0.4rem;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-miktar > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1rem;
  background: #f1f1f1;
  font-weight: 500;
}
.peyc-bayi-online-odeme .peycc .form .tahsilat-miktar input {
  font-weight: 600;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
}
.peyc-bayi-online-odeme .peycc .form .kart-section {
  gap: 1.5rem;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section {
  border: 1px solid #e8e8e8;
  border-radius: 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section > h4 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section .col {
  padding: 0 1rem 1rem;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .col {
  gap: 1rem;
  -webkit-box-flex: revert;
      -ms-flex: revert;
          flex: revert;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .col > img {
  height: 6rem;
  width: auto;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 1rem;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-group.kart-no > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-group.kart-no input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 0;
  text-align: center;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri {
  gap: 2rem;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label > span {
  width: 100%;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label input {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label input:nth-child(2) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-expire label input:nth-child(3) {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-cvv label > span {
  text-align: center;
}
.peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri .input-group.kart-cvv label input {
  text-align: center;
}
.peyc-bayi-online-odeme .peycc .form .kart-section .col.taksit-ve-not {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-bayi-online-odeme .peycc .form .kart-section .col.taksit-ve-not .col {
  gap: 1rem;
  -webkit-box-flex: revert;
      -ms-flex: revert;
          flex: revert;
}
.peyc-bayi-online-odeme .peycc .form .kart-section .col.taksit-ve-not section.odeme-notu .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-bayi-online-odeme .peycc .form .kart-section .col.taksit-ve-not section.odeme-notu .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-bayi-online-odeme .peycc .form .kart-section .col.taksit-ve-not section.odeme-notu .input-group label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-bayi-online-odeme .peycc .form .kart-section .col.taksit-ve-not section.odeme-notu .input-group textarea {
  height: unset;
}
.peyc-bayi-online-odeme .peycc .form .taksit-secenekleri {
  border: 1px solid #f1f1f1;
  border-radius: 0.4rem;
}
.peyc-bayi-online-odeme .peycc .form .taksit-secenekleri > h4 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.peyc-bayi-online-odeme .peycc .form .taksit-secenekleri > img {
  width: 100%;
}
.peyc-bayi-online-odeme .peycc .form .taksit-secenekleri > span {
  text-align: center;
  color: #a7a7a7;
  padding: 0 1rem 1rem;
}

.peyc-bayi-bayi-profil .peycc .form .col-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 600px;
          flex: 1 1 600px;
}
.peyc-bayi-bayi-profil .peycc .form .col-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.peyc-bayi-bayi-profil .peycc .form .foot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  background: #f1f1f1;
  margin-top: 5rem;
  border-radius: 0.4rem;
}
.peyc-bayi-bayi-profil .peycc .form .foot > label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 600px;
          flex: 1 1 600px;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.peyc-bayi-bayi-profil .peycc .form .foot .btn {
  height: unset;
  min-height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.peyc-bayi-bayi-profil .peycc .form .foot .btn i {
  font-size: 1.4em;
}

.peyc-bayi-kullanici-profil .peycc .form .foot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  background: #f1f1f1;
  margin-top: 5rem;
  border-radius: 0.4rem;
}
.peyc-bayi-kullanici-profil .peycc .form .foot > label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.peyc-bayi-kullanici-profil .peycc .form .foot .btn {
  height: unset;
  min-height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-bayi-kullanici-profil .peycc .form .foot .btn i {
  font-size: 1.4em;
}

.peyc-musteriler .peycb {
  padding-bottom: 0;
}
.peyc-musteriler .peycb::after {
  content: none;
}
.peyc-musteriler .peycb .bayi-bakiye-filtre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-musteriler .peycb .bayi-bakiye-filtre .btn {
  --bg:#f1f1f1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.9rem;
  padding-inline: 0.75rem;
  white-space: nowrap;
}
.peyc-musteriler .peycb .bayi-bakiye-filtre .btn[data-current=true] {
  --bg: #d9d9d9;
  --bg-hover: #c9c9c9;
}
.peyc-musteriler .peycb .bayi-bakiye-filtre .btn[data-current=false] {
  opacity: 0.65;
}
.peyc-siparisler .peycb {
  padding-bottom: 0;
}
.peyc-siparisler .peycb::after {
  content: none;
}
.peyc-siparisler .peycb .peycb-sag {
  width: 100%;
}
.peyc-siparisler .peycb .tahsilatlar-ara-input {
  border: 1px solid #d5d5d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9rem;
  height: 3rem;
}
.peyc-siparisler .peycb .tahsilatlar-ara-input i {
  width: 1.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 1.1em;
}
.peyc-siparisler .peycb .tahsilatlar-ara-input input {
  border: none;
  background: none;
  height: unset;
  padding: 0;
}
.peyc-siparisler .peycb .siparis-durum-filtre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-siparisler .peycb .siparis-durum-filtre .btn {
  --bg:#f1f1f1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.9rem;
  padding-inline: 0.75rem;
  white-space: nowrap;
}
.peyc-siparisler .peycb .siparis-durum-filtre .btn[data-current=true] {
  --bg: #d9d9d9;
}
.peyc-siparisler .peycb .siparis-durum-filtre .btn[data-current=false] {
  opacity: 0.65;
}
.peyc-siparis-olustur {
  overflow-y: auto;
}
.peyc-siparis-olustur .peycb h1 {
  font-size: 1.5rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre-wrap;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.peyc-siparis-olustur .peycb h1 i {
  color: var(--primary-500);
  font-size: 1.2em;
}
.peyc-siparis-olustur .peycb::after {
  content: none;
}
.peyc-siparis-olustur .peycc {
  overflow: hidden;
}
.peyc-siparis-olustur .peycc .peycc-inner {
  padding: 1.5rem;
  background: #f2f3f3;
  border-radius: 1rem;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr 330px;
  height: 100%;
}
.peyc-siparis-olustur .peycc .siparis-olustur-sol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper {
  background: #fff;
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.4rem;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  border-radius: 2rem;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem 1rem;
  border-radius: 2rem;
  text-align: center;
  font-size: 0.9rem;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  position: relative;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide i.mdi-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.9019607843);
  color: #333;
  z-index: 1;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide i.mdi-loading::before {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide span.ng-hide {
  display: unset !important;
  opacity: 0;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide:hover {
  background: #f2f3f3;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-slide[data-current=true] {
  background: var(--primary-500);
  color: var(--primary-text-500);
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper [class^=swiper-button-]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-button-prev::before {
  right: -1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(10%, #fff), to(transparent));
  background: linear-gradient(to right, #fff, #fff 10%, transparent);
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .swiper-button-next::before {
  left: -1.25rem;
  background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(10%, #fff), to(transparent));
  background: linear-gradient(to left, #fff, #fff 10%, transparent);
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .store-cek {
  position: relative;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .store-cek i {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: calc(50% - 0.5rem);
  top: calc(50% - 0.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urun-gruplari.swiper .store-cek span.ng-hide {
  display: unset !important;
  opacity: 0;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urunlerde-ara {
  font-size: 0.9rem;
  border: 1px solid #d6d7d7;
  border-radius: 2rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urunlerde-ara i {
  font-size: 1.5em;
  -ms-flex-item-align: center;
      align-self: center;
  width: 2.3rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urunlerde-ara input {
  height: 100%;
  border: 0;
  border-radius: 0 !important;
  padding: 0.25rem;
  width: 15rem;
  max-width: 100%;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper {
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.4rem;
  border: 1px solid #d2d3d3;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper {
  border-radius: 1rem;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
  height: 2.2rem;
  line-height: 1;
  border-radius: 2rem;
  text-align: center;
  font-size: 0.8rem;
  white-space: nowrap;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper .swiper-slide.tumu i {
  display: none;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper .swiper-slide:hover {
  background: #fff;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper .swiper-slide[data-current=true] {
  background: #606161;
  color: #fff;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper [class^=swiper-button-]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper .swiper-button-prev::before {
  right: -1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to right, #f2f3f3, #f2f3f3 10%, transparent);
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper .swiper-button-next::before {
  left: -1.25rem;
  background: -webkit-gradient(linear, right top, left top, from(#f2f3f3), color-stop(10%, #f2f3f3), to(transparent));
  background: linear-gradient(to left, #f2f3f3, #f2f3f3 10%, transparent);
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .vergi-uyari {
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre;
  padding-right: 1rem;
}
.peyc-siparis-olustur .peycc .kategoriler-wrapper .vergi-uyari i {
  font-size: 1.4em;
}
.peyc-siparis-olustur .peycc .urun-listesi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  overflow: hidden auto;
  padding: 1.5rem 2px;
  padding-right: 2px;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1.5rem, #000), color-stop(#000), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 1.5rem, #000 calc(100% - 1.5rem), transparent);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1.5rem, #000), color-stop(#000), to(transparent));
          mask-image: linear-gradient(to bottom, transparent, #000 1.5rem, #000 calc(100% - 1.5rem), transparent);
}
.peyc-siparis-olustur .peycc .urun-listesi .urun-kutu-1 {
  --delay: calc(var(--i, 0) * .05s);
  opacity: 0;
  -webkit-animation: urun-gel 0.3s ease-in-out var(--delay) forwards;
          animation: urun-gel 0.3s ease-in-out var(--delay) forwards;
}
.peyc-siparis-olustur .peycc .urun-listesi .urun-kutu-2 {
  --delay: calc(var(--i, 0) * .05s);
  opacity: 0;
  -webkit-animation: urun-gel 0.3s ease-in-out var(--delay) forwards;
          animation: urun-gel 0.3s ease-in-out var(--delay) forwards;
}
@-webkit-keyframes urun-gel {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes urun-gel {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.peyc-siparis-olustur .peycc .urun-listesi::-webkit-scrollbar {
  width: 0;
}
.peyc-siparis-olustur .peycc .urun-listesi .urun-yok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: rgba(255, 255, 255, 0.6196078431);
  padding: 1rem;
  border-radius: 1rem;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 600;
  grid-column: 1/-1;
  width: 100%;
}
.peyc-siparis-olustur .peycc .urun-listesi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.5rem;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet {
  background: #fff;
  border-radius: 1rem;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  isolation: isolate;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet > h2 {
  padding: 0 1.75rem;
  height: 3.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.35rem;
  z-index: 10;
  background-color: #fff;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet > h2 i {
  font-size: 1.3em;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet > h3 {
  background-color: var(--primary-500);
  color: var(--primary-text-500);
  padding: 0.55rem 1.75rem 0.5rem;
  font-weight: 500;
  font-size: 0.9rem;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  min-height: 30rem;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun {
  display: grid;
  gap: 0.5rem;
  padding: 1.75rem;
  border-bottom: 1px solid #f2f3f3;
  -webkit-animation: siparis-urun-gel 0.3s ease-in-out;
          animation: siparis-urun-gel 0.3s ease-in-out;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun:last-child {
  border-bottom: 0;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > h4 span {
  font-weight: 300;
  color: #7a7a7a;
  font-size: 0.85em;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > h4 sub {
  font-weight: 450;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f2f3f3;
  padding: 1px;
  gap: 1px;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet > label {
  grid-row: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding-right: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet > label input {
  width: 4rem;
  height: unset;
  border: 0;
  padding: 0 0.5rem 0 0;
  text-align: right;
  background: none;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet > label input::-webkit-outer-spin-button, .peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet > label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet button {
  background-color: #fff;
  border: 0;
  width: 1.75rem;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet button i {
  line-height: 1;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet button:hover {
  background-color: #f2f3f3;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet button + button {
  grid-row: 2;
  grid-column: 2;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: 600;
  width: 0;
  overflow: hidden;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section > span input {
  border: 0;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section > button {
  background-color: #fff;
  border: 0;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  padding-inline: 0.75rem;
  font-weight: 600;
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3rem;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section > button i {
  font-size: 1.4em;
  color: var(--primary-500);
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section > button:hover {
  background-color: #f2f3f3;
}
@-webkit-keyframes siparis-urun-gel {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes siparis-urun-gel {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-notu {
  height: 6rem;
  max-height: 6rem;
  border: 0;
  min-height: 4rem;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-hesap-ozeti {
  display: grid;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-hesap-ozeti > div {
  border-top: 1px solid #f2f3f3;
  padding: 0.75rem 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-hesap-ozeti > div:first-child {
  margin-top: 0.5rem;
  border-top: 0;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-hesap-ozeti > div h5 {
  font-weight: 300;
  font-size: 1em;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-hesap-ozeti > div span {
  font-weight: 300;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
  font-size: 1em;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-hesap-ozeti > button {
  margin: 1rem 1.75rem;
  padding: 1rem;
  background-color: #629d52;
  border-radius: 1.25rem;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-hesap-ozeti > button i {
  font-size: 1.6em;
}
.peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-hesap-ozeti > button:hover {
  background-color: #5c944d;
}

.peyc-odemeler .peycb {
  padding-bottom: 0;
}
.peyc-odemeler .peycb::after {
  content: none;
}
.peyc-odemeler .peycb .eylemler {
  gap: 1rem;
}
.peyc-odemeler .peycb .eylemler .tahsilatlar-ara-input {
  border: 1px solid #d5d5d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9rem;
  height: 3rem;
}
.peyc-odemeler .peycb .eylemler .tahsilatlar-ara-input i {
  width: 1.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 1.1em;
}
.peyc-odemeler .peycb .eylemler .tahsilatlar-ara-input input {
  border: none;
  background: none;
  height: unset;
  padding: 0;
}
.peyc-odemeler .peycb .eylemler .tahsilatlar-tumunu-goster {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.peyc-odeme-sonuc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-odeme-sonuc .ortala {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-odeme-sonuc .ortala > div {
  background-color: #fff;
  display: grid;
  padding: 2em;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  justify-items: center;
  font-size: 1.2em;
  gap: 0.2em;
  text-align: center;
  width: 400px;
  max-width: calc(100% - 1.5em);
}
.peyc-odeme-sonuc .ortala > div > i {
  font-size: 2.2em;
  color: #0a9d41;
}
.peyc-odeme-sonuc .ortala > div h1 {
  font-size: 1.2em;
  font-weight: bold;
  color: #077830;
}
.peyc-odeme-sonuc .ortala > div > p {
  font-size: 0.8em;
  opacity: 0.8;
}
.peyc-odeme-sonuc .ortala > div > span {
  margin-top: 1em;
  font-size: 0.65em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  color: #5e5e5e;
}
.peyc-odeme-sonuc .ortala > div > span::before {
  content: "";
  display: block;
  height: 1px;
  width: 50%;
  background-color: #eee;
}
.peyc-odeme-sonuc .ortala > div > a {
  margin-top: 1rem;
  font-size: 0.7em;
  font-weight: 600;
}
.peyc-odeme-sonuc .ortala > div[data-success=false] > i {
  color: red;
}
.peyc-odeme-sonuc .ortala > div[data-success=false] h1 {
  color: #b30000;
}
.peyc-odeme-sonuc .ortala > div > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}

.peyc-sistem-kayitlari .peycb {
  padding-bottom: 0;
}
.peyc-sistem-kayitlari .peycb::after {
  content: none;
}
.peyc-siparis-detayi {
  overflow: hidden;
}
.peyc-siparis-detayi .peycb {
  padding-bottom: 0;
}
.peyc-siparis-detayi .peycb h1 {
  font-size: 1.5rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre-wrap;
}
.peyc-siparis-detayi .peycb h1 i {
  color: var(--primary-500);
  font-size: 1.2em;
}
.peyc-siparis-detayi .peycb::after {
  content: none;
}
.peyc-siparis-detayi .peycc {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-siparis-detayi .peycc .peycc-inner {
  padding: 1.5rem;
  background: #f2f3f3;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
  grid-template-columns: 1fr auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol {
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 640px;
          flex: 1 1 640px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  overflow: hidden;
  border-radius: 5px;
  background: #dde8e8;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > span {
  background: #adeae9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  font-size: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > span > i {
  font-size: 1.4em;
  line-height: 1;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 1rem;
  padding: 1rem;
  line-height: 1.2;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > div h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
  font-weight: normal;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > div h2 > i {
  font-size: 1.4em;
  line-height: 1;
  margin-left: -1px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > div h2 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.4rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > div h2 b {
  font-size: 1.2em;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > div h2 {
  /* > span {
       font-size: 1rem;
       b { font-size: 1em; }
   }*/
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi thead {
  background: #f2f3f3;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi thead th {
  padding: 1rem;
  white-space: nowrap;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi thead th:first-child {
  border-radius: 5px 0 0 5px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi thead th:last-child {
  border-radius: 0 5px 5px 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi thead th.col-urun-adi {
  min-width: 220px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi td {
  padding: 1.5rem 1rem;
  position: relative;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi td::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4px;
  background: #f4f5f5;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi td:first-child::after {
  left: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi td:last-child::after {
  right: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi td.col-sku {
  white-space: nowrap;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi td.col-adet {
  width: 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi td.col-fiyat {
  width: 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi td.col-toplam {
  width: 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil {
  display: none;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil thead {
  background: #f2f3f3;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil thead th {
  padding: 1rem;
  white-space: nowrap;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil thead th:first-child {
  border-radius: 5px 0 0 5px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil thead th:last-child {
  border-radius: 0 5px 5px 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td {
  padding: 1.5rem 1rem;
  position: relative;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4px;
  background: #f4f5f5;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td:first-child::after {
  left: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td:last-child::after {
  right: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td.col-urun .col-urun-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td.col-urun .col-urun-content > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 120px;
          flex: 1 1 120px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > h4 span {
  font-weight: 300;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > ul {
  display: grid;
  min-width: 120px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > ul li {
  font-weight: 600;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil td.col-urun .col-urun-content > div > ul li span {
  font-weight: 300;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti tr:last-child th::after, .peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti tr:last-child td::after {
  content: none;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti th, .peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti td {
  padding: 1.5rem 1rem 1.5rem 1.5rem;
  position: relative;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti th::after, .peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti td::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4px;
  background: #f4f5f5;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti th {
  font-weight: normal;
  text-align: left;
  padding-left: 3rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti td {
  font-weight: 600;
  text-align: right;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti td::after {
  right: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti tr.siparis-detayi-ozet-edit td > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti tr.siparis-detayi-ozet-edit td > div input {
  width: 7rem;
  text-align: right;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .hesap-ozeti tr.siparis-detayi-ozet-edit td > div .btn {
  width: 3rem;
  height: 3rem;
  padding: 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-notu {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-notu .siparis-notu-baslik {
  background: #f2f3f3;
  border-radius: 5px;
  padding: 1rem;
  font-size: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-notu > div {
  padding: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag {
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  width: 30rem;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag > .btn {
  font-size: 1.1rem;
  height: 3.5rem;
  width: 100%;
  width: 100%;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag > .btn i {
  font-size: 1.2em;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .siparis-durum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #dde8e8;
  border-radius: 5px;
  width: 100%;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .siparis-durum > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: bold;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .siparis-durum > span > i {
  font-size: 1.4em;
  line-height: 1;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .siparis-durum .choices {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #c4c8c8;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .siparis-durum .choices .choices__inner {
  height: unset;
  border: 0;
  background: none;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .siparis-durum > p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #c4c8c8;
  padding: 0 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .btn-siparisi-parcala {
  --bg:#ff9800;
  --bg-hover: #E68900;
  --color:#fff;
  font-size: 1.1rem;
  height: 3.5rem;
  width: 100%;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .btn-siparisi-parcala i {
  font-size: 1.2em;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper.faturayi-goruntule .btn {
  --bg:#03c2c1;
  --bg-hover: #04b5b5;
  --color:#fff;
  border: 0;
  height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  line-height: 1;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper.faturayi-goruntule .btn i {
  font-size: 1.4em;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper.faturayi-goruntule .btn + .btn {
  --bg:#02a3a2;
  --bg-hover: #029696;
  margin-left: -0.5rem;
  padding: 0;
  padding-left: 0.5rem;
  width: 4.5rem;
  z-index: -1;
  -webkit-box-flex: 1;
      -ms-flex: auto 0;
          flex: auto 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper.faturayi-onayla .btn {
  --bg:#469dd8;
  --bg-hover: #4195cc;
  --color:#fff;
  border: 0;
  height: 3.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  line-height: 1;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper.faturayi-onayla .btn i {
  font-size: 1.4em;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper.faturayi-onayla .btn + .btn {
  --bg:#3276a6;
  --bg-hover: #2c6994;
  margin-left: -0.5rem;
  padding: 0;
  padding-left: 0.5rem;
  width: 4.5rem;
  z-index: -1;
  -webkit-box-flex: 1;
      -ms-flex: auto 0;
          flex: auto 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper.faturayi-onayla .btn + .btn + .btn {
  --bg:#3883b7;
  --bg-hover: #3374a3;
  z-index: -2;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar {
  background: #f2f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 5px;
  width: 100%;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar > h2 {
  border-radius: 5px;
  padding: 1rem;
  font-size: 1rem;
  background: #dde8e8;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar > div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar > div ul h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  background: #dde8e8;
  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
  min-height: 2.5rem;
  font-size: 1rem;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar > div ul h3 button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  padding: 0;
  font-size: 1.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar > div ul li {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  padding: 2px;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar > div ul li input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
  height: 2.5rem;
  border-radius: 0;
  background: none;
}
.peyc-siparis-detayi .peycc .siparis-detayi-sag .seri-nolar > div ul li button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  isolation: isolate;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-backdrop {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.51);
  -webkit-transition: 0.18s linear;
  transition: 0.18s linear;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container {
  background: #f2f3f3;
  padding: 2rem;
  width: clamp(0%, 320px, 90vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-transition: 0.18s ease-in-out;
  transition: 0.18s ease-in-out;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container > h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  font-weight: 600;
  gap: 0.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container > h2 span {
  font-weight: normal;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container form input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
  border-radius: 0;
  background: none;
  height: unset;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container form button {
  --bg: #02b491;
  --bg-hover: #02a887;
  --color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  padding: 0;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0.75rem;
  line-height: 1;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px;
  background: #fff;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container ul li input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
  border-radius: 0;
  background: none;
  height: 2.5rem;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container ul li button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  padding: 0;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container > button {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 8rem;
  font-size: 1.1rem;
  border-radius: 3px;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani .seri-no-ekle-container > button i {
  font-size: 1.2em;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani.ng-hide {
  visibility: hidden;
  pointer-events: none;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani.ng-hide .seri-no-ekle-backdrop {
  opacity: 0;
}
.peyc-siparis-detayi .seri-no-ekle-ekrani.ng-hide .seri-no-ekle-container {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.peyc-odeme-detay .peycb .peycb-sag {
  width: unset !important;
}
.peyc-odeme-detay .peycc > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-odeme-detay .peycc > section > h4 {
  background: #e8e8e8;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  font-weight: 600;
}
.peyc-odeme-detay .peycc > section > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-odeme-detay .peycc > section > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0.75rem 1rem;
}
.peyc-odeme-detay .peycc > section > ul > li:nth-child(even) {
  background: #f1f1f1;
}
.peyc-odeme-detay .peycc > section > ul > li > h4 {
  width: 180px;
}
.peyc-odeme-detay .peycc > section > ul > li > span {
  margin-right: 0.5rem;
  font-weight: bold;
}
.peyc-odeme-detay .peycc > section > ul > li > p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.peyc-odeme-detay-yazdir {
  background: #fff;
}
.peyc-odeme-detay-yazdir .peycc > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 1rem;
}
.peyc-odeme-detay-yazdir .peycc > section > img {
  height: 6rem;
  width: auto;
}
.peyc-odeme-detay-yazdir .peycc > section > h2 {
  background: #000;
  color: #fefefe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.75rem 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-weight: 400;
  font-size: 1.5rem;
}
.peyc-odeme-detay-yazdir .peycc > section > h2 span {
  font-size: 1rem;
}
.peyc-odeme-detay-yazdir .peycc > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.peyc-odeme-detay-yazdir .peycc > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0.75rem 1rem;
}
.peyc-odeme-detay-yazdir .peycc > ul > li:nth-child(even) {
  background: #f1f1f1;
}
.peyc-odeme-detay-yazdir .peycc > ul > li > h4 {
  width: 180px;
}
.peyc-odeme-detay-yazdir .peycc > ul > li > span {
  margin-right: 0.5rem;
  font-weight: bold;
}
.peyc-odeme-detay-yazdir .peycc > ul > li > p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.peyc-odeme-detay-yazdir .peycc > p {
  margin-top: 3rem;
}

.peyc-404 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
}
.peyc-404 .ortala {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-404 .ortala > div {
  background-color: #fff;
  display: grid;
  padding: 2em;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 0 100px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 0 100px;
  justify-items: center;
  font-size: 1.2em;
  gap: 0.2em;
  text-align: center;
  width: 400px;
  max-width: calc(100% - 1.5em);
}
.peyc-404 .ortala > div > i {
  font-size: 2.2em;
  color: #8c8c8c;
}
.peyc-404 .ortala > div h1 {
  font-size: 2em;
  font-weight: 800;
  color: #6e6e6e;
}
.peyc-404 .ortala > div > p {
  font-size: 0.8em;
  opacity: 0.8;
}
.peyc-404 .ortala > div > span {
  margin-top: 1em;
  font-size: 0.8em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  color: #5e5e5e;
}
.peyc-404 .ortala > div > span::before {
  content: "";
  display: block;
  height: 1px;
  width: 50%;
  background-color: #eee;
}
.peyc-404 .ortala > div > a {
  margin-top: 2rem;
  font-size: 0.7em;
  font-weight: 600;
}

.peyc-hazirlaniyor {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peyc-hazirlaniyor > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.peyc-hazirlaniyor > div img {
  height: 4rem;
  margin-left: -0.3rem;
}
.peyc-hazirlaniyor > div span {
  font-size: 1.2rem;
  font-weight: 200;
}

.peyc-test .peycc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.peyc-tum-urunler .ortala {
  width: clamp(0%, 1024px, 100%);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.peyc-tum-urunler .ortala li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.peyc-tum-urunler .ortala li h4 {
  font-size: 1.5rem;
  font-weight: 600;
}
.peyc-tum-urunler .ortala li table {
  border: 1px solid #d8d8d8;
}
.peyc-tum-urunler .ortala li table th, .peyc-tum-urunler .ortala li table td {
  padding: 1rem;
  border: 1px solid #d8d8d8;
}
.peyc-tum-urunler .ortala li table th {
  width: 0%;
  white-space: nowrap;
}
.urun-kutu-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.5rem;
  background: #f7f7f7;
  border-radius: 0.5rem;
  gap: 2rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  outline: 1.5px solid transparent;
  outline-offset: 1px;
  -webkit-transition: outline 0.08s linear;
  transition: outline 0.08s linear;
}
.urun-kutu-1 .urun-kutu-gorsel {
  width: 15rem;
  max-width: 100%;
  position: relative;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.urun-kutu-1 .urun-kutu-gorsel .urun-kutu-icerik-gorsel {
  left: 0;
  top: -0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  line-height: 1.2;
  background: #f2f3f3;
  border-radius: 0.3em;
  padding: 0.3em 0.5em 0.2em 0.4em;
  color: #606060;
  font-weight: 600;
}
.urun-kutu-1 .urun-kutu-gorsel .urun-kutu-icerik-gorsel i {
  font-size: 1.2em;
}
.urun-kutu-1 .urun-kutu-gorsel img {
  width: 100%;
  height: unset;
  aspect-ratio: var(--urun-image-aspect-ratio);
  -o-object-fit: contain;
     object-fit: contain;
}
.urun-kutu-1 .urun-kutu-baslik {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 15rem;
          flex: 1 1 15rem;
}
.urun-kutu-1 .urun-kutu-baslik h4 {
  font-weight: 600;
  max-width: 100%;
}
.urun-kutu-1 .urun-kutu-baslik > span {
  font-size: 0.9rem;
}
.urun-kutu-1 .urun-kutu-icerigi {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 0.5rem;
}
.urun-kutu-1 .urun-kutu-icerigi h6 {
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.urun-kutu-1 .urun-kutu-icerigi li {
  font-size: 0.9rem;
}
.urun-kutu-1 .urun-kutu-icerigi li span {
  font-size: 0.9em;
}
.urun-kutu-1 .urun-kutu-icerigi li sub {
  vertical-align: baseline;
}
.urun-kutu-1 .urun-kutu-sag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40rem;
          flex: 1 1 40rem;
}
.urun-kutu-1 .urun-kutu-cells {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.urun-kutu-1 .urun-kutu-cells .urun-kutu-cell {
  font-weight: 600;
  font-size: 0.9rem;
  min-width: 7rem;
}
.urun-kutu-1 .urun-kutu-cells .urun-kutu-cell span {
  font-weight: normal;
}
.urun-kutu-1 .urun-kutu-cells .urun-kutu-cell.kutu-icerigi-cell {
  width: 12rem;
}
.urun-kutu-1 .urun-kutu-ekle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f2f3f3;
  padding: 1px;
  gap: 1px;
}
.urun-kutu-1 .urun-kutu-ekle .adet {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
}
.urun-kutu-1 .urun-kutu-ekle .adet > label {
  grid-row: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding-right: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.urun-kutu-1 .urun-kutu-ekle .adet > label input {
  width: 4rem;
  height: unset;
  border: 0;
  padding: 0 0.5rem 0 0;
  text-align: right;
}
.urun-kutu-1 .urun-kutu-ekle .adet > label input::-webkit-outer-spin-button, .urun-kutu-1 .urun-kutu-ekle .adet > label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.urun-kutu-1 .urun-kutu-ekle .adet button {
  background-color: #fff;
  border: 0;
  width: 1.75rem;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.urun-kutu-1 .urun-kutu-ekle .adet button i {
  line-height: 1;
}
.urun-kutu-1 .urun-kutu-ekle .adet button:hover {
  background-color: #f2f3f3;
}
.urun-kutu-1 .urun-kutu-ekle .adet button + button {
  grid-row: 2;
  grid-column: 2;
}
.urun-kutu-1 .urun-kutu-ekle > button {
  background-color: #fff;
  border: 0;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  padding-inline: 0.75rem 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.urun-kutu-1 .urun-kutu-ekle > button i {
  font-size: 1.4em;
}
.urun-kutu-1 .urun-kutu-ekle > button:hover {
  background-color: #f2f3f3;
}
.urun-kutu-1 .urun-kutu-ekle > button:hover i {
  color: #5b815b;
}
.urun-kutu-1:hover {
  outline-color: #939393;
}

.urun-kutu-2 {
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 1.5rem;
  background: #fff;
  border-radius: 1rem;
  gap: 2rem;
  outline: 1.5px solid transparent;
  outline-offset: 1px;
  -webkit-transition: outline 0.08s linear;
  transition: outline 0.08s linear;
  position: relative;
  isolation: isolate;
}
.urun-kutu-2 .urun-kutu-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  padding: inherit;
  padding-top: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99;
  pointer-events: none;
}
.urun-kutu-2 .urun-kutu-badges > span {
  padding: 0.15rem 1rem 0.25rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  background: #f4f4f4;
}
.urun-kutu-2 .urun-kutu-badges .urun-kutu-badge-bayiye-ozel-fiyat {
  background: #22a704;
  color: #fff;
}
.urun-kutu-2 .urun-kutu-badges .urun-kutu-badge-stokta-yok {
  background: #f00;
  color: #fff;
  padding-inline: 2rem;
  font-weight: 600;
}
.urun-kutu-2 .urun-kutu-gorsel {
  width: 100%;
  position: relative;
}
.urun-kutu-2 .urun-kutu-gorsel a {
  position: absolute;
  right: -1.5rem;
  top: -1.5rem;
  color: grey;
  font-size: 1.2rem;
  padding: 1rem;
  line-height: 1;
}
.urun-kutu-2 .urun-kutu-gorsel img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}
.urun-kutu-2 .urun-kutu-baslik {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.urun-kutu-2 .urun-kutu-baslik h4 {
  font-weight: 600;
  max-width: 100%;
}
.urun-kutu-2 .urun-kutu-baslik > span {
  font-size: 0.9rem;
}
.urun-kutu-2 .urun-kutu-alt {
  display: grid;
  gap: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.urun-kutu-2 .urun-kutu-cells {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.urun-kutu-2 .urun-kutu-cells .urun-kutu-cell {
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.urun-kutu-2 .urun-kutu-cells .urun-kutu-cell span {
  font-weight: normal;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.urun-kutu-2 .urun-kutu-cells .urun-kutu-cell b {
  font-weight: 600;
  text-align: right;
  font-size: 1.1em;
}
.urun-kutu-2 .urun-kutu-ekle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f2f3f3;
  padding: 1px;
  gap: 1px;
}
.urun-kutu-2 .urun-kutu-ekle .adet {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
}
.urun-kutu-2 .urun-kutu-ekle .adet > label {
  grid-row: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding-right: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.urun-kutu-2 .urun-kutu-ekle .adet > label input {
  width: 3rem;
  height: unset;
  border: 0;
  padding: 0 0.5rem 0 0;
  text-align: right;
}
.urun-kutu-2 .urun-kutu-ekle .adet > label input::-webkit-outer-spin-button, .urun-kutu-2 .urun-kutu-ekle .adet > label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.urun-kutu-2 .urun-kutu-ekle .adet button {
  background-color: #fff;
  border: 0;
  width: 1.75rem;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
}
.urun-kutu-2 .urun-kutu-ekle .adet button i {
  line-height: 1;
}
.urun-kutu-2 .urun-kutu-ekle .adet button:hover {
  background-color: #f2f3f3;
}
.urun-kutu-2 .urun-kutu-ekle .adet button + button {
  grid-row: 2;
  grid-column: 2;
}
.urun-kutu-2 .urun-kutu-ekle > button {
  background-color: #fff;
  border: 0;
  -webkit-transition: 0.08s linear;
  transition: 0.08s linear;
  padding-inline: 0.75rem 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.urun-kutu-2 .urun-kutu-ekle > button i {
  font-size: 1.4em;
}
.urun-kutu-2 .urun-kutu-ekle > button:hover {
  background-color: #f2f3f3;
}
.urun-kutu-2 .urun-kutu-ekle > button:hover i {
  color: #5b815b;
}
.urun-kutu-2:hover {
  outline-color: #939393;
}

.depolar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}

.depo-kutu {
  border: 1px solid #e8e8e8;
  background-color: #f5f5f5;
  padding: 1.5rem 1.5rem 1rem;
  border-radius: 0.75rem;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 1rem;
}
.depo-kutu h4 {
  position: relative;
}
.depo-kutu h4 sub {
  font-size: 0.7rem;
  vertical-align: baseline;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: -1rem;
}
.depo-kutu section button {
  height: 2.2rem;
  width: 2.2rem;
  padding: 0;
  font-size: 0.9rem;
}

.odeme-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  isolation: isolate;
}
.odeme-modal .odeme-modal-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.odeme-modal .odeme-modal-content {
  background: #fff;
  border-radius: 0.4rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 0.2rem;
}
.odeme-modal .odeme-modal-content .odeme-modal-close {
  position: absolute;
  z-index: 10;
  right: 0.4rem;
  top: 0.4rem;
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background: #333;
  color: #fff;
  border-radius: 50%;
}
.odeme-modal .odeme-modal-content .odeme-modal-close i {
  height: 1.4em;
}
.odeme-modal .odeme-modal-content iframe {
  width: 640px;
  max-width: 90vw;
  height: 720px;
  max-height: 90vh;
  border-radius: 0.4rem;
}

#siparisler_wrapper .dataTables_filter, #siparisler_wrapper .dataTables_length {
  display: none;
}
#siparisler_wrapper table {
  width: 100%;
}
#siparisler_wrapper table thead tr th {
  text-align: left;
}
#siparisler_wrapper table thead tr th.urun-grubu-cell {
  text-align: center;
}
#siparisler_wrapper table thead tr th.tutar-cell {
  text-align: right;
}
#siparisler_wrapper table tbody tr {
  cursor: pointer;
}
#siparisler_wrapper table tbody tr td {
  text-align: left;
  padding: 0;
}
#siparisler_wrapper table tbody tr td > a {
  padding: 1.2rem 1.5rem;
  display: block;
}
#siparisler_wrapper table tbody tr td.dataTables_empty {
  text-align: center;
}
#siparisler_wrapper table tbody tr td.urun-grubu-cell {
  text-align: center;
}
#siparisler_wrapper table tbody tr td.tutar-cell {
  text-align: right;
}
#siparisler-mobil_wrapper {
  display: none;
}
#siparisler-mobil_wrapper .dataTables_filter, #siparisler-mobil_wrapper .dataTables_length, #siparisler-mobil_wrapper .dataTables_info {
  display: none;
}
#siparisler-mobil_wrapper table {
  width: 100%;
}
#siparisler-mobil_wrapper table thead tr th {
  text-align: left;
}
#siparisler-mobil_wrapper table tbody tr {
  cursor: pointer;
}
#siparisler-mobil_wrapper table tbody tr td {
  text-align: left;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 140px;
          flex: 1 1 140px;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section > h4 {
  font-weight: 600;
  font-size: 1.1rem;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section > p {
  font-size: 1rem;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section > p i {
  color: #747474;
  font-size: 1.1em;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section + section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2px;
  min-width: 80px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section + section > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section + section > ul > span {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  overflow: hidden;
  font-weight: 600;
  white-space: nowrap;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section + section > ul > span + span {
  isolation: isolate;
  position: relative;
  font-weight: 400;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section + section > ul > span + span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--bg);
  z-index: -1;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section + section > div {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  gap: 0.4rem;
}
#siparisler-mobil_wrapper table tbody tr td.siparis-cell .siparis-cell-content > section + section > div i {
  font-size: 1.6em;
}

#odemeler_wrapper .dataTables_filter, #odemeler_wrapper .dataTables_length, #odemeler_wrapper .dataTables_info {
  display: none;
}
#odemeler_wrapper table {
  width: 100%;
}
#odemeler_wrapper table thead tr th {
  text-align: left;
}
#odemeler_wrapper table thead tr th.tutar-cell {
  text-align: right;
  padding-right: 2rem;
}
#odemeler_wrapper table thead tr th.durum-cell {
  width: 0;
}
#odemeler_wrapper table tbody tr {
  cursor: pointer;
}
#odemeler_wrapper table tbody tr td {
  text-align: left;
}
#odemeler_wrapper table tbody tr td.tutar-cell {
  text-align: right;
  padding-right: 2rem;
}
#odemeler_wrapper table tbody tr td.durum-cell {
  text-align: center;
}
#odemeler_wrapper table tbody tr td.durum-cell i {
  font-size: 1.5rem;
  line-height: 1;
}
#odemeler_wrapper table tbody tr td.durum-cell i.mdi-clock {
  color: #ff7f00;
}
#odemeler_wrapper table tbody tr td.durum-cell i.mdi-check-circle {
  color: green;
}
#odemeler_wrapper table tbody tr td.durum-cell i.mdi-close-circle {
  color: red;
}
#odemeler_wrapper table tbody tr td.dataTables_empty {
  text-align: center;
}

#odemeler-mobil_wrapper {
  display: none;
}
#odemeler-mobil_wrapper .dataTables_filter, #odemeler-mobil_wrapper .dataTables_length, #odemeler-mobil_wrapper .dataTables_info {
  display: none;
}
#odemeler-mobil_wrapper table {
  width: 100%;
}
#odemeler-mobil_wrapper table thead tr th {
  text-align: left;
}
#odemeler-mobil_wrapper table tbody tr {
  cursor: pointer;
}
#odemeler-mobil_wrapper table tbody tr td {
  text-align: left;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 140px;
          flex: 1 1 140px;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section > h4 {
  font-weight: 600;
  font-size: 1.1rem;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section > p {
  font-size: 1rem;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section > p i {
  color: #747474;
  font-size: 1.1em;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 10px;
          flex: 1 1 10px;
  min-width: 100px;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > ul {
  display: grid;
  gap: 2px;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > ul > span {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  overflow: hidden;
  font-weight: 600;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > ul > span + span {
  isolation: isolate;
  position: relative;
  font-weight: 400;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > ul > span + span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--bg);
  z-index: -1;
  opacity: 0.25;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > div {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  gap: 0.4rem;
}
#odemeler-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > div i {
  font-size: 1.6em;
}

#musteriler_wrapper .dataTables_filter, #musteriler_wrapper .dataTables_length, #musteriler_wrapper .dataTables_info {
  display: none;
}
#musteriler_wrapper table {
  width: 100%;
}
#musteriler_wrapper table thead tr th.seviye-cell {
  text-align: center;
}
#musteriler_wrapper table thead tr th.online-siparis-cell {
  text-align: center;
}
#musteriler_wrapper table thead tr th.bakiye-cell {
  text-align: right;
}
#musteriler_wrapper table tbody tr {
  cursor: pointer;
}
#musteriler_wrapper table tbody tr td.seviye-cell {
  text-align: center;
}
#musteriler_wrapper table tbody tr td.online-siparis-cell {
  text-align: center;
}
#musteriler_wrapper table tbody tr td.bakiye-cell {
  text-align: right;
}

#musteriler-mobil_wrapper {
  display: none;
}
#musteriler-mobil_wrapper .dataTables_filter, #musteriler-mobil_wrapper .dataTables_length, #musteriler-mobil_wrapper .dataTables_info {
  display: none;
}
#musteriler-mobil_wrapper table {
  width: 100%;
}
#musteriler-mobil_wrapper table thead tr th {
  text-align: left;
}
#musteriler-mobil_wrapper table tbody tr {
  cursor: pointer;
}
#musteriler-mobil_wrapper table tbody tr td {
  text-align: left;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 140px;
          flex: 1 1 140px;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section > h4 {
  font-weight: 600;
  font-size: 1.1rem;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section > p {
  font-size: 1rem;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section > p i {
  color: #747474;
  font-size: 1.1em;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 10px;
          flex: 1 1 10px;
  min-width: 80px;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > ul > span {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  overflow: hidden;
  font-weight: 600;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > ul > span + span {
  isolation: isolate;
  position: relative;
  font-weight: 400;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > ul > span + span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--bg);
  z-index: -1;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > div {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  gap: 0.4rem;
}
#musteriler-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > div i {
  font-size: 1.6em;
}

#depo-hareket-fisleri_wrapper .dataTables_filter, #depo-hareket-fisleri_wrapper .dataTables_length, #depo-hareket-fisleri_wrapper .dataTables_info {
  display: none;
}
#depo-hareket-fisleri_wrapper table {
  width: 100%;
}
#depo-hareket-fisleri_wrapper table thead tr th {
  white-space: nowrap;
  text-align: center;
}
#depo-hareket-fisleri_wrapper table thead tr th.hareket-tarihi-cell {
  text-align: left;
}
#depo-hareket-fisleri_wrapper table thead tr th.aciklama-cell {
  text-align: left;
}
#depo-hareket-fisleri_wrapper table thead tr th.kullanici-cell {
  text-align: left;
}
#depo-hareket-fisleri_wrapper table tbody tr {
  cursor: pointer;
}
#depo-hareket-fisleri_wrapper table tbody tr td {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}
#depo-hareket-fisleri_wrapper table tbody tr td.hareket-tarihi-cell {
  text-align: left;
}
#depo-hareket-fisleri_wrapper table tbody tr td.aciklama-cell {
  width: unset;
  text-align: left;
}
#depo-hareket-fisleri_wrapper table tbody tr td.kullanici-cell {
  text-align: left;
}
#depo-hareket-fisleri_wrapper table tbody tr td.islemler-cell > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
#depo-hareket-fisleri_wrapper table tbody tr td.islemler-cell > div a {
  --font-size: .9rem;
  --size:2.5rem;
}
#depo-hareket-fisleri_wrapper table tbody tr td.islemler-cell > div a:hover {
  --bg: #02b491;
  --bg-hover: #02a887;
  --color: #fff;
}

#depo-hareket-fisleri-mobil_wrapper {
  display: none;
}
#depo-hareket-fisleri-mobil_wrapper .dataTables_filter, #depo-hareket-fisleri-mobil_wrapper .dataTables_length, #depo-hareket-fisleri-mobil_wrapper .dataTables_info {
  display: none;
}
#depo-hareket-fisleri-mobil_wrapper table {
  width: 100%;
}
#depo-hareket-fisleri-mobil_wrapper table thead tr th {
  text-align: left;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr {
  cursor: pointer;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td {
  text-align: left;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 140px;
          flex: 1 1 140px;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section > h4 {
  font-weight: 600;
  font-size: 1.1rem;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section > p {
  font-size: 1rem;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section > p i {
  color: #747474;
  font-size: 1.1em;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 10px;
          flex: 1 1 10px;
  min-width: 80px;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > ul > span {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  overflow: hidden;
  font-weight: 600;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > ul > span + span {
  isolation: isolate;
  position: relative;
  font-weight: 400;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > ul > span + span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--bg);
  z-index: -1;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > div {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  gap: 0.4rem;
}
#depo-hareket-fisleri-mobil_wrapper table tbody tr td.bayi-cell .bayi-cell-content > section + section > div i {
  font-size: 1.6em;
}

#depo-urun-stok-raporu_wrapper .dataTables_filter, #depo-urun-stok-raporu_wrapper .dataTables_length, #depo-urun-stok-raporu_wrapper .dataTables_info {
  display: none;
}
#depo-urun-stok-raporu_wrapper table {
  width: 100%;
}
#depo-urun-stok-raporu_wrapper table thead tr th {
  white-space: nowrap;
  text-align: center;
}
#depo-urun-stok-raporu_wrapper table thead tr th.gorsel-cell {
  width: 8rem;
}
#depo-urun-stok-raporu_wrapper table thead tr th.urun-adi-cell {
  text-align: left;
}
#depo-urun-stok-raporu_wrapper table tbody tr td {
  width: 1%;
  text-align: center;
}
#depo-urun-stok-raporu_wrapper table tbody tr td.gorsel-cell {
  padding: 0;
}
#depo-urun-stok-raporu_wrapper table tbody tr td.gorsel-cell img {
  width: 100%;
  aspect-ratio: 100/50;
  -o-object-fit: contain;
     object-fit: contain;
  padding-inline: 0.25rem;
}
#depo-urun-stok-raporu_wrapper table tbody tr td.urun-adi-cell {
  text-align: left;
}
#depo-urun-stok-raporu_wrapper table tbody tr td.urun-adi-cell b {
  color: #989898;
}
#depo-urun-stok-raporu_wrapper table tbody tr td.giris-cell i {
  margin-right: 0.25rem;
  width: 1.2em;
  height: 1.2em;
  background-color: #f4f4f4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#depo-urun-stok-raporu_wrapper table tbody tr td.giris-cell span {
  font-size: 0.9rem;
  opacity: 0.75;
}
#depo-urun-stok-raporu_wrapper table tbody tr td.cikis-cell i {
  margin-right: 0.25rem;
  width: 1.2em;
  height: 1.2em;
  background-color: #f4f4f4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#depo-urun-stok-raporu_wrapper table tbody tr td.cikis-cell span {
  font-size: 0.9rem;
  opacity: 0.75;
}

#depo-urun-stok-raporu-mobil_wrapper {
  display: none;
}
#depo-urun-stok-raporu-mobil_wrapper .dataTables_filter, #depo-urun-stok-raporu-mobil_wrapper .dataTables_length, #depo-urun-stok-raporu-mobil_wrapper .dataTables_info {
  display: none;
}
#depo-urun-stok-raporu-mobil_wrapper table {
  width: 100%;
}
#depo-urun-stok-raporu-mobil_wrapper table thead tr th {
  text-align: left;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr {
  cursor: pointer;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td {
  text-align: left;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 140px;
          flex: 1 1 140px;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section > h4 {
  font-weight: 500;
  font-size: 0.9rem;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section > h4 b {
  color: #989898;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section > p {
  font-size: 1rem;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section > p i {
  color: #747474;
  font-size: 1.1em;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section + section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 10px;
          flex: 1 1 10px;
  min-width: 80px;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section + section > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section + section > ul > span {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  overflow: hidden;
  font-weight: 600;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section + section > ul > span + span {
  isolation: isolate;
  position: relative;
  font-weight: 400;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section + section > ul > span + span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--bg);
  z-index: -1;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section + section > div {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  gap: 0.4rem;
}
#depo-urun-stok-raporu-mobil_wrapper table tbody tr td.rapor-urun-cell .rapor-urun-cell-content > section + section > div i {
  font-size: 1.6em;
}

#sistem-kayitlari_wrapper .dataTables_filter, #sistem-kayitlari_wrapper .dataTables_length, #sistem-kayitlari_wrapper .dataTables_info {
  display: none;
}
#sistem-kayitlari_wrapper table {
  width: 100%;
}
#sistem-kayitlari_wrapper table thead tr th {
  text-align: left;
}
#sistem-kayitlari_wrapper table tbody tr {
  cursor: pointer;
}
#sistem-kayitlari_wrapper table tbody tr td {
  text-align: left;
}
#sistem-kayitlari_wrapper table tbody tr td.tarih-cell {
  white-space: nowrap;
}
#sistem-kayitlari_wrapper table tbody tr td.kullanici-cell {
  white-space: nowrap;
}
#sistem-kayitlari_wrapper table tbody tr td.kayit-cell {
  min-width: 27rem;
  width: 0%;
}
#sistem-kayitlari_wrapper table tbody tr td.dataTables_empty {
  text-align: center;
}

#sistem-kayitlari-mobil_wrapper {
  display: none;
}
#sistem-kayitlari-mobil_wrapper .dataTables_filter, #sistem-kayitlari-mobil_wrapper .dataTables_length, #sistem-kayitlari-mobil_wrapper .dataTables_info {
  display: none;
}
#sistem-kayitlari-mobil_wrapper table {
  width: 100%;
}
#sistem-kayitlari-mobil_wrapper table thead tr th {
  text-align: left;
}
#sistem-kayitlari-mobil_wrapper table tbody tr {
  cursor: pointer;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td {
  text-align: left;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 140px;
          flex: 1 1 140px;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section > h4 {
  font-weight: 600;
  font-size: 1.1rem;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section > p {
  font-size: 1rem;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section > p i {
  color: #747474;
  font-size: 1.1em;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 10px;
          flex: 1 1 10px;
  min-width: 100px;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > ul {
  display: grid;
  gap: 2px;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > ul > span {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  overflow: hidden;
  font-weight: 600;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > ul > span + span {
  isolation: isolate;
  position: relative;
  font-weight: 400;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > ul > span + span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--bg);
  z-index: -1;
  opacity: 0.25;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > div {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: #f0f1f1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  gap: 0.4rem;
}
#sistem-kayitlari-mobil_wrapper table tbody tr td.odeme-cell .odeme-cell-content > section + section > div i {
  font-size: 1.6em;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media screen and (max-width: 1920px) {
  .peyc-siparis-detayi .peycc .siparis-detayi-sag {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 1281px) {
  :root {
    --font-size: calc(11px * var(--font-scale, 1));
  }
  .yonetici-layout, .bayi-layout {
    --sidebar-width: 180px;
  }
  .urun-kutu-1 .urun-kutu-sag {
    gap: 1rem;
  }
  .urun-kutu-1 .urun-kutu-cells {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
  }
}
@media screen and (max-width: 1080px) {
  :root {
    --font-size: calc(9px * var(--font-scale, 1));
  }
  .yonetici-layout, .bayi-layout {
    grid-template-areas: "header" "content";
    grid-template-columns: 1fr;
  }
  .yonetici-layout .layout-sidebar, .bayi-layout .layout-sidebar {
    display: none;
  }
  .header {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
    padding: 0.75rem 2rem;
  }
  .header .hlogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .hsys, .header .hara, .header .divider {
    display: none;
  }
  .header .mobil-butonlar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobilmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobilfooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .peyc {
    padding: 1rem 2rem;
  }
  .peyc .peycb h1 {
    font-size: 1.1rem;
  }
  .peyc .peycc {
    overflow-y: auto;
  }
  .peyc-odemeler .peycb .tahsilatlar-ara-input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .peyc-siparis-olustur .peycc .peycc-inner {
    grid-template-columns: 1fr 220px;
  }
  .peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi {
    min-height: 6rem;
  }
  .peyc-siparis-olustur .peycc .siparis-olustur-ozet .siparis-urun-listesi .siparis-urun > section .adet button {
    width: 2.75rem;
    height: 1.75rem;
  }
  .peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi {
    display: none;
  }
  .peyc-siparis-detayi .peycc .siparis-detayi-sol .urun-listesi-mobil {
    display: table;
  }
  .peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi {
    display: none;
  }
  .peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .urun-listesi-mobil {
    display: table;
  }
  .urun-kutu-1 .urun-kutu-baslik {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .urun-kutu-1 .urun-kutu-baslik h4 {
    width: unset;
  }
  .urun-kutu-1 .urun-kutu-icerigi {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: unset;
  }
  .urun-kutu-1 .urun-kutu-sag {
    width: 100%;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
@media screen and (max-width: 769px) {
  :root {
    --font-size: calc(9px * var(--font-scale, 1));
  }
  .peyc .peycb .tarih-filtre label input {
    width: 115px;
  }
  .peyc-yonetici-baslangic .peycc .ozet {
    grid-template-columns: 1fr;
  }
  .peyc-bayi-baslangic .peycc .baslangic-ust {
    grid-template-areas: "hosgeldin hosgeldin" "kisayollar bayi" "kisayollar bayi";
  }
  .peyc-bayi-baslangic .peycc .baslangic-ust .kisayollar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .peyc-bayi-baslangic .peycc .baslangic-ust .kisayollar a i {
    font-size: 2.8rem;
  }
  .peyc-bayi-baslangic .peycc .baslangic-ust .bayi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .peyc-bayi-baslangic .peycc .baslangic-ust .bayi .istatistik {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .peyc-siparis-olustur .peycc {
    overflow: unset;
  }
  .peyc-siparis-olustur .peycc .peycc-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100%;
    height: unset;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .peyc-siparis-olustur .peycc .urun-listesi {
    max-height: 60vh;
  }
  .peyc-yonetici-bayi-detay .peycc .bayi-istatistikler .bayi-ist-bakiye {
    width: 100%;
  }
  .peyc-yonetici-bayi-detay .peycc .bayi-istatistikler .bayi-ist-sag {
    width: 100%;
  }
  .peyc-yonetici-bayi-detay .peycc .bayi-istatistikler .bayi-ist-sag .bayi-ist {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 120px;
            flex: 1 1 120px;
  }
  .peyc-siparis-detayi .peycc .peycc-inner {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .peyc-siparis-detayi .peycc .siparis-detayi-sag > .btn, .peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 120px;
            flex: 1 1 120px;
    width: unset;
  }
  .peyc-siparis-detayi .peycc .siparis-detayi-sag .fatura-buton-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 200px;
            flex: 1 1 200px;
    width: unset;
  }
  .peyc-yonetici-depo-hareket-fisi-detay .peycc .peycc-inner {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sag > .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 120px;
            flex: 1 1 120px;
    width: unset;
  }
  #siparisler_wrapper, #odemeler_wrapper, #musteriler_wrapper, #depo-urunler_wrapper, #depo-urun-stok-raporu_wrapper {
    display: none;
  }
  #siparisler-mobil_wrapper, #odemeler-mobil_wrapper, #musteriler-mobil_wrapper, #depo-urunler-mobil_wrapper, #depo-urun-stok-raporu-mobil_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 640px) {
  :root {
    --font-size: calc(9px * var(--font-scale, 1));
  }
  .peyc .peycb .ara-input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .peyc .peycc .peycc-inner {
    padding: 1rem;
  }
  .peyc-yonetici-baslangic .peycc .ozet .kisayollar, .peyc-yonetici-baslangic .peycc .ozet .istatistik-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .peyc-siparis-olustur .peycb .eylemler .siparis-bayi-sec .choices {
    min-width: unset;
  }
  .peyc-siparisler .peycb .peycb-sag {
    width: 100%;
  }
  .peyc-siparisler .peycb .siparis-durum-filtre {
    width: 100%;
  }
  .peyc-siparisler .peycb .siparis-durum-filtre .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 120px;
            flex: 1 0 120px;
  }
  .peyc-siparisler .peycb .eylemler {
    width: 100%;
  }
  .peyc-siparis-olustur .peycb .peycb-sag {
    width: 100%;
  }
  .peyc-siparis-olustur .peycb .eylemler {
    width: 100%;
  }
  .peyc-siparis-olustur .peycb .siparis-bayi-sec {
    width: 100%;
    padding: 1.5rem;
    padding-bottom: 1rem;
  }
  .peyc-siparis-olustur .peycb .siparis-bayi-sec .choices {
    min-width: unset;
  }
  .peyc-bayi-baslangic .peycc .baslangic-ust {
    grid-template-areas: "hosgeldin" "bayi" "kisayollar";
    grid-template-columns: 1fr;
  }
  .peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .peyc-siparis-detayi .peycc .siparis-detayi-sol .siparis-detayi-baslik > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .peyc-yonetici-depo-hareket-fisi-detay .peycc .fis-detay-sol .fis-detay-baslik > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 435px) {
  :root {
    --font-size: calc(10px * var(--font-scale, 1));
  }
  .header {
    gap: 0.75rem;
    padding: 1rem 1.125rem;
  }
  .header .bildirimler {
    margin-right: 0;
  }
  .header .kullanici {
    margin-right: 0.7rem;
  }
  .header .kullanici > div {
    display: none;
  }
  .header .bayi {
    display: none;
  }
  .header .hsohbet, .header .cikis {
    width: 3rem;
    height: 3rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header .hsohbet span, .header .cikis span {
    display: none;
  }
  .header .hsohbet i, .header .cikis i {
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .peyc {
    padding: 1rem 1.125rem;
  }
  .peyc .peycb .peycb-sag {
    width: 100%;
  }
  .peyc .peycb .eylemler {
    width: 100%;
  }
  .peyc .peycb .tarih-filtre {
    width: 100%;
  }
  .peyc .peycb .tarih-filtre > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .peyc .peycb .tarih-filtre label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .peyc-bayi-online-odeme .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri, .peyc-yonetici-online-tahsilat .peycc .form .kart-section section.kart-bilgileri .input-row.kart-arka-bilgileri {
    gap: 2px;
  }
  .peyc-siparis-olustur .peycb .siparis-bayi-sec {
    padding: 1.25rem;
  }
  .peyc-siparis-olustur .peycc .urun-gruplari-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0.5rem;
  }
  .peyc-siparis-olustur .peycc .urun-gruplari-wrapper .urunlerde-ara input {
    width: 100%;
    height: 3rem;
  }
  .peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper .swiper-slide.tumu {
    font-size: 0;
    width: 2.2rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-inline: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .peyc-siparis-olustur .peycc .kategoriler-wrapper .kategoriler.swiper .swiper-slide.tumu i {
    font-size: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .urun-kutu-1 .urun-kutu-gorsel {
    width: 100%;
  }
  .urun-kutu-1 .urun-kutu-sag {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .urun-kutu-1 .urun-kutu-sag .urun-kutu-cells {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .urun-kutu-1 .urun-kutu-sag .urun-kutu-cells .urun-kutu-cell {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70px;
            flex: 1 1 70px;
  }
  .urun-kutu-1 .urun-kutu-ekle {
    width: 100%;
  }
  .urun-kutu-1 .urun-kutu-ekle .adet {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    grid-template-columns: 1fr auto;
  }
  .urun-kutu-1 .urun-kutu-ekle > button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 321px) {
  :root {
    --font-size: calc(10px * var(--font-scale, 1));
  }
  .peyc-yonetici-online-tahsilat .peycc .form .taksit-secenekleri {
    display: none;
  }
}