@charset "utf-8";
@import url('https://fonts.cdnfonts.com/css/sf-pro-display');

.o_TL {
	color: #787B83;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	box-sizing: border-box;
	align-items: center;
}

.odeme_input {
	width: 100px;
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #A7A2DD;
}

.o_out {
	width: calc((34.9375rem - 1.88rem - 1.25rem - 1.25rem - 1.88rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
}
.urun_ekle_isim3{
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 20px;
}
.sebep_acik_input3 {
	display: inline-flex;
	height: 5rem;
	width: calc(55vw - 1.88rem - 1.88rem);
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.38rem;
	margin-right: 1.88rem;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	outline-color: #A7A2DD;
	font-family: "SF Pro Display";
	box-sizing: border-box;
}
.urun_ekle_input3 {
	display: flex;
	width: calc((((55vw - 1.88rem - 1.88rem - 1.25rem) / 3) + ((55vw - 1.88rem - 1.88rem - 1.25rem) / 3)) + 8px);
	height: 38px;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
	outline-color: #A7A2DD;
	padding-left: 10px;
	box-sizing: border-box;
}
.odeme_input3 {
	width: 13.5vw;
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #A7A2DD;
}
.o_out3 {
	width: calc((55vw - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
}
.o_out_2 {
	width: calc((34.9375rem - 1.88rem - 1.25rem - 1.25rem - 1.88rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
}
.odeme_baslik_33 {
    color: var(--Gray-Text, #98A1B3);
    font-family: "SF Pro Display";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 1rem;
}
.odeme_baslik3 {
    color: var(--Gray-Text, #98A1B3);
    font-family: "SF Pro Display";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 1rem;
}
.o_TL3 {
	color: #787B83;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	box-sizing: border-box;
	align-items: center;
}
.odeme_input3 {
	width: 13.5vw;
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #A7A2DD;
}
.o_out_33 {
	width: calc((55vw - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
}
.o_out_3 {
	width: calc((34.9375rem - 1.88rem - 1.25rem - 1.25rem - 1.88rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
}

#scrabbed_yazi {
	color: black;
	font-size: 14px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
}

#scrabbed {
	width: 97px;
	height: 34px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
	background: #FDD9BA;
	border-radius: 8px;
	overflow: hidden;
	justify-content: center;
	margin-top: 37px;
	align-items: center;
	gap: 4px;
	display: inline-flex;
	border: none;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: 8px;
}

#goster_table td {
	color: black;
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1vh;
	height: 30px;
	padding-top: 0.4rem;
	box-sizing: border-box;
}

#goster_table th {
	color: black;
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 0.3rem;
	height: 30px;
	padding-top: 0.4rem;
	box-sizing: border-box;
}

#goster_table td {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}

/* #goster_table tbody tr {
	background: var(--lightblue-text-hover,#EDECF8);
} */

#goster_table tr {
	border: solid #dddddd;
	border-width: 0px 0px 0px;
	height: 1rem;
	width: 100%;
	box-sizing: border-box;

}

#goster_table {
	border-collapse: collapse;
}

#goster_table td:nth-child(1) {
	padding-left: 1.88rem;
	width: 19vw;
}

#goster_table tbody td:nth-child(1) {
	font-weight: 500;
	width: 19vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 1rem;
}

#goster_table tbody td:nth-child(2) {
	color: red;
	width: 10vw;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
	padding-right: 10px;
}

#goster_table thead td:nth-child(2) {
	width: 10vw;
}

#goster_table tbody td:nth-child(3) {
	color: black;
	width: 20vw;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
	padding-right: 10px;
}

#goster_table thead td:nth-child(3) {
	width: 20vw;
}

#goster_table tbody td:nth-child(4) {
	color: black;
	width: 9vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 10px;
}

#goster_table thead td:nth-child(4) {
	width: 9vw;
}

#goster_table thead td {
	font-weight: 300;

}

#goster_table tbody td:nth-child(5) {
	width: 16vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 10px;
}

#goster_table thead td:nth-child(5) {
	width: 16vw;
}

#goster_table tbody td:nth-child(6) {
	color: black;
	width: 9vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 10px;
}

#goster_table thead td:nth-child(6) {
	width: 9vw;
}

#goster_table tbody td:nth-child(7) {
	color: #393185;
	text-decoration: underline;
	cursor: pointer;
	width: 5vw;
	text-overflow: ellipsis;
	/* max-width: 5vw; */
	white-space: nowrap;
	/* padding-right: 20px; */
	/* float: right;
	text-align: right; */
}

#goster_table thead td:nth-child(7) {
	width: 5vw;
}

#goster_table tbody td:nth-child(7):hover {
	color: var(--darkblue-hover, #5045BA);
	cursor: pointer;
}

#goster_table table {
	border-collapse: collapse;
}

.tabloo_goster {
	height: 8vh;
	flex-shrink: 0;
	width: 90vw;
	display: block;
	table-layout: fixed;
	overflow: auto;
	position: absolute;
	left: 0rem;
	top: 5rem;

}

#dosyaEkleButon:hover,
#urun_kaydet:hover,
#e_urun_kaydet:hover {
	cursor: pointer;
	background: var(--darkblue-hover, #5045BA);
}

#hasta_ekle_acilis:hover,
#urun_ekle_acilis:hover {
	cursor: pointer;
	background: var(--darkblue-25, #CECBEC);
}

#urun_iptal:hover,
#dosyaEklemeIptal:hover {
	cursor: pointer;
	background: var(--darkblue-25, #CECBEC);
}

#hazir_urunu_sil:hover,
#faturalar:hover,
#hastalar:hover,
#urunler:hover {
	cursor: pointer;
}

#hazir_urunu_sil:hover {
	background: #FBACAC;
}

#scrabbed:hover {
	cursor: pointer;
	background: #EBC9AC;
}
.edit_baslik_butonlar3 {
	width: 55vw;
	display: inline-flex;
}
.urun_ekle3 {
	position: absolute;
	width: 55vw;
	height: 48rem;
	flex-shrink: 0;
	border-radius: 1.125rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	left: calc(50% - 27.5vw);
	top: calc(50% - 24rem);
	visibility: hidden;
}
#hazir_urunu_sil {
	display: inline-flex;
	height: 2.125rem;
	padding: 0.375rem 0.875rem;
	justify-content: center;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	background: var(--Red-negative, #FDD3D3);
	margin-right: 30px;
	margin-top: 2.31rem;
	margin-bottom: -2rem;
	box-sizing: border-box;
}

#del_yazi {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 171.429% */
}

body {
	width: 100%;
	height: 100vh;
}

.baslik {
	height: 8vh;
	flex-shrink: 0;
	background: #FFF;
	display: flex;
	align-items: center;
	align-content: center;
	width: 100vw;
	border-style: solid;
	border-color: #F8FAFF;
	/* position:absolute; */
	box-sizing: border-box;
}

/* changed */
.logo {
	flex-shrink: 0;
	margin-left: 20px;
}

/* changed */
.bYazi {
	color: #000;
	font-family: "SF Pro Display";
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	margin-left: 85px;
}

/* changed */
.sBar {
	width: 220px;
	flex-shrink: 0;
	background: white;
	height: 100%;
	display: block;
}

/* changed */
.sYazi {
	color: black;
	font-family: "SF Pro Display";
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: 0.5rem;
}

/* changed */
.sBlock_i {
	display: flex;
	height: 1.8rem;
	width: 100%;
	margin-top: 28px;
	margin-left: 20px;
	background-color: inherit;
	border: inherit;
	align-items: center;
	text-align: center;
}

/* changed */
.sBlock {
	display: flex;
	height: 2.8rem;
	width: 100%;
	margin-top: 14px;
	margin-left: 20px;
	background-color: inherit;
	border: inherit;
	border-radius: 1.625rem;
	align-items: center;
	text-align: center;

}

.sBlock_active {
	display: flex;
	height: 2.8rem;
	width: 85%;
	margin-top: 14px;
	margin-left: 6px;
	padding-left: 14px;
	background-color: #EDECF8;
	border: inherit;
	border-radius: 1.625rem;
	align-items: center;
	text-align: center;

}

/* changed */
.ana {
	height: calc(100vh - 8vh);
	display: block;
	width: calc(100vw - 220px);
	/* background: blue; */
}

/* changed */
.alt {
	display: flex;
	background: #FBFBFE;
	height: calc(100vh - 8vh);
}

a.sBlock {
	text-decoration: none;
	width: 75%;
}

a.sBlock_active {
	text-decoration: none;
}

a.sBlock_i {
	text-decoration: none;
	width: 75%;
}

.sBlock:hover {
	color: aqua;
	cursor: pointer;
}



.ek_ara {
	display: flex;
	height: 90px;
	align-content: center;
	align-items: center;
	width: calc(100vw - 220px);

}



.search {
	display: flex;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(100vw - 220px - 20px - 12vw - 22vw - 10vw - 244px);
	padding: 0.375rem 1.25rem;
	align-items: center;
	gap: 0.375rem;
	border-radius: 1.375rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	height: 44px;
	box-sizing: border-box;
}

.t_sec {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	/* height: 1.5rem; */
	/* width: 4.5%; */
	text-wrap: nowrap;
	margin-right: 8px;
}
.tabloo_odeme_data {
	max-height: 49vh;
	display:inline-block;
	white-space:nowrap;
	flex-shrink: 0;
	width: 90vw;
	display: block;
	table-layout: fixed;
	overflow: auto;
	/* position: absolute;
	left: 0rem;
	top: 11rem; */
}
.tarihler {
	display: inline-flex;
	height: 2rem;
	width: 6vw;
	align-items: center;
	flex-shrink: 0;
	border-radius: 1.375rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	font-family: "SF Pro Display";
	background: #FFF;
	outline-color: #A7A2DD;
	font-size: 0.875rem;
	padding-left: 10px;
}

.tre {
	color: var(--Light-Gray-Text, #C1C7D2);
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.dSecim {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1.375rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	width: 12vw;
	height: 44px;
	margin-left: 20px;
	padding-left: 10px;
	border: none;
	font-family: "SF Pro Display";
	font-size: 1rem;
}

@media screen and (max-width:1540px) {
	.dSecim {
		font-size: 1vw;
	}
}



.hText {
	color: black;
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}

.hAdd {
	display: inline-flex;
	height: 44px;
	width: 10vw;
	padding: 0.375rem 0.8125rem;
	margin-left: 20px;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: var(--darkblue, #393185);
	box-sizing: border-box;
	position: absolute;
	right: 20px;
}

.aText {
	color: #FFF;
	font-family: "SF Pro Display";
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
}

.rrAdd {
	display: inline-flex;
	height: 2.75rem;
	width: 9vw;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: rgba(6, 175, 175, 0.10);
	margin-left: 8px;
	box-sizing: border-box;
}

.arText {
	color: black;
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	;
}

#faturalar {
	width: 116px;
	margin-left: 20px;
	height: 55px;
	border-radius: 12px 12px 0px 0px;
	background: #FFFFFF;
	border: none;
	color: var(--darkblue, #393185);
	font-family: "SF Pro Display";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	/* opacity: 1; */
	z-index: 0;
	position: absolute;
	margin-top: -0.5rem;
	padding-top: 5px;
	text-align: center;
	box-sizing: border-box;
}

#hastalar {
	width: 116px;
	height: 55px;
	border-radius: 12px 12px 0px 0px;
	background: #FFFFFF;
	border: none;
	opacity: 0.8;
	color: var(--Normal-Text-Gray, #787B83);
	font-family: "SF Pro Display";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	margin-left: 145px;
	margin-top: -0.5rem;
	box-sizing: border-box;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

#urunler {
	width: 116px;
	height: 36px;
	border-radius: 12px 12px 0px 0px;
	background: #FFFFFF;
	border: none;
	opacity: 0.8;
	color: var(--Normal-Text-Gray, #787B83);
	font-family: "SF Pro Display";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	margin-left: 270px;
	margin-top: -0.5rem;
	box-sizing: border-box;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}



.tabloo {
	border-radius: 1.125rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	height: calc(100vh - 125px - 8vh);
	flex-shrink: 0;
	width: calc(100vw - 260px);
	display: block;
	table-layout: fixed;
	overflow: auto;
	position: absolute;
	left: 240px;
	/* top: calc(8vh + 115px); */
}

td,
th {
	color: black;
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	width: 15rem;
	padding-left: 1rem;

}

tr {
	border: solid #dddddd;
	border-width: 1px 0px;
	height: 3rem;
}

table {
	border-collapse: collapse;
}

.rText {
	color: var(--Light-Gray-Text, #C1C7D2);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}

.rAdd {
	display: inline-flex;
	height: 2.75rem;
	width: 11.3rem;
	margin-top: 1.5rem;
	padding: 0.375rem 0.8125rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: var(--darkblue, #393185);
}

.rdAdd {
	display: inline-flex;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-top: 1.5rem;
	height: 2.75rem;
	padding: 0.375rem 1.25rem;
	justify-content: center;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: rgba(6, 175, 175, 0.10);
	width: 13.5rem;

}

.aRText {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
}

.refresh {
	display: inline-flex;
	height: 2.75rem;
	width: 7.37rem;
	padding: 0.375rem 1.25rem;
	justify-content: center;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: rgba(6, 175, 175, 0.10);
	margin-left: 2.25rem;
	margin-top: 1.5rem;
}

.refreshT {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
}

.today {
	color: var(--darkblue, #393185);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	text-decoration-line: underline;
	margin-left: 1.75rem;
	margin-top: 2.13rem;
}

.ok {
	fill: #FFF;
	stroke-width: 1px;
	stroke: var(--Light-Gray-2x-elements, #E6EBF6);
	width: 2rem;
	height: 2rem;
	margin-left: 0.4rem;
	margin-top: 1.88rem;
}

.tarih {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
	margin-left: 0.75rem;
	margin-top: 2.12rem;
}

.dSecIc {
	width: 13.125rem;
	flex-shrink: 0;
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-right: 3rem;
}

.add_stock {
	position: absolute;
	width: 34.9375rem;
	height: 48rem;
	flex-shrink: 0;
	border-radius: 1.125rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	left: calc(50% - 17.46rem);
	top: calc(50% - 24rem);
}

.edit_stock {
	position: absolute;
	width: 34.9375rem;
	height: 43.7rem;
	flex-shrink: 0;
	border-radius: 1.125rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	left: calc(50% - 17.46rem);
	top: calc(50% - 22.5rem);
	visibility: hidden;
}

.urun_ekle {
	position: absolute;
	width: 34.9375rem;
	height: 22rem;
	flex-shrink: 0;
	border-radius: 1.125rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	left: calc(50% - 17.46rem);
	top: calc(50% - 13.5rem);
	visibility: hidden;
}

.edit_item {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1.375rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-top: 2.63rem;
	margin-left: 1.88rem;
}
.edit_item3 {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1.375rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-top: 2.63rem;
	margin-left: 1.88rem;
}
#hazir_urunu_sil3 {
	display: inline-flex;
	height: 2.125rem;
	padding: 0.375rem 0.875rem;
	justify-content: center;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	background: var(--Red-negative, #FDD3D3);
	box-sizing: border-box;
	position: absolute;
	top: 2.31rem;
	right: 1.88rem;
}
.tarih_odem3{
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 32px;
}
.tarih_popup_odem3 {
	width: calc((55vw - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	text-align: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
}
.malzeme_isim3{
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 32px;
}

.malzeme_input3 {
	display: flex;
	width: calc((55vw - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 38px;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
	outline-color: #A7A2DD;
	padding-left: 10px;
	box-sizing: border-box;
}

.acik_isim3 {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 32px;
}
.tarih_input_odem3 {
	width: calc(((55vw - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3) - 45px);
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #A7A2DD;
	box-sizing: border-box;
	
}
.acik_input3 {
	display: flex;
	width: calc((55vw - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
	outline-color: #A7A2DD;
	padding-left: 10px;
	box-sizing: border-box;
}



.urun_isim_kategori {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 16px;
}

.isim_input {
	display: flex;
	width: 31.1875rem;
	height: 38px;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
	outline-color: #A7A2DD;
	padding-left: 10px;
	box-sizing: border-box;
}

.urun_ekle_isim {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 20px;
}

.urun_ekle_input {
	display: flex;
	width: 31.1875rem;
	height: 38px;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
	outline-color: #A7A2DD;
	padding-left: 10px;
	box-sizing: border-box;
}

.kdv_isim {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 20px;
}

.tarih_popup {
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	text-align: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
}

.kdv_input_urun {
	width: calc(((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3) - 45px);
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #A7A2DD;
	box-sizing: border-box;

}


.kategori_input {
	display: flex;
	width: calc(34.9375rem - 1.88rem - 1.88rem);
	height: 2.375rem;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
	outline-color: #A7A2DD;
	padding-left: 10px;
	box-sizing: border-box;
}

.aciklama {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 1.25rem;
	outline-color: #A7A2DD;
}

.urun_fiyat {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 1.25rem;
	outline-color: #A7A2DD;
}

.birimtl {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 1.25rem;
	outline-color: #A7A2DD;
}

.acik_input {
	display: inline-flex;
	height: 7.125rem;
	/* align-items: center; */
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
	width: calc(34.9375rem - 1.88rem - 1.88rem);
	outline-color: #A7A2DD;
	padding-left: 10px;
	padding-top: 1%;
	color: black;
	box-sizing: border-box;
}

.fiyat_input {
	width: 80px;
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #83D7D7;
}

.duzenleme_tarihi {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 1.25rem;
	outline-color: #C0EBEB;
}

.duzenleme_input {
	display: inline-flex;
	height: 2.375rem;
	align-items: center;
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
	outline-color: #C0EBEB;
	padding-left: 10px;
	box-sizing: border-box;
}


.vergi {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 16px;
	outline-color: #C0EBEB;
}

.vergi_input {
	display: inline-flex;
	height: 2.375rem;
	align-items: center;
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem) / 2);
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
	outline-color: #C0EBEB;
	padding-left: 10px;
	box-sizing: border-box;
}

.satisotv {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 16px;
	outline-color: #C0EBEB;
}

.satisotv_input {
	display: inline-flex;
	height: 2.375rem;
	align-items: center;
	width: 31.1875rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
	outline-color: #C0EBEB;
	padding-left: 10px;
	box-sizing: border-box;
}

.listefiyat {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 16px;
	outline-color: #C0EBEB;
}

.listefiyattl {
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
}

.listefiyat_input {
	width: calc(((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3) - 45px);
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #83D7D7;
	box-sizing: border-box;
}

.miktar {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 1.25rem;
	outline-color: #C0EBEB;
}

.miktar_input {
	display: inline-flex;
	height: 2.375rem;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	outline-color: #C0EBEB;
	padding-left: 10px;
	box-sizing: border-box;
}

.ulke {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 16px;
	outline-color: #C0EBEB;
}

.ulke_input {
	display: inline-flex;
	height: 2.375rem;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem) / 2);
	outline-color: #C0EBEB;
	padding-left: 10px;
	box-sizing: border-box;
}

.posta {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 16px;
	outline-color: #C0EBEB;
}

.posta_input {
	display: inline-flex;
	height: 2.375rem;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem) / 2);
	outline-color: #C0EBEB;
	padding-left: 10px;
	box-sizing: border-box;
}

.alimfiyat {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 16px;
	outline-color: #C0EBEB;
}

.alimfiyat_input {
	width: calc(((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3) - 45px);
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #83D7D7;
	box-sizing: border-box;
}

.alimfiyattl {
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 20px;
	margin-top: 0.28rem;
}

.alisotv {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 16px;
	outline-color: #C0EBEB;
}

.alisotv_input {
	display: inline-flex;
	height: 2.375rem;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
	width: 31.1875rem;
	outline-color: #C0EBEB;
	padding-left: 10px;
	box-sizing: border-box;
}

.birim {
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 20px;
	margin-top: 0.28rem;
}


.birim_input {
	width: calc(((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3) - 45px);
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #83D7D7;
	box-sizing: border-box;
}

.ozel_isim {
	color: var(--Gray-Text, #98A1B3);
	font-family: SF Pro Display;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 1.25rem;
}

.ozelt_input {
	width: calc(((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3) - 45px);
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #83D7D7;
	box-sizing: border-box;
}

.ozel {
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.25rem;
	margin-top: 0.28rem;
}

.e_kaydet {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: var(--darkblue, #393185);
	border: none;
	color: #FFF;
	font-family: SF Pro Display;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 3rem;
}

.e_iptal {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: rgba(6, 175, 175, 0.10);
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	border: none;
	margin-left: 0.5rem;
	margin-top: 3rem;
}

.odeme_ekran {
	width: 34.9375rem;
	height: 11.5rem;
	background: #EDECF8;
	margin-top: 1.25rem;

}

.odeme_baslik {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 1rem;
}

.odeme_baslik_2 {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 1rem;
}

.odeme_baslik_3 {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.25rem;
	margin-top: 1rem;
}
.odeme_ekran3 {
    width: 55vw;
    height:12rem;
    background: #EDECF8;
    margin-top: 1.25rem;
	
}
/* .odeme_ekran_block {
    margin-left: 1rem;
    margin-top: 1rem;
	box-sizing: border-box;
} */
#rEklee {
	display: block;
	position: absolute;
	width: 34.9375rem;
	height: 45.75rem;
	flex-shrink: 0;
	border-radius: 1.125rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	top: calc(50% - 22.85rem);
	left: calc(50% - 17.45rem);
	visibility: hidden;
}

.remain {
	margin-left: 1.88rem;
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5rem;
}

.hasta_kaydet {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: var(--darkblue, #393185);
	border: none;
	color: #FFF;
	font-family: SF Pro Display;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: 1.88rem;
}

.hasta_iptal {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: #EDECF8;
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	border: none;
	margin-left: 0.5rem;
}
.hasta_kaydet3 {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: var(--darkblue, #393185);
	border: none;
	color: #FFF;
	font-family: SF Pro Display;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	position: absolute;
	bottom: 20px;
}

.hasta_iptal3 {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background:#EDECF8;
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	border: none;
	margin-left: 0.5rem;
	position: absolute;
	bottom: 20px;
	left: 160px;
}
#st tr {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	border-top: none;
	width: 100%;
}

#st tbody tr {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	border-top: none;
	width: 100%;
}

#st tbody tr:nth-child(1) {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	width: 100%;
	border: solid #dddddd;
	border-width: 1px 0px;
}

#st td {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	padding-top: 14px;
	box-sizing: border-box;
	white-space: nowrap;
	font-family: "SF Pro Display";
}


#st td:nth-child(1) {
	width: 10vw;
	padding-left: 30px;
}

#st thead td:nth-child(2) {
	width: 10vw;
}

#st tbody td:nth-child(2) {
	width: 10vw;
	color: black;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}


#st thead td:nth-child(3) {
	width: 10vw;
	color: #787B83;
}

#st tbody td:nth-child(3) {
	width: 10vw;
	color:  #787B83;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}

#st thead td:nth-child(4) {
	width: 9vw;
	color: #787B83;
}

#st tbody td:nth-child(4) {
	width: 9vw;
	color: black;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}

#st thead td:nth-child(5) {
	width: 12vw;
	color: #787B83;
}

#st tbody td:nth-child(5) {
	width: 12vw;
	color: black;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}

#st thead td:nth-child(6) {
	width: 5vw;
	color: #787B83;
}

#st tbody td:nth-child(6) {
	width: 5vw;
	color: black;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}

#st thead td:nth-child(7) {
	width: 6vw;
	color: #787B83;
}

#st tbody td:nth-child(7) {
	width: 6vw;
	color: black;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}

#st thead td:nth-child(8) {
	width: 9vw;
	color: #787B83;
}

#st tbody td:nth-child(8) {
	width: 9vw;
	color:  #787B83;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}

#st thead td:nth-child(9) {
	width: 11vw;
	color: #787B83;
}

#st tbody td:nth-child(9) {
	width: 11vw;
	color: black;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}

#st thead td:nth-child(10) {
	width: 11vw;
	color: #787B83;
}

#st tbody td:nth-child(10) {
	width: 11vw;
	color: black;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
}


#arc tbody tr {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	border-top: none;
	width: 100%;
}

#arc tbody tr:nth-child(1) {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	width: 100%;
	border: solid #dddddd;
	border-width: 1px 0px;
}

#arc td {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	padding-top: 14px;
	box-sizing: border-box;
	white-space: nowrap;
	font-family: "SF Pro Display";
	color: #787B83;
}

#arc td:nth-child(1) {
	width: 30vw;
	padding-left: 30px;
}

#arc td:nth-child(2) {
	width: calc(100vw - 30vw - 290px);
}

#arc tbody td:nth-child(2) {
	width: 9vw;
	color: #393185;
	text-decoration: underline;
}

#arc tbody td:nth-child(2):hover {
	color: #5045BA;
	cursor: pointer;
}

#ur tr {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	border-top: none;
	width: 100%;
}

#ur tbody tr {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	border-top: none;
	width: 100%;
}

#ur tbody tr:nth-child(1) {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	width: 100%;
	border: solid #dddddd;
	border-width: 1px 0px;
}

#ur td {
	display: inline-block;
	overflow: hidden;
	height: 52px;
	padding-top: 14px;
	box-sizing: border-box;
	white-space: nowrap;
	font-family: "SF Pro Display";
}

#ur td:nth-child(1) {
	width: calc(100vw - 290px - 53vw);
	padding-left: 30px;
}

#ur td:nth-child(2) {
	width: 9vw;
}

#ur td:nth-child(3) {
	width: 7vw;
}

#ur td:nth-child(4) {
	width: 7vw;
	color: #787B83;
}

#ur td:nth-child(5) {
	width: 11vw;
}

#ur td:nth-child(6) {
	width: 11vw;
	color: #787B83;
}

#ur td:nth-child(7) {
	width: 8vw;
	color: #787B83;
	/* text-align: right; */
	padding-right: 20px;
}

#ur tbody td:nth-child(7) {
	width: 8vw;
	color: #393185;
	text-decoration: underline;
}

#ur tbody td:nth-child(7):hover {
	color: #5045BA;
	cursor: pointer;
}

#ur tbody tr:hover {
	background: #EDECF8;
}

::placeholder {
	color: #C1C7D2;
	opacity: 1;
	/* Firefox */
}

input:focus::placeholder {
	color: transparent;
}

.tabloo_odeme_gider {
	max-height: 61vh;
	display: inline-block;
	white-space: nowrap;
	flex-shrink: 0;
	width: 90vw;
	display: block;
	table-layout: fixed;
	overflow: auto;
	/* position: absolute;
	left: 0rem;
	top: 11rem; */
}

.musteri_goster {
	position: absolute;
	border-radius: 1.125rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	width: 90vw;
	height: 94vh;
	flex-shrink: 0;
	top: calc(50% - 47vh);
	left: calc(50% - 45vw);
	visibility: hidden;
}
.musteri_isim {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.87rem;
	margin-top: 2rem;
}
.musteri_isim_input {
	display: flex;
	width: calc(31.1772rem - 20px);
	height: 2.375rem;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.87rem;
	margin-right: 1.88rem;
	margin-top: 0.38rem;
	font-family: "SF Pro Display";
	padding-left: 10px;
	padding-right: 10px;
	outline-color: #A7A2DD;
}
.telefon_baslik {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-top: 1.25rem;
	margin-left: 30px;
}
.telefon {
	height: 2.375rem;
	width: 15.58875rem;
	margin-top: 0.2rem;
	margin-left: 30px;
	padding: 10px;
	background: white;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	display: inline-flex;
	font-family: "SF Pro Display";
	outline-color: #A7A2DD;
	box-sizing: border-box;
}
.adres_baslik {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	margin-top: 1.25rem;
	margin-left: 1.88rem;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}

.adres_input {
	display: flex;
	width: calc(31.1772rem - 20px);
	height: 2.375rem;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.87rem;
	margin-right: 1.88rem;
	margin-top: 0.38rem;
	font-family: "SF Pro Display";
	padding-left: 10px;
	padding-right: 10px;
	outline-color: #A7A2DD;
}
.kimlik_baslik {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 2rem;
	margin-top: 1.25rem;
}
.tarih_baslik{
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.88rem;
	margin-top: 20px;
}
.tarih_  {
	width: calc(((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3) - 45px);
	color: black;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	border: none;
	outline-color: #A7A2DD;
	box-sizing: border-box;	
}
.tarih_popup {
	width: calc((34.9375rem - 1.88rem - 1.88rem - 1.25rem - 1.25rem) / 3);
	height: 2.375rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #F4F6FB;
	border-radius: 8px;
	overflow: hidden;
	border: 1px #E6EBF6 solid;
	justify-content: flex-start;
	text-align: center;
	gap: 6px;
	display: inline-flex;
	box-sizing: border-box;
	margin-left: 1.88rem;
	margin-top: 0.28rem;
}
.sebep_baslik {
	color: var(--Gray-Text, #98A1B3);
	font-family: "SF Pro Display";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-left: 1.87rem;
	margin-top: 1.25rem;
}

.sebep_input {
	display: inline-flex;
	height: 4.7rem;
	width: calc(31.1772rem - 20px);
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	background: #FFF;
	margin-left: 1.87rem;
	margin-top: 0.38rem;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	outline-color: #A7A2DD;
	font-family: "SF Pro Display";
}
.baslik_ {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1.375rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: 1.87rem;
	margin-top: 2.63rem;
}

.tarihler {
	display: inline-flex;
	height: 2rem;
	width: 6vw;
	align-items: center;
	flex-shrink: 0;
	border-radius: 1.375rem;
	border: 1px solid var(--Light-Gray-2x-elements, #E6EBF6);
	font-family: "SF Pro Display";
	background: #FFF;
	outline-color: #A7A2DD;
	font-size: 0.875rem;
	padding-left: 10px;
}

.tre {
	color: var(--Light-Gray-Text, #C1C7D2);
	margin-left: 0.5rem;
	margin-right: 0.5rem;

}

.ekle:hover {
	cursor: pointer;
	background: var(--darkblue-hover, #5045BA);
}

.ekle {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: var(--darkblue, #393185);
	border: none;
	color: #FFF;
	font-family: SF Pro Display;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: auto;
	margin-right: 1.88rem;
	float: right;
	box-sizing: border-box;
}

.tabloo_odeme {
	flex-shrink: 0;
	width: 90vw;
	display: block;
	table-layout: fixed;
	overflow: auto;
	/* padding-top: 10rem; */
	position: absolute;
	top: 5.5rem;
}
.baslik_odeme {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: 1.87rem;
	margin-top: 5rem;
}
.tarihsec {
	/* position: absolute;
	top: 13vh; */
	align-items: center;
	width: 90vw;
	height: 3rem;
	padding-top: 0.7rem;
}

.t_sec {
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	/* height: 1.5rem; */
	/* width: 4.5%; */
	text-wrap: nowrap;
	margin-right: 8px;
	margin-left: 1.88rem;
}

#odeme_table td,
#odeme_table th {
	color: black;
	font-family: "SF Pro Display";
	font-size: 0.85rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5rem;
	height: 50px;
	padding-top: 1rem;
	box-sizing: border-box;
}

#odeme_table td {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}

#odeme_table tr {
	border: solid #dddddd;
	border-width: 1px 0px;
	height: 2rem;
	width: 90vw;
	white-space: nowrap;
	box-sizing: border-box;
}

#odeme_table {
	border-collapse: collapse;
}

#odeme_table td:nth-child(1) {
	margin-left: 1.88rem;
	width: 6.5vw;
}

#odeme_table tbody td:nth-child(1) {
	font-weight: 500;
	width: 6.5vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table tbody td:nth-child(2) {
	color: #787B83;
	width: 7vw;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(2) {
	width: 7vw;
}

#odeme_table tbody td:nth-child(3) {
	color: #787B83;
	width: 6vw;
	text-overflow: ellipsis;
	/* max-width: 10vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(3) {
	width: 6vw;
}

#odeme_table tbody td:nth-child(4) {
	color: #787B83;
	width: 3vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(4) {
	width: 3vw;
}

#odeme_table thead td {
	font-weight: 300;

}

#odeme_table tbody td:nth-child(5) {
	width: 4.5vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(5) {
	width: 4.5vw;
}

#odeme_table tbody td:nth-child(6) {
	width: 4vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(6) {
	width: 4vw;
}

#odeme_table tbody td:nth-child(7) {
	width: 8.7vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(7) {
	width: 8.7vw;
}

#odeme_table tbody td:nth-child(8) {
	width: 8.7vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(8) {
	width: 8.7vw;
}

#odeme_table tbody td:nth-child(9) {
	width: 8.7vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(9) {
	width: 8.7vw;
}

#odeme_table tbody td:nth-child(10) {
	color: #787B83;
	width: 6vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(10) {
	width: 6vw;
}

#odeme_table tbody td:nth-child(11) {
	width: 10.2vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(11) {
	width: 10.2vw;
}

#odeme_table tbody td:nth-child(12) {
	width: 8.7vw;
	text-overflow: ellipsis;
	/* max-width: 17vw; */
	white-space: nowrap;
	padding-right: 4px;
}

#odeme_table thead td:nth-child(12) {
	width: 8.7vw;
}

#odeme_table tbody td:nth-child(13) {
	color: #393185;
	text-decoration: underline;
	cursor: pointer;
	width: calc(90vw - 84vw - 20px);
	text-overflow: ellipsis;
	/* max-width: 5vw; */
	white-space: nowrap;
	/* padding-right: 20px; */
	/* float: right;
	text-align: right; */
}

#odeme_table thead td:nth-child(13) {
	width: calc(90vw - 84vw - 20px);
}

#odeme_table tbody td:nth-child(13):hover {
	color: var(--darkblue-hover, #5045BA);
}

#odeme_table tbody tr:hover {
	background: var(--lightblue-text-hover, #EDECF8);
}

#odeme_table table {
	border-collapse: collapse;
}

#gelir_yaz {
	color: #787B83;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 500;
	line-height: 24px;
	word-wrap: break-word;
}

#gelir_in {
	color: black;
	font-size: 20px;
	font-family: "SF Pro Display";
	font-weight: 600;
	line-height: 24px;
	word-wrap: break-word;
}

#gider_yaz {
	color: #787B83;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 500;
	line-height: 24px;
	word-wrap: break-word;
	margin-left: 30px;
}

#gider_in {
	color: black;
	font-size: 20px;
	font-family: "SF Pro Display";
	font-weight: 600;
	line-height: 24px;
	word-wrap: break-word;
}

#toplam_yaz {
	color: #787B83;
	font-size: 16px;
	font-family: "SF Pro Display";
	font-weight: 500;
	line-height: 24px;
	word-wrap: break-word;
	margin-left: 30px;
}

#toplam_in {
	color: #EB5757;
	font-size: 20px;
	font-family: "SF Pro Display";
	font-weight: 600;
	line-height: 24px;
	word-wrap: break-word;
}
.musteri_ekle {
	position: absolute;
	border-radius: 1.125rem;
	background: #FFF;
	box-shadow: 3px 0px 12px 0px rgba(48, 62, 96, 0.06);
	width: 34.9375rem;
	height: 47.4rem;
	flex-shrink: 0;
	top: calc(50% - 23.7rem);
	left: calc(50% - 17.45rem);
	visibility: hidden;
}
.musteri_kaydet {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: var(--darkblue, #393185);
	border: none;
	color: #FFF;
	font-family: SF Pro Display;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: 1.88rem;
}

.musteri_kaydet:hover {
	cursor: pointer;
	background: var(--darkblue-hover, #5045BA);
}

.musteri_iptal:hover {
	cursor: pointer;
	background: var(--darkblue-25, #CECBEC);
}

.musteri_iptal {
	display: inline-flex;
	height: 2.75rem;
	padding: 0.375rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	border-radius: 1.625rem;
	background: #EDECF8;
	color: var(--Black, #000);
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	border: none;
	margin-left: 0.5rem;
}